/*
 * @Author : Rached Msadak
 * @Date de création : 25/03/2020
 * @copyright  2020 Amabis
 */
 
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700,400');

@font-face {
  font-family: "OpenSans-Regular";
  src: url('./fonts/OpenSans-Regular.ttf') format("truetype");
}
@font-face {
  font-family: "OpenSans-SemiBold";
  src: url('./fonts/OpenSans-SemiBold.ttf') format("truetype");
}

html, body {
    margin:0;
    padding:0;
}
* {
  box-sizing: border-box;
  /*font-family         : "OpenSans-Regular", Helvetica, Arial, serif;*/
}
body {
    line-height: 1;
    min-height: 100vh;
    font-family: "OpenSans-Regular", Helvetica, Arial, serif;
    color : rgba(56, 73, 92, 1.0);
}
.fa{
    cursor: pointer;
}
.modal-dialog {
    
    overflow-y: initial !important
}
.modal-body {
    overflow-y: auto;
}
/*p{margin-bottom: 0.8rem;}*/
.main,
.main-loader{
    min-height: 63.5%;
}

.no-padding{
    padding-right:0;
    padding-left:0; 
}

.logo-print {
    max-width: 100px;
}
@media print {
    .logo-print {
        display:none;
    }
}

.headerLogo {
    display: block;
    background-image: url(/img/SDFL-VF-Blanc.png);
    background-size: auto 100%; /* hauteur fixée, largeur ajustée proportionnellement */
    background-position: left;
    background-repeat: no-repeat;
    height: 60px;
    /* le width est nécessaire parce que dans le bandeai on est inline */
    width: 258px;
    /* équivalent du padding pour une background-image */
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.footerLogo {
    display: block;
    margin: 0 auto; /* centre horizontalement */
    background-image: url(/img/SDFL-VF-Blanc.png);
    background-size: auto 100%; /* hauteur fixée, largeur ajustée proportionnellement */
    background-position: center;
    background-repeat: no-repeat;
    height: 60px;
    /* équivalent du padding pour une background-image */
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.col-margin{
    margin-top:10px;
    margin-bottom: 10px;
}
.header-container{
    background-color: rgba(56, 73, 92, 1.0);
    padding-right: 8px;
    padding-left: 8px;
}
.topbar{           
    height: 50px;
    box-shadow: 1px 1px 3px gainsboro;
}


.sirwebimg{
    width:41px;
}
.sirwebannuaire {
    font-size           : 24px;
    color               : rgba(255, 255, 255, 1.0);
    line-height         : 33px;
  }

.wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrap-left {
    align-items: left;
    justify-content: left;
}
.wrap-right {
    align-items: right;
    justify-content: right;
}

.button {
  height: 38px;
  font-family         : "OpenSans-Regular", Helvetica, Arial, serif;
  font-size           : 14.0px;
  color               : rgba(56, 73, 92, 1.0);
  background-color    : rgba(255,255,255,0.0);
  border: none;
  border-radius: 3px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  width: 80%;
  }
  

button.button.button-disabled{
    background-color: rgba(240, 240, 240, 1.0);
    color: rgba(0, 0, 0, 0.5);
}
button.button.button-disabled i{
    cursor: not-allowed;
}
button.button.button-disabled:hover{
  background-color: rgba(240, 240, 240, 1.0);
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
  cursor: not-allowed;
}

  .header-button {
  height: 38px;
  font-family         : "OpenSans-Regular", Helvetica, Arial, serif;
  font-size           : 14.0px;
  color               : rgba(56, 73, 92, 1.0);
  background-color    : rgba(255,255,255,0.0);
  height: 100%;
  border: none;
  /*box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);*/
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
  min-width: 170px;
  }

.button:hover {
  background-color: rgba(82, 150, 214, 1.0);
  box-shadow: 0px 15px 20px rgba(82, 150, 214, 0.4);
  color: #fff;
  /*transform: translateY(3px);*/
}

.header-button:hover {
  background-color: rgba(82, 150, 214, 1.0);
  /*box-shadow: 0px 15px 20px rgba(82, 150, 214, 0.4);*/
  color: #fff;
  /*transform: translateY(3px);*/
}

.header-button:active {
  background-color: rgba(82, 150, 214, 1.0);
  color: #fff;
}
.header-button-label{
    display: inline;
}
@media only screen and (max-width: 768px){
    .header-button{
        min-width: 40px;
    }
    .header-button-label{
        display: none;
    }
}

.footer-text-style{
    text-align: center;
    width: 100%;
    font-size: 12px;
    color : rgba(255, 255, 255, 1.0);
    line-height         : 33px;
}
.histo-nav {
    font-family: "OpenSans-Regular", Helvetica, Arial, serif;
    transform: rotate(0deg);
    opacity: 1.0;
    font-size: 12px;
    color: rgba(82, 150, 214, 1.0);
    text-align: left;
    margin-top: 1%;
    font-weight: bold;
}
.histo-nav a{
    text-decoration: none;
    color: rgba(82, 150, 214, 1.0);
}

.histo-nav a:link {
    text-decoration: none;
    color: rgba(82, 150, 214, 1.0);
}

.histo-nav a:visited {
    text-decoration: none;
    color: rgba(157, 157, 157, 1.0);
}

.histo-nav a:hover {
    text-decoration: underline;
    color: rgba(157, 157, 157, 1.0);
}

.histo-nav a:active {
    text-decoration: underline;
    color: rgba(157, 157, 157, 1.0);
}

a.footer-link:link {
    text-decoration: none;
    color: #fff;
}

a.footer-link:visited {
    text-decoration: none;
    color: #fff;
}

a.footer-link:hover {
    text-decoration: underline;
    color: #fff;
}

a.footer-link:active {
    text-decoration: underline;
    color: #fff;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin:0;
}

/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button { 
    -o-appearance: none;
    margin:0
}

.visibility{
    visibility: visible;
}

.form-control{
    font-size: 12px;
}
table#meslistes {
    border-collapse: collapse;
    font-size: 14px;
    width: 100%
}
table#meslistes td {
    padding: 12px 5px 5px 15px;         
    width: 100%
}
 table#meslistes th {
    background-color: rgba(56, 73, 92, 1.0);
    color: rgba(255, 255, 255, 1.0);
    padding: 10px;
    border-radius: 5px 5px 0px 0px;
    height: 40px;
}
table#meslistes tbody, table#meslistes tr, table#meslistes td,table#meslistes th{
    display:block;
  }
