/* Default styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    /*margin-bottom: 40px;*/
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

a {
    color: #0077cc;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    /*color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;*/
    /*imv commented above added below*/
    color : var(--theme-primary);
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 40px; /*  60px; */
}

/* Project styles
-------------------------------------------------- */
#CookieConsent {
    color: #000000;
    font-size: 1.2rem;
    box-shadow: 0 20px 20px rgba(0,0,0,.15);
    position: fixed;
    width: auto;
    top: auto;
    bottom: 55px;
    left: 5px;
    right: 5px;
    z-index: 20;
    background-color: #ffffff;
}

@media (min-width: 768px) {
    #CookieConsent {
        max-width: 400px;
        left: auto;
        right: 15px;
    }
}

.modal-dialog.top-5 {
    top: 5%;
}

/* checkbox and radio buttons cursor
-------------------------------------------------- */
.form-check-input, .form-check-input ~ .form-check-label, .pencil, .cancel, .update {
    cursor: pointer;
}
    .form-check-input[disabled] ~ .form-check-label {
        cursor: default;
    }

.form-switch.switch-big .form-check-input {
    width: 3em;
    margin-left: -2.5em;
    height: 1.5em;
}

.form-switch.switch-big .form-check-label {
    margin-top: 0.25rem;
    margin-left: 0.5rem;
}

.highlight {
    background-color: #fcf8e3;
}

.emphasis {
    font-style: italic;
}

p.home {
    font-size: 1.4rem;
    line-height: inherit;
    text-align: justify;
}

p.text-start {
    font-size: 1.2rem;
    line-height: inherit;
}

p.text-justify {
    font-size: 1.2rem;
    line-height: inherit;
    text-align: justify;
}

ul.page-font-size, ol.page-font-size, dl.page-font-size {
    font-size: 1.2rem;
}

