/* Add here all your CSS customizations */


.input-group-sm .input-group-append button {
    padding: 0.1rem 0.5rem!important;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}


.ui-front {
    z-index:1200 !important;
}

.notification-menu .message {
    color: #000 !important
}

.datepicker-dropdown {
    z-index: 1100 !important;
}

.custom-scroll-content {
    max-height: 400px;
    overflow-y:auto;
    overflow-x:hidden;
}

.dropdown-menu:not(.bootstrap-timepicker-widget) {
    max-height: 500px;
    overflow-y: auto;
}

@media print {

    @page {
        size: landscape
    }

    .no-print, .no-print * {
        display: none !important;
    }

    section.body div.inner-wrapper,
    section.content-body 
    {
        padding: 0 !important
    }
      
    body {
        font-size: 12px;        
    }       

    .card {
        border: 0 !important;
        background: #f4f4f4 !important;
        border-radius: 0 !important;
        page-break-after:always;
    }

    .card + .card{
        margin: 0 !important;
    }

    section.card .card-header,
    section.card .card-body {
        padding: 0 !important;
        border-bottom:none !important;
    }

        section.card .card-body table td,
        section.card .card-body table th {
            font-family: Arial,sans-serif;
            font-size: 12px;
            padding: 2px !important
        }

    a[href]:after {
        content: none !important;
    }
}

.inner-wrapper .form-control,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #000 !important;
}

.form-group:not(.row) {
    margin-bottom: 0 !important;
}

@media(max-width:767px) {
    .header .logo-container {
        z-index: 1100 !important;
    }
}

.modal-header .modal-title {
    margin-top:0 !important;
    font-size:14px; 
    font-weight:bold;
}

[data-messaggi-list] img.rounded-circle,
.notification-menu img.rounded-circle,
.tm-meta img.rounded-circle {
    width: 20px !important;
}

[data-messaggi-list ] img.img-thumbnail{
    max-width:200px;
}

.btn.btn-file {
    position: relative !important;
    overflow: hidden !important;
}

    .btn.btn-file > input[type='file'] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        opacity: 0;
        filter: alpha(opacity=0);
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

.scheda-sidebar .tab-pane {
    min-height: 370px !important;
    
}

.card .tab-list, .tab-pane .tab-list, .modal_log .tab_list {
    max-height: 300px !important;
    min-height: 300px !important;
    overflow: auto !important;
}

    .scheda-sidebar .tab-pane .tab-list:first-child {
        min-height: 340px !important;
    }


    .modal .modal-content .tab-pane .tab-list {
        min-height: 510px !important;
        max-height: 510px !important;
    }

.btn.btn-valutazione1 {
    background-color: #d2332c;
    border-color: #d2332c #d2332c #a92825;
    color: #fff;
}
    .btn.btn-valutazione1.active {
        background-color: #a92825;
        border-color: #a92825 #a92825 #7c1718;
        box-shadow: 0 0 0 0.2rem rgba(169, 40, 37, 0.7) !important
    }
.btn.btn-valutazione2 {
    background-color: #ee9d29;
    border-color: #ee9d29 #ee9d29 #d08329;
    color: #fff;
}
    .btn.btn-valutazione2.active {
        background-color: #d08329;
        border-color: #d08329 #d08329 #aa6327;
        box-shadow: 0 0 0 0.2rem rgba(208, 131, 41, 0.7) !important
    }
.btn.btn-valutazione3 {
    background-color: #f4db5f;
    border-color: #f4db5f #f4db5f #e0bf30;
    color: #fff;
}
    .btn.btn-valutazione3.active {
        background-color: #e0bf30;
        border-color: #e0bf30 #e0bf30 #bb9e30;
        box-shadow: 0 0 0 0.2rem rgba(224, 191, 48, 0.7) !important
    }
.btn.btn-valutazione4 {
    background-color: #95c94b;
    border-color: #95c94b #95c94b #7ea03e;
    color: #fff;
}
    .btn.btn-valutazione4.active {
        background-color: #7ea03e;
        border-color: #7ea03e #7ea03e #668338;
        box-shadow: 0 0 0 0.2rem rgba(126, 160, 62, 0.7) !important
    }
.btn.btn-valutazione5 {
    background-color: #46a447;
    border-color: #46a447 #46a447 #39813e;
    color: #fff;
}
    .btn.btn-valutazione5.active {
        background-color: #39813e;
        border-color: #39813e #39813e #225c2e;
        box-shadow: 0 0 0 0.2rem rgba(57, 129, 62, 0.7) !important
    }

.badge.badge-inchiusura {
    background-color: #D7EED7 !important;
    color: black;
}

.badge.badge-twt {
    background-color: #003a78 !important;
    color: white;
}

.badge.badge-lepida {
    background-color: #f36d2a !important;
    color: white;
}
.badge.badge-openfiber {
    background-color: #ff0e63 !important;
    color: white;
}

