/* TABLES */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th,.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {/*border: 1px solid #aaa;*/vertical-align: middle; color:#50515f;background-color: #fff;font-size: 12px;}
.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th , .table>caption+thead>tr:first-child>th,  .table>colgroup+thead>tr:first-child>th,  .table>thead:first-child>tr:first-child>th{/*background-color:#eee;*/text-transform: uppercase;}
.table>tbody>tr.subtable-container-row>td{padding: 30px 54px 0;border-top:0;}
.table>tbody>tr.bg-warning>td{background-color: #ffe09a;}
.table>thead>tr>th { font-family: 'Open Sans', sans-serif; font-weight: 700; }
.no-sort::after { display: none!important; }
.no-sort { pointer-events: none!important; cursor: default!important; }

/* FORM */
.form-group { margin-bottom: 9px; position: relative; }
.form-group-inline { display: inline-block; vertical-align: middle; }
.form-group-width-sm { max-width: 200px }
.form-control{border-color: #fff; border-radius: 10px; -webkit-box-shadow: none; box-shadow: none;}
.form-control, input,select{font-size: 14px; height: auto;}
.select-container{position: relative; display:inline-block;border-radius: 10px;background-color: #fff;}
select,select.form-control{padding: 0 34px 0 12px; height: 34px;-webkit-appearance:none;position: relative;z-index: 1;background-color: transparent;}
.select-container::after {content:'';display:block; position:absolute; right:12px; top:12px; width: 0; height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 12px solid #50515f;z-index: 0;}
.input-group-addon{border-radius: 10px; border-color: #eee; background-color: #50515f; color: #fff;}
input[type=file] {font-size:12px;}
.smallselect{width: 80px; display: inline-block; margin-right: 10px; }
.changerev{color: #ff0000;}

/*  BT */
.form-btns { margin-top: 38px; }
.nav-tabs>li>a,.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{background-color: #5d6268; color: #fff; padding: 2px 9px; border-radius: 3px; text-decoration: none; text-shadow: none; box-shadow: none; font-size: 12px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,.btn-iob,.btn-iob:hover,.btn-iob:focus,.btn-iob:visited{background-color: #e03a3e; color: #fff;}
.btn{height:34px; line-height:34px; padding: 0 18px; border-radius: 10px;font-size: 12px;font-weight: 700;}
.btn,.btn:hover,.btn:focus,.btn:visited,.btn-success:focus, .btn-success:hover,.btn-warning:focus, .btn-warning:hover{border: none; text-decoration: none; text-shadow: none; box-shadow: none;background-position: 0 0px;color:#fff;background-color:#50515f; text-transform: uppercase; font-family: 'Open Sans', sans-serif;}
.btn-secondary,.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:visited{color:#81828d; background-color:#dedee1;}
.btn.btn-square,.btn.btn-square:focus,.btn.btn-square:focus{width: 34px; padding: 0; outline: 0;}
.btn-square .fa-circle-o-notch{font-size: 18px;}
.btn-xl{height:54px; line-height:54px; padding: 0 36px;font-size: 20px;}
.btn-pink, .btn-pink:hover, .btn-pink:active, .btn-pink:focus, .btn-pink:visited { background-color: #e60050; }
.btn-white, .btn-white:hover, .btn-white:active, .btn-white:focus, .btn-white:visited { color: #e60050; background-color: #fff; }

.vedi-ordini-piatti .fa-minus, .vedi-ordini-piatti .fa-circle-o-notch, .ordine-expanded .vedi-ordini-piatti .fa-plus, tr.loading .vedi-ordini-piatti .fa-plus {display: none}
.ordine-expanded .vedi-ordini-piatti .fa-minus, tr.loading .vedi-ordini-piatti .fa-circle-o-notch {display: block}

/* MIXED */
.bootstrap-datetimepicker-widget { font-family: 'Open Sans', sans-serif }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active { background-color: #e60050 }
.bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #e60050 }

.custom-table-filtrable .form-control {
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border: 1px solid #ccc;
}


.rfs-1 {
    font-size: 0.15rem;
  }
  
  .rfs-2 {
    font-size: 0.3rem;
  }
  
  .rfs-3 {
    font-size: 0.45rem;
  }
  
  .rfs-4 {
    font-size: 0.6rem;
  }
  
  .rfs-5 {
    font-size: 0.75rem;
  }
  
  .rfs-6 {
    font-size: 0.9rem;
  }
  
  .rfs-7 {
    font-size: 1.05rem;
  }
  
  .rfs-8 {
    font-size: 1.2rem;
  }
  
  .rfs-9 {
    font-size: 1.35rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-9 {
      font-size: calc(1.26rem + 0.12vw);
    }
  }
  
  .rfs-10 {
    font-size: 1.5rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-10 {
      font-size: calc(1.275rem + 0.3vw);
    }
  }
  
  .rfs-11 {
    font-size: 1.65rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-11 {
      font-size: calc(1.29rem + 0.48vw);
    }
  }
  
  .rfs-12 {
    font-size: 1.8rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-12 {
      font-size: calc(1.305rem + 0.66vw);
    }
  }
  
  .rfs-13 {
    font-size: 1.95rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-13 {
      font-size: calc(1.32rem + 0.84vw);
    }
  }
  
  .rfs-14 {
    font-size: 2.1rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-14 {
      font-size: calc(1.335rem + 1.02vw);
    }
  }
  
  .rfs-15 {
    font-size: 2.25rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-15 {
      font-size: calc(1.35rem + 1.2vw);
    }
  }
  
  .rfs-16 {
    font-size: 2.4rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-16 {
      font-size: calc(1.365rem + 1.38vw);
    }
  }
  
  .rfs-17 {
    font-size: 2.55rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-17 {
      font-size: calc(1.38rem + 1.56vw);
    }
  }
  
  .rfs-18 {
    font-size: 2.7rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-18 {
      font-size: calc(1.395rem + 1.74vw);
    }
  }
  
  .rfs-19 {
    font-size: 2.85rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-19 {
      font-size: calc(1.41rem + 1.92vw);
    }
  }
  
  .rfs-20 {
    font-size: 3rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-20 {
      font-size: calc(1.425rem + 2.1vw);
    }
  }
  
  .rfs-21 {
    font-size: 3.15rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-21 {
      font-size: calc(1.44rem + 2.28vw);
    }
  }
  
  .rfs-22 {
    font-size: 3.3rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-22 {
      font-size: calc(1.455rem + 2.46vw);
    }
  }
  
  .rfs-23 {
    font-size: 3.45rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-23 {
      font-size: calc(1.47rem + 2.64vw);
    }
  }
  
  .rfs-24 {
    font-size: 3.6rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-24 {
      font-size: calc(1.485rem + 2.82vw);
    }
  }
  
  .rfs-25 {
    font-size: 3.75rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-25 {
      font-size: calc(1.5rem + 3vw);
    }
  }
  
  .rfs-26 {
    font-size: 3.9rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-26 {
      font-size: calc(1.515rem + 3.18vw);
    }
  }
  
  .rfs-27 {
    font-size: 4.05rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-27 {
      font-size: calc(1.53rem + 3.36vw);
    }
  }
  
  .rfs-28 {
    font-size: 4.2rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-28 {
      font-size: calc(1.545rem + 3.54vw);
    }
  }
  
  .rfs-29 {
    font-size: 4.35rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-29 {
      font-size: calc(1.56rem + 3.72vw);
    }
  }
  
  .rfs-30 {
    font-size: 4.5rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-30 {
      font-size: calc(1.575rem + 3.9vw);
    }
  }
  
  .rfs-31 {
    font-size: 4.65rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-31 {
      font-size: calc(1.59rem + 4.08vw);
    }
  }
  
  .rfs-32 {
    font-size: 4.8rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-32 {
      font-size: calc(1.605rem + 4.26vw);
    }
  }
  
  .rfs-33 {
    font-size: 4.95rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-33 {
      font-size: calc(1.62rem + 4.44vw);
    }
  }
  
  .rfs-34 {
    font-size: 5.1rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-34 {
      font-size: calc(1.635rem + 4.62vw);
    }
  }
  
  .rfs-35 {
    font-size: 5.25rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-35 {
      font-size: calc(1.65rem + 4.8vw);
    }
  }
  
  .rfs-36 {
    font-size: 5.4rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-36 {
      font-size: calc(1.665rem + 4.98vw);
    }
  }
  
  .rfs-37 {
    font-size: 5.55rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-37 {
      font-size: calc(1.68rem + 5.16vw);
    }
  }
  
  .rfs-38 {
    font-size: 5.7rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-38 {
      font-size: calc(1.695rem + 5.34vw);
    }
  }
  
  .rfs-39 {
    font-size: 5.85rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-39 {
      font-size: calc(1.71rem + 5.52vw);
    }
  }
  
  .rfs-40 {
    font-size: 6rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-40 {
      font-size: calc(1.725rem + 5.7vw);
    }
  }
  
  .rfs-41 {
    font-size: 6.15rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-41 {
      font-size: calc(1.74rem + 5.88vw);
    }
  }
  
  .rfs-42 {
    font-size: 6.3rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-42 {
      font-size: calc(1.755rem + 6.06vw);
    }
  }
  
  .rfs-43 {
    font-size: 6.45rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-43 {
      font-size: calc(1.77rem + 6.24vw);
    }
  }
  
  .rfs-44 {
    font-size: 6.6rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-44 {
      font-size: calc(1.785rem + 6.42vw);
    }
  }
  
  .rfs-45 {
    font-size: 6.75rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-45 {
      font-size: calc(1.8rem + 6.6vw);
    }
  }
  
  .rfs-46 {
    font-size: 6.9rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-46 {
      font-size: calc(1.815rem + 6.78vw);
    }
  }
  
  .rfs-47 {
    font-size: 7.05rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-47 {
      font-size: calc(1.83rem + 6.96vw);
    }
  }
  
  .rfs-48 {
    font-size: 7.2rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-48 {
      font-size: calc(1.845rem + 7.14vw);
    }
  }
  
  .rfs-49 {
    font-size: 7.35rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-49 {
      font-size: calc(1.86rem + 7.32vw);
    }
  }
  
  .rfs-50 {
    font-size: 7.5rem;
  }
  
  @media (max-width: 1200px) {
    .rfs-50 {
      font-size: calc(1.875rem + 7.5vw);
    }
  }