.login-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-box {
  width: 100%;
  max-width: 450px;
  padding: 2rem;
  background: white;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  border-radius: 8px;
}
.main-box {
  width: 100%;
  padding: 1rem;
  background: white;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  border-radius: 8px;
}
.btn-group-vertical > .btn {
  margin-bottom: 10px;
}

.cuadro {
  max-width: 500px;
  margin: 50px auto;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  background-color: #fff;
}
.logo {
  max-width: 150px;
}

@media (max-width: 575.98px) {
  .logo-xs {
    max-height: 25px; 
  }
  .menu-compacto {
    min-height: 40px;
    padding-top: 2px;
    padding-bottom: 2px;
  }
}

.contenedor img{
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align:middle;
}

.contenedor{ 
  width:auto; 
  min-width:260px;
  max-width:960px; 
  min-height:100px; 
  height:auto; 
  overflow:auto; 
  background-color:#fff; 
  margin-left:auto; 
  margin-right:auto; 
  margin-top:20px; 
  margin-bottom:20px; 
  padding:20px;
}

@media only screen and (min-device-width : 300px) and (max-device-width : 770px) {
 .contenedor{max-width:80%; min-width:240px; }
}

.sombreado{
  -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.3);	
}

.escondido {display: none !important;}	
	
	

	
	
	
/*FORMULARIO 1*/
label { font-weight:normal !important;}

