body {
    overflow: hidden;
    background-color: #eee;
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px !important;
    padding-right: 0px !important;
}



.modal-content {
    border-radius: 0px !important;
}

.btn {
    border-radius: 4px !important;
}

.form-control {
    border-radius: 4px !important;
}

header {
    padding: 0;
    margin: 0;
    background-color: #333;
    color: #fefefe;
}

nav {
    margin: 0;
    padding: 0px;
    background-color: #13b5b4;
    border-bottom: 1px #13b5b4 solid;
    color: #fefefe;
}

nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}

nav ul li {
    display: inline-block;
    text-align: center;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin: -2px;
    margin-right: 25px;
}

nav ul li.active,
nav ul li:hover {
    background-color: #159291 !important;
    color: #fefefe !important;
}

.mouseover {
    background-color: #CEE3F6
}

nav ul li a {
    display: block;
    width: 100%;
    color: #fefefe;
}

nav ul li a,
nav ul li a:active,
nav ul li a:visited {
    color: #fefefe !important;
    font-weight: 600;
    cursor: pointer;
}

nav ul li a:hover {
    text-decoration: none;
    color: #fefefe !important;
}

.sous-menu {
    border-bottom: 0px #ccc solid;
    padding: 0;
    margin: 0px;
}

.sous-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sous-menu ul li {
    display: inline-block;
    margin-right: 2px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
}

.sous-menu ul li.active,
.sous-menu ul li.active:hover {
    color: #fefefe;
    background-color: #333;
    color: #fefefe !important;
    border-radius: 4px;
}

.sous-menu ul li a {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    color: #333;
    font-weight: 500;
}

.sous-menu ul li.active a,
.sous-menu ul li.active a:hover {
    color: #fefefe !important;
}

.sous-menu ul li.active:hover a {
    color: #fefefe !important;
}

.sous-menu ul li:hover {
    background-color: #ddd;
    color: #333 !important;
}

.sous-menu ul li a:hover {
    text-decoration: none;
    color: #333;
}

#main-container {
    padding-top: 5px;
    min-height: 600px;
}

#menu-vertical {
    background-color: #fefefe;
    min-height: 550px;
    padding: 0px;
    margin: 0;
    border-radius: 4px; 
}

#menu-vertical ul {
    margin: 0;
    padding: 6px;
    list-style: none;
}

#menu-vertical ul li {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    margin-bottom: 5px;
}

#menu-vertical ul li a {
    text-decoration: none;
    color: #333;
    padding: 0;
    margin-right: 0;
    font-weight: 500;
    display: block;
}

#menu-vertical ul li:hover {
    background-color: #ddd;
    color: #333 !important;
}

#menu-vertical ul li.active {
    background-color: #333;
    color: #fefefe !important;
    border-radius: 4px; 
}

#menu-vertical ul li.active a {
    color: #fefefe !important;
}

.cadre {
    padding: 5px;
    display: block;
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 3px;
    background-color: #fefefe;
    border-radius: 4px; 
}

.titre-page {
    font-weight: 700;
    font-size: 18px;
}

.titre-tableau{
    font-weight: 550;
    font-size: 16px;
}

.titre-page-saisie {
    margin-top: 8px;
    font-weight: 700;
    font-size: 16px;
}

.marge-top-add {
    margin-top: 3px !important;
}

.infoUtilisateur {
    width: 100%;
    display: block;
    padding-right: 15px;
    padding-top: 10px;
}

legend {
    font-size: 16px !important;
    font-weight: 700;
}

label {
    font-weight: 500 !important;
}

.badge-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.badge-success {
    background-color: #50afa1;
    border-color: #d43f3a;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

table thead th {
    text-align: center;
    height: 5px !important;
}

.droit-activation span:hover,
.droit-desactivation span:hover {
    cursor: pointer;
}

.btn-droit,
.onglet-choix-col {
    margin-right: 0px !important;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 3px;
}

.change-etat {
    cursor: pointer;
}

table tr.normal {
    background-color: #fff;
}

table tr {
    border: #f9f9f9 !important;
}

table tr.autre td,
table tr.normal td {
    padding-top: 1px;
    padding-bottom: 1px;
}

table tr.autre {
    background-color: #f9f9f9;
}

table tr.no-bordered td {
    border-top: none;
    border-bottom: none;
}

table tr.no-bordered td {
    border-top: none;
    border-bottom: none;
}

.table-bordered>tbody>tr.autre>td,
.table-bordered>tbody>tr.normal>td {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: none;
}

table tr.bordered td {
    border-top: 1px solid #ddd;
}

.italique {
    font-style: italic;
}

.popover {
    max-width: 40%;
    /* Max Width of the popover (depending on the container!) */
}

.gras {
    font-weight: bold;
}

.alert-table {
    margin-bottom: 0px !important;
}

#liste_logiciel {
    min-width: 300px;
}

.input-instat {
    margin-left: 1%;
    margin-top: 2% !important;
    height: 80% !important;
}

.datepicker {
    cursor: pointer;
}

