.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 ul.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-default{ color: #3C51B9 !important; }
.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; }
.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; }
}


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

@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;}
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------*/