table#meslistes tbody{
    height: 330px;
    width: 100%;
    overflow-y: scroll;
}
table#meslistes tbody tr{
    height : 40px;
}
/*    #meslistes > tbody {
        height: 230px;
  overflow-y: auto;
    }*/


table#meslistes tr:nth-child(even) {
    background-color: rgba(249, 249, 249, 1.0);
}
table#meslistes td:hover,table#meslistes th:hover  {
    background-color: rgba(82, 150, 214, 1.0);
}
table#meslistes th[scope="col"] {
    background-color: #fff;
    color: #fff;
}

table#meslistes th[scope="row"] {
    background-color: #d7d9f2;
}


.tablesorter-resizable-handle.hidden{
    cursor: auto;
    z-index:-1;
}

/***************************************
** dataGrid Style table et composants **
***************************************/
.dataGrid{
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    border-radius: 5px;
    overflow: hidden;
}
.dataGrid thead{
    background-color: rgba(56, 73, 92, 1.0);
    color: rgba(255, 255, 255, 1.0);
    padding: 10px;           
}
.dataGrid thead th:first-child {
    border-radius: 5px 0 0 0;
}
.dataGrid thead th:last-child {
    border-radius: 0 5px 0 0;
}
.dataGrid th, .dataGrid td{
    padding: 10px;
    text-align: left;
}
.dataGrid tbody tr.primary:nth-child(even) {
    background-color: rgba(249, 249, 249, 1.0);
}
.dataGrid tbody tr.primary:nth-child(odd) {
    background-color: #fff;
}
.dataGrid tbody tr.primary:hover {
    background-color: rgba(82, 150, 214, 1.0);
}
.dataGrid .cell-check.cell-check-right{
    text-align: right;
    padding-right: 18px;
}
.dataGrid .cell-check.cell-check-left{
    text-align: left;
    padding-left: 14px;
}
.dataGrid-scrollable{
    background-color: rgba(56, 73, 92, 1.0);
}
.dataGrid-scrollable tbody{
    display: block;
    overflow-x: auto;
    overflow-y: scroll;
    width: 100%;
    background-color: white;
}
.dataGrid-scrollable thead, .dataGrid-scrollable tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;/* even columns width , fix width of table too*/
}
.dataGrid-scrollable thead {
    width: calc( 100% - 1em );  /* scrollbar is average 1em/16px width, remove it from thead width */
}


.td-detail{
    display: none;
}
.tablesorter-header {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE0IDIwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTQgMTNsLTIuNS0yLjVMNyAxNWwtNC41LTQuNUwwIDEzbDcgN3pNMTQgNy41TDExLjUgMTAgNyA1LjUgMi41IDEwIDAgNy41bDctN3oiLz48L3N2Zz4=);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px;
}
.tablesorter-headerAsc {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTQgOS41TDExLjUgMTIgNyA3LjUgMi41IDEyIDAgOS41bDctN3oiLz48L3N2Zz4=);
}
.tablesorter-headerDesc {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE0IDE0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTQgNWwtMi41LTIuNS00LjUgNC41LTQuNS00LjVMMCA1IDcgMTJ6Ii8+PC9zdmc+);
}
.dataGrid .sorter-false {
    background-image: none;
    cursor: default;
    padding: 4px;
}
/*
.wrapper-resizable {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}
.wrapper-resizable table {
    width: auto;
    table-layout: fixed;
}
.wrapper-resizable .details-parc-auto td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 4px;
}
.wrapper-resizable .details-parc-auto th {
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 4px;
}*/
.button-detail-tr {
    font-family         : "OpenSans-Regular", Helvetica, Arial, serif;
    font-size           : 10.0px;
    color: #fff;
    background-color    : rgba(82, 150, 214, 1.0);
    height: 100%;
    border: none;
    /*box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);*/
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    border: 1px solid #C8C8C8;
}
.button-detail-tr:hover {
  background-color: rgba(56, 73, 92, 1.0);
  color: #fff;
}
a.edit:hover,a.view:hover {
    color: #fff;
}
a.edit, a.view {
    color:  #C8C8C8;
}
.titre{
    font-size: 24px;
    color: rgba(56, 73, 92, 1.0);
}
   .nav-siret{
       width: 275px;
       height: 50px;
   }
   .nav-siret .btn{
        font-size: 12px;
        padding-top: 3px;
        padding-bottom: 3px;
   }
.hide { display: none; }
.fa-exclamation-triangle { color: goldenrod; }

input[type="checkbox"] + .fa,
input[type="checkbox"] + label > .fa,
input[type="checkbox"] + .fa-check-square-o:before,
input[type="checkbox"] + label > .fa-check:before,
input[type="checkbox"] + label > .fa-check-square-o:before { content: "\f096"; vertical-align: middle;}
input[type="checkbox"]:checked + .fa-check-square-o:before,
input[type="checkbox"]:checked + label > .fa-check-square-o:before { content: "\f046"; }
/* Fin dataGrid Style table et composants */

.bloc-pager {
  width: 60px;
  height: 60px;
}
.bloc-pager:hover {
    background-color: rgba(82, 150, 214, 1.0);
    color: #fff;
}

.bloc-pager.current,/* Numéro de page actuelle */
.tablesorter-pager nav.right a.current{ /* Nombre de résultats par page */
    font-weight: bold;
    text-decoration: underline;
}

.tablesorter-pager nav.right{
    position: relative;
    z-index: 5;
}
.tablesorter-pager nav.left{
    position: relative;
    width: 100%;
    z-index: 4;
}
      
#allText{
    width: 100%;
    height: 100%;
    display: inline-block;
}

.greenyellow{
    color : rgb(50,205,50);
}
.white{
    color : #fff;
}

.orange{
    color : #FFA500;
}

.darkorange{
    color : #FF8C00;
}
.red{
    color : red;
}

.box-grey{           
    background-color: #F9F9F9; 
    border-radius: 5px 5px 5px 5px;
     box-shadow: 0px 0px 5px 0px gainsboro;
    -webkit-box-shadow: 0px 0px 5px 0px gainsboro;
    -moz-box-shadow: 0px 0px 5px 0px gainsboro;
}