table.table thead,
table.table tfoot {
    background-color: #333;
    color: #fff;
}

.modal .modal-content .modal-header {
    background-color: #0a5b5b !important;
    color: #fefefe !important;
}

.section-document {
    -moz-box-shadow: 0 0 1px 1px #888;
    -webkit-box-shadow: 0 0 1px 1px#888;
    box-shadow: 0 0 1px 1px #888;
    padding: 5px !important;
}

#search-lib-filtre {
    width: 300px
}

.gly-spin {
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.msg-info-download,
.msg-erreur-download,
.msg-undefined-download {
    position: absolute;
    display: none;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100px;
}

#btn-rechercher-pcg .popover {
    max-width: 303%;
}

.select2-dropdown.select2-dropdown--below {
    width: 300px !important;
}

.select2-container--default .select2-selection--single {
    height: 35px;
    width: 300px;
    font-size: 1em;
    position: relative;
}

.height-saisiecr {
    height: 24px !important;
    font-size: 9px !important;
    font-weight: bold !important;
}

.width-action {
    width: 6.333% !important;
}

.height-formsaisi {
    height: 24px !important;
}

.height-form-analytique {
    height: 26px !important;
    font-size: 12px !important;
}

.totalparrubrique {
    background-color: #B0E0E6 !important;
    font-weight: bold;
    text-align: right;
}

.grandtotal {
    background-color: #333 !important;
    font-weight: bold;
    color: #fff;
}

.soustotal {
    background-color: #C0C0C0 !important;
    font-weight: bold;
}

.simplerubrique {
    border-top: none;
    border-bottom: none;
}

.nomrubrique {
    font-weight: bold;
    border-bottom: none;
}

.td-totalparrubrique {
    text-align: right;
}

.texte-simplerubrique {
    color: #fefefe;
    margin-left: 40px;
}

.effacerBordure {
    border-left: none;
    border-right: none;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 5px !important;
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px dotted #ccc;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px;
    max-height: 500px;
    /* Set your expected height */
    overflow-y: scroll;
    /* Enable vertical scrollbar */
}

.ligneblanche {
    border-left: none;
    border-right: none;
    height: 15px;
}

.rapprochement-total {
    font-weight: bold;
    padding-right: 3px !important;
}

.rapprochement-td {
    padding-right: 3px !important;
}

.sous-titre-tableau {
    background-color: white;
    color: black;
}

.col-adresse-ip {
    width: 80%;
}

.col-action-ip {
    width: 20%;
    vertical-align: middle;
}

.btn-save-ip,
btn-modif-ip {
    margin-left: 10px;
}

.btn-annuler-ip,
btn-sup-ip {
    margin-left: 5px;
}

.table-liste {
    max-height: calc(110vh - 400px);
}

.tableheight-rapprochement {
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.refcomp-breakword {
    word-wrap: break-word;
}

.table-breakword {
    table-layout: fixed;
    width: 100%;
}

.formulaire-saisie {
    min-width: 40%;
    width: 40%;
    max-width: 60%;
}

.seulLigne {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.information {
    height: 20px;
    width: 21px;
    display: inline-block;
     text-align: center;
     line-height: 20px;
    border-radius: 50%;
    background: #dadad7;
    color: black;
    font-weight: 900 !important;
    font-family: 'Times New Roman', Times, serif;
  }

  @media  (max-width:1353px) {
    #menu_principal{
      height:67px
    }
}
.cacher-btn{
    display: none;
}
.affiche-btn{
    display: block;
}

.ecrt-tdb{
    max-height: calc(95vh - 280px)  !important;
}

.splitter-compta {
    flex: 0 0 auto;
    width: 7px;  
    min-height: 20px;
    background:  #535353;
    cursor: col-resize;  
  }

  .panel-left {
    flex: 0 0 auto;
    width: 58%;
    min-height: 100px;
    min-width: 768px;
    white-space: nowrap;
  }

  .panel-right {
    flex: 1 1 auto;
    padding: 10px;
    width: 100%;
    min-height: 200px;
    min-width: 200px;
    background: #eee;
  }
.exercice-div{
    min-width: 166px;
}
.mois-div{
    min-width: 166px;
}
.mois-choix-exercice{
    min-width: 102px;
}

.vue-ecran-choix{
    min-width: 215px;
}

.piece-label-min-width{
    min-width: 150px;
}
.inputdate{
    min-width: 80px;
}
.div-piece-min-width{
    min-width:200px ;
}
.nombreColonneError{
    border: 1px solid red;
}
.caseGriseChoixColonne{
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    padding: 0px;
    margin-left: 60px;
    padding-top: 10px;
    width: 95%;
    height: 200px;
}





.caseGrise {
    background-color: #d6d6d6; 
}
.custom-hr {
    border: none; 
    height: 1px; 
    background-color: #a3a2a2; 
    margin: 10px 0; 
    margin-left: 05px;
  }  
h5{
    margin-left: 205px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
  }
.labelPhysiqueMorale{
    margin-left: 210px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
}
content: none;

td {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.padding-bottom-1 {
    padding-bottom: 1%;
}