:root {
    --red: #F75676;
    --orange: #FC7C5F;
    --yellow: #ffc107;
    --green: #4FD69C;
    --white: #fff;
    --gray: #989898;
    --baselight: #F4F6FB;
    --success: #4FD69C;
    --warning: #FC7C5F;
    --danger: rgba(247, 86, 118, 0.2);
    --light: #E0E5EA;
}

html {
    overflow-x: hidden !important;
    font-size: 62.5%;
    line-height: 62.5%;
}

body {
    overflow-x: initial !important;
    background-color: var(--baselight) !important;
}

/* roboto-100 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local(''),
        url('../fonts/roboto-v30-latin-100.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/roboto-v30-latin-100.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-100italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: local(''),
        url('../fonts/roboto-v30-latin-100italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/roboto-v30-latin-100italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local(''),
        url('../fonts/roboto-v30-latin-300.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/roboto-v30-latin-300.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local(''),
        url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/roboto-v30-latin-300italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local(''),
        url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/roboto-v30-latin-regular.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local(''),
        url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/roboto-v30-latin-italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local(''),
        url('../fonts/roboto-v30-latin-500.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/roboto-v30-latin-500.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: local(''),
        url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/roboto-v30-latin-500italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local(''),
        url('../fonts/roboto-v30-latin-700.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/roboto-v30-latin-700.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: local(''),
        url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/roboto-v30-latin-700italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local(''),
        url('../fonts/roboto-v30-latin-900.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/roboto-v30-latin-900.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: local(''),
        url('../fonts/roboto-v30-latin-900italic.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('../fonts/roboto-v30-latin-900italic.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

h1,
h2,
h3,
h4,
h5,
a,
p,
span,
label {
    font-family: Roboto;
}

h1,
.h1 {
    font-family: Roboto;
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 3.7rem;
    letter-spacing: 0em;
}

h2,
.h2 {
    font-family: Roboto;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 2.4rem;
    letter-spacing: 0em;
}

h3,
.h3 {
    font-family: Roboto;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.9rem;
    letter-spacing: 0em;
    text-align: left;
}

h4,
.h4 {
    font-family: Roboto;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.6rem;
    letter-spacing: 0em;
}

h5,
.h5 {
    font-size: 1.6rem !important;
    line-height: 1.8rem !important;
}

h2.bold,
.h2.bold,
h3.bold,
.h3.bold {
    font-weight: 900;
}

body,
p,
span {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    letter-spacing: 0em;
    color: #2E2E2E;
}

p.medium,
span.medium {
    font-family: Roboto;
    font-size: 1.6rem;
    font-weight: 500;
}

p.bold,
span.bold {
    font-family: Roboto;
    font-size: 1.6rem;
    font-weight: 700 !important;
}

.modal-title {
    color: var(--secondary-600) !important;
}

.bold {
    font-weight: 700 !important;
}

.subtitle {
    font-family: Roboto;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8rem;
    letter-spacing: 0.03em;
}

.menu,
.nav-link {
    font-family: Roboto;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.8rem;
    letter-spacing: 0em;

}

.value {
    font-family: Roboto;
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 2.8rem;
    letter-spacing: 0em;
}

.digits {
    font-family: Roboto;
    font-size: 100px;
    font-weight: 300;
    line-height: 117px;
    letter-spacing: 0em;
}

.digits .bold {
    font-family: Roboto;
    font-size: 100px;
    font-weight: 700;
    line-height: 117px;
    letter-spacing: 0em;
}

.text-primary {
    color: var(--primary) !important;
}

.text-primary-200 {
    color: var(--primary-300) !important;
}

.text-primary-dark {
    color: var(--primary-dark) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-secondary-grey {
    color: var(--secondary-200) !important;
}

.text-secondary-dark {
    color: var(--secondary-dark) !important;
}

.text-secondary-50 {
    color: var(--secondary-50) !important;
}

a#show-more {
    color: var(--primary-800);
    opacity: 0.9 !important;
}

.text-small {
    font-size: 1.4rem !important;
}

.bg-primary,
.btn-primary {
    background: var(--primary) !important;
    color: #FFF !important;
}

.bg-primary-grey,
.btn-primary-grey {
    background: var(--primary-50) !important;
}

.bg-primary-dark,
.btn-primary-dark {
    background: var(--primary-dark) !important;
    color: #FFF !important;
}

.bg-secondary,
.btn-secondary {
    background: var(--secondary) !important;
    color: #FFF !important;
}

.bg-secondary-900,
.btn-secondary-900 {
    background: var(--secondary-900) !important;
    color: #FFF !important;
}

.bg-secondary-800,
.btn-secondary-800 {
    background: var(--secondary-800) !important;
    color: #FFF !important;
}

.bg-secondary-700,
.btn-secondary-700 {
    background: var(--secondary-700) !important;
    color: #FFF !important;
}

.bg-secondary-600,
.btn-secondary-600 {
    background: var(--secondary-600) !important;
    color: #FFF !important;
}

.bg-secondary-500,
.btn-secondary-500 {
    background: var(--secondary-500) !important;
    color: #FFF !important;
}

.bg-secondary-400,
.btn-secondary-400 {
    background: var(--secondary-400) !important;
}

.bg-secondary-300,
.btn-secondary-300 {
    background: var(--secondary-300) !important;
}

.bg-secondary-200,
.btn-secondary-200 {
    background: var(--secondary-200) !important;
}

.bg-secondary-50 {
    background: var(--secondary-50) !important;
    color: var(--primary) !important;
}

.bg-baselight {
    background-color: var(--baselight);
    color: var(--gray);
}

.bg-baselight-transparent {
    background-color: var(--baselight);
    color: var(--gray);
    opacity: 0.9;
}

.invert {
    filter: invert(100%);
}

/* BUTTONS */

