/* Font Import */
/* Auth Page Logo BG */
.logo-bg-fff{
    background-color: #fff;
    width: fit-content;
    padding: 20px;
    margin: auto;
    border-radius: 10px
}
/* Student Panel */

/* Stepper */

.fad{
    font-size: 18px;
}
.stepper-item .stepper-arrow{
    display: none;
   }

.stepper-item.current .stepper-arrow{
    display: inline-block;
}

.stepper-item .stepper-check{
    display: none;
}
.stepper-item.completed .stepper-check{
    display: inline-block;
}

.stepper.stepper-links .stepper-nav .stepper-item:after {

    top: 2rem;
    height: 2px;
    border-radius: 2px;
}

/* Enroll Modal */
.paymentMethods .radioSelect.selected{
    outline: solid 2px var(--bs-primary);
    border: none;
    -webkit-box-shadow: 0px 0px 10px -1px var(--bs-primary); 
   box-shadow: 0px 0px 10px -1px var(--bs-primary);
}
.paymentMethods .disabled img,.paymentMethods .disabled span{
    opacity: 50%;
    color: var(--bs-gray-600);
}

.radioSelect{
    width: 100%;
    height: 80px;
    cursor: pointer;
    background-color: var(--bs-gray-100);
}
.stepper-title .badge{
    display: block;
}
/* Course Card */
.course-card{
    width: 310px;
    height: 435px;
    /* border: solid 1px #e5e5e5; */
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    /* margin: 10px 0px 10px 10px; */
}
.checked{
        color: orange;
}

.course-card img{
    width: 100%;
    height: auto;
}
.course-card .card-data{
    padding: 10px;
}
.course-card .card-data h6{
    color: #b2b2b2;
    text-transform: uppercase;
    font-weight: 400;
}
.card-data .card-data-bottom{
    display: block;
    position: absolute;
    bottom: 0;
    padding-bottom: 10px;
    width: 92%;
}

.courseCard-v2{
    width: 100%;
 
}
/* Input Arrows Remove */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/* Dashboard Alerts */

.main-alerts{
    background-color: #fff;
    display: none;
}

.widget{
    
    height: 50px;
    background-color: green;
}



/* Admin Panel */
/* Create Course */

.nav-item{
    padding: 5px 5px 0px 5px;
}
.nav-item .active{
    color: #000;
    border-bottom: solid 2px #00aaff;
}

.nav-item span,small{
    color: #c3c3c3;
}
.nav-item .active span{
    color: #000;
    
}
.nav-item .active small{
    color: #00aaff;
}
.publish-button{
    background-color: #00aaff!important;
}


.nav-link .cc-nav-heading{
    font-family: var(--bs-font-sans-serif);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
.nav-item .active .cc-nav-heading{
    font-family: var(--bs-font-sans-serif);
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.module-card,.question-card,.lesson-card{
    border-radius: 5px;
}
.module-card:hover,.question-card:hover.lesson-card:hover{
    border-radius: 5px;
    box-shadow: 0px 0px 20px 1px var(--bs-gray-200);
}

/* Accounts Categories */
.main-category{
    width: 55px;
    height: 55px;
    background-color: var(--bs-light-primary);
    border-radius: 50%!important;
    font-size: 20px;
    color: var(--bs-primary);
    flex:none;
}
.sub-category{
    width: 40px;
    height: 40px;
    background-color: var(--bs-white);
    border-radius: 50%!important;
    color: var(--bs-primary);
    border: solid 1px var(--bs-gray-200);
    flex:none;
}
.iconlist{
    width: 100%;
    height: 100%;

}
.iconlist .nav-item{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--bs-light);
    padding: 0px!important;
    margin: 5px;
}
.iconlist .nav-link{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0px!important;
    margin: 0px!important;
    color: var(--bs-gray-500);
}
.iconlist .active{
    border: none!important;
    outline: solid 3px var(--bs-primary);
    color: var(--bs-primary);
}
.iconlist .svg-icon{
    width: 35px;
}


/* Button Group Color*/
 .btn-check:checked+.btn-outline-primary{
    color: #fff;
}


/* Data Range Plugin CSS */
.daterangepicker.show-calendar .ranges{
    height: auto!important;
  }


/* Media Queries */

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

    .nav-item .cc-nav-tagline{
        font-size: 10px;
    }
    .nav-link .cc-nav-heading{
        font-family: var(--bs-font-sans-serif);
        font-size: 12px;
        font-weight: 400;
        margin: 0;
    }
    .nav-item .active .cc-nav-heading{
        font-family: var(--bs-font-sans-serif);
        font-size: 12px;
        font-weight: 600;
        margin: 0;
    }
  }

@media only screen and (max-width: 500px) {
      .stepper-nav{
        display: block !important;
      }
      .stepper-item{
          margin: 15px !important;
          
      }
    .stepper-title{
        font-size: 1.5rem !important;
        margin: 0;
    
  }}

  /* FullScreen Media Querry */
  .d-fs-block{
    display: none!important;}
@media all and (display-mode: fullscreen) {
    .d-fs-none{
        display: none!important;
      }
      .d-fs-block{
        display: block!important;
    }    
  }