:root {
    --body-bg: #f1f5f9;
    --primary: #1c375b;
    --primary-light: #6f8197;
    --secondary: #cd4236;
    --secondary-light: #d2544a;
    --dblue: #1c375b;
    --inputBg: #f1f4f8;
    --lightBlue: #55597D;
    --exLightBlue: #C7C4D7;
    --green: #05EF63;
    --lightgray: #F8FAFB;
    --lightgray2: #f6f9fe;
    --border-color: #f3f5f5;
    --dgreen: #28A745;
    --lightgreen: #E8FFEE;
    --hgreen: #006729;
    --dorange: #F45624;
    --red: #FF3418;
    --lightred: #FFEEEE;
    --skyblue: #2B99FF;
}

body {
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(126deg, #faf3f3 0, #eff4fa 100%);
    overflow-x: hidden;
    height: 100%;
}

.btn {
    margin: 0;
}

button,
.btn:focus {
    box-shadow: none !important;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.theme-btn {
    background: var(--secondary);
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 12px 25px;
    margin: 0;
    border-radius: 8px;
    border: none;
    outline: none;
    transition: all 0.3s ease-in;
}
.theme-btn:hover {
    background: var(--primary);
    color: #fff;
}
.gray-btn,
.dele_btn{
    background: var(--lightBlue);
    display: inline-block;
    color: var(--white);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 9px 12px;
    margin: 0;
    border-radius: 8px;
    border: none;
    outline: none;
    transition: all 0.3s ease-in;
}
.dele_btn{
    background-color: var(--secondary);
}
.gray-btn:hover,
.dele_btn:hover{
    color: var(--white);
}
.btn-transparent {
    background: transparent;
    color: #db2838;
    border: 1px solid #b0b0b0;
}
.custom-btns {
    min-width: -webkit-fill-available;
}

.shadow-btn {
    box-shadow: 5px 4px 15px rgba(244, 120, 23, 0.33);
}

.shadow-btn:hover {
    box-shadow: 5px 4px 15px rgba(32, 27, 83, 0.33);
}

.theme-btn2 {
    background: var(--dgreen);
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 8px 25px;
    margin: 0;
    border-radius: 5px;
    border: none;
    outline: none;
    transition: all 0.3s ease-in;
}

.theme-btn2:hover {
    background: var(--hgreen);
    color: #fff;
}

.shadow-btn2 {
    box-shadow: 5px 4px 15px rgba(40, 167, 69, 0.33) !important;
}

.shadow-btn2:hover {
    box-shadow: 5px 4px 15px rgba(23, 140, 50, 0.33) !important;
}

.back-link {
    font-size: 14px;
    font-weight: 500;
    color: var(--secondary);
    display: flex;
    align-items: center;
    width: max-content;
    transition: all 0.3s ease-in;
}

.back-link:hover {
    color: var(--dblue);
}
.back-linkwicon svg path{
    transition: all 0.3s ease-in-out;
}
.back-linkwicon:hover svg path{
    stroke: var(--dblue);
}

.fn-12 {
    font-size: 12px;
}

.fn-13 {
    font-size: 13px !important;
}
.fn-14 {
    font-size: 14px !important;
}

.fn-16 {
    font-size: 16px !important;
}
.fn-18 {
    font-size: 18px !important;
}
.ln-h20{
   line-height: 20px;
}
.lightgray {
    background: var(--lightgray);
}

.text-dblue {
    color: var(--dblue);
}

.text-orange {
    color: var(--secondary);
}

.text-sky {
    color: var(--skyblue);
}

.text-dgreen {
    color: var(--dgreen);
}

.text-red {
    color: var(--red);
}

.fn-w600 {
    font-weight: 600;
}
.text-space-normal{
    white-space: normal !important;
}
.mw-100 {
    max-width: 100%;
}

.mb-30 {
    margin-bottom: 30px;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--dblue) !important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--dblue) !important;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--dblue) !important;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: var(--dblue) !important;
}

/* Login CSS */
.login {
    background: linear-gradient(180deg, #faefee 0, #eff4fa 100%);
    min-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    padding: 40px 20px;
}
.login-blocks {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 80px);
}
.logo-top{
    position: absolute;
    left: 30px;
    top: 20px;
    color: #25395c;
    font-weight: 600;
}
.login-blocks .login-form {
    max-width: 520px;
    /* margin: 0 auto; */
    position: relative;
    z-index: 1;
    width: 100%;
}
.login-blocks .login-form form {
    max-width: 520px;
    margin: 0 auto;
    background-image: linear-gradient(140deg, rgba(255, 255, 255, 0.022), rgba(255, 255, 255, 0.012));
    border-radius: 20px;
    padding: 50px 30px;
    border: none;
    box-shadow: 8px 6px 100px rgba(0, 0, 0, 0.25);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
}
/* .login-blocks .login-form:before {
    background: transparent;
    border: 30px solid #F69248;
    width: 184px;
    height: 184px;
    left: 30px;
    top: 30px;
    content: '';
    position: absolute;
    border-radius: 100%;
    z-index: -1;
    filter: blur(20px);
}
.login-blocks .login-form:after {
    background: transparent;
    border: 30px solid #F69248;
    width: 184px;
    height: 184px;
    right: -65px;
    bottom: -65px;
    content: '';
    position: absolute;
    border-radius: 100%;
    z-index: -1;
} */
.login-blocks .login-form h1 {
    font-size: 36px;
    color: var(--primary);
    font-weight: bold;
    text-align: center;
    margin: 0 0 20px;
}
.login-blocks .login-form p {
    font-size: 16px;
    color: var(--primary);
    font-weight: 400;
    text-align: center;
    max-width: 80%;
    margin: 0 auto 30px;
}
.login-blocks .login-form .form-group {
    margin-bottom: 30px;
    position: relative;
}
.login-blocks .login-form .form-group .form-control {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    height: 48px;
    padding: 6px 10px 6px 50px;
    font-size: 14px;
    font-weight: 400;
    color: var(--dblue);
}
.login-blocks .login-form .form-group .form-control:focus{
    outline: none;
    box-shadow: none;
}
.login-blocks .login-form .form-group .icon-left {
    position: absolute;
    left: 15px;
    top: 13px;
    padding: 2px 8px 2px 0;
    border-right: 1px solid var(--exLightBlue);
    display: block;
}
.login-blocks .login-form .form-group .right {
    position: absolute;
    right: 15px;
    top: 15px;
    border: none;
    color: var(--dblue);
}
.login-blocks .login-form .theme-btn {
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    margin-top: 30px;
    border-radius: 10px;
}
.login-blocks .login-form .link-text {
    color: var(--primary);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease-in;
    display: inline-block;
}
.login-blocks .login-form .link-text:hover {
    text-decoration: underline;
}
.login-blocks .login-form .styled-checkbox {
    position: absolute;
    opacity: 0;
}
.login-blocks .login-form .styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0;
    color: var(--primary);
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.login-blocks .login-form .styled-checkbox+label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 22px;
    height: 22px;
    border-radius: 5px;
    background: white;
}
.login-blocks .login-form .styled-checkbox:hover+label:before {
    background: var(--secondary);
}
.login-blocks .login-form .styled-checkbox:checked+label:before {
    background: var(--secondary);
}
.login-blocks .login-form .styled-checkbox:checked+label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}
.login-blocks .login-form .auth_copyright{
    margin-bottom: 0;
    margin-top: 30px;
    max-width: 100%;
    font-size: 14px;
}
.login-blocks .login-form .auth_copyright a{
    color: var(--primary);
}
.login-blocks .login-form .form-group .help-block {
    margin-top: 5px;
    display: block;
}
.or_sign span{
    position: relative;
    color: var(--primary);
    font-size: 14px;
    font-weight: 600;
}
.or_sign span::before{
    content: '';
    position: absolute;
    left: -25px;
    top: 7px;
    width: 20px;
    height: 2px;
    background-color: var(--primary);
}
.or_sign span::after{
    content: '';
    position: absolute;
    right: -25px;
    top: 7px;
    width: 20px;
    height: 2px;
    background-color: var(--primary);
}
.both_login{
    display: flex;
    align-items: center;
    gap: 10px;
}
.both_login>*{
    flex: 1;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    height: 48px;
    padding: 6px;
    font-size: 14px;
    font-weight: 400;
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.other_login:hover{
    color: var(--primary);
    text-decoration: none;
}
.auth-right img{
    margin-top: -54px;
}



/* Login CSS */


/* Top Head */

.main_container .top_nav {
    position: sticky;
    top: 0;
    z-index: 999 !important;
}

.nav-md .container.body .col-md-3.left_col,
.nav-sm .container.body .col-md-3.left_col {
    z-index: 999;
    background: var(--primary);
}

.container.body .col-md-3.left_col>.left_col {
    background: var(--primary);
    width: 100%;
    border-radius: 0 20px 20px 0;
}


.container.body .col-md-3.left_col .profile {
    margin-top: 74px;
    display: flex;
    gap: 15px;
    padding-bottom: 15px;
}

.img-circle.profile_img {
    width: 45px;
    height: 45px;
}

.nav-sm .profile_pic {
    width: auto;
    float: none;
}

.mCustomScrollBox {
    width: 100%;
}

.nav-sm .profile_info {
    width: auto;
    float: none;
    padding: 5px;
    text-align: center;
}

.nav-sm .profile_info span {
    font-size: 8px;
    line-height: inherit;
    margin-bottom: 5px;
}

.nav-sm .profile_info h2 {
    font-size: 10px;
}

/* .container.body .col-md-3.left_col {
    scrollbar-width: thin;
    scrollbar-color: #dae3f3 #fff;
} */

.container.body .col-md-3.left_col::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.container.body .col-md-3.left_col::-webkit-scrollbar-track {
    background-color: #fff;
}

.container.body .col-md-3.left_col::-webkit-scrollbar-thumb {
    background-color: #dae3f3;
}

.container.body .col-md-3.left_col::-webkit-scrollbar-track,
.container.body .col-md-3.left_col::-webkit-scrollbar-thumb {
    border-radius: 0;
}

.nav_title {
    font-family: 'Inter', sans-serif;
    /* height: 70px; */
    position: fixed;
    top: 0;
    z-index: 999;
    padding: 20px 10px;
}

.site_title {
    font-size: 16px;
    font-weight: 500;
    color: #fff !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 6px;
}

/* .site_title span {
    margin-left: 10px;
} */

.nav_menu {
    padding: 0 15px;
    height: 70px;
    background: #fff;
    border: none;
    box-shadow: 20px 4px 14px rgba(32, 27, 83, 0.11);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
}

.top_nav .navbar-right {
    margin: 0;
    padding: 0;
    float: none;
    display: flex;
    align-items: center;
}

.toggle {
    width: auto;
    margin-right: 5px;
}

.toggle a {
    padding: 0;
}

.nav-sm .navbar.nav_title img {
    width: 45px;
}

.user-profile {
    display: flex;
    align-items: center;
}

.user-profile img {
    width: 35px;
    height: 35px;
    position: relative;
}

.user-profile .active-status {
    background: var(--green);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 28px;
    bottom: 4px;
}

.user-profile p {
    margin: 0;
}

.user-profile p span.wel-text {
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--lightBlue);
}

.user-profile p span.name-text {
    color: var(--dblue);
    display: block;
    font-weight: 600;
    font-size: 14px;
}

.dropdown-toggle::after {
    color: var(--exLightBlue);
    border: 0;
    content: "\f078";
    font-family: 'FontAwesome';
    margin-top: 12px;
    margin-left: 5px;
}

.top_nav .navbar-right li {
    float: none;
    margin: 0 12px;
    position: relative;
}

.top_nav .navbar-right li:last-child {
    margin-right: 0;
}

.top_nav .navbar-right li .input-group {
    margin-bottom: 0;
}

.top_nav .navbar-right li .message-drop {
    color: #000;
    font-size: 20px;
    position: relative;
}

.top_nav .navbar-right li .message-drop .badge-danger {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 0;
}

.top_nav .navbar-right li .input-group input {
    border-radius: 8px !important;
    border: none;
    background: var(--lightgray);
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    min-width: 350px;
}

.top_nav .navbar-right li .input-group .input-group-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 9;
}

.top_nav .navbar-right li .input-group .input-group-btn .btn {
    margin: 0;
    height: 100%;
    color: var(--lightBlue);
}

.top_nav .navbar-right li .input-group .input-group-btn .btn:hover {
    color: var(--secondary);
}

/* Top Head */

/* Sidebar */
.main_menu .fa {
    width: auto;
    height: auto;
    opacity: 1;
}

.nav.side-menu>li {
    transition: all 0.3s ease-in;
    margin-bottom: 5px;
    border-radius: 10px;
}

.nav.side-menu>li>a {
    display: flex;
    align-items: center;
    color: var(--primary-light);
    font-size: 14px;
    font-weight: 400;
    padding: 8px 15px;
    margin-bottom: 0;
    transition: all 0.3s ease-in;
    border-radius: 10px;
}

.nav.side-menu>li>a .icon {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.1);
}

.nav.side-menu>li>a .link-title {
    margin-left: 10px;
}

.nav.side-menu>li>a .fa-chevron-down {
    flex-grow: 1;
    color: #fff;
    text-align: right;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    right: 10px;
    transition: all 0.3s ease-in;
}

.nav.side-menu>li.active>a .fa-chevron-down {
    transform: rotate(180deg);
}

.nav.side-menu>li:hover,
.nav.side-menu>li.current-page,
.nav.side-menu>li.active {
    border: none;
    background: var(--secondary);
    color: #fff;
}

.nav.side-menu>li:hover a {
    color: #fff;
}

.nav.side-menu>li:hover a .icon {
    background: transparent;
}

.nav.side-menu>li a:hover {
    color: #fff;
}

.nav.side-menu>li.current-page a:hover,
.nav.side-menu>li.current-page a,
.nav.side-menu>li.active a {
    color: #fff;
    font-weight: 500;
}

.nav.side-menu>li.current-page a:hover .icon,
.nav.side-menu>li.current-page a .icon,
.nav.side-menu>li.active a .icon {
    background: transparent;
}

.nav.side-menu>li>a:before {
    content: "";
    height: 32px;
    width: 8px;
    background: var(--primary);
    position: absolute;
    left: 1px;
    z-index: 9;
    border-radius: 0 5px 5px 0;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.nav.side-menu>li.current-page>a::before,
.nav.side-menu>li.active>a::before {
    opacity: 1;
}

.nav.side-menu>li.active>a,
.nav.side-menu>li.active-sm>a {
    border: none;
    background: var(--secondary);
    color: #fff;
}

.nav-sm ul.nav.child_menu {
    background: var(--primary);
}

.nav.child_menu {
    background: var(--primary);
    /* padding: 5px 0; */
}

.nav.side-menu>li .nav.child_menu a {
    color: #697C90;
    font-size: 12px;
    font-weight: 400;
    padding: 8px 15px 8px 20px;
    transition: all 0.3s ease-in;
}

.nav-md ul.nav.child_menu li:before {
    left: 27px;
    border-radius: 50%;
    margin-top: 14px;
    background: #697C90;
    width: 6px;
    height: 6px;
    box-shadow: 0 0 0 4px #1c375b;
}

.nav-md ul.nav.child_menu li.current-page:before {
    background: var(--secondary);
}

.nav li.current-page {
    background: none;
}

.nav-md ul.nav.child_menu li.active::before,
.nav-md ul.nav.child_menu li.current-page::before {
    opacity: 1;
}

.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #697c9078;
    left: 29px;
}

.nav-sm .nav.side-menu>li .link-title {
    margin: 8px 0 0 0;
}

.nav-sm .nav.side-menu>li>a {
    justify-content: center;
    flex-direction: column;
}

.nav.child_menu li:hover,
.nav.child_menu li.active {
    background: transparent;
}

.nav.side-menu>li .nav.child_menu li:hover a,
.nav.side-menu>li .nav.child_menu li.current-page a {
    color: #fff;
}

.nav-sm .nav.side-menu>li:hover,
.nav-sm .nav.side-menu>li.current-page,
.nav-sm .nav.side-menu>li.active {
    background: transparent;
}

.nav-sm .nav.side-menu>li>a:before {
    background: var(--secondary);
}

.nav-sm .nav.side-menu>li.current-page a:hover .icon,
.nav-sm .nav.side-menu>li.current-page a .icon,
.nav-sm .nav.side-menu>li.active a .icon {
    background: var(--secondary);
}

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
    border: none;
}

.main_calendar>#calendar{
    background-color: #fff;
    padding: 90px 30px 30px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
    border-radius: 20px;
    margin-top: 0;
}

/* Sidebar */

/* Footer */
footer {
    padding: 15px 20px;
    z-index: 5;
    /* position: relative; */
    position: fixed;
    bottom: 0;
}

.main_container {
    padding-bottom: 50px;
}
/* Footer */

/* Main Content */
body .container.body .right_col {
    /* background: var(--body-bg); */
    padding: 14px 20px 30px 20px !important;
    overflow: hidden;
    position: relative;
    z-index: 1;
    /* min-height: auto !important; */
}
/* body .container.body::before{
    content: '';
    position: absolute;
    left: 20px;
    top: 20px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="339" height="305" viewBox="0 0 339 305" fill="none"><path d="M335.467 81.8416C353.104 135.764 302.363 210.406 235.342 256.625C168.049 303.11 84.4763 320.907 39.9762 288.5C-4.52376 256.359 -9.95059 174.015 14.1988 111.326C38.3482 48.6381 92.3451 5.60634 162.08 0.559408C232.086 -4.75315 317.83 28.1847 335.467 81.8416Z" fill="%23D2544A"/></svg>');
    background-repeat: no-repeat;
    width: 500px;
    height: 500px;
    filter: blur(180px);
    opacity: 0.6;
} */
body .container.body::before{
    content: '';
    position: fixed;
    left: 240px;
    bottom: 60px;
    background-image: url('/images/book-vector.svg');
    background-repeat: no-repeat;
    width: 108px;
    height: 102px;
    opacity: 0.1;
}

body .container.body::after{
    content: '';
    position: fixed;
    right: 60px;
    top: 60px;
    background-image: url('/images/graph-vector.svg');
    background-repeat: no-repeat;
    width: 116px;
    height: 81px;
    opacity: 0.1;
}

.card-block {
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
}

h3.title-text {
    color: var(--dblue);
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
    text-transform: capitalize;
}

span.total-count {
    color: var(--secondary);
    font-size: 14px;
    font-weight: 600;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 2px solid var(--exLightBlue);
    flex-shrink: 0;
}

.filter-row {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.filter-row>li {
    width: 100%;
}

.filter-row>li:last-child {
    max-width: 190px;
    text-align: center;
}

.filter-row>li .form-control {
    background-color: var(--inputBg);
    border: none !important;
    border-radius: 8px;
    height: 44px !important;
    color: var(--dblue);
    font-size: 14px;
    font-weight: 400;
}
.input-group .select2-container {
    width: 100% !important;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: var(--inputBg);
    border: none;
    border-radius: 8px;
    min-height: 44px;
}
.filter-col .select2-container{
    width: 100% !important;
}
.filter-col .select2-container--default .select2-selection--multiple{
    border: none !important;
}
.filter-col .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 5px 30px 5px 15px !important;
    width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
    padding: 0 15px;
    padding-right: 30px;
    color: var(--dblue);
    font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    right: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(../../images/droparrow.svg) no-repeat center center;
    border: none;
    width: 14px;
    height: 8px;
    transition: all 0.3s ease-in;
    margin-top: -4px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
}
.select2-container--default.select2-container--open {
    /* box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11); */
    border-radius: 8px 8px 0 0;
    z-index: 9999;
}
.select2-dropdown {
    background: var(--lightgray);
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    border: none;
    border-top: 2px solid var(--exLightBlue) !important;
    padding: 5px 0;
}
.select2-dropdown .selectbtns {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.select2-dropdown .selectbtns .btn {
    color: var(--dblue);
    background: none;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.3s ease-in;
}
.select2-dropdown .selectbtns .btn:hover {
    color: var(--secondary);
}
.select2-dropdown .select2-search .select2-search__field {
    background: #fff;
    margin-bottom: 5px;
    border: 1px solid var(--exLightBlue);
    padding: 6px 10px;
    border-radius: 3px;
}
.select2-dropdown .select2-results .select2-results__option {
    background: none;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--dblue);
    margin-bottom: 1px;
    transition: all 0.3s ease-in;
}
.select2-dropdown .select2-results .select2-results__option .select2-results__options--nested {
    padding: 0 12px;
}
.select2-selection--multiple .select2-selection__rendered span.select2-selection__clear {
    margin-right: 22px !important;
    font-size: 16px;
    margin-top: 4px !important;
}
.select2-dropdown .select2-results .select2-results__option[aria-selected="true"]{
    background: var(--exLightBlue);
}
.select2-results__option--highlighted{
    background: var(--exLightBlue) !important;
}
.select2-dropdown .select2-results .select2-results__option:hover {
    background: #fff;
    color: var(--secondary);
}
.select2-dropdown .select2-results .select2-results__option div.checkbox {
    display: flex;
    align-items: center;
}
.select2-dropdown .select2-results .select2-results__option div.checkbox input[type="checkbox"] {
    accent-color: var(--dblue);
    width: 14px;
    height: 14px;
}
.select2-selection--multiple:before {
    content: "";
    background: url(../../images/droparrow.svg) no-repeat center right;
    border: none;
    width: 14px;
    height: 8px;
    position: absolute;
    right: 13px;
    top: 18px;
    transition: all 0.3s ease-in;
}
.select2-container--default.select2-container--open .select2-selection--multiple::before {
    transform: rotate(180deg);
}
.select2-dropdown .select2-results .select2-results__option div.checkbox label {
    margin: 0 0 0 5px;
}
.select2-dropdown ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #fff;
}
.select2-dropdown ::-webkit-scrollbar-track {
    background-color: #fff;
}
.select2-dropdown ::-webkit-scrollbar-thumb {
    background-color: #55597D;
}
.select2-dropdown ::-webkit-scrollbar-track,
.select2-dropdown ::-webkit-scrollbar-thumb {
    border-radius: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--dblue);
}
.stcard-box {
    position: relative;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 20px;
    padding: 24px 24px 24px 90px;
    margin-bottom: 20px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
    min-height: 90px;
    overflow: hidden;
}

.stcard-box span {
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-weight: bold;
    color: var(--dblue);
    margin-left: -15px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 90px;
    height: calc(100% + 40px);
    font-size: 18px;
    padding: 24px 24px 24px 26px;
}
.hidden-bg{
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 70px;
    opacity: 0.05;
}
.stcard-box span.shade1 {
    border-color: #1CCE66;
    background: #D4FFE6;
    box-shadow: 6px 6px 14px rgba(28, 206, 102, 0.25);
}
.stcard-box span.shade2 {
    border-color: #FFCB12;
    background: #FFEDAE;
    box-shadow: 6px 6px 14px rgba(255, 203, 18, 0.25);
}
.stcard-box span.shade3 {
    border-color: #FF6363;
    background: #FFE2E2;
    box-shadow: 6px 6px 14px rgba(255, 99, 99, 0.25);
}
.stcard-box span.shade4 {
    border-color: #9E63FF;
    background: #EDE5FB;
    box-shadow: 6px 6px 14px rgba(158, 99, 255, 0.25);
}
.stcard-box span.shade5 {
    border-color: #43a6eb;
    background: #43a6eb45;
    box-shadow: 6px 6px 14px rgba(67, 166, 235, 0.25);
}
.stcard-box span.shade6 {
    border-color: #ff63f7;
    background: #ff63f74f;
    box-shadow: 6px 6px 14px rgba(255, 99, 247, 0.25);
}
.filter_top{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
}
.filter_top.date_dropdown{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.filter-col-btn{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.course-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.input-group.input-search {
    max-width: 350px;
}
.input-group.input-search input {
    border-radius: 8px !important;
    border: none;
    background: var(--inputBg);
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding-right:35px;
}
.input-group.input-search .input-group-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 9;
}
.input-group.input-search .input-group-btn .btn {
    margin: 0;
    height: 100%;
    color: var(--lightBlue);
}
.input-group.input-search .input-group-btn .btn:hover {
    color: var(--secondary);
}
.card-block .pagination {
    align-items: center;
    flex-shrink: 0;
}
.card-block .pagination .showing-item {
    align-items: center;
    flex-shrink: 0;
    margin: 0 15px;
    font-size: 10px;
    font-weight: 400;
    color: var(--dblue);
}
.card-block .pagination .page-link {
    border: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    color: var(--dblue);
    transition: all 0.3s ease-in;
    margin: 0 2px;
}
.card-block .pagination .page-link:hover {
    background: none;
}
.card-block .pagination .page-link.prev,
.card-block .pagination .page-link.next {
    background: var(--lightgray);
    font-size: 16px;
    padding: 10px 15px;
}
.card-block .pagination .page-link.prev:hover,
.card-block .pagination .page-link.next:hover {
    background: var(--dblue);
    color: #fff;
}
.course-list {
    margin-top: 20px;
}
.course-list li {
    position: relative;
    display: flex;
    border-radius: 5px;
    padding: 15px;
    border: 1px solid #D2D6E3;
}
.course-list li.active {
    border-color: #28A745;
}
.course-list li+li {
    margin-top: 25px;
}
.course-list .course-thumb {
    border-radius: 5px;
    overflow: hidden;
    width: 220px;
    height: 150px;
    flex: 0 0 auto;
    margin-right: 20px;
}
.course-list .course-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.course-list .course-description {
    display: flex;
    flex-direction: column;
    flex: 1 0 0%;
}
.learning_course_list>li{
    border: none;
    background-color: var(--lightgray2);
    border-radius: 10px;
    padding: 20px;
}
.learning_course_list>li .course-description p{
    color: var(--primary-light);
    margin-bottom: 14px;
}
.learning_course_list>li .course-description .top-dis h3.title-text{
    padding-right: 40px;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 500;
}
.learning_course_list>li .dropdown{
    right: 18px;
    top: 18px;
}
.learning_course_list>li .dropdown>.btn{
    width: 26px;
    height: 26px;
    background-color: #e5effc;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.learning_course_list>li .dropdown>.btn img{
    height: 14px;
}
.course-list .course-description .course-detail {
    margin-top: auto;
    background: #e5effc;
    border-radius: 10px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    row-gap: 10px;
    column-gap: 5px;
}
.course-list .course-description .course-detail .detail-col .p-light {
    margin-bottom: 6px;
    color: var(--primary-light);
    font-size: 12px;
    font-weight: 400;
}
.course-list .course-description .course-detail .detail-col .p-dark {
    margin-bottom: 0;
    color: var(--dblue);
    font-size: 12px;
    font-weight: 500;
    position: relative;
}
.course-list .course-description .course-detail .detail-col .status-active {
    background: #28A745;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
}
.course-list .course-description .course-detail .detail-col .status-deactive {
    background: var(--red);
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
}
.course-list .course-description .course-detail .detail-col input[type=checkbox] {
    opacity: 0;
    position: absolute;
    left: 0;
}
.course-list .course-description p {
    font-size: 12px;
    font-weight: 400;
    color: #4A4674;
    margin-bottom: 10px;
}
.course-list .dropdown {
    position: absolute;
    right: 2px;
    top: 10px;
}
.course-list .dropdown .dropdown-menu {
    background: var(--white);
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 10px;
    min-width: 190px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    padding-top: 6px;
    padding-bottom: 6px;
}
.course-list .dropdown .dropdown-menu a {
    display: block;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 400;
    color: var(--dblue);
    transition: all 0.3s ease-in;
}
.course-list .dropdown .dropdown-menu a:hover {
    background: #fff;
}
.course-list .dropdown .dropdown-menu a.text-danger {
    color: #E80E0E;
}
/* Step Form */
.form-wizard .wizard-fieldset {
    display: none;
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
}

.form-wizard .wizard-fieldset.show {
    display: block;
}

.form-wizard .form-wizard-steps {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 5px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
}

.form-wizard .form-wizard-steps li {
    width: 25%;
    position: relative;
}

.form-wizard .form-wizard-steps li::after {
    background: #E2EBEF;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    right: 0;
    top: 30px;
    width: 100%;
}

.form-wizard .form-wizard-steps li span.step_icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--lightgray);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 2px solid var(--dblue);
    position: relative;
    z-index: 9;
}

.form-wizard .form-wizard-steps li span.step_descr {
    display: block;
    margin-top: 10px;
    color: var(--dblue);
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

.form-wizard .form-wizard-steps li:last-child::after {
    width: 0;
    left: 0;
}

.form-wizard .form-wizard-steps li.active span.step_icon,
.form-wizard .form-wizard-steps li.activated span.step_icon {
    border-color: #1CCE66;
}

.form-wizard .form-wizard-steps li.active span.step_icon svg path,
.form-wizard .form-wizard-steps li.activated span.step_icon svg path {
    stroke: #1CCE66;
}

.form-wizard .form-wizard-steps li.active::after,
.form-wizard .form-wizard-steps li.activated::after {
    background: var(--dblue);
}

.form-wizard .form-wizard-steps li.activated::after {
    background: #1CCE66;
}


.main_title{
    font-size: 22px;
    color: var(--primary);
    font-weight: 600;
    margin-top: 0;
}
.right_col .form-wizard .form-group select.form-control,
.right_col .form-wizard .form-design select.form-control{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
    background-image: url(../../images/droparrow.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
}
.right_col .form-wizard .form-group {
    margin-bottom: 24px;
}
.right_col .form-wizard .form-design .form-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--dblue);
    margin-bottom: 6px;
}
.right_col .form-wizard .form-design .form-control {
    background: var(--inputBg);
    height: 44px;
    border-radius: 8px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: var(--dblue);
    padding-left: 15px;
    padding-right: 15px;
}
.right_col .form-wizard .form-design textarea.form-control {
    height: 100px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.right_col .form-wizard .form-design .drop-file {
    background: var(--inputBg);
    border-radius: 8px;
    padding: 30px 50px;
    text-align: center;
}
.right_col .form-wizard .form-design .drop-file .form-label,
.x_content .drop-file label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
}
.color-primary{
    color: var(--primary) !important;
}

.right_col .form-wizard .form-design .drop-file .dropify-wrapper,
.x_content .drop-file .dropify-wrapper {
    border: none;
    border-radius: 0;
    height: 250px;
    max-width: 500px;
    margin: 0 auto;
    background: transparent;
}

.right_col .form-wizard .dropify-wrapper .dropify-message span.file-icon:before,
.x_content .drop-file .dropify-wrapper .dropify-message span.file-icon:before {
    color: #4A4674;
    font-weight: 900;
}

.right_col .form-wizard .dropify-wrapper .dropify-message p,
.x_content .drop-file .dropify-wrapper .dropify-message p {
    color: var(--lightBlue);
    font-size: 14px;
    font-weight: 500;
}

.right_col .form-wizard .success-box {
    max-width: 540px;
    margin: 30px auto;
    background: #fff;
    border-radius: 5px;
    padding: 40px 25px;
    text-align: center;
    box-shadow: 0px 0px 14px rgba(32, 27, 83, 0.03);
}

.right_col .form-wizard .success-box h4 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin: 20px 0 12px;
}

.right_col .form-wizard .success-box p {
    color: var(--dblue);
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 15px;
}

.right_col .form-wizard .success-box .theme-btn i {
    font-weight: 100;
}

.right_col .form-wizard .add-more-section {
    background: var(--lightgray);
    padding: 15px 20px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
}

.right_col .form-wizard .add-more-section .theme-btn {
    padding: 10px 15px;
}

.right_col .form-wizard .add-more-section .theme-btn img {
    filter: brightness(0) invert(1);
}

.right_col .form-wizard .add-more-section .dropdown-menu {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 10px;
    margin-top: 5px;
    min-width: 200px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
}

.right_col .form-wizard .add-more-section .dropdown-menu .btn {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--dblue);
    border-radius: 5px;
    transition: all 0.3s ease-in;
}

.right_col .form-wizard .add-more-section .dropdown-menu .btn i {
    margin-right: 6px;
}

.right_col .form-wizard .add-more-section .dropdown-menu p {
    font-size: 12px;
    font-weight: 300;
    color: var(--lightBlue);
    margin: 2px 10px;
}

.right_col .modal-content {
    border-radius: 5px;
    border: 1px solid var(--border-color);
}

.right_col .modal-content .modal-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--dblue);
}

.right_col .modal-content .modal-header .close:not(.inner_modal_close) {
    position: absolute;
    right: 8px;
    top: 10px;
    background: var(--dblue);
    color: var(--white);
    font-size: 20px;
    font-weight: 400;
    text-shadow: none;
    opacity: 1;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: all 0.3s ease-in;
}

.right_col .modal-content .modal-header .close:focus {
    outline: none;
}

.right_col .modal-content .modal-header .close:not(.inner_modal_close):hover {
    background: var(--red);
}

.right_col .modal-content .form-group label {
    font-size: 14px;
    font-weight: 500;
    color: var(--dblue);
    margin-bottom: 5px;
    display: block;
}

.right_col .modal-content .form-group .form-control {
    border: 1px solid var(--border-color);
}

.right_col .add-more-section .dropdown-menu .btn:hover {
    background: var(--lightgray);
}

.right_col .modal-content .btn-cancel {
    background: var(--lightgray);
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    transition: all 0.3s ease-in;
}

.right_col .modal-content .btn-cancel:hover {
    background: var(--exLightBlue);
}


.right_col .form-wizard .content-section {
    /* padding: 15px;
    border: 1px solid var(--border-color);
    border-radius: 5px; */
}

.right_col .form-wizard .content-section+.content-section {
    margin-top: 20px;
}

.right_col .form-wizard .accordion>.card {
    border: 1px solid #D2D6E3;
    border-radius: 5px;
    background: var(--lightgray);
}

.right_col .form-wizard .accordion>.card+.card {
    margin-top: 10px;
}

.right_col .form-wizard .accordion+.accordion {
    margin-top: 10px;
}

.right_col .form-wizard .accordion .card>.card-header {
    background: var(--lightgray);
    margin: 0;
    border: none;
    border-radius: 0;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.right_col .form-wizard .accordion .card>.card-header .left-heading {
    font-size: 14px;
    font-weight: 600;
    color: var(--dblue);
    width: calc(100% - 120px);
}

.right_col .form-wizard .accordion .card>.card-header .left-heading img {
    width: 42px;
    height: 42px;
}

.right_col .form-wizard .accordion .card>.card-header .right-icons img {
    width: 18px;
}

.right_col .form-wizard .accordion .card .card-body {
    margin: 0 10px;
    padding: 15px 0;
    border-top: 1px solid #D2D6E3;
}

.right_col .form-wizard .accordion .card .card-body .wizards-div:not(:last-child) {
    margin-bottom: 10px;
}

.right_col .form-wizard .accordion .card .card-body .repeat-block {
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #D2D6E3;
}

.right_col .form-wizard .repeat-block+.repeat-block {
    margin-top: 10px;
}

.right_col .form-wizard .editable-heading {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--dblue);
    width: 80%;
}

.right_col .form-wizard .accordion .chp-add-section {
    border: 1px solid #D2D6E3;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.right_col .form-wizard .accordion .deep-inner-repeater .chp-add-section {
    border: none;
}

.right_col .form-wizard .accordion .deep-inner-repeater .chp-add-section.add_option_block_outer>div {
    border: 1px solid #D2D6E3;
}

.right_col .form-wizard .accordion .chp-add-section+.chp-add-section {
    margin-top: 15px;
}

.right_col .form-wizard .accordion .chp-add-section .chp-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 10px;
}

.right_col .form-wizard .accordion .chp-add-section .chp-heading .chp-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--dblue);
    margin-right: 10px;
    width: calc(100% - 120px);
}

.right_col .form-wizard .accordion .chp-add-section .chp-heading .right-icons {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.right_col .form-wizard .accordion .chp-add-section .chp-heading .right-icons img {
    width: 18px;
}

.right_col .form-wizard .accordion .chp-add-section .card-body {
    border-top: 1px solid #D2D6E3;
    position: relative;
}

.right_col .form-wizard .accordion .chp-add-section .card-body .nav-pills {
    margin-bottom: 25px;
    gap: 20px;
}

.right_col .form-wizard .accordion .chp-add-section .card-body .nav-item {
    flex: 1;
    text-align: center;
}

.right_col .form-wizard .accordion .chp-add-section .card-body .nav-item .nav-link {
    background: var(--lightgray);
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 600;
    color: var(--dblue);
}

.right_col .form-wizard .accordion .chp-add-section .card-body .nav-item .nav-link.active {
    background: var(--secondary);
    color: #fff;
}

.right_col .form-wizard .accordion .chp-add-section .card-body .nav-item .nav-link.active img {
    filter: brightness(0) invert(1);
}

.right_col .form-wizard .accordion .form-group .mce-tinymce {
    border: 1px solid #D2D6E3;
    border-radius: 5px;
    box-shadow: none;
    overflow: hidden;
}

.right_col .form-wizard .accordion .mce-top-part {
    border-bottom: 1px solid #D2D6E3;
}

.right_col .form-wizard .accordion .mce-top-part::before {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.right_col .form-wizard .accordion .spacer {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--dblue);
    background: #fff;
    position: relative;
    margin: 15px -20px;
    z-index: 9;
}

.right_col .form-wizard .accordion .spacer::before {
    content: "";
    background: #D2D6E3;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 9px;
    z-index: -1;
}

.right_col .form-wizard .accordion .spacer::after {
    content: "";
    background: #fff;
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.right_col .form-wizard .accordion .dropify-wrapper {
    height: 250px;
    border: 1px solid #D2D6E3;
    border-radius: 5px;
}

.spacer2 {
    background: #D2D6E3;
    width: 100%;
    height: 1px;
    display: block;
    margin: 30px 0;
}

/* Step Form */
.right_col .back-page {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.right_col .breadcrumb {
    padding: 0;
    margin: 0;
    background: none;
    border-radius: 0;
    border: none;
}
.right_col .breadcrumb .breadcrumb-item a {
    font-size: 14px;
    font-weight: 500;
    color: var(--dblue);
    transition: all 0.3s ease-in;
}
.right_col .breadcrumb .breadcrumb-item a:hover {
    text-decoration: underline;
}
.right_col .breadcrumb .breadcrumb-item.active {
    font-size: 14px;
    font-weight: 400;
    color: var(--secondary);
}
.right_col .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    color: var(--dblue);
}
.right_col .content .switch-btn {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 26px;
    margin: 0 15px;
}
.right_col .content .switch-btn input {
    opacity: 0;
    width: 0;
    height: 0;
}
.right_col .content .slider-toggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 30px;
    background-color: #D2D6E3;
    -webkit-transition: .4s;
    transition: .4s;
}
.right_col .content .slider-toggle:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 3px;
    border-radius: 50%;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.right_col .content input:checked+.slider-toggle {
    background-color: #28A745;
}
.right_col .content input:checked+.slider-toggle:before {
    -webkit-transform: translateX(28px);
    -ms-transform: translateX(28px);
    transform: translateX(28px);
}
.right_col .slideshow {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
.right_col .slideshow .item h1 {
    color: var(--dblue);
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 15px;
}
.right_col .slideshow .item h3 {
    color: var(--dblue);
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px;
}
.right_col .slideshow .item p {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: inherit;
    margin-bottom: 15px;
}
.right_col .slideshow .preview-thumb {
    border-radius: 5px;
    overflow: hidden;
    height: 320px;
}
.right_col .slide-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.right_col .slide-bottom .slides-numbers {
    font-size: 16px;
    font-weight: 600;
    color: var(--dblue);
}
.right_col .slide-bottom .prev.slick-disabled,
.right_col .slide-bottom .next.slick-disabled {
    opacity: 0.7;
    pointer-events: none;
}
.right_col .slideshow .slick-slide {
    height: auto;
}
.right_col .slideshow .slick-slide img{
    /* margin: 10px auto; */
    max-width: 100%;
    height: auto;
    display: inline-block;
}
.attachment-block {
    margin: 20px 0;
}

.attachment-block .attch-items {
    background: var(--lightgray);
    border-radius: 5px;
    padding: 45px 15px;
    text-align: center;
    border: 1px solid var(--border-color);
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
    color: var(--dblue);
    font-size: 14px;
    font-weight: 500;
    display: block;
    transition: all 0.3s ease-in;
}
.attachment-block .attch-items:hover {
    border-color: var(--dblue);
}

.courses-sidebar .card-header .slide-heading {
    font-size: 14px;
    font-weight: 500;
    color: var(--dblue);
}
.courses-sidebar {
    background: #fff;
    display: block;
    margin-top: 70px;
    position: fixed;
    max-width: 300px;
    width: 100%;
    height: calc(100% - 70px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #dae3f3 #fff;
    margin-right: 2px;
}
.courses-sidebar::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
.courses-sidebar::-webkit-scrollbar-track {
    background-color: transparent;
}
.courses-sidebar::-webkit-scrollbar-thumb {
    background-color: #dae3f3;
}
.courses-sidebar::-webkit-scrollbar-thumb:hover {
    background-color: #dae3f3;
}
.courses-sidebar::-webkit-scrollbar-thumb:active {
    background-color: #dae3f3;
}
.slide-duration {
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: -25px auto 30px auto;
    max-width: 300px;
    background: var(--lightgray);
    border-radius: 0 0 5px 5px;
    margin-top: 14px;
}
.slide-duration .the-timer {
    margin-left: 10px;
    font-size: 16px;
    font-weight: 500;
    color: var(--dblue);
}
.courses-sidebar .back-course {
    background: var(--primary);
    display: block;
    padding: 12px 15px;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease-in;
}
.slide-action li>a {
    color: var(--dblue);
    font-size: 11px;
    font-weight: 500;
    padding: 10px 15px;
    display: block;
    border-bottom: 1px solid var(--border-color);
    transition: all 0.3s ease-in;
    position: relative;
}
.slide-action li.active>a,
.slide-action li>a:hover {
    background: #FAE4D2;
}
.slide-action li.active>a:before {
    content: "";
    background: var(--secondary);
    width: 3px;
    height: 70%;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.courses-sidebar .back-course:hover {
    background: var(--secondary);
}
.courses-sidebar .card {
    border: none;
    border-radius: 0;
    margin-bottom: 10px;
}
.courses-sidebar .card-header {
    margin: 0 !important;
    border: none;
    border-radius: 0;
    background: var(--lightgray);
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
}
.courses-sidebar .card-header[aria-expanded="false"] {
    background: #fff;
}
.courses-sidebar .back-course {
    background: var(--primary);
    display: block;
    padding: 12px 15px;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease-in;
}
.slide-action li>a {
    color: var(--dblue);
    font-size: 13px;
    font-weight: 600;
    padding: 12px 32px 12px 25px;
    display: block;
    border-bottom: 1px solid var(--border-color);
    transition: all 0.3s ease-in;
    position: relative;
}
.slide-action li.active>a,
.slide-action li>a:hover {
    background: #FAE4D2;
}
.slide-action li.active>a:before {
    content: "";
    background: var(--secondary);
    width: 3px;
    height: 50%;
    border-radius: 10px;
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 30px;
}
#practice_slide .slide-action li.active>a,
#practice_slide .slide-action li>a:hover {
    background: #D7FFE0;
}
#challenges .slide-action li.active>a,
#challenges .slide-action li>a:hover {
    background: rgba(103, 133, 239, 0.15);
}
.courses-sidebar .back-course:hover {
    background: var(--secondary);
}
.courses-sidebar .card {
    border: none;
    border-radius: 0;
    margin-bottom: 10px;
}
.courses-sidebar .card-header {
    margin: 0;
    border: none;
    border-radius: 0;
    background: var(--lightgray);
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.courses-sidebar .card-header[aria-expanded="false"] {
    background: #fff;
}
.courses-sidebar .card-header .left-heading {
    font-size: 16px;
    font-weight: 600;
    color: var(--dblue);
}
.courses-sidebar .card-header .left-heading img {
    width: 35px;
    height: 35px;
}
.courses-sidebar .link-tap-right li a {
    display: block;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 500;
    color: var(--dblue);
    position: relative;
    border-bottom: 1px solid #D2D6E3;
}
.courses-sidebar .link-tap-right li.active a:before {
    content: "";
    background: var(--secondary);
    width: 3px;
    height: 70%;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.courses-sidebar .link-tap-right li.active {
    background: #FAE4D2;
}
.yes_no_toggle {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 10px;
    font-size: 14px;
    color: var(--dblue);
    margin-bottom: 0;
}
.yes_no_toggle span {
    margin-right: 8px;
    display: inline-block;
}
.yes_no_toggle .toggle.btn {
    border-radius: 30px;
    margin: 0;
    border: none;
    background: transparent;
    min-height: 26px;
    min-width: 66px;
}
.yes_no_toggle .toggle.btn label {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 4px 25px 4px 5px;
    cursor: pointer;
}
.yes_no_toggle .toggle.btn .toggle-handle {
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 0;
    top: 3px;
    right: 9px;
}
.yes_no_toggle .toggle.btn .btn.btn-success {
    background: var(--dgreen);
    border-color: var(--dgreen);
}
.yes_no_toggle .toggle.btn .btn.btn-danger {
    background: var(--secondary);
    border-color: var(--secondary);
    padding: 4px 5px 4px 25px;
}
.yes_no_toggle .toggle.btn.btn-danger.off .toggle-group .toggle-handle {
    left: 18px;
}
.add_option_form {
    position: relative;
    background: var(--lightgray);
    padding: 20px;
    border-radius: 5px;
    border: 1px solid var(--border-color);
}
.add_option_form .close_btn {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
}
.add_option_form .form-control {
    background: #fff !important;
}
.add_option_form .dropify-wrapper {
    height: 160px !important;
}
.add_option_form .dropify-wrapper.touch-fallback {
    height: auto !important;
}
.add_option_form .dropify-wrapper .dropify-message h6 {
    display: none;
}
.btn-group {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 5px;
}
.btn-group .option-check-btn {
    margin: 0 5px;
}
.display-check-btn .btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.display-check-btn .check-label {
    margin: 0;
    padding: 5px 15px;
    color: var(--dblue);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    border-radius: 5px;
    transition: all 0.3s ease-in;
    cursor: pointer;
}
.display-check-btn .btn-check:checked+.check-label {
    color: #fff;
    background: var(--secondary);
    box-shadow: 5px 4px 15px rgba(244, 120, 23, 0.33);
}
.display-check-btn .btn-check:checked {
    color: #fff;
    background: var(--secondary);
    box-shadow: 5px 4px 15px rgba(244, 120, 23, 0.33);
}
/* .add_option_block{
    margin-top: 30px;
} */
.add_option_block .form-btn {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.add_option_block .form-btn .theme-btn {
    padding: 10px 30px;
}
.add_option_block .form-btn .theme-btn2 {
    padding: 10px 40px;
}
/* Main Content */

/* Practice */
.practice-card {
    border: 1px solid #D2D6E3;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
}
.practice-card .nav-pills {
    padding: 10px 0;
    margin: 0 0 25px;
    background: var(--lightgray);
    border-radius: 10px;
}
.practice-card .nav-pills li {
    flex: 1;
    margin: 0 10px;
}
.practice-card .nav-pills li a {
    color: var(--dblue);
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    padding: 12px 15px;
    text-transform: capitalize;
    text-align: center;
}
.practice-card .nav-pills li a.active {
    color: #fff;
    background: var(--secondary);
    box-shadow: 5px 4px 15px rgba(244, 120, 23, 0.33);
}
.practice-card .nav-pills li a img {
    margin-right: 5px;
}
.practice-card .nav-pills li label {
    color: var(--dblue);
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    padding: 12px 15px;
    text-transform: capitalize;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
    transition: all 0.3s ease-in;
}
.practice-card .nav-pills li label.active {
    color: #fff !important;
    background: var(--secondary);
    box-shadow: 5px 4px 15px rgba(244, 120, 23, 0.33);
}
.practice-card .nav-pills li label:hover {
    color: var(--secondary);
}
.practice-card .nav-pills li label img {
    margin-right: 5px;
}
.practice-card .nav-pills li label.active img {
    filter: brightness(0) invert(1);
}

.practice-card .nav-pills li input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.practice-card .tab-content .form-group .dropify-wrapper {
    height: 100%;
    border: 1px dashed #D2D6E3;
}
.practice-card .tab-content .form-group textarea.form-control {
    height: 100px;
}
/* Practice */

/* Main Content Css */
.x_panel {
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    border: none;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
}
/* .x_panel.form_panel {
    background: #fff;
    border-radius: 20px;
    padding: 24px;
    border: none;
    position: relative;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
    z-index: 9;
} */
.x_panel .x_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border: none;
    padding: 0;
    margin-bottom: 20px;
    color: var(--primary);
    row-gap: 10px;
}
.x_panel .x_title .right-btns {
    display: flex;
    align-items: center;
    margin-left: auto;
}
.x_panel .x_title .right-btns li {
    margin-left: 5px;
}
.x_panel .x_title .theme-btn {
    padding: 12px 15px;
}
.x_content {
    padding: 0;
    margin: 0;
}
.x_content .table-responsive {
    overflow: hidden;
    /* overflow-x: auto; */
}
.x_content .x-scroll{
    overflow-x: auto;
}
.x_content .card-box .container-fluid {
    padding: 0;
}
.x_content div.dataTables_wrapper div.dataTables_length {
    float: left;
}
.x_content div.dataTables_wrapper div.dataTables_length label {
    font-size: 0;
    color: var(--dblue);
    line-height: normal;
}
.x_content div.dataTables_wrapper .dt-buttons {
    margin-left: 10px;
}
.x_content div.dataTables_wrapper .dt-buttons .buttons-collection {
    background: var(--inputBg) url(../../images/droparrow.svg) no-repeat center right 10px;
    font-size: 14px;
    color: var(--dblue);
    border-radius: 8px;
    padding: 6px 30px 6px 10px;
}
.dt-button-collection.dropdown-menu {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 10px;
    min-width: 130px;
    box-shadow: 9px 2px 29px 0px rgb(0 29 61 / 9%);
}
.dt-button-collection.dropdown-menu .dt-button a {
    font-size: 14px;
    font-weight: 400;
    color: var(--dblue);
    padding: 5px;
    display: block;
    border-radius: 8px;
    transition: all 0.3s ease-in;
}
.dt-button-collection.dropdown-menu .dt-button a:hover {
    color: var(--secondary);
    background: var(--inputBg);
}
.x_content div.dataTables_wrapper div.dataTables_length label select {
    font-size: 14px;
    color: var(--dblue);
    background: var(--inputBg) url(../../images/droparrow.svg) no-repeat center right 10px;
    border-radius: 8px;
    margin: 0;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 60px;
    padding: 5px 10px;
}
.x_content div.dataTables_wrapper div.dataTables_filter {
    float: right;
}
.x_content div.dataTables_wrapper div.dataTables_filter label {
    font-size: 0;
    color: var(--dblue);
    position: relative;
    line-height: normal;
}
.x_content div.dataTables_wrapper div.dataTables_filter input {
    font-size: 14px;
    color: var(--dblue);
    background: var(--inputBg);
    border-radius: 8px;
    margin-left: 0;
    border: none;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}
.x_content div.dataTables_wrapper div.dataTables_filter input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}
.x_content div.dataTables_wrapper div.dataTables_filter label:after {
    content: "\f002";
    font-family: 'FontAwesome';
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 14px;
    color: var(--dblue);
}
.x_content div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child {
    align-self: center;
}
.x_content div.dataTables_wrapper div.dataTables_info {
    font-size: 14px;
    color: var(--dblue);
}
.x_content div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 10px;
}
.x_content div.dataTables_wrapper div.dataTables_paginate .pagination li {
    position: relative;
    background: var(--lightgray);
    display: inline-block;
    margin-left: 10px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    border: none;
    transition: all 0.3s ease-in;
}
.x_content div.dataTables_wrapper div.dataTables_paginate .pagination li:hover{
    border: none;
}
.x_content div.dataTables_wrapper div.dataTables_paginate .pagination a {
    display: inline-block;
    background: none !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--dblue);
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    border: 1px solid var(--border-color);
    transition: all 0.3 ease-in;
}
.x_content div.dataTables_wrapper div.dataTables_paginate .pagination a:hover,
.x_content div.dataTables_wrapper div.dataTables_paginate  .paginate_button.previous:not(.disabled):hover a,
.x_content div.dataTables_wrapper div.dataTables_paginate  .paginate_button.next:not(.disabled):hover a{
    color: #fff;
    background-color: rgb(244, 120, 23) !important;
}
.x_content div.dataTables_wrapper div.dataTables_paginate .pagination .previous:after,
.x_content div.dataTables_wrapper div.dataTables_paginate .pagination .next:after {
    font-family: 'FontAwesome';
    content: "\f104";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: var(--dblue);
}
.x_content div.dataTables_wrapper div.dataTables_paginate .pagination .next:after {
    content: "\f105";
}
.x_content div.dataTables_wrapper div.dataTables_paginate .pagination .previous a,
.x_content div.dataTables_wrapper div.dataTables_paginate .pagination .next a {
    font-size: 0 !important;
}
.x_content div.dataTables_wrapper div.dataTables_paginate .pagination .previous.disabled a {
    pointer-events: none;
}
.x_content div.dataTables_wrapper div.dataTables_paginate .pagination .next.disabled a {
    pointer-events: none;
    color: var(--dblue);
}
.x_content div.dataTables_wrapper div.dataTables_paginate .pagination li:hover:after {
    color: #fff;
}
.x_content div.dataTables_wrapper div.dataTables_paginate .pagination li.disabled:hover:after {
    color: var(--dblue);
}
.x_content div.dataTables_wrapper .dt-buttons.btn-group {
    padding: 0;
    border: none;
}
.dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button {
    -webkit-appearance: button !important;
}
.x_content table {
    margin-top: 8px !important;
    border-collapse: collapse !important;
    border: 1px solid #D2D6E3;
}
.x_content table thead th {
    color: var(--dblue);
    font-size: 14px;
    font-weight: 600;
    padding: 10px 15px;
    background: var(--lightgray);
    background-clip: padding-box;
}
.x_content table tbody td {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 15px;
    color: var(--dblue);
    vertical-align: middle;
}
.x_content table tbody td .subcat-info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 5px;
}
.x_content table tbody td .badge-info {
    background: var(--dblue);
    font-weight: 500;
    font-size: 11px;
    padding: 5px;
    display: block;
}
/* .x_content table tbody td .badge-info+.badge-info {
    margin-top: 4px;
} */

.x_content table thead th,
.x_content table tbody td {
    border: 1px solid var(--exLightBlue);
}
.x_content table.dataTable td.dataTables_empty,
.x_content table.dataTable th.dataTables_empty {
    background: var(--lightgray);
}
.x_content table.dataTable thead .sorting:after,
.x_content table.dataTable thead .sorting_asc:after {
    bottom: 12px;
}
.x_content table.table-striped tbody tr{
    position: relative;
}
.x_content table.table-striped tbody tr:nth-of-type(odd) {
    background: #fff;
}
.x_content table.table-striped tbody tr:nth-of-type(even) {
    background: var(--lightgray);
}
.x_content table tbody td .td-items {
    display: block;
}
.x_content table tbody td .td-items i {
    width: 15px;
}

/* Main Content Css */
.x_content table .checkbox label .toggle,
.x_content table .checkbox-inline .toggle {
    margin: 0;
    position: relative;
}
.x_content table .checkbox-inline .toggle.btn {
    height: 30px !important;
    min-height: 30px !important;
}
.x_content table .checkbox-inline .btn {
    border-radius: 30px;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    cursor: pointer;
    padding: 3px 10px;
    line-height: 22px;
}
.x_content table .checkbox-inline .btn.btn-info {
    background: var(--dgreen);
    border-color: var(--dgreen);
}
.x_content table .checkbox-inline .btn.btn-danger {
    background: var(--secondary);
    border-color: var(--secondary);
    padding-left: 26px;
}
.x_content table .checkbox-inline .btn.toggle-off {
    text-align: right;
}
.x_content table .checkbox-inline .btn.toggle-on {
    text-align: left;
}
.x_content table .checkbox-inline .toggle-handle {
    background: #fff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 0;
    top: 5px;
    right: 13px;
}
.x_content table .checkbox-inline .btn-danger.off .toggle-group .toggle-handle {
    left: 13px;
}
.main_row {
    position: relative;
    margin: 0;
}
.nav-sm .main_row:before {
    left: 0;
}
.form_panel .x_content .title-text {
    font-size: 18px;
}
.form_panel .x_content .input-group-text {
    border-radius: 8px 0 0 8px;
    z-index: 1;
    background: var(--inputBg);
    border: none;
    position: relative;
}
.form_panel .x_content .input-group-text::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;
    background:  linear-gradient(0deg,rgba(207, 225, 250, 0) 0%, rgba(207, 225, 250, 1) 50%, rgba(207, 225, 250, 0) 100%);;
}
.form_panel .x_content .input-group-text img {
    width: 20px;
    height: auto;
    filter: invert(1);
}
.form_panel .x_content input.form-control,
.form_panel .x_content select.form-control {
    height: 44px;
}
.form_panel .x_content select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: var(--inputBg) url(../../images/droparrow.svg) no-repeat center right 15px;
    transition: all 0.3s ease-in;
    padding-right: 38px;
    text-overflow: ellipsis;
}

.form_panel .x_content .form-control,
.form_panel .x_content span.select2-selection.select2-selection--multiple {
    /* box-shadow: 9px 2px 29px 0px rgb(0 29 61 / 9%); */
    background: var(--inputBg);
    border: none;
    border-radius: 8px;
    font-size: 14px;
    color: var(--dblue);
}
.form_panel .x_content span.select2-selection.select2-selection--multiple{
    cursor: pointer;
}
.form_panel .x_content textarea.form-control {
    border-radius: 8px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.form_panel .x_content .iti.iti--allow-dropdown {
    border-radius: 8px;
}
.form_panel .x_content .iti.iti--allow-dropdown .iti__flag-container {
    height: 44px;
}
.form_panel .x_content .iti.iti--allow-dropdown .form-control {
    border-radius: 8px;
    text-indent: 6px;
}
.form_panel .x_content .form-group .form-control[type=number]::-webkit-inner-spin-button, 
.form_panel .x_content .form-group .form-control[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
    margin: 0; 
}
.form_panel .x_content .form-group input[type=number] {
    -moz-appearance: textfield;
}
.form_panel .x_content .iti.iti--allow-dropdown .help-block+.help-block {
    /* position: static; */
    display: none;
}

.form_panel .x_content .iti--separate-dial-code .iti__selected-flag {
    background-color: var(--inputBg);
    border-radius: 8px 0 0 8px;
    color: var(--dblue);
    border: none;
    position: relative;
}
.form_panel .x_content .iti--separate-dial-code .iti__selected-flag::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;
    background: linear-gradient(0deg, rgba(207, 225, 250, 0) 0%, rgba(207, 225, 250, 1) 50%, rgba(207, 225, 250, 0) 100%);
}

.form_panel .x_content .iti--separate-dial-code .iti__selected-flag .iti__arrow {
    border-top-color: var(--dblue);
    border-bottom-color: var(--dblue);
}

.form_panel .x_content #error-msg {
    color: #f00;
    font-size: 13px;
    font-weight: 400;
    margin-top: 0 !important;
    margin-bottom: 0;
    /* position: absolute;
    left: 13px;
    bottom: 0; */
}
.form_panel .input-group .select2-container{
    width: auto !important;
    flex: 1;
    -webkit-flex: 1;
}

.form_panel .x_content .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    background-color: var(--exLightBlue);
    border-radius: 3px;
    color: var(--dblue);
    margin-top: 6px;
}

.form_panel .x_content .select2-container--default .select2-selection--multiple {
    height: auto;
    min-height: auto;
}

.form_panel .x_content .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove {
    color: var(--dblue);
}

.form_panel .x_content .input-group .form-control {
    border-radius: 8px;
    color: var(--dblue);
    border: none !important;
    background-color: var(--inputBg) !important;
    padding-left: 15px;
    padding-right: 15px;
}
.form-control:disabled, .form-control[readonly]{
    background-color: var(--inputBg) !important;
}
/* .form_panel .x_content .form-control:focus {
    box-shadow: 5px 5px 16px rgb(0 29 61 / 13%) !important;
} */

.form_panel .x_content .dropify-wrapper {
    border: none;
    background: var(--inputBg) !important;
    border-radius: 8px;
    max-width: 100%;
}

.form_panel .x_content label {
    text-align: left;
    font-size: 14px;
    display: block;
    font-weight: 500;
    color: var(--dblue);
    padding: 0 0 6px;
    margin-bottom: 0;
}
.form_panel .x_content .settinglist li .form-check label{
    font-weight: 400;
}

.form_panel .x_content label span.required, label span.required  {
    color: var(--secondary);
}

.form_panel .form-control-feedback.right {
    margin-top: 12px;
    right: 0px;
    z-index: 9;
    color: var(--dblue);
    border-left: 1px solid #c5dae5;
}

/* .form_panel .x_content .dropify-wrapper {
    border: 2px dashed var(--dblue);
    border-radius: 8px;
    height: 200px;
} */
.form_panel .drop-content .dropify-wrapper {
    max-width: 100%;
}
.form_panel .x_content .dropify-wrapper.touch-fallback .dropify-message {
    /*-webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
    top: inherit;
}
.form_panel .x_content .feature_policy_add .dropify-wrapper.touch-fallback .dropify-message {
    position: unset !important;
    transform: unset !important;
}
.form_panel .x_content .form-group {
    margin-bottom: 24px;
}
.form_panel .x_content .input-group {
    flex-wrap: wrap;
    margin-bottom: 0;
}
.form_panel .x_content span.help-block {
    width: 100%;
    margin-top: 5px;
    font-size: 13px;
    color: #f00 !important;
    order: 1;
    /* position: absolute;
    bottom: -20px; */
}
.form_panel .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0px;
    padding: 7px 0 6px;
    width: 100% !important;
}
.form_panel .select2-container--default .select2-selection--single,
.form_panel .select2-container--default .select2-selection--multiple {
    min-height: 44px;
    border-radius: 8px;
    background: var(--inputBg);
}
.form_panel .select2-container--default .select2-selection--single{
    overflow: hidden;
}
.inline_radiobox{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.form_panel .select2-container--default .select2-selection--single .select2-selection__rendered{
    white-space: normal;
    padding-right: 30px;
}

.form_panel .x_content input[type="color"] {
    border-radius: 5px;
    padding: 2px 4px;
}

.form_panel .x_content input[type="color"]::-webkit-color-swatch-wrapper {
    border-radius: 5px;
    border: none;
    background: none;
    box-shadow: none;
}

.form_panel .x_content input[type="color"]::-webkit-color-swatch {
    border-radius: 5px;
    border: none;
    background: none;
    box-shadow: none;
}

.form_panel .x_content .theme-btn {
    box-shadow: 5px 4px 15px rgba(244, 120, 23, 0.33);
}

.form_panel .x_content .theme-btn:hover {
    box-shadow: 5px 4px 15px rgba(244, 120, 23, 0.33);
}

.form_panel .x_content .theme-btn:disabled {
    cursor: not-allowed;
    background: var(--secondary);
    opacity: .65;
}

.mce-notification-warning * {
    display: none !important;
}

.mce-notification.mce-has-close {
    display: none;
}




.contentListArea {
    margin: 20px 0;
}

.contentListArea .list-heading-top {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: var(--dblue);
    padding: 10px;
}

.contentListArea .name-block {
    width: 50%;
    padding-right: 10px;
}

.contentListArea .owner-block {
    width: 20%;
}

.contentListArea .date-block {
    width: 20%;
}

.contentListArea .action-block {
    width: 10%;
}

.contentListArea .contentList {
    background: var(--lightgray);
    border: 1px solid var(--border-color);
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: var(--dblue);
}

.contentListArea .contentList .name-block i {
    font-size: 14px;
    color: #fff;
    margin-right: 5px;
    background: var(--dblue);
    border-radius: 5px;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.contentListArea .contentList+.contentList {
    margin-top: 5px;
}

.contentListArea .action-block .dropdown-menu {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 10px;
    margin-top: 5px;
    min-width: 200px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
}

.contentListArea .action-block .dropdown-menu .act-btn {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--dblue);
    border-radius: 5px;
    transition: all 0.3s ease-in;
}

.contentListArea .action-block .dropdown-menu .act-btn:hover {
    background: var(--lightgray);
}

.contentListArea .action-block .dropdown-menu .act-btn i {
    margin-right: 5px;
    font-size: 14px;
}



/* Question Block CSS */
.que-block {
    position: relative;
}

.que-block h1 {
    color: var(--dblue);
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
}

.right_col .slideshow .que-block p {
    color: var(--dblue);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    text-align: initial;
}

.right_col .slideshow .que-block p.desctext {
    max-width: 90%;
    margin: 0 auto 15px;
}

.quest-list {
    max-width: 460px;
    margin: 0 auto;
}

.que-block form {
    padding: 30px 0 10px;
}

.quest-list li {
    position: relative;
}

.quest-list li .label-option {
    cursor: pointer;
    background: var(--lightgray);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 15px 10px 15px 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--dblue);
    margin-bottom: 10px;
}

.quest-list li .custom-option {
    position: absolute;
    left: 15px;
    top: 20px;
    z-index: 1;
    margin: 0;
    cursor: pointer;
}

.quest-list li .custom-option:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 12px;
    height: 12px;
    background: var(--secondary);
    border-radius: 50%;
}

.quest-list li .custom-option:after {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid var(--border-color);
    border-radius: 50%;
}

.quest-list li .custom-option:checked:before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    color: var(--secondary);
}

.quest-list li .custom-option:checked:after {
    border-color: var(--secondary);
}

.quest-list li .custom-option:checked+label {
    border-color: var(--secondary);
}

.quest-list li .custom-option.correct+label {
    border-color: var(--dgreen);
    background: var(--lightgreen);
}

.quest-list li .custom-option.correct:before {
    background-color: var(--dgreen);
}

.quest-list li .custom-option.correct:after {
    border-color: var(--dgreen);
}

.quest-list li .custom-option.incorrect:checked+label {
    border-color: var(--red);
    background: var(--lightred);
}

.quest-list li .custom-option.incorrect:checked:before {
    background-color: var(--red);
}

.quest-list li .custom-option.incorrect:checked:after {
    border-color: var(--red);
}

.que-block .quest-bottom {
    margin-top: 30px;
}

.que-block .quest-bottom .check-btn {
    background: var(--lightgray);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 10px 20px;
    display: inline-block;
    color: var(--dblue);
    font-size: 14px;
    font-weight: 600;
    outline: none;
    margin: 0 0 10px;
}

.que-block .quest-bottom .check-btn.correct-btn {
    background: var(--dgreen);
    border-color: var(--dgreen);
    color: #fff;
    box-shadow: 5px 4px 15px rgba(40, 167, 69, 0.33) !important;
}

.que-block .quest-bottom .check-btn.incorrect-btn {
    background: var(--lightred);
    border-color: var(--red);
    color: var(--red);
}

.que-block .quest-imagelarge {
    position: relative;
}

.que-block .quest-imagelarge img {
    width: 100%;
}

.answer-msg {
    position: relative;
    z-index: 1;
    width: 200px;
    margin: -70px auto 5px;
    padding: 5px;
    border-radius: 30px;
    border: 1px solid var(--border-color);
    background: #fff;
    display: flex;
    align-items: center;
    text-align: left;
}

.answer-msg span {
    margin-left: 8px;
    display: inline-block;
    color: var(--dblue);
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}

.answer-msg span small {
    color: var(--dgreen);
    display: block;
    font-size: 10px;
    font-weight: 600;
}

.answer-msg.correct-answer-msg {
    border-color: var(--dgreen);
}

.answer-msg.incorrect-answer-msg {
    border-color: var(--red);
}

.answer-msg.incorrect-answer-msg span small {
    color: var(--red);
}

.answer-msg img {
    width: 35px !important;
}

.answer-msg.single-text {
    margin: 0 0 0 auto;
}

.que-block .image-question {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    margin-top: 30px;
}

.que-block .image-question li {
    flex: 1;
}

.que-block .image-question li .custom-option {
    opacity: 0;
}

.que-block .image-question li .label-option {
    padding: 15px;
    justify-content: center;
}

.que-block .image-question li .label-option img {
    width: 100%;
    height: 120px;
    object-fit: contain;
}

.que-block .image-question li .label-text {
    font-size: 12px;
    font-weight: 500;
    color: var(--dblue);
}

.que-block .image-question li .custom-option:checked~.label-text {
    color: var(--secondary);
}

.que-block .image-question li .custom-option.correct:checked~.label-text {
    color: var(--dgreen);
}

.que-block .image-question li .custom-option.correct:checked+label {
    background: var(--lightgray);
}

.que-block .image-question li .custom-option.incorrect:checked~.label-text {
    color: var(--red);
}

.que-block .image-question li .custom-option.incorrect:checked+label {
    background: var(--lightgray);
}

.que-block .explanation {
    background: var(--lightgray);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 15px;
    display: flex;
    align-items: center;
    text-align: left;
    margin-top: 20px;
}

.que-block .explanation h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.que-block .explanation p {
    margin: 0 0 0 10px !important;
    padding-left: 10px;
    border-left: 1px solid var(--border-color);
}

.slideshow.slick-slider .slick-list .item {
    padding: 0 1px;
}
.slideshow.slick-slider .slick-list .item table{
    margin-top: 20px;
}
.slideshow.slick-slider .slick-list .item h2 img{
    margin: 0 auto;
}
.multi-select.quest-list li .custom-option:after {
    border-radius: 5px;
}

.multi-select.quest-list li .custom-option:before {
    font-family: 'FontAwesome';
    content: "\f00c";
    background: none;
    border-radius: 0;
    top: -3px;
}

.multi-select.quest-list li .custom-option.correct:checked:before {
    background: none;
    color: #fff;
}

.multi-select.quest-list li .custom-option.correct:checked:after {
    background: var(--dgreen);
}

.multi-select.quest-list li .custom-option.incorrect:checked:before {
    background: none;
    color: var(--red);
}


/* Question Block CSS */



.right_col .x_content table td .switch-btn {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 28px;
    margin: 0 15px;
}

.right_col .x_content table td .switch-btn input {
    opacity: 0;
    width: 0;
    height: 0;
}

.right_col .x_content table td .switch-btn .slider-toggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 30px;
    background-color: var(--secondary);
    -webkit-transition: .4s;
    transition: .4s;
}

.right_col .x_content table td .switch-btn .slider-toggle:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    border-radius: 50%;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.right_col .x_content table td .switch-btn .slider-toggle:after {
    content: "Deactive";
    font-size: 10px;
    color: #fff;
    font-weight: 500;
    position: absolute;
    right: 8px;
}

.right_col .x_content table td .switch-btn input:checked+.slider-toggle {
    background-color: #28A745;
}

.right_col .x_content table td .switch-btn input:checked+.slider-toggle:after {
    content: "Active";
    font-size: 10px;
    color: #fff;
    font-weight: 500;
    position: absolute;
    left: 8px;
}

.right_col .x_content input:checked+.slider-toggle:before {
    -webkit-transform: translateX(52px);
    -ms-transform: translateX(52px);
    transform: translateX(52px);
}

.right_col .x_content #policyTable_wrapper table td .switch-btn{
    width: 56px;
}
.right_col .x_content #policyTable_wrapper table td .switch-btn .slider-toggle::after{
    content: "No";
}
.right_col .x_content #policyTable_wrapper table td .switch-btn input:checked+.slider-toggle:after{
    content: "Yes";
}
.right_col .x_content #policyTable_wrapper table td .switch-btn input:checked+.slider-toggle:before {
    -webkit-transform: translateX(28px);
    -ms-transform: translateX(28px);
    transform: translateX(28px);
}

.single-question {
    position: relative;
    padding: 0 0 10px;
    border-bottom: solid 1px #D2D6E3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.right-icons a.add-section.theme-btn img {
    filter: brightness(0) invert(1);
}

.single-question a.add-section.theme-btn img {
    filter: brightness(0) invert(1);
}

.single-question a.add-section.theme-btn {
    max-width: 163px;
    width: 100%;
}

.practice-card .tab-content .form-group.practice-question-img-sec .dropify-wrapper {
    height: 83%;
}

.right_col .form-wizard .accordion .chp-add-section.add_option_block_outer .card-body {
    margin: 0px;
}

.right_col .form-wizard .accordion .chp-add-section.add_option_block_outer .card-body .add_option_block {
    width: calc(100% - 20px);
    margin-left: 10px;
}

.add_option_block label.form-label {
    display: block;
}

.que_option_outer>.form-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.daterangepicker .calendar-time select {
    background-color: var(--lightgray);
    border: 1px solid var(--border-color);
    border-radius: 3px !important;
    height: 35px;
}

.daterangepicker .drp-buttons .btn.applyBtn {
    background: var(--dblue);
    border-color: var(--dblue);
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px;
    transition: all 0.3s ease-in;
}

.daterangepicker .drp-buttons .btn.applyBtn:hover {
    background: var(--skyblue);
    border-color: var(--skyblue);
}

.daterangepicker .drp-buttons .btn.cancelBtn {
    background: var(--secondary);
    border-color: var(--secondary);
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px;
    transition: all 0.3s ease-in;
}

.daterangepicker .drp-buttons .btn.cancelBtn:hover {
    background: var(--secondary);
    border-color: var(--secondary);
}

.content-submit {
    padding: 10px 25px;
}

.selectedcontent {
    position: relative;
    max-height: 310px;
    overflow: hidden;
    overflow-y: auto;
    counter-reset: list1;
}

.selectedcontent::-webkit-scrollbar {
    width: 4px;
}

/* Track */
.selectedcontent::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.selectedcontent::-webkit-scrollbar-thumb {
    background: var(--secondary);
}

/* Handle on hover */
.selectedcontent::-webkit-scrollbar-thumb:hover {
    background: #f89143;
}

.selectedcontent>li {
    background: var(--white);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 8px 15px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}




.selectedcontent>li:before{
    counter-increment: list1;
    content: counter(list1) ". ";
    width: 30px;
}

.selectedcontent>li+li {
    margin-top: 10px;
}

.selectedcontent>li .iconleft {
    width: 25px;
}

.selectedcontent>li .iconleft img {
    width: 25px;
}

.selectedcontent>li .content-detail-block {
    width: calc(100% - 75px);
    padding: 0 15px;
}

.selectedcontent>li .content-detail-block h4 {
    color: var(--dblue);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.selectedcontent>li .content-detail-block .breadcrumb-item {
    font-size: 13px;
    color: var(--lightBlue);
}

.selectedcontent>li .action-right {
    width: 50px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.selectedcontent>li .action-right .remove_content {
    font-size: 24px;
    font-weight: 500;
    line-height: 20px;
    color: var(--lightBlue);
    transition: all 0.3s ease-in;
}

.selectedcontent>li .action-right .remove_content:hover {
    color: var(--red);
}

.selectedcontent>li .action-right .move_content {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--lightBlue);
    margin-left: 10px;
    cursor: all-scroll;
    transition: all 0.3s ease-in;
}

.selectedcontent>li .action-right .move_content:hover {
    color: var(--dblue);
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 0px;
    margin: 0;
    z-index: 99999;
    border-radius: 0 0 5px 5px;
    border: none;
    box-shadow: 0 2px 16px rgba(0,0,0,0.16);
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: var(--dblue);
    color: var(--white);
}

.daterangepicker td.in-range {
    background: var(--exLightBlue);
    color: #000000;
}

.form-group .bootstrap-datetimepicker-widget table {
    border: none;
    margin: 0;
}

.form-group .bootstrap-datetimepicker-widget table td {
    border: none;
    text-align: center;
    padding: 5px 10px;
    color: var(--dblue);
    font-size: 16px;
    cursor: pointer;
}

.form-group .bootstrap-datetimepicker-widget table td .glyphicon {
    color: var(--dblue);
    font-size: 16px;
}

.form-group .bootstrap-datetimepicker-widget table td .btn-primary {
    background-color: var(--dblue);
    border-color: var(--dblue);
    color: var(--white);
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 3px;
    width: 60px;
    text-align: center;
}

.form-group .bootstrap-datetimepicker-widget table td .btn-primary:hover {
    background: var(--skyblue);
    border-color: var(--skyblue);
}

.courses-sidebar .card {
    margin-bottom: 0;
    overflow: visible;
}

.courses-sidebar .card .card-body {
    padding: 0;
}

.course-title {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid var(--border-color);
    color: var(--dblue);
    font-size: 16px;
    font-weight: 600;
    background: rgba(251, 232, 154, 0.10);
}

.course-title span.icon {
    background: rgba(255, 208, 13, 0.23);
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-right: 10px;
}

.courses-sidebar .right-icons {
    display: flex;
    align-items: center;
}

.courses-sidebar .right-icons .addIcon {
    background: rgba(244, 120, 23, 0.29);
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 8px;
    cursor: pointer;
}

.courses-sidebar .right-icons .addIcon.shade2 {
    background: #D7FFE0;
}

.courses-sidebar .right-icons .addIcon.shade3 {
    background: rgba(103, 133, 239, 0.15);
}

.courses-sidebar .card-header .right-icons a {
    transition: all 0.3s ease-in;
}

/* .courses-sidebar .card-header .right-icons a[aria-expanded="true"] {
    transform: rotate(180deg);
} */
.courses-sidebar .card-header.arrow-active .right-icons a.slider-menu{
    transform: rotate(180deg);
}

.courses-sidebar .slide-action {
    max-height: 300px;
    /* min-height: 100px; */
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #dae3f3 #fff;
    margin-right: 2px;
}

.courses-sidebar .slide-action::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.courses-sidebar .slide-action::-webkit-scrollbar-track {
    background-color: transparent;
}

.courses-sidebar .slide-action::-webkit-scrollbar-thumb {
    background-color: #dae3f3;
}

.courses-sidebar .slide-action::-webkit-scrollbar-thumb:hover {
    background-color: #dae3f3;
}

.courses-sidebar .slide-action::-webkit-scrollbar-thumb:active {
    background-color: #dae3f3;
}

.courses-sidebar .slide-action li {
    position: relative;
}

.courses-sidebar .slide-action li .dropdown {
    position: absolute;
    right: 18px;
    top: 12px;
    text-align: center;
}

.courses-sidebar .slide-action li .dropdown .dropIcon {
    padding: 2px 15px;
    display: block;
    border-radius: 50%;
    margin-right: -15px;
}

.slide-action li.active .dropdown .dropIcon path,
.slide-action li:hover .dropdown .dropIcon path {
    fill: var(--secondary);
}

#practice_slide .slide-action li.active .dropdown .dropIcon path,
#practice_slide .slide-action li:hover .dropdown .dropIcon path {
    fill: #48d368;
}

#challenges .slide-action li.active .dropdown .dropIcon path,
#challenges .slide-action li:hover .dropdown .dropIcon path {
    fill: #6785ef;
}

.courses-sidebar .slide-action li .dropdown .dropdown-menu {
    min-width: 130px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 0;
    overflow: hidden;
    margin-bottom: 5px;
    transform: translateX(-100%) !important;
}

.courses-sidebar .slide-action li .dropdown .dropdown-menu a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--dblue);
    padding: 8px 15px;
}

.courses-sidebar .slide-action li .dropdown .dropdown-menu a:hover {
    background: var(--lightgray);
}

.courses-sidebar .slide-action li .dropdown .dropdown-menu a.delete-slide {
    color: var(--red);
}

.modal-design .modal-content {
    border-radius: 5px;
    border: 1px solid var(--border-color);
    background: var(--white);
}

.modal-design .modal-content .modal-header {
    border: none;
    padding: 20px 25px 10px;
}

.modal-design .modal-content .modal-header .close {
    text-shadow: none;
    font-size: 28px;
    font-weight: 300;
    color: var(--lightBlue);
    opacity: 1;
    transition: all 0.3s ease-in;
}

.modal-design .modal-content .modal-header .close:focus {
    box-shadow: none;
    outline: none;
}

.modal-design .modal-content .modal-header .close:hover {
    color: var(--red);
}

.modal-design .modal-content .modal-body {
    border: none;
    padding: 10px 25px 10px;
}

.modal-design form .form-group {
    margin-bottom: 25px;
}

.modal-design form .form-group label {
    font-size: 14px;
    font-weight: 500;
    color: var(--dblue);
}

.modal-design form .form-group .form-control {
    background: var(--lightgray);
    height: 44px;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: var(--dblue);
}
.modal-design form .form-group .form-control.timepicker{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23201b53' width='800px' height='800px' viewBox='0 0 24 24' id='clock' data-name='Line Color' class='icon line-color'%3E%3Cpolyline id='secondary' points='12 7 12 12 14 15' style='fill: none%3Bstroke: %23201b53%3Bstroke-linecap: round%3Bstroke-linejoin: round%3Bstroke-width: 2%3B'/%3E%3Ccircle id='primary' cx='12' cy='12' r='9' style='fill: none%3B stroke: rgb(0  0  0)%3B stroke-linecap: round%3B stroke-linejoin: round%3B stroke-width: 2%3B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
}
.modal-design form .form-group.dropblock {
    text-align: center;
}

.modal-design form .form-group.dropblock label {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.modal-design form .form-group .dropify-wrapper {
    border: 1px dashed var(--border-color);
    border-radius: 5px;
    height: 220px;
}

.modal-design form .form-group .mce-tinymce {
    border: 1px solid #D2D6E3;
    border-radius: 5px;
    box-shadow: none;
    overflow: hidden;
}

.modal-design form .mce-top-part {
    border-bottom: 1px solid #D2D6E3;
}

.modal-design form .mce-top-part::before {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.modal-design .modal-xl {
    /* margin: 100px 5% 30px auto; */
    max-width: 1200px;
}

.modal-design .dropzone {
    border: 1px dashed var(--border-color);
    border-radius: 5px;
    min-height: 220px;
}

.modal-design .dropzone .dz-message {
    margin: 1em 0;
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: none;
}

.dropzone .dz-preview .dz-image{
    display: flex !important;
    display: -webkit-flex !important;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border: 1px solid #eee;
}

.modal-design .modal-content .modal-footer {
    border: none;
    padding: 10px 25px 25px;
}

.modal-design .modal-content .modal-footer .theme-btn {
    padding: 12px 25px;
}

.modal-design .modal-content .modal-footer .theme-btn2 {
    padding: 12px 25px;
}

.modal-design .modal-content .modal-footer .theme-btn img {
    margin-right: 5px;
}

.modal-design .practice-card {
    padding: 0;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}

.modal-design .practice-card .chp-add-section {
    border: 1px solid #D2D6E3;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.modal-design .practice-card .chp-add-section+.chp-add-section {
    margin-top: 15px;
}

.modal-design .practice-card .chp-add-section .chp-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 10px;
}

.modal-design .practice-card .chp-add-section .chp-heading .chp-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--dblue);
    margin-right: 10px;
    width: calc(100% - 120px);
    display: flex;
    align-items: center;
}

.modal-design .practice-card .chp-add-section .chp-heading .chp-title .form-control {
    border: none;
    background: none;
    height: auto;
    padding: 0 0 0 5px;
}

.modal-design .practice-card .chp-add-section .chp-heading .right-icons {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.modal-design .practice-card .chp-add-section .card-body {
    border-top: 1px solid #D2D6E3;
    position: relative;
    padding: 15px;
}

.modal-design .practice-card .option-img-upload .dropify-wrapper {
    height: 130px;
}

.modal-design .smalltab {
    margin: 15px 0 20px;
}

.modal-design .smalltab li.nav-item {
    flex: inherit;
}

.modal-design .smalltab li.nav-item a {
    padding: 12px 30px;
}

.modal-design .smalltab li.nav-item a.active {
    background: var(--dblue);
    box-shadow: 5px 4px 15px rgb(32, 27, 83, 0.3);
}

/* .modal-design .addoptionsbar{
    display: none;
}
.modal-design #singletext{
    display: block;
} */




.card-block .add_lesson_form {
    background: var(--lightgray);
    border-radius: 5px;
    border-left: 5px solid var(--secondary);
    padding: 15px 25px;
}
.card-block .add_lesson_form form {
    margin-bottom: 0;
}
.card-block .add_lesson_form .form-control {
    background: var(--white);
    border: 1px solid var(--border-color) !important;
    font-size: 14px;
    height: 44px !important;
    border-radius: 5px;
}
.card-block .add_lesson_form .btn {
    padding: 10px 20px;
}

/* .card-block .lesson_search {
    padding: 0 0 20px;
    border-bottom: 1px solid var(--border-color);
} */
.card-block .lesson_search .input-group.input-search input {
    border: 1px solid var(--border-color);
}
/* .card-block .lessons_list {
    position: relative;
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-color: transparent;
    scrollbar-width: thin;
} */
/* .card-block .lessons_list::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
.card-block .lessons_list::-webkit-scrollbar-track {
    background-color: transparent;
}
.card-block .lessons_list::-webkit-scrollbar-thumb {
    background-color: var(--exLightBlue);
}
.card-block .lessons_list::-webkit-scrollbar-thumb:hover {
    background-color: var(--exLightBlue);
}
.card-block .lessons_list::-webkit-scrollbar-thumb:active {
    background-color: var(--exLightBlue);
} */
/* .card-block .lessons_list .course-list {
    margin-top: 30px;
} */
.card-block .lessons_list .course-list .lesson_card {
    position: relative;
    display: flex;
    border-radius: 10px;
    padding: 20px;
    background-color: var(--lightgray2);
    transition: all 0.3s ease-in;
}
.assessmentModal .course-list .lesson_card{
    height: calc(100% - 20px);
}
.card-block .lessons_list .course-list .lesson_card .floder-icon {
    background: rgba(255, 208, 13, 0.23);
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 5px;
    margin-right: 10px;
   
}
.progress-wrapper{
    width: 50px !important;
    height: 50px !important;
    background: transparent !important;
    border: 7px solid rgba(255, 208, 13, 0.23);
    border-radius: 50px !important;
}
.card-block .lessons_list .course-list .lesson_card .floder-icon img {
    width: 24px;
}
.card-block .lessons_list .course-list .lesson_card .lesson_descp {
    width: calc(100% - 60px);
    padding-right: 22px;
}
.card-block .lessons_list .course-list .lesson_card .lesson_descp h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 500;
}
.card-block .lessons_list .course-list .lesson_card .lesson_descp p {
    color: var(--dblue);
    font-size: 12px;
    margin-bottom: 3px;
}
.card-block .lessons_list .course-list .lesson_card .lesson_descp p:last-child {
    margin-bottom: 0;
}
.card-block .lessons_list .course-list .lesson_card .dropdown {
    right: 20px;
    top: 20px;
    z-index: 1;
}
.card-block .lessons_list .course-list .lesson_card .dropdown a.actiondrop {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #e5effc;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
.card-block .lessons_list .course-list .lesson_card .dropdown a.actiondrop img{
    height: 14px;
}
.card-block .lessons_list .course-list .lesson_card .dropdown .dropdown-menu {
    background: var(--white);
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 10px;
    min-width: 190px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    padding-top: 6px;
    padding-bottom: 6px;
}
.card-block .lessons_list .course-list .lesson_card .dropdown .dropdown-menu a {
    padding: 7px 15px;
}
.card-block .lessons_list .course-list .lesson_card .dropdown .dropdown-menu a.text-red {
    color: var(--red);
}
.card-block .no_lesson {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 90%;
}
.card-block .no_lesson span {
    background: rgba(255, 208, 13, 0.23);
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.card-block .no_lesson span img {
    width: 60px;
}
.card-block .no_lesson h3 {
    margin: 20px 0 0;
    font-size: 20px;
}
.switch-yes-no {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.switch-yes-no .label-text {
    font-size: 14px;
    color: var(--dblue);
    margin: 0 10px 0 0;
}
.switch-yes-no .switch-left-right {
    width: 70px;
    height: 30px;
    margin: 0;
    border-radius: 30px;
    position: relative;
    cursor: pointer;
}
.switch-yes-no .switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}
.switch-yes-no .switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    background: var(--secondary);
    border-radius: inherit;
    box-sizing: content-box;
}
.switch-yes-no .switch-label:before,
.switch-yes-no .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    box-sizing: content-box;
}
.switch-yes-no .switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #fff;
}
.switch-yes-no .switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #fff;
    opacity: 0;
}
.switch-yes-no .switch-input:checked~.switch-label {
    background: var(--dgreen);
}
.switch-yes-no .switch-input:checked~.switch-label:before {
    opacity: 0;
}
.switch-yes-no .switch-input:checked~.switch-label:after {
    opacity: 1;
}
.switch-yes-no .switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 100%;
}
.switch-input:checked~.switch-handle {
    left: 44px;
}

/* Transition
========================== */
.switch-label,
.switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

/* Challenges Screen */
.challenges-screen {
    position: relative;
}
.challenges-answer-part {
    position: relative;
    max-width: 60%;
    margin: 0 auto;
}
.challenges-answer-part .upper-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85%;
    height: 100%;
    transform: translate(-50%, -50%);
}
.challenges-answer-part .upper-content .output {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -100%);
}
.challenges-screen .upper-content .counter-section {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    bottom: 30px;
}
.challenges-screen .upper-content .counter-section .img-animation {
    max-width: 6.5vw;
}
.challenges-screen .upper-content .counter-section .teacher-block .img-animation {
    max-width: 8vw;
}
.challenges-screen .upper-content .counter-section .ques-attempt {
    display: flex;
    justify-content: space-between;
    padding: 3px;
    background: #FDF5F3;
    border-radius: 5px;
    position: absolute;
    z-index: -1;
    width: 130px;
    bottom: 30px;
    overflow: hidden;
}
.challenges-screen .upper-content .counter-section .teacher-block .ques-attempt {
    left: 3.6vw;
    padding-left: 16px;
}
.challenges-screen .upper-content .counter-section .student-block .ques-attempt {
    right: 4.8vw;
    padding-right: 16px;
}
.challenges-screen .upper-content .counter-section .ques-attempt .quest-count {
    background: #F7DEDA;
    padding: 5px 10px;
    color: var(--dblue);
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
}
.challenges-screen .upper-content .counter-section .ques-attempt .quest-number {
    flex-shrink: 0;
    display: flex;
    gap: 2px;
}
.challenges-screen .upper-content .counter-section .ques-attempt .quest-number .line_up {
    background: var(--dgreen);
    width: 3px;
    height: 100%;
    display: block;
    border-radius: 3px;
}
.challenges-screen .challenges-calc-part .output {
    margin-top: 30px;
    display: flex;
    align-items: center;
    background: var(--lightgray);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 20px 30px;
    font-size: 36px;
    font-weight: 600;
    color: #000;
    height: 80px;
    box-sizing: border-box;
    /* cursor: pointer; */
    overflow: hidden;
}
.challenges-screen .challenges-calc-part .output .previous-operand {
    margin-right: 10px;
}
.challenges-screen .challenges-calc-part .calculator-grid {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
}
.challenges-screen .challenges-calc-part .calculator-grid button {
    background: var(--lightgray);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    outline: none;
    padding: 9px 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    height: auto;
    justify-content: center;
    transition: all 0.3s ease-in;
}
.challenges-screen .challenges-calc-part .calculator-grid button:active {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
}
.challenges-screen .challenges-calc-part .calculator-grid button.done {
    background: var(--secondary);
    border: 1px solid var(--secondary);
    color: var(--white);
    /* grid-column: span 2; */
}
.base-timer {
    background: #fff;
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 2px;
}
.base-timer__svg {
    transform: scaleX(-1);
}
.base-timer__circle {
    fill: none;
    stroke: none;
}
.base-timer__path-elapsed {
    stroke-width: 7px;
    stroke: #fff;
}
.base-timer__path-remaining {
    stroke-width: 7px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor;
}
.base-timer__path-remaining.green {
    color: var(--dgreen);
}
.base-timer__path-remaining.orange {
    color: var(--secondary);
}
.base-timer__path-remaining.red {
    color: var(--red);
}
.base-timer__label {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    color: var(--dblue);
}

/* Challenges Screen */


.challenge-assign-block {
    height: 300px;
    background: var(--lightgray);
    padding: 15px;
    border-radius: 5px;
    overflow-y: auto;
}

.challenge-assign-block ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.challenge-assign-block ul li {
    padding: 7px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: var(--white);
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid var(--border-color);
}

.challenge-assign-block ul li .title-left-text h4 {
    font-size: 14px;
    font-weight: 500;
    color: var(--dblue);
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.challenge-assign-block ul li .title-left-text h4 img {
    margin-right: 10px;
}



/* Review Assessment Submission */

.reviewmodal .modal-content {
    border-radius: 20px;
    border: none;
}

.reviewmodal .modal-content .modal-title {
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 15px 0 5px;
    text-align: center;
}

.reviewmodal .answer-submissions {
    text-align: center;
    margin-bottom: 30px;
}

.reviewmodal .answer-submissions .ans-submission {
    font-size: 50px;
    font-weight: 600;
}

.reviewmodal .answer-submissions .ans-submission-subtitle {
    color: var(--dblue);
    font-size: 16px;
    font-weight: 500;
    background: var(--lightgreen);
    border-radius: 5px;
    padding: 8px 25px;
    width: max-content;
    margin: 0 auto;
}

.reviewmodal .answer-submissions .ans-submission-subtitle.light-orange {
    background: #FFECDD;
}

.reviewmodal .answer-info {
    background: var(--lightgray);
    border: 1px solid var(--border-color);
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 400;
    color: var(--dblue);
    border-radius: 5px;
    text-align: center;
    margin-bottom: 30px;
}

.reviewmodal .link-dark {
    font-size: 14px;
    font-weight: 500;
    color: var(--dblue);
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in;
}

.reviewmodal .link-dark svg {
    margin-right: 5px;
    width: 12px;
}

.reviewmodal .link-dark:hover {
    color: var(--secondary);
}

.reviewmodal .theme-btn2 {
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviewmodal .theme-btn {
    padding: 12px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviewmodal .theme-btn2 i {
    margin-left: 5px;
}

.reviewmodal .finalScorebody {
    max-width: 640px;
}

.reviewmodal .finalScorebody .total-score-count {
    background: url(../../images/score-bg.svg) no-repeat center center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 35px;
    font-weight: 600;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto 25px;
    position: relative;
}

.reviewmodal .finalScorebody .based-title {
    color: var(--dblue);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
}

.reviewmodal .finalScorebody .based-task {
    color: var(--dblue);
    font-size: 14px;
    font-weight: 500;
    background: var(--lightgreen);
    border-radius: 5px;
    padding: 8px 25px;
    text-align: center;
}

.reviewmodal .finalScorebody .lesson-card {
    border: 1px solid var(--border-color);
    padding: 15px;
    border-radius: 10px;
    margin-top: 30px;
    display: flex;
    width: 100%;
}

.reviewmodal .finalScorebody .lesson-card .floder-icon {
    background: rgba(255, 208, 13, 0.23);
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 5px;
    margin-right: 12px;
}

.reviewmodal .finalScorebody .lesson-card.d-block .floder-icon {
    width: 70px;
    height: 70px;
}

.reviewmodal .finalScorebody .lesson-card.d-block .floder-icon.light {
    background: rgba(87, 179, 254, 0.1);
}

.reviewmodal .finalScorebody .lesson-card .lesson_descp p {
    color: var(--dblue);
    font-size: 13px;
    margin-bottom: 3px;
}

.reviewmodal .finalScorebody .dist-text {
    color: var(--dblue);
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0 20px;
    text-align: center;
}


.answergrid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-bottom: 30px;
}

.answergrid li {
    text-align: center;
}

.answergrid li a {
    color: var(--dblue);
    font-size: 16px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    border-radius: 5px;
    overflow: hidden;
}

.answergrid li a.answer_qst {
    background: var(--lightgreen);
    color: var(--dgreen);
}

.answergrid li a.unanswer_qst {
    background: #FFECDD;
    color: var(--secondary);
}

.answergrid li a:hover:before {
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 5px;
    -webkit-animation: ripples 0.8s ease-in-out;
    animation: ripples 0.8s ease-in-out;
}

@keyframes ripples {
    0% {
        border: 1px solid transparent;
    }

    100% {
        border: 20px solid rgba(0, 0, 0, 0.5);
        opacity: 0;
    }
}

/* Review Assessment Submission */

.slick-slide .item .row .col-md-7 .slide-duration{
    flex-wrap: wrap;
    padding: 0;
    background: transparent;
}
.drop-objects {
    position: relative;
    z-index: 99;
}

.right_col .slideshow .slick-slide iframe {
    max-width: 100%;
    margin: 10px auto;
    border: none;
    display: block;
    background: var(--lightgray);
    border-radius: 5px;
}

.right_col .slideshow .slick-slide video {
    max-width: 100%;
    width: 100%;
    border: none;
    display: block;
    background: var(--lightgray);
    border-radius: 5px;
    object-fit: cover;
}

/* @media(min-width:992px) {
    .nav-sm .nav.side-menu>li:hover .child_menu{
        display: block !important;
    }
} */
.tagparent{
    position: relative;
    overflow: hidden;
}
.lesson_descp .tags span{
    background-color: #1CCE66;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    right: 0;
    line-height: normal;
    padding: 5px 12px 5px 18px;
    position: absolute;
    text-transform: uppercase;
    top: 0px;
    height: 20px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    justify-content: center;
}
.lesson_descp .tags span.Processing{
    background-color: var(--secondary);
}
.lesson_descp .tags span.not-attempt{
    background-color: #ed1c24;
}

.lesson_descp .tags span::after {
    background: #ecedeb00;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ffffff;
    border-top: 10px solid transparent;
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
}

/* .lesson_descp .tags span::after {
    border-bottom: 15px solid #9cd70e;
    border-left: 15px solid #0000;
    border-top: 15px solid #9cd70e;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    left: -14px;
    top: 0;
} */
.keywords.explanation{
    display: flex;
    align-items: center;
    margin-top: 10px !important;
}

.keywords.explanation .keywordheading {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}
.keywords.explanation .keyword-listing {
    margin: 0 0 0 10px !important;
    padding-left: 10px;
    border-left: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 20px;
}
.tootip{
    cursor: pointer;
}

.que-block .explanation .textedit_content {
    margin: 0 0 0 10px !important;
    padding-left: 10px;
    border-left: 1px solid var(--border-color);
}
.que-block .explanation .textedit_content p{
    margin: 0 !important;
    padding-left: 0px;
    border-left: none;
}
.que-block .explanation .textedit_content h1,
.que-block .explanation .textedit_content h2,
.que-block .explanation .textedit_content h3,
.que-block .explanation .textedit_content h4,
.que-block .explanation .textedit_content h5,
.que-block .explanation .textedit_content h6{
    margin-top: 0px;
}

.custom_checkbox,
.custom_radiobox{
    position: relative;
    display: block;
}
.custom_checkbox>input,
.custom_radiobox>input{
    display: none;
}
.custom_checkbox .custom_checkbox_label,
.custom_radiobox .custom_radiobox_label{
    padding-left: 25px;
    color: var(--primary-light);
    font-weight: 400;
    position: relative;
    font-size: 14px;
    line-height: 21px;
    cursor: pointer;
}
.custom_checkbox .custom_checkbox_label::before{
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    border: 1px solid #C7D6DD;
    background-color: transparent;
    top: 0;
    left: 0;
}
.custom_checkbox .custom_checkbox_label::after{
    content: '';
    position: absolute;
    left: 5px;
    top: 10px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 var(--white), 4px 0 0 var(--white), 4px -2px 0 var(--white), 4px -4px 0 var(--white), 4px -6px 0 var(--white), 4px -8px 0 var(--white);
    transform: rotate(45deg);
    opacity: 0;
    visibility: hidden;
}

.custom_radiobox .custom_radiobox_label{
    padding-left: 28px !important;
    color: var(--primary-light) !important;
    font-weight: 400 !important;
}
.custom_radiobox .custom_radiobox_label::before{
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid rgba(199, 214, 221, 1);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.custom_radiobox .custom_radiobox_label::after{
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    background-color: var(--secondary);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    opacity: 0;
    visibility: hidden;
}

.custom_checkbox input:checked ~ .custom_checkbox_label::before{
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.custom_checkbox input:checked ~ .custom_checkbox_label::after,
.custom_radiobox input:checked ~ .custom_radiobox_label::after{
    opacity: 1;
    visibility: visible;
}



@media (min-width: 1400px) {
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
}

@media(max-width:1400px) {
    .challenges-answer-part .upper-content .output {
        font-size: 40px;
    }

    .challenges-screen .upper-content .counter-section .ques-attempt {
        width: 100px;
    }

    .challenges-screen .upper-content .counter-section .ques-attempt .quest-number .line_up {
        width: 2px;
    }

    .challenges-screen .upper-content .counter-section .ques-attempt .quest-count {
        padding: 3px 8px;
        font-size: 11px;
    }

    .base-timer {
        width: 70px;
        height: 70px;
    }

    .base-timer__label {
        width: 70px;
        height: 70px;
        font-size: 14px;
    }
    /* .filter-col .theme-btn {
        font-size: 12px;
        padding: 8px 18px;
    } */
}

@media(max-width:1199px) {
    .login-blocks .login-form form{
        max-width: 450px;
    }
    .auth-left img{
        max-width: 220px;
    }
    .course-list .course-description .course-detail {
        width: 100%;
    }
    .form_panel .x_content span.help-block {
        font-size: 12px;
    }
    .practice-card .nav-pills li a {
        font-size: 12px;
        padding: 8px 5px;
    }
    .practice-card .nav-pills li a img {
        width: 13px;
    }
    .add_option_form .btn-group {
        margin-bottom: 10px;
    }
    .add_option_form .yes_no_toggle.justify-content-xl-end {
        margin-left: 0;
    }
    /* Challenges Screen */
    .challenges-answer-part {
        max-width: 80%;
    }
    .challenges-answer-part .upper-content .output {
        font-size: 50px;
    }
    .challenges-screen .upper-content .counter-section .ques-attempt {
        width: 100px;
        bottom: 20px;
    }
    .challenges-screen .upper-content .counter-section .teacher-block .ques-attempt {
        left: 3.5vw;
    }
    .challenges-screen .upper-content .counter-section .student-block .ques-attempt {
        right: 5.7vw;
    }
    .challenges-screen .upper-content .counter-section .ques-attempt .quest-count {
        font-size: 14px;
        padding: 3px 8px;
    }
    .challenges-screen .upper-content .counter-section .ques-attempt .quest-number .line_up {
        width: 3px;
    }
    .base-timer {
        width: 80px;
        height: 80px;
    }
    .base-timer__label {
        width: 80px;
        height: 80px;
        font-size: 20px;
    }
    .challenges-screen .challenges-calc-part .output {
        font-size: 36px;
    }
    .challenges-screen .challenges-calc-part .calculator-grid button {
        font-size: 14px;
    }
    /* .filter-col .theme-btn {
        font-size: 11px;
        padding: 8px 12px;
    } */
    .filter-row {
        gap: 15px;
    }
}


@media(max-width:991px) {
    /* h3.title-text {
        font-size: 14px;
    } */

    .course-list .course-description .course-detail {
        width: 100%;
    }
    .course-list .course-thumb {
        width: 180px;
        margin-right: 10px;
    }
    .main_row:before {
        left: -80px;
        width: 200px;
        height: 200px;
    }
    .main_row:after {
        width: 200px;
        height: 200px;
    }
    .form_panel .x_content span.help-block {
        font-size: 11px;
    }
    .add_option_form .btn-group {
        margin: 10px 0;
    }

    /* Login CSS */
    .login{
        padding-top: 100px;
    }
    .login-blocks .login-form form {
        padding: 30px 15px;
    }
    .login-blocks .login-form h1 {
        font-size: 36px;
    }
    .login-blocks .auth-left{
        display: none;
    }
    /* .filter-col .select2-container{
        width: auto !important;
    } */
    
    /* Challenges Screen */
    .challenges-answer-part {
        max-width: 70%;
    }
    .challenges-screen .upper-content .counter-section .img-animation {
        max-width: 10vw !important;
    }
    .challenges-screen .upper-content .counter-section .teacher-block .img-animation {
        max-width: 12vw !important;
    }
    .challenges-answer-part .upper-content .output {
        font-size: 36px;
    }
    .base-timer {
        width: 60px;
        height: 60px;
    }
    .base-timer__label {
        width: 60px;
        height: 60px;
        font-size: 16px;
    }
    .challenges-screen .upper-content .counter-section .ques-attempt .quest-count {
        font-size: 12px;
        padding: 1px 6px;
    }
    .challenges-screen .upper-content .counter-section .teacher-block .ques-attempt {
        left: 4.6vw;
    }
    .challenges-screen .upper-content .counter-section .student-block .ques-attempt {
        right: 6.8vw;
    }
    /* Challenges Screen */
    .que-block .quest-imagelarge img {
        width: 60%;
        margin: 0 auto;
    }
    /* Review Assessment Submission */
    .reviewmodal .modal-content .modal-title {
        font-size: 18px;
    }
    .reviewmodal .answer-submissions {
        margin-bottom: 20px;
    }
    .reviewmodal .answer-submissions .ans-submission {
        font-size: 36px;
    }
    .reviewmodal .answer-submissions .ans-submission-subtitle {
        font-size: 14px;
        padding: 5px 15px;
        width: auto;
    }
    .reviewmodal .answer-info {
        margin-bottom: 20px;
    }
    .answergrid {
        grid-template-columns: repeat(5, 1fr);
    }
    .reviewmodal .finalScorebody .total-score-count {
        font-size: 20px;
        width: 120px;
        height: 120px;
        margin: 10px auto 15px;
    }
    .nav-sm .navbar.nav_title img{
        width: 38px;
    }
    .nav.side-menu>li.current-page{
        background: var(--secondary) !important;
    }
    .nav-sm .nav.side-menu>li>a:before{
        background-color: var(--primary);
    }
    .nav-sm .nav.side-menu>li.active-sm>a:before{
        opacity: 1;
    }

}

@media(max-width:767px) {
    .top_nav .navbar-right li .input-group input {
        min-width: 250px;
    }
    .filter-row {
        flex-direction: column;
    }
    .course-pagination {
        flex-direction: column;
    }
    .course-list .course-description .course-detail {
        width: 100%;
        flex-wrap: wrap;
    }
    .course-list .course-description .course-detail .detail-col {
        width: 30%;
        margin-bottom: 5px;
    }
    .course-list .course-description .top-dis {
        text-align: left;
    }
    .form-wizard .form-wizard-steps li {
        width: 35%;
    }
    .right_col .form-wizard .accordion .chp-add-section .card-body .nav-pills {
        gap: 10px;
    }
    .right_col .form-wizard .accordion .chp-add-section .card-body .nav-item .nav-link {
        font-size: 12px;
        padding: 8px;
    }
    .right_col .form-wizard .accordion .chp-add-section .card-body .nav-item .nav-link img {
        margin-right: 3px !important;
    }
    /* .x_content table thead th {
        font-size: 12px;
    }
    .x_content table tbody td {
        font-size: 11px;
    } */
    .x_content div.dataTables_wrapper .dt-buttons {
        width: auto;
    }
    .x_panel.form_panel {
        padding: 20px;
    }
    .practice-card {
        padding: 10px;
    }
    .practice-card .nav-pills {
        padding: 5px 0;
        margin: 0 0 15px;
    }
    .practice-card .nav-pills li {
        margin: 0 5px;
    }
    .practice-card .nav-pills li a {
        font-size: 10px;
        padding: 8px 10px;
    }
    .practice-card .nav-pills li a img {
        display: block;
        margin: 0 auto 5px;
    }
    .add_option_form {
        padding: 25px 20px 20px;
    }
    .add_option_form .close_btn {
        right: 5px;
        top: 5px;
    }
    .add_option_form .btn-group {
        margin: 10px 0;
    }
    .add_option_form .btn-group .option-check-btn {
        margin: 0 3px;
    }
    .add_option_form .btn-group .option-check-btn .check-label {
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer;
    }
    .add_option_block .form-btn .theme-btn {
        padding: 8px 20px;
    }
    .add_option_block .form-btn .theme-btn2 {
        padding: 8px 30px;
    }
    .yes_no_toggle {
        font-size: 12px;
    }
    .yes_no_toggle .toggle.btn {
        min-height: 20px;
        min-width: 45px;
    }
    .yes_no_toggle .toggle.btn label {
        font-size: 8px;
        padding: 3px 20px 3px 5px;
    }
    .yes_no_toggle .toggle.btn .btn.btn-danger {
        padding: 4px 5px 4px 20px;
    }
    .yes_no_toggle .toggle.btn .toggle-handle {
        width: 12px;
        height: 12px;
        top: 4px;
        right: 6px;
    }
    .yes_no_toggle .toggle.btn.btn-danger.off .toggle-group .toggle-handle {
        left: 14px;
    }
    .que-block .image-question li {
        flex: 1 1 48%;
    }
    .answer-msg {
        margin: -20px auto 5px;
    }
    .answer-msg.single-text {
        margin: 10px auto 0;
    }
    .que-block .explanation {
        flex-direction: column;
        align-items: flex-start;
    }
    .que-block .explanation p {
        padding: 0;
        margin: 5px 0 0 !important;
        border: none;
    }

    .filter-row>li.filter-col-btn{
        max-width: 100%;
    }
    .filter-col-btn .theme-btn{
        flex: 1;
    }




    /* Login CSS */
    .login-blocks {
        flex-direction: column;
        height: auto;
    }
    .login-blocks .right-box {
        margin-top: 50px;
    }
    .login-blocks .login-form form {
        padding: 30px 20px;
    }
    .login-blocks .login-form h1 {
        font-size: 30px;
    }
    .login-blocks .login-form .form-group {
        margin-bottom: 20px;
    }
    /* .login-blocks .login-form .link-text {
        margin-top: 10px !important;
        font-size: 14px;
    } */
    .login-blocks .login-form .theme-btn {
        margin-top: 20px;
        font-size: 16px;
    }
    .login-blocks .login-form p {
        max-width: 100%;
    }
    .login-blocks .login-form:after {
        display: none;
    }
    /* Login CSS */

    /* Challenges Screen */
    .challenges-answer-part {
        max-width: 100%;
    }

    /* Challenges Screen */
    .right_col .slideshow .item h1 {
        font-size: 20px;
    }
    .que-block .quest-imagelarge img {
        width: 50%;
        margin: 0 auto;
    }

}

@media(max-width:575px) {
    .theme-btn {
        font-size: 14px;
    }
    .top_nav .navbar-right li {
        margin: 0 5px;
    }
    .top_nav .navbar-right li .input-group input {
        min-width: 100px;
        font-size: 13px;
    }
    .user-profile img {
        width: 28px;
        height: 28px;
        margin-right: 8px;
    }
    .user-profile .active-status {
        left: 22px;
    }
    .card-block .pagination .page-link.prev,
    .card-block .pagination .page-link.next {
        padding: 7px 10px;
    }
    .course-list li {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 15px;
    }
    .course-list .course-thumb {
        width: 100%;
    }
    .course-list .course-description,
    .course-search{
        width: 100%;
    }
    .course-list .course-description .course-detail {
        width: 100%;
        flex-wrap: wrap;
        padding-left: 14px;
        padding-right: 14px;
    }
    .course-list .course-description .course-detail .detail-col {
        width: calc(50% - 5px);
        margin-bottom: 5px;
    }
    .course-list .dropdown {
        right: 12px;
        top: 15px;
    }
    .course-list .dropdown .dropdown-menu {
        min-width: 200px;
    }
    /* .course-list .course-description .top-dis {
        text-align: center;
    } */
    .form-wizard .form-wizard-steps {
        padding: 10px;
    }
    .form-wizard .form-wizard-steps li {
        width: 35%;
    }
    .form-wizard .form-wizard-steps li span.step_icon {
        width: 40px;
        height: 40px;
        padding: 8px;
    }
    .form-wizard .form-wizard-steps li::after {
        top: 20px;
    }
    .form-wizard .form-wizard-steps li span.step_descr {
        font-size: 9px;
    }
    .form-wizard .wizard-fieldset {
        padding: 10px;
    }

    .form-wizard .wizard-fieldset .d-flex.mb-30 {
        margin-bottom: 20px;
    }

    /* .right_col .form-wizard .form-design .form-label {
        font-size: 12px;
    } */

    .right_col .form-wizard .form-design .drop-file .form-label {
        font-size: 14px;
    }

    .right_col .form-wizard .form-design .drop-file {
        padding: 20px;
    }

    .right_col .form-wizard .accordion>.card {
        margin-bottom: 15px;
    }

    .right_col .form-wizard .accordion .card>.card-header {
        padding: 10px;
    }

    .right_col .form-wizard .accordion .card>.card-header .left-heading {
        font-size: 13px;
        display: flex;
        align-items: center;
    }

    .right_col .form-wizard .accordion .card>.card-header .left-heading img {
        width: 30px;
    }

    .right_col .form-wizard .editable-heading {
        font-size: 12px;
    }

    .right_col .form-wizard .accordion .card>.card-header .right-icons {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .right_col .form-wizard .accordion .card>.card-header .right-icons img {
        width: 14px;
    }

    .right_col .form-wizard .accordion .card>.card-header .right-icons img.mr-1 {
        margin-right: 3px !important;
    }

    .right_col .form-wizard .accordion .card>.collapse>.card-body {
        margin: 0 10px;
        padding: 10px 0;
    }

    .right_col .form-wizard .accordion .chp-add-section .chp-heading {
        padding: 10px;
    }

    .right_col .form-wizard .accordion .chp-add-section .chp-heading.lightgray {
        flex-direction: column;
    }

    .right_col .form-wizard .accordion .chp-add-section .chp-heading .chp-title {
        font-size: 10px;
        margin-right: 5px;
        width: calc(100% - 65px);
    }

    .right_col .form-wizard .accordion .chp-add-section .chp-heading .chp-title img {
        margin-right: 3px !important;
    }

    .right_col .form-wizard .accordion .chp-add-section .chp-heading .right-icons img {
        width: 14px;
    }

    .right_col .form-wizard .accordion .chp-add-section .chp-heading .right-icons img.mr-2 {
        margin-right: 3px !important;
    }

    .right_col .form-wizard .accordion .chp-add-section .card-body {
        padding: 10px 0;
    }

    .right_col .form-wizard .accordion .chp-add-section .card-body .nav-pills {
        gap: 10px;
    }

    .right_col .form-wizard .accordion+.accordion {
        margin-top: 10px;
    }

    .right_col .form-wizard .accordion .chp-add-section .card-body .nav-item .nav-link {
        font-size: 10px;
        padding: 6px 10px;
    }

    .right_col .form-wizard .accordion .chp-add-section .card-body .nav-item .nav-link img {
        margin-right: auto !important;
        display: block;
        margin: 0 auto;
    }

    .right_col .form-wizard .accordion .spacer {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .practice-card .nav-pills li a {
        font-size: 8px;
        padding: 8px 3px;
    }

    .practice-card .nav-pills li a img {
        width: 13px;
    }

    .add_option_form .btn-group .option-check-btn .check-label {
        font-size: 10px;
    }

    .right_col .form-wizard .add-more-section {
        width: 100% !important;
        padding: 10px;
    }

    .right_col .form-wizard .add-more-section .theme-btn {
        padding: 8px 10px;
        font-size: 10px;
    }

    .right_col .slide-bottom .slides-numbers {
        font-size: 12px;
    }

    .right_col .slideshow .que-block p {
        margin-bottom: 10px;
    }

    .que-block h1 {
        font-size: 20px;
    }

    .que-block form {
        padding: 20px 0;
    }

    .right_col .slideshow .que-block p.desctext,
    .course-search .input-search{
        max-width: 100%;
    }

    .right_col .slide-bottom {
        margin-top: 20px;
    }

    .contentListArea .list-heading-top {
        font-size: 12px;
    }

    .contentListArea .contentList {
        font-size: 11px;
    }

    .contentListArea .contentList .name-block i {
        font-size: 12px;
        width: 20px;
        height: 20px;
    }

    .x_content div.dataTables_wrapper .dt-buttons {
        width: 100%;
        margin: 0 0 10px;
    }
    .x_content div.dataTables_wrapper .dt-buttons:empty{
        display: none;
    }

    .selectedcontent>li {
        padding: 10px;
    }

    .selectedcontent>li .iconleft {
        width: 20px;
    }

    .selectedcontent>li .iconleft img {
        width: 20px;
    }

    .selectedcontent>li .content-detail-block {
        width: calc(100% - 55px);
        padding: 0 10px;
    }

    .selectedcontent>li .content-detail-block h4 {
        font-size: 12px;
    }

    .selectedcontent>li .content-detail-block .breadcrumb-item {
        font-size: 11px;
    }

    .selectedcontent>li .action-right {
        width: 35px;
    }

    .selectedcontent>li .action-right .remove_content {
        font-size: 20px;
    }

    .selectedcontent>li .action-right .move_content {
        font-size: 12px;
    }


    /* Challenges Screen */
    .challenges-screen .upper-content .counter-section .ques-attempt {
        position: static;
        width: 80px;
        padding: 2px 5px !important;
    }

    .challenges-screen .upper-content .counter-section .ques-attempt .quest-number .line_up {
        width: 2px;
    }

    .challenges-screen .upper-content .counter-section .ques-attempt .quest-count {
        font-size: 10px;
    }

    .challenges-screen .upper-content .counter-section {
        bottom: 10px;
    }

    .challenges-screen .upper-content .counter-section .student-block .img-animation {
        margin-left: auto;
        display: block;
    }

    .challenges-answer-part .upper-content .output {
        font-size: 28px;
    }

    .base-timer {
        width: 50px;
        height: 50px;
    }

    .base-timer__label {
        width: 50px;
        height: 50px;
        font-size: 13px;
    }

    .challenges-screen .challenges-calc-part .output {
        font-size: 30px;
        margin-top: 20px;
        height: 60px;
        padding: 15px;
    }

    .challenges-screen .challenges-calc-part .calculator-grid {
        margin-top: 20px;
    }

    .challenges-screen .challenges-calc-part .calculator-grid button {
        font-size: 14px;
    }

    .nav_menu{
        margin-bottom: 10px;
    }

}

@media(max-width:375px) {
    .challenges-answer-part .upper-content .output {
        font-size: 20px;
    }

    .base-timer {
        width: 40px;
        height: 40px;
    }

    .base-timer__label {
        width: 40px;
        height: 40px;
        font-size: 10px;
    }
}

.sweet-alert button.cancel {
    background-color: #038c00;
}

.sweet-alert button.cancel:hover {
    background-color: #038c00;
}
.img-thumbnail {
    padding: 0;
    background-color: var(--lightgray);
    border: 1px solid var(--border-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: contain;
}
.lb-nav {
    display: none !important;
}
div:where(.swal2-container) div:where(.swal2-popup){
    border-radius: 20px !important;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
}
div:where(.swal2-icon){
    margin-bottom: 0 !important;
}
.swal2-container .swal2-icon.swal2-question {
    border-color: var(--exLightBlue);
    color: var(--dblue);
    margin-top: 25px;
}
.swal2-container .swal2-icon.swal2-warning {
    border-color: var(--secondary);
    color: var(--secondary);
    margin-top: 25px;
}
.swal2-container .swal2-title {
    font-size: 22px;
    font-weight: 600;
    color: var(--dblue);
}
.swal2-container .swal2-html-container {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: var(--primary-light);
    padding-bottom: 0;
}
.swal2-container .swal2-title:empty + .swal2-html-container{
    padding-top: 40px;
}
.swal2-actions{
    margin-top: 10px;
}
.swal2-container .swal2-styled.swal2-confirm {
    background: var(--dgreen) !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px;
    transition: all 0.3s ease-in;
    padding: 12px 25px;
}
.swal2-container .swal2-styled.swal2-cancel {
    background: var(--secondary) !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px;
    transition: all 0.3s ease-in;
    padding: 12px 25px;
}
.courses-sidebar {
    display: none;
}

/* form wizard  */
.form-wizard .wizard-form-error {
    display: none;
    background-color: #d70b0b;
    height: 1px;
    width: 100%;
}

.x_content div.dataTables_wrapper div.dataTables_paginate .pagination .paginate_button.active a {
    color: rgb(255, 255, 255);
    background-color: var(--secondary) !important;
    border-color: var(--secondary);
}

/** loader css */
.loader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
}

.loader [id^="path"] {
    animation: loaderview 1s linear infinite;
}

.right_col .slideshow .preview-thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@keyframes loaderview {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 0.3;
    }

    60% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

/** loader css */
.practice-wizards-div {
    margin-bottom: 10px;
}

div#practice {
    margin-top: 10px;
    margin-bottom: 10px;
}

/** loader css */

.add_option_block_outer>.question-lightfray:first-child>.lightgray>.right-icons>.delete-btn {
    display: none;
}

.explanation-div {
    display: none;
}

/* *10-02-23 */
.learnosity-question-editor h1 span {
    background-clip: border-box;
    height: 40px !important;
    min-width: 200px !important;
    width: 100%;
    font-size: 18px;
}

.learnosity-question-editor .lrn.lrn_widget .lrn_cloze_response {
    display: inline-flex;
}

.learnosity-question-editor .cke_textarea_inline.cke_editable.cke_editable_inline.cke_contents_ltr {
    display: inline-flex;
}

.lrn_stimulus_content {
    display: none;
}

/* Challenges */
.challenges-answer-part .upper-content .output .question-list .challenge-questions {
    display: none;
}

.challenges-answer-part .upper-content .output .question-list .challenge-questions.qactive {
    display: block;
}


/*dragula css */

.drag-question-block {
    position: relative;
    margin-top: 20px;
}

.drag-question-block .drag-question-row {
    border: 1px solid var(--border-color);
    border-radius: 5px;
    position: relative;
}

.drag-question-block .drag-question-row h4 {
    color: var(--dblue);
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 44px;
    text-align: center;
}

.drag-question-block .drag-question-row .drag-question {
    position: relative;
    padding: 40px 15px 20px;
}

.drag-question-block .drag-question-row .drag-question .task-list {
    position: relative;
    min-width: 150px;
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    border-bottom: 1px solid var(--dblue);
    border-bottom-style: dashed;
    text-align: center;
    text-transform: capitalize;
}

.drag-question-block .drag-question-row .doing-column {
    background: var(--lightgray);
    padding: 20px;
    border-radius: 0 0 5px 5px;
    margin-top: 20px;
}

.drag-question-block .drag-question-row .doing-column .task-list {
    padding: 0;
    margin: 0;
}

.drag-question-block .drag-question-row .doing-column .task-list {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.drag-question-block .drag-question-row .doing-column .task-list .task {
    background: #fff;
    border: 1px solid var(--border-color);
    padding: 10px 15px;
    border-radius: 5px;
    color: var(--dblue);
    font-size: 16px;
    font-weight: 500;
    list-style: none;
    margin: 0;
    text-transform: capitalize;
    cursor: all-scroll;
}

.drag-question-block .drag-question-row .drag-question .task-list .index-number {
    width: 35px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #fff;
    color: var(--dblue);
    opacity: 0;
    position: absolute;
    left: 0;
}

.drag-question-block .theme-btn2 {
    margin-top: 30px;
    padding: 12px 15px;
    height: auto;
    outline: none;
}

.drag-question-row.answer-checked-right {
    border: 1px solid var(--dgreen);
    border-top-width: 4px;
}

.drag-question-row.answer-checked-right:after {
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    top: -2px;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    color: var(--white);
    font-size: 16px;
    background: var(--dgreen);
    padding: 2px 10px;
    border-radius: 3px;
}

.drag-question-row.answer-checked-wrong:after {
    content: "\f00d";
    font-family: 'FontAwesome';
    position: absolute;
    top: -2px;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    color: var(--white);
    font-size: 16px;
    background: var(--red);
    padding: 2px 10px;
    border-radius: 3px;
}

.drag-question-row.answer-checked-wrong {
    border: 1px solid var(--red);
    border-top-width: 4px;
}

.drag-question-block .drag-question-row.answer-checked-right .drag-question .answer-right {
    color: var(--dgreen);
    background: var(--lightgreen);
    border-bottom: 1px solid var(--dgreen);
    line-height: 24px;
}

.drag-question-block .drag-question-row.answer-checked-right .drag-question .answer-wrong {
    color: var(--red);
    background: var(--lightred);
    border-bottom: 1px solid var(--red);
    line-height: 24px;
}

.drag-question-block .drag-question-row.answer-checked-wrong .drag-question .answer-right {
    color: var(--dgreen);
    background: var(--lightgreen);
    border-bottom: 1px solid var(--dgreen);
    line-height: 24px;
}

.drag-question-block .drag-question-row.answer-checked-wrong .drag-question .answer-wrong {
    color: var(--red);
    background: var(--lightred);
    border-bottom: 1px solid var(--red);
    line-height: 24px;
}

.drag-question-block .drag-question-row.answer-checked-wrong .drag-question .index-number {
    background: var(--red);
    color: var(--white);
    opacity: 1;
}

.drag-question-block .drag-question-row.answer-checked-right .drag-question .index-number {
    background: var(--dgreen);
    color: var(--white);
    opacity: 1;
}

.drag-question-block .drag-question-row.answer-checked-right .drag-question .answer-wrong .index-number {
    background: var(--red);
}

.drag-question-block .drag-question-row .drag-question .task-list .task {
    width: 100%;
}

.drag-question-block .drag-question-row.answer-checked-right .drag-question .task-list .task {
    padding: 0 10px 0 30px;
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drag-question-block .drag-question-row.answer-checked-wrong .drag-question .task-list .task {
    padding: 0 10px 0 30px;
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    ;
}

.drag-question-block .drag-question-row.answer-checked-wrong .drag-question .answer-right .index-number {
    background: var(--dgreen);
}

.drag-question-block .answer-explanation {
    background: var(--lightgray);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 25px 15px;
    display: flex;
    align-items: center;
    text-align: left;
    margin-top: 30px;
}

.drag-question-block .answer-explanation h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--dblue);
    margin-bottom: 0;
    border-right: 2px solid var(--border-color);
    padding: 10px 15px 10px 0;
    margin-right: 15px;
}

.drag-question-block .answer-explanation ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.drag-question-block .answer-explanation ul li {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    color: var(--dblue);
    font-size: 16px;
    font-weight: 500;
    list-style: none;
    margin: 0;
    text-transform: capitalize;
    overflow: hidden;
}

.drag-question-block .answer-explanation ul li .answer-number {
    background: var(--border-color);
    color: var(--dblue);
    padding: 10px 15px;
    display: inline-flex;
    min-width: 40px;
    justify-content: center;
    -webkit-justify-content: center;
}

.drag-question-block .answer-explanation ul li .answer-text {
    padding: 10px 15px;
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    background: #fff;
    border: 1px solid var(--border-color);
    padding: 10px 15px;
    border-radius: 5px;
    color: var(--dblue);
    font-size: 16px;
    font-weight: 500;
    list-style: none;
    margin: 0;
    text-transform: capitalize;
    cursor: all-scroll;
}

.gu-hide {
    display: none !important;
}

.gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}

/*dragula css */

.challenges-answer-part .upper-content .output #challenge-winner-text {
    font-size: 20px;
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.col-md-12.content_form .col-md-4 {
    height: 100px;
}

a.dropdown-item.logout {
    padding-top: 0px;
    padding-bottom: 0px;
}

a.dropdown-item.logout p {
    font-size: 14px;
}

a.dropdown-item.profile {
    padding-bottom: 0px;
}

a.dropdown-item.profile p {
    font-size: 14px;
}

i.fa.fa-sign-out.pull-right {
    font-size: 18px;
}

.top_nav li a i {
    font-size: 20px;
}

h2.title-text {
    font-size: 18px !important;
    color: var(--dblue);
    font-weight: 600;
    margin: 0 0 10px;
    /* text-transform: capitalize; */
}

.select2-container .select2-search--inline .select2-search__field {
    font-size: 14px;
    margin-top: 8px;
    width: auto !important;
}

input[type=time]::-webkit-datetime-edit-ampm-field {
    display: none;
}

.top_nav .navbar-right .nav-item:first-child a.dropdown-item {
    display: flex;
    align-items: center;
}

.top_nav .navbar-right .nav-item:first-child a.dropdown-item i {
    margin-left: 5px;
}

.close:focus {
    outline: unset;
}

.mce-menubtn span {
    display: inline-block
}

.addZindex {
    z-index: 10001;
}

.assessmentModal .close,
.choose-type-modal .close {
    text-shadow: none;
    font-size: 28px;
    font-weight: 300;
    color: var(--lightBlue);
    opacity: 1;
    transition: all 0.3s ease-in;
}

.custum-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: auto;
    outline: 0;
    background: rgba(0, 0, 0, 0.6);
}

.answer-submitted {
    padding: 11px;
    background-color: green;
    color: #ffff;
    text-align: center;
    display: none;
}

.assessmentModal .card-block .lessons_list .course-list .lesson_card:hover {
    background: var(--lightgray);
    cursor: pointer;
}

.choose-type-modal .select-choose {
    margin-bottom: 20px;
}

.choose-type-modal .select-choose .select2-container--default .select2-selection--single {
    border: 1px solid var(--border-color);
}

.que-block .page>.section>.section {
    text-align: left;
}

.right_col .slideshow .item h1>.page>.section>.layoutArea>.column>ol {
    /* padding: 0; */
    /* margin-left: 50px; */
    padding-left: 3rem;
}
.right_col .que-block .column ol {
   /* padding-left: 0 !important;
     list-style: none;
    counter-reset: ollist;   */
}
.right_col .que-block .column ol li{
    position: relative;
    /* text-align: left;
    display: flex;
    align-items: center; */
    color: initial;
    font-size: initial;
    font-weight: initial;
    /* list-style: initial; */
}
.right_col .que-block h1 .section{
    color: initial;
    font-size: initial;
    font-weight: initial;
}
/* .right_col .que-block .column ol li+li{
    margin-top: 15px;
} */
.right_col .que-block .column ol li p{
    margin-bottom: 0;
    text-align: initial;
    color: initial;
    /* display: inline; */
}
/* .right_col .que-block .column ol li:before{
    counter-increment: ollist;
    content: counter(ollist) ". ";
    margin-right: 20px;
} */
.right_col .slideshow .item h1>.page>.section br {
    display: none;
}
.que-block .page > .section > .section:after, .que-block .page > .section > .section:before {
    clear: both;
    display: table;
    content: "";
}
.mark-complete{
    position: absolute;
    z-index: 999999999;
    right: 15px;
    top: 12px;
}
.courses-sidebar .slide-action li {
    position: relative;
}
.courses-sidebar .slide-action li a.slide-anchor{
    border-bottom: 1px solid var(--border-color);
}

.sortable-chosen a.slide-anchor {
    background: #e8ffee !important;
    border-bottom: 1px solid #35d55a !important;
    border-left: 0;
    border-right: 0;
    /* border-radius: 5px; */
}

.sort-slides input.mark-complete {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.sort-slides input:checked ~ .checkmark {
    background-color: #00af28;
    border-color: #00af28;
}
.sort-slides input:checked[disabled] ~ .checkmark {
    background-color: #c7c7c7;
    border-color: #c7c7c7;
}
.sort-slides .checkmark {
    position: absolute;
    z-index: 9;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid lightgrey;
    border-radius: 4px;
}

.sort-slides input:checked ~ .checkmark:after {
    display: block;
}

.sort-slides .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px 1px 1px 0;
}
.sort-slides .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.slide-action li.sortable-chosen>a:before{
    background: #00af28;
}

.sortable-chosen a.slide-anchor{
    border-bottom-color: #00af28;
}
/* for progress bar  */
.submit-attachment-student>.dropify-wrapper{
    height: 237px;
}

.single-skill {
    position: absolute;
    right: 0;
    bottom: -70px;
}

.circle-chart {
    width: 50px;
    height: 50px;
}

.circle-chart__circle {
    stroke: #00acc1;
    stroke-width: 2;
    stroke-linecap: square;
    fill: none;
    animation: circle-chart-fill 2s reverse; /* 1 */ 
    transform: rotate(-90deg); /* 2, 3 */
    transform-origin: center; /* 4 */
}


.circle-chart__circle--negative {
    transform: rotate(-90deg) scale(1,-1); /* 1, 2, 3 */
}

.circle-chart__background {
    stroke: #efefef;
    stroke-width: 2;
    fill: none; 
}

.circle-chart__info {
    animation: circle-chart-appear 2s forwards;
    opacity: 0;
    transform: translateY(0.3em);
}

.circle-chart__percent {
    alignment-baseline: central;
    text-anchor: middle;
    font-size: 8px;
}

.circle-chart__subline {
    alignment-baseline: central;
    text-anchor: middle;
    font-size: 3px;
}

.success-stroke {
    stroke: rgb(244 122 33);
}

.warning-stroke {
    stroke: #ffbb33;
}

.danger-stroke {
    stroke: #ff4444;
}

@keyframes circle-chart-fill {
    to { stroke-dasharray: 0 100; }
}
@keyframes circle-chart-appear {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.skill-head h1{
    font-size: 60px;
    font-weight: 700;
}
.success-stroke {
    stroke: rgb(244 122 33);
}
.circle-chart__background {
    stroke: #ede4e4;
    stroke-width: 1;
}
.innerbody_area{
    background-color: var(--lightgray2);
    border-radius: 10px;
    padding: 20px;
}
.innerbody_area + .innerbody_area{
    margin-top: 20px;
}
@media (max-width: 575.98px) {
    .skill-head {
        margin: 50px 0;
    }
    .skill-head h1 {
        font-size: 30px;
    }
    .skill-icon {
        width: 50%;
    }
    .skill-icon i {
        font-size: 70px;
    }
    .single-skill {
        width: 50%;
        right: 30px;
        bottom: -70px;
    }
    .circle-chart {
        width: 40px;
        height: 40px;
    }
}
.lesson-sub-detail {
    display: flex;
    justify-content: space-between;
}
.lesson-wrap .lesson-sub-pre-detail{
    width: 100%;
    min-height: 400px;
    background: #fff;
    border-radius: 5px;
    padding: 25px;
    border: none;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
}
/*  Toggle Switch  */
.toggleSwitch span span {
    display: none;
}
@media only screen {
    .toggleSwitch {
        display: inline-block;
        height: 18px;
        position: relative;
        overflow: visible;
        padding: 0;
        margin-left: 50px;
        cursor: pointer;
        width: 40px;
    }
    .toggleSwitch * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .toggleSwitch label,
    .toggleSwitch > span {
        line-height: 20px;
        height: 20px;
        vertical-align: middle;
    }
    .toggleSwitch input:focus ~ a,
    .toggleSwitch input:focus + label {
        outline: none;
    }
    .toggleSwitch label {
        position: relative;
        z-index: 3;
        display: block;
        width: 100%;
    }
    .toggleSwitch input {
        position: absolute;
        opacity: 0;
        z-index: 5;
    }
    .toggleSwitch > span {
        position: absolute;
        left: auto;
        right: 0;
        width: 80px;
        margin: 0;
        padding-right: 50px;
        text-align: left;
        white-space: nowrap;
    }

    .toggleSwitch > span span {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: block;
        width: 50%;
        margin-left: 32px;
        text-align: left;
        font-size: 0.9em;
        width: 100%;
        top: 4px;
        opacity: 0;
    }
    .toggleSwitch a {
        position: absolute;
        right: 50%;
        top: 4px;
        z-index: 4;
        display: block;
        height: 100%;
        padding: 0;
        left: -80%;
        width: 18px;
        background-color: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    .toggleSwitch > span span:first-of-type {
        color: #fff;
        opacity: 1;
        left: 1%;
    }
    .toggleSwitch > span:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        min-height: 30px;
        position: absolute;
        left: 0;
        top: -2px;
        background-color: red;
        border: 1px solid red;
        border-radius: 30px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .toggleSwitch input:checked ~ a {
        border-color: #fff;
        left: 14px;
    }
    .toggleSwitch input:checked ~ span:before {
        border-color: #28A745;
        box-shadow: inset 0 0 0 30px #28A745;
    }
    .toggleSwitch input:checked ~ span span:first-of-type {
        opacity: 0;
    }
    .toggleSwitch input:checked ~ span span:last-of-type {
        opacity: 1;
        color: #fff;
        margin-left: 20px;
    }
    /* Switch Sizes */
    .toggleSwitch.large {
        width: 60px;
        height: 27px;
    }
    .toggleSwitch.large a {
        width: 27px;
    }
    .toggleSwitch.large > span {
        height: 29px;
        line-height: 28px;
    }
    .toggleSwitch.large input:checked ~ a {
        left: 41px;
    }
    .toggleSwitch.large > span span {
        font-size: 1.1em;
    }
    .toggleSwitch.large > span span:first-of-type {
        left: 50%;
    }
    .toggleSwitch.xlarge {
        width: 80px;
        height: 36px;
    }
    .toggleSwitch.xlarge a {
        width: 36px;
    }
    .toggleSwitch.xlarge > span {
        height: 38px;
        line-height: 37px;
    }
    .toggleSwitch.xlarge input:checked ~ a {
        left: 52px;
    }
    .toggleSwitch.xlarge > span span {
        font-size: 1.4em;
    }
    .toggleSwitch.xlarge > span span:first-of-type {
        left: 50%;
    }
}
.lesson-wrap .lesson-sub-pre-detail .img-wrapper{
    text-align: center;
    margin: 0 auto;
}
.lesson-wrap .lesson-sub-pre-detail .img-wrapper img{
    max-width: 100%;
}
#Iframe-Master-CC-and-Rs {
    max-width: 100%;
    max-height: 100%; 
    overflow: hidden;
}
.responsive-wrapper {
    position: relative;
    height: 0;
}
.responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
.responsive-wrapper-wxh-572x612 {
    padding-bottom: 100%;
}
.set-padding {
    padding: 30px;
}
.set-margin {
    margin: 30px;
}
.center-block-horiz {
    margin-left: auto !important;
    margin-right: auto !important;
}
button.close span {
    font-size: 35px;
    font-weight: 200;
    line-height: 1;
    margin: 8px 0px;
    /* background: red; */
    color: #000;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    vertical-align: middle;
}
a.close span {
    font-size: 35px;
    font-weight: 200;
    line-height: 1;
    margin: 8px 0px;
    /* background: red; */
    color: #000;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    vertical-align: middle;
}
.spring-icon-wrap {
    background: transparent !important;
    border: 4px solid #001d3d91;
    border-radius: 70px !important;
    width: 70px !important;
    height: 70px !important;
    flex-shrink: 0;
    color: rgb(249 110 0);
    font-weight: 600;
}
input[type="time"]::-webkit-datetime-edit-ampm-field {
    display: none;
}
.program-dtl{
    width: 300px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid var(--border-color);
    transition: all 0.3s ease-in;
}
.classContent{
    max-height: 250px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--body-bg) var(--lightgray);
}
.classContent .text-dblue{
    padding: 10px 15px;
}
.classContent .text-dblue{
    padding: 10px 15px;
    background: #e1ffee;
    margin: 0px 0 10px;
}
.classContent .allpercent{
    background: #fff;
    color: var(--hgreen);
    padding: 3px 8px;
}
.pro_classes{
    line-height: 28px;
    padding:10px 15px 10px 15px;
    margin-right: 2px;
}
.popover-body .classContent .inListlesson .pro_classes:nth-child(odd) {
    background: #fafafa;
}
.pro_classes li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--dblue);
    font-size: 14px;
}
.pro_classes li+li{
    margin-top: 15px;
}
.pro_classes li span.spbage{
    padding: 1px 8px;
    display: inline-block;
    border-radius: 3px;
    width: 50px;
    font-size: 13px;
    text-align: center;
    flex-shrink: 0;
}
.pro_classes li span.bglightgreen{
    background: var(--lightgreen);
}
.pro_classes li span.bglightred{
    background: var(--lightred);
}
.pro_classes li span.bglightyello{
    background: #FFEDAE;
}
.program-dtl .spring-icon-wrap{
    font-size: 12px;
    width: 40px !important;
    height: 40px !important;
}
.popover, .popover-body{
    min-width: 320px;
    padding: 0;
    max-height: 400px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #dae3f3 #fff;
}
.popover-arrow {
    position: absolute;
    left: 18px;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    filter: drop-shadow(0px 1px 0px #c6c8c9);
}
.bs-popover-end .popover-arrow {
    position: absolute;
    left: -20px;
    bottom: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fff; 
    filter: drop-shadow(-1px 0px 0px #c6c8c9);
}
.classContent::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.classContent::-webkit-scrollbar-track {
    background: var(--lightgray);
}
/* Handle */
.classContent::-webkit-scrollbar-thumb {
    background: var(--body-bg);
}
/* Handle on hover */
.classContent::-webkit-scrollbar-thumb:hover {
    background: var(--border-color);
}
div.dataTables_processing>div:last-child>div {
    background: rgb(244 120 23);
}
.lrn-qe-toolbar-controls {
    display: none !important;
}
/* Lesson Summition */
.lesson-summition-block h2{
    font-size: 16px;
    color: var(--dblue);
    font-weight: 600;
    margin: 0 0 10px;
}
.lesson-summition-block p{
    font-size: 13px;
    font-weight: 400;
    color: #4A4674;
    margin-bottom: 10px;
}
.lesson-summition-block .sended_explanation{
    background: var(--lightgreen);
    padding: 15px 20px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.lesson-summition-block .lesson-sub-detail{
    background: var(--lightgray);
    padding: 15px 20px;
    border-radius: 5px;
    margin-bottom: 15px;
}

/* Lesson Summition */
.resultBoxCard .colorBox{
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}
.resultBoxCard .colorBox .boxes {
    background-color: #F8FAFB;
    border: 1px solid #D2D6E3;
    padding: 5px 8px 5px 5px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6B678E;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.resultBoxCard .colorBox .boxes .box{
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: #FF6B6B;
}
.resultBoxCard .colorBox .boxes .box.yellowBox{
    background: #F4C10B;
}
.resultBoxCard .colorBox .boxes .box.greenBox{
    background: #1CCE66;
}
.resultBoxCard .downloadBtn{
    gap: 8px;
    display: flex;
    align-items: center;
}
.resultBoxCard .bodypart .tableHeader{
    color: #FFF;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 25px 25px 23px;
    background-color: #1CCE66;
}
.resultBoxCard .bodypart .tableHeader.yelloBox{
    background-color: #F4C10B;
}
.resultBoxCard .bodypart .tableHeader.redBox{
    background-color: #FF6B6B;
}
.resultBoxCard .bodypart .table{
    margin: 0px 0px 0 !important;
}
.resultBoxCard .bodypart .table tr td:first-child {
    padding: 25px 24px 23px;
}
.resultBoxCard .bodypart .table tr td {
    vertical-align: middle;
    padding: 25px 15px;
    color: #201B53;
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
}
.resultBoxCard .bodypart .table tr td .matchtitle{
    font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;
}
.resultBoxCard .bodypart .table tr td .text{
    color: #55597D;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;
}
.resultBoxCard .bodypart .table tr td .none {
    text-align: center;
    color: #55597D;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


@media screen and (max-width: 991px) {
    .resultBoxCard .bodypart .tableHeader{
        font-size: 16px;
        padding: 20px 20px 18px;
    }
    .resultBoxCard .bodypart .table tr td:first-child {
        padding: 20px 19px 18px;
    }
    .resultBoxCard .bodypart .table tr td {
        vertical-align: middle;
        padding: 20px 12px;
        font-size: 13px;
    }
    .resultBoxCard .bodypart .table tr td .matchtitle {
        font-size: 15px;
    }
    .resultBoxCard .bodypart .table tr td .none {
        font-size: 18px;
        padding: 50px;
    }
}

@media screen and (max-width: 576px) {
    .resultBoxCard .bodypart .tableHeader{
        font-size: 15px;
        padding: 15px 15px 10px;
    }
    .resultBoxCard .bodypart .table tr td:first-child {
        padding: 15px 12px 10px;
    }
    .resultBoxCard .bodypart .table tr td {
        vertical-align: middle;
        padding: 15px 10px;
        font-size: 12px;
    }
    .resultBoxCard .bodypart .table tr td .matchtitle {
        font-size: 14px;
    }
    .resultBoxCard .bodypart .table tr td .none {
        font-size: 17px;
        padding: 40px;
    }
}

@media print{
    .downloadBtn { display: none; }
}
.u-section {
    align-items: center;
    gap: 10px;
    justify-content: right;
}
.pro_classes li span.skip-lesson {
    padding: 1px 8px;
    display: inline-block;
    border-radius: 3px;
    font-size: 13px;
    text-align: center;
    background: #ffdabe;
    flex-shrink: 0;
    text-transform: capitalize;
    height: 30px;
    display: inline-block;
    line-height: 26px;
    margin: 1px 2px;
    cursor: pointer;
}
.pro_classes li span.skipped-lesson {
    padding: 1px 8px;
    display: inline-block;
    border-radius: 3px;
    font-size: 13px;
    text-align: center;
    background: #04b412;
    flex-shrink: 0;
    text-transform: capitalize;
    height: 30px;
    display: inline-block;
    line-height: 26px;
    margin: 1px 2px;
    cursor: pointer;
    color: #fff;
}
.pro_classes li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--dblue);
    font-size: 14px;
}


/* 14-02-2024 */
.multiple-tab .slick-slide .item,
.multiple-tab .slick-slide .row,
.multiple-tab .unassign-content .item{
    width: 100%;
    flex-wrap: wrap;
}
.multiple-tab .tab-content .row:not(:first-child) .slide-duration{
    margin: 0;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: inherit;
    align-items: inherit;
}
.multiple-tab .tab-content .row:not(:first-child) .slide-duration>*{
    flex: 0 0 100%;
}
.multiple-tab .slick-slide .slide-duration pre{
    display: flex;
    flex-wrap: wrap;
    word-break: break-word;
    width: 100%;
    white-space: inherit;
}
.que-block form .image-question{
    margin-top: 0;
}

/* 15-02-2024 */
.unassign-content>*{
    transform: scale(0.8);
    transform-origin: center;
}
.unassign-content.preview-animation>*{
    transform: scale(1);
    animation: scaleDiv 0.5s;
    animation-duration: 1s;
}
@keyframes scaleDiv{
    from {
        transform: scale(0.95);
    }
    to {
        transform: scale(1);
    }
}

.right_col .back-page{
    background: #fff;
    border-radius: 20px;
    padding: 24px 30px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
    margin-bottom: 22px;
}
.slide-action li>a.active{
    background: #FAE4D2;
}
.slide-action li>a.active::before{
    content: "";
    background: var(--secondary);
    width: 3px;
    height: 50%;
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 30px;
}
.card-block .lessons_list{
    height: auto;
    /* max-height: calc(100vh - 440px); */
}
.course-list .dropdown .dropdown-menu a:hover,
.courses-sidebar .slide-action li .dropdown .dropdown-menu a:hover{
    background: #f1f1f1;
}
.program-popup-hover .pro_classes>li>a{
    line-height: 16px;
}
.program-popup-hover .pro_classes>li>div{
    flex: 0 0 112px;
    text-align: right;
}
#fullscreen-element:fullscreen,
#fullscreen-element:-webkit-full-screen{
    background-color: #f1f5f9;
    padding: 20px;
}
#toggle-fullscreen {
    background: rgba(0, 0, 0, 0.2);
    z-index: 999;
    padding: 17px 20px;
    position: fixed;
    bottom: 0;
    right: 0;
    border: none;
    border-radius: 5px 5px 0 0;
    min-width: 125px;
    text-align: right;
    margin: 0;
}
#fullscreen-element:fullscreen #toggle-fullscreen,
#fullscreen-element:-webkit-full-screen #toggle-fullscreen{
    min-width: 90px;
    padding: 14px 20px;
    font-size: 16px;
}
#toggle-fullscreen::before{
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><path d="M30 21.7241V28.9655C29.9992 29.2396 29.8899 29.5023 29.6961 29.6961C29.5023 29.8899 29.2396 29.9992 28.9655 30H21.7241C21.3126 30 20.9179 29.8365 20.6269 29.5455C20.3359 29.2545 20.1724 28.8598 20.1724 28.4483C20.1724 28.0367 20.3359 27.642 20.6269 27.351C20.9179 27.06 21.3126 26.8966 21.7241 26.8966H24.7034L17.1983 19.3914C16.9242 19.0972 16.775 18.7082 16.7821 18.3062C16.7891 17.9042 16.952 17.5206 17.2363 17.2363C17.5206 16.952 17.9042 16.7891 18.3062 16.7821C18.7082 16.775 19.0972 16.9242 19.3914 17.1983L26.8966 24.7034V21.7241C26.8966 21.3126 27.06 20.9179 27.351 20.6269C27.642 20.3359 28.0367 20.1724 28.4483 20.1724C28.8598 20.1724 29.2545 20.3359 29.5455 20.6269C29.8365 20.9179 30 21.3126 30 21.7241ZM30 1.03448V8.27586C30 8.6874 29.8365 9.08209 29.5455 9.3731C29.2545 9.6641 28.8598 9.82759 28.4483 9.82759C28.0367 9.82759 27.642 9.6641 27.351 9.3731C27.06 9.08209 26.8966 8.6874 26.8966 8.27586V5.29655L19.3914 12.8017C19.2493 12.9542 19.078 13.0765 18.8877 13.1613C18.6973 13.2461 18.4918 13.2917 18.2835 13.2954C18.0751 13.299 17.8682 13.2607 17.675 13.1827C17.4818 13.1046 17.3062 12.9885 17.1589 12.8411C17.0115 12.6938 16.8954 12.5182 16.8173 12.325C16.7393 12.1318 16.701 11.9249 16.7046 11.7165C16.7083 11.5082 16.7539 11.3027 16.8387 11.1123C16.9235 10.922 17.0458 10.7507 17.1983 10.6086L24.7034 3.10345H21.7241C21.3126 3.10345 20.9179 2.93996 20.6269 2.64896C20.3359 2.35795 20.1724 1.96327 20.1724 1.55172C20.1724 1.14018 20.3359 0.745494 20.6269 0.45449C20.9179 0.163485 21.3126 0 21.7241 0H28.9655C29.2396 0.000818652 29.5023 0.110071 29.6961 0.303897C29.8899 0.497723 29.9992 0.760373 30 1.03448ZM12.8017 10.6086C12.9542 10.7507 13.0765 10.922 13.1613 11.1123C13.2461 11.3027 13.2917 11.5082 13.2954 11.7165C13.299 11.9249 13.2607 12.1318 13.1827 12.325C13.1046 12.5182 12.9885 12.6938 12.8411 12.8411C12.6938 12.9885 12.5182 13.1046 12.325 13.1827C12.1318 13.2607 11.9249 13.299 11.7165 13.2954C11.5082 13.2917 11.3027 13.2461 11.1123 13.1613C10.922 13.0765 10.7507 12.9542 10.6086 12.8017L3.10345 5.29655V8.27586C3.10345 8.6874 2.93996 9.08209 2.64896 9.3731C2.35795 9.6641 1.96327 9.82759 1.55172 9.82759C1.14018 9.82759 0.745494 9.6641 0.45449 9.3731C0.163485 9.08209 0 8.6874 0 8.27586V1.03448C0.000818652 0.760373 0.110071 0.497723 0.303897 0.303897C0.497723 0.110071 0.760373 0.000818652 1.03448 0H8.27586C8.6874 0 9.08209 0.163485 9.3731 0.45449C9.6641 0.745494 9.82759 1.14018 9.82759 1.55172C9.82759 1.96327 9.6641 2.35795 9.3731 2.64896C9.08209 2.93996 8.6874 3.10345 8.27586 3.10345H5.29655L12.8017 10.6086ZM12.8017 17.1983C12.946 17.3421 13.0604 17.513 13.1385 17.7012C13.2166 17.8894 13.2568 18.0911 13.2568 18.2948C13.2568 18.4986 13.2166 18.7003 13.1385 18.8884C13.0604 19.0766 12.946 19.2475 12.8017 19.3914L5.29655 26.8966H8.27586C8.6874 26.8966 9.08209 27.06 9.3731 27.351C9.6641 27.642 9.82759 28.0367 9.82759 28.4483C9.82759 28.8598 9.6641 29.2545 9.3731 29.5455C9.08209 29.8365 8.6874 30 8.27586 30H1.03448C0.760373 29.9992 0.497723 29.8899 0.303897 29.6961C0.110071 29.5023 0.000818652 29.2396 0 28.9655V21.7241C0 21.3126 0.163485 20.9179 0.45449 20.6269C0.745494 20.3359 1.14018 20.1724 1.55172 20.1724C1.96327 20.1724 2.35795 20.3359 2.64896 20.6269C2.93996 20.9179 3.10345 21.3126 3.10345 21.7241V24.7034L10.6086 17.1983C10.8996 16.9077 11.294 16.7445 11.7052 16.7445C12.1164 16.7445 12.5108 16.9077 12.8017 17.1983Z" fill="black"/></svg>');
    background-position: center;
    background-size: 15px;
    background-repeat: no-repeat;
}
#toggle-fullscreen:focus{
    outline: none;
}
#fullscreen-element:fullscreen,
#fullscreen-element:-webkit-full-screen{
    border-radius: 0;
}
#fullscreen-element:fullscreen .unassign-nav,
#fullscreen-element:-webkit-full-screen .unassign-nav{
    left: 50%;
}
#fullscreen-element:fullscreen #toggle-fullscreen::before,
#fullscreen-element:-webkit-full-screen #toggle-fullscreen::before{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="31" height="31" viewBox="0 0 31 31" fill="none"><path d="M3.11517 30.0995L11.0456 22.1541V29.0351C11.0456 29.4327 11.2035 29.8141 11.4847 30.0952C11.7658 30.3763 12.1471 30.5343 12.5447 30.5343C12.9423 30.5343 13.3236 30.3763 13.6048 30.0952C13.8859 29.8141 14.0438 29.4327 14.0438 29.0351V18.5412C14.0438 18.1436 13.8859 17.7623 13.6048 17.4812C13.3236 17.2 12.9423 17.0421 12.5447 17.0421H2.05079C1.6532 17.0421 1.27189 17.2 0.990746 17.4812C0.709605 17.7623 0.551661 18.1436 0.551661 18.5412C0.551661 18.9388 0.709605 19.3201 0.990746 19.6013C1.27189 19.8824 1.6532 20.0404 2.05079 20.0404H8.9318L0.986409 27.9708C0.845898 28.1101 0.734371 28.2759 0.658262 28.4586C0.582153 28.6413 0.542969 28.8372 0.542969 29.0351C0.542969 29.233 0.582153 29.429 0.658262 29.6117C0.734371 29.7944 0.845898 29.9602 0.986409 30.0995C1.12577 30.24 1.29158 30.3516 1.47426 30.4277C1.65694 30.5038 1.85289 30.543 2.05079 30.543C2.2487 30.543 2.44464 30.5038 2.62732 30.4277C2.81001 30.3516 2.97581 30.24 3.11517 30.0995ZM30.0995 0.986409C29.9602 0.845898 29.7944 0.734371 29.6117 0.658262C29.429 0.582153 29.233 0.542969 29.0351 0.542969C28.8372 0.542969 28.6413 0.582153 28.4586 0.658262C28.2759 0.734371 28.1101 0.845898 27.9708 0.986409L20.0404 8.9318V2.05079C20.0404 1.6532 19.8824 1.27189 19.6013 0.990746C19.3201 0.709605 18.9388 0.551661 18.5412 0.551661C18.1436 0.551661 17.7623 0.709605 17.4812 0.990746C17.2 1.27189 17.0421 1.6532 17.0421 2.05079V12.5447C17.0421 12.9423 17.2 13.3236 17.4812 13.6048C17.7623 13.8859 18.1436 14.0438 18.5412 14.0438H29.0351C29.4327 14.0438 29.8141 13.8859 30.0952 13.6048C30.3763 13.3236 30.5343 12.9423 30.5343 12.5447C30.5343 12.1471 30.3763 11.7658 30.0952 11.4847C29.8141 11.2035 29.4327 11.0456 29.0351 11.0456H22.1541L30.0995 3.11517C30.24 2.97581 30.3516 2.81001 30.4277 2.62732C30.5038 2.44464 30.543 2.2487 30.543 2.05079C30.543 1.85289 30.5038 1.65694 30.4277 1.47426C30.3516 1.29158 30.24 1.12577 30.0995 0.986409Z" fill="black"/></svg>');
}

#fullscreen-element:fullscreen{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    overflow-y: auto;
}
#fullscreen-element:fullscreen>.multiple-tab.card-block{
    width: 100%;
}


.assessment-main-block .form-check{
    margin-top: 38px;
    padding-left: 0;
    position: relative;
}
.assessment-main-block .form-check .form-check-label{
    position: relative;
    padding-bottom: 0;
    padding-left: 42px;
}
.assessment-main-block .form-check>input{
    position: absolute;
    left: 0;
    top: -4px;
    opacity: 0;
    margin: 0;
    height: 30px;
    width: 150px;
    z-index: 1;
}
.assessment-main-block .form-check .form-check-label::before{
    content: '';
    position: absolute;
    left: 0;
    top: -4px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #c5dae5;
    background: #fff;
}
.assessment-main-block .form-check .form-check-label::after{
    content: '';
    position: absolute;
    left: 0;
    top: -4px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path d="M2.61355 9.07928C2.21991 9.08038 1.83463 9.19291 1.50227 9.40385C1.16992 9.61479 0.904074 9.91551 0.735501 10.2712C0.566927 10.627 0.502512 11.0231 0.549707 11.4139C0.596901 11.8047 0.753778 12.1742 1.00219 12.4796L6.29768 18.9665C6.48649 19.201 6.72851 19.387 7.00365 19.5091C7.27878 19.6312 7.57908 19.686 7.87961 19.6687C8.52237 19.6342 9.10267 19.2904 9.47264 18.725L20.4727 1.00941C20.4745 1.00645 20.4764 1.00353 20.4783 1.00064C20.5815 0.842165 20.5481 0.528112 20.335 0.330819C20.2765 0.27664 20.2075 0.235016 20.1323 0.208509C20.0571 0.182003 19.9772 0.171175 19.8977 0.176694C19.8181 0.182212 19.7405 0.20396 19.6697 0.240597C19.5989 0.277235 19.5363 0.327986 19.4858 0.389726C19.4818 0.39458 19.4778 0.399361 19.4736 0.404069L8.37986 12.9383C8.33765 12.986 8.28638 13.0249 8.22903 13.0526C8.17168 13.0803 8.1094 13.0963 8.0458 13.0998C7.9822 13.1032 7.91854 13.094 7.85854 13.0726C7.79854 13.0512 7.74338 13.0182 7.69627 12.9753L4.01447 9.62483C3.63208 9.2743 3.13229 9.07967 2.61355 9.07928Z" fill="white"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
}
.assessment-main-block .form-check>input:checked + .form-check-label::before{
    background-color: var(--primary);
}
.h-250{
    height: 250px;
}
.submit-attachment-student .dropify-wrapper .dropify-message span.file-icon{
    font-size: 16px;
}
.submit-attachment-student .dropify-wrapper .dropify-message span.file-icon::before{
    font-size: 50px;
}
.lesson-summition-block .lesson-sub-detail{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    background: #eef7fc;
}
.lesson-summition-block .lesson-sub-detail>*:first-child{
    flex: 0 0 calc(100% - 200px);
    -webkit-flex: 0 0 calc(100% - 200px);
}
.lesson-summition-block .lesson-sub-detail>.sum-result-btn{
    flex: 0 0 200px;
    -webkit-flex: 0 0 200px;
    padding-left: 30px;
    position: relative;
}
.lesson-summition-block .lesson-sub-detail>.sum-result-btn::before,
.lesson_areply .lesson_attach::before{
    content: '';
    position: absolute;
    left: 15px;
    top: 3px;
    width: 1px;
    height: 100%;
    background-color: #dddddd;
}
.lesson-summition-block .lesson-sub-detail>.sum-result-btn .marked-answer{
    font-size: 14px;
}
.lesson-summition-block .lesson-sub-detail>.sum-result-btn .form-group{
    margin-bottom: 0;
}
.lesson-summition-block .form-group>label{
    font-weight: 600;
    color: var(--dblue);
}
.lesson-summition-block .comment-section{
    font-size: 14px;
}

.word-empty{
    min-width: 150px;
    border-bottom: 1px dashed #000;
    display: inline-block;
    text-align: center;
}
.content_form .select2-container .select2-selection--multiple ul.select2-selection__rendered{
    white-space: normal;
}
.content_form .select2-container .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 06-03-2024/07-03-2024 */
.lesson-summition-block .sended_explanation{
    background-color: #fff3eb;
}
.lesson-summition-block .lesson-sub-pre-detail label{
    font-weight: 600;
    color: var(--dblue); 
    display: block;
}
.lesson-sub-pre-detail .img-wrapper img{
    max-width: 200px !important;
    height: 112px;
    object-fit: cover;
}
.sended_explanation>h2{
    padding: 5px 40px 5px 0;
    margin: 0;
    position: relative;
    cursor: pointer;
}
.sended_explanation>h2 i{
    position: absolute;
    right: 4px;
    top: 1px;
    padding: 5px;
    transition: all 350ms ease-in-out;
}
.question-active i{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.answers_full{
    display: none;
    border-top: 1px solid #f8d5be;
    margin-top: 10px;
    padding-top: 15px;
}
.sended_explanation.active .answers_full{
    display: block;
}
.lesson-summition-block .comment-section{
    min-height: 112px;
}
.card-left>p:not(:last-child){
    color: var(--dblue);
    margin-bottom: 8px;
}
.card-left>p{
    font-weight: 600;
}
.lesson_staus{
    border-radius: 5px;
    padding: 3px 5px;
    font-weight: 500;
    line-height: 12px;
    display: inline-block;
    font-size: 12px;
    border: 1px solid transparent;
}
.dbg-red{
    background-color: #ffe4d7 !important;
    color: #b71c37 !important;
    border-color: #b71c37 !important;
}
.dbg-green{
    background-color: #dbfce3 !important;
    color: #098528 !important;
    border-color: #098528 !important;
}

.lesson_area+.lesson_area{
    margin-top: 15px;
}
.lesson-header{
    background: #fff3eb;
    padding: 15px 20px;
    border-radius: 5px;
    margin-bottom: 0;
}
.lesson-inners{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 5px 0;
    position: relative;
    cursor: pointer;
}
.lHeader-left{
    display: flex;
    display: -webkit-flex;
    width: 100%;
}
.lHeader-icon{
    flex: 0 0 45px;
    -webkit-flex: 0 0 45px;
    line-height: 45px;
    height: 45px;
    max-width: 45px;
    text-align: center;
    background: rgba(255, 208, 13, 0.23);
    border-radius: 5px;
}
.lHeader-icon>img{
    width: 30px;
}
.lHeader-content{
    flex: 0 0 calc(100% - 45px);
    -webkit-flex: 0 0 calc(100% - 45px);
    max-width: calc(100% - 45px);
    padding-left: 15px;
    padding-right: 20px;
}
.lHeader-content ul{
    display: flex;
    display: -webkit-flex;
    gap: 15px;
}
.lHeader-content ul li{
    font-size: 14px;
}
.lHeader-content ul li>span{
    color: var(--dblue);
    font-weight: 600;
}
.lHeader-right i{
    color: var(--dblue);
    transition: all 350ms ease-in-out;
}
.lesson-body{
    padding: 15px 20px;
    border: 1px solid #fff3eb;
    border-top: none;
    display: none;
}
.lesson-body-inner>h2{
    padding: 5px 0;
    margin: 0;
    font-size: 16px;
    color: var(--dblue);
    font-weight: 600;
}
.Lquestion-block{
    padding-top: 20px;
}
/* .Lquestion-block p{
    font-size: 14px;
} */
.drag-drop span{
    border-bottom: 2px dashed #000;
    padding-left: 5px;
    padding-right: 5px;
}

.lesson_areply{
    padding: 15px 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    background: #eef7fc;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.lesson_areply .lesson_rcomment{
    flex: 0 0 calc(100% - 380px);
    -webkit-flex: 0 0 calc(100% - 380px);
}
.lesson_areply .lesson_attach{
    flex: 0 0 380px;
    -webkit-flex: 0 0 380px;
    position: relative;
    padding-left: 50px;
}
.lesson_areply label{
    font-weight: 600;
    color: var(--dblue);
    display: block;
}
.lesson_img_title_area{
    gap: 20px;
}
.lesson_img_title_area>*{
    max-width: 100px;
}
.lesson_img_title_area>* h6{
    font-size: 12px;
    font-weight: 500;
    color: var(--dblue);
    padding-top: 5px;
}
.lesson_areply .lesson_rcomment img,
.lesson_areply .lesson_attach img{
    height: 80px;
    object-fit: cover;
}
.lesson-body-inner+.lesson-body-inner{
    border-top: 1px solid #e2f3fd;
    padding-top: 15px;
}
.lesson_multiple_select{
    display: flex;
    display: -webkit-flex;
    gap: 20px;
}
.lesson_multiple_select .multi_select_img{
    flex: 0 0 80px;
    -webkit-flex: 0 0 80px;
}
.multi_select_list{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 20px;
}
.multi_select_list li>label{
    margin: 0;
    background: var(--lightgray);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    padding: 15px 10px 15px 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--dblue);
    min-width: 140px;
    position: relative;
}
.multi_select_list li>label::after{
    content: "";
    position: absolute;
    top: 15px;
    left: 12px;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 2px solid var(--border-color);
    border-radius: 5px;
}
.multi_select_list li>label::before{
    content: '';
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1;
    width: 12px;
    height: 12px;
    color: var(--secondary);
    font-family: 'FontAwesome';
    content: "\f00c";
    background: none;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
}
.multi_select_list li.selected>label::before{
    opacity: 1;
    visibility: visible;
}


.challenge-box{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 20px;
    padding-bottom: 10px;
    padding-top: 15px;
}
.challenge-box>.challenge-inner-box{
    flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    max-width: 20%;
    border: 1px solid #7e7e7e;
    border-radius: 10px;
    padding: 20px 10px;
    text-align: center;
}
.challenge-box>.challenge-inner-box h6{
    font-size: 16px;
    color: var(--dblue);
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.challenge-box>.challenge-inner-box span{
    font-size: 34px;
    line-height: 36px;
    color: var(--dblue);
    font-weight: 600;
}
.challenge-box>.challenge-inner-box:first-child{
    background-color: #e7e7e7;
}
.challenge-box>.challenge-inner-box:nth-child(2){
    background-color: #dbfce3;
    color: #098528;
    border-color: #098528;
}
.challenge-box>.challenge-inner-box:last-child{
    background-color: #ffe4d7;
    color: #b71c37;
    border-color: #b71c37;
}
.max-height-1000{
    max-height: 1000px;
    overflow-y: auto;
    overflow-x: hidden;
}
.max-height-1000::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	border-radius: 10px;
	background-color: #f9f9f9;
}
.max-height-1000::-webkit-scrollbar{
	width: 6px;
	background-color: #f9f9f9;
}
.max-height-1000::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	background-color: var(--secondary);
}

.full_result_area{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

#sidebar-menu{
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: auto;
    scrollbar-color: inherit;
    margin-top: 98px;
}
#sidebar-menu::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	border-radius: 10px;
	background-color: transparent;
}
#sidebar-menu::-webkit-scrollbar{
	width: 8px;
	background-color: transparent;
}
#sidebar-menu::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	background-color: #273c54;
}

.back_btn>a{
    font-size: 14px;
    color: rgba(32, 27, 83, 1);
    font-weight: 600;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    width: max-content;
}
.score-panel-box{
    background-color: var(--lightgray2);
    border-radius: 20px;
    padding: 50px 30px;
    max-width: 720px;
    margin: 60px auto 0;
}
.score-panel-box .pie{
    margin: 0 auto 30px;
}
.sut-tut-name>h2{
    font-size: 30px !important;
}
.score-panel-box>h3{
    font-size: 24px !important;
}
.score-panel-box>p{
    font-size: 16px;
    color: rgba(32, 27, 83, 1);
    margin-bottom: 26px;
}
.score-panel-box-bottom{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    gap: 20px;
    border-top: 1px solid rgba(210, 214, 227, 1);
    padding-top: 26px;
}
.score-panel-box-bottom p{
    color: rgba(32, 27, 83, 1);
    margin-bottom: 0;
}
.score-panel-box-bottom .theme-btn{
    background: rgba(40, 167, 69, 1);
}
.score-panel-box-bottom .theme-btn:hover{
    background-color: rgb(0 29 61);
}
.both-scrore-pbox{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    padding: 20px 0;
}
.both-scrore-pbox>.both-score-inner{
    flex: 0 0 40%;
    -webkit-flex: 0 0 40%;
    text-align: center;
    position: relative;
}
.both-scrore-pbox>.both-score-inner:not(:last-child):after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%);
}
.both-score-inner .questio-Plist{
    font-size: 22px;
    font-weight: 600;
    color: rgb(0 29 61);
    margin-bottom: 8px;
}
.both-score-inner .questio-Plist+*{
    color: rgb(115 135 156);
    font-size: 16px;
    font-weight: 500;
}
.assessments_challenge_result .challenges-screen{
    min-height: auto;
    width: 100%;
    margin: 0;
    padding: 20px;
}
.multiple-tab .assessments-explanation{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.multiple-tab .assessments-explanation>h4{
    margin-bottom: 8px;
}
.multiple-tab .assessments-explanation p + h4{
    margin-top: 15px;
}
.multiple-tab .assessments-explanation>h4,
.multiple-tab .assessments-explanation>p{
    flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
}
.multiple-tab .assessments-explanation>p{
    margin-left: 0 !important;
    padding-left: 0;
    border-left: none;
}
.bottom-corrIn-answers .answer-msg.single-text{
    width: max-content;
    padding-right: 15px;
    margin: 0 auto;
}

/* 21-03-2024 */
.stcard-box{
    padding-top: 10px;
    padding-bottom: 10px;
}
.detailed-report-area .back_btn{
    margin-bottom: 30px;
}
.detailed-report-area .back_btn>a{
    background: #f6f6f6;
    padding: 6px 12px 5px;
    border-radius: 5px;
}
.detailed-report-area .card-block{
    background-color: #f6f6f6;
}
.detailed-report-area .card-block .filter-col .theme-btn{
    font-size: 14px;
    padding: 8px 14px;
}
.assess-name-block h3 span{
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--dblue);
    margin-top: 4px;
}
.assess-name-block h3.title-text{
    margin-bottom: 12px;
    color: var(--secondary);
}
.assess-name-block h3.title-text:last-child{
    margin-bottom: 0;
}
.detailed-report-summary .audio{
    text-align: center;
}
.detailed-report-summary .audio>p{
    color: var(--dblue);
    font-weight: 500;
    font-size: 16px;
}
.detailed-report-summary .single_ImgType{
    text-align: center;
    margin-bottom: 30px;
    height: 460px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}
.detailed-report-summary .single_ImgType img{
    max-width: 50%;
    border-radius: 5px;
    height: 100%;
    object-fit: contain;
}
.detailed-report-summary .drag-question-block .doing-column{
    padding: 0;
    margin: 0;
}
.assessments_count{
    background: #ecf6fd;
    padding: 6px 8px;
    line-height: 16px;
    display: inline-block;
    border-radius: 5px;
    margin-left: 5px;
    font-size: 14px;
    min-width: 26px;
    text-align: center;
}
.assess-name-Rblock{
    background: #fff;
    border-radius: 5px;
    padding: 18px 25px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
    margin-bottom: 22px;
    display: flex;
    display: -webkit-flex;
    gap: 40px;
}
.assess-name-Rblock>*{
    flex: 1;
    -webkit-flex: 1;
    position: relative;
}
.assess-name-Rblock .assess-Bblock:nth-child(2):after,
.assess-name-Rblock .assess-Bblock:nth-child(2)::before{
    content: '';
    position: absolute;
    left: -20px;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.05) 100%);
}
.assess-name-Rblock .assess-Bblock:nth-child(2)::before{
    left: inherit;
    right: -20px;
}
.assess-name-Rblock .assess-Bblock:last-child::before{
    display: none;
}

.assess-name-Rblock .assess-Bblock h6{
    color: var(--dblue);
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 6px;
    text-transform: capitalize;
}
.assess-name-Rblock .assess-Bblock span{
    font-size: 14px;
    font-weight: 400;
    color: #4A4674;
}
/* .detailed-report-summary .drag-question-block .drag-question .para-gap{
    line-height: 30px;
} */
.detailed-report-summary .drag-question-block .drag-question .para-gap .task{
    padding-left: 38px;
}
.detailed-report-summary .drag-question-block .drag-question .para-gap.answer-right{
    color: var(--dgreen);
    border-bottom-color: var(--dgreen);
}
.detailed-report-summary .drag-question-block .drag-question .para-gap.answer-wrong{
    color: #f00;
    border-bottom-color: #f00;
}
.detailed-report-summary .drag-question-block .drag-question .para-gap .index-number{
    opacity: 1;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
}
.detailed-report-summary .drag-question-block .drag-question .para-gap.answer-right .index-number{
    background-color: var(--dgreen);
}
.detailed-report-summary .drag-question-block .drag-question .para-gap.answer-wrong .index-number{
    background-color: #f00;
}

.drap-drop-bottom-box{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 10px;
    padding: 0 20px 20px;
}
.drap-drop-bottom-box .dropInbox{
    background: #fff;
    border: 1px solid var(--border-color);
    padding: 10px 15px;
    border-radius: 5px;
    color: var(--dblue);
    font-size: 16px;
    font-weight: 500;
    list-style: none;
    margin: 0;
    text-transform: capitalize;
}
.drap-drop-bottom-box .dropInbox span{
    padding: 5px 8px;
    background-color: #e4e2e2;
    border-radius: 5px;
    line-height: 15px;
    display: inline-block;
    min-width: 25px;
    text-align: center;
    margin-right: 5px;
}


#submit-assessment .modal-dialog{
    max-width: 460px;
}
#submit-assessment .modal-body{
    padding: 30px;
}
#submit-assessment .modal-body h2{
    color: var(--dblue);
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 8px;
    text-align: center;
}
#submit-assessment .cus-modal-text{
    font-size: 14px;
    font-weight: 400;
    color: #4A4674;
    margin-bottom: 20px;
}
#submit-assessment .total-score-count{
    width: 120px;
    height: 120px;
    animation: pulse 2s infinite;
}
#submit-assessment .total-score-count i{
    font-size: 70px !important;
}
/* #finalScore1 .close{
    position: absolute;
    right: 10px;
    z-index: 1;
} 
#finalScore1 .modal-body{
    padding: 30px 50px 20px;
}
#finalScore1 .modal-body .modal-title{
    color: var(--secondary);
}*/
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(39,174,97, 0.3);
    }
    80% {
        -webkit-box-shadow: 0 0 0 20px rgba(39,174,97, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(39,174,97, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(39,174,97, 0.3);
        box-shadow: 0 0 0 0 rgba(39,174,97, 0.3);
    }
    80% {
        -moz-box-shadow: 0 0 0 20px rgba(39,174,97, 0);
        box-shadow: 0 0 0 20px rgba(39,174,97, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(39,174,97, 0);
        box-shadow: 0 0 0 0 rgba(39,174,97, 0);
    }
}
.submit-footer-modal{
    gap: 10px;
}
.submit-footer-modal .end_homework{
    font-size: 14px;
    font-weight: 600;
    padding: 11px 15px;
}
.submit-footer-modal .end_homework:hover{
    background: var(--primary);
    border-color: var(--primary);
}

.assessment-Cmodal .modal-dialog{
    max-width: 780px;
}
.assessment-Cmodal .modal-body{
    padding: 30px;
}
.assessment-Cmodal .total-score-count{
    animation: pulse 2s infinite;
}
.assessment-Cmodal .modal-title{
    color: var(--dblue);
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 8px;
    text-align: center;
}
.assessment-Cmodal .modal-title+p{
    font-size: 14px;
    font-weight: 400;
    color: #4A4674;
    margin-bottom: 20px;
    text-align: center;
}
.assessment-review-area{
    gap: 20px;
    margin-bottom: 20px;
}
.assessment-review-area .answer-submissions{
    min-width: 200px;
    margin: 0;
    border: 1px solid #f6f6f6;
    padding: 15px;
    border-radius: 5px;
}
.assessment-review-area .answer-submissions .incorrect-submission,
.assessment-Cmodal .modal-body .answergrid li>a.unanswer_qst{
    color: #f00;
}
.assessment-review-area .answer-submissions .ans-submission-subtitle{
    font-size: 14px;
    padding: 8px 16px;
}
.assessment-Cmodal .modal-body .answergrid{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
}
.assessment-Cmodal .modal-body .answergrid li>a{
    padding: 10px 8px;
    min-width: 50px;
}
.assessment-Cmodal .modal-body .answergrid li>a::before{
    display: none;
}
.assessment-Cmodal .modal-body .theme-btn{
    width: max-content;
    padding: 12px 25px;
    margin: 0 auto;
}

.resultBoxCard .innerbody .tableHeader{
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 10px;
    font-weight: 500;
    margin-bottom: 10px;
}
.resultBoxCard .innerbody table.table tr td{
    padding: 10px 20px !important;
}
.resultBoxCard .innerbody table.table tr td .none{
    font-size: 14px;
    padding: 0 !important;
}
/* .resultBoxCard .innerbody table.table tbody tr:first-child td{
    border-top: none;
} */
.tutor-pagination{
    margin-bottom: 40px;
}
.tutor-pagination ul{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    gap: 6px;
}
.tutor-pagination ul li{
    display: inline-block;
}
.tutor-pagination ul li>a{
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    border: 1px solid var(--exLightBlue);
    border-radius: 5px;
    font-size: 15px;
}
.tutor-pagination .preview-page a, 
.tutor-pagination .next-page a{
    background-color: #001d3d;
    border-color: #001d3d;
}
.preview-page a svg, 
.next-page a svg{
    height: 12px;
    width: auto;
}

.top_nav .nav_menu .navbar-nav ul li.nav-item .dropdown-menu{
    padding-top: 6px;
    padding-bottom: 6px;
}
.top_nav .nav_menu .navbar-nav ul li.nav-item .dropdown-menu .dropdown-item{
    padding: 6px 15px;
}
.top_nav .nav_menu .navbar-nav ul li.nav-item .dropdown-menu .dropdown-item:active{
    background-color: var(--secondary);
}
.top_nav .nav_menu .navbar-nav ul li.nav-item .dropdown-menu .dropdown-item p{
    margin-bottom: 0;
}
.width-auto{
    min-width: 100px;
    width: max-content;
}
.dropdown.read i:first-child{
    position: absolute;
    right: 6px;
    top: 3px;
    color: #2fcf2f;
}
.dropdown.read i:last-child{
    transform: translateY(6px);
    -webkit-transform: translateY(6px);
    color: #2fcf2f;
}

.btn-section{
    position: absolute;
    top: 16px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    animation: none !important;
    max-width: 1200px;
    z-index: 1;
}
.button-fixed .btn-section{
    position: fixed;
    top: 92px;
    max-width: 1500px;
}
.marked-btns{
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 8px 20px;
    margin: 0;
    border-radius: 5px;
    display: inline-block;
    background-color: #008000;
    color: #fff;
}
.marked-btns>img{
    margin-right: 6px;
}
.lesson-link .btn.Processing,
.lesson-link .btn.Processing:not(:disabled):not(.disabled):active{
    background-color: #001d3d;
    border-color: #001d3d;
    color: #fff;
}
.lesson-link .btn.Start,
.lesson-link .btn.Start:not(:disabled):not(.disabled):active{
    color: #fff;
    background: var(--secondary);
    border-color: var(--secondary);
}
.lesson-link .btn.Completed,
.lesson-link .btn.Completed:not(:disabled):not(.disabled):active{
    color: #fff;
    background: green;
    border-color: green;
}
.modal-area-big.modal-dialog{
    max-width: 640px;
}
.modal-area-big .slides-section{
    border-right: 1px solid #e9e9e9;
}

.que-block .audio.drop-objects{
    text-align: center;
}
.multiple-tab.card-block .unassign-content .slide-duration{
    background-color: transparent;
    margin: 0 auto 20px;
    padding: 0;
    border-radius: 0;
}
.multiple-tab.card-block .unassign-content .slide-duration h3{
    text-align: center;
}
.multiple-tab.card-block .unassign-content .que-block>h3 span .slide-duration{
    max-width: 100%;
}
.multiple-tab.card-block .unassign-content .que-block>h3 span .slide-duration .slide-duration{
    margin-bottom: 0;
}

/* 11-10-2024 */



@media screen and (max-width: 1510px){
    .button-fixed .btn-section{
        padding-right: 20px;
        top: 75px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px){
    .submit-attachment-student .dropify-wrapper .dropify-message span.file-icon p+p{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
    .submit-attachment-student .dropify-wrapper .dropify-message span.file-icon::before{
        font-size: 40px;
    }
    .challenges-screen .challenges-calc-part{
        margin-left: auto;
        margin-top: 15px;
        margin-right: auto;
    }
    body .challenges-answer-part .upper-content .output{
        padding: 20px;
        top: 50%;
    }
    .challenges-screen .challenges-answer-part .challenge-preview-data{
        font-size: 45px;
    }
    .stcard-box{
        padding: 24px 24px 24px 70px;
    }
    .stcard-box span{
        width: 70px;
        
    }
}

@media screen and (max-width: 991px){
    .right_col .back-page{
        padding: 15px;
    }
    .right_col .back-page .breadcrumb-item+.breadcrumb-item{
        padding-left: 6px;
    }
    .right_col .back-page .breadcrumb-item+.breadcrumb-item::before{
        padding-right: 0;
        transform: translateY(1px);
        -webkit-transform: translateY(1px);
    }
    .right_col .back-page .breadcrumb-item.active{
        padding-left: 8px;
    }
    .right_col .back-page .breadcrumb-item.active::before{
        transform: translate(-3px, 1px);
        -webkit-transform: translate(-3px, 1px);
    }
    .multiple-tab.card-block .unassign-nav{
        left: 50%;
    }
    .multiple-tab.card-block .tab-content{
        padding-left: 0;
        padding-right: 0;
    }
    .card-block .lessons_list{
        max-height: 350px;
    }
    #sidebar-menu{
        max-height: calc(100vh - 120px);
    }
    .detailed-report-summary .image-question li{
        flex: 1 1 22%;
    }
    .detailed-report-summary .image-question li .label-option img{
        height: 70px;
    }
    .challenges-screen .challenges-calc-part{
        margin-left: auto;
        margin-top: 15px;
        margin-right: auto;
    }
    body .challenges-answer-part .upper-content .output{
        padding: 20px;
        top: 50%;
    }
    .challenges-screen .challenges-answer-part .challenge-preview-data{
        font-size: 45px;
    }
    footer{
        width: 100%;
    }
}

@media screen and (max-width: 767px){
    #storeAssessment .form-check{
        margin-top: 8px;
        margin-bottom: 20px;
    }
    .challenge-box>.challenge-inner-box{
        flex: 0 0 calc(33.33% - 20px);
        -webkit-flex: 0 0 calc(33.33% - 20px);
        max-width: calc(33.33% - 20px);
    }
    .score-panel-box{
        padding: 30px 20px;
        margin-top: 30px;
    }
    .sut-tut-name>h2 {
        font-size: 24px !important;
    }
    .score-panel-box>h3{
        font-size: 20px !important;
    }
    .score-panel-box-bottom{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .score-panel-box>h2 {
        font-size: 24px !important;
    }
    .score-panel-box-bottom p{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
    }
    .score-panel-box .pie{
        width: 150px !important;
        height: 150px !important;
    }
    .score-panel-box .pie svg{
        width: 100%;
        height: 100%;
    }
    .detailed-report-summary .quest-imagelarge{
        text-align: center;
    }
    .detailed-report-summary .single_ImgType{
        height: 370px;
    }
    .detailed-report-summary .drag-question-block .drag-question .drag-content{
        font-size: 16px;
        line-height: 32px;
    }
    .challenges-screen .challenges-answer-part{
        height: 300px;
    }
    .challenges-screen .challenges-calc-part{
        max-width: 350px;
        margin-left: auto;
        margin-top: 15px;
        margin-right: auto;
    }
    .calculator1 button{
        width: 60px;
        height: 60px;
        margin: 7px;
        font-size: 16px;
        padding: 11px 0;
    }
    .assessment-Cmodal .modal-body{
        padding: 20px;
    }
}

@media screen and (max-width: 575px){
    #toggle-fullscreen{
        right: -36px;
        bottom: 90px;
        transform: rotate(90deg);
        border-radius: 0 0 5px 5px;
    }
    #fullscreen-element:fullscreen #toggle-fullscreen,
    #fullscreen-element:-webkit-full-screen #toggle-fullscreen{
        right: -22px;
    }
    .lesson-summition-block .lesson-sub-detail>*:first-child,
    .lesson-summition-block .lesson-sub-detail>.sum-result-btn,
    .lesson_areply .lesson_rcomment,
    .lesson_areply .lesson_attach{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
    }
    .lesson-summition-block .lesson-sub-detail>.sum-result-btn,
    .lesson_areply .lesson_attach{
        padding-left: 0;
        padding-top: 12px;
    }
    .lesson-summition-block .lesson-sub-detail>.sum-result-btn::before,
    .lesson_areply .lesson_attach::before{
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
    }
    .challenge-box>.challenge-inner-box{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        max-width: 100%;
    }
    .both-scrore-pbox>.both-score-inner{
        flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        padding-left: 6px;
        padding-right: 6px;
    }
    .detailed-report-summary .audio audio{
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform-origin: left;
        -webkit-transform-origin: left;
    }
    .detailed-report-summary .single_ImgType img{
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .detailed-report-summary .image-question li{
        flex: 1 1 46%;
    }
    .detailed-report-summary .single_ImgType{
        height: auto;
    }
    .challenges-screen .challenges-answer-part{
        height: 240px;
    }
    .calculator1{
        padding: 12px;
    }
    .calculator1 button{
        width: 45px;
        height: 45px;
        margin: 4px;
        font-size: 14px;
        padding: 11px 0;
    }
    .challenges-screen .challenges-calc-part{
        max-width: 250px;
        margin-left: auto;
        margin-top: 15px;
        margin-right: auto;
    }
    #submit-assessment .modal-body{
        padding: 20px;
    }
    .assess-name-Rblock{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .assess-name-Rblock>*{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
    }
    .assess-name-Rblock .assess-Bblock:nth-child(2):after, 
    .assess-name-Rblock .assess-Bblock:nth-child(2)::before{
        content: '';
        position: absolute;
        left: 0;
        top: -20px;
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
    }
    .assess-name-Rblock .assess-Bblock:nth-child(2)::before{
        left: inherit;
        right: 0;
        bottom: -20px;
        top: inherit;
    }
    .assess-name-Rblock .assess-Bblock:last-child::before{
        display: none;
    }

}

@media screen and (max-width: 320px){
    .calculator1 button {
        width: 40px;
        height: 40px;
        margin: 3px;
        font-size: 13px;
        padding: 8px 0;
    }
    .calculator1 a.next-btn{
        margin: 14px 0 0;
        font-size: 16px;
    }
}

.cus-modal-text{
    text-align: center;
    font-size: 16px;
}
.text-warning {
    color: #ffc107!important;
}
.ans-submission-subtitle.light-warning {
    background: #ffff004a !important;
}
.pending_qst {
    background: #ffc10745;
    color: #ffc107;
}
span.tutor-list {
    color: red;
    font-weight: 500;
}
span.index-number.opt-correct {
    background: var(--dgreen) !important;
}
span.index-number.opt-incorrect {
    background: var(--red) !important;
}
.lrn-qe-draggable .lrn-qe-ckeditor-toolbar{
    visibility: hidden !important;
}   



/* ----------------Bussniess Setting Css ------------- */
/* userprofile css start */
.bussniess_setting .titleheading {
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    color: var(--dblue);
    margin: 0px 0px 20px;
}

.bussniess_setting .card {
    border: none;
    box-shadow: 4px 6px 14px 0px #001D3D08;
    background-color: var(--white);
    border-radius: 20px;
}
.bussniess_setting .card .card-body {
    padding: 30px;
}
.bussniess_setting .userprofile {
    border: none;
    box-shadow: 4px 6px 14px 0px #001D3D08;
}
.bussniess_setting .userprofile .userimage {
    width: 144px;
    height: 144px;
    border-radius: 50%;
    border: 6px solid #EBF2F5;
    overflow: hidden;
    margin: 0px auto 15px;
}
.bussniess_setting .userprofile .userimage img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.bussniess_setting .userprofile .username {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: var(--dblue);
    margin: 0px;
}
.bussniess_setting .userprofile .content {
    margin: 15px 0px 0px;
    padding: 15px 0px 0px;
    border-top: 1px solid var(--border-color);
}
.bussniess_setting .userprofile .content p {
    display: flex;
    gap: 7px;
    margin: 0px;
}
.bussniess_setting .userprofile .content p:not(:last-child) {
    margin-bottom: 15px;
}
.bussniess_setting .userprofile .content p span {
    display: inline-flex;
    width: 17px;
    height: 17px;
    min-width: 17px;
    align-items: center;
    justify-content: center;
}
.bussniess_setting .userprofile .content p img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* userprofile css end */

.bussniess_setting p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #4A4674;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.row-gap-30{
    row-gap: 30px;
}
.row-gap-20{
    row-gap: 20px !important;
}

/* navtabs css start */

.bussniess_setting  .setting_tab .card-body{
    padding: 16px !important;
}
.bussniess_setting  .setting_tab ul{
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 10px;
    overflow-x: auto;
}
.bussniess_setting  .setting_tab ul .nav-item, .bussniess_setting  .setting_tab ul .nav-item .nav-link{ 
    width: 100%;
    text-align: center;
}
.bussniess_setting  .setting_tab ul .nav-item .nav-link{ 
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: var(--dblue);
    transition: all ease-in-out 0.3s;
    white-space: nowrap;
}
.bussniess_setting  .setting_tab ul .nav-item .nav-link.active, .bussniess_setting  .setting_tab ul .nav-item .nav-link:hover{ 
    background-color: var(--secondary);
    color: var(--white);
}
.cursor-default{
    cursor: auto !important;
}
.top_date_row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top_date_row .prepaid_balance_summary{
    background-color: var(--inputBg);
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 20px;
    color: var(--secondary);
}
/* navtabs css end */

/* tab setting css start */
.settings_content .tabcard .setting_title{
    font-size: 18px;
    font-weight: 600;
    line-height: 22px; 
    color: var(--dblue);
    margin: 0px;
    display: flex;
    align-items: center;
    gap: 9px;
}
.settings_content .tabcard .setting_title .subtitle{
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}
.settings_content .tabcard .setting_title span{
    cursor: pointer;
    transition: all ease-in-out 0.3s;
}
.settings_content .tabcard.active .setting_title .editsetting{
    display: none;
}
.settings_content .tabcard .settings{
    margin: 20px 0px 0px;
    padding: 20px 0px 0px;
    border-top: 1px solid var(--border-color);
}
.settings_content .tabcard .settings .setting_name{
    font-size: 14px;
    font-weight: 500;
    line-height: 21px; 
    color: var(--dblue);
    margin: 0px 0px 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.settings_content .tabcard .settings .setting_name .subtitle{
    font-weight: 400;
    color: #4A4674;
}
.settings_content .tabcard .settings .setting_name + .form-group .form-control{
    font-size: 14px;
}

.settings_content .tabcard .settings .setting_name.policy{
    gap: 4px;
}
.settings_content .tabcard .settings .setting_name.policy .subtitle{
    font-size: 12px;
}
.settings_content .settinglist{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 18px;
    row-gap: 10px;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
}
.settings_content .settinglist.flex-column li{
    width: 100%;
}
.settings_content .form-check{
    padding: 0px;
}
.settings_content .form-group{
    margin-bottom: 0px;
}
.settings_content .form-check input.form-control {
    background-color: var(--lightgray);
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    padding: 11px 15px;
    height: 40px;
    border: 1px solid var(--exLightBlue);
    width: 50%;
}
.settings_content .form-check .open_group .inputgroup.iconfield {
    position: relative;
}
.settings_content .form-check .open_group .inputgroup.iconfield {
    position: relative;
}
.settings_content .form-check .open_group .inputgroup.iconfield span {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.settings_content .form-check .open_group .inputgroup.iconfield .form-control {
    padding-left: 40px;
}

.settings_content .form-check input.form-control:focus {
    border-color: var(--dblue);
}
.settings_content .form-check input[type="radio"]:checked~.open_group, .settings_content .form-check input[type="checkbox"]:checked~.open_group{
    display: flex;
}
.settings_content .form-check input[type="radio"]:disabled~.open_group, .settings_content .form-check input[type="checkbox"]:disabled~.open_group{
   display: none;
 }
.settings_content .form-check input[type="radio"], .settings_content .form-check input[type="checkbox"] {
    display: none;
}
.settings_content .form-group .form-check-label {
    padding-left: 25px;
    color: var(--primary-light);
    font-weight: 400;
}
.settings_content label {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    cursor: pointer;
}
.settings_content .form-group .form-check-label::before, .settings_content .form-group .form-check-label::after,
.settings_content .radio_group .radiolabel::before, .settings_content .radio_group .radiolabel::after{
    content: '';
    position: absolute;
    transition: all ease-in-out 0.3s;
}
.settings_content .form-group .form-check-label::before, .settings_content .radio_group .radiolabel::before {
   height: 20px;
   width: 20px;
   border-radius: 4px;
   border: 1px solid #C7D6DD;
   background-color: transparent;
   top: 0;
   left: 0;
}
.settings_content .form-group input[type="checkbox"]:checked~.form-check-label::before{
   background-color: var(--secondary);
   border-color: var(--secondary);
}
.settings_content .form-group input[type="checkbox"]:disabled~.form-check-label::before{
    background-color: #dddddd;
    border-color: #dddddd;
}
.settings_content .form-group .form-check-label::after {
    left: 5px;
    top: 10px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 var(--white), 4px 0 0 var(--white), 4px -2px 0 var(--white), 4px -4px 0 var(--white), 4px -6px 0 var(--white), 4px -8px 0 var(--white);
    transform: rotate(45deg);
    opacity: 0;
    visibility: hidden;
}
.settings_content .form-group .form-check-input:checked~label::after{
    opacity: 1;
    visibility: visible;
}
.settings_content .form-group .form-check-input:disabled~label{
   cursor: auto;
}
.settings_content .form-group.colorinput label::after, .settings_content .form-group.colorinput label::before, .settings_content form::after{
    display: none;
}
.settings_content .form-group.colorinput input[type="color"]{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
    padding: 0px;
    width: 20px;
    margin: 0px;
    z-index: 5;
}
.settings_content .form-group.colorinput input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}
.settings_content .form-group.colorinput input[type="color"]::-webkit-color-swatch{
    border: 0;
    border-radius: 4px;
}
.settings_content .radio_group .radiolabel{
    padding: 6px 10px 6px 38px;
    border-radius: 30px;
    background-color: var(--inputBg);
    margin: 0;
}
.settings_content .radio_group .radiolabel::before{
    border-radius: 50%;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
.settings_content .radio_group .radiolabel::after{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    background-color: var(--secondary);
    opacity: 0;
    visibility: hidden;
}
.settings_content .radio_group input:checked~label::after{
    opacity: 1;
    visibility: visible;
}
.settings_content .radio_group input:disabled~label::after{
    background-color: #ddd;
}
.theme-btn.cancel-btn{
    background-color: var(--lightBlue);
    color: var(--white);
    position: relative;
    overflow: hidden;
}
/* .theme-btn.cancel-btn::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    border-radius: 5px;
    margin: auto;
    border: 1px solid #D2D6E3;
    transition: all ease-in-out 0.3s;
} */
.theme-btn.cancel-btn:hover{
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--white);
}
.theme-btn.cancel-btn:hover::before{
    border-color: var(--primary);
}
.devider-border{
    border-top: 1px solid var(--border-color);
    padding-top: 20px;
}
.settings_content .tabcard .form-group {
    box-sizing: border-box;
}
.colorpicker-input>.input-group .form-control input{
    margin-left: 0;
    margin-top: 10px;
}
.colorpicker-input>.input-group input + span{
    transform: translateY(-4px);
    display: inline-block;
}
.settings_content .tabcard .btngroup{
    display: none;
}
.settings_content .tabcard.active .btngroup{
    display: block;
}
.settings_content .tabcard .choosefile{
    margin-right: 30px;
}
.settings_content .tabcard .choosefile label {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 4px solid var(--lightgray);
    position: relative;
    margin: 0px;
    position: relative;
    overflow: hidden;
    cursor: auto;
}
.settings_content .tabcard .choosefile label::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: 50%;
    background-color: #f1f5f9d6;
    background-image: url(../../images/edit.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.3s;
}
.settings_content .tabcard .choosefile label img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.settings_content .tabcard.active .choosefile label::before {
    visibility: visible;
    opacity: 1;
}
.settings_content .tabcard.active .choosefile label, .settings_content .tabcard .edit{
    cursor: pointer;
}
.settings_content .tabcard .settings .paymentcard, .settings_content .tabcard .settings .emaildetails_card{
   background-color: var(--lightgray);
}
.settings_content .tabcard .settings .paymentcard{
   padding: 50px 10px 40px;
}
.settings_content .tabcard .settings .paymentcard .payment_image{
    max-width: 179px;
    margin: 0px auto 14px;
    text-align: center;
}
.settings_content .tabcard .settings .paymentcard .payment_image img{
    object-fit: contain;
    max-width: 100%;
}
.settings_content .tabcard .settings .paymentcard .paymentcontent{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--dblue);
}
.settings_content .tabcard .settings .emaildetails_card{
    padding: 20px;
    border-radius: 10px;
}
.settings_content .tabcard .settings .emaildetails_card .setting_name{
    font-weight: 500;
}
.settings_content .tabcard .settings .emaildetails_card .list{
   display: flex;
   flex-direction: column;
   gap: 10px;
}
.settings_content .tabcard .settings .emaildetails_card .list:not(:last-child){
    margin-bottom: 15px;
}
.settings_content .tabcard .settings .emaildetails_card .list li{
    display: flex;
    gap: 7px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #4A4674;
}
.settings_content .tabcard .settings .emaildetails_card .list li .iconimg{
   width: 18px;
   height: 18px;
   min-width: 18px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.settings_content .tabcard .settings .emaildetails_card .list li .iconimg img{
    max-width: 100%;
    object-fit: contain;
}
.settings_content .tabcard .settings .emaildetails_card + .emaildetails_card{
    margin-top: 15px;
}
.settings_content .tabcard .settings .setting_name.emailtemplate{
    padding: 20px;
    flex-direction: row;
    background-color: var(--lightgray);
    border-radius: 10px;
    margin: 0px;
}
.settings_content .tabcard .open_group {
    display: none;
    flex-direction: column;
    padding-left: 12px;
}
.settings_content .tabcard .open_group label {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.settings_content .tabcard .open_group label .inputgroup_value{
    font-size: 12px;
    line-height: 18px;
}
.settings_content .tabcard.change_value .open_group .inputgroup, .settings_content .tabcard .open_group label .inputgroup_value {
    display: none;
}
.settings_content .form-check input[type="radio"]:checked~.open_group, .settings_content .form-check input[type="checkbox"]:checked~.open_group{
    display: flex;
}
.settings_content .tabcard.change_value .form-check input[type="radio"]:checked~.open_group, 
.settings_content .tabcard.change_value .form-check input[type="checkbox"]:checked~.open_group ,
.settings_content .tabcard.change_value .form-check input[type="radio"]:checked~.open_group label .inputgroup_value ,
.settings_content .tabcard.change_value .form-check input[type="checkbox"]:checked~.open_group label .inputgroup_value {
    display: flex !important;
}
.settings_content .tabcard.change_value .form-check input:checked~.open_group label{
    margin-bottom: 0px;
}

.modal-open .modal.bussiness-setting-modal{
    overflow-x: inherit;
    overflow-y: inherit;
}
.bussiness-setting-modal .modal-dialog{
    margin-top: 15px;
    margin-bottom: 15px;
}
.bussiness-setting-modal .modal-content{
    max-height: 95vh;
}
.bussiness-setting-modal .modal-header{
    gap: 10px;
}
.bussiness-setting-modal .modal-title,
.common-modal .modal-title{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: var(--dblue);
    margin: 0;
}
.bussiness-setting-modal .modal-header .close{
    padding: 0;
}
.bussiness-setting-modal .modal-body,
.modal-form-area .modal-body{
    max-height: 65vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.bussiness-setting-modal .modal-body .form-area .form-group .mce-container>iframe{
    height: 260px !important;
}
.bussiness-setting-modal .form-group,
.modal-form-area .form-group{
    margin-bottom: 24px;
}
.bussiness-setting-modal .form-group>label,
.modal-form-area .form-group>label{
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: var(--dblue);
    display: block;
    margin-bottom: 6px;
}
.bussiness-setting-modal .form-group>label+small,
.modal-form-area .form-group>label+small{
    margin-top: -8px;
    display: block;
}
.bussiness-setting-modal .form-group input,
.bussiness-setting-modal .form-group select,
.bussiness-setting-modal .form-group textarea,
.modal-form-area .form-group textarea,
.modal-form-area .form-group select,
.modal-form-area .form-group input[type="text"],
.modal-form-area .form-group input[type="email"],
.modal-form-area .form-group input[type="number"],
.modal-form-area .form-group input[type="tel"],
.modal-form-area .form-group input[type="date"],
.modal-form-area .form-group input[type="time"]{
    width: 100%;
    border-radius: 8px;
    color: var(--dblue);
    height: 44px;
    background: var(--inputBg);
    border: none;
    padding: 6px 15px;
    font-size: 14px;
}
.bussiness-setting-modal .form-group textarea,
.modal-form-area .form-group textarea{
    height: auto;
}
.bussiness-setting-modal .form-group textarea:focus,
.bussiness-setting-modal .modal-footer button:focus,
.modal-form-area .form-group textarea:focus{
    outline: none;
}
.bussiness-setting-modal .modal-footer{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    gap: 10px;
}
.bussiness-setting-modal .modal-footer button{
    height: 40px;
}
.bussiness-setting-modal .dropdown-menu{
    max-height: 230px !important;
    overflow: auto;
    min-width: 240px;
}
.bussiness-setting-modal .dropdown-menu .dropdown-item{
    padding: 9px 12px;
    font-size: 14px;
}
.bussiness-setting-modal .dropdown .btn{
    min-width: 240px;
    border-radius: 5px;
    color: var(--dblue);
    box-shadow: 9px 2px 29px 0px rgb(0 29 61 / 9%);
    -webkit-box-shadow: 9px 2px 29px 0px rgb(0 29 61 / 9%);
    background: #fff;
    border: 1px solid #c5dae5;
    padding: 10px;
    padding-right: 20px;
    text-align: left;
    position: relative;
    font-size: 14px;
    font-weight: 400;
}
.bussiness-setting-modal .dropdown .btn::after{
    margin: 0;
    position: absolute;
    right: 8px;
}
.popover .classContent + .classContent{
    margin-top: 2px;
}
.popover .classContent ul.pro_classes{
    transition: all 350ms ease-in-out;
}
.popover .classContent ul.pro_classes:hover{
    background-color: #f1f5f9 !important;
}
.modal-content{
    border-radius: 20px;
}
.modal-header{
    border: none;
    padding: 30px 30px 20px;
}
.modal_close{
    width: 36px;
    height: 36px;
    background-color: #e4edfa;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 50%;
}
.modal_close svg{
    opacity: 0.5;
}
.modal-body{
    padding: 0 30px;
}
.modal-footer{
    border: none;
    padding: 0 30px 30px;
}
.modal-footer .btn-rightarea{
    display: flex;
    align-items: center;
    gap: 10px;
}

.restore-btn{
    border: 1px solid #DB2838;
    color: #DB2838;
    background-color: transparent;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 8px 16px;
    border-radius: 5px;
    outline: none;
    transition: all 0.3s ease-in;
}
.restore-btn:hover{
    background-color: #DB2838;
    color: #fff;
}
.bus-outline-btn{
    border: none;
    padding: 8px 16px;
    color: var(--dblue);
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 12px 16px;
    border-radius: 8px;
    outline: none;
    transition: all 0.3s ease-in;
}
.bus-outline-btn:hover{
    background-color: #eaeeee;
}

.bg-DarkSlateBlue{
    background-color: rgba(72, 61, 139,0.25);
    border-color: rgb(72 61 139);
    box-shadow: 6px 6px 14px rgba(72, 61, 136, 0.25);
    -webkit-box-shadow: 6px 6px 14px rgba(72, 61, 136, 0.25);
}
.bg-RoyalBlue{
    background-color: rgba(65, 105, 225,0.25);
    border-color: rgb(65 105 225);
    box-shadow: 6px 6px 14px rgba(65, 105, 225, 0.25);
    -webkit-box-shadow: 6px 6px 14px rgba(65, 105, 225, 0.25);
}
.bg-LightOrange{
    background-color: rgba(246, 85, 65,0.25);
    border-color: rgb(246 85 65);
    box-shadow: 6px 6px 14px rgba(246, 85, 65, 0.25);
    -webkit-box-shadow: 6px 6px 14px rgba(246, 85, 65, 0.25);
}
.bg-DarkSlateGray{
    background-color: rgba(47, 79, 79,0.25);
    border-color: rgb(47 79 79);
    box-shadow: 6px 6px 14px rgba(47, 79, 79, 0.25);
    -webkit-box-shadow: 6px 6px 14px rgba(47, 79, 79, 0.25);
}
.bg-SaddleBrown{
    background-color: rgba(139, 69, 19,0.25);
    border-color: rgb(139 69 19);
    box-shadow: 6px 6px 14px rgba(139, 69, 19, 0.25);
    -webkit-box-shadow: 6px 6px 14px rgba(139, 69, 19, 0.25);
}
.bg-CadetBlue{
    background-color: rgba(95, 159, 160,0.25);
    border-color: rgb(95 159 160);
    box-shadow: 6px 6px 14px rgba(95, 159, 160, 0.25);
    -webkit-box-shadow: 6px 6px 14px rgba(95, 159, 160, 0.25);
}
.bg-shoftGreen{
    background-color: #D4FFE6;
    border-color: #1CCE66;
    box-shadow: 6px 6px 14px rgba(95, 159, 160, 0.25);
    -webkit-box-shadow: 6px 6px 14px rgba(95, 159, 160, 0.25);
}
.bg-LightGreen{
    background-color: rgba(222, 255, 236, 1);
}
.bg-LightYellow{
    background-color: rgba(255, 237, 174, 1);
}
.bg-LightPink{
    background-color: rgba(255, 226, 226, 1);
}
.bg-LightPurple{
    background-color: rgba(237, 229, 251, 1);
}
.bg-LightSkyBlue{
    background-color: rgba(212, 247, 255, 1);
}
.bg-LightCream{
    background-color: #f8f3f5;
}

.recurring_Charge{
    border-radius: 10px;
}
.settings_content .recurring_Charge .radio_group .radiolabel{
    background-color: #e4edfa;
}
.bg-inner-input{
    background-color: #e4edfa !important;
}

.dashboard-box{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    border-radius: 20px;
    /* margin-bottom: 24px; */
    min-height: 100%;
    background: #fff;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
    -webkit-box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
    transition: all 350ms ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.dashboard-box::after{
    content: '';
    position: absolute;
    left: 0;
    top: -10%;
    width: 100%;
    height: 50%;
    border-radius: 50%;
    background-color: var(--secondary);
    z-index: -1;
    filter: blur(60px);
    opacity: 0.1;
}
.dashboard-box:hover{
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}
.dash-leftblock{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 14px;
    padding-bottom: 14px;
}
.dash_inner_icon{
    flex-shrink: 0;
}
.dash_inner_content{
    text-align: center;
}
.dash_inner_icon>span{
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    display: inline-block;
    border-radius: 10px;
    background-color: rgba(205, 66, 54, 0.3);
    box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.05);
}
.dash_inner_icon>span img{
    width: 40px;
}
.dash_inner_content p{
    color: var(--secondary);
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin: 0;
}
.dash_inner_content>h3{
    color: var(--dblue);
    font-weight: 500;
    margin: 0 0 10px !important;
}
.dashboard-box .see-more-btn{
    color: var(--dblue);
    font-weight: 500;
    text-decoration: underline;
    /* border-top: 1px solid rgba(0, 0, 0, 0.04); */
    padding-top: 14px;
    text-align: center;
    position: relative;
}
.dashboard-box .see-more-btn::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0) 100%);
}
.dash-back-icon{
    position: absolute;
    right: -30px;
    bottom: -30px;
    width: 100px;
    z-index: -1;
    opacity: 0.05;
}
/* .dash-rightblock{
    flex: 0 0 80px;
    -webkit-flex: 0 0 80px;
    max-width: 80px;
    text-align: center;
    transform-origin: center;
    -webkit-transform-origin: center;
    transition: all 350ms ease-in-out;
}
.dashboard-box:hover .dash-rightblock{
    transform: scale(1.12);
    -webkit-transform: scale(1.12);
}
.dash-rightblock>img{
    width: 70px;
    opacity: 0.1;
    filter: invert(1);
    -webkit-filter: invert(1);
} */
.nav-sm .container.body .col-md-3.left_col{
    width: 85px;
}
.nav-sm .nav.side-menu>li>a{
    word-break: break-word;
}
.top_nav .navbar-right li.nav-item.dropdown .dropdown-menu li.nav-item{
    float: right;
}
/* .input-drop-files{
    transform: inherit;
    -webkit-transform: inherit;
} */
.prior-input{
    max-width: 400px;
    position: relative;
}
.prior-input input{
    padding-right: 55px !important;
}
.prior-input input,
.prior-input select,
.prior-input textarea{
    width: 100%;
    padding: 8px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    font-size: 14px;
}
.prior-label{
    position: absolute !important;
    right: 10px;
    top: 50%;
    font-size: 12px !important;
    margin: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.prior-input select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
    background-image: url(../../images/droparrow.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
}
.prior-input textarea{
    height: 150px;
    resize: none;
}
.prior-input textarea:focus{
    outline: none;
}
.form-areablock input{
    width: 100%;
    padding: 8px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}
.select2-Hequal .select2-container li.select2-search--inline .select2-search__field{
    padding: 8.4px;
}
table.dataTable.no-footer{
    border: none;
    border-collapse: inherit !important;
    border-right: 1px solid var(--exLightBlue);
}
table.dataTable.no-footer thead th,
table.dataTable.no-footer tbody tr:not(:last-child) th,
table.dataTable.no-footer tbody tr:not(:last-child) td{
    border-bottom: none;
}
table.dataTable.no-footer thead th,
table.dataTable.no-footer tbody tr th,
table.dataTable.no-footer tbody tr td{
    border-right: none;
    vertical-align: middle;
}

.quest-imagelarge .answer-msg.incorrect-answer-msg img,
.quest-imagelarge .answer-msg.correct-answer-msg img{
    margin: 0 !important;
}
.size-12{
    font-size: 12px !important;
}
.icon-rblock{
    width: 50%;
}
.icon-rblock input{
    padding-left: 15px !important;
    padding-right: 40px !important;
    width: 100% !important;
}
.icon-rblock span{
    left: inherit !important;
    right: 0;
}
.colorpicker-input>label{
    width: 50%;
    padding: 8px;
    background-color: #fff;
    border: 1px solid var(--border-color);
    border-radius: 5px;
}
.colorpicker-input>.input-group{
    padding: 0;
    width: 100%;
}
.colorpicker-input>.input-group input{
    border: none;
    padding: 0 !important;
    width: 24px;
    background: transparent;
}
.colorpicker-input .form-control{
    height: 45px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.left_col>.navbar>.site_title{
    line-height: normal;
}
.calc_color{
    width: 14px !important;
    height: 14px !important;
    border-radius: 50%;
    min-width: auto !important;
    transform: translateY(1px);
}

/* Student Settings */
.student-status{
    margin-top: 5px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    gap: 10px;
}
.student-status>span{
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
}
.student-status>span.sactive{
    background-color: #eafcd2;
    color: #79af32;
}
.student-status>span.sadult{
    background-color: #cbfef9;
    color: #249f93;
}



.student-status>span.sdeactive{
    background-color: #ffdfdf;
    color: #f00;
}
.student-status>span.sactive{
    background-color: #e4ffe4;
    color: #05c103;
}
.student-status>span.strial{
    background-color: #e4e5ff;
    color: #2329cf;
}
.student-status>span.swaiting{
    background-color: #fff1e4;
    color: #dd6f0a;
}





.student-notes{
    padding: 25px;
    box-shadow: 4px 6px 14px 0px #001D3D08;
}
.note-top h4{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--dblue);
    margin: 0px;
}

.fw-400{
    font-weight: 400 !important;
}
.fw-500{
    font-weight: 500 !important;
}
.fw-600{
    font-weight: 600 !important;
}
.size-14{
    font-size: 14px !important;
}
.size-16{
    font-size: 16px !important;
}
.color-label{
    color: #4A4674 !important;
}
.cursor-none{
    cursor: auto !important;
}
.bfamily-img>img{
    max-width: 300px;
}
.blank-family-cont h3,
.common-text{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: var(--dblue);
    text-align: center;
}
.fcontact-bottom{
    border-top: 1px solid var(--border-color);
    padding-top: 20px;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    gap: 5px;
}

.common-form .form-group{
    margin-bottom: 24px;
}
.common-form .form-group>label{
    width: auto;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: var(--dblue) !important;
    display: inline-block;
    cursor: auto;
}
.common-form .form-group input,
.common-form .form-group textarea,
.common-form .form-group select{
    width: 100%;
    border-radius: 5px;
    color: var(--dblue);
    height: 45px;
    box-shadow: 9px 2px 29px 0px rgb(0 29 61 / 6%);
    -webkit-box-shadow: 9px 2px 29px 0px rgb(0 29 61 / 6%);
    background: #fff;
    border: 1px solid #c5dae5;
    padding: 10px;
    font-size: 14px !important;
}
.common-form .form-group textarea{
    height: 120px;
}
.common-form .form-group textarea:focus{
    outline: none;
}
.common-checkbox input{
    display: none;
}
.common-checkbox label{
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #4A4674;
    cursor: pointer;
    padding-left: 25px;
    margin-bottom: 0;
}
.common-checkbox label::before{
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    border: 1px solid #C7D6DD;
    background-color: transparent;
    top: 0;
    left: 0;
}
.common-checkbox input[type="checkbox"]:checked+label::before{
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.common-checkbox label::after{
    content: '';
    position: absolute;
    left: 5px;
    top: 10px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 var(--white), 4px 0 0 var(--white), 4px -2px 0 var(--white), 4px -4px 0 var(--white), 4px -6px 0 var(--white), 4px -8px 0 var(--white);
    transform: rotate(45deg);
    opacity: 0;
    visibility: hidden;
}
.common-checkbox input[type="checkbox"]:checked+label::after{
    opacity: 1;
    visibility: visible;
}
.family-contactlist-top{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 15px;
}
.family-contacts-list  + .family-contacts-list{
    border-top: 1px solid var(--border-color);
    padding-top: 20px;
    margin-top: 24px;
}
.multi-btn .icon-btn{
    background-color: transparent;
    border: none;
}
.family-contactlistdetail li{
    display: flex;
    display: -webkit-flex;
    /* flex-wrap: wrap;
    -webkit-flex-wrap: wrap; */
    padding-bottom: 14px;
}
.family-contactlistdetail .contdetail-icon{
    flex: 0 0 20px;
    -webkit-flex: 0 0 20px;
    max-width: 20px;
    margin-right: 8px;
}
.family-contactlistdetail .student-endis{
    background-color: #eaeeee;
    color: #344242;
    border-radius: 4px;
    font-weight: 600;
    padding: 2px 6px;
    display: inline-block;
    margin-left: 10px;
    margin-top: -2px;
}
.family-contacts-inlist .settinglist .form-check input[type="checkbox"]:disabled~.form-check-label::before{
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.family-contacts-inlist .settinglist .form-check input[type="checkbox"]:not(:checked):disabled~.form-check-label::before{
    background-color: transparent;
    border-color: #C7D6DD;
}
.change-family-modal .form-area .form-check.active input~label::after{
    opacity: 1;
    visibility: visible;
}
.change-family-modal .form-area .nav-tabs{
    border: none;
}
.change-family-modal .form-area .nav-tabs .nav-link{
    background-color: transparent;
    border: none;
}
.change-family-modal .modal-form-area .form-group>label,
.modal-label-style .modal-form-area .form-group>label{
    font-weight: 500;
    color: var(--dblue) !important;
}

.full-attendance-area{
    width: 60px;
    height: 60px;
    line-height: 52px;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    border: 4px solid var(--secondary);
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.average-attendance .col-block{
    flex:  1;
    -webkit-flex:  1;
}
.attendance-box{
    background-color: var(--lightgray);
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    min-height: 100%;
}
.attendance-box>.attendance-number{
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.attendance-box>.student-record{
    margin: 5px 0 0;
    text-align: center;
    font-size: 14px;
}
.dateQuickselect,
.qselect-label{
    float: right;
    cursor: pointer;
    color: var(--secondary);
}
.dateRangeBlock>input{
    padding-left: 42px !important;
}
.dateRangeBlock .datecal-icons{
    position: absolute;
    left: 12px;
    bottom: 12px;
}
.dateRangeBlock .datecal-icons img{
    width: 20px;
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover{
    background-color: var(--secondary) !important;
    border: none;
}

.daterangepicker td.active, 
.daterangepicker td.active:hover{
    background: var(--dblue) !important;
    color: var(--white) !important;
}
.student-atte-tabledate{
    color: var(--secondary);
}

.common-datatable .dt-container>.dt-layout-row:first-child{
    padding-bottom: 12px;
}
.common-datatable .dt-container>.dt-layout-row:first-child,
.common-datatable .dt-container>.dt-layout-row:last-child{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.common-datatable .dt-length{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.common-datatable .dt-length .dt-input,
.common-datatable .dt-search .dt-input{
    border-radius: 5px;
    color: var(--dblue);
    height: 42px;
    background: #fff;
    border: 1px solid #c5dae5;
    padding: 10px;
}
.common-datatable .dt-length>label{
    margin: 0;
    padding-left: 5px;
}
.common-datatable .dt-search>label{
    padding-right: 5px;
    margin: 0;
}
.common-datatable .table th{
    padding: 14px 10px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    vertical-align: middle;
}
.common-datatable .table td{
    padding: 14px 10px;
    font-size: 14px;
    border: none;
}
.common-datatable .table thead tr th,
.common-datatable .table tbody tr:nth-child(even) td{
    background-color: var(--lightgray);
}
.common-datatable .dt-container>.dt-layout-row:last-child{
    padding-top: 20px;
}
.common-datatable .paging_full_numbers{
    text-align: right;
    height: auto;
    line-height: normal;
}
.common-datatable .paging_full_numbers .dt-paging-button{
    width: 35px;
    height: 35px;
    background-color: var(--lightgray);
    border: none;
    font-size: 16px;
    border-radius: 5px;
}
.common-datatable .paging_full_numbers .dt-paging-button.current{
    background-color: var(--secondary);
    color: #fff;
}
.stu-unrecorded{
    background-color: #eaeeee;
    color: #344242;
    border-radius: 4px;
    font-weight: 500;
    padding: 2px 6px;
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
}
.stu-present{
    background-color: #eafcd2;
    color: #79af32;
    border-radius: 4px;
    font-weight: 500;
    padding: 2px 6px;
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
}
.stu-tablenote,
.attachnote{
    background: #fff;
    border: 1px solid #c5dae5;
    border-radius: 5px;
    width: 38px;
    height: 38px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
}
.common-datatable table .dropdown .dropdown-toggle{
    margin: 0;
    padding: 0;
    border: none;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 5px;
}
.common-datatable table .dropdown .dropdown-toggle svg{
    height: 15px;
}
.common-datatable table .dropdown .dropdown-toggle:focus,
.avail-right .multi-btn .icon-btn:focus{
    outline: none;
}
.common-datatable table .dropdown .dropdown-toggle::after{
    display: none;
}
.common-datatable .dropdown .dropdown-menu,
.message-history-tab .setting_title .dropdown-menu{
    padding: 6px 0;
}
.common-datatable .dropdown .dropdown-menu .dropdown-item,
.message-history-tab .setting_title .dropdown-menu .dropdown-item{
    padding: 6px 15px;
    line-height: 20px;
}

.assign-tutor-block + .assign-tutor-block{
    border-top: 1px solid var(--border-color);
    padding-top: 26px;
    margin-top: 10px;
}
.assigntutor-top .student-tut-profile{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #efefef;
    font-weight: 500;
}
.assigntutor-top .ass-tutorname{
    margin: 0;
    padding-left: 10px;
}
.assigntutoe-content{
    padding-left: 50px;
    padding-top: 16px;
}
.student-info{
    color: var(--dblue);
    font-weight: 500;
}
.student-info:hover{
    color: var(--secondary);
}
.message-history-tab .setting_title h3,
.page-tabtitle h3{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: var(--dblue);
}
.new-msg-btn{
    padding-left: 15px;
    padding-right: 38px;
}
.new-msg-btn::after{
    position: absolute;
    right: 14px;
    color: #fff;
    margin: 0;
}
.common-datatable .dropdown .dropdown-menu .dropdown-item.active, 
.message-history-tab .setting_title .dropdown-menu .dropdown-item.active,
.common-datatable .dropdown .dropdown-menu .dropdown-item:active, 
.message-history-tab .setting_title .dropdown-menu .dropdown-item:active{
    background-color: var(--secondary);
}
.availability-box{
    padding: 20px;
    border-radius: 10px;
    background-color: var(--lightgray);
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.availability-box + .availability-box{
    margin-top: 10px;
}
.availability-box .avail-left{
    flex: 0 0 calc(100% - 400px);
    -webkit-flex: 0 0 calc(100% - 400px);
    max-width: calc(100% - 400px);
}
.availability-box .avail-right{
    flex: 0 0 400px;
    -webkit-flex: 0 0 400px;
    max-width: 400px;
    text-align: right;
}
/* .avail-left .avail-day{
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: var(--dblue);
    margin-bottom: 7px;
} */
.avail-left .avail-date{
    margin-bottom: 10px;
}
.avail-content-availability .avail-morebtn, .avail-content .avail-morebtn{
    color: var(--secondary);
    font-weight: 500;
}
.avail-time{
    background-color: #eaeeee;
    color: #344242;
    border-radius: 4px;
    font-weight: 500;
    padding: 5px 10px;
    display: inline-block;
    line-height: 19px;
    margin-bottom: 12px;
}
.avail-right .multi-btn .icon-btn{
    margin-bottom: 0;
}
.view-morecontent{
    display: none;
}
.swal2-container span.select2.select2-container{
    padding-left: 20px;
    padding-right: 20px;
}
.swal2-container span.select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow{
	right: 30px;
}
.upload__inputfile {
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.upload__btn {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 30px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid #c5dae5;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}
.upload__btn>.upload-inbtn{
    background-color: #333;
    border: none;
    padding: 10px;
    color: #fff;
    margin-right: 0;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
}
.upload__btn>.upload-inbtn>svg{
    margin-right: 6px;
}
.upload__btn p{
    margin: 0;
}
.upload__img-wrap{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 10px;
    position: relative;
    margin-bottom: 30px;
}
.upload__img-box{
    width: 150px;
    position: relative;
}
.upload__img-box .img-bg{
    width: 150px;
    height: 150px;
    border: 1px solid #eee;
    padding: 6px;
    position: relative;
}
.upload__img-box p{
    margin-bottom: 0;
    margin-top: 10px;
    word-break: break-all;
}
.upload__img-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 24px;
    z-index: 1;
    cursor: pointer;
}
.upload__img-close:after {
    content: "✖";
    font-size: 14px;
    color: white;
}
.img-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-bottom: 100%;
}
.file-icon:not(.dropify-message .file-icon){
    border: 1px solid #eee;
    width: 100%;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('../../images/files.svg'); /* Replace 'file-icon.png' with the path to your file icon */
}
.stu-attachment{
    max-height: 500px;
    overflow-y: auto;
}
.stu-attachment::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	border-radius: 10px;
	background-color: transparent;
}
.stu-attachment::-webkit-scrollbar{
	width: 5px;
	background-color: transparent;
}
.stu-attachment::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #cad5d5;
}
.stu-attachmentbox{
    background-color: var(--lightgray);
    /* padding: 12px; */
    border-radius: 10px;
}
.stu-attachmentbox+.stu-attachmentbox{
    margin-top: 10px;
}
.stu-top{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 10px 10px 8px;
}
.stu-top>h6{
    margin: 0;
    align-self: center;
    -webkit-align-self: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--dblue);
    flex: 0 0 calc(100% - 40px);
    -webkit-flex: 0 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.stu-top .dropdown{
    flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
    max-width: 30px;
}
.stu-top .dropdown .dropdown-toggle{
    padding: 0;
    margin: 0;
    border: none;
    width: 28px;
    height: 28px;
    background-color: #fff;
    border: 1px solid #CAD5D5;
    border-radius: 5px;
}
.stu-top .dropdown .dropdown-toggle::after{
    display: none;
}
.stu-top .dropdown .dropdown-toggle svg{
    height: 13px;
}
.stu-top .dropdown .dropdown-toggle:focus{
    outline: none;
}
.stu-top .dropdown .dropdown-item.active, 
.stu-top .dropdown .dropdown-item:active{
    background-color: var(--secondary);
}
.stuattachfile{
    display: flex;
    display: -webkit-flex;
    padding: 0 10px;
}
.stuattachfile>span{
    padding: 0 10px;
    border-right: 1px solid #CAD5D5;
    color: var(--dblue);
    line-height: 20px;
    display: flex;
    display: -webkit-flex;
}
.stuattachfile>span:first-child{
    padding-left: 0;
}
.stuattachfile>span:last-child{
    padding-right: 0;
    border-right: none;
}
.stuattachfile>span img{
    margin-right: 6px;
}
.stuattachDescription{
    padding: 30px 10px 14px;
}
.stuattachDescription>p{
    overflow: inherit;
    display: block;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit;
}
.stuattach-bbtn{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    background: #f0f0f0;
    border-radius: 0 0 10px 10px;
}
.stuattach-bbtn>*{
    color: var(--secondary);
    padding: 10px;
    flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    text-align: center;
    border-right: 1px solid #CAD5D5;
}
.stuattach-bbtn>*:hover{
    color: var(--secondary);
}
.stuattach-bbtn>*:last-child{
    border-right: none;
}
.stuattach-bbtn>* svg{
    margin-right: 8px;
}
.stu-top .dropdown .dropdown-menu{
    padding: 8px 0;
}
.stu-top .dropdown .dropdown-menu>a{
    padding: 8px 20px;
}
.tuAvail-modal .form-group>input,
.pl-40{
    padding-left: 40px !important;
}
.flaticon.form-group>input{
    padding-left: 34px !important;
}
.input-icon{
    position: absolute;
    left: 10px;
    top: 42px;
    display: inline-flex;
    align-items: center;
}
.dropdown .input-icon{
    left: 10px;
    top: 40px;
}
.flaticon.form-group .input-icon{
    top: 40px;
    left: 15px;
}
.flaticon.form-group .input-icon i {
    font-size: 16px;
    line-height: 1;
    color: #4A4674;
} 
.flaticon.caption-group>input{
    padding-right: 80px !important;
}
.flaticon.caption-group .caption-title{
    position: absolute;
    right: 10px;
    top: 38px;
    display: inline-flex;
    align-items: center;
}

.dropzone{
    box-shadow: 9px 2px 29px 0px rgb(0 29 61 / 6%);
    -webkit-box-shadow: 9px 2px 29px 0px rgb(0 29 61 / 6%);
    border: 1px solid #c5dae5 !important;
    padding: 20px !important;
    border-radius: 5px;
    position: relative;
}
.dropzone .dz-message{
    margin: 0 !important;
    position: absolute;
    left: 50%;
    top: calc(50% + 15px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.dropzone .dz-message .dz-button{
    position: relative;
    color: var(--dblue) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 0;
}
.dropzone .dz-message .dz-button::before{
    content: '';
    position: absolute;
    top: -35px;
    left: 50%;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"><path d="M19.9963 6.24269C18.8871 1.82389 14.4058 -0.859034 9.98705 0.250189C6.53386 1.11705 4.02646 4.10158 3.76811 7.65249C1.31621 8.05684 -0.343691 10.3723 0.0606558 12.8242C0.420101 15.0039 2.30886 16.6003 4.51803 16.5915H8.26762V15.0917H4.51803C2.86137 15.0917 1.51836 13.7487 1.51836 12.092C1.51836 10.4353 2.86137 9.09234 4.51803 9.09234C4.93222 9.09234 5.26795 8.75661 5.26795 8.34242C5.2642 4.6149 8.28295 1.59011 12.0105 1.5864C15.2372 1.58317 18.0148 3.86433 18.639 7.03006C18.7006 7.34615 18.9571 7.58763 19.2764 7.63C21.3266 7.92195 22.7519 9.8206 22.46 11.8707C22.1978 13.7117 20.626 15.0824 18.7665 15.0917H15.7668V16.5915H18.7665C21.6657 16.5828 24.0088 14.2254 24 11.3262C23.9927 8.91287 22.3408 6.8154 19.9963 6.24269Z" fill="black"/><path d="M11.485 9.30988L8.48535 12.3096L9.54274 13.3669L11.2675 11.6496V18.8413H12.7674V11.6496L14.4847 13.3669L15.5421 12.3096L12.5424 9.30988C12.2499 9.0191 11.7775 9.0191 11.485 9.30988Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 30px;
    height: 30px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.img-invert{
    filter: invert(1);
    -webkit-filter: invert(1);
}
.preprofile-edit{
    position: absolute;
    right: 0;
    top: 0;
}
.subject-data{
    display: none;
    margin-top: 14px;
}
.subject-data li{
    position: relative;
    margin-bottom: 5px;
    display: block;
    color: #000;
    padding-left: 15px;
}
.subject-data li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000;
}
.tutor-subject{
    cursor: pointer;
}

.allselect-table .table tbody tr.selected>*{
    box-shadow: inset 0 0 0 9999px #ecf3fa;
    -webkit-box-shadow: inset 0 0 0 9999px #ecf3fa;
    color: inherit;
}
.both-btnli button.dropdown-toggle{
    margin-bottom: 0;
    padding-right: 36px;
    background: var(--inputBg) url(../../images/droparrow.svg) no-repeat center right 15px;
    line-height: 1.4;
}
.both-btnli button:focus{
    outline: none;
}
.both-btnli .dropdown-toggle::after{
    display: none;
}
.both-btnli .dropdown-menu{
    background: var(--white);
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    -webkit-box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    border: none;
    z-index: 99;
}
.both-btnli .dropdown-menu a,
.both-btnli .dropdown-menu button.dropdown-item{
    padding: 10px;
    display: block;
}
.both-btnli .dropdown-menu button.dropdown-item{
    margin: 0;
}
/* .both-btnli .dropdown-menu a:hover{
    background-color: #fff;
} */
.both-btnli .dropdown-item.active, 
.both-btnli .dropdown-item:active{
    background-color: var(--secondary);
}
.new-email-addblock .common-form .form-button:not(:last-child){
    margin-right: 10px;
}
.new-email-addblock .common-form .input-group input,
.new-email-addblock .common-form .input-group .select2-selection{
	border-radius: 5px !important;
}
.new-email-addblock .common-form .input-group .select2-search .select2-search__field{
    padding: 0;
    height: 35px;
}
.new-email-addblock .common-form .drop-file{
    text-align: left;
}
.new-email-addblock .common-form .drop-file .dropify-wrapper{
    margin-left: 0;
}
.new-email-addblock .back_btn{
    margin-bottom: 30px;
}
.new-email-addblock .back_btn>a{
    background: #f6f6f6;
    padding: 6px 12px 5px;
    border-radius: 5px;
}
.table + .dataTables_info .select-info{
    padding-left: 5px;
}

.green-btns,
.red-btns,
.yellow-btns{
    padding: 6px 12px;
    border-radius: 5px;
    background-color: green;
    color: #fff;
    border: none;
}
.green-btns:focus,
.red-btns:focus,
.yellow-btns:focus{
    outline: none;
}
.red-btns{
    background-color: red;
}
.yellow-btns{
    background-color: #edd60c;
    color: #000;
}

.assign-btn-area li:first-child{
    display: flex;
    display: -webkit-flex;
}

.effect-module{
    display: none;
    position: absolute;
     background-color: #ffffff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    padding: 0;
    z-index: 1000;
    border-radius: 10px;
    width: 320px;
}
.date-header{
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 20px 20px 14px;
    padding-bottom: 14px;
}
.date-header .title-text{
    margin-bottom: 6px;
}
.date-details{
    padding-bottom: 15px;
}
.date-details,
.event-details{
    padding-top: 15px;
}
/* .date-details li:not(:last-child){
    padding-bottom: 20px;
} */
.date-details li>a{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 10px 20px;
    transition: all 350ms ease-in-out;
}
.date-details li>a:hover{
    background-color: #f7f7f7;
}
.date-details li .icons{
    flex: 0 0 20px;
    -webkit-flex: 0 0 20px;
}
.date-details li .event-addoptions{
    flex: 0 0 calc(100% - 20px);
    -webkit-flex: 0 0 calc(100% - 20px);
    padding-left: 8px;
}
.event-addoptions h6{
    color: var(--dblue);
    font-size: 15px;
    margin-bottom: 2px;
}
.event-addoptions p{
    color: #73879C;
}
.date-headscript ul{
    display: flex;
    display: -webkit-flex;
}
.date-headscript ul li a{
    padding: 10px;
    text-align: center;
    display: inline-block;
    color: #000;
    border-radius: 5px;
}
.date-headscript ul li a:hover{
    background-color: #f7f7f7;
}
.event-details>h6{
    color: var(--dblue);
    font-size: 15px;
    font-weight: 600;
}
.event-details ul li{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.event-details ul li:not(:last-child){
     margin-bottom: 7px;
}
.event-details ul li .attendees_status{
    flex: 0 0 20px;
    -webkit-flex: 0 0 20px;
    max-width: 20px;
}
.event-details ul li .stud-name{
    flex: 0 0 calc(100% - 20px);
    -webkit-flex: 0 0 calc(100% - 20px);
    max-width: calc(100% - 20px);
    padding-left: 6px;
    color: var(--secondary);
}
.event-details ul li .stud-name a{
    color: var(--secondary);
    font-weight: 600;
}
.label-before{
    position: absolute;
    left: 12px;
    top: 10px;
}
.label-before-wlabel{
    position: absolute;
    left: 12px;
    top: 35px;
}
.mat-5{
    margin-top: -5px;
}
.cursor-pointer{
    cursor: pointer !important;
}
.event-repeat-area{
    background-color: #f1f1f1;
    padding: 20px;
    border-radius: 5px;
}
.attendess_select2 .select2-selection--multiple,
.attendess_select2 .select2-selection--single,
.border_select .select2-selection--single,
.border_select .select2-selection--multiple{
    height: auto;
    min-height: auto;
    box-shadow: 9px 2px 29px 0px rgb(0 29 61 / 6%);
    -webkit-box-shadow: 9px 2px 29px 0px rgb(0 29 61 / 6%);
    background: #fff;
    border: 1px solid #c5dae5;
    padding: 0;
}
.border_select .select2-selection--single{
    min-height: 45px;
}
.attendess_select2 .select2-selection__rendered,
.border_select .select2-selection__rendered{
    padding: 6.9px 10px 0 !important;
}
.attendess_select2 .select2-selection__rendered li.select2-selection__choice,
.border_select .select2-selection__rendered li.select2-selection__choice{
    background-color: var(--exLightBlue);
    border-radius: 3px;
    color: var(--dblue);
    margin-top: 4px;
    font-size: 12px;
    font-weight: 500;
    white-space: normal;
}
.attendess_select2 .select2-search input,
.attendess_select2 span.select2-selection__rendered,
.border_select span.select2-selection__rendered,
.border_select .select2-search input{
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    padding: 5px 0 !important;
    height: auto;
}
.attendess_select2 span.select2-selection__rendered,
.border_select span.select2-selection__rendered{
    padding: 11px 10px !important;
}
.attendess_select2 .select2-selection__arrow,
.border_select .select2-selection__arrow{
    top: 3px !important;
}
.add_substitute_block .select2-container{
    width: 50% !important;
}

select.form-control[multiple]{
    overflow: hidden !important;
}
select.form-control[multiple] option,
select.form-control[multiple] optgroup{
    padding-bottom: 35px;
    padding-top: 2px;
    font-weight: 400;
}
select.form-control[multiple] optgroup option{
    padding-top: 10px;
}

/* select.form-control[multiple] option,
select.form-control[multiple] optgroup{
    opacity: 0;
} */
.attendance_inner_details .card{
    border: 1px solid var(--border-color) !important;
    border-radius: 5px !important;
}
.attendance_inner_details .card + .card{
    margin-top: 15px;
}
.attendance_inner_details .card .card-header{
    border: none;
    background-color: transparent;
    padding: 0;
}
.attendance_inner_details .card .card-header .btn{
    padding: 15px;
    border-radius: 0;
    color: var(--dblue);
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    position: relative;
    padding-right: 40px;
}
.attendance_inner_details .card .card-header .btn::after{
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    background-image: url('/images/arrowdown.svg');
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
    width: 20px;
    height: 20px;
    transition: all 350ms ease-in-out;
}
.attendance_inner_details .card .card-header .btn:not(.collapsed)::after{
    transform: rotate(180deg) translateY(50%);
    -webkit-transform: rotate(180deg) translateY(50%);
}
.attendance_inner_details .card .card-header .btn:hover,
.attendance_inner_details .card .card-header .btn:focus{
    text-decoration: none;
}
.attendance_inner_details .card .card-header .btn small{
    font-size: 12px;
}
.attendance_inner_details .card .card-body{
    padding: 0 15px 15px;
}

.student-note-block{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-top: 16px;
}
.student-note-block .stnote-icon{
    flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
    max-width: 30px;
    height: 30px;
    line-height: 28px;
    background-color: rgba(244, 120, 23, 0.2);
    border-radius: 50%;
    text-align: center;
}
.student-note-block .stnote-icon img{
    height: 16px;
}
.student-note-block .stnote-details{
    flex: 0 0 calc(100% - 30px);
    -webkit-flex: 0 0 calc(100% - 30px);
    max-width: calc(100% - 30px);
    padding-left: 10px;
}
.student-note-block .stnote-details h6{
    color: var(--dblue);
}

.linked_resource>li{
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    padding: 20px;
    border-radius: 5px;
}
.linked_resource>li + li{
    margin-top: 15px;
}
.linked_resource_top{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding-bottom: 15px;
}
.linked_resource_top h6{
    margin-bottom: 0;
    color: var(--dblue);
    font-size: 14px;
}
.linked_resource_bottom .notes-file-size,
.linked_resource_bottom .notes-file-size li{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.linked_resource_bottom .notes-file-size li:not(:last-child){
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid var(--border-color);
}
.linked_resource_bottom .notes-file-size li img{
    height: 15px;
    margin-right: 5px;
}
.note_download,
.note_download:hover{
    color: var(--secondary);
}

.v-align-table td{
    vertical-align: middle;
}
.fc-h-event,
.fc-v-event{
    background-color: var(--fc-today-bg-color);
    border-color: var(--fc-today-bg-color);
}
.fc-daygrid-event-dot{
    border-color: var(--secondary);
}
.fc-toolbar-chunk .fc-toolbar-title{
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: var(--dblue);
}
.cal-top-btarea{
    margin-bottom: -52px;
    justify-content: flex-end;
    padding-right: 26px;
    padding-left: 26px;
    transform: translateY(18px);
    z-index: 3;
    position: relative;
}
.cal-top-btarea>.both-btnli:first-child{
    order: 1;
    margin-left: auto;
}
.fc-toolbar-chunk .fc-button-group .fc-button{
    background-color: var(--secondary);
    border-color: var(--secondary-light);
    padding: 9px 14px;
    border-radius: 8px;
}
.fc-toolbar-chunk .fc-button-group .fc-button.fc-button-active{
    background-color: #b72c20;
    border-color: var(--secondary-light);
}
/* .fc-header-toolbar .fc-toolbar-chunk:first-child{
    margin-top: -100px;
} */
.fc-header-toolbar .fc-toolbar-chunk:first-child .fc-prev-button,
.fc-header-toolbar .fc-toolbar-chunk:first-child .fc-next-button{
    background-color: var(--secondary);
    border-color: var(--secondary);
    border-radius: 8px;
    height: 36px;
}
.fc-header-toolbar .fc-toolbar-chunk:first-child .fc-today-button{
    background-color: var(--primary);
    border-color: var(--primary);
    border-radius: 8px;
    height: 36px;
}
#calendar{
    margin-top: 60px;
}
.calc_search.form-group{
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.calc_search:first-child{
    padding-top: 10px;
}
.calc_search:last-child{
    padding-bottom: 10px;
}
.calc_search>label{
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: var(--dblue);
    padding: 0 0 6px;
    margin-bottom: 0;
}
.calc_search .select2-container{
    width: 100% !important;
    min-width: 230px;
}
/* .calc_search span.select2-selection.select2-selection--multiple{
    box-shadow: 9px 2px 29px 0px rgb(0 29 61 / 9%);
    background: #fff;
    border: 1px solid #c5dae5;
    border-radius: 5px;
    font-size: 12px;
    color: var(--dblue);
    height: auto;
    min-height: auto;
} */
.calc_search .select2-container .select2-search--inline .select2-search__field{
    margin-top: 0px;
    padding: 5px 0;
    width: 100% !important;
}
.cal-top-btarea .calc_search span.select2-selection.select2-selection--multiple>ul{
    padding-right: 30px;
}
/* .calc_search input{
    font-size: 13px;
    border-radius: 5px;
    min-width: 230px;
    padding: 10px;
    height: auto;
} */

.settings_content .form-check .open_group input.form-control{
    height: 45px;
}

.template_note_lists{
    padding-top: 30px;
}
.templates_note_top{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 10px;
    background: #f7f7f7;
    border-radius: 5px;
    cursor: pointer;
}
.templates_note_top .templates_note_tright{
    transition: all 350ms ease-in-out;
}
.templates_note_top.active .templates_note_tright{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.color-block{
    padding: 5px;
    padding-left: 22px;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    font-weight: 600;
    line-height: 14px;
}
.color-block::before{
    content: '';
    position: absolute;
    left: 8px;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.background-purple{
    background-color: #f9e5ff !important;
    color: #604274 !important;
}
.background-purple::before{
    background-color: #604274 !important;
}
.background-orange{
    background-color: #ffdcb3 !important;
    color: #d43c00 !important;
}
.background-orange::before{
    background-color: #d43c00 !important;
}
.background-blue{
    background-color: #afe9f8 !important;
    color: #2e568e !important;
}
.background-blue::before{
    background-color: #2e568e !important;
}
.background-black{
    background-color: #cecfcf !important;
    color: #434444 !important;
}
.background-black::before{
    background-color: #434444 !important;
}
.background-red{
    background-color: #ffe4e4 !important;
    color: #cc0019 !important ;
}
.background-red::before{
    background-color: #cc0019 !important;
}
.right-simdrop{
    float: right;
}
.right-simdrop .dropdown-toggle{
    background-color: transparent;
    border: none;
    padding: 0;
    color: var(--secondary);
    margin: 0;
    font-weight: 600;
}
.right-simdrop .dropdown-toggle:focus{
    outline: none;
}
.right-simdrop .dropdown-toggle:after{
    margin: 0;
    color: var(--secondary);
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
}
.right-simdrop .dropdown-menu{
    min-width: 190px;
}
.right-simdrop .dropdown-menu h6{
    padding: 10px 10px 5px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}
.right-simdrop .dropdown-menu li a{
    padding: 5px 10px;
}
.right-simdrop .dropdown-menu .edit_cate_dropbtn{
    padding: 10px;
    display: block;
}

/* Custom Dropdown */
.drop-down{
    position: relative;
}
.drop-down .selected{
    width: 100%;
    border-radius: 5px;
    color: var(--dblue);
    height: 44px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    -webkit-box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    background: #fff;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 14px;
    line-height: 21px;
}
.drop-down .selected::after{
    content: '';
    position: absolute;
    right: 10px;
    top: 12px;
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
    width: 20px;
    height: 20px;
    transition: all 350ms ease-in-out;
    background-image: url("/images/arrowdown.svg");
}
.drop-options{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    -webkit-box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    background: #fff;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    max-height: 200px;
    overflow-y: auto;
    padding: 6px 0;
}
.drop-options li>a{
    display: block;
    padding: 6px 15px;
    color: var(--dblue);
    font-size: 14px;
    transition: all 350ms ease-in-out;
}
/* Custom Dropdown End */
.cselect-arrow select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 10px) 50% !important;
    background-size: 20px !important;
    background-image: url(/images/arrowdown.svg) !important;
}

.selected_less_preview>div{
    margin-top: -24px;
}
.selected_less_preview li{
    box-shadow: 2px 2px 20px 0px rgb(0 29 61 / 6%);
    -webkit-box-shadow: 2px 2px 20px 0px rgb(0 29 61 / 6%);
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    padding: 14px 18px;
    border-radius: 5px;
}
.selected_less_preview li + li{
    margin-top: 10px;
}
.selected_less_preview .select_less_icon,
.selected_less_preview .select_lessprev_close{
    flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
    max-width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.selected_less_preview .select_less_icon{
    background-color: var(--secondary);
    border-radius: 5px;
}
.selected_less_preview .select_less_icon img{
    height: 18px;
    /* filter: invert(1);
    -webkit-filter: invert(1); */
}
.selected_less_preview .select_less_content{
    flex: 0 0 calc(100% - 60px);
    -webkit-flex: 0 0 calc(100% - 60px);
    max-width: calc(100% - 60px);
    padding: 0 15px;
}
.selected_less_preview .select_less_content h5{
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: var(--dblue);
}
.selected_less_preview .select_less_content p{
    margin: 0;
}
.selected_less_preview .select_less_content .default-course{
    background-color: var(--exLightBlue);
    border-radius: 3px;
    color: var(--dblue);
    width: 18px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    height: 18px;
}
.selected_less_preview .select_lessprev_close>a{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.2);
}
.selected_less_preview .content-listing{
    max-height: 450px;
    overflow-y: auto;
    padding: 10px;
}
.selected_less_preview .content-listing::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.selected_less_preview .content-listing::-webkit-scrollbar{
	width: 8px;
	background-color: #F5F5F5;
}
.selected_less_preview .content-listing::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
	background-color: #00000033;
}
.add-more-content{
    cursor: pointer;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}
.available_module .evdata-close{
    position: absolute;
    right: 10px;
    top: 20px;
}
.outline-btn{
    color: var(--secondary);
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
}
.outline-btn:hover{
    color: var(--dblue);
}

/* .add-event-block .form-group{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: column;
    -webkit-flex-direction: column;
} */
.add-event-block .form-group .help-block.text-danger{
    order: 1;
}
.width-block.add_substitute_block .select2-container{
    width: 100% !important;
}

.lesson_name{
    border-bottom: 1px solid var(--border-color);
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}
.lesson_name .dropdown button{
    border: 1px solid #D2D6E3;
    padding: 5px 15px;
}
.lesson_name .dropdown button>img{
    height: 16px;
}
.lesson_name .dropdown-menu>a{
    display: block;
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 400;
    color: var(--dblue);
    transition: all 0.3s ease-in;
}
.lesson_name .dropdown-menu>a:hover{
    background: #f1f1f1;
}
.lesson_name_right{
    display: flex;
    display: -webkit-flex;
    gap: 6px;
}
.date_select{
    width: 36px;
    height: 36px;
    border: 1px solid #D2D6E3;
    border-radius: 3px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    cursor: pointer;
}
.date_select .datecal-icons img{
    width: 20px;
}
.slide_details{
    margin-top: 25px;
}
.slide_list{
    border-radius: 5px;
    padding: 15px;
    border: 1px solid #D2D6E3;
}
.slide_list>p{
    font-size: 12px;
    font-weight: 400;
    color: #4A4674;
    margin-bottom: 14px;
}
.slide_list+.slide_list{
    margin-top: 20px;
}
.slide_inner_list{
    background: var(--lightgray);
    border-radius: 5px;
    padding: 10px 20px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    gap: 10px;
}
.slide_inner_list .slide_inner_col>p{
    margin-bottom: 5px;
    color: var(--dblue);
    font-size: 14px;
    font-weight: 600;
}
.slide_inner_list .slide_inner_col>span{
    color: #4A4674;
    font-size: 13px;
    font-weight: 400;
}
.complete_btn{
    background: #28A745;
    color: #fff !important;
    font-size: 10px !important;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
}
.cancel_btn{
    background: #f00;
    color: #fff !important;
    font-size: 10px !important;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
}
.pending_btn{
    background: #a69418;
    color: #fff !important;
    font-size: 10px !important;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 3px;
}
.event_status{
    border: 2px solid var(--secondary);
    border-radius: 5px;
    font-size: 16px;
    color: var(--dblue);
    font-weight: 600;
    padding: 4px 15px;
    background-color: rgb(255, 241, 232);
}

/* .fc-daygrid-day-events{
    display: flex;
}
.fc-daygrid-day-events .fc-daygrid-event-harness{
    min-width: 200px;
} */
/* .fc-timegrid-col-events,
.fc-timegrid-event-harness,
.fc-timegrid-event-harness > .fc-timegrid-event{
    position: inherit !important;
    inset: 0 !important;
} */

.fc-timegrid-event-harness .fc-event-main .fc-content span{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
/* .fc-timegrid-col-events .fc-timegrid-event-harness+.fc-timegrid-event-harness .fc-content{
    border-left: 2px solid #fff;
    box-shadow: -5px 0 0 var(--secondary);
    -webkit-box-shadow: -5px 0 0 var(--secondary);
} */

/* .dateRangeBlock .bootstrap-datetimepicker-widget.dropdown-menu{
    position: absolute !important;
    top: 100% !important;
    inset: 0 !important;
    display: block !important;
} */

.attendance_side_title{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--dblue);
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
}
.stu_attch_block{
    padding-top: 20px;
}
.notes_select_block{
    width: auto !important;
    border: none !important;
    padding: 0 !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shadow: none !important;
    height: auto !important;
    font-weight: 600;
}
.select-menu{
    position: relative;
    display: flex;
    display: -webkit-flex;
    gap: 5px;
}
.select-menu .select-btn{
    cursor: pointer;
    position: relative;
}
.select-menu .select-btn::after{
    content: "\f078";
    font-family: 'FontAwesome';
    color: var(--dblue);
}
.select-options{
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    box-shadow: 9px 2px 29px 0px rgb(0 29 61 / 6%);
    -webkit-box-shadow: 9px 2px 29px 0px rgb(0 29 61 / 6%);
    border: 1px solid #c5dae5 !important;
    background-color: #fff;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.select-menu.active .select-options{
    opacity: 1;
    visibility: visible;
}
.select-options small{
    display: block;
    line-height: 14px;
}
.select-options .option{
    padding: 5px 10px;
    transition: all 350ms ease-in-out;
    cursor: pointer;
}
.select-options .option:hover{
    background-color: #ececec;
}
.date-header .event-ul>li>a img{
    width: 18px;
}
.student-attendance-records .dataTables_length>label,
.student-attendance-records .dataTables_filter>label{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    font-size: 0;
    position: relative;
}
.student-attendance-records .dataTables_filter>label::after{
    content: "\f002";
    font-family: 'FontAwesome';
    position: absolute;
    right: 15px;
    top: 8px;
    font-size: 14px;
    color: var(--dblue);
}
.student-attendance-records .dataTables_length select{
    font-size: 13px;
    color: var(--dblue);
    background: var(--lightgray) url(../../images/droparrow.svg) no-repeat center right 10px;
    border-radius: 5px;
    margin: 0;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 60px;
}
.student-attendance-records .dataTables_filter input{
    font-size: 14px;
    color: var(--dblue);
    background: var(--lightgray);
    border-radius: 5px;
    margin-left: 5px;
    border: none;
    position: relative;
}
.student-attendance-records table.table{
    border-right: none;
}
.student-attendance-records .pagination .paginate_button{
    position: relative;
    background: var(--lightgray) !important;
    display: inline-block;
    margin-left: 10px;
    width: 35px;
    height: 35px;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    border: none;
    transition: all 0.3s ease-in;
}
.student-attendance-records .pagination .paginate_button:hover{
    border: none;
}
.student-attendance-records .pagination .paginate_button.previous>a,
.student-attendance-records .pagination .paginate_button.next>a{
    font-size: 0;
}
.student-attendance-records .pagination .paginate_button.active a,
.student-attendance-records .pagination a:hover, 
.student-attendance-records .pagination .paginate_button.previous:not(.disabled):hover a, 
.student-attendance-records .pagination .paginate_button.next:not(.disabled):hover a{
    color: rgb(255, 255, 255);
    background-color: rgb(244, 120, 23) !important;
    border-color: var(--secondary);
}
.student-attendance-records .pagination .paginate_button>a{
    background: none !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--dblue);
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.student-attendance-records .pagination .paginate_button.previous::after,
.student-attendance-records .pagination .paginate_button.next::after{
    font-family: 'FontAwesome';
    content: "\f104";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: var(--dblue);
}
.student-attendance-records .pagination .paginate_button.next::after{
    content: "\f105";
}



.st-note-indata.form-group{
    margin-bottom: 28px;
}
.st-notes .form-group>label{
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}
.st-note-indata h1,
.st-note-indata h2,
.st-note-indata h3,
.st-note-indata h4,
.st-note-indata h5,
.st-note-indata h6{
    font-size: 14px;
    color: #4A4674;
    margin: 0;
    margin-bottom: 5px;
}
.st-note-indata p{
    margin: 0;
}

/* 22-06-2024 */
.conflict_block{
    background-color: rgba(244, 120, 23,0.3);
    border: 2px solid var(--secondary);
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    display: flex;
    display: -webkit-flex;
    margin-bottom: 20px;
}
.conflict_block .conflict_right{
    padding-left: 20px;
}
.conflict_block h4{
    width: auto;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    color: var(--dblue);
    display: inline-block;
    cursor: auto;
}
.conflict_block ul{
    margin-bottom: 20px;
}
.conflict_block ul li{
    color: var(--dblue);
    padding-bottom: 6px;
    position: relative;
    padding-left: 16px;
    font-size: 14px;
}
.conflict_block ul li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    background-color: var(--dblue);
    border-radius: 50%;
}
.conflict_block .form-check-label{
    color: var(--dblue) !important;
}
 .settings_content .conflict_block .form-group .form-check-label::before{
    background-color: #fff;
}
/* body.nav-sm #calendar table.fc-scrollgrid table.fc-col-header,
body.nav-sm #calendar .fc-daygrid-body,
body.nav-sm #calendar .fc-daygrid-body table.fc-scrollgrid-sync-table{
    width: 100% !important;
} */
.canecl_event_rbtn{
    display: flex;
    display: -webkit-flex;
    gap: 12px;
}
.event_approve{
    color: #39ce86;
}
.event_reject{
    color: #db1919;
}

.size-12 input{
    font-size: 12px;
}
.event-action-btn .btn-info{
    background-color: var(--primary);
    border-color: var(--primary);
}
.event-action-btn>*{
    font-size: 14px;
}
.event-action-btn .btn-info:hover,
.event-action-btn .btn-info:focus,
.event-action-btn .btn-info:not(:disabled):not(.disabled):active{
    background-color: #1e4774;
    border-color: #1e4774;
}
.event-action-btn .btn-success:hover,
.event-action-btn .btn-success:focus,
.event-action-btn .btn-success:not(:disabled):not(.disabled):active{
    background-color: #169F85;
    border-color: #169F85;
}
.event_approve,
.event_reject{
    margin: 0;
    background-color: #29a746;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    line-height: 1;
    padding: 5px;
    border-radius: .25rem;
}
.event_reject{
    background-color: var(--red);
}
.error-position .help-block.text-danger{
    position: absolute;
    font-size: 12px;
}
.modal-body .conflict_area .conflict_right .form-check .help-block.text-danger{
    display: block;
}
.fc .fc-daygrid-event-harness-abs{
    /* position: relative; */
    left: inherit !important;
    top: inherit !important;
    right: inherit !important;
    margin: 0 !important;
}
.fc .fc-daygrid-event-harness-abs .fc-h-event, 
.fc .fc-daygrid-event-harness-abs .fc-v-event{
    background-color: transparent !important;
    border-color: transparent !important;
}

#calendar22 .fc-license-message,
#calendar22 .fc-header-toolbar .fc-toolbar-chunk:first-child{
    display: none;
}

/* Tutor Availability Page */
.tutor_availability_top{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    gap: 20px;
}
.tutor_availability_top>.title-text{
    flex: 0 0 auto;
}
.tutor_availability_right,
.tutor_availability_right form .form-group{
    flex: 1;
    -webkit-flex: 1;
    width: 100%;
}
.tutor_availability_right form{
    display: flex;
    display: -webkit-flex;
    gap: 20px;
}
.tutor_availability_right form::after{
    display: none;
}
.tutor_availability_right form .form-group input{
    background-color: var(--lightgray);
    border: none;
    border-radius: 8px;
    height: 40px;
    padding: 0 15px;
    color: var(--dblue);
    font-size: 12px;
    font-weight: 500;
}
.tutor_availability_right form .form-group .time-picker{
    background-image: url(../../images/droparrow.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    transition: all 0.3s ease-in;
}
.tutor_availability_right .select2-container{
    max-width: 100%;
}

.tutors_area_top{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    gap: 40px;
    margin-bottom: 20px;
}
.tutors_area_top ul{
    display: flex;
    display: -webkit-flex;
    gap: 15px;
}
.tutors_area_top ul>li>a{
    background-color: #F8FAFB;
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #201B53;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 5px; 
}
.tutors_area_top ul>li>a.active{
    background-color: var(--secondary);
    color: #fff;
}
.tutors_area_top ul>li>a>span{
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    display: block;
    border-radius: 50%;
    background-color: #fff;
}
.tutors_area_top ul>li>a.active>span svg path{
    fill: var(--secondary);
}
.tutor_availability_top .select2-selection__rendered{
    padding-top: 0 !important;
    padding-left: 15px !important;
    padding-right: 30px !important;
}
.tutor_availability_top .select2-search input{
    margin: 0 !important;
    height: 35px !important;
    padding-top: 6px !important;
}
.tutor_availability_top .select2-container--default .select2-selection--multiple{
    height: auto;
}
.tutor_availability_top .select2-selection--multiple:before{
    top: 16px;
}
.tutor_availability_top .select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin-top: 6px;
}


.tutors_arrow{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 14px; 
}
.tutors_arrow>a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    background-color: #F8FAFB;
    border-radius: 5px;
}

.Book_Btn{
    background-color: #29CC39;
    box-shadow: 5px 4px 10px rgba(187, 238, 192, 0.90);
    -webkit-box-shadow: 5px 4px 10px rgba(187, 238, 192, 0.90);
    border-radius: 30px;
    color: #fff;
    padding: 5px 24px !important;
    display: inline-block;
    line-height: 16px;
    min-height: auto !important;
}
.availability_data{
    display: flex;
    display: -webkit-flex;
}
.availability_data>.main-section{
    flex: 1;
    -webkit-flex: 1;
}
.availability_data>.main-section:first-child{
    flex: 0 0 90px;
    -webkit-flex: 0 0 90px;
    max-width: 90px;
}
.availability_data> .main-section>.topDiv{
    color: #201B53;
    padding: 12px;
    text-align: center;
    background-color: #F8FAFB;
    font-weight: 600;
    border: 1px solid #F5F6F7;
    border-top: none;
    min-height: 46px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.availability_data> .main-section span{
    display: block;
    border: 1px solid #F5F6F7;
    padding: 7px 14px;
    color: #55597D;
    min-height: 44px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}
.availability-slots {
    background-color: rgba(41, 204, 57, 0.09);
    border-left: 1px solid #29CC39 !important;
    border-right: 1px solid #29CC39 !important;
    border-top: none !important;
    border-bottom: 1px solid #e7e7e7;
    padding: 7px 14px;
    min-height: 44px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    width: calc(100% + 1px);
    margin-left: -1px;
}
span + .availability-slots,
.availability-slots + span,
.topDiv + .availability-slots{
    border-top: 1px solid #29CC39 !important;
}
span ~ .availability-slots:last-child{
    border-bottom: 1px solid #29CC39 !important;
}
.TimeRangePicker .drp-calendar .calendar-table{
    display: none;
}
.TimeRangePicker .drp-calendar.right{
    padding-left: 20px;
    position: relative;
}
.TimeRangePicker .drp-calendar.right::before{
    content: '';
    position: absolute;
    left: 5px;
    top: 28px;
    width: 10px;
    height: 3px;
    background-color: var(--dblue);
}
.TimeRangePicker .calendar-time select{
    height: 30px;
}

.fc-timeGridWeek-view .fc-scrollgrid-section .fc-timegrid-divider,
.fc-timeGridDay-view .fc-scrollgrid-section .fc-timegrid-divider{
    display: none;
}
.nowrap-table table.dataTable.nowrap th, 
.nowrap-table table.dataTable.nowrap td{
    white-space: normal;
}
.input-wrapper {
    position: relative;
}
span.duration-label {
    position: absolute;
    top: 12px;
    right: 8px;
}
/* tab setting css end */
.max-height-450{
    max-height: 450px;
    overflow-y: auto;
    padding: 16px 10px 10px;
}
.content_row_list>li{
    box-shadow: 2px 2px 20px 0px rgb(0 29 61 / 6%);
    -webkit-box-shadow: 2px 2px 20px 0px rgb(0 29 61 / 6%);
    padding: 14px 18px;
    border-radius: 5px;
    border: none;
}
.content_row_list>li::before{
    display: none;
}
.content_row_list>li .list_number{
    width: 30px;
    color: var(--dblue);
}
.content_row_list>li .iconleft{
    background-color: var(--secondary);
    border-radius: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.content_row_list>li .iconleft img{
    height: 18px;
    width: auto;
    filter: invert(1);
    -webkit-filter: invert(1);
}
.content_row_list>li .content-detail-block h5{
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: var(--dblue);
    margin-bottom: 6px;
}
.content_row_list>li .breadcrumb li{
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    color: #4A4674;
}
.content_row_list>li .remove_content{
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
}
.event_total{
    background-color: var(--exLightBlue);
    border-radius: 3px;
    color: var(--dblue);
    width: auto;
    text-align: center;
    line-height: 16px;
    height: 20px;
    padding: 2px 5px;
    display: inline-block;
    margin-left: 5px;
}
.clear_btn_position{
    margin-top: -24px;
}

/* Reward pages (29-10-2024) */
.flex-panel{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    gap: 10px;
    /* border-bottom: 1px solid rgba(210, 214, 227, 1);
    padding-bottom: 20px; */
    margin-bottom: 20px;
}
.voucher_card_list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.voucher_card{
    padding: 20px;
    border-radius: 10px;
}
.voucher_card>h6{
    color: var(--dblue);
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 15px;
    margin-bottom: 14px;
}
.voucher_card>p{
    color: var(--primary-light);
    font-size: 14px;
    line-height: 21px;
    -webkit-line-clamp: inherit;
    margin: 0;
}
.voucher_action{
    display: flex;
    align-items: center;
    gap: 10px;
}
.voucher_action>*{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e5effc;
    border-radius: 5px;
}
.canceled_filter_row .select2 .select2-selection__rendered .select2-selection__clear{
    display: none;
}
.settings_content label.main_label{
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--dblue) !important;
    margin-bottom: 5px;
    cursor: auto;
}
.avail_se_timedate{
    display: flex;
    display: -webkit-flex;
    gap: 20px;
    -webkit-gap: 20px;
}
.avail-content-availability .avail-morebtn, .avail-content .avail-morebtn{
    border: 1px solid #D2D6E3;
    border-radius: 5px;
    padding: 8px 15px;
    color: #201B53;
    margin-top: 8px;
    margin-bottom: 10px !important;
}
.avail-content-availability .avail-morebtn.more-active, .avail-content .avail-morebtn.more-active{
    background-color: var(--secondary);
    color: #fff;
    border-color: var(--secondary);
}
.emailbtn{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 10px;
}

.custom_lang_prefix .iti__flag-container{
    bottom: inherit;
    height: 45px;
}

/* 02-07-2025 */
.bussniess_setting .families-tab>ul{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}
.bussniess_setting .families-tab>ul li.nav-item{
    width: auto;
}
.bussniess_setting .families-tab>ul li.nav-item>.nav-link{
    padding-left: 50px;
    padding-right: 50px;
}
.date_dropdown .title-text{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 5px;
}
.date_dropdown span{
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: var(--lightgray2);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    cursor: pointer;
}
.hidden_input_area{
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    opacity: 0;
    cursor: pointer;
}
.date_dropdown_block{
    position: relative;
    display: flex;
    width: fit-content;
}
.date_dropdown_block .hidden_input_area{
    left: inherit;
    right: 0;
}
.left-btns .bus-outline-btn{
    background-color: var(--inputBg);
    color: var(--dblue);
}
/* .left-btns .bus-outline-btn:hover{
    color: #344242;
} */
.left-btns ul{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 10px;
}

.select_all_dropdown .dropdown-item{
    padding: 0 !important;
}
.select_all_dropdown .dropdown-item label{
    margin: 0;
    padding: 10px 10px 10px 35px;
    width: 100%;
    font-size: 12px;
    position: relative;
    font-weight: 400;
    line-height: 16px;
    color: #4A4674 !important;
    cursor: pointer;
}
.select_all_dropdown .dropdown-item label input{
    display: none;
}
.select_all_dropdown .dropdown-item label span::before{
    content: '';
    height: 20px;
    width: 20px;
    border-radius: 4px;
    border: 1px solid #C7D6DD;
    background-color: transparent;
    display: block;
    position: absolute;
    top: 8px;
    left: 10px;
}
.select_all_dropdown .dropdown-item label span::after{
    content: '';
    left: 5px;
    top: 50%;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 var(--white), 4px 0 0 var(--white), 4px -2px 0 var(--white), 4px -4px 0 var(--white), 4px -6px 0 var(--white), 4px -8px 0 var(--white);
    transform: rotate(45deg);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 17px;
    left: 15px;
}
.select_all_dropdown .dropdown-item label input:checked + span::before{
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.select_all_dropdown .dropdown-item label input:checked + span::after{
    opacity: 1;
    visibility: visible;
}
.select_all_dropdown .dropdown-item.active,.select_all_dropdown .dropdown-item:active{
    background-color: transparent !important;
}

.family_card{
    background-color: var(--lightgray2);
    border-radius: 10px;
    padding: 12px 14px;
}
.f_card_top{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    gap: 5px;
}
.f_card_top h6{
    color: var(--primary);
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0;
}
.bussniess_setting .f_status{
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    border-radius: 3px;
    display: inline-block;
    color: rgb(244 120 23);
    padding: 4px 10px;
    background-color: #ffe1ca;
    margin-bottom: 0;
}
.bussniess_setting .f_active{
    background-color: rgba(40, 167, 69, 1);
    color: #fff;
}
.bussniess_setting .f_deactive{
    background-color: rgba(255, 52, 24, 1);
    color: #fff;
}

.family_card .f_card_top .f_inactive{
    background-color: #ffdfdf;
    color: #f00;
    font-weight: 500;
}
.family_card .f_card_top .f_active{
    background-color: #e4ffe4;
    color: #05c103;
    font-weight: 500;
}
.family_card .f_card_top .f_trial{
    background-color: #e4e5ff;
    color: #2329cf;
    font-weight: 500;
}
.family_card .f_card_top .f_waiting{
    background-color: #fff1e4;
    color: #dd6f0a;
    font-weight: 500;
}

.f_card_body{
    padding-top: 10px;
}
.f_detail_link{
    color: var(--primary-light);
    font-weight: 400;
    font-size: 14px;
}
.f_detail_link:hover{
    color: var(--secondary);
}
.f_detail_link_area li{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 11px;
    column-gap: 10px;
    row-gap: 5px;
}
.f_detail_link_area li:last-child{
    margin-bottom: 0;
}
.f_detail_text li{
    color: rgba(74, 70, 116, 1);
    font-size: 12px;
    font-weight: 400;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.f_detail_text li:not(:last-child){
    margin-bottom: 4px;
}
.f_detail_link_area li>a{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    gap: 6px;
}
.f_detail_link_area li>a>span:first-child{
    transform: translateY(-1px);
}
.f_detail_link_area li>a:hover>span:first-child svg path{
    fill: var(--secondary);
}
.gap-10{
    gap: 10px;
}
.family_in_dropdown{
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.family_in_dropdown .selected{
    background-color: var(--inputBg);
    border: none;
    box-shadow: none;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 34px;
    font-size: 14px;
    font-weight: 500;
    color: var(--dblue);
    border-radius: 8px;
}
.family_in_dropdown .selected a,
.family_in_dropdown .selected a:hover{
    color: var(--dblue);
}
.family_in_dropdown .drop-options{
    max-height: 275px;
}

.text-underline,
.text-underline:hover{
    text-decoration: underline;
}
.checkbox-space tbody tr td:first-child input::before{
    top: -14px;
    left: -10px;
}
.checkbox-space tbody tr td:first-child input::after{
    left: -5px;
    top: calc(50% - 5px);
}

.whole_trans_box{
    background-color: var(--lightgray2);
    border-radius: 10px;
    padding: 5px;
}
.transaction-card{
    padding: 12px 14px;
    position: relative;
    cursor: pointer;
}
.transaction-title{
    color: var(--primary);
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 28px;
}
.transaction-desc{
    color: var(--primary-light);
    font-size: 14px;
    font-weight: 400;
}
.trans_active{
    width: 20px;
    height: 20px;
    border: 1px solid rgba(199, 214, 221, 1);
    border-radius: 50%;
    position: absolute;
    left: 15px;
    top: 10px;
}
.trans_active::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: var(--secondary);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
}
.transaction-card.selected .trans_active::before{
    opacity: 1;
    visibility: visible;
}
.add-category-trigger{
    font-size: 12px;
    font-weight: 400;
    color: var(--dblue);
}
.add-category-box>div{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 10px;
}
.add-category-box>div>div{
    gap: 5px;
}
.add-category-box>div>div button{
    font-size: 14px;
    padding: 8px 18px;
}
.max-h-scroll{
    max-height: 230px;
    overflow-y: auto;
}
.max-h-scroll .dropdown-item.disabled{
    opacity: 0.6;
}
.max-h-scroll .dropdown-item.disabled label{
    color: rgba(170, 188, 199, 1);
}
.max-h-scroll .dropdown-item.disabled label input:checked + span::before{
    background-color: rgba(170, 188, 199, 1);
    border-color: rgba(170, 188, 199, 1);
}
.search_box button.dropdown-toggle{
    /* background-color: var(--lightgray);
    border: 1px solid #CAD5D5; */
    margin: 0;
    color: rgba(85, 89, 125, 1);
    padding-left: 17px;
    padding-right: 17px;
    min-width: 256px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-weight: 400;
}
.search_box .dropdown-toggle::after{
    display: none;
}
.search_box .dropdown-menu-area{
    padding: 16px;
    min-width: 360px;
    display: none;
    float: left;
    right: 0;
    position: absolute;
    top: 100%;
    z-index: 9998;
    /* border: 1px solid #f1f1f1; */
    border-radius: 10px;
    background-color: #fff;
    background-clip: padding-box;
    margin: .125rem 0 0;
    max-height: 320px;
    overflow-y: auto;
    text-align: left;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    -webkit-box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
}
.search_box .dropdown-menu-area.show{
    display: block;
}
.search_box .dropdown-menu-area .form-group input[type="search"]{
    padding-right: 45px;
}
.search_box .dropdown-menu-area .form-group:not(.form-check)>label{
    font-weight: 500;
    color: var(--dblue);
    margin-bottom: 6px;
}
.search_box .dropdown-menu-area .form-group input,
.search_box .dropdown-menu-area .form-group select{
    background: var(--inputBg);
    height: 44px;
    border-radius: 10px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: var(--dblue);
}
.search_box .dropdown-menu-area .form-group select{
    background-image: url("../../images/droparrow.svg");
    background-repeat: no-repeat;
    background-position: center right 15px;
    appearance: none;
    -webkit-appearance: none;
    padding-right: 40px;
}
.table_design thead th{
    color: var(--dblue);
    font-size: 14px;
    font-weight: 600 !important;
    padding: 10px 15px !important;
    background: var(--lightgray);
    background-clip: padding-box;
    padding-right: 26px !important;
}
.table_design tbody tr{
    background-color: transparent !important;
}
.table_design tbody td{
    font-size: 14px;
    font-weight: 400;
    padding: 10px 15px !important;
    color: var(--dblue);
    vertical-align: middle;
}
.search_drop_icon{
    position: absolute;
    right: 0;
    top: 0;
    padding: 14px;
}
.mt-20{
    margin-top: 20px;
}
.mb-20{
    margin-bottom: 20px !important;
}
.py-10px{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.size-22,
.size-22.title-text{
    font-size: 22px !important;
}
.card_style{
    border: none;
    border-radius: 20px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.03);
}
.card_style>.card-body{
    padding: 30px;
}
.table_dropdown .dropdown-toggle{
    border: none;
    background-color: transparent;
}
.table_dropdown .dropdown-toggle::after,
.label_dropdown .dropdown-toggle::after{
    display: none;
}
.table_dropdown .dropdown-menu,
.dropdown-menu.invoice_body_dropdown{
    /* max-height: 140px; */
    overflow-y: auto;
    background: var(--lightgray);
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    -webkit-box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    min-width: 200px;
    padding: 4px 0;
    max-height: 360px;
    border-color: #f1f1f1;
}
.table_dropdown .dropdown-menu>*:not(:last-child),
.dropdown-menu.invoice_body_dropdown>*:not(:last-child){
    margin-bottom: 4px;
}
.table_dropdown .dropdown-menu>*,
.dropdown-menu.invoice_body_dropdown>*{
    font-size: 13px;
    color: rgba(74, 70, 116, 1);
    padding: 0 10px;
}
.table_dropdown .dropdown-submenu{
    padding: 0;
}
.table_dropdown .dropdown-submenu>.dropdown-toggle{
    font-size: 13px;
    color: rgba(74, 70, 116, 1);
    padding: 0 10px;
}
.table_dropdown .dropdown-submenu>.dropdown-toggle>img{
    transition: all 350ms ease-in-out;
}
.table_dropdown .dropdown-submenu .dropdown-menu{
    position: inherit;
    top: inherit;
    overflow: hidden;
    box-shadow: none;
    border: none;
    padding-left: 20px;
    min-width: auto;
}
.table_dropdown .dropdown-menu-area,
.dropdown-menu.invoice_body_dropdown{
    border: 1px solid #f1f1f1;
    border-radius: .25rem !important;
    background-color: #fff;
    padding-block: 5px;
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
}
.table_dropdown .dropdown-item,
.dropdown-menu.invoice_body_dropdown .dropdown-item{
    padding: 8px 15px !important; 
}
.table_dropdown .dropdown-item:hover, 
.table_dropdown .dropdown-item:focus,
.dropdown-menu.invoice_body_dropdown .dropdown-item:hover,
.dropdown-menu.invoice_body_dropdown .dropdown-item:focus{
    background: var(--lightgray);
}
.table_dropdown .dropdown-item svg,
.dropdown-menu.invoice_body_dropdown .dropdown-item svg{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.table_dropdown .dropdown-menu-area .dropdown-item,
.dropdown-menu.invoice_body_dropdown .dropdown-item{
    margin: 0px;
}
.dropdown-menu.invoice_body_dropdown .override h6{
    font-size: 14px;
}
.rotate-down{
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transition: all 350ms ease-in-out;
}
.label_dropdown .dropdown-toggle{
    padding: 0;
    color: var(--secondary);
    font-size: 14px;
    font-weight: 500;
}
.label_dropdown .dropdown-toggle svg path{
    stroke: var(--secondary);
}
.label_dropdown .dropdown-menu{
    background: var(--lightgray);
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    -webkit-box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    border: none;
    border-top: 2px solid var(--exLightBlue) !important;
    padding: 5px 0;
    z-index: 99;
}
.label_dropdown .dropdown-menu .dropdown-item{
    padding: 10px;
    display: block;
    margin: 0;
}
.label_dropdown .dropdown-menu .dropdown-item:active,
.label_dropdown .dropdown-menu .dropdown-item.active{
    background-color: var(--secondary);
}
.full_date_click::-webkit-calendar-picker-indicator{
    opacity: 0;
    position: absolute;
    left: 0;
    width: 100%;
}
.top-low{
    left: 20px;
    top: 10px;
}
.h-130{
    height: 130px !important;
}
.min-h-40{
    min-height: 40px;
}
.min-w-200{
    min-width: 200px;
}
.modal-header .close{
    opacity: 1;
}
.max-928{
    max-width: 928px;
}
.max-626{
    max-width: 626px;
}
.max-529{
    max-width: 529px;
}
.form_normal .form-group>label{
    font-weight: 500;
}
.form_normal .select2-container .select2-search--inline .select2-search__field{
    height: auto;
}
.normal_form_block .modal-header .close{
    position: inherit !important;
    top: inherit !important;
    right: inherit !important;
    background-color: transparent !important;
    width: auto !important;
    height: auto !important;
}
.form_normal .form-group .form-control{
    border: none !important;
}
.title_style{
    font-size: 20px !important;
    font-weight: 600 !important;
}
.main-color{
    color: var(--dblue);
}
.balance-date-alert{
    padding: 20px 20px 20px 40px;
    margin: 20px 0 0;
    color: var(--secondary);
    background-color: #fff8f7;
    border-radius: 10px;
    border: 1px solid var(--secondary-light);
    position: relative;
}
.balance-date-alert i {
    font-size: 16px;
    position: absolute;
    left: 20px;
    margin-top: 2px;
}
.balance-date-alert p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
    color: var(--secondary);
    display: block;
}
.date_dropdown  .title-text strong{
    font-weight: 600;
}
.date_dropdown #display-date-family, .date_dropdown #display-date, .date_dropdown .date_content {
    color: var(--secondary);
}
.date_dropdown span {
    transition: all ease-in-out 0.3s;
}
.date_dropdown span svg path{
    stroke: var(--secondary);
    
}
.modal-form-area .form-area {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
/* 01-08-2025 */
.date_dropdown .prepaid_balance_summary{
    font-size: 16px;
    display: block;
    overflow: inherit;
}
.top-high{
    top: 30px;
    left: 0;
    padding: 13px 10px;
}
.repeat_until_wrap{
    max-width: 450px;
    width: 100%;
}
.select2-default-height .select2-container--default .select2-selection--multiple{
    height: auto;
    min-height: 44px;
}
/* .family-contacts-wrap{
    margin-bottom: 10px;
} */
.family-contacts-links>a{
    font-weight: 500;
    /* color: var(--dblue); */
    color: var(--secondary);
}
.family-contacts-links>a:hover{
    text-decoration: underline;
}
.family_con_in{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 5px;
    margin-bottom: 4px;
}
.family_con_in:last-child{
    margin-bottom: 0;
}
.family_con_in span{
    line-height: normal;
}
.btn_trigger{
    color: var(--secondary);
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
}
.btn_trigger:hover{
    text-decoration: underline;
}
.family-contacts-wrap{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 108px;
  transition: max-height 0.3s ease;
}
.family-contacts-wrap.expanded {
    max-height: none;
    -webkit-line-clamp: unset;
}
.min-w-180{
    min-width: 180px;
}
.min-w-190{
    min-width: 190px;
}
.invoices_table_data{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    gap: 5px;
}
.invoices_table_info{
    font-size: 10px;
    line-height: 16px;
    font-weight: 400;
    padding: 2px 14px;
    /* display: inline-block; */
    display: inline-flex;
    gap: 4px;
}
.add-invoice-daterangepicker{
    z-index: 9999;
}
.cc_mail_info{
    padding-left: 26px;
}
.cc_mail_info p{
    display: block;
    -webkit-line-clamp: inherit;
    overflow: inherit;
    display: flex;
}
.cc_mail_info .open_template{
    font-weight: bold;
    color: var(--secondary);
    margin-left: 10px;
    display: flex;
    align-items: center;
}
.cc_mail_info .open_template svg{
    width: 18px;
    height: 18px;
    margin-left: 5px;
    flex: 0 0 18px;
    -webkit-flex: 0 0 18px;
}
.cc_mail_info .open_template svg path{
    fill: var(--secondary);
}

.families-invoices-responsive.table-responsive{
    padding: 0;
    overflow-x: auto;
}
.x-responsive{
    overflow-x: auto !important;
}
.bottom_table_field{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding-top: 20px;
    column-gap: 20px;
    row-gap: 10px;
}
.bottom_table_field .dataTables_length label{
    margin-bottom: 0;
}
.bottom_table_field .dataTables_info{
    padding-top: 0;
    width: 100%;
    text-align: center;
}
.bottom_table_field .dataTables_paginate{
    padding: 0;
    margin: 0 !important;
}
.custom_scroll_design::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	border-radius: 10px;
	background-color: #fff;
}
.custom_scroll_design::-webkit-scrollbar{
	width: 6px;
	background-color: #fff;
}
.custom_scroll_design::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	background-color: #55597d;
}

.dataTable td .group-tags-container .badge{
    margin: 3px;
}
.bussniess_setting .userprofile .content .group-tags-container{
    margin-bottom: 0;
    display: flex;
    display: -webkit-flex;
    gap: 4px;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.bussniess_setting .userprofile .content .group-tags-container>span, .bussniess_setting .userprofile .content p span.badge{
    width: auto;
    height: auto;
    min-width: auto;
}


.search_box.search_btn .dropdown-toggle{
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    padding-right: 36px;
    min-width: auto;
    /* font-weight: 600;
    color: #344242; */
}

/* 12-09-2025 */
.table_filter_dropdown.drop-down .selected{
    padding: 6px 0;
    border: none;
    box-shadow: none;
}
.table_filter_dropdown.drop-down .selected .item-selected{
    border: none;
    padding: 8px;
    box-shadow: none;
    -webkit-box-shadow: none;
    height: auto;
    font-size: 18px;
    line-height: 20px;
    color: var(--secondary);
    max-width: 280px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 32px;
    border-radius: 6px;
    font-weight: 600;
    display: inline-block;
}
.table_filter_dropdown.drop-down .selected .item-selected:hover{
    background-color: #ededed;
}
.table_filter_dropdown.drop-down .selected::after{
    display: none;
}
.table_filter_dropdown.drop-down .selected .item-selected::after{
    top: 14px;
    right: 6px;
    content: '';
    position: absolute;
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
    width: 20px;
    height: 20px;
    transition: all 350ms ease-in-out;
    background-image: url(/images/arrowdown.svg);
}
.table_filter_dropdown.drop-down .drop-options{
    max-height: none;
    min-width: 240px;
    padding: 4px 0;
}
.table_filter_dropdown.drop-down .drop-options li>a{
    font-weight: 500;
    color: #212529;
    line-height: 24px;
}
.table_filter_dropdown.drop-down .drop-options li>a.active{
    background-color: #ededed;
}
.message_full_panel{
    box-shadow: none;
    -webkit-box-shadow: none;
    /* padding: 0px; */
}
.form_normal.settings_content {
    padding: 1.5rem;
}
.message_full_panel .left-btns .bus-outline-btn{
    background-color: var(--secondary);
    color: #fff;
    border-color: var(--secondary);
    background-image: url('../../images/droparrow-white.svg');
}
.message_full_panel .left-btns .dropdown-menu .dropdown-item:last-child{
    border-top: 1px solid #e3e3e3;
}
.message_full_panel .left-btns .dropdown-menu .dropdown-item{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 5px;
}
.message_full_panel .left-btns .dropdown-menu .dropdown-item svg{
    width: 16px;
    height: 16px;
}
.message_full_panel table.dataTable .badge-email svg,
.message_full_panel table.dataTable .badge-sms svg{
    width: 16px;
    height: 16px;
}
.message_full_panel table.dataTable .badge-email,
.message_full_panel table.dataTable .badge-sms{
    background-color: #fff5cc;
    color: #7a4600;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 5px;
    padding: 4px 6px;
    width: max-content;
}
.message_full_panel table.dataTable .badge-sms{
    background-color: #cbfef9;
    color: #016faa;
}
.message_full_panel table.dataTable tbody tr td:first-child .student-info{
    color: var(--secondary);
}
.message_full_panel table.dataTable tbody tr td:first-child .student-info:hover{
    text-decoration: underline;
    color: #d7650c;
}
.student_message_history .table.dataTable tbody tr td:first-child p{
    margin: 0;
}
.student_message_history .table.dataTable tbody tr td:first-child p + p{
    margin-top: 5px;
}
.td_btn{
    background-color: transparent;
    border: none;
    padding: 0;
    margin-bottom: 3px;
    margin-right: 3px;
}
.stud_message_details h6{
    color: var(--dblue);
    font-weight: 500;
    margin-bottom: 8px;
}
.stud_message_details .main_stud_info{
    border: 1px solid #f5f5f5;
    background-color: var(--lightgray);
    padding: 14px;
    border-radius: 5px;
}
.stud_message_details .main_stud_info + .main_stud_info{
    margin-top: 16px;
}
.stud_message_details .stud_info{
    color: #272359;
}
.stud_message_details #vm-message{
    white-space: pre-line;
}
.stud_file_name{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    word-break: break-all;
    gap: 8px;
}
.stud_action_btns{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 30px;
    margin-top: 15px;
}
.stud_action_btns>*{
    font-size: 14px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 6px;
    color: var(--secondary);
    border: none;
    margin: 0;
    font-weight: 500;
    position: relative;
}
.stud_action_btns>*:not(:last-child)::after{
    content: '';
    position: absolute;
    right: -16px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #e7e7e7;
}
.stud_action_btns>*:hover{
    color: var(--secondary);
    text-decoration: underline;
}
.main_dash_cards{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.dataTables_processing.panel{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.2) !important;
    color: #000000;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 40px 0 0;
}
.dataTables_info .select-info{
    margin-left: 5px;
}

/* .family_account_short .dropdown-menu button.dropdown-item{
    display: block !important;
} */
.date-hide{ color: transparent !important; }
.date-overlay{
    position: absolute;
    left: 0;
    right: 40px;
    top: 23px;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--dblue);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: var(--inputBg);
    padding: 11px 15px;
    z-index: 3;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 8px 0 0 8px;
}

.learning_content_group{display: none;}
.add_content_checkbox input:checked ~ .learning_content_group{display: block;}
.status-select{background-color: var(--inputBg) !important;border: none;font-size: 14px;font-weight: 400;text-transform: capitalize;border-radius: 5px;max-width: 110px;}

.text_link_orange{
    color: var(--secondary);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}
.text_link_orange svg{
    fill: var(--secondary);
    width: 16px;
    height: auto;
}
.text_link_orange:hover,
.text_link_orange:focus{
    color: var(--secondary);
    text-decoration: none;
}

.time_zone_warning>p{
    font-size: 16px;
    color: var(--dblue);
    font-weight: 500;
}
.time_zone_warning>p.small{
    font-size: 12px;
    font-weight: 400;
}
.assign-points-btn{
    background-color: var(--primary);
}
.program_btn{
    background-color: var(--skyblue);
}

/* Dashboard css 23-04-2026 */
.custom-dropdown{
    position: relative;
}
.scheduled_event_box.date_dropdown .title-text{
    margin-bottom: 0;
}
.custom-dropdown .dropdown-header{
    font-size: 18px !important;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    color: var(--secondary);
    padding: 6px;
    max-width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    transition: all 250ms ease-in-out;
    border-radius: 5px;
}
.custom-dropdown .dropdown-header:hover{
    background-color: var(--lightgray2);
}
.custom-dropdown .dropdown-header .drop_value{
    text-overflow: ellipsis;
    overflow: hidden;
    flex-shrink: 0;
    max-width: 210px;
}
.custom-dropdown .dropdown-header .arrow{
    flex-shrink: 0;
}
.dropdown-list{
    position: absolute;
    left: 0;
    top: 48px;
    width: 100%;
    background: var(--lightgray);
    box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    -webkit-box-shadow: 6px 4px 14px rgba(32, 27, 83, 0.11);
    border: none;
    border-top: 2px solid var(--exLightBlue) !important;
    padding: 5px 0;
    z-index: 99;
    display: none;
    max-height: 200px;
    overflow-y: auto;
}
.dropdown-list .dropdown-item-block{
    font-size: 12px;
    padding: 10px;
    color: var(--dblue);
    font-weight: 400;
    white-space: normal;
    cursor: pointer;
    position: relative;
}
.dropdown-list .dropdown-item-block.selected,
.dropdown-list .dropdown-item-block:active{
    padding-right: 32px;
    background-color: #ebe9e9;
}
.dropdown-list .dropdown-item-block .check{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    background-color: transparent;
}
.scheduled_event_box .date_dropdown_block{
    width: auto;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 10px;
}


.scheduled_event_item{
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    border: 1px solid #D2D6E3;
}
.scheduled_event_item + .scheduled_event_item{
    margin-top: 20px;
}
.sche_event_right{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.sche_event_right_inner{
    display: flex;
    align-items: center;
    gap: 10px;
}
.sche_event_right_inner .sche_arrow{
    width: auto;
    height: auto;
    margin: 0;
    background: transparent;
    border: none;
    padding: 0;
}
.sche_event_right_inner .sche_day{
    font-size: 16px;
    color: var(--secondary);
    font-weight: 600;
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
}
.event_item_top{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    gap: 10px;
}
.event_item_top_left{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.event_item_timePara{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--dblue);
    gap: 4px;
}
.event_item_timePara span{
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
}
.event_item_timePara span svg path{
    stroke: none;
}
.event_item_time{
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    color: var(--dblue) !important;
}
.event_item_top_right{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.event_item_top_right>button{
    height: 38px;
}
.event_item_top_right>button>svg{
    width: 20px;
    height: 20px;
}
.event_item_middle .zoom_link{
    display: flex;
    align-items: center;
    gap: 5px;
    width: max-content;
    font-size: 14px;
    color: var(--secondary);
}
.event_item_middle .zoom_link svg{
    width: 18px;
    height: 18px;
}
.event_item_middle .event_item_typo{
    font-size: 14px;
    color: #1a1b1f;
    margin-top: 10px;
}
.event_item_bottom{
    background: var(--lightgray);
    border-radius: 5px;
    padding: 10px 14px;
    margin-top: 20px;
}
.event_item_bottom .dropdown-toggle{
    margin: 0;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
}
.event_item_bottom .dropdown-toggle::after{
    margin-top: 3px;
    margin-left: 0px;
    color: var(--secondary);
}
.event_item_bottom .dropdown-toggle .name_sort{
    width: 32px;
    height: 32px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fbe3d0;
    color: var(--secondary);
    font-weight: 600;
    box-shadow: 0 0 0px 2px #D2D6E3;
}
.event_item_bottom .dropdown-toggle .event_item_name{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    color: var(--secondary);
}
.event_item_bottom .dropdown-menu{
    padding: 5px 0;
}
.event_item_bottom .dropdown-menu .dropdown-item,
.sche_event_right .both-btnli .dropdown-menu button.dropdown-item{
    margin: 0;
    padding: 10px;
    color: var(--dblue);
}

.invoice_reject{
    margin-top: -6px;
}
.invoice_reject>p{
    text-align: center;
    font-size: 15px;
}
.invoice_reject>label,
.reject_reason_body>label{
    margin: 0 0 5px;
    font-size: 15px;
    width: 100%;
}
.invoice_reject>textarea{
    margin: 0;
    width: 100%;
    font-size: 15px;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    box-shadow: none;
}
.invoice_reject>textarea:focus{
    box-shadow: none;
    outline: none;
    border-color: #e3e3e3;
}
.invoice_reject>textarea::-webkit-input-placeholder{
    color: #696969 !important;
    opacity: 1;
}
.invoice_reject>textarea::-moz-placeholder{
    color: #696969 !important;
    opacity: 1;
}
.view-reason-link{
    color: #201b53;
    font-size: 12px;
    text-decoration: underline;
    margin-top: 4px;
    display: inline-block;
}
.view-reason-link:hover,
.view-reason-link:focus,
.view-reason-link:active{
    color: #201b53;
    text-decoration: underline;
}
.reject_reason_title{
    font-size: 20px;
}
.reject_reason_msg{
    width: 100%;
    font-size: 15px;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    margin: 0;
    background-color: #f7f7f7;
    padding: 12px;
    min-height: 100px;
}
.days_group>label{
    font-size: 14px;
    font-weight: 500;
    display: block;
    line-height: 21px;
    color: var(--dblue);
}
.days_group .settinglist{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 18px;
    row-gap: 10px;
    list-style: none;
    margin: 10px 0px 0px;
    padding: 0px;
}
.days_group .settinglist li .form-check{
    padding: 0;
}
.days_group .settinglist li .form-check input{
    display: none;
}
.days_group .settinglist li .form-check .form-check-label{
    padding-left: 25px;
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    line-height: 21px;
    color: #4A4674 !important;
    position: relative;
    cursor: pointer;
}
.days_group .settinglist li .form-check .form-check-label::before{
    height: 20px;
    width: 20px;
    border-radius: 4px;
    border: 1px solid #C7D6DD;
    background-color: transparent;
    top: 0;
    left: 0;
    content: '';
    position: absolute;
    transition: all ease-in-out 0.3s;
}
.days_group .settinglist li .form-check input:checked + .form-check-label::before{
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.days_group .settinglist li .form-check .form-check-label::after{
    left: 5px;
    top: 10px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 var(--white), 4px 0 0 var(--white), 4px -2px 0 var(--white), 4px -4px 0 var(--white), 4px -6px 0 var(--white), 4px -8px 0 var(--white);
    transform: rotate(45deg);
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    transition: all ease-in-out 0.3s;
}
.days_group .settinglist li .form-check input:checked + .form-check-label::after{
    opacity: 1;
    visibility: visible;
}

.view_message_content p{
    display: block;
    overflow: inherit;
    white-space: normal;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit;
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.471;
    color: #272359;
}
.view_message_content_body .stud_info{
    white-space: normal !important;
}
.pending-leave-dropdown .not_pending_leave_text{
    color: #531b3f;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    background: #fbdddd;
    padding: 10px;
}
.pending-leave-dropdown ul li + li{
    margin-top: 12px;
}
.pending-leave-dropdown ul li{
    position: relative;
    padding-left: 16px;
}
.pending-leave-dropdown ul li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 6px;
    height: 6px;
    background-color: var(--secondary);
    border-radius: 50%;
}
.pending-leave-dropdown .pending-leave-item{
    font-size: 15px;
    line-height: 18px;
    color: var(--dblue);
    font-weight: 500;
}

/* 15-05-2026 */
.view_session_card.card{
    border-color: #D2D6E3;
}
.view_session_card>.card-body{
    padding: 0;
}
.view_session_header{
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    padding: 14px;
}
.view_session_header_left,
.view_session_header_right{
    display: flex;
    align-items: center;
    gap: 20px;
}
.view_session_header_left h5{
    color: var(--dblue);
    font-weight: 500;
    font-size: 16px;
    position: relative;
}
.view_session_header_left h5::after,
.view_session_header_right .session_start_date::after{
    content: '';
    position: absolute;
    right: -12px;
    top: 1px;
    width: 1px;
    height: 18px;
    background-color: #D2D6E3;
}
.view_session_header_left span{
    font-weight: 500;
}
.session_toggle_btn{
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background-color: var(--dblue);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    margin: 0;
    padding: 0;
}
.session_toggle_btn svg{
    transition: all 350ms ease-in-out;
}
.view_session_header:not(.collapsed) .session_toggle_btn svg{
    transform: rotate(180deg);
}
.view_session_body_inner{
    padding: 18px 14px;
    border-top: 1px solid #D2D6E3;
}
.view_session_body_inner .lesson-item a{
    color: var(--dblue);
    font-size: 14px;
}
.view_session_body_inner .lesson-item + .lesson-item{
    margin-top: 10px;
    border-top: 1px solid #ececec;
    padding-top: 10px;
}
.view_session_body_inner .lesson-item strong{
    font-weight: 500;
}
.view_session_body_inner .lesson-item .badge{
    background-color: var(--orange);
    font-size: 11px;
}
.availability-flash{
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 10px;
    color: #fff;
}
.availability-flash .btn-close{
    margin: 0;
    width: 22px;
    height: 22px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: #fff;
    border-radius: 50%;
}
.filter-invert{
    filter: invert(1);
}
.filter_revert{
    filter: inherit !important;
}
.max-w-1440{
    max-width: 1440px;
    margin: 0 auto;
}
.table_action_btn{
    gap: 5px;
}
.table_action_btn>*{
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--inputBg);
    border-radius: 5px;
}
.mb-14px{
    margin-bottom: 14px !important;
}
.mob-w-auto{
    max-width: 100% !important;
    width: auto !important;
}

/* -----Responsive Bussiness Setting ------ */
@media screen and (min-width: 1401px) and (max-width: 1599px){
    .fc-toolbar-chunk .fc-toolbar-title{
        margin-left: 100px;
    }
}
@media screen and (max-width:1400px) {
    .bussniess_setting .userprofile .userimage {
        width: 120px;
        height: 120px;
        border-width: 4px;
    }
    .fc-toolbar-chunk .fc-toolbar-title{
        margin-left: 240px;
    }
}
@media screen and (min-width: 1201px) and (max-width: 1400px){
    .main_dash_cards{
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (max-width:1299px) {
    .event_item_top{
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 16px;
    }
    .auth-left img{
        max-width: 250px;
    }
    .filter_row_break{
        flex-wrap: wrap;
    }
    .filter_row_break li:not(:last-child){
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
    .filter_row_break li.filter-col-btn{
        width: 100%;
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        max-width: 100%;
    }
    .filter_row_break li.filter-col-btn>*{
        width: 100%;
        max-width: 100%;
    }
}
@media screen and (max-width:1200px) {
    .bussniess_setting .card .card-body,
    .student-notes{
        padding: 20px;
    }
    .settings_content .tabcard .settings{
        margin: 16px 0px 0px;
        padding: 16px 0px 0px;
    }
    .bussniess_setting .setting_tab ul .nav-item .nav-link{
        padding: 10px 14px;
    }
    .settings_content .form-check input.form-control,
    .icon-rblock,
    .colorpicker-input>label{
        width: 80%;
    }
    /* .dash-leftblock{
        flex: 0 0 calc(100% - 50px);
        -webkit-flex: 0 0 calc(100% - 50px);
        max-width: calc(100% - 50px);
    }
    .dash-rightblock{
        flex: 0 0 50px;
        -webkit-flex: 0 0 50px;
        max-width: 50px;
    }
    .dash-rightblock>img{
        width: 50px;
    } */
    .stuattach-bbtn>*{
        padding: 10px 6px;
    }
    /* .cal-top-btarea{
        margin: 0 0 20px;
        padding-top: 0;
    } */
    .fc-toolbar-chunk .fc-toolbar-title{
        margin-left: 0;
    }
    .fc-header-toolbar .fc-toolbar-chunk:first-child{
        margin-top: 0;
    }
    #calendar {
        margin-top: 20px;
    }
    .availability_data{
        white-space: nowrap;
    }
    .tutor_availability_right{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
    }
    .x_panel .x_title h2{
        width: auto;
    }
    .left-btns + .right-btns{
        /* margin: 10px 0 0 !important; */
        width: 100%;
    }
    .x_panel.message_full_panel .x_title{
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .x_panel.message_full_panel .x_title .right-btns{
        width: auto;
        margin-left: auto;
    }
    .main_dash_cards{
        grid-template-columns: repeat(3, 1fr);
    }
    .x_panel,
    .card_style>.card-body,
    .bussniess_setting .card .card-body,
    .right_col .back-page,
    .form-wizard .wizard-fieldset,
    .card-block,
    .modal-header{
        padding: 20px;
    }
    .modal-body,
    .modal-footer{
        padding-left: 20px;
        padding-right: 20px;
    }
    .modal-footer{
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 991px){
    .modal-open .modal.bussiness-setting-modal{
        overflow-x: hidden;
        overflow-y: auto;
    }

    /* .x_content div.dataTables_wrapper div.dataTables_length label select, */
    .x_panel .x_title .right-btns{
        width: 100%;
    }
    .x_panel .x_title .right-btns>*,
    .x_panel .x_title .right-btns .dropdown-toggle,
    .x_panel .x_title .right-btns .theme-btn{
        width: 100%;
        margin: 0 !important;
    }
    .tab_width_auto{
        gap: 10px !important;
    }
    .tab_width_auto,
    .tab_width_auto>*{
        width: auto !important;
    }
    .tab_justify_between{
        justify-content: space-between !important;
    }
    .filter_top.date_dropdown{
        flex-direction: column;
        align-items: flex-start;
    }
    .bus-outline-btn{
        text-align: left;
    }

    .bussiness-setting-modal .modal-content{
        max-height: max-content;
    }
    .bussiness-setting-modal .modal-footer{
        display: block;
    }
    .bussiness-setting-modal .modal-footer button{
        width: 100%;
    }
    .btn-leftarea{
        margin-right: 0 !important;
    }
    .btn-rightarea{
        margin-left: 0 !important;
    }
    .x_content div.dataTables_wrapper div.dataTables_filter{
        margin-top: 0;
    }
    /* .cal-top-btarea{
        margin: 0 0 20px;
        justify-content: center;
        -webkit-justify-content: center;
    } */
    .lesson_name,
    .slide_inner_list{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .lesson_name_right{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        margin-top: 10px;
    }
    .slide_inner_col{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
    }
    .tutors_area_table table th{
        min-width: 120px;
    }
    .effect-module {
        width: 280px;
    }
    .date-header {
        padding: 14px 14px;
    }
    .event-section .date-headscript ul{
        display: flex;
        align-items: center;
        gap: 2px;
    }
    .event-section .date-headscript ul li a {
        padding: 6px;
    }
    .event-section .title-text {
        font-size: 15px !important;
    }
    .event-section .date-details {
        padding: 14px 0px 0px;
    }
    .event-section .event-details {
        padding: 14px 14px !important;
    }
    .event-section .date-details li .icons{
        flex: 0 0 18px;
        -webkit-flex: 0 0 18px;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .event-section .date-details li .icons img{
        height: 100%;
        width: 100%;
    }

    /*  03-02-2025  */
    .nav-sm .nav_menu .toggle #menu_toggle{
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_1238_2)"><path d="M2.27509 23.8493C1.68667 23.8835 1.10799 23.6879 0.661067 23.3037C-0.220356 22.417 -0.220356 20.985 0.661067 20.0983L19.9613 0.798C20.8781 -0.0598406 22.3166 -0.0121537 23.1745 0.904603C23.9502 1.73362 23.9954 3.00784 23.2803 3.88972L3.86635 23.3037C3.42519 23.6823 2.85579 23.8776 2.27509 23.8493Z" fill="%2373879C"/><path d="M21.5516 23.8493C20.9552 23.8468 20.3837 23.6101 19.9602 23.1901L0.659907 3.88969C-0.156685 2.9361 -0.0456654 1.501 0.907923 0.684336C1.75903 -0.0445182 3.01423 -0.0445182 3.86526 0.684336L23.2792 19.9847C24.1958 20.8427 24.2431 22.2813 23.3851 23.1979C23.3509 23.2343 23.3157 23.2696 23.2792 23.3037C22.8039 23.7171 22.1782 23.9147 21.5516 23.8493Z" fill="%2373879C"/></g><defs><clipPath id="clip0_1238_2"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px;
    }
    .nav-sm .nav_menu .toggle #menu_toggle i{
        opacity: 0;
    }
    .nav-sm .profile_pic{
        width: 35%;
        float: left;
    }
    .nav-sm .profile_info{
        padding: 25px 10px 10px;
        width: 65%;
        float: left;
        text-align: left;
    }
    .nav-sm .profile_info h2{
        font-size: 14px;
    }
    .nav-sm .profile_info span{
        font-size: 13px;
        line-height: 30px;
        margin-bottom: 0;
    }
    .nav-sm .container.body .col-md-3.left_col.menu_fixed{
        width: 300px;
        max-width: 100%;
    }
    .nav-sm .container.body .right_col{
        margin-left: 0;
    }
    .nav-sm .nav.side-menu>li>a{
        flex-direction: row;
        justify-content: inherit;
        word-break: inherit;
        font-size: 14px;
        padding: 8px 15px;
        text-align: left !important;
    }
    .nav-sm span.fa, 
    .nav-sm .menu_section h3{
        display: block;
    }
    .nav-sm .nav.side-menu>li .link-title{
        margin: 0 0 0 10px;
    }
    .nav-sm ul.nav.child_menu{
        width: auto;
        position: inherit;
        left: inherit;
        top: inherit;
    }
    .nav-sm ul.nav.child_menu li{
        padding: 0 0 0 36px;
    }
    .nav-sm ul.nav.child_menu li:after{
        bottom: 0;
        content: "";
        position: absolute;
        top: 0;
        border-left: 1px solid #697c9078;
        left: 40px;
    }
    .nav-sm ul.nav.child_menu li:last-child:after{
        bottom: 50%;
    }
    .nav-sm ul.nav.child_menu li:before{
        background: #697C90;
        bottom: auto;
        content: "";
        height: 11px;
        left: 38px;
        margin-top: 12px;
        position: absolute;
        right: auto;
        width: 4px;
        z-index: 1;
        border-radius: 2px;
    }
    .nav-sm ul.nav.child_menu li.current-page:before{
        background: var(--secondary);
    }
    
    .x_panel .x_title .right-btns{
        margin-left: inherit;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        row-gap: 8px;
    }
    .x_panel .x_title .right-btns>li:first-child{
        margin-left: 0;
    }
    .family-contacts-wrap{
        max-height: none !important;
    }
    .btn_trigger{
        display: none !important;
    }
    .main_dash_cards{
        grid-template-columns: repeat(3, 1fr);
    }
    .event_item_bottom .dropdown-toggle .event_item_name,
    .scheduled_event_box.date_dropdown .title-text,
    .custom-dropdown .dropdown-header{
        font-size: 16px !important;
    }
    .filter_row_break{
        flex-wrap: wrap;
    }
    .filter_row_break li:not(:last-child){
        flex: 0 0 calc(50% - 8px);
        max-width: calc(50% - 8px);
    }
    .filter_row_break li.filter-col-btn{
        width: 100%;
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        max-width: 100%;
    }
    .filter_row_break li.filter-col-btn>*{
        width: 100%;
        max-width: 100%;
    }

}
@media screen and (max-width: 767px){
    .dataTables_paginate .pagination{
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
    }
    li.sort-program{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    li.sort-program .content-detail-block{
        width: 100%;
        padding: 8px 0 0;
    }
    li.sort-program .action-right{
        position: absolute;
        right: 6px;
        top: 10px;
    }
    li.sort-program::before{
        width: 22px;
    }
    .drag-question-block .answer-explanation{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .drag-question-block .answer-explanation h4{
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        padding-top: 0;
    }
    .drag-question-block .answer-explanation ul,
    .common-datatable .dt-container>.dt-layout-row:last-child>*{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
    }
    .average-attendance .col-block{
        flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
    }
    .common-datatable .dt-container>.dt-layout-row:last-child,
    .tutors_area_top ul>li>a,
    .tutors_area_top{
        justify-content: center;
        -webkit-justify-content: center;
    }
    .common-datatable .paging_full_numbers,
    .common-datatable .dt-info{
        text-align: center;
        width: 100%;
    }
    .common-datatable .dt-info{
        padding-bottom: 10px;
    }
    .availability-box .avail-left,
    .availability-box .avail-right,
    .filter_row_break li:not(:last-child){
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }
    .availability-box .avail-right .multi-btn{
        justify-content: flex-start !important;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .availability-box .avail-right{
        margin-top: 20px;
    }
    .assign-btn-area li:first-child,
    .tutor_availability_right form,
    .tutors_area_top,
    .tutors_area_top ul{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .selected_less_preview li{
        padding: 10px;
    }
    .selected_less_preview .select_less_content{
        padding: 0 10px;
    }
    .tutor_availability_right, 
    .tutor_availability_right form .form-group,
    .tutors_area_top ul li,
    .tutors_area_top ul,
    .filter_row_break li:not(:last-child){
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
    }
    .tutors_area_top{
        gap: 20px;
    }
    .content_row_list>li,
    .scheduled_event_item{
        padding: 14px;
    }
    .content_row_list>li .breadcrumb li + li{
        padding-left: 5px;
    }
    .content_row_list>li .breadcrumb li + li::before{
        padding-right: 5px;
    }
    .voucher_card_list{
        grid-template-columns: repeat(2, 1fr);
    }
    .voucher_card{
        padding: 12px;
    }
    .firstDivWidth thead tr th:first-child{
        min-width: 120px;
    }
    .bussniess_setting .families-tab>ul li.nav-item>.nav-link{
        padding-left: 14px;
        padding-right: 14px;
    }
    .add-category-box>div,
    .message-history-tab .card-body .setting_title,
    .dropdown_break_title{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .table_filter_dropdown.drop-down .drop-options{
        min-width: 210px;
    }
    .main_dash_cards{
        grid-template-columns: repeat(2, 1fr);
    }
    .dropdown_break_title .title-text{
        width: auto !important;
    }
    .x_panel.message_full_panel .x_title .dropdown_break_title + .right-btns{
        margin-left: 0;
    }
    .sche_event_right{
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: space-between;
    }

    .x_panel .x_title{
        justify-content: flex-start;
        gap: 10px;
    }
    .x_panel .x_title h2{
        width: 100%;
        margin-bottom: 0;
    }
    .course-pagination .input-group.input-search{
        max-width: 100%;
    }
    .both_btn_group{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
    }
    .both_btn_group>*{
        flex: 1;
        -webkit-flex: 1;
    }
    .top_date_row{
        flex-wrap: wrap;
        gap: 8px;
    }
    .top_date_row .date_dropdown_block,
    .filter_row_break li:not(:last-child){
        width: 100%;
    }
}
@media screen and (max-width:576px) {
    .settings_content .tabcard .choosefile{
        margin-right: 0px;
    }
    /* .bussniess_setting .setting_tab ul .nav-item .nav-link{
        font-size: 12px;
        line-height: 16px;
    } */
    .settings_content .form-check input.form-control,
    .icon-rblock,
    .colorpicker-input>label{
        width: 100%;
    }
    .bussiness-setting-modal .modal-title{
        font-size: 18px;
        line-height: 26px;
    }
    .dataTables_info{
        text-align: center;
        width: 100%;
    }
    .dataTables_paginate .pagination{
        justify-content: center;
        -webkit-justify-content: center;
    }
    .add_substitute_block .select2-container{
        width: 100% !important;
    }
}
@media screen and (max-width: 575px){
    .x_content div.dataTables_wrapper div.dataTables_length,
    .x_content div.dataTables_wrapper div.dataTables_filter{
        float: inherit;
        width: 100%;
    }
    .x_content div.dataTables_wrapper div.dataTables_filter>label,
    .x_content div.dataTables_wrapper div.dataTables_length>label{
        width: 100%;
    }
    .x_content div.dataTables_wrapper div.dataTables_filter>label input{
        margin-left: 0;
    }
    .x_content div.dataTables_wrapper .dt-buttons .buttons-collection{
        text-align: left;
    }
    .average-attendance .col-block,
    .common-datatable .dt-container>.dt-layout-row:first-child>*{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
    }
    .common-datatable .dt-container>.dt-layout-row:first-child{
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
    }
    .common-datatable .dt-container>.dt-layout-row:first-child>.dt-layout-cell{
        padding-top: 10px;
    }
    .new-email-addblock .common-form .form-button{
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .cal-top-btarea{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        gap: 7px;
        padding: 0;
        margin: 0 0 20px;
        transform: inherit;
    }
    .right_col>#calendar{
        padding-top: 24px;
    }
    .cal-top-btarea>li{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        position: relative;
    }
    .cal-top-btarea .dropdown .dropdown-toggle{
        margin-right: 0;
        width: 100%;
        background-color: #dee9f7;
    }
    .fc .fc-toolbar.fc-header-toolbar{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        gap: 10px;
    }
    .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk,
    .bottom_table_field>*,
    .both_btn_group>*{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        text-align: center;
    }
    .conflict_block{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .conflict_block .conflict_right{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        padding-left: 0;
        padding-top: 10px;
    }
    .tutors_area_table{
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
    }
    .daterangepicker.TimeRangePicker{
        width: auto;
        max-width: 345px;
    }
    .daterangepicker.TimeRangePicker .drp-calendar.left,
    .daterangepicker.TimeRangePicker .drp-calendar.right{
        max-width: 180px;
    }
    .daterangepicker.TimeRangePicker .drp-calendar.right{
        float: right;
    }
    .TimeRangePicker .calendar-time select{
        width: 45px;
    }
    .voucher_card_list{
        grid-template-columns: repeat(1, 1fr);
    }
    .avail_se_timedate{
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-direction: column;
        -webkit-flex-direction: column;
        gap: 0;
        -webkit-gap: 0;
    }
    table.dataTable.collapsed.nowrap td{
        white-space: normal;
    }
    .left-btns,
    .left-btns ul li,
    .left-btns ul li>*,
    .left-btns ul li .bus-outline-btn,
    .left-btns + .right-btns,
    .left-btns + .right-btns li,
    .left-btns + .right-btns li>*,
    .left-btns + .right-btns li .bus-outline-btn{
        width: 100%;
        /* text-align: center; */
        margin: 0 !important;
    }
    .search_box .dropdown-menu-area,
    .x_panel.message_full_panel .x_title .right-btns,
    .tab_width_auto>*{
        width: 100%;
        min-width: 100%;
    }
    .bottom_btns>button{
        min-width: 100%;
    }
    .min-w-180{
        min-width: auto;
    }
    .min-w-190{
        min-width: auto;
    }
    .bottom_table_field .dataTables_length select{
        margin: 0 auto !important;
    }
    /* .search_box.search_btn .dropdown-toggle{
        justify-content: center;
        -webkit-justify-content: center;
    } */
    .view_session_header_left, 
    .view_session_header_right{
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
    }
    .view_session_header_left{
        padding-right: 34px;
    }
    .view_session_header,
    .view_session_body_inner{
        padding: 10px;
    }
    .session_toggle_btn{
        position: absolute;
        right: 10px;
        top: 8px;
        width: 24px;
        height: 24px;
    }
    .x_content div.dataTables_wrapper div.dataTables_length label select,
    .x_panel .x_title .right-btns{
        width: 100%;
    }

    .x_panel .x_title .right-btns>*,
    .x_panel .x_title .right-btns .dropdown-toggle,
    .x_panel .x_title .right-btns .theme-btn{
        width: 100%;
        margin: 0 !important;
    }
    .filter_top.date_dropdown{
        flex-direction: column;
        align-items: flex-start;
    }
    .x_panel{
        padding: 20px;
    }
    .bus-outline-btn{
        text-align: left;
    }
    .main_calendar>#calendar{
        padding: 20px;
    }
    .tab_width_auto,
    .flex-panel>.theme-btn,
    .family_in_dropdown,
    .family_in_dropdown .selected,
    .mob-w-auto>.btn,
    .mob-w-auto{
        width: 100% !important;
    }
    .tab_justify_between{
        justify-content: flex-start !important;
    }
    .bussniess_setting .families-tab>ul{
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 400px){
    .daterangepicker.TimeRangePicker .drp-calendar.left, 
    .daterangepicker.TimeRangePicker .drp-calendar.right{
        max-width: 100%;
        float: inherit;
        padding: 8px;
    }
    .TimeRangePicker .drp-calendar.right::before{
        left: 50%;
        top: 2px;
    }
    .emailbtn>.btn{
        max-width: 100%;
        width: 100%;
    }
    .table_filter_dropdown.drop-down .selected{
        max-width: 240px;
    }
    .main_dash_cards{
        grid-template-columns: repeat(1, 1fr);
    }
}

.loc-icons{
    width: 15px;
    margin-right: 8px;
}
.fc-content {
    /* background: var(--secondary); */
    color: #fff;
    padding: 5px 8px;
    width: 100%;
    border-radius: 5px;
    font-size: 14px;
    white-space: normal;
}
.fc-content .fc-time,
.fc-content .fc-description{
    font-weight: 600;
    /* color: #502300; */
}
.fc-content .fc-time{
    font-weight: 400;
    font-size: 12px;
}
.fc-content span{
    line-height: 1;
    padding-top: 0px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
.fc-content span:first-child{
    padding-top: 0;
}
.fc-daygrid-day-events .fc-event{
    margin: 0 !important;
    padding: 6px 2px 0px;
}
.fc-daygrid-day-events .fc-event:hover,
.fc-daygrid-day-events .fc-event:focus{
    background-color: transparent;
    box-shadow: none;
}
.fc-daygrid-day-events .fc-event:hover::after,
.fc-daygrid-day-events .fc-event:focus::after,
.fc-daygrid-day-events .fc-event:hover::before,
.fc-daygrid-day-events .fc-event:focus::before{
    display: none;
}

.fc-timegrid-event-harness .fc-v-event{
    border: none;
    border-radius: 6px;
    box-shadow: none !important;
    /* background: transparent; */
    padding: 0px;
}
.fc-timegrid-event .fc-event-main{
    padding: 0;
}
span.fc-title {
    font-size: 10px;
}

button.swal2-confirm.swal2-styled.swal2-default-outline:focus{
    outline: none;
}
.fc-event.tutorA {
    background-color: blue;
    border-color: blue; /* Optional: Set border color */
    opacity: 0.3; /* Adjust opacity if needed */
  }
  
  .fc-event.tutorB {
    background-color: green;
    border-color: green; /* Optional: Set border color */
    opacity: 0.3; /* Adjust opacity if needed */
  }

  .fc-today-button,
.fc-dayGridMonth-button,
.fc-timeGridWeek-button,
.fc-timeGridDay-button{
    text-transform: capitalize !important;
}
.text-sm {
    font-size: 10px;
}
.col-sm-12.show-events-dashboard {
    max-height: 600px;
    overflow-y: scroll;
}
.show-events-dashboard::-webkit-scrollbar {
    width: 8px;
    height: 5px;
}

.show-events-dashboard::-webkit-scrollbar-track {
    background-color: #fff;
}

.show-events-dashboard::-webkit-scrollbar-thumb {
    background-color: #001d3d69;
}

.show-events-dashboard::-webkit-scrollbar-track,
.show-events-dashboard::-webkit-scrollbar-thumb {
    border-radius: 0;
}

.approved-popup .modal-body {
    padding: 60px 30px;
    max-width: 400px;
    margin: auto;
    text-align: center;
}
.approved-popup .modal-body h3 {
    color: #201B53;
    margin: 30px 0 20px;
}
.approved-popup .modal-body p {
    color: #55597D;
}
.approved-popup .modal-body {
    padding: 60px 30px;
    max-width: 400px;
    margin: auto;
    text-align: center;
}
.approved-popup .modal-dialog {
    max-width: 410px;
}
.approved-popup  .btn-rightarea {
    flex-direction: column;
    display: flex;
    gap: 5px;
    margin: 40px 0 0;
}

.rewards-history-data ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
    column-gap: 30px;
}
.rewards-history-data ul li {
    width: calc(50% - 15px);
}
.rewards-history-data ul li.date {
    text-align: right;
}
.rewards-history-data ul label {
    margin: 0;
    font-weight: 500;
}

/*  */
.table-text-center th:not(:first-child),
.table-text-center td:not(:first-child){
    text-align: center;
}
.table-text-center td:last-child{
    max-width: 60px;
    min-width: 60px;
}
.studants-points-check input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  
  .studants-points-check label {
    position: relative;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
  }
  
  .studants-points-check label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #cbd1d6;
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin: 0;
    border-radius: 2px;
  }
  .studants-points-check input:checked + label:before{
    background-color: #28A745;
    border-color: #28A745;
  }
  .studants-points-check input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.table-text-center tr td,.table-text-center tr th{
    vertical-align: middle;
}
.table-text-center table tfoot tr td {
    background: #201B53;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.studants-points {
    color: var(--secondary);
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 5px 15px 0;
}
.form-btn-group {
    display: flex;
    gap: 15px;
    height: 45px;
}
.form-btn-group button {
    width: 100%;
}
.form-btn-group .bus-outline-btn {
    margin: 0;
}
.studantspoints-check{
    display: flex;
    align-items: center;
    justify-content: center;
}
.points-check{
    height: 16px;
    width: 16px;
    background-position: center;
    background-size: cover;
    background-size: contain;
    border: solid 1px #E5EAEE;
    border-radius: 2px;
}
.check.points-check{
    border: solid 1px #28A745;
    background-color: #28A745;
    background-image: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 2.25L3.375 6.375L1.5 4.5" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');

}

.setting_voucher {
    display: flex;
    align-items: center;
}
.settings_content .tabcard .setting_title.total-voucher,
.setting_voucher h6{
    color: var(--secondary);
    margin-left: 10px;
    font-size: 14px;
    font-weight: 600;
    padding-left: 10px;
    border-left: 1px solid #e5effc;
    flex-shrink: 0;
    line-height: normal;
}
.settings_content .tabcard .setting_title.total-voucher>span,
.setting_voucher .total-count{
    background-color: var(--inputBg);
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 400;
}
.setting_voucher .total-count{
    margin: 0;
    border: none;
    display: inline-block;
}
.settings_content .tabcard .setting_title.total-voucher>span>span,
.setting_voucher .total-count>span{
    font-weight: 600;
}
.voucher_card_list .voucher_card>h6 {
    justify-content: space-between;
}
.voucher_card_list .voucher_card {
    background-color: var(--lightgray2);
}

.declined-content {
    border: solid 1px #F5F6F7;
    padding: 20px;
    margin: 0 0 20px;
    border-radius: 10px;
}
.pop-close button.close span {
    margin: 0;
}
.result-status {
    border-radius: 3px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 15px;
    display: inline-block;
}
.result-status.declined {
    background-color: rgb(244 120 23 / 8%);
    color: var(--secondary);
}
.result-status.approved {
    background-color: rgb(40 167 69 / 8%);
    color: #28A745;
}
.result-status.pending {
    background-color: hsl(43.54deg 100% 50% / 13%);
    color: #e5c300;
}

.alert-list ul li {
    background-color: #deffec;
    border-radius: 5px;
    padding: 10px 10px 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.alert-list ul li:not(:last-child) {
    margin: 0 0 15px;
}
.alert-list ul li .alert-details {
    width: calc(100% - 101px);
    padding-right: 30px;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}
.alert-list ul li .alert-details p {
    margin: 0;
    color: #201B53;
    font-size: 14px;
    line-height: normal;
    width: calc(60% - 20px);
}
.alert-list ul li .alert-details p:last-child{
    width: calc(40% - 20px);
}
.alert-list ul li a.theme-btn {
    background-color: #05EF63;
    padding: 8px 15px;
}
.voucher-request .dash-leftblock {
    display: flex;
    background-color: #F8FAFB;
    max-width: 100%;
    padding: 26px 28px;
    border-radius: 5px;
    gap: 10px;
    margin:  0 0 40px;
    align-items: center;
}
.voucher-request .dash-leftblock>span {
    color: var(--dblue);
    font-size: 18px;
    font-weight: 600;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
}
.voucher-request .dash-leftblock>h3 {
    margin: 0 !important;
    border: none;
    padding: 0;
}

.voucher-request-check > div:not(:last-child) {
    margin: 0 0 20px;
}
.voucher-request-check input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.voucher-request-check label {
    position: relative;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
    color: #4A4674;
}
.voucher-request-check label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border:1px solid #cbd1d6;
    padding: 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 5px 0 0;
    border-radius: 5px;
}
.voucher-request-check input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 7px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.voucher-request-check input:checked + label:before {
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.voucher-request .voucher-request-check {
    margin: 20px 0 30px;
}
.modal_close_icon{
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 50%;
    background-color: #201B53;
    box-shadow: none;
    border: none;
    display: block
}
.multiple-tab div>h3.title-text{
   text-transform: none !important;
}
.card-body.contents {
    width: 120px;
}
.action-btn:disabled {
    opacity: 0.3;
    pointer-events: none;
}
.calc_search .groupTagLabel{
    padding-right: 0px !important;
    background: none !important;
    margin-bottom: 5px;
}
.background-email{  
    background-color: #fff5cc;
    color: #7a4600;
}

.start-theme-btn {
    background: #00962a;
    border: 1px solid #00962a;
}

.start-theme-btn:hover {
    background-color: #169F85;
}

.bussniess_setting .not_truncate {
    display: block;
    -webkit-line-clamp:none; 
    -webkit-box-orient: inherit;
    overflow: inherit;
}