@import "global.css" screen;
@import "general.css" screen;

.cb_head{
    display         :block;
    background-color: #fff159;
    height          :   7.50%;
    width           : 100.00%;
}
    .cb_thead{
        display:  table;
        width:  100.00%;
        height: 55px;
        border-spacing:5px;
    }
    .cbh_trow{
        display:  table-row;
        width:  100.00%;
    }
    .cbh_logo{
        display:  table-cell;
        background-image: url(../img/logo-ml.png); 
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        width:  10.00%;
    }
    .cbh_scenter{     
        display:  table-cell;
        width:   70.00%;
        /*height: 100.00%;*/
    }
    .cbh_usrpic{     
        display:  table-cell;
        background-image: url(../img/ic-user.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right center;
        width:    3.00%;
        /*height: 100.00%;*/
	cursor: auto;
    }
    .cbh_usrnam{     
            display:        table-cell;
            vertical-align: middle;
            text-align: center;
    }
    .cbh_usrmnu{     
            display:  table-cell;
            position: relative;
            width:    2%;
            vertical-align: middle;
    }
        .cbh_usrmnuico{
        	cursor: pointer;
        	text-align: center;
        	vertical-align: bottom;
        	z-index: 1;
        }
/*
        .cbh_menuarea{
            position: absolute;
            width: 1150.00%;
            height: 200.00%;
            right:  -45.00%;
            top:    110.00%;
        }
            .cbh_menubox{
                position: relative;
                width:  100.00%;
                height: 100.00%;
                box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
                border-style: solid; 
                border-color: #dedede;
                border-width: 1px;
                background-color: #ffffff;
                cursor: pointer;
                z-index: 1;
            }
            .cbh_menubox:before{
                content:"";
                position: absolute;
                    top: -8px;
                    left: 88%;
                    transform:rotate(45deg);
                width:  15px;
                height: 15px;
                border-style: solid; 
                border-width:    1px;
                border-right-style:  none;
                border-bottom-style: none;
                border-color: #dedede;
                background-color: #ffffff;
            }
        
	        .cbh_usrmnuitem{
    		    font-size: 87.75%;
    		    color: #3a3a34;
    		    text-align: right;
    		    margin-top:     7%;
    		    margin-bottom:  5%;
    		    margin-right:   5%;
	        }
*/

.hup_screen{
    width:  100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
    .hup_form{
        position: relative;
        width:  31.80% ;
        height: 63.20%;
        top:    20.00%;
        left:   34.10%;
        border-radius: 5px;
        box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.3), 0 2px 4px 0 rgba(0, 0, 0, 0.3);
        background-color: #ffffff
    }
    .hupf_tbl{
        display: table;
        width:  99%;
        height: 99%;
    }
    .hupf_row{
        display: table-row;
        width:  100.00%;
    }
    .hupf_cellsep{
        display: table-cell;
        width: 17%;
        text-align: center;
        padding-top: 2%;
        padding-left: 8%;
    }
    .hupf_cellcnt{
        display: table-cell;
        width: 66%;
        background-color: #ffffff;
    }
      
    .hupf_icon_close{
    	display: block;
    	width: 20px;
     	height: 20px;
     	border: solid 1px #434236;
     	-moz-border-radius: 50%;
     	-webkit-border-radius: 50%;
     	border-radius: 50%;
     }
     .hupf_custname{
         font-size: 1.25rem;
         font-weight: 500;
         color: #383838;
     }
     .hupf_custid{
         font-size: 1.125rem;
         font-weight: 300;
         color: #383838;
     }
     .hupf_usrmail{
     	font-size: 0.9375rem;
     	font-weight: 300;
     	color: #383838;
     	margin-top: 15px;
     }
        
    .hupf_linesep{
        border-top: solid 1px #e7e6e6;
    }
    .hupf_boton{
    	width: 90%;
    	font-size: 120%;
    	text-align: center;
    }



.cb_body{
    display         : block;
    background-color: #f4f4f4;
    height          :  86.00%;
    width           : 100.00%;
}
.cb_foot{
    display         :block;
    background-color: #fcfcfc;
    height          :   6.50%;
    width           : 100.00%;
}

.showinfo{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#showinfo{
    overflow: hidden;
}


/* GRID  (grid_area)*/
.grid_areaTopMargin{
    height: 50px;
}
.grid_area{
    position: relative;
    width: 95%;
    height: 90%;
    margin-left: auto;
    margin-right: auto;
}
.warningShow{
    cursor: pointer;
    background-image: url(../img/warning.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
}
.errorShow{
    cursor: pointer;
    background-image: url(../img/error.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
}
.stReported{
    cursor: pointer;
    background-image: url(../img/doblecheck.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
}
.stAproved{
    /*cursor: pointer;*/
    background-image: url(../img/check.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
}
.stOK{
    
}
.stWarning{
    cursor: pointer;
    background-image: url(../img/warning.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
}
.stError{
    cursor: pointer;
    background-image: url(../img/error.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
}
.archiveShow{
    /*cursor: pointer;
    background-image: url(../img/archive.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;*/
}
.archive1Show{
    cursor: pointer;
    background-image: url(../img/archive1.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
}
.archive2Show{
    cursor: pointer;
    background-image: url(../img/error.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
}
.pdfShow{
    cursor: pointer;
    background-image: url(../img/pdf.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
}
.newShow{
    cursor: pointer;
    background-image: url(../img/review.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
}
.dataShow{
    cursor: help;
}
.nullShow{
    cursor: pointer;
 /*   background-image: url(../img/null.png); */
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
}
.lockShow{
    cursor: pointer;
    background-image: url(../img/null.png);
    background-size: initial;
    background-repeat: no-repeat;
    background-position: center center;
}
/* Form Layer */
.formcuserArea{
    background-color: #f4f4f4;
    width: 100%;
}

.formButtonsArea{
    width: 100%;
    border-spacing:10px;
}
.formBtnFld{
    width: 100%;
}
.invoice_formcont{
	position: relative
}
	.cuser_form{
		position: absolute;
		top: 0;
		left: 0;
		min-width: 680px;
		height: 100%;
		visibility: hidden;
	}
	.cuser_form_cnt{
		color: black; 
		width:650px;
		padding:10px;
	}
	.ffn{
		text-align: right;
	}
	
#frm_save{
    width:100%;
}

.infoTip{
    position: fixed;
    opacity: 0;
    background-color: #fff159;
    border-radius: 5px;
    border: none;
    min-width: 50px;
    min-height: 50px;
    padding: 3px;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
    font-size:90%;
    transition: opacity 0.5s;
}
.infoTipClose{
    cursor: pointer;
    float: right;
    color: #666;
}
.infoTipArrowLeft:after, .infoTipArrowLeft:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.infoTipArrowLeft:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #fff159;
    border-width: 10px;
    margin-top: -10px;
}
.infoTipArrowLeft:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #fff159;
    border-width: 16px;
    margin-top: -16px;
}
.infoTipArrowRight:after, .infoTipArrowRight:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.infoTipArrowRight:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #fff159;
    border-width: 10px;
    margin-top: -10px;
}
.infoTipArrowRight:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #fff159;
    border-width: 16px;
    margin-top: -16px;
}
.infoTipCont{
    display: table;
    width: 95%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 3px;
}
.infoTipRow{
    display: table-row;
}
.infoTipLbl{
    display: table-cell;
    color: #a6a6a6;
    white-space: nowrap;
}
.infoTipMsg{
    display: table-cell;
    color: #444;
    font-size: 80%;
}
.infoTipVal{
    display: table-cell;
    color: #444;
    white-space: nowrap;
}

.filtConTable{
    display: table;
    width: 100%;
}
.filtConCell{
    display: table-cell;
    width: 50%;
}
.filtBtnCell{
    vertical-align: bottom;
    text-align: center;
}
#filter{
    height: 100%;
}

.filtLbl{
    display: block;
    font-size: 120%;
    font-weight: bold;
}
.filtRow{
    display: table;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.filtCell{
    padding: 10px;
    display: block;
    text-align: center;
}

.filtEstatus{
    width: 100%;
    /*margin-left: 25px;*/
}
.filtFecha{
    width: 100%;
}

a#frm_limpiar,
a#frm_filtrar {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background-color: #3483fa;
    color: #fff;
    border: 1px solid #3483fa;
}
.checkbox-checked{
    background-color: #3483fa;
}

.messager-button .l-btn {
    background-color: #3483fa;
    color: #fff;
    border: 1px solid #3483fa;
}


.rpt_ConTable{
    display: table;
    width: 100%;
}
.rpt_ConCell{
    display: table-cell;
    width: 50%;
}
.rpt_BtnCell{
    vertical-align: bottom;
    text-align: center;
}
#rpt_er{
    height: 100%;
}

.rpt_Lbl{
    display: block;
    font-size: 120%;
    font-weight: bold;
}
.rpt_Row{
    display: table;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.rpt_Cell{
    padding: 10px;
    display: block;
}


.rpt_Fecha{
    width: 100%;
}

a#frm_reportar {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background-color: #3483fa;
    color: #fff;
    border: 1px solid #3483fa;
}
