/*
	nella pagina dove sono presenti i tab, viene creata una classe ui-dialog-titlebar con gli stessi valori
	di questa aggiungendo gli important
	questo perchè, i tab hanno un ui-widget-header a parte che non deve andare sovrascritto
	nella configurazione dell'xmeter e dei diris vengono anche inserite le classi ui-dialog e button-pane, perchè questo css non può essere inserito per mantenere i tab
*/
.ui-widget-header{
	padding-left: 8px; 
	padding-top: 8px;
	 color:white;
	 border-bottom:2px solid black;
	 height: 30px !important;
	 margin-bottom:15px;
}

.ui-dialog{
	position:absolute;
	background:#CEE3F6;
	font-size: x-medium;
	font-family: sans-serif;
	font-weight: bold;
	border:1px solid #ccc;
	width: 100%;
	height: 100%;
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	width:-webkit-calc(100% - 2px);
	height:-webkit-calc(100% - 2px);
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	padding:0;
}

.ui-dialog .ui-dialog-buttonpane {
	padding:0;
}

.ui-dialog-buttonpane .ui-dialog-buttonset{
	height: 45px;
	background:#CCCCCC;
    background: linear-gradient(to bottom, #CDCDCD 0px, #A6A6A6 50%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top,left bottom, color-stop(0%, #CDCDCD ),color-stop(50%,#A6A6A6));	
    width:100%;
    border-top: 2px solid #0075BC;
    font-family: "Open Sans", sans-serif;
    text-align:right;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin-top:3px;
    margin-right:5px;
}

.ui-button{
	cursor:pointer;
	height:38px;
	min-width:100px;
    border: 1px solid #CCCCCC;
    color: #1C94C4;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    font-size:17px;
}

.ui-dialog-titlebar-close{
    background: url("/html/styles/et/img/buttons/popupCross.png") !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    min-width:24px !important;
	height:24px !important;
	border: 0 !important;
}
.ui-dialog-titlebar-close:hover{
	 background: url("/html/styles/et/img/buttons/popupCrossHover.png") !important;
	 background-repeat:no-repeat !important;
     background-position:center !important;
     border: 0 !important;
}

.ui-state-default .ui-icon {
	background-image:none !important;
}

.ui-dialog .ui-dialog-content{
	padding: 0 !important;
	margin: 0 !important;
}

.ui-dialog{
	background: #fff !important;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    border: 1px solid #e5e5e5  !important;
}


.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:0px !important}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:0px !important}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:0px !important}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:0px !important}

.ui-dialog-titlebar.ui-widget-header{
	border-bottom: 1px solid #e5e5e5 !important;
	background:#f9f9f9 !important;
	color: #555 !important;
	font-weight:normal !important;
	margin-bottom: 0 !important;
	border: 0 !important;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-size: 16px !important;
	line-height: 28px !important;
}

.ui-dialog-buttonpane .ui-dialog-buttonset {
	background: #f9f9f9 !important;
	background-color: #f9f9f9 !important;
	border-top: 0 !important;
	margin-top: 0 !important;
}
.ui-dialog-buttonpane.ui-widget-content, .ui-dialog-titlebar.ui-widget-content{
	border-top: 1px solid #e5e5e5 !important;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{
	border-bottom: 1px solid #DDDDDD  !important;
}