/*html * {
    font-family: 'Catamaran', sans-serif;
}*/

.background-app {
        background:url('../img/sfondo.jpg') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
}

.logo-app {
    position:absolute;
    top:5px;
    width:70%;
    left:15%;
    right:15%;
}    

.platform-ios .logo-app {
    position:absolute;
    top:15px;
    width:70%;
    left:15%;
    right:15%;
}

.home-ricerca{
    position:absolute;
    top:50vh;
    left:2%;
    right:2%;
    border-radius:5px;
}

.home-title{
    position:absolute;
    top:40vh;
    width:100%;
    text-align:center;
    color:#fff;
    font-size:18px!important;
    font-weight:bold;
}

.accordition-group {
    background-color:#ffcd03!important;
    font-weight: bold!important;
    font-size:17px!important;
    color:#000!important;
    padding-top: 14px!important;
    padding-bottom: 14px!important;
    min-height: 50px!important;
    margin-bottom:4px!important;
}

.accordition-item{
    font-weight: normal!important;
    font-size: 16px!important;
    color: #000;
    border: 1px solid #f2f2f2!important;
    /*transition: 0.03s all linear;*/
}

.accordition-icon{
    float:right!important;
}


/* Empty. Add your own CSS if you like */
.login-display {
    text-align:center;
    font-size:30px!important;
    border:none!important; 
    border-bottom:1px solid #f2f2f2 !important;
    background-color:transparent!important;
    padding-bottom:20px;
    color:#2e6831;
    font-weight:bold;
}

.login-key {
    padding-top:18px!important;
    padding-bottom:26px!important;
    text-align:center;
    vertical-align:bottom!important;
    font-size:36px!important;
    border-bottom:1px solid #f2f2f2;
}

.login-key-ok {
    line-height: 0!important;
    color:green;
    padding-top:10px!important;
    padding-bottom:10px!important
}

.login-key-cancel {
    line-height: 0!important;
    color:#da2128;
    padding-top:10px!important;
    padding-bottom:10px!important
}

.content-icon-tavoli {
    float:left;
    width:33.33%;
    text-align:center;
    margin-top:10px;
    font-weight:bold;
}

.icon-tavolo-circle {
    width: 64px;
    height: 64px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.42;
    border:none;
    border-radius: 32px;
    margin-bottom:10px!important;
}

.icon-color-libero {
    background-color:green!important;
}

.icon-color-occupato {
    background-color:#da2128!important;
}

.icon-color-prenotato {
    background-color:#ffcd03!important;
}

.icon-color-conto {
    background-color:blue!important;
}

.icon-color-preconto {
    background-color:purple!important;
}

.icon-toolbar {
    color:#c11929!important;
}

.icon-error {
    font-size:120px;
    text-align:center;
    color:#f2f2f2;
    margin:15px;
}

.menu-articoli {
    background-color:#ffffff!important;
    font-weight: bold!important;
    font-size:16px!important;
    color:#000!important;
    padding-top: 18px!important;
    padding-bottom: 18px!important;
    min-height: 40px!important;
    margin-bottom:1px!important;
}

.menu-articoli-title {
    background-color:#eee!important;
    font-weight: bold!important;
    font-size:20px!important;
    color:#da2028!important;
    padding: 11px!important;
    text-align:center!important;
    top:88px!important;
}

.platform-ios .menu-articoli-title {
    background-color:#eee!important;
    font-weight: bold!important;
    font-size:20px!important;
    color:#da2028!important;
    padding: 11px!important;
    text-align:center!important;
    top:108px!important;
}

.has-two {
    top:138px!important
}


.platform-ios .has-two {
    top:158px!important
}

.button-invia-ordine {
    color:#ffdb4c!important;
}

.label-versione-demo {
    text-align:center!important;
    font-weight: bold!important;
    margin-top:20px;
    font-size:14px;
}

.label-title{
    font-weight: bold!important;
    text-align:center!important;
}

.label-totale-ordine {
    font-weight: bold!important;
    font-size:16px!important;
    text-align:right!important;
    padding-right:10px!important;
    color:green!important;
}

.label-bold {
    font-weight: bold!important;
    width:100%!important;
}

