:root {
	--mimit-color: #0066CC;
	
	/* DOCSWEB THEME */
	/* Navbar simple UI */
	/* Dark */
	--clrNavDarkMain: #2c373e;
	--clrNavDarkContrast: #0077c1;
	--clrNavDarkText: #f3f4f8;
	--clrNavDarkIcons: #d1d5de;
	--clrNavDarkDetailing: #f9fafc;
	/* Light */
	--clrNavLightMain: #ffffff;
	--clrNavLightContrast: #f9fafc;
	--clrNavLightText: #344154;
	--clrNavLightIcons: #657084;
	--clrNavLightBorder: #d9dee4;
	/* Other */
	--clrNavTip: #0077c1;
	
/* DOCSWEB LOGIN */
	/* Properties */
	--propLoginBorderRadius: 5px;
	
/* FORM INPUT */
	/* Default colors */
	--clrInput: #ffffff;
	--clrInputText: #495057;
	--clrInputBorder: #ced4da;
	
	/* Disabled colors */
	--clrInputDisabled: #e9ecef;
	--clrInputDisabledText: #495057;
	--clrInputDisabledBorder: #ced4da;
	
	/* Focused colors */
	--clrInputFocusedBorder: #80bdff;
	
	/* Hovered colors */
	--clrInputHoveredBorder: #495057;
	
	/* Properties */
	--propInputHeight: 30px;
	--propInputBorderRadius: 2px;
	
/* FORM BUTTONS */
	/* Default colors */
	--clrButton: #0077c1;
	--clrButtonText: #ffffff;
	
	/* Disabled colors */
	--clrButtonDisabled: #e9ecef;
	--clrButtonDisabledText: #495057;
	--clrButtonDisabledBorder: #ced4da;
	
	/* Focused event colors */
	--clrButtonFocused: #0065a5;
	--clrButtonFocusedText: #ffffff;
	
	/* Hovered event colors */
	--clrButtonHovered: #0065a5;
	--clrButtonHoveredText: #ffffff;
	
	/* Properties */
	--propButtonBorderRadius: 2px;
	--propButtonLookupWidth: 25px;
	
/* GRIDS */
	--clrGridBackground: #0077c1;
}

#btAttivaCompare {
	display: none;
}

/*Form credenziali dimenticate*/
.credenziali {
	display: none !important;
}
/*Stili per la barra dei record annulalti*/

.frameAnnulla {
  border: 5px solid red; 
  border-radius: 15px;
  
  position: relative;
  padding: 100px 40px; 
  top: 280px !important;
  text-align: center;
  transform: rotate(-45deg);
  font-family: Arial, sans-serif; 
  font-weight: bold;
  font-size: 60px;
  color: red;
  text-transform: uppercase;
  z-index: 100;

  box-shadow: 
    0 0 0 5px white, /* Spazio bianco tra i bordi */
    0 0 0 13px red; /* Secondo bordo rosso esterno */
}


.labelAnnullato {
  font-size: 120px !important;
  position: absolute;
  top: 10px !important;
  left: 50px !important;
  z-index: 100;
  color: transparent !important;
  -webkit-text-stroke: 5px red; 
}
/*Stili per la barra dei record annulalti*/
.frameRichiesta {
  border: 5px solid #ffa500; 
  border-radius: 15px;
  
  position: relative;
  padding: 100px 40px; 
  top: 280px !important;
  transform: rotate(-45deg);
  font-family: Arial, sans-serif; 
  z-index: 100;

  box-shadow: 
    0 0 0 5px white, /* Spazio bianco tra i bordi */
    0 0 0 13px #ffa500; /* Secondo bordo arancione esterno */
}


.labelRichiesta {
  font-size: 120px !important;
  position: absolute;
  top: 10px !important;
  left: 50px !important;
  z-index: 100;
  color: transparent !important;
  -webkit-text-stroke: 5px #ffa500; 
}

/*Classe per far sparire la casella di testo dalle LKP*/
.lkpButton .form-control {
    display: none;
}

/*Asterisco per i campi obbligatori*/
.Required {
	color: red;
}

/*Tab Dossier*/
.tagContentNewDossier .ctab {
  background-color: #0066CC;
  color: #ffffff;
}
	
.notification_dossier {
  font-weight: bold;
  border-radius: 30px;
  transition: transform 0.3s, background-color 0.3s;
  cursor: pointer;
  background: #fff;
  color: #0066CC;
  border: 2px solid currentColor;
}

.notification_dossier:hover {
  transform: scale(1.05);
}
/*Pulsanti svg*/
.buttonIcon {
    border-radius: 0px !important;
    border: none !important;
    background-color: transparent !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease; 
}

.buttonIcon:hover {
    transform: scale(1.1) !important; 
     background-color: transparent !important;
}

.buttonIcon:active {
    transform: scale(0.9) !important; 
}

.DialogErrorTitle {
	font-size: 15px !important;
}

.icon-lkp-custom {
	width: 25px !important;
}

.checkbox-custom {
	width: 21px !important;
	height: 21px !important;
}

.checkbox-custom:after {
	border: none !important;
}

label {
	white-space: pre-wrap !important;
}

#homedefault .row {
	justify-content: flex-start !important;
}

.spMenu, .spMenuFile {
	max-width: 100% !important;
}

.navbar-static-side, .footer {
	min-width: 300px;
	width: 300px;
}

