body {
    padding-bottom: 0;
    min-height: 100%;
/*    font-family: 'Nunito', sans-serif;
*/   
font-family: 'Urbanist', sans-serif;
/*font-family: 'Source Sans Pro', sans-serif;
*/ 
font-size: 15px;
    color: #444;
}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 0.85em;
font-weight: bold;    
}


.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link {
    color: #979494;
}

.navbar-light .navbar-brand {
    color: #ffffff;
font-weight: bold;       
}

.navbar-light .navbar-brand:hover {
    color: #ffffff;
font-weight: bold;       
}


.h2, h2 {
    font-size: 1.6rem;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.1rem;
    padding-right: 0.1rem;
    padding-bottom: 0.1rem;
    padding-left: 0.1rem;
    margin-bottom: 0.1rem;
    list-style: none;
    background-color: #ffffff;
    border-radius: .25rem;
    font-size: 0.85em;
}


/*https://w3lessons.info/bootstrap-fixed-table-header-using-css/*/
.table-fixed tbody {
height: 475px;
overflow-y: auto;
width: 100%;
}
.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
display: block;
}
.table-fixed tr:after {
content: "";
display: block;
visibility: hidden;
clear: both;
}
.table-fixed tbody td,
.table-fixed thead > tr > th {
float: left;
}
.table > thead > tr > th,
.table > thead > tr > td {
font-size: 10px;
font-weight: 800;
border-bottom: 0;
letter-spacing: 0.8px;
vertical-align: top;
padding: 4px;
background: #7cb1be;
/*text-transform: uppercase;
*/color: #ffffff;
    line-height: 1.8;

}

.table th, .table td {
    padding: 8px 10px;
    line-height: 1.8;
    font-size: 12px;
}




/*Very small -------------------------------------------------------------------------- */
.form-select-vsm {
    height: calc(1.5em + .5rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .680rem;
}


/*Fin very small --------------------------------------------------------------------------*/

a {
    color: #0d6efd;
    text-decoration: none;
}
a.list-group-item-action:hover{
    color: #0B2C7B;
}
small {
    font-size: 12px;
}

.h3, h3 {
    font-size: 1.2rem;
}

.text-crea {
    color: #0b2c7b;
}
.bg-crea {
    background-color: #0b2c7b!important;
}

.dropdown-item {
    font-size: 12px;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #ffffff;
  background-color: #1c5a99;
}

.notifier-container {
    z-index: 999;
    position: fixed;
    top: 60px;
    right: 4px;
    padding: 4px;
    width: 350px;
    max-width: 98%;
    font-family: "Segoe UI", "Tahoma", "Calibri", "Verdana", sans-serif;
    color: #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-circle.btn-xl {
    width: 80px;
    height: 80px;
    padding: 25px 16px;
    border-radius: 38px;
    font-size: 20px;
    line-height: 1.33;
}

.form-control-plaintextw {
    font-size: 0.75rem;
    padding: .375rem 0;
    padding-top: 0.375rem;
    padding-right: 0.375rem;
    padding-bottom: 0.375rem;
    padding-left: 0.375rem;
     margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: #ffffff;
    border: solid transparent;
    border-width: 1px 0;
    font-size: inherit;

}
.form-control-plaintext {
    display: block;
    width: 100%;
    font-size: 0.75rem;
    padding: .375rem 0;
    padding-top: 0.375rem;
    padding-right: 0.375rem;
    padding-bottom: 0.375rem;
    padding-left: 0.375rem;
     margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: #dfeafb;
    border: solid transparent;
    border-width: 1px 0;
}

.plaintext {
    display: block;
    width: 100%;
    line-height: 1.5;
    color: #212529;
    background-color: #dfeafb;
    border: solid transparent;
    border-width: 1px 0;
}


pre {
    display: block;
    padding:1px;
    margin-top: 5px;
    overflow: auto;
    font-size: 0.9em;
    -ms-overflow-style: scrollbar;
    border: solid transparent;
    border-width: 1px 0;
    background-color: #f0f4fa;

}

.kb_success {
background: #00b961;
color: #ffffff;
}

.kb_info {
background: #2a92bf;
color: #ffffff;

}

.kb_warning {
background: #f4ce46;
color: #ffffff;

}

.kb_error {
background: #fb7d44;
color: #ffffff;

}
.kb_list {
    font-size: 12px;
    padding: : 4px;
}

.form-control {
    display: block;
    width: 100%;
    min-height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
.form-select {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}    

.layout-fixed {
    table-layout: fixed;
}

.btn-group-sm>.btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: 0.81em;
    border-radius: .2rem;
}

.card-body-min {
    flex: 1 1 auto;
    padding: 0.4rem 0.4rem;
}


#div_sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#div_sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 11.2em; height: 30px; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }


.h5, h5 {
    font-size: 1.10rem;
    color:#0b2c7b;
    margin-bottom: .2rem;
    font-weight: 600;
    line-height: 1.0;}


.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.form-select-inp {
    width:100%;    
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;"
}


.titreform {
    font-size: 1.10rem;
    color:#0b2c7b;
    margin-bottom: .2rem;
    font-weight: 600;
    line-height: 1.0;}


.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em;
    font-size: 10px;
}

.dataTables_wrapper .dataTables_length {
    float: left;
    font-size: 10px;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
    font-size: 12px;
}
.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    font-size: 12px;
}

.tablent tr {
    cursor: pointer;
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 80px;
    position: relative;
    display: block;
    z-index: 10;
}