/* @import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@100;400;500;700&display=swap'); */

@font-face {
    font-family: 'Mukta Malar';
    src: url('../fonts/MuktaMalar-Bold.eot');
    src: url('../fonts/MuktaMalar-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuktaMalar-Bold.woff2') format('woff2'),
        url('../fonts/MuktaMalar-Bold.woff') format('woff'),
        url('../fonts/MuktaMalar-Bold.ttf') format('truetype'),
        url('../fonts/MuktaMalar-Bold.svg#MuktaMalar-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

* {
    /* font-family: 'Be Vietnam Pro', sans-serif; */
    font-family: 'Mukta Malar', sans-serif;
}

body,
html {
    /* height: auto; */
}

.thin_100 {
    font-weight: 100;
    font-size: 3.714em;
}

.regular_400,
p {
    font-weight: 400;
    font-size: 1.14em;
}

.medium_500 {
    font-weight: 500;
    font-size: 1.571em;
}

.bold_700 {
    font-weight: 700;
    font-size: 3.428em;
}

.login_bg {
    background: url(../media/img/login_app_bg_pattern.svg) no-repeat;
    background-size: cover;
    background-position: center center;
}

.logo_bg_app {
    background: #fff;
    padding: 0.55rem;
    border-radius: 0px 50px 50px 0px;
}

.bg-hover-primary:hover {
    background-color: #04AECE !important;
}

.bg-secondary {
    background-color: #04AECE !important;
}

.btn.btn-secondary {
    color: #fff;
    border-color: #04AECE;
    background-color: #04AECE;
}

.btn.btn-primary {
    color: #fff;
    border-color: #04AECE;
    background-color: #04AECE;
}

.btn.btn-outlined-red {
    border: 1px solid #EA502E !important;
    color: #EA502E;
}

.btn.btn-outlined-primary {
    border: 1px solid #4A6375 !important;
    color: #4A6375;
}

.btn-check:active+.btn.btn-primary,
.btn-check:checked+.btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show>.btn.btn-primary {
    color: #fff !important;
    border-color: #04AECE !important;
    background-color: #04AECE !important;
}

.btn-check:active+.btn.btn-secondary,
.btn-check:checked+.btn.btn-secondary,
.btn.btn-secondary.active,
.btn.btn-secondary.show,
.btn.btn-secondary:active:not(.btn-active),
.btn.btn-secondary:focus:not(.btn-active),
.btn.btn-secondary:hover:not(.btn-active),
.show>.btn.btn-secondary {
    color: #fff !important;
    border-color: #04AECE !important;
    background-color: #04AECE !important;
}

.text-primary {
    color: #04AECE !important;
}

.text-yellow {
    color: #DBA74C;
}

.badge-primary {
    background-color: #04AECE;
}

.badge-secondary {
    background-color: #678D12;
}

.swal2-icon.swal2-error.swal2-icon-show {
    display: none !important;
}

.form-control.form-control-solid:focus,
.select2-container--bootstrap5.select2-container--open .form-select:not(.form-select-solid):not(.form-select-transparent) {
    border-color: #04AECE;
}

#kt_carousel_1_carousel {
    position: relative;
}

#kt_carousel_1_carousel::before {
    content: '';
    position: absolute;
    background: url(../media/img/quote_ico.svg) no-repeat;
    opacity: 0.1;
    background-size: 80%;
    top: -31px;
    left: 70px;
    height: 80px;
    width: 80px;
}

a {
    color: #04AECE;
    text-decoration: none;
}

.form-control {
    font-weight: 400;
}

.form-control-lg {
    font-size: 1rem !important;
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: none;
}

.swal2-image {
    margin: 0em auto 1em;
}

.swal2-title {
    font-weight: 700 !important;
    font-size: 1.428em !important;
}

.border-primary {
    border-color: #04AECE !important;
}

.otc {
    position: relative;
    width: 320px;
    margin: 0 auto;
}

.otc fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

.otc fieldset div {
    display: flex;
    align-items: center;
}

.otc legend {
    margin: 0 auto 1em;
    color: #5555FF;
}


/* input[type="number"] {
    width: .82em;
    line-height: 1;
    margin: .1em;
    padding: 8px 0 4px;
    font-size: 1.05rem;
    text-align: center;
    -moz-appearance: textfield;
    appearance: textfield;
    -webkit-appearance: textfield;
    border: 2px solid #BBBBFF;
    color: purple;
    border-radius: 4px;
} */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"]:nth-child(n+4) {
    order: 2;
}

.login_tiles {
    background: #fff;
    border-radius: 10px 30px 10px 10px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    min-height: 112px;
}

.aside.aside-dark {
    background: linear-gradient(to bottom, #0061A2, #003164);
}

.aside.aside-dark .aside-logo {
    background-color: #1a1a2700;
}

.aside-dark .menu .menu-item .menu-link.active {
    background-color: #04AECE;
}

.aside-dark .menu .menu-item.show>.menu-link {
    background-color: #1b1b2800;
}

.aside-dark .menu .menu-item.here>.menu-link {
    background-color: #1b1b2800;
}

.aside-dark .menu .menu-item.here>.menu-link:hover {
    background-color: #1b1b2840;
}

.aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background-color: #1b1b2840;
}

#kt_wrapper {
    padding-top: 50px;
}

.select2-container--bootstrap5 .select2-selection--single {
    background-color: #fff;
    border-color: #f5f8fa;
    color: #5e6278;
    height: 35px;
}

.select2-container--bootstrap5.select2-container--focus .form-select:not(.form-select-solid):not(.form-select-transparent) {
    border-color: #b5b5c300;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option:not(.select2-results__option--group):hover {
    color: #04AECE;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    color: #04AECE;
    background-color: #f1faff;
}

.svg-primary {
    filter: invert(25%) sepia(100%) saturate(390%) hue-rotate(168deg) brightness(42%) contrast(97%);
}

.svg-dark {
    filter: invert(13%) sepia(63%) saturate(506%) hue-rotate(161deg) brightness(90%) contrast(101%);
}

.svg-white,
.category label input:checked+.chose_cat img,
.category a:hover .chose_cat img,
.searchFilter .accordion-button:not(.collapsed) img,
.shareRadio input[type="radio"]:checked+label img {
    filter: invert(25%) sepia(100%) saturate(390%) hue-rotate(168deg) brightness(500%) contrast(97%);
}

.svg-dark {
    filter: invert(0%) sepia(93%) saturate(2%) hue-rotate(221deg) brightness(25%) contrast(98%);
}

.svg-muted {
    filter: invert(64%) sepia(27%) saturate(423%) hue-rotate(201deg) brightness(180%) contrast(151%);
}

.form-check.form-check-solid .form-check-input:checked {
    background-color: #04AECE;
}

label.btn.btn-icon,
span.btn.btn-icon {
    padding: 0 !important;
}

.text-hover-primary:hover {
    color: #04AECE !important;
}

.aside-dark .menu .menu-item .menu-link .menu-title {
    color: #d7d7da;
}

.bg-primary {
    background-color: #04AECE !important;
}

.btn-primary-outline {
    border: #04AECE 1px solid !important;
    color: #04AECE;
}

.btn-primary-outline:hover {
    background-color: #edf7ff !important;
}

.aside.aside-dark .btn-custom {
    color: #b5b5c3;
    background-color: #04AECE;
}

.aside.aside-dark .btn-custom.active,
.aside.aside-dark .btn-custom.show,
.aside.aside-dark .btn-custom:active:not(.btn-active),
.aside.aside-dark .btn-custom:focus:not(.btn-active),
.aside.aside-dark .btn-custom:hover:not(.btn-active),
.btn-check:active+.aside.aside-dark .btn-custom,
.btn-check:checked+.aside.aside-dark .btn-custom,
.show>.aside.aside-dark .btn-custom {
    background-color: #00528f !important;
}

.btn-check:active+.btn.btn-active-color-primary,
.btn-check:checked+.btn.btn-active-color-primary,
.btn.btn-active-color-primary.active,
.btn.btn-active-color-primary.show,
.btn.btn-active-color-primary:active:not(.btn-active),
.btn.btn-active-color-primary:focus:not(.btn-active),
.btn.btn-active-color-primary:hover:not(.btn-active),
.show>.btn.btn-active-color-primary {
    background: #dceeee !important;
}

.bg-light-outline {
    border: 1px solid #ffffff80;
}

