/* KAORI CSS v 0.20160215b */
/* *********************** */

/* FONT */
 @import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');

html, body, button, input, select, textarea, div, span {
font-family: 'Ubuntu', sans-serif !important;
}

/* NORMALIZE */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
a:active, a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
	padding: 0 5px;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin: 1px 5px !important; /* IL 02/07/2021 centratura checbox selezione multipla liste */
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*td, th {
    padding: 0;		//Eliminato: altrimenti all'apertura di più voci di menù rispetto a quanto ce ne stanno nella barra si generano problemi in visualizzazione
}*/
td, th {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

/* RESTYLING */
.Check_Style input {
    height: 18px;
    width: 18px;
    left: 1px;
    top: 1px;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    color: #333;
    background-color: #fff;
    font-family: 'Ubuntu', sans-serif;
}
.login-page {
    background-color: #fff;
}
.box-login {
    background-color: #006c5d;
    width: 960px;	/* RS: 6-12-2021 Nuovo Css per login prima 700*/
    height: 510px;	/* RS: 6-12-2021 Nuovo Css per login prima 400*/
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -250px 0 0 -500px; /* RS: 6-12-2021 Nuovo Css per login prima 200 350 */
    border-radius: 70px; /* RS: 6-12-2021 Nuovo Css per login*/
}
.login-page .kaori-logo {
    display: block;
    width: 250px;
    height: 80px;
    margin: 50px auto 30px auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.in-box-login {
    width: 325px;/* RS: 6-12-2021 Nuovo Css per login prima 250*/
    margin: 0 auto;
    font-size: 20px;
	border-bottom: 1px solid white;
	float: right;
	margin-right: 90px;
	padding-bottom: 20px;
}
.login-page label {
    display: block;
    color: #fff;
    width: 100px;
    height: 25px;
    line-height: 25px;
    float: left;
    margin-bottom: 10px;
}
.group-list-box {
    position: absolute;
    overflow: hidden;
    text-align: left;
    line-height: 11px;
    background: none !important;
    background-color: #E2E2E2 !important;
    font-size: 9pt !important;
    height: 15px !important;
}
.group-label {
    width: 98% !important;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left !important;
}

input#username,
input#password {
   /* border: 0;
    width: auto;*/
    padding: 3px 7px;
    float: left;
    box-sizing: border-box;
    width: 190px;/* RS: 6-12-2021 Nuovo Css per login*/
    height: 30px;/* RS: 6-12-2021 Nuovo Css per login*/
    margin-bottom: 10px;
    border-radius: 30px; /* RS: 6-12-2021 Nuovo Css per login*/
    background-color: transparent; /* RS: 6-12-2021 Nuovo Css per login*/
    border: 2px solid white; /* RS: 6-12-2021 Nuovo Css per login*/
    margin-left: 30px; /* RS: 6-12-2021 Nuovo Css per login*/
     color:white;
}
/* RS: 6-12-2021 Nuovo Css per login*/
input#password {
    border: 1px solid white;
}

input#username:focus,
input#password:focus {
    outline-color: #0ba757;
}
input#login {
    border: 0;
    background-color: white;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #006c5d;
    font-weight: bold;
    border-radius: 30px; /* RS: 6-12-2021 Nuovo Css per login*/
}
input#login:hover {
    opacity: 0.7;
}
.login-message:empty {
    display: none;
}
.login-message {
    color: #fff;
    background-color: #e94f44;
    padding: 3px 5px;
    border-radius: 5px;
}
.fascia-sia {
    background-color: #a4dabc;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 40%;
    background-image: url(sia-logo.png);
/*    background-image: linear-gradient(transparent,transparent), url(sia-logo.svg);*/
}
a {
    text-decoration: none;
    color: #006c5d;
}
a:hover {
    text-decoration: underline;
}
#header-container {
    /*min-height: 75px;
	height: 75px;
	menu sinistra*/
	line-height: 25px;
	height: 30px;
	min-height: 30px;
    background-image: none;
    position: relative;
    background-color: #006c5d;
/*    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);*/
}
#header-suppress-menu {
    display: none;
}
#header-main-caption {
    position: absolute;
    top: 0;
    left: 0px;
    display: block;
    width: 80%;
    height: 30px; /*75 in menu sx*/
    /*margin: 5px 0px 0px 5px;*/ /*0 in menu sx*/
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 60%;
}
#header-main-caption .utente {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    line-height: 75px;
}
#header-main-caption .utente span {
    font-weight: normal;
    font-size: 16px;
    font-style: italic;
    padding-right: 15px;
}
#header-main-caption .utente span.nome {
    font-weight: bold;
    font-size: 20px;
    font-style: normal;
}

/*
* PS 20/02/2020 reso di nuovo visibile immagine ajload.gif,
* compare sempre nel momento in cui si esegue una procedura, nell'applicazione in alto a destra, di fianco al bottone menu more
*/
/*
#header-ajax-indicator {
    display: none;
}
*/
#header-ajax-indicator {
    display: block;
    width: 26px;
    height: 25px;
    position: absolute;
    top: 2.5px;
    right: 50px;
}

#header-debug-image {
	line-height: 25px;
    /*display: none;*/
	position: absolute;
    right: 100px;
}

#background-logout {
    display: block;
    width: 30px; /*old 100*/
    height: 25px;
    /*background-color: #e94f44;*/
    position: absolute;
    top: 5px;   /*25 nel menu sx*/
    right: 10px;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 25px;
}
/*
#background-logout.hover {
    background-color: #be1621;
}
*/

#header-command-box {
    display: none;
}
#header-divider {
    display: none;
}

#header-close-app {
    display: block;
    width: 30px;
    height: 25px;
    position: absolute;
    top: 2.5px;   /* 25 nel menu sx */
    right: 10px;
    background-color: transparent;
    padding: 0;
    opacity: 0;
	/*background-image: url(images/ico_logout.png);*/
}
#header-close-app.header-close-app-hover {
    background-color: transparent;
    opacity: 0;
}

