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

}


body{
    background-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-bg-bc{
    background-color: var(--my-bg-light02);
}

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




.my-card {

}

.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);
}


/************** 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;
}