@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
    font-family: "Poppins", sans-serif;
    font-optical-sizing: auto;
    color: rgb(0, 0, 0);
    background: #F4F4F4;
}

:root {
    --primarycolor: #28225D;
    --secondarycolor: #69499C;
}

h1,
h2,
h3,
h4,
h5 {
    color: #0A0A0A;
}

h4 {
    font-size: 32px;
    font-weight: 500;
    color: #0A0A0A;
}

h6 {
    font-size: 26px;
    font-weight: 600;
    color: #211C52;
}


.login-copyright {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

body.outer-term {
    padding-left: 50%;
    background-color: #ffffff;
    background-image: url(../images/login-bg1.svg);
    background-position: bottom -170px right -120px;
    background-repeat: no-repeat;
    background-size: 320px;
}

.log-sidebar-login {
     position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 50%;
    max-width: 50%;
    height: 100%;
    background-color: var(--primarycolor);
    display: flex;
    align-items: center;
    justify-content: center;
}

.loginLogo img {
    height: 70px;
}

.main-body-term {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    min-height: calc(100vh - 214px);
}

.loginOuter-term {
    min-height: 100vh;
    padding: 30px;
}

    .loginOuter-term ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

.content h1 {
    font-size: 22px;
    font-weight: 600;
}

.content h3 {
    font-size: 20px;
    font-weight: 500;
}

/*--login--*/
.sidebar-login {
    position: relative;
    top: 0;
    left: 0;
    width: 50%;
    bottom: 0;
    /* padding: 30px; */
    /* background: url(../images/login-sidebar-bg.png) center right no-repeat; */
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    text-align: center;
}

.login-copyright {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.login-wrapper {
    min-height: 100vh;
    /* background:transparent;
  width: 100%;
  display: flex;
  padding-left: 50%;
  background: linear-gradient(to top, #FFFFFF, #ece3ff, #ddf6fb, #eccaf5, #d9befb); */
}

.loginRightImg {
    max-width: 520px;
    width: 100%;
}


.login-left {
    background-color: var(--primarycolor);
    display: flex;
    align-items: center;
    justify-content: center;
}

.loginLeftImg {
    /* background-image: url(../images/logo.svg); */
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hjd {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 50%;
    max-width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-right {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

/* .login-right {
  display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to top, #EBEBFF, #E4FAE7);
    padding: 20px;
    min-height: 100vh;
    flex-direction: column;
    flex-grow: 1;
} */
.position-relative {
    position: relative !important;
}

.login-container {
    max-width: 520px !important;
    width: 100%;
}

.whiteBg {
    border-radius: 20px;
    background: #fff;
    padding: 40px 50px;
    border: 1px solid #E7E7E7;
    box-shadow: 0 0 8px #e2deff;
}

.login-container img {
    width: 200px;
}

.login-container a {
    color: var(--primarycolor);
    text-decoration: underline;
    font-weight: 400;
    font-size: 15px;
}

.login-container h4 {
    font-weight: 600;
    margin: 0 0 15px;
    font-size: 30px;
}

.log-logo {
    position: absolute;
    top: 180px;
    text-align: center;
    z-index: 10;
}

.login-form-cont {
    border-radius: 10px;
    color: #616161;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .login-form-cont p {
        font-size: 15px;
        font-weight: 300;
        color: #373737;
    }

    .login-form-cont .form-control {
        border-color: #CACACA;
        background-color: transparent;
    }

.form-control.form-control-lg,
.form-select.form-select-lg {
    height: 50px;
    border-radius: 24px;
}

.form-control.form-control-lg,
.form-select.form-select-lg {
    /* height: 50px;
  border-radius: 12px; */
    border-color: var(--primarycolor);
    border-radius: 24px;
}

.logo-icon {
    display: none;
}

.icon-holder-input {
    position: relative;
}

/* .icon-holder-input input {
  padding-left: 40px;
} */
.so .form-check {
    font-size: 15px;
    font-weight: 400;
    color: #747474;
}

.so .form-check-input:checked {
    background-color: var(--secondarycolor);
    border-color: var(--secondarycolor);
}

.inputIcons {
    position: absolute;
    left: 10px;
    top: 6px;
}

.icon-holder-input .eyeicon {
    position: absolute;
    right: 10px;
    top: 6px;
    cursor: pointer;
}

.login-form-cont .icon-holder-input .inputIcons {
    position: absolute;
    left: 12px;
    top: 13px;
}

.login-form-cont .icon-holder-input .eyeicon {
    position: absolute;
    right: 13px;
    top: 14px;
    cursor: pointer;
}

.menu-collapse .sildebarlogo .logo-full {
    display: none;
}

.menu-collapse .sildebarlogo .logo-icon {
    display: block;
}

input.icon-holder {
    padding-left: 35px;
}

input.icon-holder-right {
    padding-right: 35px;
}

.form-control.icon-holder-right + .input-icon-right {
    position: absolute;
    left: 9px;
    top: 10px;
}

.input-icon {
    position: absolute;
    left: 9px;
    top: 9px;
}

.form-control-lg + .input-icon,
.form-control-lg ~ .password-eye-icon {
    top: 14px;
}


.form-control.input-password {
    background-image: url('../images/input-password.svg');
    background-position: left 20px center;
}

.form-check {
    padding-left: 30px;
    /* min-height: 30px; */
}

.forgotPass {
    color: var(--primarycolor);
    font-weight: 400;
}

.form-check .form-check-label {
    padding-top: 4px;
}

.form-check .form-check-input {
    margin-left: -30px;
}

.form-check-input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border-color: var(--primarycolor);
}

.form-check-input[type="radio"] {
    width: 22px;
    height: 22px;
    /* margin: 0; */
    border-color: var(--primarycolor);
}

.form-check-input:checked {
    background-color: var(--primarycolor);
    border-color: var(--primarycolor);
}

    .form-check-input:checked[type="radio"] {
        background-image: url(../images/radio-tick.png);
        background-size: inherit;
    }

.password-eye-icon {
    position: absolute;
    right: 13px;
    top: 13px;
}


.position-relative .eye {
    position: absolute;
    right: 14px;
    top: 13px;
}

.eye img {
    width: 24px;
}

.form-control,
.form-select {
    border-color: var(--primarycolor);
    font-size: 14px;
    height: 46px;
    border-radius: 24px;
    font-weight: 300;
}

    /* .form-control.form-control-lg {
  height:50px;
  border-radius: 12px;
  border-color: #F4E6E6;
} */
    .form-control.form-control-lg {
        border-color: var(--primarycolor);
    }

.page-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn.btn-lg {
    height: 50px;
    font-size: 16px;
    background-color: var(--primarycolor);
    color: #fff;
}

.btn {
    font-size: 15px;
    line-height: 1.3;
    border-radius: 25px;
    padding: 14px 28px;
    font-weight: 600;
    color: #ffffff;
    background-color: var(--primarycolor);
    min-height: 50px;
}

    .btn.btn-sm {
        font-size: 13px;
        height: 40px;
        line-height: 13px;
    }

    .btn.btn-primary.disabled {
        opacity: 0.5;
        background: var(--primarycolor);
        border-color: var(--primarycolor);
        color: #000;
    }

.btn-primary {
    background-color: var(--primarycolor);
    border-color: var(--primarycolor);
    color: #ffffff;
}

    .btn-primary:hover {
        background-color: #4b439b;
        border-color: #4b439b;
        color: #ffffff;
    }

.btn-outline-dark {
    padding: 14px 28px;
    background-color: #fff;
    color: var(--primarycolor);
    border: 1px solid var(--primarycolor);
}

.children-detail .btn-outline-dark:hover {
    background-color: #dedede;
    color: #000;
    border: 1px solid #5c5c5c
}

/* 
.btn-light {
  background: var(--lightprimary);
  border-color: var(--lightprimary);
  color: #333;
} */
.btn-light:hover {
    color: var(--primarycolor);
    color: #000;
}

.btn-outline-primary {
    border-color: var(--primarycolor);
    background-color: #fff;
    color: var(--primarycolor);
}

.btn-outline-secondary {
    border-color: var(--primarycolor);
    color: var(--secondarycolor);
}

.btn-secondary {
    background: var(--secondarycolor);
    border-color: var(--secondarycolor);
}

.btn.btn-secondary:hover,
.btn.btn-secondary:active {
    background: #c4ffcd;
    border-color: #c4ffcd !important;
    color: #000;
}

.btn-outline-danger {
    border-color: #f14336;
    color: #f14336;
}

.btn-outline-light {
    background: #f6f2f5;
    border-color: #f6f2f5;
    color: #b1b1b1;
}

    .btn-outline-light:hover {
        background: #56c1c8;
        border-color: #56c1c8;
        color: #000000;
    }

.btn.btn-outline-danger:hover {
    color: #000000;
    border-color: #f14336;
    background-color: #f14336;
}

.btn:hover,
.btn-check:checked + .btn,
.btn.active,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    background: #3a2f7a;
    border-color: #3a2f7a;
}

.text-link {
    color: var(--secondarycolor)
}

.form-label {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
}

    .form-label sup {
        color: red;
    }

.filter p {
    font-size: 14px;
    font-weight: 600;
    margin-top: 15px;
    width: 125px;
}

.filter {
    align-items: center;
}

.tp-search {
    position: relative;
    margin: 0 0 0 20px;
    max-width: 330px;
    width: 100%;
}

    .tp-search input {
        border: solid 1px #d4d4d4;
        border-radius: 10px;
        padding: 10px 10px 10px 40px;
        width: 100%;
    }

    .tp-search .searchicon {
        position: absolute;
        left: 13px;
        top: 10px;
    }

/*--sidebar--*/
.closemenu-btn {
    display: none;
}

.sidebar {
    z-index: 9999;
    overflow: auto;
    position: fixed;
    max-width: 275px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--primarycolor);
    padding: 15px 16px;
    color: #fff;
}

.menubar-holder {
    display: flex;
    flex-flow: column;
    min-height: calc(100vh - 221px);
    overflow: auto;
    justify-content: space-between;
}

.menubar {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .menubar li {
        margin-bottom: 3px;
    }

        .menubar li > a {
            display: flex;
            align-items: center;
            border-radius: 50px;
            background-color: rgba(0, 0, 0, 0.4);
            padding: 10px 15px;
            color: #ffffff;
            font-size: 15px;
            text-decoration: none;
            height: 55px;
            font-weight: 400;
            position: relative;
            z-index: 10;
        }



            .menubar li > a img {
                margin-right: 10px;
            }

        .menubar li.active a img,
        .menubar li:hover a img {
            filter: invert(1) brightness(1.5);
        }



        .menubar li > a:hover,
        .menubar li a.active {
            color: #000000;
            background: #fff;
        }

        .menubar li.active a {
            background: #ffffff;
            color: #000;
            font-size: 16px;
            font-weight: 600;
        }

        .menubar li > a.has-submenu::after {
            content: "";
            position: absolute;
            right: 10px;
            top: 20px;
            width: 12px;
            height: 12px;
            background: url(../images/arrow-right-menu.svg) 0 0 no-repeat;
            transition: all 0.2s ease;
        }

        .menubar li > a.has-submenu.active::after {
            transform: rotate(90deg);
        }

.has-submenu.active + .submenu {
    display: block;
}

.submenu {
    list-style: none;
    padding: 15px;
    background: #3c3c3c;
    position: relative;
    z-index: 8;
    top: -5px;
    border-radius: 0 0 8px 8px;
    display: none;
}



    .submenu li a {
        padding: 5px 5px 5px 15px;
        border-radius: 0;
        height: auto;
        font-size: 14px;
        position: relative;
    }

        .submenu li a.active {
            background: transparent;
            color: #d87ebd;
        }

        .submenu li a:hover {
            background: transparent;
            color: #d87ebd;
        }

            .submenu li a:hover::after,
            .submenu li a.active::after {
                background: #d87ebd;
            }

        .submenu li a::after {
            content: "";
            position: absolute;
            left: 0;
            top: 14px;
            width: 5px;
            height: 5px;
            border-radius: 100%;
            background: #d9d9d9;
        }

.sildebarlogo {
    margin: 40px 0;
}

/* .menubar li.active a img, .menubar li > a:hover img { */
/* -webkit-filter: grayscale(1) invert(0);
   filter:  grayscale(100%) brightness(0) invert(1); */
/* } */

/*--sidebar--*/

.content-body {
    padding: 30px 30px 20px 80px;
}

.footer {
    text-align: center;
    padding: 10px 0;
    font-size: 13px;
    font-weight: 300;
    color: var(--themedark);
}

.dash-item {
    background: #fff;
    border-radius: 16px;
    padding: 15px;
    display: flex;
    font-size: 28px;
    align-items: center;
    margin-bottom: 20px;
    font-weight: 500;
}

    .dash-item a {
        display: flex;
        width: 100%;
        text-decoration: none;
        align-items: center;
    }

    /* .dash-item a p {
  color: #0a0a0a;
} */

    .dash-item .dash-item-icon {
        border-radius: 8px;
        background-color: #DCEDE1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 75px;
        height: 75px;
        min-width: 75px;
        margin-right: 10px;
    }

.menubar li a:hover a img,
.menubar li a.active img {
    filter: invert(1) brightness(2);
}

/* menubar li > a img  */
/* .dash-item h6 {
  font-size: 16px;
  color: #B1B9C1;
  margin: 0;
  text-transform: capitalize;
} */

.innerbody {
    padding-left: 260px;
   /* transition: all 0.3s ease-in;*/
}

    .innerbody .container-fluid {
        padding: 10px 30px;
    }

.user-set-menu {
    color: #000;
    margin-left: auto;
}

    .user-set-menu .dropdown-toggle {
        display: flex;
        align-items: center;
        text-decoration: none;
        color: #000000;
    }

        .user-set-menu .dropdown-toggle small {
            font-size: 10px;
            color: #4d4d4d;
        }

        .user-set-menu .dropdown-toggle h6 {
            font-size: 16px;
            font-weight: 400;
            margin: 0;
            color: #000;
        }

        .user-set-menu .dropdown-toggle small {
            font-size: 10px;
        }

    .user-set-menu .dropdown-menu {
        font-size: 15px;
    }

    .user-set-menu a {
        color: #000;
    }

.page-content-wrapper {
    min-height: calc(100vh - 122px);
    padding: 0 10px;
    background-color: #F4F4F4;

}

.bg {
    background-color: #F4F4F4;
}

.white-body-card {
    padding: 30px 10px;
    min-height: calc(100vh - 200px);
    margin-bottom: 20px;
    border-radius: 10px;
}

.table {
    border: 1px solid #505050;
}

    .table tr:last-child {
        border: 1px solid #505050;
    }

    .table tr {
        border: #F4F2EF;
    }

    .table th:first-child {
        width: 90px;
    }

    .table > thead {
        vertical-align: middle;
    }

    .table thead th {
        background: #505050;
        color: #ECF0F5;
        font-size: 12px;
        font-weight: 500;
        border: 1px solid #505050;
        text-transform: capitalize;
    }

    .table td {
        font-size: 13px;
        font-weight: 300;
        color: #505050;
    }

        .table td span {
            color: #EFACA7;
        }

        .table td a {
            text-decoration: none;
        }

    .table tbody {
        background-color: #fff;
    }

    .table td:nth-child(2) img {
        width: 30px;
        height: 30px;
        border-radius: 4px;
        margin-right: 4px;
        border: 1px solid var(--primarycolor);
    }

.table-result {
    display: flex;
    align-items: center;
}

.pagination .page-link {
    color: #293854;
}

.pagination .page-item.active .page-link {
    background: #527769;
    border-color: #F5F0EC;
    color: #fff;
}

.pagination .page-link img {
    margin-top: -3px;
    filter: brightness(0);
}

.header {
    background: #fff;
    padding: 10px 37px;
    display: flex;
    align-items: center;
    border-bottom: solid 1px #F7EAE9;
    /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); */
}

.filter-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.headerserarch {
    position: relative;
    width: 260px;
}

    .headerserarch .inputicon {
        position: absolute;
        top: 8px;
        left: 10px;
    }

    .headerserarch .inputicon-rt {
        position: absolute;
        top: 6px;
        right: 14px;
        cursor: pointer;
    }

    .headerserarch .form-control {
        padding-left: 35px;
        padding-right: 35px;
    }

.filterby {
    display: flex;
    font-size: 16px;
    align-items: center;
}

    .filterby label {
        white-space: nowrap;
        margin-right: 10px;
    }

.text-light {
    color: #7b7b7b !important;
}


h4 a {
    color: #0a0a0a;
    text-decoration: none;
}


.form-grey-bg {
    border-radius: 8px;
    background: #fbfafa;
    padding: 20px 30px;
}

.form-step-process {
    text-align: center;
    margin: 20px 0;
    padding: 0;
}

    .form-step-process li {
        background: #56c1c8;
        color: #fff;
        border-radius: 8px;
        padding: 10px 20px;
        display: inline-block;
        margin-right: 10px;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px;
    }

        .form-step-process li.disabled {
            opacity: 0.6;
        }

    .form-step-process .step-count {
        background: #fff;
        width: 26px;
        height: 26px;
        text-align: center;
        line-height: 26px;
        color: #56c1c8;
        border-radius: 100%;
        margin-right: 5px;
        display: inline-block;
    }



.modal-content {
    border-radius: 16px;
}



.modal-close {
    position: absolute;
    right: 15px;
    top: 17px;
    background: none;
    border: 0;
}

.min-btn-width-100 {
    min-width: 100px;
}

.input-gp {
    border: solid 1px #d4d4d4;
    border-radius: 6px;
    padding: 2px;
    display: flex;
}

    .input-gp input {
        flex: 1;
        border: 0px;
        padding: 0 10px;
    }

        .input-gp input:focus-visible {
            outline: none;
        }

    .input-gp .btn-sm {
        min-width: 90px;
        border-radius: 4px;
    }






/*--incident css--*/
.active-label {
    background: #f1ad46;
    color: #fff;
    border-radius: 30px;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 500;
}

.tp-search-input {
    width: 315px;
    max-width: 315px;
    position: relative;
}




/* .table-responsive {
  min-height: 520px;
  background-color: #fff;
} */
.table-responsive {
    /* overflow-x: revert; */
    -webkit-overflow-scrolling: touch;
}

.text-primary {
    color: var(--primarycolor) !important
}

.action-table {
    width: 100%;
    margin: 0 0 20px;
}

    .action-table td {
        border-bottom: solid 1px #DFDFDF;
        padding: 15px 0;
    }

/* The slider */
.slider-table {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 10px;
    font-family: Arial, sans-serif;
    color: white;
}

    /* The text inside the slider */
    .slider-table .slider-table-text {
        transition: 0.4s;
        transform: translateX(7px);
    }

    /* Slider before (circle) */
    .slider-table:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }

/* When the checkbox is checked, change the background and text */
input:checked + .slider-table {
    background-color: #673ab7;
    /* Purple color */
}

    input:checked + .slider-table .slider-table-text {
        transform: translateX(-9px);
        /* Move text to the right */
    }

    /* Move the circle when checked */
    input:checked + .slider-table:before {
        transform: translateX(30px);
    }

/* Default text change when unchecked */
.slider-table .slider-table-text::before {
    content: "Off";
    transform: translateX(9px);
}

/* Update the text when checked */
input:checked + .slider-table .slider-table-text::before {
    content: "On";
}

.add-file-gp {
    background: var(--lightprimary);
    border-radius: 16px;
    position: relative;
    width: 180px;
    height: 180px;
}

    .add-file-gp input {
        visibility: hidden;
        position: absolute;
    }

    .add-file-gp label {
        height: 100%;
        text-align: center;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
    }

    .add-file-gp.mini-file label {
        margin-top: 10px;
        color: #9F9F9F;
        font-size: 10px;
        font-weight: 400;
    }

h6.form-title {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--themedark);
    margin: 0 0 10px;
}

