.pan-account {
    border-radius: 10px;
    background-color: #ffffff;
    /*color: var(--primary-text);*/
    box-shadow: rgba(204, 204, 204, 0.3) 0px 2px 10px 0px;
    margin: 10px 10px 30px 10px !important;
    padding-bottom: 10px;
}

.pan-account-full {
}

.pan-account .box-icon {
    font-size: 30px;
    background-color: #444444;
    padding: 10px;
    border-radius: 10px;
    color: white;
    margin-bottom: 10px;
}

    .pan-account .button-small {
        padding: 10px 15px;
        font-size: 0.75rem;
    }

.pan-account .title-icon {
    margin-right: 10px;
}

.pan-account .form-label {
    display: inline-block;
    min-width: 150px;
}

.pan-account .form-value {
    display: inline-block;
}

.pan-account-danger {
    color: #721c24 !important;
    background-color: #fdeeef !important; /*#f8d7da*/
    border-color: #f5c6cb !important;
}

    .pan-account-danger .box-icon {
        background-color: #721c24 !important;
        color: white !important;
    }

    .pan-account-danger legend,
    .pan-account-danger .form-label {
        color: #721c24 !important;
        background-color: transparent !important;
    }

    .pan-account-danger .button-full,
    .button-full-danger {
        background-color: #721c24 !important;
        color: white !important;
    }

    .pan-account-danger .button-outline,
    .button-outline-danger {
        background-color: #fefefe !important;
        color: #721c24 !important;
        border: solid 2px #721c24 !important;
    }

    .pan-account-success {
        color: #155724 !important;
        background-color: #e8f5eb !important; /*#d4edda*/
        border-color: #c3e6cb !important;
    }

    .pan-account-success .box-icon {
        background-color: #155724 !important;
        color: white !important;
    }

    .pan-account-success legend,
    .pan-account-success .form-label {
        color: #155724;
        background-color: transparent !important;
    }

        .pan-account-success .button-full,
        .button-full-success {
            background-color: #155724 !important;
            color: white !important;
        }

        .pan-account-success .button-outline,
        .button-outline-success {
            background-color: #fefefe !important;
            color: #155724 !important;
            border: solid 2px #155724 !important;
        }

    .pan-account-warning {
        color: #856404 !important;
        background-color: #fbf5e1 !important;
        border-color: #ffeeba !important;
    }

    .pan-account-warning .box-icon {
        background-color: #856404 !important;
        color: white !important;
    }

    .pan-account-warning legend,
    .pan-account-warning .form-label {
        color: #856404;
        background-color: transparent !important;
    }

        .pan-account-warning .button-full,
        .button-full-warning {
            background-color: #856404 !important;
            color: white !important;
        }

        .pan-account-warning .button-outline,
        .button-outline-warning {
            background-color: #fefefe !important;
            color: #856404 !important;
            border: solid 2px #856404 !important;
        }

.pan-account-info {
    color: #004085 !important;
    background-color: #cce5ff !important;
    border-color: #b8daff !important;
}

    .pan-account-info .box-icon {
        background-color: #004085 !important;
        color: white !important;
    }

    .pan-account-info legend,
    .pan-account-info .form-label {
        color: #004085;
        background-color: transparent !important;
    }

    .pan-account-info .button-full,
    .button-full-info {
        background-color: #004085 !important;
        color: white !important;
    }

    .pan-account-info .button-outline,
    .button-outline-info {
        background-color: #fefefe !important;
        color: #004085 !important;
        border: solid 2px #004085 !important;
    }

.pan-account-dark {
    color: #1b1e21 !important;
    background-color: #d6d8d9 !important;
    border-color: #c6c8ca !important;
}

    .pan-account-dark .box-icon {
        background-color: #1b1e21 !important;
        color: white !important;
    }

    .pan-account-dark legend,
    .pan-account-dark .form-label {
        color: #1b1e21;
        background-color: transparent !important;
    }

    .pan-account-dark .button-full,
    .button-full-dark {
        background-color: #1b1e21 !important;
        color: white !important;
    }

    .pan-account-dark .button-outline,
    .button-outline-dark {
        background-color: #fefefe !important;
        color: #1b1e21 !important;
        border: solid 2px #1b1e21 !important;
    }


.pan-account-primary {
    color: #004085 !important;
    background-color: #f3f5f7 !important; /*#cce5ff*/
    border-color: #b8daff !important;
}

    .pan-account-primary .box-icon {
        background-color: #004085 !important;
        color: white !important;
    }

    .pan-account-primary legend,
    .pan-account-primary .form-label {
        color: #004085;
        background-color: transparent !important;
    }

    .pan-account-primary .button-full,
    .button-full-primary {
        background-color: #004085 !important;
        color: white !important;
    }

    .pan-account-primary .button-outline,
    .button-outline-primary{
        background-color: #fefefe !important;
        color: #004085 !important;
        border: solid 2px #004085 !important;
    }

