:root {
    --main-color: #03502b;
    --main-color-dark: #003c14;
    --highlight-color: #b2d8e7;
    --red: #ff0000;
}

.red {
    color: var(--red) !important;
}

.login-layout .widget-box {
    background-color: #656263;
}

.navbar {
    background-color: var(--highlight-color);
}

.navbar-buttons .dropdownmenu .dropdown-toggle {
    /*background-color: #6f6f6f;*/
    background-color: #575757;
    color: #fff;
}

.navbar-buttons .dropdownmenu.open .dropdown-toggle .user-info {
    color: #575757;
}

.navbar-buttons .dropdownmenu.open .dropdown-toggle {
    background-color: #eee;
}

.no-skin .sidebar,
.no-skin .sidebar ul,
.no-skin .sidebar li
.no-skin .sidebar a,
.no-skin .sidebar .menu-icon.base,
.no-skin .nav-list > li .submenu > li > a,
.no-skin .nav-list > li.open > a,
.no-skin .nav-list > li > a,
.no-skin .nav-list > li,
.no-skin .no-skin .sidebar .nav-list > li .submenu > li > a {
    background-color: var(--main-color) !important;
    border: none !important;
    color: #fff !important;
}

.no-skin .nav-list li.active > a::after {
    border-right-color: #fff;
    -moz-border-right-colors: #fff;
}

.nav-list > li li.active > a::after {
    border-width: 14px 14px;
}

.no-skin .nav-list > li.active::after {
    display: none;
}

.no-skin .nav-list > li .submenu > li.active > a > .menu-icon {
    color: #fff;
}

.no-skin .nav-list > li .submenu > li > a:hover,
.no-skin .nav-list > li .submenu > li > a:hover *:not(.badge),
.no-skin .nav-list > li .submenu > li.active > a,
.no-skin .nav-list > li .submenu > li.active > a *:not(.badge) {
    background-color: var(--highlight-color) !important;
    color: var(--main-color) !important;
}

.no-skin .nav-list > li > .submenu::before,
.no-skin .nav-list > li > .submenu > li::before,
.no-skin .nav-list > li.active > .submenu::before,
.no-skin .nav-list > li.active > .submenu > li::before {
    border-color: #E50712;
}

.no-skin .nav-list > li:hover::before {
    display: none;
}

.rosso-lucent {
    color: var(--red) !important;
}

.main-color-lucent {
    color: var(--main-color);
}

#SideBar_RicoveroCorrente > li > a {
    background-color: var(--highlight-color) !important;
    color: var(--main-color) !important;
}

.login-layout .login-box.widget-box .widget-main {
    padding: 64px 16px;
    background-color: #fff;
}

.login-layout .login-box.widget-box .widget-main.password-non-valida {
    padding-top: 24px;
    padding-bottom: 24px;
}

.login-layout .login-box.widget-box .widget-main h1 {
    margin-top: 0;
}

.btn.btn-main-color-lucent {
    background-color: var(--main-color) !important;
    border-color: var(--main-color);
}

.btn.btn-main-color-lucent:hover {
    background-color: var(--main-color-dark) !important;
}

#brand-text {
    line-height: 45px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    color: #000;
}

#brand-text:hover {
    color: #000;
}

@media only screen and (max-width: 640px) {
    #brand-text {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 480px) {
    #brand-text {
        font-size: 12px !important;
    }
}

#navbar {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.page-header h1 {
    color: var(--main-color);
}

.page-header {
    border-bottom-color: #E50712;
}

.no-skin .navbar .navbar-toggle,
.no-skin .navbar .navbar-toggle:focus,
.no-skin .navbar .navbar-toggle:hover,
.no-skin .navbar .navbar-toggle.display {
    background-color: #575757;
}

.form-actions {
    background-color: transparent;
    border: none;
}

.well {
    background-color: #6F6F6F;
    box-shadow: none;
    border: none;
    /* box-shadow: 1px 1px 3px 1px rgba(67, 67, 67, 0.5); */
    color: #fff;
}

.well .well-title {
    display: inline-block;
    background-color: var(--main-color);
    padding: 5px 30% 5px 5px;
    position: relative;
    top: -10px;
    left: -10px;
    margin-bottom: 0;
}

.ui-jqgrid .ui-jqgrid-labels {
    background-image: none;
    background-color: var(--highlight-color);
    color: var(--main-color);
}

.ui-jqgrid-sortable {
    color: var(--main-color);
    font-weight: normal;
}

.ui-jqgrid-hdiv .ui-jqgrid-htable {
    border-top: none;
}

th[aria-selected="true"] {
    background-image: none;
}

th[aria-selected="true"] .ui-jqgrid-sortable,
.ui-jqgrid-sortable:hover {
    color: var(--main-color);
}

.ui-icon {
    color: var(--main-color);
}

.ui-icon.ui-state-disabled {
    color: #BBB;
}

tr.ui-search-toolbar {
    background-image: none;
    background-color: #fff;
}

.ui-jqgrid tr.jqgrow td {
    padding: 2px !important;
}

.ui-jqgrid .ui-jqgrid-pager {
    background-image: none !important;
    background-color: var(--highlight-color) !important;
    color: var(--main-color) !important;
    border-top: none !important;
}

.ui-jqgrid .ui-jqgrid-pager .ui-separator {
    color: var(--main-color) !important;
}

.ui-jqgrid .ui-pg-button .ui-separator,
.ui-jqgrid .ui-pg-input,
.ui-jqgrid .ui-pg-selbox {
    border-color: var(--main-color) !important;
    color: var(--main-color);
}
.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon{
    border-color: var(--main-color) !important;
    color: var(--main-color) !important;
}
.widget-box {
    border-color: #A4A6A7;
}

