/*======================================================== DARK LAYOUT =========================================================*/ .btn, .fc .fc-button { font-size: 1rem; font-weight: 400; display: inline-block; padding: .9rem 2rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; -moz-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; text-align: center; vertical-align: middle; color: #626262; border: 0 solid transparent; border-radius: .42rem; background-color: transparent; } @media (prefers-reduced-motion: reduce) { .btn, .fc .fc-button { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } } .btn:hover, .fc .fc-button:hover { text-decoration: none; color: #626262; } .btn:focus, .fc .fc-button:focus, .btn.focus, .fc .focus.fc-button { outline: 0; -webkit-box-shadow: 0 0 0 .2rem rgba(115, 103, 240, .25); box-shadow: 0 0 0 .2rem rgba(115, 103, 240, .25); } .btn.disabled, .fc .disabled.fc-button, .btn:disabled, .fc .fc-button:disabled { opacity: .65; } a.btn.disabled, .fc a.disabled.fc-button, fieldset:disabled a.btn, fieldset:disabled .fc a.fc-button, .fc fieldset:disabled a.fc-button { pointer-events: none; } .btn-primary { color: #fff; border-color: #7367f0; background-color: #7367f0; } .btn-primary:hover { color: #fff; border-color: #4839eb; background-color: #5344ed; } .btn-primary:focus, .btn-primary.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(136, 126, 242, .5); box-shadow: 0 0 0 .2rem rgba(136, 126, 242, .5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; border-color: #7367f0; background-color: #7367f0; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; border-color: #3e2dea; background-color: #4839eb; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(136, 126, 242, .5); box-shadow: 0 0 0 .2rem rgba(136, 126, 242, .5); } .btn-secondary { color: #2a2e30; border-color: #b8c2cc; background-color: #b8c2cc; } .btn-secondary:hover { color: #2a2e30; border-color: #9aa9b7; background-color: #a2afbc; } .btn-secondary:focus, .btn-secondary.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(163, 172, 181, .5); box-shadow: 0 0 0 .2rem rgba(163, 172, 181, .5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #2a2e30; border-color: #b8c2cc; background-color: #b8c2cc; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #2a2e30; border-color: #93a2b1; background-color: #9aa9b7; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(163, 172, 181, .5); box-shadow: 0 0 0 .2rem rgba(163, 172, 181, .5); } .btn-success { color: #fff; border-color: #28c76f; background-color: #28c76f; } .btn-success:hover { color: #fff; border-color: #1f9d57; background-color: #22a75d; } .btn-success:focus, .btn-success.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(72, 207, 133, .5); box-shadow: 0 0 0 .2rem rgba(72, 207, 133, .5); } .btn-success.disabled, .btn-success:disabled { color: #fff; border-color: #28c76f; background-color: #28c76f; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; border-color: #1d9251; background-color: #1f9d57; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(72, 207, 133, .5); box-shadow: 0 0 0 .2rem rgba(72, 207, 133, .5); } .btn-info { color: #fff; border-color: #00cfe8; background-color: #00cfe8; } .btn-info:hover { color: #fff; border-color: #00a1b5; background-color: #00adc2; } .btn-info:focus, .btn-info.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(38, 214, 235, .5); box-shadow: 0 0 0 .2rem rgba(38, 214, 235, .5); } .btn-info.disabled, .btn-info:disabled { color: #fff; border-color: #00cfe8; background-color: #00cfe8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; border-color: #0096a8; background-color: #00a1b5; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(38, 214, 235, .5); box-shadow: 0 0 0 .2rem rgba(38, 214, 235, .5); } .btn-warning { color: #2a2e30; border-color: #ff9f43; background-color: #ff9f43; } .btn-warning:hover { color: #2a2e30; border-color: #ff8510; background-color: #ff8b1d; } .btn-warning:focus, .btn-warning.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(223, 142, 64, .5); box-shadow: 0 0 0 .2rem rgba(223, 142, 64, .5); } .btn-warning.disabled, .btn-warning:disabled { color: #2a2e30; border-color: #ff9f43; background-color: #ff9f43; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #2a2e30; border-color: #ff7e03; background-color: #ff8510; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(223, 142, 64, .5); box-shadow: 0 0 0 .2rem rgba(223, 142, 64, .5); } .btn-danger { color: #fff; border-color: #ea5455; background-color: #ea5455; } .btn-danger:hover { color: #fff; border-color: #e42728; background-color: #e63233; } .btn-danger:focus, .btn-danger.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(237, 110, 111, .5); box-shadow: 0 0 0 .2rem rgba(237, 110, 111, .5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; border-color: #ea5455; background-color: #ea5455; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; border-color: #e21c1d; background-color: #e42728; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(237, 110, 111, .5); box-shadow: 0 0 0 .2rem rgba(237, 110, 111, .5); } .btn-light { color: #2a2e30; border-color: #babfc7; background-color: #babfc7; } .btn-light:hover { color: #2a2e30; border-color: #9ea5b0; background-color: #a5abb6; } .btn-light:focus, .btn-light.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(164, 169, 176, .5); box-shadow: 0 0 0 .2rem rgba(164, 169, 176, .5); } .btn-light.disabled, .btn-light:disabled { color: #2a2e30; border-color: #babfc7; background-color: #babfc7; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #2a2e30; border-color: #979eaa; background-color: #9ea5b0; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(164, 169, 176, .5); box-shadow: 0 0 0 .2rem rgba(164, 169, 176, .5); } .btn-dark { color: #fff; border-color: #1e1e1e; background-color: #1e1e1e; } .btn-dark:hover { color: #fff; border-color: #050505; background-color: #0b0b0b; } .btn-dark:focus, .btn-dark.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(64, 64, 64, .5); box-shadow: 0 0 0 .2rem rgba(64, 64, 64, .5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; border-color: #1e1e1e; background-color: #1e1e1e; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; border-color: black; background-color: #050505; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(64, 64, 64, .5); box-shadow: 0 0 0 .2rem rgba(64, 64, 64, .5); } .btn-outline-primary, .fc .fc-button { color: #7367f0; border-color: #7367f0; } .btn-outline-primary:hover, .fc .fc-button:hover { color: #fff; border-color: #7367f0; background-color: #7367f0; } .btn-outline-primary:focus, .fc .fc-button:focus, .btn-outline-primary.focus, .fc .focus.fc-button { -webkit-box-shadow: 0 0 0 .2rem rgba(115, 103, 240, .5); box-shadow: 0 0 0 .2rem rgba(115, 103, 240, .5); } .btn-outline-primary.disabled, .fc .disabled.fc-button, .btn-outline-primary:disabled, .fc .fc-button:disabled { color: #7367f0; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .fc .fc-button:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .fc .fc-button:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .fc .show > .dropdown-toggle.fc-button { color: #fff; border-color: #7367f0; background-color: #7367f0; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .fc .fc-button:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .fc .fc-button:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .fc .show > .dropdown-toggle.fc-button:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(115, 103, 240, .5); box-shadow: 0 0 0 .2rem rgba(115, 103, 240, .5); } .btn-outline-secondary { color: #b8c2cc; border-color: #b8c2cc; } .btn-outline-secondary:hover { color: #2a2e30; border-color: #b8c2cc; background-color: #b8c2cc; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(184, 194, 204, .5); box-shadow: 0 0 0 .2rem rgba(184, 194, 204, .5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #b8c2cc; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #2a2e30; border-color: #b8c2cc; background-color: #b8c2cc; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(184, 194, 204, .5); box-shadow: 0 0 0 .2rem rgba(184, 194, 204, .5); } .btn-outline-success { color: #28c76f; border-color: #28c76f; } .btn-outline-success:hover { color: #fff; border-color: #28c76f; background-color: #28c76f; } .btn-outline-success:focus, .btn-outline-success.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(40, 199, 111, .5); box-shadow: 0 0 0 .2rem rgba(40, 199, 111, .5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28c76f; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; border-color: #28c76f; background-color: #28c76f; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(40, 199, 111, .5); box-shadow: 0 0 0 .2rem rgba(40, 199, 111, .5); } .btn-outline-info { color: #00cfe8; border-color: #00cfe8; } .btn-outline-info:hover { color: #fff; border-color: #00cfe8; background-color: #00cfe8; } .btn-outline-info:focus, .btn-outline-info.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(0, 207, 232, .5); box-shadow: 0 0 0 .2rem rgba(0, 207, 232, .5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #00cfe8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; border-color: #00cfe8; background-color: #00cfe8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(0, 207, 232, .5); box-shadow: 0 0 0 .2rem rgba(0, 207, 232, .5); } .btn-outline-warning { color: #ff9f43; border-color: #ff9f43; } .btn-outline-warning:hover { color: #2a2e30; border-color: #ff9f43; background-color: #ff9f43; } .btn-outline-warning:focus, .btn-outline-warning.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(255, 159, 67, .5); box-shadow: 0 0 0 .2rem rgba(255, 159, 67, .5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ff9f43; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #2a2e30; border-color: #ff9f43; background-color: #ff9f43; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(255, 159, 67, .5); box-shadow: 0 0 0 .2rem rgba(255, 159, 67, .5); } .btn-outline-danger { color: #ea5455; border-color: #ea5455; } .btn-outline-danger:hover { color: #fff; border-color: #ea5455; background-color: #ea5455; } .btn-outline-danger:focus, .btn-outline-danger.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(234, 84, 85, .5); box-shadow: 0 0 0 .2rem rgba(234, 84, 85, .5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ea5455; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; border-color: #ea5455; background-color: #ea5455; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(234, 84, 85, .5); box-shadow: 0 0 0 .2rem rgba(234, 84, 85, .5); } .btn-outline-light { color: #babfc7; border-color: #babfc7; } .btn-outline-light:hover { color: #2a2e30; border-color: #babfc7; background-color: #babfc7; } .btn-outline-light:focus, .btn-outline-light.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(186, 191, 199, .5); box-shadow: 0 0 0 .2rem rgba(186, 191, 199, .5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #babfc7; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #2a2e30; border-color: #babfc7; background-color: #babfc7; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(186, 191, 199, .5); box-shadow: 0 0 0 .2rem rgba(186, 191, 199, .5); } .btn-outline-dark { color: #1e1e1e; border-color: #1e1e1e; } .btn-outline-dark:hover { color: #fff; border-color: #1e1e1e; background-color: #1e1e1e; } .btn-outline-dark:focus, .btn-outline-dark.focus { -webkit-box-shadow: 0 0 0 .2rem rgba(30, 30, 30, .5); box-shadow: 0 0 0 .2rem rgba(30, 30, 30, .5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #1e1e1e; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; border-color: #1e1e1e; background-color: #1e1e1e; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(30, 30, 30, .5); box-shadow: 0 0 0 .2rem rgba(30, 30, 30, .5); } .btn-link { font-weight: 400; text-decoration: none; color: #7367f0; } .btn-link:hover { text-decoration: none; color: #5e50ee; } .btn-link:focus, .btn-link.focus { text-decoration: none; -webkit-box-shadow: none; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { pointer-events: none; color: #b8c2cc; } .btn-lg { font-size: 1.25rem; padding: 1rem 2.5rem; border-radius: .6rem; } .btn-sm { font-size: .7rem; padding: .5rem 1.5rem; border-radius: .25rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: .5rem; } input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block { width: 100%; } .fc .fc-header-toolbar { margin-bottom: 2rem; } .fc .fc-header-toolbar .bullets-group-1, .fc .fc-header-toolbar .bullets-group-2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin: .5rem auto; margin-left: 0; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .fc .fc-header-toolbar .bullets-group-2 { margin-bottom: 0; } .fc .fc-header-toolbar .fc-center div:first-child { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .fc .fc-header-toolbar .fc-center div:first-child h2 { font-size: 1.3rem; font-weight: 400; margin: 0 1rem; } .fc .fc-header-toolbar .fc-center .fc-button { padding: .4rem .4rem; border-radius: 50%; } .fc .fc-header-toolbar .fc-center .fc-button.fc-prev-button { margin-right: 1rem; } .fc .fc-header-toolbar .fc-center .fc-button.fc-prev-button .fc-icon { position: relative; top: -1px; left: -1px; } .fc .fc-header-toolbar .fc-center .fc-button.fc-next-button { margin-left: 1rem; } .fc .fc-header-toolbar .fc-center .fc-button.fc-next-button .fc-icon { position: relative; top: -1px; right: -1px; } .fc .fc-header-toolbar .fc-addNew-button { padding: .65rem 2rem; } .fc .fc-header-toolbar .fc-addNew-button:before { font-family: 'feather'; content: '\e8b1'; } .fc .fc-view-container .fc-head .fc-head-container thead .fc-day-header { padding: 1px 0; } .fc .fc-view-container .fc-head .fc-head-container thead .fc-day-header.fc-today { color: #fff; } .fc .fc-view-container .fc-body .fc-week table tbody .fc-day { cursor: pointer; } .fc .fc-view-container .fc-body .fc-week table tbody .fc-day.fc-today { background: transparent; } .fc .fc-view-container .fc-body .fc-week table tbody .fc-other-month { background-color: #f1f1f1; } .fc .fc-view-container .fc-body .fc-day-top.fc-today a { margin-top: 2px; margin-right: 2px; padding: 5px 10px; color: #fff; border-radius: 50%; background-color: #7367f0; } .fc .fc-view-container .fc-body .fc-not-end, .fc .fc-view-container .fc-body .fc-not-start { padding: 1px 8px !important; opacity: 1 !important; } .fc .fc-view-container .fc-body .fc-not-end .fc-title, .fc .fc-view-container .fc-body .fc-not-start .fc-title { padding-left: 1rem; } .fc .fc-view-container .fc-body .fc-not-start { margin-left: -6px !important; } .fc .fc-view-container .fc-body .fc-not-end { margin-right: -6px !important; } .fc .fc-view-container td, .fc .fc-view-container th { font-size: 1rem; border-color: #e0e0e0; } .fc .fc-button { height: auto; padding: .6rem 1rem; color: #fff; outline: none; background-color: #7367f0; text-shadow: none; } .fc .fc-button:not(:disabled).fc-button-active { background-color: #4839eb; } .fc .fc-button:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .fc .fc-event { padding: 1px 8px; padding-left: 1rem; border: 1px solid #5e50ee; border: none; border-radius: 1rem; background: #7367f0; } .fc .fc-event .fc-title { font-size: .85rem; color: #fff; } .modal-calendar .calendar-dropdown .dropdown-toggle { font-size: 1.2rem; } .modal-calendar .calendar-dropdown .dropdown-toggle:after { display: none; } .modal-calendar #cal-start-date:disabled { opacity: .5; } @media (max-width: 900px) { .fc .fc-header-toolbar { margin-bottom: 2rem; } .fc .fc-header-toolbar .bullets-group-1, .fc .fc-header-toolbar .bullets-group-2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-direction: column; margin-left: 0; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; } .fc .fc-header-toolbar .bullets-group-1 [class*='category-'], .fc .fc-header-toolbar .bullets-group-2 [class*='category-'] { margin: .3rem 0; } .fc .fc-header-toolbar .bullets-group-2 { margin-top: -.5rem; } } @media (max-width: 767.98px) { .fc .fc-header-toolbar { flex-direction: column; margin-bottom: 2rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; } .fc .fc-header-toolbar .bullets-group-1, .fc .fc-header-toolbar .bullets-group-2 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; flex-direction: row; margin-left: 0; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; } .fc .fc-header-toolbar .fc-center { margin: 1 auto; margin-bottom: 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .fc .fc-header-toolbar .fc-right { margin: 1rem auto; } }