.label-error {
    margin-top:40px;
    font-size:14px;
    text-align:center;
    font-weight: bold;
    color:#da2128;
    text-transform:uppercase;
}

.input-password {
    font-size:20px!important;
    text-align:center!important;
    font-weight: bold!important;
}

.txt-search {
    padding: 10px!important;
    height: 33px!important;
    border-top: 1px solid #efefef;
}

.btn-clear {
    height:24px!important;
    font-size:12px!important;
}

.btn-close {
    background-color:transparent!important;
    color:white!important;
}

.btn-standard {
    background-color:#fcaf16!important;
    margin:0px!important;
}

.btn-quantita {
    font-weight: bold;
    border: none!important;
    min-width: 25px!important;
    min-height: 25px!important;
    text-align:center!important;
    padding-top:12px!important;
}

.btn-footer-conferma {
    width:100%!important;
    margin:5px!important;
    background-color: #33cd5f!important;
    color: #fff!important;
    border-radius: 0px!important;
}

.m-top {
    margin-top:11px!important;
}

.col-sala {
    font-weight: bold;
    font-size:20px;
    background-color:gold;
    text-align:center;
}

.col-user{
    font-weight: bold;
}

.col-center{
    text-align:center;
}

.grid_alternate_color {
    background-color:whitesmoke!important;
}

.grid_border_color {
    border-color:#f2f2f2;
}

.grid_row_header {
    border-bottom:1px solid #f2f2f2;
    margin-bottom:8px;
}

.grid_row_quantita {
    text-align:center;
}

.grid_row_prezzo {
    font-size:14px!important;
    font-weight: bold;
    text-align:right;
    color:green;
}

.grid_row_prezzo_articoli {
    font-size:14px!important;
    font-weight: bold;
    text-align:center;
    color:green;
}

.grid_row_ordine {
    height:44px!important;
    padding:2px!important;
}


.grid_row_total {
    background-color:whitesmoke;
    text-align:right;
    font-weight: bold;
    border-bottom:1px solid #f2f2f2;
    margin-bottom:4px;
}

.grid_button_edit {
    background-color:#ffd117;
    text-align:right;
    color:#000;
}

.grid_button_delete {
    background-color:#f2f2f2;
    text-align:right;
    color:#c2342e;
}

.select-full-width {
    width: 100%!important;
    background-color: #fff;
    border: solid;
    padding: 5px 2px 5px 5px!important;
    font-weight: bold;
    /* text-transform: uppercase; */
    text-align: center!important;
    border-width: 1px;
    border: 1px solid #f2f2f2 !important;
    /*margin-top: 10px;*/
}

.header-button {
   display: inline-block;
    width: 100%;
    height: 200px;
    background-color:lightyellow;   
    vertical-align:top;
}

.list-group-turno {
    background-color:#ffcd03!important;
    text-align:center!important;
    font-weight: bold!important;
    font-size:14px!important;
    color:#000!important;
    height:24px!important;
    padding:2px!important
}

.cart-count {
position: fixed;
top: 4px;
margin-left: -17px;
padding-top: 1px;
height: 17px;
width: 18px;
border-radius: 50%;
background-color: #ffd119;
color: #000;
/*font-weight: bold;*/
text-align: center;
vertical-align: middle;
}

.bar-backcolor-header{
    background-color:#c11929;
}

.item.activated {
    background-color: #ffcd03!important ;
}

.icon-item-value {
    /*font-weight:bold;*/
    text-align:center;
    margin:0px!important;
    padding:0px!important;
    padding-top:10px!important;
    background-color: #fff!important ;
    min-width:20px!important;
}

.icon-delete-value {
    /*font-weight:bold;*/
    text-align:left;
    margin:0px!important;
    padding:0px!important;
    padding-top:6px!important;
    background-color: #fff!important ;
    min-width:20px!important;
    font-size:16px!important;
}

.icon-item-edit {
    color:blue;
}

.icon-item-add {
    color:green;
    font-size: 22px;
}

.icon-item-remove {
    color:red;
}

.icon-item-remove-varianti {
    color:red;
    padding:0px!important;
    margin:0px!important;
    height:30px!important;
}

.row-padding-mini {
    padding-left:10px!important;
    padding-right:10px!important;
}