.btn {
    font-size: 1.4rem !important;
    font-weight: 500 !important;
    line-height: 1.6rem !important;

    min-width: 84px;
    height: 40px;
    border-radius: 5px;
    padding: 12px 20px 12px 20px;
}

.btn:hover {
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
}

.btn-small {
    height: 35px;
    padding: 10px 20px 10px 20px;
}

.btn-xsmall {
    height: 26px;
    font-weight: 400 !important;
    padding: 5px 10px 5px 10px;
}

.btn-large {
    height: 46px;
    min-width: 156px;
    padding: 12px 19px 12px 19px;
}

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

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

.btn-secondary {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
    color: #FFF;
}

.btn-inverted-secondary {
    background: #FFF;
    border-color: var(--secondary) !important;
    color: var(--secondary) !important;
}

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

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

.btn-baselight {
    background-color: var(--baselight);
    border: 1px solid var(--baselight);
    color: var(--gray);
}

.btn i {
    /*    margin-left: 8px; */
}

.card {
    border-radius: 10px !important;
    border-color: transparent;
}

.card-shadow {
    box-shadow: 0px 4px 20px 0px #7E829926;
}

.card-dashboard {
    max-width: 293px;
}

tr {
    border-bottom: 1px dashed var(--secondary-200) !important;
}

.barra {
    width: 100%;
    border: 1px dashed #E0E5EA;
}

.full-width {
    width: 100%;
}

/* IMAGES */

.img-logo {
    max-width: 135px;
}

/* INPUT FORMS */

.form-control {
    /*    color: var(--gray) !important; */
    background-color: var(--baselight) !important;
    border: 1px solid var(--baselight) !important;
    border-radius: 5px !important;
    font-size: 1.6rem !important;

    /* fix height size */
    margin: 0 0 20px;
    padding: 10px 15px;
    height: auto !important;
}

.form-control:focus {
    color: var(--dark) !important;
    background-color: #fff !important;
    border: 1px solid var(--secondary-200) !important;
    outline: 0 !important;
    box-shadow: none !important;
}

label,
.label {
    color: var(--primary-700) !important;
    font-weight: 500 !important;
    font-size: 1.4rem !important;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
    color: #3e515b !important;
}

/* SIDEBAR */

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    /* Behind the navbar */
    padding: 70px 0 0;
    /* Height of navbar */
}

@media (max-width: 767.98px) {
    .sidebar {
        top: 5rem;
    }
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 70px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sidebar-sticky {
        position: -webkit-sticky;
        position: sticky;
    }
}

.sidebar .nav-link {
    font-weight: 500;
    height: 30px;
    margin: 5px;
    color: var(--primary);
}

.sidebar .nav-link .feather {
    margin-right: 4px;
    color: #999;
}

.sidebar .nav-link.active,
.sidebar .nav-link.active:hover {
    color: white !important;
    background-color: var(--primary);
    border-radius: 5px;
}

.sidebar .nav-link.active div {
    filter: invert();
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
    color: inherit;
}

.sidebar .nav-link:hover {
    background-color: var(--secondary-50);
    border-radius: 5px;
    color: var(--primary-500) !important;
}

.sidebar .nav-link.active div {
    filter: invert();
}

.sidebar-heading {
    font-size: 1.4rem;
    text-transform: uppercase;
}

.sidebar-bottom {
    bottom: 0;
    position: absolute;
}

/* NAVBAR & HEADER */

main {
    margin-top: 72px !important;
}

.navbar-brand {
    background-color: white;
    height: 102%;
    white-space: nowrap;
}

.logo_helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.navbar .navbar-toggler {
    top: .25rem;
    right: 1rem;
}

.navbar .form-control {
    padding: .75rem 1rem;
    border-width: 0;
    border-radius: 0;
}

