/*
COLORI:

#557f98       COLORE HEADER / TESTO TABELLE
#2a4d68	      COLORE SIDEBAR
#557f98	      COLORE TESTATA TABELLE / HOVER PULSANTE "CHIUDI TUTTO"
#9eb5c5       CONTORNO BOX "VIDEATE APERTE"
#335264       HOVER PULSANTI VARI

background-image: linear-gradient(to bottom,#59697b 50%,#2f748e);     SFONDO PULSANTI HEADER
*/


/*CSS vecchio tema*/
BODY {
    font-size: 17px;
    font-family: 'Roboto Condensed', sans-serif;
}

.main-app-image {
    max-height: 40px;
}

.navbar-header input.form-control {
    width: 200px;
}

.navbar-btn {
    height: 40px;
    width: 40px;
}

#wep {
    height: 100% !important;
    margin-top: 56px !important;
}

#sidebar a {
    color: white;
}

#navbar .form-control {
    height: 40px;
    margin-bottom: 0px;
}

.table-striped > tbody > tr.selected > td {
    background-color: #DADEE2 !important;
}

/*TITOLI PANNELLI SIDEBAR*/

#sidebar .panel-title {
    color: white;
}

#form-list-box-container {
    margin-right: 20px;
}

    #form-list-box-container .panel-title {
        color: white;
    }

.main-side-left {
    padding-left: 340px;
}

.panel-status-updated {
    background-color: #ff0000;
}

.fa {
    display: inline;
}

/*NOME APPLICAZIONE*/
.navbar-brand {
    padding-top: 18px;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
    color: white
}

/*ICONE SIDEBAR*/
.panel-title img {
    margin-right: 20px;
}

/*ELEMENTI SIDEBAR*/
.table .has-pointer span {
    padding-left: 60px;
}

.panel-list-caption-box table {
    width: 100% !important;
}

.sidebar-offcanvas {
    left: 0% !important;
}


/*TESTO TABELLE*/
tbody td {
    color: #2a4d68;
}

/*HEADER PAGINA*/
#header-container {
    background: #557f98;
    width: 100% !important;
    max-height: 54px;
    overflow: hidden;
}

#sidebar {
    height: 100% !important;
    width: 325px;
    background-color: #2a4d68;
    z-index: 1;
    margin-top: -2px;
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}


    /*SFONDO PANNELLI SIDEBAR*/
    #sidebar .panel-group .panel {
        background-color: #2a4d68;
    }

/*BOX VIDEATE APERTE*/
#form-list-box-container {
    display: none;
    border: 1px solid #557f98;
    background-color: #2a4d68;
}

.btn-primary {
    color: white;
    background-color: #557f98;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background-color: #335264 !important;
        border-color: #335264 !important;
    }

.navbar-header .navbar-btn:focus {
    color: #fff;
}

/*BARRA DI RICERCA*/
.navbar-header input.form-control {
    display: none;
    background-color: #2a4d68 !important;
}

/*BORDO INFERIORE TABELLA*/
.panel-list-bordered {
    border-bottom: 0px;
}

/*INTESTAZIONE TABELLE*/
thead tr, thead td {
    color: white !important;
    background-color: #557f98 !important;
}

#menu-accordion .panel-heading {
    padding-left: 0;
}

/*PULSANTE NASCONDI SIDEBAR*/
#header-suppress-menu {
    padding-left: 0px;
    margin-top: 10px;
    cursor: pointer;
    float: left;
    margin-right: 15px;
}

.panel-body .table {
    margin-bottom: 0px;
}

.table .has-pointer span {
    padding-left: 10px;
    font-size: 13px;
    font-weight: normal;
}

.panel-group {
    margin-top: 5px;
}

.panel-title {
    font-size: 13px;
    font-weight: bold;
    color: #fff !important;
}

#menu-accordion .panel-heading span:hover {
    font-size: 13px;
    font-weight: bold;
    color: #557f98 !important;
    text-decoration: underline;
}

/*PULSANTE CHIUSURA VIDEATA*/
.panel-caption-image {
    color: #FB290D !important;
}

