/* Trazas y misc
**************************************************/
span.tracecontent td { background-color: white; }
span.tracecontent table {background-color: silver;}
    

/*
 *  Estilos para los formularios de alta.
 */

table.formTable /*puede que esté en deshuso*/
{   
    padding: 10px;
    margin-left: 50px;
    margin-top: 20px;
}

.bloqueCampos
{
    /*outline:1px solid gray;*/
}

.formTable tr td
{
   padding-bottom: 10px;
}


/*Etiquetas*/
.label, .labelMedium, .labelLong, .labelShort
{
    clear: left;
    color: #333333;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: left;
    width: 100px;    
}

.labelShort { width:4em;}
.labelMedium { width:10em; }
.labelLong { width:20em; }

.labelSemaforo
{
    clear: left;
    color: #333333;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: left;
    width: 70px;    
}



.labelMediumSub
{
    border-bottom: 1px solid gray;
    font-size: 0.9em;
    font-style: italic;    
}

/*Etiquetas de paginas en modo consulta*/

.cons .labelShort, .cons .labelMedium, .cons labelLong, .cons .label
{
    border-bottom: 1px solid gray;
    border-right: 2px solid silver;
    border-radius: 0 0 8px;
    padding-right: 10px;
    text-align: right;
    height: 23px;
    margin-bottom: 15px;
}

.lblValue 
{
    display: inline-block;
    float: left;    
    margin-left:10px;
    margin-top:5px;
    color: #015666;

    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;    
}


.fieldExtraShort, .fieldShort, .fieldMedium,  .fieldLong, .fieldExtraLong
{   
    border: 0px;
    
    color: #073563;
    padding-left: 5px;
    float:right;
    clear:right;
    height:22px;
}


.lightSubTotalCurrency
{
    text-align: right;
    color: Gray;
}

.fieldExtraShort { width: 3em; }
.fieldShort { width: 5em; }
.fieldMedium { width:10em; }
.fieldLong { width: 20em;}
.fieldExtraLong { width: 40em;}


.detTxtError { background-color:Red;}

/*Subcaso en un detalle*/
.grupoDetalle .fieldExtraShort, .grupoDetalle .fieldShort, .grupoDetalle .fieldMedium,  .grupoDetalle .fieldLong,  .grupoDetalle .fieldExtraLong
{
    float:none; 
    clear:none;   
}

.basicButton, .saveBtn 
{
    border-radius:   12px 20px 12px 20px;
    font: bold 84% 'trebuchet ms', helvetica, sans-serif;        
    cursor:pointer;
    min-height:36px;
    min-width:72px;
    padding: 6px 3px 3px 3px;
    
}

.basicButton
{
    color:#FFFFFF;
    background-color: #7d7d7d;
    border-color: #676767;
}

.saveBtn
{
    background-color: #37B6CE;
    border-color: #206876;
    color:#FFFFFF;
}

.addDetBtn,  .cancelDetBtn
{
    border-radius: 12px 20px 12px 20px;
    cursor: pointer;
    font: bold 0.8em 'trebuchet ms',helvetica,sans-serif;
    min-height: 28px;
    min-width: 0;
    padding: 6px 3px 3px;
}

.addDetBtn
{
    background-color: #FF9D40;
    border-color: #BF7630;
    color: #FFFFFF;    
    width: 43px;
}

.cancelDetBtn
{
    background-color: #7D7D7D;
    border-color: #676767;
    color: #FFFFFF;   
    width:25px; 
}


.imbAddNewWin
{
    /*outline: 1px solid blue;*/
    float:left;
    margin-left:5px;
}



input:focus
{
    /*background-color:#c0e1e9;*/
    border-bottom: 1px solid #c0e1e9;  
} 
    
select:focus
{
    border-bottom: 1px solid #c0e1e9;      
}


/* Controles de usuario
****************************************/

/*TextBox*/
    div.contenedorCampo, div.contenedorCampoError
    {
        /*outline:1px solid red;*/
        height:24px;        
        float:left;
        margin-bottom:5px; /*debe ser parejo con .label, .labelMedium etc para que queden alineados*/
        border:1px solid gray;
        border-radius:10px;
        padding:4px;
    }
        
    div.preCampo
    {
        border:1px solid red;
        background-image: url('../images/fields/fieldPre.png'); 
        background-repeat:no-repeat;                         
        height:24px;
        width: 10px;
        float:left;
    }

    div.campo 
    {
        display: inline;
        /*background-image: url('../images/fields/fieldBody.png');
        background-repeat:repeat-x;*/ 
        /*height: 24px;*/        
        /*padding: 4px 0px 0px 4px;*/
        float:left;
    }


    div.contenedorCampoError
    {
        border: 1px solid red;
    }
    .contenedorCampoError .TextBox
    {
        color:Red;
        border-spacing:0px;
    }

    .iconoErrorCampo
    {
        height:14px;
    }

    input.TextBox
    {
        color: #007788;
        border: 0px;
        background-color: #fafafa;    
        font-size: 9pt; 
        font-family:Trebuchet MS, sans-serif, Arial, Helvetica;    
        height:14px;
    }
        
    div.postCampo 
    {
        background-image: url('../images/fields/fieldPost.png'); 
        background-repeat:no-repeat;                         
        height:24px;
        width: 10px;
        float:left;
    }
        
    div.campoObligatorio 
    { 
        color: #FF7C00;
        float: left;
        padding: 0 5px;    
    }