.box-white{           
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 5px 0px gainsboro;
    -webkit-box-shadow: 0px 0px 5px 0px gainsboro;
    -moz-box-shadow: 0px 0px 5px 0px gainsboro;
    background-color: #fff; 
}

.box-grey .titre, .box-white .titre{
    font-size: 12px;
    color:rgba(157, 157, 157, 1.0);
    text-align: left;
    transform: rotate(0deg);
}

.box-grey table td, .box-white table td{
    padding: 5px;
}
.box-grey .info, .box-white .info{
    font-size: 14px;
    color: rgba(56, 73, 92, 1.0);
    text-align: left;
    line-height: 19.0px;
    word-wrap: break-word;
}
.box-grey .info p, .box-white .info p{
        margin-bottom: 0px;
}
.box-grey .link, .box-white .link{
    transform: rotate(0deg);
    opacity: 1.0;
    font-size: 14.0px;
    color: rgba(82, 150, 214, 1.0);
}
.box-grey .updated{
    font-weight: 400;
    font-style: italic;
    font-size: 10px;
    color: rgba(62, 79, 89, 1.0);
}

.info-contact{
    color: rgba(62, 79, 89, 1.0);
    font-size: 16px;
    font-weight: 700;
    transform: rotate(0deg);
    opacity: 1.0;
}

/****************************
******* loader page *********
****************************/
.loader {
  height: 20px;
  width: 250px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.loader--dot {
  animation-name: loader;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background-color: black;
  position: absolute;
  border: 2px solid white;
}
.loader--dot:first-child {
  background-color: #8cc759;
  animation-delay: 0.5s;
}
.loader--dot:nth-child(2) {
  background-color: #8c6daf;
  animation-delay: 0.4s;
}
.loader--dot:nth-child(3) {
  background-color: #ef5d74;
  animation-delay: 0.3s;
}
.loader--dot:nth-child(4) {
  background-color: #f9a74b;
  animation-delay: 0.2s;
}
.loader--dot:nth-child(5) {
  background-color: #60beeb;
  animation-delay: 0.1s;
}
.loader--dot:nth-child(6) {
  background-color: #fbef5a;
  animation-delay: 0s;
}
.loader--text {
  position: absolute;
  top: 200%;
  left: 0;
  right: 0;
  width: 12rem;
  margin: auto;
}
.loader--text:after {
  content: "Chargement en cours";
  font-weight: bold;
  animation-name: loading-text;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes loader {
  15% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(230px);
  }
  65% {
    transform: translateX(230px);
  }
  95% {
    transform: translateX(0);
  }
}
@keyframes loading-text {
  0% {
    content: "Chargement en cours";
  }
  25% {
    content: "Chargement en cours.";
  }
  50% {
    content: "Chargement en cours..";
  }
  75% {
    content: "Chargement en cours...";
  }
}
/****************************
******* Tabs Style *********
****************************/
ul.tabs{
    margin-top: 10px;
    padding: 0px;
    list-style: none;
}

ul.tabs li{    
  font-family         : "OpenSans-Regular", Helvetica, Arial, serif;
  font-size           : 12px;
  padding: 5px 10px;
  background-color: #F9F9F9;   
  border: none;
  color: rgba(82, 150, 214, 1.0);
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 15px;
  height: 40px;
  width: 145px;
  vertical-align: middle;
}
ul.tabs li.second{
    background-color: #fff;
    height: 30px;
    padding: 0px;
    font-size: 14px;
}

ul.tabs li.current{
    background-color: rgba(82, 150, 214, 1.0);
    color: #fff;
    text-decoration:none;
}

.tab-content{
    display: none;
    padding: 10px;
    /*background-color: #F9F9F9; 
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 3px gainsboro;*/
}

.tab-content.current{
    display: inherit;
}
.titre-tab{
    margin-top: 10px;
    width: 100%; 
    height: 20px;
    text-align: center;
} 
.titre-tab-mobile{
    display: none;
}
.tab-wrap {
  height: 100%;
  display: flex;
  align-items: left;
  justify-content: left;
}

 .btn-tab {
  height: 50px;
  font-family         : "OpenSans-Regular", Helvetica, Arial, serif;
  font-size           : 14px;
  background-color: #F9F9F9;   
  border: none;
  color: rgba(82, 150, 214, 1.0);
  border-radius: 5px 5px 5px 5px;
  cursor: pointer;
  outline: none;
  }

.tab-wrap .btn-tab:hover {
  background-color: rgba(82, 150, 214, 1.0);
  color: #fff;
  text-decoration:none;
  /*transform: translateY(3px);*/
}
.tabs-titer{
    font-size: 14px;
    width:70%;
    float:left;
    display:inline
}
.tabs-icon-titer{
    width:30%; 
    float:left; 
    display:inline
}
/****************************
**** End Tabs Style *********
****************************/

.border-spacing {
    border-collapse: separate;
  border-spacing: 5px;
}

.has-search .form-control {
    padding-left: 2.375rem;
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}
.default-cursor {cursor: default;}
/****************************
****** Filter table *********
****************************/
/* REQUIRED For filter table! */
.tablesorter .filtered {
  display: none;
}
/*
.details-parc-auto {
  overflow-x: auto;
  overflow-y: hidden;
  width: 450px;
}
.details-parc-auto table {
  width: auto;
  table-layout: fixed;
}

.details-parc-auto .tablesorter td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 10px;
}
.details-parc-auto .tablesorter th {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 10px;
}*/

/* All of the following css is already contained within each theme file; modify it as desired */
/* filter row */
.tablesorter-filter-row td {
  background: #eee;
  line-height: normal;
  text-align: center; /* center the input */
  -webkit-transition: line-height 0.1s ease;
  -moz-transition: line-height 0.1s ease;
  -o-transition: line-height 0.1s ease;
  transition: line-height 0.1s ease;
}
/* optional disabled input styling */
.tablesorter-filter-row .disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: not-allowed;
}

/* hidden filter row */
.tablesorter-filter-row.hideme td {
  /*** *********************************************** ***/
  /*** change this padding to modify the thickness     ***/
  /*** of the closed filter row (height = padding x 2) ***/
  padding: 2px;
  /*** *********************************************** ***/
  margin: 0;
  line-height: 0;
  cursor: pointer;
}
.tablesorter-filter-row.hideme * {
  height: 1px;
  min-height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  /* don't use visibility: hidden because it disables tabbing */
  opacity: 0;
  filter: alpha(opacity=0);
}