/*SFONDO TABELLE*/
.frame-box-fixed, .frame-box-fluid {
    background-color: rgb(240,240,240) !important;
}

/*COLORE SFONDO TOOLBAR*/
.frame-toolbar-box {
    BACKGROUND-COLOR: #2a4d68 !important;
}

/*TITOLO VIDEATA*/
.clearfix span {
    color: #2a4d68;
}

/*TESTO TOOLBAR*/
.btn-group span {
    color: white;
}

.btn {
    font-size: 14px;
}

/*BOTTONI TOOLBAR*/
.btn-default {
    color: #fff;
    background-position: 0 !important;
    background-color: #557f98 !important;
}

/*BOTTONI HEADER*/
.navbar-header input.form-control, .navbar-btn {
    background-color: #2a4d68 !important;
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open > .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #335264 !important;
    border-color: #335264 !important;
}

.navbar-header input.form-control:hover, .navbar-btn:hover, .navbar-btn:active {
    color: #2a4d68 !important;
    background-color: #fff !important;
}

.btn-default.focus, .btn-default:focus {
    color: #fff;
    background-color: #335264;
    border-color: #335264;
}

.img-header {
    margin-top: 18px;
}

.main-app-image {
    height: 30px;
    margin-top: 12px;
    display: inherit !important;
}

@media screen and (max-width:760px) {
    #li-image {
        display: none;
    }
}

a {
    color: #557f98;
}

    a:focus, a:hover {
        color: #2a4d68;
    }

/*CAMPI INPUT*/
.form-control {
    border: 1px solid #557f98;
}

    .form-control:focus {
        border-color: rgb(250, 111, 11);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(250, 111, 11);
    }

.dropdown-menu {
    border: 1px solid #557f98;
}

.form-group .heightMax {
    height: 100% !important;
}

.nav-tabs {
    font-size: 1em;
    background-color: #f0f0f0;
    border-bottom: 1px solid #557f98;
}

.panel-list-header-table {
    background-color: #557f98;
}

#wep-main-row {
    height: calc(100% - 50px) !important
}

.nav-tabs > li > a {
    padding: 10px;
}

    .nav-tabs > li > a:hover {
        border-color: #eee #eee #557f98;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 1px solid #557f98;
}

/*EVENTI GRAFICO*/
svg > g > g:last-child {
    pointer-events: none;
}

/*SFONDI BOX DASHBOARD*/
.green-bg {
    background-color: #26a740;
}

.blue-bg {
    background-color: #003495;
}

.red-bg {
    background-color: #b6130f;
}

/*BOX INFORMAZIONI DASHBOARD*/
.info-box {
    padding: 15px;
    color: white;
    text-align: center;
}

/*NUMERO BOX DASHBOARD*/
.count {
    font-size: 30px;
}

/*TITOLO BOX DASHBOARD*/
.title {
    text-transform: uppercase;
}

/*ALTEZZA FORM*/
.form-caption + .form-body.panel-body {
    height: calc(100% - 40px);
}

/*CSS CONTACT CENTER*/
/*-------------------------------------------------------------------------*/


.toolstrip-container {
    display: none;
}

