* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    font-size: 14px;
}
header{
    color:#FFF;
}

#wrap {
    /*position: relative;*/
    /*min-height: 100%;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}

.wrap::after {
    content: "";
    display: block;
    height: 60px;
}

header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #076AD3;
}

.content {
    flex: 1;
    overflow: hidden;
    position: relative;
    margin-top: 3vh;
}
.section-margin{
    margin-top: 3vh;
}

footer {
    background-color: #CCCFD2;
    clear: both;
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    /*padding: 1rem;*/
    text-align: center;
    z-index: 10;
}

footer .container {
    padding: 10px 0 5px 0;
    font-size: 12px;
    color: #333;
}



#userMenu {
    padding: 30px 15px 0 0;
}

#userMenu i {
    margin-right: 5px;
}

nav.navMenuTop {
    background-color: #f5f5f5;
}

.settings-menu .nav.nav-pills li a {
    color: #3c4043d9;
    padding-right: 0;
    border-radius: 0 50px 50px 0;
}

.settings-menu .nav.nav-pills li a:hover {
    color: #1967d2;
    background-color: rgba(0, 0, 0, 0.039);
}

.nav.nav-pills,
.nav.nav-stacked {
}

.nav.nav-pills li,
.nav-stacked li {
    padding-top: 15px;
}

.nav.nav-pills li a,
.nav.nav-pills li a:visited,
.nav.nav-pills li a:active,
.nav-stacked li a,
.nav-stacked li a:visited,
.nav-stacked li a:active {
}

.nav.nav-pills li a:hover {
}

.nav-stacked li a:hover {
}

.nav.nav-pills li:last-child,
.nav-stacked li:last-child {
    margin-bottom: 30px;
}

.nav.nav-pills i,
.nav-stacked i {
    margin-right: 5px;
}


/*settings nav*/

.nav-tabs .nav-link {
    color: #495057;
}

.nav-tabs .nav-link.active {
    color: #007bff;
}


/*end settings tab*/

.nomp {
    margin: 0;
    padding: 0;
}

.page-break {
    display: block;
    width: 95%;
    height: 1px;
    border-bottom: 1px solid #bbb;
    margin: 3em auto;
}

.color0 {
    color: rgba(068, 102, 163, 1.00)
}

.color1 {
    color: rgba(243, 156, 053, 1.00)
}

.color2 {
    color: rgba(241, 076, 020, 1.00)
}

.color3 {
    color: rgba(117, 161, 172, 1.00)
}

.color4 {
    color: rgba(217, 113, 140, 1.00)
}

.color5 {
    color: rgba(016, 172, 132, 1.00)
}


.box-riquadri {
}

.box-riquadri .riquadro {
    text-align: left;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    padding: 1em;
    font-size: 1.5em;
}

.box-riquadri-pp,
.box-riquadri-pp .riquadro {
    color: #FFF;
    font-size: 1.1em;
    font-size: 100;
}

.box-riquadri-pp .riquadro {
    cursor: pointer;
    margin-bottom: 0.5em;
}

.riquadro-pp-busy-ext {
    opacity: 0.8 !important;
}

.riquadro-pp-busy {
    font-weight: bold;
}

.box-riquadri .riquadro span.numero,
.box-riquadri .riquadro i.numero {
    font-size: 2em;
    color: #259c2a;
    text-align: center;
}

.box-riquadri .riquadro i.numero {
    margin-right: 5px;
}



a.boxbtn_link:hover {
    opacity: 0.80;
    text-decoration: none;
}

.boxbtn {
    height: 200px;
    width: 200px;
    padding: 20px;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    font-size: 30px;
}

.boxbtn a,
.boxbtn a:hover,
.boxbtn a:active {
    color: #fff;
}

.boxbtn select {
    color: #333;
    font-size: 20px;
}

i.icona {
    padding-top: 30px;
    padding-bottom: 20px;
}


.piatto:nth-child(2n+1) {
    background-color: rgba(255, 255, 255, 0.8);
}

/*.piatto.colorBG0 {*/
/*    background-color: rgba(068, 102, 163, 1.00)*/
/*}*/

/*.piatto.colorBG1 {*/
/*    background-color: rgba(243, 156, 053, 1.00)*/
/*}*/

/*.piatto.colorBG2 {*/
/*    background-color: rgba(241, 076, 020, 1.00)*/
/*}*/

/*.piatto.colorBG3 {*/
/*    background-color: rgba(117, 161, 172, 1.00)*/
/*}*/

/*.piatto.colorBG4 {*/
/*    background-color: rgba(217, 113, 140, 1.00)*/
/*}*/

/*.piatto.colorBG5 {*/
/*    background-color: rgba(016, 172, 132, 1.00)*/
/*}*/
/*.piatto.colorBG6 {*/
/*    background-color: rgba(016, 172, 132, 0.8)*/
/*}*/
/*.piatto.colorBG7 {*/
/*    background-color: rgba(016, 172, 132, 0.8)*/
/*}*/


.badge {
    float: right;
}

.badge-normal {
    color: #212529;
    background-color: #fff;
}

input#coperti::-webkit-outer-spin-button,
input#coperti::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    display: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

.click_toggle i,
.click_toggle {
    cursor: pointer;
}

table tbody.table-sortable td:first-child:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0dc";
    margin-right: 5px;
    opacity: 0.85;
}