.badge.badge-blu {
    background-color: #007bff !important;
    color: white;
}
.badge.badge-indigo {
    background-color: #6610f2 !important;
    color: white;
}
.badge.badge-purple {
    background-color: #6f42c1 !important;
    color: white;
}
.badge.badge-pink {
    background-color: #e83e8c !important;
    color: white;
}
.badge.badge-red {
    background-color: #dc3545 !important;
    color: white;
}
.badge.badge-orange {
    background-color: #fd7e14 !important;
    color: white;
}
.badge.badge-caki {
    background-color: #be5f0f !important;
    color: white;
}
.badge.badge-pesca {
    background-color: #feb272 !important;
    color: white;
}
.badge.badge-yellow, .badge.badge-fastweb {
    background-color: #ffc107 !important;
    color: white;
}

.badge.badge-retelit {
    background-color: #043F75 !important;
    color: white;
}

.badge.badge-eolo {
    background-color: #882043 !important;
    color: white;
}

.badge.badge-opnet {
    background-color: #BDFA2B !important;
    color: #060D6B;
}

.badge.badge-green, .badge.badge-wic {
    background-color: #28a745 !important;
    color: white;
}
.badge.badge-teal {
    background-color: #20c997 !important;
    color: white;
}
.badge.badge-cyan {
    background-color: #17a2b8 !important;
    color: white;
}
.badge.badge-black {
    background-color: #000 !important;
    color: white;
}
.badge.badge-gray {
    background-color: #868e96 !important;
    color: white;
}
.badge.badge-gray {
    background-color: #868e96 !important;
    color: white;
}

.badge.badge-ftth {
    background-color: #114c19 !important;
    color: white;
}
.badge.badge-wdsl {
    background-color: #1a345e !important;
    color: white;
}
.badge.badge-vdsl, .badge.badge-tim {
    background-color: #dd4b39 !important;
    color: white;
}

.card-featured-openfiber {
    border-color: #ff0e63;
}

.card-featured-fastweb {
    border-color: #ffc107;
}

.card-featured-eolo {
    border-color: #882043;
}

.card-featured-opnet {
    border-color: #BDFA2B;
    color: #060D6B;
}

.card-featured-wic {
    border-color: #28a745;
}

.card-featured-vdsl, .card-featured-tim {
    border-color: #dd4b39;
}

.card-toolbar {
    background-color: #fdfdfd;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);    
}

.card-toolbar:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}

    .card-toolbar + .card-body {
        border-radius: 0 0 5px 5px;
    }

.modal #modal-map, #map, [data-map] {
    width: 100%;
    background-color: #ccc;
    height: 282px;
    border: 1px solid #d2d6de
}

.modal #modal-map{    
    height: 141px;    
}

form label {
    margin-bottom:0 !important;
}

.modal .form-group:not(.row) {
    margin-bottom: 0 !important;
}

.nav-tabs li .nav-link .badge
{
    padding:2px 4px !important;
}

.card-featured-business {
    border-color: #1a345e !important;
}

.tabs-business .nav-tabs li .nav-link.active {
    border-top-color: #1a345e !important;
}

.tabs-business .nav-tabs li .nav-link:hover {
    border-top-color: #1a345e !important;
}

.select2-container--open {
    z-index: 9999999 !important
}

.select2-container--default .select2-selection--single {
    height: auto !important;    
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    border-color: rgb(206, 212, 218);
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:40px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-dropdown {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
}

.select2-dropdown {
    border-top:none !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 6px 12px;
}

.message-table-list {
    margin-top: 5px;
}

    .message-table-list > img {
        width: 20px;
        height: 20px;
        border-radius: 50%;
    }

        .message-table-list > img.online {
            border: 2px solid #00a65a
        }

        .message-table-list > img.offline {
            border: 2px solid #dd4b39
        }



.notifications > li .notification-icon .badge[data-totale='0'] {
    background: #282d36 !important;
    visibility:hidden !important;
}



.circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 10px;    
    color: white;
    line-height: 20px;
    text-align: center;
    background: orange;
    /*Align div in centre of page*/
    margin: auto;
}

.notifications .btn-default {
    color: #C3C3C3 !important;
    font-size: 13px;
    background: #282d36 !important;
    border: 0;
    border-radius: 500px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3) !important;
    padding: 5.75px 12px;
}

.card-badge-danger {
    position: absolute;
    top: -22px;
    left: 3px;
    background-color: #1a345e;
    color: #ffffff;
    padding: 0 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
}

.was-validated .form-control:valid, .form-control.is-valid {
    background-image: none !important;
    padding-right: 12px !important;
}


.was-validated .custom-select:invalid, .form-control.is-invalid {
    background-image: none !important;
    padding-right: 12px !important;
}