body {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    background: #e6e6e6;
    height: 100%;
}

a {
    color: #fff;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

h1, .h1 {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
}

li {
    list-style: none;
}

/* default */
.clear {
    clear: both;
}

.uppercase {
    text-transform: uppercase;
}

.justyfied {
    text-align: justify;
}

.right {
    float: right;
}

/* default */
#wrapper {
    margin: 0 auto;
    position: relative;
    /*padding-bottom: 94px;*/
}

#header {
    z-index: 1000;
    background-color: #fff;
}

#logo {
    width: 100%;
    height: 65px;
}

#banner {
    height: 188px;
    position: relative;
}

#user {
    position: absolute;
    bottom: 0;
    left: 15px;
    background-color: #fff;
    color: #3d3d3d;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.content {
    padding: 15px;
    /*border: 1px solid #e0e0e0;*/
    /*border-bottom: none;*/
    /*background-color: #f4f4f4;*/
}

.box {
    margin-right: 20px;
    background-color: #fff;
    border: 1px solid #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
    float: left;
}

#welcome {
    width: 268px;
}

.category-title {
    color: #333333;
    font-weight: 600;
    padding: 15px 7px;
}

.category-description {
    font-size: 13px;
    padding: 0px 7px;
    line-height: 16px;
}

div.box.loop div.category-title {
    text-transform: uppercase;
    padding: 0px 7px 7px 7px;
}

div.box.loop {
    padding: 15px;
    width: 320px;
    margin-right: 0px;
    height: 190px;
    position: relative;
    margin-bottom: 20px;
}

div.box.loop div.category-description {
    font-size: 11px;
    line-height: 16px;
}

a.button {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: block;
    color: #df001d;
    background-color: #eeeeee;
    padding: 3px 30px;
    border: 1px solid #c8c8c8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
}

a.button:hover {
    text-decoration: none;
    color: #df001d;
}

#category-0, #category-2 {
    margin-right: 20px;
}

#category-2, #category-3 {
    margin-bottom: 0px;
}

.arrow {
    position: absolute;
    top: 0px;
}

/* Page Login */
#login-wrapper {
    background-color: #efefef;
    color: #3c3c3c;
    margin: 0 auto;
}

#login-wrapper #login-container {
    padding: 100px 75px 40px 75px;
}

#login-container #text-container {
    width: 350px;
    float: right;
    margin-right: 60px;
}

#login-container #text-container h1 {
    font-size: 20px;
    font-weight: 900;
}

#login-container #text-container p {
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}

#login-container #form-container {
    float: right;
    border: 1px solid #dadad8;
    background-color: #FFF;
    width: 400px;
}

#login-container #form-container #login-form {
    margin: 10px;
    background-color: #efefef;
}

#login-container #form-container #login-form #login-fields {
    padding: 20px 15px;
}

#login-form #login-fields p, #login-fields input {
    font-weight: 700;
    font-size: 16px;
}

#login-form #login-fields input {
    height: 40px;
    margin: 10px 0;
    padding: 0 12px;
    width: 100%;
    border: none;
}

#login-container #login-submit {
    float: right;
    border: none;
    margin: 10px 0 0 0;
    padding: 0;
    background-repeat: no-repeat;
    width: 100px;
    height: 40px;
}

#error, #success {
    display: none;
}

#error ol li {
    font-weight: bold;
}

#login-controls {
    margin-left: 440px;
    width: 400px;
}

#forgotten-link {
    float: left;
    margin: 18px 18px 0 0;
    text-decoration: none;
}

#forgotten-link a {
    color: #3c3c3c;
    text-decoration: underline;
}

#forgotten-link a:hover {
    color: #DF001D;
}

/* Login Page */
.info {
    float: left;
    font-size: 11px;
}

.report, .logout {
    float: right;
    position: relative;
}

.report {
    font-weight: bold;
}

.logout {
    margin-left: 95px;
}

.info a, .report a, .logout a {
    color: #fff;
}

.info a:hover, .report a:hover, .logout a:hover {
    color: #fff;
    text-decoration: none;
}

/* Login Page */

/*Reseller HOME PAGE*/
#reseller-content-wrapper .box {
    height: 397px;
    width: 954px;
    margin: 2px 0;
    padding: 57px 35px 30px 55px;

}

#reseller-content-wrapper .box h3 {
    font-size: 17px;
}

#reseller-content-wrapper .box ul {
    padding: 0 0 0 15px;
}

.reseller-wellcome-text-container {
    line-height: 19px;
    font-size: 13px;
}

#reseller-content-wrapper .box ul li {
    list-style: disc;
}

/*Reseller HOME PAGE*/