.form-control-dark {
    color: #fff !important;
    background-color: rgba(255, 255, 255, .1) !important;
    border-color: rgba(255, 255, 255, .1) !important;
}

.form-control-dark:focus {
    border-color: transparent !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25) !important;
}

.navbar {
    height: 70px;
    position: fixed;
    width: 100%;
}

.navbar-nav {
    flex-direction: row;
}

/* ICONS */

.icon-assistenza {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/assistenza.svg");
    display: inline-block;
    margin-right: 15px;
}

.icon-certificati {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/certificati.svg");
    display: inline-block;
    margin-right: 15px;
}

.icon-dashboard {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/dashboard.svg");
    display: inline-block;
    margin-right: 15px;
}

.icon-etichette {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/etichette.svg");
    display: inline-block;
    margin-right: 15px;
}

.icon-filiera {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/filiera.svg");
    display: inline-block;
    margin-right: 15px;
}

.icon-impostazioni {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/impostazioni.svg");
    display: inline-block;
    margin-right: 5px;
}

.icon-lingua {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/lingua.svg");
    display: inline-block;
    margin-right: 5px;
}

.icon-lotti {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/lotti.svg");
    display: inline-block;
    margin-right: 15px;
}

.icon-luoghi {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/luoghi.svg");
    display: inline-block;
    margin-right: 15px;
}

.icon-macchinari {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/macchinari.svg");
    display: inline-block;
    margin-right: 15px;
}

.icon-notifiche {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/notifiche.svg");
    display: inline-block;
    margin-right: 15px;
}

.icon-procedure {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/procedure.svg");
    display: inline-block;
    margin-right: 15px;
}

.icon-processo {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/processo.svg");
    display: inline-block;
    margin-right: 15px;
}

.icon-prodotti {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/prodotti.svg");
    display: inline-block;
    margin-right: 15px;
}

.icon-ordini {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/shopping-cart.png");
    display: inline-block;
    margin-right: 15px;
    background-size: contain;
}

.icon-vendite {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/shopping-bag.png");
    display: inline-block;
    margin-right: 15px;
    background-size: contain;
}

.icon-tutorial {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/tutorial.svg");
    display: inline-block;
    margin-right: 15px;
}

.icon-usermenu {
    width: 17px;
    height: 17px;
    background-image: url("../icons/off/usermenu.svg");
    display: inline-block;
    margin-right: 5px;
}

.active div.icon-assistenza {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/assistenza.svg");
    display: inline-block;
    margin-right: 15px;
}

.active div.icon-certificati {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/certificati.svg");
    display: inline-block;
    margin-right: 15px;
}

.active div.icon-dashboard {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/dashboard.svg");
    display: inline-block;
    margin-right: 15px;
}

.active div.icon-etichette {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/etichette.svg");
    display: inline-block;
    margin-right: 15px;
}

.active div.icon-filiera {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/filiera.svg");
    display: inline-block;
    margin-right: 15px;
}

.active div.icon-impostazioni {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/impostazioni.svg");
    display: inline-block;
    margin-right: 5px;
}

.active div.icon-lingua {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/lingua.svg");
    display: inline-block;
    margin-right: 5px;
}

.active div.icon-lotti {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/lotti.svg");
    display: inline-block;
    margin-right: 15px;
}

.active div.icon-luoghi {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/luoghi.svg");
    display: inline-block;
    margin-right: 15px;
}

.active div.icon-macchinari {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/macchinari.svg");
    display: inline-block;
    margin-right: 15px;
}

.active div.icon-notifiche {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/notifiche.svg");
    display: inline-block;
    margin-right: 15px;
}

.active div.icon-procedure {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/procedure.svg");
    display: inline-block;
    margin-right: 15px;
}

.active div.icon-processo {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/processo.svg");
    display: inline-block;
    margin-right: 15px;
}

.active div.icon-prodotti {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/prodotti.svg");
    display: inline-block;
    margin-right: 15px;
}

.active div.icon-ordini {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/shopping-cart.png");
    display: inline-block;
    margin-right: 15px;
    background-size: contain;
}

.active div.icon-vendite {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/shopping-bag.png");
    display: inline-block;
    margin-right: 15px;
    background-size: contain;
}

.active div.icon-tutorial {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/tutorial.svg");
    display: inline-block;
    margin-right: 15px;
}

.active div.icon-usermenu {
    width: 17px;
    height: 17px;
    background-image: url("../icons/on/usermenu.svg");
    display: inline-block;
    margin-right: 5px;
}

/* COLUMUNS */

@media (min-width: 992px) {
    .col-lg-sidebar {
        -ms-flex: 0 0 232px;
        flex: 0 0 232px;
        max-width: 232px;
    }

    .col-lg-main {
        width: calc(100vw - 232px);
    }
}