pre {
    font-size: 1rem;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.max-width-25 {
    max-width: 25rem;
}

.invalid.password_requirement {
    color: orange;
}

.valid.password_requirement {
    color: green;
}

/*imv User iCON*/
.user-icon li a {
    color: #3c4858;
    border: 3px solid #3c4858;
    display: inline-block;
    height: 54px;
    width: 54px;
    line-height: 51px;
    text-align: center;
    transition: all 0.4s ease;
    overflow: hidden;
    position: relative;
    font-size: 34px;
    font-weight:500;
    background-color: var(--bs-dark);
    opacity:0.8;
}

    .user-icon li a .fea-social {
        stroke-width: 5;
    }

 /*   .user-icon li a:hover {
        background-color: #2f55d4;
        border-color: #2f55d4 !important;
        color: #ffffff !important;
    }

        .user-icon li a:hover .fea-social {
            fill: #2f55d4;
        }*/

.user-icon.social li a {
    color: #adb5bd;
    border-color: #adb5bd;
}

.user-icon.foot-social-icon li a {
    color: #adb5bd;
    border-color: #283353;
}
.user-icon li a {
    color: #3c4858;
    border: 3px solid #3c4858;
    display: inline-block;
    height: 54px;
    width: 54px;
    line-height: 51px;
    text-align: center;
    transition: all 0.4s ease;
    overflow: hidden;
    position: relative;
    font-size: 34px;
    font-weight:500;
    background-color: var(--bs-dark);
    opacity:0.8;
}

    .user-icon li a .fea-social {
        stroke-width: 5;
    }

 /*   .user-icon li a:hover {
        background-color: #2f55d4;
        border-color: #2f55d4 !important;
        color: #ffffff !important;
    }

        .user-icon li a:hover .fea-social {
            fill: #2f55d4;
        }*/

.user-icon.social li a {
    color: #adb5bd;
    border-color: #adb5bd;
}

.user-icon.foot-social-icon li a {
    color: #adb5bd;
    border-color: #283353;
}
/*Medium icon*/
.user-icon-md li a {
    color: #3c4858;
    border: 3px solid #3c4858;
    display: inline-block;
    height: 37px;
    width: 37px;
    line-height: 24px;
    text-align: center;
    transition: all 0.4s ease;
    overflow: hidden;
    position: relative;
    font-size: 24px;
    font-weight: 500;
    background-color: var(--bs-dark);
    opacity: 0.8;
    justify-content:center;
    vertical-align:middle;
    padding-top:5px;
    
}

.user-icon-md li a .fea-social {
    stroke-width: 5;
}

/*   .user-icon li a:hover {
        background-color: #2f55d4;
        border-color: #2f55d4 !important;
        color: #ffffff !important;
    }

        .user-icon li a:hover .fea-social {
            fill: #2f55d4;
        }*/

.user-icon-md.social li a {
    color: #adb5bd;
    border-color: #adb5bd;
}

.user-icon-md.foot-social-icon li a {
    color: #adb5bd;
    border-color: #283353;
}

/*imv custom*/
.card-content-card {
    min-height: calc(100vh - 145px);
}
.card-sidenav-card {
    min-height: calc(100vh - 145px);
}
.card-header {
    border-bottom: hidden !important;
}

.nav-2-row {
    padding-left: 0px !important;
    margin-left: 0px !important;
    --bs-gutter-x: 0px !important;
    min-height: 100vh !important;
}

.imv-container-2nav {
    padding-left: 0px !important;
    margin-left: 0px !important;
    --bs-gutter-x: 0px !important;
    min-height:100vh !important;
}
.imv-col-100 {
    min-height: 100vh !important;
    margin-top:73px;
}
/*.imv-page-title-crumb {
    position:relative;
    top:300px;
}*/
/*.nav-pills .nav-link.active {
    background: 
}*/


.table.table-imvfloat {
    border-collapse: separate;
    border-spacing: 0 5px;
}

    .table.table-imvfloat thead tr th {
        border: none;
        font-size: 1rem;
        color: var(--theme-primary);
        letter-spacing: 1px;
        padding: 0.3rem 1.1rem;
    }

    .table.table-imvfloat tbody tr {
        border-radius: 4px;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

        .table.table-imvfloat tbody tr:hover {
            box-shadow: 0px 2px 5px rgba(69, 101, 173, 0.1);
            -webkit-transform: translateY(-1px) scale(1.01);
            transform: translateY(-1px) scale(1.01);
        }

    .table.table-imvfloat tbody td {
        padding: 0.9rem 1.1rem;
        background-color: #fff;
        border: none;
        border-right: 1px solid rgba(0, 0, 0, 0.03);
    }

        .table.table-imvfloat tbody td.bolder {
            font-weight: 500;
            font-size: 0.99rem;
        }

        .table.table-imvfloat tbody td img {
            display: inline-block;
            vertical-align: middle;
        }

            .table.table-imvfloat tbody td img + span {
                display: inline-block;
                margin-left: 10px;
                vertical-align: middle;
            }

        .table.table-imvfloat tbody td span + span {
            margin-left: 5px;
        }

        .table.table-imvfloat tbody td .status-pill + span {
            margin-left: 10px;
        }

        .table.table-imvfloat tbody td:first-child {
            border-radius: 4px 0px 0px 4px;
        }

        .table.table-imvfloat tbody td:last-child {
            border-radius: 0px 4px 4px 0px;
            border-right: none;
        }
.imv-container-fluid
{
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    overflow-x: hidden;
    transition: all 0.3s ease;
    position: absolute;
    top: 71px;
    /*background-color:red;*/
}
.imv-collapse-grid 
{
   /* background-color:aqua;*/
    height: calc(100vh - 68px);
}
.imv-collapse-content {
    height: calc(100vh - 68px);
    
    /* background-color: fuchsia !important;*/
}
.imv-form-buttons-footer {
    position: absolute;
    bottom: 0px;
    margin: 0px;
    border-top: 1px solid;
    border-color: var(--theme-control-border-color-light);
    background-color: white;
}
/*Light-Dark Mode*/
/** {
    user-select: none;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    background-color: #fff;
}*/

#toggle_checkbox {
    display: none;
}

#dark-mode-toggle {
    display: block;
    position: relative;
    top: 50%;
    /*    right: 0;
    left: 0;
*/ width: 50px;
    height: 25px;
    margin: 0 auto;
    /*background-color: #77b5fe;*/
    background-color: var(--theme-primary);
    border-radius: 28px;
    /*transform: translateY(-50%);*/
    cursor: pointer;
    transition: 0.3s ease background-color;
    overflow: hidden;
}