/* Category Page */
div#single-category.box {
    padding: 15px;
    margin-right: 0px;
    height: 400px;
    position: relative;
    min-width: 663px;
}

table#listini.table.table-striped, table#promozioni.table.table-striped {
    float: left;
    width: 630px;
    font-size: 13px;
    margin-bottom: 0px;
}

.single-category-title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 13px;
}

.single-format {
    float: right;
    margin-right: 38px;
    font-size: 13px;
    font-weight: bold;
}

/* Category Page */

/* Pagenavi */
.wp-pagenavi {
    position: absolute;
    bottom: 5px;
    right: 15px;
}

.wp-pagenavi .pages {
    display: none;
}

.content .wp-pagenavi span, .content .wp-pagenavi a {
    border: none;
    margin: 0px;
    color: #333333;
}

/* Pagenavi */

/* Archive Page */

.box#archive {
    width: 100%;
    min-height: 402px;
    position: relative;
    padding: 14px;
}

.box#archive a {
    color: #333333;
    text-decoration: underline;
}

table#distributor.table.table-striped tr th {
    border-top: none;
}

/* Archive Page */

/* New Distributor Page */
.content#newdistributor, .content#editdistributor {
    max-height: 100%;
}

/* New Distributor Page */

/*Distributor Edit Page*/
#show-distributor-users {
    float: right;
}

.sr-only {
    position: static;
    color: #000;
}

/*Distributor Edit Page*/

/*Distributor Users Listing Page*/
#back-button-wrapper {
    margin-top: 10px;
}

#distributor-users-list thead tr th, #distributor-users-list tr td {
    font-size: 13px;
}

.disable-distributor:hover {
    cursor: pointer;
}

/*Distributor Users Listing Page*/

/* Reseller agreement step 1 Page */
.agreementcontent {
    float: none;
    margin: 0px;
}

.center {
    text-align: center;
    font-weight: bold;
}

.size {
    font-size: 14px;
}

textarea#articlesDescriptions {
    border-radius: 5px;
    height: 207px;
    width: 890px;
    overflow-y: auto;
    overflow-x: auto;
    resize: none;
    font-size: 8pt;
}

#customtable > tfoot > tr > th, #customtable > thead > tr > td, #customtable > tbody > tr > td, #customtable > tfoot > tr > td {
    border-top: none;
}

/*  Reseller agreement step 1 Page  */

/* Reseller Agreement Step-2 Page */
.content-reseller {
    padding: 15px 18px 12px 18px;
}

.agreement-step-2-center {
    text-align: center;
}

#agreementPage {
    width: 100%;
    float: none;
}

.agreementPage-radio {
    min-height: 20px;
    font-size: 10px;
    vertical-align: middle;
    float: left;
}

.button-reseller {
    color: #df001d;
    font-size: 12px;
    background-color: transparent;
    border: none;
    display: block;
    cursor: pointer;
}

.button-back:hover, :visited, :link {
    /*color: #df001d;*/
    text-decoration: none;
}

#agreement-step-2 h6 {
    margin: 26px 0;
}

/* Reseller Agreement Step-2 Page */

/* Reseller Agreement Step-3 Page */
.reseller-section {
    margin: 29px 0;
    font-size: 12px;
}

.reseller-section p {
    margin: 0;
}

.words-in-relief {
    color: #df001d;
}

.table-row-reseller td h6 {
    text-align: center;
    margin: 0;
    width: 437px;
    max-width: 437px;
}

/* Reseller Agreement Step-3 Page */

/* Reseller Agreement Step-4 Page */
#agreement-step-4 .reseller-section {
    margin-bottom: 0;
}

/* Reseller Agreement Step-4 Page */

/* New Reseller Page */

.content#newreseller {
    /*max-height: 100%;*/
    /*background-color: #f2f2f2;*/
}

#newreseller ul.nav.nav-tabs, #newdistributor ul.nav.nav-tabs {
    margin-bottom: 15px;
}

.nav-tabs > li > a {
    color: #bbbbbb;
}

.nav-tabs > li.active > a {
    background-color: #f2f2f2;
    font-weight: bold;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #f2f2f2;
}

#newreseller label.col-sm-2 {
    width: 30%;
}

#newreseller div.col-sm-10 {
    width: 70%;
}

/* New Reseller Page */

/*Categories view - Listing post*/
#category-toolbar {
    float: right;
    width: 664px;
    margin-top: 15px;
    height: 50px;
}

img.remove-postwithmedia:hover {
    cursor: pointer;
}

/*New Document Page*/
div.createnew-form-confirm-wrapper {
    width: 85px;
    float: left;
}

