@import url('https://fonts.cdnfonts.com/css/poppins');
/* login */
body {
    /*background: #F8F8F8;*/
    background: #333;
    font-family: 'Poppins', sans-serif;
    color: #333;
    font-weight: 300;
}
.btn.btn-primary, a.btn[href="#next"], a.btn[href="#previous"] {
    color: white !important;
    background: #00da15;
    border-color: #00da15;
    border-width: 2px solid #00da15;
    cursor: pointer;
    box-shadow: none;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before, .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #00da15;
    background-color: #00da15;
}

.btn.btn-primary:not(:disabled):not(.disabled):hover, a.btn[href="#next"]:not(:disabled):not(.disabled):hover, a.btn[href="#previous"]:not(:disabled):not(.disabled):hover, .btn.btn-primary:not(:disabled):not(.disabled):focus, a.btn[href="#next"]:not(:disabled):not(.disabled):focus, a.btn[href="#previous"]:not(:disabled):not(.disabled):focus, .btn.btn-primary:not(:disabled):not(.disabled):active, a.btn[href="#next"]:not(:disabled):not(.disabled):active, a.btn[href="#previous"]:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active, a.btn[href="#next"]:not(:disabled):not(.disabled).active, a.btn[href="#previous"]:not(:disabled):not(.disabled).active {
    cursor: pointer;
    background: #fff;
    border-color: #00da15;
    color: #00da15!important;
}

.form-control:focus, .swal-modal input.swal-content__input:focus, .custom-select:focus {
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.8);
}

h5 {
    color: #333;
    font-weight: 300;
    font-family: 'Poppins';
    font-size: 22px;
}

body.form-membership .form-wrapper input {
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-radius: 0;
}
body.form-membership .form-wrapper button {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border: none;
    transition: background-color 1s;
    background: linear-gradient(90deg, #3f51b5, transparent) #2196f3;
    color: #fff;
}
body.form-membership .form-wrapper button:hover {
    background-position: 5%;
    background-color: #00da15!important;
    color: #fff!important;
}

body.form-membership .form-wrapper #logo {
    margin: 1rem 0 2rem;
}
body.form-membership .form-wrapper label {
    font-weight: 300;
}
.layout-wrapper .content-wrapper > .content-body > .content {
    background-color: #fff;
}

body:not(.horizontal-navigation) .navigation .navigation-menu-body ul li > a {
    color: #fff;
}
body:not(.horizontal-navigation) .navigation .navigation-menu-body ul li > a.active {
    position: relative;
    color: #00da15;
    background: rgba(255, 255, 255, 0.15);
}
.header ul.navbar-nav li.nav-item a.nav-link {
    line-height: 100%;
    padding: 10px 15px;
    color: #fff;
}
.header ul.navbar-nav li.nav-item a.nav-link:hover, .header ul.navbar-nav li.nav-item a.nav-link:focus {
    outline: none;
    color: #00da15;
}

body:not(.horizontal-navigation) .navigation .navigation-menu-body ul li > a:hover {
    color: #00da15;
    background: rgba(255, 255, 255, 0.15);
}
.navigation-menu-body a {
    font-weight: 500;
}

.layout-wrapper .content-wrapper > .content-body > .content {
    margin-top: 130px;
    margin-bottom: 10px;
}
.pagination .page-item.active .page-link {
    background: #333;
    border-color: transparent;
}

h3 {
    color: #333;
}

.select2.select2-container .select2-selection {
    min-height: 36px;
}
.select2-selection__rendered {
    margin-top: 3px;
}
.layout-wrapper .content-wrapper > .content-body > .content {
    border-radius: 0;
    margin-right: 0;
    padding-right: 0;
    height: calc(100vh - 160px);
}
body:not(.horizontal-navigation) .navigation .navigation-menu-body ul li > a.active:before {
    display: none;
}
.btn.btn-secondary {
    background: #333!important;
    border-color: #333!important;
    color: #fff;
}
#edit-media-modal-img {
    max-width: 100%;
}
.dropzone .dz-preview {
    margin: 0!important;
    max-width: 100%;
}
.dropzone .dz-preview .dz-image {
    max-width: 100%;
}

.wd-xs-300 .dz-preview.dz-complete.dz-image-preview {
    margin: 5px!important;
}
@media screen and (max-width: 1200px) {
    .header {
        height: 100px;
    }
    .header .header-body {
        top: 85px;
        background: #333;
    }
}
.capitalize {
    text-transform: capitalize;
}
.capitalize .std {
    text-transform: initial;
}
.preloader .preloader-icon img {
    width: 200px!important;
}

.lista_prodotti{
    display: none;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.hide_lista{
    display: none;
}

.show_lista{
    display: flex;
    flex-wrap: wrap;
}

body:not(.horizontal-navigation) .navigation {
    width: 230px;
}

.layout-wrapper .content-wrapper > .content-body > .content {
    padding: 30px 15px;
    margin-top: 100px;
    margin-left: 230px;
    overflow-x: auto!important;
}

.card .card-body {
    padding: 1.5rem 0;
}

td input.out_of_stock {
   background-color: red;
}

.cursor-pointer {
    cursor: pointer;
}