@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Poppins:wght@400;500;600;700&display=swap');

html, body{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: normal;
    font-size:14px;
}

h1,h2,h3{
    font-family: 'Poppins', sans-serif !important;
}

a{
    color:#e91e60;
}

#loading-image {
    position: absolute;
    top: 50%;
    z-index: 100;
    transform: translateY(-50%);
}

#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

/* #loading-image {
  position: absolute;
  top: 200px;
  left: 600px;
  z-index: 100;
} */

#loading-image{
    width: 200px;
}

.content-wrapper{
    padding:10px 20px 0 20px
}

.content-header{
    padding-left: 0;
    padding-right: 0;
}


.main-header{
    height: 54px;
}

.main-header.navbar-dark .navbar-nav .active>.nav-link{
    color: #fd568c;
}

.main-sidebar.custom-sidebar .brand-text{
    font-size: 14px;
    font-weight: bold !important;
    color: #fff;
    position: relative;
    top: -2px;
}

.main-sidebar.custom-sidebar .brand-link{
    background-color: #343a40 !important;
    height: 54px !important;
}


.custom-sidebar .nav-sidebar .nav-item>.nav-link{
    margin-bottom: 0.5rem;
    padding:10px 8px;
}

[class*=sidebar-light-].custom-sidebar  .nav-sidebar>.nav-item:hover>.nav-link,
[class*=sidebar-light-].custom-sidebar .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*=sidebar-light-].custom-sidebar .nav-treeview>.nav-item>.nav-link.active,
[class*=sidebar-light-].custom-sidebar .nav-pills .nav-link:not(.active):hover,
[class*=sidebar-light-].custom-sidebar .nav-sidebar>.nav-item.active> a{
    /* background:#fff5f9;
    color:#750026; */
    background: #e9ecef;
    color: #000000;
}


.login-left{
    width: 600px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    padding:20px 40px;
    background: url(../../images/login-bg.jpg) 0 0 no-repeat;
    background-size: cover;
}


.login-left-bt{
    width: 600px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    padding:20px 40px;
    background: url(../../images/bt.jpg) 0 0 no-repeat;
    background-size: cover;
}

.login-left-bt:before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    /* background: rgb(233 30 96 / 0.6); */
    /* background: #e91e60;
    background: -moz-linear-gradient(top,  #e91e60 1%, #00b0ff 100%);
    background: -webkit-linear-gradient(top,  #e91e60 1%,#00b0ff 100%);
    background: linear-gradient(to bottom,  #e91e60 1%,#00b0ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91e60', endColorstr='#00b0ff',GradientType=0 ); */
    background: -moz-linear-gradient(top,  rgba(233,30,96,0.87) 0%, rgba(233,30,96,0.87) 1%, rgba(0,176,255,0.8) 100%);