#menu-container {
    border: 0;
    margin: 0 0 20px 0; /* PS 15/04/2020 margin: 0 0 25px 0; */
    padding: 0;
    box-sizing: border-box;
    background-color: #fff;
}
.menu-commandset-level-1 {
    display: none;
}
.submenu-container-level-1 {
    border: 0;
}
#menu-container img {
    display: none;
}
.menu-container-level-2 {
    margin-bottom: 1px;   /* PS 15/04/2020 margin-bottom: 15px; */
}
.menu-commandset-level-2,
.menu-command-level-2 {
    background-color: #30887c;
}
.menu-commandset-level-3 {
    background-color: #fff;
    border-bottom: 1px solid #aaa;
    position: relative;
}
.submenu-container-level-3,
.submenu-container-level-4,
.submenu-container-level-5,
.submenu-container-level-6,
.submenu-container-level-7,
.submenu-container-level-8,
.submenu-container-level-9,
/* Frigerio 12/09/2017 Variata grafica sottomenu ultimo livello (4) per rientrarlo rispetto al livello precedente (3) */
.submenu-container-level-10 {
    background-color: transparent;
    margin-top: 5px;
    padding-left: 15px;
}
.menu-commandset-level-2 a,
.menu-command-level-2 a {
/***    display: block;*/
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    padding-left: 10px;
}
.menu-commandset-level-3 a,
.menu-commandset-level-4 a,
.menu-commandset-level-5 a,
.menu-commandset-level-6 a,
.menu-commandset-level-7 a,
.menu-commandset-level-8 a,
.menu-commandset-level-9 a,
.menu-commandset-level-10 a {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    padding-left: 10px;
}
.menu-commandset-level-3 a:after,
.menu-commandset-level-4 a:after,
.menu-commandset-level-5 a:after,
.menu-commandset-level-6 a:after,
.menu-commandset-level-7 a:after,
.menu-commandset-level-8 a:after,
.menu-commandset-level-9 a:after,
.menu-commandset-level-10 a:after {
    content: ' \25bc';
    display: inline;
}
.menu-commandset-level-2 a:hover,
.menu-commandset-level-3 a:hover,
.menu-commandset-level-4 a:hover,
.menu-commandset-level-5 a:hover,
.menu-commandset-level-6 a:hover,
.menu-commandset-level-7 a:hover,
.menu-commandset-level-8 a:hover,
.menu-commandset-level-9 a:hover,
.menu-commandset-level-10 a:hover,
.menu-command-level-2 a {
    text-decoration: none;
}
.menu-commandset-level-2:hover,
.menu-commandset-level-2-hover,
.menu-commandset-level-3:hover,
.menu-commandset-level-3-hover,
.menu-commandset-level-4:hover,
.menu-commandset-level-4-hover,
.menu-commandset-level-5:hover,
.menu-commandset-level-5-hover,
.menu-commandset-level-6:hover,
.menu-commandset-level-6-hover,
.menu-commandset-level-7:hover,
.menu-commandset-level-7-hover,
.menu-commandset-level-8:hover,
.menu-commandset-level-8-hover,
.menu-commandset-level-9:hover,
.menu-commandset-level-9-hover,
.menu-commandset-level-10:hover,
.menu-commandset-level-10-hover,
.menu-command-level-2:hover,
.menu-command-level-2-hover {
/*
*    background-color: #a4dabc; Modificato il 9/03/2022 per cambiamento grafica azzurra
*/
	background-color: #0098ff!important ;
}
.menu-container-level-3,
.menu-container-level-4,
.menu-container-level-5,
.menu-container-level-6,
.menu-container-level-7,
.menu-container-level-8,
.menu-container-level-9,
.menu-container-level-10 {
    padding: 0;
    margin-top: 5px;
}
.menu-command-level-3,
.menu-command-level-4,
.menu-command-level-5,
.menu-command-level-6,
.menu-command-level-7,
.menu-command-level-8,
.menu-command-level-9,
.menu-command-level-10 {
    height: 25px;
}
.menu-command-level-3 a,
.menu-command-level-4 a,
.menu-command-level-5 a,
.menu-command-level-6 a,
.menu-command-level-7 a,
.menu-command-level-8 a,
.menu-command-level-9 a,
.menu-command-level-10 a {
/***    display: block;*/
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    font-weight: normal;
    color: #555;
    padding-left: 15px;
}
.menu-command-level-3 a:hover,
.menu-command-level-4 a:hover,
.menu-command-level-5 a:hover,
.menu-command-level-6 a:hover,
.menu-command-level-7 a:hover,
.menu-command-level-8 a:hover,
.menu-command-level-9 a:hover,
.menu-command-level-10 a:hover {
    text-decoration: none;
}
.menu-command-level-3:hover,
.menu-command-level-4:hover,
.menu-command-level-5:hover,
.menu-command-level-6:hover,
.menu-command-level-7:hover,
.menu-command-level-8:hover,
.menu-command-level-9:hover,
.menu-command-level-10:hover {
    background-color: #ccc;
}
#form-list-container {
    margin: 25px 0 70px 0;
    border: 0;
}
/*Direttiva utile solo per menu a sinistra*/
/*#side-menu-container,
#forms-container {
    margin-top: 15px;
}*/
#forms-container {
    padding: 0 15px 15px 15px;
}
.form-container {
    box-shadow: none;
    border: 0;
}
#side-menu-container {
    padding: 0 0 0 15px;
}
.form-caption-container {
    height: 40px;
    line-height: 40px;
    border: 0;
    background-color: #30887c;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
}
.form-caption-icon {
    display: none;
}
.form-caption-text {
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
}
.close-button:not(.form-caption-modal-image) {
    vertical-align: middle;
    margin: 0;
    line-height: 40px;
}
.form-caption-hover {
  opacity: 1;
  filter: none;
}
.form-list-header {
    font-weight: normal;
    color: #fff;
    background-color: #999;
    font-size: 12px;
    text-indent: 0;
    padding: 10px 0;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 15px;
}
.form-list-header:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid #999;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: 100%;
    left: 43%;
}
.form-list-active-caption {
    border-radius: 0;
    background-color: #a4dabc;
    color: #006c5d;
}
.form-list-caption-hl {
    border-radius: 0;
}
.popup-border-thin {
    border: 0;
}
.popup-frame-caption {
    background-color: #006c5d;
    color: #fff;
}
.popup-frame-container {
    border-radius: 0;
    box-shadow: none;

}
.popup-modal-frame {
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
input[type="button"],
.popup-button-default,
.popup-button {
    border-radius: 0;
    box-shadow: none;
    background-color: #006c5d;
    color: #fff;
    border: 0;
    padding: 5px 7px;
    text-transform: uppercase;
    box-sizing: border-box;
    line-height: normal;
}
input[type="button"]:hover,
.popup-button-default:hover,
.popup-button:hover {
    background-color: #242D33;
}
.panel-value-button {
    font-size: 8pt !important;
}
.frame-toolbar-container {
    background-color: #30887c;
}
.frame-toolbarsmall-container {
    background-color: #30887c;
}
input.Lookup_Fields {
    color: #666 !important;
    /*background-color: #e2eee7 !important;*/
    /*background-color: transparent !important;*/
}
.debug-button {
    /*display: none;*/
}

#welcome-container {
    box-shadow: none;
    border: 0;
}
.frame-content-container,
.panel-form-container {
    background-color: transparent !important;
}
.panel-value-button[disabled] {
    background-color: #aaa !important;
    color: #ccc !important;
    text-shadow: none;
}
.toolbar-frame-command .toolbar-button {
    line-height: normal;
}
.welcome {
    display: block;
    width: 500px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -80px 0 0 -250px;
}
.welcome-page {
    background-color: #fff;
}
/*img[id*="collapse"] {
  display: none;
}*/
.selected-tab-caption-0 {
    background-color: #30887c;
    color: #FFFFFF;
    border-radius: 3px 3px 0 0;
}
#wait-box {
    position: relative;
    border-radius: 0;
    -ms-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#wait-box-progress {
    background-color: #006c5d;
}
.messagetooltip-frame-container {
    background-color: #FFFFFF;
    color: #666;
	z-index: 200 !important;
}
.aiuto {
    display: block;
    padding-left: 60px;
    height: 50px;
    line-height: 50px;
    background-image: url(images/aiuto.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 130px;
    width: 250px;
    margin-left: -125px;
}
.pagina-aiuto {
    padding: 30px;
}
.pagina-aiuto p,
.pagina-aiuto ul {
    width: 70%;
    padding-left: 30px;
}
.pagina-aiuto h1 {
    font-size: 18px;
    color: #006c5d;
}
.pagina-aiuto .kaori-logo-aiuto {
    display: block;
    width: 200px;
    height: 75px;
    margin: 0;
	background-image: url(sia-logo.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 60%;
}
.pagina-aiuto p.no-padding {
    padding-left: 0;
}
.menu-scrollbox-up {
    background-color: #30887c;
}
.menu-scrollbox-dn {
    background-color: #30887c;
}
.panel-sort-image {
    top: 5px !important;
    left: auto !important;
    right: 5% !important;
}

.box-filtri {
    border:1px solid #30887c
}
#taskbar-menu-box {
	width: 330px;
}
#taskbar-start-cell {
	background-image: url(images/ico_menu_verde.png);
    background-position: 50% 4px !important;
	border: hidden;
}
#taskbar-trow{
	background-color: #b8ccc4;
}
element.style {
    top: 54px;
}
#forms-container {
    padding: 4px 0px 0px 0px;
}
#taskbar-formlist-cell
{
/*Sposto il menù in basso */
    height: 40px !important;
}
.menu-command-level-2 a
{
    display: inline-flex;
}
.menu-command-image-level-2
{
    padding-left: 4px;
    padding-right: 0px;
    vertical-align: 0px;
}
#forms-container
{
/*Sposto il contenitore di form sotto il menù posizionato ora in basso */
top: 72px !important;
padding: 0px 0px 0px 0px;
}
#side-menu-container
{
margin-top: 2px !important;
}
.frame-toolbarsmall-container{
   background-color: #30887c !important;
}
.frame-toolbarsmall-caption, .frame-content-container, .panel-statussmall-data {
    color: #ffffff !important;
}
.toolbar-frame-image-small {
    vertical-align: middle;
    margin-bottom: 0px;
    cursor: pointer;
    padding: 0px;
    margin-right: 0px;
    margin-left: 3px;
    border-radius: 3px;
    background-color: #FFFFFF
}