/*New Document Page*/
#bottom-toolbar {
    position: relative;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 5px;
    min-height: 40px;
}

/*Reseller Report Page*/
#reseller-target-report {
    border-collapse: collapse;
}

#reseller-target-report td, #reseller-target-report th {
    text-align: center;
}

#reseller-target-report td:first-of-type {
    text-align: right;
}

#reseller-target-report th:first-of-type {
    width: 280px;
}

#reseller-target-report td {
}

/*Reseller Report Page*/
/*Reseller list - Category*/
.post-type-archive-reseller #archive div.col-sm-3 {
    text-align: right;
    font-size: 12px;
}

.delete_reseller:hover {
    cursor: pointer;
}

/*Reseller list - Category*/
/*Password Recovery*/
#page-password-recovery .box {
    float: none;
    margin: 0;
    text-align: left;
    padding: 25px;
}

/*Password Recovery*/
/*Contacts Page'*/
#page-contatti .box {
    float: none;
    margin: 0;
    padding: 25px;
}

#page-contatti ul li {
    list-style: disc;
}

#page-contatti a {
    color: #3C3C3C;
}

#page-contatti a:hover {
    color: #DF001D;
}

/*Contacts Page*/

/* Style HP */

.box {
    margin-right: 20px;
    background-color: #fff;
    border: 1px solid #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
    float: left;
}

#welcome {
    width: 268px;
    min-height: 400px;
}

.category-title {
    color: #333333;
    font-weight: 600;
    padding: 15px 7px;
}

.category-description {
    font-size: 13px;
    padding: 0px 7px;
    line-height: 18px;
}

div.box.loop div.category-title {
    text-transform: uppercase;
    padding: 0px 7px 7px 7px;
}

div.box.loop {
    padding: 15px;
    width: 320px;
    margin-right: 0px;
    height: 190px;
    position: relative;
    margin-bottom: 20px;
}

div.box.loop div.category-description {
    font-size: 11px;
    line-height: 16px;
}

div.box.side {
    display: table;
    padding: 15px 0;
    width: 126px;
    height: 97px;
    position: relative;
    margin-bottom: 15px;
}

div.box.side div.description {
    text-align: center;
    font-size: 11px;
    line-height: 16px;
}

div.box.content-area {
    display: table;
    padding: 0;
    width: 320px;
    margin-right: 0;
    height: 97px;
    position: relative;
    margin-bottom: 15px;
}

div.box.content-area div.title {
    color: #3d3d3d;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 2px;
}

div.box.content-area div.description {
    color: #3d3d3d;
    font-size: 11px;
    line-height: 16px;
}

a.link {
    color: #000;
}

a.button {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: block;
    color: #df001d;
    background-color: #eeeeee;
    padding: 3px 30px;
    border: 1px solid #c8c8c8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
}

a.button:hover {
    text-decoration: none;
    color: #df001d;
}

/*#category-0, #category-1{
	margin-bottom:  35px;
}*/

#category-0, #category-2 {
    margin-right: 20px;
}

#category-2, #category-3 {
    margin-bottom: 20px;
}

.category-description p {
    line-height: 16px;
}

/**
 * Body CSS
 */

html,
body {
    height: 100%;
    background-color: #eee;
}

html,
body,
input,
textarea,
buttons {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

/**
 * Layout CSS
 */

.mui-appbar {
    overflow: hidden;
    background-color: #a7a7a7;
    height: 95px;
    line-height: 95px;
}

.mui--appbar-line-height {
    height: 95px;
    line-height: 95px;
}

#header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    transition: left 0.25s;
}

#sidedrawer {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 300px;
    left: -300px;
    overflow: auto;
    z-index: 2;
    background-color: #fff;
    transition: transform 0.25s;
}

#content-wrapper {
    min-height: 100%;
    overflow-x: hidden;
    margin-left: 0;
    transition: margin-left 0.25s;
    /*padding-bottom: 94px;*/
    padding-top: 95px;
}

#header {
    left: 300px;
    -webkit-transition: left 0.25s; /* Safari */
    transition: left 0.25s;
}

body.hide-sidedrawer #header {
    left: 0;
    -webkit-transition: left 0.25s; /* Safari */
    transition: left 0.25s;
}

@media (max-width: 767px) {
    /*footer {*/
    /*margin: 0 !important;*/
    /*}*/

    body.hide-sidedrawer footer {
        margin-left: 0px;
        -webkit-transition: margin-left 0.25s; /* Safari */
        transition: margin-left 0.25s;
    }

    #sidedrawer {
        -webkit-transition: left 0.25s; /* Safari */
        transition: left 0.25s;
    }
}

