<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.bg-signin { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54dba6+0,199c7e+100 */
    background: #54dba6; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #54dba6 0%, #199c7e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #54dba6 0%, #199c7e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #54dba6 0%, #199c7e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#54dba6', endColorstr='#199c7e', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.btn-signin {
    background-color: #549F76;
    color: white;
}

.btn-rounded-small {
    border-radius: 5px;
}

.text-ecnu {
    color: #AA1900;
}

.text-ecnu2 {
    color: #ec081d;
}

.btn-ecnu {
    color: #fff !important;
    background-color: #AA1900;
    border-color: #771100;
}

.btn-ecnu:hover,
.btn-ecnu:focus,
.btn-ecnu:active,
.btn-ecnu.active,
.open .dropdown-toggle.btn-ecnu {
    color: #fff !important;
    background-color: #d73825;
    border-color: #ca3522;
}

.btn-ecnu:active,
.btn-ecnu.active,
.open .dropdown-toggle.btn-ecnu {
    background-image: none;
}

.btn-ecnu.disabled,
.btn-ecnu.disabled:hover,
.btn-ecnu.disabled:focus,
.btn-ecnu.disabled:active,
.btn-ecnu.disabled.active,
.btn-ecnu[disabled],
.btn-ecnu[disabled]:hover,
.btn-ecnu[disabled]:focus,
.btn-ecnu[disabled]:active,
.btn-ecnu[disabled].active,
fieldset[disabled] .btn-ecnu,
fieldset[disabled] .btn-ecnu:hover,
fieldset[disabled] .btn-ecnu:focus,
fieldset[disabled] .btn-ecnu:active,
fieldset[disabled] .btn-ecnu.active {
    background-color: #AA1900;
    border-color: #771100;
}

.nav .nav-title {
    font-size: 24px;
    color: #3a4245;
    line-height: 50px;
    font-weight: 600;
    margin: 0;
    padding: 0 20px;
}

.nav-primary ul.nav &gt; li.active li.active &gt; a {
    font-style: italic;
    font-weight: 700;
}

.nav-primary ul.nav ul {
    background-color: #e4f2f2;
}

.btn-back {
    cursor: pointer;
    padding: 5px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.caretup {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    border-top: 0;
    border-bottom: 4px solid;
}

.data-table-header {
    background-color: #E0E0E0;
}

.data-table-panel {
    padding: 0px;
    border-top: solid 1px #9cf;
    border-bottom: solid 1px #9cf;
    margin-bottom: 5px;
    min-height: 350px;
}

.table-tiny &gt; tbody &gt; tr &gt; td, .table-tiny &gt; tbody &gt; tr &gt; th, .table-tiny &gt; tfoot &gt; tr &gt; td, .table-tiny &gt; tfoot &gt; tr &gt; th, .table-tiny &gt; thead &gt; tr &gt; td, .table-tiny &gt; thead &gt; tr &gt; th {
    padding: 3px 5px;
}

.edit-entry {
    display: block;
    width: 75%;
    margin: auto;
}

.edit-entry-form {
    min-height: 300px;
}

.edit-entry-header {
    padding: 0 25px;
    font-size: 120%;
    padding: 10px;
    font-weight: 800;
    color: darkcyan;
    margin-bottom: 10px;
    border-bottom: 1px solid #EEE;
}

.edit-entry-footer {
    padding: 15px 25px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.edit-error-bag {
    color: red;
    background-color: #FFE0E0;
}

.edit-error-bag li {
    display: inline-block;
    padding: 0 5px;
}

.edit_option_image {
    width: 60px;
}

.readonly {
    background-color: #eee;
    cursor: not-allowed;
}

.highlight {
    font-weight: 800;
    color: green;
    background-color: lightyellow;
}

.state {
    margin: 0 5px;
}

.state span {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #666;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    font-style: italic;
}

.state .success {
    background-color: #005400;
}

.state .warning {
    background-color: #aa5500;
}

.state .danger {
    background-color: #aa0000;
}

.state .black {
    background-color: #000000;
}

.waterfall {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f8f8f8;
    border: #DDD 1px solid;
    display: inline-block;
    width: 240px;
    position: relative;
    margin: 2px;
    padding: 10px;
}

.btn-file {
    padding: 3px 6px;
    position: relative;
}

.btn-file img {
    border-radius: 5px;
}

.btn-file input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity:0);
    cursor: pointer;
}