.bg-light-outline h5 {
    color: #ffffff80 !important;
    margin-bottom: 0px;
}

.components .col {
    flex: 0 0 48%;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.components .col:hover h5 {
    color: #ffffff !important;
}

.components .col .svg-white,
.select_col .svg-white {
    filter: invert(25%) sepia(100%) saturate(0%) hue-rotate(168deg) brightness(95%) contrast(97%);
}

.components .col:hover .svg-white,
.select_col:hover .svg-white {
    filter: invert(25%) sepia(100%) saturate(390%) hue-rotate(168deg) brightness(500%) contrast(97%);
}

.components .col:hover .svg-white,
.select_col.active .svg-white {
    filter: invert(25%) sepia(100%) saturate(390%) hue-rotate(168deg) brightness(500%) contrast(97%);
}

.components .col:hover {
    border: 1px solid #ffffff;
}

.ico_representation {
    background: #F7F9FC;
    padding: 10px 20px;
}

.select_col:hover .ico_representation {
    background: #04AECE;
}

.select_col.active .ico_representation {
    background: #04AECE;
}

.select_col:hover {
    cursor: pointer;
}

.text-grey {
    color: #808080;
}

.btn.btn-light-primary {
    color: #04AECE;
}

btn-check:active+.btn.btn-light-primary,
.btn-check:checked+.btn.btn-light-primary,
.btn.btn-light-primary.active,
.btn.btn-light-primary.show,
.btn.btn-light-primary:active:not(.btn-active),
.btn.btn-light-primary:focus:not(.btn-active),
.btn.btn-light-primary:hover:not(.btn-active),
.show>.btn.btn-light-primary {
    color: #fff;
    border-color: #04AECE;
    background-color: #04AECE !important;
}

.shadow-light {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}


/* .text-flex {
    max-height: 300px;
} */

.img-flex {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f1f1f1;
    border: 5px solid #fff;
    outline: 3px solid #eee;
}

.img-flex-6 {
    max-width: 100%;
    height: 20em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-flex-4 {
    max-width: 100%;
    height: 20em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-flex-3 {
    max-width: 100%;
    height: 15em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-flex-2 {
    max-width: 100%;
    height: 10em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-flex img {
    object-fit: contain;
}

h2.title {
    position: relative;
    padding: 0;
    margin: 0;
    font-weight: 300;
    font-size: 30px;
    color: #080808;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.line_ .title {
    text-align: center;
    padding-bottom: 5px;
}

.line_ .title:before {
    width: 28px;
    height: 5px;
    display: block;
    content: "";
    position: absolute;
    bottom: 3px;
    left: 50%;
    margin-left: -14px;
    background-color: #04AECE;
}

.line_ .title:after {
    width: 100px;
    height: 1px;
    display: block;
    content: "";
    position: relative;
    margin-top: 15px;
    left: 50%;
    margin-left: -50px;
    background-color: #04AECE;
}

.hover_bg {
    background-color: #ffffff;
}

.hover_bg:hover {
    background-color: #04AECE;
    cursor: pointer;
    color: #ffffff;
}

.hover_bg.active {
    background-color: #04AECE;
    cursor: pointer;
    color: #ffffff;
}

.text-justify {
    text-align: justify;
}

@media only screen and (max-width: 768px){
    .md-d-none{
		display: none!important;
	}
}


/********************************** 1 X 4 Carousel Style Starts here *******************/

@media (min-width: 768px) {
    .custom_load_caros .carousel-inner {
        display: flex !important;
    }

    .custom_load_caros .carousel-item {
        margin-right: 0 !important;
        flex: 0 0 25% !important;
        display: block !important;
    }
}

.custom_load_caros .carousel-inner {
    padding: 1em;
}

.custom_load_caros .card {
    margin: 0 .5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
}

.custom_load_caros .carousel-control-prev,
.carousel-control-next {
    background-color: #e1e1e1;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.custom_load_caros .card .img-wrapper {
    max-width: 100%;
    height: 13em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-wrapper img {
    object-fit: contain;
}

img {
    max-height: 100%;
}

.grid-2 {
    grid-template-columns: 1fr 1fr;
}

.grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
}


/********************************** 1 X 4 Carousel Style Endz here *******************/

.image_prev {
    border: 1px dashed #04007450 !important;
    border-radius: 10px;
    padding: 1rem;
    margin-top: 1rem;
    text-align: center;
}

.toastr.toastr-success {
    background-color: #02885d;
    color: #fff;
}

.toastr.toastr-error {
    background-color: #c43d30;
    color: #fff;
}

.toastr.toastr-info {
    background-color: #ea8029;
    color: #fff;
}

.test_alert h4 {
    color: #1D8F3C;
}

.test_alert {
    position: fixed;
    bottom: 40px;
    right: 10px;
    display: block;
    background: #E5FFEC;
    color: white;
    padding: .85rem 1.5rem;
    border-radius: 10px;
    animation: showtwosec 2.5s linear;
    opacity: 0;
    z-index: 999999;
    /* box-shadow: 0px 4px 6px rgba(0,0,0,0.2); */
    border: 1px solid #7CCC91;
}

.test_alert.bg-danger {
    background: #FCEDE9;
    border-color: #ECB8AD;
}

.test_alert.bg-danger h4 {
    color: #EA502E;
}

@keyframes showtwosec {
    0% {
        transform: translateX(300px);
    }

    20% {
        transform: translateX(0px);
        opacity: 1;
        z-index: 999999;
    }

    90% {
        transform: translateX(0px);
        opacity: 1;
        z-index: 999999;
    }

    100% {
        transform: translateX(0px);
        opacity: 0;
    }
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after,
table.dataTable>thead .sorting_asc_disabled:after {
    background-image: none;
}

table.dataTable>thead .sorting:after,
table.dataTable>thead .sorting_asc:after {
    right: 0.5em;
    content: "↓";
    display: block;
    top: 9px;
    bottom: 0;
    margin: auto;
}

table.dataTable>thead .sorting:before,
table.dataTable>thead .sorting_desc:after {
    right: 1em;
    content: "↑";
    display: block;
    top: 9px;
    bottom: 0;
    margin: auto;
}

table.dataTable>thead .sorting_asc:after {
    bottom: 1.4em;
    opacity: 1;
}

table.dataTable>thead .sorting_desc:after {
    bottom: 1.4em;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #04AECE;
}

.nav-link {
    color: #04AECE;
}

.form-check-input:checked {
    background-color: #04AECE;
    border-color: #04AECE;
}

.accordion-button:not(.collapsed) {
    color: #04AECE;
    background-color: #f5f8fa;
    box-shadow: inset 0 -1px 0 #eff2f5;
}

.tns .tns-nav button.tns-nav-active {
    background-color: #04AECE;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #04AECE;
    border-color: transparent;
    border-radius: 50%;
}


/***************************** Vertical Marquee Style Starts ***********************/

.wrapperr {
    width: 100%;
}

.box {
    height: 360px;
    position: relative;
    overflow: hidden;
    background-color: #fff1f1;
}

.scroll-y {
    /* position: absolute; */
}

.scroll-y li {
    list-style: circle;
}


/***************************** Vertical Marquee Style Endz ***********************/

.lh-2 {
    line-height: 2rem;
}

.custom-file-button input[type=file] {
    margin-left: -2px !important;
}

.custom-file-button input[type=file]::-webkit-file-upload-button {
    display: none;
}

.custom-file-button input[type=file]::file-selector-button {
    display: none;
}

.custom-file-button:hover label {
    background-color: #04AECE;
    cursor: pointer;
}

.input-group-text {
    color: #fff;
    background-color: #04AECE;
}

.table-theme thead {
    background-color: #04AECE;
}

.table-theme thead th {
    color: #ffffff;
}

.modal-custom {
    z-index: 1;
}

#td_toggle .form-switch.form-check-solid .form-check-input {
    height: 2rem;
}

.password_ic_parent {
    position: relative;
}

.password_ic {
    position: absolute;
    background: none;
    border: none;
    display: inline;
    right: 19px;
    bottom: 0px;
    margin: auto;
}

.alertMsg {
    margin-top: 0.5rem;
}

.w-45 {
    width: 45%;
}

.login_bg_grid {
    background-image: linear-gradient(0deg, transparent 24%, hsla(0, 0%, 100%, 0.037) 25%, hsla(0, 0%, 100%, 0.037) 26%, transparent 27%, transparent 74%, hsla(0, 0%, 100%, 0.037) 75%, hsla(0, 0%, 100%, 0.037) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, hsla(0, 0%, 100%, 0.037) 25%, hsla(0, 0%, 100%, 0.037) 26%, transparent 27%, transparent 74%, hsla(0, 0%, 100%, 0.037) 75%, hsla(0, 0%, 100%, 0.037) 76%, transparent 77%, transparent);
    width: 100%;
    -webkit-animation: bg-scrolling-reverse 3s infinite;
    -moz-animation: bg-scrolling-reverse 3s infinite;
    animation: bg-scrolling-reverse 3s infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    background-size: 100px 100px;
}

@-webkit-keyframes bg-scrolling-reverse {
    to {
        background-position: 50px 50px
    }
}

@-moz-keyframes bg-scrolling-reverse {
    to {
        background-position: 50px 50px
    }
}

@keyframes bg-scrolling-reverse {
    to {
        background-position: 50px 50px
    }
}

.list-style-none {
    list-style-type: none;
}

.list-h-20 li {
    line-height: 2rem;
    margin-bottom: 1rem;
    text-align: justify;
    position: relative;
}

.bg-light-50 {
    background: #ffffff50;
    color: #fff;
}

.bg-light-10 {
    background: #ffffff10;
}

.list-h-20 li::before {
    content: '';
    position: absolute;
    left: -20px;
    height: 20px;
    top: 0.6rem;
    width: 13px;
    background: url(../img/site/arrow_ico.svg) no-repeat;
    filter: invert(50%) sepia(100%) saturate(1000%) hue-rotate(21deg) brightness(112%) contrast(137%);
}

.svg-secondary {
    filter: invert(19%) sepia(12%) saturate(4989%) hue-rotate(141deg) brightness(30%) contrast(3%);
}

.btn-check:checked+.btn-outline-secondary {
    background: linear-gradient(to bottom, #0061A2, #003164);
    color: white;
}

.btn-check:checked+.btn-outline-secondary .svg-secondary {
    filter: invert(19%) sepia(12%) saturate(4989%) hue-rotate(141deg) brightness(980%) contrast(122%);
}

.table td:first-child,
.table th:first-child,
.table tr:first-child {
    padding: .75rem .75rem !important;
}

.table.gy-5 td,
.table.gy-5 th {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
}


/* .table td,
.table th {
    border: 1px solid #020202 !important;
}

.table tbody tr:last-child td,
.table tbody tr:last-child th,
.table tfoot tr:last-child td,
.table tfoot tr:last-child th {
    border: 1px solid #020202 !important;
} */

table thead tr {
    background: #04AECE;
    color: #fff !important;
}

.lk-tree-menu {
    padding: 10px;
    list-style: none;
}

@keyframes slideDown {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.lk-tree-menu input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.lk-tree-menu input~ul {
    display: none;
    padding: 0px;
    animation: slideDown 0.5s ease-out;
}

.lk-tree-menu input:checked~ul {
    display: block;
}

.lk-tree-menu input:checked~label.tree_label:before {
    content: "–";
}

.lk-tree-menu input:checked~label.tree_label:after {
    border-radius: 0 0.3em 0 0;
    border-top: 1px solid #606060;
    border-right: 1px solid #606060;
    border-bottom: 0;
    border-left: 0;
    bottom: 0;
    top: 0.5em;
    height: auto;
    margin: 5px 0px 0px 1px;
}

.lk-tree-menu>li:last-child:before {
    display: none;
}

.lk-tree-menu li {
    line-height: 1.2;
    position: relative;
    padding: 0 0 1em 1em;
    list-style: none;
}

.lk-tree-menu li:last-child:before {
    height: 1em;
    bottom: auto;
}

.lk-tree-menu li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -0.5em;
    display: block;
    width: 0;
    border-left: 1px solid #606060;
    content: "";
}

.lk-tree-menu li:last-child {
    padding-bottom: 0;
}

.lk-tree-menu li ul li {
    padding: 0.5em 0 0 1em;
}

.lk-tree-menu label {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    border-radius: 3px;
}

.lk-tree-menu label.tree_label {
    cursor: pointer;
    margin: 0px;
    width: 100%;
    padding: 5px;
}

.lk-tree-menu label:hover {
    color: #04AECE;
    background: #d0ebeb;
}

.lk-tree-menu label.tree_label:before {
    background: #04AECE;
    color: #fff;
    position: relative;
    z-index: 1;
    float: left;
    margin: 0 1em 0 -2.3em;
    width: 1em;
    height: 1em;
    border-radius: 1em;
    content: "+";
    text-align: center;
    line-height: 0.9em;
}

.lk-tree-menu label.tree_label:after {
    border-bottom: 0;
}

.lk-tree-menu .tree_label {
    position: relative;
    display: inline-block;
    background: #fff;
}

.lk-tree-menu .tree_label:after {
    position: absolute;
    top: 0.5em;
    left: -1.5em;
    display: block;
    height: 0.5em;
    width: 1em;
    border-bottom: 1px solid #606060;
    border-left: 1px solid #606060;
    border-radius: 0 0 0 0.3em;
    content: "";
}

.no-before::before {
    display: none !important;
}

.modal-header {
    padding: 0.75rem 1.75rem;
}

.form-control-lg {
    padding: .50rem 1rem;
    font-size: 1rem;
    min-height: calc(1.5em + 1rem + 2px);
}

.alertTxt {
    font-size: 11px;
    margin-top: 2px;
    display: inline-block;
}

.alertTxt i {
    display: none;
}

.tab-style1 .nav-link,
.tab-style2 .nav-link {
    padding: 2px 10px;
    border-radius: 20px;
    border: none;
    margin-bottom: 0;
    color: #FFF;
}

.tab-style1 .nav-link:focus,
.tab-style1 .nav-link:hover {
    color: #FFF !important;
}

.tab-style1 .nav-link.active {
    background: #FFF;
    border-left: none !important;
    border-radius: 4px;
    color: #04AECE !important;
}

.tab-style2 .nav-link.active {
    background: #04AECE;
    border-left: none !important;
    border-radius: 20px;
    color: #FFF !important;
}

.tab-style2 .nav-link .badge {
    background-color: #CCC;
    border-radius: 20px;
    color: #414141;
}

.tab-style2 .nav-link.active .badge {
    background-color: #FFF;
    border-radius: 20px;
    color: #04AECE !important;
}

.tab-style2 .nav-link {
    color: #414141;
}

.treeTab details summary::-webkit-details-marker {
    margin-right: 14px;
}

.treeTab details>details {
    margin: 5px 0;
    margin-left: 15px;
    position: relative;
}

.treeTab details>details::after {
    content: "";
    position: absolute;
    top: -5px;
    left: -10px;
    width: 1px;
    height: calc(36px + 10px);
    background-color: #c7d3df;
}

.treeTab details>details:last-child::after {
    height: calc(36px / 2 + 5px);
}

.treeTab details>details::before {
    content: "";
    position: absolute;
    top: calc(36px / 2);
    left: -10px;
    width: 8px;
    height: 1px;
    background-color: #c7d3df;
}

.treeTab details>details[open]:not(:last-child)::after {
    height: calc(100% + 5px);
}

.treeTab details>details summary {
    color: white;
    padding: 8px;
    background-color: #174378;
    border: 1px solid #174378;
    border-radius: 3px;
}

.treeTab details>details summary::-webkit-details-marker {
    margin-right: 14px;
}

.treeTab details>details>details {
    margin: 5px 0;
    margin-left: 15px;
    position: relative;
}

.treeTab details>details>details::after {
    content: "";
    position: absolute;
    top: -5px;
    left: -10px;
    width: 1px;
    height: calc(28px + 10px);
    background-color: #c7d3df;
}

.treeTab details>details>details:last-child::after {
    height: calc(28px / 2 + 5px);
}

.treeTab details>details>details::before {
    content: "";
    position: absolute;
    top: calc(28px / 2);
    left: -10px;
    width: 8px;
    height: 1px;
    background-color: #c7d3df;
}

.treeTab details>details>details[open]:not(:last-child)::after {
    height: calc(100% + 5px);
}

.treeTab details>details>details summary {
    margin: 5px 0;
    padding: 5px 10px;
    background-color: #dfe7ec;
    border: 1px solid #c7d3df;
    border-radius: 3px;
    color: #545f69;
    position: relative;
}

.treeTab details>details>details summary span {
    color: #041320;
}

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

.treeTab li {
    margin: 5px 0;
    padding: 5px 10px;
    background-color: #dfe7ec;
    border: 1px solid #c7d3df;
    border-radius: 3px;
    color: #545f69;
    position: relative;
    margin-left: 15px;
    position: relative;
}

.treeTab li span {
    color: #041320;
}

.treeTab li::after {
    content: "";
    position: absolute;
    top: -5px;
    left: -10px;
    width: 1px;
    height: calc(28px + 10px);
    background-color: #c7d3df;
}

.treeTab li:last-child::after {
    height: calc(28px / 2 + 5px);
}

.treeTab li::before {
    content: "";
    position: absolute;
    top: calc(28px / 2);
    left: -10px;
    width: 8px;
    height: 1px;
    background-color: #c7d3df;
}

.treeTab li[open]:not(:last-child)::after {
    height: calc(100% + 5px);
}

summary::-webkit-details-marker,
details summary::marker {
    display: none;
    content: '';
}


/* summary:after {
    content: "\f107";
    font-family: 'FontAwesome';
    float: right;
}

details[open] > summary:after {
    content: "\f106";
} */

.closeTree,
.showTree .openTree {
    display: none !important;
}

.showTree .closeTree {
    display: block !important;
}

#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform .action-button {}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #2098ce;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #aCbEd0;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
}

#progressbar li {
    color: #000;
}

#progressbar li.active {
    color: #FFF;
    background: #04AECE;
}

#progressbar li:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #ececec;
    border-radius: 25px;
    margin-right: 5px;
}

#progressbar li:after {
    content: '';
    width: 60px;
    height: 1px;
    background: #04AECE;
    position: absolute;
    left: -61px;
    top: 0;
    z-index: 1;
    bottom: 0;
    margin: auto;
}

#progressbar li:first-child:after {
    content: none;
}