.input-row-del {
    background: var(--primarycolor);
    border-radius: 10px;
    text-align: center;
    padding: 8px;
    display: inline-block;
    margin-top: 25px;
}

.text-link-primary {
    color: var(--primarycolor);
}

.add-file-gp.mini-file {
    width: 110px;
    height: 110px;
}

    .add-file-gp.mini-file label {
        font-size: 10px;
    }

.theater-card {
    border: solid 1px #CACACA;
    padding: 15px;
    border-radius: 18px;
}

/*--select 2 css--*/
.select2-container--default .select2-selection--multiple {
    border-color: #E0E0E0;
    border-radius: 8px;
}

.select2-container .select2-selection--multiple {
    min-height: 40px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--primarycolor);
    border-color: var(--primarycolor);
    font-size: 12px;
    border-radius: 16px;
    color: #fff;
    padding: 4px 26px 4px 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background: url(../images/select-close.png) 0 0 no-repeat;
    border-radius: 0;
    border: 0;
    left: inherit;
    top: 5px;
    right: 4px;
    width: 17px;
    height: 17px;
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
        font-size: 0;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
        background-color: transparent;
    }

.select2.select2-container {
    overflow: hidden;
}

    .select2.select2-container::after {
        position: absolute;
        content: "";
        width: 8px;
        height: 8px;
        border: solid 1px transparent;
        border-color: transparent #000 #000 transparent;
        right: 16px;
        top: 13px;
        transform: rotate(45deg);
    }

