/*QUI SI INSERISCONO GLI STILI PERSONALIZZATI PER I VARI BRANCH*/
body {
}

a {
    color: #009688;
}

.warning {
    color: coral 
}

a:hover {
    color: #00796b;
}

.back-gray {
    background-color: #F5F5F5 !important;
}

legend {
    padding-top: .625rem;
    padding-bottom: .625rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #009688;
    font-size: .8125rem;
    color: #009688;
}

.sidebar-user {
    color: #f5f5f5;
    background-color: rgba(0,0,0,.3);
}

.text-custom{
    color: #2a3140 !important;
}

.breadcrumb-line{
    padding: 5px;
}

.border-custom {
    border-color: #2a3140 !important;
}

.border-left-inprogress {
    border-left-color: #dab600;
}

.bg-custom {
    background-color: #2a3140 !important;
}


.form-control {
    min-height: 20px !important;
}

.sidebar-user i {
    color: #f5f5f5;
}

#import-form .col-md-4, #clienti_attivi .col-md-4 {
    margin-top: 5px;
}

.form-check-input {
    position: relative;
    margin-left: 0px;
    display: inline-block;
}

.form-control {
    display: inline-block;
    margin-left: 5px;
}

.card-title, .bold {
    font-weight: bold;
}

.dataTable > thead {
    background-color: #ddd;
}

.dt-button-collection > .dt-button.active, .btn-primary, .buttons-colvis {
    background-color: #009688;
    color: rgba(255,255,255,.9);
    border-color: #00796b;
}

    .btn-primary:hover {
        background-color: #00796b;
    }


.content {
    padding: 0.40rem 0.40rem !important;
}

.sidebar-dark .nav-sidebar > .nav-item-open > .nav-link:not(.disabled), .sidebar-dark .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item-open > .nav-link:not(.disabled), .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar > .nav-item > .nav-link.active {
    background: rgba(0,0,0,.3) !important;
    /*color: #fff;*/
}

.sidebar-dark .nav-sidebar .nav-item > .nav-link.active, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item > .nav-link.active, .nav-item active {
    background-color: rgba(0,0,0,.3) !important;
}

.nav-tabs-solid .nav-item.show .nav-link.active, .nav-tabs-solid .nav-link.active {
    background-color: #009688;
}

.sidebar-dark .nav-sidebar .nav-item > .nav-link.active, .sidebar-light .card[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-sidebar .nav-item > .nav-link.active {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.nav-tabs-highlight .nav-link.active:before {
    background-color: #009688;
}

.progress-text-area {
    width: 100%;
    height: 200px;
    margin-top: 20px;
    resize: none;
}

.dropzone {
    min-height: 12rem !important;
}

.dataTable {
    min-height: 160px !important;
}

.dropzone-button {
    padding: 4px;
    top: 4px;
}

.dataTable thead .sorting_asc:after {
    content: '' !important;
    opacity: 1;
}

.dataTable thead .sorting_asc:after {
    content: '' !important;
    opacity: 1;
}

.dataTable thead .sorting:before {
    content: '' !important;
    margin-top: -0.125rem;
    opacity: 0.5;
}

.dataTable thead .sorting:after {
    content: '' !important;
    margin-top: -0.625rem;
    opacity: 0.5;
}

.dataTable thead .sorting_asc:after {
    content: '' !important;
    opacity: 1;
}

.dataTable thead .sorting_desc:after {
    content: '' !important;
    opacity: 1;
}

.dataTable thead .sorting_asc_disabled:after {
    content: '' !important;
    opacity: 0.25;
}

.dataTable thead .sorting_desc_disabled:after {
    content: '' !important;
    opacity: 0.25;
}

.zerotextarea {
    width: 100%;
    max-width: 100%;
    max-height: 60%;
    resize: none;
}

.navbar-brand {
    padding: 10px 0 5px 0;
}

.navbar-brand img {
    width:150px;
    min-height: 40px; 
}

.navbar-toggler {
    color: #009688;
}

.text-disabled {
    color: #BBBBBB !important;
}

.select2-selection {
    height: 38px;
}


.dataTables_filter {
    display: none;
}

.button-down {
    background-color: #00796b !important;
}

.datetimepicker-field {
    width: 150px;
}

.datetimepicker-field {
    width: 150px;
}

.zoom {
    transition: transform 1.8s; /* Animation */
}

.zoom:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}