@charset "utf-8";

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
}

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    color: rgba(46, 38, 61, 0.9);
    /* letter-spacing: 0.15px; */
    font-family: Inter ,sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    /* font-weight: 400; */
    /* font-size: 1rem; */
    line-height: 1.5;
    background-color: #F4F5FA !important;
    -webkit-print-color-adjust: exact;
    -print-color-adjust: exact;
}


::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background:rgb(0 0 0 / 10%);
    box-shadow: none;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgb(169 169 169 / 80%);

}

::-webkit-scrollbar-thumb:window-inactive {
     background: rgba(186, 185, 182, 0.4);
}

.text-selectable, .popover {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

/* LOGIN SCREEN BEGIN */

.login-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-right: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-screen-background {
    width: 100%;
    height: 100%;
}

.login-screen-login-success {
    padding: 0;
    -webkit-transition: padding 0.5s ease-out;
    -moz-transition: padding 0.5s ease-out;
    -ms-transition: padding 0.5s ease-out;
    -o-transition: padding 0.5s ease-out;
    transition: padding 0.5s ease-out;
}

.login-panel-container {
    /* display: table; */
    /* height: 100%; */
    /* width: 100%; */
    max-width: 600px;
}

.login-panel-container-items {
    display: table-header-group;
}

.login-panel {
    background: #ffffff;
    width: 500px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease-in;
}

.login-screen-default-image {
    border: 0;
}

.login-screen-image {
    z-index: 1;
    position: fixed;
}

.version {
    position: fixed;
    top: 0;
    right: 0;
    font-weight: 100;
    padding: 2px;
}

.login-panel-header {
    height: 40px;
    text-align: center;
}

.login-panel-app-name {
    display: inline-block;
    width: 315px;
    font-size: 26px;
    line-height: 40px;
    font-weight: 100;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.login-panel-app-img {
    display: inline-block;
    width: 55px;
    height: 40px;
    text-align: center;
    vertical-align: top;
}

.login-panel-login-form {
    padding-top: 92px;
    transition: all .2s ease-in;
}

.forgot-password-icon {
    vertical-align: sub !important;
}

.forgot-password-text {
    color: var(--obs-info-color);
    font-size: 15px;
}

.forgot-password-text:hover {
    /* text-decoration: underline; */
    color: var(--obs-primary-color);
}

.login-panel-footer {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.login-panel-footer .right {
    float: right;
}

.login-panel-footer .left{
    float: left;
}

.login-panel-owner-img {
    vertical-align: top;
    width: 20px;
    height: 20px;
}

.login-panel-owner-name, .login-panel-owner-copyright {
    font-size: 10pt;
}

.login-panel-social-link:active,
.login-panel-social-link:visited,
.login-panel-social-link:link,
.login-panel-social-link:hover {
    text-decoration: none;
}

.login-panel-info-link {
    color: #3F51B5;
    cursor: pointer;
}

.login-panel-info-link:hover {
    text-decoration: underline;
}

.login-panel-known-users {
    padding-top: 15px;
    height: 125px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 -25px 50px -35px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 -25px 50px -35px rgba(0,0,0,0.5);
    box-shadow: inset 0 -25px 50px -35px rgba(0,0,0,0.5);
}

.login-panel-known-users-title {
    font-size: 14pt;
    font-weight: 200;
    text-align: left;
    padding-top: 20px;
}

.login-panel-known-user {
    width: 95px;
    height: 95px;
    margin: 5px 15px 15px 5px;
    display: inline-block;
    padding: 5px 0 5px 0;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: inset 0 0 0 0 #53a7ea;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.login-panel-known-user:hover {
    box-shadow: inset 0 0 0 2px #53a7ea;
}

.login-panel-remove-known-user {
    position: relative;
    width: 20px;
    height: 20px;
    margin: -15px -15px -15px -20px;
    font-size: 13pt;
    font-weight: 100;
    border: 2px solid #CCCCCC;
    background: #CCCCCC;
    border-radius: 50%;
    float: right;
    line-height: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.login-panel-remove-known-user::before {
    content: '×';
    line-height: 12px;
    padding: 4px;
    color: #FFFFFF;
}

.login-panel-remove-known-user:hover {
    background: #F44336;
    border-color: #FF9800;
}

.login-panel-known-user-img {
    text-align: center;
}

.login-panel-known-user-img img {
    width: 60px;
    height: 60px;
}

.login-panel-known-user-name {
    width: 100%;
    height: 26px;
    font-size: 10pt;
    font-weight: 500;
    padding: 0 5px 0 5px;
    cursor: pointer !important;
    border-bottom: 0 !important;
    display: inline-block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.known-user-login-form-user-name {
    text-align: center;
    font-weight: 400;
    font-size: 14pt;
    padding-top: 15px;
}

.known-user-login-form-user-profile {
    margin-top: 15px;
}

.login-screen-devices-container {
    position: absolute;
    display: flex;
    align-items: center;
    align-content: space-between;
    bottom: 0;
    right: 0;
    width: 70px;
    height: 30px;
    margin-right: 500px;
    z-index: 1;
}

.login-screen-device-1 {
    background-image: url("../../../images/device-1.png");
    align-items:stretch;
    -webkit-align-items: stretch;
    width: 20px;
    height: 20px;
}

.login-screen-device-2 {
    background-image: url("../../../images/device-2.png");
    align-items:stretch;
    -webkit-align-items: stretch;
    width: 20px;
    height: 20px;
}

.login-screen-device-3 {
    background-image: url("../../../images/device-3.png");
    align-items:stretch;
    -webkit-align-items: stretch;
    width: 20px;
    height: 20px;
}

@media (min-width: 769px) {
    .known-user-login-dialog {
        width: 460px;
    }
}

@media only screen and (max-width: 900px), (max-device-width: 900px) {
    .login-screen, .login-screen-login-success {
        padding-right: 0;
    }

    .login-panel {
        /* background: rgb(245,245,245); */
        background: -moz-linear-gradient(top,  rgba(245,245,245,0.7) 0%, rgba(255,255,255,0.7) 100%);
        /* background: -webkit-linear-gradient(top,  rgba(245,245,245,0.7) 0%,rgba(255,255,255,0.7) 100%);
        /* background: linear-gradient(to bottom,  rgba(245,245,245,0.7) 0%,rgba(255,255,255,0.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); */
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        margin: 0;
        padding: 0;
        position: fixed;
        right: 0;
        z-index: 2;
    }

    .login-panel-header {
        display: table;
    }

    .login-panel-app-name {
        display: table-cell;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: middle;
        padding-left: 5px;
    }

    .login-panel-app-img {
        display: table-cell;
        vertical-align: middle;
    }

    .login-panel-input-label {
        opacity: 1 !important;
    }

    .login-panel-known-users {
        padding-top: 18px;
        height: 125px;
        overflow-y: auto;
        overflow-x: hidden;
        border-radius: 5px;
        background: rgba(22,34,81,0.3);
        background: -moz-linear-gradient(top,  rgba(22,34,81,0.3) 0%, rgba(255,255,255,0) 7%, rgba(255,255,255,0) 93%, rgba(22,34,81,0.3) 100%);
        background: -webkit-linear-gradient(top,  rgba(22,34,81,0.3) 0%,rgba(255,255,255,0) 7%,rgba(255,255,255,0) 93%,rgba(22,34,81,0.3) 100%);
        background: linear-gradient(to bottom,  rgba(22,34,81,0.3) 0%,rgba(255,255,255,0) 7%,rgba(255,255,255,0) 93%,rgba(22,34,81,0.3) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162251', endColorstr='#162251',GradientType=0 );
    }

    .login-screen-devices-container {
        display: none;
    }
}

/* LOGIN SCREEN END */

/* LOGIN SCREEN STICKY NOTES BEGIN */

@font-face {
    font-family: JustBreathe;
    src: url("../../fonts/just-breathe/JustBreathe.otf") format("opentype");
}

.login-screen-sticky-note-content {
    font-family: JustBreathe, "Roboto", sans-serif, Helvetica, Arial, sans-serif;
    font-weight:100;
    font-size: 17pt;
    text-align: center;
}

ul.login-screen-sticky-notes-list {
    position: absolute;
    top: 0;
    padding-right: 500px;
    list-style:none;
    overflow-x:hidden;
    overflow-y:scroll;
    display: none;
    align-content: space-between;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
}

li.login-screen-sticky-notes-item {
    list-style:none;
    cursor: pointer;
    padding: 10px;
    align-items: stretch;
}

ul.login-screen-sticky-notes-list li.login-screen-sticky-notes-item a.login-screen-sticky-notes-anchor {
    text-decoration:none;
    color:#000;
    background:#ffc;
    display: table-cell;
    vertical-align: middle;
    height:10em;
    width:10em;
    padding:1em;
    -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
    -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    -moz-transition:-moz-transform .15s linear;
    -o-transition:-o-transform .15s linear;
    -webkit-transition:-webkit-transform .15s linear;
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -moz-transform:rotate(-6deg);
}

ul.login-screen-sticky-notes-list li.login-screen-sticky-notes-item {
    margin:1em;
    float:left;
}

ul.login-screen-sticky-notes-list li.login-screen-sticky-notes-item:nth-child(even) a.login-screen-sticky-notes-anchor {
    -o-transform:rotate(4deg);
    -webkit-transform:rotate(4deg);
    -moz-transform:rotate(4deg);
    position:relative;
    top:5px;
    background:#cfc;
}

ul.login-screen-sticky-notes-list li.login-screen-sticky-notes-item:nth-child(3n) a.login-screen-sticky-notes-anchor {
    -o-transform:rotate(-3deg);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    position:relative;
    top:-5px;
    background:#ccf;
}

ul.login-screen-sticky-notes-list li.login-screen-sticky-notes-item:nth-child(5n) a.login-screen-sticky-notes-anchor {
    -o-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
    position:relative;
    top:-10px;
}

ul.login-screen-sticky-notes-list li.login-screen-sticky-notes-item a.login-screen-sticky-notes-anchor:hover, ul.login-screen-sticky-notes-list li.login-screen-sticky-notes-item a.login-screen-sticky-notes-anchor:focus {
    box-shadow:10px 10px 7px rgba(0,0,0,.7);
    -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
    -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -o-transform: scale(1.25);
    position:relative;
    z-index:5;
}

@media (min-width:1367px) {

    li.login-screen-sticky-notes-item {
        padding: 10px 30px 10px 30px !important;
    }

}

@media (max-width:1366px) {

    li.login-screen-sticky-notes-item {
        padding: 0;
    }

}

@media (min-width:1201px) and (max-width:1366px) {

    .login-screen-sticky-note-content {
        font-size: 10pt;
    }

    ul.login-screen-sticky-notes-list li.login-screen-sticky-notes-item a.login-screen-sticky-notes-anchor {
        height:9.3em;
        width:9.3em;
    }

}

@media (min-width:812px) and (max-width:1200px) {

    .login-screen-sticky-note-content {
        font-size: 10pt;
    }

    ul.login-screen-sticky-notes-list li.login-screen-sticky-notes-item a.login-screen-sticky-notes-anchor {
        height:6em;
        width:6em;
    }

}

@media (max-width: 811px) {

    .login-screen-sticky-note-content {
        font-size: 8pt;
    }

    ul.login-screen-sticky-notes-list li.login-screen-sticky-notes-item a.login-screen-sticky-notes-anchor {
        height:5em;
        width:5em;
    }

}

@media only screen and (max-width: 600px), (max-device-width: 600px) {

    .login-screen-sticky-notes-list {
        display: none !important;
    }

}

/* LOGIN SCREEN STICKY NOTES END */

/* DRAGGABLE LOGIN SCREEN IMAGES BEGIN */

.image-column {
    height: 160px;
    width: 227px;
    float: left;
    border: 2px solid #666666;
    margin-right: 5px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px #000;
    -ms-box-shadow: inset 0 0 3px #000;
    box-shadow: inset 0 0 3px #000;
    text-align: center;
    cursor: pointer;
}

.image-column .login-screen-image-add {
    font-size: 49pt;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
}

.image-column .login-screen-image-add:hover {
    background: linear-gradient(141deg, #10ece1 0%, #21ecff 51%, #30c9ff 75%);
}

.image-column .login-screen-image-preview {
    width: 219px;
    height: 119px;
}

.image-column header {
    color: #fff;
    text-shadow: #000 0 1px;
    box-shadow: 5px;
    padding: 5px;
    border-bottom: 1px solid #ddd;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -ms-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -ms-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

.image-column header.delete {
    background: linear-gradient(141deg, #b8431f 0%, #db8178 51%, #e84346 75%);
}

.image-column header.delete:hover {
    background: linear-gradient(141deg, #e04821 0%, #fd9e95 51%, #ff484b 75%);
}

.image-column header.empty {
    background: linear-gradient(141deg, #b1b5c4 0%, #dbd2d3 51%, #919386 75%);
}

/* DRAGGABLE LOGIN SCREEN IMAGES END */

/* COURSE DASHBOARD BEGIN */

.custom-timeline-container {
    -webkit-box-shadow: inset 0 -25px 50px -35px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 -25px 50px -35px rgba(0,0,0,0.5);
    box-shadow: inset 0 -25px 50px -35px rgba(0,0,0,0.5);
}

.custom-timeline {
    overflow-y: scroll;
    height: 348px;
    border-radius: 5px;
    border: 1px dashed #ddd;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #ddd, 0 0 0 10px #fff, 0 0 2px 10px #eee;
}

.custom-timeline:before {
    left: 20px !important;
}

.custom-timeline .timeline-circ {
    left: 20px !important;
}

.timeline.custom-timeline.collapse-lg .timeline-entry .card {
    margin-left: 50px !important;
}

.custom-timeline .timeline-entry .card.style-default-bright:after {
    border-color: transparent transparent transparent rgba(158, 158, 158, 0.5);
}

.mainInfoBoxes {
    cursor: pointer;
    -webkit-transition: ease 0.4s;
    -moz-transition: ease 0.4s;
    -ms-transition: ease 0.4s;
    -o-transition: ease 0.4s;
    transition: ease 0.4s;
}

.mainInfoBoxes:hover {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}

#custom-background {
    background: rgba(99, 93, 93, 0.50);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
    cursor: pointer;
}

/* COURSE DASHBOARD END */

@media (max-width: 768px) {
    section.section-account {
        padding: 0;
    }

    section.section-account > div.card > div.card-body {
        padding: 0;
    }

    div#content section:first-child {
        padding: 0 3px 0 3px;
    }

    .headerbar-right {
        display: none;
    }

    #header {
        position: absolute !important;
    }

    #content {
        padding-top: 48px !important;
    }

    div#offcanvas-chat, div#offcanvas-chat-form {
        margin-top: 64px;
    }

    .only-show-mobile {
        display: block !important;
    }

    #offcanvas-chat, #offcanvas-chat-form {
        margin-top: 64px !important;
    }
}

.form-control[readonly].mobile-blur-keyboard {
    border-bottom-style: solid !important;
    cursor: pointer;
}

div#offcanvas-chat-form, div#offcanvas-search {
    /* margin-top: 64px; */
}

div.offcanvas-foot {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 4px 16px;
}

div#offcanvas-chat {
    /* margin-top: 64px; */
}

@media (min-width: 769px) {
    div#offcanvas-chat {
        /* margin-left: -68px; */
    }
    div#base {
        /*margin-left: -32px;*/
    }
}

div#offcanvas-chat:not(active) {
    /* -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.38); */
    /* box-shadow: rgba(46, 38, 61, 0.24) 0px 8px 28px 0px; */
    background: white;
}

