:root {
    --primary: #461e7d; /*Viola Enel Primario*/
    --secondary: #BBA1D5 /*Viola chiaro / rosa*/
}

.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link {
    color: var(--primary);
}

#layout-navbar {
    background-color: var(--primary) !important
}

#layout-navbar .app-brand-text {
    color: white !important
}

.ml-4 {
    margin-left: 10px
}

.cursor-none:hover {
 cursor: initial !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color: var(--primary) !important
}

.cat-menu-item .fa-toggle-on, .accendi_tutti_switch .fa-toggle-on {
    color: var(--primary) !important
}

.select2 {
    width: 100% !important
}

.choose-map-lipad ul li a {
    cursor: pointer;
}

.choose-map-lipad ul li:hover {
    background-color: var(--primary);
    color:white;
}

.choose-map-lipad {
    height: 100%
}

.btn-outline-white {
    color: white;
    border-color: white;
}

.btn-outline-white:hover {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
    background-color: white;
}

.back_coords #status_lat_edit, .back_coords #status_lon_edit {
    width: 100px;
    height: 28px;
    margin-left: 2px;
    display: inline
}

.back_coords #status_zoom_edit {
    width: 55px;
    height: 28px;
    margin-left: 5px;
    display: inline
}

.choose-services {
    height: 40vh !important
}
.service-card-intro {
    width: 11em;
}

@media (max-width:1600px) {
    .choose-services {
        height: 45vh !important
    }

    .nav-variable-vw {
        margin-left: 60vw !important
    }
}

.disabled-service-card-intro {
    pointer-events: none;
    opacity: 0.6;
    filter: grayscale(.6)
    /*background-color: gray*/
}

.service-card-intro .card-img-top {
    height:130px;
    width: 100%;
    object-fit:cover;
}

.service-card-intro .card-body {
    text-align: center
}

.front_coords, .back_coords {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn_statusbar_change, .btn_statusbar_edit {
    margin-top: 5px
}

.avatar .avatar-initial {
    background-color: #dddddd !important
}

#servicename {
    font-weight:bold
}

.app-brand-logo {
    width: 80% !important;
    height: 80% !important;
    padding-top: 10px
}

.loading-over {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff url('/img/lipad/loader.gif') no-repeat center center;
    z-index: 9999;
    opacity: 0.6;
}

.cat-menu-group {
    text-align: right
}

.form-switch-layers i {
    font-size: 20pt;
    margin-right: 20px
}

.form-switch-layers .info-div {
    margin-right: 10px;
}

.form-switch-layers .info-div .date-label {
    font-size: 10pt;
    color: #aaaaaa
}

.form-switch-layers .switch-label {
    font-weight: 600
}

.border-none {
    border: 0px !important
}

.disabled-appereance {
    pointer-events: none !important;
    opacity: 0.6 !important;

}

.mr-3 {
    margin-right:5px
}

.check-servizi-abilitati {
    border: 1px solid gainsboro;
    padding: 10px 10px 20px 10px;
}

.check-servizi-abilitati .div-adesioni-servizio {
    margin-left: 20px
}

#tab_container {
    width: 35vw !important
}
.wg-s-content {
    width: 100% !important
}

.select2-results {
    z-index: 999999999999999999999 !important;
}

.wglayers-content {
    height: 100vh; 
}

.disabled-scheda .loadNewImage {
    display: none;
}

.modal-xxl {
    max-width: 80vw !important;
 }

.help-tab {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #007bff;
    color: white;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 20px 20px;
    text-decoration: none;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 99999999999 !important;
    font-size: 20px;
}

.help-tab:hover {
    background-color: #0056b3;
}