.row-title {
 /*padding-top: 10px!important;
    padding-left: 10px!important;
    padding-right: 10px!important;*/
    font-size: 13px!important;
    /*font-weight: bold!important;*/
}

.row-title-messaggi {
    padding-top:10px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    font-size:17px!important;
    color:#131fa3;
    text-align:center; 
}

.row-menu {
    padding-top:3px!important;
    padding-left:30px!important;
    padding-right:10px!important;
    font-size:16px!important;
}

.row-prezzo {
    font-size: 14px!important;
    font-weight: bold!important;
    text-align: right!important;
    /*color: #0068AA!important;*/
    color:#168029 !important;
}

.row-punti-scarico {
    font-size: 12px!important;
    font-weight: bold!important;
    text-align: right!important;
    color: red!important;
}

.cell-ordine {
    background-color:#fff!important;
    padding:0px !important;
    margin:0px!important;
    min-width:32px!important;
    min-height:32px!important;
}

.line-separator {
    border: 0; 
    height: 1px;
    background: #f2f2f2;
    margin-top: 7px;
    margin-bottom: 10px;
}

.line-separator-category {
    border: 0; 
    height: 1px; 
    background: #989090;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.menu_day {
    border: 0px!important;
    background-color: transparent!important;
    padding-left:40px!important
}

.checkbox {
    padding-left:0px!important
}

.no_padding{
padding:0px!important;
}

.position-right{
   float:right;
   margin:15px;
}

.format-list-height {
    padding: 0px;
    min-height:45px!important
}

.format-list-text{
padding-top:12px;
}

.tavoli-bottom {
    clear: both;
    height:20px;
}


.div-invia-ordine {
    position: absolute!important;
    width:100%!important;
     bottom: -4px!important;
     text-align:center;
     z-index: 9999!important;
}

.icon-invia-ordine {
    width: 64px!important;
    height: 64px!important;
    text-align: center;
    padding: 22px 0!important;
    font-size: 15px!important;
    font-weight:bold!important;
    line-height: 1.42!important;
    border:solid!important;
    border-radius: 32px!important;
    margin-bottom: 10px!important;
    background-color: orange;
    color: #000;
}

.search-content-backcolor {
    background-color:#ddd!important;
}

.search-restaurant {
    background-color:white;
    margin:10px;
    padding:10px;
    border-radius: 5px;
    font-size:14px;
}

.search-orders {
    background-color:white;
    margin:10px;
    padding:0px;
    border-radius: 5px;
    font-size:14px;
}

.search-restaurant-separator {
    height:10px;
}

.search-restaurant-img {
    width:100%;
    height:140px;
    object-fit:cover;
}

.search-restaurant-title {
    font-family:Raleway_Bold!important;
    font-size: 20px;
    margin-top: 5px;
    color:#0068AA;
}

.item-restaurant-title {
    font-family:Raleway_Bold;
    font-size: 22px;
    margin-bottom:4px;
}

.item-restaurant-header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color:black;
    opacity:0.7;
    color:white; 
    width:100%;
    padding:10px;
    height:40px;
    font-size:24px!important;
}

.item-restaurant {
    position: absolute; 
    top:200px;
    border-radius: 5px;
    font-size:14px;
    font-family:Raleway;
    width:100%;
}

.item-restaurant-fidelity {
    position: absolute; 
    border-radius: 5px;
    font-size:14px;
    font-family:Raleway;
    width:100%;
}

.item-restaurant-order {
    position: absolute; 
    top:0px;
    border-radius: 5px;
    font-size:14px;
    font-family:Raleway;
    width:100%;
}

.item-restaurant-menu {
    background-color:white;
    margin:0px;
    padding:12px 12px 0px 12px;
    border-radius: 0px;
    font-size:14px;
    font-family:Raleway;
}

.item-restaurant-menu-top {
    background-color:white;
    margin:0px 10px 10px 10px ;
    padding:10px;
    border-radius: 5px;
    font-size:14px;
    font-family:Raleway;
}

.item-restaurant-menu-title {
    font-family: TradeGothic!important;
    /*font-weight: bold;*/
    text-align: center;
    font-size: 25px;
    color: #0068AA;
}