div.avatar {
    width: 36px;
    height: 36px;
    background: #E2E2E2;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

div.avatar h3 {
    margin-top: 10px;
    font-size: 18px;
}

#chatoffcanvas div.tile-text {
    font-size: 13px !important;
}

#chatoffcanvas div.tile-text small{
    font-size: 11px !important;
}

sup.avatar {
    margin-left: -12px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 6px;
    padding-right: 6px;
}

.navbar-search.chat {
    -webkit-transition: background 0.50s ease-in-out;
    -o-transition: background 0.50s ease-in-out;
    transition: background 500ms ease-in-out 0ms;
}

.navbar-search .form-group.chat{
    -webkit-transition: max-width 0.50s ease-in-out;
    -o-transition: max-width 0.50s ease-in-out;
    transition: max-width 500ms ease-in-out 0ms;
}


.navbar-search input.chat {
    -webkit-transition: max-width 0.50s ease-in-out;
    -o-transition: max-width 0.50s ease-in-out;
    transition: max-width 500ms ease-in-out 0ms;
}

#offcanvas-chat-body li:hover {
    background: #e6f1fd;
}

ul#conversationList li, ul#remoteSearchList li {
    cursor: pointer;
}

div.chat-body {
    white-space: pre-wrap;
    word-wrap: break-word;
}
/*
#main-menu a, #header-menu a {
    pointer-events: none;
    cursor: default;
}
*/
#pageLoader {
    margin: 100px auto;
    z-index: 9999;
}
.hideOpt {
    display: none !important;
}
.display {
    font-size: 8pt;
}
.display td {
    white-space: nowrap;
}
#detailModal table thead#detailCols td {
    white-space: nowrap;
}
.pos {
    position: absolute;
    right: 33px;
    bottom: 30px;
}
.fab {
    display: none;
}
.rdpt {
    padding-bottom: 10px;
}
.fabRotate {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.ease:before {
    -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ease {
    -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hover-underline:hover {
    text-decoration: underline;
    cursor: pointer;
}
.fullscreenmodal {
    width: 90%;
}
.ms-list li.ms-elem-selectable:not(.ms-selected):hover, li.ms-elem-selection.ms-selected:hover {
    cursor: pointer;
    color: #000000;
    text-decoration: none;
    background-color: #e6e6e6;
}
#survey-question-list td:nth-child(2), #survey-question-list td:nth-child(3) {
    cursor: move;
}
tr.rowmodified {
    background: rgba(250, 253, 220, 1) !important;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 8px 10px !important;
}
.cursor-pointer {
    cursor: pointer !important;
}
.question-analysis-list-selected {
    background: rgba(127, 140, 114, 0.25);
}
.question-analysis-list-disabled {
    pointer-events: none;
}
.teacher-comment-text-1 { color: #90A4AE; } /* Default */
.teacher-comment-text-2 { color: #3498db; } /* Info */
.teacher-comment-text-3 { color: #f39c12; } /* Warning */
.teacher-comment-text-4 { color: #e74c3c; } /* Danger */
.teacher-comment-text-5 { color: #2ecc71; } /* Success */

.teacher-comment-style-1 { background-color: #90A4AE; } /* Default */
.teacher-comment-style-2 { background-color: #3498db; } /* Info */
.teacher-comment-style-3 { background-color: #f39c12; } /* Warning */
.teacher-comment-style-4 { background-color: #e74c3c; } /* Danger */
.teacher-comment-style-5 { background-color: #2ecc71; } /* Success */

.text-italic { font-style: italic; }

.float-left {
    float: left;
}

.float-right {
    float: right;
}

#studentTreeList .fancytree-node:not(.fancytree-folder) > .fancytree-icon {
    background-position: 0 0;
    background-image: url("../../../images/student.png");
    background-size: 16px 16px;
}

.image-circle {
    border-radius: 50%;
}

.image-soft-radius {
    border-radius: 5%;
}

.display-none {
    display: none;
}

/*Agenda Colors Begin*/

.fc-day {
    background: rgb(179,229,252);
    background: -moz-linear-gradient(top,  rgba(179,229,252,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(179,229,252,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(179,229,252,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e5fc', endColorstr='#ffffff',GradientType=0);
}

.checkbox-styled:not(ie8).checkbox-red input:checked ~ span:before, .radio-styled:not(ie8).checkbox-red input:checked ~ span:before, .checkbox-styled:not(ie8).radio-red input:checked ~ span:before, .radio-styled:not(ie8).radio-red input:checked ~ span:before {
    border-color: #F44336 !important;
}
.checkbox-styled:not(ie8).checkbox-red input ~ span:after, .radio-styled:not(ie8).checkbox-red input ~ span:after, .checkbox-styled:not(ie8).radio-red input ~ span:after, .radio-styled:not(ie8).radio-red input ~ span:after {
    background-color: #F44336;
}
.checkbox-styled:not(ie8).checkbox-red input ~ span:before, .radio-styled:not(ie8).radio-red input ~ span:before {
    border: 2px solid #F44336 !important;
}

.checkbox-styled:not(ie8).checkbox-pink input:checked ~ span:before, .radio-styled:not(ie8).checkbox-pink input:checked ~ span:before, .checkbox-styled:not(ie8).radio-pink input:checked ~ span:before, .radio-styled:not(ie8).radio-pink input:checked ~ span:before {
    border-color: #E91E63 !important;
}
.checkbox-styled:not(ie8).checkbox-pink input ~ span:after, .radio-styled:not(ie8).checkbox-pink input ~ span:after, .checkbox-styled:not(ie8).radio-pink input ~ span:after, .radio-styled:not(ie8).radio-pink input ~ span:after {
    background-color: #E91E63;
}
.checkbox-styled:not(ie8).checkbox-pink input ~ span:before, .radio-styled:not(ie8).radio-pink input ~ span:before {
    border: 2px solid #E91E63 !important;
}

.checkbox-styled:not(ie8).checkbox-purple input:checked ~ span:before, .radio-styled:not(ie8).checkbox-purple input:checked ~ span:before, .checkbox-styled:not(ie8).radio-purple input:checked ~ span:before, .radio-styled:not(ie8).radio-purple input:checked ~ span:before {
    border-color: #9C27B0 !important;
}
.checkbox-styled:not(ie8).checkbox-purple input ~ span:after, .radio-styled:not(ie8).checkbox-purple input ~ span:after, .checkbox-styled:not(ie8).radio-purple input ~ span:after, .radio-styled:not(ie8).radio-purple input ~ span:after {
    background-color: #9C27B0;
}
.checkbox-styled:not(ie8).checkbox-purple input ~ span:before, .radio-styled:not(ie8).radio-purple input ~ span:before {
    border: 2px solid #9C27B0 !important;
}

.checkbox-styled:not(ie8).checkbox-indigo input:checked ~ span:before, .radio-styled:not(ie8).checkbox-indigo input:checked ~ span:before, .checkbox-styled:not(ie8).radio-indigo input:checked ~ span:before, .radio-styled:not(ie8).radio-indigo input:checked ~ span:before {
    border-color: #3F51B5 !important;
}
.checkbox-styled:not(ie8).checkbox-indigo input ~ span:after, .radio-styled:not(ie8).checkbox-indigo input ~ span:after, .checkbox-styled:not(ie8).radio-indigo input ~ span:after, .radio-styled:not(ie8).radio-indigo input ~ span:after {
    background-color: #3F51B5;
}
.checkbox-styled:not(ie8).checkbox-indigo input ~ span:before, .radio-styled:not(ie8).radio-indigo input ~ span:before {
    border: 2px solid #3F51B5 !important;
}

.checkbox-styled:not(ie8).checkbox-blue input:checked ~ span:before, .radio-styled:not(ie8).checkbox-blue input:checked ~ span:before, .checkbox-styled:not(ie8).radio-blue input:checked ~ span:before, .radio-styled:not(ie8).radio-blue input:checked ~ span:before {
    border-color: #2196F3 !important;
}
.checkbox-styled:not(ie8).checkbox-blue input ~ span:after, .radio-styled:not(ie8).checkbox-blue input ~ span:after, .checkbox-styled:not(ie8).radio-blue input ~ span:after, .radio-styled:not(ie8).radio-blue input ~ span:after {
    background-color: #2196F3;
}
.checkbox-styled:not(ie8).checkbox-blue input ~ span:before, .radio-styled:not(ie8).radio-blue input ~ span:before {
    border: 2px solid #2196F3 !important;
}

.checkbox-styled:not(ie8).checkbox-green input:checked ~ span:before, .radio-styled:not(ie8).checkbox-green input:checked ~ span:before, .checkbox-styled:not(ie8).radio-green input:checked ~ span:before, .radio-styled:not(ie8).radio-green input:checked ~ span:before {
    border-color: #4CAF50 !important;
}
.checkbox-styled:not(ie8).checkbox-green input ~ span:after, .radio-styled:not(ie8).checkbox-green input ~ span:after, .checkbox-styled:not(ie8).radio-green input ~ span:after, .radio-styled:not(ie8).radio-green input ~ span:after {
    background-color: #4CAF50;
}
.checkbox-styled:not(ie8).checkbox-green input ~ span:before, .radio-styled:not(ie8).radio-green input ~ span:before {
    border: 2px solid #4CAF50 !important;
}

.checkbox-styled:not(ie8).checkbox-yellow input:checked ~ span:before, .radio-styled:not(ie8).checkbox-yellow input:checked ~ span:before, .checkbox-styled:not(ie8).radio-yellow input:checked ~ span:before, .radio-styled:not(ie8).radio-yellow input:checked ~ span:before {
    border-color: #FFEB3B !important;
}
.checkbox-styled:not(ie8).checkbox-yellow input ~ span:after, .radio-styled:not(ie8).checkbox-yellow input ~ span:after, .checkbox-styled:not(ie8).radio-yellow input ~ span:after, .radio-styled:not(ie8).radio-yellow input ~ span:after {
    background-color: #FFEB3B;
}
.checkbox-styled:not(ie8).checkbox-yellow input ~ span:before, .radio-styled:not(ie8).radio-yellow input ~ span:before {
    border: 2px solid #FFEB3B !important;
}

.checkbox-styled:not(ie8).checkbox-orange input:checked ~ span:before, .radio-styled:not(ie8).checkbox-orange input:checked ~ span:before, .checkbox-styled:not(ie8).radio-orange input:checked ~ span:before, .radio-styled:not(ie8).radio-orange input:checked ~ span:before {
    border-color: #FF9800 !important;
}
.checkbox-styled:not(ie8).checkbox-orange input ~ span:after, .radio-styled:not(ie8).checkbox-orange input ~ span:after, .checkbox-styled:not(ie8).radio-orange input ~ span:after, .radio-styled:not(ie8).radio-orange input ~ span:after {
    background-color: #FF9800;
}
.checkbox-styled:not(ie8).checkbox-orange input ~ span:before, .radio-styled:not(ie8).radio-orange input ~ span:before {
    border: 2px solid #FF9800 !important;
}

.checkbox-styled:not(ie8).checkbox-grey input:checked ~ span:before, .radio-styled:not(ie8).checkbox-grey input:checked ~ span:before, .checkbox-styled:not(ie8).radio-grey input:checked ~ span:before, .radio-styled:not(ie8).radio-grey input:checked ~ span:before {
    border-color: #9E9E9E !important;
}
.checkbox-styled:not(ie8).checkbox-grey input ~ span:after, .radio-styled:not(ie8).checkbox-grey input ~ span:after, .checkbox-styled:not(ie8).radio-grey input ~ span:after, .radio-styled:not(ie8).radio-grey input ~ span:after {
    background-color: #9E9E9E;
}
.checkbox-styled:not(ie8).checkbox-grey input ~ span:before, .radio-styled:not(ie8).radio-grey input ~ span:before {
    border: 2px solid #9E9E9E !important;
}

.checkbox-styled:not(ie8).checkbox-blue-grey input:checked ~ span:before, .radio-styled:not(ie8).checkbox-blue-grey input:checked ~ span:before, .checkbox-styled:not(ie8).radio-blue-grey input:checked ~ span:before, .radio-styled:not(ie8).radio-blue-grey input:checked ~ span:before {
    border-color: #607D8B !important;
}
.checkbox-styled:not(ie8).checkbox-blue-grey input ~ span:after, .radio-styled:not(ie8).checkbox-blue-grey input ~ span:after, .checkbox-styled:not(ie8).radio-blue-grey input ~ span:after, .radio-styled:not(ie8).radio-blue-grey input ~ span:after {
    background-color: #607D8B;
}
.checkbox-styled:not(ie8).checkbox-blue-grey input ~ span:before, .radio-styled:not(ie8).radio-blue-grey input ~ span:before {
    border: 2px solid #607D8B !important;
}

/*Agenda Colors End*/

/*Quiz Answer Contents Begin*/
#quizAnswerTableTBody span[data-original-title='A']:before {
    content: 'A';
    padding-left: 4px;
    font-size: 8pt;
}
#quizAnswerTableTBody span[data-original-title='B']:before {
    content: 'B';
    padding-left: 4px;
    font-size: 8pt;
}
#quizAnswerTableTBody span[data-original-title='C']:before {
    content: 'C';
    padding-left: 4px;
    font-size: 8pt;
}
#quizAnswerTableTBody span[data-original-title='D']:before {
    content: 'D';
    padding-left: 4px;
    font-size: 8pt;
}
#quizAnswerTableTBody span[data-original-title='E']:before {
    content: 'E';
    padding-left: 4px;
    font-size: 8pt;
}
#quizAnswerTableTBody span[data-original-title='F']:before {
    content: 'F';
    padding-left: 4px;
    font-size: 8pt;
}
#quizAnswerTableTBody span[data-original-title='G']:before {
    content: 'G';
    padding-left: 4px;
    font-size: 8pt;
}
#quizAnswerTableTBody span[data-original-title='H']:before {
    content: 'H';
    padding-left: 4px;
    font-size: 8pt;
}
#quizAnswerTableTBody span[data-original-title='I']:before {
    content: 'I';
    padding-left: 4px;
    font-size: 8pt;
}
#quizAnswerTableTBody span[data-original-title='J']:before {
    content: 'J';
    padding-left: 4px;
    font-size: 8pt;
}
#quizAnswerTableTBody .checkbox-styled:not(ie8) input ~ span:before, #quizAnswerTableTBody .radio-styled:not(ie8) input ~ span:before {
    border: 2px solid #F08D54;
}
#quizAnswerTableTBody tr td:nth-child(odd):not(:first-child) {
    background-color: #fbf9fd !important;
}
#quizAnswerTableTBody tr td:nth-child(even) {
    background-color: #FCD2C2 !important;
}
/*Quiz Answer Contents End*/

i[class^="md"] {
    vertical-align: middle;
}

.ms-container .ms-list {
    height: 300px;
}

.align-center {
    text-align: center;
    margin: 0 auto;
}

div.dataTables_scrollBody thead th::before {
    display: none;
}

modalstrap-container {
    display: none;
}

.orange {
    background: rgba(255,179,0,0.4) !important;
}

@media all {
    .YKS-style {
        font-size: 11px;
        font-weight: 200;
        opacity: 1.0;
        color: #000000;
        font-family: arial narrow;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .YKS-style * {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .YKS-style td.d-pink {
        background-color: #F2CFCF !important;
    }

    .YKS-style td.l-pink {
        background-color: #FAE3E3 !important;
    }

    .YKS-style td.d-orange {
        background-color: #FAD9A6 !important;
    }

    .YKS-style td.d-yellow {
        background-color: #FAF5E8 !important;
    }

    .YKS-style td.l-yellow {
        background-color: #FAFCD9 !important;
    }

    .YKS-style td.d-blue {
        background-color: #DEEBED !important;
    }

    .YKS-style td.l-blue {
        background-color: #F0F2F5 !important;
    }

    .YKS-style td.purple {
        background-color: #F2F0FF !important;
    }

    .YKS-style td.brown {
        background-color: #F5E8E0 !important;
    }

    .YKS-style .small-text {
        font-size: 7pt;
    }

    .YKS-style .l-padding {
        padding-left: 5px;
    }

    .YKS-style .text-bold {
        font-weight: bold;
    }

    .YKS-style .text-red {
        color: #f44336 !important;
    }

    .YKS-style .text-9pt {
        font-size: 9pt;
    }
}

@media all {
    .YGSstyle {
        font-size: 11px;
        font-weight: 200;
        opacity: 1.0;
        color: #000000;
        font-family: arial narrow;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .verticalText {
        transform: rotate(-90deg);
        transform-origin: left top 1;
    }
    td.pembe {
        background-color: #FCDDEC !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.pembei {
        background-color: #FFFCE9 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.dersler {
        background-color: #FEEDCF !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.puansira {
        background-color: #FBD4E7 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.dersleri {
        background-color: #FFF8E6 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.turkce {
        background-color: #C7EAFE !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.sosyal {
        background-color: #FAD3E6 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.temmat {
        background-color: #E1EDE1 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.fen {
        background-color: #C7EBFB !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.turkcei {
        background-color: #E3F4FE !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.sosyali {
        background-color: #FDE8F1 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.temmati {
        background-color: #F1F6F0 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.feni {
        background-color: #E3F4FE !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.ygsall {
        background-color: #E6D9EA !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.ygsalli {
        background-color: #F4EDF4 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.lys1 {
        background-color: #D8EAF6 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    tr.lys1i, td.lys1i {
        background-color: #DBF1FC !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.lys2 {
        background-color: #FFE9C7 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    tr.lys2i, td.lys2i {
        background-color: #FFFDEE !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.lys3 {
        background-color: #D5EBD6 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    tr.lys3i, td.lys3i {
        background-color: #E8F2E7 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.lys4 {
        background-color: #FAD5E6 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    tr.lys4i, td.lys4i {
        background-color: #FDE8ED !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.ygs12 {
        background-color: #FEE9F2 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.ygs34 {
        background-color: #FFFCE9 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.ygs56 {
        background-color: #E3F4FE !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.sagbilgi {
        background-color: #C7EAFD !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.sagbilgii {
        background-color: #E3F4FE !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.kturu {
        background-color: #D2E9F9 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.kturui {
        background-color: #E3F4FE !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.ssust {
        background-color: #FEE9F2 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.ssalt {
        background-color: #D5D7EC !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.cvpanhodd {
        background-color: #FFFCE9 !important;
        white-space: nowrap;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    td.cvpanheven {
        background-color: #E2F7FC !important;
        white-space: nowrap;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .bottom {
        display: table;
        text-align: center;
    }
    .bottom-right {
        display: table-cell;
        padding-left: 2px;
    }
    .bottom-left {
        display: table-cell;
        padding-right: 2px;
    }
    .first {
        background-color: #ffffff !important;
        color: #000000 !important;
        font-weight: 600 !important;;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .oddoreven:nth-child(even) {
        background-color: #FBE9E9 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .oddoreven:nth-child(odd) {
        background-color: #F7F5FA !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    #r1 {
        position: relative;
        bottom: -8px;
    }
    #r2 {
        position: relative;
        bottom: -8px;
    }
    .rehberStyle {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .devamStyle {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    span.tools {
        display: none;
    }
    a.clickablelink:hover {
        color: blue;
    }
    a.clickablelink {
        cursor: pointer;
    }
    tr.homeworkanalysed1 {
        background: #B9F9D9 !important;
    }
}

.nano-pane {
    width: 7px !important;
    border-radius: 7px;
}

.nano-slider {
    width: 5px !important;
    border-radius: 5px;
}

@media (max-width: 768px){
    .headerbar-right {
        position: fixed !important;
    }
    div#offcanvas-chat, div#offcanvas-chat-form{
        margin-top: 128px;
    }
    #pinwindow{
        display: none;
    }
    .hide-teacher-comments-filter-section {
        display: none;
    }
}

.slide-fade li {
    transition: all 0.4s ease-out;
    opacity: 0;
}
.slide-fade li.show {
    opacity: 1;
}

hr.shadow {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(195, 195, 195), rgba(0, 0, 0, 0));
}

.list-chats .chat-body {
    font-size: 12px;
    width: 230px;
}

.list-chats .chat-body small {
    font-size: 9px;
}

.list-chats li:not(.chat-left) .chat-body small {
    text-align: right;
}

.list-chats .chat-body {
    border-radius: 12px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    word-break: break-word;
}

.list-chats .chat-left .chat-body:after {
    left: -2px !important;
    border-color: transparent #1E88E5 transparent transparent !important;
}

.list-chats li:not(.chat-left) .chat-body:after {
    right: -2px !important;
}

.list-chats .chat-left .chat-body {
    float: left;
    background-color: #1E88E5;
    color: #ffffff;
}

li:not(.chat-left) .chat-body {
    /*border-top-right-radius: 0;*/
}

.list-chats .chat-body:not(.chat-left).msg-sending {
    background: #f3f3f3;
    color: #848484;
}

.list-chats .chat-body:not(.chat-left).msg-sending:after {
    border-color: transparent transparent transparent #f3f3f3;
}

#offcanvas-chat-form div.offcanvas-head {
    background-color: rgb(66 104 138);
    /* box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5); */
    /* -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5); */
    z-index: 1;
}

div.chat-avatar .avatar {
    background: #42688a;
    color: white;
}

.card-hover:not(.style-success):hover {
    background: gainsboro;
}

.events-disabled {
    pointer-events: none;
}

.events-enabled {
    pointer-events: all;
}

.club-card .club-info {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.club-card .club-overlay {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.club-card:hover .club-info {
    opacity: 0.3;
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}

.club-card:hover .club-overlay {
    opacity: 1;
}

.dd-handle-fake {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    font-weight: 700;
    border: 1px solid #ccc;
    background: #fafafa;
    border-radius: 3px;
    box-sizing: border-box;
}

.blinker {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% { opacity: 0.3; }
}

.fc-day-header, .fc-week-number {
    background: #eee;
}

.fc-day {
    background: #fff;
}

.mobile-app-notification {
    position: fixed;
    z-index: 1013;
    top: 0;
    left: 0;
    width: 100%;
    height: 85px;
    line-height: 85px;
    text-align: center;
    background: #00B4DB;
    background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);
    background: linear-gradient(to right, #0083B0, #00B4DB);
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.mobile-app-notification .close-button {
    position: fixed;
    top: 10px;
    right: 10px;
    line-height: 5px;
}

.custom-card-style .card-head {
    background-color: #c8dae4;
    border-color: #c8dae4;
    line-height: 40px;
    min-height: 40px;
}

.custom-card-style .card-body {
    padding: 16px;
}

.custom-card-style .card-head header {
    line-height: 18px;
    font-size: 18px;
    padding: 11px 16px;
}

.custom-card-style dt {
    text-align: left;
    border-right: solid 1px #c8dae4;
}

#searchMenu {
    display: inline-block;
    background-color: #f4f5fb;
    border-radius: 20px;
    border: 1px solid #dcdde2;
    outline: none;
    padding: 4px 12px 4px 12px;
    color: rgba(46, 38, 61, 0.9);
    font-size: 14px;
    width: 188px;
}

#search-menu-list {
    position: absolute;
    z-index: 3;
    background-color: #f4f5fb;
    width: 100%;
}

#search-menu-list a {
    display: block;
    width: 100%;
    padding: 8px;
    text-decoration: none;
    border-bottom: 1px solid #353a40;
    cursor: pointer;
}

#search-menu-list a:hover {
    background-color: #353a40;
    color: #fff;
}

#search-menu-list a.active {
    background-color: rgb(106, 205, 255);
    color: white;
}

#menu-search-icon {
    cursor: pointer;
}

#homework-detail-section #description a {
    color: #ff8c00 !important;
}
.orange-link a{
    color: #ff8c00 !important;
}


/*.selected:before{*/
/*    content: '\2713';*/
/*    display: block;*/
/*    color: limegreen;*/
/*    position: absolute;*/
/*    right: 13px;*/
/*    font-size: 15px;*/
/*    bottom: 5px;*/
/*}*/
.info{
    /* box-shadow: 0 0 3px rgba(186, 185, 182, 0.8); */
}
.info th {
    text-align: center;
}
.infoData{
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

a.menu-parent {
    font-weight: 500;
}

.pointer-event-none {
    pointer-events: none;
}

.section-child {
    padding-top: 0 !important;
}

.notification-badge{
    width: 20px;
    height: 20px;
    background-color: #ff0000;
    border-radius: 50%;
    margin: 0 6px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    visibility: hidden;
}

.modalstrap-hidden {
    display: none;
}

.btn.toggled {
    color: #313235;
    background-color: #c3c3c3;
    border-color: #c3c3c3;
}

.select2-drop  {
    box-shadow: rgba(46, 38, 61, 0.2) 0px 4px 10px 0px !important;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 6px !important;
    margin-top: 12px !important;
}

.select2-search input {
    border-radius: 6px !important;
}

.select2-result-label {

    padding: 8px 16px !important;
}

.select2-drop {
    font-size: 15px;
    font-weight: 300;
}

.select2-results .select2-highlighted, .select2-results .select2-highlighted .select2-result-label {
    background: var(--obs-primary-color) !important;
    background-color: var(--obs-primary-light-color) !important;
    color: var(--obs-text-primary)
}

.select2-results {
    padding: 0 !important;
}

.select2-search-choice {
    border-width: 0 !important;
    border-radius: 16px;
    background-color: var(--obs-secondary-light-color) !important;
    padding: 6px 13px 6px 16px !important;
    color: var(--obs-text-primary) !important;
    font-weight:500 !important
}

.select2-search-choice-close {
    display: block;
    width: 18px !important;
    height: 18px !important;
    position: absolute;
    left: 0px !important;
    top: 3px !important;
    border-radius: 24px;
}

.select2-search-choice-close:hover {
    background: var(--obs-secondary-light-color) !important;
    background-color: var(--obs-secondary-light-color) !important;
    color: rgb(173 182 240) !important;
}

.select2-search-choice-close:before {
    margin: 3px 0 0 0 !important;
    color: var(--obs-text-primary-light) !important;
}

.select2-choices {
    /* top: 4px !important; */
}

.modal-header {
    padding: 16px;
}

.modal-header .close {
    margin-top: 5px;
}

.modal-content {
    border-width: 0;
    border-radius: 6px;
    box-shadow: rgba(46, 38, 61, 0.24) 0px 8px 28px 0px;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.modal-backdrop {
    background-color: rgba(46, 38, 61, 0.9);
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.dataTable thead tr {
    background-color: rgb(246, 247, 251);
    color: rgba(46, 38, 61, 0.9);
}

.dataTable thead {
    opacity: 1;
    border-width: 0 !important;
}

table.dataTable thead th, table.dataTable thead td {
    opacity: 1;
    border-bottom-color: #ededee !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #f2f2f3 !important;
}

table:not(.table-bordered) thead th {
    border-bottom-width: 0 !important;
}

.dataTables_wrapper:not(table) > div:not(.dataTables_wrapper) {
    margin: 12px;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_length select,
select.paginate_select {
    outline: 1px solid rgb(var(--obs-secondary-channel) / 0.4) !important;
    border-width: 0 !important;
    border-radius: 4px;
}

.dataTables_wrapper .dataTables_filter input:hover,
.dataTables_length select:hover,
select.paginate_select:hover {
    outline-color: var(--obs-secondary-color) !important;
}
.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_length select:focus,
select.paginate_select:focus {
    outline-color: var(--obs-primary-color) !important;
    outline-width: 2px !important;
}

.toast {
    border-radius: 6px !important;
}

table.obs-table thead {
    background-color: #F6F7FB;
    color: var(--obs-text-primary);
    font-size: 13px;
}

table.obs-table thead {
    opacity: 1;
}

table.obs-table thead th, table.obs-table thead td {
    padding: 16px 10px;
    line-height: 24px;
}

table.obs-table th, table.obs-table td {
    vertical-align: middle !important;
}

table.obs-table th:first-child, table.obs-table td:first-child {
    padding-left: 16px;
}

table.obs-table th:last-child, table.obs-table td:last-child {
    padding-right: 16px;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-justify-center {
    justify-content: center;
}

.flex-justify-space-around {
    justify-content: space-around;
}

.flex-justify-space-between {
    justify-content: space-between;
}

.flex-justify-space-evenly {
    justify-content: space-evenly;
}

.flex-align-center {
    align-items: center;
}

.f-1 {
    flex: 1;
}

.f-2 {
    flex: 2;
}

.f-3 {
    flex: 3;
}

.f-4 {
    flex: 4;
}

.f-5 {
    flex: 5;
}

.f-6 {
    flex: 6;
}

.round-icon {
    padding: 10px 8px;
    width: 42px;
    height: 42px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    vertical-align: middle;
}

.round-icon i {
    font-size: 22px;
}

.round-icon.small {
    padding: 8px 6px;
    width: 32px;
    height: 32px;
}

.round-icon.small i {
    font-size: 15px;
}

.progress-table {
    margin: 0;
    height: 6px;
    border-radius: 6px;
    box-shadow: none;
}

.progress-table .progress-bar {
    box-shadow: none;
}
.progress-table.success {
    background-color: var(--obs-success-light-color);
}

.progress-table.success .progress-bar {
    background-color: var(--obs-success-color);
}

.progress-table.warning {
    background-color: var(--obs-warning-light-color);
}

.progress-table.warning .progress-bar {
    background-color: var(--obs-warning-color);
}

.progress-table.info {
    background-color: var(--obs-info-light-color);
}

.progress-table.info .progress-bar {
    background-color: var(--obs-info-color);
}

.progress-table.error {
    background-color: var(--obs-error-light-color);
}

.progress-table.error .progress-bar {
    background-color: var(--obs-error-color);
}

.timeline-right {
    left: 0;
    padding: 0;
}

.timeline-right li {
    width: 100%;
    left: 0;
}

.timeline-right .timeline-circ {
    left: 0;
}

.timeline-right .timeline-entry {
    left: 0;
    width: 100%;
    margin-left: 12px;
}

table.no-bottom-border td {
    border-top: 0 !important;
}

table.large-row td {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.modal.drawer .modal-dialog {
    vertical-align: unset;
    margin: 0;
    position:fixed;
}

.modal.drawer .modal-content {
    border-radius: 0 !important;
}

.modal.drawer.drawer-right .modal-dialog{
    right: 0;
}

.modal.drawer.drawer-left .modal-dialog{
    left: 0;
}

.main-agenda .fc-list-empty {
    background-color: transparent;
}

.main-agenda .fc-view {
    border: 0;
}

.font-family-sans-serif {
    font-family: 'Open Sans', sans-serif;
}

.slick-header-column {
    background: #F6F7FB !important;
}

.w-100 {
    width: 100% !important;
}