body { width: initial !important; max-width: 100vw; }

body * { user-select: none }
input, textarea { user-select: initial }

/* Default bg image (CSS gradient) */
body.bg-image .bg-image { background-image: radial-gradient(circle at 10% 26%, rgba(90, 90, 90, 0.06) 0%, rgba(90, 90, 90, 0.06) 25%, rgba(137, 137, 137, 0.06) 25%, rgba(137, 137, 137, 0.06) 50%, rgba(185, 185, 185, 0.06) 50%, rgba(185, 185, 185, 0.06) 75%, rgba(232, 232, 232, 0.06) 75%, rgba(232, 232, 232, 0.06) 100%), radial-gradient(circle at 46% 66%, rgba(171, 171, 171, 0.06) 0%, rgba(171, 171, 171, 0.06) 25%, rgba(128, 128, 128, 0.06) 25%, rgba(128, 128, 128, 0.06) 50%, rgba(84, 84, 84, 0.06) 50%, rgba(84, 84, 84, 0.06) 75%, rgba(41, 41, 41, 0.06) 75%, rgba(41, 41, 41, 0.06) 100%), linear-gradient(90deg, rgb(12, 22, 36), rgb(26, 57, 101)); }
/*body.bg-image  .bg-image { background-image: radial-gradient(circle at 67% 83%, rgba(245, 245, 245, 0.05) 0%, rgba(245, 245, 245, 0.05) 1%, transparent 1%, transparent 5%, transparent 5%, transparent 100%), radial-gradient(circle at 24% 80%, rgba(245, 245, 245, 0.05) 0%, rgba(245, 245, 245, 0.05) 27%, transparent 27%, transparent 63%, transparent 63%, transparent 100%), radial-gradient(circle at 23% 5%, rgba(245, 245, 245, 0.05) 0%, rgba(245, 245, 245, 0.05) 26%, transparent 26%, transparent 82%, transparent 82%, transparent 100%), radial-gradient(circle at 21% 11%, rgba(245, 245, 245, 0.05) 0%, rgba(245, 245, 245, 0.05) 35%, transparent 35%, transparent 45%, transparent 45%, transparent 100%), radial-gradient(circle at 10% 11%, rgba(245, 245, 245, 0.05) 0%, rgba(245, 245, 245, 0.05) 21%, transparent 21%, transparent 81%, transparent 81%, transparent 100%), radial-gradient(circle at 19% 61%, rgba(245, 245, 245, 0.05) 0%, rgba(245, 245, 245, 0.05) 20%, transparent 20%, transparent 61%, transparent 61%, transparent 100%), radial-gradient(circle at 13% 77%, rgba(245, 245, 245, 0.05) 0%, rgba(245, 245, 245, 0.05) 63%, transparent 63%, transparent 72%, transparent 72%, transparent 100%), radial-gradient(circle at 30% 93%, rgba(245, 245, 245, 0.05) 0%, rgba(245, 245, 245, 0.05) 33%, transparent 33%, transparent 82%, transparent 82%, transparent 100%), linear-gradient(183deg, rgb(22, 176, 207), rgb(103, 7, 215)); }*/

body.bg-image .bg-image { box-sizing: border-box; }

.bg-overlay {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    /*background: #21252977;*/
    /*background: #34C75966;*/
    pointer-events: none;
    /*z-index: 1;*/
}
body > .row {
    z-index: 9;
}
.bg-image > .w-100 {
    z-index: 9;
}

body.bg-image .bg-image .section { position: relative; z-index: 99; }

body iframe.bg-video { display: none }
body.bg-video .bg-video {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    display: block;
}

