.prenota-tavolo { position: relative; display: block; margin: 150px 0 0px 0; padding: 100px 40px 50px 40px; border: 1px solid #4d4d4d; min-height: 500px;  }
.pt-top { position: absolute; top: -60px; left: 50%; transform: translateX(-50%); width: auto; padding: 10px 20px; background-color: #fff; text-align: center; }
.pt-top h3 { color: #4d4d4d; font-size: 36px;  }
.pt-top h5 { color: #6e947c; font-size: 16px; }
.pt-top .pt-logo { }
.pt-body { margin: 20px 120px; }
.prenota-tavolo .form-row>.col, .prenota-tavolo .form-row>[class*=col-] { padding-right: 20px; padding-left: 20px; }


@media (max-width: 768px) {
.prenota-tavolo { padding: 50px 20px 30px 20px; margin-bottom: 40px; }
.pt-top { width:50%;}
.pt-body { margin: 20px 0px; }
}

@media (max-width: 667px) {
	.prenota-tavolo { padding: 50px 0px 50px 0px; margin-bottom: 80px; }
	.pt-top { width:90%;}
}

/*FORM*/
.myFormPrenota label { width: 100%; font-size: 12px; font-weight: 700; min-height: inherit; white-space: inherit !important;}
label.ellipses { white-space: nowrap; width: 100%; white-space: nowrap; /*overflow: hidden; */text-overflow: ellipsis;  }
.input-group-text {    border-radius: 0;	background-color: #fff;}
.custom-checkbox label small { font-size: 100%;}


/* MATERIALE DATEPICKER */ 
.dtp { /*overflow: scroll !important;*/ font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: rgba(255,255, 255,0.7); }
.dtp > .dtp-content { max-width: 380px !important; left: 50%; top: 50% !important; transform: translateX(-50%) translateY(-50%); margin-left: 0 !important; margin-top: 0 !important; box-shadow:none;border: 1px solid #ccc; }
.dtp > .dtp-content > .dtp-date-view > header.dtp-header { background-color: rgba(110,148,124,.9) !important; padding: 3px; }
.dtp .dtp-buttons { text-align:center;}
.dtp div.dtp-year { display: none !important; }
.dtp div.dtp-picker-month { font-weight: 300; font-size: 20px; padding-bottom: 10px !important }
.dtp div.dtp-actual-year { opacity: 0.6 !important; }
.dtp div.dtp-date, .dtp div.dtp-time { background: rgba(110,148,124, 1) !important; }
.dtp table.dtp-picker-days tr > td { font-weight: 500; font-size: 1em; text-align: center; padding: 0.5em 0.3em; }
.dtp table.dtp-picker-days tr > th { text-transform: capitalize !important; font-size: 20px; border-bottom: 0px solid #ccc; }
.dtp table.dtp-picker-days tr > td > a.selected { background-color: rgba(110,148,124,.9) !important; }
.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a { border-radius: inherit !important; }
.dtp table.dtp-picker-days tr > td > a:hover, .dtp .dtp-picker-time > a:hover { background-color: rgba(110,148,124,.4); color: #fff; }
.dtp .p10 > a { color: #fff !important; }
.dtp .p10 > a i { font-size: 24px; }
.dtp .p10 > a i.fa { font-weight: 300; }
.dtp-btn-ok { background-color: rgba(110,148,124,.9) !important; border: 1px solid rgba(110,148,124,.9) !important; color: #fff !important }
.dtp .dtp-close { top: 4px; right: 18px; }

@media only screen and (min-width: 5px) and (max-width: 375px) {
.dtp-content { top: inherit !important }
}

@media screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
.dtp-content {/* top: 0 !important; transform: none !important; max-width: 90% !important; margin: 0 auto !important; left: 0 !important;*/ }
.dtp div.dtp-date > div:first-child { }
.dtp div.dtp-date, .dtp div.dtp-time { padding: 0; }
.dtp div.dtp-actual-num { display: none; position: absolute; left: 56%; top: 44px; }
.dtp div.dtp-actual-month { display: none; }
.dtp div.dtp-picker-month { /*padding-bottom: 20px!important;*/ margin-top: -29px; }
.dtp div.dtp-picker { padding: 0em 0em 0 0em; }
}

@media screen and (max-width: 375px) {
.dtp-content { top: 50% !important; transform: translateY(-50%); }
}
.bootstrap-select >.dropdown-toggle { background-color: #fff !important; border: 1px solid #ccc; border-radius: 0; padding: 13px 12px; font-size: 14px; font-weight: 300; color: #999999; margin-bottom: 20px; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner { color: #5d5d5d; }
.bootstrap-select .dropdown-menu { border-radius: 0; top: -3px !important; }
.bootstrap-select .dropdown-menu li a { color: #5d5d5d; }
.bootstrap-select .dropdown-menu li a span.text { margin-right: 34px; font-size: 14px; }
.bootstrap-select .dropdown-menu .dropdown-item { padding: 5px 12px;font-weight:300; }
.bootstrap-select .dropdown-menu .dropdown-item.active, .bootstrap-select .dropdown-menu .dropdown-item:active { background-color: #6e947c !important; color: #fff; }

.informazioni-utili { position: relative; margin-top: -1px; margin-bottom: 100px; padding: 100px 0; text-align: center; z-index: 1}
.informazioni-utili:after {content: ''; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-color: #fff; text-align: center; filter: invert(18%) sepia(1%) saturate(419%) hue-rotate(-42deg) brightness(132%) contrast(88%); }
.informazioni-utili .top-design { position: absolute; top: -50px; left: 50%; transform: translateX(-50%);width: 290px; height: 50px; overflow: hidden; filter: invert(18%) sepia(1%) saturate(419%) hue-rotate(-42deg) brightness(132%) contrast(88%);}
.informazioni-utili .top-design img { -webkit-transition: all .2s ease; -moz-transition: all .62s ease; transition: all .2s ease; transition-delay: .0s; }

.icona-info {position: relative; text-align: center; font-size: 12px; margin: 0 40px 50px 40px;}
.icona-info img {}