@charset "UTF-8";

/* bug over screen */
.dropdown-menu[data-bs-popper] {
    left: auto !important;
    right: 0 !important;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .w-sm-100 {
    width:100%!important;
    }
    .w-sm-75 {
    width:75%!important;
    }
    .w-sm-50 {
    width:50%!important;
    }
    .w-sm-25 {
    width:25%!important;
    }
    .h-sm-100 {
    height:100%!important;
    }
    .h-sm-75 {
    height:75%!important;
    }
    .h-sm-50 {
    height:50%!important;
    }
    .h-sm-25 {
    height:25%!important;
    }
}
    
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-100 {
    width:100%!important;
    }
    .w-md-75 {
    width:75%!important;
    }
    .w-md-50 {
    width:50%!important;
    }
    .w-md-25 {
    width:25%!important;
    }
    .h-md-100 {
    height:100%!important;
    }
    .h-md-75 {
    height:75%!important;
    }
    .h-md-50 {
    height:50%!important;
    }
    .h-md-25 {
    height:25%!important;
    }
}
    
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-100 {
    width:100%!important;
    }
    .w-lg-75 {
    width:75%!important;
    }
    .w-lg-50 {
    width:50%!important;
    }
    .w-lg-25 {
    width:25%!important;
    }
    .h-lg-100 {
    height:100%!important;
    }
    .h-lg-75 {
    height:75%!important;
    }
    .h-lg-50 {
    height:50%!important;
    }
    .h-lg-25 {
    height:25%!important;
    }
}
    
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-100 {
    width:100%!important;
    }
    .w-xl-75 {
    width:75%!important;
    }
    .w-xl-50 {
    width:50%!important;
    }
    .w-xl-25 {
    width:25%!important;
    }
    .h-xl-100 {
    height:100%!important;
    }
    .h-xl-75 {
    height:75%!important;
    }
    .h-xl-50 {
    height:50%!important;
    }
    .h-xl-25 {
    height:25%!important;
    }
}

body{
    color: var(--cs-text-color) !important;
    background-color: var(--cs-body-bg) !important;
}

.dark-mode{
    color: var(--cs-text-color-dark) !important;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--cs-title-color) !important;
}
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6{
    color: var(--cs-title-color-dark) !important;
}

.card{
    background-color: transparent !important;
}

.bg-color-0{
    background-color: var(--cs-body-bg) !important;
}
.body-bg-dark,
.bg-color-1{
    background-color: var(--cs-body-bg-dark) !important;
}
.bg-color-2{
    background-color: rgb(var(--bs-primary-rgb)) !important;
}
.bg-color-3{
    background-color: rgb(var(--bs-secondary-rgb)) !important;
}
.bg-color-4{
    background-color: rgb(var(--bs-success-rgb)) !important;
}
.bg-color-5{
    background-color: rgb(var(--bs-info-rgb)) !important;
}
.bg-color-6{
    background-color: rgb(var(--bs-warning-rgb)) !important;
}
.bg-color-7{
    background-color: rgb(var(--bs-danger-rgb)) !important;
}
.bg-color-8{
    background-color: rgb(var(--bs-light-rgb)) !important;
}
.bg-color-9{
    background-color: rgb(var(--bs-dark-rgb)) !important;
}

.form-text{
    color: var(--cs-text-color) !important;
}
.text-muted{
    color: var(--cs-subtitle-color) !important;
}
.dark-mode .text-muted{
    color: var(--cs-subtitle-color-dark) !important;
}

a{
    color: var(--cs-link-color) !important;
    text-decoration: none !important;
}
a:hover{
    color: var(--cs-link-hover-color) !important;
}
.dark-mode a{
    color: var(--cs-link-color-dark) !important;
}
.dark-mode a:hover{
    color: var(--cs-link-hover-color-dark) !important;
}
.btn:not(.btn-link){
    color: var(--cs-btn-color) !important;
    background-color: var(--cs-btn-bg) !important;
    border-color: var(--cs-btn-border) !important;
}
.btn:not(.btn-link):hover{
    color: var(--cs-btn-hover-color) !important;
    background-color: var(--cs-btn-hover-bg) !important;
    border-color: var(--cs-btn-hover-border) !important;
}
.btn:not(.btn-link).dark-mode,
.dark-mode .btn:not(.btn-link){
    color: var(--cs-btn-color-dark) !important;
    background-color: var(--cs-btn-bg-dark) !important;
    border-color: var(--cs-btn-border-dark) !important;
}
.btn:not(.btn-link).dark-mode:hover,
.dark-mode .btn:not(.btn-link):hover{
    color: var(--cs-btn-hover-color-dark) !important;
    background-color: var(--cs-btn-hover-bg-dark) !important;
    border-color: var(--cs-btn-hover-border-dark) !important;
}

.nav-link{
    color: var(--cs-nav-color) !important;
}
.nav-link:hover{
    color: var(--cs-nav-hover-color) !important;
}

header .nav-link{
    color: var(--cs-menu-nav-link) !important;
}
header .nav-link:hover{
    color: var(--cs-menu-nav-link-hover) !important;
}
header{
    background-color: var(--cs-menu-nav-bg) !important;
}

