
.separatoreDX{ border-right: 1px dotted #b0b0b0; padding-right:25px;}
.separatoreSX{ border-left: 1px dotted #b0b0b0;  padding-left:25px;}

.badge-danger {
  background-color: #d9534f;
}

/* CSS Document */
.modal { overflow: auto !important; }
.modal-body{ max-height:calc(100vh - 190px); overflow: auto;}


.has-feedback label ~ .form-control-feedback {
    top: 20px;
}


label.error{ font-weight:normal; color:#C30;}

body { padding-right: 0 !important }

  .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: #555;
    }

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

form  .tab-pane{ margin-top:10px;}
form  .row{ margin-bottom:10px;}

.detail-view .row{ margin-bottom:10px;}


label{ margin-bottom:0; font-size:13px;}
.progress div{height:20px;}

i[title], span[title]{cursor:pointer;}
.tooltip > .tooltip-inner {background-color: #424242; /*border:1px solid #06C;*/ font-size:15px; /*color:#232323;*/}
.tooltip.in {
  opacity: 0.95;
  filter: alpha(opacity=95);
}
.tooltip.top > .tooltip-arrow {/* Tooltip on top */
    border-top: 5px solid #424242;}

.tooltip.bottom > .tooltip-arrow {/* Tooltip on bottom */
    border-bottom: 5px solid #424242;}

.tooltip.left > .tooltip-arrow {/* Tooltip on left */
    border-left: 5px solid #424242;}

.tooltip.right > .tooltip-arrow {/* Tooltip on right */
    border-right: 5px solid #424242;}


.panel-success > .panel-heading {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.panel-success {
    border: 2px solid #4cae4c;
	border-radius: 5px;
}

/* creo sticky panel per filtri */
.affix {
      top:0;
      width: 100%;
      z-index: 10 !important;
  }
  
.affix ~ .container {
     position: relative;
     top: 100px;
  } 
/* fine sticky panel*/

.breadcrumb {background: rgba(237, 237, 237, 1); border: 0px solid rgba(245, 245, 245, 1); border-radius: 4px; display: block;}
.breadcrumb li {font-size: 16px;}
.breadcrumb a {color: rgba(66, 139, 202, 1);}
.breadcrumb a:hover {color: rgba(42, 100, 150, 1);}
.breadcrumb>.active {color: rgba(0, 0, 0, 1);}
.breadcrumb>li+li:before {color: rgba(33, 33, 33, 1); content: "\203A\00a0";}

.place_holder{color: gray;}
option{color: #000000;}

.TxtRight{ text-align:right;}
.TxtLeft{ text-align:left;}
.TxtCenter{ text-align:center;}
.txt12{ font-size:12px}

.selTab1{ background:#d9edf7;}
.selTab2{ background:#eaeaea !important;}

.loading{ background:url(../images/loading.gif) 50% 50% no-repeat; width:100%; height:100%; min-height:80px}

.border-bt-1{ border-bottom:2px solid #bbbbbb;}

.border-UP{ border-left:2px solid #bbbbbb; border-top:2px solid #bbbbbb;  border-right:2px solid #bbbbbb; border-bottom:none;}

.border-DW{ border-left:2px solid #bbbbbb; border-bottom:2px solid #bbbbbb;  border-right:2px solid #bbbbbb; border-top:none;}

table > tbody > tr.detail-view > td{padding-bottom:15px; !important}

input.allegato{border:1px solid #ccc; width:100%; border-radius:4px; padding:5px;}

.navigazione{ background:#ddd; padding:5px 0 5px 0; margin:0 0 15px 0;}
.bordo1{ border:1px solid #ccc; border-radius:4px; padding:6px;}
.bordo2{ border:1px solid #ccc; border-radius:4px; padding:6px; margin:15px;}
.bordo3{ border:1px solid #ccc; border-radius:3px; padding:6px; margin:0;}



.bordo1b{ border-bottom:1px solid #ccc; padding-bottom:6px; margin-bottom:6px;}

.bordo1_grigio{ background:#ccc; color:#232323; padding:10px 15px; margin-bottom:15px; border-radius:4px;}

.bordo1b_grigio{ background:#ccc; color:#232323; padding-top:10px; margin:0; border-radius:4px;}

.bg_ico_verde{ background:#5cb85c; color:#fff; padding:5px; border-radius:3px; font-size:15px;}

.fileWrap{ background:#f0f0f0;  border-radius:4px; display:block}


.menuNav{ border:1px solid #dfdfdf; background-color:#fafafa; border-radius:4px; padding:10px; margin:0 0 10px 0;}

.MobOnly{display:none;}
.DeskOnly{display:inline;}

/* modifica bootstrap*/
.panel-grigio > .panel-heading {
    color: #FFF;
    background-color: #666;
    border-color: #666;
}
.panel-grigio {
    border-color: #666;
}
/*
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    background-color: #666;
 	border-color:#666;
}*/

.fixed-table-container td.VertMid{ vertical-align: inherit;}
/*.ContCheckBox{	display: inline-block; padding: 6px 12px; margin-bottom: 0px; font-size: 14px; font-weight: 400; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle;
cursor: pointer; -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #333; background-color: #FFF; border-color: #CCC;}*/


.marTop10{margin-top:10px;}
.marBottom10{margin-bottom:10px;}
.marBottom10Mob{margin-bottom:0;}

/*
.panel-default > .panel-heading {  background-color: #000000; color:#fff; border:1px solid #000;}

.btn-warning{color:#000;background-color:#ffd60c;border-color:#eea236}
.btn-warning:hover{color:#000;background-color:#ffb80c;border-color:#ffb80c}

*/
.input-group-addon2{background-color: #000000; color:#fff; border:1px solid #000;}
/*.bg-default{color:#000;background-color:#ffd60c;}*/

.box-gray{border: 1px solid #ccc; border-radius: 4px; background-color:#dfdfdf; color:#000; padding: 6px 12px;}
.bg-gray{ background-color:#dfdfdf; color:#000;}
.bg-black{ background-color:#000; color:#fff; border:1px solid #000;}
label{ cursor:pointer;}

input.displayNone{ display:none;}





/*daTepikerGray*/

.datepicker .TabGrigia { background-color:#666; color:#fff;}

@media (min-width: 768px) {
  .modal-xl {
   width: 98%;
  }
}


@media(max-width:767px){
	
  .modal-xl {
   width: 98%;
  }

.marBottom10Mob{margin-bottom:10px;}
	
.TxtRight{ text-align:left;}
.TxtLeft{ text-align:left;}
.TxtCenter{ text-align:left;}

#menuNavigazione .navbar-btn a{display:block;}

.MobOnly{display:inline;}
.DeskOnly{display:none;}
.bordo1{ border:1px solid #ccc; border-radius:4px; padding:6px; margin:10px 0;}

}


/* margini e padding*/
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}

.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}

.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}



.maxH500{max-height:500px; overflow:auto; padding-right:15px;}
/*
@charset "UTF-8";

@font-face {
  font-family: "megatron";
  src:url("fonts/megatron.eot");
  src:url("fonts/megatron.eot?#iefix") format("embedded-opentype"),
    url("fonts/megatron.woff") format("woff"),
    url("fonts/megatron.ttf") format("truetype"),
    url("fonts/megatron.svg#megatron") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "megatron" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "megatron" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


 .icone .icon {
	 	vertical-align:middle;
		text-align:center;
	 	width:100%;

        font-size: 30px;
		padding:5px 5px 0 5px;
		-webkit-border-radius: 3px;
        border-radius: 3px;
		border: 1px solid #d8e0e5;
    }

 .icone .icon.active {
	 	border:1px solid #4cae4c;
		color:#fff;
		background:#5cb85c;
    }
	*/
	
/*   da usare nws*/
.editBlock{position:absolute; width:100%; max-width:744px;}
.wrp{ border:1px solid #555;  max-width:700px;}
.wrp-placeholder{ border:1px solid #F90; background:#FC0; min-height:80px; max-width:700px;}

.MoveBT{border:1px solid #555; padding:6px; text-align:center;background:#fff; left:-28px; margin-top:-1px; position:absolute; width:28px; height:28px; text-align:center;}
.RemoveBT{border:1px solid #fa0000; padding:6px; right: 18px; margin-top: -1px; background:#fa0000; position:absolute; color:#fff; width:28px; height:28px; text-align:center;}

.MoveBT.fa, .RemoveBT.fa {vertical-align:middle;}

.mrg5{ margin:8px}

.box10_grigio{ background:#f0f0f0; padding:30px; border-radius:10px;}
.nws_mb30{margin-bottom:30px;}


.mceExternalToolbar {
    position: fixed !important ;
    top: -28px !important ;
}

.alert-padding-small {
	padding: 6px;
	text-align: center;
	margin: 0;
}

.modal-xl {
	width: 95%;
	max-width: 1500px;
}

.bg-grigio{ background:#e0e0e0}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}

.mb10{margin-bottom:10px;}

ul {padding:0 15px;}