.splash-title, .splash-description, .splash-error {
	text-align: center !important;
}

/*
For migration from Docsweb 6
form > label {
	font-size: 11px !important;
	line-height: 11px !important;
}
*/

.pq-td-div {
	text-align: left !important;
}

/* Custom icon */
.iconGridGreen {
	max-width: 40px;
	content: url("./images/circle-green.svg");
}

.iconGridYellow {
	max-width: 40px;
	content: url("./images/circle-yellow.svg");
}

.iconGridRed {
	max-width: 40px;
	content: url("./images/circle-red.svg");
}

/* SB Italia Copyright */
.splash-description, .text-right, .copyrightTxtDiv {
	visibility: hidden;
}


/* Change color BTN */
form input[type="button"]:not(.buttonIcon), 
.btn-primary:not(.buttonIcon), 
.btn-docsweb-primary:not(.buttonIcon), 
.dialogButton:not(.buttonIcon) {
    background-color: white !important;
    color: var(--mimit-color) !important;
    border: 2px solid var(--mimit-color) !important;
    border-radius: 30px;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.1s ease;
}


form input[type="button"]:not(.buttonIcon):hover, 
label span.ui-button-text:not(.buttonIcon):hover, 
.btn-primary:not(.buttonIcon):hover, 
.btn-docsweb-primary:not(.buttonIcon):hover, 
.dialogButton:not(.buttonIcon):hover {
    background-color: var(--mimit-color) !important;
    color: white !important;
    border-radius: 30px;
}


form input[type="button"]:active, 
label span.ui-button-text:active, 
.btn-primary:active, 
.btn-docsweb-primary:active, 
.dialogButton:active {
    transform: scale(0.95) !important;
}



.toolbar {
	background: #001A33 !important;
}

.container_titolo {
	background: var(--mimit-color) !important;
}



.pq-grid-col {
	background-color: var(--mimit-color) !important;
}

.fa-upload {
	background-color: var(--mimit-color);
}

.icon-lkp-custom, .icon-multilkp-custom {
	background-color: var(--mimit-color);
}

div.ui-dialog-buttonset button.ui-button {
	background-color: var(--mimit-color) !important;
}

#DIVBODYLEFTTOP li.active > ul {
	background-color: var(--mimit-color);
}

#tableuser, #dw-footer, #left-navbar {
	background-color: #001A33;
}

#DIVBODYLEFTTOP {
	background-color: #002255;
}

#DIVBODYLEFTTOP > ul > li {
	background-color: #003366;
}

#DIVBODYLEFTTOP li.active {
	background-color: #0055BB;
}

/* Altezza righe griglie */
tr.pq-grid-row {
	height: 35px;
	max-height: 35px;
}

.checkbox-custom:after {
border: 2px solid #e5e6e7 !important;

}

.pa-icon {
	filter: invert(22%) sepia(76%) saturate(6929%) hue-rotate(201deg) brightness(97%) contrast(101%);
}

/*TREEGRID CUSTOM START*/

.treegrid-bullet{
    padding-top: 3px;
    padding-bottom: 3px;
}

.treegrid-item{
    margin-top: -10px;
}

.treegrid-container{
  --spacing : 2rem;
  --radius  : 10px;
    padding-top: 8px;
    padding-left: 25px;
}

.treegrid-container li{
  display      : block;
  position     : relative;
  padding-left : calc(2 * var(--spacing) - var(--radius) - 1px);
}

.treegrid-container ul{
  margin-left  : calc(var(--radius) - var(--spacing));
  padding-left : 0;
}

.treegrid-container ul li{
  border-left : 2px solid #ddd;
}

.treegrid-container ul li:last-child{
  border-color : transparent;
}

.treegrid-container ul li::before{
  content      : '';
  display      : block;
  position     : absolute;
  top          : calc(var(--spacing) / -2);
  left         : -2px;
  width        : calc(var(--spacing) + 2px);
  height       : calc(var(--spacing) + 1px);
  border       : solid #ddd;
  border-width : 0 0 2px 2px;
}

.treegrid-selected {
    background-color: transparent;
    color: #f2a332;
    font-weight: bold;
}



.treegrid-bullet li:has(.treegrid-selected):after{
    background : #f2a332; url('.custom/PA/images/expand-collapse.svg') 0  
}

.treegrid-arrow {
    float: none !important;
    padding-left: 0px;
    padding-right: 10px; */
}

.treegrid-bullet li::after{
  content       : '';
  display       : block;
  position      : absolute;
  top           : calc(var(--spacing) / 2 - var(--radius));
  left          : calc(var(--spacing) - var(--radius) - 1px);
  width         : calc(2 * var(--radius));
  height        : calc(2 * var(--radius));
  border-radius : 50%;
  background    : #ddd;
}


.treegrid-bullet i{
    position: relative;
    top: 0px;
    left: -20px;
    z-index: 2;
}

.treegrid-bullet i.fa-angle-down{
    position: relative;
    top: 0px;
    left: -21px;
    z-index: 2;
}


.cellContent {
	color :	 var(--mimit-color);
	background-color : transparent;
	border: none;
	position: relative;
	cursor: pointer;
	
	
}

.cellContent:hover {
    background-color: transparent !important;
}

.cellContent::after {
    content: '';
    position: absolute;
    width: 0;
    height: 4px;
    bottom: -2px;
    left: 0;
    background-color: var(--mimit-color);
    transition: width 0.3s ease-in-out;
}

