/* $Id: sbc.css 788 2015-10-22 09:49:11Z riccardo $
*/

* {
    /*NTSMDB per fix scrollbar quando ricalcola le dimensioni dello schermo*/
    box-sizing: border-box;
}

body{
/*	padding-top: 5px;*/
	font-family:sbc, sans-serif !important;
 	font-size:8pt;
	margin:0 !important;
	padding: 0 !important;
	color:#777;

}
.kl_inneriframe {
 	/*overflow:visible !important;*/
	margin:0 !important;
	padding: 0 !important;
	border: 0 !important;
	width: inherit;
	height: inherit;
}
.kl_iframe {
	/*border:1px #D4D4D4 solid;*/
	/*overflow: scroll !important;*/
	margin:0 !important;
	padding: 0 !important;
	border: 0 !important;
}
.kl_button{
	margin: 0px;
	padding: 0px;
	border: none;	
}
img[src='']
{
  display: none;
}
/* vconfig pannello principale */
#main {
/*	padding-top:5px;*/
	background:#eee;
}

textarea {
	font-family: sbc,Consolas, Lucida Console, monospace;

}
/* toolbar */
#tb {
	height:30px !important ;
	/*padding:2px!important ;*/

}
/* Statusbar */
#sb {
	padding-top:2px!important ;
	height:24px!important ;
	overflow:hidden !important;
}


a, a:visited {
	color:  #b60106;
	text-decoration: none;

}
.header_right, .header_left {
	clear: none;
	float: left;
	vertical-align: baseline;

}

.menu-item:hover {
  color: #000000;
  background: #E3F5E1;
}

.menu-menu {
	float: right;
	text-align: left;
}
.menu-menu ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

.menu-menu li {
	display: inline-block;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0 14px;
	border-right: 1px solid #d2d2d2;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
}

.menu-menu li a {
	display: inline-block;
	color: #262626;
	text-decoration: none;
	line-height: 32px;
}
.menu-menu li a:hover {
	color: #d7002e;

}


input  {
	/*font-size: 12px;*/
}

.box_panel {
	border: 1px solid #ccc;
	float: left;
	position: absolute;
}
.panel {
	position: relative;
}
.box_for {
	border:0 !important;
	margin:0 !important;
	padding:0 !important;
  position: absolute; /*NTSMdb per correggere il problema BNCRCRON vista albero*/
}

/* nts resize panel */
/*
.panel-header {
	padding-top:2px !important;
	padding-bottom:2px !important;
	padding-left:5px !important;
	padding-right:5px !important;
}
*/
.panel-header {
	min-height: 28px;
}

.kl_rel{
    position:relative !important;
}
.kl_abs{
    position:absolute !important;
}
.kl_innerpanel {
	width:100%;
	height: 100%;
}


/*posizionamento dei bottoni delle messagebox*/
.klMsgButt {
	margin-right: 10px !important;
}
.label_disable {
	background-color:#efefef !important;
}

.label_enable {}
/* per ridimensionare le immagini dentro un linkbutton */

.l-btn-icon-fill  .l-btn-icon {
	padding:0 !important;
	margin:0 !important;
	top:0 !important;
	left:0 !important;
	width: 100%;
	height: 100%;
}
.l-btn-icon-fill  .l-btn-left {
	margin:0 !important;
	width: 100% !important;
	height: 100% !important;
}
.l-btn-icon-fill .l-btn-text {
	display: none;
}
/*	 serve per non lasciare troppo spazio tra icona e testo quando il testo va a capo*/

.kl-btn-text-and-image {
 line-height: 12px !important;
 letter-spacing: -0.05em;
}
.kl-btn-image {
	margin:0 !important;
}


.tabpanel {
	position: absolute;

}
.tab {
	position: absolute;

}
.textbox {
	float: left;
	/*border:none !important ;*/
}
.kl-panel-body {
	overflow:auto !important;


}
/*classe di definizione del carattere per accesskey*/
.kl_ak {
	text-decoration: underline;
	font-weight: bold;

}
.kl_bold {
 	font-weight: bolder !important;
	color: #000;  /* !important;NTSMDB questo mi da problemi nei timesheet*/
}

.kl_border {
 	 border: 1px solid #D4D4D4 !important;
 }