/* filters */
.tablesorter-filter {
  width: 95%;
  height: inherit;
  margin: 4px;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.1s ease;
  -moz-transition: height 0.1s ease;
  -o-transition: height 0.1s ease;
  transition: height 0.1s ease;
}
/****************************
****** End Filter table *****
****************************/

/****************************
**** Scrollbar Styling ******
****************************/
#container {
      background-color: rgb(255, 255, 255);
      position: relative;
      margin: 10px auto;
      padding: 0px;
      width: 100%;
      overflow: auto;
    }

#container .content {
  width: 100%;
}
/****************************
**** End Scrollbar Styling ******
****************************/
a.link{
    color: rgba(82, 150, 214, 1.0);
}
a.link:hover{
    color: rgba(56, 73, 92, 1.0);
}

.fa-border:hover {
  background-color: rgba(82, 150, 214, 1.0);
  color: #fff;
}
.scrollbar-inner{
    width: 100%;
}

.text-center{
    text-align: center;
}

.btn-recherche{
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 5px 0px gainsboro;
    -webkit-box-shadow: 0px 0px 5px 0px gainsboro;
    -moz-box-shadow: 0px 0px 5px 0px gainsboro;
    background-color: #fff; 
    width: 220px;
}
.btn-recherche .second{
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 5px 0px gainsboro;
    -webkit-box-shadow: 0px 0px 5px 0px gainsboro;
    -moz-box-shadow: 0px 0px 5px 0px gainsboro;
    background-color: #fff; 
    width: 220px;
}
.btn-recherche:hover {
  background-color: rgba(82, 150, 214, 1.0);
  color: #fff;
}
.btn-recherche:focus {
    border: none;
    outline: 0 !important;
}

/****************tabs*********************/
ul.tabs, div.tabs{
    margin: 10px;
    padding: 0px;
    list-style: none;
}
div.tabs div{
 font-size           : 13px;
  padding: 5px 5px;
  background-color: #F9F9F9;   
  border: none;
  color: rgba(82, 150, 214, 1.0);
  border-radius: 5px;
  cursor: pointer;
  outline: none;
}
 
div.tabs .boutton{
    
  font-family         : "OpenSans-Regular", Helvetica, Arial, serif;
  font-size           : 12px;
  padding: 10px 15px 5px 5px;
  background-color: #F9F9F9;   
  border: none;
  color: rgba(82, 150, 214, 1.0);
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 7px;
  height: 45px;
  width: 140px;
  vertical-align: middle;
}

div.tabs div.current{
    background-color: rgba(82, 150, 214, 1.0);
    color: #fff;
    text-decoration:none;
}
.tabs-icon-titer i{
    margin-left:3px;
   }
/*************************************/

.active {
  background-color: rgba(82, 150, 214, 1.0) !important;
  color: #fff !important;
}
    .lancer-recherche{
        text-align: right;
        font-size: 14px;
    }
.nav-siret-mobile{
       display:none;
   }
 /****************select treeview checkbox*********************/
.select-teeview-check{
    background-color: #fff;
}
.select-teeview-check::after{
    float: right;
    margin-right: 10px;
    margin-top: 7px;
}
.bts_dropdown ul {
    list-style: none;
    padding: 0;
}

.bts_dropdown ul li {
    /*border-top: 1px dashed #EEE;*/
    padding-left: 25px;
}

.bts_dropdown ul li label {
    position: relative;
    padding: 5px 20px;
    white-space: nowrap;
}
.bts_dropdown ul li label input {
    position: absolute;
    left: 0px;
    top: 5px
}
.bts_dropdown>ul {
    max-height: 289px;
        width: 100%;
        min-width: 450px;
    overflow-y: auto;
        font-size:12px;
}
.bts_dropdown>ul>li {
    border-top: 1px solid #EEE;
}
.bts_dropdown>ul.filtered .result{
	color: #007bff !important;
}
.bts_dropdown>ul>li:first-child {
    border-top: 0;
}
.bts_dropdown .select-teeview-check.btn-outline-secondary{
    border-color: rgba(0, 0, 0, 0.15);
}
/****************************************************************/  
.actived{
    color: rgba(82, 150, 214, 1.0);
}
.margin-bottom-5{
    margin-bottom: 5px;
}
.size-12{
    font-size: 12px;
}


.top-date-creation{
    top:-10px;
}


#page-content,
#page-loader {
  flex: 1 0 auto;
}

#sticky-footer {
  flex-shrink: none;
}

.search-parc-auto{
    width:260px;
    margin-top:15px;
}

.font-size{
    font-size: 14px;
}

.badge-filtre{
    background-color: rgba(82, 150, 214, 1.0);
    color:#fff;
    font-size: 12px;
    margin-top: 5px;
    padding: 3px 5px;
}
td-btn-exporter{width:150px;}
td-btn-ajouter-liste{width:240px;}
td-btn-detail-liste{width:300px;}
td-input-search{width:250px;}
 .dropdown-menu{
   font-size: .75rem;
}


/*************************************************
*********** Multi select autocomplete ************
**************************************************/

.selectpicker{
  min-height: 37px;
  border: 1px solid rgba(0, 0, 0, 0.15); 
  background: #FFF;
  border-radius: 4px;
  font-size:12px;
}
.selectpicker-loader{
    min-height: 37px;
    border: 1px solid rgba(0, 0, 0, 0.15); 
    background: #FFF;
    border-radius: 4px;
    width: 100%;

    color: #999;
    text-align: right;
    white-space: nowrap;
    justify-content: space-between;
    cursor: pointer;

    /* inherit "btn" */
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    user-select: none;
    font-size: 0.8rem;

    /* inherit "dropdown-toggle" */
    display: inline-flex;
}
.selectpicker-loader:hover{
    border: 1px solid transparent;
}
.selectpicker-loader-option{
    float: left;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: static;
    text-align: left;
    top: 0;
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
.selectpicker-loader-option-inner {
    overflow: hidden;
}
.selectpicker-loader.titled:after {
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;

    margin-top: -1px;

    /* test */
    transform: translateY(50%);
}

.selectpicker-loader .loading-dots:after{
    animation: blink 1.0s infinite;
    content:"...";
}

@keyframes blink {
    0%, 33% {
        content: ".";
    }
    33%, 66% {
        content: "..";
    }
    66%, 100% {
        content: "...";
    }
}

#recherche-tab .bs-select-all,
#edit-filters .bs-select-all{
    width:100%;
    margin-bottom: 8px;
}
#recherche-tab .form-group-auto_modele .bs-select-all,
#edit-filters .form-group-auto_modele .bs-select-all{
    display: none;
}
#recherche-tab .bs-deselect-all,
#edit-filters .bs-deselect-all{
    width:100%;
}


