/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
    scroll-behavior: smooth;
}

body {
    font-family: "Open Sans", sans-serif;
    background: #f6f9ff;
    color: white;
}

a , a:hover {
    color: white;
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Hellix", sans-serif;
}

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
#main {
    /* margin-top: 60px; */
    padding: 8px;
    transition: all 0.3s;
}

@media (max-width: 1199px) {
    #main {
        /* padding: 20px; */
    }
}

/*--------------------------------------------------------------
# Page Title
--------------------------------------------------------------*/
.pagetitle {
    margin-bottom: 10px;
}

.pagetitle h1 {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: bold;
    color: #FFFFFF;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
    background: #5095BF;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
}

.back-to-top i {
    font-size: 24px;
    color: #fff;
    line-height: 0;
}

.back-to-top:hover {
    background: #5095BF;
    color: #fff;
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
}

/*--------------------------------------------------------------
# Override some default Bootstrap stylings
--------------------------------------------------------------*/
/* Dropdown menus */
.dropdown-menu {
    border-radius: 4px;
    padding: 10px 0;
    /* animation-name: dropdown-animate; */
    animation-duration: 0.2s;
    animation-fill-mode: both;
    border: 0;
    box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);
}

.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-footer {
    text-align: center;
    font-size: 15px;
    padding: 10px 25px;
}

.dropdown-menu .dropdown-footer a {
    color: #444444;
    text-decoration: underline;
}

.dropdown-menu .dropdown-footer a:hover {
    text-decoration: none;
}

.dropdown-menu .dropdown-divider {
    color: #a5c5fe;
    margin: 0;
}

.dropdown-menu .dropdown-item {
    font-size: 14px;
    padding: 10px 15px;
    transition: 0.3s;
}

.dropdown-menu .dropdown-item i {
    margin-right: 10px;
    font-size: 18px;
    line-height: 0;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #f6f9ff;
}

@media (min-width: 768px) {
    .dropdown-menu-arrow::before {
        content: "";
        width: 13px;
        height: 13px;
        background: #fff;
        position: absolute;
        top: -7px;
        right: 20px;
        transform: rotate(45deg);
        border-top: 1px solid #eaedf1;
        border-left: 1px solid #eaedf1;
    }
}

@keyframes dropdown-animate {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

    0% {
        opacity: 0;
    }
}

/* Light Backgrounds */
.bg-primary-light {
    background-color: #cfe2ff;
    border-color: #cfe2ff;
}

.bg-secondary-light {
    background-color: #e2e3e5;
    border-color: #e2e3e5;
}

.bg-success-light {
    background-color: #d1e7dd;
    border-color: #d1e7dd;
}

.bg-danger-light {
    background-color: #f8d7da;
    border-color: #f8d7da;
}

.bg-warning-light {
    background-color: #fff3cd;
    border-color: #fff3cd;
}

.bg-info-light {
    background-color: #cff4fc;
    border-color: #cff4fc;
}

.bg-dark-light {
    background-color: #d3d3d4;
    border-color: #d3d3d4;
}

/* Card */
.card {
    margin-bottom: 10px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background-color: #FFFFFF1A;
    background-color: #001427;
    color: white;
    min-height: calc(100% - 10px);
}

.card-header,
.card-footer {
    border-color: #ebeef4;
    background-color: #fff;
    color: #798eb3;
    padding: 15px;
}

.card-title {
    /*padding: 0px 0 15px 0;*/
    font-size: 15px;
    /* font-weight: bold; */
    color: #FFFFFF;
    margin-bottom: 8px;
    font-family: 'Hellix-Bold';
}

.card-title span {
    color: #899bbd;
    font-size: 14px;
    font-weight: bold;
}

.card-body {
    padding: 8px;
}

.card-img-overlay {
    background-color: rgba(255, 255, 255, 0.6);
}

/* Alerts */
.alert-heading {
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
}

/* Close Button */
.btn-close {
    background-size: 25%;
}

.btn-close:focus {
    outline: 0;
    box-shadow: none;
}

/* Accordion */
.accordion-item {
    border: 1px solid #ebeef4;
}

.accordion-button:focus {
    outline: 0;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: #FFFFFF;
    background-color: #f6f9ff;
}

.accordion-flush .accordion-button {
    padding: 15px 0;
    background: none;
    border: 0;
}

.accordion-flush .accordion-button:not(.collapsed) {
    box-shadow: none;
    color: #5095BF;
}

.accordion-flush .accordion-body {
    padding: 0 0 15px 0;
    color: #3e4f6f;
    font-size: 15px;
}

/* Breadcrumbs */
.breadcrumb {
    font-size: 14px;
    font-family: "Hellix", sans-serif;
    color: #899bbd;
    font-weight: bold;
}

.breadcrumb a {
    color: #899bbd;
    transition: 0.3s;
}

.breadcrumb a:hover {
    color: #51678f;
}

.breadcrumb .breadcrumb-item::before {
    color: #899bbd;
}

.breadcrumb .active {
    color: #51678f;
    font-weight: bold;
}

/* Bordered Tabs */
.nav-tabs-bordered {
    border-bottom: 2px solid #ebeef4;
}

.nav-tabs-bordered .nav-link {
    margin-bottom: -2px;
    border: none;
    color: #2c384e;
}

.nav-tabs-bordered .nav-link:hover,
.nav-tabs-bordered .nav-link:focus {
    color: #5095BF;
}

.nav-tabs-bordered .nav-link.active {
    background-color: #fff;
    color: #5095BF;
    border-bottom: 2px solid #5095BF;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.logo {
    line-height: 1;
}
.logo {
    width: 130px;
    display: block;
}
@media (min-width: 1200px) {

}

.logo img {
    max-height: 30px;
    width: 100%;
    object-fit: contain;
    object-position: left;
}

.logo span {
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    font-family: "Hellix", sans-serif;
}

.header {
    transition: all 0.5s;
    z-index: 997;
    /*height: 60px;*/
    box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
    background-color: #fff;
    padding-left: 20px;
    /* Toggle Sidebar Button */
    /* Search Bar */
    margin-bottom: 8px;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    background-color: #FFFFFF1A;
    background-color: #001427;
    position: relative;
    padding: 8px;
}

.header .toggle-sidebar-btn {
    font-size: 32px;
    padding-left: 10px;
    cursor: pointer;
    color: #FFFFFF;
}

.header .search-bar {
    min-width: 360px;
    padding: 0 20px;
}

@media (max-width: 1199px) {
    .header .search-bar {
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        padding: 20px;
        box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
        background: white;
        z-index: 9999;
        transition: 0.3s;
        visibility: hidden;
        opacity: 0;
    }

    .header .search-bar-show {
        top: 60px;
        visibility: visible;
        opacity: 1;
    }
}

.header .search-form {
    width: 100%;
}

.header .search-form input {
    border: 0;
    font-size: 14px;
    color: #FFFFFF;
    border: 1px solid rgba(1, 41, 112, 0.2);
    padding: 7px 38px 7px 8px;
    border-radius: 3px;
    transition: 0.3s;
    width: 100%;
}

.header .search-form input:focus,
.header .search-form input:hover {
    outline: none;
    box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
    border: 1px solid rgba(1, 41, 112, 0.3);
}

.header .search-form button {
    border: 0;
    padding: 0;
    margin-left: -30px;
    background: none;
}

.header .search-form button i {
    color: #FFFFFF;
}

/*--------------------------------------------------------------
# Header Nav
--------------------------------------------------------------*/
.header-nav ul {
    list-style: none;
}

.header-nav>ul {
    margin: 0;
    padding: 0;
}

.header-nav .nav-icon {
    font-size: 22px;
    color: #FFFFFF;
    margin-right: 25px;
    position: relative;
}

.header-nav .nav-profile {
    color: #FFFFFF;
}

.header-nav .nav-profile img {
    max-height: 30px;
}

.header-nav .nav-profile span {
    font-size: 14px;
    font-weight: bold;
}

.header-nav .badge-number {
    position: absolute;
    inset: -2px -5px auto auto;
    font-weight: bold;
    font-size: 12px;
    padding: 3px 6px;
    border-radius:50%;
}

.header-nav .notifications {
    inset: 8px -15px auto auto !important;
}

.header-nav .notifications .notification-item {
    display: flex;
    align-items: center;
    padding: 15px 10px;
    transition: 0.3s;
}

.header-nav .notifications .notification-item i {
    margin: 0 20px 0 10px;
    font-size: 24px;
}

.header-nav .notifications .notification-item h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.header-nav .notifications .notification-item p {
    font-size: 13px;
    margin-bottom: 3px;
    color: #919191;
}

.header-nav .notifications .notification-item:hover {
    background-color: #f6f9ff;
}

.header-nav .messages {
    inset: 8px -15px auto auto !important;
}

.header-nav .messages .message-item {
    padding: 15px 10px;
    transition: 0.3s;
}

.header-nav .messages .message-item a {
    display: flex;
}

.header-nav .messages .message-item img {
    margin: 0 20px 0 10px;
    max-height: 40px;
}

.header-nav .messages .message-item h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #444444;
}

.header-nav .messages .message-item p {
    font-size: 13px;
    margin-bottom: 3px;
    color: #919191;
}

.header-nav .messages .message-item:hover {
    background-color: #f6f9ff;
}

.header-nav .profile {
    min-width: 240px;
    padding-bottom: 0;
    top: 8px !important;
}

.header-nav .profile .dropdown-header h6 {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: bold;
    color: #444444;
}

.header-nav .profile .dropdown-header span {
    font-size: 14px;
}

.header-nav .profile .dropdown-item {
    font-size: 14px;
    padding: 10px 15px;
    transition: 0.3s;
}

.header-nav .profile .dropdown-item i {
    margin-right: 10px;
    font-size: 18px;
    line-height: 0;
}

.header-nav .profile .dropdown-item:hover {
    background-color: #f6f9ff;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar {
    position: fixed;
    top: 0px;
    left: 20px;
    bottom: 0;
    width: 300px;
    z-index: 996;
    transition: all 0.3s;
    padding: 20px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #aab7cf transparent;
    box-shadow: 0px 0px 20px rgba(1, 41, 112, 0.1);
    margin: 20px 0px;
    border-radius: 10px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: #FFFFFF08;
}

@media (max-width: 1199px) {
    .sidebar {
        left: -300px;
    }
}

.sidebar::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #fff;
}

.sidebar::-webkit-scrollbar-thumb {
    background-color: #aab7cf;
}

@media (min-width: 1200px) {

    /*#main,*/
    /*#footer {*/
    /*  margin-left: 320px;*/
    /*}*/
}

@media (max-width: 1199px) {
    .toggle-sidebar .sidebar {
        left: 0;
    }
}

@media (min-width: 1200px) {

    /*.toggle-sidebar #main,*/
    /*.toggle-sidebar #footer {*/
    /*  margin-left: 0;*/
    /*}*/

    /*.toggle-sidebar .sidebar {*/
    /*  left: -300px;*/
    /*}*/
}

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

.sidebar-nav li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar-nav .nav-item {
    margin-bottom: 5px;
}

.sidebar-nav .nav-heading {
    font-size: 11px;
    text-transform: uppercase;
    color: #899bbd;
    font-weight: bold;
    margin: 10px 0 5px 15px;
}

.sidebar-nav .nav-link {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: bold;
    color: #5095BF;
    transition: 0.3s;
    background: #f6f9ff;
    padding: 10px 15px;
    border-radius: 4px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    color: #FFFFFF;
}

.sidebar-nav .nav-link i {
    font-size: 16px;
    margin-right: 10px;
    color: #5095BF;
}

.sidebar-nav .nav-link.collapsed {
    color: #FFFFFF;
    background: #fff;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);

}

.sidebar-nav .nav-link.collapsed i {
    color: #899bbd;
}

.sidebar-nav .nav-link:hover {
    color: #5095BF;
    background: #f6f9ff;
}

.sidebar-nav .nav-link:hover i {
    color: #5095BF;
}

.sidebar-nav .nav-link .bi-chevron-down {
    margin-right: 0;
    transition: transform 0.2s ease-in-out;
}

.sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {
    transform: rotate(180deg);
}

.sidebar-nav .nav-content {
    padding: 5px 0 0 0;
    margin: 0;
    list-style: none;
}

.sidebar-nav .nav-content a {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    transition: 0.3s;
    padding: 10px 0 10px 40px;
    transition: 0.3s;
}

.sidebar-nav .nav-content a i {
    font-size: 6px;
    margin-right: 8px;
    line-height: 0;
    border-radius: 50%;
}

.sidebar-nav .nav-content a:hover,
.sidebar-nav .nav-content a.active {
    color: #5095BF;
}

.sidebar-nav .nav-content a.active i {
    background-color: #5095BF;
}

/*--------------------------------------------------------------
# Dashboard
--------------------------------------------------------------*/
/* Filter dropdown */
.dashboard .filter {
    position: absolute;
    right: 0px;
    top: 15px;
}

.dashboard .filter .icon {
    color: #aab7cf;
    padding-right: 20px;
    padding-bottom: 5px;
    transition: 0.3s;
    font-size: 16px;
}

.dashboard .filter .icon:hover,
.dashboard .filter .icon:focus {
    color: #5095BF;
}

.dashboard .filter .dropdown-header {
    padding: 8px 15px;
}

.dashboard .filter .dropdown-header h6 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #aab7cf;
    margin-bottom: 0;
    padding: 0;
}

.dashboard .filter .dropdown-item {
    padding: 8px 15px;
}

/* Info Cards */
.dashboard .info-card {
    padding-bottom: 10px;
}

.dashboard .info-card h6 {
    font-size: 28px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.dashboard .card-icon {
    font-size: 32px;
    line-height: 0;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    flex-grow: 0;
}

.dashboard .sales-card .card-icon {
    color: #5095BF;
    background: #f6f6fe;
}

.dashboard .revenue-card .card-icon {
    color: #2eca6a;
    background: #e0f8e9;
}

.dashboard .customers-card .card-icon {
    color: #ff771d;
    background: #ffecdf;
}

/* Activity */
.dashboard .activity {
    font-size: 14px;
}

.dashboard .activity .activity-item .activite-label {
    color: #888;
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
    min-width: 64px;
}

.dashboard .activity .activity-item .activite-label::before {
    content: "";
    position: absolute;
    right: -11px;
    width: 4px;
    top: 0;
    bottom: 0;
    background-color: #eceefe;
}

.dashboard .activity .activity-item .activity-badge {
    margin-top: 3px;
    z-index: 1;
    font-size: 11px;
    line-height: 0;
    border-radius: 50%;
    flex-shrink: 0;
    border: 3px solid #fff;
    flex-grow: 0;
}

.dashboard .activity .activity-item .activity-content {
    padding-left: 10px;
    padding-bottom: 20px;
}

.dashboard .activity .activity-item:first-child .activite-label::before {
    top: 5px;
}

.dashboard .activity .activity-item:last-child .activity-content {
    padding-bottom: 0;
}

/* News & Updates */
.dashboard .news .post-item+.post-item {
    margin-top: 15px;
}

.dashboard .news img {
    width: 80px;
    float: left;
    border-radius: 5px;
}

.dashboard .news h4 {
    font-size: 15px;
    margin-left: 95px;
    font-weight: bold;
    margin-bottom: 5px;
}

.dashboard .news h4 a {
    color: #FFFFFF;
    transition: 0.3s;
}

.dashboard .news h4 a:hover {
    color: #5095BF;
}

.dashboard .news p {
    font-size: 14px;
    color: #777777;
    margin-left: 95px;
}

/* Recent Sales */
.dashboard .recent-sales {
    font-size: 14px;
}

.dashboard .recent-sales .table thead {
    background: #f6f6fe;
}

.dashboard .recent-sales .table thead th {
    border: 0;
}

.dashboard .recent-sales .dataTable-top {
    padding: 0 0 10px 0;
}

.dashboard .recent-sales .dataTable-bottom {
    padding: 10px 0 0 0;
}

/* Top Selling */
.dashboard .top-selling {
    font-size: 14px;
}

.dashboard .top-selling .table thead {
    background: #f6f6fe;
}

.dashboard .top-selling .table thead th {
    border: 0;
}

.dashboard .top-selling .table tbody td {
    vertical-align: middle;
}

.dashboard .top-selling img {
    border-radius: 5px;
    max-width: 60px;
}

/*--------------------------------------------------------------
# Icons list page
--------------------------------------------------------------*/
.iconslist {
    display: grid;
    max-width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.25rem;
    padding-top: 15px;
}

.iconslist .icon {
    background-color: #fff;
    border-radius: 0.25rem;
    text-align: center;
    color: #FFFFFF;
    padding: 15px 0;
}

.iconslist i {
    margin: 0.25rem;
    font-size: 2.5rem;
}

.iconslist .label {
    font-family: var(--bs-font-monospace);
    display: inline-block;
    width: 100%;
    overflow: hidden;
    padding: 0.25rem;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}

/*--------------------------------------------------------------
# Profie Page
--------------------------------------------------------------*/
.profile .profile-card img {
    max-width: 120px;
}

.profile .profile-card h2 {
    font-size: 24px;
    font-weight: bold;
    color: #2c384e;
    margin: 10px 0 0 0;
}

.profile .profile-card h3 {
    font-size: 18px;
}

.profile .profile-card .social-links a {
    font-size: 20px;
    display: inline-block;
    color: rgba(1, 41, 112, 0.5);
    line-height: 0;
    margin-right: 10px;
    transition: 0.3s;
}

.profile .profile-card .social-links a:hover {
    color: #FFFFFF;
}

.profile .profile-overview .row {
    margin-bottom: 20px;
    font-size: 15px;
}

.profile .profile-overview .card-title {
    color: #FFFFFF;
}

.profile .profile-overview .label {
    font-weight: bold;
    color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit label {
    font-weight: bold;
    color: rgba(1, 41, 112, 0.6);
}

.profile .profile-edit img {
    max-width: 120px;
}

/*--------------------------------------------------------------
# F.A.Q Page
--------------------------------------------------------------*/
.faq .basic h6 {
    font-size: 18px;
    font-weight: bold;
    color: #5095BF;
}

.faq .basic p {
    color: #6980aa;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
    padding: 28px 30px;
}

.contact .info-box i {
    font-size: 38px;
    line-height: 0;
    color: #5095BF;
}

.contact .info-box h3 {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.contact .info-box p {
    padding: 0;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
}

.contact .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #ed3c0d;
    text-align: left;
    padding: 15px;
    margin-bottom: 24px;
    font-weight: bold;
}

.contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #18d26e;
    text-align: center;
    padding: 15px;
    margin-bottom: 24px;
    font-weight: bold;
}

.contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px;
    margin-bottom: 24px;
}

.contact .php-email-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid #18d26e;
    border-top-color: #eee;
    animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    border-radius: 0;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
    border-color: #5095BF;
}

.contact .php-email-form input {
    padding: 10px 15px;
}

