div.dialog{position:fixed; width:100%; height:100%; top:0; left:0; z-index:12; text-align:center; background:rgba(255,255,255,0.5);}
div.dialog div.formBody[data-id="formBody"]{max-height:550px; overflow:auto; overflow-x:hidden}
div.dialogVisible{display:none}

div.boxDisplay { 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
}

/* FLOAT LAYERS */
div.dialog div.floatLayer{background:#f0f0f0; text-align:left; display:inline-block; margin:auto; box-shadow:0 0 50px #aaa; max-width:80%}	    
div.dialog div.floatLayer div.header{color:#428bca}
div.dialog div.floatLayer div.formHeader_options{right:0}
		   div.floatLayer input[ngautocomplete]{width:calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-moz-calc(100% - 10px); }
div.dialog div.floatLayerLocked{border:dotted 2px #ac0233}

div.dialog div#floatLayer_wrap{overflow-x:auto; padding:10px;}
div.dialog div.floatLayer div.floatLayer_filters{height:420px;}
div.dialog div.floatLayer_filter{width:200px; display:inline-block; position:relative; vertical-align:top}
div.dialog div.floatLayer_filter div.fieldName{line-height:30px; font-size:13px; color:#428bca; font-weight:bold; border-bottom:solid 1px #428bca}
div.dialog div.floatLayer_filter div.fieldName input{margin:8px 6px 0 0; float:left}
div.dialog div.floatLayer_filter div.fieldOptions{background:#f0e9e5; height:390px; overflow-y:auto}
div.dialog div.floatLayer_filter div.fieldOptions:hover{background:rgba(240, 233, 229, 0.5);}
		   div.floatLayer_filter div.fieldOptions input[type="text"].search{margin:10px; cursor:text; position:fixed}


div.dialog ul.fieldOptions{padding:10px;}
div.dialog ul.withSearch{margin-top:30px}
div.dialog ul.fieldOptions li input{margin:6px 6px 0 0; float:left}
div.dialog ul.fieldOptions li{line-height:27px; color:#323232; font-size:12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

div.dialog p.floatLayer_info{padding:10px; background:#fffacf; border:solid 1px #f2e99c}

/* FORM HEADER */
div.formHeader{height:34px; color:#2164c4; line-height:34px; font-weight:bold; padding-left:12px; background:white; font-size:12px; border-bottom:solid 1px #b8b8b8; box-shadow:0 1px 0 #428bca; text-transform:uppercase;}
div.formHeader[ngsearchoptions]:hover{background:#fffdc8; cursor:pointer}

/**************/
/* BODY FORMS */
/**************/
section[role="form"]{background:#f5f5f5; margin-bottom:10px}
section[data-role="tabForm"]{display:none;}
section.formHalf{width:calc(50% - 5px) !important; width:-webkit-calc(50% - 5px) !important; width:-moz-calc(50% - 5px) !important; position:initial !important; float:left;} /* For divide the screen in 2 forms */
section.formHalfEnd{margin-left:10px;}

div.formBody{padding:15px; font-size:12px; border-top:solid 1px #428bca; color:#323232; background:#f5f5f5}

div.emptyRow{padding:20px; background:#f5f5f5; text-align:center; font-size:13px}
div.formBody div.emptyRow{padding:10px 20px; background:#f5f5f5; text-align:center}
div.formBody p{margin-top:0}

/****************/
/* FOOTER FORMS */
/****************/
div.footerAction{background:#428bca; padding:10px 0;}

	/* LOCK */
	div.footerAction a.lockBtn{float:left !important; opacity:1 !important}

	/* ICONS */
	div.footerAction a.actionBtn{float:right; color:white; line-height:40px; margin-right:10px;}
    div.footerAction a.closebtn{opacity:0.5;}
    div.footerAction a.loading{float:left; color:#ffcc00; line-height:40px; margin-left:10px; display:none}
    div.footerAction a.actionBtn:hover{color:#ffcc00; cursor:pointer;}
    div.footerAction a.actionBtn:hover i{background-color:#ffcc00; opacity:1}
    div.footerAction i{margin: 0 5px -4px 0;}

    /* BIG FOOTER */
    div.bigfooterBar{padding:10px; background:#428bca; text-align:right; margin-top:10px;}

/* GLOBAL */
div.dialogWrapper{width:100%; height:100%; position:fixed; background:rgba(255, 255, 255, 0.7); z-index: 9999; display:none}
div.dialogSearchCriteria{border-top:none; padding-top:0}

/********/
/* INFO */
/********/
div.infoDialog div.formHeader{color:#2164c4; box-shadow:0 1px 0 #2164c4; padding-left:15px}
div.infoDialog div.formHeader i{margin:-5px 10px -5px 0}

div.infoDialog div.infoDialogBody{padding:30px 100px; border-top:solid 1px #2164c4; font-size:14px;}

div.infoDialog div.footerAction{background:#ebebeb;text-align:center;}
div.infoDialog div.footerAction a.closebtn{opacity:1;}

/*********/
/* ERROR */
/*********/
div.errorDialog div.formHeader{color:#c42121; box-shadow:0 1px 0 #c42121; padding-left:15px}
div.errorDialog div.formHeader i{margin:-5px 10px -5px 0}

div.errorDialog div.errorDialogBody{padding:30px 100px; border-top:solid 1px #c42121; font-size:14px;}

div.errorDialog div.footerAction{background:#c42121; text-align:center}
div.errorDialog div.footerAction a.closebtn{opacity:1;}
 
/***********/
/* CONFIRM */
/***********/
#confirmDialog{display:none}
div.confirmDialog{z-index:99}
#confirmDialog_message{font-size:14px; text-align:center;}
#confirmDialog_submessage{text-align:center; color:gray;}
div.confirmDialog div.floatLayer{width:400px;}
div.confirmDialog div.footerAction{background:white; padding:0}
div.confirmDialog div.footerAction div{font-size:15px; height:40px; line-height:40px; color:white; width:calc(50%); text-align:center; cursor:pointer; float:left;}
div.confirmDialog div.accept{background:green;}
div.confirmDialog div.accept:hover{background:#019001}
div.confirmDialog div.reject{background:#c42121;}
div.confirmDialog div.reject:hover{background:#de2727;}

/***********************/
/* CONFIRM WITH CANCEL */
/***********************/
#confirmCancelDialog{display:none}
div.confirmCancelDialog{z-index:99}
#confirmCancelDialog_message{font-size:14px; text-align:center;}
#confirmCancelDialog_submessage{text-align:center; color:gray;}
div.confirmCancelDialog div.floatLayer{width:400px;}
div.confirmCancelDialog div.footerAction{background:white; padding:0}
div.confirmCancelDialog div.footerAction div{height:40px; line-height:40px; color:white; text-align:center; cursor:pointer; float:left;}
div.confirmCancelDialog div.accept{background:green; width:calc(50%);}
div.confirmCancelDialog div.accept:hover{background:#019001}
div.confirmCancelDialog div.reject{background:#c42121; width:calc(50%);}
div.confirmCancelDialog div.reject:hover{background:#de2727;}
div.confirmCancelDialog div.cancel{clear:both; background:gray; width:100%}
div.confirmCancelDialog div.cancel:hover{clear:both; background:#999999;}

/* MOBILE */
@media (max-width: 991px) {
    
    div.infoDialog div.infoDialogBody{padding:10px 20px;}

}