/*--select 2 css--*/

.form-switch .form-check-input[type="checkbox"] {
    width: 28px;
    height: 18px;
    border-radius: 50px;
    border-color: #ccc;
}

.form-switch .form-check-input:checked {
    background-color: #37AC82;
    border-color: #37AC82;
}

.errorPage_container {
    text-align: center;
}


input.form-control::placeholder {
    color: #A4A4A4;
    opacity: 0.8;
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 16px 16px 2px;
    /* padding: var(--bs-modal-header-padding); */
    border-bottom: none;
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
}

textarea.form-control {
    min-height: 90px;
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)* .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: none;
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}

    .modal-footer .btn {
        font-size: 16px;
        line-height: 1.3;
        border-radius: 4px;
        padding: 10px 50px;
        font-weight: 500;
        color: #fff;
        background-color: var(--primarycolor);
    }

/* .modal .form-control, .form-select {
  border-color: #ECE0D2;
  font-size: 14px;
  height: 50px;
  border-radius: 60px;
  font-weight: 300;
} */


.dash-item h6 {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #4A4A4A;
    margin: 0;
    text-transform: capitalize;
}

.dash-item a p {
    font-size: 30px;
    font-weight: 600;
    color: #000000;
}

.dash-item-icon img {
    width: 44px;
    height: 44px;
}