.bg-video-player {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

/* Status bound */
body.status-bound.available .bg-image {
    /*background-image: radial-gradient(circle at center bottom, rgb(197, 234, 55) 0%, rgb(197, 234, 55) 12%, rgb(170, 222, 63) 12%, rgb(170, 222, 63) 18%, rgb(144, 210, 72) 18%, rgb(144, 210, 72) 23%, rgb(117, 198, 80) 23%, rgb(117, 198, 80) 47%, rgb(90, 187, 88) 47%, rgb(90, 187, 88) 59%, rgb(63, 175, 96) 59%, rgb(63, 175, 96) 68%, rgb(37, 163, 105) 68%, rgb(37, 163, 105) 86%, rgb(10, 151, 113) 86%, rgb(10, 151, 113) 100%);*/
    background-image: linear-gradient(45deg, rgba(204, 169, 114, 0.45) 0%, rgba(204, 169, 114, 0.45) 12%, rgba(147, 120, 114, 0.45) 12%, rgba(147, 120, 114, 0.45) 13%, rgba(176, 145, 114, 0.45) 13%, rgba(176, 145, 114, 0.45) 25%, rgba(233, 194, 114, 0.45) 25%, rgba(233, 194, 114, 0.45) 26%, rgba(89, 70, 115, 0.45) 26%, rgba(89, 70, 115, 0.45) 33%, rgba(32, 21, 115, 0.45) 33%, rgba(32, 21, 115, 0.45) 38%, rgba(118, 95, 115, 0.45) 38%, rgba(118, 95, 115, 0.45) 76%, rgba(61, 46, 115, 0.45) 76%, rgba(61, 46, 115, 0.45) 100%), linear-gradient(135deg, rgb(22, 238, 29), rgb(30, 166, 207));
}
body.status-bound.occupied .bg-image {
    /*background-image: radial-gradient(circle at right top, rgb(145, 8, 41) 0%, rgb(145, 8, 41) 22%, rgb(156, 9, 37) 22%, rgb(156, 9, 37) 38%, rgb(167, 9, 34) 38%, rgb(167, 9, 34) 39%, rgb(178, 10, 30) 39%, rgb(178, 10, 30) 43%, rgb(188, 10, 26) 43%, rgb(188, 10, 26) 64%, rgb(199, 11, 22) 64%, rgb(199, 11, 22) 96%, rgb(210, 11, 19) 96%, rgb(210, 11, 19) 99%, rgb(221, 12, 15) 99%, rgb(221, 12, 15) 100%);*/
    background-image: linear-gradient(392deg, rgba(187, 187, 187, 0.09) 0%, rgba(187, 187, 187, 0.09) 10%, rgba(58, 58, 58, 0.09) 10%, rgba(58, 58, 58, 0.09) 23%, rgba(35, 35, 35, 0.09) 23%, rgba(35, 35, 35, 0.09) 28%, rgba(84, 84, 84, 0.09) 28%, rgba(84, 84, 84, 0.09) 49%, rgba(176, 176, 176, 0.09) 49%, rgba(176, 176, 176, 0.09) 86%, rgba(203, 203, 203, 0.09) 86%, rgba(203, 203, 203, 0.09) 94%, rgba(250, 250, 250, 0.09) 94%, rgba(250, 250, 250, 0.09) 99%, rgba(139, 139, 139, 0.09) 99%, rgba(139, 139, 139, 0.09) 100%), linear-gradient(392deg, rgba(118, 118, 118, 0.02) 0%, rgba(118, 118, 118, 0.02) 7%, rgba(67, 67, 67, 0.02) 7%, rgba(67, 67, 67, 0.02) 12%, rgba(89, 89, 89, 0.02) 12%, rgba(89, 89, 89, 0.02) 13%, rgba(190, 190, 190, 0.02) 13%, rgba(190, 190, 190, 0.02) 33%, rgba(15, 15, 15, 0.02) 33%, rgba(15, 15, 15, 0.02) 40%, rgba(250, 250, 250, 0.02) 40%, rgba(250, 250, 250, 0.02) 99%, rgba(69, 69, 69, 0.02) 99%, rgba(69, 69, 69, 0.02) 100%), linear-gradient(392deg, rgba(103, 103, 103, 0.01) 0%, rgba(103, 103, 103, 0.01) 4%, rgba(50, 50, 50, 0.01) 4%, rgba(50, 50, 50, 0.01) 28%, rgba(231, 231, 231, 0.01) 28%, rgba(231, 231, 231, 0.01) 47%, rgba(8, 8, 8, 0.01) 47%, rgba(8, 8, 8, 0.01) 54%, rgba(67, 67, 67, 0.01) 54%, rgba(67, 67, 67, 0.01) 57%, rgba(156, 156, 156, 0.01) 57%, rgba(156, 156, 156, 0.01) 95%, rgba(13, 13, 13, 0.01) 95%, rgba(13, 13, 13, 0.01) 100%), linear-gradient(392deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.01) 17%, rgba(71, 71, 71, 0.01) 17%, rgba(71, 71, 71, 0.01) 30%, rgba(96, 96, 96, 0.01) 30%, rgba(96, 96, 96, 0.01) 43%, rgba(69, 69, 69, 0.01) 43%, rgba(69, 69, 69, 0.01) 50%, rgba(246, 246, 246, 0.01) 50%, rgba(246, 246, 246, 0.01) 58%, rgba(178, 178, 178, 0.01) 58%, rgba(178, 178, 178, 0.01) 79%, rgba(8, 8, 8, 0.01) 79%, rgba(8, 8, 8, 0.01) 100%), linear-gradient(392deg, rgb(153, 25, 82), rgb(232, 31, 3), rgb(227, 185, 119));
}

