/*disable number field spinner*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
/* more breakpoints for container */
@media (min-width: 512px) {
    .container {
        max-width: 86%;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 88%;
    }
}
 @media (min-width: 992px) {
    .container {
        max-width: 90%;
    }
}
/*
@media (min-width: 992px) {
    .container {
        max-width: 900px;
    }
}
@media (min-width: 1040px) {
    .container {
        max-width: 940px;
    }
}
@media (min-width: 1100px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1100px;
    }
}
@media (min-width: 1360px) {
    .container {
        max-width: 1200px;
    }
}
@media (min-width: 1440px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1680px) {
    .container {
        max-width: 1520px;
    }
}
@media (min-width: 1920px) {
    .container {
        max-width: 1760px;
    }
} */
/* logo svil e form e pre */

.sviluppo::after {
  content: " SVIL";font-size:50%;color:#71CC98;line-height: .5rem;
}
.formazione::after {
  content: " FORM";font-size:50%;color:#FFA300; line-height: .5rem;
}
.preprod::after {
  content: " PRE";font-size:50%;color:#EF3340; line-height: .5rem;
}


/* modal sizes and colors */
.modal-sm {width: 300px}
.modal-lg {width: 500px}
.modal-xl {width: 800px}
@media (min-width: 1100px) {
    .modal-xxl {
        max-width: 1100px;
    }
}
@media (min-width: 1600px) {
    .modal-xxxl {
        max-width: 1600px;
    }
}
.modal-header-success{background-color:#009A44 }
.modal-header-warning{background-color:#996200 }
.modal-header-error{background-color:#862633 }
/* custom elements sizes*/
.width-10 {width:10%}
.width-13 {width:13%}
.width-15 {width:15%}
.width-18 {width:18%}
.width-20 {width:20%}
.width-25 {width:25%}
.width-30 {width:30%}
.width-35 {width:35%}
.width-40 {width:40%}
.width-50 {width:50%}
.width-60 {width:60%}
.width-70 {width:70%}
.width-80 {width:80%}
.width-90 {width:90%}
.width-100 {width:100%}
.width-120 {width:120%}
.width-2rem {width:2rem}
.width-3rem {width:3rem}
.width-4rem {width:4rem}
.width-10rem {width:10rem}
.col-12rem {width:13rem; padding-left: 15px; padding-right: 15px}
/* row with less gutter */
.less-gutters {
    margin-right: 0px;
    margin-left: 0px;
}
.less-gutters > .col,
.less-gutters > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}
/* custom checkbox & radio */
label.form-check-label, label.custom-control-label,
.form-group label.form-check-label,
.form-group label.custom-control-label, .switch label
 {  font-weight:300; margin-left:-2rem; padding-left:2rem; text-transform:none; font-size: .875rem; background-color:transparent; width:auto; margin-top:.5rem; border:0  }
.custom-switch label.custom-control-label
 { margin-left:0rem; padding-left:0rem; line-height:  1.5rem }
.custom-control.custom-radio { margin-bottom: .6rem }

/* custom select additional classes */
.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #e7f4fb;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  content: "\f078";
  font-weight: 900;
  right: 0.2rem;
  color:#004c97;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
content: "\f077";
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #004c97;
  padding: .3rem 0.2rem;
  border: 0;
  border-bottom: 1px solid #62b5e5;
  cursor: pointer;
}
.select-items div {
	padding-left:.5rem;
	padding-right:.5rem;
	border-bottom: 1px solid transparent;
	}
	
/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #e7f4fb;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: #62b5e5;
  color: #ffffff;
}
.has-warning .select-selected {    background-color: rgba(255,163,0,0.35);}
.has-danger .select-selected {        background-color: rgba(239,51,64,0.35);}

/* more styles for fields */
.is-warning {
	border: 0;
    border-bottom: 1px solid #503300;
	background-image: url("images/warning.svg");
	background-size: 1.2rem;
	background-repeat: no-repeat;
	background-position: .3rem;
background-color: rgba(255,163,0,0.35);
	padding-left: 2rem;
}



/* more styling for disabled buttons */

.btn.disabled:hover, .btn-primary.disabled:hover, .btn-secondary.disabled:hover {
	background-color: #97999B;
	background-image: none;
	cursor: default;
}
.btn.btn-light.disabled {
	background-color: transparent;
	color: #97999B;
	}
.btn.btn-light.disabled:hover {
	background-color: transparent;
	}

/* more styling for forms */