.slider-table {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #838187;
    transition: .4s;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 2px 3px;
    color: white;
}

input:checked + .slider-table {
    background-color: #527769;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 25px;
}

.slider-table:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 4px;
    bottom: 3.5px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

.form-control,
.form-select {
    border-color: var(--primarycolor);
    font-size: 14px;
    height: 46px;
    border-radius: 24px;
    font-weight: 400;
    color: #293854;
}

.bg-white-container {
    background-image: linear-gradient(#44A7BE, #1B75BB);
    border-radius: 12px;
    padding: 32px 25px;
    margin-bottom: 30px;
    min-height: calc(100vh - 221px);
}
.bg-white-container-policies {
    min-height: calc(100vh - 38px);
}



.children-detail .btn img {
    filter: brightness(0);
}

.user-im {
    height: 194px;
    width: 207px;
    border-radius: 12px;
}

.user-detail h3 {
    font-size: 28px;
    font-weight: 500;
    color: black;
}

.filled-input {
    background-color: #E4FAE7;
    /* Custom orange color */
    color: #000;
    /* Text color */
    border: none;
    height: 50px;
}

    .filled-input:focus {
        outline: none;
        border-color: #ccffd3;
        /* Darker orange when focused */
    }

.flag-deatil-im img {
    width: 447px;
    height: 214px;
    border-radius: 4px;
    object-fit: cover;
    border: 1px solid #B5D7CA;
}

.flag-deatil p {
    font-size: 14px;
    font-weight: 600;
    margin: 0px;
}

.flag-deatil span {
    font-size: 16px;
    font-weight: 500;
    margin: 0px;
}

.flag-deatil h3 {
    font-size: 20px;
    font-weight: 600;
}

.flag-deatil .rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important;
}

.flag-deatil .text-bg-success {
    font-size: 12px;
    font-weight: 500;
    padding: 12px 22px;
    color: #000000 !important;
    background-color: #95E2A0 !important;
}

.violation-container {
    display: flex;
    flex-direction: column;
    padding: 0px 0px;
    /* max-width: 760px; */
}

.violation-row {
    display: flex;
    flex-wrap: wrap;
    /* column-gap: 120px;
      row-gap: 36px; */
}

.violation-item {
    width: 25%;
}

.violation-container hr {
    border-top: 2px solid #E8F1F8;
    margin: 2rem 0;
}

.bg-light-green {
    background-color: #E4FAE7;
    border-radius: 12px;
    padding: 12px 16px;
}



.des p {
    font-size: 13px;
    font-weight: 300;
}

.learn-list p {
    padding-top: 10px;
    font-size: 15px;
    font-weight: 500;
}

.learn-list li {
    font-size: 13px;
    font-weight: 300;
}