/* LO 04/12/24: Aggiunta opacità sull'hover dei pulsanti toolbar con immagine di sfondo */
.toolbar-frame-image-small:hover{
    opacity: 0.7 !important;
}

.panel-statussmall-data {
    font-weight: normal;
	/*width: 80px; RS 10/10/2022 Commentato poichè riscontrato problema di visualizzazione della status bar dei pannelli di videata di ricerca*/
	 width: 120px!important;
}
.panel-statussmall-updated {
    font-weight: normal;
}
.panel-field-caption-list {
    text-align: left !important;
}
#taskbar-tray-cell {
    background-color: #b8ccc4;
}
#taskbar-formlist-cell {
    background-color: #b8ccc4;
}
#taskbar-start-cell {
    /*border-right: 1px;*/
    background-color: #b8ccc4;
}
.taskbar-form-list-item {
    background-color: #757575;
}
.taskbar-form-list-active{
    background-color: #ffffff;
}

.panel-field-caption-form {
    border: none;
    position: absolute;
    overflow: hidden;
    padding: 2px!important;
}
.frame-toolbar-button-small, .frame-toolbar-button-small-hover, .frame-toolbar-button-small-down {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}

/* PS 17/11/2020: icone sulla dx
.form-caption-container img.form-caption-image.close-button {
    box-sizing: border-box;
    background: url('images/ico_closef.png');
    width: 20px;
    height: 20px;
    padding-left: 20px;
}
.form-caption-container img.form-caption-modal-image.close-button {
	box-sizing: border-box;
    background: url('images/ico_mno.png');
    padding-left: 15px;
}
.form-caption-container img.form-caption-modal-image.accept-button {
	box-sizing: border-box;
    background: url('images/ico_myes.png');
    padding-left: 15px;
}
*/
/* RS 10/03/2022: icone sulla dx nuova grafica*/

.form-caption-container img.form-caption-image.close-button {
    box-sizing: border-box;
    background: url('images/ico_closef.png');
    width: 20px;
    height: 20px;
    padding-left: 20px;
}
.form-caption-container img.form-caption-modal-image.close-button {
	box-sizing: border-box;
    background: url('images/ico_mnoAzzurra.png');
    padding-left: 15px;
}
.form-caption-container img.form-caption-modal-image.accept-button {
	box-sizing: border-box;
    background: url('images/ico_myes_Azzurra.png');
    padding-left: 15px;
}






/* KAORI CSS v 0.20160215b */
/* *********************** */

/* Frigerio 12/09/2017 Messo separatore */
.menu-separator-level-4 {
  height: 1px;
  font-size: 2px;
  background-color: #E2E2E2;
  margin-left: 13px;
}
.menu-separator-level-5 {
  height: 1px;
  font-size: 2px;
  background-color: #E2E2E2;
  margin-left: 13px;
}