.nav-tabs{
    border-color: var(--cs-border) !important;
}
.nav-tabs .nav-link:hover {
    border-color: var(--cs-border) !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover{
    border-color: var(--cs-border) var(--cs-border) #fff !important;
    color: var(--cs-nav-link) !important;
    cursor: default !important;
}
.tab-content.border{
    border-color: var(--cs-border) !important;
}

.btn-link{
    color: var(--cs-link-color) !important;
}
.btn-link:hover{
    color: var(--cs-link-hover-color) !important;
}

hr{
    color: var(--cs-hr-border) !important;
}

.accordion-button{
    color: var(--cs-accordion-color) !important;
}
.accordion-button:hover{
    color: var(--cs-accordion-hover-color) !important;
}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.form1 form{
    border-color: var(--cs-border) !important;
}

.form-select,
.form-control{
    border-color: var(--cs-form-border) !important;
}

:focus:not(.form-control){
    box-shadow: none !important;
}

.form-control:focus{
    border-color: var(--cs-form-focus-border) !important;
    box-shadow: 0 0 5px var(--cs-form-focus-border) !important;
}

/* header-adv */

div.header-adv,
div.header-adv .card-body{
    background-color: var(--cs-adv-bg) !important;
    color: var(--cs-adv-text) !important;
}

/* change the background color */
.navbar-custom {
    background-color: var(--cs-menu-bg) !important;
    background-image: none !important;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: var(--cs-menu-text) !important;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: var(--cs-menu-link) !important;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: var(--cs-menu-link-hover) !important;
}

/* for dropdowns only */
.navbar-custom .navbar-nav .dropdown-menu {
    background-color: var(--cs-menu-drop-bg) !important;
    border-color: var(--cs-menu-drop-border) !important;
}

/* dropdown item text color */
.navbar-custom .navbar-nav .dropdown-item {
    color: var(--cs-menu-drop-link) !important;
}

/* dropdown item hover or focus */
.navbar-custom .dropdown-item.active,
.navbar-custom .dropdown-item:active,
.navbar-custom .navbar-nav .dropdown-item:hover{
    color: var(--cs-menu-drop-link-hover) !important;
    background-color: var(--cs-menu-drop-link-hover-bg) !important;
}

.accordion-button:not(.collapsed){
    background-color: var(--cs-accordion-bg) !important;
}

.accordion-item{
    border-color: var(--cs-border) !important;
}

:root{
    --bs-primary: rgb(var(--bs-primary-rgb));
    --bs-secondary: rgb(var(--bs-secondary-rgb));
    --bs-success: rgb(var(--bs-success-rgb));
    --bs-info: rgb(var(--bs-info-rgb));
    --bs-warning: rgb(var(--bs-warning-rgb));
    --bs-danger: rgb(var(--bs-danger-rgb));
    --bs-light: rgb(var(--bs-light-rgb));
    --bs-dark: rgb(var(--bs-dark-rgb));
}

:root{

    --cs-body-bg: #ffffff;
    --cs-body-bg-dark: #aaaaaa;

    --cs-adv-bg: #fd7e14;
    --cs-adv-text: #ffffff;

    --cs-menu-nav-bg: #ffffff;
    --cs-menu-nav-link: #6610f2;
    --cs-menu-nav-link-hover: #dc3545;

    --cs-menu-bg: #343a40;
    --cs-menu-text: #ffffff;
    --cs-menu-link: #dddddd;
    --cs-menu-link-hover: #ffffff;
    
    --cs-menu-drop-bg: #ffffff;
    --cs-menu-drop-border: #cccccc;
    --cs-menu-drop-link: #6610f2;
    --cs-menu-drop-link-hover: #dc3545;
    --cs-menu-drop-link-hover-bg: #f0f0f0;

    --cs-title-color: #333333;
    --cs-subtitle-color: #777777;
    --cs-text-color: #555555;
    --cs-title-color-dark: #ffffff;
    --cs-subtitle-color-dark: #ffffff;
    --cs-text-color-dark: #ffffff;

    --cs-link-color: #333333;
    --cs-link-hover-color: #dc3545;
    --cs-link-color-dark: #ffffff;
    --cs-link-hover-color-dark: #dc3545;

    --cs-btn-bg: #6f42c1;
    --cs-btn-border: #6610f2;
    --cs-btn-color: #ffffff;
    --cs-btn-hover-color: #dddddd;
    --cs-btn-hover-bg: #adb5bd;
    --cs-btn-hover-border: #6c757d;
    --cs-btn-bg-dark: #8f86a0;
    --cs-btn-border-dark: #e6dbf8;
    --cs-btn-color-dark: #ffffff;
    --cs-btn-hover-color-dark: #dddddd;
    --cs-btn-hover-bg-dark: #adb5bd;
    --cs-btn-hover-border-dark: #6c757d;
    
    --cs-nav-color: #333333;
    --cs-nav-hover-color: #dc3545;

    --cs-accordion-bg: #dddddd;
    --cs-accordion-color: #333333;
    --cs-accordion-hover-color: #dc3545;

    --cs-border: #cccccc;
    --cs-hr-border: #000000;
    --cs-form-border: #cccccc;
    --cs-form-focus-border: #6610f2;
    
    --cs-footer-text: #ffffff;
    --cs-footer-link: #ffffff;
    --cs-footer-link-hover: #dddddd;
    --cs-footer-bg: #212529;
    --cs-footer-bottom-bg: #343a40;
    
    --bs-primary-rgb: 240,235,240;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,255,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;

}

/* fix bug p.iva footer 2 */
.footer2 br:not(.footer2 br:nth-child(1)){
    display: none;
}
@media(max-width:768px){
    .footer2 em:nth-child(1){
        display: none;
    }
    .footer2 br:not(.footer2 br:nth-child(1)){
        display: block;
    }
}