/* generici */
@media screen and (min-width: 800px) {
	/*html {font-size:14px;}*/
	#page-title { 
		right:	8rem!important;
		top: 	1.2rem!important;
	}
}
@media only screen and (max-device-width: 640px)  {
	html {font-size:18px;}
	.hidden-sm {
		display:none!important;
	}
}
@media only screen and (min-device-width: 641px) and (max-device-width: 990px) {
	html {font-size:14px;}
	.hidden-sm {
		display:none!important;
	}
}
@media only screen and (min-device-width: 991px) {
	html {font-size:9.8px;}
	.hidden-md {
		display:none!important;
	}
}

@media screen and (min-width: 1200px) {
	
		#page-title { 
		right:	5rem!important;
		top: 	1.4rem!important;
	}	
}


.left-12 { 
	position:absolute;
	display:block;
	right:1rem;
}
.hidden {visibility:hidden!important;}
.zero { display:none!important;}
.d-invisible { display:none;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: lightgrey!important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: lightgrey!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: lightgrey!important;
}

@media print {
	body * { display:none;}
  div.btn-toolbar { display:none!important;}
  
	#resultModal, #resultBody, #resultBody *,
  .modal-dialog, .modal-content  { display:block!important;}
}
.proto { display:none!important;}
#resultBody { overflow-x:auto; overflow-y:auto;}
@page print { size: auto;  margin: 0mm; }

.fa-xl { font-size: 1.5em!important;}
@media screen and (max-width : 1000px) {
	.fa-xl { font-size: 1.8em!important;}	
	.form-control-sm {max-width:6rem!important; 
		white-space: nowrap; 
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;} 
	.ui-checkboxradio-label { font-size:1.25rem!important;
		width:5rem;
		display:block; 
		white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;}
	.modal-header > div > input.datetimepicker { max-width:3rem; color:transparent;}
	.card > select.form-control {
		width:8rem!important;
		display:block; 
		white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;}
  .autocomplete-report {
  	width: 7rem!important;
    }
  div#main-content div.btn-mainbar { right: 3rem!important;}
  #tool-search, .tool-search { max-width:12rem!important; }
  .btn-toolbar > div > div.tool-drop { max-width:8rem!important;
   	display:block;}
}

/* classi per tabelle */
tr.rowselected {background-color:#d3f2fb;}
.btn-list {margin: 0rem;padding-top: 0.45rem;font-size: 1.75rem;padding-bottom: 0.45rem;}
.btn-default, .btn-action { min-width:4rem; font-size:1.4rem; padding-top:0rem; padding-bottom:0rem; padding-left:0.25rem; padding-right:0.25rem; margin:0rem;}
.glyph-table { font-size:1.6rem!important; padding: 0rem 0.25rem!important;}
.table {margin-top:4rem; font-size:1.4rem;}
.table-sm { font-size:1.25rem;}
.table-bg-grey { background-color: whitesmoke;}
.table-full { width:100%;}
#resultBody table tr td table tr td {
	font-size: 1.3rem;
	padding-top: 0.2rem;
	padding-left: 0.4rem;
	padding-right: 0.4rem;
	padding-bottom: 0;
	white-space: normal;
}
#resultBody table tr td table {
	border-collapse: separate;
	border-spacing: 1px;
	width:100%;
}
#resultBody table {
	width:100%;
}
#maincontent table tbody tr td {
	white-space: normal;
}
.column-edit, .column-id, .column-status { width: 5rem;}
.column-code { width:8rem; }
.money { white-space: nowrap; }

