/** AGREGAMOS EL TEXTAREA */
form textarea:focus+.form_hint,
form input:focus+.form_hint {
	display: inline;
}
form textarea:required:valid+.form_hint,
form input:required:valid+.form_hint {
	background: #28921f;
}
form textarea:required:valid+.form_hint:before ,
form input:required:valid+.form_hint:before {
	color: #28921f;
}
form textarea:required ,
form input:required {
    padding-left: 30px; 
}

form textarea:required,
form input:required{
	background: #fff url(../../imagenes/controles/red_asterisk.png) no-repeat 2%
		center;

}
form textarea:required:valid,
form input:required:valid{
	background: #fff url(../../imagenes/controles/valid.png) no-repeat 2% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}


form textarea:disabled,
form input:disabled{
	background: #eee;
	/*box-shadow: 0 0 5px #5cd053;*/ /*Se quito para evitar la sobra verde*/
	border-color: #28921f;
}

 
 


form textarea:focus:invalid,
form input:focus:invalid	{
	background: #fff url(../../imagenes/controles/invalid.png) no-repeat 2% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/*Cuando se utiliza la propiedad enable= true este codigo se activa y desabilita el control con
  el diseño de boostrap
*/
form select.aspNetDisabled,
form textarea.aspNetDisabled,
form input.aspNetDisabled{
    cursor:  not-allowed;
    background-color: #eee;
    opacity: 1;
    border-radius: 4px; /*TAS 19/11/2015 LO QUITE POR APARIENCIA CON LOS DATEPICKER*/
    padding: 5px;
    padding-left: 30px;
    width: auto;
    box-shadow: none;
    border: 1px solid #ccc;
    display: block;
    width: 100%;
}


/** fix de la plantilla*/
@media(max-width:767px) {
   
   .navbar-top-links .dropdown-user {
        left: 0; 
        right: auto;
    }


}

 
/** BAG agregamos clase a los radio*/
/** SE HACE DE ESTA MANERA POR QUE EL VISUAL STUDIO GENERA LO QUE LA GANA*/


div.radio-toggle input[type="radio"] {
    display: none;
     
}
div.radio-toggle  label {
   padding-left: 5px;
   padding-right: 5px;
   margin-left: 0px;

    -webkit-box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 6px 0 rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

 

div.radio-toggle input[type="radio"]:checked + label {
    background-image: -moz-linear-gradient(bottom,#969696,#727272);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#969696),#727272);
    background-image: -webkit-linear-gradient(bottom,#969696,#727272);
    background-image: -o-linear-gradient(bottom,#969696,#727272);
    background-image: linear-gradient(to top,#969696,#727272);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff969696',endColorstr='#ff727272',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 6px 0 rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: default;
    color: #E6E6E6;
    border-color: transparent;
    text-shadow: 0 1px 1px rgba(40, 40, 40, 0.75);
}

div.radio-toggle input[type="radio"] + label {
    width: auto;
}


div.radio-toggle input[type="radio"] + label.auto {
        width: auto;
       padding: 5px;
      display: inline-block;
}

div.radio-toggle input[type="radio"]:checked + label.btn:hover {
    background-color: inherit;
    background-position: 0 0;
    -webkit-transition: none;
    -moz-trainsition: none;
    transition: none;
}


 


div.radio-horizontal table tr  {
    width: auto;
     display: table-cell;
     /* padding: 10px; **/
     padding-right: 5px;
 
}


div.radio-horizontal table tr  label {
    width: auto;

     display: table-cell;
     padding: 10px;
     margin-right: 5px;

    border-radius: 10px;	
    -moz-border-radius	: 10px;
    -webkit-border-radius: 10px;
}

div.radio-horizontal table tr  label:hover {
    
    cursor: pointer;
    color: black;
     -webkit-box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.7);
    -moz-box-shadow: inset 0 1px 6px 0 rgba(41, 41, 41, 0.2),0 1px 2px rgba(0,0,0,0.7);
    box-shadow: inset 0 1px 6px rgba(41, 41, 41, 0.2),0 1px 2px rgba(0, 0, 0, 0.7);
 
}


input.dotacion:focus {
 border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}


/** maning fix*/
.msm {
     font-size: 1.3em;
     font-style:normal;
     font-weight:normal;
}

.msm_title {
     font-size: 0.8em;
     font-style:normal;
     font-weight:bold;
}

/** checkbox */
.clear_paddings {
    padding-right: 0px;
    padding-left: 0px;
}
.checkbox label {
    font-size: 1.2em;
}
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .3em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.checkbox_no_top label {
     margin-top: -10px;
}

.radio .cr .cr-icon {
    margin-left: 0.00em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

.red_asterisk {
    position: absolute;
     font-family: 'Times New Roman', Times, serif;
     color: red;
     font-size: x-large;
     margin-top:-3px;
     margin-left: 5px;
}

.small_text {
    font-size: medium;

}