.item-restaurant-subtitle {
    font-family: Raleway_Bold!important;
    font-weight:bold;
    text-align:center;
    font-size: 20px;
    color: #0068AA;
    padding:6px;
}

.item-button {
    padding-left:10px;
    padding-right:10px;
}

.btn-prenota {
    font-family:Raleway_Bold!important;
    font-weight:bold!important;
    /*color:#000!important;*/
    font-size: 18px!important;
    min-height:55px!important;
}

.btn-item-prenota {
    font-family:Raleway_Bold!important;
    font-weight:bold!important;
    color:#000!important;
    font-size: 18px!important;
    min-height:55px!important;
    width:49%;
}

.item-restaurant-img {
    width:100%;
    height:240px;
    object-fit:cover;
}

.item-restaurant-img-contact {
width: 100%;
}

.item-restaurant-img-footer {
background: url(../img/onde.png) center;
}

.item-restaurant-img-news {
    width:100%;
    height:200px;
    object-fit:cover;
}

.item-restaurant-img-home {
    width:100%;
    height:140px;
    object-fit:cover;
}

.img_chef {
    display: block;
    margin: auto;
    width: 60px;
}

.btn-circle-right {
    margin-top: -20px;
    position: fixed;
    z-index: 999999;
    background-color: #b60501;
    color: #fff;
    right: 10px;
    border-radius: 50%;
    border: 0px;
    height: 50px;
    width: 50px;
    padding: 0px;
}

.col-center {
    text-align:center!important;
}

.language-select {
    opacity:1;
}
.language-no-select {
    opacity:0.5;
}

.item-top{
 top: 82px!important;
}

.platform-ios .item-top{
top: 112px!important;
}

.booking-img {
    width:100%;
    height:175px;
    object-fit:cover;
}

.home-img {
    width: 100%;
    height: 210px;
    object-fit: cover;
}

.restourant-booking{
    text-align:center;
    color:#fff;
    font-size:25px!important;
    font-weight:bold;
}

.item-setting {
    margin:0px!important;
    padding:12px!important;
    border-top:none!important;
}

.item-booking {
    position: absolute; 
    top:160px;
    border-radius: 5px;
    font-size:14px;
    font-family:Raleway;
    width:100%;
    padding-bottom: 30px;
}

.person-booking{
    border:none!important;
}

.color-icon{
   color:#005c8d;
}

.input-prenotazine{
    font-family:Raleway;
   font-size:22px!important;
   background-color:#fff!important;
   color:#0068AA!important;
   width:100%!important;
   text-align:center!important;
   margin:6px!important;
   width:100%;
}

.input-restaurant {
    padding: 10px!important;
    height: 36px!important;
    margin: 10px!important;
    border-radius: 5px!important;
    border:none!important;
}

.prenotazione-footer {
    background-color: #ddd!important;
    border: none!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    height:72px!important;
}

.data_empty {
   font-family:Raleway;
   font-size:18px!important;
   text-align:center!important;
   margin:5px!important;
    padding:5px!important;
}

.footer-privacy {
    font-family:Raleway;
    font-size:10px!important;
    text-align:center;
    width:100%;
    position: absolute;
    bottom: 2px;
}

.back-yellow {
    background-color:#00BCD4!important;
}
.ionic_datepicker_modal .header, .ionic_datepicker_modal .footer {
    background-color: #b60501!important;
}

.ionic_datepicker_modal .selected_date {
    background-color: #b60501!important;
    color: #fff;
    font-weight: bold;
}

.ionic_datepicker_modal .today {
    border: 1px solid #ccc!important;
}

.ionic_datepicker_modal .month_select, .ionic_datepicker_modal .year_select {
    border: none;
    border-bottom: 1px solid #b60501!important;
    padding: 0;
}

.ionic_datepicker_modal .month_select:after, .ionic_datepicker_modal .year_select:after {
    right: 5px;
    color: #b60501!important;
}

.ionic_datepicker_modal .button-clear {
    color: #b60501!important;
}

.ionic_datepicker_modal .footer .button {
    color: #ffffff!important;
}


.ionic_datepicker_popup .popup-body .selected_date_full {
    background-color: #0068aa!important;
    margin: -10px -10px 0 -10px;
    height: 45px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    line-height: 45px;
    font-size: 18px;
}

