/*----------- CARACTERÍSTICAS COMUNES ----------*/
.sin-borde{
  border: none !important;
}

.inline{
  display: inline-block;
}

.divider{
  border-top: 1px solid #D8D8D8;
}

.sin-margen-superior{
  margin-top: 0px !important;
}



/* --------- ELEMENTOS PRINCIPALES ------------ */

body {
    font-family: "Roboto", sans-serif !important;
    font-size: 14px;
    padding-right: 0px !important;
}

textarea:focus, input:focus, select:focus{
  outline: 0.5px solid #0080FF;
}

button:focus{
  outline: none;
}

.letra-grande {
  font-size: 18px !important;
}

.letra-semi-grande {
  font-size: 16px !important;
}


/*-------- ELEMENTOS VARIOS ------------------- */

.yii-debug-toolbar__bar{
  display: none !important;
}

#loader-container{
  width: 100%;
  text-align: center;
  height: 400px !important;
  display: none;
}

.loader{
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #8EB737; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 0.8s linear infinite;
  margin-left: auto;
  margin-right: auto;
  margin-top: 200px;
}

.mini-loader{
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #8EB737; /* Blue */
  border-radius: 50%;
  width: 35px;
  height: 35px;
  animation: spin 0.8s linear infinite;
  margin-left: 40px;
}

.mini-loader2{
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #5FB7F5; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 0.6s linear infinite;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}

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

.divider{
  border-top: 1px solid #D8D8D8;
}

.titulo-view {
    font-size: 28px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    margin-top: 140px;
    margin-bottom: 20px;
}

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

.full-width{
  width: 100% !important;
}

.boton-volver{
  position: absolute;
  right: 40px;
  top: 120px;
  color: #2196f3;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}

.boton-volver:hover{
  color: #01579b;
}

.boton-volver i{
  margin-right: 5px;
}

.text-bold{
  font-weight: bold;
}


/*---------------- BOTONES ----------------------*/
.boton-simple{
  padding: 5px 10px;
  text-align: center;
  border-radius: 3px;
  margin: 0px 7px !important;
  background-color:  #01579b;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.boton-simple:hover{
  color: #01579b;
  background-color: #fff;
}

.boton-simple p{
  margin-bottom: 0px;
}

.boton-redondo{
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 22.5px;
  padding: 13px;
  margin: 0px 5px !important;
  background-color: #f5f5f5;
  display: inline-block;
  cursor: pointer;
}

.boton-redondo.medium{
  width: 38px;
  height: 38px;
  border-radius: 19px;
  padding: 10px;
}

.boton-redondo.sm{
  width: 30px;
  height: 30px;
  border-radius: 15px;
  padding: 6px;
}

.boton-redondo i {
  color: #2196f3;
  font-size: 15px;
}

.boton-redondo:hover i {
  color: #303f9f;
}

.boton-redondo.ok, .boton-redondo.cancel{
  color: #fff;
  background-color:  #01579b;
}

.boton-simple.ok:hover, .boton-redondo.ok:hover{
  color: #fff;
  background-color: #1b5e20;
}

.boton-simple.cancel:hover, .boton-redondo.cancel:hover{
  color: #fff;
  background-color: #b71c1c;
}

.boton-redondo-verde{
  background-color:  #388e3c;
}

.boton-redondo-verde i{
  color:  #fff !important;
}