/*************************************************
********************* Upload *********************
**************************************************/


.upload-modal.dropzone-container:hover .dropzone{
    border: 1px dashed #666;
}
.upload-modal .dropzone-container{
    border: 2px solid white;
    border-radius: 5px;
    transition: border-color 200ms linear;
    /* border-color: #80bdff; */
}
.upload-modal .dropzone-container:hover{
    border: 2px solid #80bdff;
    /* border-color: #80bdff; */
}
.upload-modal .dropzone-container.dragover{
    border: 2px solid #80bdff;
    /* border-color: #80bdff; */
}
.upload-modal .dropzone{
    position: relative;
    width: 100%;
    height: 80px;
    border: 1px dashed #ced4da;
    border-radius: 5px;
    text-align: center;
}
.upload-modal .dropzone .dropzone-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    user-select: none;
    -moz-user-select: none; /* Mozilla */
    -webkit-user-select: none; /* WebKit */
    -ms-user-select: none; /* Microsoft */
}
.upload-modal .dropzone img{
    
}

.upload-modal .loader-container{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    opacity: 0.0;
    transition: opacity 500ms linear;
}

.upload-modal .upload-form .file-input-container{
    margin-top: 1rem;
}

.upload-modal input[type="file"]{
    display: none;
}

.upload-modal .upload-form .form-row.form-row-bottom{
    text-align: center;
}
.upload-modal .upload-form .form-row.form-row-bottom .button{
    margin: auto;
}

.upload-modal .upload-input {
    position: relative;
    top: -62px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.upload-modal .upload-loader .loader--text.uploading:after {
  content: "Chargement en cours";
  font-weight: bold;
  animation-name: loading-text-uploading;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.upload-modal .upload-loader .loader--text.analysing:after {
  content: "Analyse en cours";
  animation-name: loading-text-analysing;
}

.upload-modal .upload-report .row-value{
    line-height: 1.6em;
    text-align: left;
}

.upload-modal .upload-report .bottom-menu{
    margin-top: 3rem;
}

.upload-modal .table-column .d-table-cell{
    vertical-align: middle;
}

.mescibles-table.partage-on tr td:nth-child(1){
    width: 30%;
}
.mescibles-table.partage-on tr td:nth-child(2){
    width: 30%;
}
.mescibles-table.partage-on tr td:nth-child(3){
    width: 16%;
}
.mescibles-table.partage-on tr td:nth-child(4){
    width: 14%;
}
.mescibles-table.partage-on tr td:nth-child(5){
    width: 10%;
    min-width: 7.0rem;
}
.mescibles-table.partage-off tr td:nth-child(1){
    width: 38%;
}
.mescibles-table.partage-off tr td:nth-child(2){
    width: 38%;
}
.mescibles-table.partage-off tr td:nth-child(3){
    width: 14%;
}
.mescibles-table.partage-off tr td:nth-child(4){
    width: 10%;
    min-width: 7.0rem;
}
.ciblespartagees-table tr td:nth-child(1){
    width: 30%;
}
.ciblespartagees-table tr td:nth-child(2){
    width: 38%;
}
.ciblespartagees-table tr td:nth-child(3){
    width: 14%;
}
.ciblespartagees-table tr td:nth-child(4){
    width: 10%;
}
.ciblespartagees-table tr td:nth-child(5){
    width: 7%;
    min-width: 4.0rem;
}
.mescibles-table tr .acticon,
.ciblespartagees-table tr .acticon{
    color: rgba(56, 73, 92, 1.0);
}
.mescibles-table tr:hover .acticon,
.ciblespartagees-table tr:hover .acticon{
    color: #ffffff;
}
.mescibles-table tr .acticon .svg-icon-container,
.ciblespartagees-table tr .acticon .svg-icon-container{
    display: inline-block; 
}

.mescibles2-table.partage-on tr td:nth-child(1){
    width: 35%;
}
.mescibles2-table.partage-on tr td:nth-child(2){
    width: 35%;
}
.mescibles2-table.partage-on tr td:nth-child(3){
    width: 20%;
}
.mescibles2-table.partage-on tr td:nth-child(4){
    width: 10%;
}
.mescibles2-table.partage-off tr td:nth-child(1){
    width: 55%;
}
.mescibles2-table.partage-off tr td:nth-child(2){
    width: 35%;
}
.mescibles2-table.partage-off tr td:nth-child(3){
    width: 10%;
}


.centered-pager-col{
    position: relative;
    height: 2.0rem;
}
.centered-pager-content{
    position: relative;
    display: table;
    font-size: 14px;
}
.centered-pager-content .pager-center{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 70%;
}
.centered-pager-content .pager-right{
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 30%;
}

.recherche-avancee-boutons .left,
.recherche-avancee-boutons .center{
    margin-bottom: 1.0rem;
}

#simple .tab-etabs .d-table-cell{
    vertical-align: top;
}
#simple .tab-etabs .d-table-cell.cell-left{
    padding-right: 1.5rem;
}

.swa-modal-form input.form-control,
.swa-modal-form textarea.form-control{
    border: 2px solid black;
}
.swa-modal-form input.form-control.is-invalid,
.swa-modal-form textarea.form-control.is-invalid{
    border-color: #dc3545;
}
input[name="liste_name"].is-invalid,
input[name="liste_name"].is-invalid:focus{
    border-color: #dc3545;
}
input[name="liste_name"].is-invalid:focus{
    outline: solid rgba(220, 53, 69, 0.3) !important;
}

.row-dest-tables .col-a,
.row-dest-tables .col-c{
    width: 48%;
}
.row-dest-tables .col-b{
    width: 4%;
    max-width: 4%;
}
.destall-table tbody,
.destsel-table tbody{
    height: 29.5em;
    max-height: 29.5em;
}

