.preloader {
    opacity: 0.8;
}

.lh-1 {
    line-height: 1;
}

.lh-2 {
    line-height: 2;
}

/*TIMELINE LAVORI*/
.cd-horizontal-timeline .timeline {
    height: 120px !important;
}

.cd-horizontal-timeline .events {
    top: 40px !important;
}

    .cd-horizontal-timeline .events a {
        font-size: 1rem;
    }

@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline {
        margin: 0 auto !important;
    }
}
/*TIMELINE LAVORI*/


/* CONTROLLI PER I CAMPI CON ERRORI DI COMPILAZIONE */
.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}
/* FINE CONTROLLI ERRORI CAMPI */

.iziModal .iziModal-header-title {
    text-transform: uppercase;
}


@media (max-width: 768px) {
    .page-breadcrumb {
        margin-top: 60px;
    }

    .page-wrapper > .page-content {
        padding: 5px;
        min-height: calc(100vh - 167px);
    }

    .card-body {
        padding: 0px;
    }

    .section-active {
        font-size: 80%;
    }

    /*
   .sidebar-nav {
     margin-top: 100px;
   }
*/
    .page-breadcrumb {
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .hide-lable {
        display: none;
    }
}

ul.list-style-none li a {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: dotted 1px #d8d8d8;
}

.page-breadcrumb .breadcrumb {
    background: none;
}

.page-breadcrumb {
    background-color: #d8d8d8 !important;
}

.align-right {
    float: right;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
    width: 100%;
}

.a-consuntivo {
    background-color: #FFF8CA !important;
}

.btn-circle.btn-lg, .btn-group-lg > .btn-circle.btn {
    width: 55px;
    height: 55px;
    padding: 16px 15px;
    font-size: 18px;
    line-height: 23px;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2DD07D;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2DD07D;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.tab-content {
    background: none !important;
}

.ql-snow {
    background-color: #fff;
}

.bg-light-grey {
    background-color: #eee !important;
}

.bg-none {
    background-color: transparent !important;
}

.wizard.vertical > .steps {
    width: 10%;
}

.wizard.vertical > .content {
    width: 80%;
}

.wizard > .content {
    background-color: transparent !important;
}

.wizard.vertical > .steps {
    display: none;
}


/*modifiche emanuela*/
.w-10 {
    width: 10%;
}

.w-16 {
    width: 16%;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.doc-iframe {
    width: 100%;
    border: 0;
    height: 600px;
}

.font-weight-500 {
    font-weight: 500;
}

.btn-default {
    color: #fff;
    background-color: #6a7e95;
    border-color: #65788d;
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
}

    .btn-default:hover {
        color: #fff;
        background-color: #72859a;
        border-color: #6a7e95;
    }

.email-app {
    position: static;
}

.iziModal .iziModal-header {
    box-shadow: none !important;
}

.bg-block {
    background-color: #f2f2f2;
}

.table td, .table th {
    vertical-align: middle;
}

.bg-modal {
    background-color: #EDF1F5;
}

.num-elementi {
    width: 90px;
    margin-bottom: 15px;
}

.num-pagine {
    width: 150px;
}



.nav-pills .nav-item.tab-current {
    background-color: #2cabe3;
}

    .nav-pills .nav-item.tab-current .nav-link {
        color: #fff;
    }


.col-invoice-number {
    text-align: right;
}

.left-part {
    background-color: #edf1f5;
}


/*ordinamento tabelle*/
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    padding-right: 30px;
}

table .dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 30px;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 30px;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.3;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\2191";
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: "\2193";
}

table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
    opacity: 1;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
}


div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: auto;
    }

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
        justify-content: flex-end;
    }

ul.first-level {
    font-size: .73rem;
}
/*ordinamento tabelle*/
.btn-add-new i {
    font-size: 47px;
}

.invoce-icon {
    width: 45px;
    margin-bottom: 5px;
}

.left-part.fixed-left-part {
    padding-top: 60px;
}

.table thead th {
    border-bottom: none;
}

/*.table td,
.table th {
    border-top: none;
}*/

.left-sidebar {
    z-index: 60;
    top: 60px;
    padding-top: 0;
}

