@charset "UTF-8";

@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);


:root {
    --my-primary-dark: #14416b;
    --my-primary-secondary: #09a3d7;
    /*    --my-primary-medium: #F4CCD2;
        --my-primary-light1: #eff5fe;
        --my-menu-active: #FAAF0A;
        --my-txt-highlight: yellow;*/
    --my-font-family: "Roboto","Helvetica","Arial",sans-serif,cursive;
}

body{
    font-family: var(--my-font-family);
    background-color: var(--my-primary-dark);
    /*    background-color: #fff;*/
}

h1{
    font-size: 14pt;
    color: var(--my-primary-dark);
    font-family: var(--my-font-family);
}


h2{
    font-size: 12pt;
    /*    color: var(--my-primary-dark);*/
    font-family: var(--my-font-family);
    margin-bottom: 0 !important;
}

h3{
    font-size: 12pt;
    color: var(--my-primary-dark);
    font-family: var(--my-font-family);
}

p{
    text-align: justify;
}


.my-bg-primary{
    background-color: var(--my-primary-dark);
}

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

.my-bg-secondary{
    background-color: var(--my-primary-secondary);
}

.my-bg-white{
    background-color: #fff;
}

.my-bg-top{
    background-color: #dedede;
}


.accordion-button{
    background-color: #d3d3d3;
    color:#000;
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--my-primary-dark);
}

/*.accordion-button:focus{
    outline:none !important;
}*/

/*.accordion-button::after {
    color: red !important;
}

.accordion-button:not(.collapsed)::after {
    color: blue !important;
}*/


.accordion-button .arrow {
    border-color: #ff0000 !important;
}

/*---- START: NAVBAR -----*/
.my-navbar{
    background-color: var(--my-primary-dark);
}

.my-navbar .nav-link{
    color: #fff;
}

/*.my-navbar .nav-link a.active{
    color: var(--my-primary-secondary);
}*/

.nav-item a{
    padding-top: 2px;
    padding-bottom: 2px;
}

.my-nav-item-active {
    background-color: var(--my-primary-secondary);
    border-radius: 4px;
}

.my-nav-item-active a{
    color:#000
}

.my-nav-item-active .nav-link{
    color:#000
}

/*---- END: NAVBAR -----*/

.my-container-fluid{
    background-color: #dedede;
    min-height: 300px;
}

.breadcrumb-item a{
    color:#fff;
}

.breadcrumb {
    --bs-breadcrumb-padding-y: 4px;
    --bs-breadcrumb-margin-bottom: 0;
}

.my-breadcrumb{
    --bs-breadcrumb-divider: '>';
}