background: -webkit-linear-gradient(top,  rgba(233,30,96,0.87) 0%,rgba(233,30,96,0.87) 1%,rgba(0,176,255,0.8) 100%);
background: linear-gradient(to bottom,  rgba(233,30,96,0.87) 0%,rgba(233,30,96,0.87) 1%,rgba(0,176,255,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe91e60', endColorstr='#9900b0ff',GradientType=0 );


    left: 0;
    top: 0;
    z-index: 0;
}

.login-left:before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    /* background: rgb(233 30 96 / 0.6); */
    /* background: #e91e60;
    background: -moz-linear-gradient(top,  #e91e60 1%, #00b0ff 100%);
    background: -webkit-linear-gradient(top,  #e91e60 1%,#00b0ff 100%);
    background: linear-gradient(to bottom,  #e91e60 1%,#00b0ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91e60', endColorstr='#00b0ff',GradientType=0 ); */
    background: -moz-linear-gradient(top,  rgba(233,30,96,0.87) 0%, rgba(233,30,96,0.87) 1%, rgba(0,176,255,0.8) 100%);
background: -webkit-linear-gradient(top,  rgba(233,30,96,0.87) 0%,rgba(233,30,96,0.87) 1%,rgba(0,176,255,0.8) 100%);
background: linear-gradient(to bottom,  rgba(233,30,96,0.87) 0%,rgba(233,30,96,0.87) 1%,rgba(0,176,255,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe91e60', endColorstr='#9900b0ff',GradientType=0 );


    left: 0;
    top: 0;
    z-index: 0;
}

.login-left .login-logo{
    font-size:18px;
    text-align: left;
    position: relative;
    z-index: 1;
}


.login-left-bt .login-logo{
    font-size:18px;
    text-align: left;
    position: relative;
    z-index: 1;
}


.middle-content{
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    z-index: 1;
}

.middle-content p{
    font-size:18px;
    color:#fcdfe9;
    margin-top: 40px;
}

.middle-content p a{
    color:#fff;
    text-decoration:underline;
}

.middle-content h3{
    color:#fff;
    font-weight: bold;
}

.login-left .login-logo a{
    color:#fff;
    font-weight: bold;
}

.login-left .login-logo img{
    margin-right: 10px;
    
}

.login-left-bt .login-logo a{
    color:#fff;
    font-weight: bold;
}

.login-left-bt .login-logo img{
    margin-right: 10px;
    
}

.login-page .login-box{
    height: 100%;
    width: 100%;
    padding-left: 600px;
}

.auth-inner-wrapper{
    padding: 50px 100px 40px 100px;
}

.auth-inner-wrapper .login-box-msg{
    text-align:left;
    font-size: 24px;
    padding-left: 0;
    font-weight: bold;
}

.auth-form{
    max-width: 450px;
    margin:0 auto;
    margin-top:100px
}

.auth-form.register-form{
    max-width: none;
    margin-top: 0;

}

.custom-controls .form-control:not(textarea){
    height: 48px;
}

.custom-controls .btn{
    padding:10px 20px;
    font-size:16px
}


.login-box .auth-form .form-control{
    height: 48px;
}

.login-box .auth-form .login-btn{
    padding:10px 20px;
    font-size:16px
}


.login-box .auth-form .login-btn i{
    margin-left: 20px;
}

.btn.btn-primary{
    background:#e91e60;
    border-color: #e91e60;
}

.text-primary{
    color: #e91e60;
}

.modal.custom-modal .modal-header{
    background:#750026;
    color: #fff;
}
.modal.custom-modal .modal-header button span{
    color:#fff
}
.profile-dropdown .image{
    display: inline-block;
}
.profile-dropdown img{
    width: 28px;
    height: 28px;
    margin-right: 10px;
    float: left;
}

.profile-dropdown > a{
    background: #fff;
    border-radius: 15px;
    padding: 3px 10px;
    color: #333 !important;
    font-weight: bold;
    
}

.profile-dropdown{
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.card.custom-card{
    margin-bottom: 2rem;
}

.card.custom-card .card-header{
    background-color: #effaff;
}

.card.custom-card .card-title{
    font-weight: 600;
}

.progress-card .progress-group{
    margin-bottom: 1rem;
}

.progress-card .progress{
    margin-bottom: 0.5rem;
}

.custom-card.table-card .table{ 
    margin-bottom: 2rem;
}

.btn.in_progress{
    background-color: #ffc107;
    cursor: default;
}
.btn.in_progress:before{
    content: "In progress";
}

.btn.not_started{
    background-color: #6c757d;
    color: #fff;
    cursor: default;
}
.btn.not_started:before{
    content: "Not started";
}

.btn.no_access{
    background-color: #dc3545;
    color: #fff;
    cursor: default;
}
.btn.no_access:before{
    content: "No Access";
}

.btn.spl_access{
    background-color: #28a745;
    color: #fff;
    cursor: default;
}
.btn.spl_access:before{
    content: "Special Access";
}

.btn.completed{
    background-color: #28a745;
    color: #fff;
    cursor: default;
}
.btn.completed:before{
    content: "Completed";
}


.forum-media img{
    width: 40px;
    height: 40px;
}

.forum-media .media-img{
    text-align: center;
    padding:0 20px;
    width:150px;
}

.forum-media .media-img p{
    font-weight: 600;
    margin-top:10px
}

.media.forum-media{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.media.forum-media .badge{
    padding:8px
}

.forum-media.single p{
    font-size:16px
}

.media.forum-media.comment-box{
    background: #f1f1f1;
    padding: 20px 10px;
    border-bottom:0;
}

.forum-media.comment-box .media-img{
    width:100px;
}

.assesment-content p{
    font-weight: 600;
    font-size: 16px;
}

.assesment-content p i{
    color: #e91e60;;
}

.hidden-authlink{
    display: none;
}

.login-logo.hidden-authlink{
    font-size: 14px;
    font-weight: bold;
}
.login-logo.hidden-authlink img{
    margin-right: 10px;
}

/* Admin Css */

.admin-login-page{
    -ms-flex-align: center;
    align-items: center;
    background: #e9ecef;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -ms-flex-pack: center;
    justify-content: center;
}

.admin-login-page .login-card-body{
    border-radius: 10px;
    padding: 30px;
}
.admin-login-page .login-box-msg{
    font-size: 16px;
    font-weight: 600;
    color: #929292;
}
.admin-login-page .login-logo img{
    margin-right: 10px;
}
.admin-login-page .login-logo a{
    font-size: 16px;
    font-weight: bold;
}

table.dataTable th{
    
    border-bottom-width: 0;
    border-top-width: 0;
}
.none-menu {
    display: none !important;
}

/* end*/

@media (max-width:1440px){
    .vimeo-iframe{
        padding-top:65% !important;
    }
}

@media (max-width:1280px){
    .vimeo-iframe{
        padding-top:55% !important;
    }
}

@media (max-width:1024px){
    .vimeo-iframe{
        padding-top:75% !important;
    }
    .login-left{
        display: none;
    }
    .login-left-bt{
        display: none;
    }


    .login-page .login-box{
        padding-left:0;
    }

    .hidden-authlink{
        display: block;
    }
    .auth-inner-wrapper{
        padding: 40px;
    }

    .forgot-link{
        display: none;
    }
    
    .auth-inner-wrapper .login-box-msg{
        font-size: 16px;
        padding-right:0;
        text-align: center;
    }
    .auth-form{
        margin-top: 50px;
    }
}

@media screen and (max-width: 480px) {
    .column{width: 50%;}
    .column .form-group{margin-bottom: 0;}
    .pc-ddl{width: 100% !important;}
    .cnt{margin: 0 auto !important;}
    .main-header{height: auto;}
    .main-header .nav-link{padding-left: 8px;}
    table.viewtbl tr{float: none;}
    table.viewtbl td{width: auto; float: none; font-size: 12px; vertical-align: top;}
    table.upld td{display: block; width: 100%;}
    #selectform > #sendmailtable{ width: 100%;overflow: auto;}
    #sendmailtable #example1 td,#sendmailtable #example1 th{font-size: 12px;}
    #sendmailtable #example1{width: 450px;}
    #example1 td{vertical-align: middle;}
    table.dataTable>tbody>tr.child ul.dtr-details{width: 100%;}
    .mob-batch{width: 160px !important;}
    .mob-batch select#batchno{width: 100%; margin-bottom: 5px;}
    
    
}



ul.faculty-list li {
    list-style-type: none;
    line-height: 36px;
    text-transform: capitalize;
    font-weight: bold;
}
.ms-options ul {
    list-style: none !important;
    line-height: 36px;
    text-transform: capitalize;
    font-weight: bold;
}
.ms-options-wrap>button:focus, .ms-options-wrap>button {
    padding: 12px !important;
}
.ms-options-wrap > .ms-options > ul label {
    padding: 0 !important;
}
.ms-options-wrap>.ms-options>ul input[type=checkbox] {
    margin-right: 5px !important;
    position: absolute !important;
    left: -18px !important;
    top: 12px !important;
}
.ms-options-wrap label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 300;
}