.mouse-pointer {
    cursor: pointer;
}


/*
[data-toggle="toggle"] {
	display: none;
}
*/

.table-arrow {
    background: transparent url(../images/arrows.png) no-repeat scroll 0px -16px;
    width: 16px;
    height: 16px;
    display: block;
}

.hide-table {
    display: none;
}

table tbody.table-no-border {
    border: none;
}

.tbody-striped > tbody.tbody-strip:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.groupper {
    margin-right: 0;
    margin-left: 0;
    background-color: #f8f8f8;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.groupper-titolo {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.groupper-body {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
    border-top: 1px solid #e7e7e7;
    border-width: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.modo_pioggia_attivo{
    border : 3px solid #FF0000;
    padding : 10px;
}

.section-margin{
    margin-top: 3vh;
}

#comOverlay{
    background:rgba(51, 51, 51, 0.2);
    position:absolute;
    display: block;
    z-index: 999;
}

/* START COLOR BACKGROUND*/

.colorBG0 {
    background-color: rgba(068, 102, 163, 1.00)
}

.colorBG1 {
    background-color: rgba(243, 156, 053, 1.00)
}

.colorBG2 {
    background-color: rgba(241, 076, 020, 1.00)
}

.colorBG3 {
    background-color: rgba(117, 161, 172, 1.00)
}

.colorBG4 {
    background-color: rgba(217, 113, 140, 1.00)
}

.colorBG5 {
    background-color: rgba(016, 172, 132, 1.00)
}

.colorBG6 {
    background-color: rgba(172, 16, 71, 1.00)
}

.colorBG7 {
    background-color: rgba(172, 169, 16, 1.00)
}

.colorBG8 {
    background-color: rgba(131, 153, 115, 1.00)
}
.colorBG9 {
    background-color: rgba(47, 145, 108, 1.00)
}
.colorBG10 {
    background-color: rgba(13,43,133, 1.00)
}
.colorBG11 {
    background-color: rgba(152,52,235, 1.00)
}
.colorBG12 {
    background-color: rgba(107, 221, 202, 1.00)
}
.colorBG13 {
    background-color: rgba(124, 214, 255, 1.00)
}
.colorBG14 {
    background-color: rgb(96, 205, 81, 1.00)
}
.colorBG15 {
    background-color: rgb(213, 23, 180, 1.00)
}
.colorBG16 {
    background-color: rgb(199, 223, 0, 1.00)
}
.colorBG17 {
    background-color: rgb(81, 205, 87, 1.00)
}
.colorBG18 {
    background-color: rgb(81, 205, 186, 1.00)
}
.colorBG19 {
    background-color: rgb(81, 116, 205, 1.00)
}
.colorBG20 {
    background-color: rgb(41, 74, 241, 1.00)
}

.piatto.colorBG0:nth-child(2n+1) {
    background-color: rgba(068, 102, 163, 0.8)
}

.piatto.colorBG1:nth-child(2n+1) {
    background-color: rgba(243, 156, 053, 0.8)
}

.piatto.colorBG2:nth-child(2n+1) {
    background-color: rgba(241, 076, 020, 0.8)
}

.piatto.colorBG3:nth-child(2n+1) {
    background-color: rgba(117, 161, 172, 0.8)
}

.piatto.colorBG4:nth-child(2n+1) {
    background-color: rgba(217, 113, 140, 0.8)
}

.piatto.colorBG5:nth-child(2n+1) {
    background-color: rgba(016, 172, 132, 0.8)
}
.piatto.colorBG6:nth-child(2n+1) {
    background-color: rgba(172, 16, 71, 0.8)
}
.piatto.colorBG7:nth-child(2n+1) {
    background-color: rgba(172, 169, 16, 0.8)
}
.piatto.colorBG8:nth-child(2n+1) {
    background-color: rgba(131, 153, 115, 0.8)
}
.piatto.colorBG9:nth-child(2n+1) {
    background-color: rgba(47, 145, 108, 0.8)
}
.piatto.colorBG10:nth-child(2n+1) {
    background-color: rgba(13,43,133, 0.8)
}
.piatto.colorBG11:nth-child(2n+1) {
    background-color: rgba(152,52,235, 0.8)
}
.piatto.colorBG12:nth-child(2n+1) {
    background-color: rgba(107, 221, 202, 0.8)
}
.piatto.colorBG13:nth-child(2n+1) {
    background-color: rgba(124, 214, 255, 0.8)
}
.piatto.colorBG14:nth-child(2n+1) {
    background-color: rgb(96, 205, 81, 0.8)
}
.piatto.colorBG15:nth-child(2n+1) {
    background-color: rgb(213, 23, 180, 0.80)
}
.piatto.colorBG16:nth-child(2n+1) {
    background-color: rgb(199, 223, 0, 0.8)
}
.piatto.colorBG17:nth-child(2n+1) {
    background-color: rgb(81, 205, 87, 0.8)
}
.piatto.colorBG18:nth-child(2n+1) {
    background-color: rgb(81, 205, 186, 0.8)
}
.piatto.colorBG19:nth-child(2n+1) {
    background-color: rgb(81, 116, 205, 0.8)
}
.piatto.colorBG20:nth-child(2n+1) {
    background-color: rgb(41, 74, 241, 0.8)
}

/* END COLOR BACKGROUND */