﻿

.controlcontainer
{
	display: table;width:100%; background:#f0f0f0
}

.formulario_fila
{
	height: auto;
	display: table;
	text-align:left;
	width:100%;
    border-bottom: 1px solid white; min-height:50px
}
.formulario_fila:hover
{
    background-color:White; transition: all 0.3s ease;
}


.formulario_campo
{
    padding-left:5px;
	color: Black;
	font-size: 14px;
	font-family: 'Quicksand', sans-serif;
	/*07/01/16
	float:left;
	width: 265px;
	width: 100%!important;
    */
	height: 100%;
	min-height: 25px;
	/*cuidado con este estilo
	padding-left:5px;
    padding-top:7px
    */
	font-weight:500; 
	margin-right:1px;
	display:table-cell;
	vertical-align:middle
	
}

.formulario_campo_destacado
{
	text-align:left;
	border:solid 1px #86a440;
	background-color:#e3ebd0;
	color: #2163f0;
	font-size: 9pt;
	font-family: 'Quicksand', sans-serif;
	font-weight:bold;
	float:left;
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;margin-right:5px
}

.formulario_datos {
	
    padding: 8px 0px 5px 0px;
    margin: 0px!important;
    font-family:'Quicksand', sans-serif;
    font-size: 9pt;
    vertical-align: top;
    border: 0px solid #CCCCCC;
    vertical-align:middle;
    
    /*
    padding-top: 3px;
    padding-bottom: 1px;
    */
    display: table-cell;
    width: 72%!important;
    height: 100%;
    min-height: 25px;
    /* margin-left: 273px; */
}

.formulario_datos:not(.ck)>*:not(form):not(.ajax_calendar) {
    vertical-align: middle!important;
    display: inline-block;
    position: relative;
}
.ui-datepicker-trigger {
    cursor:pointer; 
}

    
.ajax-file-upload form
{
    
}

.formulario_datos_destacado {
	font-family:'Quicksand', sans-serif;
	font-size: 9pt;
	background-color: #e2f1f1;
	border:0px solid #55a6a8;
	min-height: 19px;
	padding-left:10px;
	padding-top:1px;
	padding-bottom:1px; margin-left:273px
}

a.formulario_linkaction
{
	font-family:'Quicksand', sans-serif;
	font-size: 9pt;
}

.TextBoxFecha{ min-width:90px !important}


input[type=text] {
    display: inline-block; font-weight:500; 
    border: none;
    padding: 5px; border-radius:20px;
    margin: 0;
    text-decoration: none;
    color:Black;
    border:1px solid #b8b8b8;
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    margin-bottom:5px; background-color:White; margin-right:5px;
    min-width: 40px;
}

input[type=text]:hover,
input[type=text]:focus {
    border:1px solid #6491ef; outline:0px;  transition: all 0.3s ease;
    background-color:#e7eff7
}
input[type=text]:disabled {
    background-color:#efeed9; border:1px solid #c6c49e;
}




input[type=password] {
    display: inline-block; font-weight:500; 
    border: none;
    padding: 5px; border-radius:20px;
    margin: 0;
    text-decoration: none;
    color:Black;
    border:1px solid #b8b8b8;
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    margin-bottom:5px; background-color:White; margin-right:5px
}

input[type=password]:hover,
input[type=password]:focus {
    border:1px solid #6491ef; outline:0px;  transition: all 0.3s ease;
    background-color:#e7eff7
}
input[type=password]:disabled {
    background-color:#efeed9; border:1px solid #c6c49e;
}






input[type=checkbox] {
    vertical-align:middle; margin-right:5px; margin-left:5px
}
input[type=checkbox]:disabled {
    background-color:#efeed9; border:1px solid #c6c49e;
}


input[type=submit] {
    display: inline-block; font-weight:500; cursor:pointer; 
    border: none;
    padding: 7px; border-radius:20px;
    margin: 0;
    text-decoration: none;
    color:White;
    border:1px solid #2163f0;
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
    margin-bottom:5px; background-color:#2163f0
}

input[type=submit]:hover,
input[type=submit]:focus {
    border:1px solid #6491ef; outline:0px;  transition: all 0.3s ease;
    background-color:White; color:#2163f0;font-weight:500; 
}