.des .form-label {
    color: #000000;
    font-size: 15px;
    font-weight: 500;
}

.card-course {
    background-color: #E4FAE7;
    padding: 15px 14px;
    border-radius: 16px;
    height: 100%;
    overflow: hidden;
    min-height: calc(100vh - 550px);
}

    .card-course span {
        font-size: 15px;
        font-weight: 500;
        padding-left: 5px;
    }

hr {
    margin: 1.5rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid #747474;
    opacity: .25;
}

.card-course hr {
    margin: 1rem -0.9rem;
    color: inherit;
    border: 0;
    border-top: 1px solid #747474;
    opacity: .25;
}

.card-course p {
    font-size: 13px;
    font-weight: 400;
    color: black;
    line-height: 22px;
    text-align: left;
}

.sea-img {
    width: 300px;
    height: 177px;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    display: block;
    /* margin: 0 auto; */
}



.slider {
    /* width: 397px; */
    max-width: 100vw;
    height: 220px;
    margin: 15px 20px;
    position: relative;
    overflow: hidden;
    border-radius: 5px !important;
}

.list {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    width: max-content;
    transition: 1s;
}

    .list img {
        width: 300px;
        max-width: 100vw;
        height: 100%;
        object-fit: cover;
    }

.buttons {
    position: absolute;
    top: 45%;
    left: 5%;
    width: 90%;
    display: flex;
    justify-content: space-between;
}

    .buttons button {
        width: 50px;
        height: 50px;
        border-radius: 505;
        background-color: transparent;
        color: #fff;
        border: none;
        font-family: monospace;
        font-weight: bold;
    }

.dots {
    position: absolute;
    bottom: 10px;
    color: #fff;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    transition: 1s;
}

    .dots li {
        list-style: none;
        width: 10px;
        height: 10px;
        background-color: #fff;
        margin: 20px;
        border-radius: 20px;
    }

        .dots li.active {
            width: 30px;
        }

/* .slick-dots { margin-top: -50px !important; } */
/* .slick-dotted.slick-slider { margin-bottom: 0px !important; }  */
.slick-slide img {
    width: 100% !important;
}



.reviewsRatings {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

    .reviewsRatings h5 {
        font-size: 18px;
        font-weight: 700;
    }

.reviewsRatingsList {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.imgReviewR img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
    margin-right: 7px;
}

.reviewsRatingsList h5 {
    font-size: 16px;
    font-weight: 600;
}

.reviewsRatingsList p {
    font-size: 14px;
    font-weight: 300;
    color: #243324;
}


@media (min-width:1325px) {

    .dataTables_scrollHeadInner {
        width: 100% !important;
    }
}

@media (min-width:1325px) {

    .table-wi {
        width: 100% !important;
    }
}

.capitalize {
    text-transform: capitalize !important;
}

@media screen and (max-width: 768px) {
    .slider {
        height: 400px;
    }
}

.disabled {
    opacity: 0.6;
    cursor: default;
}

/* NEW CSS ADDED */
.upload-section {
    border: 1px solid #527769;
    background-color: #E9F1EE;
    border-radius: 4px;
    padding: 28px 0px;
    text-align: center;
    color: #000000;
    width: 118px;
    height: 118px;
}

.preview-section {
    position: relative;
    border-radius: 4px;
    width: 100%;
    width: 118px;
    height: 118px;
    border: 1px solid #527769;
    background-color: #E9F1EE;
}

.preview-default-img {
    border-radius: 10px;
    width: 40px;
    /* height: 40px; */
    position: absolute;
    top: 37px;
    left: 39px;
}

.preview-section .import {
    position: relative;
    top: 1px;
    width: 38px;
    height: 38px;
    left: 42px;
}

.fileInput img {
    padding: 12px;
}

.upload-section img {
    height: 54px;
    width: 42px;
}

.delete-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #ff4d4d;
    color: white;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid #fff;
}

textarea.form-control {
    min-height: calc(10em + .75rem + calc(var(--bs-border-width)* 2));
}

.upload-section input[type=file] {
    position: absolute;
    width: 1px;
    height: 1px;
    visibility: hidden;
    opacity: 0;
}

.orange-border {
    border: 1px solid #DF8703 !important;
}

.green-border {
    border: 1px solid #527769 !important;
}

.red-border {
    border: 1px solid #FB6A57 !important;
}

.blue-border {
    border: 1px solid #449DDD !important;
}