.contact .php-email-form textarea {
    padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
    background: #5095BF;
    border: 0;
    padding: 10px 30px;
    color: #fff;
    transition: 0.4s;
    border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
    background: #5969f3;
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# Error 404
--------------------------------------------------------------*/
.error-404 {
    padding: 30px;
}

.error-404 h1 {
    font-size: 180px;
    font-weight: bold;
    color: #5095BF;
    margin-bottom: 0;
    line-height: 150px;
}

.error-404 h2 {
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.error-404 .btn {
    background: #51678f;
    color: #fff;
    padding: 8px 30px;
}

.error-404 .btn:hover {
    background: #3e4f6f;
}

@media (min-width: 992px) {
    .error-404 img {
        max-width: 50%;
    }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
    padding: 20px 0;
    font-size: 14px;
    transition: all 0.3s;
    border-top: 1px solid #cddfff;
}

.footer .copyright {
    text-align: center;
    color: #FFFFFF;
}

.footer .credits {
    padding-top: 5px;
    text-align: center;
    font-size: 13px;
    color: #FFFFFF;
}



/* ================================================================================ */
/* Custom CSS  */
/* ================================================================================ */

:root {
    --white: #FFFFFF;
    --black: #111111;
    --lightblack: #1C1C1C;
    --green:#223725;
    --lightgreen:#00D61C;
    /*--purple: #7C486C;*/
    /*--pink: #FBEBEC;*/
    /*--darkbrown :#401B1B;*/
    /*--peach :#ECD8BD;*/
    /*--red: #FF3B3B;*/
    /*--gray: #4A4A4A;*/
    /*--lightgray: #9B9B9B;*/
}

@font-face {
    font-family: 'Hellix';
    src: url("../fonts/Hellix/Hellix-Regular.ttf");
}
@font-face {
    font-family: 'Hellix-Bold';
    src: url("../fonts/Hellix/Hellix-Bold.ttf");
}
*{
    padding: 0px;
    margin: 0px;
    font-family: 'Hellix';
    font-size: 13px;
    font-weight: bold;
    word-spacing: 0.05em; 
    letter-spacing: 0.01em; 
}
::-webkit-scrollbar { width: 8px;  height: 8px; background-color: transparent; border-radius: 10px; }
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #305F8A; }

body{background: url("../img/main-background.webp");background-repeat: no-repeat;background-size: cover;overflow-x: hidden;overflow-y: scroll!important;/* zoom: 85%; *//* min-height: 117vh; */min-height: 100vh;}
h1, h2, h3, h4, h5, h6 , p{color: white;font-family: Hellix;    font-weight: bold;}
h1 {font-size: 18px;line-height: 30px;}
h5 {font-size: 18px;color: #FFFFFF;margin: 0px;font-family: 'Hellix-Bold';}
p{font-size: 13px;}
.btn-block {display: block;width: 100%;}
#main .btn-primary {background-color: #5095BF;animation-timing-function: ease-out;animation-duration: 300ms;padding: 10px 20px 10px 20px;border-radius: 5px;box-shadow: unset;box-shadow: unset;border-color: #5095BF;line-height: 1;}
#main .btn-outline-white {background-color: transparent;color: #fff;animation-timing-function: ease-out;animation-duration: 300ms;padding: 10px 20px 10px 20px;border-radius: 5px;box-shadow: unset;box-shadow: unset;border-color: #fff;line-height: 1.2;}
#main .btn-primary:hover , .btn-primary:active , .btn-primary:focus , .btn-primary:focus-visible   {color: white;background-color: #5095BF;border-color:#5095BF;    box-shadow: unset; }
#main .btn-primary[type="submit"] {padding: 10px 50px;min-height: 35px;}
#main .btn-primary>i {margin-right: 5px;font-size: 12px;}
#main .container-fluid {padding: 0px;}
.header .page_nav {display: flex;list-style: none;column-gap: 10px;margin: 0px;padding: 0px;flex: 1;}
.header-nav .nav-icon { width: 40px; height: 40px; background-color: #88C4E9; font-size: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.header-nav .nav-icon .badge-number { background-color: #305F8A; }
button:active{border: none;}
.dashboard_sec .info-cards .info-card .info-card-number {backdrop-filter: blur(6px);background-color: #FFFFFF1A;border-radius: 10px;text-align: center;padding: 10px;}
.dashboard_sec .info-cards .info-card .info-card-number h1 { margin: 0px; }
.dashboard_sec .chart_cards {display: flex;column-gap: 10px;flex-wrap: wrap;justify-content: center;}
.dashboard_sec .chart_cards .info-card {width: calc(20% - 8px);}
.dashboard_sec .chart_cards .info-card .card-body {display: flex;column-gap: 10px;}
.card .activities_boxs .activities_box {display: flex;justify-content: space-between;backdrop-filter: blur(6px);background-color: #FFFFFF1A;border-radius: 10px;padding: 10px;margin-bottom: 15px;}
.card .activities_boxs .activities_box p {margin: 0px;}
.card .activities_boxs .activities_box:last-child {margin-bottom: 0px;}
.card .activities_boxs .activities_box .activities_box_right p {white-space: nowrap;}
.card .activities_boxs {height: 100%;overflow-y: scroll;padding-right: 10px;max-height: 260px;}
.client_chart_card .client_chart_top {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;flex-wrap: wrap;row-gap: 13px;}
.client_chart_card  .custom-legend {display: flex;column-gap: 15px;justify-content: end;}
.client_chart_card  .custom-legend .custom_legend_item { display: flex; justify-content: space-between; align-items: center; column-gap: 10px; font-family: Hellix; font-size: 12px; font-weight: bold; line-height: 8px; letter-spacing: 0em; text-align: left; cursor: pointer; }
.client_chart_card  .custom-legend .custom_legend_item .legend-color { width: 10px; height: 10px; display:block; border-radius: 2px; }
.client_chart_card  .custom-legend .custom_legend_item.underline:before { content: ''; display: block; width: 100%; height: 2px; background-color: white; position: absolute; border-radius: 1px; top: 4px; border: 0; margin: auto; }
.client_chart_card  .custom-legend .custom_legend_item.underline { position: relative; }

.bar_chart_card .custom-legend {
    display: none;
}

body:has(.plans-chart-tabs.show)  .client_chart_card .custom_legend_plans {
    display: flex;
}

body:has(.users-chart-tabs.show)  .client_chart_card .custom_legend_users {
    display: flex;
}


.dashboard_sec .info-card .knob_chart {text-align: right;width: fit-content;margin-left: auto;position: relative;}
.dashboard_sec .info-card input.knob:focus-visible {border: none ;outline: unset;}
.dashboard_sec .client_chart_card .card-title , .dashboard_sec .recent-sales  .card-title  {padding: 0px;}
.company_name {text-align: right;text-transform: capitalize;display: flex;align-items: center;justify-content: end;column-gap: 10px;}
.dashboard_sec .dashboard_search_form  .form-group {margin-bottom:0px;}
#main .gost_filter_from .alert_boxs .form-check .alert-success  , .alert_boxs .alert-success{ border-radius: 6px; border: 0.5px solid #A8F3D0; background: rgba(168, 243, 208, 0.12); }
.alert_boxs .alert {display: flex;padding: 10px;align-items: center;gap: 5px;align-self: stretch;color: #FFF;text-align: center;font-family: Hellix;font-size: 13px;font-weight: bold;text-transform: capitalize;margin-bottom: 10px;}
#main .gost_filter_from .alert_boxs .form-check .alert-danger  , .alert_boxs .alert-danger{ border-radius: 6px; border: 0.5px solid #FF4545; background: rgba(255, 69, 69, 0.20); }
.alert_boxs .alert-danger i { color: #DF2D2D; }
.alert_boxs .alert-success i { color: #A8F3D0; }
body .alert_boxs {border-radius: 6px;background: rgba(255, 255, 255, 0.04);box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.08) inset;padding: 10px;/* margin-bottom: 15px; */height: 168px;overflow-y: scroll;}
.alert_boxs .alert:last-child { margin: 0px; }
.alert_boxs .alert p {flex: 1;text-align: left;margin: 0px;text-transform: initial;}
.alert_boxs .alert span:before { content: ''; display: block; width: 3px; height: calc(100% - 2px); border-radius: 12px; background: rgba(255, 69, 69, 0.40); position: absolute; left: 0; top: 2px; }
.alert_boxs .alert span {position: relative;padding: 0px 0px 0px 10px;cursor: pointer;}
.alert_boxs .alert-success span:before {background: rgba(0, 121, 65, 1);}
#main .gost_filter_from .alert_boxs .form-check  .form-check-label {line-height: initial;height: unset;min-height: 35px;justify-content: start;}
.manager_right_box .card-title {margin-bottom: 12px;}
.manager_right_box .knob_chart_box {text-align: center;margin-bottom: 10px;}
.manager_right_box .knob_chart_box h5 { margin-bottom: 15px; }
.manager_right_box .knob_chart_box .knob_chart .knob {/* margin: 0px !important; *//* left: 0px; *//* right: 0px; *//* margin: 0 auto !important; *//* top: 0; *//* height: 100% !IMPORTANT; */}
.manager_right_box .knob_chart_box .knob_chart { position: relative; text-align: center; }
.manager_right_box .knob_chart_box .knob_chart .knob:focus-visible { border: none; outline: none; }
.manager_left_box .card {min-height:unset;}
.dashboard_sec  .filter_clear_all {/* min-width: 300px; */}
#main .table-striped tbody tr td i {
    font-size: 10px;
}
/*#main .table-striped tbody tr td .bg-objective {*/
/*    margin-left: 30px;*/
/*}*/

/*#main .table-striped tbody tr td .bg-strategy {*/
/*    margin-left: 60px;*/
/*}*/

/*#main .table-striped tbody tr td .bg-tactic{*/
/*    margin-left: 90px;*/
/*}*/


#main .table-striped tbody tr[data-type="goal"] td:first-child {
    padding-left: 5px;
    text-align: left;

}
#main .table-striped tbody tr[data-type="objective"] td:first-child {
    padding-left: 35px;
    text-align: left;

}

#main .table-striped tbody tr[data-type="strategy"] td:first-child {
    padding-left: 65px;
    text-align: left;

}

#main .table-striped tbody tr[data-type="tactic"] td:first-child {
    padding-left: 95px;
    text-align: left;

}

.modal-body .btn-primary,.modal-body .btn-primary .submit-text{
    font-size: 12px !important;
}

.text-size b{
    font-size: 15px !important;
}


#main .datatable-wrapper .datatable-top { display: none; }
#main .datatable-wrapper .datatable-container { border: none; }
#main .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-active button {background-color: #5095BF;border-radius: 5px;}
#main .datatable-wrapper .datatable-bottom .datatable-pagination  button:hover {background-color: #5095BF;border-radius: 5px;}
#main .table-striped{ width: 100% !important;}
/* #main .table-striped tbody tr:last-child .dropdown-menu,
#main .table-striped tbody tr:nth-last-child(2)  .dropdown-menu {bottom: 0px !important;top: unset !important;} */
#main .table-striped thead tr th {background-color: #305F8A;color: #fff;border: none;box-shadow: unset;vertical-align: middle;padding: 5px;line-height: 25px;white-space: nowrap;text-align: center;min-width: 100px;}
#main .table-striped thead tr th:first-child , #main .table-striped tbody tr td:first-child {border-radius: 5px 0px 0px 5px;}
#main .table-striped thead tr th:last-child  , #main .table-striped tbody tr td:last-child {border-radius: 0px 5px 5px 0px;}
#main .table-striped tbody tr td {vertical-align: middle;padding: 4px;line-height: 25px;min-width: 110px;text-align: center;}
#main .table-striped thead tr th .dt-column-order {right: unset;position: relative;display: inline;height: fit-content;display: inline-block;height: 10px;margin-left: 10px;}
#main .table-striped tbody tr:nth-child(even) td {color: #fff;/* backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); */background-color: #FFFFFF1A;border: none;box-shadow: unset;}
#main .table-striped tbody tr:nth-child(odd) td { background-color: transparent; color: #fff; border: none; box-shadow: unset; }
#main .table-striped thead tr th .datatable-sorter::before { border-top: 4px solid #fff; opacity:1; bottom: 2px; }
#main .table-striped thead tr th .datatable-sorter::after{ border-bottom: 4px solid #fff; opacity:1; top:2px; }
#main .table-striped thead tr th .datatable-sorter { line-height: normal; }
#main .table-striped thead tr th.dt-orderable-none .dt-column-order {display: none;}
#main .table-striped tbody tr td .badge {display: block;color: #FFF;font-family: Hellix;font-size: 12px;font-style: normal;font-weight: bold;line-height: 1;border-radius: 60px;opacity: 1;padding: 4px;min-width: 90px;display: inline-block;background: rgba(255, 255, 255, 0.40);backdrop-filter: blur(6px);cursor: pointer;}
#main .table-striped tbody tr td .bg-success {/* background-color: rgba(168, 243, 208, 0.55) !important; */background-color: rgba(13,202,240  ) !important;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);}
#main .table-striped tbody tr td .bg-danger { background: rgba(255, 131, 131, 0.55) !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
#main .table-striped tbody tr td .bg-primary {background: rgba(69, 151, 227, 1) !IMPORTANT;backdrop-filter: blur(6px);}
#main .table-striped tbody tr td .bg-info{background-color: rgba(168, 243, 208, 0.55) !important;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);}
#main .table-striped tbody tr td .change_status.bg-success {background-color: rgba(168, 243, 208, 0.55) !important;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);}

/* #main .table-striped tbody tr td .bg-goal { background: rgba(254, 205, 202, 1); color: rgba(223, 45, 45, 1); } */
/* #main .table-striped tbody tr td .bg-objective { background: rgba(191, 219, 254, 1); color: rgba(21, 81, 118, 1); } */
/* #main .table-striped tbody tr td .bg-strategy { background: rgba(168, 243, 208, 1); color: rgba(46, 142, 12, 1); } */
/* #main .table-striped tbody tr td .bg-tactic { background: rgba(252, 214, 187, 1); color: rgba(176, 88, 26, 1); } */

#main .table-striped tbody tr td .bg-goal { background: rgba(168, 243, 208, 1); color:  var(--black); }
#main .table-striped tbody tr td .bg-objective { background: rgba(191, 219, 254, 1); color:  var(--black); }
#main .table-striped tbody tr td .bg-strategy {background: rgba(254, 205, 202, 1);  color:  var(--black); }
#main .table-striped tbody tr td .bg-tactic { background: var(--white); color:  var(--black); }


#main .table-striped tbody tr td .dropdown>.nav-link>i {font-size: 20px;line-height: 24px;}
#main .table-striped tbody tr td .chat_link .badge.badge-number { position: absolute; inset: -5px -10px auto auto;  color: #ffffff; background-color: #D2002D !important; padding: 0px;}
#main .table-striped tbody tr td .chat_link {position: relative;color: white;}
#main .table-striped tbody tr td .progress-bar {background-color: #4597E3;border-radius: 10px;}
#main .table-striped tbody tr td .progress {height: 8px;}
#main .table-striped tbody tr td .badge.badge-number {font-weight: bold;font-size: 8px;min-width: unset;padding: 0px;width: 13px;height: 13px;display: flex;align-items: center;justify-content: center;color: #000;}
#main .table-striped tbody tr td .due_date  {display: flex;align-items: center;column-gap: 5px;margin: 0px;justify-content: center;white-space: nowrap;}
#main .table-striped tbody tr td .due_date_th  {color: #5095BF;text-decoration: underline;font-weight: bold;}
#main .table-striped tbody tr td .completed_date  {display: flex;align-items: center;column-gap: 5px;margin: 0px;justify-content: center;white-space: nowrap;}
#main .table-striped tbody tr td .completed_date_th  {color: #5095BF;text-decoration: underline;font-weight: bold;}
#main .card .card-body .table-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 5px;flex-wrap: wrap;row-gap: 8px;column-gap: 8px;}
#main .card .card-body .table-header .table-title { display: flex; align-items: center; column-gap: 20px; }
#main .card .card-body .table-header .table-toolbar {display: flex;align-items: center;column-gap: 10px;flex-wrap: wrap;row-gap: 10px;justify-content: end;}
#main .custom_search_box {position: relative;min-width: 250px;/* width: 100%; */}
#main .card .card-body .table-header .table-title h5 { margin: 0px; }
#main .card .card-body .table-header .table-toolbar .dropdown .dropdown-toggle{background-color: white;color: #5095BF;display: flex;height: 46px;padding: 0px 15px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 5px;background: #FFF;color: #5095BF;font-family: Hellix;font-size: 15px;font-style: normal;font-weight: bold;line-height: normal;}
#main .custom_search_box .form-control {display: flex;/* min-width: 250px; *//* height: 46px; */padding: 0px 30px 0px 15px;justify-content: space-between;align-items: center;border-radius: 5px;border: 1px solid #F3F3F3;background: #FFF;color: #9B9B9B;font-family: Hellix;font-size: 14px;font-style: normal;font-weight: bold;line-height: normal;padding: 7px 30px 7px 10px;line-height: 19px;z-index: 0;position: relative;width: 100%;}
#main .custom_search_box .form-control::placeholder {color: #9B9B9B;font-family: Hellix;font-size: 15px;font-weight: bold;}
#main .custom_search_box i {color: #5095BF;position: absolute;height: 100%;top: 0;display: flex;align-items: center;justify-content: center;right: 0px;width: 30px;z-index: 1;}
#main .card .card-body .table-header .table-toolbar .dropdown .form-select {background-color: white;display: flex;/* height: 46px; */padding: 0px 30px 0px 15px;border-radius: 5px;color: #5095BF;font-family: Hellix;font-size: 15px;font-weight: bold;min-width: 120px;padding: 8px 30px 8px 8px;box-shadow: unset;/* line-height: 1.2; */line-height: 1.2;}
#main .dropdown-menu { transform: unset !important; inset: unset !important; right: 0px !important; top: 45px !important; }
#main .table-striped tbody tr td .dropdown { width: fit-content;    margin: 0 auto; }
#main .table-striped tbody tr td .dropdown .nav-link { width: fit-content; }
#main .table-striped tbody tr td .plan_rate.btn {color: white;padding: 0px;display: flex;align-items: center;justify-content: center;column-gap: 5px;margin: 0 auto;white-space: nowrap;}
#main .table-striped tbody tr td.description {/* width: 300px; *//* max-width: 300px; */max-width: 100%;/* width: 18%; */min-width: 18%;}
#main  .card .card-body button.dt-paging-button { background: transparent; padding: 5px; border-radius: 5px; width: 30px; height: 30px; line-height: 30px; box-shadow: unset;display: inline-flex; justify-content: center; align-items: center; font-size: 13px; box-shadow: unset; border-color: #5095BF;  color: white !IMPORTANT; }
#main  .card .card-body button.dt-paging-button.current { background: #5095BF; }
#main  .card .card-body button.dt-paging-button:hover { background: #5095BF; }
#main .card .card-body .table-responsive .dt-container    .dt-end { padding:0px; }
#main .card .card-body .table-responsive  .dt-container    .dt-end .dt-search { display: none; }
#main .table-striped thead tr th .dt-column-order::before {opacity: 1;content: '\f0de';opacity: 1;font-family: "FontAwesome";line-height: 1;bottom: unset;top: 0;left: 0;right: 0;font-size: 8px;}
#main .table-striped thead tr th .dt-column-order::after {opacity: 1;content: '\f0dd';font-family: "FontAwesome";line-height: 1;bottom: 0;top: unset;left: 0;right: 0;font-size: 8px;}
#main .card .card-body .table-responsive .dt-container .dt-paging {/* padding: 10px 0px; */text-align: right;position: absolute;bottom: 0;}
#main .table-striped tbody tr td.description_input p {min-width: 350px;margin: 0 auto;cursor: pointer;}
#main .table-striped tbody tr td p {margin: 0px;text-align: left;}
#main .table-striped tbody tr td>a { color:#5095BF; text-decoration:underline; font-weight: bold; }
#main .table-striped tbody tr td.plan_name_show {text-decoration: underline;cursor: pointer;text-align: left;}
#main .table-striped tbody tr td:first-child .badge::first-letter {    font-family: 'Hellix-Bold';font-weight: bold;font-size:14px}
#main .datatable_sorting thead tr th .dt-column-order {display: none;}
#main .table-striped tbody tr td.data-due-date {  cursor: pointer;}
.auth_main {min-height: 100vh;}
.auth_main .login_sec {height: 100%;animation: d;display: flex;align-items: center;justify-content: center;width: 100%;min-height: calc(100vh - 40px);}
.auth_main .login_sec .row { justify-content: center; width: 100%; }
.auth_main .login_sec .row .card { margin: 0px; text-align: center; border-radius:10px; }
.auth_main .login_sec .row .card .card-body { padding: 15px; }
.auth_main .login_sec .card .logo { margin: 0 auto 40px; }




form .form-group { margin-bottom: 20px; }
form .form-check {color: white;text-align: left;display: flex;align-items: center;padding: 0px;column-gap: 8px;position: relative;min-height: unset;}
form .form-check .form-check-input[type=checkbox] {width: 15px;height: 15px;border-radius: 0.25em;background-color: transparent;border-radius: 5px;border: 1px solid #FFF;position: relative;margin: 0px;}
form .form-group input.form-control:not([type="checkbox"]):not([type="radio"]) {color: white;border: none;height: 50px;padding: 10px 15px;border-radius: 5px;box-shadow: unset;backdrop-filter: blur(6px);background-color: #FFFFFF1A;}
form .form-group input[type="date"]::-webkit-calendar-picker-indicator {filter: invert(100%);}
form .form-group .form-control::placeholder{color: white;}
form .form-check-group .form-check {/* margin-bottom: 20px; */line-height: 20px;}
form .form-group .form-range {/* margin: 20px 0px 0px 0px; */}
form .form-group input[type="range"]::-webkit-slider-thumb { background-color: #5095BF; width: 16px; height: 16px; border-radius: 50%; border:1px solid white ; }
form .form-group input[type="range"]::-moz-range-thumb { background-color: #5095BF; width: 16px; height: 16px; border-radius: 50%; border:1px solid white ; }
form .form-group input[type="range"]::-ms-thumb { background-color: #5095BF; width: 16px; height: 16px; border-radius: 50%; border:1px solid white ; }
form .form-group .form-range { -webkit-appearance: none; width: 100%; height: 16px; border-radius: 5px; }
form .form-group .form-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; border-radius: 50%; background: rgba(80, 149, 191, 1); cursor: pointer; margin-top:-5px; }
form .form-group .form-range::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; background: rgba(80, 149, 191, 1); cursor: pointer; }
form .form-group label {margin-bottom: 8px;font-size: 14px;}
body form .form-check label {margin: 0px;line-height: 1;cursor: pointer;}
form .form-group {margin-bottom: 8px;}
form .form-group .form-control:focus {background-color: #FFFFFF1A;box-shadow: unset;color: white;}
form .form-group input.form-control:not([type="checkbox"]):not([type="radio"]) , form .form-group .form-select  {height: 35px;border-radius: 5px;color: white;backdrop-filter: blur(6px);background-color: #FFFFFF1A;border: none;font-size: 13px;}
form .form-group .form-control::placeholder{ color:white; }
body form .form-group>textarea { border-radius: 5px;  color: white; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); background-color: #FFFFFF1A; border: none; height: auto;}
.custom_form  .form-check { height: 50px; border-radius: 5px; color: white; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); background-color: #FFFFFF1A; border: none; display: flex; align-items: center; justify-content: space-between; padding: 10px; margin: 10px 0px 20px 0px ; }
body .custom_form .form-check label{/* font-size:15px; */overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; /* number of lines to show */line-clamp: 2;-webkit-box-orient: vertical;}
.custom_form  .form-check .form-check-input { float: unset; margin: 0px; width: 20px; height: 20px; font-size: 17px; font-weight: bold; line-height: 17px; letter-spacing: 0em; text-align: left; }
.custom_form .form-check .form-check-input[type=checkbox] {background-image: var(--bs-form-check-bg-image);}
form .form-group .input-group {height: 35px;border-radius: 5px;color: white;backdrop-filter: blur(6px);background-color: #FFFFFF1A;border: none;align-items: center;}
form .form-group .input-group .password-toggle { cursor: pointer;  }
form .form-group .input-group input.form-control:not([type="checkbox"]):not([type="radio"]) { background-color: transparent; backdrop-filter: none; border-radius: 5px; }
form .form-group .input-group .input-group-text { box-shadow: unset; border: none; background-color: transparent; color: white; }
#main .custom_form .card .card-body .form-group .input-group .form-control {border-radius: 0px;background-color: transparent;backdrop-filter: unset;}
#main  form .form-group .select2 .select2-selection  {height: 35px;padding: 5px 25px 5px 10px;border-radius: 5px;color: #4A4A4A;box-shadow: unset;border-radius: 5px;position: relative;cursor: pointer;}
#main form .form-group .select2 .select2-selection:before{content: "\f078";position: absolute;right: 5px;width: 20px;height: 100%;font-family: 'FontAwesome';font-weight: bold;color: white;display: flex;align-items: center;justify-content: center;font-size: 10px;}

form .form-group .select2 .select2-selection span {line-height: normal;padding: 0px;font-size: 13px;color: white;}
form .form-group .select2 .select2-selection span.select2-selection__arrow { height: 100%; display: flex; align-items: center; right: 15px; width: fit-content; }
form .form-group .select2 .select2-selection span.select2-selection__arrow:after {content: '\f078';display: block;color: #ffffff;font-family: "FontAwesome";font-size: 13px;font-style: normal;font-weight: bold;line-height: normal;}
form .form-group .select2 .select2-selection span.select2-selection__arrow b { display: none; }
form .form-group .select2 .select2-selection ul li {margin: 0px;background-color: #4597E3;color: white;border: none;font-family: 'Hellix';font-size: 13px;padding: 5px;align-items: center;width: fit-content;}
form .form-group .select2 .select2-selection ul li button {border: none;color: white;position: relative;margin-right: 6px;border-radius: 0px;padding: 0px;}
form .form-group .select2 .select2-selection ul li button:hover{background-color: transparent;color: white;}

form .form-group .select2 .select2-selection ul {column-gap: 10px;display: flex;flex-wrap: nowrap;margin: 0px;padding: 0px;overflow-x:scroll ;}
form .form-group .select2 .select2-selection ul::-webkit-scrollbar {display: none;}
#main form .form-group .select2-container--disabled .select2-selection  , #main form .form-group .select2-container--disabled .select2-selection * {cursor: not-allowed;}
#main form .form-group .select2-container--disabled .select2-selection ul li input::placeholder  , #main form .form-group .select2-container--disabled .select2-selection:before  ,#main form .form-group .select2-container--disabled span{color: gray;}
form .form-group label.progress_label {display: flex;justify-content: space-between;column-gap: 20px;}
form .form-group label.progress_label + .form-range {margin: 0px;}
form .form-check-group {display: flex;align-items: center;/* height: 100%; */column-gap: 12px;flex-wrap: wrap;row-gap: 15px;}
.filter_form  {height: 100%;}
.filter_form .form-check {position: relative;margin-bottom: 10px;}
.filter_form .form-check .form-check-input[type=checkbox] , .filter_form .form-check .form-check-input[type=radio] {position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;opacity: 0;z-index:1;margin: 0px;/* display: none; */left: 0;top: 0;}
.filter_form .form-check .form-check-input[type=checkbox]:checked + label , .filter_form .form-check .form-check-input[type=radio]:checked + label{ background-color:#5095BF; }
.filter_form .form-check .form-check-label {background-color: rgba(255, 255, 255, 0.10);backdrop-filter: blur(12.5px);width: 100%;border-radius: 5px;padding: 5px 10px;display: flex;align-items: center;justify-content: space-between;height: 35px;min-width: 100px;}
/*.filter_form .col-md-12:last-child .form-check {margin: 0px;}*/
.filter_form .form-check:last-child {margin: 0px;}
.filter_form .form-check .form-check-input[type=checkbox]:checked + label i , .filter_form .form-check .form-check-input[type=radio]:checked + label i{display:block;}
.filter_form .form-check .form-check-input[type=checkbox] + label i , .filter_form .form-check .form-check-input[type=radio] + label i{display:none;margin-left: 10px;}
.filter_form .form-check .form-check-input[type=checkbox]:checked + label:before{display: none;}
.filter_form .row {/* margin-left: -7px; *//* margin-right: -7px; */row-gap: 8px;}
.filter_form .row .col-md-6 {/* padding: 0px 7px; */}

.select2-container {width: 100% !IMPORTANT; }
.select2-container.select2-container--open { z-index: 1111; }

.select2-results__option--selectable { color: #9B9B9B; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: aqua; background-color: #5095BF; }

form .form-check .form-check-input[type=checkbox]:checked + label:before {content: "\f00c";width: 15px;height: 15px;border-radius: 0.25em;background-color: white;color: #1A506A;margin: 0px;position: absolute;left: 0;top: 0;font-family: FontAwesome;font-size: 10px;font-weight: bold;line-height: 15px;letter-spacing: 0em;text-align: center;display: flex;align-items: center;justify-content: center;cursor: pointer;}
form .form-check .form-check-input[type=checkbox] { background-color: transparent; z-index: 1; background-image: none; cursor: pointer; }
form .form-check-group .form-check { position: relative; }

#main .dropdown-menu {padding: 0px;color:white;min-width: 120px;z-index: 99;background-color: rgba(255, 255, 255, 0.50);backdrop-filter: blur(6px);box-shadow: unset;backdrop-filter: blur(13px);background-color: rgba(255, 255, 255, 15%);border-radius: 10px;backdrop-filter: blur(13px);background-color:#5095BF;border: none;}
#main .dropdown-menu-arrow::before { display: none; }
#main .dropdown-menu .dropdown-item {color: white;line-height: 1.1;cursor: pointer;}
#main .dropdown-menu .dropdown-item:hover  { background-color:transparent ;color: white; }
#main .dropdown-toggle::after { content: '\f078'; font-family: 'FontAwesome'; border: none; vertical-align: baseline; font-size:12px; margin-left: 10px; }
#main .dropdown-menu::before { content:''; padding: 0px; background: rgb(255 255 255 / 30%); color: white; min-width: 120px; z-index: 99999; position: relative; filter: drop-shadow(0px 0px 9px #000000); box-shadow: unset; border: none; }
.header .header-nav .nav-profile {display: flex;align-items: center;}
.header .page_nav .nav-item .nav-link {padding: 5px;border-radius: 5px;backdrop-filter: blur(6px);background-color: #FFFFFF1A;display: flex;align-items: center;column-gap: 8px;min-width: 165px;}
.header .page_nav .nav-item .nav-link  i {width: 25px;height: 25px;border-radius: 4px;display: flex;align-items: center;justify-content: center;font-size: 12px;padding: 4px;}
.header .page_nav .nav-item.active .nav-link {background: #FFFFFF99;font-size: 13px;}
.header .page_nav .nav-item.active .nav-link span {font-family: 'Hellix-Bold';}
.header .page_nav .nav-item.active .nav-link i{ background: #5095BF; }
.header .header-nav{display: flex;align-items: center;column-gap: 30px;}

.modal .modal-dialog .modal-content .modal-header .modal-title {text-align: center;display: block;width: 100%;padding: 0px 15px;}
.modal .modal-dialog .modal-content .modal-header {border: none;padding: 20px;position: relative;}
.modal .modal-dialog .modal-content .modal-header .btn-close {display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 50%;background: #5095BF;color: white;width: 25px;height: 25px;padding: 0px;opacity: 1;position: absolute;right: 20px;top: 20px;line-height: 30px;}
.modal .modal-dialog .modal-content .modal-header .btn-close i {font-size: 12px;line-height: initial;}
.modal .modal-dialog .modal-content { background-color: rgba(255, 255, 255, 0.10); backdrop-filter: blur(30px);  -webkit-backdrop-filter: blur(30px);border: none; }
/*.modal .modal-dialog .modal-content .modal-body form .form-floating .form-control , .modal .modal-dialog .modal-content  .modal-body form .form-floating .form-control:focus , .modal .modal-dialog .modal-content  .modal-body form .form-floating .form-select , .modal .modal-dialog .modal-content  .modal-body form .form-floating .form-select:focus { background-color: rgba(255, 255, 255, 0.10); backdrop-filter: blur(12px); border: none; color: white; min-height: 45px;}*/
/*.modal .modal-dialog .modal-content .modal-body form .form-floating>.form-control~label  , .modal .modal-dialog .modal-content  .modal-body form .form-floating>.form-control:focus~label , .modal .modal-dialog .modal-content  .modal-body form .form-floating>.form-select~label  , .modal .modal-dialog .modal-content  .modal-body form .form-floating>.form-select:focus~label {color: white;}*/
/*.modal .modal-dialog .modal-content .modal-body form .form-floating>.form-control~label:after  , .modal .modal-dialog .modal-content  .modal-body form .form-floating>.form-control:focus~label::after  ,  .modal .modal-dialog .modal-content  .modal-body form .form-floating>.form-select~label:after  , .modal .modal-dialog .modal-content  .modal-body form .form-floating>.form-select:focus~label::after { display: none; }*/
/*.modal .modal-dialog .modal-content .modal-body form .form-group textarea.form-control{ height:auto;    background-color: rgba(255, 255, 255, 0.10);backdrop-filter: blur(12px);border: none;color: white; }*/
form .form-group textarea.form-control::placeholder{color: white;}
.modal .modal-dialog .modal-content .modal-body {padding: 20px;}
body .modal-backdrop { height: 100%; width: 100%; }
.nav-pills{display: flex;align-items: center;justify-content: center;column-gap: 10px;width: fit-content;}
.nav-pills .nav-item .nav-link {padding: 8px 20px 8px 20px;border-radius: 5px;box-shadow: unset;line-height: 17px;color: white;background-color: #5095BF;background-color: transparent;border: 1px solid white;}
.nav-pills .nav-item .nav-link.active {background-color: #5095BF;/* background-color: transparent; *//* font-size: 18px; *//* font-weight: bold; *//* color: #FFFFFF; *//* margin: 0px; *//* padding: 0px; */border-color: #5095BF;}
.user_account_tabs .nav {position: absolute;left: 0px;top: 0px;z-index: 2;justify-content: unset;}
.user_account_tabs { position: relative; }
.line-box { margin-bottom: 20px; }
.line-box hr { margin: 0px; opacity: 1; }

#aws_chart .highcharts-credits {display: none;}


/* Dashboard chat style starts from here */
#main .chat_sec .messages_mainCol_break .chats {padding: 20px 0;}
#main .chat_sec .chat{background: var(--black);margin-bottom: 10px;border-radius: 10px;cursor: pointer;}
#main .chat_sec .chat > a{text-decoration: none;padding: 15px;display: block;}
#main .chat_sec .chat .chat_inner_wrapper {display: flex;align-items: center;column-gap: 8px;flex-wrap: wrap;position: relative;    row-gap: 8px;}
#main .chat_sec .chat .chat_inner_wrapper .user_img{width: 45px; height: 45px; overflow: hidden; border-radius: 50%; flex-shrink: 0; border: 1px solid black;}
#main .chat_sec .chat .chat_inner_wrapper .user_img img{width: 100%;height: 100%;object-fit: cover;object-position: center;vertical-align: top;}
#main .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper .name_time_wrapper{display: flex;align-items: center;justify-content: space-between;padding-bottom: 5px;gap: 8px;padding: 0;}
#main .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper .name_time_wrapper .user_name h6{margin-bottom: 0; font-size: 16px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all}
#main .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper .name_time_wrapper .time{flex-shrink: 0;}
#main .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper .name_time_wrapper .time span{font-size: 10px;}
#main .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper .message_preview p{font-size: 13px; line-height: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; margin-bottom: 0;}
#main .chat_sec .chat .chat_inner_wrapper  .user_name_img  { width: 100%; }
#main .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper { width: 100%; flex: 1; }
#main .chat_sec .chat .chat_inner_wrapper .user_name_img  { width: 100%; display: flex; align-items: center; padding-left: 50px; column-gap: 10px; }
#main .chat_sec .chat .chat_inner_wrapper .user_name_img .user_img { width: 15px; height: 15px; }
#main .chat_sec .chat .chat_inner_wrapper .user_name_img  h6 { margin-bottom: 0; font-size: 16px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
#main .chat_sec .chat .chat_inner_wrapper .badge { position: absolute; right: -5px; top: -5px; display: block; background-color: red; border-radius: 50%; width: 10px; height: 10px; }
#main .chat_sec .chat .chat_inner_wrapper .user_detail_wrapper .name_time_wrapper span {color: var(--white);}
#main .chat_sec .chat .chat_inner_wrapper .user_name>h6 {margin: 0;}
#main .chat_sec .inner_section_messages .userChat_details {text-align: center; padding-bottom: 40px;}
#main .chat_sec .inner_section_messages .userChat_details .user_image {width: 80px; height: 80px; border: 1px solid lightgray; border-radius: 50%; overflow: hidden; margin: 0 auto;}
#main .chat_sec .inner_section_messages .userChat_details .user_image img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#main .chat_sec .inner_section_messages .userChat_details .user_name h5{line-height: 55px; margin-bottom: 0;}
#main .chat_sec .inner_section_messages .userChat_details .user_description p{font-size: 15px; margin-bottom: 0;}
#main .chat_sec .inner_section_messages .userChat_details .new_convo_message{margin-top: 12px;}
#main .chat_sec .inner_section_messages .userChat_details .new_convo_message p{font-size: 12px;}
#main .chat_sec .inner_section_messages .chat_details  .chat_details_image { width: 50px; height: 50px; overflow: hidden; border-radius: 50%; flex-shrink: 0; border: 1px solid black; }
#main .chat_sec .inner_section_messages .chat_details  .chat_details_image img { width: 100%; height: 100%; object-fit: cover; object-position: center; vertical-align: top; }
#main .chat_sec .inner_section_messages .chat_details  {display: flex;column-gap: 8px;align-items: center;padding: 8px 0px;/* height: 70px; */border-bottom: 1px solid #FFF;}
#main .chat_sec .inner_section_messages .chat_details .chat_details_image .chat_details_name h6 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  line-clamp: 1; -webkit-box-orient: vertical;}
#main .chat_sec .messages .bubble {padding: 10px 20px; display: inline-block; background-color: white; position:relative;}
#main .chat_sec .messages .day {position:relative; text-align: center;}
#main .chat_sec .messages .day:before{content: ""; width: 100%; height: 2px; background-color: #DFDFDF; display: block; position: absolute; top: 0; left: 0; bottom: 0; margin: auto 0;}
#main .chat_sec .messages .bubble span{background-color: #F0F5F5; padding: 8px 20px; border-radius: 20px;}
#main .chat_sec .messages .message .user_name h6 {font-size: 13px;}
#main .chat_sec .messages .message .image_content_wrapper{display: flex;align-items: flex-start;gap: 15px;margin-bottom: 10px;}
#main .chat_sec .messages .message .image_content_wrapper .user_image , .chat_sec .inner_section_messages .message_input_wrapper .user_image{width: 30px;height: 30px;overflow: hidden;border-radius: 50%;border: 1px solid #5095BF;}
#main .chat_sec .messages .message .image_content_wrapper .user_image img , .chat_sec .inner_section_messages .message_input_wrapper .user_image img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
#main .chat_sec .messages .message .image_content_wrapper .text_wrapper {max-width: 100%;flex: 1;}
#main .chat_sec .messages .message .image_content_wrapper .text_wrapper .text{padding: 18px 25px;margin-bottom: 10px;background-color: white;display: inline-block;/* display: flex; */padding: 8px;flex-direction: column;align-items: flex-start;gap: 10px;flex: 1 0 0;align-self: stretch;border-radius: 10px;background: rgba(255, 255, 255, 0.10);}
#main .chat_sec .messages .message .image_content_wrapper .text_wrapper .text p{margin-bottom: 0;font-size: 12px;word-break: break-word;}
#main .chat_sec .messages .message .image_content_wrapper .text_wrapper .text  .user_name {color: #5095BF;border-radius: 33px;background: #FFF;padding: 6px 12px;margin-bottom: 5px;}
#main .chat_sec .messages .message.received .text {border-radius: 0px 10px 10px 10px;}
#main .chat_sec .messages .message .image_content_wrapper .text_wrapper .message_time span {font-size: 12px;}
#main .chat_sec .messages .message.sent .image_content_wrapper{flex-direction: row-reverse;}
#main .chat_sec .messages .message.sent .user_name h6 {text-align: right;}
#main .chat_sec .messages .message.sent .text {border-radius: 10px 0 10px 10px; text-align: left;}
#main .chat_sec .messages .message.sent .image_content_wrapper .text_wrapper .message_time{text-align: right;}
#main .chat_sec .messages .message.sent .image_content_wrapper .text_wrapper{text-align: end;max-width: 100%;flex: 1;max-width: 100%;}
#main .chat_sec .inner_section_messages .message_input_wrapper {margin: 0;display: flex;align-items: center;box-shadow: 0 5px 12px rgba(0,0,0,0.05);/* border-radius: 50px; *//* padding-right: 20px; */margin-top: 30px;/* height: 60px; *//* background-color: var(--white); *//* padding: 0px 10px; */margin: 0px;column-gap: 8px;}
#main .chat_sec .inner_section_messages .message_input_wrapper .message_input{flex: 1;/* height: 100%; */}
#main .chat_sec .inner_section_messages .message_input_wrapper .message_input input{border: 0;color: white;background: rgba(255, 255, 255, 0.10);display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 8px;border-radius: 5px;box-shadow: unset;box-shadow: unset;border-color: #5095BF;line-height: 1.2;margin: 0px;font-size: 12px;height: 35px;}
#main .chat_sec .inner_section_messages .message_input_wrapper .message_input input:focus{box-shadow: none;}
#main .chat_sec .inner_section_messages .message_input_wrapper .message_input input::placeholder{color:white;}
#main .chat_sec .inner_section_messages .message_input_wrapper .send_btn{/* width: 40px; *//* height: 40px; *//* border-radius: 50%; */}
#main .chat_sec .inner_section_messages .message_input_wrapper .send_btn a{color: white; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; text-decoration: none;}
#main .chat_sec .inner_section_messages .message_input_wrapper .embeded_link {padding-right: 15px;}
#main .chat_sec .inner_section_messages .message_input_wrapper .embeded_link a {font-size: 20px;}
#main .chat_sec .inner_section_messages .message_input_wrapper .send_btn .btn {/* padding: 0px; *//* width: 100%; *//* height: 100%; *//* display: flex; */align-items: center;justify-content: center;/* background-color: var(--lightgreen); *//* border-color: var(--lightgreen); *//* color: var(--white); *//* border-radius: 50px; *//* transition: all 0.3s ease; */}
#main .chat_sec .inner_section_messages .message_input_wrapper .send_btn .btn i { margin: 0; }
#main .chat_sec .messages_mainCol_break .chats { /* background: white; */ overflow: auto; height: 650px; padding-right: 10px; padding: 0px; padding-right: 10px; }
#main .chat_sec .inner_section_messages {/* background: var(--black); *//* padding: 20px; *//* border-radius: 10px; */}
#main .chat_sec .inner_section_messages .messages {overflow-y: scroll;padding-right: 15px;padding: 8px;min-height: calc(100% - 90px);/* height: 500px; */margin: 8px 0px;flex: 1;}
#main .chat_sec .messages_mainCol_break .chats .chat:last-child { margin: 0px; }
#main .chat_sec .chat_sec_heading {  margin-bottom: 30px;}
#main .chat_sec .inner_section_messages .get_messages_through_ajax_view {height: 100%;flex: 1;display: flex;flex-direction: column;min-height: calc(100% - 90px);}
#main .chat_sec .inner_section_messages .chat_details h6 {margin: 0px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;font-family: 'Hellix-Bold';}
#main .chat_sec .inner_section_messages .chat_details .btn-icon {width: 25px;height: 25px;border-radius: 50%;padding: 0px;display: flex;align-items: center;justify-content: center;min-width: 30px;/* height: 30px; */}
#main .chat_sec .inner_section_messages .chat_details .btn-icon i {font-size: 12px;line-height: 25px;margin: 0px;}
#main .chat_sec .chat_left_col {padding-right: 0px;}
#main .chat_sec .chat_right_col {/* padding: 0px 10px; */}
#main .chat_sec .inner_section_messages{height: calc(100vh - 16px);padding: 8px;margin: 0px;}
#main .chat_sec .chat_sec_heading h1 {margin: 0px;line-height: 60px;}
#main .chat_sec .inner_section_messages .chat_details .chat_details_name {flex: 1;}
#main .chat_sec .messages .message .image_content_wrapper .text_wrapper .time{display: block;text-align: right;}
/* Dashboard chat style ends here */

form .form-group .select2 .select2-selection { height: 50px; border-radius: 5px; color: white; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); background-color: #FFFFFF1A; border: none; }
form .form-group  .select2 .select2-selection ul li { border-radius: 5px; color: white; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); background-color: #FFFFFF1A; border: none; }
form .form-group .select2 .select2-selection  { height: 50px; border-radius: 5px; color: white; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); background-color: #FFFFFF1A; border: none; display: flex; align-items: center; }
form .form-group .select2 .select2-selection ul li{border-radius: 5px;color: white;backdrop-filter: blur(6px);background-color: #FFFFFF1A;border: none;cursor: pointer;line-height: 1;}
form .form-group .select2 .select2-selection ul li input {margin: 0px;display: block;width: 100% !important;color: white;font-size: 13px;/* height: 100%; */cursor: pointer;}
form .form-group .select2 .select2-selection ul li input::placeholder { color: white; }
form .form-group .select2 .select2-selection ul  li.select2-search {width:100%;background-color: transparent;backdrop-filter: unset;color: white;padding: 0px;}
form .form-group .select2 .select2-selection ul li.select2-selection__choice {/* display: none; */}
form .form-group .select2 .select2-selection ul li.select2-selection__choice .select2-selection__choice__remove {margin-right: 5px;}
.select2-container .select2-dropdown {margin-top: 10px;border-radius: 5px;overflow: hidden;border: none;background-color: transparent;backdrop-filter: blur(13px);-webkit-backdrop-filter: blur(13px); background-color: rgba(255, 255, 255, 15%);border: none;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #4597E3; background-color: TRANSPARENT; color: #4597E3; background: #FFFFFF99; }
.select2-container--default .select2-results>.select2-results__options {/* backdrop-filter: blur(13px); *//* background-color: rgba(255, 255, 255, 15%); *//* border: none; */}
.select2-results__option[aria-selected] { color:white; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: transparent; }
.select2-container--default .select2-results__option[aria-selected=true] { padding-right: 30px; position: relative; }
.select2-container--default .select2-results__option[aria-selected=true]:before { content: '\f00c'; font-family: 'FontAwesome'; font-size: 13px; color: #007bff; position: absolute; right: 0; top: 0; width: 30px; height: 100%; display: flex; align-items: center; justify-content: center; }
.select2-container--default .select2-results__option[aria-selected=true] { color: #4597E3; background: #FFFFFF99; }
.bar_chart_card , .client_chart_card {/* zoom: 115%; */}


.swal2-container .swal2-modal { padding: 0px; background-color: rgba(255, 255, 255, 0.10); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border: none; color: white; margin-right: auto; margin-left: auto; min-width: 650px; padding: 70px; border-radius: 10px; }
.swal2-container .swal2-modal .swal2-close { position: absolute; right: 10px; top: 10px; background-color: #5095BF; border-radius: 50%; width: 30px; height: 30px; font-size: 23px; color: white; line-height: 30px; }
.swal2-container .swal2-modal .swal2-title {font-size: 35px;padding: 0px;margin-bottom: 20px;}
.swal2-container .swal2-modal .swal2-actions button { background-color: #5095BF; animation-timing-function: ease-out; animation-duration: 300ms; padding: 12px 60px; border-radius: 5px; box-shadow: unset; box-shadow: unset; border-color: #5095BF; line-height: 1.2; border: 1px solid #5095BF; }
.swal2-container .swal2-modal .swal2-close:hover { color: white; }

.swal2-container .swal2-modal .swal2-success-circular-line-left , .swal2-container .swal2-modal .swal2-success-circular-line-right  , .swal2-container .swal2-modal .swal2-swal2-success-fix { display: none; }
.swal2-container .swal2-modal .swal2-success-fix { display: none; }
.swal2-container .swal2-modal .swal2-icon.swal2-success.swal2-icon-show { box-shadow: unset; }
.swal2-container .swal2-modal .swal2-success-ring { display: none; }
.description_input{ position: relative; }
.description_input .description_input_box { position: relative; }
.description_input .description_input_box .update_description { height: 30px; padding-right: 35px; }
.description_input .description_input_box .update_icon { display: none; position: absolute; color: #ffffff; font-size: 15px; top: 0px; right: 0px; background: #4597e3; padding: 5px; cursor: pointer; width: 30px; height: 30px; border-radius: 5px; line-height: 20px; }

.gost_filter_from .form_group_horizontal {display: flex;align-items: center;column-gap: 10px;justify-content: space-between;}
.gost_filter_from .form_group_horizontal label { margin: 0px; }
.gost_filter_from .form_group_horizontal .select2-container, .gost_filter_from .form_group_horizontal .progress-container,  .gost_filter_from .form_group_horizontal .right_box{max-width: 80%;margin-left: auto;flex: 1;}
.row>* {padding-right: 5px;padding-left: 5px;}
.row {margin-right: -5px;margin-left: -5px;}

.gost_filter_from .form_group_horizontal .clear_searc_box{max-width: 80%;margin-left: auto;display: flex;column-gap: 10px;flex: 1;}


body form .form-group .select2 .select2-selection .select2-selection__arrow {
    display: none;
}
body form .form-group  .form-control:disabled , body form .form-group  .form-select:disabled {
    background-color: #FFFFFF1A;
    cursor: not-allowed;
}
body form .form-group  .form-control[readonly] , body form .form-group  .form-select[readonly] {
    background-color: #FFFFFF1A;
    cursor: not-allowed;
}

.gost_filter_from .card .card-body .row .col-md-12:last-child .form_group_horizontal {
    margin: 0px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: transparent;
    /* border: none; */
    border-color: white;
    color: white;
    outline: none;
}
.bar_chart {width: 100% !important;height: 150px !IMPORTANT;}


.manager_right_box .alert_boxs {/* height: 181px; */}
.select2-container .select2-dropdown .select2-search--dropdown {/* display: none; */}
.nav-pills .nav-item .nav-link[data-bs-target="#detail-tabs"] {pointer-events: none;}

.rate {
    width: fit-content;
    margin: 20px auto 20px;
}

.rate > input {
    display: none;
}

.rate > label {
    float: right;
    color: #ccc;
}

.rate > label:before {
    display: inline-block;
    font-size: 50px;
    margin: 0;
    cursor: pointer;
    font-family: "Font Awesome 6 free";
    content: "\f005 ";
}

.rate .half:before {
    content: "\f089 ";
    position: absolute;
    padding-right: 0;
}

.rate input:checked ~ label,
.rate label:hover,
.rate label:hover ~ label {
    color: #fff;
}

.rate input:checked ~ label:before,
.rate input:hover ~ label:before,
.rate label:hover:before {
    font-weight: bold;
}

#main .table-striped tbody tr td.description p {
    width: 100%;
    margin: 0 auto;
    word-break: break-all;
    text-align:left;
}
#main .table-striped tbody tr td.plan_account_name {
    white-space: nowrap;
}
#main .table-striped tbody tr td.plan_name {
    text-align:left;
    min-width: 15%;
}

#main .gost_filter_from .alert_boxs .form-check .alert-warning , .alert_boxs .alert-warning {
    color: yellow;
}

#main .gost_filter_from .alert_boxs .form-check .alert-warning , .alert_boxs .alert-warning {
    background-color: transparent;
    border-color: yellow;

}

#main .table-striped thead tr th.dt-type-numeric {
    width: fit-content;
}

.reports_detail_sec form .form-group { display: flex; align-items: center; column-gap: 20px; justify-content: space-between; }
.reports_detail_sec form .form-group label { white-space: nowrap; margin: 0px; }
.reports_detail_sec form .select2-container, .reports_detail_sec form .form-control, .reports_detail_sec form .form-group .progress-container, .reports_detail_sec form .form-check-group {width: 78% !important;margin-left: auto;}

.reports_detail_sec form  .custom_search_box input.form-control {
    width: 100% !important;
}
body .reports_detail_sec form .card .row .col-md-12 .left_box.form-group .custom_search_box i {
    color: #5095BF;
    z-index: 1;
}
.reports_detail_sec .card .row .col-md-12:last-child .form-group{margin:0px;}
/*.reports_detail_sec form .btn-primary[type="submit"] { margin-top: 20px; }*/
.reports_detail_sec form .form-group .form-range { margin: 0px; }
/*.reports_detail_sec form .form-check-group .form-check { width: 100%; }*/

form .form-group .form-range.left_box {
    margin-top: 5px;
}
form .form-check-group.left_box {
    margin-top: 5px;
}


body .reports_detail_sec form .card .row .col-md-12 .left_box.form-group {
    width: 82%;
    margin-left: auto;
    column-gap: 10px;
    margin-top: 15px;
}
body .reports_detail_sec form .card .row .col-md-12 .left_box.form-group .custom_search_box , body .reports_detail_sec form .card .row .col-md-12 .left_box.form-group button {
    width: 50%;
}

body .reports_detail_sec form .card .row .col-md-12 .left_box.form-group .custom_search_box input.form-control {
    /* height: 46px; */
    min-width: unset;
    padding: 10px 20px;
    /* background-color: #5095BF; */
    /* animation-timing-function: ease-out; */
    /* animation-duration: 300ms; */
    padding: 10px 30px 10px 20px;
    border-radius: 5px;
    box-shadow: unset;
    box-shadow: unset;
    /* border-color: #5095BF; */
    line-height: 1.2;
    height: unset;
    font-size: 15px;
    border: 1px solid #F3F3F3;
    background: #FFF;
    color: #9B9B9B;
}
body .reports_detail_sec form .card .row .col-md-12 .left_box.form-group .custom_search_box input.form-control::placeholder{
    color: #9B9B9B;

}
#main .super_admin_sec .table-striped tbody tr td .badge {color: black;}
#main .table-striped tbody tr td.dt-type-numeric {
    text-align: center;
}
#main .table-striped tbody tr td.assign_name  {white-space: nowrap;/* min-width: 200px; */}
#main .table-striped tbody tr td.description_input + td {   white-space: nowrap;}
/* styles.css */
/*.loader-container {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    height: 100vh;*/
/*    width: 100%;*/
/*    background-color: #305F8A;*/
/*    position: fixed;*/
/*    !* top: 0; *!*/
/*    !* left: 0; *!*/
/*    opacity: 1;*/
/*    !*transition: opacity 0.5s ease;*!*/
/*    z-index: 11111;*/
/*    !*position: relative;*!*/
/*    !* position: absolute; *!*/
/*    transition: 0.5s ease all;*/
/*}*/

/*!*.loader-container.hidden {*!*/
/*!*    opacity: 0;*!*/
/*!*    z-index: 0;*!*/
/*!*}*!*/

/*.loader {*/
/*    border: 4px solid #ffffff;*/
/*    border-radius: 50%;*/
/*    border-top: 4px solid #5095BF;*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    animation: spin 2s linear infinite;*/
/*}*/

/*@keyframes spin {*/
/*    0% { transform: rotate(0deg); }*/
/*    100% { transform: rotate(360deg); }*/
/*}*/
/*.main {*/
/*    opacity: 0;*/
/*}*/

/*.loader-container.hidden +  main#main {*/
/*    opacity: 1;*/
/*    position: relative;*/
/*}*/
.loader-container {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #305F8A;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    padding: 50px;
}

.loader-container .loader {
    width: 300px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 10px;
}

.loader-container .loader .loader-progress-bar {
    height: 100%;
    background-color: #4597E3;
    border-radius: 10px;
    width: 0%;
    transition:  0.4s ease all;
}

.loader-container .loader h5.loading-text {
    text-align: center;
    margin: 10px 0px;
}
.loader-container.hidden {
    /* width: 0; */
    height: 0;
    transition: 0.8s ease all;
    opacity: 0;
    z-index: 0;
}
.loader-container.hidden .loader{
    opacity: 0;
}
.table-responsive {
    min-height: 300px;
    padding-bottom: 50px;
    position: unset;
}
#main .table-striped tbody tr:first-child  .dropdown-menu {
    tpp:40px !important;
    bottom:unset !important;
}
#main .card .card-body .table-responsive .dt-container .dt-paging {
    /* position: fixed; */
    /* bottom: 12px; */
    /* right: 12px; */
    /* padding: 0px; */
    position: absolute;
    bottom: 22px;
    right: 8px;
}

#main .card .card-body .table-responsive .dt-container .dt-end {
    /* height: 40px; */
}

.gost_filter_from .form-group .progress-container {/* flex: 1; */position:relative;/* margin-top: 15px; */padding-top: 17px;}
.gost_filter_from .form-group .progress-container .form-range {/* width: 100% !important; */}
.gost_filter_from .form-group .progress-container .progress_value {position: absolute;top: 0px;left: 0px;/* transform: translateY(-50%); *//* font-size: 12px; *//* padding: 2px; */border-radius: 50%;line-height: 1;}


form .custom_file_upload .file-label {
    border: 2px dashed #5095BF;
    border-radius: 5px;
    margin: 10px 0 15px;
    padding: 30px 50px;
    width: 100%;
    text-align: center;
    display: flex;
    column-gap: 10px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 15px;
}

form .custom_file_upload  input[type="file"] {
    display: none;
}
body .dashboard_sec .alert_boxs {height: 170px;}

#main .datatable2  tbody tr[data-id] td:first-child:before {content: "\f067";font-family: "Font Awesome 5 Free";font-weight: bold;font-size: 15px;margin-right: 5px;}
#main .datatable2  tbody tr[data-id].show td:first-child:before {content: "\f068";}
#main .datatable2  tbody tr[data-id] td:first-child {min-width: 200px;cursor: pointer;}

.header .header-nav .nav-profile i {
    font-size: 20px;
}
#main .clear_status_filter ,#main .clear-all-button {text-align: left;padding: 10px;}

.knob_chart .knob {
    margin: 0px !important;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100% !important;
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
#main .dt-container .dt-search {
    display: none;
}
#main .dt-container .dt-button  {
    background-color: #5095BF;
    border-radius: 5px;
    color:#fff;
}

#main .dt-container .dt-button span{
    color:#fff;
}

#main .dt-container .dt-buttons {
    text-align: left;
}
#main .dt-container {
    position: unset;
}
section .custom_form {height:100%;}
#main .table-striped tbody tr td>a i {
    color: white;
}

#main .table-striped tbody tr td>a.remove_to_fav {
    color: #fff;
    text-decoration: unset;
}
.gost_filter_from .form_group_horizontal .clear_searc_box .custom_search_box {
    width: 100%;
}
.filter_form .show_fill_tag .form-check {
    padding: 0px;
}
.save-btn{
    display: flex;
    align-items: end;
    margin-bottom: 8px;
}
.g-form{
    margin-top: -30px!important;
}
.custom-btn{
    height: 40px !important;
    width: 250px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mt-25{
    margin-top:-25px;
}
.m-form .form-control{
    width: 400px!important;
}

.filter_plan_detail_table .progress-cell {cursor: pointer;}

form .select_role .select2 .select2-selection ul li:nth-child(2) {   order: -1;}
body:has(#main .table-striped tbody tr td:first-child input[type="checkbox"]:checked) .mark_approved { filter: unset; pointer-events: unset;}
#main .mark_approved {   filter: grayscale(1);    pointer-events: none;}
#main .table-striped tbody tr td span[onclick] { cursor: pointer;}

.custom_checkbox { cursor: pointer; display: inline-block; }
.custom_checkbox input { display: none; }
.custom_checkbox label {position: relative;cursor: pointer;width: 20px;height: 20px;display: flex;}
.custom_checkbox label::after { content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: bold; position: absolute; top: 0; left: 0; color: white; font-size: 11px; opacity: 0; transition: opacity 0.2s; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.custom_checkbox label::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #5095BF; border-radius: 4px; background-color: white; transition: background-color 0.2s, border-color 0.2s; }
.custom_checkbox input:checked + label::before { background-color: #5095BF; border-color: #5095BF; }
.custom_checkbox input:checked + label::after { opacity: 1; }
.custom_checkbox input[disabled] + label { opacity: 0.5; cursor:not-allowed; }


#main .sales_manager_filter_plan_detail_table .table-striped tbody tr td:first-child {padding: 5px;text-align: center;}
#main .sales_manager_filter_plan_detail_table .table-striped tbody tr[data-type="goal"] td:nth-child(2) {padding-left: 5px;text-align: left;}
#main .sales_manager_filter_plan_detail_table .table-striped tbody tr[data-type="objective"] td:nth-child(2){padding-left: 35px;text-align: left;}
#main .sales_manager_filter_plan_detail_table .table-striped tbody tr[data-type="strategy"] td:nth-child(2) {padding-left: 65px;text-align: left;}
#main .sales_manager_filter_plan_detail_table .table-striped tbody tr[data-type="tactic"] td:nth-child(2) {padding-left: 95px;text-align: left;}
#main .sales_manager_filter_plan_detail_table .table-striped thead tr th:first-child .dt-column-order {display: none !Important;}



#main .assignee_filter_plan_detail_table .table-striped tbody tr td:first-child {padding: 5px;text-align: center;}
#main .assignee_filter_plan_detail_table .table-striped thead tr th:first-child .dt-column-order {display: none !Important;}

form .select_role .select2 .select2-selection ul li.select2-search{   order:1;}
#main .userTable1 thead tr th:not(:nth-child(1)):not(:nth-child(8)):not(:nth-child(9))  .dt-column-order {  display: none;}
#main .userTable1 thead tr th:not(:nth-child(1)):not(:nth-child(8)):not(:nth-child(9)) { pointer-events: none;}
#main .card .card-body .table-responsive .dt-container .dt-length { display: flex; align-items: center; column-gap: 10px; }
#main .card .card-body .table-responsive .dt-container .dt-length label { text-transform: capitalize; }

#main .filter_plan_detail_table .table-striped thead tr .hide_td , #main .filter_plan_detail_table .table-striped tbody tr .hide_td  {display: none !important;width: 0 !important;min-width: 0 !important;max-width: 0 !IMPORTANT;padding: 0px;}


#main .filter_plan_detail_table .table-striped thead tr td[data-id] , #main .filter_plan_detail_table .table-striped tbody tr td[data-id] {/* width: 100%; */width: 100% !important;}
#main .filter_plan_detail_table .dt-container .dt-buttons { position: absolute; top: 0; left: 250px; }
#main .filter_plan_detail_table .dt-container .dt-buttons .dt-button{ font-size: 12px; padding: 8px; line-height: 1; height: unset; min-height: 35px; }


@media (min-width:768px) and (max-width:991px){
    /* .m-form .form-group:first-child, .m-form .form-group:nth-child(2){
        margin-top: 37px!important;
    } */
    .m-form .form-control{
        width: 273px!important;
    }
}

@media (max-width:575px) {
    .m-form .form-group:first-child{
        margin-top: 37px!important;
    }
    .m-form .form-control{
        width: 100%!important;
    }
}

.mt-12{
    margin-top:-12px;
}
.show_fill_tag i{display: none;}
@media screen and (max-width: 1700px) {
    .card .card-body {padding: 8px;}
    .card .card-title {font-size: 13px;/* font-weight: bold; *//* padding: 0px 0 10px 0; *//* margin-bottom: 8px; */}
    #main {/* padding: 8px; */}
    .header {/* padding: 8px; *//* margin-bottom: 8px; */}
    .header .page_nav .nav-item .nav-link {min-width: 150px;/* padding: 8px; */}
    * {font-size: 12px;line-height: 18px;}
    #main .card .card-body .table-header {margin-bottom: 3px;}
    form .form-group  {margin-bottom: 8px;}
    h1 {font-size: 20px;/* line-height: 30px; */}
    p {font-size: 12px;line-height: 16px;}
    .user_account_tabs .nav {top: 0px;left: 0px;column-gap: 8px;}
    #main .card .card-body .table-header .table-toolbar .custom_search_box .form-control  , #main .card .card-body .table-header .table-toolbar .dropdown .dropdown-toggle , body .reports_detail_sec form .card .row .col-md-12 .left_box.form-group .custom_search_box input.form-control{/* height: 35px; */font-size: 12px;/* padding: 8px 20px 8px 8px; *//* height: unset; *//* line-height: unset; */}
    #main .card .card-body .table-header .table-toolbar .custom_search_box i , body .reports_detail_sec form .card .row .col-md-12 .left_box.form-group .custom_search_box i{       width: 20px;font-size: 10px;}
    #main .btn-primary, .nav-pills .nav-item .nav-link , #main .card .card-body .table-header .table-toolbar .dropdown .form-select{font-size: 12px;padding: 8px;line-height: 1;height: unset;min-height: 35px;}
    form .form-group .select2 .select2-selection, form .form-group .form-select, form .form-group .form-control:not([type="checkbox"]):not([type="radio"]):not(textarea) , form .form-group .input-group{height: 35px;font-size: 12px;}
    .modal .modal-dialog .modal-content .modal-body  , .modal .modal-dialog .modal-content .modal-header{ padding:  10px; }
    .dashboard_sec .card .activities_boxs {/* max-height: 270px; */}
    body .dashboard_sec .alert_boxs {/* height: 170px; */}

    .bar_chart {/* height: 150px !important; */}
    .manager_right_box .alert_boxs {height: 161px;/* margin: 0px; */}
    .dashboard_sec .info-cards .info-card .info-card-number {padding: 8px 10px;}
    form .form-group label {font-size: 12px;/* margin-bottom: 10px; */}
    #main form .form-group .select2 .select2-selection {/* height: 35px; *//* padding: 5px 20px 5px 10px; */}
    #main form .form-group .select2 .select2-selection:before { width: 15px; font-size: 8px; } h5 {font-size: 15px;}
    #main .table-striped tbody tr td , #main .table-striped thead tr th {/* padding: 5px; */min-width: fit-content;/* line-height: 18px; */}
    .card {margin-bottom: 8px;min-height: calc(100% - 8px);border-radius: 8px;}
    form .form-group .select2 .select2-selection ul li { padding: 5px; }
    #main .table-striped tbody tr td .badge {/* padding: 5px; */min-width: 75px;/* font-size: 12px; */}
    form .form-group .select2 .select2-selection ul li input {font-size: 12px;}
    /*.dashboard_sec .info-card .knob_chart{ width: 120px; height: 120px; }*/
    /*.dashboard_sec .info-card .knob_chart canvas { width: 100% !IMPORTANT; height: 100% !IMPORTANT; }*/
    /*.dashboard_sec .info-card .knob_chart  input.knob { color: white !IMPORTANT; font-size: 25px !important; width: 100% !important; height: 100% !important; left: 0; top: 0; margin: 0px !IMPORTANT; line-height: 120px !IMPORTANT; }*/
    .header .page_nav .nav-item .nav-link i { width: 20px; height: 20px; font-size: 8px; }
    .logo {width: 100px;}
    .header .header-nav {/* column-gap: 30px; */} .header .page_nav { column-gap: 10px; }
    form .form-group .select2 .select2-selection span{font-size:12px;}
    .header-nav .nav-profile img {height: 25px;}
    .header-nav .nav-profile span {font-size: 12px;}
    .filter_form .form-check .form-check-label {/* padding: 10px; */}
    .filter_form .form-check {margin-bottom: 8px;min-height: 35px;}
    #main .card .card-body button.dt-paging-button { padding: 5px; width: 25px; height: 25px; line-height: 30px; display: inline-flex; justify-content: center; align-items: center; font-size: 10px; }
    #main .dropdown-menu .dropdown-item { font-size: 12px; padding: 10px; transition: 0.3s; }
    #main .table-striped tbody tr td .dropdown>.nav-link>i {font-size: 16px;}
    .alert_boxs {height: 163px;/* margin-bottom: 8px; */padding: 8px;}
    #main .table-striped tbody tr td.description {/* width: 25%; */}
    #main .chat_sec .inner_section_messages {/* padding: 10px; */}
    #main .chat_sec .inner_section_messages .chat_details .btn-icon { min-width: 25px; min-height: 25px; }
    #main .chat_sec .inner_section_messages .messages {/* padding: 10px; */}
    #main .chat_sec .messages .message .image_content_wrapper .user_image, .chat_sec .inner_section_messages .message_input_wrapper .user_image {/* width: 35px; *//* height: 33px; */}
    #main .chat_sec .inner_section_messages .message_input_wrapper .message_input input {/* height: 35px; *//* font-size: 12px; *//* line-height: 1; *//* padding: 10px 10px; */}
    .alert_boxs .alert {font-size: 12px;margin-bottom: 8px;}
    /*.manager_right_box .knob_chart_box .knob_chart .knob {width: 100% !IMPORTANT;height: 100% !IMPORTANT;}*/
    /*.manager_right_box .knob_chart_box .knob_chart  canvas {height: 100%!important;width: 100% !important;}*/
    form .form-group input[type="range"]::-webkit-slider-thumb {  width: 15px; height: 15px;  }
    form .form-group .form-range::-webkit-slider-thumb {  margin-top:-4px; }
    #main .table-striped thead tr th .dt-column-order::before ,#main .table-striped thead tr th .dt-column-order::after {font-size: 8px;}
    #main .table-striped thead tr th .dt-column-order {height: 10px;}
    .nav-pills{column-gap: 8px;}
    /*.custom_search_box .form-control {min-width: 250px;}*/
    #main .card .card-body .table-header .table-toolbar .dropdown .form-select {min-width: 100px;}
    .modal-dialog {max-width: 625px;}
    .modal .modal-dialog .modal-content .modal-header .btn-close { width: 20px; height: 20px; margin: 0px; right: 10px; top: 10px; }
    .modal .modal-dialog .modal-content .modal-header .btn-close i { font-size: 10px; }
    .custom_form .form-check {margin: 10px 0px 10px 0px;padding: 8px;height: 35px;}
    .auth_main .login_sec .row .card .card-body {padding: 10px;}
    #main .btn-primary[type="submit"] {padding: 7px 20px;}
    .auth_main .login_sec .card .logo {margin: 0 auto 20px;}
    .auth_main .login_sec {min-height: calc(100vh - 16px);}
    .swal2-container .swal2-modal .swal2-close {width: 20px;height: 20px;font-size: 14px;}
    .swal2-container .swal2-modal .swal2-title { font-size: 25px; margin: 0 auto; }
    .swal2-container .swal2-modal {min-width: 500px;padding: 50px;}
    .swal2-container .swal2-modal .swal2-actions button {padding: 8px 25px;}
    .rate > label:before {font-size: 30px;}
    #main .table-striped tbody tr td .badge.badge-number {font-weight: bold;font-size: 8px;min-width: unset;padding: 0px;width: 13px;height: 13px;display: flex;align-items: center;justify-content: center;color: #000;}
    .reports_detail_sec form .select2-container, .reports_detail_sec form .form-control, .reports_detail_sec form .form-group .form-range, .reports_detail_sec form .form-check-group ,body .reports_detail_sec form .card .row .col-md-12 .left_box.form-group{width: 78% !important;}
    .filter_form .form-check .form-check-label{height: 35px;padding: 8px;}
    .row>* { padding-right: 4px; padding-left: 4px; }
    .row { margin-right:-4px; margin-left: -4px; }
    .gost_filter_from .form-group .progress-container .progress_value {top: 0px;}
    .gost_filter_from .form-group .progress-container {/* margin-top: 5px; */}
    .dashboard_sec .chart_cards {/* display: flex; */column-gap: 8px;left: -8px;}
    .dashboard_sec .chart_cards .info-card {/* width: calc(20% - 8px); */}
    .gost_filter_from .form_group_horizontal .select2-container, .gost_filter_from .form_group_horizontal .progress-container {
        max-width: 70%;
    }
    .table-responsive {
        padding-bottom: 40px;
    }

    #main .filter_plan_detail_table .dt-container .dt-buttons { position: absolute; top: 0; left: 190px; }
}
@media screen and (max-width: 1199px) {
    .gost_filter_from .form_group_horizontal {
        display: flex;
        align-items: start;
        /* flex-direction: column; */
        justify-content: start;
        row-gap: 8px;
    }

    .gost_filter_from .form_group_horizontal .select2-container, .gost_filter_from .form_group_horizontal .progress-container , .gost_filter_from .form_group_horizontal .clear_searc_box {
        max-width: 85%;
        width: 100%;
    }

    .gost_filter_from .form_group_horizontal .clear_searc_box {
        /* flex-direction: column-reverse ; */
        /* row-gap: 8px; */
    }

}
@media screen and (max-width: 991px) {
    .header .navbar-collapse { position: absolute; left: 0; top: 57px; width: 100%; background-color: black; border-radius: 10px; }
    .logo {flex: 1;}
    .gost_filter_from .form_group_horizontal {display:flex;align-items: start;flex-direction: column;justify-content: start;row-gap: 8px;}
    .gost_filter_from .form_group_horizontal .select2-container, .gost_filter_from .form_group_horizontal .progress-container , .gost_filter_from .form_group_horizontal .clear_searc_box {max-width: 100%;width: 100%;}
    .dashboard_sec .chart_cards .info-card .card-body {
        flex-direction: column;
        row-gap: 8px;
    }
}
@media screen and (max-width: 767px) {
    /*.user_account_tabs .nav {position:relative;!* margin-bottom: 11px; *!width: 100%;}*/
    .dashboard_sec .dashboard_search_form .form-group {margin-bottom: 8px;}
    #main .filter_plan_detail_table .dt-container .dt-buttons { position: relative; left: 0px; }


}
@media screen and (max-width: 630px) {
    .user_account_tabs .nav {position:relative;/* margin-bottom: 11px; */width: 100%;}
    .dashboard_sec .chart_cards .info-card .card-body{text-align: center;}
}
@media screen and (max-width: 600px) {
    .gost_filter_from .form_group_horizontal .clear_searc_box {   flex-direction: column-reverse ; row-gap: 8px;}
    .company_name {justify-content: start;text-align: left;}
    .dashboard_sec .chart_cards .info-card {
        width: calc(33.33% - 8px);
        /*width: 100%;*/
        /* margin: 0; */
    }
    .dashboard_sec .info-card .knob_chart {
        margin: 0 auto;
    }
    #main .card .card-body .table-header .table-toolbar .custom_search_box {
        flex: 1;
        width: 100%;
        min-width: auto;
        order: -1;
        /*min-width: 100%;*/
    }
    .gost_filter_from .form_group_horizontal .clear_searc_box .custom_search_box{
        min-width: 100%
    }
    #main .card .card-body .table-header .table-toolbar .dropdown .form-select {
        width: 75px;
        min-width: 100%;
    }

    #main .card .card-body .table-header .table-toolbar{
        width:100%
    }
    .user_account_tabs .nav .nav-item {
        width: calc(50% - 4px);
    }.user_account_tabs .nav .nav-item .nav-link{display:block;width:100%;}

}
@media screen and (max-width: 300px) {
    .dashboard_sec .chart_cards .info-card {
        width: 100%;
    }
}

#loader {
    text-align: center;
    padding: 20px;
    position: absolute;
    top: 0;
    /* bottom: 0; */
    z-index: 999;
    background-color: rgb(0 0 0 / 40%);
    height: 100%;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-spinner {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-top: 5px solid #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.goalSection h5{   line-height: 25px;}
.goalSection .ObjectiveList{ margin-left: 15px;}
.goalSection .ObjectiveList .form-check label {  margin: 0px;   line-height: 16px;   cursor: pointer;}
.gost-ai-plan-desc{   font-size: 18px;   font-weight: bold !important; line-height: 1.33;   margin : 12px 0px;}
#main .table-striped tbody tr td {width: fit-content !important;}
#main .table-striped tbody tr[data-type] td:first-child{min-width: 75px !important;}
#main .table-striped tbody tr[data-type="goal"] td:first-child {min-width: 125px !important;}
#main .table-striped tbody tr[data-type="objective"] td:first-child {min-width: 155px !important;}
#main .table-striped tbody tr[data-type="strategy"] td:first-child {min-width: 185px !important;} 
#main .table-striped tbody tr[data-type="tactic"] td:first-child { min-width: 175px !important; }

.role-switch .select2-container {
    width: 150px !important;
}

.clear-search, .plan-detail-clear-search , .account-clear-search,.search-clear-icon{
    font-size:17px !important;
    user-select: none !important;
}