.pan-account-secondary {
    color: #383d41 !important;
    background-color: #e2e3e5 !important;
    border-color: #d6d8db !important;
}

    .pan-account-secondary .box-icon {
        background-color: #383d41 !important;
        color: white !important;
    }

    .pan-account-secondary legend,
    .pan-account-secondary .form-label {
        color: #383d41;
        background-color: transparent !important;
    }

    .pan-account-secondary .button-full,
    .button-full-secondary {
        background-color: #383d41 !important;
        color: white !important;
    }

    .pan-account-secondary .button-outline,
    .button-outline-secondary {
        background-color: #fefefe !important;
        color: #383d41 !important;
        border: solid 2px #383d41 !important;
    }


.pan-account-light {
    color: #818182 !important;
    background-color: #fefefe !important;
    border-color: #fdfdfe !important;
}

    .pan-account-light .box-icon {
        background-color: #818182 !important;
        color: white !important;
    }

    .pan-account-light legend,
    .pan-account-light .form-label {
        color: #818182;
        background-color: transparent !important;
    }

.pan-account-gold {
    color: #b39653 !important;
    background-color: #fffefa !important;
    border-color: #cbb787 !important;
}

    .pan-account-gold .box-icon {
        background-color: #b39653 !important;
        color: white !important;
    }

    .pan-account-gold legend,
    .pan-account-gold .form-label {
        color: #b39653;
        background-color: transparent !important;
    }

    .pan-account-gold .button-full,
    .button-full-gold {
        background-color: #b39653 !important;
        color: white !important;
    }

    .pan-account-gold .button-outline,
    .button-outline-gold {
        background-color: #fefefe !important;
        color: #b39653 !important;
        border: solid 2px #b39653 !important;
    }


.pan-account .text-success {
    color: #155724 !important;
}

.pan-account .text-danger {
    color: #721c24 !important;
}

.pan-account .text-warning {
    color: #856404 !important;
}

.pan-account .text-primary {
    color: #004085;
}

.pan-account .button.icon-edit {
    width: 30px;
    height: 30px;
    margin-bottom: 2px;
    padding-top: 5px;
}

.pan-gioco-resp .form-label {
    min-width: 250px;
}

.pan-account .row {
    min-height: 30px;
}

.pan-account-edit {
    background-color: #ffffff80 !important;
    border: 4px solid #818182 !important;
}

    .pan-account-edit .row-title {
        text-align: center;
        font-weight: bold;
        background-color: #818182;
        color: #ffffff;
        margin: -20px -20px 10px !important;
    }

    .pan-account-edit .form-control {
        margin-top: 5px;
        margin-bottom: 1px;
    }

.pan-account-success .pan-account-edit {
    border: 4px solid #155724 !important;
}

    .pan-account-success .pan-account-edit .row-title {
        background-color: #155724 !important;
    }



.pan-account-edit .button {
    border: 1px solid #00000030;
}


.pan-account .report table {
    border: none;
    border-bottom: solid 1px #ddd !important;
}

.pan-account .only-desktop {
    display: block;
}

.pan-account .only-mobile {
    display: none;
}


/* NAV TAB - START */

.pan-account .nav-tabs,
.pan-account .nav .nav-item {
    border-bottom: 1px solid #dee2e6;
}

.pan-account .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0 0 10px 0;
    list-style: none;
}



.pan-account .nav-tabs .nav-item.show .nav-link,
.pan-account .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.pan-account .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.pan-account .nav-link {
    /*color: #0275d8;*/
}

.pan-account .w3-bar a,
.pan-account .w3-button,
.pan-account .w3-btn,
.pan-account .nav-link,
.pan-account .btn,
.pan-account .dropdown-item,
.pan-account .page-link,
.pan-account .card-link,
.pan-account .navbar-brand {
    text-decoration: none !important;
}

.pan-account .nav-link {
    display: block;
    padding: .5rem 1rem;
}

/* NAV TAB - END */

@media only screen and (orientation: portrait) {

    .pan-account {
    }

    .pan-account-full {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .columns-full {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .pan-account .only-desktop {
        display: none;
    }

    .pan-account .only-mobile {
        display: block;
    }


    /* MOBILE CUSTOM CSS */
    .account-container-full table {
        width: 90vw
    }


}