input[type=submit]:disabled 
{
 filter: alpha(opacity=50); cursor:inherit;
 -khtml-opacity: 0.5; 
 -moz-opacity: 0.5; 
 opacity: 0.5; 
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}




input[type=button] {
    display: inline-block; font-weight:500; cursor:pointer; 
    border: none;
    padding: 10px; border-radius:20px;
    margin: 0;
    text-decoration: none;
    color:White;
    border:1px solid #2163f0;
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
    margin-bottom:5px; background-color:#2163f0; margin-right:1px
}

input[type=button]:hover,
input[type=button]:focus {
    border:1px solid #6491ef; outline:0px;  transition: all 0.3s ease;
    background-color:White; color:#2163f0;font-weight:500; 
}


input[type=button]:disabled 
{
 filter: alpha(opacity=50); cursor:inherit;
 -khtml-opacity: 0.5; 
 -moz-opacity: 0.5; 
 opacity: 0.5; 
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}







textarea:hover,
textarea:focus {
  border:1px solid #6491ef; outline:0px; transition: all 0.3s ease; background-color:#e7eff7
}
textarea:disabled {
    background-color:#efeed9; border:1px solid #c6c49e;
}
textarea {
    font-weight:500; 
    border: none;
    padding: 5px; border-radius:20px;
    margin: 0;
    text-decoration: none;
    color:Black;
    border:1px solid #b8b8b8; background-color:White;
    font-family: 'Quicksand', sans-serif;
    font-size: 12px !important;
    margin-bottom:5px; 
}


select {
    font-weight:500; 
    border: none;
    padding: 5px; border-radius:20px;
    margin: 0;
    text-decoration: none;
    color:Black;
    border:1px solid #b8b8b8; background-color:White;
    font-family: 'Quicksand', sans-serif;
    font-size: 12px !important;
    margin-bottom:5px; height:auto !important;
    cursor:pointer; width:auto !important  
}
select:hover,
select:focus {
  border:1px solid #6491ef; outline:0px; transition: all 0.3s ease; background-color:#e7eff7
}
select:disabled {
    background-color:#efeed9; border:1px solid #c6c49e;
}
select option{
    font-weight:500; margin:5px
}


.dd_chk_select:hover,
.dd_chk_select:focus
{
     border:1px solid #6491ef !important; outline:0px; transition: all 0.3s ease; background-color:#e7eff7 !important
}

.dd_chk_drop {top:35px !important}

div.dd_chk_select{background-color:White !important; position:absolute}

.dd_chk_select
{
    font-weight:500; 
    border: none;
    padding: 0px 4px 0px 8px !important; border-radius:20px;
    margin: 0; height:30px !important; margin-top:2px;
    text-decoration: none;
    color:Black;
    border:1px solid #b8b8b8 !important; background:White;
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    margin-bottom:5px; 
}
div.dd_chk_select div#caption{top:8px !important}






div.formulario_datos span
{
 
	font-family:'Quicksand', sans-serif;
	font-size: 10pt !important;
}

.formulario_datos span
{
	font-family:'Quicksand', sans-serif;
	font-size:10pt !important;
}

.formulario_datos input
{
	font-family:'Quicksand', sans-serif;
	font-size: 10pt !important;
}

.formulario_fila select
{
	font-family:'Quicksand', sans-serif;
	font-size: 10pt !important;
}

.formulario_subtitulo
{
	background-color:#6491ef;
	color:white;
	margin-top:5px;
	margin-bottom:10px;
	font-family:'Quicksand', sans-serif;
	font-size: 10pt !important;
	font-weight:bold;
}

.formulario_bloque
{
	position:relative;
	display:inline-block;
}

.formularios_error
{
	font-family:'Quicksand', sans-serif;
	font-size: 9pt !important;
	color:Red;
}

.formularios_texto_gris
{
	font-family:'Quicksand', sans-serif;
	font-size: 9pt !important;
	color:Silver;
}

.panelajax
{
	z-index: 1;
	overflow:scroll;
}


.titulo_seccion
{
	display:none;
	visibility:hidden;
	background-color:#F9F9F7;
	position:relative;
	display:block;
	float:none;
	margin-bottom:20px;
	font-family: 'Quicksand', sans-serif;
	font-size: 9pt;
	font-weight: bold;
	height: 20px;
	padding-top: 3;
}