/* menu utente header*/
#header-user-menu{
    display: block;
    width: 26px;
    height: 25px;
    /*background-color: #FFF;*/
    background-image: url(images/ico_puntini.png);
	background-repeat: no-repeat;
	background-position: center;
    position: absolute;
    top: 2.5px;
    right: 40px;
}
#header-user-fav{
    display: block;
    width: 26px;
    height: 25px;
    background-color: #FFF;
    background-image: url(images/favorite.png);
	background-repeat: no-repeat;
	background-position: center;
    position: absolute;
    top: 2.5px;
    right: 210px;
}
#header-user-post{
    display: block;
    width: 26px;
    height: 25px;
    background-color: #FFF;
    background-image: url(images/postit.png);
	background-repeat: no-repeat;
	background-position: center;
    position: absolute;
    top: 2.5px;
    right: 175px;
}

/*
* PD Classe per videata footer
*/
.footer-pan{
    background-color: #006c5d!important;
}

/*
* PD Classe per videata footer
*/
.footer-text{
    color: #FFF!important;
}

/*
* PD Classe per videata footer
*/
.bottom-dock-container-visible{
	padding:0px;
}

/*
* PD Classe per videata footer
*/
.flistClose{
	float:right;
	padding: 4px 2px 0px 0px;
	cursor: pointer;
	z-index:200;
}
.frame-toolbarsmall-caption{
	/*display:none;*/
	width: 100px;
}
/* Questo serve per ancorare il footer verso il basso e non verso l'alto*/
.bottom-dock-container-visible {
top: auto;
bottom: 0;
height: auto;
max-height: 30px; /* Qui puoi indicare l'altezza in pixel del footer
*/
line-height: 15px; /* che deve coincidere anche qui */
}
/* Questo invece stabilisce margini, altezza e dimensioni effettive del
contenuto del footer */
.footer,
.footer-pan,
.footer-text,
.footer .frame-content-container {
margin: 0;
padding: 0;
height: auto;
max-height: 30px; /* deve combaciare con il valore della classe precedente */
line-height: 15px; /* deve combaciare con il valore della classe precedente */
}
/* Se fosse necessario lavorare sulla dimensione del testo all'interno
del footer basta aggiungere questo valore (naturalmente la dimensione in
pixel va impostata rispetto alle necessità, per cui puoi utilizzare un
valore a tuo piacimento): */

/*
* PD Classe per videata footer
*/
.footer {
font-size: 16px;
background-color: #006c5d!important;
}

.taskbar-form-list-item {
position: relative;
}
.taskbar-form-list-item .flistClose {
position: absolute;
right: 3px !important;
top: 5.5px;
padding: 0;
margin: 0;
z-index: 9999; /* Questo, in combinazione con il posizionamento
assoluto, serve a tenere il pulsante in primo piano */
}

/*PS 25/05/2021: commentato perchè se lasciato, la toolbar in alto che contine "i tab"
                 delle videate aperte non stringeva i tab per farci stare anche altri tab.
.taskbar-form-list-item {
	padding: 0 15px 0 0 !important;
}*/

/*
* SR Post In
*/
.vPostIn{
background-color: #dddddd;
z-index: 20 !important;
}
/*
* SR Post In
*/
.vPostIn .form-caption-container{
height: 20px;
background-color: #7d6d00;
}
/*
* SR Post In
*/
.vPostIn .form-caption-text {
height: 0px;
line-height: 0px;
font-size: normal;
}
/*
* SR Post In
*/
.vPostIn .frame-toolbarsmall-container{
background-color: ##d8c33b !important;
border-top: 0px;
border-bottom: 0px;
}
/*
* SR Post In
*/
.vPostIn .form-frames-container{
    /*border-color: ##d8c33b;
    border-style: solid; se metto il bordo appaiono scrollbar e non riesco a toglierle...*/
	padding-top: 0px;
}
/*
* SR Post In
*/
.vPostIn .frame-container{
background-color: ##d8c33b;
}
/*
* SR Post In
*/
.vPostIn .panel-value-textarea {
    overflow: hidden;
}

/*
* SR Post In
*/
.vPostIn .frame-content-container{
margin: 4px !important;
}

/*
* SR Post In
*/
.vPostIn .button{
background-color: ##d8c33b;
}

/*
* SR Post In
*/
.shadow {
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: black;
opacity: 0.5;
position: absolute;
z-index: 10;
}

/*
 * Postin SR?: serve per gestire la modalità modale nel momento in cui si passa in modifica del postit
 *
 * 07/05/2018 PS : ANNULLATA MODIFICA (DATO CHE NON è USATA) PER ANOMALIA IN SCHEDA RFIUTO: AL TERZO LIVELLO APRIVA IN MODALITà
 * NON MODALE ANCHE LE FINESTRE DEFINITE DI TIPO MODALE (vedi ticket 000839-2018)
 *
.popup-frame-container  {
z-index: 11 !important;
}
.popup-menu-container {
	z-index: 15!important;
    background-color: #FFFFFF;
    border: 1px solid #E2E2E2;
    margin: 0px;
    position: absolute;
    width: 170px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.combo-popup {
z-index: 12 !important;
}
.panel-field-value-watermark{
	color: #0748ff !important;
	font-style: italic !important;
}
*/

/* ??? */
.DO {
    color: #FFF;
}

/*
PD Usato per la pulsantiera delle anagrafiche
*/
.BottoneAnagrafiche{
	padding: 1px 0px 5px 6px!important;
    margin: 0px 0px 0px 0px!important;
}

/*
* PD classe che converte il tasto di conferma nelle videate modali nella x rossa, serve per far si che la finta X alla pressione chieda se salvare o meno il record
*/
.ChecktoClose .accept-button {
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
    margin-top: 3px;
    /*
	width: 15px !important;
    height: 15px !important;
	*/
	width:0px!important;
	height:0px!important;

	padding:15px 0 0 15px; /* sposto immagine fuori dal contentitore spostandola in giu e a destra */
	background-image: url(images/mno.gif);
}

/*
* PD 3/18
* classe predisposta per gli elenchi di codici, usati ad esempio nelle autorizzazioni
*/
.ListaCodici{

}

/*
* PD 3/18
* applica bordo verde al box, usato nel servizio condizioni usabilità
*/
.bordo-verde{
	border-style: solid!important;
    border-width: 2pt!important;
    border-color: #45e688!important;
    padding: 1.5pt!important;
}