.widget-header.widget-header-small {
    background-image: none;
    background-color: #6F6F6F;
    color: #fff;
}

.widget-box.transparent .widget-header.widget-header-small {
    color: var(--main-color);
}

.profile-user-info-striped .profile-info-name {
    background-color: #6F6F6F;
    color: #fff;
}

.profile-user-info-striped {
    border-top: 1px dotted #6F6F6F;
    border-right: 1px dotted #6F6F6F;
    border-left: 1px dotted #6F6F6F;
}

.profile-info-row {
    border-bottom: 1px dotted #6F6F6F;
}

.green-brillante {
    color: #37e507 !important;
}

.giallo-acceso {
    color: #fef618 !important;
}

.h5-con-bordo-green-brillante h5 {
    color: #37e507 !important;
    border-bottom: 1px dotted #37e507 !important;
    padding-bottom: 3px;
}

.h5-con-bordo-green-scuro h5 {
    color: #19892f !important;
    border-bottom: 1px dotted #19892f !important;
    padding-bottom: 3px;
}

.h5-con-bordo-green-brillante h6.orange {
    border-bottom: 1px dotted #ff892a !important;
    padding-bottom: 3px;
}

.h5-con-bordo-green-scuro h6.orange {
    border-bottom: 1px dotted #ff892a !important;
    padding-bottom: 3px;
}

.form-group.has-error .control-label,
.form-group.has-group-error .control-label,
.form-group.has-error .help-block,
.form-group.has-error .help-inline,
.form-validation-helper.has-error .control-label,
.form-validation-helper.has-error .help-block,
.form-validation-helper.has-error .help-inline,
.group-dependant-validation-helper.has-error .control-label,
.group-dependant-validation-helper.has-error .help-block,
.group-dependant-validation-helper.has-error .help-inline,
.form-validation-helper.has-error .lbl,
.group-dependant-validation-helper.has-error .lbl,
.form-group.has-error .lbl {
    color: #ffbdbf;
    text-shadow: 1px 1px 2px #f00;
}

#CntSedeEData {
    color: #000;
    font-size: 1.2em;
    padding: 0 10px;
}

.nav-list a .badge {
    right: 15px;
    opacity: 1;
}

.sezione-followups.open .dropdown-toggle .BadgeFollowUpScaduti {
    display: none;
}

.nav-list > li > a {
    height: 35px;
}

.nav > li:not(.navbarbutton) > a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.nav-list > li .submenu > li > a {
    padding-top: 4px;
    padding-bottom: 5px;
}

.nav-list .submenu a .badge, .nav-list .submenu a .label {
    top: 5px;
}

.nav-list > li > .submenu > li::before {
    top: 12px;
}

.nav-list > li .submenu > li a > .menu-icon {
    line-height: 6px;
}

input.ace.disabled[type="checkbox"] + .lbl::before,
input.ace[type="checkbox"]:disabled + .lbl::before,
input.ace[type="checkbox"][disabled] + .lbl::before,
input.ace.disabled[type="radio"] + .lbl::before,
input.ace[type="radio"]:disabled + .lbl::before,
input.ace[type="radio"][disabled] + .lbl::before {
    background-color: #999 !important;
}

.confidence-alert {
    border: 1px solid #E59729;
    float: left;
    width: 100%;
    padding: 0 3px;
    background-color: #FEE188;
    color: #9d3c0d;
    font-size: 11px;
}

.separatore-dati-multipli {
    border-bottom: 1px dotted #fff;
    margin-bottom: 5px;
}

.separatore-dati-multipli:first-child {
    border-top: 1px dotted #fff;
    padding-top: 5px;
}

.login-layout.modalita-dati-anagrafici {
    /*background-color: #E50712 !important;*/
}

.modalita-dati-anagrafici .telconsulting-copyright {
    color: #fff !important;
}

.login-box .info-modalita-dati-anagrafici {
    background-color: #FF0000;
    color: #fff;
    font-size: 40px;
    text-align: center;
    width: 100%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.login-box .info-cambio-modalita {
    background-color: #656263;
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 100%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.login-box .info-cambio-modalita a {
    color: #fff;
    text-decoration: none;
}

#navbar .info-modalita-dati-anagrafici {
    width: 100%;
    float: left;
    border: 2px solid #FF0000;
    background-color: #fff;
    color: #E50712;
    text-align: center;
    font-size: 24px;
    height: 36px;
    line-height: 27px;
}

.modalita-dati-anagrafici .navbar-fixed-top + .main-container {
    padding-top: 81px;
}

.info-vai-altro-sito {
    display: block;
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
}

.eras-drop-out-icon {
    display: none;
}

.eras .eras-drop-out-icon {
    display: inline-block;
}

.TblPheDomanda {
    width: 100%;
    border: 1px solid #ccc;
}

.TblPheDomanda td {
    width: 14.28%;
    padding: 5px;
    text-align: center;
    border: 1px solid #ccc;
}

.font-monospaced {
    font-family: "Lucida Console", Monaco, monospace;
}

.text-link, .text-link:hover, .text-link:active, .text-link:focus {
    color: #fff;
    text-decoration: underline;
}

.profile-info-value .text-link, .profile-info-value .text-link:hover, .profile-info-value .text-link:active, .profile-info-value .text-link:focus {
    color: #393939;
}

.banner-container {
    padding: 10px;
    width: 100%;
}

.banner-container img {
    width: 100%;
    margin-top: 10px;
}

.banner-container .separatore {
    border-top: 1px dotted #fff;
}

.well .profile-info-value {
    color: #393939 !important;
}