body{
	/* font-size:16px; */
	background-color:#fff;
}

@font-face {
    font-family: 'SoberanaTitular';
    src: url('../fonts/soberanaTitular/SoberanaTitular-Regular.otf'); /*URL to font*/
}
@font-face {
    font-family: 'SoberanaRegular';
    src: url('../fonts/soberanaSans/SoberanaSans-Light.otf'); /*URL to font*/
}


a {
  color: black;
}

.dark-mode a{
  color: lightgray;
}

.dark-mode .note-frame {
  color: lightgray;
}

.listaPeriodos_td{
  background-color: white;
}
.dark-mode .listaPeriodos_td{
  background-color: black;
}

.parrafo {
  text-align:justify !important; 
  font-size:20px;
}

.trSel{
	color: blue;
}

.titulo{
	text-align:center;
	font-size: xx-large;
}

.activa{
	/*background-color:green;*/
}

button.close {
  color: #f8f9fa; !important;
  opacity: 0.6 !important;
}

/* Cajitas de texto para monetario */ 
form  .numero-formato {
  font-size: 30px;
  padding: 0;
  border: 2px solid #ccc;
  border-left: 0;
  width: 100%;
  color: #666;
  border-radius: 0 7px 7px 0;
  font-family: 'PT Sans', sans-serif;
  font-weight: bold;
}
form .numero-formato:focus {
  outline: 0;
}

.flex {
  display: flex;
  justify-content: flex-start;
}

.flex .numero-formato {
  max-width: 60%;
  flex: 1 1 300px;
}
.flex .currency {
  font-size: 30px;
  padding: 0 10px 0 20px;
  color: #999;
  border: 2px solid #ccc;
  border-right: 0;
  border-radius: 7px 0 0 7px;
  background: white;
  line-height: 2.5;
}
/* fin cajitas de texto monetario*/

.wrongData{
  background: repeating-linear-gradient(
  39deg,
  #ffffff,
  #ffdfdf 0px,
  #ffe0e0 0px,
  #ffc2c2 1px
);
  font-weight: 600;
}

.table .table{
	background-color: rgba(0,0,0,.01);
}

.btn-variable {
  background-color: #E0E0E0;
  color: #000;
}

.btn-variable:hover,  .btn-variable:focus{
  background-color: #A0A0A0  !important;
  color: #000 !important;
}

.btn-funcion {
  background-color: #E0E0E0;
  color: #000;
}

.btn-funcion:hover,  .btn-funcion:focus{
  background-color: #A0A0A0  !important;
  color: #000 !important;
}

.btn-proaire-cancel {
  background-color: #FFFFFF;
  color: #000000;
  border:solid 2px #9c9b9b;
}

.btn-subaccion{
  background-color: #f6ff91 !important;
  font-style: italic;
}

.btn-proaire-cancel:hover,  .btn-proaire:focus{
  background-color: #646569 !important;
  color: #FFFFFF !important;
  border:solid 2px #9c9b9b;
}

.btn-proaire {
  font-family: soberanaRegular;
  background-color: #FFFFFF;
  border:solid 2px #646569;
  color: #000000;
}

.btn-proaire:hover,  .btn-proaire:focus{
  background-color: #9c9b9b !important;
  color: #3e3e3f !important;
  border:solid 2px #646569;
}

hr {
  color:#646569;
  border-top-color: #646569;
}

.sel{
  background-color: #646569;
  color: white;
}

.dFunc{
  border:none 1px;
  background-color: whitesmoke;
  margin:5px;
  border-radius: 4px;
}

.dark-mode .dFunc{
  background-color: #454d55 !important;
}

.dFunc th, .dFunc td{
  padding: 5px;
}


.table.tablaEdt{
  /*width:100%;*/
}

.table.tablaEdt th, .table.tablaEdt td{
  border-top :none;
  padding: 3px;
  vertical-align: middle;
}

.listaVariables{
  border:solid 1px #CCC;
  padding:9px;
  border-radius: 4px;
  background-color: #fafafa ;
}

.dark-mode .listaVariables{
  background-color: #454d55 !important ;
}

label{
  margin-bottom: 0px;
}

.legendValidPeriodo{
  text-align: center;
  font-size: 2em;
  margin-top: 20px;
}

.informeBtn{
  background-color:#404041;
  color:white;
}

.informeBtn:hover,  .informeBtn:focus{
  background-color: #000 !important;
  color: white !important;
}

.informeBtn-sel{
  background-color:#646569;
  color:#FFF;
}

.informeBtn-sel:hover,  .informeBtn:focus{
  background-color: #000 !important;
  color: white !important;
}

.tablaTit{
  text-align: center;
  font-weight: bold;
}

.progress-bar-proaire{
  background-color: #646569;
}

.progress{
  background-color: #ccc !important;
  font-size: 12px !important;
}


