Initial commit

app/plugins/calendar/css/calendar.css

@@ -0,0 +1,153 @@
+.calendar-container {
+    margin-left: 20px;
+    margin-right: 20px;
+}
+
+.calendar-row {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+}
+
+.calendar-cell {
+    flex: 1;
+    border: 1px solid #ddd;
+    text-align: center;
+    padding: 10px 0;
+    margin: 0 5px;
+}
+
+.calendar-cell h4 {
+    margin: 0;
+    padding: 5px;
+    border-radius: 4px;
+    background-color: #f8f8f8;
+}
+
+.hour-row {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+}
+
+.hour-body {
+    display: flex; /* Add this line to use flexbox */
+    flex-direction: row; /* Ensure the direction is row */
+    flex: 4;
+    border: 1px solid #ddd;
+    text-align: center;
+    padding: 10px 0;
+    margin-left: 5px;
+    margin-right: 5px;
+    align-items: center;
+}
+
+.hour-cell {
+    flex: 1;
+    border: 1px solid #ddd;
+    text-align: center;
+    padding: 10px 0;
+    margin-left: 5px;
+    margin-right: 5px;
+    align-items: center;
+    max-width: 250px;
+}
+
+.today {
+    background-color: #5cb85c !important;
+}
+
+.hour-header, .hour-footer {
+    flex: 0 0 10%;
+    background-color: #f8f8f8;
+    text-align: center;
+    padding: 10px 0;
+    margin: 0 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+
+/* Adjusting the first and last cell margins to align with the container edges */
+.calendar-cell:first-child {
+    margin-left: 0;
+}
+
+.calendar-cell:last-child {
+    margin-right: 0;
+}
+
+.select-container {
+    color: white;
+}
+.custom-select {
+    /* color: red; */
+    color: #000;
+}
+.custom-select .white {
+    background-color: #ffffff;
+}
+.custom-select .primary {
+    background-color: #337ab7;
+}
+.custom-select .success {
+    background-color: #5cb85c;
+}
+.custom-select .info {
+    background-color: #5bc0de;
+}
+.custom-select .warning {
+    background-color: #f0ad4e;
+}
+.custom-select .danger {
+    background-color: #d9534f;
+}
+.select-container .primary {
+    background-color: #337ab7;
+}
+.select-container .white {
+    background-color: #ffffff;
+}
+.select-container .success {
+    background-color: #5cb85c;
+}
+.select-container .info {
+    background-color: #5bc0de;
+}
+.select-container .warning {
+    background-color: #f0ad4e;
+}
+.select-container .danger {
+    background-color: #d9534f;
+}
+
+.dateDayContainer {
+    width: 250px;
+    display: inline-block;
+    text-align: center;
+}
+
+.dateWeekContainer {
+    width: 450px;
+    display: inline-block;
+    text-align: center;
+}
+
+.dateMonthContainer {
+    width: 250px;
+    display: inline-block;
+    text-align: center;
+}
+
+.dateYearContainer {
+    width: 150px;
+    display: inline-block;
+    text-align: center;
+}
+
+.hour-active {
+    background-color: #217025 !important;
+    /* color: #00ff0d !important; */
+    background-image:none;
+}