:root{
    --my-bg-primary: #16423C;
    --my-bg-light01: #6A9C89;
    --my-bg-light02: #C4DAD2;
    --my-bg-light03: #E9EFEC;

}


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

h1{
    font-size: 14pt;
    font-weight: bold;
    color: var(--my-bg-primary);
}

h2{
    font-size: 14pt;
    font-weight: bold;
}

p{
    text-align: justify;
}


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

.my-border-dark{
    border:1px solid var(--my-bg-primary);
}

.my-bg-bc{
    background-color: var(--my-bg-light02);
}

.my-bg-data{
    background-color: var(--my-bg-light03);
}


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

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

/**------------ START: NAV BAR ------------**/

.my-bg-navbar{

}

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


/**------------ END: NAV BAR ------------**/

.my-data-form{

}


.my-data-form .input-group-text{
    border: 1px solid var(--my-bg-primary);
    background-color: var(--my-bg-primary);
    color: #fff;
}

.my-data-form .form-control{
    border: 1px solid var(--my-bg-primary);
}


.my-card {
    border: 1px solid var(--my-bg-primary);
}

.my-card .card-header{
    background-color: var(--my-bg-primary);
    color:#fff;
    font-weight: bold;
}

.my-card .card-body{
    background-color: var(--my-bg-light03);
}

.my-list-group{
    border:1px solid var(--my-bg-primary);
}

.my-list-group .active{
    background-color:  var(--my-bg-primary);
    border: none;
    color:#ffffff;
}

.my-list-group-ol{

}

.my-list-group-ol li{
    padding: 6px 0;
    /*    border:1px solid #dedede;*/
}



.my-star{
    color:red;
    font-weight: bold;
}

.jsi-form-label{
    font-weight: bold;
}

/************** START: ACCORDIN **************/

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

.my-accordion-collapse{
    border:1px solid #d3d3d3;
}

pre.mycode{
    /*    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;*/
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #eee;
    /*    color:#e83e8c;*/
    border:1px solid #808080;
}


.carousel-control-next-icon{
    background-color: #000;
    padding: 20px !important;
}

.carousel-control-prev-icon{
    background-color: #000;
    padding: 20px !important;
}