.cellContent:hover::after {
    width: 100%;
}

.dialogTabSelected::after {
    width: 100%;
}

/* User Profile Image */
#imgUser {
	background-color: #fff;
}
/* Navbar */
nav#left-navbar {
	display: flex !important;
	flex-direction: column !important;
	/*min-width: 270px;*/
	height: 100% !important;
	margin: 0px !important;
	background: var(--clrNavDarkMain) !important;
}
nav#left-navbar li.nav-header {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	padding: 8px !important;
	background: var(--clrNavDarkMain) !important;
}
nav#left-navbar li.nav-header div#tableuser {
	width: 100% !important;
	height: auto !important;
	border: 0px !important;
	padding: 8px 0px !important;
	background: var(--clrNavDarkMain) !important;
}
nav#left-navbar li.nav-header div#tableuser .collapse-nav-header {
	height: 14px !important;
	width: 14px !important;
	right: 14px !important;
	top: 8px !important;
	display: none !important;
	justify-content: center !important;
	align-items: center !important;
}
nav#left-navbar li.nav-header div#tableuser .collapse-nav-header i {
	font-size: 18px !important;
	font-weight: 500 !important;
	color: var(--clrNavDarkIcons) !important;
}
nav#left-navbar li.nav-header div#tableuser #imgUser {
	margin: 0px !important;
	height: 60px !important;
	width: 60px !important;
	outline: 2px solid var(--mimit-color) !important;
}
nav#left-navbar li.nav-header div#tableuser #pNominativo {
	margin: 8px 0px !important;
	padding: 10px 15px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	color: var(--clrNavDarkDetailing) !important;
	transition: 100ms !important;
}
nav#left-navbar li.nav-header div#tableuser #pNominativo .caret {
	margin-left: 4px !important;
}
nav#left-navbar li.nav-header div#tableuser #pNominativo:hover,
nav#left-navbar li.nav-header div#tableuser #pNominativo:focus,
nav#left-navbar li.nav-header div#tableuser #pNominativo:active {
	border-radius: 4px !important;
	background-color: var(--mimit-color) !important;
	transition: 100ms !important;
}
nav#left-navbar li.nav-header div#tableuser #pDescription {
	padding: 0px 15px !important;
	margin: 4px 0px !important;
	color: var(--clrNavDarkText) !important;
}
nav#left-navbar li.nav-header div#tableuser #pEmail {
	padding: 0px 15px !important;
	margin: 4px 0px 0px 0px !important;
	color: var(--clrNavDarkText) !important;
}
body.mini-navbar .navbar-default .nav > li > a {
    font-size: 13px !important;
}

nav#left-navbar li.nav-header div.nav-header-divider {
	height: 0px !important;
	margin-top: 8px !important;
	border-bottom: 2px solid var(--mimit-color) !important;
}

nav#left-navbar div.sidebar-collapse li {
	border: 0 !important;
	background: none !important;
	margin-bottom: 4px !important;
}
nav#left-navbar div.sidebar-collapse li#DIVBODYLEFTTOP {
    
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

nav#left-navbar div.sidebar-collapse a[aria-expanded="false"] {
    padding: 0px 15px 0px 25px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	height: 30px !important;
	transition: 100ms !important;
}

nav#left-navbar div.sidebar-collapse a[aria-expanded="true"] {
    padding: 0px 15px !important ;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	height: 30px !important;
	transition: 100ms !important;
}
nav#left-navbar div.sidebar-collapse a[aria-expanded]:hover,
nav#left-navbar div.sidebar-collapse a[aria-expanded]:focus {
	border-radius:  4px 20px 20px 4px!important;
	background: var(--mimit-color) !important;
}
nav#left-navbar div.sidebar-collapse a[aria-expanded][aria-expanded="true"]:first-child {
	background: var(--mimit-color) !important;
	border-radius: 4px 20px 20px 4px !important;
	border-bottom-left-radius: 0px !important;
    margin: 5px 0 0 0
}
nav#left-navbar div.sidebar-collapse a[aria-expanded] > i:nth-of-type(1) {
	flex: 1 !important;
	color: var(--clrNavDarkIcons) !important;
	font-weight: 600 !important;
}
nav#left-navbar div.sidebar-collapse a[aria-expanded] > span:nth-of-type(1) {
	width: 100% !important;
	max-width: 100% !important;
	flex: unset !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	color: var(--clrNavDarkText) !important;
	padding: 0px !important;
}
nav#left-navbar div.sidebar-collapse a[aria-expanded] > span:nth-of-type(2) {
	flex: 1 !important;
	width: 10px !important;
	color: var(--clrNavDarkIcons) !important;
	font-weight: 600 !important;
}
nav#left-navbar div.sidebar-collapse ul.nav.nav-second-level,
nav#left-navbar div.sidebar-collapse ul.nav.nav-third-level {
	padding: 4px 0px 4px 15px !important;
	border-radius: 0px !important;
	border-top-left-radius: 0px !important;
	border-left: 4px solid var(--mimit-color) !important;
	background: var(--clrNavDarkMain) !important;
}
nav#left-navbar div.sidebar-collapse ul.nav.nav-second-level li,
nav#left-navbar div.sidebar-collapse ul.nav.nav-third-level li {
	padding: 0 !important;
	border: none !important;
}
nav#left-navbar div.sidebar-collapse ul.nav.nav-second-level li:not(:last-child),
nav#left-navbar div.sidebar-collapse ul.nav.nav-third-level li:not(:last-child) {
	margin-bottom: 4px !important;
}
nav#left-navbar div.sidebar-collapse .nav > li.active {
	background: none !important;
}
nav#left-navbar div.sidebar-collapse::-webkit-scrollbar {
	width: 7px !important;
}
nav#left-navbar div.sidebar-collapse::-webkit-scrollbar-track {
	border-radius: 4px !important;
}
nav#left-navbar div.sidebar-collapse::-webkit-scrollbar-track-piece {
	background-color: var(--clrNavDarkMain) !important;
}
nav#left-navbar div.sidebar-collapse::-webkit-scrollbar-thumb {
	background-color: var(--clrNavDarkIcons) !important;
	border: 2px solid var(--clrNavDarkMain) !important;
	border-radius: 4px !important;
}
nav#left-navbar div.sidebar-collapse::-webkit-scrollbar-button:start:decrement {
	display: none !important;
}
nav#left-navbar div.sidebar-collapse::-webkit-scrollbar-button:end:increment {
	display: none !important;
}