.dropdown-menu a.nav-link:hover, 
.dropdown-menu a.dropdown-item:hover {
    background: var(--primary-500) !important;
    color: white !important;
}

.dropdown-menu a.nav-link:hover span, 
.dropdown-menu a.nav-link:hover i {
    color: white !important;
}
.dropdown-menu a.nav-link,
.dropdown-menu a.nav-link span,
.dropdown-menu a.nav-link i,
.dropdown-menu a.dropdown-item {
    color: var(--primary) !important;
}

.dropdown-menu.places {
    left: 45px !important;
}

.language-item {
    font-size: 1.6rem;
    text-align: center;
}

.search-data input[type="search"] {
    height: auto !important;
    position: static !important;
    width: auto !important;
}

/* .search-data label::after {
    position: absolute !important;
    top: 101px;
    right: 40px;
} */

.search-data label::after {
    position: relative !important;
    top: 5px;
    right: 22px;
}

.img-circle-50 img {
    border-radius: 12px;
}

.img-circle-50 {
    clip-path: none !important;
}

.action-container i.fa-pencil-alt {
    color: var(--primary) !important;
}

li .tab-select {
    border-bottom: 3px solid var(--secondary-50) !important;
    padding-bottom: 5px;
}

li.active .tab-select {
    border-bottom: 3px solid var(--secondary) !important;
    color: var(--secondary) !important;
}

a.tab-select.mr-3 {
    margin-right: 2rem !important;
}

.tab-select {
    color: #544e4b !important;
}

.list-group-item.active {
    background-color: var(--secondary-400) !important;
    border-color: var(--secondary-400) !important;
}

.table-responsive {
    overflow-x: hidden !important;
}

textarea#id_extra {
    display: none;
}

.bg-light-green.h-100.d-flex.align-items-center {
    border-radius: 12px;
    background-color: var(--secondary-300) !important;
}

.bg-warehouse-1 {
    box-shadow: none !important;
    border-radius: 12px !important;
    border: none !important;
    background-color: var(--secondary-50) !important;
    border: 3px solid #FFF !important;
}

.bg-warehouse-1:hover {
    border: 3px solid var(--primary) !important;
    cursor: pointer;
}

.bg-icon-warehouse {
    box-shadow: none !important;
    border-radius: 12px !important;
    border: none !important;
/*    background-color: var(--secondary-50) !important; */
}

.bg-icon-warehouse .icon-field,
.bg-icon-warehouse .icon-warehouse {
    width: 200px !important;
}

.bg-foodchain {
    background-image: url("/static/frontend/images/landing/header_home.jpg");
    min-height: 100vh;
    background-size: cover;
    background-position: center;
}

.foodchain_screen {
    min-height: 100vh !important;
}

.form-module {
    border-top: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.col-foodchain {
    min-height: 65vh !important;
}

.option-menu {
    width: 200px;
}

.select2-container--bootstrap .select2-selection--multiple,
.select2-selection.select2-selection--single {
    color: var(--gray) !important;
    background-color: var(--baselight) !important;
    border: 1px solid var(--baselight) !important;
    border-radius: 5px !important;
    min-height: 32px !important;


    /* fix */
    margin: 0 0 20px;
    padding: 6px 15px;
}

span.select2-selection.select2-selection--single {
    /*    background-color: white !important; */
    background-color: var(--baselight) !important;
    border: 1px solid var(--baselight) !important;

    /* fix */
    margin: 0 0 20px !important;
    padding: 10px 15px !important;
    height: auto !important;

}

#container-id_procedures span.select2-selection.select2-selection--single {
    background-color: white !important;
}


.select2-search__field {
    font-size: 1.6rem !important;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: var(--secondary) !important;
}

.select2-container--bootstrap .select2-dropdown {
    border-color: var(--baselight) !important;
}

.font-small {
    font-size: 1.5rem !important;
}

.sub-change {
    font-size: 1.2rem !important;
}

.bootstrap-datetimepicker-widget {
    width: 250px !important;
    font-size: 1.4rem !important;
}

.input-group-text {
    border: 1px solid var(--baselight) !important;
    font-size: 1.5rem;
}

#container-id_operation button.btn.dropdown-toggle.btn-inverted-secondary {
    display: none;
}

#container-id_operation button.btn.dropdown-toggle.btn-inverted-secondary.bs-placeholder {
    display: none;
}

.loader-inline {
    width: 28px !important;
}

button span {
    font-size: 1.4rem !important;
    font-weight: 500 !important;
    line-height: 1.6rem !important;
    color: white !important;
}

.template-container span.select2-container--bootstrap {
    moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.select2-container--bootstrap .select2-results__group {
  line-height: 2;
  font-size: 1.8rem;
  color: var(--primary);
}