/* === Form Typography === */
/*.form_div
{
    display:none;
}*/
.detTablefth {
    padding: 8px;
    border: solid 0.2px #c0c0ed;
    text-align: left;
    background: #dfeffc url('../jquery/jquery-ui-1.10.1.custom-antiguo/css/redmond/images/ui-bg_glass_85_dfeffc_1x400.png') 50% 50% repeat-x;
    color: #2e6e9e;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.detTabletd {
    padding: 8px;
    border: solid 0.2px #c0c0ed;
    text-align: left;
    background-color: #fcfdfd;
}

.detTabletd2 {
    padding: 8px;
    border: solid 0.2px #c0c0ed;
    text-align: center;
    background-color: #fcfdfd;
}

.detTable {
    width: 100%;
    border: solid 0.2px #c0c0ed;
    border-radius: 8px;
    border-collapse: separate;
    border-spacing: 0;
}

.hover:hover {
    background-color: #5f5fe8;
    background: #5f5fe8 url('../jquery/jquery-ui-1.10.1.custom-antiguo/css/redmond/images/ui-bg_glass_85_dfeffc_1x400.png') 50% 50% repeat-x;
    background-repeat: repeat-x;
    background-position: 50% 50%;
}

.detTableth1 {
    padding: 8px;
    border: solid 0.2px #c0c0ed;
    text-align: left;
    background: #dfeffc url('../jquery/jquery-ui-1.10.1.custom-antiguo/css/redmond/images/ui-bg_glass_85_dfeffc_1x400.png') 50% 50% repeat-x;
    color: #2e6e9e;
    border-top-left-radius: 8px;
}

.detTableth2 {
    padding: 8px;
    border: solid 0.2px #c0c0ed;
    text-align: center;
    background: #dfeffc url('../jquery/jquery-ui-1.10.1.custom-antiguo/css/redmond/images/ui-bg_glass_85_dfeffc_1x400.png') 50% 50% repeat-x;
    color: #2e6e9e;
}

.detTableth3 {
    padding: 8px;
    border: solid 0.2px #c0c0ed;
    text-align: center;
    background: #dfeffc url('../jquery/jquery-ui-1.10.1.custom-antiguo/css/redmond/images/ui-bg_glass_85_dfeffc_1x400.png') 50% 50% repeat-x;
    color: #2e6e9e;
    border-top-right-radius: 8px;
}

body { font-size:10px;
}
.uppercase
{
    text-transform: uppercase;
}
.cssDialog  
{
    display:none; 
    font-size: 14px;
    font-weight: bold;
    padding : 25px 25px 25px 25px;
}
.imgIcoGrilla
{
    width:16px; 
    height:16px;
}

.imgGrilla
{
    width:48px; 
    height:32px;
}
.Izquierda
{
    text-align:left;
    padding-left:5px!important;
    padding-right:15px!important;
}

.Derecha
{
    text-align:right;
    padding-right:20px!important;
}

.Centrado
{
    text-align:center;
}
.Justificado
{
    text-align:justify;
}

.PadreHijo 
{
    height:190px;
	overflow: auto;
}
.PadrePanel 
{
    height:240px;
	overflow: auto;
}
.PadreSinPanel 
{
    height:220px;
	overflow: auto;
}
.PadreHijoFactura 
{
    height:165px;
	overflow: auto;
}
.PadreHijoFactura2 
{
    height:196px;
	overflow: auto;
}
.FormHijo 
{
    height:480px;
	overflow: auto;
}
.LblMargenPanel
{
    margin-left:0px;
}
.LblMargenSinPanel
{
    margin-left:0px;
}

.ColorRojo
{
    color:Red;
}
.ColorVerde
{
    color:#5cd053;
}
.ColorNegro
{
    color:Black;
}
.ColorBtnBuscar
{
    color:#62a8d1;
}
.ColorBtnLimpiar
{
    color:#62a8d1;
}
.ColorBtnNuevo
{
    color:#5cd053;
}
.ColorBtnCerrar
{
    color:#62a8d1;
}