#progressbar li.active:before {
    background: #fff;
    color: #04AECE;
    content: '\f00c';
    font-family: 'FontAwesome';
    text-align: center;
}

.floatingTitle {
    top: -7px;
}

.floatingTitle.fs-5 {
    top: -11px;
}

.dragableTable tr {
    cursor: move;
}

.loginCarousel .carousel-caption {
    left: 0;
    right: 0;
    width: 98%;
    bottom: 0;
}

.loginCarousel .carousel-caption .card {
    backdrop-filter: blur(5px);
}

.loginCarousel .carousel-item-next,
.loginCarousel .carousel-item-prev,
.loginCarousel .carousel-item.active {
    display: flex;
    justify-content: center;
    /* align-items: flex-end; */
}

.loginCarousel .carousel-indicators {
    bottom: 15px;
}

.loginCarousel .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.form-check-input {
    width: 1.5rem;
    height: 1.5rem;
}

.blur-effect {
    filter: blur(4px);
}

.image-input-wrapper .thumb-image {
    background: #FFF;
}

.deleteOnRt {
    top: -15px;
    right: -30px;
}

.tooltip>.tooltip-inner {
    background-color: #202020;
    color: #fff;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #202020 !important;
}

.btn-outline-secondary {
    color: #181c32;
}