#sidedrawer {
    background-color: #0a0a0a;
}

@media (min-width: 768px) {
    /*.logo-footer {*/
    /*position: fixed;*/
    /*right: 30px*/
    /*}*/

    #header {
        left: 300px;
        -webkit-transition: left 0.25s; /* Safari */
        transition: left 0.25s;
    }

    #sidedrawer {
        transform: translate(300px);
        width: 300px;
        -webkit-transition: width 0.25s; /* Safari */
        transition: width 0.25s;
    }

    #content-wrapper {
        margin-left: 300px;
        -webkit-transition: margin-left 0.25s; /* Safari */
        transition: margin-left 0.25s;
    }

    body.hide-sidedrawer #header {
        left: 80px;
        -webkit-transition: left 0.25s; /* Safari */
        transition: left 0.25s;
    }

    body.hide-sidedrawer #sidedrawer {
        /*transform: translate(80px);*/
        width: 80px;
        overflow: hidden;
        white-space: nowrap;
        -webkit-transition: width 0.25s; /* Safari */
        transition: width 0.25s;
    }

    body.hide-sidedrawer #content-wrapper {
        margin-left: 80px;
        -webkit-transition: margin-left 0.25s; /* Safari */
        transition: margin-left 0.25s;
    }

    body.hide-sidedrawer footer {
        /*margin-left: 80px;*/
        -webkit-transition: margin-left 0.25s; /* Safari */
        transition: margin-left 0.25s;
    }
}

/**
 * Toggle Sidedrawer
 */
#sidedrawer.active {
    left: 0;
    -webkit-transition: left 0.25s; /* Safari */
    transition: left 0.25s;
}

/**
 * Header CSS
 */

.sidedrawer-toggle {
    vertical-align: middle;
    color: #fff;
    cursor: pointer;
    font-size: 25px;
}

.sidedrawer-toggle:hover {
    color: #fff;
    text-decoration: none;
}

/**
 * Sidedrawer CSS
 */

#sidedrawer-brand {
    padding-left: 20px;
}

#sidedrawer ul {
    list-style: none;
}

#sidedrawer > ul {
    padding-left: 0;
}

#sidedrawer > ul > li:first-child {
    padding-top: 15px;
}

#sidedrawer strong {
    display: block;
    padding: 15px 22px;
    cursor: pointer;
}

#sidedrawer strong:hover {
    background-color: #E0E0E0;
}

#sidedrawer strong + ul > li {
    padding: 6px 0px;
}

ul.menu li {
    width: 300px;
    overflow: hidden;
}

ul.menu li a, ul.menu li a:hover {
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    filter: brightness(0.5);
}

ul.menu li a img {
    width: 25px !important;
    height: auto;
    margin: 0 28px;
    padding: 0 !important;
}

ul.menu li a:hover, ul.menu li.current-menu-item a {
    text-decoration: none;
    filter: brightness(1);
}

ul.menu li a:hover img, ul.menu li.current-menu-item a img {
    filter: brightness(1);
}

ul.menu li.menu-item {
    padding: 15px 0;
}

form span .error {
    color: #e31d1a;
}

ul.menu li a {
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    display: table;
}

ul.menu li a img {
    display: table-cell;
    vertical-align: middle;
}

ul.menu li a span {
    display: table-cell;
    vertical-align: middle;
    width: 220px;

}

.sidedrawer-large-icon {
    display: block;
}

body.hide-sidedrawer .sidedrawer-large-icon {
    display: none;
}

.sidedrawer-small-icon {
    display: none;
}

body.hide-sidedrawer .sidedrawer-small-icon {
    display: block;
}

footer {
    height: 64px;
    -webkit-transition: margin-left 0.25s; /* Safari */
    transition: margin-left 0.25s;
    /*position: fixed;*/
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9999;
    /*margin-left: 300px;*/
    margin: 0;
}

.footer-copyright {
    line-height: 64px;
}

.mobile-fab-tip {
    text-decoration: none;
    position: absolute;
    right: 60px;
    padding: 0 8px;
    border-radius: 2px;
    color: #FFF;
    width: auto;
}

.mobile-fab-tip:hover {
    text-decoration: none;
}

.fixed-action-btn ul li {
    position: relative;
}

/*.select-wrapper {*/
/*display: inline-block;*/
/*clear: both;*/
/*float: none;*/
/*}*/

@media (min-width: 768px) {
    .select-wrapper {
        /*min-width: 300px;*/
    }
    .content {
        margin-top: -80px;
    }
}

ul.select-dropdown,
ul.dropdown-content {
    width: auto !important;
}

li > span {
    white-space: nowrap;
}