/*
* PD 3/18
* applica bordo rosso al box, usato nel servizio condizioni usabilità
*/
.bordo-rosso{
	border-style: solid!important;
    border-width: 2pt!important;
    border-color: #f72813!important;
    padding: 1.5pt!important;
}

/*
* PD 7/5/18
* applica bordo grigio al box, usato nel servizio condizioni usabilità
*/
.bordo-grigio{
	border-style: solid!important;
    border-width: 2pt!important;
    border-color: #908f8f!important;
    padding: 1.5pt!important;
}

/*
* PS 9/4/18
* Usata all'interno della definizione dei campi a pannello per applicare il GRASSETTO sulle LABEL dei campi
*/
.BoldFont {
	font-weight: bold!important;
}

/*
* PS 10/5/18
* Usata all'interno della definizione dei campi a pannello per applicare il grigio chiaro alle label dei campi non gestiti
*/
.labelGrigia {
	color: silver!important;
}

/*
* PS 02/05/18
* In seguito ad applicazione NPQ03794 P000196 (SAST A009760): serve per centrare la spunta del check
* (la patch è inclusa nelle versioni di inde, ma questo va mantenuto)
*/
.panel-value-check {
    vertical-align: middle;
	text-align: center;
    height: 15px;
}

/*
I.L. 05/12/2023: serve per il checkbox grande (videata produzione seruso)
*/
.panel-value-check-big > .panel-value-check {
    vertical-align: middle;
	text-align: center;
    height: 26px;
    width: 26px;
}

/*
* PS 13/7/18
* Classe predisposta per la gestione dei campi automatici, usato ad esempio nei Soggetti
*/
.CampiAuto{

}

/*
* PS 13/7/18
* applica bordo blu al box, usato ad esempio nella videata dei Soggetti
*/
.bordo-blu{
	border-style: solid!important;
    border-width: 1pt!important;
    border-color: #00A0E0!important;
    padding: 1.5pt!important;
}

/*
* PS 18/9/18
* applica bordo blu all'etichetta, utile nel layout lista
*/
.bordo-blu-label{
	border-style: solid!important;
    border-width: 1pt!important;
    border-color: #00A0E0!important;
    padding: 1.5pt!important;
}

/*
* PD 20/08/18 (inizio)
* Aggiunta stili custom per pagine pannello
*/
.page-container-2 {
    /*display: inline-block;*/
    height: 30px;
    border: 0px;
    color: #FF0000;
    font-size: 10pt;
    font-weight: bold;
    cursor: pointer;
    border-bottom: #FF0000 1px solid;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom;
	display:none;
}
.selected-page-container-2 {
    /*display: inline-block;*/
    height: 30px;
    border: 0px;
    color: #FF0000;
    font-size: 10pt;
    font-weight: bold;
    border-bottom: #FF0000 1px solid;
    vertical-align: bottom;
	display:none;
}
.PanTabs2
{
	border-top: solid #FF0000 1px;
	border-bottom: solid #99bbe8 1px;
	background-color: #d8e4f3;
	color: #808080;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 8pt;
	height: 18px;
	background-image: url('images/tabbg.gif');

}
.SelTab2
{
	background-color:white;
	padding: 0px;
	font-weight: bold;
	font-size: 8pt;
	height: 18px;
	border-top: solid #FF0000 1px;
	color: #004d89;
  border-bottom: 0px;
}
/*
* PD 20/08/18 (fine)
*/

/*
* PD 09/10/18
* Restrizione visibilità: cambio sfondo intestazione in modalità avanzata
*/
.RestrizioneModalitaAvanzata .frame-toolbarsmall-container{
	background-color:#daa413!important;
}
.RestrizioneModalitaNormale .frame-toolbarsmall-container{
	background-color:#30887c!important;
}

/*
* PD febbraio/19
* Colore selezione e fuoco combobox
*/
.combo-option-hiligth{
	background-color: #D0D0D0!important;
}
.combo-option-selected {
    background-color: #D0D0D0!important;
}

/*
* PS 08/03/19
* Colore differente titolo e toolbar videate: grigio chiaro
*/
.LightGreyTitle .frame-toolbarsmall-container{
	background-color:#757575!important;
}
.LightGreyTitle .form-caption-container{
	background-color:#757575!important;
}

/*
* PS 18/03/19
* Etichette bordate come rispettivi campi
*/
.BorderLabel {
	border: 1px solid rgb(208, 208, 208) !important;
	padding-right: 0pt !important;
    padding-bottom: 0pt !important;
}

/*
* PS 02/04/19
* Riduzione font
*/
.SmallFont{
	font-size: 6pt !important;
}

/*
* PS 08/04/19
* Colorazione bordi per videata di ins.mult.movim.produzione
*/
.MovimentiInsMul{
}
.cellaBottoneVerde {
	border-top: 1px solid rgb(0, 255, 0) !important;
    border-bottom: 2px solid rgb(0, 255, 0) !important;
	font-size: 6pt !important;
}
.cellaBottoneRosso {
	border-top: 1px solid rgb(255, 0, 0) !important;
    border-bottom: 2px solid rgb(255, 0, 0) !important;
	font-size: 6pt !important;
}
.cellaBottoneGiallo {
	border-top: 1px solid rgb(255, 192, 0) !important;
    border-bottom: 2px solid rgb(255, 192, 0) !important;
	font-size: 6pt !important;
}

/*
PD 2019: font per report formulario (stampante ad aghi?!)
*/
.formulario{
	font-family: Courier !important;
	font-size: 24px !important;
	font-style: normal !important;
	font-variant: small-caps !important;
	letter-spacing: -1px !important;
	/*font-weight: 400;
	line-height: 40px;*/
}

/*
* PS 08/07/19
* Icona attività sede
*/
.IconaAttivitaSedeAttiva{
	background-image: url('images/sog_mod.png');
	background-repeat: no-repeat;
}
.IconaAttivitaSedeDisattiva{
	background-image: url('images/sog_ins.png');
	background-repeat: no-repeat;
}


/*
* PS 27/03/20
* Bordi gruppi su dashboard
*/
.GroupBorderDashboard{
	border-width: 1px !important;
}

/*
* PS 03/04/2020
* Pannello su dashboard
*/
.vDashboardStyle{
}
.vDashboardStyle .form-frames-container{
	display: flex;
    justify-content: center;
	align-items: center;
}
.vDashboardStyle .selected-page-header-container-0 {
	background-color: #006d5e !important;
}
.vDashboardStyle .selected-page-container-0 {
	color: white !important;
}
.vDashboardStyle .selected-page-header-container-0 {
	font-size: 10pt;
}