.body-img img {
    width: 309px;
    height: 386px;
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #527769;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: #fff;
    text-align: left;
    background-color: #527769;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}

.accord-card {
    background-color: #ECF3EB;
    border-radius: 4px;
    padding: 12px 16px;
    min-height: 145px;
}

    .accord-card p {
        font-size: 14px;
        font-weight: 500;
        color: #243324;
    }

    .accord-card span {
        font-size: 12px;
        font-weight: 400;
        color: #243324;
        word-wrap: break-word;
    }

.doc-upload h6 {
    font-size: 18px;
    font-weight: 500;
    color: #243324;
}

.doc-upload p {
    font-size: 14px;
    font-weight: 500;
    color: #171717;
}

.font-12 {
    font-size: 12px;
    font-weight: 400 !important;
    color: #000;
}

.doc-upload img {
    width: 20%;
}

.inner-menu li.active a {
    background-color: #DCEDE1 !important;
}

.inner-menu li a {
    background-color: #ffffff !important;
    color: #000 !important;
}

    .inner-menu li a :hover {
        background-color: #DCEDE1 !important;
        color: #000 !important;
    }

/* // CSS  NEW  // */
.smily-bg {
    background-color: var(--primarycolor);
    border-radius: 20px;
    max-width: unset;
    padding: 40px 40px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    width: 100%;
    max-width: 650px;
}

    .smily-bg p {
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        margin-bottom: 0;
        margin-top: 10px;
    }



.custom-dashboard-btn {
    background-color: var(--primarycolor);
    color: white;
    border-radius: 36px;
    padding: 8px 16px 8px 12px;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    height: 50px;
}

    .custom-dashboard-btn:hover {
        background-color: #3a2f7a;
        color: white;
        fc .fc-button-primary: hover text-decoration: none;
    }

.fc .fc-button-primary:hover {
    background-color: #3a2f7a !important;
    border-color: #3a2f7a !important;
    color: var(--fc-button-text-color);
}

.custom-dashboard-btn .icon-circle {
    background-color: var(--secondarycolor);
    border-radius: 50%;
    padding: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.75rem;
}

.custom-dashboard-btn .bi-bar-chart-line {
    font-size: 1.2rem;
    color: white;
}

.purple-bg-left {
    background-color: var(--primarycolor);
    border-radius: 40px;
    padding: 12px 24px;
    flex: 1 1 auto;
    min-width: 0;
}

    .purple-bg-left p {
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        margin-bottom: 0;
        min-width:22px
    }

.purple-bg-right {
    background-color: var(--primarycolor);
    padding: 12px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.wellbeing-level-left {
    background-color: var(--primarycolor);
    padding: 40px 50px;
    border-radius: 20px;
    /* Flexbox centering */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 375px;
    min-height: 300px;
}

    .wellbeing-level-left img {
        width: 140px;
    }

    .wellbeing-level-left p {
        font-size: 20px;
        font-weight: 400;
        color: #fff;
        margin-bottom: 0;
    }

.graph-bg {
    background-color: var(--primarycolor);
    padding: 20px;
    border-radius: 20px;
}

    .graph-bg p {
        font-size: 26px;
        font-weight: 600;
        color: #fff;
    }

.dark-bg {
    background-color: var(--primarycolor);
    padding: 30px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 400px;
    width: 100%;
}

    .dark-bg p {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
    }

.main-text p {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}

/* .visual-bg{
  background-color: var(--primarycolor);
  border-radius: 10px;
  padding: 10px;
} */
.visual-container {
    margin: 0;
    display: flex;
    justify-content: center;
}

.card-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
}

.visual-bg {
    background-color: var(--primarycolor);
    border-radius: 12px;
    padding: 16px 16px;
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    max-width: 460px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    /* justify-content: center; */
}

.icon-group {
    width: 45px;
    flex-shrink: 0;
}

.visual-bg p {
    margin: 0;
    color: #fff !important;
    font-size: 20px;
    font-weight: 400;
    flex-grow: 1;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.visual-bg-resource {
    background-color: var(--primarycolor);
    border-radius: 12px;
    padding: 16px 16px;
    align-items: center;
    gap: 15px;
    width: 100%;
    max-width: 460px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

    .visual-bg-resource p {
        margin: 0;
        color: #fff !important;
        font-size: 20px;
        font-weight: 400;
        flex-grow: 1;
        /* white-space: nowrap; */
        overflow: hidden;
        text-overflow: ellipsis;
    }

.play-icon {
    width: 26px;
    flex-shrink: 0;
}

.icon-group-2 {
    width: 80px;
    flex-shrink: 0;
}



.card-custom {
    width: 100%;
    height: 220px;
    border-radius: 16px;
    overflow: hidden;
    background-color: var(--primarycolor);
    position: relative;
    border: 1px solid var(--primarycolor);
}



.card-header-custom {
    /* background-color: var(--primarycolor); */
    color: white;
    text-align: center;
    padding: 0 10px;
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 2;
    height:75px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.card-body-custom {
    height: 100%;
    /* margin-top: 40px; */
}

    .card-body-custom img {
        width: 100%;
        height: 100%;
        /*  object-fit: cover;*/
    }


.badge {
    font-size: 12px;
    font-weight: 500;
}

.font-20 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

.icon-bg-circle {
    background-color: #372063;
    padding: 10px;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .icon-bg-circle a img {
        height: 24px;
        object-fit: contain;
    }

.alert-section {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.purple-card {
    background-color: var(--primarycolor);
    border-radius: 20px;
    padding: 20px 40px;
    width: 100%;
    max-width: 600px;
}

.alert-section p {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.disclaimer-inner-txt {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #fff !important;
    text-align: center;
}
.red-card {
    background-color: #D31B0D;
    border-radius: 20px;
    padding: 20px 40px;
    width: 100%;
    max-width: 600px;
}

.custom-profile-btn {
    background-color: #694A9D;
    border-radius: 8px;
    padding: 8px 16px;
    display: inline-flex;
    align-items: center;
    height: 50px;
}

.profile-section {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.profile-section img{
    max-width:100%;
}

    .profile-section h3 {
        font-size: 32px;
        font-weight: 600;
        color: #fff;
    }















/* // 20-05-20025 CSS ADDED  // */

.custom-card {
    background-color: var(--primarycolor);
    border-radius: 20px;
    border: none;
}

.label-text {
    color: #227EBC;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 5px;
}

.value-text {
    font-weight: 500;
    font-size: 22px;
    margin: 0;
    color: #fff;
}

.card-two {
    background-color: var(--primarycolor);
    border-radius: 20px;
    border: none;
    width: 100%;
    max-width: 660px;
}







/* // 21-05-20025 CSS ADDED  // */

.card-header-custom-two {
    color: white;
    text-align: center;
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    width: 100%;
    top: 8px;
    z-index: 2;
    left: 14px;
}

.useful-numbers {
    background-color: var(--primarycolor);
    padding: 30px;
    border-radius: 20px;
}

.support-section h5 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

.support-section p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px;
}

.support-section a {
    text-decoration: none;
}

.support-section h6 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

.useful-websites {
    background-color: var(--primarycolor);
    padding: 30px;
    border-radius: 20px;
}

.policies {
    background-color: var(--primarycolor);
    padding: 30px;
    border-radius: 20px;
    height: calc(100vh - 106px);
}

.inner-sec {
    border-radius: 14px;
    border: 1px solid #43A5BE;
    padding: 20px;
    width:100%;
    max-width:500px;
}
    .inner-sec h6 {
        color: #fff !important;
        font-size: 20px !important;
        font-weight: 600 !important;
    }
    .policies h5 {
        color: #fff;
        font-size: 26px;
        font-weight: 600;
    }
.grey-txt {
    color: #BCBCBC !important;
}

.blue-txt {
    color: #43A5BE !important;
}

.btn-blue {
    background-color: #2682BC;
    border-color: #2682BC;
    color: #ffffff;
}

    .btn-blue:hover {
        background-color: #4e9bcb;
        border-color: #4e9bcb;
        color: var(--primarycolor)
    }

.file-icon-bg-circle {
    background-color: #69499C !important;
    padding: 10px;
    border-radius: 50%;
    width: 76px;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .file-icon-bg-circle img {
        width: 40px;
        object-fit: contain;
    }
.support-section {
    color: #fff !important;
}

.support-section p{
    margin-bottom:1.5rem !important
}
    .support-section h1, .support-section h2, .support-section h3, .support-section h4, .support-section h5, .support-section h6 {
        color: #fff !important;
    }

.policy {
    background-color: var(--primarycolor);
    padding: 30px;
    border-radius: 20px;
}

    .policy h6 {
        font-size: 20px;
        font-weight: 400;
    }

    .policy h5 {
        font-size: 20px;
        font-weight: 500;        
    }


    .policy p {
        font-size: 16px;
        font-weight: 400;        
    }
    
.card-wrapper a {
    text-decoration: none;
    width: 100%;
    max-width: 460px;
}

.breadcrumb-item.active {
    font-weight: 500;
}

.breadcrumb li {
    font-weight: 600;
}

.breadcrumb a {
    text-decoration: none;
    color: var(--primarycolor);
}















.chat-container {
    background-color: white;
    border-radius: 20px;
    width: 100%;
    /* max-width: 900px; */
    height: 600px;
    display: flex;
    flex-direction: column;
    padding: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.chat-header {
    font-size: 24px;
    font-weight: 600;
    color: #2b2b52;
    margin-bottom: 20px;
}

.message-row {
    display: flex;
    margin-bottom: 30px;
}

    .message-row.customer {
        justify-content: flex-start;
    }

    .message-row.agent {
        justify-content: flex-end;
    }

.message {
    border-radius: 10px;
    padding: 15px;
    font-size: 14px;
    line-height: 1.5;
   /* white-space: pre-wrap; */
    word-break: keep-all; /* do NOT break inside words */
    overflow-wrap: break-word; /* break only if one word is too long */
}

    .message.customer {
        background-color: #1e164b;
        color: white;
        border-top-left-radius: 0;
    }

    .message.agent {
        background-color: #4db6c3;
        color: white;
        border-top-right-radius: 0;
    }
.chat-area {
    max-width: 60%;
    /*width: 100%;*/
}
.avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #3db1c9;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin: 0 10px;
}

.chat-footer {
    display: flex;
    align-items: center;
    padding: 10px 0 0;
    margin-top: auto;
}

    .chat-footer input {
        flex: 1;
        border: none;
        border-radius: 50px;
        padding: 12px 20px;
        background-color: #241d52;
        color: white;
        outline: none;
    }

        .chat-footer input::placeholder {
            color: #ccc;
        }

    .chat-footer button {
        background-color: #241d52;
        border: none;
        border-radius: 50%;
        margin-left: 10px;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .chat-footer button i {
            color: white;
        }

.timestamp {
    font-size: 10px;
    color: #666;
    margin-top: 5px;
}



/* // 22-05-20025 CSS ADDED  // */
.mod-b .modal-body {
    padding: 20px 50px;
}

.mod-thought .modal-body {
    padding: 25px 50px;
}

.modal-title {
    font-size: 20px;
    font-weight: 600;
    color: #211C52;
}

.modal-body p {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
}









.profile-img-label {
    cursor: pointer;
    display: block;
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 5px;
    transition: border-color 0.3s ease;
}

    .profile-img-label img {
        width: 100%;
        border-radius: 50%;
    }

input[type="radio"] {
    display: none;
}

    input[type="radio"]:checked + .profile-img-label {
        border-color: #0d6efd;
        box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
    }

/*full calendar css 26-05-2025*/

.fc-event-title img {
    display: block;
    width: 100px;
    margin-top: 5px;
}

.fc-col-header-cell-cushion {
    background: #4e44a5;
    /* Change to your preferred color */
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    /* Remove underline */
}

    .fc-col-header-cell-cushion:hover {
        text-decoration: none;
    }

.fc-scroller table thead tr {
    background: #4e44a5;
    border-color: #4e44a5;
}

.fc-daygrid-body {
    background: var(--primarycolor);
}

.fc-daygrid-day-number {
    text-decoration: none;
    padding: 9px;
    display: block;
    color: #fff;
}

.fc-daygrid-day-img {
    display: block;
    margin-top: 5px;
    width: 20px;
    height: 20px;
}

.fc-theme-standard td,
.fc-theme-standard th {
    border: 1px solid #2b2754;
}

#checkincalender-modal.modal {
    --bs-modal-width: 600px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left: 46px;
}

.fc-header-toolbar {
    background-color: #211C52;
    width: 100%;
    max-width: 316px;
}

.fc-toolbar-chunk:nth-child(2) {
    padding-left: 15px;
    padding-right: 15px;
}

.fc-button {
    background-color: #211C52;
}

.fc .fc-toolbar-title {
    font-size: 24px;
    margin: 0px;
    color: #fff;
}

.fc .fc-button-primary {
    background-color: #221d53;
    border-color: #221d53;
    color: var(--fc-button-text-color);
}

.fc-scrollgrid-sync-table {
    width: 310px !important;
    height: 310px !important;
}

.small-calendar .fc-daygrid-day-number {
    font-size: 10px !important;
}

.small-calendar .fc-daygrid-day-frame {
    min-height: 35px !important;
}

.small-calendar .fc-event-title {
    font-size: 10px !important;
}

.small-calendar .fc-col-header-cell {
    font-size: 11px !important;
    padding: 2px 0 !important;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: auto !important;
}

.fc-daygrid-event-harness {
    display: none;
}

.fc-view-harness {
    height: 360px !important
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0 !important;
}

.fc-theme-standard td,
.fc-theme-standard th {
    border: none !important;
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0 !important;
    width: 200px !important;
    border-radius: 8px;
}

.fc .fc-toolbar-title {
    font-size: 14px !important;
}

.fc .fc-daygrid-day-top {
    font-size: 12px;
}

.fc .fc-col-header-cell-cushion {
    display: inline-block;
    padding: 5px 4px;
    font-size: 13px;
}


/* // 21-05-20025 CSS ADDED  // */
.card-header-custom-two {
    color: white;
    text-align: center;
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    width: 100%;
    top: 8px;
    z-index: 2;
    left: 14px;
}

.useful-numbers {
    background-color: var(--primarycolor);
    padding: 30px;
    border-radius: 20px;
}

.support-section h5 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

.support-section p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px;
}

.support-section a {
    text-decoration: none;
}

.support-section h6 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

.useful-websites {
    background-color: var(--primarycolor);
    padding: 30px;
    border-radius: 20px;
}

.policies {
    background-color: var(--primarycolor);
    padding: 30px;
    border-radius: 20px;
}

.inner-sec {
    border-radius: 14px;
    border: 1px solid #43A5BE;
    padding: 20px;
}

.grey-txt {
    color: #BCBCBC !important;
}

.blue-txt {
    color: #43A5BE !important;
}

.btn-blue {
    background-color: #2682BC;
    border-color: #2682BC;
    color: #ffffff;
}

    .btn-blue:hover {
        background-color: #4e9bcb;
        border-color: #4e9bcb;
        color: var(--primarycolor)
    }

.file-icon-bg-circle {
    background-color: #372063;
    padding: 10px;
    border-radius: 50%;
    width: 76px;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .file-icon-bg-circle img {
        width: 40px;
        object-fit: contain;
    }

.card-wrapper a {
    text-decoration: none;
    width: 100%;
    max-width: 460px;
}

.breadcrumb-item.active {
    font-weight: 500;
}

.breadcrumb li {
    font-weight: 600;
}

.breadcrumb a {
    text-decoration: none;
    color: var(--primarycolor);
}

.custom-card {
    background-color: var(--primarycolor);
    border-radius: 20px;
    border: none;
}

.label-text {
    color: #227EBC;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 5px;
}

.value-text {
    font-weight: 500;
    font-size: 22px;
    margin: 0;
    color: #fff;
    word-break:break-all;
}

.card-two {
    background-color: var(--primarycolor);
    border-radius: 20px;
    border: none;
    width: 100%;
    max-width: 660px;
}

    .card-two img {
        width: 116px;
    }

.chat-container {
    background-color: white;
    border-radius: 20px;
    width: 100%;
    /* max-width: 900px; */
    height: 600px;
    display: flex;
    flex-direction: column;
    padding: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.chat-header {
    font-size: 24px;
    font-weight: 600;
    color: #2b2b52;
    margin-bottom: 20px;
}


.avatar {
    width: 35px;
    min-width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #3db1c9;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin: 0 10px;
}

.chat-footer {
    display: flex;
    align-items: center;
    padding: 10px 0 0;
    margin-top: auto;
}

    .chat-footer input {
        flex: 1;
        border: none;
        border-radius: 50px;
        padding: 12px 20px;
        background-color: #241d52;
        color: white;
        outline: none;
        max-width:calc(100% - 55px);
    }

        .chat-footer input::placeholder {
            color: #ccc;
        }

    .chat-footer button {
        background-color: #241d52;
        border: none;
        border-radius: 50%;
        margin-left: 10px;
        width: 45px;
        min-width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .chat-footer button i {
            color: white;
        }

.timestamp {
    font-size: 10px;
    color: #666;
    margin-top: 5px;
}



/* // 22-05-20025 CSS ADDED  // */
.mod-b .modal-body {
    padding: 20px 50px;
}

.mod-thought .modal-body {
    padding: 25px 50px;
}

.modal-title {
    font-size: 20px;
    font-weight: 600;
    color: #211C52;
}

.modal-body p {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
}

.profile-img-label {
    cursor: pointer;
    display: block;
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 5px;
    transition: border-color 0.3s ease;
}

    .profile-img-label img {
        width: 100%;
        border-radius: 50%;
    }

input[type="radio"] {
    display: none;
}

    input[type="radio"]:checked + .profile-img-label {
        border-color: #0d6efd;
        box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
    }

.dark-bg .star {
    width: 42px;
    height: 40px;
}



.add-student-form p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

.stu-detail {
    background-color: var(--primarycolor);
    border-radius: 12px;
    padding: 20px 30px;
}


.message {
    margin: 10px 0 0px;
    padding: 10px;
    border-radius: 8px;
    background-color: #f9f9f9;
    max-width: 100%;
    word-wrap: break-word;
    position: relative;


}

.user-message {
    background-color: rgba(82, 163, 191, 9);
    color: #fff;
    margin-left: auto;
    text-align: left;
    text-align: justify;
}

.other-message {
    background-color: #e9e9e9;
    margin-right: auto;
    text-align: left;
}

.message.other-message .message-time {
    right: auto;
    left: 10px;
}

.useful-numbers
/*, .useful-websites, .policies*/ {
    min-height: 100%;
}

.imgActive {
    border: 2px solid #fff;
    border-radius: 50%;
}

/*---*/
.useful-numbers strong,
.useful-numbers h3,
.useful-numbers h2,
.useful-numbers h1,
.useful-numbers p {
    color: #fff
}

.useful-numbers ul li {
    color: #fff
}

.mindfulSkills {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 750px;
    margin: 0 auto;
}

.studentWellbeing {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.skillsDiv {
    max-width: 220px;
    /*margin: 0 auto;*/
}

#profile_email_div .modal {
    padding-left: 245px;
}

.text-danger {
    color: #91000e !important;
}


.Loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000; 
    background-color: rgba(0, 0, 0, 0.3);
    text-align:center
}

.modal-body.flex-column span.dataFound {
    min-height: 160px;
    line-height: 160px;
}

.lodBoxImg {
    height: 100%;
    width: 100%;
    text-align: center;
    align-items: center;
    display: flex;
    padding-left: calc(100% - 50%);
}
.dash-smiley {
    justify-content: center;
    flex-direction: column;
    display: flex;
    align-items: center;
}

.video-expand {
    height:100%
}

.bg-white-container.video-expand-outer {
    height: calc(100vh - 140px);
}
.custom-video-modal-inner {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    height:100%
}
/*.video-expand{ height:100%;}*/
/*.video-expand-outer .custom-video-modal-inner,
.video-expand-outer .video-modal-content {
    height: 100%
}*/

/*.video-expand:has(#videoModal) {
    height: 100%;
}*/
.video-expand-outer #modalVideo {
    width: 100%;
    object-fit: contain !important;
    height: 100%;
}


.mindfulSkills .card-custom {
/*    border: none;*/
    border: 1px solid #28225d;
}

.custom-video-modal {
    padding: 140px 0;
}

.bg-white-container.video-expand-outer {
    overflow-y: scroll;
}


.closemenu-btn {
    filter: invert(0) brightness(20) !important;
}
#video-container {
    height:calc(100% - 130px)
}
.custom-video-modal .video-modal-content {
    height:80vh

}


.inner-sec.col-policies {
    background-color: var(--primarycolor) !important;
    border:none;
}

.video-modal-content.no-video-content {
    background: #44A7BE;
    height: 40vh;
}

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

/* 8-sept-2025 */
.support-section a:last-child p {
    margin-bottom: 0 !important;
}

.policies {
    height: auto;
}

.useful-numbers {
    min-height: unset;
}
.policy a {
    color: #1B75BB;
}