.titLogin{
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  /*font-size: 4.3em;*/
  font-size: 2em;

}

.colorBase{
  color:#ff149b;
}

.fuentes{
  display: none;
}

.nMail{
  font-size: 1.2em;
  font-weight: bold;
}

.firma{
  font-size: 1.2em;
  font-weight: bold;

}

.mensaje{
  font-size: 1.1em;
  font-style: italic;
  font-weight: normal;
  padding-left: 30px;
  margin-bottom: 50px;
  margin-top: 50px;
}

.btnSel{
  background-color:#646569;
  color:white;
}

.flecha {
  height: 400px;
  margin-top: 10%;
  margin-left: 30px;
  background-image: url("img/flechaBkg.png");
  background-size: 100% 100%;
  color:white;
  text-align: center;
  /*background-color: #cccccc;*/
}
.marcadeagua {
  background-image: url("../../img/marcadeagua3.png");
  background-size: 450px 390px;
  background-repeat: repeat;
  /*background-size: 100% 100%;*/
}

.datConts {
  height: 400px;
  margin-top: 30%;
  color:black;
  text-align: center;
  /*background-color: #cccccc;*/
}


.dentroT{
  width: 50px;
  color:white;
  position: absolute;
  top: -110px;
  margin-left: -10px;
}

.dNum{
  height: 13.6%;
  padding-top: 20px;
  border-bottom: solid 1px;
}
.dNumPub{
  height: 12%;
  padding-top: 20px;
  border-bottom: solid 1px;
}
.dCont{
  height: 13.6%;
  padding-top: 18px;
}
.dCont2{
  font-size: x-small;
  position: relative;
}

.sCont{
  color:white;
  padding:5px;
  background-color: black;
  width: 100%;
}

.sNum{
  font-size: small;
}

td {
  /*border: 1px black solid !important;*/
  padding: 5px !important;
}
.rotate {
  text-align: center  !important;
  white-space: nowrap  !important;
  vertical-align: middle  !important;
  width: 1.5em  !important;
}
.rotate div {
 -moz-transform: rotate(-90.0deg)  !important;  /* FF3.5+ */
 -o-transform: rotate(-90.0deg)  !important;  /* Opera 10.5 */
 -webkit-transform: rotate(-90.0deg)  !important;  /* Saf3.1+, Chrome */
 filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)  !important;  /* IE6,IE7 */
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"  !important; /* IE8 */
 margin-left: -10em  !important;
 margin-right: -10em  !important;
}

.mrv-color-td{
  font-weight: bold;
  color: white;
  text-shadow:
  0.07em 0 black,
  0 0.07em black,
  -0.07em 0 black,
  0 -0.07em black;
}

div.valReport {
  color: gray;
  text-align:center; 
  font-weight:bold; 
  font-size:1.1em; 
  width:130px;
  max-height:100px;
  padding:0;
  margin-left: auto;
  margin-right: auto;
}

div.grafAct {
  border:solid 0px;
  text-align:center;
  font-weight:bold;
  font-size:1.1em;
  width:130px;
  max-height:100px;
  padding:0;
  margin-left: auto;
  margin-right: auto;
}


div#divtextologin {
  margin: 20px 0px; 
  background-color: #007bffcf; 
  font-size: 34px !important; 
  color:white; 
  border-radius: 15px 30px 15px 30px;
}

@media screen and (max-height: 840px) {
  div#divtextologin {
    font-size: 24px !important; 
  }
  .login-page{
    justify-content: normal !important;
    height: 140vh !important;
  }

}

.widget-user .widget-user-header{
    height:175px;
  }
  
.widget-user .widget-user-image{
    top:128px;
  }

.card-footer-actor {
  height:170px;
}


.indicador-medida .img-circle{
  height:85px;
}

.indicador-medida .titulo-medida{
  font-size: 1.5em; font-weight:bold;
}

.flex-wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
}



@media screen and (max-width: 600px) {
  .card-footer-actor {
    height:570px !important;
  }

  .actor-card-short.widget-user .widget-user-header{
    height:175px;
  }
  .actor-card-short.widget-user .widget-user-image{
    top:128px;
  }

  
  .actor-card-long .widget-user-header{
    height:215px;
  }
  .actor-card-long .widget-user-image{
    top:168px;
  }

  .indicador-medida .img-circle{
    height:45px;
  }

  .indicador-medida .titulo-medida{
    font-size: 1em; font-weight:normal;
  }

}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #343a40 inset !important;
}

input:-webkit-autofill{
    -webkit-text-fill-color: white !important;
}


/*********** SELECT2 OVERWRITES ************/
.select2-container--default .select2-selection--multiple {
    background-color: #343a40 !important;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
} 
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #007bff !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white !important;
 }
/*********** SELECT2 OVERWRITES ************/