/*.text
   border: 0px !important;
}*/
.klNumeric {
	text-align: right;
}

/* NTSMDB fix easyui 1.5.4, i bottoni con i ... degli zoom sono allineati a destra altrimenti venivano allineati a sinistra*/
.textbox .textbox-button{
  right: 0;
}

 .datagrid-toolbar-tb {
	 width:32px;
	 height:auto;
	 float:left;
	 position:fixed;

 }
 .datagrid-view-tb {
	 float:right;
	 left:32px;
/*	 width:calc(100% - 100px);*/
	 height:100%;
}
/*attenuo la linea higlited mouse over della grid*/
.datagrid-row-over{
		background: #d7e3f0 !important;
	}

.datagrid-row-editing   {
		background: #9cc8f7 !important;

	}

.datagrid-row-selected td {
		background: #9cc8f7 !important;
		color: black !important;

	}
/*tutta la riga selezionata sempre blue*/
.datagrid-row-NTSSelected {
	background: #9cc8f7 !important;	
}
/*cella selezionata in sola lettura sempre blue */
.datagrid-row-NTSSelected > td.col_readonly {
    background: #9cc8f7 !important;
}
/*cella selezionata sempre gialla*/
.datagrid-row-NTSSelected > td.datagrid-row-selected {
    background: #e4ff09b8 !important;

		color: black !important;
}
.msgIn {
	color: #aa0000;

}
.msgOut {
	color: #00aa00;
	text-align: right;
}
.msgLog {
	border: 1px solid #ff0000;
	text-align: center;

	color: #ff0000;

}
.header_left {
	padding-top: 5px;
	padding-left: 15px;
}
.header_right {
	padding-top:5px;
	padding-right: 30px;

	float: right;
}

.dragOver {
	background-color: #dc9696  !important ;
}

.tabs-title {
	overflow:scroll !important;
}
a.tabs-inner {
	overflow: hidden !important; /*NTSMDB, bug wss 158390, applicava lo scroll anche nei tab (con zoom 70% chrome)*/
	width:auto !important;
}
.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}
#ws_log {
	padding-left: 10px;
	padding-right: 20px;
}
.kl-frame {
	/*	background-color: #fff;
		border-color: #d4d4d4;
		border-width: 1px;
		border-style:solid;*/
	padding:0;
	margin:0;
	border:0;
	display:inline-block;
	overflow:hidden;
	box-sizing: border-box;
}
.kl-scrollbars {
	overflow:auto;
}
.kl-statusbar {
	width:100%;


}
.kl-sb_left {
	width:100px;
	border-right: 1px solid #ccc;
	padding-right: 4px;
	float: left;

}
.kl-sb_center {
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	margin:0 auto;

	width:100%;
}
.kl-sb_right {
	width:100px;
	border-left: 1px solid #ccc;
	padding-left: 4px;
	float: right;
}
.kl-noscroll {
	overflow: hidden !important;
}
.klLabel {
	border:none ;
	/*white-space:nowrap !important;*/
	overflow:hidden;
	/*font-size:11px !important;*/
	display: inline-block;
}

.chkLabel {
	color: #0088cc !important;
	cursor:default !important;
	white-space:pre !important;
}
.chkLabel:hover {
/*	text-decoration: underline;*/
	font-weight:bold;
}
.chkLabelDisabled {
  color: #aaa !important;
}
.rdkLabel {
	color: #0088cc !important;
	cursor:default !important;
	white-space:pre !important;
}
.rdkLabel:hover {
/*	text-decoration: underline;*/
	font-weight:bold;

}
.rdkLabelDisabled {
  color: #aaa !important;
}
.klTextImage {
	border:none !important ;
	padding-top: 2px !important ;
	/*padding-right: 4px !important ;*/
}

fieldset {

    margin:0 !important;
    padding:0 !important;
/*
    padding-bottom:1px !important;
    padding-left:1px !important;
    padding-right:1px !important;
    padding-top:4px !important;
*/
    /*border: 2px groove (internal value);*/
	/*mirto*/
	border: 1px solid #77797a !important;
	overflow:visible;
	box-sizing: border-box;
}

#fmLogin {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	margin-top: -150px !important;
	margin-left: -120px !important;
	width: 240px !important;
	height: 300px !important;
}

legend {
height: 1em;
}