.bootstrap-switch-bg-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #005fcc;
    background-image: -moz-linear-gradient(top, #0044cc, #0088cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc));
    background-image: -webkit-linear-gradient(top, #0044cc, #0088cc);
    background-image: -o-linear-gradient(top, #0044cc, #0088cc);
    background-image: linear-gradient(to bottom, #0044cc, #0088cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0);
    border-color: #0088cc #0088cc #005580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0088cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    white-space: nowrap;
}

.bootstrap-switch-bg-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #d14641;
    background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));
    background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
    background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);
    background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0);
    border-color: #ee5f5b #ee5f5b #e51d18;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #ee5f5b;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    white-space: nowrap;
}

.bootstrap-switch-bg-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f9a123;
    background-image: -moz-linear-gradient(top, #f89406, #fbb450);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
    background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
    background-image: -o-linear-gradient(top, #f89406, #fbb450);
    background-image: linear-gradient(to bottom, #f89406, #fbb450);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0);
    border-color: #fbb450 #fbb450 #f89406;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #fbb450;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    white-space: nowrap;
}

.bootstrap-switch-bg-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #41a7c5;
    background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));
    background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
    background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);
    background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0);
    border-color: #5bc0de #5bc0de #28a1c5;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    white-space: nowrap;
}

.bootstrap-switch-bg-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #58b058;
    background-image: -moz-linear-gradient(top, #51a351, #62c462);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));
    background-image: -webkit-linear-gradient(top, #51a351, #62c462);
    background-image: -o-linear-gradient(top, #51a351, #62c462);
    background-image: linear-gradient(to bottom, #51a351, #62c462);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff62c462', GradientType=0);
    border-color: #62c462 #62c462 #3b9e3b;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #62c462;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    white-space: nowrap;
}

.bootstrap-switch span.bootstrap-switch-label {
    text-align: center;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 100;
    color: #333;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    white-space: nowrap;

}

.bootstrap-switch.bootstrap-switch-animate div.bootstrap-switch-container {
    -webkit-transition: margin-left .2s;
    -o-transition: margin-left .2s;
    transition: margin-left .2s
}

.w147 {
    min-width: 147px;
}

.panel-heading .select2-container--bootstrap .select2-selection--single {
    height: 30px;
    line-height: 1.428571429;
    padding: 6px 24px 6px 12px;
    font-size: 12px;
}

.select2-container--bootstrap .select2-dropdown {
    font-size: 12px;
}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
    color: #29B6F6 !important;
}

.select2-container--bootstrap .select2-results__group {
    color: #009688 !important;
}

.carousel-block {
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center;
    background-clip: border-box;
    background-size: cover;
    position: relative;
}

.text-panel {
    position: absolute;
    bottom: 0px;
    font-size: 20px;
    color: #a0a0a0;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    right: 0;
    text-align: center;
    line-height: 50px;
}

.nav li.active .badge-sm {
    background-color: #41a7c5;
}

.header .nav-tabs &gt; li.active a, .footer .nav-tabs &gt; li.active a {
    color: #41a7c5;
}

.room-selection tbody &gt; tr &gt; td {
    vertical-align: middle;
    text-align: center;

}

.text-info.dker, .text-info .dker {
    color: #38a1a2;
}

.scroll-horizon {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

#selected_faculties,
#faculties_with_department {
    padding: 0 0 0 10px;
    margin: 0;
}

#faculties_with_department li,
#selected_faculties li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#faculties_with_department ul {
    padding-left: 10px;
    padding-bottom: 10px;

}

#faculties_with_department .person a {
    padding-left: 20px;
    color: #009688;
}

.form-compact dt,
.form-compact dd {
    display: inline-block;
    padding: 5px;
    margin: 0;
}

.form-compact dd {
    margin-right: 10px;
    border-bottom: 1px dashed #bbb;
    min-width: 147px;
}