.end-minus-10 {
    right: -10px;
}

.end-minus-30 {
    right: -30px;
}

.aside-dark .hover-scroll-overlay-y {
    --scrollbar-space: .3rem;
}

@media (min-width: 992px) {
    .content {
        padding: 20px 0;
    }

    .header-fixed .header {
        height: 50px;
    }

    .adminDash.aside-enabled.aside-fixed .wrapper {
        padding-left: 0px;
    }

    .adminDash.aside-enabled.aside-fixed.header-fixed .header {
        left: 0px;
    }

    header li.dropdown:hover ul.dropdown-menu {
        display: block;
        /* border-top: 4px solid #04AECE;
    border-top-left-radius: 0;
    border-top-right-radius: 0; */
    }
}

.image-grid figure {
    margin-bottom: 0;
}

.image-grid img {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.2s;
}

.image-grid a:hover img {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.35);
}


/* LIGHTBOX STYLES
  –––––––––––––––––––––––––––––––––––––––––––––––––– */

.lightbox-modal .modal-content {
    background: var(--lightbox);
}

.lightbox-modal .btn-close {
    position: absolute;
    top: 20px;
    right: 18px;
    font-size: 1.2rem;
    z-index: 10;
}

.lightbox-modal .modal-body {
    display: flex;
    align-items: center;
    padding: 0;
    text-align: center;
}

.lightbox-modal img {
    width: auto;
    max-height: 100vh;
    max-width: 100%;
}

.lightbox-modal .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(36, 36, 36, 0.75);
}

.lightbox-modal .carousel-control-prev,
.lightbox-modal .carousel-control-next {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background: #000;
    border-radius: 100%;
}

.lightbox-modal .carousel-control-prev {
    left: 10px;
}

.lightbox-modal .carousel-control-next {
    right: 10px;
}

.end-20 {
    right: 20px;
}

.object-cover {
    object-fit: cover;
}


/* Workflow */

.stickyLastCol.table th:last-child,
.stickyLastCol.table td:last-child,
.stickyFirstCol.table th:first-child,
.stickyFirstCol.table td:first-child {
    position: sticky;
    right: -1px;
    background-color: #FFF;
}

.stickyFirstCol.table th:first-child,
.stickyFirstCol.table td:first-child {
    right: auto;
    left: 0;
}

.stickyLastCol.table th,
.stickyLastCol.table th:last-child,
.stickyFirstCol.table th:first-child {
    background-color: #f8f8f8;
    color: #4A6375;
    text-transform: none;
    vertical-align: middle;
}

.stickyLastCol.table td {
    font-weight: normal;
}

.dataTables_length {
    padding-left: 10px !important;
}

.btn.btn-white:hover:not(.btn-active),
.btn.btn-white:active:not(.btn-active),
.btn.btn-white:focus:not(.btn-active) {
    background-color: #FFF !important;
}

.page-item .page-link {
    min-width: 2rem;
    height: 2rem;
    font-size: 1rem;
    color: #65676e;
}

table.stickyLastCol.dataTable>thead .sorting:before,
table.stickyLastCol.dataTable>thead .sorting:after {
    top: 0;
    transform: translateY(26%);
}

.filterOpen {
    display: none;
    margin-top: -2px;
}

.catalogMenu .owl-carousel .owl-nav .owl-prev,
.catalogMenu .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
}

.catalogMenu .owl-carousel .owl-nav .owl-next {
    right: -20px;
    left: auto;
}

.leftVTabs a {
    /* border: 1px solid #dee2e6; */
    background: #FFF;
    color: #181c32;

}

.leftVTabs .nav-link:focus,
.leftVTabs .nav-link:hover {
    color: #04AECE !important;
}

.leftVTabs a.active,
.leftVTabs a.nav-link.active:hover,
.leftVTabs a.nav-link.active:focus {
    background-color: #04AECE;
    color: #FFF !important;
    position: relative;
    border-radius: 0px 35px 35px 0px;
    z-index: 10;
    /* border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; */
}

.leftVTabs a.active::before {
    content: "";
    position: absolute;
    background-color: transparent;
    top: -50px;
    height: 50px;
    width: 40px;
    border-top-right-radius: 25px;
    box-shadow: 0 -25px 0 0 #04AECE;
    transform: rotate(-0.5turn);
    left: 0;
    z-index: -1;
}

.leftVTabs a.active::after {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: -50px;
    height: 50px;
    width: 40px;
    border-top-right-radius: 25px;
    box-shadow: 0 -25px 0 0 #04AECE;
    left: 0;
    transform: scaleX(-1);
    z-index: -1;
}

/* Remove ::before on the first active element */
.leftVTabs a.active.first-active::before {
    display: none;
}

/* Remove ::after on the last active element */
.leftVTabs a.active.last-active::after {
    display: none;
}

/* .leftVTabs a.active::after {
    content: '';
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 19px solid #04AECE;
    position: absolute;
    right: -18px;
    top: 0px;
} */

/* .leftVTabs a.active::before {
    content: '';
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 19px solid #04AECE;
    position: absolute;
    right: -18px;
    top: 0px;
    rotate: 90%;
} */

.border-secondary {
    border-color: #678D12 !important;
}

.rotate-90 {
    transform: rotate(90deg);
}

.stepper.stepper-pills .stepper-item .stepper-label .stepper-title {
    color: #4A6375;
    font-weight: 500;
}