/* stili ad hoc */
/* http://stackoverflow.com/questions/16811045/is-it-possible-to-make-input-fields-read-only-through-css
NON FUNZIONA CON CHROME :()
*/
.readOnly , .isTotale {
	-webkit-user-modify: read-only !important;


	-moz-user-modify: read-only  !important;
	-ms-user-modify: read-only  !important;
    -o-user-modify: read-only  !important;
	user-modify: read-only  !important;
}
.isTotale {

	background-color: #d50a34;
	color: #568c0a;
	border:none;


}
.disabledOverPanel {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	z-index:2;
	opacity:0.4;
	background-color:#121212;
	filter: alpha(opacity = 50);

}
.waitPanel {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	z-index:1000;
	opacity:0.2;
	/*
	background:url(../images/spin.gif) no-repeat center center;
	background-color:#121212;
	*/
}
.waitplease {
    position: absolute;
  	top:0px;
  	left:0px;
  	width: 100%;
  	height:100%;
  	z-index:1000;
    /* background-color: yellow;*/
    /*pointer-events: none;*/
    /*background-color: rgba(255, 249, 249, 0.4); /*colore pannello sfondo spinner, grigino trasparente*/
}
#waitworkclient {
	position: absolute;
	top:0.775em;
	left: 2.445em;
	width: 1.2em;
	height:1.2em;
	z-index:9999;
	background-color: #3acc83;
	border-radius:50%;
	/*pointer-events: none;*/
	/*background-color: rgba(255, 249, 249, 0.4); /*colore pannello sfondo spinner, grigino trasparente*/
}

#enablelog {
	position: absolute;
	top:0px;
	left:0px;
	width: 5px;
	height:5px;
	z-index:9999;
}

.loader {
    left: 6%;
    margin-left: -4em;
    font-size: 5px;
    border: .8em solid rgba(189, 189, 189, 1); /*colore sfondo rotella grigio*/
    border-left: .8em solid rgba(58, 166, 165, 1); /*colore spinner, cambia da javascript*/
}
.loader, .loader:after {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    display: block;
    position: absolute;
    top: 4.5em;
	left: 8em;
    margin-top: -4.05em;
}
.spinnR{
  animation: spinR 1.1s infinite linear;
}
.spinnL{
  animation: spinL 1.1s infinite linear;
}

@keyframes spinR {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinL {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}


.sbcmessagebox {
	max-height: 400px !important;
	max-width: 400px !important;
}

.sbc_align_left {
	text-align: left;
}

.sbc_align_center {
	text-align:center;
}

.sbc_align_right {
	text-align: right;
}

input:disabled {
  background: rgb(211, 211, 211) !important;
	color:black;
}
.col_readonly  {
	background: rgb(211, 211, 211) !important;
}
/* gestione del flowlayout */
/*.sbc-flowlayout {
	position:static !important;

}
.sbc_tiled {
	float:left;
	position:relative;
}*/
.tree-folder{
	background:url('../images/folder-closed-G.png') no-repeat center center !important;
}
.tree-folder-open{
	background:url('../images/folder-open-G.png') no-repeat center center !important;
}
.tree-file{
	background:url('../images/file-G.png') no-repeat center center !important;
}

/* smartArt icons */
.smartart0{ background:url('../images/smartart0.png') no-repeat center  center !important; background-size: contain !important;}
.smartart1{ background:url('../images/smartart1.png') no-repeat center  center !important; background-size: contain !important;}
.smartart2{ background:url('../images/smartart2.png') no-repeat center  center !important; background-size: contain !important;}
.smartart3{ background:url('../images/smartart3.png') no-repeat center  center !important; background-size: contain !important;}
.smartartN{ background:url('../images/smartartN.png') no-repeat center  center !important; background-size: contain !important;}
.smartartO{ background:url('../images/smartartO.png') no-repeat center  center !important; background-size: contain !important;}
.smartartR{ background:url('../images/smartartR.png') no-repeat center  center !important; background-size: contain !important;} 
.smartartM{ background:url('../images/smartartM.png') no-repeat center  center !important; background-size: contain !important;}
/************ pdf ttw *******/
.pdf .document-viewer {
	padding: 40px 10px 10px 10px;
}
.pdf-menu {
	background: #f9f9f9;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
	overflow: hidden;
}
.pdf-menu > div {
	float: left;
	font-size: 12px;
	text-shadow: 0 1px 0 #fff;
	color: #666;
	line-height: 30px;
	padding: 0 10px;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	border-left: 1px solid rgba(255, 255, 255, 0.8);
	cursor: pointer;
}
.pdf-menu > div:hover {
	background-color: rgba(255, 255, 255, 0.4);
}
.pdf-menu > div:first-child {
	border-left: none;
}
.pdf-menu > div:last-child {
	float: right;
	border: none;
}
.pdf-menu > div:last-child input, .pdf-menu > div:last-child input:focus {
	width: 40px;
	border: 1px solid #cecece;
	outline: none;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
	margin-bottom: 2px;
}
.splitter {
	/*border: 1px solid #0081c2 !important;
 	background-color: #0081c2!important;*/
	position:absolute !important;
	border:0 !important;
	z-index: 1000;
}

/* table impostazioni */
#tableImpostazioni table, #tableImpostazioni th, #tableImpostazioni td, #tableImpostazioni tr {
    border: 1px solid #e1e1e1;
    border-collapse: collapse !important;
}
#tableImpostazioni th, #tableImpostazioni td {
    padding: 5px !important;
    text-align: left;
}