/*TextBoxAutoCode*/    
    .autoCode
    {
        background-color: white;
        background-image: url("../images/tags/autoCodeTag15.png");
        background-position: right center;
        background-repeat: no-repeat;
        color: #809392;        
    }
    .contMensajeAutoCode
    {
        float:left;
        background-color: #FFFFCC;
        background-image: url("../images/icons/iconoInfoWarning16.png");
        background-position: 2px 2px;
        background-repeat: no-repeat;
        border: 1px dashed gray;
        border-radius: 3px 3px 3px 3px;
        float: left;
        margin-left: 12px;
        margin-top: 3px;
        padding: 3px 3px 3px 24px;
    }

/*TextBoxTrad*/
    .contTraduccion
    {
        float:left;
        clear:right;
    }    
    .contIdioName
    {
        font-size: 9px;
        margin-top: -3px;
        padding: 0;
        text-align: center;                
    }
    .togleFlag
    {
        margin:0;
        padding:0;
    }

/*Desplegable*/        
    input.ddlBtnBuscar 
    { 
        float:right;           
        width: 25px;
    }

/* Checkbox*/

    .ucChkOff,.ucChkOn
    { 
        background-color: #FFFFFF;
        border: 0 none;
        margin-top: 4px;
        background-color: transparent;
        height: 30px;
        margin: 0;                
    }       
    .ucChkOff { }
    .ucChkOn 
    {
        background-position: center center;
        background-image: url('../images/icons/iconoChecked15.png');
        background-repeat: no-repeat;
    }


    
/* Resultado */
    .cuadroResultado
    {   
        /*background: #f5edd6 url('../images/resultado/fondoResultado.jpg') repeat-x*/
        /*border: 2px solid #cdc5ae;*/
        padding:5px 0 5px 0;
        margin-left: 32px;
        margin-top:20px;
        width: 960px;
    }
    
    .cuadroResultado .advertencias
    {
        background-color: #FFF4CC;
        border: 1px solid #E7C95B;
        border-radius: 6px 6px 6px 6px;
        color: #E79300;
        padding: 5px 5px 5px 20px;        
    }

    .cuadroResultado .error
    {
        background-image: url('../images/resultado/resultadoFallo16.png');
        background-position: left;
        background-repeat: no-repeat;
    
        padding-left: 23px;
    
        color:Red;
    }

    .cuadroResultado .exito
    {
        background-image: url('../images/resultado/resultadoOk16.png');
        background-position: left;
        background-repeat: no-repeat;
    
        padding-left: 23px;
        color:Green;
    }

    .cuadroResultado .advertencia
    {
        background-image: url('../images/resultado/resultadoAdvertencia16.png');
        background-position: left;
        background-repeat: no-repeat;
    
        padding-left: 23px;    
        color: #d9af05;
    }

    .cuadroResultado .advertencia .cabecera
    {
        font-weight:bold;
    }
    
    
/* Operaciones Rapidas */
    .operacionesRapidas
    {
        clear:both;
    }
    
    .operacion
    {
        margin: 0 10px 0 10px;    
        width:80px; 
        height:60px;
        overflow:hidden;    
        text-align:center;   
        font-size: 9pt; 
        font-family:Trebuchet MS, sans-serif, Arial, Helvetica;    
    }

    .operacion a:link
    {
        text-decoration:none;
        border: 0;    
    }

    .operacion
    {
        text-decoration:none;
        font-weight:bold;    
        border: 0;    
    }

    .iconOperacion
    {
        border:0;
    }
    
    .operacionesRapidas table tbody tr td
    { 
        text-align: center;
    }
    

    

/* DialogoModal */
.contMensajeResultadoModal
{
    background-color: #FFFFCC;
    background-image: url("../images/icons/iconoInfoWarning16.png");
    background-position: 2px 2px;
    background-repeat: no-repeat;
    border: 1px dashed gray;
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin-left: 12px;
    margin-top: 3px;
    padding: 3px 3px 3px 24px;
}


/* ucDetOver
*************************/
.detOverCont h3
{
    color:#37B6CE;
    font-variant:normal;
    font-weight:bold;    
}
.detOverCont h3 span.lblCodigo
{
    color: #FF9D40;
}


/* ucNoRegs 
*************************/
.gridNoRegs, .gridEditDetNoRegs
{
    /*outline: 1px solid black;*/
    border: 1px solid #666666;
    width: 300px;
    height: 90px;
    margin: 50px auto;
    background-color:White;
    
}