#star {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 14px;
    height: 14px;
    background-color: #fafd0f;
    transform: scale(1);
    border-radius: 50%;
    transition: 0.3s ease top, 0.3s ease left, 0.3s ease transform, 0.3s ease background-color;
    z-index: 1;
}

#star-1 {
    position: relative;
}

#star-2 {
    position: absolute;
    transform: rotateZ(36deg);
}

.star {
    top: 0;
    left: -3px;
    font-size: 27px;
    line-height: 14px;
    color: #fafd0f;
    transition: 0.3s ease color;
}

#moon {
    position: absolute;
    bottom: -26px;
    right: 4px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    transition: 0.3s ease bottom;
}

    #moon:before {
        content: "";
        position: absolute;
        top: -3px;
        left: -8px;
        width: 20px;
        height: 20px;
        background-color: #03a9f4;
        border-radius: 50%;
        transition: 0.3s ease background-color;
    }

#toggle_checkbox:checked + label {
    background-color: #000;
}

    #toggle_checkbox:checked + label #star {
        top: 2px;
        left: 25px;
        transform: scale(0.3);
    }

    #toggle_checkbox:checked + label .star {
        color: azure;
    }

    #toggle_checkbox:checked + label #moon {
        bottom: 3px;
    }

        #toggle_checkbox:checked + label #moon:before {
            background-color: #000;
        }

#topnav .navigation-menu.nav-light > li > a {
    color: var(--aq-default-text-color) !important;
    font-size: var(--aq-nav-link-default-font-size);
}
/*    #topnav .navigation-menu.nav-light > li > a:has(:hover),
    .sidebar-nav > .navbar-item .navbar-link:hover {
        color: var(--bs-pink) !important;
    }*/
#topnav .navigation-menu.nav-light > li.active > a {
    color: var(--aq-color-highlight-400) !important;
}
    .text-primary, .bg-soft-primary, .component-wrapper.sticky-bar li a:hover, .component-wrapper.sticky-bar li a:focus, .btn-soft-primary, .btn-outline-primary, .dropdown-primary .dropdown-menu .dropdown-item:hover, .dropdown-primary .dropdown-menu .dropdown-item.active, .dropdown-primary .dropdown-menu .dropdown-item:active, .dropdown-primary .dropdown-menu .dropdown-item.focus, .dropdown-primary .dropdown-menu .dropdown-item:focus, .alert-outline-primary, .breadcrumb .breadcrumb-item a:hover, .breadcrumb .breadcrumb-item.active, #topnav .has-submenu.active .submenu li.active > a, #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a, #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li > a:active, #topnav.scroll .navigation-menu > li:hover > a, #topnav.scroll .navigation-menu > li.active > a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a, #topnav.nav-sticky .navigation-menu.nav-light > li:hover > a, #topnav.nav-sticky .navigation-menu.nav-light > li.active > a, #topnav .navigation-menu > li .submenu li a:hover, #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a, #topnav .navigation-menu > li > a:hover, #topnav .navigation-menu > li .submenu li a:hover, #topnav .navigation-menu > li.has-submenu.open > a, #topnav .has-submenu.active a, .features.feature-clean .title:hover, .features.fea-primary .content .title:hover, .categories a:hover, .explore-feature:hover .icon, .explore-feature:hover .title, .pricing-rates.business-rate:hover .title, .switcher-pricing .toggler--is-active, .blog .content .title:hover, .blog .content .post-meta .readmore:hover, .sidebar .widget .blog-categories li a:hover, .sidebar .widget .post-recent .post-recent-content a:hover, .media-list .media .media-heading:hover, .job-box .position a:hover, .job-box .company-name:hover, .candidate-list .name:hover, .company-list .name:hover, .work-container.work-classic .content .title:hover, .work-container.work-grid .content .title:hover, .work-container.work-modern .content .title:hover, .event-schedule .content .title:hover, .courses-desc .content .title:hover, .container-filter li.active, .container-filter li:hover, .shop-list .content .product-name:hover, .team .name:hover, .accordion .accordion-button:not(.collapsed), .accordion .accordion-item .accordion-button:before, #navmenu-nav li.active a {
        color: var(--aq-default-text-color) !important;
    }