.item.disabled .time, .item.disabled .content { opacity: 0.5; }

#PanelRight .modal-dialog { width: 33% }
#PanelRight .modal-content { width: 100% }

body > .row > div { height: calc(100vh - 56px); /*height: 100vh;*/ }
.meeting.current { min-width: 55%; max-width: 70vw; }
.meeting.empty { max-width: 100vw; display: inline-block;  }

.no-bottom-menu .appBottomMenu { display: none }
body.no-bottom-menu > .row > div { height: 100vh }

.meeting.current .subject { font-weight: 500; font-size: 250% }

body.dark-mode-active .appBottomMenu { background: #0F1C2Fef; border-top-color: #1B283Bef; }
.appBottomMenu span { font-size: 200%; font-weight: 500; letter-spacing: 0; }
.dark-mode-active .appBottomMenu span { color: #fff }

body > .row > .bg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.room-name { font-size: 72px; color: #fff; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08); }
.logo { max-width: 300px; max-height: 300px; }

.chips .chip { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08); }

.clock {
    position: fixed;
    top: 26px;
    right: 36px;
    font-size: 32px;
    font-weight: 500;
    color: #eeeeeeee;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    z-index: 10;
}

.dark-text .room-name,
.dark-text .clock { color: #141515 }

.dialogbox .modal-dialog .modal-content { max-width: 480px; }

.item > .time { padding-right: 5px; }
.timeline.timed .time { line-height: 1.75em; font-size: 14px; font-weight: bolder; }
.timeline .content .title { margin-bottom: 4px; font-size: 18px; }
.timeline .content { position: relative; top: -1px; padding-left: 20px; }
.timeline .content .text { font-size: 15px; }

.timeline.timed { padding-left: 90px; }
.timeline.timed:before { left: 90px; }

.font-bold { font-weight: 600; }
.chip .chip-label { font-size: 125%; }

.right-timeline { overflow-y: scroll; height: calc(100vh - 56px); position: relative; x-right: -2px; display: none; }
.has-timeline .right-timeline { display: block; }
.has-timeline .clock { /*right: calc(33% + 30px);*/ right: initial; left: 42px; }
.has-timeline .upcoming-schedule { display: none; }
body.dark-mode-active.has-timeline .appBottomMenu { background: #0F1C2F; border-top-color: #1B283B; }

.msg {
    position: fixed;
    /*top: 22px;*/
    /*left: 30px;*/
    /*right: 30px;*/
    top: 0;
    left: 0;
    right: 0;
    display: none;
}
.has-msg .msg { display: block; }
.has-msg .right-timeline.time-grid { position: relative; top: 35px; height: calc(100vh - 56px - 36px) }
.msg .alert { font-size: 116%; font-weight: 500; text-align: center; border-radius: 0; }
.msg .alert.alert-dark { background: #0F1C2F; }
.has-msg .clock { top: 62px; }

.card.bg-light { transition: 300ms ease; background: #fff !important; }

/* Status bars */
.occupied.use-status-bars .bg-image::after { border-left: 7px solid #EC4433; border-right: 7px solid #EC4433; }
.available.use-status-bars .bg-image::after { border-left: 7px solid #34C759; border-right: 7px solid #34C759; }
.use-status-bars .msg, .use-status-bars .appBottomMenu { left: 7px; right: 7px }
.use-status-bars .right-timeline { position: relative; left: -7px; }
/*.use-status-bars .bg-image::after { left: 7px; right: 7px }*/

@media screen and (max-width: 1080px) {
    #PanelRight .modal-dialog { width: 45% !important; }
}

.has-timeline .col-12 { flex: 0 0 66.666667%; max-width: 66.666667%; padding-left: 8px; padding-right: 8px; }

.show-if, .hidden { display: none !important }
.show-if.show { display: block !important }
.show-if.show-flex { display: flex !important }
.show-if.show-inline { display: inline !important }
.show-if.show-inline-block { display: inline-block !important }

.fc .table-bordered { border-color: #ffffff22; }
.fc-timegrid .table-bordered { border-color: transparent; border-width: 0; }
.dark-mode-active .time-grid .fc .fc-daygrid-day, .dark-mode-active .time-grid .fc .fc-daygrid-week-number { background-color: #ffffff11 !important }
.dark-mode-active .time-grid .fc-timegrid-slot-lane { background-color: #1D2633; }
.dark-mode-active .time-grid .fc-timegrid-slot-label { background-color: #1D2633; }
.dark-mode-active .time-grid .fc-col-header { background-color: #1D2633; }
.right-timeline.time-grid { position: relative; /* top: -1px; */ }
.fc-timegrid-event, .fc-v-event .fc-event-time, .fc-event-title { font-size: 0.95em !important; }
.time-grid .fc-event-main-frame { /*padding: 0px 8px;*/ padding-right: 4px; padding-left: 4px; }
/*.fc-v-event { background-color: #00000044 !important; border-color: #00000044 !important; }*/
/*.fc-h-event { background-color: transparent !important; border-color: transparent !important; }*/
a.btn.fa-calendar-plus-o { display: none; }
.has-timeline a.btn.fa-calendar-plus-o { display: block; position: fixed; top: 2px; right: 420px; }
.fc-col-header-cell-cushion { position: relative; left: -20px; }
.fc-scrollgrid-sync-inner { padding: 5px }

.fc-toolbar-title { display: inline-block }
.fc-toolbar-title::first-letter { text-transform: uppercase }

body.dark-mode-active .table-bordered td, body.dark-mode-active .table-bordered th { border-color: #1a293f; }

.right-timeline.time-grid, .right-timeline { background: initial }
.right-timeline.time-line { background: #0c1624; }

body.bg-image .bg-image::after { background: initial; }

#ModalIframe iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

a.btn.fa-calendar-plus-o { display: none; z-index: 9 }
.has-timeline a.btn.fa-calendar-plus-o, .modal.show a.btn.fa-calendar-plus-o { display: block; position: fixed; top: 7px; /*right: calc(33.333333vw - 45px);*/ right: 0; left: initial; }

#ModalListview2 .modal-body { width: 100vw }
.toast-box.toast-top.show { top: 0 }

.attendees-hidden { font-size: 18px }

.capitalize { text-transform: capitalize }