/* MASK */
.mask, .maskWhite{position:absolute;left:0;top:0;width:100%;height:100%;background-color: #000;opacity:0;}
.maskTransition{transition: opacity 0.5s;-webkit-transition-delay: 0.3s;  transition-delay: 0.3s;opacity:0.25;}
.loading.dialogTransition{-webkit-transition-delay: 0.3s;  transition-delay: 0.3s;transition: opacity 0.25;}
	 
	

/* DIALOG */
.shb-dialog{margin:0;position: absolute;overflow: visible;	top:0;left:0;background-color: #f7f7f7;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,0.15)}
.shb-dialog .shb-dialog-body-content{border-bottom:none;overflow: auto;}
.shb-dialog .shb-dialog-resize{float:right;cursor:se-resize;}
.shb-dialog .shb-dialog-resize i{  color: #e2e2e2; font-size: 16px; height: 18px; width: 18px;}

.shb-dialog-header{cursor:move;padding:8px;display: -webkit-box; display: -moz-box; display: -ms-flexbox;  display: -webkit-flex; display: flex;width: 100%; box-sizing: border-box;}
.shb-dialog-header .shb-dialog-nav-menu .shb-btn{padding:4px !important;border:2px solid black;border-radius:22px;box-sizing: inherit;height: 22px;width:22px}
.shb-dialog-header .shb-dialog-title{margin:5px 10px;overflow:hidden;}
.shb-dialog-header .shb-dialog-title .title{font-size:20px}
.shb-dialog-header .shb-dialog-title *{white-space: nowrap;}
.shb-dialog-header .shb-dialog-actions-menu{margin-left:auto; padding:0 !important}

.shb-dialog .shb-view-toolbar-header .shb-view-title, .shb-dialog-header .shb-dialog-title{width:100%;cursor:move;}

.shb-dialog.def {background-color: #fff}

.shb-dialog.alert{border:1px solid #c9302c !important}
.shb-dialog.alert .shb-dialog-header{background-color: #c9302c !important; }
.shb-dialog.warning{border:1px solid #f0ad4e !important}
.shb-dialog.warning .shb-dialog-header{background-color: #f0ad4e !important; }
.shb-dialog.info{border:1px solid #5cb85c !important}
.shb-dialog.info .shb-dialog-header{background-color: #5cb85c !important; }

.shb-dialog.info .shb-dialog-header,
.shb-dialog.warning .shb-dialog-header,
.shb-dialog.alert .shb-dialog-header{padding:3px !important}

.shb-dialog.alert .shb-dialog-header *, 
.shb-dialog.warning .shb-dialog-header *, 
.shb-dialog.info .shb-dialog-header *{color:#fff !important;border: none !important}

.shb-dialog.info .shb-dialog-header .shb-dialog-title,
.shb-dialog.warning .shb-dialog-header .shb-dialog-title,
.shb-dialog.alert .shb-dialog-header .shb-dialog-title{margin:5px}

.shb-dialog.info .shb-dialog-header .shb-dialog-nav-menu,
.shb-dialog.warning .shb-dialog-header .shb-dialog-nav-menu,
.shb-dialog.alert .shb-dialog-header .shb-dialog-nav-menu{order:2}

 

.dialogBeforeTransition{opacity : 0;}
.dialogTransition{transition : opacity 0.5s;opacity : 1;}



/* DROP DOWN DIALOG */
/* dropdown icon */
.shb-btn .shb-dropdown-image{font-size:14px !important;margin-left:5px}
	
.shb-dialog.dropdown{background-color:#fff}
.shb-dialog.dropdown .shb-dialog-header .shb-btn:hover{background-color: transparent;}
.shb-dialog.dropdown .shb-dialog-header .shb-btn:hover, .dropdown .shb-btn:hover *{text-decoration:none;color:inherit; text-shadow: inherit;}
.shb-dialog.dropdown .shb-dialog-body .shb-menu>li{padding-right:0}
.shb-dialog.dropdown .shb-dialog-body .shb-btn{width:100%;box-sizing:border-box;display:block;text-align: left;padding: 8px 10px 8px 10px;position:relative;}
.shb-dialog.dropdown .shb-dialog-body .shb-btn:hover{background-color: rgb(80, 166, 190) !important;transition:0s !important}
.shb-dialog.dropdown .shb-dialog-body .shb-btn:hover, .shb-dialog.dropdown .shb-dialog-body .shb-btn:hover *{text-decoration:none;color:white; text-shadow: 1px 1px 1px rgba(0,0,0,0.2)}
.shb-dialog.dropdown .shb-dialog-body .shb-btn.selected{background-color: rgba(80, 166, 190, 0.2) !important;}
.shb-dialog.dropdown .shb-dialog-body .shb-btn.selected:hover, .shb-dialog.dropdown .shb-dialog-body .shb-btn.selected:hover *{color: #000;text-shadow: 1px 1px 1px rgba(255,255,255,0.2)}
.shb-dialog.dropdown .shb-dialog-body .shb-btn button{background-color: transparent;border:none}
.shb-dialog.dropdown .shb-dialog-body .shb-dropdown-image{float:none;position:absolute;top:50%;margin-top:-7px;right:8px}
.shb-dialog.dropdown .shb-dialog-body .shb-btn span:not(:last-child){margin-right:20px}

.shb-dialog.dropdown .go-chevron_left{float:left}
.shb-dialog.dropdown .shb-dialog-body-content {overflow: visible}

.shb-dialog.dropdown .shb-btn.dropdown-item>span{float:left}
.shb-dialog.dropdown .shb-btn.dropdown-item>ul{float:right;margin-left:10px;visibility:hidden}
.shb-dialog.dropdown .shb-btn.dropdown-item:hover>ul{visibility: visible;}
.shb-dialog.dropdown .shb-btn.dropdown-item>ul .shb-btn{padding:0 4px}
.shb-dialog.dropdown .shb-btn.dropdown-item>ul .shb-btn:hover{background-color: transparent !important;}
		
/* FEEDBACK DIALOG */
.shb-dialog.feedback .shb-table-row-1, .shb-dialog.feedback .shb-table-row-2{border:none}
.shb-dialog.feedback .shb-table-column-filler{width:0}




/* LOADING DIALOG */
.shb-dialog.loading{background-color: transparent !important; box-shadow:none !important}
.shb-dialog.loading .shb-dialog-body-content div{width: 50px; height: 50px; border-radius: 50px; padding: 5px; box-sizing: border-box; vertical-align: middle; color: gray;}
.shb-dialog.loading img{width: 40px;   opacity: 0.6;}
	
	
/* UPLOAD FILES */
.shb-upload-file-loading-dialog{position: absolute;overflow: visible;top:0;left:0;	border-collapse:collapse;}
.shb-upload-file-loading-dialog{background-color:#F5F5F5;border-radius:5px;padding:10px;margin-bottom:5px;width:400px;box-sizing:border-box}
.shb-upload-file-loading-dialog .dialogBodyContent{overflow: inherit;padding:10px;background-color: #fff;width:420px;box-sizing:border-box}
.shb-upload-file-loading-dialog .shb-upload-file-label{float:left;width:360px;white-space: nowrap; overflow: hidden}
.shb-upload-file-loading-dialog .shb-upload-file-remove{float:right;cursor:pointer; font-size:16px !important}
.shb-upload-file-loading-dialog .shb-upload-file-progress{margin:10px;background-color:#e2e2e2;height:3px; width:360px}
.shb-upload-file-loading-dialog .shb-upload-file-progress-bar{background-color: #0099FF;height: 3px;width: 1px;}
.shb-upload-file-loading-dialog #shb-upload-file-menu{text-align: center;margin-top:10px}
	
	
/* TOOLTIP */
.shb-dialog.tooltip .shb-dashboard-item{margin:0}