html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  /* font-size: 2vh; */

}

.stable {
  border-collapse: separate; /*changed from collapse*/
  border-spacing: 0;
  border: 1px solid rgb(17, 180, 172);
  border-width: 0 0 1px 1px; /*draw bottom and left borders*/
  }

.stable td {
  border-collapse: separate; /*changed from collapse*/
  border: 1px solid rgb(17, 180, 172);
  border-width: 1px 1px 0 0; /*draw top and right borders*/
  vertical-align: top;
  padding-left: 5px;
  }

.stable thead th {
  padding: 5px;
  border-collapse: separate; /*changed from collapse*/        
  border: 2px solid rgb(17, 180, 172);
  /* border-width: 2px 2px 0 0;  draw top and right borders*/  
  border-width: 2px 2px 2px 0; /*draw top and right borders*/  
  background-color: #e5eecc;
  color: #993300;
  }
.stable tr:hover {background:#E2EEFF;}
.stable tr:focus {background:#6598C7; color:#fff; outline:0;}


.topnav {
  /* position: fixed; */
  position:absolute;
  bottom:0;
  font-size: 1.8vmax;
  font-weight: 800;
  /* color: #e07dc0;     */
  color: rgb(3, 108, 212); 
  background: rgb(231, 249, 245);
  /* background: #888; */
  width: 100%;
  border: 2px solid rgb(17, 180, 172);
  }  

/* .topnav {
  position: fixed;
  font-size: 1.8vmax;
  font-weight: 800;
  color: #e07dc0;     
  background: rgb(231, 249, 245);
  width: 100%;
  }   */

.toolbar {
  /* position: fixed; */
  font-size: 1.5vmax;
  color: rgb(3, 108, 212);
  top: 0px;
  left: 0px;
  z-index: 9999;
  width: 100%;
  background-image: url(../images/bg-testimonilas.jpg);
  background: rgb(231, 249, 245);
  border: 2px solid rgb(17, 180, 172);
  }

.toolbar-right {
    float: right;
  }

::-webkit-scrollbar {
  width: 1.2em;
  height: 1.2em;
}
::-webkit-scrollbar-button {
    background: #ccc;
}
::-webkit-scrollbar-track-piece {
    background: #888;
}
::-webkit-scrollbar-thumb {
    background: #b0e0e6;
    border-radius: 1.0em; 
}  
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
  }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #6598C7; 
  }


.scr {
  scrollbar-width: 0.38em; /* firefox */
  }
.scr::-webkit-scrollbar { /* webkit */
    width: 0.36em;
    height: 0.36em;
}

.modal-header {
  color: black;
  background: rgb(158, 201, 133);
  font-size: 2vh;
}
.modal-body {
  color: black;
  background: #B5DEAE;
  font-size: 2vh;
}

.modal-footer {
  color: black;
  background: rgb(158, 201, 133);
  /* background: green;   */
  font-size: 2vh;
}

.modal {
  background: rgba(0, 0, 0, 0.5); 
}      
.modal-backdrop {
display: none;
}
.circle-close {
  background: red;
  color: #fff;
  text-decoration: none;
  border: 3px solid #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 4px 8px;
  -webkit-box-shadow: -2px 1px 3px #ccc;
  -moz-box-shadow: -2px 1px 3px #ccc;
  box-shadow: -2px 1px 3px #ccc;
}

.circle-close:hover{
  color: #ff7a59;
  border: #ff7a59 solid 3px;
  background:#fff;
}

.btn {
  border: 3px solid #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.btn:hover{
  color: #ff7a59;
  border: #ff7a59 solid 3px;
  background:#fff;
}

.scroll th {

  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  vertical-align: bottom;
  border: 1pt solid black;
  }

.scroll {
  /* height: 100%; */
  /*height:450px; */
  /* height:43em;  */
  overflow:auto;

  }

/* The max width is dependant on the container (more info below) */
.popover {
  max-width: 100%; /* Max Width of the popover (depending on the container!) */

  /* border: 0.2em dotted #ccc !important; */
  /* max-width: 600px !important; */
  border-width: 0.2em !important;
  border-color: red !important;
  border-radius: 2.2em !important; 
  /* display: none !important;  */
  }

.popover-body {
  /* color: black !important; */
  /* font-size: 18px !important; */
  max-width: 100% !important;
  color: darkblue !important;
  background: yellow !important;
  border-radius: 2.2em !important; 
  font-weight: bold !important;
  }

.countLines {
      
  counter-reset: trCount; 
  overflow: auto;         
  /* white-space: nowrap;     */
}                           
.countLines tr td:first-child:before {
  /* position:relative;                 */
  counter-increment: trCount;       
  content:counter(trCount); 
  /* font-weight: bold;         */
  /* color:#1d1f21;                    
  background:#c5c8c6;                */
}          

#name_filial {
  /* height: 48px; */
  height: 3.0vmax;
  font-weight: bold;
  border: 3px solid #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#name_filial:focus {
  border: #285a8a solid 3px;
  outline:0;}

#name_filial:hover {
  border: #6598C7 solid 3px;
  background:#fff;
}

#name_confirm {
  /* height: 48px; */
  height: 3.0vmax;
  font-weight: bold;
  border: 3px solid #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#name_confirm:focus {
  border: #285a8a solid 3px;
  /* background:#fff;  */
  /* color:#fff;  */
  outline:0;}

#name_confirm:hover {
  /* color: green; */
  border: #6598C7 solid 3px;
  background:#fff;
}

#password_confirm {
  text-indent: 0.5em;
  /* padding-top: 0.5em;
  padding-left: 0.5em; */
  caret-color: black;
  /* height: 48px; */
  height: 3.0vmax;
  /* overflow:hidden;
  resize: none; */
  font-weight: bold;
  border: 3px solid #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

}

#password_confirm:focus {
  border: #285a8a solid 3px;
  /* background:#fff;  */
  /* color:red;  */
  outline:0;
  /* outline: 1px dashed green; */
}

#password_confirm:hover {
  /* color: green; */
  border: #6598C7 solid 3px;
  background:#fff;
}

#id_name_confirm {
  text-indent: 0.5em;
  /* height: 48px; */
  height: 3.0vmax;  
  font-weight: bold;
  border: 3px solid #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#id_name_confirm:focus {
  border: #285a8a solid 3px;
  /* background:#fff;  */
  /* color:#fff;  */
  outline:0;}

#id_name_confirm:hover {
  /* color: green; */
  border: #6598C7 solid 3px;
  background:#fff;
}

.link {
  /* font-size:20px; */
  font-weight: bold; color: rgb(3, 108, 212);
  /* text-decoration: underline; */
  }
.link:hover {
color: rgb(15, 88, 161);
}