/*Uni Themme*/
.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
}
:root {
    --aq-default-text-color: #2d374b;
    --aq-nav-link-default-font-size: 1rem;
    --theme-primary-50: #aac1e8;
    --theme-primary-100: #96b3e2;
    --theme-primary-200: #82a4dd;
    --theme-primary-300: #6e96d7;
    --theme-primary-400: #5a87d2;
    --theme-primary-500: #4679cc;
    --theme-primary-600: #366bc3;
    --theme-primary-700: #3060af;
    --theme-primary-800: #2b559b;
    --theme-primary-900: #254a87;
    --theme-success-50: #7aece0;
    --theme-success-100: #63e9db;
    --theme-success-200: #4de5d5;
    --theme-success-300: #37e2d0;
    --theme-success-400: #21dfcb;
    --theme-success-500: #1dc9b7;
    --theme-success-600: #1ab3a3;
    --theme-success-700: #179c8e;
    --theme-success-800: #13867a;
    --theme-success-900: #107066;
    --theme-info-50: #9acffa;
    --theme-info-100: #82c4f8;
    --theme-info-200: #6ab8f7;
    --theme-info-300: #51adf6;
    --theme-info-400: #39a1f4;
    --theme-info-500: #2196F3;
    --theme-info-600: #0d8aee;
    --theme-info-700: #0c7cd5;
    --theme-info-800: #0a6ebd;
    --theme-info-900: #0960a5;
    --theme-warning-50: #ffebc1;
    --theme-warning-100: #ffe3a7;
    --theme-warning-200: #ffdb8e;
    --theme-warning-300: #ffd274;
    --theme-warning-400: #ffca5b;
    --theme-warning-500: #ffc241;
    --theme-warning-600: #ffba28;
    --theme-warning-700: #ffb20e;
    --theme-warning-800: #f4a500;
    --theme-warning-900: #da9400;
    --theme-danger-50: #feb7d9;
    --theme-danger-100: #fe9ecb;
    --theme-danger-200: #fe85be;
    --theme-danger-300: #fe6bb0;
    --theme-danger-400: #fd52a3;
    --theme-danger-500: #fd3995;
    --theme-danger-600: #fd2087;
    --theme-danger-700: #fc077a;
    --theme-danger-800: #e7026e;
    --theme-danger-900: #ce0262;
    --theme-fusion-50: #898989;
    --theme-fusion-100: #7c7c7c;
    --theme-fusion-200: #707070;
    --theme-fusion-300: #636363;
    --theme-fusion-400: #565656;
    --theme-fusion-500: #494949;
    --theme-fusion-600: #3d3d3d;
    --theme-fusion-700: #303030;
    --theme-fusion-800: #232323;
    --theme-fusion-900: #161616;
    --imv-app-border-light: #adb5bd;
    --imv-control-border-light: #adb5bd;
    --imv-accent-color: #EE3F97;
    --imv-accent-blue: #77BDF7;
    --imv-primary-color: #6546BD;
    --imv-text-dark-600: #1f1f1f;
    --imv-div-header-background-color: #e2e6ea; /*from Bootstrap*/
    /*aqui theme*/
    --aq-color-primary: #6002ee;
    --aq-color-primary-50: #efe5fd;
    --aq-color-primary-100: #d4bff9;
    --aq-color-primary-200: #b794f6;
    --aq-color-primary-300: #9965f4;
    --aq-color-primary-400: #7e3ff2;
    --aq-color-primary-500: #6002ee; /*main*/
    --aq-color-primary-600: #5300e8;
    --aq-color-primary-700: #3d00e0;
    --aq-color-primary-800: #1c00db;
    --aq-color-primary-900: #0000d6;
    --aq-color-highlight: #d63385;
    --aq-color-highlight-50: #f7e2ed;
    --aq-color-highlight-100: #edb7d4;
    --aq-color-highlight-200: #e389b7;
    --aq-color-highlight-300: #db599b;
    --aq-color-highlight-400: #d63385; /*main*/
    --aq-color-highlight-500: #d3006e;
    --aq-color-highlight-600: #c2006a;
    --aq-color-highlight-700: #ac0063;
    --aq-color-highlight-800: #96005d;
    --aq-color-highlight-900: #710351;
    /*End Aqui Theme*/
}