.stepper.stepper-pills .stepper-item.current .stepper-label .stepper-title {
    color: #04AECE;
}

.stepper.stepper-pills .stepper-item.current .stepper-icon {
    border-color: #04AECE !important;
    background-color: #04AECE;
}

.end-30 {
    right: 30px;
}

.top-5 {
    top: 5px;
}

.accrodForm .accordion-item {
    background-color: #EFF5F9;
}

.accrodForm .accordion-header {
    border-left: 3px solid #04AECE;
}

.addOnEnd {
    top: 4px;
    right: -5px;
}

.addOnEnd1 {
    top: 4px;
    right: -20px;
}

.stepper-line {
    border: 1px dashed #e4e6ef;
}

.accordion-item .form-check label {
    font-size: 15px;
}

.grid-column-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.tab-style3.nav.nav-pills.nav-pills-custom .nav-link.active,
.tab-style3.nav.nav-pills.nav-pills-custom .show>.nav-link.active {
    background: linear-gradient(to right, #5DDAFF, #5E68FF);
}

.tab-style3.nav.nav-pills.nav-pills-custom .nav-link.active .nav-text,
.tab-style3.nav.nav-pills.nav-pills-custom .show>.nav-link.active .nav-text,
.tab-style3.nav.nav-pills.nav-pills-custom .nav-link .completeStatus {
    color: #FFF !important;
}

.tab-style3.nav-tabs .nav-link.active img,
.tab-style3 .nav-link.active img {
    filter: none;
}

.tab-style3.nav.nav-pills.nav-pills-custom .nav-link .nav-icon img,
.tab-style3.nav.nav-pills.nav-pills-custom .show>.nav-link .nav-icon img {
    width: auto;
}

.sortBy .select2-container {
    width: 120px !important;
}

.sortBy .select2-container--bootstrap5 .select2-selection--single {
    height: 31px;
    padding: 5px 10px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
}

.sortBy .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
    padding-left: 0;
    color: #04AECE !important;
}


/******************************************** START Radio  ***********************************************/

.card-radio-btn .content_head {
    color: #333;
    font-size: 1.075rem;
    line-height: 30px;
    font-weight: 500;
}

.card-radio-btn .content_sub {
    color: #9e9e9e;
    font-size: 14px;
}

.card-input-element+.card {
    width: 180px;
    /* height: 250px; */
    margin: 10px;
    justify-content: center;
    color: var(--primary);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid transparent;
    border-radius: 10px;
    text-align: center;
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
}

.card-input-element+.card:hover {
    cursor: pointer;
}

.card-input-element:checked+.card {
    border: 3px solid;
    border-radius: 10px;
    -webkit-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    border-image: linear-gradient(45deg, #5DDAFF, #5E68FF) 1;
}

@-webkit-keyframes fadeInCheckbox {
    from {
        opacity: 0;
        -webkit-transform: rotateZ(-20deg);
    }

    to {
        opacity: 1;
        -webkit-transform: rotateZ(0deg);
    }
}

@keyframes fadeInCheckbox {
    from {
        opacity: 0;
        transform: rotateZ(-20deg);
    }

    to {
        opacity: 1;
        transform: rotateZ(0deg);
    }
}


/******************************************** END Radio  ***********************************************/

.choose_plan h1::after {
    content: ' ';
    width: 74px;
    display: block;
    position: absolute;
    height: 7px;
    background: linear-gradient(45deg, #5DDAFF, #5E68FF);
    margin: auto;
    left: 0;
    right: 0;
    border-radius: 20px;
    bottom: 0;
}

.form-switch.form-check-solid.form-switch-sm .form-check-input {
    height: 14px;
    width: 1.7rem;
}

.form-check.form-check-solid .form-check-input:focus {
    /* background-color: #cdcdcd; */
}


/******************************************** START password  ***********************************************/

.field input:invalid {
    box-shadow: none;
}

.field input:focus+label,
.field input:valid+label,
.field input.hasValue+label {
    pointer-events: auto;
    transform: translateY(-120%);
    font-size: 12px;
    color: #2b93d9;
    opacity: 1;
}

.field input:focus+label .togglePass,
.field input:valid+label .togglePass,
.field input.hasValue+label .togglePass {
    opacity: 0.3;
}

.field input:focus+label .togglePass:hover,
.field input:valid+label .togglePass:hover,
.field input.hasValue+label .togglePass:hover {
    opacity: 0.5;
}

.field input:focus+label .togglePass.active,
.field input:valid+label .togglePass.active,
.field input.hasValue+label .togglePass.active {
    opacity: 1;
}

.field__rules {
    /* column-count: 2; */
    padding: 5px;
    font-size: 0.8em;
    list-style: none;
}

.field__rules>li {
    display: flex;
    align-items: center;
    padding: 3px 0;
    color: rgba(17, 17, 17, .6);
    transition: 0.2s;
}

.field__rules>li::before {
    content: '✔';
    display: inline-block;
    color: #ddd;
    font-size: 1em;
    line-height: 0;
    margin: 0 6px 0 0;
    transition: 0.2s;
}

.field__rules>li.pass {
    color: #111;
}

.field__rules>li.pass::before {
    color: #2b93d9;
    text-shadow: 0 0 8px currentColor;
}

.field .showPassBtn {
    float: right;
    padding: 0;
    font-size: 0.9em;
    opacity: 0.7;
    line-height: 1.5;
    height: 1.5em;
    margin-left: 1.5em;
    background: none;
    border: 0;
    overflow: hidden;
}

.field .showPassBtn::before {
    content: '\2022';
    display: inline-block;
    font-size: 30px;
    line-height: 20px;
    vertical-align: top;
    margin-right: 0.3em;
    border: 1px solid black;
}

.field .showPassBtn::after {
    content: 'Show\AHide';
    display: inline-block;
    text-align: left;
    white-space: pre;
    vertical-align: top;
    transition: 0.18s ease-out;
}

.field .showPassBtn:hover {
    opacity: 1;
}

.field .showPassBtn.active::after {
    transform: translateY(-50%);
}


/******************************************** START password  ***********************************************/

.field__rules {
    display: none;
}

.statusStep .stepper-line {
    border: 1px solid #ECF0FB;
}

.stepper.stepper-pills .statusStep .stepper-item.completed .stepper-icon,
.stepper.stepper-pills .statusStep .stepper-item.current:last-child .stepper-icon,
.statusStep .stepper-item.completed .stepper-line {
    border-color: #04AECE !important;
}

.stepper.stepper-pills .statusStep .stepper-item.completed .stepper-icon .stepper-check,
.stepper.stepper-pills .statusStep .stepper-item.current:last-child .stepper-icon .stepper-check {
    color: #04AECE !important;
}

.stepper.stepper-pills .statusStep .stepper-item .stepper-icon .stepper-number img {
    vertical-align: sub;
}

.agree .form-check.form-check-solid .form-check-input {
    background-color: #FFF;
}

.agree .form-check.form-check-solid .form-check-input:checked {
    background-color: #04AECE;
}

.top-50 {
    top: 17px !important;
}

.intl-tel-input,
.iti {
    width: 100%;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: #ffff;
    border-radius: 10px;
}

.tab-style3.nav-tabs .nav-link {
    color: #4A6375;
}

.tab-style3.nav-tabs .nav-link.active {
    background: #04AECE;
    color: #FFF !important;
    border-left: none;
}

.autocomplete {
    top: 43px;
}

.gaana {
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 10px 10px;
}

.gaana li.data_select {
    padding: 5px 10px;
    font-size: 15px;
    cursor: pointer;
}

.gaana li.data_select:hover {
    background-color: #efefef;
}

.filter-search ul {
    padding-left: 0;
}

.filter-search .form-check.form-check-custom {
    align-items: self-start;
}

.filter-search .form-check.form-check-custom.form-check-sm .form-check-input {
    margin-top: 0px;
}

.switchBoth.form-check.form-check-solid .form-check-input {
    background-color: #04AECE;
}

.pagination .disabled {
    display: none;
}

.badge-light-primary {
    color: #00A9F9;
}

.bulkAct {
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    display: none;
}

.bulkAct ul {
    box-shadow: 1px 1px 19px #00000087;
}

.btn-violet {
    background-color: #6C5DD2;
}

.btn-pink {
    background-color: #EC3751;
}

.svg-gray {
    filter: invert(30%) sepia(20%) saturate(480%) hue-rotate(206deg) brightness(97%) contrast(87%);
}

.list-view .onGrid,
.onList {
    display: none !important;
}

.list-view .onList {
    display: block !important;
}

.bookinfo-list .bookinfo-desc.hide {
    display: none;
}

.bookinfo-box .bookinfo-desc.hide {
    display: none;
}

.bookinfo-list .bookinfo-desc.show {
    display: block;
}

.bookinfo-box .bookinfo-desc.show {
    display: block;
}

.bookinfo-list {
    background: #fcfcfc;
}

.bookinfo-list:nth-child(even) {
    background-color: #fdfdfd;
}

.bookinfo-list a {
    color: #0c0a60;
}

.bookinfo-content .bookinfo-desc {
    font-size: 1.2rem;
    color: #666;
    margin: 4px 0;
}

@media (min-width: 1300px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1280px;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px;
    }
}

@media (min-width: 1700px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1600px;
    }
}

