/*.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: #220058 !important;
    border-color: #220058 !important;
}*/
body{
    padding-top: 60px;
    overflow-x: hidden;
}

.site-logo{
    height: 40px;
}

.sc-logo{
    height: 45px;
    background-color: #fff;
    padding: 3px;
}

.white-space-nowrap{
    white-space:nowrap;
}
.header-sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
/*  padding-top: 40px;*/
}

.header-sidenav a {
/*  padding: 8px 8px 8px 32px;*/
  text-decoration: none;
  font-size: 16px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.header-sidenav a:hover {
  color: #f1f1f1;
}

.header-sidenav .closebtn {
    /*position: absolute;
    top: 0;
    right: 20px;*/
    font-size: 30px;
    margin-right: 0px;
}

.offcanvas.profile-ofcanvas {
    max-width: 85%;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    border: 1px solid transparent; !important;
}

.profile-user-iconn{
    width: 15px;
    height: 15px;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    padding: 6px;
}

.user-last-login-styles-responsive{
    font-weight: bold;
    line-height: 20px;
}

.left-side-content {
    width: 33.5%;
    position: absolute;
    height: 100vh;
    background-color: #333;
    color: #fff;
    overflow: hidden;
    transition: left 0.3s ease;
    z-index: 2;
}

.left-side-content h2,
.left-side-content p {
    margin: 0;
    padding: 10px 0;
}

.toggle-btn {
    padding: 4px 7px;
    font-size: 16px;
    cursor: pointer;
    z-index: 3;
    border: 1px solid #005452;
    margin-right: 8px;
    border-radius: 5px;
}

/*.left-side-content.open {
    left: 0; 
}
*/
.left-side-content.closed {
    left: -33.33333%; /* Hide the panel off-screen */
}

.right-side-content:before{
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    height: 5px;
    border-radius: 2px;
    background: linear-gradient(45deg, #009de0 30%, #059b3e 90%);
}

.right-side-content {
    margin-left: 33.5%; /* Space for left panel when open */
    transition: margin-left 0.3s ease; /* Smooth transition for content adjustment */
    height: 100vh;
}

.right-side-content h2,
.right-side-content p {
    color: #333;
    padding: 10px 0;
}
a.nav-link.admin-nav-menu.dropdown-item:active, a.nav-link.admin-nav-menu.dropdown-item.active, a.nav-link.admin-nav-menu.dropdown-item:focus, a.nav-link.admin-nav-menu.dropdown-item:hover{
    background-color: #105289 !important;
    color: #fff !important;
    padding-left: 10px !important;
}

/* Custom arrow style */
.trans-select-dropdown {
    border: 1px solid #005452 !important;
    padding: 4px 10px !important;
    line-height: 20px !important;
    height: 30px !important;
    color: #105289 !important;
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none; 
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolyline points="6 9 12 15 18 9"%3E%3C/polyline%3E%3C/svg%3E') no-repeat right 10px center !important;
    background-size: 16px 16px !important; 
    padding-right: 40px !important; 
    cursor: pointer;
}

/* Remove outline when focused */
.trans-select-dropdown:focus {
  outline: none;
  border-color: #007bff; 
}
.status-text{
    color: #95999d !important;
    font-size: 11px;
}
.admin-detils{
    font-size: 16px;
    padding-top: 10px;
    color: #303030;
}
.admin-profile-img img{
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    background: #ccc;
    object-position: center;
}
.admin-detils{

}
.admin-add-btns{
    padding: 5px 7px !important;
}
.on-bg-text{
    color: #fff;
}
.left-side-content.closed ~ .right-side-content {
    margin-left: 0; 
    border-left: 0px solid #edf3ff !important;
    max-width: 100%;
}
 .multiselect-container{
    z-index: 99999 !important;
}
@media screen and (max-height: 450px) {
  .header-sidenav {padding-top: 15px;}
  .header-sidenav a {font-size: 18px;}
}
.profile-image-div-md{
    width: 80px !important;
    height: 80px !important;
}
.profile-image-div-md img{
    max-width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
}
.profile-image-div-sm{
    width: 45px !important;
    height: 45px !important;
}
.profile-image-div-sm img{
    max-width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
}
.profilee-namee{
    font-weight: bold;
    color: #105289 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 210px;
}
.page-body, .content-bg{
    background: #fff;
}
.border-left-15{
    border-left: 15px solid #edf3ff !important;
}
.border-right-15{
    border-right: 15px solid #edf3ff !important;
}
.auto-height{
    height: auto;
}
.height-100vh{
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-98vh{
    height: 98vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-96vh{
    height: 96vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-92vh{
    height: 92vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-91p5vh{
    height: 91.5vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-76p5vh{
    height: 76.5vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-90vh{
    height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-85vh{
    height: 85vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-81p5vh{
    height: 81.5vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-82p5vh{
    height: 82.5vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-78vh{
    height: 78vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-79vh{
    height: 79vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-69vh{
    height: 69vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-75vh{
    height: 75vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.height-58vh{
    height: 58vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.header-bg{
    background-color: #fff !important;
    border-bottom: 2px solid #edf3ff;
/*    height: 90px;*/
}
.user-profile-scroll{
    height: 66.4vh;
    overflow-y: auto;
    overflow-x: hidden;
}
/*.page-body{
    position: relative;
    top: -33px;
    z-index: 9999;
}*/
.cardd{
    height: 100%;
    border-radius: 10px;
    padding: 15px;
    border: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
/*    border: 1px solid #e5f0f1;*/
}
/*.dashboard-heading-border-styles{
    position: absolute;
    left: -5px;
    top: -10px;
}*/
.dashboard-heading-border-styles:after{
    content: "";
    background-color: #04a9f5;
    position: absolute;
    left: -5px;
    top: 0;
    width: 4px;
    height: 20px;
}
.cardd1{
    background: #cfcbc9;
    color: #000;
}
.cardd2{
    background: #eadccf;
    color: #000;
}
.cardd3{
    background: #d3e1df;
    color: #000;
}
.cardd4{
    background: #e0d4d5;
    color: #000;
}
.cardd5{
    background: #d8d3da;
    color: #000;
}
.cardd6{
    background: #e1dacc;
    color: #000;
}
.cardd7{
    background: #c5cfd4;
    color: #000;
}
.cardd8{
    background: #d5dfcb;
    color: #000;
}
.cardd9{
    background: #d2c5d4;
    color: #000;
}
.dasboard-filters-drpdwn{
    width: 75%;
    border: 0px !important;
    background: transparent;
}
.cardd-chat-circle{
    height: 14px;
    width: 18px;
    margin-right: 7px;
    display: inline-block;
    border-radius: 48%;
}
.login-top-grd-border{
    background: linear-gradient(45deg, #009de0 30%, #059b3e 90%) !important;
    padding-top: 3px;
}
.lgn-page{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.login-image-section{
    border-radius: 1rem 0rem 0rem 1rem;
    padding: 50px 50px 50px 30px;
    height: 100%;
    background-image: url(../../images/login-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.login-form-section{
    padding: 15px 25px 25px 25px;
}
.fields-div{
    margin-top: -20px;
}
.mail-icon, .lock-icon{
    position: relative;
    top: 30px;
    left: 10px;
    right: 33px;
    color: #220058;
    font-size: 17px !important;
}
.inpt-field{
    padding-left: 35px !important;
    border-radius: 10px !important;
    box-sizing: border-box;
    padding: 0 20px 0 36px;
    height: 40px;
}
.pass-eye-icon{
    position: absolute;
    right: 25px;
    top: 32px;
}
.login-btn, .reset-btn{
    background-color: #005452 !important;
    width: 100%;
    border-radius: 8px !important;
    text-transform: uppercase;
}
.login-logo-image{
    width: 130px;
}
.web-text-color-lite{
    color: #220058b3;
}
.text-grey-lite{
    color: #b4b3b3;
}
.text-green{
    color: #005452 !important;
}
.profile-image-sm{
    width: 40px;
    height: 40px;
}
.profile-image-sm img{ 
    width: 40px;
    height: 40px;
    border-radius: 100%;
    object-fit: contain;
    background: #efefef;
}
.mang-system{
    font-weight: bold;
    font-size: 20px;
    color: #ffda55;
}
/*.col-form-label{
    text-align: right;
}*/
.bg-grey{
    background-color: #efefef;
}
.borderr {
    border: 1px solid #dee2e6 !important;
}
.font-16{
  font-size: 16px;
}
.font-20{
  font-size: 20px;
}
.sub-categories-styles, .sub-text{
    color: #8094ae;
    font-weight: normal;
    font-size: 13px;
}
.course-image-sm{
    flex: none;
}
.course-image-sm img{
    width: 110px !important;
    border-radius: 10px !important;
    height: 70px !important;
}
.course-image-div-xs{
    width: 45px !important;
    height: 45px !important;
}
.course-image-div-xs img{
    max-width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
}
.count-bg{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #fff;
}
.table-categories{
    margin-top: 6px;
}
.btn-outline-primary {
    color: #005452 !important;
    border-color: #005452 !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    color: #fff;
    background-color: #005452 !important;
    border-color: #005452 !important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle{
    color: #fff;
    background-color: #005452 !important;
    border-color: #005452 !important;
}
.view-list {
    overflow-y: auto;
    overflow-x: hidden;
    height: 75.5vh;
}
.course-completed-view-list {
    overflow-y: auto;
    overflow-x: hidden;
    height: 79vh;
}
.dashed-border-calender-icon{
    border: 1px dashed;
    padding: 3px 5px;
    border-radius: 30px;
    font-size: 11px;
}

.dashed-border-category-icon {
    border: 1px dashed #4859cc;
    padding: 5px 5px;
    border-radius: 30px;
    font-size: 7px;
    color: #4859cc;
}
.descrip-border p {
    margin-bottom: 0px;
}
.descrip-border{
    padding: 5px 10px;
    border: 1px solid #fff !important;
    line-height: 20px;
}
.descrip-border:hover{
    border: 1px solid #eeeef0 !important;
    border-radius: 5px;
    margin-bottom: 5px !important;
}
.drpdw-toggle::after {
    margin-left: 0px !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
}
.drpdw-toggle:hover .drpdw-toggle.show, .drpdw-toggle:focus .drpdw-toggle.show{
    border: none;
}
.drpdw-toggle:hover, .drpdw-toggle:focus{
    border: none !important;
}
.drpdw-itemm:hover, .drpdw-itemm:focus {
    color: #16181b !important;
    text-decoration: none !important;
    background-color: #eaeaf1 !important;
}
.fs-7{
    font-size: 13px;
}
.my-course-categori-name, .my-course-date{
    font-size: 13px;
    line-height: 20px;
}
.my-course-categori-name span:last-child{
    position: relative;
    top: 2px;
}
.btn-xs{
    font-size: 11px !important;
    padding: 5px !important;
}
.btn-smm {
    font-size: 13px !important;
    padding: 7px !important;
}
.list-view-p-bar{
    height: 6px;
    background: #fff;
    position: relative;
    bottom: 0px;
    width: 100%;
    border-radius: 0px;
}
.progress-bar-gradient{
    background: linear-gradient(-135deg, #899fd4, #a389d4);
    border-radius: 0px !important;
}
.cat-checkbox{
    position: relative;
    left: 5%;
    top: -2px;
}
.child-cat-checkbox{
    position: relative;
    left: 5%;
    top: -2px;
}
.sub-cat{
    position: relative;
    left: 7%;
    display: flex;
    padding-top: 3px;
    padding-bottom: 3px;
}
.cat-text{
    line-height: 25px !important;
    margin-bottom: 0px !important;
    margin-left: 5px !important;
}
.card-view-fav-icon{
    position: absolute;
    right: 20px;
    top: 15px;
    color: #ffff;
}
.flex-none{
    flex: none;
}
.course-name, .exam-name, .user-name {
    font-size: 14px;
    padding-bottom: 0px;
    text-align: left;
    display: -webkit-box;
    max-width: 100%;
    word-break: break-all;
    height: 20px;
    margin: 0 auto;
    text-transform: capitalize;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #105289;
    font-weight: normal;
}
.video-sidebar-sec{
    height: 87vh;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    border-radius: 3px;
}
.bg-pink{
    background-color: #e91e63 !important;
}
.play-icon{
    background: #1c273c;
    color: #ffff;
    font-size: 20px;
    padding: 12px;
    border-radius: 30px;
}
.border-primaryy {
    border-color: #005452 !important;
}
.gb-gradient-bg{
    background: linear-gradient(45deg, #009de0 30%, #059b3e 90%) !important;
    color: #fff;
}
.take-exam-col-exp-btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    color: #005452 !important;
}
.breadcrumb-item + .breadcrumb-itemm::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #fff !important;
    content: ">";
}
.courses-styles{
    background: transparent;
    padding: 10px;
    border-radius: 3px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
    box-shadow: inset 0 0 0 1px rgb(235 235 241) !important;
}
.courses-styles:hover{
    background: #e3e3e3;
    text-decoration: none;
}
.descriptionn, .descriptionn p{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 22px;
}
.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    font-size: 12px;
    border: 1px solid #1c273c;
    padding: 5px 6px;
    border-radius: 30px;
    color: #1c273c;
    font-weight: normal;
}
.cont-type-upl{
    border: 1px solid #28313c !important;
    padding: 5px 8px;
    border-radius: 33px;
    position: absolute;
    top: 14%;
}
.video-link.active {
    color: #fff !important;
    background: #28313c !important;
}
.video-link {
    color: #28313c!important;
    background: none !important;
    border: 1px solid !important;
}
.border-grey{
    border-color: #cacaca !important;
}
.videos_division{
    height: 87vh;
    overflow-y: auto;
}
.gradient-banner{
    background: linear-gradient(45deg, #009de0 30%, #059b3e 90%) !important;
    padding: 20px;
}
.nav-pills .nav-linkk.nav-link:hover {
    color: #105289 !important;
}
.nav-pills .nav-linkk.nav-link.active {
    background-color: #105289 !important;
    color: #fff !important;
    border: 1px solid #105289 !important;
}
.bg-rblue {
    background-color: #0000ff !important;
}
.bg-green {
    background-color: #008000 !important;
}
.bg-maroon{
    background-color: #a52a2a !important;
}
.btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
    box-shadow: none !important;
}
.btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active, .btn-outline-primary:hover, .btn-outline-primary:focus {
    color: #fff !important;
    background-color: #005452 !important;
    border-color: #005452 !important;
}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
.cat-radio-btn{
    position: relative;
    top: 3px;
    left: 6px;
}
.cat-tree-label{
    vertical-align: baseline !important;
    left: 9px;
    position: relative;
    top: 1px;
}
.courses-image-div{
/*    background: #ffffff;*/
}
.courses-image-div img{
    width: 180px;
    height: 100px;
    border-radius: 10px;
/*    border: 3px solid rgb(57 105 117 / 37%);*/
}
.view-course-imagee{
    flex: none;
}
.view-course-imagee img{
/*    object-fit: contain;*/
    height: 86px;
    width: 140px;
    border-radius: 10px;
}
div.dt-container div.dt-info {
    color: #2e294e;
}
.pagination li {
    margin-right: 8px;
}
a.nav-link.admin-nav-menu, a.nav-link.learner-nav-menu{
    padding: 9px 10px;
}
.nav-tabs .nav-item.show .nav-link.nav-menu, .nav-tabs .nav-link.nav-menu.active {
    background-color: #005452 !important;
     border-bottom: 3px solid #005452 !important; 
    color: #ffffff !important;
    border: 0px;
    padding: 9px 10px;
    line-height: 20px;
}
.nav-tabs .nav-item.show .nav-link.admin-nav-menu, .nav-tabs .nav-link.admin-nav-menu.active, .nav-menu-dropdown.show, .nav-tabs .nav-item.show .nav-link.learner-nav-menu, .nav-tabs .nav-link.learner-nav-menu.active, .nav-menu-dropdown.show{
    background-color: transparent; !important;
    border-bottom: 2px solid !important;
    color: #105289 !important;
    border: 0px;
    padding: 9px 15px;
    line-height: 25px;
}
.nav-tabs .nav-link.nav-menu {
    border-radius: 0;
    padding: 9px 16px;
    background-color: rgb(7 119 225 / 11%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 3px;
    min-width: max-content;
    color: #0777e1;
    line-height: 20px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-pill .nav-link.active {
    background-color: transparent;
    border-bottom: 3px solid #105289 !important;
    color: #105289 !important;
    border: 0px;
    padding: 10px 15px;
    line-height: 15px;
}
ul.filters-drp-menu{
    width: 80%; 
    transform: translate3d(130px, 38px, 0px) !important;
}
.notification-count{
    background-color: red;
    padding: 2px 5px;
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    border: none;
    position: relative;
    top: -11px;
    left: -11px;
}
.notification-drpdwn{
    width: 20rem;
/*    transform: translate3d(-250px, 19px, 0px) !important;*/
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}
.bell-styles{
    color: #b2b7bd;
    border: 1px solid #b2b7bd !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    padding: 9px 0px;
    margin-right: 0px;
    width: 33px;
}
.header-notification-msgg{
    white-space: normal !important;
    line-height: 20px;
}
.drdwn-not-toggle::after {
    display: none;
    margin-left: 5px !important;
    border: 0px !important;
}
.drdwn-prof-toggle::after {
    display: inline-block;
/*    margin-left: 3px !important;    */
    border: 0px solid !important;
}
.dropdown-item.profile-items:hover, .dropdown-item.profile-items:focus {
    color: #fff;
    text-decoration: none;
    background-color: #005452 !important;
}
.course-active{
    background: #eeeeee;
}
.btn-md{
    padding: 12px 15px;
}
.vm-toggle{
    border: 1px solid;
    color: #99A5B5;
    padding: 6.3px 9px;
    border-radius: 4px;
}
.vm-menu{
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}
.vm-menu li a i{
    font-size: 14px;
}
.vm-toggle:hover{
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}
.vm-toggle.dropdown-toggle::after{
    display: none;
}
.vm-menu li a.dropdown-item:hover {
    color: #303030;
}
.sidepop {
    height: 91%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: -25px;
    background-color: #fff;
    overflow-x: hidden;
    transition: width 0.7s;
    padding-top: 10px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    margin-top: 3.8%;
    border-top: 5px solid #395b63;
}

/*.sidepop a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}*/

.sidepop .closebtn:hover {
    color: #fff;
    text-decoration: none;
}
div#headerSiteName {
    color: #333694;
    margin-top: auto;
    margin-bottom: auto;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 10px;
    font-size: 14px;
}

.courses-in-user::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
.courses-in-user::-webkit-scrollbar-thumb {
    /* background: #6cb5d7; */
    /* border-radius: 10px; */
}
.courses-in-user::-webkit-scrollbar-track {
    /* background: #f1f1f1; */
    /* border-radius: 10px; */
}
div#main_subdiv{
    background: #edf3ff;
    border-radius: 10px 10px 0px 0px;
}
.main_subdiv{
    background: #edf3ff;
    border-radius: 0px 0px 10px 10px;
}
.user-course-details-hite{
    height: 64vh;
    overflow-y: auto;
}
.sidepop .closebtn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 25px;
    line-height: 15px;
    padding: 7px 8px 8px 9px;
    color: #fff;
    background: #005452;
    border-radius: 29px;
    margin-top: 1%;
}

.sidepop .closebtn:hover {
    color: #fff !important;
}

#main {
  transition: width 0.7s;
/*  padding: 16px;*/
}

@media screen and (max-height: 450px) {
  .sidepop {padding-top: 10px;}
}
div.dt-container div.dt-paging ul.pagination {
    z-index: -9 !important;
}
.completed-barr{
    background-color: green;
    height: 15px;
    width: 15px;
    margin-right: 7px;
    display: block;
    border-radius: 100%;
}
.due-barr{
    background-color: red;
    height: 15px;
    width: 15px;
    margin-right: 7px;
    display: block;
    border-radius: 100%;
}
.expired-barr{
    background-color: grey;
    height: 15px;
    width: 15px;
    margin-right: 7px;
    display: block;
    border-radius: 100%;
}
.bookmarked-barr{
    background-color: #f69336;
    height: 15px;
    width: 15px;
    margin-right: 7px;
    display: block;
    border-radius: 100%;
}
.in-progress-barr{
    background-color: blue;
    height: 15px;
    width: 15px;
    margin-right: 7px;
    display: block;
    border-radius: 100%;
}
.work-in-prog{
    text-align: center;
    color: red;
    text-transform: capitalize;
}
svg.svg-inline--fa.fa-star{
    color: #FFD700 !important;
}
/*.user-courses-listing-view-image{
    height: 116px;
}*/

.w-96{
    width: 96%;
}

/* Certificate template CSS */

.title{
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.crt-name{
    font-family: "Allura", cursive;
    font-weight: 400;
    font-style: normal;
}
.border-tops{
   border-top: 3px solid black;
    display: inline-block;
    width: 222px;

}

.center-div{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-gold{
    color: #a7903d;
    /* #b9752v */
}

.border-gold{
    border: 3px solid #a7903d;
}

.text-user{
    color: #293362;
}

.outer{
    background-size: 50px, 130px, auto;
    background: url(../../images/certificate-right-bg.png) right top no-repeat, url(../../images/certificate-bottom-bg.png) left bottom no-repeat;    
}
.filters-dot-icon{
    position: relative;
    left: 0px;
    top: -8px;
    font-size: 8px;
    color: red;
}
.drpdwn-wo-toggle::after{
    border-left: 0px solid !important;
    border-top: 0px solid !important;
    border-bottom: 0px solid !important;
    margin-left: 0px !important;
}
.db-filter-drpdwn-wo-toggle:after{
    border-left: 0px solid !important;
    border-top: 0px solid !important;
    border-bottom: 0px solid !important;
    margin-left: -8px !important;
}
.pt2{
    padding-top: 2px;
}

/* Expand and collpase toggle btn */

 .laft-syde-content {
    width: 33.4%;
    position: absolute;
    background-color: #333;
    color: #fff;
    overflow: hidden;
    transition: left 0.3s ease;
    z-index: 2;
}
.laft-syde-content h2,
.laft-syde-content p {
    margin: 0;
    padding: 10px 0;
}
.togyle-btn {
    padding: 4.5px 7px;
    font-size: 16px;
    cursor: pointer;
    z-index: 3;
    border: 1px solid #005452;
    margin-right: 8px;
    border-radius: 4px;
}
.laft-syde-content.closed {
    left: -34.33333%; 
}
.rite-syde-content:before{
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    height: 5px;
    border-radius: 2px;
    background: linear-gradient(45deg, #009de0 30%, #059b3e 90%);
}
.rite-syde-content {
    margin-left: 33.2%; /* Space for left panel when open */
    transition: margin-left 0.3s ease; /* Smooth transition for content adjustment */
    height: 86.8vh;
}
.rite-syde-content h2,
.rite-syde-content p {
    color: #333;
    padding: 10px 0;
}
.laft-syde-content.closed ~ .rite-syde-content {
    margin-left: 0;
    border-left: 0px solid #edf3ff !important;
    max-width: 100%;
}
.ins-attend-btn{
    background-color: #f0f0f0;
    border: none;
    padding: 7px 15px;
    cursor: pointer;
    border-radius: 5px;
}

@media (max-width: 991px){
    p.submenu-des{
        font-size: 14px;
        line-height: 18px
    }
    .myteam_ajax_html_div{
        color: #d0d0d0;
    }
    .myteam_ajax_html_div label{
        color: #d0d0d0;
    }
    .exam-result-block{
        display: block !important;
    }
    .myteam_ajax_html_div .border-bottom-5{
        border-bottom: 1px solid #d0d0d0 !important;
    }
    .sidepop{
        border-left: 5px solid #395b63;
    }
    .profile-imagee img{
        width: 100px;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .table > thead > tr > th{
        font-size: 12px;
        line-height: 12px;
    }
    .mang-system{
        font-size: 13px;
    }
    body{
        padding-top: 0px;
    }
    .sidepop .closebtn {
        position: absolute;
        top: 2px;
        right: 6px;
        font-size: 20px;
        line-height: 15px;
        padding: 4px 6px;
    }
    .completed-barr{
        height: 10px;
        width: 10px;
    }
    .due-barr{
        height: 10px;
        width: 10px;
    }
    .expired-barr{
        height: 10px;
        width: 10px;
    }
    .bookmarked-barr{
        height: 10px;
        width: 10px;
    }
    .in-progress-barr{
        height: 10px;
        width: 10px;
    }
}
@media (max-width: 767px){
    .lgn-wel-text{
        font-size: 20px;
    }
    .login-form-section {
        padding: 15px 16px 10px 16px;
    }
    .login-logo-image{
        width: 45px;
    }
    .login-image{
        width: 45%;
    }
    .dasboard-filters-drpdwn.w-100{
        width: 70%;
    }
    .lgn-page{
        position: relative;
        top: 0%;
        left: 0%;
        transform: none;
    }
    .login-image-section {
        padding: 15px;
        border-radius: 10px;
    }
    .login-top-grd-border {
        margin-top: 12px;
        padding-top: 3px;
    }
    .bg-transparent-sm{
        background-color: transparent !important;
    }
    .mang-system{
        font-size: 22px;
    }
    .admin-course-det-height, .height-100vh,.height-98vh,.height-96vh, .height-92vh, .height-85vh, .height-81p5vh, .height-78vh, .height-79vh, .height-69vh{
        height: auto !important;
    }
}
@media (max-width: 576px){
    .mang-system{
        font-size: 20px;
    }
}
@media (max-width: 400px){
    .mang-system{
        font-size: 13px;
    }
    .user-last-login-styles-responsive.ll-datails{
        font-size: 12px;
    }
}

.course-active {
    background: #c6e4ff !important;
}
.user_upload_list a, .admin_upload_list a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
}
.fc-event{
    cursor: pointer !important;
}
.user-details-scroll-styles{
    height: 445px;
    overflow-y: auto;
}
.menuu-icon, .headings-icon{
    border: 1px solid #e4e4e4;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    margin-right: 8px;
}
.menuu-text{
    position: relative;
    top: -6px;
}
.buttonn {
    color: #fff;
    padding: 9px 15px;
    font-size: 14px;
    border-radius: 8px !important;
}
.buttonn-danger {
    color: #fff;
    padding: 9px 15px;
    font-size: 14px;
    border-radius: 8px !important;
    background-color: red;
}
.web-bg{
    background-color: #005452 !important;
}
.web-btn {
    color: #fff;
    background-color: #005452 !important;
    border-color: #005452 !important;
    padding: 11px 15px;
    font-size: 14px;
    border-radius: 5px !important;
}
.web-btn-sm {
    color: #fff;
    background-color: #005452 !important;
    border-color: #005452 !important;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 5px !important;
}
.web-btn-sm:hover {
    color: #fff !important;
    text-decoration: none;
}
.web-btn:hover, .web-btn:focus{
    color: #fff !important;
    background-color: rgb(57 105 117 / 90%) !important;
    border-color: rgb(57 105 117 / 90%) !important;
}
.sbmt-btn {
    color: #fff;
    background-color: #005452 !important;
    border-color: #005452 !important;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 7px !important;
}
.cancel-btn {
    color: #fff;
    background-color: #f02632 !important;
    border-color: #f02632 !important;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 7px !important;
}
.cancel-btn:hover{
    color: #fff !important;
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
}
.sbmt-btn:hover, .sbmt-btn:focus{
    color: #fff !important;
    background-color: rgb(57 105 117 / 90%) !important;
    border-color: rgb(57 105 117 / 90%) !important;
}
.btnn-icon{
    padding-right: 5px;
}
.filters-btnn{
    color: #696969;
    background-color: #ffffff !important;
    border-color: #e0dfdf !important;
    border-radius: .25rem !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    padding: 9px 10px !important;
    border-radius: 7px !important;
}
.filters-btnn i {
    padding-right: 3px;
}
.filters-btnn.dropdown-toggle::after{
    border: 0px solid !important;
    margin-left: 0px !important;
}
.filters-dropdown-menuu{
    border: 1px solid #049b4c !important;
    box-shadow: 0 0.125rem 0.25rem rgb(85 85 85 / 22%) !important; 
}
@media (max-width: 991px){
    .video-sidebar-sec {
        height: auto;
    }
    .videos_division {
        height: auto;
    }
    ul.prf-menu.pl-0 {
        position: absolute;
        bottom: 20px;
        width: 100%;
    }
}
tbody td {
    border-bottom: 1px solid #ddd;
}
.reports-card{
    color: #303030;
    padding: 20px 15px;
    border-radius: 10px;
    height: 100%;
    text-align: left;
    align-items: center;
    display: flex;
    background-image: linear-gradient(#ffffff, #b2ddd8) !important;
}
.reports-card h6::first-child{
    margin-bottom: 10px !important;
}
.reports-icon{
    border-radius: 50%;
    color: #7d7d7d;
    display: inline-block;
    margin-bottom: 10px;
    background: #fff !important;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reports-card1{
    background-color: #e0ebf2;
}
.reports-icon1{
    background-color: #fa5a7e;
/*    padding: 6px 8px;*/
}
.reports-card2{
    background-color: #cfcbc9;
}
.reports-icon2{
    background-color: #ff947a;
/*    padding: 7px 7px;*/
}
.reports-card3{
    background-color: #d3e1df;
}
.reports-icon3{
    background-color: #3cd956;
/*    padding: 7px 7px;*/
}
.reports-card4{
    background-color: #eadccf;
}
.reports-icon4{
    background-color: #bf83ff;
/*    padding: 7px 7px;*/
}
.reports-card5{
    background-color: #e0d4d5;
}
.reports-icon5{
    background-color: #bf83ff;
/*    padding: 7px 7px;*/
}
.admin-course-det-height{
    height: 78.2vh;
}
.text-light-green{
    color: #39e500;
}
.text-light-red{
    color: #e50000;
}
.text-light-yellow{
    color: #ffe92b;
}
.bg-light-green {
    background-color: #39e500;
}
.fs10{
    font-size: 10px;
}
.fs12{
    font-size: 12px;
}

.dropdown-menu.drpdwn-menu.drpdwnmenu1 {
    width: 31rem !important;
    margin-left: -11rem !important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
.dropdown-menu.drpdwn-menu {
    width: 40rem;
    margin-left: -15rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
}
.dropdown-menu.drpdwn-menu .dropdown-item {
    padding: 0px 0px 5px 0px !important;
    color: #105289;
    font-weight: bold;
}
.dropdown-menu.drpdwn-menu .dropdown-item p{
    color: #616e80;
    font-weight: normal;
    text-wrap: initial;
    padding-top: 5px;
    line-height: 20px;
}
.dropdown-menu.drpdwn-menu .dropdown-item {
    background-color: transparent;
    color: #105289;
}
.mainmenu-icon{
    padding: 7px;
    font-size: 20px;
    color: #6cb5d7;
    border: 1px solid rgb(16 82 137 / 40%);
    border-radius: 5px;
}
.border-color-lite{
    border: 1px solid rgb(246 246 246 / 30%) !important;
}
.mt18{
    margin-top: 18px !important;
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #6cb5d7; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2391c3; 
}

.web-text-color{
    color: #105289 !important;
}

table  tr{
    border-bottom: 3px solid #edf3ff !important;
    background: #fff;
}
table tbody tr:last-child{
    border-bottom: 0px solid #edf3ff !important;
}
tbody tr td{
    border-bottom: 0px solid !important;
}
form{
    background-color: #fff;
}
.card .card-body{
    background-color: #fff;
    border-radius: 5px;
}
.graphs-heading-styles{
    padding: 14px;
    color: #28313c !important;
    font-size: 16px;
    font-weight: bold;
    background-color: #f9f9f9 !important;
    border-bottom: 6px solid #edf3ff;
}
.drpdwn-menu:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    height: 5px;
    border-radius: 2px;
    background: linear-gradient(45deg, #009de0 30%, #059b3e 90%);   
}
.id-circle-icon{
    font-size: 5px;
    padding-right: 4px;
    color: #15d5f9;
}
.nav.nav-pills.nav-pillss .nav-link.active {
    background-color: #105289 !important;
    color: #fff;
}
.nav.nav-pills.nav-pillss .nav-link {
    border: 1px solid #105289;
    background: #fff;
    color: #105289;
    padding: 4px 10px;
}
.feedback-saidepop{
    top: 17.5%;
    right: -32px;
    margin-top: 0%;
    height: 82.5%;
    background: #edf3ff !important;
}
.category-des-text{
    color: #8094ae;
    font-weight: normal;
    font-size: 13px;
    display: -webkit-box;
    max-width: 100%;
    line-height: 17px;
    word-break: break-all;
    height: 52px;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 992px){
    .col-lg-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.h-40{
    height: 40px;
}
.selected-dropdownn{
    height: 360px;
    overflow-y: auto;
}
.selected-dropdownn-btn{
    font-size: 14px;
    padding-left: 14px;
    padding-right: 0px;
    display: flex;
    justify-content: space-between;
    text-align: start;
    color: #888;
    height: 40px;
    width: 100%;
}
.selected-dropdownn-btn:hover{
     border: 1px solid #000 !important;
}
.selected-dropdownn-item{
    padding-left: 30px !important;
}
.selected-dropdown-arrow{
    font-size: 10px;
    color: #585858;
}
/*.exam-result-block{
    border: 1px solid #ebebeb;
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}*/
.exam-result-block{
    border: 1px solid #ebebeb;
    padding: 10px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.twoline-text-truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.oneline-text-truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.result-styles{
/*    background-color: #eaeaea;*/
/*    padding: 5px 10px;*/
    border-radius: 25px;
    margin-left: 15px;
}
.r-data-styles{
    line-height: 40px;
}
.exam-result-btn{
    border-radius: 25px !important;
    padding: 6px 10px !important;
}
.carousel-indicators.hpc-indicators{
    top: 110%;
}
.user-db-top-section{
    background: linear-gradient(180deg, #005452 0%, #91a4aa 90%);
    height: 280px;
}
.user-profile-bg{
    background: linear-gradient(180deg, rgb(249 253 133 / 31%) 0%, #f9fd85 90%);
    padding: 35px;
    border-radius: 15px;
    text-align: center;
}
.user-profile-calender-bg{
    margin-top: 190px;
}
.opacity-sm-btn{
    color: #ffffff;
    background-color: #ffffff1f !important;
    border-color: #ffffff1f !important;
    padding: 11px 15px;
    font-size: 14px;
    border-radius: 8px !important;
}
.opacity-sm-btn:hover{
    color: #ffffff;
}

/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
  top:-5px;
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #105289;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #105289;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #105289;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #105289;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #105289;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 300ms ease-out forwards;
}

.filter-dropdown-hite{
    height: 45vh;
    overflow-y: auto;
}

.header-profile-img-div img{
    max-width: 40px;
    height: 40px;
    border-radius: 50%;
}

.header-profile-name-text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 125px;
    font-weight: bold;
    color: #105289;
}

/*User CSS*/

.courses-in-user {
    height: 78.8vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.my-courses-nav-btns{
    padding: 7px 8px !important;
}
.my-courses-nav-btns:hover, .my-courses-nav-btns:focus{
    padding: 7px 8px !important;
}
.user-profile-imagee{
/*    background: url(../../../public/images/profile-image-bg.png);*/
/*    background-color: #a9c1bd;*/
    border-radius: 10px;
}
.user-main-profile-image-div {
    height: 140px;
    background: #a9c1bd;
    display: flex;
    align-items: center;
    border-radius: 50%;
}
.user-main-profile-image-div img{
    border-radius: 50%;
    height: 140px;
    width: 140px !important;
}
.user-profile-icons{
    padding: 10px;
    border-radius: 10px;
    background: linear-gradient(180deg, #005452 0%, #91a4aa 90%);
    color: #fff;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 50px;
}
.profile-rewards-styles{
    border: 2px solid #678890;
    background: linear-gradient(180deg, #005452 0%, #91a4aa 90%);
    border-radius: 15px;
}
.transparent-tabs{
/*    background: rgb(64 110 122 / 11%) !important;*/
    display: inline-flex;
    border-radius: 10px;
    border-bottom: 0px;
}
button.nav-link.transparent-nav-link{
    color: #fff !important;
    margin-right: 0px !important;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
    padding: 15px 25px !important;
}
.das-tabs-border-bottom{
    border-bottom: 1px solid #cbcbcb !important;
}
button.nav-link.transparent-nav-link.active{
/*    border-radius: 10px !important;*/
/*    border-bottom: 0px !important;*/
/*    background: rgb(64 110 122 / 16%) !important;*/
    color: #fff !important;
/*    border: 1px solid rgb(64 110 122 / 16%) !important;*/
    border-bottom: 3px #fff solid !important;
}
.courses_listt:first-child{
    border-top: 0px solid #edf3ff !important;
    margin-top: 0px;
}
.courses_listt{
    background-color: #fff;
    border-radius: 10px 10px 10px 10px !important;
    margin-top: 15px;
    padding: 0.6rem;
}
.filter-iconn{
    padding: 6px 7px !important;
    border-radius: 4px !important;
    vertical-align: middle;
    display: flex;
    align-items: center;
}
.btn-primaryy-tab{
    color: #b2b7bd !important;
    font-size: 15px !important;
    padding: 5px 0px !important;
    margin-right: 5px !important;
    border: 1px solid #ccc !important;
    padding: 9px 15px !important;
    border-radius: 5px;
    background: #fff !important;
    border-radius: 6px;
}
.btn-active-primaryy-tab{
    background-color: transparent !important;
    border: 1px solid #105289 !important;
    border-bottom: 3px solid #105289 !important;
    color: #105289 !important;
    font-size: 15px !important;
    font-weight: normal !important;
    padding: 9px 15px !important;
    margin-right: 5px !important;
    border-radius: 5px;
    background: #fff !important;
    border-radius: 6px;
}
.horizontal-tabs.btn-active-primaryy-tab:last-child {
    margin-right: 0px;
}
ul.multiselect-container.dropdown-menu{
    width: 90%;
    height: 33vh;
    overflow-y: auto;
}
button.multiselect.dropdown-toggle.btn.btn-default{
    border: 1px solid #e8eef3;
    width: 100% !important;
    padding: 13px 15px;
    text-align: left;
}
.btn-group{
    width: 100% !important
}
.multiselect-container>li>a>label {
    padding: 3px 10px 3px 10px !important;
    display: flex;
    align-items: baseline;
    color: #2e294e;
    line-height: 18px;
}
.multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 8px;
    position: relative;
    top: 2px;
}
ul.multiselect-container.dropdown-menu {
    margin-top: 0px;
}
button.multiselect.dropdown-toggle::after{
    position: absolute;
    right: 10px;
    top: 18px;
}
.user-rite-filter-drpdwn{
    top: 7%;
    left: 25%; 
    right: 3%;
}
.course-details-inline-label{
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #105289 !important;
    display: block;
}
.course-details-inline{
    border: 1px solid #ccc;
    padding: 3px 4px;
    text-transform: initial;
    font-size: 13px;
    border-radius: 3px;
    font-weight: normal;
    color: #b4b4b4 !important;
}
.course-code_in_courses{
    white-space: nowrap;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-dep-widt{
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.course-cat-in-courses{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.border-left-3p-t{
    border-left: 3px solid transparent;
}
.border-left-3p-b1{
    border-left: 3px solid #7f7bca !important;
}
.border-left-3p-b2{
    border-left: 3px solid #db5e5e !important;
}
.border-left-3p-b3{
    border-left: 3px solid #4ac0fd !important;
}
.border-left-3p-b4{
    border-left: 3px solid #329657 !important;
}
.border-left-3p-b5{
    border-left: 3px solid #b67bca !important;
}
.border-left-3p-b6{
    border-left: 3px solid #64ea9f !important;
}
.border-left-3p-b7{
    border-left: 3px solid #fd5696 !important;
}
.card-list-course-img{
    height: 125px !important;
    width: 100% !important;
}
.user-files-gap{
    border: 1px solid #eeeef0 !important;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.user-files-gap:first-child{
    margin-top: 0rem !important;
}
.user-files-gap:last-child{
    margin-bottom: 0rem !important;
}
.text-blue{
    color: #105289 !important;
}
.border-radius-top{
    border-radius: 8px 8px 0px 0px !important;
}
.my-team-user-reports{
    height: 84vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.bottom-butun-in-card{
    padding: 8px 15px;
    color: #004d40;
    border-radius: 5px !important;
    font-size: 15px;
    background: #ebebf1 !important;
    border: 1px solid #d6d6d6 !important;
    font-weight: bold;
}
.bottom-butun-in-card1{
    color: #4527A0 !important;
} 
.cursor-pointer{
    cursor: pointer;
}
.headingg{
    color: #105289 !important;
    font-size: 14px;
    font-weight: bold;
    background-color: #f9f9f9 !important;
    border-bottom: 1px solid rgba(200, 186, 186, 0.5);
    line-height: 18px;
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
}
.border-bottom-5{
    border-bottom: 5px solid #edf3ff !important;
}
.menu-icon1{
    color: #eb7664;
}
.menu-icon2{
    color: #4859cc;
}
.menu-icon3{
    color: #ff60a6;
}
.menu-icon4{
    color: #15d5f9;
}
.menu-icon5{
    color: #64eb97;
}
.menu-icon6{
    color: #df77d1;
}
.menu-icon7{
    color: #daa960;
}
.status-textt-in-coursess{
   /* position: relative;
    top: 9px;*/
    margin-right: 15px;
    color: #959494;
    width: max-content;
}
.btns-in-course-view{
    position: relative;
    top: -32px;
    right: -4px;
}
.bottom-btn-in-course-view-cal{
    position: relative;
    top: 0px;
    border-radius: 8px 8px 0px 0px !important;
    padding: 8px 15px;
}
.no-data-found-text{
    color: #105289;
    font-weight: normal;
    text-align: center;
}
.linnk-text{
    color: #005452 !important;
    border: none;
    background: transparent;
    text-decoration: underline;
}
.write-feedbck-txt{
    text-decoration: underline;
    color: #fff;
}
.write-feedbck-txt:hover{
    text-decoration: underline;
    color: #c7c7c7 !important;
}
.text-black{
    color: #303030 !important;
}
.lh18{
    line-height: 18px;
}
.bg-navyblue{
    background-color: #1c273c !important;
}
.shadow-border{
    box-shadow: inset 0 0 0 1px rgb(235 235 241) !important;
}
.choose-file-input{
    line-height: 23px !important;
    padding-left: 13.5px !important;
}
.view-que-file-btn{
    padding: 8px 16px;
}
.text-violet{
    color: #4859cc !important;
}
/*.text-violet{
    color: #5842f9 !important;
}*/

.text-violet:hover{
    color: rgb(88 66 249) !important;
}
.text-orange{
    color: #eb7664 !important;
}
.text-pink{
    color: #ff60a6 !important;
}
.border-bottom-blue{
    border-bottom: 1px solid #395b63 !important;
}
.headings-bg-gradient{
    padding: 7px 5px;
    border-radius: 3px;
    font-size: 15px;
    background: #ebebf1 !important;
    color: #105289 !important;
    font-weight: 500;
}
.filters-dropdown-menuu {
    transition: opacity 0.3s ease, visibility 0.3s ease;
    opacity: 1;
    visibility: visible;
}

.w-10{
    width: 10%;
}
.w-20{
    width: 20%;
}
.w-30{
    width: 30%;
}
.w-40{
    width: 40%;
}
.w-50{
    width: 50%;
}
.w-60{
    width: 60%;
}
.w-70{
    width: 70%;
}
.w-80{
    width: 80%;
}
.w-90{
    width: 90%;
}
.border-right-4-sep-dsbd{
    border-right: 1px solid rgb(216 216 216 / 80%);
}
.menuu-icon-sm{
    padding: 4px 10px !important;
}
.filters-dropdown-menuu.hide {
    opacity: 0;
    visibility: hidden;
}
/*Activity page*/

.icon-bg-stiles{
    background: #ececec;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex: none;
}
.icon-stiles{
    font-size: 15px;
    color: #6d6d6d;
}
.activity-course-block .icon{
    width: 25px;
    height: 25px;
    align-items: center;
    display: flex;
    color: #fff;
    justify-content: center;
    border-radius: 6px;
    flex:none;
}
.activity-course-block{
    margin-left: 15px;
    background: #ebebeb;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 500;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
}
.activity-course-name{
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
}
.activity-course-block .icon .icon-tag{
    font-size: 14px;
}
.align-space{
    padding-top: 12px;
    padding-left: 45px;
    color: #636363;
}
.feedback-styless{
    margin-top: 12px;
    margin-left: 45px;
    color: #636363;
    border: 1px solid #ebebeb;
    padding: 15px;
    border-radius: 5px;
}
@media (max-width: 991px){
    .border-right-4-sep-dsbd{
        border-right: 0px;
    }
    .menu-res-icon{
        width: 25px;
    }
    .user-db-top-section {
        background: transparent;
    }
    button.nav-link.transparent-nav-link {
        color: #000 !important;
        padding: 10px 15px !important;
        font-size: 13px;
    }
    .transparent-tabs{
        border-radius: 5px;
    }
    button.nav-link.transparent-nav-link.active {
        border-radius: 5px !important;
        border-bottom: 0px !important;
        background: #005452 !important;
        color: #fff !important;
        border: 1px solid rgb(64 110 122 / 16%) !important;
    }
    .dasboard-filters-drpdwn {
        width: 100%;
    }
    .horizontal-tabs-div{
        overflow-x: auto;
        scrollbar-width: none;
    }
    .horizontal-tabs{
        display: -webkit-box;
        overflow-x: auto;
        width: max-content;
    }
    .horizontal-tabs{
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }
    .responsive-sidemanu-dropdown-btn{
        background-color: #fff !important;
        font-size: 16px;
        color: #818181 !important;
        padding: 9px 10px;
        width: 100%;
        display: flex;
        justify-content: start;
    }
    .responsive-sidemanu-dropdown.dropdown .dropdown-menu{
        width: 100%;
    }
    .responsive-sidemanu-dropdown-btn::after{
        border-top: 0em solid !important; 
        border-right: 0em solid transparent !important; 
        border-bottom: 0 !important;
    }
    .mainmenu-icon{
        width: 25px;
    }
    button.btn.responsive-sidemanu-dropdown-btn.dropdown-toggle.show {
        border: 1px solid #cccccc;
    }
    .responsive-dropdown-item{
        line-height: 30px;
    }
    .SideMenuToggle{
        font-size: 30px;
        cursor: pointer;
        /* display: flex; */
        /* align-items: center; */
        /* justify-content: end; */
        color: #105289 !important;
        position: relative;
        left: -5px;
    }
    .profile-image-responsive{
        width: 40px !important;
        height: 40px !important;
    }
    .user-profile-icons {
        padding: 10px;
        border-radius: 10px;
        background: linear-gradient(180deg, #005452 0%, #91a4aa 90%);
        color: #fff;
        font-size: 30px;
        width: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .courses-in-user {
        height: 82.5vh;
    }
}

@media (max-width: 768px){
    .fc .fc-toolbar{
        display: block !important;
    }
    .fc-toolbar-title{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .fc-toolbar-chunk {
        text-align: center !important;
        align-items: center !important;
        display: flex !important;
        justify-content: center !important;
    }
    .courses-in-user {
        height: 77vh;
    }
}
.w-95p{
    width: 95%;
}
@media (max-width: 991px){
    .dark-theme-ob{
        color: #cdcdcd !important;
        background-color: #373c5a !important;
        border-radius: .25rem !important;
        padding: 9px 10px !important;
        border-radius: 7px !important;
        box-shadow: 12px 12px 16px 0 rgb(74 80 115) inset, -8px -8px 12px 0 rgb(15 15 15 / 25%) inset !important;
        border: 0px solid;
    }
    .dark-teme-para p{
        color: #d0d0d0;
    }
    .darkk-theme-text{
        color: #d0d0d0;
    }
    .sidepop {
        background: #373c5a !important;
    }
    .nav-tabs .nav-item.show .nav-link.nav-linkk, .nav-tabs .nav-link.nav-linkk.active, button.nav-link.nav-linkk.active, button.nav-link.nav-linkk{
        background: transparent !important;
        color: #9b9c9c !important;
        border: 1px solid #5f6de5 !important;
        border-bottom: 3px solid #d0d0d0 !important;
        padding: 9px 15px !important;
    }
    button.nav-link.nav-linkk.active, button.nav-link.nav-linkk:active{
        background: transparent !important;
        border: 1px solid #5f6de5 !important;
        color: #fff !important;
        border-bottom: 3px solid #d0d0d0 !important;
    }
    .sidepop .course-details-inline-label{
        color: #d0d0d0 !important;
    }
    .sidepop .course-details-inline {
        padding: 5px 4px;
        border: 0px solid #aaaaaa;
    }
    .descrip-border {
        border: 1px solid #aaaaaa !important;
    }
    .sidepop .course-name, .sidepop .exam-name, .sidepop .user-name{
        color: #d0d0d0 !important;
    }
    .sidepop .card .card-border {
        border: 1px solid #aaaaaa !important;
    }
    .sidepop .my-course-categori-name span:last-child{
        color: #d0d0d0 !important;
    }
    .sidepop .dashed-border-category-icon{
        color: #d0d0d0 !important;
        border: 1px dashed #d0d0d0;
    }
    .sidepop .form-group label{
        color: #d0d0d0;
    }
    .sidepop .table td, .jsgrid .jsgrid-table td, .sidepop .table > thead > tr > th {
        background: linear-gradient(178deg, rgb(72 79 116) 0%, rgb(59 64 95) 35%);
        color: #d0d0d0 !important;
    }
    .sidepop .table td{
        color: #b4b4b4 !important;
    }
    .sidepop table tr{
        border-bottom: 1px solid #878787 !important;
    }
}
@media (max-width: 768px){
    .res-main-headings{
        border: 1px solid #105289 !important;
        padding: 8px;
        border-radius: 5px;
        margin-bottom: 10px;
    }
    p.submenu-des{
        font-size: 12px;
        line-height: 16px
    }
}
@media (max-width: 576px){
    .table th, .jsgrid .jsgrid-table th, .table td, .jsgrid .jsgrid-table td{
        padding: .5rem .5rem;
    }
    .btn-primary, .wizard > .actions a {
        padding: 8px 12px;
    }
    .no-data-found-text.darkk-theme{
        color: #d0d0d0;
    }
    .table, .jsgrid .jsgrid-table {
        border-bottom: 1px solid #878787 !important;
    }
    .table>tbody {
        vertical-align: inherit;
        border: 1px solid #878787 !important;
    }
    .user-last-login-styles-responsive.ll-datails{
        font-size: 13px;
    }
    .res-main-headings{
        border: 1px solid #105289 !important;
        padding: 8px;
        border-radius: 5px;
        margin-bottom: 10px;
    }
    .col-form-label{
        padding-bottom: 8px;
    }
    .course-image-sm img{
        width: 95% !important;
        height: 70px !important;
        border-radius: 10px !important;
    }
    .sidepop{
        margin-top: 5%;
    }
    .sidepop {
        height: 97%;
        border-radius: 10px;
    }
    .courses-image-div img {
        max-width: 100px;
        max-height: 100px !important;
        border-radius: 10px;
    }
    .profile-image-styles{
        width: 65vw;
        text-align: right;
    }
    .web-btn {
        padding: 8px 10px;
        font-size: 12px;
    }
    .status-textt-in-coursess {
        width: max-content;
        font-size: 12px;
        position: relative; 
        top: 0px; 
    }
    .bottom-butun-in-card {
        position: relative;
        top: 0px;
    }
    .course-name, .exam-name, .user-name {
        font-size: 12px;
        height: 15px;
    }
    label{
        font-size: 12px;
    }
    .courses-in-user {
        height: 64vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
    p.submenu-des{
        font-size: 12px;
        line-height: 16px
    }
}