.tabs .tab a.active {
    text-decoration: none;
}

.landing {
    background-repeat: no-repeat;
    background-image: url(../images/background-landing.jpg);
    background-position: bottom;
    background-size: cover;
}

.grey {
    background-color: #57575a !important;
}

.red {
    background-color: #e31d1a !important;
}

.red-text {
    color: #e31d1a !important;
}

.card {
    border-radius: 5px !important;
}

.card .card-action:last-child {
    border-radius: 0 0 5px 5px !important;
}

input.card,
textarea.card {
    background-color: #e9e9e9 !important;
    border: none !important;
    box-sizing: border-box !important;
    padding: 0 8px !important;
}

textarea.card {
    padding: 8px !important;
}

input.card:focus, input.card.valid,
textarea.card:focus, textarea.card.valid {
    border: none !important;
    box-shadow: none !important;
}

#contributors {
    background-color: #eeeeee;
}
#contributors .contributor {
    text-align: center;
    height: 40px;
    margin-bottom:20px;
    margin-top:20px;
}
#contributors .contributor img {
    opacity: 0.4;
    mix-blend-mode: multiply;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #57575a;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #57575a;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #57575a;
}

:-moz-placeholder { /* Firefox 18- */
    color: #57575a;
}

#request-info-content {
    margin: 0;
    display: flex;
}

@media (max-width: 992px) {
    #request-info-content {
        display: block;
    }
}

.mui-container-fluid {
    background-color: #e9e9e9;
    height: 95px;
}

.mui-container-fluid img {
    vertical-align: middle;
}

#home {
    margin-top: -100px;
}

.modal-footer a:hover {
    color: #000;
}

a:hover, a:active, a:focus {
    text-decoration: none;
}

.btn, .btn:hover, .btn:active, .btn:focus {
    background-color: #787878;
    border-radius: 5px;
}

#page-container {
    min-height: calc(100vh - 95px - 64px);
}

@media (max-width: 600px) {
    .pieces {
        text-align: center;
    }
    #page-container {
        min-height: calc(100vh - 95px - 161px);
    }
}

@media (min-width: 1201px) {
    .landing .header img {
        width: 100%;
    }
}

.aligncenter {
    text-align: center;
}

.carousel-item {
    background-size: cover;
    background-position: center;
    opacity: 1 !important;
}

.carousel-item .carousel-text {
    padding: 12px;
    position: absolute;
    bottom: 12px;
    left: 0
}

.carousel .indicators {
    padding: 12px;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
}

.tabs .tab a {
    color: #000;
}
.tabs .tab a:hover {
    color: #e31d1a;
}
.tabs .tab a.active {
    color: #e31d1a;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: rgba(167, 167, 167, 0.2)
}

.tabs .indicator {
    color: #e31d1a;
}

.swal-button {
    padding: 7px 19px;
    border-radius: 2px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

.swal-button--dance {
    color: #000;
    background-color: #e9e9e9 !important;
    border: 1px solid #e9e9e9 ;
}

.swal-button--confirm {
    background-color: #e31d1a !important;
    border: 1px solid #e31d1a ;
}

.swal-button:focus {
    box-shadow: none;
}

.no-animation {
    animation: none !important;
}

.dataTables_processing {
    position: fixed !important;
    height: 100% !important;
    top: 0 !important;
    opacity: 0.5;
    background: #000 !important;
    z-index: 22222222222;
    margin: 0 !important;
    left: 0 !important;
}

.warehouse-tab li a.btn-floating{
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width:auto;
    height: auto;
    line-height: normal;
    border-radius: 10px;
    padding: 10px;
}

.modal .modal-title {
    margin-bottom: 20px;
    font-weight: bold;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #9ee3a6;
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #5cb14e;
}

.stepper .step-actions {
    padding: 0 !important;
    position: sticky !important;
    width: fit-content !important;
    float: right;
}

.step-content {
    padding-bottom: 20px !important;
}

.stepper .dropdown-content.select-dropdown {
    max-height: 200px;
    overflow-y: auto !important;
    backface-visibility: hidden !important;
}

ul.stepper.horizontal .step.active .step-title::before,
ul.stepper.horizontal .step.done .step-title::before,
ul.stepper .step.active::before,
ul.stepper .step.done::before {
    background-color: black !important;
}

ul.stepper.horizontal .step.wrong .step-title::before,
ul.stepper .step.wrong::before {
    background-color: red !important;
}

@media (max-width: 767px) {
    footer {
        height: auto;
    }
    .footer-copyright {
        display: block !important;
    }
    footer .col {
        margin: 10px 0;
        line-height: 40px;
        text-align: center;
    }
}