/* Footer */
div#dw-footer {
	height: 35px !important;
	margin: 0px !important;
	padding: 0px !important;
	z-index: 9 !important;
	background: var(--clrNavDarkMain) !important;
}
div#dw-footer div.copyrightTxtDiv {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin: 0px !important;
	padding: 0px !important;
	color: var(--clrNavDarkText) !important;
	font-size: 12px !important;
}
/* Top Navigation  */

div#dw-header {
	border-bottom: 2px solid var(--clrNavLightBorder) !important;
}
div#dw-header nav div.navbar-header {
	height: 60px !important;
	padding: 8px 16px !important;
	border: none !important;
}
div#logo-application {
	max-width: 230px !important;
	max-height: none !important;
	height: 100% !important;
	width: 100% !important;
	border-right: 2px solid var(--clrNavLightBorder) !important;
}
div#logo-application img {
    
	height: auto !important;
    position: relative;
    bottom: 7px;
}
 #page-name {
 margin-top: 10px;
 margin-left: 10px;
}
div#divsearch {
	display: flex !important;
	justify-content: space-between !important;
	gap: 16px !important;
	align-items: center !important;
	margin-left: 14px !important;
}
div#divsearch i,
div#divsearch img  {
	height: 25px !important;
	margin: 0 !important;
}
div#divsearch div.form-group {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
    align-items: center !important;
} 

input#fullTextTextboxShort {
	height: 35px !important;
    width: 180px !important;
	background-color: var(--clrInput) !important;
	color: var(--clrInputText) !important;
	border: solid 1px var(--clrInputBorder) !important;
	border-radius: 4px !important;
	transition: none !important;
	padding: 0 5px !important;
}
div#dw-header nav ul.navbar-top-links {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 8px 16px !important;
}
div#dw-header nav ul.navbar-top-links > li > a {
	padding: 0 !important;
	margin: 0 !important;
	height: 40px !important;
	width: 50px !important;
	display: flex;
	justify-content: center !important;
	align-items: center !important;
	min-height: unset !important;
    border-radius: 4px !important;
    color: red !important;
    /* transition: 100ms !important; */
} 
div#dw-header nav ul.navbar-top-links > li > a:hover {
    background-color: var(--clrNavLightContrast) !important;
    /* border-bottom: 2px solid var(--clrNavLightBorder) !important; */
    /* transition: 100ms !important; */
} 
div#dw-header nav ul.navbar-top-links > li > a:active {
    scale: 0.9 !important;
}
div#dw-header nav ul.navbar-top-links > li > a > i {
	border: 0 !important;
	margin: 0 !important;
} 
/* Top Navigation */
div#dw-navigation {
	min-height: 98px;
	border-bottom: 2px solid var(--clrNavLightBorder) !important;
}
div#dw-navigation > div {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	padding: 4px 15px !important;
}
div#dw-navigation > div:nth-of-type(1) {
	width: 80% !important;
}
div#dw-navigation > div:nth-of-type(2) {
	width: auto !important;
	justify-content: flex-end !important;
}
div#dw-navigation > div:nth-of-type(2) i#closeGrid {
	align-self: flex-end !important;
	padding: 4px 15px !important;
	/* margin: 4px 29px 4px 4px !important; */
	margin: 4px !important;
    width: 45px;
	font-size: 24px !important;
	border-radius: 4px !important;
	color: red !important;
	 transition: 100ms !important;  
}
div#dw-navigation > div:nth-of-type(2) i#closeGrid:hover {
	background-color: rgb(255,161,161) !important;
    color: white !important;
	border-bottom: 2px solid red !important; */
 transition: 100ms !important; */
}
div#dw-navigation > div:nth-of-type(2) i#closeGrid:active {
    scale: 0.9 !important;
}
div#dw-navigation ol#tabul {
	display: flex !important;
	height: auto !important;
	margin: 0px !important;
}
div#dw-navigation ol#tabul li {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	border-radius: 6px 6px 2px 2px !important;
	border-bottom: 2px solid var(--clrNavLightBorder) !important;
	margin: 4px !important;
	height: 30px !important;
	padding: 0px 15px !important;
	background-color: #ffffff !important;
	color: var(--clrNavLightText) !important;
}

/* Sfondo div tab in alto */