.ionic_datepicker_popup .popup-buttons button {
    background-color: #0068aa!important;
    border-radius: 0;
    margin-right: 1px;
    color: #ffffff;
}

.ionic_datepicker_popup .selected_date {
    background-color: #0068aa!important;
    color: #fff;
    font-weight: bold;
}

.ionic_datepicker_popup .today {
    border: 1px solid #ccc!important;
}

.ionic_datepicker_popup .month_select, .ionic_datepicker_popup .year_select {
    border: none;
    border-bottom: 1px solid #0068aa!important;
    padding: 0;
}

.ionic_datepicker_popup .month_select:after, .ionic_datepicker_popup .year_select:after {
    right: 5px;
    color: #0068aa!important;
}

.ionic_datepicker_popup .button-clear {
    color: #0068aa!important;
}

.ionic_datepicker_popup .footer .button {
    color: #ffffff!important;
}




.ionic_timepicker_popup .heading {
    background-color: #0068aa!important;
}
.ionic_timepicker_popup .button_set, .ionic_timepicker_popup .button_close {
    background-color: #0068aa!important;
}

 .message-required{
    font-family: Raleway !important;
    font-size: 13px;
    color: maroon;
    font-weight: bold;
}

 .height-botton {
    height: 62px!important;
    margin-top: 5px!important;
 }

.format-text-a {
    color: #D21E13;
    font-size: 15px;
    font-weight: bolder;
}
                                          
.color-yellow{
color:#c1ae00!important;
}

.color-green{
 color:green!important;
}

.color-blue{
 color:darkblue!important;
}

.color-red{
  color:#d31e13!important;
}             

.button-share-item{
    float: right!important;
    font-size: 21px!important;
    margin-top: -13px!important;
}

.title-total-format{
font-size:14px!important;
}

.row-prezzo-totale {
    font-size: 25px!important;
    font-weight: bold!important;
    color: green!important;
    padding-top: 26px!important;
}

.input-ordine{
    font-family: Raleway;
    font-size: 21px!important;
    background-color: #fff!important;
    color: #b60501!important;
    width: 100%!important;
    text-align: center!important;
    margin: 2px 6px 6px 6px!important;
    width: 100%;

}

.item-order-title {
    font-family: Raleway_Bold;
    font-size: 20px;
    margin-bottom: 4px;
}

.button.button-assertive {
    border-color: transparent!important;
    background-color: #b60501!important;
    color: #fff!important;
}

.format-close {
    border-color: transparent!important;
    background-color: gainsboro;
    position: relative!important;
    display: inline-block!important;
    margin: 0!important;
    padding: 0 12px!important;
    min-width: 45px!important;
    min-height: 43px!important;
    border-width: 1px!important;
    border-style: solid!important;
    border-radius: 27px!important;
    vertical-align: top!important;
    text-align: center!important;
    text-overflow: ellipsis!important;
    font-size: 23px!important;
    line-height: 41px!important;
    cursor: pointer!important;
    margin-top: 5px!important;
    margin-right: 6px!important;
    color: #393939;
}

.captionbox {
    /*float: left;*/
    margin: 0;
    padding: 0;
    font-size: 13px;
    position: relative;
    overflow: hidden;
    margin-top: 0px;
    background-color: #2a323d;
}

.captionbox img {
margin: 0;
padding: 0;
/*float: left;*/
border: 0px;
text-align:center;
/*width: 100%;*/
}

.captionbox span {
position: absolute;
left: 0;
bottom: 0;
background: #ededed;
background: rgba(0,0,0,0.3);
color: #fff;
margin: 0px;
padding: 8px;
width: 100%;
text-align: left;
font-size: 14px;
}

.captionbox span p {
font-size: 14px;
color: #fff!important;
display: block;
text-align: right;
margin: 0px;
top: -76px!important;
position: absolute;
padding: 6px;
background-color: #2070b8;
font-family: LatoRegular;
right: 10px;
}

.captionbox span b {
font-size: 14px;
color: #fff;
display: block;
text-align: left;
margin: 0px;
}

.captionbox span strong {
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
display: block;
color: #fff;
 padding-bottom: 5px;
 text-align: left;
}

.subdued {
    color: gray;
    font-size: 13px;
}

