.mdl2-ClosePane::before  { content: '\E89F'; }
.mdl2-KnowledgeArticle::before  { content: '\F000'; }
html{ overflow-x:hidden; overflow-y: hidden; height:100dvh; }
.container-fluid{ width:100%; max-width: 100%; }
/*a{ color: #2C2C37; cursor: pointer; }*/
/*a:hover, a:focus{ color: #EE3E7C; text-decoration: none; outline: none; }*/
.form-control{ background-color: #fff !important;
    background-clip: padding-box;
    font-weight: 400;
    line-height: 1.5;
    padding: .375rem .75rem;
    font-size: 13px;
    border: 1px solid #C4D4D9;
    height: 32px;
    color: #A3A3A3;
    border-radius: 3px !important;
    box-shadow: none; }
.form-control:focus{ box-shadow:0 5px 15px #bdbdbd !important; border: none transparent !important; background-color: #fff !important;}
form{ margin: 20px 0 0; width: 100%; }
.form-group{ margin-bottom: 20px; position: relative; }
.form-group:last-child{ margin-bottom: 0; }
.dropdown-menu{ min-width: 10px; width: auto; }
input[type="file"]{ cursor: pointer !important; }
input[type=number].visible-spin { text-align: center; }
input[type=number].visible-spin::-webkit-inner-spin-button, input[type=number].visible-spin::-webkit-outer-spin-button { opacity: 1 !important; }
.overflow-y-hidden{ overflow-y: hidden; }
.overflow-y-auto { overflow-y: auto !important; }
.bg-blue-gradient{background: linear-gradient(90deg, #3C51B9 -2.67%, #00B8E4 105.63%) !important;}
a{ cursor: pointer; }
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.icons-icon{font-family: 'Segoe MDL2 Assets' !important;}
.fa{font-family: FontAwesome !important;}

.schoolImg{
    min-height: 90px !important;
    height: 90px;
    margin-top: 25px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
  }

  .modal-backdrop.show{ display: none !important; }
  .modal{background-color: rgba(0, 0, 0, 0.3);}

/* font family */

.Lato{ font-family: 'Lato', sans-serif; }
.Jaldi{ font-family: 'Jaldi', sans-serif; }
.Montserrat{ font-family: 'Montserrat', sans-serif; }
label{font-family: 'Poppins', sans-serif !important;}

/* scrollbar */
::-webkit-scrollbar{ width: 7px !important; border-radius: 0; height: 10px !important; }
::-webkit-scrollbar-track{ background: #f1f1f1 !important; border-radius: 0; }
::-webkit-scrollbar-thumb{ background: #58585B !important; border-radius: 100px;  }
::-webkit-scrollbar-thumb:hover{ background: #58585B !important; border-radius: 100px; }
.private-header .navbar-right .open ul li a ,.private-header .navbar-right .open ul li a:hover{color:#3C51B9 !important}
.private-header  ul li.drop_title_1 a:hover{color:#3C51B9 !important}
/* header */
header{ position: fixed; z-index: 11; display: flex; align-items: center; width: 100%; height: 55px; background: #FFFFFF; box-shadow: 0px 0px 35px rgba(88, 88, 91, 0.15); }
header .navbar{ width: 100%; padding: 0; height: 100%; min-height: 40px; }
header .navbar .navbar-collapse{ justify-content: space-between; height: 100% !important; overflow: unset !important;}
header .navbar .navbar-collapse li{ position: relative; height: 100%; display: flex; align-items: flex-end; }
header .navbar a{ position: relative; color: #3C51B9 !important; font-weight: 500; display: flex; align-items: center; padding: 0; height: 100%; }
header .navbar-expand-lg .navbar-nav .nav-link{ padding: .5rem 1.3rem; height: 100%; }
header .navbar a .icons-icon,
header .navbar a .fa{ margin-right: 8px; font-size: 16px;vertical-align: middle; }
header .navbar .container-fluid,
header .navbar .navbar-collapse ul{ height: 100%; }
header .navbar .dropdown-menu{ margin: 0; font-size: 13px; padding: 0; border: none; left: auto;    right: -30px; min-width: 200px; padding-top: 0 !important; background-color: transparent; border-top: 5px solid #3C51B9; }
header .navbar .dropdown-menu .dropdown-inner{ border-radius: 3px; background-color: #ffffff; box-shadow: 0px 0px 35px rgba(88, 88, 91, 0.15); border-top: 5px solid #3C51B9; padding: 0px;}
header .navbar-right li ul.dropdown-menu{    padding: 0 0 5px 0!important;}
header li .dropdown-toggle::after{ margin-left: .255em; content: '\e011'; font-family: 'Segoe MDL2 Assets'; position: relative; height: 100%; font-weight: 700; border: none; font-size: 9px; padding-left: 5px; }
header .navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle{ padding-right: 1.8rem; }
header li.show .dropdown-toggle::after,
header li.open .dropdown-toggle::after{
    content: '\e010';
    /* color: #ffffff; top: -6px;  */
}
header li.active .dropdown-toggle::after{ color: #ffffff; }
header .navbar-expand-lg .navbar-nav .nav-item.show .nav-link.dropdown-toggle,
header .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link.dropdown-toggle,
header .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link,
header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link{ padding-bottom: .8rem; background-color: #3C51B9; color: #fff; border-radius: 05px 5px 0 0; height: calc(100% - 6px); }
header .navbar .dropdown-menu::before{ content: '\EDDB'; font-family: 'Segoe MDL2 Assets'; position: absolute; top: -7px; right: 23%; font-weight: 700; color: #3C51B9; font-size: 9px; line-height: 0; }
header .navbar-expand-lg .navbar-nav .nav-item:hover .dropdown-menu{ display: block; }
header .navbar .dropdown-menu.chat-drop-wrap .chat-drop-header{ border-bottom: 1px solid #E6E6E6; padding: 12px; color: #3C51B9; font-weight: 500; font-size: 11px; line-height: 15px; }
header .navbar .dropdown-menu.chat-drop-wrap .chat-drop-body{ padding: 12px 12px 0 12px; max-height: 300px; overflow-y: auto; }
header .navbar .dropdown-menu.chat-drop-wrap .chat-drop-body .wrap-header{ display: flex; justify-content: space-between; }
header .navbar .dropdown-menu.chat-drop-wrap .chat-drop-body .wrap-header span{ color: #A3A3A3; text-transform: uppercase; font-weight: 600; font-size: 9px; line-height: 12px; }
header .navbar .dropdown-menu.chat-drop-wrap .chat-drop-body .wrap-body{ display: flex; padding: 12px; cursor: pointer; }
header .navbar .dropdown-menu.chat-drop-wrap{ width: 243px; left: -58px !important; }
header .navbar .dropdown-menu.chat-drop-wrap .wrap-body .img-wrap{ display: flex; position: relative; }
header .navbar .dropdown-menu.chat-drop-wrap .wrap-body .img-wrap .ellipse{ position: absolute; left: 5px; }
header .navbar .dropdown-menu.chat-drop-wrap .wrap-body .img-wrap img{ width: 20px; height: 20px; margin-left: 12px; }
header .navbar .dropdown-menu.chat-drop-wrap .wrap-body .text-wrap{ padding-right: 5px; display: flex; flex-direction: column; text-overflow: ellipsis; overflow: hidden; padding-left: 10px; }
header .navbar .dropdown-menu.chat-drop-wrap .wrap-body .text-wrap span{ font-size: 10px; line-height: 13px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
header .navbar .dropdown-menu.chat-drop-wrap .wrap-body .text-wrap small{ padding-top: 1px; font-size: 9px; line-height: 12px; color: #ADADAD; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
header .navbar .dropdown-menu.chat-drop-wrap .wrap-body.active{ background-color: #F7F8FA; border-radius: 5px; }
header .navbar .dropdown-menu.chat-drop-wrap .wrap-body .img-wrap img.small-img{ z-index: 1; width: 14px; height: 14px; margin-left: 0; position: absolute; left: 3px; top: -3px; }
header .navbar .dropdown-menu.chat-drop-wrap .wrap-body .icon-wrap{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
header .navbar .dropdown-menu.chat-drop-wrap .wrap-body .icon-wrap .icons-icon{ line-height: 12px; color: #231995; }
header .navbar .dropdown-menu.chat-drop-wrap .wrap-body .icon-wrap .icons-icon.mdl2-ReturnToWindow::before{ font-size: 10px; }
header .navbar .dropdown-menu.chat-drop-wrap hr{ width: 74%; margin: 0 auto; color: #C4D4D9; }
header .navbar .navbar-nav{ align-items: center; height: 100%; }
header .navbar .navbar-nav .form-control{ min-width: 232px; font-size: 11px; padding-right: 35px; border: none; }
header .navbar .navbar-nav .form-control:focus{ box-shadow: none; }
header .navbar .navbar-nav .form-group{ margin-bottom: 0; }
header .navbar .navbar-nav .form-group .icons-icon{ font-size: 13px; color: #59595B; position: absolute; top: 6px; right: 10px; }
header .navbar .navbar-nav.navbar-right li{ align-items: flex-end; }
header .navbar .navbar-nav.navbar-right li:last-child{ height: 100%;  color: #333333; margin-right: 15px;}
header .navbar .navbar-nav.navbar-right li:last-child a{ height: 100%;  color: #333333 ;padding-right:0; }
/* header .navbar .navbar-nav.navbar-right li:last-child:hover,
header .navbar .navbar-nav.navbar-right li:last-child:focus,
header .navbar .navbar-nav.navbar-right li:last-child:hover a,
header .navbar .navbar-nav.navbar-right li:last-child:focus a{
     background-color: #3C51B9; color: #ffffff !important;
     } */
header .navbar .navbar-nav.navbar-right li:last-child:hover a,
header .navbar .navbar-nav.navbar-right li:last-child:focus a{ color: #ffffff; }
header .navbar .navbar-nav.navbar-right li:last-child:hover .dropdown-menu,
header .navbar .navbar-nav.navbar-right li:last-child .dropdown-menu{ left: auto !important; right: 0px; }
header .navbar .navbar-nav.navbar-right li:last-child:hover .dropdown-menu a,
header .navbar .navbar-nav.navbar-right li:last-child .dropdown-menu a{ color: #3C51B9 !important; padding: 10px 12px; margin: 0px 0px; }
header .navbar .navbar-nav.navbar-right hr{ border-color: #F4F4F4; }
header .navbar .navbar-nav.navbar-right li:last-child:hover .dropdown-menu a:last-child{ color: #333333; }
.text-white{color:#fff !important}
/* header merged */
.navbar-main{ border: none; }
.navbar .dropdown-menu{ min-width: 225px; }
.navbar li:last-child .dropdown-menu{ right: 0; left: auto !important; }
.ds-main-content{ margin-top: 0; 
    height: 100dvh;
    /* height: calc(100% - 55px); */
 }
header.over-header{ z-index: 9999; }
header .navbar a.navbar-brand{ margin-left: 0 !important; }
header .navbar a.navbar-brand img{ padding: 0; }
header .navbar-nav .dropdown.open .nav-link.dropdown-toggle,
header .navbar-nav .dropdown:hover .nav-link.dropdown-toggle,
header .navbar-nav .dropdown:hover .nav-link,
header .navbar-nav .dropdown.active .nav-link{ padding-bottom: .5rem !important; background-color: #3C51B9; color: #fff !important; border-radius: 05px 5px 0 0; height: calc(100% - 6px); }
header .navbar .navbar-collapse ul.dropdown-menu{ height: auto; width: auto; }
header .navbar .navbar-nav.navbar-right .dropdown-menu li:last-child{ margin: 0; }
header .navbar .navbar-nav.navbar-right .dropdown-menu li:last-child a{ 
    /* padding: 5px 12px 8px;  */
    color: #3C51B9 !important; }
.dropdown-menu>li:hover>a{ color: #3C51B9 !important; }
header .navbar .navbar-nav.navbar-right li:last-child:hover .dropdown-toggle::after,
header .navbar .navbar-nav.navbar-right li:last-child:focus .dropdown-toggle::after{ top: -1px; }
header .navbar .navbar-nav.navbar-right li:last-child .dropdown-menu::before{ right: 15px; }
header .navbar .navbar-nav.navbar-right li:last-child .dropdown-menu{min-width:238px}
/*header .navbar .navbar-nav.navbar-right li:last-child a img{margin-right:-10px}*/
header .navbar .navbar-nav.navbar-right .mr-last img{margin-right:0 !important}
.head_img img{width:30px;height:30px;border-radius: 100%;margin-right:5px;}
.head_img_logo img{ max-width: 60px;    max-height: 30px;margin-right:5px;}
.head_input_search .form-control{    border: 1px solid transparent !important;}
.head_input_search .form-control:focus{box-shadow: none !important;}
.head_input_search{position: relative;max-width:160px}
.head_input_search .mdl2-Search{    position: absolute;    right: 0;    top: -14px;}
.header .navbar a{padding: 0 20px!important;}
header .navbar-nav .dropdown:hover .nav-link.dropdown-toggle::after{color:#fff}
/*header .navbar .navbar-nav.navbar-right li:last-child a::after{content:''}*/
.latestChatLI a:hover,.latestChatLI a:focus{text-decoration:none;}
.drop_title_1{display:block !important}
.drop_title_1 hr{margin-bottom:0}
.drop_title_1 h6{color:#3C51B9;padding:8px 15px;margin:0}
.drop_title_1 h6 a{font-weight: 600;padding: 7px 0!important;}
.drop_title_1:hover h6 a{background:transparent !important}
.drop_title_1 p{color: #777;padding: 0 15px;  margin: 0;font-weight: 600;line-height: 40px;font-size:13px;display: flex;justify-content: space-between;}
.drop_title_1 p i{vertical-align: middle;    line-height: 48px;}
header .navbar .navbar-collapse .dropdown-menu{    background: #fff;}
.list_navi .fa-check-circle-o{margin-left: 25px;    font-size: 14px;color:#3C51B9;}
.list_navi .mid_navi_text{color:#777;max-width: 130px;min-width:102px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list_navi .mid_navi_text small{color:#bbbbbb}
.list_navi .divider-line-ds{    height: 1.5px !important;background:#eee}
.list_navi .head_img img{margin-left: 15px;}
.list_navi .tick_2{position: absolute;  right: 13px; bottom: 0px;    cursor: pointer;    z-index: 99;}
/*.initials{width: 30px;height: 30px;display: inline-block;line-height: 30px;background: linear-gradient(45deg, #3C51B9, #7a90ff);border-radius: 100%;color: #fff;text-align: center;margin-right: 10px;}*/
header .navbar .dropdown-menu{top:55px !important;}
header .navbar .dropdown-menu.list_navi a{text-overflow: ellipsis;      overflow: hidden;}
.cir_gradient_user{  width: 34px;height: 34px;display: inline-block;border-radius: 100%;text-align:center;vertical-align: middle;color: #fff;line-height: 33px;
        background: linear-gradient(136.23deg, rgba(114, 0, 228, 0.75) 38.36%, rgba(158, 18, 153, 0.5325) 75.94%), #860CE7;
        }
.cir_gradient_user img{width:100%;border-radius: 100%;}
.no-link{cursor: default;}
.no-link .p-1{padding:5px 15px;}
.ui-select-choices-row{padding:5px;}
.navbar-nav>li>a {
    padding: 0px 8px;
}
.no-border-top{border:none !important}
.text-dark-blue{    color: #3C51B9 !important;}
.font-normal{font-weight: normal;}
.setting_icon{width:26px;height:26px;}
.text-darkgray{color:#333 !important}
.no-radius{border-radius:0 !important}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{background:#F7F8FA }
.text-black{color:#000}
.w-100{width:100%}
.h-100 { height: 100% }
.table_link tbody tr{cursor: pointer;}
hr{width:100%;}
form{width:100%;}

.no-arrow::after{content:"";display:none}
.no-margin{margin:0 !important;}
.icon-common img{margin-right:5px;}
.pagination li a{padding: 8px 4px !important;
    border-radius: 6px !important;
    outline: none;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{    background-color: #3C51B9!important;
    border-color: #3C51B9;color:#fff !important}
.schools-search .pagination li a {border: 1px solid transparent !important;background: transparent;color:#3C51B9}
.schools-search .pagination li:last-child{border: 1px solid #3C51B9 !important}



/* ellipses */
.ellipse-1{ border-radius: 50%; font-size: 10px; color: #ffffff; justify-content: center; align-items: center; display: flex; background: linear-gradient(136.23deg, rgba(228, 96, 0, 0.75) 38.36%, rgba(231, 143, 12, 0.5325) 75.94%), #D5E70C; width: 20px; height: 20px; }
.ellipse-2{ border-radius: 50%; font-size: 10px; color: #ffffff; justify-content: center; align-items: center; display: flex; background: linear-gradient(136.23deg, rgba(114, 0, 228, 0.75) 38.36%, rgba(158, 18, 153, 0.5325) 75.94%), #860CE7; width: 20px; height: 20px; }
.ellipse-3{ border-radius: 50%; font-size: 10px; color: #ffffff; justify-content: center; align-items: center; display: flex; background: linear-gradient(136.23deg, rgba(0, 184, 228, 0.75) 38.36%, rgba(97, 18, 158, 0.5325) 75.94%), #0CD9E7; width: 20px; height: 20px; }

/* dropdown */
/*.dropdown-menu{ transform: none !important; top: 100% !important; margin: 0; font-size: 13px; padding: 0; border: none; left: -18px !important; min-width: 175px; padding-top: 5px; background-color: transparent; }*/
.dropdown-menu .dropdown-inner{ border-radius: 3px; background-color: #ffffff; box-shadow: 0px 0px 35px rgba(88, 88, 91, 0.15); border-top: 5px solid #3C51B9; padding: 10px;}
.dropdown-menu::before{ border: none; line-height: 19px; content: '\EDDB'; font-family: 'Segoe MDL2 Assets'; position: absolute; top: -4px; right: 52%; font-weight: 700; color: #3C51B9; font-size: 9px; }
.dropdown-show{ position: relative; display: flex; align-items: center; }

.chat_img_full{
    width: 100%;
    height: 100vh;
    position: fixed;
    background: rgba(0,0,0,.9);
    z-index: 999;
    top: 0;
    left: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    display:none;

}
.chat_img_full img{width: auto; max-width: 60%; height: auto; max-height: 100%;}
.chat_img_full .fa{position: absolute;top: 20px; right: 20px; color: #fff; font-size: 20px;cursor: pointer;}
/* small window chat */
.small-window-chat{ z-index: 99; background-color: #ffffff; position: fixed; right: 15px; bottom: -500px; box-shadow: 0px 0px 10px rgba(88, 88, 91, 0.15); border-radius: 5px; width: 329px; height: 500px; transition: all ease .5s; }
.small-window-chat .content-header{ height: 36px; justify-content: space-between; display: flex; align-items: center; background-color: #3C51B9; border-radius: 5px 5px 0px 0px; color: #ffffff; font-weight: 500; font-size: 14px; padding: 0 15px; }
.small-window-chat .content-header .left-content{max-width: 204px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 80%;  display: inline-flex;}
.small-window-chat .content-header .left-content,
.small-window-chat .content-header .right-content{ display:  flex; align-items: center; }
.small-window-chat .content-header .left-content .icons-icon { font-size: 22px; line-height: 22px; margin-left: 0; padding-right: 15px; }
.small-window-chat .content-header span{ cursor: pointer; }
.small-window-chat .content-header .icons-icon{ cursor: pointer; margin-left: 18px; font-size: 14px; font-weight: normal; color: #ffffff; line-height: 26px; }
.small-window-chat .content-body{ padding: 0; height: calc(100% - 147px); overflow-y: auto; overflow-x: hidden; }
/*.small-window-chat .content-body .img-wrap{ width: 36px; height: 36px; border-radius: 50%; }*/
.small-window-chat .content-body .img-wrap img{
    width: 32px !important; height: 32px !important;
    min-width: 30px !important; min-height: 30px !important;
    object-fit: cover; border-radius: 50%; box-shadow: 0px 0px 10px rgba(88, 88, 91, 0.15);
}
.small-window-chat .content-body .text-wrap img{cursor: zoom-in;width: 95px; height: auto;}
.small-window-chat .content-body .wrap.receive .text-wrap,
.small-window-chat .content-body .wrap.send .text-wrap{width: calc(100% - 36px); min-height: 42px; padding: 10px; color: #333333;font-style: normal;    font-weight: normal;  font-size: 12px;  line-height: 150%;}
.small-window-chat .content-body .wrap.receive .text-wrap{margin-left: 15px; background: #F7F8FA; box-shadow: 0px 0px 10px rgba(88, 88, 91, 0.15); border-radius: 0px 10px 10px 10px; display: flex; align-items: center; }
.small-window-chat .content-body .wrap.send .text-wrap{ position: relative; margin-right: 15px; background: #ffffff; box-shadow: 0px 0px 10px rgba(88, 88, 91, 0.15); border-radius: 10px 10px 0 10px; display: flex; align-items: center; }
.small-window-chat .content-body .wrap{ margin-bottom: 12px; display: flex; align-items: center; }
.small-window-chat .content-body .wrap-time{ font-size: 10px; line-height: 17px; margin-top: 0; display: flex; justify-content: center; color: #333; margin-bottom: 10px; }
.small-window-chat .content-footer{ padding: 0 15px; background-color: #ffffff; }
.small-window-chat .content-footer .footer-wrap{ padding: 10px 0; align-items: center; border-top: 1px solid #C4D4D9; display: block; }
.small-window-chat .content-footer .footer-wrap .form-control{ box-shadow: none; height:80px; border: none; font-style: normal;    font-weight: normal;  font-size: 11px;  line-height: 150%;  color: #A3A3A3; }
.small-window-chat .content-footer .footer-wrap .form-control:focus{ box-shadow: none !important; }
.small-window-chat .content-footer .footer-wrap .icons-icon{ font-size: 14px; margin-left: 10px; color: #59595B; line-height: 26px; }
.small-window-chat .content-footer .footer-wrap .btn.ml-4{ margin-left: 1rem !important;height: 32px; width: 32px; }
.small-window-chat .content-footer .footer-wrap .btn.ml-4 .icons-icon{ font-size: 18px; margin-left: 0; color: #ffffff; }
.small-window-chat.active{ bottom: 15px; transition: all ease .5s; }
.small-window-chat.mini-close{ bottom: -464px; transition: all ease .5s; }
.small-window-chat .content-info{ background-color: #F7F8FA; padding: 0 15px; }
.small-window-chat .content-info .header{ color: #333333; padding: 10px 0; border-bottom: 1px solid #C4D4D9; display: flex; align-items: center; }
.small-window-chat .content-info .body{ padding: 10px 0; color: #333333; }
.small-window-chat .content-wrap{ padding: 15px; }
.small-window-chat .btn-oval{background:transparent !important}
.small-window-chat .content-body .wrap.send .text-wrap img.read{ position: absolute; right: 7px; bottom: 7px; }
.small-window-chat .small_chat_box1{background: #FFFFFF; box-shadow: 0px 0px 10px rgba(88, 88, 91, 0.15);border-radius: 5px;}
.small-window-chat .small_chat_box1 .top_sec_chat{font-weight: 500;font-size: 14px;line-height: 21px; color: #333333;background: rgba(60, 81, 185, 0.05); border: 1px solid rgba(60, 81, 185, 0.08); border-radius: 5px 5px 0px 0px;padding-bottom:30px;}
.small-window-chat .small_chat_box1 .text-small{color: #8F9EA6}
.small-window-chat .small_chat_box1 .pl-3{padding-left:30px;}
.small-window-chat .small_chat_box1.mt-3{margin-top:30px !important;}
.bg-yellow{background: #FFCC4D; }
.small-window-chat .online_circle{border: 2px solid #FFFFFF;margin-right:5px;height:12px;width:12px;border-radius:100%;border:2px solid #fff;}
.text-wrap:hover .read_text{display:block }
.text-wrap:hover .read_text.hide{display:none !important}
.text-wrap:hover img.read{display:none}
.text-wrap:hover img.read.hide{display:none}
.read_text{display:none; position: absolute; right: 7px; bottom: 0px;  font-family: Poppins; font-style: normal;  font-weight: normal;font-size: 9px; line-height: 150%;  color : #A3A3A3; }
.paper_plan{width: 27px;height: 27px !important;margin-top: -3px;border-radius: 40px !important;text-align: center; min-width: auto;line-height: 27px; margin-left: 11px;min-height: auto !important;padding: 0 6px 0 5px;}
.paper_plan img{width:16px;}
.paper_plan.pull-right{margin-left:4px !important;margin-top:3px !important;}
.btn-3::before,
.btn-3::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}
.btn-3::after {
    height: 0; left: 50%; top: 50%; width: 0; transition: all 0.3s; background: #948fc8; content: ''; position: absolute;z-index: -1;  }

  .btn-3:hover:after {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
  }
/* .send_icon1{width:32px;height:32px;} */
/* .send_icon1:hover,.pin_icon:hover,.pin_icon_small:hover, */
.send_icon1:focus,.pin_icon:focus,.pin_icon_small:focus
{opacity:.8;outline: none;}
.btn-oval:focus img{opacity:.8}
.pin_icon{margin-left:8px;margin-top: -3px;cursor:pointer}
.pin_icon_small{margin-left:15px;margin-top: 5px;cursor:pointer}
.small-window-chat .btn-oval{background:transparent}
.small-window-chat .FileUpload1{display:none}
.attach-file{ position: relative;     transform: rotate(-15deg);}
.filelabel {width:40px;border-radius: 5px;display: block;padding: 5px;transition: border 300ms ease; cursor: pointer; text-align: center;  margin: 0;}
.filelabel i {display: block;font-size: 21px !important;padding-bottom: 0px;}
.filelabel i,.filelabel .title {  color: grey;  transition: 200ms color;}
.filelabel:hover i,.filelabel:hover .title {  color: #1665c4;}
#FileInput{    display:none;}
.small-window-chat .emojionearea-editor{height:55px !important;}
.small-window-chat .emojionearea-button{position: absolute !important;  bottom: -30px !important;  top: auto !important;  right: 62px !important;}

.small-window-chat  .emojionearea .emojionearea-editor{    min-height: 7em;}
.emojionearea .emojionearea-editor:focus {  box-shadow: 0px 0px 8px 8px #3c51b91c;}
.form-control:focus{box-shadow: 0px 0px 8px 8px #3c51b91c;}
/* font weight */
.chat_more{position: fixed; left: 5px; bottom: 0px; z-index: 99; display: flex; flex-direction: column;display:none;}
.chat_more .chat_more_text{cursor:pointer;color:#fff; width: 40px;  height: 40px; border-radius: 100%;  line-height: 42px; text-align: center;  margin-bottom: 5px;  box-shadow: 0 2px 4px rgba(0,0,0,.1), 0 12px 28px rgba(0,0,0,.1);background: linear-gradient(136.23deg, rgba(114, 0, 228, 0.75) 38.36%, rgba(158, 18, 153, 0.5325) 75.94%), #860CE7;}
.chat_more .chat_more_text .online_cir_more{position: absolute;   width: 16px;   height: 16px;  line-height: 16px; background: #83ce0b;    font-size: 11px;    right: 0;    border-radius: 100%;    text-align: center;}
.font-500{ font-weight: 500; }
.fw-600{ font-weight: 600;}

/* multi select dropdown */
.dropdown-display-label{ width: 518px; font-size: 12px; color: #333333; border: 1px solid #C4D4D9; border-radius: 3px; height: auto; padding: 5px 0; display: flex; align-items: center; }
.dropdown-display-label .dropdown-selected{ margin-bottom: 1px; margin-top: 1px; background-color: #59595B; border-radius: 3px; color: #ffffff; line-height: 18px; }
.dropdown-display-label .dropdown-selected .del{ top: 1px; color: #ffffff; }
.dropdown-main ul{ max-height: 110px; font-size: 12px; color: #333333; }
.dropdown-option:focus, .dropdown-option:hover{ background-color: #F7F8FA; }
.dropdown-option.dropdown-chose:after{ background: #3C51B9; }
.dropdown-display-label:after, .dropdown-display:after{ border: none; content: '\E721'; font-family: 'Segoe MDL2 Assets'; top: 8px; color: #58585B; font-size: 12px; }
.dropdown-multiple-label.active .dropdown-display-label:after, .dropdown-multiple-label.active .dropdown-display:after, .dropdown-multiple.active .dropdown-display-label:after, .dropdown-multiple.active .dropdown-display:after, .dropdown-single.active .dropdown-display-label:after, .dropdown-single.active .dropdown-display:after{ border: none; }
.dropdown-display-label .dropdown-chose-list{ padding-right: 30px; }

/* smiley */
.smiley-wrap{ background-color: #ffffff; position: absolute; right: 15px; bottom: -360px; box-shadow: 0px 0px 10px rgba(88, 88, 91, 0.15); border-radius: 5px; width: 302px; height: 211px; transition: all ease .5s; }
.smiley-wrap .content-header{ height: 36px; justify-content: space-between; display: flex; align-items: center; /*background-color: @ds-page-background-color;*/ border-radius: 3px 3px 0px 0px; color: #59595B; font-weight: 500; font-size: 14px; padding: 0 15px; }
.smiley-wrap .content-header .left-content,
.smiley-wrap .content-header .right-content{ display:  flex; align-items: center; }
.smiley-wrap .content-header .left-content .icons-icon { font-size: 22px; line-height: 22px; margin-left: 0; padding-right: 15px; }
.smiley-wrap .content-header .icons-icon{ margin-left: 18px; font-size: 14px; font-weight: normal; color: #59595B; line-height: 26px; }
.smiley-wrap .content-body{ height: calc(100% - 36px); padding: 15px; }
.smiley-wrap .content-body img{ width: 100%; }
.smiley-wrap.active{ bottom: 67px; transition: all ease .5s; }

/* badge */
.badge{ background-color: #00B8E4; border-radius: 50%; width: 14px; height: 14px; padding: 0; display: flex; justify-content: center; align-items: center; font-weight: 500; font-size: 10px; line-height: 14px; top: 14px; left: 10px; position: absolute; }

/* background */
.bg-shadow{ box-shadow: 0px 0px 10px rgba(88, 88, 91, 0.15); }
.bg-white{ background-color: #ffffff; }
.bg-grey{ background-color: #F7F8FA; }
.bg-green{background-color: #00CC00;}

/* radius */
.radius-5{ border-radius: 5px; }

.highlight{ background:#00FF00; padding:1px; border:#00CC00 dotted 1px; }

/* font color */
.text-blue{ color: #00B8E4; }

/* status */
.status-pending{ display: inline-flex; align-items: center; justify-content: center; min-width: 78px; background-color: #58585B; border-radius: 3px; min-height: 21px; font-size: 12px; line-height: 18px; color: #FFFFFF; }
.status-moreinfo{ display: inline-flex; align-items: center; justify-content: center; min-width: 78px; background-color: #E6ECF2; border-radius: 3px; min-height: 21px; font-size: 12px; line-height: 18px; color: #393939; }
.status-approved{ display: inline-flex; align-items: center; justify-content: center; min-width: 78px; background-color: #00B8E4; border-radius: 3px; min-height: 21px; font-size: 12px; line-height: 18px; color: #ffffff; }


/* select2*/
.select2-container--default .select2-selection--single{    border: 1px solid #C4D4D9;   height: 32px;color: #A3A3A3;
    border-radius: 3px !important;font-weight: 400;font-size:13px;outline: none;}
.select2-container{width:100% !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color: #A3A3A3;
    line-height: 30px;    outline: none;}

/* toggle switch */
.custom-control{ position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }
.custom-switch{ padding-left: 2.25rem; }
.custom-control-input,
.custom-switch input{ position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; }
.custom-control-label{ position: relative; margin-bottom: 0; vertical-align: top; transition: all ease .5s; }
.custom-control-label::before{ transition: all ease .5s; position: absolute; top: 0; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; }
.custom-control-label::before,
.custom-file-label,
.custom-select{ transition: none; }
.custom-switch .custom-control-label::before{ transition: all ease .5s; left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: .5rem; }
.custom-control-input:checked~.custom-control-label::before{ transition: all ease .5s; color: #fff; border-color: #007bff; background-color: #007bff; }
.custom-control-label::after{ transition: all ease .5s; position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50%; }
.custom-switch .custom-control-label::after{ transition: all ease .5s; top: calc(0px + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 50%; transition: none; }
.custom-switch .custom-control-input:checked~.custom-control-label::after{ transition: all ease .5s; background-color: #fff; -webkit-transform: translateX(.75rem); transform: translateX(.75rem); }

/* flex */
.d-flex{ display: -ms-flexbox!important; display: flex!important; }
.d-inline-flex{ display: -ms-inline-flexbox!important; display: inline-flex!important; }
.justify-content-between{ -ms-flex-pack: justify!important; justify-content: space-between!important; }
.align-items-center{ -ms-flex-align: center!important; align-items: center!important; }
.align-items-end{ -ms-flex-align: end!important; align-items: end !important; }
.flex-column{ -ms-flex-direction: column!important; flex-direction: column!important; }
.justify-content-end{ -ms-flex-pack: end!important; justify-content: flex-end!important; }
.justify-content-center{ -ms-flex-pack: center!important; justify-content: center!important; }
.gap-10{ gap: 10px }
.gap-3 { gap: 30px; }
.gap-4 { gap: 40px; }



.pos-abso img{ position: absolute; }
.modal-content{ 
    border-radius: 6px!important;
}

.span-transfer {
    font-weight: 500; font-size: 12px; line-height: 15px;color: #8F9EA6;
}

@media only screen and (max-width: 1280px){
header .navbar .navbar-nav .form-control{ min-width: 200px; }
}

@media only screen and (max-width: 1250px){
.bot-page .bot-page-bg-left .checkbox label{ margin-right: 30px; }
/* header .navbar .navbar-nav.navbar-right li:last-child a{ padding: 0 15px 0 15px; } */
header .navbar-expand-lg .navbar-nav .nav-link{ padding: .5rem .6rem; }
}

@media only screen and (max-width: 1230px) {
    .navbar-nav .user-profile .user-info { display: none; }
}

@media only screen and (max-width: 1170px){
header .navbar .dropdown-menu::before{ top: -3px; }
.bot-page .bot-page-bg-left .checkbox label{ margin-right: 25px; }
header .navbar .navbar-nav.navbar-right li:last-child a span.uni-text{ display: none; }
header .navbar .navbar-nav.navbar-right li:last-child .dropdown-toggle::after{ right: 5px; }
header .navbar .navbar-nav.navbar-right li.show .dropdown-toggle::after{ color: #ffffff; }
header .navbar .navbar-nav.navbar-right .dropdown-menu::before{ right: 25px; }
}


/* Bulk Document Processing + Submit on Student's Behalf: text-only by default,
   icon-only at <= 1400px. Uses the same 1400px breakpoint as the existing
   `.navbar-feature .sobo-btn` rule in header.less (which zeroes font-size to
   hide the text). Scoped with .sobo-btn-bulk / .sobo-btn-submit so other
   .sobo-btn usages (if any) aren't affected. */
header .sobo-btn-bulk .sobo-btn-text,
header .sobo-btn-submit .sobo-btn-text { display: inline; }
header .sobo-btn-bulk .sobo-btn-icon,
header .sobo-btn-submit .sobo-btn-icon { display: none; }

@media only screen and (max-width: 1400px){
    header .sobo-btn-bulk .sobo-btn-text,
    header .sobo-btn-submit .sobo-btn-text { display: none; }
    /* The chevron goes with the label it belonged to: an icon-only pill with an arrow still
       stuck to it reads as a broken button rather than a menu. The React trigger drops its
       chevron in the same collapsed state. */
    header .sobo-btn-submit .sobo-btn-chevron { display: none; }
    header .sobo-btn-bulk .sobo-btn-icon,
    header .sobo-btn-submit .sobo-btn-icon {
        display: inline-flex;
        align-items: center;
        /* Parent .sobo-btn sets font-size: 0 at this breakpoint; restore a real
           value here so any inline-block spacing inside the icon span renders
           correctly. */
        font-size: 14px;
        line-height: 1;
    }
}

@media only screen and (max-width: 1080px){
    header .sobo-btn img { display: block !important; cursor: pointer; }
}

/* Create New Submission menu — two-line items: a title, and what the flow actually does.
   "On Student's Behalf" and "Bulk Document Processing" do not distinguish themselves to anyone who
   has not already used both.

   Every other menu in this navbar is a single-line list of nouns (students, chats, messages), so
   the treatment they all share — nowrap, ellipsis, tight padding, and a 200px cap — has to be
   undone here. Hence the long selectors: they are carrying enough specificity to outrank
   `header .navbar .dropdown-menu.list_navi a` (0,3,2) and the navbar-right `li:last-child` rules
   (0,4,3) further up this file, which otherwise strip the last item's right padding. */
header .navbar .navbar-nav.navbar-right .dropdown-menu.list_navi.submit-students-menu {
    /* Pinned rather than shrink-to-fit: with only one flow entitled, the menu would size to that
       item's title alone and open as a narrow sliver under a much wider button. Same width the
       React menu uses.

       `.list_navi` is in the selector purely for weight: the navbar-right `li:last-child
       .dropdown-menu` rule above sets 238px and would otherwise win if this entry ever became the
       last item in the bar. */
    min-width: 288px;
}
header .navbar .navbar-nav.navbar-right .dropdown-menu.submit-students-menu > li > a {
    display: block;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    /* !important because the collapsed burger flattens every navbar-right anchor to `padding: 0
       !important`. That is right for the single-line items it was written for; here it runs the two
       lines of one item flush into the next. */
    padding: 10px 14px !important;
}
header .navbar .navbar-nav.navbar-right .dropdown-menu.submit-students-menu .submit-option-title {
    display: block;
    font-weight: 600;
    /* Stated, not inherited, and !important for the same reason as the description below: every
       anchor in this navbar is brand blue via `!important`. The grey that normally covers spans
       applies only to the `navbar-staff` variant, which is keyed on Level 3 — while this menu
       renders from Level 0 down. Left to inherit, the title came out blue for Advisors,
       Evaluators and Rule Creators, which both reads as permanently hovered and inverts the
       title-over-description hierarchy these two lines exist to create. */
    color: #4F4F4F !important;
}
header .navbar .navbar-nav.navbar-right .dropdown-menu.submit-students-menu .submit-option-desc {
    display: block;
    margin-top: 2px;
    /* Wraps to two lines rather than three, which is what keeps the two items the same height. */
    max-width: 260px;
    /* !important is the only thing that works here, not a shortcut: the staff navbar paints EVERY
       span inside a nav anchor with `color: @dark-liver-gray !important` (twice over — once plain,
       once again for the private-label header). Against an !important declaration no amount of
       added specificity wins, and the description has to be quieter than the title above it or the
       two lines read as one wrapped sentence. */
    color: #777 !important;
    font-size: 11px;
    line-height: 1.35;
}

@media only screen and (min-width: 1170px) {
    header .navbar .admin-dropdown, 
    header .navbar .support-dropdown { display: none !important; }
}

@media only screen and (max-width: 1170px) {
    header .support-item,
    header .admin-item {
        display: none !important;
    }

    header .admin-dropdown,
    header .support-dropdown { 
        display: block !important;
    }
}

@media only screen and (max-width: 1030px){
header .navbar .navbar-nav .form-control{ min-width: 100px; }
}

@media only screen and (max-width: 1024px){
header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item:hover .dropdown-menu{ display: none; }
header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item.show .dropdown-menu.show{ display: block; margin-bottom: 5px; transition: all ease .5s; }
.bot-page .bot-page-bg-left .checkbox label{ margin-right: 15px; }
}

@media only screen and (min-width: 840px){
.bot-page .checkbox .col-md-2{ width: 13.666667%; }
}
@media only screen and (min-width: 1024px){
    /* header .dropdown:hover .dropdown-menu {display:block} */
    .navbar-brand>img{    width: 100px;height:auto !important;margin-top: 0;}
}
@media only screen and (min-width: 1200px) and (max-width: 1285px){
    header li .dropdown-toggle::after{    right: -4px;}
}
@media only screen and (min-width: 840px) and (max-width: 1199px){
    /* .navbar-nav>li>a{padding: 0px 10px !important;} */
    .hidden-md-1{display:none}

}
@media only screen and (max-width: 950px){

.private-header .navbar-collapse li .dropdown-toggle::after{top:0;color:#777}
.private-header .navbar a,.private-header .navbar a:focus span,.private-header .navbar a:hover span{color: #3C51B9 !important;}
header svg path {fill: #3C51B9 !important;}
/* Lucide stroke-only icons inside .sobo-btn-icon must stay outlined — the
   generic `header svg path` rule above would otherwise fill their closed
   shapes with blue and turn the icon into a solid silhouette. */
header .sobo-btn-icon svg,
header .sobo-btn-icon svg path {
    fill: none !important;
    stroke: currentColor;
}
/* Size both Bulk and Submit Lucide icons at 18×18 without editing their SVG attrs. */
header .sobo-btn-icon svg {
    width: 18px;
    height: 18px;
}
header .navbar .navbar-brand{ padding-left: 15px; }
header .navbar a.navbar-brand img{margin-top:0;}
header .navbar .navbar-brand img{width:auto;height: auto !important; max-height: 40px;}
header .navbar .navbar-nav.navbar-right{ flex-direction: column;padding-top: 0; }
.navbar-toggler-icon{ display: flex; align-items: center; height: auto; width: auto; }
.navbar-toggler-icon::after{ content: '\E700'; font-family: 'Segoe MDL2 Assets'; background-color: #3C51B9; color: #ffffff; border-radius: 4px; height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; }
header .navbar .navbar-collapse{ height: auto !important; position: absolute; top: 55px; background-color: #F7F8FA; width: 100%; transition: all ease .5s; }
header .navbar .navbar-collapse.show,
header .navbar .navbar-collapse.collapsing{ display: inline-block; transition: all ease .5s; height: auto;min-height:100vh }
header .navbar .navbar-collapse .navbar-left{ padding: 15px 15px 0 0px; }
header .navbar .navbar-collapse ul{ width: 100%; padding: 15px 15px 0 15px; height: auto; }
header .navbar .navbar-collapse ul li{ width: 100%; flex-direction: column; transition: all ease .5s;     }
header .navbar .navbar-collapse ul > li{     border-bottom: 1px solid #ddd; }
header .navbar .navbar-collapse ul li a{  width: 100%; }
header .navbar .navbar-collapse ul li.active a,
header .navbar .navbar-collapse ul li.hover a,
header .navbar .navbar-collapse ul li.focus a{ padding: .5rem .6rem; }
header .navbar-toggler{ outline: none; padding: 0; margin-right: .75rem; }
header .navbar .navbar-collapse .dropdown-menu{ position: relative; width: 100%; left: 0 !important; padding: 0; }
header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{ padding: .6rem; background-color: #3C51B9; margin-bottom: 5px; color: #ffffff; }
header .navbar .navbar-collapse .dropdown-menu::before{ display: none; }
header .navbar .navbar-collapse .dropdown-menu .dropdown-inner{ box-shadow: none; border: none; }
header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item.show .nav-link.dropdown-toggle,
header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item:hover .nav-link.dropdown-toggle,
header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item:hover .nav-link,
header .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item.active .nav-link{ border-radius: 0; transition: all ease .5s; }
header .navbar-collapse li .dropdown-toggle::after{  top: 0px; }
header li.show .dropdown-toggle::after, header li:hover .dropdown-toggle::after{content: '\e011';}
/*header .navbar .navbar-nav.navbar-right li:last-child .dropdown-toggle::after{ top: 22px; }*/
header .navbar .navbar-nav .form-control{ min-width: 232px; }
.badge{ left: 17px; top: 6px; }
header .navbar .dropdown-menu.chat-drop-wrap{ width: 100%; left: 0 !important; }
header li.show .dropdown-toggle::after{ content: '\e010'; }
.content-right .content-welcome{ padding: 15px; }
.content-right .content-welcome span small{ line-height: 30px; display: inline-block; padding-top: 15px; }
/* header .navbar .navbar-nav.navbar-right li:last-child .dropdown-menu{ position: absolute; } */
header .navbar-expand-lg .navbar-nav .nav-item.show .nav-link.dropdown-toggle,
header .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link.dropdown-toggle,
header .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link,
header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link{ padding-bottom: .6rem; }
header .navbar .dropdown-menu.chat-drop-wrap .chat-drop-body{ max-height: 200px;}
header .navbar-expand-lg .navbar-nav .nav-item:hover .dropdown-menu{ display: none; }
header .navbar-expand-lg .navbar-nav .nav-item .dropdown-menu.show{ display: block; }
header .navbar .navbar-nav.navbar-right li:last-child:focus .dropdown-toggle::after{ color: #ffffff; }
header .navbar-container .navbar-header .small-logo { display: flex !important; }
header .navbar-header .full-logo { display: none !important; }
header .profile-separator { display: none; }
header .sobo-btn img { display: none !important; cursor: pointer; } }
header .navbar .dropdown-menu .dropdown-item{ padding: 10px 12px; }
header .navbar .dropdown-menu .dropdown-item:hover,
header .navbar .dropdown-menu .dropdown-item:focus,
header .navbar .dropdown-menu a:hover,
header .navbar .dropdown-menu a:focus{ background-color: #F7F8FA; color: #3C51B9 !important; }
header .navbar .dropdown-menu .dropdown-item,
header .navbar .dropdown-menu a{ padding: 5px 12px; width: 100%; line-height: 19px !important; }
header .navbar .dropdown-menu.chat-drop-wrap .dropdown-item{ flex-direction: column; }

#cookie-law-info-bar{border:0;font-size:10pt;margin:0 auto;padding:5px 0;position:absolute;text-align:center;width:100%;z-index:9999;}#cookie-law-info-again{font-size:10pt;margin:0;padding:2px 10px;text-align:center;z-index:9999;cursor:pointer;}#cookie-law-info-bar span{vertical-align:middle;}.cli-plugin-button,.cli-plugin-button:visited{background:#222 url('../images/overlay.png') repeat-x;display:inline-block;padding:5px 10px 6px;color:#fff;text-decoration:none;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);position:relative;cursor:pointer;margin:auto 10px;}.cli-plugin-button:hover{background-color:#111;color:#fff;}.cli-plugin-button:active{top:1px;}.small.cli-plugin-button,.small.cli-plugin-button:visited{font-size:11px;}.cli-plugin-button,.cli-plugin-button:visited,.medium.cli-plugin-button,.medium.cli-plugin-button:visited{font-size:13px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25);}.large.cli-plugin-button,.large.cli-plugin-button:visited{font-size:14px;padding:8px 14px 9px;}.super.cli-plugin-button,.super.cli-plugin-button:visited{font-size:34px;padding:8px 14px 9px;}.pink.cli-plugin-button,.magenta.cli-plugin-button:visited{background-color:#e22092;}.pink.cli-plugin-button:hover{background-color:#c81e82;}.green.cli-plugin-button,.green.cli-plugin-button:visited{background-color:#91bd09;}.green.cli-plugin-button:hover{background-color:#749a02;}.red.cli-plugin-button,.red.cli-plugin-button:visited{background-color:#e62727;}.red.cli-plugin-button:hover{background-color:#cf2525;}.orange.cli-plugin-button,.orange.cli-plugin-button:visited{background-color:#ff5c00;}.orange.cli-plugin-button:hover{background-color:#d45500;}.blue.cli-plugin-button,.blue.cli-plugin-button:visited{background-color:#2981e4;}.blue.cli-plugin-button:hover{background-color:#2575cf;}.yellow.cli-plugin-button,.yellow.cli-plugin-button:visited{background-color:#ffb515;}.yellow.cli-plugin-button:hover{background-color:#fc9200;}

@media only screen and (max-width: 767px){
/* header .navbar .navbar-nav.navbar-right .dropdown-menu li:last-child a{padding-left:25px} */
/* header .navbar .navbar-nav.navbar-right li:last-child .dropdown-menu{    overflow: auto; max-height: 97px;} */
/*.content-left{ position: absolute; height: calc(100% - 55px); top: 55px; left: -325px; transition: all ease .5s; }*/
/*.content-left.active{ left: 0; transition: all ease .5s; z-index: 6; }*/
.content-right{ width: 100% !important; transition: all ease .5s; }
.content-left .left-menu-icon{ display: block; }
.content-left .left-menu-icon::before{ content: '\EBE7'; font-family: 'Segoe MDL2 Assets'; background-color: #3C51B9; color: #ffffff; border-radius: 0 4px 4px 0; height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; position: absolute; left: 325px; }
.content-left.active .left-menu-icon::before{ content: '\EC52'; font-family: 'Segoe MDL2 Assets'; }
.bot-page .pr-0{ padding-right: 15px !important; }
.bot-page .pl-0{ padding-left: 15px !important; }
.bot-page .row{ padding: 0 !important; }
.bot-page .bot-page-bg-left .checkbox label{ margin-right: 40px; }
.bot-page-bg-right{ padding-bottom: 35px; margin-top: 0; }
.bot-page .col-md-6.pr-2,
.bot-page .col-md-6.pl-2{ padding: 15px !important; }
.modal .modal-dialog{ max-width: 95%; }
.text-xs-center{ text-align: center; }
.field-signup{width:100%;}
}

@media only screen and (max-width: 575px){
header .navbar .navbar-nav .search-form-group{ cursor: pointer; font-size: 13px; border: 1px solid #C4D4D9; height: 32px; color: #A3A3A3; border-radius: 3px; min-width: 32px; width: 32px; }
.searchbar-wrap{ position: absolute; top: 55px; padding: 15px; width: 100%; background-color: #F7F8FA; transition: all ease .5s; }
.searchbar-wrap .col-md-12{ background-color: #3C51B9; color: #ffffff; padding: .6rem; position: relative; }
.searchbar-wrap .col-md-12 .icons-icon{ font-size: 13px; color: #59595B; position: absolute; top: 15px; right: 20px; }
.searchbar-wrap .form-control{ padding-right: 35px; }
.searchbar-wrap .form-control:focus{ box-shadow: none; }
.content-right .content-body{ padding: 40px 20px; }
.content-right .content-footer{ padding: 0 20px; }
.bot-page .bot-page-bg-left .checkbox label{ margin-right: 0; width: 100%; margin-bottom: 10px; }
.bot-page .bot-page-bg-left .checkbox label:last-child{ margin-bottom: 20px; }
}

@media only screen and (max-width: 420px){
.emojionearea .emojionearea-picker.emojionearea-picker-position-top{ right: -50px; width: 270px; left: auto; }
.emojionearea .emojionearea-picker .emojionearea-wrapper{ width: 100%; }
.emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after{ display: none; }
}

@media only screen and (max-width: 400px){
.content-right .content-header{ flex-direction: column; justify-content: center; align-items: center; }
.content-right .content-header .icons-right{ padding-top: 7px; }
.content-right .content-header .icons-right .search-icon a{ margin-left: 0; }
.content-right .content-header .icons-right .search-icon .dropdown-menu{ left: 0 !important; }
.content-right .content-header .icons-right .search-icon .dropdown-menu::before{ right: auto; left: 5px; }
}

@media only screen and (max-width: 350px){
/* header .navbar .navbar-nav.navbar-right li:last-child a{ padding: 0 0px 0 10px; } */
/*header .navbar .navbar-nav.navbar-right li:last-child .dropdown-toggle::after{ display: none; }*/
.content-left .left-menu-icon::before{ left: 245px; }
.content-left .nav-tabs .nav-item a{ font-size: 13px; padding: 15px 0; }
header .navbar .navbar-brand{ width: 39%; }
/* header .navbar .navbar-brand img{ width: 45px; } */
.small-window-chat{ width: 91%; }
.hours-drop{ width: 100%; margin-right: 0; margin-bottom: 5px; }
.hours-drop:last-child{ margin-bottom: 0; }
.bot-form input.form-control{ width: 15%; }
.emojionearea .emojionearea-picker.emojionearea-picker-position-top{ right: -120px; width: 250px }



}
@media only screen and (max-width: 767px){
    .flex-xs-column{flex-direction: column;}
    .navbar-toggle{margin: 10px 25px 0 0;}
    header .navbar .navbar-collapse.show{ max-height: 100vh;overflow-y: auto; padding-bottom: 100px;}
    /* header .navbar-right li{border:none !important} */
    header .navbar-nav{line-height:43px;padding:0}
    .navbar-nav.navbar-right{display: flex;}
    header .navbar-nav>li>a { padding: 0px 0 0 00px !important;}
    header .navbar .navbar-collapse ul{margin:0; padding: 0 15px 0 15px !important;}
    header .navbar .navbar-collapse .dropdown-menu{position: relative; left: 0 !important;  width: 100% !important;top: 100% !important;}
    header .navbar .navbar-nav.navbar-right li:last-child{margin-right:0}
    .schools-view .content-right .panel-bordered{padding:0;}
    /*.hidden-xs{display:none;}*/
}
@media only screen and (max-width: 576px) {
    .hidden-xs{display:none;}
}

@media only screen and (min-width: 768px) and (max-width:950px){
    .flex-sm-column{flex-direction: column;}
    .schools-view .bottom_map_sec .bottom-button .btn{margin-left:0}
    .hidden-sm{display:none;}
    .navbar-toggle{position: absolute;        right: 0;display:block}
    .collapsePoint {display:none;height:0 !important}
    .collapsePoint.show{display:block !important;min-height: 432px;left: 0;}
    .collapsePoint .navbar-nav{display:none !important;}
    .collapsePoint.show .navbar-nav{display:block !important;}
    header .navbar a{line-height:45px;}
    header .navbar .navbar-collapse ul.dropdown-menu{    position: absolute;width: 100%;box-shadow: none; border: none;}
    header .navbar .navbar-nav.navbar-right li:last-child{margin-left:0;margin-right:0px}
    header .navbar .navbar-collapse > ul > li{margin:0 10px !important;}
    header .navbar .navbar-collapse > ul > li a{padding:0 }
    header .navbar .navbar-collapse > ul > li .list_navi li a{padding:5px 10px !important}
    header .navbar .navbar-collapse > ul > li .list_navi .drop_title_1 h6{padding-left:6px !important}
    header .navbar .dropdown-menu{top:100% !important;position: relative !important;}
    .navbar-nav.navbar-right:last-child{margin-right:0}
    .navbar-nav.navbar-right:last-child a img{margin-right:0}
    
    /* header .navbar .navbar-collapse{display: none !important;} */


    header .navbar-nav.navbar-right{display: flex;}
}
@media only screen and (min-width: 950px) and (max-width:1024px){
    header li .dropdown-toggle::after{right:0}
    header .navbar a.navbar-brand img{width:80px;}
    .hidden-sm{display:none;}
    header .navbar a.navbar-brand img{width: 90px;        height: auto !important;}
}

/*------Custom Responsive Header Styles Begin------*/

header .navbar .dropdown-menu .dropdown-item, 
header .navbar .dropdown-menu a {
    width: 100%;
    line-height: 19px !important;
    color: #3C51B9 !important;
    padding: 10px 12px;
    margin: 0px 0px;
}

.hidden-desktop-only {
    display: none!important;
}

.circle-send-loader {
    position: relative;
    width: 17px;
    height: 17px;
    margin: 0;
    margin-left: 20px;
}

@media only screen and (max-width: 950px) {

    .nav.navbar-nav .nav-link .icon-common img,
    .nav.navbar-nav .dropdown-toggle .icon-common img {
        width: 20px;
        margin: 0;
    }

    .nav.navbar-nav.navbar-right .dropdown .dropdown-toggle span img {
        width: 30px;
    }

    header .navbar .dropdown-menu.list_navi .dropdown-item,
    header .navbar .dropdown .dropdown-menu .dropdown-inner.no-link .dropdown-item {
        padding-left: 30px!important;
    }

    .hidden-desktop-only {
        display: flex!important;
    }

    .hidden-mobile-only {
        display: none!important;
    }

    header .user-list {
        max-height: unset;
        overflow-y: hidden;
    }

    header .navbar-right { margin-bottom: 150px !important; }

    
    #ds-navbar-collapse {
        overflow-y: auto !important;
    }
}



/*------Custom Responsive Header Styles End------*/