.form_div li {
    list-style-type:none;
	list-style-position:outside;
	font-size: 12px;
}


.form_div ul {
    /*width:950px;
    height:200px;  */
    list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
	/*font-size: 12px;*/
}


/* === HTML5 validation styles === */	
.form_div input:required, .form_div textarea:required {
	background: #fff url(images/red_asterisk.png) no-repeat 98% center;
}
.form_div input:required:valid, .form_div textarea:required:valid {
	background: #fff url(images/valid.png) no-repeat 98% center;
	/*box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;*/
}
.form_div input:focus:invalid, .form_div textarea:focus:invalid, .form_div MultiLine:focus:invalid {
	background: #fff url(images/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535;
}

.validation 
{
	background: #fff url(images/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535;
 }


/* === Form hints === */
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left:8px;
	padding: 1px 6px;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color:#d45252;
	position: absolute;
	top:1px;
	left:-6px;
}
.form_div input:focus + .form_hint {display: inline;}
.form_div input:required:valid + .form_hint {background: #28921f;}
.form_div input:required:valid + .form_hint::before {color:#28921f;}
	
.form_div textarea:focus + .form_hint {display: inline;}
.form_div textarea:required:valid + .form_hint {background: #28921f;}
.form_div textarea:required:valid + .form_hint::before {color:#28921f;}










.Ficha
{
    font-family: Arial;
}

#TituloFicha
{
    font-size:16px;
    font-weight:bold;
    text-align:center;
}

.EncabFichas
{
	border: solid 1px #000000;
	width: 810px;
}

.Fichas
{
	border-width: 1px;
	border-style: solid;
	width: 810px;
	text-align:center;
}

.DetFichas
{

	border: solid 1px #000000;
	width: 810px;
	text-align:left;
}

    .modalPopup {
       
	border-width: 0px;
	border-style: solid;
	position: absolute;
	margin:25px 0px 0px 350px;
	width: 180px;
	height: 65px;
	text-align:center;        
    }

/*    .loading {
        font-family: Arial;
        font-size: 10pt;
        border: 5px solid #5263ab;
        width: 180px;
	    height: 100px;
        display: none;
        position: fixed;
        background-color: White;
        z-index: 999;

    }
   */ 
 /********* Stilo GridView*/

    .mGrid {   
        width: 99%;
        background-color: #fff;   
        margin: 10px 0px 0px 0px;
        border: solid 1px #525252;   
        border-collapse:collapse;
        font-size: 0.9em;
    }  
    .mGrid td {   
        padding: 2px;   
        border: solid 1px #c1c1c1;   
        color: #717171;  
        height:20px;
        text-transform: uppercase;
    }  
    .mGrid th {   
        padding: 2px 2px;   
        color: #fff;   
        /*background: #9294cd url(../img/grd_head-org.png) repeat-x top;*/
        /*background: #333333;*/
        /*background: #9294cd url(../img/grd_head.png) repeat-x top;*/
        background: #75757C url(../img/grd_head.png) repeat-x top;
        border-left: solid 1px #c1c1c1;
        border-right: solid 1px #c1c1c1; 
        height:15px;
        text-transform: uppercase;
        
   }  
   .mGrid a,
    .mGrid a:link,
    .mGrid a:hover,
    .mGrid:visited
    {
        color: #ffffff;
        position: relative;
    	top: expression(this.offsetParent.scrollTop-3);
    }
    
    .mGrid .alt { background: #fcfcfc url(../img/grd_alt.png) repeat-x top; }  
    .mGrid .pgr a { color: #666; text-decoration: none; }  
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }  
    

.mGrid tr.row
{
	color: #000000;

}

.mGrid tr.alternate
{
	color: #000000;
	background: #fcfcfc url(../img/grd_alt.png) repeat-x top;
}

.mGrid tr.row:hover , .mGrid tr.alternate:hover
{

	background: #D8D8D8;
	color: #333333;
}

.updateProgress
{
	border-width: 0px;
	border-style: solid;
	/*background-color: #FFFFFF;*/
	position: absolute;
	margin:25px 0px 0px 350px;
	width: 180px;
	height: 65px;
	text-align:center;
}

    /*Texto multilinea Multilinea*/
.Multilinea
    {
        height:80px;
        width:455px;
        -webkit-resize: none;  
        -moz-resize: none;  
        resize: none;
     }
.Multilinea2
    {
        height:200px;
        width:680px;
        -webkit-resize: none;  
        -moz-resize: none;  
        resize: none;
     }
     
.Multilinea3
    {
        height:250px;
        width:560px;
        -webkit-resize: none;  
        -moz-resize: none;  
        resize: none;
     }
.Multilinea4
    {
        min-height:100px;
        width:800px;
     }    
 .Multilinea5
    {
        height:122px;
        width:396px;
        -webkit-resize: none;  
        -moz-resize: none;  
        resize: none;        
     } 
.Multilinea6
    {
        height:80px;
        width:800px;
        -webkit-resize: none;  
        -moz-resize: none;  
        resize: none;
     }           
.loading
    {
        background: url("../img/loading.gif"); 
        display: block; 
        width: 300px;
        height: 30px;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -150px;
        margin-top: -150px;
        z-index: 99;
     }
     
/* Autocomplete asp.net <ajax:AutoCompleteExtender*/     
/*.autocomplete_completionListElement 
{  
	visibility : hidden; 
	margin : 0px!important;

	background-color : inherit; 
	color : windowtext;

	border : buttonshadow; 
	border-width : 1px;

	border-style : solid; 
	cursor : 'default';

	overflow : auto; 
	height : 200px;
}
*/

/* AutoComplete highlighted item */
/*
.autocomplete_highlightedListItem
{
	background-color: #ffff99; 
	color: black;

	padding: 1px; 
}
*/

/* AutoComplete item */
/*
.autocomplete_listItem 
{
	background-color : window; 
	color : windowtext;

	padding : 1px; 
} 
 */
 
 
 /*Autocomplete Jquery*/
/*     .ui-autocomplete {
        max-height: 250px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 275px;
        position: absolute; 
        display: none; 
        z-index: 9999;
        overflow: hidden; 
        overflow-y: auto; 
        box-sizing: border-box;
    }
   */ 
        /* IE 6 doesn't support max-height
        * we use height instead, but this forces the menu to always be this tall
        *//*
        html .ui-autocomplete {
        height: 250px;
    }
    */
  .ui-autocomplete-input { margin: 0; width: 200px;} /* largo del combobox */
  
 
  	.custom-combobox {
		position: relative;
		display: inline-block;
	}
	.custom-combobox-toggle { /*triangulo combobox formulario que llama la lupa*/
		position: absolute;
		top: 0;
		bottom: 0;
		margin-left: -0.5em;
		padding: 0.0em;

		height: 1.75em;
		top: -0.15em;
	}
	.custom-combobox-input 
	{
	    margin-left: 0em;
	    margin-right:0.5em;
	    margin-bottom:0.5em;
	    margin-top:-0.1em;
		padding: 0.3em;
	}  


/*Combo box y botones de busqueda de la grilla*/
    .comboBox-mini
    {   
        line-height:22px;
        border-width:2px;
        font-size:12px;
        margin-top: -10px;
        text-align:left;
     }        
    .comboBox_grid {
        height: 25px;
    }	
    .MargenBuscar 
    {
        margin-left:-5px;
    }	
    
    
       
/* Estilo mensaje de Procesando...*/     
.ui-progressbar {
    position: relative;
}
.progress-label-sesion {
    position: absolute;
    display:block;
    left: 50%;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

.progress-label-grabar {
    position: absolute;
    display:block;
    left: 50%;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

.mrgbutonGrid
{
    margin-top:0px;
    position:fixed;
}

.hide-close .ui-dialog-titlebar-close { display: none }


.ui-button .ui-icon.custom-ui-icon-excel {
background-image: url("../img/excel_16.png");
}