.sticky-content {
    flex-grow: 1;
}

.dashboard .btn.btn-outline.btn-outline-dashed.btn-outline-default.active {
    background-color: #003164 !important;
    color: #FFF;
}

.dashboard .btn.btn-outline.btn-outline-dashed.btn-outline-default.active h4 {
    color: #fff !important;
}

.sort-list li i {
    /* position: absolute; */
    top: 11px;
}

.sort-list li i.fa-sort-desc {
    top: 6px;
}

.loading {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    background: #f5f3f0;
    background-image: -webkit-gradient(linear, left center, right center, from(#f5f3f0), color-stop(.2, #edeef1), color-stop(.4, #f5f3f0), to(#f5f3f0));
    background-image: -webkit-linear-gradient(left, #f5f3f0 0%, #edeef1 20%, #f5f3f0 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    border-radius: 2px;
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.onGrid .book_options {
    display: none;
    transition: 0.3s;
}

.onGrid .book_block {
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.onGrid .book_block:hover .book_options {
    display: flex;
    position: absolute;
    top: 0px;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    left: 0;
    transition: 0.3s;
}

.onGrid .book_options img {
    width: auto !important;
}

.onGrid .book_options span {
    font-size: 11px;
    color: #FFF;
}

.radioAsBtn {}

.radioAsBtn label,
.radioAsBtn input {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    cursor: pointer;
}

.radioAsBtn input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
}

.radioAsBtn input[type="radio"]:checked+label {
    background: #04AECE;
    /* border-radius: 4px; */
    color: #FFF;
}

.radioAsBtn label {
    cursor: pointer;
    z-index: 90;
    line-height: 1.8em;
}

.border-hold {
    border: 1px solid #6351E0;
}

.border-archive {
    border: 1px solid #F2994A;
}

.border-delete {
    border: 1px solid #EB5757;
}

.btn-delete {
    background-color: #EA502E;
    color: #FFF;
}

.category label input {
    position: absolute;
    display: none;
    color: #fff !important;
}

.category label input:checked+.chose_cat,
.category a:hover .chose_cat {
    background: linear-gradient(to bottom, #04AECE, #030053) !important;
}

/* .category label input:checked+.chose_cat,
.category a:hover .chose_cat_color {
    color: #004141!important;
    background-color: #f1faff !important;
    border: 1px dashed #04AECE !important;
} */

/* .chose_cat:hover img {
    filter: invert(25%) sepia(100%) saturate(390%) hue-rotate(168deg) brightness(600%) contrast(97%) !important;
} */

.category label input:checked+.chose_cat p,
.category a:hover .chose_cat p {
    color: #fff !important;
}

.vSeperate,
.vSeperateSwap {
    height: 100%;
    width: 1px;
    opacity: 0.5;
    margin: 0px 5px;
    background: linear-gradient(0deg, #ecebff 0%, rgba(0, 0, 0, 0) 100%);
    display: inline-block;
}

.vSeperateSwap {
    background: linear-gradient(#ecebff 0%, rgba(0, 0, 0, 0) 100%);
}

.hSeperate {
    height: 1px;
    width: 100%;
    opacity: 0.8;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ecebff 50%, rgba(255, 255, 255, 0) 100%);
}

.category {
    min-height: 100px;
}

.chose_cat img {
    height: 35px;
}

.multicolor_border:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -5px;
    height: 8%;
    background-image: -webkit-linear-gradient(311deg, #ff7a00 20%, #c5c5c5 35%);
    background-image: -moz-linear-gradient(311deg, #ff7a00 20%, #c5c5c5 35%);
    background-image: -o-linear-gradient(311deg, #ff7a00 20%, #c5c5c5 35%);
    background-size: 100%;
    z-index: -1;
}

.modal .multicolor_border:after {
    z-index: 1;
}

.bg-marc-view {
    background-color: #EAEEFF;
}

.radioStyle1 .card-input-element+.card {
    box-shadow: none;
    border: 1px solid #E4E6EC;
    width: 130px;
}

.radioStyle1 .card-input-element:checked+.card {
    border-color: #04AECE;
    box-shadow: 0px 1px 11px #04007442;
}

.radioStyle1 .card-input-element:checked+.card .radioCheck {
    display: block !important;
    top: -10px;
    right: -10px;
}

.text-info-blue {
    color: #009EF7 !important;
}

.bg-custom-blue {
    background-color: #c3ddf5 !important;
}

.rate {
    float: left;
    padding: 0 10px;
}

.rate:not(:checked)>input {
    position: absolute;
    top: -9999px;
    left: 0;
}

.rate:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 20px;
    color: #ccc;
}

.rate:not(:checked)>label:before {
    content: '★ ';
}

.rate>input:checked~label,
.text-yellow1 {
    color: #ffc700;
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: #deb217;
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #c59b08;
}

.table-striped.fontPlus tbody tr td {
    padding: 0.7rem 0.5rem;
    font-size: 15px;
}

#other_books.owl-carousel .owl-nav
/*.disabled*/

,
#article-palm.owl-carousel .owl-nav.disabled,
#article-palm.owl-carousel .owl-nav {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    justify-content: space-between;
}

.book_section_mobile {
    display: none;
}

.col-md-12.book_container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
}

.book_holder {
    background: #ECEBFF;
    overflow: hidden;
}

.book_section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    width: 50%;
    margin: auto;
    padding-top: 26px;
    padding-bottom: 20px;
}

.book_section canvas {
    display: inline;
    zoom: 1;
    max-width: 100%;
}

#article-images .owl-nav {
    position: absolute;
    top: 41%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    width: 100%;
}

.article-images .owl-stage {
    display: flex;
}

#myProgress {
    background-color: #B9B7FF;
}

#myBar {
    width: 0%;
    height: 5px;
    background-color: #04AECE;
    border-radius: 10px;
}

.scrolltop {
    background: linear-gradient(to bottom, #04AECE, #030053);
}

[data-kt-scrolltop=on] .scrolltop {
    opacity: .5;
}

.palmBook .book_card,
.palmBook .onGrid .book_block:hover .book_options {
    height: 150px;
}

.userProfile .iti--separate-dial-code .iti__selected-flag {
    background-color: #f5f8fa;
}

@media screen and (min-width: 768px) {
    .grid-col-md-2 {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (min-width: 992px) {
    .grid-col-lg-3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.bg-marc label {
    background: linear-gradient(#5DDAFF, #5E68FF);
}

.bg-marc:hover label {
    background: #04AECE;
    ;
}

.marc-hover:hover {
    border-color: #04AECE !important;
}

.marc-img:hover .list-icon {
    background-color: #04AECE !important;
}

.w-marc {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.modal .iti.iti--allow-dropdown.iti--separate-dial-code {
    color: #181c32;
}

.searchFilter .accordion-item:first-of-type .accordion-button,
.searchFilter .accordion-item:last-of-type .accordion-button {
    border-radius: 0;
}

.searchFilter .accordion-button {
    border-left: 3px solid #f9f9ff;
    background: #f9f9ff;
}

.searchFilter .accordion-button:not(.collapsed) {
    border-left-color: #04AECE;
    background: #04AECE;
    color: #FFF !important;
}

.sort-list {
    background-color: #dfdeff;
}

.head.switchBoth.form-check.form-check-solid .form-check-input {
    background-color: #fff;
    margin: 2px;
}

.head.form-switch.form-check-solid .form-check-input {
    background-image: url(../img/switch_round.svg) !important;
    background-size: 11px;
    background-size: right center;
}


.agarathigal-background-1 {
    background-image: url(../img/agarathigal-1.svg) !important;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover;

}


.agarathigal-background-2 {
    background-image: url(../img/agarathigal-2.svg) !important;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover;
}


.agarathigal-background-3 {
    background-image: url(../img/agarathigal-3.svg) !important;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover;
}


.agarathigal-background-4 {
    background-image: url(../img/agarathigal-4.svg) !important;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover;
}



.head .form-check-input {
    /* box-shadow: 0 0 0 0.1rem rgb(81 75 255); */
}

/* .form-switch.form-check-solid.form-switch-sm .form-check-input {
    height: 1.2rem;
    width: 2.0rem;
} */

.searchFilter .accordion-button:not(.collapsed)::after {
    background-image: url(../img/previous.svg);
    background-size: 7px;
    background-position: center center;
    transform: rotate(90deg);
}

.list_green li {
    background: url(../img/sitemap_arrow.svg) no-repeat left 6px;
    padding-left: 20px;
    background-size: 9px;
    margin-bottom: 10px;
}

.list_green a {
    color: #04AECE;
    font-size: 1.20em;
}

.articleCnt {
    background: #F1F8F8;
}

.copyRight {
    background: #005767;
}

.w-40per {
    width: 40%;
}

.w-10per {
    width: 10%;
}

.w-50per {
    width: 50%;
}

.articleCnt p {
    overflow-wrap: anywhere;
}

.userDetail {
    background: linear-gradient(to right, #3464CC, #31dfb6);
}


/******************************************** Grayscale ***********************************************/

.grayscale-100 {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}


/******************************************** Grayscale ***********************************************/


/******************************************** Font Increase Decrease ***********************************************/

#chcp_font_size button {
    border: none;
    background-color: transparent;
    /*background-color:#eee;*/
    text-shadow: none;
    /*+box-shadow: none;*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0px 5px;
    margin: 0px;
}

#chcp_font_size button:hover {
    color: #ffffff;
}

#btn-decrease {
    font-size: 12px;
}

#btn-orig {
    font-size: 14px;
}

#btn-increase {
    font-size: 12px;
}


/******************************************** END Font Increase Decrease ***********************************************/

.screen_title {
    color: #04AECE !important;
}

.shape_bg {
    background: url(../img/contact_shape.svg) no-repeat right bottom;
    background-size: 55%;
}

.contact_ico:hover {
    background-color: #04AECE;
}

.bg-shape-color {
    background-color: #f2f1ff;
}

.relatedSites a:hover {
    background-color: #04AECE;
    color: #FFF;
}

.btn-orange {
    background-color: #E69D26;
}

.vTabStyle1 .nav-link.active {
    color: #04AECE;
    background-color: #E2EDFC;
}

.down-bg-color:hover {
    background-color: #02885d;
    /* filter: invert(100%) sepia(0%) saturate(7498%) hue-rotate(50deg) brightness(125%) contrast(99%); */
}

.down-bg-color:hover img {
    filter: invert(100%) sepia(0%) saturate(7498%) hue-rotate(190deg) brightness(125%) contrast(99%);
}

.down-bg-color:hover p,
.down-bg-color:hover h5 {
    color: #ffffff !important;
}

.down-bg-white img {
    filter: invert(100%) sepia(0%) saturate(7498%) hue-rotate(190deg) brightness(125%) contrast(99%);
}

@media screen and (min-width: 992px) {
    .statusStep .stepper-line {
        left: -37%;
        width: 74%;
    }
}

@media screen and (min-width: 1200px) {
    .statusStep .stepper-line {
        left: -40%;
        width: 80%;
    }
}

@media screen and (min-width: 1700px) {
    .statusStep .stepper-line {
        left: -42%;
        width: 85%;
    }
}

@media screen and (min-height: 700px) {
    .login_banner {
        height: 100%;
    }
}

.fixedShare {
    right: 15px;
    bottom: 40px;
}

.shareRadio input[type="radio"] {
    visibility: hidden;
    height: 0;
    width: 0;
}

.shareRadio label {
    background-color: #efefef;
    transition: all .3s ease-out;
}

.shareRadio input[type="radio"]:checked+label {
    background-color: #04AECE;
}

.hashBlue {
    color: #0066D2;
}

.dangerBg {
    background: #FFEAE5;
}

.p-mb-0 p {
    margin-bottom: 0;
}

.blogList p {
    overflow-wrap: anywhere;
}

.stickyHead {
    z-index: 999;
    width: 100%;
    top: 0;
    transition: 0.5s ease-in;
}

.accrodForm .accordion-button {
    padding: inherit;
    color: #181c32;
    background-color: inherit;
}

.accrodForm .accordion-button::after {
    position: absolute;
    left: 5px;
}

.text-subClr {
    color: #4A6375;
}

.admin_dashClr1 {
    background: linear-gradient(111deg, #3A87F6, #55C9F2);
}

.admin_dashClr2 {
    background: linear-gradient(111deg, #00C8B0, #007BCE);
}

.admin_dashClr3 {
    background: linear-gradient(111deg, #A351FD, #EC86EB);
}

.admin_dashClr4 {
    background: linear-gradient(111deg, #1554C7, #659CFF);
}

.admin_dashClr5 {
    background: linear-gradient(111deg, #0093E9, #45E59D);
}

.adminDash_bClr {
    border-bottom: #D4D6E1;
}

.select2-container--bootstrap5 .select2-selection--single.year-box {
    background-color: #f5f8fa;
}

.graph .sharedClr span {
    background-color: #006BC8;
}

.graph .sharedClr p {
    color: #006BC8;
}

.graph .publishedClr span {
    background-color: #34B568;
}

.graph .publishedClr p {
    color: #34B568;
}

.graph .rejectedClr span {
    background-color: #F14E4F;
}

.graph .rejectedClr p {
    color: #F14E4F;
}

.graph .createdClr span {
    background-color: #20979F;
}

.graph .createdClr p {
    color: #20979F;
}

.graph .archivedClr span {
    background-color: #F2994A;
}

.graph .archivedClr p {
    color: #F2994A;
}

:root {
    --red: #F14E4F !important;
    --yellow: yellow !important;
    --bs-gray: #20979F !important;
    --bs-yellow: #F2994A !important;
    --bs-blue: #006BC8 !important;
    --bs-green: #34B568 !important;
}

table *,
.dataTables_wrapper * {
    /* font-family: 'Be Vietnam Pro', sans-serif; */
    font-size: 14px !important;
}

table .fs-5 {
    font-size: 14px !important;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable>thead .sorting_desc:after {
    background-image: none;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1,
table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: transparent;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top: none;
}

table.dataTable.no-footer {
    border-bottom: none;
}

table.dataTable thead th,
table.dataTable thead td,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    /* padding: inherit; */
}

.dataTables_length select {
    background-image: url(../img/select_arrow.svg);
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 16px 12px;
    border: 1px solid #e4e6ef;
    appearance: none;
    background-color: #f5f8fa;
    border-color: #f5f8fa;
    color: #5e6278;
    transition: color .2s ease, background-color .2s ease;
    padding: .65rem 1.7rem .65rem .75rem;
    font-size: .925rem;
    border-radius: 0.475rem;
    font-weight: 500;
    line-height: 1.5;
}

:focus-visible {
    outline: none;
}

.dataTables_filter input {
    background-clip: padding-box;
    border: 1px solid #e4e6ef;
    appearance: none;
    line-height: 1.5;
    min-height: calc(1.5em + 1.3rem + 2px);
    padding: 0.65rem 0.75rem;
    border-radius: 0.475rem;
    background-color: #f5f8fa;
    border-color: #f5f8fa;
    color: #5e6278;
    transition: color .2s ease, background-color .2s ease;
}

.dataTables_filter input:focus,
.dataTables_filter input:active {
    border-color: #04AECE;
    background-color: #eef3f7;
    color: #5e6278;
    transition: color .2s ease, background-color .2s ease;
}

.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_paginate span {
    display: flex;
    align-items: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px!important;
    padding:2px 2px!important;
    min-width: 30px!important;
    min-height:30px!important;
    /* border-radius: .475rem; */
    font-weight: 500;
    /* min-width: 2rem; */
    /* height: 2rem; */
    font-size: 1rem;
    color: #CACFE3 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    z-index: 3;
    color: #fff!important;
    background: #04AECE!important;
    border-color: transparent!important;
    border-radius: 50%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:active {
    text-indent: -9999px;
    background: url(../img/left-arrow.svg) no-repeat center 8px;
    background-size: 6px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:active {
    background-image: url(../img/left-arrow-pri.svg);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:active {
    text-indent: -9999px;
    background: url(../img/right-arrow.svg) no-repeat center 8px;
    background-size: 6px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:active {
    background-image: url(../img/right-arrow-pri.svg);
}

div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label {
    font-weight: 400;
    color: #7c7c7c;
}

.navbar-toggler {
    border: none;
    background: transparent !important;
}

.navbar-toggler:hover {
    background: transparent !important;
}

.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler .icon-bar {
    height: 2px;
    width: 26px;
    background-color: #ffffff;
    border-radius: 1px;
    display: block;
    margin-top: 6px;
    transition: all 0.2s;
}

.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 29% 269%;
}

.navbar-toggler .middle-bar {
    opacity: 0;
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 5% -279%;
}

.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}

.box {
    float: right;
    overflow: hidden;
    background: #f0e68c;
}


/* Add padding and border to inner content
for better animation effect */

.box-inner {
    width: 400px;
    padding: 10px;
    border: 1px solid #a29415;
}

.p-fs-5 p {
    font-size: 1.15rem;
}

#other_blogs .owl-nav {
    width: auto;
    position: absolute;
    top: -53px;
    right: -15px;
    padding-right: 0;
}

.shadow-sharp {
    box-shadow: 0px 3px 6px #00000029;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    color: #9e9e9e;
}

.select2-container--bootstrap5.select2-container--above .select2-selection--single .select2-selection__rendered,
.select2-container--bootstrap5.select2-container--below .select2-selection--single .select2-selection__rendered {
    color: #181c32;
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
}

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

.form-check-new:not(.form-switch) .form-check-input[type=checkbox] {
    background-size: 60% 60%;
}

table.drag td {
    cursor: move;
}

.tree_2 {
    --spacing: 1.5rem;
    --radius: 10px;
    --marker-bg-default: #181C32;
    --marker-bg-haschild: #6b9abb;
    line-height: 2rem;
}

.tree_2 li {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-bottom: 5px;
}

.tree_2 ul {
    margin-left: calc(var(--radius) - var(--spacing));
    padding-left: 0;
    border-left: 2px solid #ddd;
}

.tree_2 ul li:last-child {
    border-color: transparent;
}

.tree_2 ul li::before {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    left: -2px;
    width: calc(var(--spacing) + 2px);
    height: calc(var(--spacing) + 1px);
    border: dotted #ddd;
    border-width: 0 0 2px 0px;
    margin-left: 1px;
}

.tree_2 summary {
    display: block;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 5px;
}

.tree_2 summary::marker,
.tree_2 summary::-webkit-details-marker {
    display: none;
}

.tree_2 summary:focus {
    outline: none;
}

.tree_2 summary:focus-visible {
    outline: 1px dotted #000;
}

.tree_2 li::after,
.tree_2 summary::before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 16px;
    width: 13px;
    height: 13px;
    /* background: var(--marker-bg-default); */
    background: url(../img/icon_book_closed.svg) no-repeat;
}

.tree_2>li>details ul li details summary::before {
    content: '';
    z-index: 1;
    background: #FFF;
    /* border: 1px solid #181C32; */
    /* border-radius: 50%; */
    background: url(../img/icon_book_closed.svg) no-repeat;
}

.tree_2 details[open]>summary::before,
.tree_2 li:has(details[open]):after {
    content: '';
    background: url(../img/icon_book.svg) no-repeat;
}


/* .tree_2 li:not(:firstchild:has(details[open])):after {
    background: url(../img/icon_book_closed.svg) no-repeat;
} */

.tree_2 details>ul>li::after {
    /* border-radius: 50%; */
}

.tree_2 ul li ul li {
    border-left-style: none;
}

.tree_2 ul li ul {
    border-left: 2px dotted #ddd;
}

.tree_2 details ul details[open] summary,
.tree_2 details ul details[open] li.active {
    color: #04AECE;
}

.tree_2 details ul details[open] li.active::after {
    /* background: #04AECE; */
}

.tree_2>li>details[open]>summary {
    color: #04AECE;
    /* font-weight: 600; */
    font-weight: 500;
}

.tree_2 li.hasDropdown>details>summary::after {
    content: '\f078';
    float: right;
    font-family: 'FontAwesome';
    font-size: 10px;
    margin-right: 10px;
}

.tree_2 li.hasDropdown>details[open]>summary::after {
    content: '\f077';
}

header li.dropdown:hover ul.dropdown-menu li a {
    padding: 5px 0;
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #efefef;
}

header li.dropdown:hover ul.dropdown-menu li:last-child a {
    border-bottom: none;
}

.tree_2.centerIndex summary,
.tree_2.centerIndex a {
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
}

.tree_2.centerIndex li::after,
.tree_2.centerIndex summary::before {
    top: 13px;
}

.tree_2.centerIndex ul li::before {
    top: -2px;
}

.tableCnt .accordion-button {
    background: #f4f2ff;
    border-left: 4px solid #BAB0ED;
}

.bookSingleView table {
    width: 100%;
}

.tree_2.centerIndex summary:hover,
.tree_2.centerIndex a:hover {
    background: #f4f3ff;
}

.table.gy-4 td {
    font-weight: normal;
}

.bookSingleView table * {
    font-size: 16px !important;
}

.tam {
    font-family: GIST-TMOTChanakya;
    color: #0000FF;
    font-size: 10pt;
}

.tam123 {
    font-family: GIST-TMOTChanakya;
    color: #0000FF;
    font-size: 10pt;
    font-style: Bold;
}

.bor-rad {
    border-radius: 10px;
}

.h-260px {
    height: 260px;
}

.h-145px {
    height: 145px;
}

.cover-article-style {
    font-size: 13px !important;
    width: 200px !important;
    padding-left: 43px !important;
    padding-right: 49px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    font-weight: 600 !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    position: relative !important;
    bottom: 17px !important;
}


/* ---------- slider start ----------  */


.content {
    width: 100%;
    height: 250px;
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: auto;
    object-fit: cover;
}

.sliderr {
    position: relative;
    width: 100%;
    display: flex;
    overflow: hidden;
}

.sliderr .sliderr-inner {
    display: flex;
    width: 100%;
    transition: all .3s;
}

.sliderr .slide {
    flex: none;
    width: 100%;
}

.sliderr .indicators {
    display: flex;
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 1;
}

.sliderr .indicators .indicator {
    margin: 0px 5px;
    width: 10px;
    height: 10px;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    opacity: 0;
    cursor: pointer;
    transition: all .3s;
}

.sliderr .indicators .indicator[active] {
    width: 15px;
    opacity: 0;
}

.sliderr .arrows {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}

.sliderr .arrows .arrow-prev,
.sliderr .arrows .arrow-next {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    opacity: .6;
    cursor: pointer;
    transition: all .3s;
}

.sliderr .arrows .arrow-prev:hover,
.sliderr .arrows .arrow-next:hover {
    opacity: .8;
}

.sliderr .arrows .arrow-prev {
    left: 50px;
}

.sliderr .arrows .arrow-next {
    right: 50px;
}

.sliderr .arrows .arrow-prev .fas,
.sliderr .arrows .arrow-next .fas {
    color: #4b4b4b;
    opacity: .5;
}


/* ------------ slider end ------------  */


.fs-17 {
    font-size: 17px !important;
}

.glosary_active {
    background: #04AECE !important;
    padding: 5px 15px !important;
    color: #fff !important;
    cursor: pointer !important;
    border-radius: 5px !important;
}

.bg-primary-dark {
    background-color: #04AECE !important;
}

.fixed-size-img {
    width: 160px;
    height: 240px;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.bg-book-yellow{
    background-color: #E4AB42!important;
}

/* 
.navbar .links li .sub-menu li:hover {
    background-color: #ddeeff!important;
} */


/* Hover effect for main menu items */
.htmlCss-sub-menu > li:hover {
    background-color: #ddeeff; /* Color when hovering */
}

/* Style for nested submenu items */
.more-sub-menu li {
    /* background-color: #ddeeff; Default background color for sub-menu items */
    transition: background-color 0.3s ease; /* Smooth transition effect */
}

/* Hover effect for nested submenu items */
.more-sub-menu li:hover {
    background-color: #ddeeff; /* Color when hovering */
}