@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;
    }
    .cbh_trow{
        display:  table-row;
        width:  100.00%;
    }
    .cbh_sleft{
    	display:  table-cell;
        width:    3.50%;
        height: 100.00%;
    }
    .cbh_logo{
        display:  table-cell;
        background-image: url(../img/logo-ml.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        width:   9.30%;
        height: 80.00%;
    }
    .cbh_scenter{     
        display:  table-cell;
        width:   72.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: center center;
        width:    2.20%;
        height: 100.00%;
	cursor: auto;
    }
    .cbh_usrnam{     
            display:        table-cell;
            width:          10.00%;
            vertical-align: middle;
            text-align: center;
    }
    .cbh_usrmnu{     
            display:  table-cell;
            position: relative;
            width:    1.70%;
            max-width: 1.70%;
            height: 100.00%;
            vertical-align: middle;
    }
        .cbh_usrmnuico{
        	cursor: pointer;
        	text-align: center;
        	vertical-align: bottom;
        	z-index: 1;
        }
        .cbh_menuarea{
            position: absolute;
            display:none;
            width: 1150.00%;
            height: 200.00%;
            right:  -45.00%;
            top:    110.00%;
            /* background-color: silver; */
        }
            .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;
                height: 25px;
                line-height: 25px;
                margin-top: 7%;
                /* margin-bottom: 5%; */
                margin-right: 3%;
                margin-left: 3%;
	        }
	        .cbh_usrmnuitem:hover{
                background-color: #f4f4f4;
            }
    .cbh_sright{     
        display:  table-cell;
        width:    1.00%;
        height: 100.00%;
    }    


.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%;
}


/* GRID  (invoices)*/
.invoicesTopMargin{
    height: 5%;
}
.invoices{
    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;
}
.archiveShow{
    cursor: pointer;
    background-image: url(../img/archive.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;
}

/* Form Layer */
.formInvoiceArea{
    background-color: #f4f4f4;
    width: 100%;
}
.formISLRArea{
    background-color: #f4f4f4;
    width: 100%;
}
.formIVAArea{
    background-color: #f8f8f8;
    width: 100%;
}
.formISLRArea h3,
.formIVAArea h3{
    text-align: right;
    color: #888;
}

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