.site-bg {
    background-color: #920000;
}

.white-bg {
    background-color: #ebebeb;
}

.grey-bg {
    background-color: #bebebe;
}

.card-shadow {
    box-shadow: rgba(0,0,0,0,4, 10px 10px inset);
}

/* Pills ------------------------ */
.nav-pills .nav-link {
    color: #464646;
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        background-color: #696969;
    }

.nav-pills > li > a {
    float: left;
    border-radius: 0px;
}

.nav-pills-account {
}

    .nav-pills-account .nav-link {
        color: #ebebeb;
    }

    .nav-pills-account > li > a:hover, .nav-pills-account > li > a:focus {
        color: #ffffff;
        font-weight: bold;
        border-radius: 0;
    }

    .nav-pills-account .nav-link.active, .nav-pills-account .show > .nav-link {
        color: #000000;
        font-weight: bold;
        background-color: #929292;
        border-radius: 0;
    }

/* Pills ------------------------ */

/* Sidebar Admin ------------------------ */

.sidebar {
    /*color: #ffffff;*/
    background: #232323;
}

    .sidebar li .submenu .dropdown-divider {
        border-top: 1px solid rgb(255, 255, 255, 0.69);
        margin-left: 13px;
    }

    .sidebar .nav-link {
        color: #ffffff;
    }

        .sidebar .nav-link:hover {
            color: #d0d0d0;
        }

.admin_title {
    color: #ffffff;
    background: #232323;
}


.admin-main {
    /*background-color: #920000;*/
    background-color: #bebebe;
}

/* Sidebar Admin ------------------------ */


/* Required */
.form-floating.required .form-label:after {
    color: black;
}

.text-required {
    color: white;
}
/* Required */

.navbar-dark .navbar-nav .nav-link {
    font-weight: 600;
    font-size: large;
    color: #ffffff !important;
}

    .navbar-dark .navbar-nav .nav-link:hover {
        color: #bebebe !important;
    }

.text-105 {
    font-family: HelveticaNeue, Times, serif;
    color: #ebebeb;
    font-size: x-large;
}

    .text-105 > a {
        color: #ffffff !important;
    }

.text-105-sm {
    font-family: HelveticaNeue, Times, serif;
    color: #ebebeb;
    font-size: large;
}

    .text-105-sm > p > a {
        color: #ffffff !important;
    }

.text-105-xl {
    font-family: HelveticaNeue, Times, serif;
    color: #ebebeb;
    font-size: xx-large;
}

.text-105-black {
    color: #232323;
}

.text-105-white {
    color: #ebebeb;
}

.link-105 {
    color: #ffffff !important;
}

/* Provide sufficient contrast against white background */
a {
    /*color: #0366d6;*/
    color: #ebebeb;
}

    a:hover {
        color: #bebebe;
    }

.link-105 {
    color: #131313 !important;
}

.dropdown-item-serie105 {
    padding-bottom: 0px;
    padding-top: 0px;
    font-size: small;
}

.dropdown-item-admin {
    padding-bottom: 0px;
    padding-top: 0px;
}


/* ETB */

/*.modal-result {
    background-color: #ebebeb !important;
    color: #232323 !important;
}
*/

.modal-header-alfa105 {
    color: #131313 !important;
    font-weight: bold !important;
    font-size: xx-large;
    background-color: #ebebeb !important;
}

.card > .card-body-rules {
    background-color: #ebebeb;
    color: #232323;
}

.btn-img {
    border-color: #bebebe;
    background-color: #920000;
    color: #ebebeb;
    /*    padding: 9px 9px 9px 9px;*/
    padding: 0px 0px 0px 0px;
    font-size: large;
    line-height: 1.3333333;
    border-radius: 0px;
    /*width: 100% !important;*/
}

    .btn-img:focus,
    .btn-img.focus {
        color: #ebebeb;
        background-color: #920000;
        border-color: #000000;
    }

    .btn-img:hover {
        background-color: #920000;
        opacity: 0.9;
        border-color: #ffffff;
    }

    .btn-img:active,
    .btn-img.active,
    .open > .dropdown-toggle.btn-img {
        opacity: 0.8;
        color: #ebebeb;
        background-color: #920000;
        border-color: #ffffff;
    }

        .btn-img:active:hover,
        .btn-img.active:hover,
        .open > .dropdown-toggle.btn-img:hover,
        .btn-img:active:focus,
        .btn-img.active:focus,
        .open > .dropdown-toggle.btn-img:focus,
        .btn-img:active.focus,
        .btn-img.active.focus,
        .open > .dropdown-toggle.btn-img.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-img:active,
    .btn-img.active,
    .open > .dropdown-toggle.btn-img {
        background-image: none;
    }

    .btn-img.disabled:hover,
    .btn-img[disabled]:hover,
    fieldset[disabled] .btn-img:hover,
    .btn-img.disabled:focus,
    .btn-img[disabled]:focus,
    fieldset[disabled] .btn-img:focus,
    .btn-img.disabled.focus,
    .btn-img[disabled].focus,
    fieldset[disabled] .btn-img.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-img .badge {
        color: #fff;
        background-color: #333;
    }

    .btn-img > img {
        width: 100% !important;
        padding: 9px 9px 9px 9px;
    }

    .btn-img > .btn-img-tav > img {
        width: 100% !important;
    }

    .btn-img > i {
        padding: 9px 9px 9px 9px;
    }