/*senza la riga sotto, su lcuni pc l'elenco dei programmi aperti non si vede*/
#box_forliChilds > div > .datagrid-view {
	overflow: unset !important;
}

/*immagine per datebox*/
/*.datebox{
  background-image: url(../images/datebox_arrow.png) !important;
  background-position: center center;
  width: 18px !important;
  height: 20px !important;
}
.textbox {
  height: 20px !important;
}
.textbox-text{
  height: 22px !important;
  line-height: 22px !important;
}
.combo-arrow
{
  width: 18px !important;
  height: 20px !important;
}
*/
/*
.textbox .textbox-text {
  margin: 0px !important;
}
*/
/* immagini per bottoni e icone */
.icon-sort{ background:url('../images/sort.png') no-repeat center  center !important;}
.icon-filter{ background:url('../images/filter14.png') no-repeat center  center !important;}
.icon-sum{ background:url('../images/totali14.png') no-repeat center  center !important;}
.icon-xls{ background:url('../images/excel14.png') no-repeat center  center !important;}
.icon-print{ background:url('../images/print.png') no-repeat center  center !important;}
.icon-zoom{ background:url('../images/search.png') no-repeat center center;}
.icon-menu{ background:url('../images/menu.png') no-repeat center center;}

.kl-wrap {
	white-space: normal !important;
}

/*
NTSMDB mette    al posto dello spazio, ma poi genera, pero genera problemi a livello di bottoni linkbutton
wss 180279, tolgo questo imposto eventualmente la classee kl-btn-text-wrap gestista in sbc.css
*/
.kl-btn-text-wrap{
	line-height: unset !important;
    word-break: break-word;
}

/*
NTSMDB ingrandisco icona del menu per far si che si veda meglioe non tagliata
*/
.menu-icon {
	width: 18px !important;
	height: 18px !important;
	left: 2px !important;
	top: 50% !important;
	margin-top: -10px !important;
}

.tree-node {
	height: 26px !important;	/*su tablet è più facile selezionare la voce desiderata*/
}
.tree-indent {
	height: 26px !important;	/*su tablet è più facile selezionare la voce desiderata*/
}
/*
FIX albero
avedo modificato le altezze dei nodi (26px) devo riposizionare le immagini e modificarne la dimensione (verranno un po sfocate)
*/
.tree-lines .tree-expanded, .tree-lines .tree-root-first .tree-expanded {  
	background: url('../images/minus-tbr.png') no-repeat !important;
	background-size: 20px !important;
	background-position-y: -1px !important;
	background-position-x: -2px !important;
}

.tree-lines .tree-collapsed, .tree-lines .tree-root-first .tree-collapsed {
	background: url('../images/plus-tbr.png') no-repeat !important;
	background-size: 20px !important;
	background-position-y: -1px !important;
	background-position-x: -2px !important;
}
.tree-lines .tree-node-last .tree-collapsed, .tree-lines .tree-root-one .tree-collapsed {
	background: url('../images/plus-tr.png') no-repeat !important;
	background-size: 20px !important;
	background-position-y: -1px !important;
	background-position-x: -2px !important;
}
.tree-lines .tree-node-last .tree-expanded, .tree-lines .tree-root-one .tree-expanded {
	background: url('../images/minus-tr.png') no-repeat !important;
	background-size: 20px !important;
	background-position-y: -1px !important;
	background-position-x: -2px !important;
}