.form-compact dl {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.form-compact dt {
    min-width: 100px;
    background: aliceblue;
    border-bottom: solid 1px #FFF;
}

.text-sky {
    color: #2196f3;
}

.text-sky.dk {
    color: #0d47a1;
}

.nav .active &gt; a {
    color: #549F76;
    font-weight: bold;
    background-color: transparent!important;
}

.navbar-nav &gt; li &gt; a {
    font-weight: bold;
}

.nav .active.open &gt; a:hover, .nav .active.open &gt; a:focus {
    border-color: #cfcfcf;
}

.nav &gt; li &gt; a:hover, .nav &gt; li &gt; a:focus {
    color: #0d47a1;
    text-decoration: underline;
    background-color: transparent!important;
}

.block-panel {
    border: 1px solid #607D8B;
    box-shadow: 1px 1px 5px #AAA;
    border-radius: 8px;
    list-style: none;
    padding: 2px 2px;
}

.block-panel li {
    list-style: none;
    padding: 0 10px;
}

.block-panel .header {
    background-color: #F57C00;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: white;
    padding-bottom: 2px;
    padding-top: 2px;
    min-height: 0;
    line-height: 24px;
    margin-bottom: 5px;
}

.block-panel .header-approved {
    background-color: #009688;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: white;
    padding-bottom: 2px;
    padding-top: 2px;
    min-height: 0;
    line-height: 24px;
    margin-bottom: 5px;
}

.big-calendar {
    width: 100%;
    border-top: 2px solid #FFC107;
    box-sizing: border-box;
}

.big-calendar .week-panel {
    width: 29px;
    font-weight: bold;
    overflow: hidden;
    float: left;
}

.big-calendar .header-row {
    line-height: 30px;
    height: 30px;
    background-color: lightgrey;
    color: #607D8B;
    text-align: center;
    border-bottom: 2px solid #eeeeee;
}

.big-calendar .header-row:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.big-calendar .week-row {
    height: 300px;
    background-color: lightgrey;
    color: #607D8B;
    text-align: center;
    position: relative;
    border-bottom: 2px solid #eeeeee;
}

.big-calendar .week-row span {
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.big-calendar .date-panel {
    width: auto;
    margin-left: 29px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.big-calendar .data-panel-wrapper {
    min-width: 960px;
}

.big-calendar .date-panel .header-cell {
    width: 14.28%;
    float: left;
    border-left: 1px solid #FAFAFA;
    font-weight: bold;
}

.big-calendar .date-panel .date-row {
    height: 300px;
    background-color: #F8F8F8;
    color: #607D8B;
    text-align: center;
    position: relative;
    border-bottom: 2px solid #eeeeee;
}

.big-calendar .date-row .date-cell {
    width: 14.28%;
    float: left;
    border-left: 1px solid #E0E0E0;
    overflow: auto;
    height: 100%;
}

.big-calendar .date-row .date-cell .date-label {
    background-color: #009688;;
    color: white;
}

.big-calendar .date-row .date-cell .book-label {
    height: 80px;
    overflow: hidden;
    background-color: #DCEDC8;
    margin: 1px;
    border-radius: 3px;
    border: 1px solid #9CCC65;
    padding: 0 2px;
}

.big-calendar .date-row .date-cell .friend-label {
    height: 80px;
    overflow: hidden;
    padding: 0 2px;
    background-color: #FFCDD2;
    margin: 1px;
    border-radius: 3px;
    border: 1px solid #EF9A9A;
}

.big-calendar .date-row .date-cell .course-label {
    height: 80px;
    overflow: hidden;
    padding: 0 2px;
    background-color: #B2EBF2;
    margin: 1px;
    border-radius: 3px;
    border: 1px solid #4DD0E1;
}

.big-calendar .date-row .date-cell .syllabus-label {
    height: 80px;
    overflow: hidden;
    padding: 0 2px;
    background-color: #ffffff;
    margin: 1px;
    border-radius: 3px;
    border: 1px solid #CE93D8;
}

.date-cell .time-label {
    height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: red;
    font-weight: bold;
}

.date-cell .address-label {
    height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: black;
}

.date-cell .memo-label {
    height: 20px;
    border-top: 1px solid darkgray;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #607D8B;
}

.big-calendar .date-today {
    background-color: #e3f2fd;
}

.calendar-district {
    padding: 5px;
    height: 80px;
    border-bottom: 1px solid #cfd8dc;
}

.calendar-district-select {
    margin-bottom: 10px;
    background-color: transparent;
    font-size: 16px;
    font-weight: bold;
    color: #19A9C5;
}

.calendar-left-daily {
    width: 180px;
    float: left;
    background-color: #f5f5f5;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    padding-bottom: 60px;
}

.calender-trow-room {
    background-color: #EDF1F2;
    border-bottom: 1px solid #b5ced6;
    border-left: 3px solid #EDF1F2;
    padding: 0 12px 12px;
    position: relative;
    height: 80px;
    clear: both;
    border-bottom: 1px solid #cfd8dc;
}

.calender-trow-room.high {
    height: 120px;
}

.calender-trow-room .name {
    padding-top: 20px;
    color: #2f3538;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.calender-trow-room .address {
    color: #576B70;
    font-size: 12px;
    font-weight: 500;
    padding-top: 10px;
}

.calender-tright-daily {
    height: 100%;
    overflow: auto;
    position: relative;
    color: #3a4245;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.calender-tright-daily .rule {
}

.calender-heading-trow {
    height: 80px;
}

.calender-heading-trow.short {
    height: 60px;
}

.calender-heading-trow .cell {
    width: 6.667%;
    height: 100%;
    float: left;
    border-left: 2px solid #EB8376;
    position: relative;
    border-bottom: 1px solid #cfd8dc;
}

.calender-heading-trow .cell .hour-text {
    font-size: 24px;
    line-height: 30px;
    font-weight: 200;
    color: #E86554;
    font-weight: bold;
    margin: 17px 0 0 7px;
}

.calender-heading-trow .cell .minutes {
    position: absolute;
    bottom: 0px;
    width: 100%;
    line-height: 10px;
    left: 0px;
}

.calender-heading-trow .cell .minutes div {
    float: left;
    border-left: 1px solid #d1e1e5;
    position: relative;
    width: 50%;
}

.calender-heading-trow .cell .minutes div:nth-child(1) {
    border-left: 1px solid transparent;
}


.calender-heading-trow .cell .minutes div &gt; span {
    color: #576B70;
    padding-left: 7px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    top: -10px;
}

.calender-body-trow {
    height: 80px;
    position: relative;
}

.calender-body-trow.high {
    height: 120px;
}

.calender-body-trow .cell {
    width: 6.667%;
    height: 100%;
    float: left;
    border-left: 2px solid #EB8376;
    position: relative;
    border-bottom: 1px solid #cfd8dc;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;

}

.calender-body-trow .time-slot {
    float: left;
    cursor: pointer;
    position: absolute;
    bottom: 2px;
}

.calender-body-trow .time-slot:nth-child(2) {
    border-color: #b5ced6;
}

.calender-meeting .meeting {
    position: absolute;
    z-index: 100;
    cursor: pointer;
    height: 79px;
    overflow: hidden;
}

.calender-meeting .meeting .inner {
    position: relative;
    padding: 5px;
    height: 100%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
}

.calender-meeting .meeting .inner .name {
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #3a4245;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.calender-meeting .meeting .inner .author {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 100%;
    color: #576B70;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.calender-meeting .meeting .inner .time {
    font-size: 12px;
    color: indianred;
    font-weight: bold;
}

.calender-meeting .meeting-color5 {
    background-color: #DCF8C2;
    border-left: 1px solid #cfd8dc;
    border-right: 1px solid #cfd8dc;
    /* border:1px solid #6fab50; */
}

.calender-meeting .meeting-color4 {
    background-color: #e3f2fd;
    border-left: 1px solid #cfd8dc;
    border-right: 1px solid #cfd8dc;
}

.calender-meeting .meeting-color6 {
    background-color: #FFF3E0;
    border-left: 1px solid #cfd8dc;
    border-right: 1px solid #cfd8dc;
    /* border:1px solid #6fab50; */
}

.nav-primary ul.nav &gt; li.active li.active &gt; a {
    font-style: italic;
    font-weight: 700;
}

.calender-heading-trow .cell-day {
    width: 14.28%;
    height: 100%;
    float: left;
    border-left: 2px solid #EB8376;
    position: relative;
    border-bottom: 1px solid #cfd8dc;

}

.calender-heading-trow .cell-day .hour-text {
    font-size: 30px;
    line-height: 30px;
    font-weight: 200;
    color: #E86554;
    margin: 17px 0 0 7px;
}

.calender-heading-trow .cell-day .week {
    position: absolute;
    bottom: 0px;
    width: 100%;
    line-height: 10px;
    left: 0px;
}

.calender-heading-trow .cell-day .week span {
    color: #576B70;
    padding-left: 7px;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    top: -10px;
    display: block;
}

.calender-body-trow .cell-day {
    width: 14.28%;
    height: 100%;
    float: left;
    border-left: 2px solid #EB8376;
    position: relative;
    border-bottom: 1px solid #cfd8dc;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
}

.calender-body-trow .book {
    position: relative;
    text-align: left;

    display: block;
    width: 100%;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 18px;
    color: #576B70;

}

.calender-body-trow .book span {
    display: inline-block;
    position: relative;
    top: 1px;
    font-weight: 500;
    padding: 0 2px;
    background-color: #388E3C;
    color: #fff;
    margin-left: 1px;
}

.calender-body-trow .book.teacher span {
    background-color: #0d47a1;
}

.calender-body-trow .book.syllabus span {
    background-color: darkred;
}

.calender-body-trow .info {
    position: absolute;
    text-align: left;
    display: block;
    width: 100%;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 18px;
    color: #9E9E9E;
    bottom: 1px;
    padding-left: 5px;
}

.calender-body-trow .cell-day .day {
    position: absolute;
    left: 5px;
    bottom: 2px;

}

.calender-body-trow .cell-day .day div {
    width: 100%;
    text-align: center;

}

.label-blue {
    background-color: #0d47a1;
}

.label-dark {
    background-color: #0f0f0f;
}

.b-b-dash {
    border-bottom: 1px dashed #CFD8DC;
    padding-bottom: 3px;
}

.lable-type {
    padding: 0 5px;
    border-radius: 5px;
    color: white;
}

.popover-content .name {
    font-weight: bold;
    color: darkcyan;
}

.popover-content .time {
    color: coral;
    font-weight: bold;
}

.select2-results__group {
    color: #00897B;
}

.player-container {
    width: 600px;
}

.player-wrapper {
    position: relative;
    padding-bottom: 56.25%;
/ / 16 / 9 = 0.5625;
    height: 0;
}

.player-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: gray;
}

.bg-white-f5 {
    background-color: #F5F5F5;
}

.bg-white-f8 {
    background-color: #F8F8F8;
}

.b-all {
    border: 1px solid #999;
}

.font-size-lg {
    font-size: 1.5em;
}

.font-size-md {
    font-size: 1.2em;
}

input.form-control.field-must, input.required {
    background-color: aliceblue;
    font-weight: bold;
}

.contact-selected {
    height: 300px;
    overflow: auto;
    border: 1px solid lightgrey;
    margin-bottom: 10px;
}

.contact-label {
    white-space: nowrap;
    vertical-align: top;
    padding-right: 10px;
    position: relative;
    width: 3em;
    font-weight: bold;
}

.contact-upload {
    position: relative;
}

.contact-upload input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity:0);
    cursor: pointer;
}

