body {
    padding-top: 0px;
}

.navbar-promo {
    background-color: #0f9505;
    background-image: linear-gradient(to top, #7cdd3c 0%, #0f9505 100%);
    border: 0px solid white;
    font-size: 20px;
    min-width: 130px;
    text-align: center;
}

.navbar-clienti {
    background-color: #e13507;
    background-image: linear-gradient(to top, #e13507 60%, #d15837 90%);
    border: 0px solid white;
    font-size: 20px;
    min-width: 130px;
    text-align: center;
}

.navbar-prodotti {
    background-color: #edc32f;
    background-image: linear-gradient(to top, #f8e193 0%, #edc32f 100%);
    border: 0px solid white;
    font-size: 20px;
    min-width: 130px;
    text-align: center;
}

.navbar-ordine {
    background-color: #bf072e;
    background-image: linear-gradient(to top, #e15472 0%, #bf072e 100%);
    border: 0px solid white;
    font-size: 20px;
    min-width: 130px;
    text-align: center;
}

.presentazione {
    text-align: center;
}

.titolo-promo {
    color: #0f9505;
}

.titolo-prodotti {
    color: #edc32f;
}

.sub-title-prodotti {
    color: #edc32f;
}

.titolo-clienti {
    color: #e13507;
}

.box-promo {
    border: 1px dotted #0f9505;
    margin: 1px;
    padding: 5px;
    vertical-align: top;
    /*min-height:400px;*/
}

.box-title-promo {
    max-width: 100%;
    background-color: #0f9505;
    background-image: linear-gradient(to top, #7cdd3c 0%, #0f9505 100%);
    padding: 2px;
    color: #fff;
    text-align: center;
}

.box-prodotti {
    border: 1px dotted #edc32f;
    margin: 1px;
    padding: 5px;
    vertical-align: top;
    /*min-height:350px;*/
}

.box-title-prodotti {
    max-width: 100%;
    background-color: #edc32f;
    background-image: linear-gradient(to top, #f8e193 0%, #edc32f 100%);
    padding: 2px;
    color: #fff;
    text-align: center;
}

.box-description {
    text-align: justify;
    font-style: italic;
    height: 130px;
    overflow: hidden;
    text-wrap: normal;
}

.box-info {
    text-align: justify;
    font-weight: 700;
    font-size: 16px;
}

.box-button {
    min-height: 50px;
    line-height: 40px;
    font-weight: 700;
    font-size: 16px;
}

.user {
    text-align: left;
    margin-top: 10px;
    font-size: 16px;
}

.thead_clienti {
    color: #e13507;
    background-color: lightgoldenrodyellow;
    background-image: linear-gradient(to top, #eeb951 25%, #f2e488 50%);
    border-bottom: 2px solid #e1620e;
}

.tr_dot {
    border-bottom: 1px dotted #aaa;
}

.td_center {
    text-align: center;
}

.th_dot {
    border-right: 1px dotted #5c5a5a;
}

.no-order {
    background-color: #f00;
    color: #000;
    font-weight: 700;
    font-size: 18px;
}

.full-order {
    background-color: #0f0;
    color: #000;
    font-weight: 700;
    font-size: 18px;
}

/*Classe per bottone, da abbinare a btn*/
.btn-cerca {
    color: #000;
    background-image: linear-gradient(to top, #b1e03b 25%, #618408 50%);
    background-color: #b1e03b;
    border-color: #495b1c;
}

    .btn-cerca:hover,
    .btn-cerca:focus,
    .btn-cerca:active,
    .btn-cerca.active,
    .open .dropdown-toggle.btn-cerca {
        color: #dbf1a3;
        background-color: #ebebeb;
        border-color: #adea13;
    }

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

    .btn-cerca.disabled,
    .btn-cerca[disabled],
    fieldset[disabled] .btn-cerca,
    .btn-cerca.disabled:hover,
    .btn-cerca[disabled]:hover,
    fieldset[disabled] .btn-cerca:hover,
    .btn-cerca.disabled:focus,
    .btn-cerca[disabled]:focus,
    fieldset[disabled] .btn-cerca:focus,
    .btn-cerca.disabled:active,
    .btn-cerca[disabled]:active,
    fieldset[disabled] .btn-cerca:active,
    .btn-cerca.disabled.active,
    .btn-cerca[disabled].active,
    fieldset[disabled] .btn-cerca.active {
        background-color: #ffffff;
        border-color: #cccccc;
    }

    .btn-cerca .badge {
        color: #ffffff;
        background-color: #fff;
    }
/* FINE Classe per bottone, da abbinare a btn*/

/*Finestra modale promozioni*/

.modal-promo {
    margin: 15px;
    border: 1px solid #0f9505;
    padding: 5px;
    vertical-align: top;
}
/* FINE Finestra modale promozioni*/
.modal-warning {
    margin: 15px;
    border: 1px solid #f00;
    padding: 5px;
    vertical-align: top;
}

.box-title-warning {
    max-width: 100%;
    background-color: #f00;
    /*background-image: linear-gradient(to top, #7cdd3c 0%, #0f9505 100%);*/
    padding: 2px;
    color: #fff;
    text-align: center;
}

.warning-description {
    text-align: justify;
    height: 150px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

.box-log {
    border: 2px solid #edc32f;
    margin: 1px;
    padding-right: 30px;
    padding-top: 10px;
    padding-left: 10px;
    vertical-align: top;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
/* LOADING */
.divLoading {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    padding: 10% 0 0;
    background: rgba(0,0,0,.6);
    font-size: 1px;
    text-align: center;
    color: #fff;
    display: none;
    /*border: 1px solid #f00;*/
}

    .divLoading:after {
        font-size: 1px;
        text-align: center;
        font-family: FontAwesome, Arial, Helvetica, sans-serif;
        -webkit-animation: pulse 1s infinite steps(8);
        animation: pulse 1s infinite steps(8);
        display: block;
    }

/* :not(:required) hides this rule from IE9 and below */
.plus-loader:not(:required) {
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin-top: 15%;
    margin-left: 45%;
    background-image: url('../images/loading.gif');
    background-repeat: no-repeat;
    /*border: 1px solid green;*/
}

.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: white; /* rgb(0,111,180); */
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
    color: rgb(0,111,180) !important;
}

.alert_content {
    display: none;
    position: absolute;
    top: 12%;
    left: 30%;
    width: 400px;
    height: 220px;
    padding: 16px;
    border: 1px solid rgb(0,111,180);
    background-color: white;
    z-index: 1002;
    overflow: auto;
    text-align: justify;
    color: rgb(0,111,180) !important;
}

.alert_close {
    position: absolute;
    top: 85%;
    left: 85%;
}

.alert_title {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 10px;
    padding: 16px;
    overflow: no-content;
    border: 1px solid rgb(0,111,180);
    background-color: white;
    z-index: 1002;
    overflow: auto;
    text-align: justify;
    color: rgb(0,111,180) !important;
}

h1.alert_title {
    color: rgb(0,111,180) !important;
}

h2.alert_content {
    color: rgb(0,111,180) !important;
}

/* The Modal (background) */
.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content2 {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 30%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 2em;
    font-weight: bold;
    /*background-color: red;*/
    height: 30px;
    padding-top: 0px;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

.title_subcription {
    color: rgb(0, 0, 0) !important;
    font-family: Verdana, Arial !important;
    text-align: start !important;
    font-size: 2em !important;
    line-height: 0em !important;
    max-width: 990%;
    min-height: 0px;
    /*background-color: rebeccapurple;*/
    padding: 10px;
    padding-bottom: 10px;
    text-align: left;
    border-bottom: 2px solid #0065a2;
    margin-top: 0px;
    margin-left: 1px;
    margin-right: 1px;
}

.text_subcription {
    color: rgb(0, 0, 0) !important;
    font-family: Verdana, Arial !important;
    text-align: start !important;
    font-size: 1.3em !important;
    max-width: 100%;
    min-height: 35px;
    padding: 2px;
    padding-bottom: 5px;
    text-align: left;
    border-bottom: 0px solid #0065a2;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

.email_subcription {
    color: rgb(0, 0, 0) !important;
    font-family: Verdana, Arial !important;
    text-align: start !important;
    font-size: 1.3em !important;
    max-width: 100%;
    min-height: 55px;
    padding: 2px;
    padding-bottom: 5px;
    text-align: left;
    border-bottom: 0px solid #0065a2;
    margin-left: 10px;
    margin-right: 10px;
}

.button_subcription {
    color: rgb(0, 0, 0) !important;
    font-family: Verdana, Arial !important;
    text-align: start !important;
    font-size: 1.3em !important;
    max-width: 100%;
    min-height: 35px;
    padding: 2px;
    padding-bottom: 5px;
    text-align: left;
    border-bottom: 0px solid #0065a2;
    margin-left: 10px;
    margin-right: 10px;
}