.crumbs ul {
    list-style: none;
}

    .crumbs ul li {
        display: inline;
    }

        .crumbs ul li span {
            display: block;
            float: left;
            height: 40px;
            background: rgba(220, 99, 12, 1);
            text-align: center;
            padding: 10px 20px 10px 40px;
            position: relative;
            margin: 0 5px 0 0;
            font-size: 12px;
            cursor: pointer;
            color: #fff;
        }

            .crumbs ul li span.phase-active {
                background: rgba(251, 116, 13, 0.8);
            }

            .crumbs ul li span:after {
                content: "";
                position: absolute;
                right: -20px;
                top: 0;
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
                border-left: 20px solid rgba(220, 99, 12, 1);
                z-index: 1;
            }

            .crumbs ul li span.phase-active:after {
                border-left: 20px solid rgba(251, 116, 13, 0.8);
            }

            .crumbs ul li span:before {
                content: "";
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
                border-left: 20px solid #faf9f4;
                position: absolute;
                left: 0;
                top: 0;
            }

        .crumbs ul li:first-child span {
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

            .crumbs ul li:first-child span:before {
                display: none;
            }

        .crumbs ul li:last-child span {
            padding-right: 80px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
        }

            .crumbs ul li:last-child span:after {
                display: none;
            }

        .crumbs ul li span:hover {
            background: rgba(220, 99, 12, 0.8);
        }

            .crumbs ul li span:hover:after {
                border-left-color: rgba(220, 99, 12, 0.8);
            }

        .crumbs ul li span.phase-active:hover {
            background: rgba(251, 116, 13, 0.6);
        }

            .crumbs ul li span.phase-active:hover:after {
                border-left-color: rgba(251, 116, 13, 0.6);
            }

.field-no-border {
    background-color: transparent !important;
    border: none !important;
}

.badge-grey {
    border-radius: 50%;
    border: none;
}

.panel-value-button {
    background-color: rgba(251, 116, 13, 0.8);
    box-shadow: none !important;
    line-height: 0 !important;
    font-family: 'HeeboRegular', sans-serif !important;
}

    .panel-value-button:hover {
        background-color: rgba(251, 116, 13, 0.6);
        box-shadow: none !important;
        line-height: 0 !important;
    }

    .panel-value-button[disabled] {
        background-color: rgba(220, 99, 12, 0.8);
        color: white !important;
        text-shadow: none !important;
        box-shadow: none !important;
        line-height: 0 !important;
    }

        .panel-value-button[disabled]:hover {
            background-color: rgba(220, 99, 12, 0.6);
            color: white !important;
            text-shadow: none !important;
            box-shadow: none !important;
            line-height: 0 !important;
        }

.custom-badge[data-badge-value]:after {
    content: attr(data-badge-value);
    border-radius: 50%;
    background-color: rgba(251, 116, 13, 0.8);
    position: absolute;
    right: 1px;
    top: 1px;
    min-width: 15px;
    text-align: center;
    color: white;
}

.bordered-static {
    background-color: transparent;
    border: 2px solid red !important;
}


.scrollbar_verticale {
    overflow-y: scroll;
}

.popup-frame-container .form-frames-container {
    height: 100% !important;
}

.panel-toolbar-qbetip {
    display: none !important;
}

.book-span-radio {
    width: 13px;
    margin-left: 10px;
    margin-right: 3px;
}

textarea {
    resize: none !important;
    overflow: hidden !important;
}

.panel-list-container .panel-value-activator {
    padding: 2.5pt 3pt !important;
}

/*-------------------------------------------------------------------*/

.panel-toolbar-frontoffice .col-md-5 {
    width: auto;
}

.pannello-fatture .panel-field-header-list {
    padding: 4px;
}

/*HOVER CASELLE CALENDARIO*/
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #335264;
}

/*ELEMENTI SENZA BORDI*/
.telefono, .borderless {
    border: none;
}

/*SFONDO PANNELLO CRUMBS TICKET*/
.panel-field-static {
    background-color: transparent !important;
}

/*TRANSIZIONE SEZIONE PRINCIPALE*/
#wep-main-container {
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

/*GRANDEZZA TITOLI*/
h3.panel-title {
    font-size: 1.7em;
}

/*BORDI CASELLE CALENDARIO*/
.datepicker table {
    border-collapse: unset;
    border-spacing: 1px;
}

/*SFONDO CASELLA CALENDARIO SELEZIONATA*/
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #557f98;
}

/*ALLINEAMENTO BOTTONI FILTRI*/
.pannello-filtri-fatture .form-group {
    text-align: center;
}

.pannello-filtri-fatture .form-inline {
    text-align: left;
}

/*COLORE GIORNO CORRENTE CALENDARIO*/
.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #557f98;
}

/*ALTEZZA PANNELLO BOTTONI SELEZIONA IMPIANTO*/
.ricerca-doc {
    max-height: 124px !important;
}