.btn-tav {
    border-color: #bebebe;
    padding: 0px 0px 0px 0px;
    border-radius: 0px;
    width: 100% !important;
    background-color: white;
}

    .btn-tav:hover {
        border-color: #ffffff;
    }

    .btn-tav > img {
        width: 100% !important;
    }

        .btn-tav > img:hover {
            opacity: 0.7;
            border-color: #ffffff;
        }

.img-table-btn {
    border-radius: 0px;
    width: 100%;
    border: 2px solid #464646;
}

.list-filter {
    background: #920000;
    padding-bottom: 10px;
}

.img-filter {
    width: 100%;
    min-width: 80px;
}

.downparallax {
    /* The image used */
    background-image: url("../images/gta_autodelta.jpg");
    /* Set a specific height */
    min-height: 469px;
    /*Create the parallax scrolling effect*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.downparallax2 {
    background-image: url("../images/alfettagtv_bg.jpg");
    min-height: 469px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.alfa105-bg {
    background-color: #920000;
}

.white-bg {
    background-color: #ebebeb;
}

.card-details {
    color: #ebebeb;
}

    .card-details > card-header {
        color: white !important;
        background-color: #920000 !important;
        font-weight: bold !important;
    }

    .card-details > .card-body {
        color: white !important;
        background-color: #920000 !important;
    }

.card-header-details {
    color: white !important;
    background-color: #920000 !important;
    font-weight: bold !important;
}

.card-body-details {
    color: white !important;
    background-color: #920000 !important;
    /*font-weight: bold !important;*/
}

/*.card-dnloads {
    color: #ebebeb;
}

    .card-dnloads > .card-body {
        color: #ebebeb;
    }*/

.card-title {
    color: #131313 !important;
    font-weight: bold !important;
    font-size: x-large;
}

.engine-text {
    font-style: italic;
    font-size: large;
    /*    font-size: x-large;
*/ font-weight: bold !important;
}

.card-text {
    font-style: italic;
    font-size: x-large;
}

.table-cardettaglio {
    background-color: #920000;
    color: #ebebeb;
    /*width: 100%;*/
    /*font-weight: bold;*/
    /*font-size: large;*/
}

.table-carforpart {
    background-color: #ebebeb;
    color: #131313;
    width: 100%;
    /*font-weight: bold;*/
    font-size: large;
}

th.table-carforpart-th {
    color: #ebebeb;
    background-color: #696969;
    font-weight: bold;
    text-align: left;
}

td.table-carforpart-td {
    text-align: left;
}

.table-carpart {
    background-color: #ebebeb;
    color: #131313;
    width: 100%;
    font-weight: bold;
    font-size: large;
    vertical-align: middle;
    text-align: center;
}

    .table-carpart > tbody > tr > td > a {
        color: #131313;
    }

        .table-carpart > tbody > tr > td > a:hover {
            color: #464646;
        }

th.th-carpart {
    color: #ebebeb;
    background-color: #696969;
    /*text-align: center;*/
}

.card-carforpart-head {
    color: #ebebeb;
    background-color: #696969;
    /*width: 100%;*/
    font-weight: bold;
    font-size: large;
}

.card-carforpart-body {
    background-color: #ebebeb;
    color: #131313;
    text-align: center;
}

.badge {
    font-size: 14px;
}

/*.badge > rounded-pill {
    font-size: 46px;
}*/

.footer-copyright {
    color: #232323 !important;
    font-size: large !important;
}

.table-details {
    color: #ebebeb;
}

.tr-details {
    color: #ebebeb;
    font-size: large;
}

.th-details {
    color: #232323;
    font-weight: bold;
    font-size: large;
}

.btn-serie {
    border-color: #bebebe;
    background-color: #920000;
    color: #ebebeb;
    border-radius: 0px;
    font-weight: bold;
    font-size: 2.3rem;
    height: 100%;
}

.text-serie {
    background-color: #920000;
    color: #ebebeb;
    font-weight: bold;
    font-size: 2.15rem;
    /*padding: 0px 0px 0px 10px;*/
    text-align: center;
}

.required {
    color: red;
}

.wordwrap {
    word-wrap: break-word;
    /*word-wrap: break-word;*/
}

div.head-viewpart {
    color: #232323 !important;
    background-color: #ffffff !important;
    font-weight: bold !important;
    font-size: x-large !important;
    text-align: center !important;
}

@media (min-width: 576px) {
    .card-title {
        font-size: small;
    }

    .card-text {
        font-size: small;
    }

    /*    .btn-serie {
        font-size: 1.3rem;
    }*/
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }

    .card-title {
        font-size: small;
    }

    .card-text {
        font-size: small;
    }

    /*    .btn-serie {
        font-size: 2.3rem;
    }*/
}

@media (min-width: 992px) {
    html {
        font-size: 16px;
    }

    .card-title {
        font-size: large;
    }

    .card-text {
        font-size: large;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 16px;
    }

    .card-title {
        font-size: large;
    }

    .card-text {
        font-size: large;
    }
}

@media (min-width: 1400px) {
    html {
        font-size: 16px;
    }

    .card-title {
        font-size: large;
    }

    .card-text {
        font-size: large;
    }
}