.tree-joinbottom {
	background: url('../images/line-L.png') no-repeat !important;
	background-size: 26px !important;
	background-position-y: -3px !important;
	background-position-x: -5px !important;
}

.tree-join {
	background: url('../images/line-T.png') no-repeat !important;
	background-size: 26px !important;
    background-position-y: -3px !important;
    background-position-x: -5px !important;
}
.tree-line {
	background: url('../images/line-I.png') no-repeat !important;
	background-size: 26px !important;
    background-position-y: -3px !important;
    background-position-x: -5px !important;
}


.multiline-cell-content{
	/*width:150px;
	height:150px;*/
	overflow: hidden;	
}

.multiline-cell-content p{
	display: table-cell;
    width: inherit;
    height: inherit;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.cell-content{
	display: table-cell;
    vertical-align: middle;
}

/*NTSMDB fix per tinyMCE, altrimenti la toolbar dell'editor di tinymce non è utilizzabile in modale*/
.tox-tinymce-aux {
	position: relative !important;
	z-index: 10055 !important;
}

.grid-max{
	background: url(../images/gri/max.png) no-repeat center center;
	background-size: 20px;
}

.grid-min{
	background: url(../images/gri/min.png) no-repeat center center;
	background-size: 20px;
}

.grid-sum{
	background: url(../images/gri/sum.png) no-repeat center center;
	background-size: 20px;
}

.grid-count{
	background: url(../images/gri/count.png) no-repeat center center;
	background-size: 15px;
}

.grid-avg{
	background: url(../images/gri/avg.png) no-repeat center center;
	background-size: 20px;
}

/*NTSMDB toolbar immagini alti DPI */
div[id^=IS_PNTOOLBAR] .l-btn-text, .l-btn-left {
	display: unset !important;
}

/*NTSMDB toolbar pannello immagini alti DPI */
button .l-btn-text {
	display: unset !important;
	margin: 0 !important;
}
button .l-btn-left {
	margin: 0 !important;
}

button .kl-btn-text-and-image{
	display: inline-block !important;
}

.kl-btn-text-and-image{
	white-space: normal !important;
}

/*
NTSMDB CHECKBOX gestiti con immagini dal server
*/
.box-checkbox {
	height: 20px;
}
.container-checkbox{
	padding-left: 20px;
	vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
}
/* focus */ 
.box-checkbox:focus-within {
	outline: #EAF5FF;
	outline-style: solid;
	background-color: #EAF5FF;
	border-radius: 2px;
}
/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
  border-color: #004891;	
}
.container-checkbox .checkmark:after {
	border-color: #004891;	
}
/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
  border-color: #006FDD;
}

/*
NTSMDB RADIO gestiti con immagini dal server
*/
.box-radio {
	height: 20px;
}
.container-radio{
	padding-left: 20px;
	vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom radio */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
/* focus */ 
.box-radio:focus-within {
	outline: #EAF5FF;
	outline-style: solid;
	background-color: #EAF5FF;
	border-radius: 2px;
}
/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
  border-color: #004891;	
}
.container-radio .checkmark:after {
	border-color: #004891;	
}
/* When the radio is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
  border-color: #006FDD;
  background-size: 100% 100%;
}


/* checkbox griglia*/
.datagrid-cell .box-checkbox{
	display: flex;
	justify-content: center;
}
.datagrid-cell .box-checkbox .container-checkbox{
	padding-left: 0px;
}

.datagrid-cell .checkmark{
	position: unset;
 	top: unset;
	left: unset;
	float: left;
}
/* checkbox readonly */
.check_readonly{
	filter: grayscale(100%);
	cursor: auto;
}

/* id che contiene pcOpenClose_ */ 
button[id*="pcOpenClose_"]{ 
	background-color: inherit;
	cursor: pointer;
}

/*nascondo la freccia di menu negli smarart clienti/articoli*/
.menu-rightarrow {
	display: none;
}