.destall-table td:nth-child(1),.destall-table th:nth-child(1){
    width: 24%;
}
.destall-table td:nth-child(2),.destall-table th:nth-child(2){
    width: 24%;
}
.destall-table td:nth-child(3),.destall-table th:nth-child(3){
    width: 26%;
}
.destall-table td:nth-child(4),.destall-table th:nth-child(4){
    width: 24%;
}
.destall-table td:nth-child(5),.destall-table th:nth-child(5){
    width: 6%;
    min-width: 2.0em;
}

.destsel-table td:nth-child(1),.destsel-table th:nth-child(1){
    width: 6%;
    min-width: 2.0em;
}
.destsel-table td:nth-child(2),.destsel-table th:nth-child(2){
    width: 24%;
}
.destsel-table td:nth-child(3),.destsel-table th:nth-child(3){
    width: 26%;
}
.destsel-table td:nth-child(4),.destsel-table th:nth-child(4){
    width: 24%;
}
.destsel-table td:nth-child(5),.destsel-table th:nth-child(5){
    width: 24%;
}

.destall-table td:nth-child(1),
.destall-table td:nth-child(2),
.destsel-table td:nth-child(2),
.destall-table td:nth-child(3),
.destsel-table td:nth-child(3),
.destsel-table td:nth-child(4){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dataGrid.destall-table tbody tr.primary.tr-selected:nth-child(2n){
    background-color: rgba(82, 150, 214, 0.33);
}
.dataGrid.destall-table tbody tr.primary.tr-selected:nth-child(2n+1){
    background-color: rgba(82, 150, 214, 0.33);
}
.dataGrid.destall-table tbody tr.primary.tr-selected:hover {
    background-color: rgba(82, 150, 214, 1.0);
}
.dataGrid.destall-table tbody tr.primary.tr-filtered{
    display: none !important;
}

.tribtns-container{
    position: relative;
    height: 100%;
}
.tribtns{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tribtn{
    height: 4.0rem;
}

.tooltip.tooltip2{
}
.tooltip.tooltip2 .tooltip-inner{
    text-align: left;
    white-space: nowrap;
    max-width: none;
}

.modal-comptage .file-counter-download .d-table .d-table-cell{
    vertical-align : middle;
}
.modal-comptage .file-counter-download .d-table i{
    font-size: 2.0rem;
}
.modal-comptage .modal-body{
    text-align: left;
    min-height: 8.0rem;
}
.modal-comptage .modal-full-body,
.modal-comptage .modal-body,
.modal-comptage .modal-footer{
    position: relative;
}
.modal-comptage .modal-loading{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
}


.file-counter-download{
    padding: 0.5rem;
    border: 1px solid #e9ecef;
    border-radius: .3rem;
    position: relative;
    transition: background-color 100ms linear;
}
.file-counter-download:hover{
    background-color: #c9def1;
    cursor: pointer;
}
.file-counter-download.is-loading{
    background-color: #c9def1;
}
.file-counter-download.is-loading:hover{
    cursor: default;
}
.file-counter-download .loading-overlay,
.file-counter-download .loading-overlay-bck{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.file-counter-download .loading-overlay{
    opacity: 0.0;
    transition: opacity 20ms linear;
}
.file-counter-download .loading-overlay-bck{
    opacity: 0.0;
    transition: opacity 150ms linear;
    background-color: #c9def1;
}
.file-counter-download.is-loading .loading-overlay{
    opacity: 1.0;
}
.file-counter-download.is-loading .loading-overlay .loading-overlay-bck{
    opacity: 0.8;
}

/**
 * CJPL Spinner generic classes
 */
.svg-spinner{
    overflow: hidden;
}
.svg-spinner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.svg-spinner-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.svg-spinner-content .svg-spinner-arc{
    fill: none;
    stroke : rgb(0, 0, 0);
}
.svg-spinner-content svg{
	position: relative;
	transform: translate(-50%, -50%);
    animation: svg-spinner-rotate 600ms infinite linear;
}
@keyframes svg-spinner-rotate {
    0%    { transform: rotate(0deg); }
    100%  { transform: rotate(360deg); }
}
/**
 * End (CJPL Spinner generic classes)
 */

.file-counter-download .svg-spinner-content .svg-spinner-arc{
	stroke : rgba(56, 73, 92, 1.0);
	stroke-width: 3px;
	stroke-dasharray: 80;
	stroke-dashoffset: 40;
}



label[for="apet700_exclus_txt-consts"]{
    white-space: nowrap;
}






.mapdual{
    position: relative;
}
.ol-viewport button:hover{
    cursor: pointer;
}
.mapdual-map{
	width: 100%;
	height: calc(100vh - 100px);
    min-height: 650px;
	margin: auto;
    position: relative;
}

.ol-results-controls{
	top: 65px;
	left: .5em;
}
.ol-touch .ol-results-controls{
	top: 80px;
}

.ol-popup-closer {
	text-decoration: none;
	position: absolute;
	top: 2px;
	right: 8px;
}
a.ol-popup-closer:link{
	text-decoration: none;
}
.ol-popup-closer:after {
	content: "✖";
}
.ol-popup-closer:hover{
	cursor: pointer;
}
.map-popup-inner{
	line-height: 1.0rem;
}
.map-popup-feature .info-container{
    margin-bottom: 0.4rem;
}
.map-popup-feature .popup-inner-content{
    padding-bottom: 1.0rem;
}
.map-popup-feature .raiso-container,
.map-popup-feature .address-container,
.map-popup-feature .tel-container{
    margin-bottom: 0.25rem;
}
.map-popup-feature .raiso{
	font-weight: bold;
    color: rgba(82, 150, 214, 1.0);
}
.map-popup-feature .raiso.raiso-link{
    text-decoration: underline;
}
.map-popup-feature .raiso.raiso-link:hover{
    color: rgba(82, 150, 214, 1.0);
	cursor: pointer;
}
.map-popup-feature .validite{
    margin-bottom: 0.4rem;
}
.map-popup-feature .details-link-container{
	margin-top: 0.25rem;
}
.map-popup-feature .details-link{
	text-decoration: underline;
}
.map-popup-feature .details-link:hover{
	cursor: pointer;
}
.map-popup-feature .pop-table .pop-side{
	vertical-align: top;
}
.map-popup-feature .pop-table .pop-left{
	padding-right: 1.5rem;
}
.map-popup-feature .libelle_apet700{
    font-style: italic;
}
.map-popup-feature .counter{
	margin-bottom: 0.25rem;
}
.map-popup-feature .counter .counter-content{
	display: table;
}
.map-popup-feature .counter .counter-side{
	display: table-cell;
	vertical-align: middle;
}
.map-popup-feature .counter .counter-icon{
	padding-right: 0.5rem;
	font-size: 0.7rem;
}
.map-popup-feature .counter .counter-number{
	font-size: 0.8rem;
}
.map-popup-feature .rech-address-container{
    margin-top: 0.9rem;
    line-height: 1.0rem;
}
.map-popup-feature .pop-link{
    text-decoration: underline;
}
.map-popup-feature .pop-link:hover{
    cursor: pointer;
    color: rgba(82, 150, 214, 1.0);
}

.mapdual .mapdual-inner{
	width: 100%;
	/* overflow: hidden; */
	position: relative;
}
.mapdual .mapdual-side{
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: white;
	transition: width 500ms ease-in-out;
    width: 0px;
    overflow: hidden;
    z-index: 20;
}
.mapdual .mapdual-side.mapdual-side-left{
    left: 0;
}
.mapdual.mapdual-opened .mapdual-side.mapdual-side-left{
	width: 280px;
}
.mapdual .mapdual-slider{
	position: absolute;
    top: 50%;
    left: 12px;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 0.0 0.5em 0.5em 0.0;
    padding: 0.5rem 0.5rem 0.5rem 0.2rem;
    cursor: pointer;
    z-index: 20;
}
.mapdual .ol-zoom,
.mapdual .ol-results-controls,
.mapdual .mapdual-slider{
	transition: left 500ms ease-in-out;
}
.mapdual.mapdual-opened .ol-zoom,
.mapdual.mapdual-opened .ol-results-controls{
	left: calc(280px + .5em);
}
.mapdual.mapdual-opened .mapdual-slider{
	left: 292px;
}
.mapdual i.mapdual-slider-open,
.mapdual.mapdual-opened i.mapdual-slider-close{
	display:block;
}
.mapdual i.mapdual-slider-close,
.mapdual.mapdual-opened i.mapdual-slider-open{
	display:none;
}
.mapdual-noresults .mapdual-slider{
    display: none;
}
.mapdual-list{
	position: absolute;
	top: 0;
	bottom: 1.4rem;
	overflow-y: scroll;
}
.mapdual-list,
.maplist-table-pager,
.mapdual-side-loader{
    width: 270px;
}
.maplist-table{
	width: 100% !important;
}
.maplist-table th:nth-child(2),
.maplist-table td:nth-child(2){ /* second column */
    display: none;
}
.maplist-table tr.filtered{
	display: none;
}
.maplist-table .tablesorter-header,
.maplist-table .tablesorter-filter-row{
	display: none;
}
.maplist-feature{
	font-size: 0.9rem;
	padding: 0.5rem;
}
.maplist-feature.selected{
	background-color: rgba(82, 150, 214, 1.0);
}
.maplist-feature.mapfiltered{
	display: none;
}
.maplist-feature .maplist-feature-content{
	width: 100%;
    padding: 0.33rem;
}
.maplist-feature .raiso-container,
.maplist-feature .address-container,
.maplist-feature .tel-container{
	margin-bottom: 0.25rem;
}
.maplist-feature .raiso{
	font-weight: bold;
	text-decoration: underline;
    color: rgba(82, 150, 214, 1.0);
}
.maplist-feature .raiso:hover{
	cursor: pointer;
    color: rgba(82, 150, 214, 1.0);
}
.maplist-feature.selected .raiso,
.maplist-feature.selected .raiso:hover{
    color: rgba(56, 73, 92, 1.0);
}
.maplist-feature .validite{
    margin-bottom: 0.4rem;
}
.maplist-feature .libelle_apet700{
    font-style: italic;
    font-size: 0.8rem;
}
.maplist-feature .counter{
	border-radius: 0.25rem;
	margin-bottom: 0.4rem;
}
.maplist-feature .counter .counter-content{
	display: table;
}
.maplist-feature .counter .counter-side{
	display: table-cell;
	vertical-align: middle;
}
.maplist-feature .counter .counter-icon{
	padding-right: 0.5rem;
	font-size: 0.7rem;
}
.maplist-feature .counter .counter-number{
	font-size: 0.8rem;
}
.maplist-feature-table{
	width: 100%;
}
.maplist-feature-left{
	width: 80%;
	max-width: 80%;
	min-width: 80%;
    padding-right: 0.5rem;
}
.maplist-feature-right{
	width: 20%;
	max-width: 20%;
	min-width: 20%;
}
.maplist-table-pager{
	position: absolute;
	bottom: 0;
	height: 1.4rem;
    line-height: 1.4rem;
}
.maplist-table-pager .bloc-pager.current{
	font-weight: bold;
}


.mapdual-side-loader{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
}
.mapdual-side-loader .mapdual-side-loader-bck{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    opacity: 0.0;
    transition: opacity 50ms linear;
}
.mapdual-side-loader.is-loading .mapdual-side-loader-bck{
    opacity: 0.8;
}
.mapdual-side-loader i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.4em;
}
.etab-map{
    position: relative;
    width: 100%;
	height: calc(100vh - 100px);
    min-height: 650px;
	margin: auto;
}
.map-alert-container,
.map-alert-bck{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.map-alert{
    position: absolute;
    top: 50%;
    left: calc(50% + 0px);
    width: 80%;
    text-align: center;
    z-index: 10;
    transform: translate(-50%, -50%);
    height: 5.0rem;
    border: 1px solid rgba(0,0,0,.2);
    transition: left 500ms ease-in-out, width 500ms ease-in-out;
}
.map-alert-bck{
    background-color: #ffffff;
    opacity: 0.8;
}
.map-alert,
.map-alert-bck{
    border-radius: .3rem;
}
.map-alert-content{
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0 2.0rem;
    transform: translate(0, -50%);
}
.mapdual.mapdual-opened .map-alert{
    left: calc(50% + 140px);
    width: 60%;
}
.page-meslistes-liste div.tabs{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.page-meslistes-liste .tab-content{
    padding: 0;
}


.page-print-etab .etab-map{
    height: 650px;
}

.mapdual-map .map-tabs{
    position: absolute;
    z-index: 20;
    right: 0;
    padding: 2px;
    background-color: rgba(255,255,255,.4);
}
.ol-control button{
    background-color: rgba(82, 150, 214, 0.5) !important;
}
.ol-control button:hover{
    background-color: rgba(82, 150, 214, 1.0) !important;
}
.popover .popover-body{
    overflow: hidden;
}

@media print{
    /* Evite que la carte ne puisse être coupée/déplacée par l'interpreteur lors de l'impression du HTML */
    .page-print-etab .print-block[data-id="carte"]{
        page-break-before : auto;
        page-break-inside : avoid;
        page-break-after : auto;
    }
    .page-print-etab .ol-control.ol-zoom,
    .page-print-etab .ol-control.ol-results-controls,
    .page-print-etab .ol-attribution button,
    .page-print-etab .ol-attribution.ol-collapsed button{
        display: none;
    }
    .page-print-etab .ol-attribution ul,
    .page-print-etab .ol-attribution.ol-collapsed ul{
        /* Cacher attribution ? */
        /* display: none */
        display: block;
        font-size: 10px;
        text-decoration: none !important;
    }
    .popover{
        display: none;
    }
}

@keyframes loading-text-uploading {
  0% {
    content: "Chargement en cours";
  }
  25% {
    content: "Chargement en cours.";
  }
  50% {
    content: "Chargement en cours..";
  }
  75% {
    content: "Chargement en cours...";
  }
}

@keyframes loading-text-analysing {
  0% {
    content: "Analyse en cours";
  }
  25% {
    content: "Analyse en cours.";
  }
  50% {
    content: "Analyse en cours..";
  }
  75% {
    content: "Analyse en cours...";
  }
}


/********************************************************************************/
    
/* For mobile phones: */
@media only screen and (max-width:1300px) {
    .btn_text2{
        display:none;
    }
}
@media only screen and (max-width:1140px) {
    .titre{
        font-size:20px;
    }
    ul.tabs li{
    width: 125px;
    } 
    .tabs-titer{
        font-size: 12px;
    }
    .titre-tab{
        font-size: 12px;
    }
   .nav-siret{
       width: 250px;
       height: 20px;
   }
   .nav-siret .btn{
        font-size: 10px;
        padding-top: 3px;
        padding-bottom: 3px;
   }
   .font-size-12{
        font-size: 12px;
    }
   .font_size{
        font-size: 11px;
    }
    
    .font-size{
        font-size: 12px;
    }
    #recherche_simple, #recherche_avancee, #sauvegarder_recherche{
        font-size:10px;
    }
    .info{
        font-size: 10px;
    }
    .box-grey .info, .box-white .info{
        font-size: 12px;
    }
   .box-grey .link, .box-white .link{
        font-size: 12px;
    }
    .nav-siret-mobile .btn{
        font-size: 10px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    div.tabs .boutton{
       width: 130px;
    }
    .top-date-creation{
        top:-5px;
    }
    .search-parc-auto{
        width:160px;
    }
    
    .search-parc-auto::placeholder {
        font-size: .8em;
    }
    
    .placeholder-size {
        font-size: 1.1em !important;
    }
    .wrap-exporter{
        width:50px;
        padding-left: 10px;
        float:right;
    }
    .wrap-exporter .file-export{
        margin-top: 10px;
    }
    
    .dataGrid{
        font-size: 11px;
    }
    .dataGrid .svg-icon-container{
        width: 0.98rem !important;
        height: 0.98rem !important;
    }
    .btn_text{
        display: none;
    }
    
    td-btn-exporter{width:50px !important;}
    td-btn-ajouter-liste{width:50px !important;}
    td-btn-detail-liste{width:50px !important;}
    td-input-search{width:50px !important;}
    
    #allText{
        font-size: 12px
    }
}
@media only screen and (max-width:992px) {

    .visibility{
        visibility: hidden;
    }
    .logo{
      width: 95px;
      margin-top: 0.6rem;
    }
    .header-logo-swa{
        margin-top: 0.4rem;
    }
    .sirwebimg{
        width:20px;
    }
    .sirwebannuaire {
        font-size           : 12px;
    }
    /*.fa{
        font-size: 0.875em;
    }*/
    .font_size{
        font-size: 12px;
    }
    .col_padding{
        padding-left: 0;
        padding-right:5px;
    }
    .dropdown-menu-show{
        transform: translate3d(-150px, 38px, 0px);
    }
    .footer-text-style{
        font-size           : 10px;
    }
    .button {
        font-size           : 10px;
    }
    .btn_text{
        display: none;
    }
    
    
   table{
       width: 80%;
   }
   
   .tabs-titer{
        display: none;
   }
   .tabs-icon-titer i{
       font-size: 1em;
   }
    ul.tabs li{
        height: 30px;
        width: 30px;
    }
   .titre-tab{
        display: none;
    } 
    .titre-tab-mobile{
        display: block;
        margin-top: 5px;
        text-align: center;
        height: 30px;
        text-align: center;
    }
    ul.tabs li.mobile{
        width: 80px;
        height: 40px;
    }

   .btn-recherche .second{
        font-size: 12px;
        width: 70px;
    } 
    .btn-recherche{
        font-size: 14px;
        width: 150px;
    } 
    .lancer-recherche{
        text-align: left;
    }
    
   
    .nav-siret-mobile .btn{
        font-size: 10px;
        padding-top: 3px;
        padding-bottom: 3px;
   }
    
   div.tabs .boutton{
       width: 30px;
       height: 25px;
        padding: 5px 10px;
   }
    .top-date-creation{
        top:0px;
    }
    
}
@media only screen and (max-width:630px) {
    .nav-siret{
       display:none;
   }
   .nav-siret-mobile{
       display: block;
   }
   div.tabs .boutton{
       width: 30px;
       height: 25px;
   }
}

@media only screen and (min-width: 700px){
    .centered-pager-col{
        position: relative;
        height: 2.0rem;
    }
    .centered-pager-content{
        position: relative;
    }
    .centered-pager-content .pager-center{
        position: absolute;
        width: 100%;
        left: 0;
    }
    .centered-pager-content .pager-right{
        position: absolute;
        right: 0;
    }
}

@media only screen and (min-width: 768px){
    .recherche-avancee-boutons .left{
        margin-right: 0;
        padding-right: 0;
        margin-bottom: 0;
    }
    .recherche-avancee-boutons .center{
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
    }
    .recherche-avancee-boutons .right{
        margin-left: 0;
        padding-left: 0;
    }
}

@media only screen and (max-width: 768px){
    #simple .tab-etabs{
        margin-top: 1.0rem;
    }
}