.noRegsTitle
{
    background-color: #FF9D40;
    border-color: #FF7D00 #FFC0CB #808080;    
    padding: 5px;
    font-weight: bold;
    color: #F5F5F5;    
}

.gridEditDetNoRegs .noRegsTitle
{
    background-color:#512882;
    border-color: #8643D6 #8643D6 gray gray;
}

.noRegsBody
{
    /*outline: 1px solid red;*/
    padding:7px;
    color: Black;
    background-color:White;
}


/* Top Title Buttons
***************************/
div.innerTitle
{
    height: 40px;
    /*outline: 1px solid gray;*/
}

div.innerTitle h2 
{ 
    float: left;
    margin-top: 8px;
    /*outline: 1px solid blue;*/
    width: 600px;
}

#contTitleButtons
{
    float: right;
    /*outline: 1px solid green;*/
}

.btnTopSave, .btnTopSaveDef
{
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 none;
    height: 40px;
    width: 40px;    
    cursor: pointer;
}
    .btnTopSave { background-image: url("../images/icons/topIconSave40.png"); }
    .btnTopSaveDef { background-image: url("../images/icons/topIconSaveDef40.png"); }

.btnTopReturn
{
    background-color: transparent;
    background-image: url("../images/icons/topIconReturn40.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 none;
    height: 40px;
    width: 40px;    
    cursor: pointer;
}

.btnTopExcel
{
    background-color: transparent;
    background-image: url("../images/icons/topIconExcel40.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 none;
    height: 40px;
    width: 40px;    
    cursor: pointer;
}

.btnTopImpresion
{
    background-color: transparent;
    background-image: url("../images/icons/impresion.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: 0 none;
    height: 40px;
    width: 40px;    
    cursor: pointer;
}



.btnTopPerspective
{
    background-color: transparent;
    background-image: url("../images/icons/iconSwtichPers35.png");
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px outset orange;
    border-radius: 5px;    
    height: 40px;
    width: 40px;    
    cursor: pointer;    
}


a:link.kibiNavLnk, a:visited.kibiNavLnk
{ 
    border-bottom: 1px solid orange;    
    color: #015666;
    text-decoration: none;
}

a:hover.kibiNavLnk
{
    color:#60bdce;    
    border-bottom: 1px solid #015666;    
}


.ucImageUpload_contImage
{
    width:175px;
}

.ucImageUpload_contImageUpload
{
    background-image: url("../images/ucFileUpload/photoFade175.png");
    background-repeat:no-repeat;
    background-position:center;
    background-color:Gray;
    height:200px;
    width:325px;
    color:Orange;
}

.innerImageUpload
{
    padding-top: 85px;
    text-align: center;    
}



.ucImageUpload_contImage
{
    height:175px;
    width:175px;
}

.ucImageUpload_contBtns
{
    position: absolute;
    width: 175px;
}

.ucImageUpload_contImage .btnEdit , .btnEliminar
{
    background-color: white;
    border: 2px solid black;
    border-radius: 30px;    
    padding: 2px 2px 2px 0;
}

.ucImageUpload_contImage .btnEdit { float:left;}
.ucImageUpload_contImage .btnEliminar { float:left;}


.ucImageUpload_contImage img
{
    max-height: 170px;
    max-width: 170px;    
}

.imgUploadOk
{
    margin-right: 30px;
    margin-top: 25px;   
}

.btnCancelUp_Click
{
    background-color:Red;
}



/* Dialogos Modales CSS 3
****************************************************/
.modalmask
{
    position: fixed;
    font-family: Arial, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 9998;
    opacity:1;
}




.modalbox
{
    width: 500px;    
    z-index: 9999;
    margin: 120px auto;
    
    position: relative;
    padding: 5px 20px 13px 20px;
    background: #fff;
    border-radius:10px;    
    
    box-shadow: 0px 0px 8px 0px  #37b6ce;
}

.modalbox h3 
{ 
    color: #04859d;
    font-size: 1.2em;
    font-variant: normal;
    font-weight: bold;
    margin: 5px;
}

.modalBoxFinalBtns
{

    text-align: left;
   
}

.modalBoxFinalBtnsItemAgenda

{
    margin-top  :15px;
    text-align: center;
    
 }
  
  
  
  
  
.modalBoxFinalBtns input { margin-right:10px;}
.modalbox .cuadroResultado {width:auto; margin:0;}


.modalbox .addDetBtn,  .modalbox .cancelDetBtn
{
    border-radius: 12px 20px 12px 20px;
    cursor: pointer;
    font-weight:bold;        
    min-height: 28px;
    width:auto;
    padding: 6px 3px 3px;
}


/*
***********/
.lnkCheckAll, .lnkCheckNone
{
    font-size:10px;
}

a.lnkCheckAll:link, a.lnkCheckAll:visited,  a.lnkCheckNone:link, a.lnkCheckNone:visited
{
    color: #424242;
    text-decoration: none;
}

a.lnkCheckAll:hover, a.lnkCheckNone:hover
{
    color: Orange;
}