/*EFFETTI SLIDE DA DESTRA IMPIANTI SELEZIONATI*/
.md-effect-2 {
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.md-show.md-effect-2 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

/*TABELLA RISULTATI RICERCA CHIAMANTE*/
@media screen and (max-width:767px) {
    .panel-risultati .table {
        display: block;
    }
}

.panel-risultati .panel-list-caption-box {
    display: none;
}

.frame-box-fixed > .panel-body {
    height: auto;
}

@media screen and (max-width:400px) {
    .main-app-image {
        display: none !important;
    }
}

.panel-caption-image {
    margin-top: 0px;
}

/* Previene lo scroll dell'header della tabella nella form Lista Movimenti  */
.albero-impianti .frame-content-box {
    height: 100% !important;
}

.checkBoxBackground {
    background-color: transparent !important
}

/* Centra il testo dell'avviso dell'albero per la selezione delle aziende utente */
.testo-avviso {
    width: auto !important;
    height: 100% !important;
}

input[type="checkbox"] {
    -webkit-appearance: none; /* Hides the default checkbox style */
    height: 1.5em !important;
    width: 1.5em !important;
    cursor: pointer !important;
    position: relative !important;
    -webkit-transition: .15s !important;
    border-radius: 4px !important;
    background-color: white !important;
    color: #557f98 !important;
    border: 1.5px solid !important;
    border-radius: 4px !important;
    outline: none !important;
}

    input[type="checkbox"]:checked {
        background-color: white !important;
    }

        input[type="checkbox"]:before, input[type="checkbox"]:checked:before {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            line-height: 1.5em !important;
            text-align: center !important;
            /* color:#557f98 !important;
    border: 1px solid !important;
    border-radius: 4px !important; */
        }

        input[type="checkbox"]:checked:before {
            content: '✔' !important;
        }

    input[type="checkbox"]:hover:before {
        background: rgba(255,255,255,0.3) !important;
    }

.panel-list-row-selector {
    font-size: 10pt !important
}

.panel-selezione-agente .panel-list-body-box {
    height: 100%;
}

.panel-heading .btn-group {
    margin-top: 1px;
}

.panel-list-container {
    height: 100% !important;
}

.panel-lista-schede-tecniche .panel-field-header-list, .panel-lista-schede-tecniche .panel-field-value-list {
    width: 100px;
}

.input-group .form-control {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #FFF;
}

.panel-tsgestdoc .panel-list-container {
    min-width: 500px;
}

.close-panel-btn {
    opacity: 1;
    margin-top: 3px;
}


@media (max-width: 768px) {
    .panel-heading.form-caption {
        font-size: 11px;
    }

    /*.form-lista-schede-tecniche .frame-row {
        min-height: 400px !important;
    }*/

    .panel-heading .btn {
        font-size: 12px;
        padding: 5px 12px;
    }

    .panel-heading {
        padding: 7px 15px;
    }

    .nav-tabs {
        font-size: 12px !important;
        padding-top: 0px;
    }

        .nav-tabs > li > a {
            padding: 7px;
        }

    .form-mobile .close-panel-btn {
        display: block !important;
    }

    .form-mobile .form-caption {
        display: none !important;
    }


        .form-mobile .form-caption + .form-body.panel-body {
            height: 100%;
        }

    #wep-main-forms-container {
        padding: 0px !important;
    }

    .form-mobile .panel-body {
        padding-right: 1px;
        padding-left: 1px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #wep {
        margin-top: 54px !important;
    }

    .panel-list-body-box {
        margin-bottom: 0px;
    }

    .form-mobile .panel-form-container {
        padding: 3px;
    }

    .tree-node-text, .tree-selected-node-text {
        font-size: 8pt;
    }

    .table-bordered > tbody > tr > td, .input-group .form-control {
        font-size: 8pt !important;
    }

    .modal-body {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 0px;
        padding-top: 10px;
    }
}

@media (min-width: 768px) {
    .albero-impianti {
        height: 530px;
    }
}

.btn-collapse-filter {
    background-color: #2a4d68 !important;
    color: #fff !important;
}

.btn-custom-action {
    background-color: #2a4d68 !important;
    color: #fff !important;
}