.entradas_seccion
{
	background-color:White;
	position:relative;
	display:block;
	float:none;
	margin-bottom:20px;
	font-family: 'Quicksand', sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color:Gray;
}

.entradas_seccion a
{
	color:Gray;
}

.entradas_seccion a:visited
{
	color:Gray;
}


.pestañas_seccion
{
	background-color:White;
	position:relative;
	display:block;
	float:none;
	margin-bottom:30px;
	font-family: 'Quicksand', sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color:Black;
}

.pestañas_seccion a
{
	color:Black;
	text-decoration:none;
}

.pestañas_seccion a:visited
{
	color:Black;
	text-decoration:none;
}

.pestañas_seccion a:hover
{
	color:Black;
	text-decoration:underline;
}


.titulo_seccion_pestañas
{
	background-color:#F9F9F7;
	position:relative;
	display:block;
	float:none;
	margin-bottom:20px;
	font-family: 'Quicksand', sans-serif;
	font-size: 9pt;
	cursor:hand;
	height: 20px;
	padding-top: 3;
}

.titulo_seccion_pestañas a.pestaña
{
	color:Black;
	font-family: 'Quicksand', sans-serif;
	font-size: 9pt;
	text-decoration:none;
}

.titulo_seccion_pestañas a.pestaña:hover
{
	color:Black;
	font-family: 'Quicksand', sans-serif;
	font-size: 9pt;
	text-decoration:underline;
}

.titulo_seccion_pestañas a.selected
{
	font-weight: bold;
	text-decoration:none;
}

.ajax-file-upload-container
{
    display:none;
    }
.fileUpload,.ajax-file-upload
{
    min-width: 70px;
    max-width: 100px;
    width: 20%;
    position: relative;
    display: inline-block;
    padding: 5px 6px!important;
    text-align: center;
    font-size: 13px!important;
    font-weight: bold!important;

    }
    
.imagePreliminar
{
    width: 68px;
    height: 68px;
    border-width:0px;
    }
 .ajax-file-upload
 {
    position: relative;
    display: inline-block;
    margin: 0px!important;
 } 

 .imagePreliminarPista
 {
    max-width: 300px;
    max-height : 120px;
    border-width:0px;     
 }
     
   .fileUploadRed
 {   
    font-family: 'Quicksand', sans-serif;   
	
	cursor:pointer;	
	line-height:20px;
	margin:0 10px 10px 0;
    display: inline-block;
    background: #fff;
    border: 1px solid #e8e8e8;
    color: #888;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 2px 0 0 #e8e8e8;
    -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
    box-shadow: 0 2px 0 0 #e8e8e8; 
  
    color: #fff;
    background-color: #e4685d;
    border: none;
    -moz-box-shadow: 0 2px 0 0 #13648d;
    -webkit-box-shadow: 0 2px 0 0 #13648d;
    box-shadow: 0 2px 0 0 #13648d; 
    vertical-align: middle;  
    
    position: relative;
    display: inline-block;
    margin: 0px!important;
    
     
    position: relative;
    cursor: pointer;
    }                  

.mantenimiento
{
    font-family:'Quicksand', sans-serif;
    font-size: 13px;
    background-color: #f1f1f1;
    margin-left: 0px;
    padding: 0px!important;
    width: 100%!important;
    padding: 2%!important;
    margin-top:15px
}

.selectGuardar
{
    border:none!important;
    }
    
.errorCampoInvalido
{
        /* border-color: red; */
    border-color: rgba(255, 0, 0, 0.55) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); background:#ffe9e9 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    /* border-radius: 5px;*/
    
    }    

[data-tip] {
	position:relative;

}
[data-tip]:before {
	content:'';
	/* hides the tooltip when not hovered */
	display:none;
	content:'';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #1a1a1a;	
	position:absolute;
	top:30px;
	left:35px;
	z-index:8;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}
[data-tip]:after {
	display:none;
	content:attr(data-tip);
	position:absolute;
	top:35px;
	left:0px;
	padding:5px 8px;
	background:lightgray;
	color:black;
	z-index:9;
	font-size: 12px;
	line-height:18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space:nowrap;
	word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
	display:block;
}

/* Para dar ancho a los div que pinta el GridView automaticamente */
div.formulario_datos_gridview > div 
{
    width:100%;
}