/* classi per form */
.modal-dialog-sm { max-width:32rem!important; margin-top:24rem;}
.modal-dialog-md { max-width:52rem!important; margin-top:16rem;}
.modal-dialog-lg { max-width:80rem!important;}
.modal-dialog-xl { max-width:95%!important;}
.modal-dialog-bottom { margin-top:48rem!important;}
.btn-modal { font-size:1.6rem!important; }
.close { font-size:2rem!important;}
form label {font-size:1.4rem!important;}
hr.form-divider { margin-top:1.2rem; margin-bottom:1.2rem;}
input.invalid, div.invalid, select.invalid { background-color:#ffa399!important; }
input.loading { background: url(spinner.gif) no-repeat right center; background-size:14rem; background-position-x:0rem; background-origin:content-box;}
.search-result {font-size:1rem;}
.list-group-item:hover { background-color:#dee2e6;}
.vertical-wrapper {  display:table-cell;  vertical-align:middle;  padding:15px;}
.outer-wrapper {display: table;width: 100%;height: 80%;}
#login-form {width:40rem;}
.modal-body .dropdown button, .modal-body .dropdown div {font-size:1.4rem;}
.form-control-head, .form-control-field {max-width:20rem; margin-left:4rem;}
.form-control-sm {max-width:100rem;}
.form-control-md {max-width:28rem;}
.form-control-lg {max-width:36rem;}
.form-control-stretch {padding: .375rem!important;}
select.form-control { width:auto; font-size:1.25rem!important; height: auto!important; }
input:checkbox>label { margin-left:0.5rem;}
.report-bar { 	
	right:1.3rem; 
	top:6rem; 
	z-index:5;
}
h2 .btn {font-size:1.6rem;}
h2, h3 { font-weight:bold;}
.result-message { font-size:1.4rem;}
.modal-centered-content-sm { margin-left:auto; margin-right: auto; max-width:48rem;}
.modal-centered-content-md { margin-left:auto; margin-right: auto; max-width:72rem;}
.modal-centered-content-lg { margin-left:auto; margin-right: auto; max-width:90rem;}
.modal-centered-content-xl { margin-left:auto; margin-right: auto; max-width:120rem;}
small { font-size:75%!important;}
input.currency { text-align:right; padding-left:1rem;}
span.currency-content:before {
		position: absolute;
    top: 3rem;
    left: 1rem;
    content:"\20AC";
}
div.rowselected {background-color:#d3f2fb;}
div.widget-item:hover, div.rowsuggested {background-color:#e9ecef;}
span#delete-descr { font-weight: bold; }
span#delete-descr:before {
    content: "";
    display: block;
}
#edit-message { padding-left:1.2rem; }
.form-control { font-size:1.4rem!important;}

/* classi per controllo campi report */
.card { flex-direction: row; display: inline-flex;width: 100%;height: 3rem;}
.card button { min-width:2.4rem!important; margin:0.25rem;}
.card label>input.checkbox { margin-top:0.6rem; width:6rem;}
.card span.glyphicon { font-size:1.8rem;}
.card-body { padding:0.25rem 1.25rem;font-size:1.4rem; min-width:200px;}
.field-disabled { background-color: #E8E8E8!important;}
.card button.btn-primary {	padding-top:0rem; padding-bottom:0rem; padding-left:0.25rem; padding-right:0.25rem; margin:0.25rem;}
 span.formula-icon { font-style:italic; margin: 0 1rem;}
 .card-header { background-color:lightgrey; border-right: argb(0,0,0,.125); border-radius:4px!important;}
 .autocomplete-report { padding-top:0.1rem; width:101rem;}
 .report-field-oper {min-width: 13rem;}
 .report-field-oper-formula {min-width: 8.5rem;}
 .report-field-type-entity { min-width: 11rem;}
 .report-label { margin-top:0.75rem; margin-right: 0.25rem;}
 
/* classi per drag & drop */
.text-box-sm {font-size:1.3rem; max-width:48rem; margin-left:2rem;}
.box { border: 1px solid darkgray; border-radius:4px; min-height:12rem;max-height:84rem; overflow-y:auto; position:relative;}
.box-sm { max-height: 24rem!important;}
.overlapping-box { max-height:24rem; position:fixed; z-index:111; min-width:25%;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);}
/*#box-data-type { max-height:56rem!important;}*/
.draggable { min-width:32rem; padding-left:0.5rem; font-size:1.4rem;}
.draggable-sm { min-width:18rem!important; padding-left:0.5rem; font-size:1.4rem;}
.sortable {list-style:none; padding:0rem!important; margin:0rem;}
.droppable { z-index:2;}

/* classi per navbar */
.btn-mainbar div.btn-group-lg button { font-size:1.6rem; height:2.75rem;  padding-top:0.1rem!important;}
div#main-content div.btn-mainbar { position:fixed; background-color:#FFFFFF; overflow:visible!important; z-index:100;}
div.modal-header div.btn-mainbar { position:fixed; background-color:#FFFFFF; height:4rem; padding-top:0.5rem; top:1rem!important; right:4.6rem!important;}
.mainbar { background-color: #696D71!important;}
.navbar.mainbar {height:4.55rem;}
.dropdown-item { font-size:1.5rem;}
.dropdown-item-lg { font-size:2rem;}
.navbar-brand { font-size:2rem!important;}
.nav-item { margin-left:0.5rem; margin-right:0.5rem; border:0.1rem solid #696D71;border-radius:0.4rem; font-size:1.4rem;}
#navUserDropdown {width:20rem; right:0rem;left:unset;}
@media only screen and (max-width: 990px) {
	#navUserDropdown {float:left;}
}
.nav-item:hover {border:0.1rem solid darkgray; }
.ui-checkboxradio-radio-label { font-size:1rem!important; }
.ui-checkboxradio-icon {display:none;}
.btn-mainbar label {margin-left: 1rem;margin-right: 0.5rem;padding-top: 0.75rem; font-size:1.25rem;}
.btn-mainbar .form-control { height:2.75rem!important;}
.fa-lg { padding-top: 0.1rem;}
#alert-flag { position:absolute; left:135px; bottom:6px; display:none;}
.back-alert { background-color: #FFF; position:absolute; width:5px; height:12px; left:7px; bottom:0px; z-index:1;}
.front-alert {position:absolute; bottom:0px; z-index:2;}
.nav-link { white-space: nowrap; text-overflow:ellipsis; }

/* classi per content */
#main-content {background-color:#FFFFFF; padding-top:5rem; margin-left:1rem; margin-right:1rem;}
#main-content.loading , #resultBody.loading, #result-table.loading {
	background: url(spinner.gif) no-repeat center; 
	background-size:100rem; 
	background-origin:content-box;
	min-height: 24rem;
}
#page-title { 
	color: 	#F0F0F0; 
	font-weight:bold; 
	font-size:	1.4rem;
	text-align:	center;
	right:	5rem;
	top: 	1.4rem;
	position: fixed;
	z-index:	1050;
}
.content-menu { position:fixed;}
#archive-message { margin:1.5rem 1.5rem;}
#replica-message { margin:1rem 1rem;}
.replica-result { font-size:1.25rem;}
.replica-odd { background-color: #f0f0f0;}
.replica-even { background-color: transparent;}
.replica-result .form-row .form-group { margin-bottom: 0.2rem;}
#result-table .card-item { margin-top: 4rem;}
.card-f { background-color: #fff49f;}
.card-g { background-color: #9ce3ac;}
.card-header .btn-link { color:#3167C5;}
span.hascurrency { float:right; font-weight:bold;}
span.currency { float:right; margin-right: 1.5rem;}
.span-sm { font-size:1.2rem;}
.span-md { font-size:1.5rem;}
.span-lg { font-size:1.8rem;}
div.span-sm {
	display: block;
  border: 1px solid lightgrey;
  border-radius: 2px;
  padding: 0.2rem 0.4rem;
  margin: 0.2rem 0.4rem;
}
.invoice-revised {color:#fff; background-color:#FF0000;}
.invoice-registered {color:#fff; background-color:#000000;}
.invoice-accepted {color:#fff; background-color:#0F4FFF;}
.invoice-verified {color:#fff; background-color:#FFA500;}
.invoice-sent {color:#fff; background-color:#32CD32;}
.invoice-notsent {color:#fff; background-color:#FF9900;}
.badge-md { 
	font-size:90%!important;
	max-width: 10rem;
  word-wrap: break-word!important;
  display: block!important;
  white-space: normal;
	}
.statusbox { max-width:10rem; height:2.4rem; padding-top:0.5rem;}	
#report-summary { word-break: break-all;}

/* classi per toolbar */
#tool-class, #tool-class button, .tool-drop, .tool-drop button { font-size:1.25rem!important;margin-right:0.6rem;}
#tool-search, .tool-search{ font-size:1.4rem!important; margin-left:1rem; max-width:10rem;}
#btn-tool-search, .tool-button {margin-right:1rem;}
.input-group-addon span.glyphicon { font-size:2.2rem!important;}
.input-group-addon {    
		background-color: whitesmoke;
    width: 34px;
    height: 28px;
    /*border-radius: 4px;*/
    margin-left: -4px;
    margin-right: -4px;
    padding-left: 6px;    
    padding-top: 1px;
    color: black;
    border: 1px solid #ced4da;
}
.datetimepicker { z-index:2;}
.btn-group { margin-left:0.5rem; margin-right:0.5rem;}
.spinner { width:5.25rem; margin:0rem; padding:0.4rem;}
.glyph-formula { font-weight:bold; font-style:italic; top:-2px;}
.report-bar button { 
	font-size:1.5rem!important; 
	margin: 0rem 0.4rem; 
	width: 6rem; 
	height:3rem;
}
input.datetimepicker
{
  background-image : url('images/calendarp.png');
  background-Position : 97% center;
  background-Repeat :no-repeat;
  background-size: 2rem;
  cursor:pointer;
}
.msg-label { margin-top: 0.4rem; margin-right:2rem; font-weight:bold;}
.clock {font-size:2rem; margin-left:2rem; margin-right:2rem; line-height:1.5;}
.prov-filter { margin-left: 1.2rem; font-size: 1.2rem; }

/** BUTTON CHECKBOX  **/
/*	<div class="switch-btn">
			<input type="checkbox">
	  	<button class="btn btn-list" onclick='function'>
	  	<span class="btn-checkbox"></span>
	  	</button>
		</div>
*/
.switch-btn {
  display: block;
}
.switch-btn input { display:none;}


/** SLIDER 

<label class="switch">
	<input type="checkbox">
  	<span class="slider"></span>
	<span class="slider-sx">left</span>	// OPZIONALE
	<span class="slider-dx">right</span>  // OPZIONALE
</label>

 */
.switch {
  position: relative;
  display: inline-block;
  width: 9rem;
  height: 2.4rem;
  margin-top: 0.2rem;  
}

.switch input {display:none;}
.slider-sx {
	position:absolute;
  top:0;    
  right: 8.4rem;
  bottom:0px;    
  -webkit-transition: .4s;
  transition: .4s;
  opacity:0;
  width: 8.4rem;
  height: 2rem;
  padding-top:0.3rem;
  color:white;
  text-align:center;
  z-index: -1;
}
.slider-dx {
	position:absolute;
  top:0;   
  right:0px;
  bottom:0px;    
  -webkit-transition: .4s;
  transition: .4s;
  width: 8.4rem;
  height: 2rem;
  padding-top:0.3rem;
  color: white;
  text-align:center;
  z-index: 1;
}
.slider, .slider-sm, .slider-sm-var {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #aaa;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 4px;
  content: "right";
}

.slider:before {
  position: absolute;
  content: "";
  /*height: 16px;*/
  height: 1.8rem;
  width: 4px;
  left: 0.4rem;
  bottom: 0.4rem;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 4px;
}

input:checked + .slider, input:checked + .slider-sm, input:checked + .slider-sm-var {
  background-color: #2196F3;
}

input:focus + .slider, input:focus + .slider-sm, input:focus + .slider-sm-var {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(8rem);
  -ms-transform: translateX(8rem);
  transform: translateX(8rem);
}

input:checked + .slider + .slider-sx + .slider-dx {
  -webkit-transform: translateX(8rem);
  -ms-transform: translateX(8rem);
  transform: translateX(8rem);
  opacity: 0;
  z-index: -1;
}

input:checked ~ .slider-sx {
  -webkit-transform: translateX(8rem);
  -ms-transform: translateX(8rem);
  transform: translateX(8rem);
  opacity: 1;
  z-index: 1;
}

/* SLIDER SMALL*/
.switch-sm, .switch-sm-var {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 2.2rem;
  top:0.1rem;
  margin-right:0.75rem;
  margin-top: 0.2rem;
}

input:checked + .slider-sm:before, input:checked + .slider-sm-var:before {
  -webkit-transform: translateX(2.8rem);
  -ms-transform: translateX(2.8rem);
  transform: translateX(2.8rem);
}

.slider-sm:before, .slider-sm-var:before {
  position: absolute;
  content: "";
  height: 1.6rem;
  width: 0.4rem;
  left: 0.4rem;
  bottom: 0.3rem;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 4px;
}

@media screen and (max-width:1000px) {
	.switch-sm-var {
	  width: 2.4rem;
	}
	input:checked + .slider-sm-var:before {
	  -webkit-transform: translateX(1.4rem);
	  -ms-transform: translateX(1.4rem);
	  transform: translateX(1.4rem);
	}
}

/* AUTOCOMPLETE */

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  /*display: inline-block;*/
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}


@media only screen and (max-width: 1024px) {
	/* adattamento per pagina fatture */
	.datetimepicker {
		width: 9rem;
		font-size: 1rem!important;
	}
	
	.spinner {
		font-size: 1rem!important;
	}
	div#main-content div.btn-mainbar {
		right: 0rem;
	}
}

@media only screen and (min-width: 1025px) {
	.datetimepicker {
		width: 12rem;
	}
	
	div#main-content div.btn-mainbar {
		right:0rem;
	}
	
}

@media only screen and (max-width: 990px) {
	.form-control-head{
	 	max-width:10rem;
	}
}

/** PAGER **/
.pager-btn {
	font-size: 1.25rem;
	margin-top: 0.4rem;
	margin-right: 0.6rem;
}

/** INFO **/
table.info-table, table.info-table td, table.info-table th {
	border: 1px solid #E0E0E0;
}

.info-table tr {
	vertical-align:top;
}

.info-table th { 
	white-space : nowrap;
}

.info-table th, .info-table td {
	padding: 4px 8px;
}

.container.info h3 {
	margin-top:20px;
	margin-bottom: 6px;
}