.select-all {
    padding-right: 3px;
}

.confirm-selection {
    padding-left: 3px;
}

.panel-impianti-selezionati .panel-list-container {
    min-width: 500px;
}


.titolo-contatore {
    text-align: center !important;
    font-weight: bold !important;
    font-size: 19px !important;
    text-transform: uppercase !important;
    overflow: visible;
    height: 100% !important;
}

.n-contatore {
    text-align: center !important;
    font-weight: bold !important;
    font-size: 55px !important;
    text-transform: uppercase !important;
}

.contatore {
    background-color: white !important;
}

.dashboard-cr .row {
    height: auto !important;
}

.contatore .panel-body {
    padding-bottom: 5px;
}

.campo-movimenti, .campo-prenotazioni, .campo-omologhe {
    height: auto !important;
}

.pannello-contatori .panel-body {
    padding-bottom: 0px;
}

.titolo-prenotazioni {
    font-size: 23px !important;
    font-weight: bold !important;
    color: #2a4d68 !important;
}

.etichetta-prenotazioni {
    overflow: visible;
}

.movimento-efir .panel-title {
    color: #2a4d68 !important;
}
.panel-group .panel {
    border-radius: 0px !important
}

.bordo {
    border-bottom: 1px solid black;
}
.panel-field-header-list{
text-align:left !important;
}

.btn-cr{
	margin-right: 10px;
    border-radius: 2px;
    background-color: #fff !important;
    color: #004165 !important;
}
.btn-cr>span{
	color: #004165 !important;
}
.btn-cr.active,
.btn-cr:active,
.btn-cr:hover,
.open>.dropdown-toggle.btn-cr {
    background-color: #eee !important;
    border-color: #eee !important;
}
.btn-cr.focus,
.btn-cr:focus {
    background-color: #eee;
    border-color: #eee;
}
.cliccabile{
	cursor:pointer;
}

.form-control {
    font-size: 8pt !important;
}
.panel-field-value-list {
    font-size: 8pt !important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #a9a9a933 !important;
    opacity: 1;
}


.dashDett{
	   
	height:85px !important;
	text-align:center !important;
	font-weight:bold !important;
}

.no-bordi{
	border:none !important;
}

.sfondo-bianco{
	background-color: #2A4D68 !important;
	/*3F4B49*/
}

.sfondo-verde{
	background-color: #44D882 !important;
	color: #FFFFFF !important;
	padding-bottom:8px !important;
	padding-top:8px !important;
}

.sfondo-azzurro{
	background-color: #4FA6DB !important;
	color: #FFFFFF !important;
	padding-bottom:8px !important;
	padding-top:8px !important;
}

.sfondo-arancio{
	background-color: #E69A46 !important;
	color: #FFFFFF !important;
	padding-bottom:8px !important;
	padding-top:8px !important;
}

.sfondo-rosso{
	background-color: #DC5341 !important;
	color: #FFFFFF !important;
	padding-bottom:8px !important;
	padding-top:8px !important;
}


.attiva-scroll, textarea{
	overflow-y:scroll !important;
}

.no-scroll{
	overflow-y:hidden !important;
}

.color-black .panel-title span{
	color:#000000 !important;
}

.cursorPoint{
	cursor:pointer !Important;
	pointer-events:none !important;
}

.no-scroll2 .panel-list-bordered{
	overflow-y:hidden !important;
}



.frame-box-fixed{
	max-height:100% !important;
}

.frame-row{
	height:auto !important;
}


.frame-box-fixed{
	max-height:100% !important;
}

.frame-row{
	height:auto !important;
}



.panel-list-row-selector {
    font-size: 10pt !important
}

.panel-selezione-agente .panel-list-body-box {
    height: 100%;
}

.panel-heading .btn-group {
    margin-top: 1px;
}


.frame-box-fixed{
	max-height:100% !important;
}

.frame-row{
	height:auto !important;
}


.col-lg-1, .col-lg-11 {
        padding-left: 0px !important;
		padding-right: 0px !important;
    }
	
	
.no-bordi-panel25{
	border: none !important;
}