div#dw-navigation ol#tabul li:first-child {
	margin-left: 0px !important;
	border-bottom: 2px solid var(--clrNavTip) !important;
	color: var(--clrNavDarkText) !important;
	background-color: var(--clrNavDarkMain) !important;
	font-weight: normal !important;
}
div#dw-navigation ol#tabul li:first-child:hover {
	background-color: var(--clrNavDarkContrast) !important;
}
div#dw-navigation ol#tabul li:first-child > span {
	color: var(--clrNavDarkIcons) !important;
}
div#dw-navigation ol#tabul li:hover {
	background-color: var(--clrNavLightContrast) !important;
}
div#dw-navigation ol#tabul li > span {
	margin: 0px !important;
	padding: 0px !important;
	text-shadow: none !important;
	margin-left: 8px !important;
	font-weight: 600 !important;
	opacity: 1 !important;
	color: var(--clrNavLightIcons) !important;
}
div#dw-navigation div#contentHeader {
	margin: 4px 4px 4px 0px !important;
}
div#dw-navigation div#contentHeader h2 {
	color: var(--clrInputText) !important;
	margin-left: 10px !important;
	font-weight: 300 !important;
}
/* Lookup grids */
div[id^="div_"] .pq-grid-header td.pq-grid-col {
	background-color: var(--clrGridBackground) !important;
}
/* DIALOG FORMS */
/* Input type text objects*/
form[id^="dialog"] input[type="text"] {
	background-color: var(--clrInput) !important;
	color: var(--clrInputText) !important;
	border: solid 1px var(--clrInputBorder) !important;
	padding: 0 5px;
	transition: none !important;
}
form[id^="dialog"] input[type="text"]:not(form[id^="dialog"] input[type="text"][id$="code"][openlookupid]) {
	border-radius: var(--propInputBorderRadius) !important;
}
form[id^="dialog"] input[type="text"][id$="code"][openlookupid] {
	border-top-left-radius: var(--propInputBorderRadius) !important;
	border-bottom-left-radius: var(--propInputBorderRadius) !important;
	
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
form[id^="dialog"] input[type="text"]:disabled,
form[id^="dialog"] input[type="text"][readonly] {
	background-color: var(--clrInputDisabled) !important;
	color: var(--clrInputDisabledText) !important;
	border: solid 1px var(--clrInputDisabledBorder) !important;
}
form[id^="dialog"] input[type="text"]:focus:enabled:not(form[id^="dialog"] input[type="text"][readonly]) {
	border: solid 1px var(--clrInputFocusedBorder) !important;
	outline: var(--clrInputFocusedBorder) solid 1px !important;
}
form[id^="dialog"] input[type="text"]:hover:enabled:not(form[id^="dialog"] input[type="text"][readonly]):not(form[id^="dialog"] input[type="text"]:focus) {
	border: solid 1px var(--clrInputHoveredBorder) !important;
}
/* Docsweb dwmultivalues objects */
form[id^="dialog"] dwmultivalues select {
	background-color: var(--clrInput) !important;
	color: var(--clrInputText) !important;
	border: solid 1px var(--clrInputBorder) !important;
	padding: 5px !important;
	border-top-left-radius: var(--propInputBorderRadius) !important;
	border-top-right-radius: var(--propInputBorderRadius) !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	opacity: 1 !important;
	transition: none !important;
}
form[id^="dialog"] dwmultivalues select:disabled,
form[id^="dialog"] dwmultivalues select[readonly] {
	background-color: var(--clrInputDisabled) !important;
	color: var(--clrInputDisabledText) !important;
	border: solid 1px var(--clrInputDisabledBorder) !important;
}
form[id^="dialog"] dwmultivalues select:focus:enabled:not(form[id^="dialog"] dwmultivalues select[readonly]) {
	border: solid 1px var(--clrInputFocusedBorder) !important;
	outline: var(--clrInputFocusedBorder) solid 1px !important;
}
form[id^="dialog"] dwmultivalues select:hover:enabled:not(form[id^="dialog"] dwmultivalues select[readonly]):not(form[id^="dialog"] dwmultivalues select:focus) {
	border: solid 1px var(--clrInputHoveredBorder) !important;
}
form[id^="dialog"] dwmultivalues select::-webkit-scrollbar {
	width: 7px !important;
}
form[id^="dialog"] dwmultivalues select::-webkit-scrollbar-track {
	border-radius: 4px !important;
}
form[id^="dialog"] dwmultivalues select::-webkit-scrollbar-track-piece {
	background-color: unset !important;
}
form[id^="dialog"] dwmultivalues select::-webkit-scrollbar-thumb {
	background-color: var(--clrInputDisabledBorder) !important;
	border: 2px solid #FFFFFF !important;
	border-radius: 4px !important;
}
form[id^="dialog"] dwmultivalues select::-webkit-scrollbar-button:start:decrement {
	display: none !important;
}
form[id^="dialog"] dwmultivalues select::-webkit-scrollbar-button:end:increment {
	display: none !important;
}
form[id^="dialog"] dwmultivalues i.DialogButton {
	background-color: var(--clrButton) !important;
	color: var(--clrButtonText) !important;
	border: none !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: var(--propInputBorderRadius) !important;
	border-bottom-right-radius: var(--propInputBorderRadius) !important;
	margin-top: -3px !important;
	font-weight: 500 !important;
	transition: none !important;
}
form[id^="dialog"] dwmultivalues i.DialogButton:disabled,
form[id^="dialog"] dwmultivalues i.DialogButton[readonly],
form[id^="dialog"] dwmultivalues i.DialogButton[disabled] {
	background-color: var(--clrButtonDisabled) !important;
	color: var(--clrButtonDisabledText) !important;
	border: solid 1px var(--clrButtonDisabledBorder) !important;
	border-top: none !important;
	cursor: not-allowed !important;
}
form[id^="dialog"] dwmultivalues i.DialogButton:focus:not(form[id^="dialog"] dwmultivalues i.DialogButton[readonly]):not(form[id^="dialog"] dwmultivalues i.DialogButton[disabled]),
form[id^="dialog"] dwmultivalues i.DialogButton:active:not(form[id^="dialog"] dwmultivalues i.DialogButton[readonly]):not(form[id^="dialog"] dwmultivalues i.DialogButton[disabled]) {
	background-color: var(--clrButtonFocused) !important;
	color: var(--clrButtonFocusedText) !important;
}
form[id^="dialog"] dwmultivalues i.DialogButton:hover:not(form[id^="dialog"] dwmultivalues i.DialogButton[readonly]):not(form[id^="dialog"] dwmultivalues i.DialogButton[disabled]):not(form[id^="dialog"] dwmultivalues i.DialogButton:focus):not(form[id^="dialog"] dwmultivalues i.DialogButton:active) {
	background-color: var(--clrButtonHovered) !important;
	color: var(--clrButtonHoveredText) !important;
}
/* Input type radio objects*/
form[id^="dialog"] input[type="radio"] {
	width: 20px !important;
	height: 20px !important;
	appearance: none !important;
	background-color: var(--clrInput) !important;
	border: solid 4px var(--clrInput) !important;
	outline: solid 1px var(--clrInputBorder) !important;
	border-radius: 50% !important;
	transition: none !important;
}
form[id^="dialog"] input[type="radio"]:checked {
	background-color: var(--clrButton) !important;
}
form[id^="dialog"] input[type="radio"]:disabled {
	background-color: var(--clrInputDisabled) !important;
	border: solid 4px var(--clrInputDisabled) !important;
	outline: solid 1px var(--clrInputDisabledBorder) !important;	
	cursor: not-allowed !important;
}
form[id^="dialog"] input[type="radio"]:checked:disabled {
	background-color: var(--clrInputDisabledText) !important;
}
form[id^="dialog"] input[type="radio"]:focus:enabled:not(form[id^="dialog"] input[type="radio"]:disabled) {
	outline: var(--clrInputFocusedBorder) solid 2px !important;
}
form[id^="dialog"] input[type="radio"]:hover:enabled:not(form[id^="dialog"] input[type="radio"]:focus) {
	outline: solid 1px var(--clrInputHoveredBorder) !important;
}
/* Select objects */
form[id^="dialog"] select:not(form[id^="dialog"] dwmultivalues select) {
	height: var(--propInputHeight) !important;
	background-color: var(--clrInput) !important;
	color: var(--clrInputText) !important;
	border: solid 1px var(--clrInputBorder) !important;
	border-radius: var(--propInputBorderRadius) !important;
	transition: none !important;
	opacity: 1 !important;
}
form[id^="dialog"] select:not(form[id^="dialog"] dwmultivalues select):disabled,
form[id^="dialog"] select:not(form[id^="dialog"] dwmultivalues select)[readonly] {
	background-color: var(--clrInputDisabled) !important;
	color: var(--clrInputDisabledText) !important;
	border: solid 1px var(--clrInputDisabledBorder) !important;
}
form[id^="dialog"] select:not(form[id^="dialog"] dwmultivalues select):focus:enabled:not(form[id^="dialog"] select:not(form[id^="dialog"] dwmultivalues select)[readonly]) {
	border: solid 1px var(--clrInputFocusedBorder) !important;
	outline: var(--clrInputFocusedBorder) solid 1px !important;
}
form[id^="dialog"] select:not(form[id^="dialog"] dwmultivalues select):hover:enabled:not(form[id^="dialog"] select:not(form[id^="dialog"] dwmultivalues select)[readonly]):not(form[id^="dialog"] select:not(form[id^="dialog"] dwmultivalues select):focus) {
	border: solid 1px var(--clrInputHoveredBorder) !important;
}
/* Textarea objects */
form[id^="dialog"] textarea {
	background-color: var(--clrInput) !important;
	color: var(--clrInputText) !important;
	border: solid 1px var(--clrInputBorder) !important;
	padding: 5px !important;
	transition: none !important;
}
form[id^="dialog"] textarea {
	border-radius: var(--propInputBorderRadius) !important;
}
form[id^="dialog"] textarea:disabled,
form[id^="dialog"] textarea[readonly] {
	background-color: var(--clrInputDisabled) !important;
	color: var(--clrInputDisabledText) !important;
	border: solid 1px var(--clrInputDisabledBorder) !important;
}
form[id^="dialog"] textarea:focus:enabled:not(form[id^="dialog"] textarea[readonly]) {
	border: solid 1px var(--clrInputFocusedBorder) !important;
	outline: var(--clrInputFocusedBorder) solid 1px !important;
}
form[id^="dialog"] textarea:hover:enabled:not(form[id^="dialog"] textarea[readonly]):not(form[id^="dialog"] textarea:focus) {
	border: solid 1px var(--clrInputHoveredBorder) !important;
}
form[id^="dialog"] textarea::-webkit-scrollbar {
	width: 7px !important;
}
form[id^="dialog"] textarea::-webkit-scrollbar-track {
	border-radius: 4px !important;
}
form[id^="dialog"] textarea::-webkit-scrollbar-track-piece {
	background-color: unset !important;
}
form[id^="dialog"] textarea::-webkit-scrollbar-thumb {
	background-color: var(--clrInputDisabledBorder) !important;
	border: 2px solid #FFFFFF !important;
	border-radius: 4px !important;
}
form[id^="dialog"] textarea::-webkit-scrollbar-button:start:decrement {
	display: none !important;
}
form[id^="dialog"] textarea::-webkit-scrollbar-button:end:increment {
	display: none !important;
}






/* Input type checkbox objects */
form[id^="dialog"] input[type="checkbox"].checkbox-custom {
	width: 20px !important;
	height: 20px !important;
	background-color: var(--clrInput) !important;
	color: var(--clrInputText) !important;
	border: solid 1px var(--clrInputBorder) !important;
	border-radius: var(--propInputBorderRadius) !important;
	transition: none !important;
}
form[id^="dialog"] input[type="checkbox"].checkbox-custom:checked {
	border: solid 4px var(--clrButton) !important;
	background-color: var(--clrButton) !important;
}
form[id^="dialog"] input[type="checkbox"].checkbox-custom:checked::before {
	background-image: none !important;
	background-color: #ffffff !important;
	border: 0 !important;
	border-radius: 0 !important;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%) !important;
	transform: rotate(10deg) !important;
}
form[id^="dialog"] input[type="checkbox"].checkbox-custom::after {
	content: none !important;
}
form[id^="dialog"] input[type="checkbox"].checkbox-custom:disabled,
form[id^="dialog"] input[type="checkbox"].checkbox-custom[readonly] {
	border: solid 4px var(--clrInputDisabled) !important;
	outline: solid 1px var(--clrInputDisabledBorder) !important;
	outline-offset: -1px !important;
	background-color: var(--clrInputDisabled) !important;
	cursor: not-allowed !important;
}
form[id^="dialog"] input[type="checkbox"].checkbox-custom:disabled:checked::before,
form[id^="dialog"] input[type="checkbox"].checkbox-custom[readonly]:checked::before {
	background-color: var(--clrInputDisabledText) !important;
}
form[id^="dialog"] input[type="checkbox"].checkbox-custom:focus:enabled:not(form[id^="dialog"] input[type="checkbox"].checkbox-custom:checked) {
	border: solid 1px var(--clrInputFocusedBorder) !important;
	outline: var(--clrInputFocusedBorder) solid 1px !important;
}
form[id^="dialog"] input[type="checkbox"].checkbox-custom:hover:enabled:not(form[id^="dialog"] input[type="checkbox"].checkbox-custom:focus):not(form[id^="dialog"] input[type="checkbox"].checkbox-custom:checked) {
	border: solid 1px var(--clrInputHoveredBorder) !important;
}
form[id^="dialog"] input[type="checkbox"].checkbox-custom:checked:focus:enabled:not(form[id^="dialog"] input[type="checkbox"].checkbox-custom:disabled),
form[id^="dialog"] input[type="checkbox"].checkbox-custom:checked:active:enabled:not(form[id^="dialog"] input[type="checkbox"].checkbox-custom:disabled) {
	border: solid 4px var(--clrButtonFocused) !important;
	background-color: var(--clrButtonFocused) !important;
}
form[id^="dialog"] input[type="checkbox"].checkbox-custom:checked:hover:enabled:not(form[id^="dialog"] input[type="checkbox"].checkbox-custom:disabled) {
	border: solid 4px var(--clrButtonHovered) !important;
	background-color: var(--clrButtonHovered) !important;
}
/* Label object  */
form[id^="dialog"] > label {
	color: var(--clrInputText) !important;
}
/* Docsweb listbox object */
form[id^="dialog"] dwlistbox label.lblSelectAll {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	color: var(--clrInputText) !important;
}
form[id^="dialog"] dwlistbox label.lblSelectAll > span.fas {
	display: unset !important;
	background-color: #FFFFFF !important;
	border: 0 !important;
}
form[id^="dialog"] dwlistbox label.lblSelectAll > span.fas::before {
	width: 13px !important;
	height: 13px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	color: var(--clrButton) !important;
}
form[id^="dialog"] dwlistbox label.lblSelectAll > span.fas.fa-border::before {
	color: var(--clrInputDisabled) !important;	
}
form[id^="dialog"] dwlistbox ul[id^="ul_"] {
	border: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	overflow-y: scroll !important;
}
form[id^="dialog"] dwlistbox ul[id^="ul_"] li.list-group-item {
	display: flex !important;
	align-items: center !important;
	background-color: var(--clrInput) !important;
	border: solid 1px var(--clrInputBorder) !important;
	color: var(--clrInputText) !important;
}
form[id^="dialog"] dwlistbox ul[id^="ul_"] li.list-group-item > input[type="checkbox"] {
	
}
form[id^="dialog"] dwlistbox ul[id^="ul_"]::-webkit-scrollbar {
	width: 7px !important;
}
form[id^="dialog"] dwlistbox ul[id^="ul_"]::-webkit-scrollbar-track {
	border-radius: 4px !important;
}
form[id^="dialog"] dwlistbox ul[id^="ul_"]::-webkit-scrollbar-track-piece {
	background-color: unset !important;
}
form[id^="dialog"] dwlistbox ul[id^="ul_"]::-webkit-scrollbar-thumb {
	background-color: var(--clrInputDisabledBorder) !important;
	border: 2px solid #FFFFFF !important;
	border-radius: 4px !important;
}
form[id^="dialog"] dwlistbox ul[id^="ul_"]::-webkit-scrollbar-button:start:decrement {
	display: none !important;
}
form[id^="dialog"] dwlistbox ul[id^="ul_"]::-webkit-scrollbar-button:end:increment {
	display: none !important;
}