/*
* IL 27/04/2021
* adeguamento grafica videate filtri liste
*/
.filter-header {
    border-bottom: 1px solid #CCCCCC;
	/*
    background-color: #30887c !important;
	*/
    color: #FFFFFF;
    padding: 10px;
}
.filter-ok-button {
    float: left;
	/*
    background-color: #30887c !important;
    border: 1px solid #30887c !important;
	*/
    color: #FFFFFF;
    border-radius: 0px;
}

.filter-clear-button {
    float: right;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-top: solid 1px #CCCCCC;
    color: #000000;
    border-radius: 0px;
}
/*Rimossi da RS in data 6/06/2022 per cambio di grafica
.filter-clear-button:hover {
	background-color: #a4dabc !important;
}

.option:hover{
    background-color: #a4dabc !important;
}
.filter-ok-button:hover {
	background-color: #a4dabc !important;
}
*/
.filter-header img {

	box-sizing: border-box;
    background: url(images/ico_mnoAzzurra.png);
	background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    padding-left: 20px;
	margin-top: 0.5px;
}
.filter-header img:hover {
	background: url(images/ico_mnoAzzurra.png);
	background-repeat: no-repeat;
}

.combo-option-check:after {
    height: 16px;
    width: 16px;
    margin: 0px;
    padding: 0px;
    margin-left: 20px;
	background-color: #30887c;
}

input.combo-option-check.filter_check_item {
    background-color: #30887c;
}

.combo-header {
    height: 14px;
    background-color: #30887c;
}

/*
* PS 13/5/21
* font non proporzionale
*/
.font-non-prop{
    font-family: Courier !important;
    font-size: 10pt !important;
	overflow-y: scroll !important;
}

/*
IL 03/06/2021
Dicitura sulla toolbar del pannello giacienze magazzino lotti (è stato utilizzato un commandset aggiuntivo per ottenere questo effetto)
*/
.soloAvviso .toolbar-button  {
    height: 20px;
    line-height: 20px;
    font-size: 10pt;
	/*
    background-color: #30887c !important; RS modificato il 4/04/2022 per aggiornamento NuovaGrafica
	*/
	#003b60 !important
    color: #fff !important;
    text-transform: none !important;
	pointer-events: none;
}

/*
IL 02/07/2021
Centratura immagine filtro selezione multipla liste
*/
.panel-row-selector {
    position: absolute;
    cursor: pointer;
    padding: 1px 7px !important;
}

/*
RS 5/07/2021
Creata classe HyperLink per rendere il testo di colore nero e non sottolineato
*/
.panel-field-static.HyperLinkCustom {
    color: black !important;
    text-decoration: none !important;
}

/*
* PS 03/09/2021
* WA ticket 001978-2021: serve per evitare il lampeggio del grafico
*/
.chartDash .frame-content-container {
    overflow: hidden !important;
}


/*
*RS 6/12/2021 Iniziata nuova grafica ECOSOLVE
*
*/
.Ecosolve-logo {
    margin-top: 40px;
    bottom: 0;
    width: 46%;
    /* LO 23/10/2024: Commentate le istruzioni seguenti perchè ho spostato il caricamento dell'immagine nell'html */
    /* height: 300px; */
    /* background-repeat: no-repeat; */
    /* background-position: center center; */
    /* background-size: auto 145%; */
    /* background-image: url(images/loghi-03.png); */
	float: left;
	margin-left: 40px;
}
.in-box-logo {
    width: 325px;
    margin-top: 145px;
    height: 50px;
    font-size:53px;
    border-top: 1px solid white;
    padding-top: 30px;
	float: right;
	margin-right: 90px;

}
input[type="button"], .popup-button-default, .popup-button{
    border-radius: 15px;
}

/*IL bottone con angoli arrotodati solo a sinistra per lista valori*/
.BtnOverListLeft{
    border-radius: 15px 0 0 15px !important;
}
.BtnOverListRight{
    border-radius: 0 15px 15px 0  !important;
}
.BtnOverListLeftAlt{
    border-radius: 15px 0 0 0 !important;
}
.BtnOverListRightAlt{
    border-radius: 0 15px 0 0  !important;
}

.RoundedCombo{
    border-radius: 0 0 15px 15px !important;
    cursor: pointer;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
}

.RoundedGroup>div
{
    border-radius: 0 15px 15px 0 !important;
}

.ecosolove-mini-logo{

    /* background-image: url(images/loghi-11.png); */
    /* height: 30px; */
    width: 40px;
    margin: -4px 0 0 -7px;
    float: left;
	/* background-repeat: no-repeat; */
    /* background-position: center center; */
    /* background-size: auto 125%; */
}
.selected-page-header-container-0 {
	margin-top:0px!important;
	border-radius: 10px!important;
}
/*
.panel-field-value-list{
	    border: none!important;
}
.panel-value-activator{
	border: 0px!important;
}
.panel-field-list-box .combo-activator{
    border: 0px!important;
}
.panel-field-list-box .panel-value-activator{
    border:none!important;
}
*/
.taskbar-form-list-item {
	border-radius: 10px!important;
}

.popup-frame-container {
	border-radius: 15px!important;
}
.GraficiDash{
	background-color: white!important;
	border-radius: 30px!important;
}
.panel-field-caption-list {
    border-style: none!important
}
.panel-value-activator {
	        border-top: 1px solid rgb(208, 208, 208)!important;
		border-right: 1px solid rgb(208, 208, 208)!important;
		border-bottom: 1px solid rgb(208, 208, 208)!important;
}
.panel-field-static{
	border: none!important;
}

.panel-field-static-blue-border{
	border: 1px solid!important;
    border-color: rgb(0, 0, 255)!important;
}

.panel-scroll-area{
	border: none!important;
}
.form-frames-container{
	padding-top: 0px;
}
.DashList{
 	background-color:transparent!important;
}
.vDashboardStyle {
    background-color: rgb(242,242,242);
}

.page-header-container-0, .selected-page-header-container-0{
	    border-bottom: 1px solid #c5c3c3;
        border-top: 1px solid #c5c3c3;
        border-left: 1px solid #c5c3c3;
        border-right: 1px solid #c5c3c3;
		border-radius: 10px!important;
		margin-top: 0px!important;
}
.form-caption-modal-image {
    margin-top: 15px!important;
}

.GroupBorderDashboard {
    border: none!important;
    border-radius: 10px;
}
.panel-field-list-box {
    background-color: #f3f3f1;
}

