:root {

    /* utilizzato da CflowFilterGridGrid, menuFunctionButton, menuFunctionLabelStyle
       z-caption-label, supergrid, z-comboitem-selected, z-datebox-button, z-listheader-sort,
       z-listitem-checkable, z-tabs, z-tab-selected */
    --textColor: #212529;
    --popupBorderColor: #135d7d;
    --inputBorderPixels: 1px;

    --maxWidth: 100%;
    --maxHeight: 100%;

    --inputBackgroundColor: #fff;
	--inputBackgroundComboColor: #dd0030;
    --inputReadOnlyBackgroundComboColor: #fff;
    --inputReadOnlyBackgroundColor: #fff;
    --inputColor: #737373;
    --inputReadOnlyColor: #737373;
    --inputReadOnlyMarginTop: none !important;
    --inputReadOnlyMarginBottom: 5px;
    --inputBorder: 1px solid;
    --inputBorderRadius: 5px;
    --inputBorderColor: #135d7d;
    --inputFontSize: 16px;
    --inputHeight: 30px !important;

    --labelContentColor: #6d6d6d;

    --cflowFilterGridGridBackgroundColor : #dd0030;
    --cflowFilterGridGridBorderColor: 1px solid #dd0030;

    --btnBackgroundColor: #dd0030;
    --btnColor: #fff;
    --btnBorder: none;
    --btnBorderRadius: 5px;
    /* per le pseudo classi [:hover, :focus] etc.. */
    --btnPseudoBackgroundColor: #575757;

    --disabledBackgroundColor: #e5e5e5;

    --selectedItemBackgroundColor: #e7eef2;

    --listHeaderBorder: 1px solid #fff;
    --listHeaderBackgroundColor: #dd0030;

    --titleColor: #fff;
}

@media ( max-width : 500px) {
    .wizardDiv {
        display: block;
        border: 1px solid red;
        width: 100% !important;
    }
}

@media (min-width: 1200px) {
	.dashboardRow > :not(:first-child) {
		padding-left: 15px;
	}

	.dashboardContainer > .z-window-content > :not(:first-child) {
		padding-top: 5px;
	}
}

@media (max-width: 1199px) {
	.dashboardContainer .dashboardRow .dashboardColumn {
		padding-top: 5px;
	}
}