/* Input buttons lookup tip*/
form[id^="dialog"] div[id$="button"] {
	width: var(--propButtonLookupWidth) !important;
	background-color: var(--clrButton) !important;
	color: var(--clrButtonText) !important;
	border: none !important;
	font-weight: 500 !important;
	border-top-right-radius: var(--propInputBorderRadius) !important;
	border-bottom-right-radius: var(--propInputBorderRadius) !important;
	transition: none !important;
}
form[id^="dialog"] div[id$="button"]:disabled,
form[id^="dialog"] div[id$="button"][readonly],
form[id^="dialog"] div[id$="button"][disabled] {
	background-color: var(--clrButtonDisabled)sds !important;
	color: var(--clrButtonDisabledText) !important;
	border: solid 1px var(--clrButtonDisabledBorder) !important;
	border-left: 0 !important;
	cursor: not-allowed !important;
}
form[id^="dialog"] div[id$="button"]:focus:not(form[id^="dialog"] div[id$="button"][readonly]):not(form[id^="dialog"] div[id$="button"][disabled]),
form[id^="dialog"] div[id$="button"]:active:not(form[id^="dialog"] div[id$="button"][readonly]):not(form[id^="dialog"] div[id$="button"][disabled]) {
	background-color: var(--clrButtonFocused) !important;
	color: var(--clrButtonFocusedText) !important;
}
form[id^="dialog"] div[id$="button"]:hover:not(form[id^="dialog"] div[id$="button"][readonly]):not(form[id^="dialog"] div[id$="button"][disabled]):not(form[id^="dialog"] div[id$="button"]:focus):not(form[id^="dialog"] div[id$="button"]:active) {
	background-color: var(--clrButtonHovered) !important;
	color: var(--clrButtonHoveredText) !important;
}
/* Input docsweb documents */
div[id^="fileupload_"] form div.fileupload-buttonbar.ui-widget-header.ui-corner-top {
    border: 0 !important;
	background-color: var(--clrInput) !important;
}
div[id^="fileupload_"] div.fileupload-content.ui-widget-content.ui-corner-bottom {
	margin-left: -1px !important;
    border: solid 1px var(--clrInputBorder) !important;
}
div[id^="fileupload_"] form div label.fileinput-button {
	margin-right: -1px !important;
	z-index: 1000 !important;
}
div[id^="fileupload_"] form div.progress {
	border-radius: 0px !important;
	background-color: #ffffff !important;
}
div[id^="fileupload_"].fileupload {
    border: solid 1px var(--clrInputBorder) !important;
	border-radius: var(--propInputBorderRadius) !important;
}
/* div[id^="fileupload_"].fileupload:hover:not(div[id^="fileupload_"] input[type="file"][readonly]):not(div[id^="fileupload_"] input[type="file"][disabled]):not(div[id^="fileupload_"] input[type="file"]:focus) { */
    /* border: solid 1px var(--clrInputHoveredBorder) !important; */
