/******************************* website changes ********************************/
#myTabContent .rbt-team-thumbnail{
    height: 410px;
}

.rbt-signin-signup-btn{
    padding: 0 26px;
    background: var(--color-primary);
    height: 41px;
    line-height: 41px;
    color: var(--color-white);
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease-in-out;
    border-radius: 6px;
    border: 0 none;
    outline: none;
    text-decoration: none;
}

@media only screen and (max-width: 450px) {
    #myTabContent .rbt-team-thumbnail{
        height: auto;
    }
}

/* ******************rating box************************* */
.rating-box .rating i.fa{
    font-size:15px;
    padding: 0 2px;
}
/**************************Dark model*********************************/
.active-dark-mode .popup-mobile-menu.active .inner-wrapper{
    background: var(--color-bodyest);
}
.rbt-offcanvas-side-menu.active-offcanvas .inner-wrapper{
    background: var(--color-bodyest);
}
.active-dark-mode .popup-mobile-menu .inner-wrapper .inner-top .close-button{
    background: var(--color-bodyest);
}
.active-dark-mode .service-card-6 {
    background: #2b374c !important;
}
.active-dark-mode ul li{
    color: var(--color-white-off);
}
.active-dark-mode .form-control{
    background: transparent;
}
/***********************************Cart**********************************************/
.cart-items{
    padding: 20px 0;
    border-bottom: 1px solid var(--color-border);
}
.cart-items .course-media {
    display: flex;
}
.cart-items .thumbnail a img {
    border-radius: 6px;
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: 115px;
    max-height: 80px;
}
.cart-items .course-price .pro-remover{
    display: block;
    font-weight: 600;
    position: relative;
    z-index: 1;
}
.cart-items .course-price .current-price{
    font-size: 21px;
    font-weight: 700;
    line-height: 21px;
}
.cart-items .course-price .off-price{
    font-size: 17px;
    text-decoration: line-through;
    opacity: 0.4;
}
/*******************************************************************************/
.input-group-text{
    font-size: 14px;
}
.bg-primary-opacity-new {
    background: #cdd4fa !important;
    color: var(--color-primary-100) !important;
}

.bg-success-opacity {
    background: var(--success-opacity) !important;
    color: var(--color-success) !important;
}

.bg-danger-opacity {
    background: var(--danger-opacity) !important;
    color: var(--color-danger) !important;
}

.ck-editor__editable_inline:not(.ck-comment__input *) {
    min-height: 120px;
    max-height: 500px;
}

.form-select{
    height: 50px;
    background-color: transparent;
    border: 2px solid var(--color-border);
    border-radius: 6px;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    color: var(--color-body);
}
/* modal black screen */
.modal-backdrop{
    z-index: 0;
}
/**********************************************************************/
.course-image-upload .dropify-wrapper{
    height: 265px;
    border-radius: 6px;
    border: 2px dashed #000;
}
/* ************************** flash message  Custom Background Colors *************************** */
.swal2-popup{
    /* font-family: var(--cnvs-body-font); */
    /* font-family: "Nunito", sans-serif; */
    font-size: 16px !important;
}
.swal2-popup .swal2-title{
    font-weight: 500;
}
.swal2-success-bg {
    background-color: #d4edda !important;
    color: #155724 !important;
}
.swal2-warning-bg {
    background-color: #fff3cd !important;
    color: #856404 !important;
}
.swal2-error-bg {
    background-color: #f8d7da !important;
    color: #721c24 !important;
}
/****************************************************************/
/* ::placeholder {
    /* color: red !important; 
    opacity: 0.5 !important; /* Firefox *
  }
  
::-ms-input-placeholder { /* Edge 12-18 *
    /* color: red !important; *
    opacity: 0.5 !important;
} */
/* ************************** Instructor dashboard cover images *************************** */
.tutor-bg-photo::before{
    z-index: 2 !important;
}
/* ************************** Instructor dashboard Mobile menu *************************** */
.instructor-mobile-menu li a{
    display: flex;
    align-items: center;
}
.instructor-mobile-menu a i{
    display: inline !important;
    margin-right: 5px;
}
/************** Instructor dashboard top right instructor menu active *******************/
.rbt-user-menu-list-wrapper .user-list-wrapper li a.active {
    color: var(--color-primary);
    background: var(--black-opacity);
}
/* Website form textBox border color */
.form-group span.focus-border{
    background-color: transparent;
}
.form-control:focus{
    background-color: transparent;
    box-shadow: none !important;
}

/*************************************Dashboard menu**************************************************/
.mainmenu li a{
    display: flex;
    align-items: center;
}
.mainmenu a i{
    display: inline !important;
    margin-right: 5px;
}

.rbt-default-sidebar-wrapper ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.rbt-default-sidebar-wrapper ul li{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
    color: var(--color-body);
}
.rbt-default-sidebar-wrapper ul li a{
    color: var(--color-body);
    transition: 0.4s;
}

.rbt-default-sidebar-wrapper li + li {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid var(--color-border);
}

/************************************ Instructor dashboard course builder ****************************/
.section-locked-icon{
    font-size: 14px;
    position: absolute;
    left: 11px;
    top: 25px;
}

/************************************ student Order History table **********************************************/

.icademyTable thead tr th, 
.icademyTable thead tr td, 
.icademyTable tfoot tr th, 
.icademyTable tfoot tr td{
    padding:10px 10px;
}
/********************Events Page********************************/
.event-wrapper .rbt-badge-new-3 {
    position: absolute;
    top: 0px;
    right: 20px;
    height: 60px;
    width: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
    background: var(--color-primary);
}

.event-wrapper .rbt-badge-new-3 span {
    font-size: var(--font-size-b3);
    line-height: 1.2;
    color: #ffffff;
    display: block;
    font-family: var(--font-secondary);
}
.event-wrapper .rbt-category a{
    background: #FF8F3C10;
    color: var(--color-primary) !important;
}

.event-wrapper .rbt-time-duration{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 15px;
}

.event-wrapper .rbt-time-duration .time-start{
    width: 20%;
    text-align: left;
}
.event-wrapper .rbt-time-duration .single-progress{
   width: 60%
}
.event-wrapper .rbt-time-duration .time-end{
    width: 20%;
    text-align: right;
}
.event-wrapper .rbt-time-duration .single-progress p{
    font-size: 14px;
}
/**********************Events*****************************/
.event-wrapper .events-wrapper .read-more-btn{
    display: flex;
}

.event-wrapper .filter-button-default button, .filter-button-default a, .filter-tab-button button, .filter-tab-button a{
    height: 50px;
    line-height: 50px;
}

.event-wrapper .rbt-card-title{
    height: 60px;    
}
/**********************Events Details*****************************/
.event-details .course-details-content ul li {    
    list-style: none;
    position: relative;
}
.event-details .course-details-content ul li:before {    
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-weight: 600;
    left: -20px;
    top: 5px;
    color: #fba319;
    font-size: 14px;
}