.contact-upload &gt; div {
    color: blue;
    cursor: pointer;
    background-color: #E3F2FD;
}

.contact-item {
    position: relative;
    padding: 2px 30px 2px 5px;
    border-radius: 5px;
    font-size: 14px;
    margin: 5px;
    background-color: rgb(250, 250, 250);
    color: rgb(21, 101, 192);
}

.contact-item:hover {
    background-color: bisque;
}

.public_group_search_result {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.public_group_search_result li {
    list-style: none;
    margin: 0;
    display: block;
}

.public_group_members {
    padding: 2px 20px;
}

.public_group_members li {
    padding: 2px 0;
}

.public_group_members li.active, .tab-content .table-hover &gt; tbody &gt; tr.active {
    background-color: #ffe0b2;
}

.public_group_members li.active:hover, .tab-content .table-hover &gt; tbody &gt; tr.active:hover {
    background-color: #22de2a;
}

.public_group_members li:hover, .tab-content .table-hover &gt; tbody &gt; tr:hover {
    background-color: #87e08b;
    color: #333;
}

.text-blue {
    color: blue;
}

.group-member-in-list {
    padding: 1px 4px;
    border-radius: 4px;
    background-color: lightgray;
    margin-right: 5px;
    font-weight: normal;
}

.public_gruop_name.active .font-bold {
    background-color: #E0E0E0;
    color: #F57F17 !important;
    padding: 0 10px 0 2px;
}

.error-bag-style {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1100;
    box-shadow: 0 0 5px #333;
    padding: 15px 0;
    font-size: 16px;
    display: none;
}

.wbxmeeting-label {
    width: 5em;
    text-align: right;
    margin-bottom: 5px;
    float: left;
}

.no-left-padder {
    padding-left: 0 !important;
}

.required-star:after{
    content: "*";
    position: absolute;
    right: 25px;
    top: 0;
    line-height: 40px;
    color: red;
    font-size: 16px;
}


.zoomroom_free {
    width: 100%;
    height: 30px;
    border: 1px solid #4CAF50;
    background-color: #E8F5E9;
    color: #1B5E20;
    text-align: center;
    line-height: 30px;
}

.zoomroom_free.no_free{
    border: 1px solid #FFC107;
    background-color: #FFF8E1;
    color: #E65100;
    text-align: center;
    line-height: 30px;
}

.scroll-horizon {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}
</pre></body></html>