.divHeader {
    width:100%;
    text-align: center;
}

button{
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}


.flex {
  display:flex;
  flex-wrap:nowrap;
  justify-content:center; 
  padding-left: .3em;     
}

.flex br {
  display: none;
}

.flex2 {
  display:flex;
  flex-wrap:nowrap;
  justify-content: space-between;
}

.flex-mobile {
  flex-wrap:nowrap;
  justify-content:center; 
  align-content: center;
  padding-left: .3em;     
  margin-top: 10px;
  width: 30%;
  width: 100vw;
}

.flex2-mobile {
  flex-wrap:nowrap;
  justify-content:center; 
  align-content: center;
  padding-left: .1em;     
  margin-top: 1vw;
  width: 98vw;
  line-height: .2em;
}

.btn-group-map {
   margin-right: .5%; 
   margin-top: .5%; 
   width: 40vw; 
   padding-left: .1%; 
   padding-right: .1%; 
   float:right;
   margin-left: auto;
   margin-top: auto;
   margin-bottom: auto;
}

.btn-group-map-mobile {
   width: 100%; 
   padding-left: .1%; 
   padding-right: .1%; 
   margin: auto;
}

/* .dt-buttons {
  flex-wrap:nowrap;
  display:flex;
  justify-content:center; 
  line-height: .7em;
} */

.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}


.ul-cast {
  width: 100em;
}


.notActive {
    background-color: lightgrey;
}

.buttonHeader, .buttonHeaderMobile, .dt-button {
    color: black;
    border-color: grey;
    background-color: lightgrey;
}

.span {
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  border: 3px solid #111;
  border-radius: 100%;
}

.a, .b, .c {
  animation-name: rotate;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.a {
  animation-duration: 1500ms;
}

.b {
  animation-duration: 4500ms;
  transform-origin: 63% 63%;
  width: 40px;
  height: 40px;
}

.c {
  animation-duration: 9000ms;
  transform-origin: 74% 74%;
  width: 20px;
  height: 20px;
}


@keyframes rotate {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -33px;
  margin-left: -33px;
}


/* .buttons-excel {
    margin-right: .3em;
    margin-left: .3em;
    margin-top: .3em;
}

.buttons-pdf {
    margin-right: .3em;
    margin-left: .3em;
    margin-top: .3em;
} */

.buttonHeader_disabled {
    color: grey;
    border-color: grey;
    background-color: lightgrey;
}

.buttonHeader3 {
    color: white;
    background-color: lightgrey;
}

.buttonHeader3:hover {
    color: white;
    background-color: black;
}

.buttonHeader_active {
    color: white;
    border-color: grey;
    background-color: grey;
}

.buttonHeader:hover {
    background-color: grey;
}

.buttonHeader_active:hover {
    background-color: grey;
}

.login:hover {
    background-color: grey;
    color: white;
}

.login {
    background-color: #B0BED9; 
    border:0;
    color: white;
}

#register:hover {
    background-color: grey;
}

#register {
    background-color: #B0BED9; 
    border:0;
}

#button_save:hover {
    background-color: grey;
    color: white;
}

#button_save {
    background-color: lightgrey; 
    color: black;
    border:0;
}

.ulHeader {
    background-color: white;
}


.buttonHeader2 {
    color: white;
    background-color: grey;
    float: right;
}

.buttonHeader2_back {
    color: white;
    background-color: grey;
    float: left;
}

.buttonHeader2_delete {
    color: white;
    background-color: red;
    float: right;
}

.buttonHeader2_delete[disabled] {
    color: white;
    background-color: lightgrey;
    float: right;
}

.buttonHeader2_type {
    color: white;
    background-color: grey;
    float: left;
}

.buttonHeader2_type_active {
    color: white;
    float: left;
    background-color: black;
}

.liHeader2 .buttonHeader2:hover {
    background-color: #B0BED9;
    text-align: center;
}

.liHeader2 .buttonHeader2_type:hover {
    background-color: #B0BED9;
    text-align: center;
}

.liHeader2 .buttonHeader2_type_active:hover {
    background-color: #B0BED9;
    text-align: center;
}


.liHeader2 .buttonHeader2_back:hover {
    background-color: #B0BED9;
    text-align: center;
}

.liHeader2 .buttonHeader2_delete:hover {
    background-color: #B0BED9;
    text-align: center;
}

.ulHeader2 {
    background-color: white;
}

.footer1 {
position: fixed; 
left: 0; bottom: 0;
padding: 10px; 
color: black; 
width: 100%; 
text-align: center;
font-size: 110%;
z-index: 1000;
}

.phone-footer {
  /* float: left;  */
  /* position:absolute;  */
  bottom:0; 
  padding: 0;
  margin: 0; 
}


.lang-footer {
  float: left; 
  bottom:0; 
  padding: 0;
  margin: 0; 
  display: -webkit-inline-box;
}



.footer1-mobile {
position: fixed; 
left: 0; bottom: 0;
padding: 10px; 
color: black; 
width: 100%; 
text-align: center;
font-size: 110%;
z-index: 1000;
}

.footer1-mobile p {
    display: none;
}

.footer-phone-mobile br {
    display: none;
}

.footer-phone-mobile {
    display: none;
}

.liHeader2 {
    display: inline;
}


input, textarea, select {
    font-size: 1.1em;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

  form label {
    display: block;
    font-weight: 40;
    color: #483949;
  }

  form input[type="text"],
  form input[type="email"],
  form input[type="password"],

  form textarea{
    border: 0;
    background: #fafafa;
    border-radius: 0.5em;
    border: solid 1px #E5E5E5;
    /*padding: 0.2em;*/
  }


  form select{
    border: 1em;
    width: 98%;
    border-radius: 0.5em;
    border: solid .1em #E5E5E5;
    padding: 0.1em;
    cursor: pointer;
  }

#object_table_length {
    width: 13em;
}

#object_table_length select {
    width: 3em;
    line-height: .70em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath fill='%23000' fill-rule='evenodd' class='cls-1' d='M8,0L4.141,6.993,0.012,0.156Z'/%3E%3C/svg%3E%0A");
    border: 1px solid #a7a7a7;
    color: #32353a;
    font-family: 16/Arial, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    padding: 0.1em 0.5em;
    height: 1.3em;
    vertical-align: top;
    outline: 0;
    background-position: 1.9em 0.5em;
}

.period_monitoring {
    width:99%; 
    margin-right: 1em;  
    margin-left: .3%; 
    margin-bottom: 1em;
}

td, td a, th, th div, table.dataTable.nowrap th {
    word-wrap:break-word;
    white-space: unset;
    overflow: hidden;
}

td {
  white-space: normal !important;
}

@media (max-width: 736px) {
  .config-table {
    margin-right: .5em; 
    margin-left: .5em; 
    width: 100%;
  }


  .dt-buttons {
    flex-wrap:nowrap;
    display:block;
    justify-content:center; 
    line-height: .7em;
  }

  .buttons-excel {
      margin-top: .3em;
  }

  .buttons-pdf {
      margin-top: .3em;
  }

}

@media (min-width: 737px) {
  .config-table {
    float: right; 
    margin-right: .5em; 
    margin-left: .5em; 
    width: 50%;
  }

  .dt-buttons {
    flex-wrap:nowrap;
    display:flex;
    justify-content:center; 
    line-height: .7em;
  }

  .buttons-excel {
      margin-right: .3em;
      margin-left: .3em;
      margin-top: .3em;
  }

  .buttons-pdf {
      margin-right: .3em;
      margin-left: .3em;
      margin-top: .3em;
  }
}