.formulario{font-family:   font-family: "Open sans", Arial, Helvetica, sans-serif;
 font-weight:400; font-size:13px; color:#000; margin-bottom:20px; overflow:auto; height:auto !important;}
.formulario input, .formulario textarea{ max-width:100%; color:#000 !important;
border:none !important; min-height:20px; padding:3px; margin-bottom:4px;  margin-top:4px;
font-family:   font-family: "Open sans", Arial, Helvetica, sans-serif;
}

.formulario input, .formulario textarea, .formulario select{  background-color:#f2f2f2 !important;}
.formulario input[type=submit] {
    padding:5px 15px; 
    background-color:#f2f2f2; 
	color:#fff !important;
    border:0 none;
    cursor:pointer;
	margin-top:10px;
	width:200px;
	height:30px;
}
.formulario input[type=submit]:hover {
    background-color:#191919; 
	color:#fff !important;
	margin-top:10px;
}
.formulario textarea{ height:150 px !important;}
.formulario .feedback_enviado h5 {font-family:   font-family: "Open sans", Arial, Helvetica, sans-serif;
 font-weight:400; font-size:20px; text-align:center; padding-top:30px;}

.form_izquierda{ width:49%; float:left;}
	
.form_bloque { border:1px solid #ccc; height:auto; overflow:auto; margin-bottom:10px;  margin-top:0px; padding-top:0px; padding-bottom:0px;}	
.form_bloque p{ line-height:15px; margin-top:8px; margin-bottom:8px;}

.form_combo { float:left; margin-left:5px; margin-right:5px;  /*margin-bottom:5px;  margin-top:5px;*/ }
	
.formulario h3 {  font-family: /*"Open sans",*/ Arial, Helvetica, sans-serif;
 font-weight:400; font-size:26px;}
.titulo_form-3 { float:left; font-size:15px !important; background-color:#999; color:#fff; padding-left:12px; padding-right:12px; padding-top:8px; padding-bottom:8px; text-align:left; margin-top:0px; margin-bottom:0px;}	

.ancho_max250 { max-width:250px;}


.ancho_full{width:100% !important; /*max-width:960px !important;*/ overflow: visible;}

.limpia { clear:both !important;}
.limpia_izq { clear: left !important;}
.limpia_der { clear:right !important;}


.apretaditos input{ margin-left:0px !important; margin-right:-15px !important; /*background-color:#c0c !important;*/ }

.izquierda { float:left !important; margin-left:5px; margin-right:5px;}
.izquierda span { font-weight:bold;}
.derecha { float:left !important; margin-left:5px; margin-right:5px;}

.autocol { width:auto; overflow:hidden; padding-top:10px; padding-bottom:10px; }
.autocol2 { width:auto; overflow:hidden; padding-top:0px; padding-bottom:10px; }
.autocol3 { width:auto; overflow:hidden; padding-top:6px; padding-bottom:10px; }

.autocol span { font-weight:bold;}
.autocol-vis { width:auto; overflow:visible; padding-top:10px; padding-bottom:10px; }
.margenDer-10{ margin-right:10px;}
.margenDer-20{ margin-right:20px;}
.margenDer-30{ margin-right:30px;}
.margenDer-40{ margin-right:40px;}
.margenDer-50{ margin-right:50px;}

.margenIzq-10{ margin-left:10px;}
.margenIzq-20{ margin-left:20px;}
.margenIzq-30{ margin-left:30px;}
.margenIzq-40{ margin-left:40px;}
.margenIzq-50{ margin-left:50px;}

.izquierda input, .izquierda select { margin-top:-5px; padding:3px; font-size:13px;}
.izquierda .textabajo{ margin-top:5px;}



.espaciador {
  margin-bottom:5px !important; 
  margin-right:0px !important; 
 /*eran 10px*/
}


/*RADIO BUTTONS + COMBO BOXES - inicio*/

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
 /* background       : /*rgb(224,224,224)*/
  background-color : /*rgb(224,224,224)*/ #f2f2f2 !important;
  /*
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  */
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
	/*
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
  */
    background-color:   #f2f2f2 !important;

}

input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : /*rgb(153,204,102)*/  #060;
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}


/*RADIO BUTTONS + COMBO BOXES - final*/




/*DATOS PRESENTADOS inicio*/

.form_dato_mitad { /*width:49%;*/ min-width:200px; float:left; text-align:left; margin:2px; overflow:visible;}

.form_dato_mitad span { font-weight:bold;}

/*DATOS PRESENTADOS final*/



/*ADDENDAS AL BOOTSTRAP*/

	

.form-control select{padding:1px !important; font-size:12px !important; margin-top:3px !important;}

/*fin ADDENDAS*/

.form-control-bis {
    display: block;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
}

.ultra-condenced td, th {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.viewing {
    /* background-color: #666666 !important; */
    color: #ffffff !important;
}


.navbar-crimson {
    background-color: crimson;
    padding: 0.2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .navbar-crimson .navbar-brand,
  .navbar-crimson .nav-link,
  .navbar-crimson .dropdown-toggle {
    color: #fff;
  }

  .navbar-crimson .nav-link:hover,
  .navbar-crimson .dropdown-item:hover {
    color: #ffdada;
    background-color: crimson;
  }

  /* Subítems con fondo crimson por defecto */
  .navbar-crimson .dropdown-menu {
    background-color: crimson;
  }
  .navbar-crimson .dropdown-item {
    color: #fff;
  }

  /* Corrección en hover del submenú anidado */
  .navbar-crimson .dropdown-submenu:hover > .dropdown-menu,
  .navbar-crimson .dropdown-submenu .dropdown-item:hover {
    background-color: crimson;
    color: #ffdada;
  }

  /* Posicionamiento del submenú */
  .dropdown-submenu {
    position: relative;
  }
  .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    background-color: crimson;
  }
  /* Subítems en crimson siempre */
  .navbar-crimson .dropdown-menu {
    background-color: crimson;
  }
  .navbar-crimson .dropdown-item {
    color: #fff;
  }

  /* Hover y focus manteniendo crimson */
  .navbar-crimson .dropdown-item:hover,
  .navbar-crimson .dropdown-item:focus,
  .navbar-crimson .dropdown-submenu .dropdown-item:hover {
    background-color: crimson;
    color: #ffdada;
  }
  .navbar-crimson .navbar-toggler {
    border-color: #fff;
  }

.navbar-crimson .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}