body, html {
    margin: 0;
    padding: 0;
    height: var(--maxHeight);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

input[type="checkbox"] {
    margin-top: 1px \\9;
    line-height: normal;
}

input[type="checkbox"]:checked {
    background-color: #135d7d;
    color: #fff;
}

input[type="checkbox"][disabled]:checked:before {
    background-color: var(--inputReadOnlyColor);
}

input[type="checkbox"]:hover {
    border-color: var(--inputBorderColor) !important;
    border: var(--inputBorderPixels) solid #135d7d !important;
}

.z-checkbox-content {
    color: var(--labelContentColor);
    font-size: var(--inputFontSize);
}

input[type="radio"] {
    margin: 0 4px 0 8px;
    background-color: #fff;
    border: var(--inputBorderPixels) solid #D9D9D9;
    line-height: normal;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    /* border-radius: 50%; */
    width: 16px;
    height: 16px;
}

.z-radio:first-child {
    margin-left: -8px;
}

input[type="radio"]:checked {
    border: var(--inputBorderPixels) solid #dd0030 !important;
}

input[type="radio"]:checked:before {
    background-color: #135d7d;
}

input[type="radio"][disabled]:checked:before {
    background-color: var(--inputReadOnlyColor);
}

input[type="radio"]:hover {
    border-color: var(--inputBorderColor) !important;
}

z-radio.z-radio-default.z-radio-off:before {
    margin-left: 0;
}

.z-radio-content {
    color: var(--labelContentColor);
    font-size: var(--inputFontSize);
}

.maxWidth {
	width: var(--maxWidth);
}

table {
    border-collapse: separate !important;
    border-spacing: 0;
}

tbody {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

  /*#kBAS_2 {padding:15px;}
#kBAS21 {padding-left:15px;}*/

.boxLoginInner .z-rows .z-row-inner .z-div .z-label {
    font-size: 11px !important;
}

.boxLogoCflow .z-image {
    display: none;
}

.btn, .z-button {
    background-color: var(--btnBackgroundColor);
    color: var(--btnColor);
    font-size: 12px;
    text-transform: uppercase;
    border: var(--btnBorder);
    border-radius: var(--btnBorderRadius);
    margin-right: 5px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active,
.btn-default.active, .open .dropdown-toggle.btn-default {
    color: none;
    background-color: none !important;
    border-color: none;
}

.btn:active, .btn.active, .z-button:active, .z-calendar-selected {
    background-color: var(--btnPseudoBackgroundColor);
    color: var(--btnColor);
}

.btn:focus, .z-button:focus {
    background-color: var(--btnPseudoBackgroundColor);
    color: var(--btnColor);
    outline: none;
}

.btn:hover, .z-button:hover {
     transition: all .5s;
     background: #575757;
     border-color: #575757;
     color: var(--main-controls-text-color);
}

.btnAtBottom {
    position: absolute;
    bottom: 0;
}

.cflowSublayoutCustomClass {
    margin-top: 20px;
}

.cflow_class .z-radiogroupz-radiogroup {
    height: 20px !important;
}

.CflowFilterGridGrid {
    border: none;
    margin: 0;
}

.CflowFilterGridGrid.z-grid .z-grid-body {
	max-height: 50vh;
}



.CflowFilterGridGrid .z-columns .z-column-content .z-column-sorticon .z-icon-caret-down
{
    position: absolute;
    bottom: 2px !important;
    line-height: 8px;
    color: #fff;
    background-color: #dd0030;
}

.CflowFilterGridGrid .z-columns .z-column-content .z-column-sorticon .z-icon-caret-up
{
    position: absolute;
    top: 2px !important;
    line-height: 16px;
    color: #fff;
    background-color: #dd0030;
}

.CflowFilterGridGrid .z-columns .z-column-content .z-column-sorticon {
    right: 0px !important;
    width: 10px;
    bottom: 0px;
}

.CflowFilterGridGrid .z-columns .z-column-content, .CflowFilterGridGrid .z-columns .z-column-content .z-label
{
    min-height: 40px;
    color: #fff;
    background-color: #dd0030;
    font-size: 14px;
    border-left: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;

}

.CflowFilterGridGrid .z-columns .z-flex-item {
    border-left: var(--cflowFilterGridGridBorderColor);
    border-top: var(--cflowFilterGridGridBorderColor);
    border-right: var(--cflowFilterGridGridBorderColor);
    border-bottom: 0px;
    background-color: var(--cflowFilterGridGridBackgroundColor);
}

.CflowFilterGridGrid .z-columns-bar {
    border-left: var(--cflowFilterGridGridBorderColor);
    background-color: var(--cflowFilterGridGridBackgroundColor);
    border-bottom: 0;
}

.CflowFilterGridGrid .z-columns .z-column-content {
	padding: 7px;
}

.cflowHomePage {
    width: 66%;
    margin-left: 17%;
    position: absolute;
    bottom: 15%;
    display: inline-flex;
}

.cflowHomePageContent {
    /*margin-left: 5%;*/
    overflow: hidden;
   /* width: 65vw;*/
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
	height: 350px;
}

.cflowHomePagePrevButton {
	padding-top: 150px;
    margin-right: -35px;
}

.cflowHomePagePrevButton > .z-image {
	width: 60px;
	height: 60px;
}

.cflowHomePageLeafContainer {
   /* padding-right: 15px;
    padding-left: 15px;*/
    background-color: white;
    text-align: center;
    height: 300px;
    min-width: 300px;
    margin-left: 10px;
	border-radius: 10px;
	margin-top: 50px;
}

.cflowHomePageLeafImg {
	width: 100px;
	height: 100px;
}

.cflowHomePageImage {
	margin-top: -50px;
}

.cflowHomePageProceedBtn {
    margin-top: 20px;
}

.cflowHomePageProceedBtn > .z-button {
    padding: 15px 50px;
    font-size: 16px;
}

.cflowHomePageNextButton {
	padding-top: 150px;
    margin-right: -6px;
}

.cflowHomePageNextButton > .z-image {
	width: 60px;
	height: 60px;
}

.cflowHomePageLabel {
    margin-top: 10px;
    height: 35px;
}

.cflowHomePageLeafLabel.z-label {
    color: var(--textColor);
    font-size: 18px;
}

.cflowHomePageLeafText {
    margin-top: 10px;
    word-break: break-word;
    height: 60px;
}

.cflowLoggedNote .z-groupbox-notitle .z-groupbox-content {
    border: none;
}

.cflowLoggedNote > .z-window-content {
    padding: 0;
}

.cflowLoggedNote .z-groupbox-notitle .z-groupbox-content {
    border: none;
    padding: 0;
}

.cflowScriptErrorsGridBody {
    max-height: 500px;
    overflow: auto;
}

.cflowTableLayoutClass .z-groupbox-header {
	background-color: #fff;
	border-radius: 5px 5px 0px 0px;
	padding-left: 5px;
	padding-top: 2px;
}

.cflowTableLayoutClass .z-groupbox-header .z-caption .z-caption-content {
	color: #dd0030;
}

.cflowTableLayoutClass>.z-groupbox-content {
    margin-top: 15px;
	border-radius: 0px 0px 5px 5px;
	padding: 5px !important;
}

.CflowTransitionsClass .z-groupbox-content {
	border: none;
}

.CflowTransitionsClass.z-hbox {
	margin-bottom: 5px;
	margin-top: 10px;
}

.cflowNodeTranslated {
    background-color: var(--textColor);
    border-radius: 10px;
    text-align: center;
}

.cflowNodeTranslatedNoTranslation {
}

.closeCaptionCls .z-caption-image {
    content: url(../img/closeFolder.png);
}

.openCaptionCls .z-caption-image {
    content: url(../img/openFolder.png);
}

.openCaptionCls .z-caption-image, .closeCaptionCls .z-caption-image {
	width: 24px;
}

.color-rect {
    width: 2rem;
    height: 2rem;
    margin-right: 4px;
}

.complexComponent-container.z-vlayout .z-vlayout-inner{
	padding-bottom: 0;
	margin-top: -5px;
}

.dashboardRow > .dashboardColumn {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.dashboardColumn > .z-tabbox.z-tabbox-accordion {
	border: 3px solid var(--popupBorderColor);/*#e6f0f2;*/
	/*border-radius: 5px;*/
}

.dashboardRow .z-tab{
	margin-right: 0px;
}

.dashboardRow > .dashboardColumn:not(:first-child) {
	padding-left: 15px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
    list-style: none;
    background-color: #e6f0f2;
    border: 1px solid #d4e1e7 !important;
    border-radius: none !important;
    background-clip: padding-box;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus
{
    color: var(--btnColor);
    text-decoration: none;
    background-color: var(--btnPseudoBackgroundColor);
    outline: 0;
}

.dropdown-menu>li>a:hover {
    color: #FFC72C;
    background: #FFF;
}

.filterGridMassiveActionDiv.z-div .z-hbox {
	margin-bottom: 0;
	padding-left: 2px;
}

.loginBodyBoxLogin {
    background: rgba(0, 40, 85, 0.2);
    border-radius: 5px;
    position: absolute;
    right: 80px;
    top: 80px;
    width: 300px;
    height: auto;
    padding: 25px 35px;
    color: #494f4f;
}

.loginBodyBoxLogin-inner .z-hlayout-inner {
    padding-right: 0 !important;
}

.loginButton {
    position: relative;
    margin-top: 10px;
    background: url(../img/login/ico_btn_accedi.png) 190px 13px no-repeat var(--btnBackgroundColor);
    padding: 15px;
    border: var(--btnBorder);
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
    height: 46px;
    border-radius: var(--btnBorderRadius);
    color: var(--btnColor);
}

.loginButton:hover {
    color: var(--btnColor);
    background: url(../img/login/ico_btn_accedi.png) 190px 13px no-repeat var(--btnPseudoBackgroundColor);
}

.loginButtonContainer {
    padding-left: 10px;
}

.loginFooter {
    height: 50px;
    position: absolute;
    bottom: 0;
    background-color: #dd0030;
    no-repeat #266a88;
    width: var(--maxWidth);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px 0px 10px;
}

.loginFooterTxt {
    color: #fff !important;
}

.loginGrid {
    overflow: hidden;
    zoom: 1;
    background: transparent;
    border: none;
    width: 250px;
}

.loginGridCell {
    padding-left: 10px;
}

.loginGridRow-content {
    margin: 5px;
}

.loginGridTextbox {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    border: none;
    color: rgba(0, 0, 0, 0.6);
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    padding: 0 8px;
    line-height: 16px;
    background-color: #fff;
}

.loginHeader {
    height: 40px;
    padding: 5px;
    background-color: #dd0030;
}

.loginHeaderImg {
    float: right;
    right: 100px;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../img/login/language_ico.png) no-repeat;
    background-size: contain;
}

.loginHeaderLabel {
    float: right;
    padding-right: 30px;
    padding-top: 7px;
    color: #fff;
    text-transform: uppercase;
}

.loginMainContainer {
    height: var(--maxHeight);
}

.loginPageMessageClass {
    position: relative;
    color: red;
    display: block;
    font-weight: bold;
    text-align: -webkit-center;
}

.loginPswLabel {
    font-size: 11px;
    color: grey;
    text-decoration: underline;
    cursor: pointer;
}

.loginPswLabelNoUnderline {
    font-size: 11px;
    color: grey;
}

.loginWin {
    background: url(../img/login/bg_login.jpg) center center no-repeat;
    background-size: cover;
    font-size: 13px !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow: hidden;
}

.menuFooter {
    height: 50px;
    position: absolute;
    bottom: 0;
    background: url(../img/login/footerKonectaWhite.png) left center no-repeat #dd0030;
    width: var(--maxWidth);
    display:table;
}

.menuFooterLogo{
	display:table-cell;
}

.menuFooterTxt {
    padding: 17px 20px 0 200px;
    display:table-cell;
}

.menuFooterTxt .z-label {
    color: #fff !important;
}

.menuFunctionButton {
    color: var(--textColor);
    background-color: #fff;
    border-color: #135d7d;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2 !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: var(--btnBorderRadius);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.menuFunctionButton:hover {
    border: 1px solid transparent;
    background-color: #dd0030;
}

.menuFunctionButtonContainer {
    display: table-row;
    text-align: right;
    width: var(--maxWidth);
}

.menuFunctionButtonContainer-inner {
    display: table-cell;
}

.menuFunctionHomeLabelStyle {
    color: #FFC72C;
    text-transform: uppercase;
}

.menuFunctionLabelStyle {
    color: var(--textColor);
    text-transform: uppercase;
}

.menuFunctionParentLabelStyle {
    color: #FFC72C;
    text-transform: uppercase;
}

.menuHeader {
    height: 55px;
    padding: 5px;
    background-color: #dd0030;
    width: var(--maxWidth);
}

.menuHiddenTabsTitleContainer {
    margin: 0px;
    padding: 10px;
    background-color: #fff;
    border: none;
    width: var(--maxWidth);
    display: table-row;
}

.menuHiddenTabsTitleContainer-inner {
    display: table-cell;
	padding: 10px;
	width: 100%;
}

.menuHomeImg {
    background: url(../img/ico_home.png) no-repeat;
    height: 30px;
    width: 30px;
    background-size: contain;
}

.menuInfoPopupGrid {
    margin-top: 15px;
    max-height: 600px;
    overflow: auto;
}

.menuInfoPopupGridRow {
    background-color: #e6f0f2 !important;
}

.menuInfoPopupGridTitleLabel {
    text-transform: uppercase;
}

.menuLogOutButton {
    background: url(../img/ico_logout.png) 80px 8px no-repeat var(--btnBackgroundColor);
    padding-left: 15px;
    width: 120px;
    margin-top: 5px;
    border: var(--btnBorder);
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
    height: 40px;
    border-radius: var(--btnBorderRadius);
    color: var(--btnColor);
}

.menuLogOutButton:hover {
    background: url(../img/ico_logout.png) 80px 8px no-repeat var(--btnPseudoBackgroundColor);
    color: var(--btnColor);
}

.menuLogoImg {
    float: left;
    position: absolute;
    width: 150px;
    height: 50px;
    background: url(../img/logo_interno_s.png) no-repeat;
    background-size: contain;
}

.menuMainDiv {
    overflow: hidden;
    background-image: url(../img/bg_main.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 98%;
    width: var(--maxWidth);
}

.menuMainDivNoBackground {
    overflow: hidden;
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    height: 98%;
    width: var(--maxWidth);
}

.menuMenuImg {
    position: absolute;
    float: right;
    right: 10px;
    top: 15px;
    background: url(../img/menu_ico.png) no-repeat;
    height: 50px;
    width: 30px;
    cursor: pointer;
    background-size: contain;
}

/* ste */
.menuTabbox {
    width: var(--maxWidth);
    height: calc(100% - 105px);
}

.menuTabbox-icon {
    display: none;
}

.menuUserImg {
    position: absolute;
    float: right;
    right: 60px;
    top: 9px;
    color: #fff;
    z-index: 1500;
    background: url(../img/ico_user.png) no-repeat;
    height: 50px;
    width: 30px;
    cursor: pointer;
    background-size: contain;
}

.menuUserInfoPopup {
    width: 400px;
    background-color: #e6f0f2;
    padding: 20px !important;
    position: absolute;
    top: 50px !important;
    left: 540px;
    z-index: 1800;
    visibility: visible;
}

.menuUserInfoPopupLabel {
    font-size: 14px !important;
    color: #4e5253 !important;
}

.menuUserLabel {
    position: absolute;
    float: right;
    right: 100px;
    padding-top: 10px;
    text-transform: uppercase;
    color: #fff;
    z-index: 1500;
}

.newUserWin .z-window-content {
    overflow-y: auto;
}

.row {
    margin-top: 5px;
}

.supergrid .z-columns .z-column-content, .supergrid .z-columns .z-column-content .z-label
{
    color: var(--textColor);
    font-size: 13px !important;
    background: #dd0030;
}

.water-mark {
    color: gray;
    font-style: italic;
}

.wizardDiv {
    display: inline-block;
    min-height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 1px;
    vertical-align: middle;
}

.wizardDiv>.z-label {
    font-weight: bold;
    font-size: 11px;
}

.z-auxheader{
	background-color: #dd0030;
	border: none;
}

.z-auxheader-content>.z-label{
	color: #135d7d;
}

.z-bandbox {
    display: inline-block;
    height: var(--inputHeight);
    line-height: normal;
    white-space: nowrap;
    position: relative;
}

.z-bandbox-disabled>input {
    color: var(--inputReadOnlyColor);
    background-color: var(--disabledBackgroundColor) !important;
}

.z-bandbox-popup {
    border-color: var(--popupBorderColor);
}

.z-bandbox-button {
    padding-top: 7px;
    font-size: 16px !important;
    border-radius: var(--btnBorderRadius);
    border: var(--btnBorder);
    background-color: #dd0030;
    color: var(--inputColor);
    height: var(--inputHeight);
}

.z-bandbox-open .z-bandbox-button {
    border: 1px solid #dd0030 !important;
}

.z-bandbox-readonly>input {
	padding-top: 7px;
    border-radius: var(--btnBorderRadius);
    border: var(--btnBorder);
    color: var(--inputColor);
    font-size: var(--inputFontSize);
    height: var(--inputHeight);
}

.z-bandbox-readonly .z-bandbox-button {
    border-radius: var(--inputBorderRadius);
    border: var(--inputBorder);
    background-color: var(--inputBackgroundColor);
    color: var(--inputColor);
    font-size: var(--inputFontSize);
}

.z-bandbox-input {
    height: var(--inputHeight);
}

.z-caption-image {
    vertical-align: middle;
    height: auto;
    width: auto;
}

.z-caption-label {
    text-transform: uppercase;
    color: var(--textColor);
    font-size: 14px;
}

.z-caption-content > .z-label {
    color: #fff;
}

.z-column {
    background-color: #dd0030;
    border: none;
    padding: 0;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    border-left: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;
}

.z-column-content, .z-row-content, .z-group-content,
.z-groupfoot-content, .z-footer-content {
    padding: 7px;
}

.z-column-content {
	color: #FFF;
}

.z-column-hover .z-column-content{
    background-color: #edf4f5;
    color: #135d7d;
}

.z-column-sort .z-column-content:active{
	background-color: #edf4f5;
	color: #135d7d;
}

.z-column-sort .z-column-sorticon{
	color: #135d7d;
}

.z-combobox {
    height: auto;
}

.z-combobox-disabled>a, .z-combobox-disabled>span {
    color: rgba(0, 0, 0, 0.34) !important;
    cursor: default !important;
}

.z-combobox-icon {
    color : #fff;
    padding-top: 2px;
}

.z-combobox-button {
    border-radius: var(--btnBorderRadius);
    border: var(--btnBorder);
    background-color: #dd0030;
    color: var(--inputColor);
    font-size: var(--inputFontSize);
    height: 30px !important;
}

.z-combobox-input:focus+.z-combobox-button {
    border-left: 1px solid #dd0030 !important
}

.z-combobox-popup {
    border-color: var(--popupBorderColor);
}

.z-combobox-input {
    border-radius: var(--inputBorderRadius);
    border: var(--inputBorder);
    background-color: var(--inputBackgroundColor);
    color: var(--inputColor);
    font-size: var(--inputFontSize);
    height: var(--inputHeight);
}

.z-combobox-readonly>input {
    border-radius: var(--inputBorderRadius);
    border: var(--inputBorder);
    color: var(--inputReadOnlyColor);
	background-color: var(--inputReadOnlyBackgroundComboColor) !important;
    font-size: var(--inputFontSize);
}

.z-combobox-readonly .z-combobox-button {
    border-radius: var(--inputBorderRadius);
    border: var(--inputBorder);
    background-color: var(--inputBackgroundComboColor);
    color: var(--inputColor);
    font-size: var(--inputFontSize);
}

.z-combobox-disabled>input {
    color: var(--inputReadOnlyColor) !important;
}

.z-combobox-open .z-combobox-button {
    border: 1px solid #dd0030 !important;
}

.z-comboitem-selected {
    color: var(--textColor) !important;
    background-color: var(--selectedItemBackgroundColor) !important;
}

.z-comboitem:hover {
    background-color: #e0f2ff !important;
}

.z-datebox {
    height: auto;
}

.z-datebox-popup, .z-timebox-popup {
    border-color: var(--popupBorderColor);
}

.z-datebox-button {
    padding-top: 7px;
    font-size: 16px !important;
    border-radius: var(--btnBorderRadius);
    border: var(--btnBorder);
    background-color: #dd0030;
    color: #fff;
    height: var(--inputHeight);
}

.z-datebox-button:hover, .z-datebox-readonly .z-datebox-button:hover {
    border-color: none;
    background-color: #edf4f5;
    color: var(--textColor);
}

.z-datebox-readonly>.z-datebox-button {
    color: var(--inputReadOnlyColor);
}

.z-datebox-readonly>input {
    color: var(--inputReadOnlyColor);
}

.z-datebox-disabled>input, .z-datebox-disabled>a, .z-datebox-disabled>span {
    color: var(--inputReadOnlyColor) !important;
}

.z-datebox-input {
    border-radius: var(--inputBorderRadius);
    border: var(--inputBorder);
    background-color: var(--inputBackgroundColor);
    color: var(--inputColor);
    font-size: var(--inputFontSize);
    height: var(--inputHeight);
}

.z-datebox-inplace .z-datebox-input {
    background: none !important;
}

.z-datebox-input:focus+.z-datebox-button, .z-datebox-open .z-datebox-button {
    border: 1px solid var(--inputBackgroundColor) !important;
}

.z-datebox-readonly .z-datebox-button {
    background-color: var(--inputBackgroundColor);
}

.z-detail-content {
	padding: 0;
}

.z-grid-header {
    background-color: #dd0030;
}

.z-groupbox-3d>.z-groupbox-content, .z-groupbox-content {
    padding: 0;
}

.z-groupbox-3d>.z-groupbox-header .z-caption,
.z-groupbox-3d>.z-groupbox-header .z-groupbox-title {
    padding: 0;
}

.z-groupbox>.z-groupbox-header, .z-groupbox-content {
    border: none;
}

.z-hbox, .z-vbox {
    border-spacing: 0;
    margin-bottom: 15px;
}

.z-label, .z-loading {
    color: var(--labelContentColor);
    font-size: 14px;
}

.z-listbox {
    border: 1px solid #D9D9D9;
}

.z-listbox-body {
    height: var(--maxHeight);
}

.z-listbox-header {
    background: none;
   /* margin-top: 15px;*/
}

.z-listhead th:first-child {
    border: none;
}

.z-listhead-bar {
    background-color: var(--listHeaderBackgroundColor);
    border-left: var(--listHeaderBorder);
    border-bottom: var(--listHeaderBorder);
}

.z-listheader {
    border-left: var(--listHeaderBorder);
    border-bottom: var(--listHeaderBorder);
    padding: 0;
    background-color: var(--listHeaderBackgroundColor);
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.z-listheader-content {
    color: #fff;
    border: none;
    position: relative;
    font-size: 12px;
}

.z-listcell-content, .z-listgroup-content,
.z-listgroupfoot-content, .z-listfooter-content {
    font-size: 14px;
    color: var(--textColor);
}

.z-listheader-hover .z-listheader-content {
    color: #fff;
}

/* Configurazione export*/
.z-listheader-hover {
    background-color: var(--selectedItemBackgroundColor);
}

.z-listheader-sort .z-listheader-content:active {
    background: none !important;
    color: #fff;
}

.z-listheader {
	border-bottom: none;
}

.z-listitem .z-listbox-odd .z-listitem-selected {
    background-color: #edf4f5;
}

.z-listitem-checkable, .z-listheader-checkable {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 18px;
    color: var(--textColor);
    border: 1px solid #D9D9D9;
    background-color: #fff;
    vertical-align: text-top;
    margin-right: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    left: 0;
}

.z-listitem-focus>.z-listcell {
    background: none !important;
}

.z-listitem-selected {
    background-color: #FF0 !important;
}

.z-listitem.z-listitem-selected>.z-listcell {
    background-color: var(--selectedItemBackgroundColor) !important;
    position: relative;
}

.z-menu .z-menu-selected {
    background: none !important;
    color: var(--textColor);
}

.z-menu-content, .z-menuitem-content{
	background: none;
}

.z-menu-icon {
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 5px;
}

.z-menu-text, .z-menuitem-text {
    font-size: 14px !important;
}

.z-menubar {
    display: block;
    border-top: none;
    border-bottom: 1px solid #e0e7e9;
    position: relative;
    background-color: #edf4f5;
}

.z-menubar-horizontal li {
    margin: -3px 0;
    float: left;
}

.z-paging {
	height: 36px;
	padding: 3px 16px;
}

.z-paging-input {
	height: 30px;
}

.z-paging-info {
    padding: 3px 0;
}

.z-row .z-row-inner, .z-row .z-cell {
    border-top: 1px solid #e0e7e9;
    overflow: hidden;
    position: relative;
    z-index: 0;
    padding: 0;
}

.z-row.CflowFilterGridGrid-odd {
    background-color: #dd0030;
}

.z-tabpanels {
    overflow-y: auto;
}

.z-tabpanel, .z-tabbox {
    border: none;
    height: var(--maxHeight);
    padding: 0;
}

.accordionTabbox .z-tabpanel>.z-tabpanel-content {
    padding: 0px;
}

.z-tabs {
    background-color: #fff;
    padding: 10px 10px 0 10px;
    text-transform: uppercase;
    font-size: 12px;
    color: var(--textColor);
    min-height: 20px;

}

.z-tabs-content {
	min-height: 20px;
}

.z-tab {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    display: block;
    border-bottom: 2px solid transparent;
    margin-right: 5px;
    line-height: 30px;
    background-color: #e6f0f2;
    text-align: center;
    position: relative;
    cursor: pointer;
    float: left;
    padding: 10px 16px;
}

.z-tab-icon {
    color: #ccd7dd;
}

.z-tab-selected {
    border: none !important;
    background-color: #dd0030;
}

.z-tab-selected:hover {
    background-color: #fff;
}

.z-tab-selected .z-tab-text {
    color: var(--textColor);
}

.z-tab-selected .z-tab-text:hover {
    color: var(--textColor);
}

.z-textbox {
    border-radius: var(--inputBorderRadius);
    border: var(--inputBorder);
    background-color: var(--inputBackgroundColor);
    color: var(--inputColor);
    font-size: var(--inputFontSize);
    height: var(--inputHeight);
}

.z-textbox[readonly] {
    color: var(--inputReadOnlyColor);
    margin-top: var(--inputReadOnlyMarginTop);
    margin-bottom: var(--inputReadOnlyMarginBottom);
}

.textbox-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 18px;
}

.textbox-icon.z-icon-eye {
    transform: translateY(64%);
}

.textbox-icon.z-icon-eye-slash {
    transform: translateY(64%);
}

.z-decimalbox {
    border-radius: var(--inputBorderRadius);
    border: var(--inputBorder);
    background-color: var(--inputBackgroundColor);
    color: var(--inputColor);
    font-size: var(--inputFontSize);
    height: var(--inputHeight);
}

.z-decimalbox[readonly] {
    color: var(--inputReadOnlyColor);
    margin-top: var(--inputReadOnlyMarginTop);
    margin-bottom: var(--inputReadOnlyMarginBottom);
}

.z-intbox {
    border-radius: var(--inputBorderRadius);
    border: var(--inputBorder);
    background-color: var(--inputBackgroundColor);
    color: var(--inputColor);
    font-size: var(--inputFontSize);
    height: var(--inputHeight);
}

.z-intbox[readonly] {
    color: var(--inputReadOnlyColor);
    margin-top: var(--inputReadOnlyMarginTop);
    margin-bottom: var(--inputReadOnlyMarginBottom);
}

.z-longbox {
    border-radius: var(--inputBorderRadius);
    border: var(--inputBorder);
    background-color: var(--inputBackgroundColor);
    color: var(--inputColor);
    font-size: var(--inputFontSize);
    height: var(--inputHeight);
}

.z-longbox[readonly] {
    color: var(--inputReadOnlyColor);
    margin-top: var(--inputReadOnlyMarginTop);
    margin-bottom: var(--inputReadOnlyMarginBottom);
}

.z-doublebox {
    border-radius: var(--inputBorderRadius);
    border: var(--inputBorder);
    background-color: var(--inputBackgroundColor);
    color: var(--inputColor);
    font-size: var(--inputFontSize);
    height: var(--inputHeight);
}

.z-doublebox[readonly] {
    color: var(--inputReadOnlyColor);
    margin-top: var(--inputReadOnlyMarginTop);
    margin-bottom: var(--inputReadOnlyMarginBottom);
}

.z-window {
    background-color: #fff !important;
    padding: 0;
    border: 0;
}

.z-window-content {
    padding: 0 16px 16px 16px;
}

.z-window-header {
    padding: 15px;
    border-bottom: 1px solid #e0e7e9;
}

.dropdown-menu li a {
    padding: 5px 12px 5px 12px;
}

.dropdown-menu .z-menu-image {
    margin: 0;
}

.z-window-modal {
	border: 1px solid var(--popupBorderColor);
}

.z-window-modal > .z-window-header {
	background-color: #dd0030;
	color: var(--btnColor);
	padding: 10px;
}

.z-window-icon {
	color: #7f7f7f;
}

.z-window-icon:hover {
	color: var(--btnColor);
}

.bpmHistoryWin > .z-window-content {
	padding: 0;
}

.allegatiProcessoWin > .z-window-content {
	padding: 0;
}

.allegatiProcessoPopupError {
	text-transform: uppercase;
	color: red;
	font-weight:bold;
	font-size:11px;
}

.allegatiProcessoPopup .z-vlayout-inner {
	padding-top: 5px;
}

.allegatiProcessoPopup > .z-button .btn-default .btn{
	margin-top: 0px !important;
	width: auto !important;
	text-align:center;
}


/* Aggiunta GC il 21/07/2021 */

.menuMenuPopup-content, .z-menupopup-open{
	background: #FFF;
    padding: 20px 20px 20px;
    box-shadow: 3px 3px 10px #00000010;
}

/*.z-menupopup-open img{
	display: none;
}*/

.z-menu-content:hover, .z-menuitem-content:hover, .z-menupopup .z-menu-content:hover, .z-menupopup .z-menuitem-content:hover{
	color:#FFC72C;
	background: var(--inputBackgroundColor);
}

.menuMenuPopupOpenTabs-content .menuMenuPopupOpenTabs-content .z-menu-content, .menuMenuPopupOpenTabs-content .z-menuitem-content{
	background:var(--inputBackgroundColor);
}

.container.dashboardContainer{
	max-width: 98%;
}

.dashboardTabbox .z-tab-selected{
	background-color: #c7dde2;
}

/* GED */
.gedPopup {
	width: 90%;
	max-height: 80%;
	overflow-y: auto;
}

.gedPopup .z-window-header {
	padding: 10px;
	color: var(--titleColor);
}

.gedPopup .z-window-content {
	padding: 5px 15px 15px 15px;
	overflow-y: auto;
	max-height: 70%;
}

.gedPopupSmall {
	width: 50%;
}

.gedPopupSmall .z-window-header {
	padding: 10px;
}

.gedPopupSmall .z-window-content {
	padding: 5px 15px 15px 15px;
}

.gedPopupButtonContainer {
	padding-top: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	display: flex;
}

.gedGrid .z-grid-body {
	max-height: inherit;
	overflow-y: hidden !important;
}

.gedSubLayoutNoGrpHeader .z-groupbox-header {
	display: none;
}

.gedGenericError {
	border: 1px solid red;
	border-radius: 5px;
}

.gedListBox .z-listbox-body {
	overflow-y: auto;
	height: 80% !important;
}

.gedListBox {
	height: 60%;
	width: 100%;
	overflow-y: hidden;
}

.customSublayoutNoMarginTop{
	margin-top: -5px;
}

.gedDisabledCheck > input {
	color: #135d7d !important;
    background-color: #fff !important;
}

.gedDisabledCheck > input:checked:before {
	color: #135d7d !important;
    background-color: transparent !important;
}

.gedConfiguredSearchingArea > i {
    color: green;
}

.gedConfiguredSearchingArea:hover > i {
    color: orange;
}

.gedPostProcessButton {
    padding-left: 10px;
}

.gedConfiguredPostProcess > i {
    color: green;
}

.gedConfiguredPostProcess:hover > i {
    color: orange;
}

.gedDeleteRuleButton {
    padding-left: 12px;
}

.sustomDateComponentConteiner>.z-vlayout-inner{
	padding-bottom: 0 !important;
}

/*  c-eng-dispatcher-temp   */

/* =============    common  ================================= */
.commonImage {
    cursor: pointer;
}

.titoloLabel {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

/* =============    gestioneCriteriUtenti.zul   ============= */
.criteriUtentiWin {
    width: 100%;
}

.assegnamentoCriteriContainer {
    float: left;
    margin-top: 5px;
}

.criteriUtentiWest {
    background: #f2f2f2;
}

/*.assegnamentoCriteriLabel {
    margin-left: 30px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}*/

/*.assegnamentoCriteriModified {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}*/

.buttonsContainerWithMargin {
    margin-top: 10px;
}

.criteriUtentiGomma {
    height: 16px;
}

.criteriUtentiAttivaCriterio {
    height: 14px;
}

.criteriUtentiColoreRaggImg {
    height: 18px;
    width: 18px;
}

.criteriUtentiListbox {
    width: 100%;
}

.criteriUtentiPopup {
    width: 300px;
}

.criteriUtentiTree .z-treecol {
    background-color: #135d7d;
    border: none;
}

/* =============    gestioneDispatcher.zul   ============= */
.gestioneDispatcherWin {
    height: 100%;
}

.gestioneDispatcherTabpanel {
    height: 420px;
}

/* =============     gestioneCriteri.zul    ============= */
.gestioneCriteriWin {

}

.gestioneCriteriSearchContainer {
    margin-top: 5px;
    width: 99%;
}

.gestioneCriteriSearchButtonsContainer {
    margin-top: 10px;
}

.gestioneCriteriGrid {
    height: 100%;
}

.gestioneCriteriGrid .z-columns-bar {
    border: none;
}
/* =============    gestioneRaggruppamenti.zul  ============= */
.gestioneRaggruppamentiWin {
    width: 100%;
}

.gestioneRaggruppamentiLeftDiv {
    float: left;
    margin-top: 5px;
}

.gestioneRaggruppamentiLeftDivWithMargin {
    float: left;
    margin-left: 7px;
}

.gestioneRaggruppamentiRightDiv {
    float: right;
    margin-top: 5px;
}

.gestioneRaggruppamentiPrioritaDiv {
    margin-left: 5px;
}

.gestioneRaggruppamentiImagePriorita {
    cursor: pointer;
    height: 10px;
}

.gestioneRaggruppamentiListcell {
    cursor: default;
}

.listNoHighlightNoSelection {
    overflow-y: auto;
}

.listNoHighlightNoSelection .z-listitem-seld {
    background-image: none;
}
/* Selected rows with the mouse hovering over them */
.listNoHighlightNoSelection .overseld, .listNoHighlightNoSelection.overseld, .listNoHighlightNoSelection
.z-listitem-over,.listNoHighlightNoSelection .z-listitem-over-seld {
    background-image: none;
}

.gestioneRaggruppamentiLabelId {
    margin-left: 3px;
    font-size: 10px;
    font-weight: bold;
}

.gestioneRaggruppamentiCriterioImage {
    height: 10px;
}

.gestioneRaggruppamentiCriterioImageContainer {
    float: right;
    margin-right: 5px;
    margin-top: 3px;
}

.gestioneRaggruppamentiCriterioLabelNome {
    font-size: 10px;
}

.gestioneRaggruppamentiEast {
    background: #f2f2f2;
    width: 30px;
}

.gestioneRaggruppamentiCenterDiv {
    text-align: center;
}

.gestioneRaggruppamentiCenterDivMarginTop {
    text-align: center;
    margin-top: 10px;
}

.gestioneRaggruppamentiLoginDiv {
    text-align: center;
    cursor: pointer;
}

.taskAssegnabiliContainer {
    float: left;
    margin-right: 50px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: red;
}

.menuGestioneRaggruppamenti {
    overflow-y:auto;
    max-height: 300px;
}

.menuGestioneRaggruppamenti .z-menuitem-image {
    display: inline;
}

/* ================= gestioneSediTeam.zul   =================== */
.sediTeamTree .z-treecol {
    background-color: #135d7d;
    border: none;
}

/* ================= creazioneCriterio.zul ==================== */
.creazioneCriterioTree .z-treecol {
    background-color: #135d7d;
    border: none;
}

.cflowRequiredFieldError {
    border: 1px solid red;
    border-radius: 5px;
}

.cflowGrid {
    max-height: inherit;
    overflow-y: hidden !important;
}

.cflowPopupButtonContainer {
    padding-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
}

.cflowPopup {
    width: 50%;
    height: auto;
}

.viewMobileDetailLabelHeader {
    font-weight: bold;
}

.viewMobileDetailLabelValue {

}

.viewMobileDetail {
    padding: 5px;
}

.z-treerow.z-treerow-selected>.z-treecell {
    background: var(--selectedItemBackgroundColor);
}

.bookingWorkingDayLabel{
	color: black;
}

.bookingHolidayLabel{
	color: red;
}

.bookingCell.z-cell{
	border:1px solid #135d7d;
	padding: 5px 10px;
}

.bookingActiveReservationCell.z-cell{
	border:3px solid red;
	padding: 5px 10px;
}

.bookingButton .button{
	background-color: green;
}

.bookingActiveReservationButton .button{
	background-color: green;
	border: 2px solid #135d7d;
}

.formGenericError {
	border: 1px solid red;
	border-radius: 5px;
}

.window-default {
    overflow:auto;
    padding:15px;
}

.cflow-treecol, .cflow-tree .z-treecols-bar {
    background-color: var(--popupBorderColor);
    background: var(--popupBorderColor);
    border: 1px solid var(--popupBorderColor);
}

.newUserWin .userPopupListbox .z-listbox-body {
    height: 250px !important;
}

.cflowListboxInBandPopup{
   width: 90%;
}

.cflowListboxInBandPopup .z-listbox-body{
    max-height: 200px;
    overflow-y: auto;
}

.z-tooltip {
  color: var(--labelContentColor);
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: normal;
  line-height: normal;
}

.standardBandpopup {
    width: 100%;
    max-width: 600px;
    height: 370px;
    overflow: auto;
}

.z-treecol {
    background: var(--popupBorderColor);
	border-bottom: var(--popupBorderColor);
}

.z-macro {
    display: inline-block;
    min-width: 1px;
    width: 100%;
}