.div-date-main {
    float:left ;
    color: maroon!important;
    white-space:nowrap!important; 
}


.item-news-title {
    font-family:Raleway_Bold!important;
    font-size: 25px;
    margin-bottom:15px;
    line-height: 30px;
    color: #0068AA;
}

.item-news-testo {
    font-family: Raleway_Bold!important;
    line-height: 28px;
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: normal!important;
    color: #0068AA;
}

.item-news-data {
    font-family: Raleway_Bold!important;
    font-size: 14px;
    color: #0068AA;
    font-weight: bold;
}

.format-name-restaurant{
    margin-top:7px;
    margin-bottom:0px;
    color: #fff;
}

.title-image {
    margin-top: 1px;
    height: 38px;
}

.title-image-home {
    margin-top: 2px;
    height: 77px;
}

.icon-home-circle {
    width: 64px;
    height: 64px;
    text-align: center;
    padding: 6px 0;
    line-height: 1.42;
    border: none;
    border-radius: 32px!important;
    margin-bottom: 15px!important;
    margin-top: 15px!important;
    background-color: #0068AA!important;
    color: #fff!important;
    font-size: 39px;
}

.titolare-fidelity{
    font-size:22px;
    color:#0068AA;
}

.table-menu{
    font-size: 15px;
    padding: 0px;
    text-align: left;
}

.accordition-item-group {
    font-weight: normal!important;
    font-size: 16px!important;
    color: #000!important;
    border: 0px!important;
    text-align:center!important;
}

.style-text-home{
    font-family: TradeGothic!important;
    color: #0068AA;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
} 

/* IONIC SCROLL HORIZONTAL */
.wide-as-needed {
  /*overflow: scroll;*/
  white-space: nowrap;
}

.scroll { 
  min-width: 100%;
}

.scroll-category {
  margin-top: 0px;
  background: #ffffff;
  border-bottom: 0px solid #ece7e7;
  overflow-x:scroll;
}

.category-select {
/*border-bottom: 3px solid #da2128 !important;*/
color: #000000 !important;
/*background: #ffffff !important;*/
padding: 18px;
}

.category {
    color: #7e7e7e;
    font-size: 16px;
    font-weight: bolder;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0px;
    display: inline-block;
    min-width:150px;
    text-align: center;
    border: 1px solid #d2d2d2;
}

.persons {
    color: #7e7e7e;
    font-size: 16px;
    font-weight: bolder;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0px;
    display: inline-block;
    min-width: 4.00rem;
    text-align: center;
    border: 1px solid #d2d2d2;
    padding: 1rem 0;
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 69px;
    max-width: 69px;
}

.times {
    color: #7e7e7e;
    font-size: 18px;
    font-weight: bolder;
    text-decoration: none;
    text-transform: capitalize;
    /*padding: 0px;*/
    display: inline-block;
    /*min-width: 4.00rem;*/
    text-align: center;
    border: 1px solid #d2d2d2;
    padding: 6px;
    margin-right: 10px;
    margin-bottom: 10px;
    /*min-width: 178px;
    max-width: 178px;*/
}

/*298ed8*/
.btnPayPal {
background: #005ea6;
color: #fff;
font-size: 17px;
border: 0;
border-radius: 2px;
padding: 6px 17px;
box-shadow: 5px 5px #dedede;
cursor: pointer;
margin-top: 10px;
margin-bottom: 10px;
}

.btnPayPal:active,.btnPayPal:focus {
  box-shadow: none;
  outline: none;
}

.format-text-card{
    font-size: 16px;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.cerchio {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background: #c51f1f;
    margin: auto;
}

.cerchio_chrismas {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background: #5d74d8;
    margin: auto;
}

.cerchio_closelist {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    background: #000000;
    margin: auto;


}

.dropbtn {
    background-color: #f3e4c8;
    color: white;
    font-size: 17px;
    border-radius: 20px;
    border: 0;
    width: 32px;
    height: 32px;
}

.dropdown {
    position: absolute;
    display: inline-block;
    top: 12px;
    right: 48px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0px;
    top: 35px;
    border-radius: 10px;
}

    .dropdown-content a {
        color: black;
        padding: 5px 0px 4px 8px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #ddd;
            border-radius: 10px;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #ddd;
}