/* LO 27/11/25: Ho sistemato tutte le scrollbar dell'app in modo globale, così da averle disponibili sempre.
 *              Lascio comunque commentata la parte di RS. 
 */
 
/* * 1. WebKit (Chrome, Safari, Edge, Opera) Scrollbar Styling
 * Questo è il metodo più efficace e ampiamente supportato 
 * per personalizzare le scrollbar.
 */

/* Seleziona tutte le scrollbar del documento */
* {
    /* Il colore dello sfondo della traccia (la "pista" della scrollbar) */
    scrollbar-color: #0098FF white; /* solo per Firefox */
    scrollbar-width: auto;
}

/* Traccia (Track): lo sfondo della scrollbar */
::-webkit-scrollbar-track {
    background-color: white !important; /* Colore di sfondo della traccia */
}

/* Pollice (Thumb): l'elemento mobile che si scorre */
::-webkit-scrollbar-thumb {
    background-color: #0098FF !important;
    border-radius: 10px !important;
    border: 3px solid white !important; /* Aggiunge un bordo per separare pollice e traccia */
}

/* Corner: l'angolo dove si incontrano le scrollbar orizzontale e verticale */
::-webkit-scrollbar-corner {
    background-color: white !important;
}

/* Dimensione della scrollbar - Generalmente 8px o 10px sono una buona scelta */
::-webkit-scrollbar {
    width: 10px !important; /* larghezza per scrollbar verticali */
    height: 10px !important; /* altezza per scrollbar orizzontali */
}

/*Scrollbar personalizzate */
/*Scrollbar inferiore*/
/* .panel-scroll-area::-webkit-scrollbar{
    height:10px!important;

}
.panel-scroll-area::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3)!important;
	background-color: rgb(0 152 255) !important;
}
.panel-scroll-area::-webkit-scrollbar-track {
	 background: #dedede;
}
.panel-scroll-area::-webkit-scrollbar-button:decrement:start {
	 background-image: url(images/frecciaLeftAzz.png);
         background-repeat: no-repeat;
         display: block;
	 width:13px;

}
.panel-scroll-area::-webkit-scrollbar-button:increment:end {

     background-image: url(images/frecciaRightAzz.png);
     background-repeat: no-repeat;
     display: block;
     width:11px;

} */

/*Scrollbar di destra*/
/* .panel-scroll-container::-webkit-scrollbar{
    width:10px!important;
}
.panel-scroll-container::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3)!important;
	background-color: rgb(0 152 255) !important;
}
.panel-scroll-container::-webkit-scrollbar-track {
	background: #dedede;
}
.panel-scroll-container::-webkit-scrollbar-button:decrement:start {

     background-image: url(images/frecciaSuAzz.png);
     background-repeat: no-repeat;
     display: block;
     height:14px;

}
.panel-scroll-container::-webkit-scrollbar-button:increment:end {
    background-image: url(images/frecciaGiuAzz.png);

	 background-repeat: no-repeat;
      display: block;
    height:14px;

} */

.combo-img-dis{
	height:18px!important;
}
/*
*RS Fine nuova grafica ECOSOLVE
*
*/



/*RS Nuovi Colori Grafica Ecosolve 7/03/2022
*
*/
.box-login {
    background-color: rgb(0 152 255);
}
#header-container{
	background-color: rgb(0 152 255) !important;
}


.vDashboardStyle .selected-page-header-container-0{
	background-color: rgb(12 105 188) !important;
}
#taskbar-start-cell {
	background-image: url(images/ico_menu_Azzurra.png)!important;
}
#taskbar-trow{
	background-color: rgb(12 105 188) !important;
}

#taskbar-start-cell{
	background-color: rgb(12 105 188) !important;
}

#taskbar-formlist-cell{
	background-color: rgb(12 105 188) !important;
}

#taskbar-tray-cell{
	background-color: rgb(12 105 188) !important;
}

.form-caption-container{
	background-color: rgb(0 59 96) !important;
}

.frame-toolbarsmall-container{
	background-color: rgb(12 105 188) !important;
}

#side-menu-container {
    margin-top: 0px !important;
}
.footer-pan{
	background-color: rgb(0 152 255) !important;
}

.footer{
	background-color: rgb(0 152 255) !important;
}

input[type="button"], .popup-button-default, .popup-button  {
	background-color: rgb(0 59 96) !important;
}

.popup-frame-caption{
	background-color: rgb(0 59 96) !important;
}

.menu-commandset-level-2, .menu-command-level-2 {
   background-color: rgb(12 105 188) !important;
}
input#login{
	color: rgb(0 152 255);
}
input#username:focus, input#password:focus {
    outline-color: white!important;
}
.combo-header{
	background-color: rgb(12 105 188) !important;
	color:white;
}

.taskbar-form-list-item.taskbar-form-list-active {
  	 background-color: rgb(0 59 96);
}
.taskbar-form-list-item {
  	background-color: rgb(0 78 137);
	color: white!important;
}
.toolbar-frame-command-small .toolbar-button{
	color: white!important;
}

.menu-scrollbox-up {
    background-color: #5fb3d3;
}
.menu-scrollbox-dn {
    background-color: #5fb3d3;
}
.filter-header{
	background-color: rgb(0 152 255) !important;
}
.filter-ok-button:hover {
	background-color:#5fb3d3!important;
}
.filter-ok-button{
	background-color: rgb(0 152 255) !important;
}

.filter-header img {
    background: url(images/ico_mnoAzzurra.png);
	background-repeat: no-repeat;
}
.filter-header img:hover{
	background: url(images/ico_mnoAzzurra.png);
	background-repeat: no-repeat;
}
#forms-container {
    top: 70px !important;
}
.frame-toolbarsmall-container {
    margin-top: -1px!important;
}
#taskbar-menu-box{
	margin-top: -20px;
}
.selected-tab-caption-0 {
	background-color: rgb(0 59 96);
}
.frame-toolbar-container {
    background-color: rgb(12 105 188) !important;
}
.box-filtri {
    border: 1px solid rgb(12 105 188) !important;
}
.messagetooltip-image{
    width:0px!important;
    padding: 15px 14px 0 0;
    background:url(images/ico_infoAzzurra.png);
    border-radius: 20px;
    margin-left:2px;
    margin-top:2px;
}
.RestrizioneModalitaNormale .frame-toolbarsmall-container {
    background-color: rgb(12 105 188) !important;
}
#wait-box-progress{
	background-color: rgb(12 105 188) !important;
	color: rgb(12 105 188) !important;
}
/*
*RS Fine Nuovi Colori grafica ECOSOLVE
*
*/

