#navbar {

    margin-top: 0.5rem;

    margin-bottom: 0.5rem;

    font-size: 108%;

    font-weight: bold;

    color: white;


}

/**/

#navbar a:link,
#navbar a:visited,
#navbar a:hover,
#navbar a:active {

    color: white;

}


.custom-toggler .navbar-toggler-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(38,65,74,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}


.custom-toggler.navbar-toggler {

    border-color: white;;

}


.is-border-white {

    border: 1px solid lightslategrey;

    border-radius: 1rem 0.1rem 1rem 0.1rem;

}


.is-background-dark {

    background: rgba(10, 25, 30, 0.9); /* Black see-through */

}


.is-card-mini {

    background: rgba(20, 50, 60, 0.5); /* Black see-through */

    border: 1px solid lightslategrey;

}


.card-header {

    background: rgba(10, 25, 30, 0.75); /* Black see-through */

    color: white;

    border: 1px solid lightslategrey;

}


.fixed-table-container thead th .th-inner {

    padding: 0px;

    line-height: 0px;

}


.bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td {

    padding: 1px;

    margin: 1px;

}


/*----------------------------------------

unknow

-----------------------------------------*/

.bi-file-earmark-fill {

    color: dimgrey;

    font-size: 125%;

    margin-right: 3px;

}


/*----------------------------------------

pdf no open source

-----------------------------------------*/

.fa-file-pdf {

    color: orange;

    font-size: 118%;

    margin-right: 3px;

}


/*----------------------------------------

pdf

-----------------------------------------*/

.bi-file-earmark-medical-fill {
    color: orange;
    font-size: 125%;
    margin-right: 3px;
}


/*----------------------------------------
backpack4
-----------------------------------------*/

.bi-backpack4-fill {
    color: hotpink;
    font-size: 125%;
    margin-right: 3px;
}

/*----------------------------------------
excel
-----------------------------------------*/

.bi-file-earmark-excel-fill {
    color: green;
    font-size: 125%;
    margin-right: 3px;
}


/*----------------------------------------

word

-----------------------------------------*/

.bi-file-earmark-word-fill {

    color: darkblue;

    font-size: 125%;

    margin-right: 3px;

}


/*----------------------------------------

jpg

-----------------------------------------*/

.bi-file-earmark-image-fill {

    color: darkorange;

    font-size: 125%;

    margin-right: 3px;

}


/*----------------------------------------

??

-----------------------------------------*/

.bi-file-earmark-font-fill {

    color: mediumvioletred;

    font-size: 125%;

    margin-right: 3px;

}


/*----------------------------------------

zip, rar

-----------------------------------------*/

.bi-file-earmark-zip-fill {

    color: darkkhaki;

    font-size: 125%;

    margin-right: 3px;

}


/*----------------------------------------

txt

-----------------------------------------*/

.bi-file-earmark-text-fill {

    color: dimgrey;

    font-size: 125%;

    margin-right: 3px;

}


.is-margin-bottom {

    margin-bottom: 10px;

}


a:link,
a:visited,
a:hover,
a:active {

    text-decoration: none;

    color: #26414aff;

}


.is-filelist:link,
.is-filelist:visited,
.is-filelist:hover,
.is-filelist:active {

    text-align: left;

    font-size: 80%;

    color: white;

    font-weight: bold;

    text-shadow: 0px 0px 15px black;

    /*background: #03091e;*/

}


.is-card-file {

    margin: 0.5rem;

    opacity: 100%;

    background: transparent;

}


#thehead:link,
#thehead:visited,
#thehead:hover,
#thehead:active {

    text-decoration: none;

    color: white;

    font-size: 150%;

    margin-left: 2rem;

}


.btn_nav {

    background: transparent;

}


.btn_previous {

    color: darkorange;

    font-size: 180%;

}

.btn_next {

    color: greenyellow;

    font-size: 180%;

}


.btn_blue {

    font-size: 100%;

    alignment: center;

}


/*-----------------------------------*/

.cont {

    position: relative;

    width: 50%;

    max-width: 300px;

}


.img {

    display: block;

    width: 100%;

    height: auto;

}


.qcm_question:link {

    font-weight: bold;

    color: white;


}

.list-group-item {

    background: rgba(10, 25, 30, 0.75); /* Black see-through */

    color: white;

    border: 1px solid lightslategrey;

}

.panel-footer {

    font-size: 90%;

    font-style: italic;

}

.collapse {

    margin-left: 2rem;

    padding: 0.5rem;

    background: rgba(10, 25, 30, 0.75); /* Black see-through */

    color: white;

    border: 1px solid lightslategrey;

}