/* } */
div[id^="fileupload_"] form div .fileinput-button-icon {
	background-color: var(--clrButton) !important;
	border-top-right-radius: var(--propInputBorderRadius) !important;
	border-bottom-right-radius: var(--propInputBorderRadius) !important;
}

/* button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only { */
	/* height: 23px; */
	/* width: 35px; */
	/* margin: 0; */
	/* padding: 0; */
	/* color: #fff; */
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	/* background-color: red; */
/* } */

/* td i.fas.fa-trash-alt { */
	/* text-shadow: none !important; */
/* } */

/* div form.docForm > div:first-child { */
	/* width: 100%; */
    /* position: absolute; */
    /* height: 100%; */
    /* top: 0; */
    /* left: 0; */
    /* display: flex; */
    /* align-items: center; */
/* } */

/* EVENTS CLASS */
form[id^="dialog"] .requiredField,
form[id^="dialog"] input[type].requiredField {
	border: 1px solid #ff0000 !important;
}


div.pq-grid .pq-align-center {
    text-align: left;
}

tr.pq-grid-row {
    height: 40px;
}

/* Image-Button */
.image-button{
  background-size: 80% !important;
  background-position: center !important;
  background-color: #e38150  !important;
  border: 1px solid #2d2d2d  !important;
  border-radius: 4px !important;
  filter: invert(100%);

}

.image-button:hover{
    background-size: 80% !important;
    background-position: center !important;
    background-color: rgba(255,255,255,0) !important;
    border: 1px solid #2d2d2d !important;
	border-radius: 4px !important;
    filter: invert(40%) sepia(99%) saturate(381%) hue-rotate(155deg) brightness(87%) contrast(99%);
}

.image-button:active{
  background-size: 70% !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}