.form-control:disabled::placeholder,
.form-control[readonly]::placeholder {
	color: #cbcccd;
}
.text-valid { color: #009a44 }
.text-invalid { color: #862633 }
.form-control[readonly] { border-bottom-color: transparent; color: #1d1d1b;
  }
.form-control.w90, .custom-select.w90 {width:90%; display: inline-block}
.form-control.w80,  .custom-select.w70 {width:80%; display: inline-block}
.form-control.w70,  .custom-select.w60  {width:70%; display: inline-block}
.form-control.w60,  .custom-select.w50  {width:60%; display: inline-block}
.form-control.w50,  .custom-select.w40  {width:50%; display: inline-block}
.form-control.w40,  .custom-select.w30  {width:40%; display: inline-block}


/* top navbar */

.navbar .form-control { background-color: transparent; color:#FFFFFF }
.navbar select.form-control:not([size]):not([multiple]) { height: 1.8rem}
.navbar .form-control::placeholder {  color:#d0e9f7 }
#topSearchDropdown:after{ margin-left:0; }
.nav-link#adv-search{color:#FFFFFF }
.nav-link#adv-search:hover{color:#D0E9F7 }
#cross-search .form-control { width:326px}
@media (min-width: 769px) {
 #cross-search .form-control { width:485px;}
    }


/* more styling for accordions */

.accordion h5 {  margin-bottom:0;  color: #004c97; }
.accordion .collapsed h5 { margin-bottom:0;    color: #1d1d1b;}
.accordion { border-bottom: 1px solid #cbcccd; }	
.accordion  h5:before {
	content: "\f077";
    font-family: 'Font Awesome 5 Free';
    transition: all 0.5s;
    color: #004c97;
    display: inline-block;
	margin-top:.3rem;
	margin-left: .3rem;
	margin-right: 1rem;
}
.accordion .collapsed h5:before {
	content: "\f078";
}
.accordion .collapsed h5 .card-title:hover { color: #004c97;} 
.accordion .card-header { background-color: #FFFFFF; 	background-image: linear-gradient(#EAEBEB, #FFFFFF); }
.accordion .accordion .card{ margin-left: .4rem ; margin-right: .4rem}

/* footer */

footer { padding: .5rem; font-size: 0.75rem;  background-color: #004C97; color: #fff }
footer .container { background-color: transparent; margin-top:0; margin-bottom:0; padding:0; padding-left:1rem; padding-right:1rem;   }
@media (max-width: 576px) {
footer .container {
		display: flex;
		flex-direction:column;
		flex-wrap:wrap;
		align-content: center;

}
footer .container ul, footer .container ul li { width: 100%; text-align: left;  padding-left: 0 }
footer .container ul li { padding-bottom:.3rem; padding-top: .3rem; }
footer img { margin-bottom:.6rem; margin-top:.6rem }
}
footer.links { background-color: #003762; }
footer.links a { color: #D0E9F7; font-size: 0.875rem }
footer.links a:hover { color: #fff; }
footer.links ul { text-align: center; margin-top: 1.5rem; margin-bottom: 1.5rem }
footer.links li { display: inline-block; margin-right: 2rem }
footer.links li:last-child {  margin-right: 0 }
.disclaimer { float:right; line-height: 2rem}
/* burger menu */
.burger-menu {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 275px;
	background-color: #004C97;
	z-index:9999;
}
.burger-menu .accordion {border-bottom:0;}
.burger-menu .accordion a{color: #FFFFFF }
.burger-menu .accordion a:hover{ color: #D0E9F7  }
.burger-menu .accordion .card {background: none }
.burger-menu .accordion .card-header {background: none; border-top: 0; margin-left: 1rem; 
	 }
.burger-menu a.card-title {color:#FFFFFF}
.burger-menu a.card-title:hover {color:#D0E9F7}
.burger-menu .accordion .card-body {
    padding: 0 0;
}
.burger-menu .accordion h5 { font-size: .9rem }
.burger-menu .accordion  h5:before {
    color: #FFFFFF;
}
.burger-menu .accordion .collapsed h5 { color: #FFFFFF;}
.burger-menu .accordion  h5:before {
	content: "\f078";
	float: right;
	margin-right: 1rem;
}
.burger-menu .accordion .collapsed h5:before {
	content: "\f054";
}
.burger-menu .accordion .collapsed h5 .card-title:hover { color: #D0E9F7;} 
.burger-menu .fa-external-link-alt {color: #D0E9F7; font-size: 90%}
.bm2-item {

	font-size: .85rem;
	line-height: 2rem;
    width: 100%;
    padding:  0.4rem 1.5rem;
    clear: both;
    color: #ffffff;
    white-space: nowrap;
    border: 0;
}

.bm1-item:focus,
.bm1-item:hover,
.bm2-item:focus,
.bm2-item:hover {
    color: #D0E9F7;
    text-decoration: none;
    background-color: #004c97;
}
.bm1-item {
    display: block;
    width: 100%;
    padding:  0.7rem 1rem;
    clear: both;
    font-weight: bold;
	font-size: .9rem;
    color: #FFFFFF;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
}
.bm-divider {
    height: 0;
    margin: 0.5rem 0;
 	margin-left: 1rem;
	margin-right: 1rem;
    overflow: hidden;
    border-top: 1px solid #62b5e5;
}

.bm-header .form-control { background-color: transparent;  display: inline-block; width:130px; padding-top:1rem;  }
.bm-header a .fa { font-size:1.2rem;  }
.bm-header .form-control:focus { border-bottom: 1px solid #62b5e5; }
.bm-header .fa-search { display:inline-block;  padding-top:1.05rem; padding-bottom:.5rem; color:#FFFFFF; border-bottom: 1px solid #62b5e5;  }
.bm-header a {   display: inline-block; font-size:1.5rem; padding: 1rem;  color:#FFFFFF }

.bm-header a:hover {   color:#D0E9F7   }


/* sidebar dx e widget */
.sidebar-dx {
	position: absolute;
	top: 100px;
	bottom: 0;
	right: 0;
	width: 46px;
	z-index: 1234;
	display:flex;
	flex: wrap;
}
.sidebar-dx.expanded {
	width: 346px;
}
.make-me-sticky {
  position: -webkit-sticky;
	position: sticky;
	top: 0;
    background-color: #004c97;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	text-align:center;
  	padding: 0 0 0 10px;
	width:46px;
	max-height: 170px

}
.sidebar-dx .badge-pill {margin-top:-.2rem; margin-left: -.35rem; font-size: .7rem; line-height: .45rem; padding: .2rem; position: absolute; z-index: 1999 }
.widget { background-image: linear-gradient(#2d7cba, #33b16b);
border-radius:0 .5rem .5rem .5rem;
width: 400px;
max-height: 400px; 	position: sticky;   position: -webkit-sticky; top:0; padding:.5rem;   box-shadow: 2px 2px 2px 0px rgba(29, 29, 27, 0.175);      }
.widget-inner { background: #FFFFFF;
border-radius:.5rem;
width: 100%;
height: 85%;
padding:.5rem;
overflow-y: scroll;
overflow-x: hidden;
}
.widget small a { color:#FFFFFF; line-height:1.5rem }
.widget input { border-radius:.5rem; border:0; padding:.5rem; margin-right:.5rem; width:89%; margin-bottom:.5rem }
.widget a.icon-btn { color: #ffffff; font-size:1.3rem }
.make-me-sticky a { color: #fff; font-size:1.25rem; padding-top:.5rem; padding-bottom:.5rem; display:block; padding-right:.5rem;   }
 .make-me-sticky a.sb-active{ padding-right:1rem;  padding-left:1rem; margin-left:-1rem; padding-top:.5rem; border-radius: 1rem 0 0 1rem; background-image: linear-gradient(#2e82b2, #2f87aa);  }

.pb-role  { display: inline-block; border-radius: 3rem; font-size:1rem; font-weight:700; color:#FFFFFF; text-align:center; width:1.4rem; padding-top:.07rem; padding-bottom:.07rem; margin:0 }
#pb-full-results .pb-role { margin-top:-.5rem }
.pb-titolare { background-color:#009a44
 }
.pb-shipper { background-color:#ffa300
 }
 .pb-proter { background-color:#62b5e5
 }
 .pb-man { background-color:#ef3340
 }
 .pb-smalltext{ font-size:.7rem; line-height:.4rem}
.nt-notify {margin: 0; padding: .3rem; padding-top: 0; font-size:.75rem; margin-bottom: .5rem }
.nt-info { background-color: #ccdbea;}
.nt-success {    background-color: #ccebda;}
.nt-warning {    background-color: rgba(255,163,0,0.35);}
.nt-danger {    background-color: rgba(239,51,64,0.35);}
.nt-date { display: table; font-size:.7rem; color: rgba(0,0,0,0.50); padding-top: .2rem}
.nt-actions { display: table; float:right;}
#notify-widget .widget-inner {
height: 100%;
}
/* custom scrollbars */

::-webkit-scrollbar {
  width: .6rem;
  height: .6rem;
}
::-webkit-scrollbar-track { 
 background: #fff;	
    background: linear-gradient(180deg, #97999b,#97999b);
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: 1px auto;
}
::-webkit-scrollbar-thumb {
background-image: linear-gradient(#62b5e5, #71CC98);
  border-radius: 3rem;
    border: 1px solid #fff;
}

/* accordion 2lv */
.accordion-lv2 .card-header {
    padding: 0.75rem 0rem;
    margin-bottom: 0;
    background-color: #d0e9f7;
    border-top: 1px solid #ffffff;
	cursor: pointer;
	padding-left: 1rem;
	padding-right: 1rem;
}
.accordion-lv2 h5 { margin-bottom:0;    color: #1d1d1b; font-size:0.875rem;  font-weight: 700}
.accordion-lv2 .collapsed h5 { margin-bottom:0;    color: #1d1d1b; font-weight: 300}
.accordion-lv2 { border-bottom: 1px solid #d0e9f7; }	
.accordion-lv2 .card-body { padding-left: 1rem; padding-right:1rem }

/* tab 2lv */
.tabs-2lv.nav-tabs {
	background-color: #d0e9f7;
	padding-top: .875rem;
	padding-left: .875rem;
	margin-bottom: .875rem;
}
.tabs-2lv .nav-link {
	color: #1d1d1b;
	font-size: 0.875rem
}

.tabs-2lv .nav-link:focus,
.tabs-2lv .nav-link:hover, .tabs-2lv .nav-link.active {
	color: #1d1d1b;
	font-weight: 700;
	background-color: #fff;
   }

/* tab steps */
  .tabs-steps.nav-tabs {
    background-color: transparent;
    padding: 0;
  }
.tabs-steps.nav-tabs .nav-link {
  border-radius: 0;
}

  .tabs-steps.nav-tabs .nav-item {
    position: relative;
    padding: 0;
    margin: 6px 6px 6px 0;
  }
  .tabs-steps.nav-tabs .nav-item:last-of-type {
    margin-right: 0;
  }
.tabs-steps.nav-tabs .nav-item > * {
    position: relative;
    padding: 1em .8em 1em 2.5em;
    color: #004c97;
    background-color: #d0e9f7;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #d0e9f7;
  }
  .tabs-steps.nav-tabs .nav-item > .active, .tabs-steps.nav-tabs .nav-item > *:hover {
    /* selected step */
    color: #ffffff;
    background-color: #004c97;
    border-color: #004c97;
  }
  .tabs-steps.nav-tabs .nav-item:first-of-type > * {
    padding-left: 1.6em;
    border-radius: 0;
  }
  .tabs-steps.nav-tabs .nav-item:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0;
  }

  .tabs-steps.nav-tabs .nav-item::after, .tabs-steps.nav-tabs .nav-item > *::after {
    /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: -0.1rem;
    left: 100%;
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24.5px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .tabs-steps.nav-tabs .nav-item::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -ms-transform: translateX(6px);
    -o-transform: translateX(6px);
    transform: translateX(6px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .tabs-steps.nav-tabs .nav-item > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }

  .tabs-steps.nav-tabs .nav-item:last-of-type > *::after {
    display: none;
  }  



  @-moz-document url-prefix() {
    .tabs-steps.nav-tabs .nav-item::after,
    .tabs-steps.nav-tabs .nav-item > *::after {
      /* fix a bug on Firefox - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }

/* summer pages specific styles */
.btn-mini { padding:0; padding-left:.5rem; padding-right:.5rem; padding-top:.1rem; margin:0; font-size: 0.7rem; float:right; margin-right: .3rem; margin-top:.1rem }
.ricerca [class*='col-md'],
.anagrafica_remi [class*='col-md'],  .anagrafica_remi h1, .testata_remi [class*='col-md']  { margin-bottom:.2rem }
label a { margin:0; padding:0; padding-right:.2rem; float:right; font-size:0.95rem;  }
label .fa-info { margin:0; padding:0; padding-right:.2rem; float:right; font-size:0.75rem; color: #004c97; margin-top: .2rem  }
td input[type="date"], td
input[type="time"],
td input[type="datetime-local"],
td input[type="month"] {
	margin-top:-.11rem;
}



.tabbable .nav-tabs {
   overflow-x: auto;
   overflow-y:hidden;
   flex-wrap: nowrap;
}
.nav-tabs .nav-link.haslv2.active {background-color: #D0E9F7
}
@media (max-width: 576px) {
.breadcrumb {
	padding-left:.8rem;
}
}
ol.breadcrumb { font-size:.8rem; }
ol.breadcrumb a { color: #d0e9f7 }
ol.breadcrumb a:hover { color: #ffffff }
.testata_remi { background-color:#d0e9f7; 
padding-top:1rem; color:#1d1d1b; padding-bottom:1rem 	  }
.testata_remi label { background-color: transparent; 	  }
.testata_remi .form-control[readonly]{ color:#1d1d1b }
#h_remi[readonly], #shipper[readonly]{ width: auto;  }
form a, .testata_remi a, .card-title{ padding-top:.36rem; display:inline-block; color:#004c97 }
th a, form th a { color:#d0e9f7 }
th a:hover, form th a:hover { color:#71cc98 }
.preferito { font-size:1rem; text-align:right;}
.anagrafica_remi .fa-comments, .context-tools  .fa-comments, .testata_remi .fa-comments { color:#009a44;}
.anagrafica_remi .badge-pill,  .context-tools  .badge-pill, .testata_remi .badge-pill { margin-left:-1rem; vertical-align: top;  }
.form-control.fake-data { color: #97999b }

/* widget note */
.dropdown-toggle#Noteshandle::after{ content:none;padding:0; margin:0 }
.dropdown-menu.remi-notes{ left:-400px }
.remi-notes {
    z-index: 9999;
    min-width: 380px;
	max-width: 380px;
	min-height: 312px;
    padding: 0.5rem;
		margin-top:.5rem;
	background-image: linear-gradient(#2d7cba, #33b16b);
    border-radius: .6rem;	
}
.remi-notes-container {
	max-height: 250px;
	background-color:#FFFFFF;
    border-radius: .3rem;
	padding: .5rem;
overflow-y:scroll

}

.nota { margin-bottom:.5rem; display:flex; flex-wrap:no-wrap; vertical-align:bottom }
.nota:nth-child(odd) .avatar { margin-right:.5rem }
.nota:nth-child(even) .avatar { margin-left:.5rem }
.nota:nth-child(even) { flex-direction:row-reverse }
.nota-text { background-color:#d0e9f7; border-radius:1rem; border-bottom-left-radius: 0; padding:.5rem; font-size:.75rem }
.nota:nth-child(even) .nota-text { background-color:#d4f0e0; border-radius:1rem; border-bottom-right-radius: 0;  }
.nota-text .nota-author { display: table; font-weight:700 }
.nota-text .nota-timestamp { display: table; float:right; color:#97999b; padding-top:.3rem }
.nota-text .nota-actions { display: table; float:right; margin-top:-.5rem }
 .nota-actions .fa-edit { font-size:80%; margin-right:.3rem; margin-top:-.2rem}
  .nota-attach { display:table}
  .nota-attach .fa { margin-right:.3rem}
  
.avatar, nav img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  flex-shrink: 0;
}
.nota .avatar { margin-top:auto; margin-bottom:0  }
.insert-note { display:flex; flex-wrap: no-wrap; margin-top:.3rem; justify-content: center }
.insert-note a { color: #ffffff;  }
.insert-note i { font-size: 1.5rem; margin-left:.5rem }
.insert-note .form-control { background-color:#ffffff; border-radius:1rem; width: 85%; padding-left: .5rem; padding-right:1.5rem; color:#1D1D1B }

/* form ricerca */
.form-control:disabled {
    background-color: #eaebeb;
}
#ricerca_remi_semplice { margin-top:5rem; margin-bottom:6rem }
#ricerca_aop { margin-top:5rem; margin-bottom:8rem }
#ricerca_remi_semplice.ricerca_remi_dossier, #form_ricerca_aop #ricerca_aop  { margin-top:0rem; margin-bottom:1rem;  }
#ricerca_remi_semplice .dropdown-menu, #ricerca_aop .dropdown-menu, #id_ruolo_div .dropdown-menu{ background-color:#FFFFFF; padding:0; margin-left:1.6rem }
.dropdown-menu#ricerca_semplice_autocomplete {background-color:#FFFFFF; padding:0; margin: auto;margin-top:-1.4rem; width:500px;
  position: absolute;
  left: 0; right: 0;}
#ricerca_remi_semplice .dropdown-menu span, #ricerca_aop .dropdown-menu span, .dropdown-menu#ricerca_semplice_autocomplete span { display: block; border-top:1px solid #cbcccd; width:100%; text-align:right; padding-top:.2rem; padding-bottom:.2rem; padding-right:.3rem }
#ricerca_remi_semplice .dropdown-menu .table, #ricerca_aop .dropdown-menu .table, .dropdown-menu#ricerca_semplice_autocomplete  { margin-bottom:0; cursor: pointer }
#ricerca_remi_semplice .form-control, #ricerca_aop .form-control { border-radius:3rem; padding: .8rem 1.6rem; font-size:1.2rem;
    border:0;
	-webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.2); }
	#ricerca_remi_semplice .form-control:focus, #ricerca_aop .form-control:focus { 
		-webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.1);
box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.1); }
#ricerca_remi_semplice .form-control::placeholder, #ricerca_aop .form-control::placeholder { color:rgba(0,76,151,0.6); font-style:normal; font-weight: lighter }
#ricerca_remi_semplice  .form-control::-ms-input-placeholder, #ricerca_remi_semplice .form-control:-ms-input-placeholder, #ricerca_aop  .form-control::-ms-input-placeholder, #ricerca_aop .form-control:-ms-input-placeholder { color:rgba(0,76,151,0.6); font-style:normal; font-weight: lighter }
.chip { background-color:#D0E9F7; padding:.3rem; cursor: pointer; border-radius:3rem; font-size:1rem }
.closebtn { margin-left:.3rem }

/* data tables */
.table-controls .custom-select { display: inline-block; text-align:left; width:3rem; margin-right:1rem; margin-left:.3rem; line-height:1rem }
.table-controls .dropdown-menu { margin-left:1rem;}
 #table_filter { width:auto; display:inline-block; }
td label.custom-control-label

 {   margin-top:0rem  }
td .custom-control-indicator {
	top: 1px;
	left: 0;
  
}
td .custom-control {

    min-height: .8rem;
    margin-right: 0;
}

 /* anagrafiche polo - area tecnica */
 tr.hilite, .table-striped tbody tr:nth-of-type(odd).hilite { background-color:#d0e9f7; 

 }
 .hilite a { color: #004c97 }
 .hilite:hover td { background-color:#d0e9f7;  }
  .hilite a:hover { color: #009A44 }
 #anag_at  { max-height:500px; overflow: auto}
.provvisorio {background: repeating-linear-gradient(
  45deg,
  transparent,
  transparent 10px,
  #ffedcc 10px,
  #ffedcc 20px
);}
.legenda { display:inline-block; width: auto; padding:1rem; padding-top:.5rem; padding-bottom:.5rem; border:1px solid #EAEAEB; }
#aggiungi_remi .modal-dialog{ max-width: 900px; }
.btn-toggle { background-color:#004c97; color:#FFFFFF; border-bottom-left-radius:7rem; border-bottom-right-radius:
0; border-top-left-radius: 7rem; border-top-right-radius: 0rem; padding-top:1.5rem; padding-left:1rem; padding-right:.5rem; padding-bottom:1.5rem; border:0; font-size:1.5rem }
.btn-toggle:hover {     color: #fff;
	background-image: linear-gradient(#62b5e5, #71CC98); }

#associa_non .modal-dialog { max-width:1200px}

/* Shipper e Pool */

tr.even {  
    background-color: #f6f9f9;
}

#toggle-map { position:absolute; z-index:333; right:1rem; top:12rem }
#toggle-map.map-open { right:416px }
#polo-map { background-color:#004c97; margin-left:0; margin-right:0; height:400px; width:400px;  position:absolute; z-index:333; right:1rem; top:10rem  }

/* contatti */
.twocolumn-left { height:250px; overflow-y: scroll }
.twocolumn-right { height:314px; overflow-y: scroll }
.action_btns{ height:314px; padding-top:120px  }
.mail-address { height:1.75rem }
.modal-xl { max-width:1140px }
#filler_txt{ font-size:2rem; text-align:center }
/* notifiche sticky */


label.nb-container { text-transform:none; font-size:1rem; font-weight:300; line-height:3rem; }
.notification-bar {
  position: fixed;
  padding-left:3rem;
  padding-right:3rem;
  width: 100%;
  top: 0;
  left:0; 
  clear: both;
  z-index: 1999;
}
.nb-info ~ .notification-bar {     color: #00284f;
    background-color: rgba(204,219,234,0.9);}
	.nb-success ~ .notification-bar {     color: #005023;
    background-color: rgba(204,235,218,0.9);}
	.nb-danger ~ .notification-bar  {     color: #46141b;
    background-color: rgba(249,184,188,0.9);}
	.nb-warning ~ .notification-bar  {     color: #503300;
    background-color: rgba(255,163,0,0.7);}

input.nb-input {
  position: absolute;
  top: -30rem;
  left: -30rem;
}

.notification-bar .fa {
  float: right;
  margin-top: 1rem;
  font-size: 1rem;
  color: #004c97;
  text-align: right;
  z-index: 9;
  cursor: pointer;
}

.notification-bar .fa:hover {
  color: #009a44;
}

input.nb-input ~ .notification-bar {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: goDown;
  animation-name: goDown;
}
input.nb-input:checked ~ .notification-bar {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: goUp;
  animation-name: goUp;
}
input.nb-input ~ .fa {
  position: absolute;
  display: none;
  top:0;
  right: 3rem;
  cursor: pointer;
}
input.nb-success ~ .fa {    
    right:6rem;}
input.nb-input:checked ~ .fa {
  display: block;
  top: -35px;
  padding: 10px;
  font-size: 3rem;
  color: #ffffff;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  border-radius: 3rem;
}
input.nb-info:checked ~ .fa  { 
    background-color: rgba(204,219,234,0.9);}
input.nb-success:checked ~ .fa {    
    background-color: rgba(204,235,218,0.9);}
input.nb-danger:checked ~ .fa {   
    background-color: rgba(249,184,188,0.9);}
input.nb-warning:checked ~ .fa {   
    background-color: rgba(204,219,234,0.9);}
input.nb-input:checked ~ .fa:hover {
  top: -20px;
}
@-webkit-keyframes goUp {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes goUp {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes goDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes goDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

/* custom switch */

.switch {
  font-size: 1rem;
  position: relative;
  margin-left:2rem;
}
.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
}
.switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * .8) * 2);
  border-radius: calc(2.375rem * .8);
  height: calc(2.375rem * .8);
  line-height: calc(2.375rem * .8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  user-select: none;
  vertical-align: middle;
  text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
}
.switch input + label::before,
.switch input + label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * .8) * 2);
  bottom: 0;
  display: block;
}
.switch input + label::before {
  right: 0;
  background-color: #cbcccd;
  border-radius: calc(2.375rem * .8);
  transition: 0.2s all;
}
.switch input + label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * .8) - calc(2px * 2));
  height: calc(calc(2.375rem * .8) - calc(2px * 2));
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all;
}
.switch input:checked + label::before {
  background-color: #004c97;
}
.switch input:checked + label::after {
  margin-left: calc(2.375rem * .8);
}
.switch input:focus + label::before {
  outline: none;
      box-shadow: 3px 3px 3px 0px #cbcccd;
}
.switch input:disabled + label {
  color: #868e96;
  cursor: not-allowed;
}
.switch input:disabled + label::before {
  background-color: #e9ecef;
}
.switch.switch-sm {
  font-size: 0.875rem;
}
.switch.switch-sm input + label {
  min-width: calc(calc(1.9375rem * .8) * 2);
  height: calc(1.9375rem * .8);
  line-height: calc(1.9375rem * .8);
  text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
}
.switch.switch-sm input + label::before {
  width: calc(calc(1.9375rem * .8) * 2);
}
.switch.switch-sm input + label::after {
  width: calc(calc(1.9375rem * .8) - calc(2px * 2));
  height: calc(calc(1.9375rem * .8) - calc(2px * 2));
}
.switch.switch-sm input:checked + label::after {
  margin-left: calc(1.9375rem * .8);
}
.switch.switch-lg {
  font-size: 1.25rem;
}
.switch.switch-lg input + label {
  min-width: calc(calc(3rem * .8) * 2);
  height: calc(3rem * .8);
  line-height: calc(3rem * .8);
  text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
}
.switch.switch-lg input + label::before {
  width: calc(calc(3rem * .8) * 2);
}
.switch.switch-lg input + label::after {
  width: calc(calc(3rem * .8) - calc(2px * 2));
  height: calc(calc(3rem * .8) - calc(2px * 2));
}
.switch.switch-lg input:checked + label::after {
  margin-left: calc(3rem * .8);
}
.switch + .switch {
  margin-left: 2rem;
}
.switch label { padding-left:.5rem; margin-top:-.5rem; border:0 }

/* APPARATI LISTA */
.fas.valid { color:#009A44 }
.fas.tobevalid { color:#ffa300 }
.fas.notvalid { color:#EF3340 }
table .dropdown-toggle{ padding:0; margin:0 }
table .dropdown-toggle::after{ content:none;padding:0; margin:0 }
.dropdown-item.disabled { color: #62B5E5 }
.fa-caret-right, .fa-caret-down { font-size:1.6rem; line-height:1rem }
.dropdown-menu span.legenda { background-color:#FFFFFF; font-weight:300; padding-left:1rem; padding-right:1rem; margin-top:-.5rem; margin-bottom:-.5rem; min-width:180px; line-height:1.5rem }

.tr-lv2 {padding-left:2rem; text-align: right;width:2rem}

/* APPARATI DETTAGLIO */
input[type=number]{
	text-align:right
}
input.compact-50 { width: 50%; display:inline-block }
.slave { color:#97999b}
 .contatore-header { padding-bottom: .3rem; padding-top:.3rem    }
.contatore-on { border:1px solid #62B5E5  }
.contatore-on .contatore-header { background-color:#62B5E5; color: #FFFFFF; padding-left:0.2rem;padding-bottom: .3rem; padding-top:.3rem    }
.contatore-off { border:1px solid #cbcccd  }
.apparato { border:1px solid #97999B  }
.apparato.ap-active { border:1px solid #62B5E5  }
.apparato-header  { background-color:#97999B; color: #FFFFFF; padding-left:0.2rem; padding-bottom: .3rem; padding-top:.3rem     }
.apparato-header a { color:#E7F4FB}
.apparato.ap-active .apparato-header { background-color:#62B5E5; color: #FFFFFF; padding-left:0.2rem;     }
.contatore-off .contatore-header  { background-color:#cbcccd; color: #FFFFFF; padding-left:0.2rem;     }
.contatore-header .custom-checkbox { margin-top:-.3rem;  }
.contatore-header, .apparato-header, .contatore-header label {  font-weight:700; border-bottom: 0;   }
.apparato-header span { display: inline-block; max-width: 60%}
 .contatore-on .row, .contatore-off .row, .apparato .row{ padding:0.3rem }
 .apparato-header .custom-select, .th-filter
{ font-weight:300; line-height:0.4rem; }
 .apparato-header .custom-select
{ margin-right: .3rem }
 .contatore-header .custom-select { font-weight:300; line-height:0.7rem; margin-right: .3rem }
label .unitamisura {text-transform: none}
 .calcolo-zeta label {text-transform:none; font-size:.8rem; line-height:1.8rem; margin-bottom:.3rem}
.calcolo-zeta .form-control { margin-top: 0; width:100px; display: inline-block}
.calcolo-zeta td {padding: 0}
.ronde.table-bordered{width: 100%; table-layout: fixed}
.ronde td {border:1px #fff solid;color:#FFFFFF; font-weight: 700; width:4.16%;  text-align: center; padding: 0; padding-top: .15rem; padding-bottom: .15rem}
.ronde td.ronda-on {background-color: #009A44}
.ronde td.ronda-off {background-color: #97999B}
@media (min-width: 768px) {
	.ronde td {font-size: .6rem;}}
@media (min-width: 992px) {
	.ronde td {font-size: .7rem;}}
@media (min-width: 1200px) {
	.ronde td {font-size: .9rem;}}

/* skprgz e note */
.new-btn { position: fixed; bottom: 2rem; right: 2rem; z-index:2345 ;     box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.50); padding-bottom: .5rem; padding-top:.3rem; border-radius: 50%; font-size: 2rem; padding-left: 1.1rem; padding-right: 1.1rem
}
.fa-check-square { color: #009A44 }
.fa-times-circle { color: #EF3340 }
.fa-check-square.yellow { color: #FFA300 }
.modal .fa-times-circle, .modal .fa-check-square { margin-left: .3rem; margin-top: .5rem }
#simple_struct .form-control {margin:0}




/* verbali FFAN e PELA */
.verbale { font-family: "Times New Roman", Times, serif;
font-size: 1rem;}
.verbale p.text-center strong { font-size: 1.5rem}
.verbale input { display: inline-block; width: 140px }

/* schede di calcolo */

.calcolo label, .calcolo strong  { text-transform: none; font-size: .9rem }
.calcolo input, .calcolo .custom-select, .qbox .custom-select  {display: inline-block}
.calcolo strong.compute {font-size: 1.2rem; color: #999999;}
.calcolo .no-gutters .col-6, .calcolo .no-gutters .col-8 {text-align: center
}
.calcolo .no-gutters .col-6 input, .calcolo .no-gutters .col-8 input {margin-top:.1rem; margin-bottom: 0; width: 92%; 
}
.calcolo .zb .no-gutters .col-6 input { margin-bottom: .1rem; 
}
.cbox { 	background-image: linear-gradient(#bed6e9, #bfe7d1); background-color:#BDD9FF; padding: .2rem; border-radius: 8px  }
.ftbox, .ktvobox { background-image: linear-gradient(#d3d3d3, #e0e0e0);background-color:#dddddd; padding: .4rem; border-radius: 8px  }
.result {background-color:rgba(255, 255, 255, 0.3);}
.cbox .row { margin:.1rem;}
.cbox .col-1 {  padding: 0}
.segno { font-weight:700; font-size: 1.2rem; color:#AAAAAA; display: block}
.calcolo .spacer {display: block; height: 1rem}
.calcolo hr {border:.5px solid #aaaaaa; margin-top: .5rem; margin-bottom: .5rem}
hr.dividedby {border:.5px solid #666666; margin-top: 0rem; margin-bottom: .3rem}
.qbox {max-width:1200px}

@media (min-width: 1200px) {
.col-9plus {flex: 0 0 81%; max-width: 81%}
	.col-10plus {flex: 0 0 90%; max-width: 90%}
.col-5plus {flex: 0 0 47.7%; max-width: 47.7%}
	.col-4plus {flex: 0 0 20.7%; max-width: 20.7%}
	.col-3plus {flex: 0 0 28%; max-width: 28%}
	.margintop {margin-top:7.4rem}
.segno.margintop {padding-top:7.4rem}
	.margintop-gerg {margin-top:5.5rem}
		.segno.margintop-gerg {padding-top:5.5rem}
	.cbox {max-width:450px}
}
@media (max-width: 1199px) {
.mt-lg { margin-top:1rem}
.ktvobox { margin-top:1rem}

}
@media (max-width: 991px) {
.mt-md { margin-top:1rem}

}
@media (max-width: 1100px) and (min-width: 992px) {
	.calcolo, .calcolo .form-control{font-size:.75rem;}
	.calcolo .form-control {padding-left: 1px; padding-right: 1px}
	.calcolo .select-selected:after {right: 1px;font-size: .6rem;}
	.nobspon1024{display: none}
		.margintop {margin-top:9.5rem}
.segno.margintop {padding-top:9.5rem}
}
@media (max-width: 640px) {
	.calcolo, .calcolo .form-control{font-size:.75rem;}
	.calcolo .form-control {padding-left: 1px; padding-right: 1px}
	.calcolo .select-selected:after {right: 1px;font-size: .6rem;}
	.nobspon1024{display: none}
		.margintop {margin-top:0}
.segno.margintop {padding-top:0}
}
.getq {padding: .5rem; padding-bottom: .4rem; padding-top: .4rem}
.sqrt{font-size:1.3rem}
.sqrtd{border-top:1px solid #333}
.pigreco{ font-family: Times, "Times New Roman", "serif"; font-size: 1.2rem}
/* amcharts */

.chartdiv-lg {
	 width: 100%;
	height: 420px;
}
.chartdiv-xl {
	 width: 100%;
	height: 620px;
}
.chartdiv-sm {
	 width: 100%;
	height: 350px;
}
.chartdiv-xs {
	 width: 100%;
	height: 200px;
}
.chartdiv-responsive {
	 width: 100%;
	height: 350px;
}
@media (max-width: 1024px) {
   .chartdiv-responsive {
	height: 250px;
}
}
.missing {background-color:rgba(239,51,64,0.35) !important;  }
.first.column {padding-right: .5rem}
.last.column {padding-left: .5rem}
.tabs-2lv .dropdown-toggle::after {
    color: #004C97;
}
.l-border {border-left: 1px solid #ccc !important;
}
th.l-border {border-left: 1px solid #62B5E5 !important;}
.totali { background-color: #EAEBEB}
.lett-w  { background-color: #FBC578}
.lett-e  { background-color: rgba(239,51,64,0.85); color:#FFFFFF }
.letture {font-size:.8rem;table-layout: fixed;position: relative}
.letture th {font-weight: 300;font-size:.8rem; text-align: center; 
  }
.letture th .header-actions { text-align: left}
#lg-off .fa {color: #62B5E5;}
.letture th strong {font-weight: 700; }
.letture th.fcdata.offline {background-color: #CBCCCD}
.letture td.fcdata.offline {color: #CBCCCD}
.letture .fa-chart-bar {cursor: pointer}
.letture .fa-bell {color: #862633; font-size:90% }
.letture .espanso {background-color: #D0E9F7	}
.td-90{ width: 90px !important;}
.td-30{ width: 30px !important;}
.td-100{ width: 100px !important;}
.td-10{ width: 10px !important;}
.td-15{ width: 15px !important;}
.td-20{ width: 20px !important;}
.td-25{ width: 25px !important;}
.td-40{ width: 40px !important;}
.td-50{ width: 50px !important;}
.td-60{ width: 60px !important;}
.td-65{ width: 65px !important;}
.td-70{ width: 70px !important;}
.td-80{ width: 80px !important;}
.lett-toolbar span {line-height: 2rem;}
.lett-toolbar .header-actions span {line-height: .5rem;}
.letture td.gasday .fa {display:none; font-size: 1rem; float:left !important; color: #004c97; }
.letture th .fa { display: inline-block; margin-left: .05rem; font-size: .7rem; }

.letture td.gasday:hover .fa {display:inline-block ;}
.udm {font-size:.65rem; }
.lett-pool { }
.lett-date { width:140px;  }
.col-sizes {padding: 0; margin: 0; height: 0; font-size: 0; line-height: 0; visibility: collapse }
.nm-1 {margin-right: -1rem}
.col-qual{max-height: 200px; overflow-y: scroll}
.col-qual strong{margin-left: 1rem}

.lett-btn {
    padding: 0.5rem 1.2rem;
    line-height: .8;
	margin-bottom:.1rem;
}
.fa-chart-bar.series-on {color:#FFC45D}
.table-long {overflow-y: auto;
max-height:800px;}
.fta {background-color: rgba(204,235,218,0.9);}
.libro { 
table-layout: auto
}
.libro .form-control {margin:0; padding: 3px }
.libro .form-control{min-width:100px }
.libro .form-control[type="datetime-local"] {margin:0; padding: 1px }
.libro td {vertical-align: middle;}

.clearable{
background: #e7f4fb url("images/times.gif") no-repeat right -10px center;
padding-right: 18px !important; 
  transition: background 0.4s;
}
input[readonly].clearable{
background: none;
padding-right: 18px !important; 
}
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }  
 /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */
/* annotazioni protoripo */

.col-qual .dropdown-item.active,
.col-qual .dropdown-item:active
 {
    color: #004c97;
    background-color: #d0e9f7;
}
.col-qual .dropdown-item:hover
 {
    color: #d0e9f7;
    background-color: #004c97;
}
.col-qual .dropdown-item.active::before,
.col-qual .dropdown-item:active::before {
   font-family: "Font Awesome 5 Free"; content: "\f00c"; display: inline-block; padding-right: 1rem; vertical-align: middle; font-weight: 900 
}


.annotazione {position: absolute; background-color: rgba(177,255,0,0.80); border: 1px solid #000000; z-index:1234; padding: .5rem; max-width: 300px; font-weight: 300; color:#000000; text-align: left}
.annotazione strong {font-weight: 700;}


.inputRemiWarning {
    position: absolute;
    z-index: 987;
    height: 400px;
    width: 500px;
    left: 30%;
	right: 30%;
    top: 70px;
	text-align: center;
	font-size: 200%;
	padding-top: 110px;
	background-image: url("images/summer_callout.svg");
	background-size: cover;
	background-position: 0 -50px
}
input.has-warning,
.has-warning .select-selected
{
    border: 0;
    border-bottom: 1px solid #503300;
    background-image: url("images/warning.svg");
    background-size: 1.2rem;
    background-repeat: no-repeat;
    background-position: .3rem;
    background-color: rgba(255,163,0,0.35);
    padding-left: 2rem;
}

/* guasti */
.guasto-circle
  {
	display: inline-block;
    border-radius: 50%;
    min-width: 18px;
    height: 18px; 
	text-align: center;
    line-height: 16px;
	  font-weight: 700;
	  font-size: 90%;
	  padding-right:1px;
  }
.grave
  {
      color:#FFFFFF; 
	  background-color: #EF3340;
  }
.medio
  {
      color:#FFFFFF; 
	  background-color: #FFA300;
  }
.grave-anom
  {
	color: #EF3340;
    border: 2px solid #EF3340;
	      line-height: 13px;
  }
.medio-anom
{
	color: #FFA300;
	border: 2px solid #FFA300;
	    line-height: 13px;
}
.blinky{
    animation: blinkingBackgroundGrave 2s infinite;
}
@keyframes blinkingBackgroundGrave{
    0%      { background-color: #FFFFFF;}
    50%     { background-color: #EF3340;}
    100%    { background-color: #FFFFFF;}
}

.medio.blinky{
    animation: blinkingBackgroundMedio 2s infinite;
}
@keyframes blinkingBackgroundMedio{
    0%      { background-color: #FFFFFF;}
    50%     { background-color: #FFA300;}
    100%    { background-color: #FFFFFF;}
}
.guasti-remi {font-size:90%;}
.guasti-remi th {font-size:85%;}
.guasti-remi .fa-circle {font-size:130%;}
.guasti-remi .fa-comment {font-size:130%;}
.guasti-remi .fa-envelope {font-size:130%;}
.guasti-remi .fa-envelope.sollecitata {color: #EF3340}
.guasti-remi .fa-hourglass-half {font-size:130%;}
.guasti-remi .fa-stopwatch {font-size:130%;}
.guasti-remi .fa-microphone-alt-slash {font-size:130%;}
.guasti-remi .fa-circle {font-size:130%;}
.guasti-remi .fa-flag {font-size:110%;}
.guasti-remi .td { vertical-align: middle}
.guasti-remi .guasto-desc {width:250px}
.guasti-remi .form-control {height:22px; font-size:100%}
.guasti-remi .fa-comment {font-size:140%;}
.guasti-remi textarea { height:22px; width:250px; font-size:100%}
.guasti-remi .select-selected {height:22px}
.guasti-remi tr {
	background-color: #dddddd;
	border-bottom: 1px solid #FFFFFF
}
.guasti-remi tr.newline {
	background-color: #D0E9F7;
}
.guasti-remi tr.guasto-attivo {
	background-color: #f9adb3;
}
.guasti-remi tr.anomalia {
	background-color: rgba(255,163,0,0.35);
}
.guasti-remi tr.anomalia-mantenuta {
	background-color: rgba(255,163,0,0.50);
}
.guasti-remi .badge{margin-left: -.5rem}
.gravity3 {color: rgb(255 254 0)}
.gravity2 {color: #EF3340}
.gravity1 {color: #FFA300}
.gravity0 {color: #009A44}
.padre {background-color: #EAEBEB}
.widget-anomalie, .widget-anomalie.dropdown-menu, .widget-anomalie tr {background-color:#FFFFFF}
.config-anomalie .fa-tools, .config-anomalie .fa-wrench {font-size:140%;}
.configaz select {display: inline-block; width: 45%;}
#guasti-map {  margin-left:0; margin-right:0; height:340px; width:100%; }

/*controlli di misura*/
.last-used{background-color:#dddddd}
th.empty {background-color: transparent}
th.confuc{color:#FFA300}
th.confsm3{color:#71CC98}
th.confd{color:#D0E9F7}
tr.cm-figlio{background-color:#FFF}
tr.maco{background-color:#cbffe1; border-bottom: 1px solid #ccc}

tr.cm-padre{background-color:#EAEBEB; border-bottom: 1px solid #ccc}
.form-control.smallN{min-width:40px; max-width: 55px;height: 1.3rem; display: inline-block}
.r-border-dashed {border-right:1px #ccc dashed !important}
.ctrlvent{line-height: 1.5rem}
.ctrlvent .lett-e{line-height: 1.6rem; display: block; }
.confronto table .form-control.smallN {max-width: 160px; }
.ctrlvent .btn{
    padding: 0.2rem .8rem;
    font-size: 0.7rem;
    line-height: 1;
    border-radius: 3rem;
    transition: all .25s ease-in-out;
	text-transform: uppercase;
	cursor: pointer;
	margin-bottom:0} 
.table-sm td.confronto {padding: 0;}
.confronto table {margin:0}
.datacfr {background-color:#EAEBEB}
.b-border-dashed {border-bottom:1px #ccc dashed !important}
.t-border {border-top:1px #ccc solid !important}
.dl-ticks{max-width:40px; height: 1rem; display: inline-block; margin-left: .5rem; margin-right: .5rem; margin-bottom: 0; }
.amc-labels {font-size:1.1rem; color: #1D1D1B;}
.amc-values {font-size:3rem; color: #1D1D1B; }
.marker {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  display: inline-block;
}
.compl {background-color: #009a44;}
.incompl{background-color: #ef3340;}
.compfs{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKklEQVQYV2NkmOX8nwEK3s/8y8AIEwBxBNOZIQIwDkgh43tjh/8gGRgAAIZ8EPryVUeCAAAAAElFTkSuQmCC) repeat;}

/*verbalizzazione*/
.nav-link .fa-times, .guasti-attivi, .festivo {color: #ef3340}
.nav-link .fa-check {color: #009a44}
.accordion .card-header.telel { background-color: #FFFFFF; 	background-image: linear-gradient(#2d7cba, #FFFFFF); }
.accordion .card-header.stamp { background-color: #FFFFFF; 	background-image: linear-gradient(#ffa300, #FFFFFF); }
.accordion .card-header.elab { background-color: #FFFFFF; 	background-image: linear-gradient(#71cc98, #FFFFFF); }
.accordion .card-header.stampuc { background-color: #FFFFFF; 	background-image: linear-gradient(#F2FF49, #FFFFFF); }
.accordion .card-header.dlve { background-color: #FFFFFF; 	background-image: linear-gradient(#947BD3, #FFFFFF); }
.accordion .card-header.regis { background-color: #FFFFFF; 	background-image: linear-gradient(#CFB1B7, #FFFFFF); }
.accordion .card-header.cont { background-color: #FFFFFF; 	background-image: linear-gradient(#B3AF8F, #FFFFFF); }
.accordion .card-header.forf { background-color: #FFFFFF; 	background-image: linear-gradient(rgba(239,51,64,0.85), #FFFFFF); }
.verbali-tools .fa {font-size: 130%; display: inline-block; margin-left: 1rem; }
.verbali-tools select.form-control {display: inline-block; margin-right: 2rem; width: 200px; max-height:26px;}
.verbali-tools .pill {display: inline-block; margin-left:.1rem; font-size: 80%; vertical-align: super; color: #ef3340}
.card-header .form-control {width: 120px; display: inline-block}
.card-header h5 {display: inline-block}
.periodo {line-height: 1.2rem; font-weight: 700}
.periodo i{font-size: 120%; display: inline-block; margin-right: .5rem;line-height: 2rem;}
.periodo i.fa-arrow-right{font-size: 120%; margin-left: .5rem}
.periodo .label-storico{font-size: 70%; font-weight: 300; text-transform: uppercase; float: right}
.periodo .storico{font-size: 90%; font-weight: 300;}
@media (max-width: 1600px) {
.periodo {font-size: 92%;}
.periodo i{font-size: 110%; margin-right: .3rem;}
.periodo label{font-size: 62%;}
}
.verb-elab input[type="radio"] {max-width: 1rem; display: inline-block}
.verb .form-control {max-height:  1.2rem; display: inline-block; margin-left: .5rem; margin-right: .3rem; max-width: 92%; padding-bottom: 0; margin-bottom: 0}
.bigger-text{font-size: 110%}
.verb-elab .fa {  font-size: 150%; display: inline}
#lett-fine, #lett-inizio {max-width: 90%; display: inline}
.ebox { 	background-image: linear-gradient(#bed6e9, #bfe7d1); background-color:#BDD9FF; padding: .4rem; border-radius: 8px  }
.border-bottom-white{ border-bottom: 1px #fff solid}
th.cont-dl, th.cont-telel {font-weight: 700}
.cont-dl {color:#E8B7B8}
.cont-telel {color:#ccebda}
.mesecorrente, .mesecorrente-giorno {background-color: #EAEBEB}
.verbalizzazione .card-body {padding:0; padding-bottom: 1rem}
.UCvdm {background-color: #D0E9F7}
.fa-toggle-on, .fa-toggle-off, .fa-external-link-alt {font-size: 120%; color: #004C97; cursor: pointer}
.periodo label {
	line-height:1rem;
	padding-left: 0;
	border-bottom: 0px;
	
}
.vdm-ver {
	margin-left: auto;
	padding-right: 1rem;
} 
.vdm-amc-label.d-xl-inline {line-height: 1.4rem }
@media (max-width: 1400px) {
    .vdm-amc-label {
        font-size: 85%;
    }
}
#forf-a-dettaglio, #forf-b-dettaglio, #forf-c-dettaglio, #forf-d-dettaglio {border-bottom: 1px solid #62B5E5}
#forf-c-dettaglio .fa-check {color: #009A44}
#forf-c-dettaglio .fa-times {color: #EF3340}
.forf-corr-spalmabile, .forf-corr-spalmato {margin-left: .3rem; margin-right: .3rem; border-radius: .5rem}
.forf-corr-spalmabile {background-color: #EAEBEB}
.forf-corr-spalmato {background-image: linear-gradient(#bed6e9, #bfe7d1);}
.col-2.tabsplus {padding-left: 0; padding-right: 0}
.vdm-remi th {font-weight: 300}
.vdm-remi th strong {font-weight: 700}
/*home*/
.container.home {background-color: transparent}
.home .card-body {
	border-bottom-left-radius: .5rem; 
	border-bottom-right-radius: .5rem;
  	background-color: #004C97;
	border: 0px;
  	padding: 1rem;
  	height: 20rem;
}
.home .card-header { border-top-left-radius: .5rem; border-top-right-radius: .5rem;
  background-color: #004C97;
  padding: 1rem;
  height: 2rem; 
	border: 0;
}
.home .card-header h4 {color:#FFFFFF; font-size:95%; display: inline-block}
.home .card-header .float-right {cursor: pointer; color:#FFFFFF; font-size:95%; display: inline-block; font-weight:300; }
.home .collapsed-box .card-header {height: 3rem; border-radius:.5rem}
.home .card-box {-webkit-box-shadow: 1px 1px 39px -15px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 39px -15px rgba(0,0,0,0.75);
box-shadow: 1px 1px 39px -15px rgba(0,0,0,0.75);}
.home .connectedSortable {
  min-height: 100px;
}
.home .sort-highlight { border:1px  dashed #A7FEED; border-radius:.5rem }
.home .new-box { border:1px  dashed #A7FEED; border-radius:.5rem; text-align: center;color:#FFFFFF }
.home .new-box .fa {font-size:5rem; cursor: pointer }
.home-widgets{border-radius:.5rem; margin:1rem;background-color:#004C97; padding:0 }
.home-widgets ul{margin:0;padding:0}
.home-widgets li{display:block; padding:1rem; border-bottom: 1px solid white; font-weight:700; font-size:1.1rem;margin:0; cursor:pointer}
.home-widgets li:last-child{border:0}
.chartdiv-home {
	 width: 100%;
	height: 100%;
}
#chartdivwEsiti {height: 95%}
.card-header a {color:#fff}
.widget-labels {color:#fff}
.home em, .home .fa-chevron-down {font-size:80%}