﻿/* COLOR */
:root {
    --client-color: #c1941c;
    --main-color: #121212;
    --sub-color: #C7C7C7;
    --light-color: #ffffff;
    --danger-color: #E84343;
    --confirm-color: #37a65d;
    --lavorazione-LM: #c2dae1;
    --lavorazione-GD: #b1d9bf;
    --lavorazione-TR: #efa4a4;
    --lavorazione-TT: #eceda5;
    --lavorazione-FC: #ccc2e1;
}

body {
    position: relative;
    font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-width: 320px;
    opacity: 1;
    display: block;
    color: var(--main-color);
    background-color: #efeff1;
}

body,
html {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
}

.row > * {
    position: relative;
}

a:hover {
    color: var(--main-color) !important;
}

p.error {
    text-align: center !important;
}

.c-pointer {
    cursor: pointer !important;
}

p.error,
p.danger,
a.danger {
    color: var(--danger-color) !important;
}

.mb-bar {
    background-color: var(--main-color);
}

.fas {
    width: 20px;
    text-align: center;
}

.btn.btn-outline-primary {
    color: var(--main-color);
    border-color: var(--main-color);
}

    .btn.btn-outline-primary:hover, .btn.btn-primary:hover, .btn.btn-primary {
        color: #fff;
        border-color: var(--main-color);
        background-color: var(--main-color);
    }

/* CUSTOM WIDTH */
.w-300 {
    width: 300px !important;
}

.w-20 {
    width: 20% !important;
}

.w-fit-content {
    width: fit-content !important;
}

.h-fit-content {
    height: fit-content !important;
}

/* TEXT, P, H123456*/
h1 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 0px !important;
}

h2 {
    font-size: 18px;
    margin-bottom: 0px !important;
}

h3 {
    font-size: 25px;
    margin-bottom: 0px !important;
}

h4 {
    font-size: 15px;
    margin-bottom: 0px !important;
}

p {
    font-size: 15px;
    margin-bottom: 0px !important;
}

    p.light {
        font-weight: 300;
        color: var(--sub-color) !important;
    }

.disabled-block {
    cursor: not-allowed !important;
}

/* INPUT */
.f-control, .form-control {
    display: block;
    width: 100%;
    padding: 0.65rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #3F4254;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #E4E6EF;
    border-radius: 0.675rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.input-group-text {
    height: 100%;
}

/*.f-control {
    font-family: Poppins-Regular, sans-serif;
    display: block;
    width: 100%;
    height: 60px;
    padding: 0.375rem 0.75rem;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: var(--main-color);
    background-clip: padding-box;
    border: 1px solid var(--sub-color);
    border-radius: 0.675rem;
    text-align: center;
    transition: border 0.5s ease;
}*/
.f-control:active {
    border: 1px solid var(--main-color);
    border-radius: 0.675rem;
}

.f-control::placeholder {
    text-align: center;
    font-family: Poppins-Regular, sans-serif;
    color: var(--sub-color);
    border-radius: 0.675rem;
    font-size: 15px;
}


.btn-control {
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: var(--main-color);
    padding: 0.675rem 2.75rem;
    font-size: 18px;
    line-height: 1.4285714286;
    border-radius: 0.675rem;
    transition: border 0.5s ease;
    box-shadow: none;
    border: 0;
}

    .btn-control.danger {
        background-color: var(--danger-color) !important;
    }

    .btn-control.confirm {
        background-color: var(--confirm-color) !important;
    }

    /* TOP */
    .m-t-0 {
        margin-top: 0px !important;
    }

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.m-t-80 {
    margin-top: 80px !important;
}

.m-t-100 {
    margin-top: 100px !important;
}

.m-t-120 {
    margin-top: 120px !important;
}

.m-t-150 {
    margin-top: 150px !important;
}

/* RIGHT */
.m-r-50 {
    margin-right: 50px !important;
}

/* LEFT */
.m-l-0 {
    margin-left: 0px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}


.m-l-50 {
    margin-left: 50px !important;
}

.m-l-10 {
    margin-left: 15px !important;
}
/* BOTTOM */
.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.m-b-80 {
    margin-bottom: 80px !important;
}

.m-b-100 {
    margin-bottom: 100px !important;
}

.m-b-120 {
    margin-bottom: 120px !important;
}

.m-b-150 {
    margin-bottom: 150px !important;
}

.form-control {
    background: none;
    font-family: 'Poppins-Light', Arial, Helvetica, sans-serif;
}


    /* VALIDATION */
    .was-validated .form-control:invalid, .form-control.is-invalid {
        border-color: #ff0000;
        padding-right: calc(1.4285714286em + 0.75rem);
        background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f54394' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f54394' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E);
        background-repeat: no-repeat;
        background-position: center right calc(0.3571428571em + 0.1875rem);
        background-size: calc(0.7142857143em + 0.375rem) calc(0.7142857143em + 0.375rem);
    }

    .was-validated .form-control:valid, .form-control.is-valid {
        border-color: #31c971;
        padding-right: calc(1.4285714286em + 0.75rem);
        background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2331c971' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);
        background-repeat: no-repeat;
        background-position: center right calc(0.3571428571em + 0.1875rem);
        background-size: calc(0.7142857143em + 0.375rem) calc(0.7142857143em + 0.375rem);
    }

/* OTHER */
.margin-auto {
    margin: auto;
}

ul {
    list-style-type: none;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
    padding: 0
}

a {
    display: block;
    text-decoration: none;
    color: #121212;
}

section {
    display: block;
    width: 100%;
    height: auto;
}

.text-right {
    text-align: right !important;
}

.no-i-desktop {
    display: none !important;
}
/* MEDIA */
@media only screen and (max-width: 767px) {
    .no-i-mobile {
        display: none !important;
    }

    h3 {
        font-size: 20px;
        margin-bottom: 0px !important;
    }

    .no-i-desktop {
        display: flex !important;
    }

        .no-i-desktop.z-index {
            z-index: 6000;
        }
}

@media only screen and (max-width: 1000px) {
    .overflow-x-scroll {
        overflow-x: auto !important;
    }

    .container, .container-md, .container-sm {
        max-width: 100% !important;
    }
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
