/* Mise en page -> navbar fixed-top -> 60px */
body {
    font-family: "Open Sans", sans-serif;
    font-size: 0.9rem;
}

main>.container {
    padding: 0px 20px 0;
}

main {
    margin-bottom: 20px;
}

.header {
    border-bottom: 1px solid #038c8c;
    background-color: white !important;
}

.header .nav-pills .nav-link.active { 
    border-bottom: 2px solid #038c8c;
    border-radius: 0px;
    color: #e38707;
    padding-bottom: 3px;
}
.header .nav-pills .nav-link, a.dropdown-item {
    color: #038c8c;
    font-size: 1rem;
}
a.dropdown-item.active {
    color: #e38707;
    background-color: inherit;
}


.footer {
    background-color: #038c8c !important;
    color: white;
}

/* Navbar colors */
.nav-pills .nav-link.active {
    background-color: var(--bs-nav-pills-link-active-color);
}

.navbar-brand .logo {
    width: 45px;
    margin-right: 10px;
}

/* Titres */
h1 {
    font-family: Raleway, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 42px;
    color: #333;
    border-bottom: 3px solid #038c8c;
    text-transform: uppercase;
    letter-spacing: .1rem;
    margin-bottom: 20px;
}

h2{
    font-family: Raleway, sans-serif;
    line-height: 1.9rem;
    color: #333;
    border-bottom: 2px solid #038c8c;
    text-transform: uppercase;
    letter-spacing: .25rem;
    font-size: 0.9rem;
    font-weight: 700;
    padding: 0px;
}

/* Boutons */
.btn {
    font-family: "Open Sans", sans-serif;
    font-size: 0.9rem;
    border-radius: 0px;
}

/* Autocomplete */
.basicAutoComplete {
    font-family: "Open Sans", sans-serif;
    font-size: 0.9rem;
    border-radius: 0px;
    padding: 3px 6px;
}

/* Tableaux */
table {
    border-collapse: separate;
    border-spacing: 1px 0px;
}
td,th{
    border-style: initial;
}
thead {
    color: #038c8c;
    border-color: #d9a304;
    border-style: solid;
    border-bottom-width: 2px;
}
th{
    border-bottom: #d9a304 solid 2px !important;
}

/* tableau statuts */
.table-statuts thead, .sticky-header-container {
    font-size: 0.9rem;
}
.bootstrap-table .fixed-table-container .table.table-statuts thead th .sortable.th-inner{
    padding-right: 17px !important;
}
.bootstrap-table .fixed-table-container .sticky-header-container thead th .sortable.th-inner {
    padding-right: 10px !important;
}

/* page de debug */
.check_cd_nom input {
    margin-top: 5px;
}

.container.auddice-rows .row:nth-child(1) {
    padding-top: 20px;
}

.container.auddice-rows .row {
    padding-bottom: 25px;
}

.container.auddice-rows .row h1 {
    font-size: 18px;
    font-weight: 700;
    padding: 0px;
}

/* Carte de France*/
.svg-carte-france {
    width: 70%;
    height: 70%;
    padding-left: 15%;
}

.svg-carte-france .dep-text {
    font-family: Roboto;
    font-size: 1.2rem;
    cursor: pointer;
}

.svg-carte-france .dep-text:hover {
    font-size: 2rem;
    font-weight: bolder;
}

.svg-carte-france .dep-area {
    fill: #F4FAFA;
}

.svg-carte-france .dep-area:hover {
    fill: #CCE8E8;
}

.svg-carte-france .dep-tooltip {
    font-family: Roboto;
    font-size: 2rem;
    font-weight: bolder;
    fill: #038c8c;
}

.svg-carte-france .dep-tooltip-bg {
    fill: #F4FAFA;
    stroke-width: 2;
    stroke: #038c8c;
}

/* Statuts */
input.basicAutoComplete.departement {
    line-height: 20px;
    width: 200px;
    margin-left: 5px;
}

input.basicAutoComplete.cdnom {
    line-height: 20px;
    width: 600px;
    margin-left: 5px;
}

td.action-btn {
    width: 50px;
    text-align: center;
}

/* Import INPN Statuts */
input.basicAutoComplete.commune {
    line-height: 20px;
    width: 500px;
    margin-left: 5px;
}

input.nbAnnees {
    width: 50px;
    border: lightgray solid 1px;
}

/* Home */
a.departement {
    display: inline-block;
}

/* Colonne Nom scientifique du tableau Tableau statuts */
th.nom-scientifique{
    text-align: left;
}

/* Colonne Nom vernaculaire du tableau Tableau statuts */
th.nom-vernaculaire{
    text-align: left;
}

/* Colonne Type statut	Nom scientifique Tableau sources */
#table_citations>thead:nth-child(1)>tr:nth-child(1)>th:nth-child(1) {
    width: 15%;
}

#table_citations>thead:nth-child(1)>tr:nth-child(1)>th:nth-child(2) {
    width: 20%;
}

#table_citations>thead:nth-child(1)>tr:nth-child(1)>th:nth-child(3) {
    width: 8%;
}

a.btn {
    padding: 6px 12px;
}

.aud-action-btn-delete, .aud-action-btn-small {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 6px;
    padding-left: 6px;
}

/* css button actions sur le tableau statuts */
.aud-statuts-action-btn-small{
    font-size: 0.7rem;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 2px;
    padding-left: 2px;
}
/* en cas de survol */
.aud-statuts-action-btn-small:hover{
    background-color: #d9a304;
    border-color: #d9a304;
}

.aud-btn-import {
    width: 180px;
    padding: 0;
    margin-left: 0.5rem;
}



/* Messages */
.message-alerte{
    color:red;
    font-weight: bold;
}

/* Modal debug */
.modal-debug{
    --bs-modal-width: 1500px;
}
/* Modal dires d'experts */
.modal-diresexperts{
    --bs-modal-width: 1250px;
}
.modal-dialog .modal-content .row{
    padding-bottom: 7px;
}
.modal-dialog .col-width-140{
    width: 145px;
}
.modal-dialog .modal-content tbody{
    font-size: 0.85rem;
}
/* Dernière colonne tableau sources dires d'expert on force la taille de la colonne */
#check_sourcesdiresexperts > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(6){
    width: 160px;
}