i.ti-menu,
i.ti-close {
    font-size: 20px;
    vertical-align: middle;
}

.dropdown-menu {
    padding: 0 0;
}

.invoice-btn {
    float: left;
}

.menu-mobile {
    display: none;
}


.hide-logo {
    display: block;
}


.menu-ruoli {
    float: right;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.cust-style input {
    margin-right: 10px;
}

.btn-opacity {
    opacity: 0.7;
}

.cust-style label {
    cursor: pointer;
}

@media screen and (max-width:1366px) {


    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .has-arrow:after,
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav .hide-menu {
        display: block !important;
    }

    .hide-logo {
        display: none;
    }



    .menu-mobile {
        display: inline-block;
    }

    .topbar .top-navbar .navbar-header {
        display: flex;
        align-items: center;
        width: 100% !important;
        justify-content: space-between;
    }

    #main-wrapper[data-sidebartype=mini-sidebar] .left-sidebar {
        left: -250px;
    }

    .left-part {
        left: -260px;
        background: #edf1f5;
        z-index: 1;
        position: fixed;
        transition: .1s ease-in;
    }

    .right-part {
        width: 100%;
        margin-left: 0;
    }

    #main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper {
        padding-top: 120px;
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .page-wrapper {
        margin-left: 0;
    }

    #main-wrapper[data-layout=vertical][data-header-position=fixed][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse {
        position: relative;
        top: 60px;
    }

    #main-wrapper[data-layout=vertical][data-sidebar-position=fixed][data-sidebartype=mini-sidebar] .topbar .top-navbar .navbar-collapse {
        margin-left: 0;
    }

    .left-part.show-panel {
        left: 0;
    }

    #main-wrapper.hide-sidebar .left-sidebar {
        left: 0
    }

    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar {
        width: auto;
    }
}

@media screen and (max-width:1140px) {

    .invoice-btn {
        width: 100%;
        text-align: left;
    }


    .card-group > .card {
        width: 100%;
        flex: none;
    }
}




@media (max-width: 768px) {

    a.btn.float-right {
        float: none !important;
    }

    div.float-right a.btn {
        float: none !important;
    }

    div.float-right {
        float: none !important;
    }

    span.float-right {
        float: none !important;
    }

    .card-body {
        padding: 1rem;
    }
}

@media screen and (max-width:767px) {
    .hide-tab-name {
        display: none;
    }

    .col-invoice-number {
        text-align: left;
    }

    .topbar .top-navbar .navbar-collapse.collapsing, .topbar .top-navbar .navbar-collapse.show {
        display: flex;
    }



    /*ordinamento tabelle*/
    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }

    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }
    /*ordinamento tabelle*/









    #main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper {
        padding-top: 120px;
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center !important;
    }
}

@media screen and (max-width:600px) {
    .table-workflow td {
        width: 100% !important;
        display: block;
        padding: .5rem .4rem;
    }
}




@media screen and (max-width:550px) {
    .switch {
        float: none !important;
        margin-bottom: 20px;
    }

    .nav-pills .nav-link {
        padding: .5rem .5rem;
    }
}


@media screen and (max-width:450px) {

    /*.btn-success.btn-rounded.float-right,
   .float-right {
     float: none !important;
   }*/

    .btn-circle.btn-lg,
    .btn-group-lg > .btn-circle.btn {
        width: 40px;
        height: 40px;
        padding: 8px 8px;
        font-size: 16px;
    }

    .card-title {
        font-size: 13px !important;
    }

    .h4,
    h4 {
        font-size: .9rem;
    }
}



@media screen and (max-width:380px) {
    .page-link {
        padding: .5rem .50rem;
    }
}

@media screen and (max-width:330px) {
    .invoiceing-box {
        width: 310px;
    }

    .btn-add-new i {
        font-size: 36px;
    }

    .btn-add-role.btn-circle {
        width: 30px;
        height: 30px;
        padding: 5px;
    }
}


/*modifiche emanuela*/

/**************************** modifiche walter **********************/

/* Login FORM images */
.auth-wrapper .auth-box .logo img {
    max-height: 35px;
    max-width: 100%;
}

/* FIC */
.lbl-erp-document-number-fic {
    color: #E27600;
    font-weight: 600;
}