/* IL: ingrandimento font per videata pressista seruso 13/04/2022*/
.BigFont{
	font-size: 20pt !important;
}
.etichettaSeruso {
	background-image: url(images/seruso.jpg);
}
.fa-sync-alt
{
	color: #0098ff !important;
	font-size: 20px !important;
}

/*RS 29/12/2023 Rimosso bottone di pulizia dei filtri nelle videate di ricerca
*/
.panel-field-value-list.filter-clear-btn {
    display: none;
}

/* LO 07/05/24 Creazione nuova classe per stile visuale, bottone colorato in modo diverso se contiene figli */

input[type="button"].bottone-contenuto{
    border-radius: 0;
    box-shadow: none;
    background-color: rgb(0 59 96) !important;
    color: #fff;
    border: 0;
    padding: 5px 7px;
    text-transform: uppercase;
    box-sizing: border-box;
    line-height: normal;
    border-radius: 15px;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

/* Gestione per i pulsanti Costi/Ricavi, la classe da inde viene applicata al "genitore" dell'input type dato che è un command */
.bottone-contenuto input[type="button"]{
    border-radius: 0;
    box-shadow: none;
    background-color: rgb(0 59 96) !important;
    color: #fff;
    border: 0;
    padding: 5px 7px;
    text-transform: uppercase;
    box-sizing: border-box;
    line-height: normal;
    border-radius: 15px;
    font-weight: 800 !important;
    text-decoration: underline !important;
}

/* Di base il padding sul bottone rif car è 0 */
.btn-rif-carico{
    padding: 0 !important;
}

/* Di base il padding sui bottoni costi ricavi è 0 */
.costi-ricavi .bottone-contenuto{
    padding: 0 !important;
}

/* Gestione per i pulsanti Costi/Ricavi */
.costi-ricavi input[type="button"]{
    padding: 0 !important;
}

/* Gestione padding per i pulsanti Conferitori/Destinatari ORSO */
.conf-dest .bottone-contenuto{
    padding: 4px 7px 5px 7px !important;
}
.conf-dest input[type="button"]{
    padding: 4px 7px 5px 7px !important;
}

input[type="button"].bottone-contenuto[disabled]{
    background-color: #aaa !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

input[type="button"].bottone-senza-contenuto[disabled]{
    background-color: #aaa !important;
    font-weight: normal !important;
    color: #ccc !important;
}

/* LO 03/07/2024: Gestione per logo personalizzato ConfApi */
.box-login .logoAzienda{
    position: absolute;
    width: 30%;
    margin-top: 30px;
    right: 110px;
}


/*********************************************************** LO 09/07/2024: Inizio stile per combo box personalizzata *********************************************************/

/*********************************************************** LO 09/07/2024: Fine stile per combo box personalizzata **********************************************************/

/* Stili per videata Registrazione */
.sfondoSezioneRegistrazione{
    border: 1px solid #BBCAE5 !important;
}
/* // */
.bottoneTornaInLista{
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.1) !important;
    border-radius: 3px !important;
}
/* // */
input[type="button"].bottoneTornaInLista{
    background-color: transparent !important;
}
/* // */
.bottoneTornaInLista:hover{
    background-color: #B7D2EB !important;
}

/* Rimozione cornice chekBox su vid. Registrazioni */
.checkBox-NoMargin{
   background-color: transparent !important;
   border: none !important; 
}

/* // */
.checkBox-NoMargin input[type="checkbox"]{
    margin: 0 2px !important;
}

/* Stili per videata stato ECOAPI */
.header-infoECOAPI{
    display: flex;
    align-items: center;
    padding-left: 6px !important;
}

/* Contronro box informazioni stato ECOAPI */
.box-infoECOAPI{
    border: 1px solid rgb(237, 237, 237) !important;
}

/* Stili per bottoni personalizzati Strumenti Autenticazione/Firma */
input.lock-button-strum{
    border-radius: 3px !important;
    height: 21px !important;
    width: 20px !important;
    color: transparent !important;
}

/* Stile per bottone bilancia su movimenti */
.btnBilancia
{
    background-size: 70%;
    background-repeat: no-repeat !important;
    padding-left: 6px !important;
    background-position-x: 5px !important;
}

/* LO 08/01/25: Applico alla videata delle registrazioni un'altezza fissa per evitare lo spazio vuoto sotto */
.popup-frame-container:has(.popup-frame-content > .videata-registrazione){
    height: 561px !important;
}

/* Stili per bottone download Registro XML */
input.download-button-xml{
    border-radius: 3px !important;
    height: 22px !important;
    width: 22px !important;
    color: transparent !important;
}

/* LO: Stile per label campo rossa in vCorreggiRegistraz */
.fieldname-error{
    color: red !important;
}

/* LO: Stile per icona assistenza SIA */
.sia-support-icon:hover{
    cursor: pointer;
    opacity: .9;
}


/* LO 08/08/25: Fine stili per tooltip personalizzato */

/* Stili per videata Formulario */
.sfondoSezioneFormulario{
    border: 1px solid #D0D6D8 !important;
}
/* // */
/* .bottoneLayoutFormulario{
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.1) !important;
    border-radius: 3px !important;
} */
/* // */
/* input[type="button"].bottoneLayoutFormulario{
    background-color: #FFFFFF !important;
} */
/* // */
/* .bottoneLayoutFormulario:hover{
    background-color: #D0D6D8 !important;
} */

.customInfoRecord {
  background-color: white !important;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.customInfoRecord i {
  color: #8A9399;
  font-size: 18px;
}

/* Effetto hover */
.customInfoRecord:hover {
  opacity: 0.7 !important;
}

/* Metto una largehzza massima ai popup di filtro che escono dai filtri sulla lista. Agisce globalmente su tutte le popup di filtro */
.popup-frame-container.filter-popup{
    max-width: 700px !important;
}

/* Aumento la larghezza dei separatori di bottoni toolbar. Di base è 4px. Agisce globalmente su tutti i separatori toolbar */
.toolbar-separator{
    width: 15px !important;
}

/* Aggiornamento a fontawesome 7: serve per rimuovere la funzionalità di allineamento icone alla griglia, introdotta in fa6 */
.fa,
.fa-solid,
.fa-regular,
.fa-brands {
    width: auto !important;
}