/*
    |--------------------------------------------------------------------------
    | COLOR CLASSES
    |--------------------------------------------------------------------------
    */

/*
    bgm-success 4CAF50 (verde)
    bgm-primary 2196F3 (blu)
    bgm-danger F6675D (rosso)
    bgm-warning FFA829 (arancione)
    bgm-darkgray 444444 (grigio scuro)

    c-green 4CAF50 (verde)
    c-blue 2196F3 (blu)
    text-danger F6675D (rosso)
    text-warning FFA829 (arancione)
    c-darkgray 444444 (grigio scuro)

    003E7B (blu scuro Template)
    FFE28C (giallo chiaro)
    D0ECBC (verde chiaro)
    FF9F9F (rosso chiaro)
    E6FFFF (azzurro chiaro)
*/

    /* BODY */
    body {
        color: #000;
    }

    /* SELECT */
    /* La larghezza della select è uguale alla larghezza del campo */
    .dropdown-menu > li > a {
        white-space: initial;
    }

    /* TITLE PAGE */
    .title {
        color: #444;
        text-align: center;
    }

    /* SWEET ALERT */
    .btn-swal {
        width: 90px;
        margin: 5px;
    }

    /* HELP TEXT */
    .help-text {
        font-weight: 500;
        text-transform: uppercase;
        color: #4CAf50;
    }

    /* DROPZONE */
    .dropzone {
        font-size: 16px;
        color: #444;
        border: 2px dashed #444;
        height: 250px;
    }

    .dz-button {
        color: #444;
    }

    .dz-remove:hover {
        background-color: #F6675D;
        color: #FFF;
        text-decoration: none!important;
    }

    .dropzone .dz-preview .dz-image {
        z-index: 5;
    }

    .dropzone .dz-preview .dz-details {
        z-index: 7;
    }

    /* NOTIFY */
    .alert-success {
        background-color: #4CAF50;
    }

    .alert-danger {
        background-color: #F6675D;
    }

    /* CAMPO CALCOLATO */
    .calculated {
        background-color: #E6FFFF;
    }

    /* VALIDATION ERROR */
    label.error {
        background-color: #FFF !important;
        color: #F6675D;
        font-size: 13px;
        display: block;
    }

    /* MESSAGE ERROR */
    span.error {
        padding: 3px;
        color: #FFF !important;
        background-color: #F6675D;
    }

    /* COLORS */
    .bgm-darkgray {
        background-color: #444444 !important;
    }

    .c-darkgray {
        color: #444444 !important;
    }

    /* SCROLL TO TOP/DOWN */
    .scrollToTop {
        background: #2193E6;
        color: white;
        position: fixed;
        z-index: 4000;
        bottom: 143px;
        right: 15px;
        border-radius: 2px;
        padding: 9px 10px;
        cursor: pointer;
        display: block;
        font-size: 18px;
    }

    .scrollToDown {
        background: #2193E6;
        color: white;
        position: fixed;
        z-index: 4000;
        bottom: 100px;
        right: 15px;
        border-radius: 2px;
        padding: 9px 10px;
        cursor: pointer;
        display: block;
        font-size: 18px;
    }

    /*
    *  ANCHORS
    */
    .tab-nav > li.disabled > a:hover,
    .tab-nav > li.disabled > a:focus {
        color: #777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed;
    }

    /*
    *  TABELLE: HOVER
    */
    .table-hover > tbody > tr:hover {
        background-color: #CEE3F0;
    }

/*
    |--------------------------------------------------------------------------
    | TEMPLATE
    |--------------------------------------------------------------------------
    */

/*
    Bisogna modificare la prima linea del file header.php, gestita da app.min.2.css
    <header id="header" class="clearfix" data-current-skin="lightblue">

    Possibili colori predefiniti: lightblue, bluegray, blue, purple, orange, cyan, green, teal, pink.
    Per definire nuovi colori:
*/

	[data-current-skin="easy_billing_web"] {
		background-color: #003E7B;
	}

	[data-current-skin="easy_billing_web"] .ss-icon {
		color: #003E7B;
	}

	@media (max-width: 767px) {
		[data-current-skin="easy_billing_web"] .ha-menu {
			background: #003E7B;
		}
	}

/*
    |--------------------------------------------------------------------------
    | LOGIN PAGE
    |--------------------------------------------------------------------------
    */

    /* COLORE PULSANTE FRECCIA */
    .btn-float:not(.bgm-white):not(.bgm-gray) > i {
        color: #FFF;
    }

    /* SFONDO PULSANTE FRECCIA */
    .lc-block:not(.lcb-alt) .btn-login {
        background-color: #2196F3;
    }

    /* SFONDO PULSANTE FRECCIA:HOVER */
    .lc-block:not(.lcb-alt) .btn-login:hover {
        background-color: #F6675D;
    }

    /* SFONDO META' SUPERIORE */
    body.login-content:before {
        background-color: #003E7B;
        /* background-image: url('../img/login.png'); */
    }

    /* DIMENSIONE LOGIN WINDOW */
    .lc-block {
        border-radius: 20px;
        width: 350px;
    }

/*
    |--------------------------------------------------------------------------
    | LEFT MENU PAGE
    |--------------------------------------------------------------------------
    */

    /* L'immagine si deve chiamare: img/profile-menu.png */

    /* SFONDO NOME UTENTE */
    .profile-menu > a .profile-info {
        background-color: #003E7B;
    }

    /* COLORE/SFONDO MENU */
    .main-menu > li > a {
        color: #444;
        background-color: #FFF;
    }

    /* COLORE/SFONDO LINK:HOVER */
    .main-menu > li > a:hover {
        color: #444;
        background-color: #CEE3F0 !important;
    }

    /* COLORE/SFONDO LINK ATTIVO */
    .main-menu > li.active > a {
        color: #003E7B;
        background-color: #FFF;
        text-transform: uppercase;
    }

    /* LOGO */
    .profile-menu > a .profile-pic {
        padding: 30px;
    }

/*
    |--------------------------------------------------------------------------
    | DATATABLE PAGINATION LINK
    |--------------------------------------------------------------------------
    */

    div#myTable_paginate {
        margin: 30px;
    }

    /* LINK PAGINA CORRENTE */
    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        color: #FFF !important;
        border: 1px solid #2196F3;
        background: #2196F3;
        /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #FAB89E));
        background: -webkit-linear-gradient(top, #FFF 0%, #FAB89E 100%);
        background: -moz-linear-gradient(top, #FFF 0%, #FAB89E 100%);
        background: -ms-linear-gradient(top, #FFF 0%, #FAB89E 100%);
        background: -o-linear-gradient(top, #FFF 0%, #FAB89E 100%);
        background: linear-gradient(to bottom, #FFF 0%, #FAB89E 100%);*/
    }

    /* LINK ALTRE PAGINE */
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #000 !important;
        border: 1px solid #CEE3F0;
        background: #CEE3F0;
        /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #CEE3F0));
        background: -webkit-linear-gradient(top, #FFF 0%, #CEE3F0 100%);
        background: -moz-linear-gradient(top, #FFF 0%, #CEE3F0 100%);
        background: -ms-linear-gradient(top, #FFF 0%, #CEE3F0 100%);
        background: -o-linear-gradient(top, #FFF 0%, #CEE3F0 100%);
        background: linear-gradient(to bottom, #FFF 0%, #CEE3F0 100%);*/
    }

/*
    |--------------------------------------------------------------------------
    | DATATABLE CLASSES
    |--------------------------------------------------------------------------
    */

    .sorting_1 {
        background: transparent !important;
    }

    .sorting_2 {
        background: transparent !important;
    }

    .sorting_3 {
        background: transparent !important;
    }

    .greyRow {
        background: #F4F4F4 !important;
    }

    .greyRow:hover {
        background: #CEE3F0 !important;
    }

    .grey2Row {
        background: #FFFFFF !important;
    }

    .grey2Row:hover {
        background: #CEE3F0 !important;
    }

    .redRow {
        background: #FF9F9F !important;
    }

    .redRow:hover { /* 10% più scuro */
        background: #E67E7E !important;
    }

    .greenRow {
        background: #D0ECBC !important;
    }

    .greenRow:hover { /* 10% più scuro */
        background: #B7D59F !important;
    }

    .yellowRow {
        background: #FFE28C !important;
    }

    .yellowRow:hover { /* 10% più scuro */
        background: #E6C56A !important;
    }

    /* ELLIPSIS */
    .dataTable td.elly400 {
        max-width: 400px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .dataTable td.elly100 { /* USATA SOLO IN elenco_clienti */
        max-width: 100px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    td.elly50 { /* USATA SOLO NELLE TABELLE 'INTERNE' */
        max-width: 50px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    /* ATTIVITA' */
    .dropdown-menu.dropdown-menu-lg {
        width: 500px;
    }

/*
    |--------------------------------------------------------------------------
    | DATATABLE LABELS
    |--------------------------------------------------------------------------
    */

    /* LABEL Visualizza X elementi */
    div#myTable_length label {
        margin-left : 30px;
        margin-bottom: 30px;
        font-weight: 400;
    }

    /* LABEL Cerca */
    div#myTable_filter label {
        margin-right: 30px;
        margin-bottom: 30px;
        font-weight: 400;
    }

    /* LABEL Info */
    div#myTable_info {
        margin: 30px;
    }

/*
    |--------------------------------------------------------------------------
    | DATATABLE BUTTONS
    |--------------------------------------------------------------------------
    */

    /* EXCEL */
    .btn-excel {
        background: #4CAf50;
        color: #FFF;
        width: 90px;
    }

    .btn-excel:hover {
        background: #4CAF50;
        color: #FFF;
    }

    /* PDF */
    .btn-pdf {
        background: #F6675D;
        color: #FFF;
        width: 90px;
    }

    .btn-pdf:hover {
        background: #F6675D;
        color: #FFF;
    }

    /* NUOVO */
    .btn-new {
        background: #2196F3;
        color: #FFF;
        width: 90px;
    }

    .btn-new:hover {
        background: #2196F3;
        color: #FFF;
    }

    /* NUOVO LONG */
    .btn-new-long {
        background: #2196F3;
        color: #FFF;
        width: 150px;
    }

    .btn-new-long:hover {
        background: #2196F3;
        color: #FFF;
    }

/*
    |--------------------------------------------------------------------------
    | DATATABLE RESPONSIVE ICON
    |--------------------------------------------------------------------------
    */

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
        /*top: 12px;*/
        left: 10px;
        background-color: #2196F3;
    }

/*
    |--------------------------------------------------------------------------
    | DATATABLE POPOVER
    |--------------------------------------------------------------------------
    */

    /* Popover */
    .popover {
        border: 1px solid #000;
        max-width: 500px;
    }

    /* Popover Header */
    .popover-title {
        background-color: #4CAF50;
        color: #FFF;
        font-size: 16px;
        height: 30px;
        padding: 5px;
        text-align: center;
    }

    /* Popover Body */
    .popover-content {
        background-color: #FFF;
        color: #000;
        padding: 5px;
        font-size: 16px;
        max-height: 250px;
        overflow-y: auto;
    }

/*
    |--------------------------------------------------------------------------
    | CALENDAR
    |--------------------------------------------------------------------------
    */

    .fc-toolbar .ui-button > span.ui-icon-seek-prev:before {
        content: "\f2ea";
    }

    .fc-toolbar .ui-button > span.ui-icon-seek-next:before {
        content: "\f2ee";
    }

    .fc-today {
        color: #000 !important;
        background: #F4F4F4 !important;
    }

    #calendar-widget .fc-day-number {
        color: #000;
    }

    .fc-toolbar .ui-button:hover {
        background: #fff;
        color: #003E7B;
    }

    #calendar-widget .fc-day-header {
        background: #2196F3;
    }

    #calendar-widget .fc-toolbar {
        background: #003E7B;
    }

/*
    |--------------------------------------------------------------------------
    | CHARTS
    |--------------------------------------------------------------------------
    */

    .flot-chart {
        height: 400px;
    }

/*
    |--------------------------------------------------------------------------
    | SEZIONI WELL
    |--------------------------------------------------------------------------
    */

    .well-sm {
        border-radius: 8px;
    }

/*
    |--------------------------------------------------------------------------
    | SUMMERNOTE
    |--------------------------------------------------------------------------
    */

    .note-editor .note-toolbar,
    .note-popover .note-toolbar,
    .note-editor .popover-content,
    .note-popover .popover-content {
        background: #e4e4e4;
    }

/*
    |--------------------------------------------------------------------------
    | CHOSEN MULTIPLE
    |--------------------------------------------------------------------------
    */
    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
        background-image: none !important;
    }