/*--------------------------------------------------------------------------------------------------*/
/*######################################### CARGAR FUENTES #########################################*/
/*--------------------------------------------------------------------------------------------------*/
@font-face { font-family: "Comfortaa-Bold"; src: url("../../fonts/Comfortaa-Bold.ttf") format("truetype"); }
@font-face { font-family: "LineAwesome"; src: url("../../fonts/line-awesome.ttf") format("truetype"); }
/*--------------------------------------------------------------------------------------------------*/
/*##################################### ESTILOS ETIQUETAS HTML #####################################*/
/*--------------------------------------------------------------------------------------------------*/
html, body { color: black; font-family: 'Comfortaa'; margin: 0; padding: 0; }
a { color: #00B58A; }
li { list-style: none; }
textarea { overflow: auto; resize: none; width: 100%; height: 200px !important; }
td label { margin: 0; }
.btn, h1, h2, h3, h4, h5, h6 { font-family: 'Comfortaa'; }
hr { margin-top: 15px; margin-bottom: 15px; }
hr.hrt1 { border-width: 2px; border-color: #00B58A; }
hr.hrt2 { border: 2px inset white; } 
input.form-control, select.form-control, textarea.form-control, .dataTables_length select { 
  border-width: 0; border-bottom: 1px solid rgba(0,0,0,.3); border-radius: 30px; }
textarea.form-control { border-radius: 12px; padding: 15px; }
.dataTables_length select { padding: 3px; outline: none; }
.sidebar-menu i { font-size: 18px; width: 24px; margin-right: 5px; }
.form-group h5, .contbox label, .contbox h5 { font-size: 12px; margin-bottom: 2px; }
.form-group h5 i { font-size: 18px; }
.form-control  { font-size: 12px; height: 30px; padding: 6px 12px; }
.titlecreate { font-weight: bold; text-align: center; margin-top: 0; }
.titlecreate i { font-size: 24px !important; }
input[type="date"] { text-align: center; }
/*--------------------------------------------------------------------------------------------------*/
/*########################### QUITAR MARGIN Y PADDING A FILAS Y COLUMNAS ###########################*/
/*--------------------------------------------------------------------------------------------------*/
.row, 
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4,  .col-lg-5, .col-lg-6, 
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,  
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, 
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { margin: 0; padding: 0; }
/*--------------------------------------------------------------------------------------------------*/
/*###################################### SELECCIÓN CON MOUSE #######################################*/
/*--------------------------------------------------------------------------------------------------*/
::selection { background: #00B58A; color: white; }
::-moz-selection { background: #00B58A; color: white; }
/*--------------------------------------------------------------------------------------------------*/
/*######################################## ESTILOS BOTONES #########################################*/
/*--------------------------------------------------------------------------------------------------*/
.btn {
  z-index: 1;
  position: relative;
  font-weight: bold;
  color: black;
  border-radius: 50px;
  border-style: none;
  box-shadow: 0 2px 1px rgba(0,0,0,.5);
  transition: .2s ease-in-out; }

.btn:not(.btn-flat) { background: #43D8B2; }
.btn:not(.btn-flat):not(.btn-xs) { padding: 6px 15px 4px 15px; margin: 3px; }
.btn-xs { padding: 5px 12px 4px 12px; }

.btn:before {
  z-index: -1;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 0;
  border-radius: 50px;
  background: #222d32;
  transition: .2s ease-in-out;}

.btn:hover, .btn:focus { color: white; text-decoration: none !important; }
.btn:hover:before, .btn:focus:before { top: 0; height: 100%; }

.btnaction {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  box-shadow: 0 0 2px 1px rgba(0,0,0,.6); }
/*--------------------------------------------------------------------------------------------------*/
/*################################## ESTILO DE ICONOS LINEAWESOME ##################################*/
/*--------------------------------------------------------------------------------------------------*/
.LineIcon {
  font:normal normal normal 16px/1 LineAwesome;
  font-size:inherit;
  text-decoration:inherit;
  text-rendering:optimizeLegibility;
  text-transform:none;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased; }
/*--------------------------------------------------------------------------------------------------*/
/*####################################### ESTILOS GENERALES ########################################*/
/*--------------------------------------------------------------------------------------------------*/
.wrapper { overflow: hidden; margin-top: 5px; min-height: 100vh !important; }
.content-wrapper, footer { margin-left: 300px; }
.content-wrapper { background-color:#eee; min-height: calc(100vh - 125px); }

.form-group .btn-danger { background: #fb7070; }


.form-control:focus, .dataTables_length select:focus { border-width: 1px; border-color: #00B58A; }
.box.box-primary { border-top-color: #00B58A; border-width: 4px; }

.form-group > label { margin-top: 6px; }

.RotuloChart { cursor: pointer; display: inline-flex; align-items: center; }
.RotuloChart span {
  display: inline-block;
  width: 16px; 
  height: 16px; 
  border: 1px solid transparent;
  border-radius: 50%; }
.RotuloChart h5 { display: inline-block; margin: 0; font-size: 12px; }

/*--------------------------------------------------------------------------------------------------*/
/*######################################### VISTAS VARIAS ##########################################*/
/*--------------------------------------------------------------------------------------------------*/

.box-primary {box-shadow: 0 1px 2px rgba(0,0,0,.6);}
.box-body {background: #D7D7D7;}
.selectsede {width: 50%; padding: 5px; margin-left: 10px;}
.selectcompany {width: 100%; padding: 7px;}
#file { width: 80%; margin: 20px auto; }
.img-table { max-width: 110px; max-height: 50px;}
#omg {margin-left: 5px;}
#textotroev {display: block; width: 70%; margin: 15px auto; padding: 10px;}



.CellComp { text-align: left; }
.CellComp a {font-weight: bold; }
.CellComp a { position: relative; }
.CellComp a .tooltiptext, .comp a .tooltiptext {
  z-index: 10;
  display: none;
  position: absolute;
  top: 0;
  font-size: 12px;
  font-weight: lighter;
  background-color: rgba(0,0,0,.8);
  color: #fff;
  text-align: left;
  border-radius: 12px;
  padding: 10px;
  padding-bottom: 0;
  margin-left: -120px; }

.CellComp a .tooltiptext { width: 500px; left: 150%; }
.comp a .tooltiptext { width: 350px; left: calc(100% + 70px); }

.CellComp a .tooltiptext::after, .comp a .tooltiptext:after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  left: calc(0% - 10px);
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent rgba(0,0,0,.8) transparent transparent;}

#evaluation input:focus { outline: 2px solid #00B58A; }
.colorcheck:before { color: #BB0004 !important; }





.ColorOptions { display: flex; justify-content: center; margin-bottom: 10px; }
.ColorOptions > div { 
  cursor: pointer;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin: 0 5px; }

.ColorOptions > div:nth-child(1) { background: #7CC2F6; border: 1px solid #5B9FD1; } 
.ColorOptions > div:nth-child(2) { background: #98EAB6; border: 1px solid #7CC898; } 
.ColorOptions > div:nth-child(3) { background: #AF81E4; border: 1px solid #8B5AC3; } 
.ColorOptions > div:nth-child(4) { background: #F9C1A0; border: 1px solid #CC916E; } 
.ColorOptions > div:nth-child(5) { background: #E784BA; border: 1px solid #C55D96; } 
.ColorOptions > div:nth-child(6) { background: #80E8DD; border: 1px solid #61C5BA; } 

.ColorOptions > div:hover, .ONColor { border-width: 2px !important; }


iframe#generate_report {
  /*z-index: 1000;*/
  /*z-index: -1;*/
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }