body {
}

:root {
    --ct-light_black: #606060;
    --primary-color: #0D89D4;
    --secondary-color: #0da2fc;
    --ct-logo-lg-height: 40px;
    --ct-body-font-size: 0.8rem;
    --ct-black: #000000;
    --hover-active-color: rgb(4, 125, 199);
}

html[data-menu-color=brand] {
    --ct-menu-bg: linear-gradient(0deg, #f78307 0%, #ffffff 90%);
    --ct-menu-item-color: #000;
    --ct-menu-item-hover-color: #007ec9;
    --ct-menu-item-active-color: var(--primary-color);
}

.link-primary-color, .primary-color {
    color: var(--primary-color) !important;
}

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

.text-primary {
    color: rgba(var(--ct-primary-rgb), var(--ct-text-opacity)) !important;
}

.secondary-color, link-secondary-color {
    color: var(--secondary-color) !important;
}

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

.light-black, .form-floating > label {
    color: var(--ct-light_black) !important;
}

:root,
[data-bs-theme=light] {
    --ct-primary-rgb: 114, 124, 245;
    --ct-body-color: #000 --ct-secondary-color: var(--secondary-color);
}

.form-control::-webkit-input-placeholder {
    color: var(--ct-light_black);
}

.form-control::-moz-placeholder {
    color: var(--ct-light_black);
}

.form-control:-ms-input-placeholder {
    color: var(--ct-light_black);
}

.form-control::-ms-input-placeholder {
    color: var(--ct-light_black);
}

.form-control::placeholder {
    color: var(--ct-light_black);
}

.form-control:focus, .form-check-input:focus, .form-select:focus {
    border: 2px solid #bee2e6;
}

.btn {
    --ct-btn-border-radius: 0.45rem;
}

.btn-primary {
    --ct-btn-bg: var(--primary-color);
    --ct-btn-hover-bg: var(--hover-active-color);
    --ct-btn-active-bg: var(--hover-active-color);
    --ct-btn-active-border-color: var(--hover-active-color);
}

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

.nav-pills .nav-link.active {
    background: var(--primary-color) !important;
}

.col-form-label {
    font-size: var(--ct-body-font-size);
}

.form-select {
    font-size: var(--ct-body-font-size);
}

.nav-pills > li > a {
    color: var(--ct-black);
}

.nav {
    --ct-nav-link-hover-color: var(--primary-color);
    border: solid 1px rgb(222, 226, 230);
}

.nav-padding {
    --ct-nav-link-padding-y: 0.0rem;
}

.font-28 {
    font-size: 28px !important;
}

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

.text-color {
    color: #ffffff !important;
}

.accordion-button:not(.collapsed) {
    color: #ffffff !important;
    background-color: var(--primary-color);
}

.accordion {
    --ct-accordion-btn-padding-y: 0.5rem;
}

.tooltip {
    --ct-tooltip-bg: var(--ct-light_black);
    --ct-tooltip-color: var(--ct-white);
}

.page-title-box .page-title {
    line-height: 50px;
}

.card {
    --ct-card-spacer-y: 0rem;
}

.dropdown-menu {
    color: var(--ct-black);
    --ct-dropdown-font-size: 0.8rem;
}

.text-bg-primary {
    background-color: var(--primary-color) !important;
}

.pagination {
    --ct-pagination-hover-color: var(--ct-white);
    --ct-pagination-hover-bg: var(--hover-active-color);
    /* --ct-pagination-hover-border-color: var(--hover-active-color);*/
    --ct-pagination-focus-color: var(--ct-white);
    --ct-pagination-focus-bg: var(--ct-secondary-bg);
}

.dataTables_paginate .pagination .paginate_button.active {
    --ct-pagination-hover-color: var(--hover-active-color);
    --ct-pagination-hover-bg: var(--hover-active-color);
    --ct-pagination-hover-border-color: var(--hover-active-color);
    --ct-pagination-focus-color: var(--hover-active-color);
    --ct-pagination-active-bg: var(--primary-color);
    --ct-pagination-active-border-color: var(--hover-active-color);
}

.show-spinner {
    position: fixed !important;
    top: 40%;
    left: 50%;
    font-size: 60px;
    color: orangered !important;
    display: flex;
}

.hide-spinner {
    position: relative !important;
    display: none !important;
}

.iti {
    width: 100%;
}

.drop-area {
    border: 2px dashed #ccc;
    border-radius: 10px;
    /* padding: 20px;*/
    min-height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: border-color 0.3s;
}

    .drop-area.dragover {
        border-color: var(--primary-color);
        background-color: #f0f8ff;
    }

.profile-pic {
    max-width: 250px;
    max-height: 400px;
    height: auto;
}

    .profile-pic:hover {
        border: 1px solid var(--primary-color);
    }

.profile-icon {
    margin-right: 0.2em;
    max-height: 70px;
}

.otp-box {
    width: 42px;
    height: 42px;
    border: 2px solid var(--primary-color);
    border-radius: 8px;
    font-size: 20px;
}

.side-nav .side-nav-link:hover, .side-nav .menuitem-active > a {
    color: var(--primary-color);
}

html[data-sidenav-size="condensed"]:not([data-layout="topnav"]) .wrapper .leftside-menu .side-nav .side-nav-item:hover .side-nav-link {
    background: var(--primary-color);
}

.logo-topbar {
    line-height: normal;
}

small.logosbtitle {
    display: block;
    text-align: right;
    color: #d46e02;
}

.mobile-sm {
    padding-right: 61px;
    display: block;
    color: #d46e02;
    text-align: right;
}

.logosubtitle-signup {
    text-align: center;
    padding-left: 100px;
    color: #d46e02;
    display: block;
}

.logo-leftSidebar {
    line-height: normal;
    margin-top: 13px;
}

.navbar-custom .topbar-menu .nav-link:hover, .navbar-custom .topbar-menu li .nav-link.show {
    color: var(--primary-color);
}

.genderform-check {
    margin-top: 9px;
    width: auto;
    max-width: auto;
}

.check-boxColor {
    color: var(--primary-color);
}

@media print {
    .print-hide {
        display: none !important;
    }
}