.hidden {
  display: none !important;
  visibility: hidden !important;
}
.contain-to-grid .top-bar{
  background: none;
  max-width:78em;
}
.navigation-section .row{
  margin:0 auto;
}
.ticketTableBody td{
  height:36px;
}
#ticketTable tfoot tr td{
  font-size: 1.5rem;
  font-weight:400;
}
#dimmer {
  background: none repeat scroll 0 0 #000000;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.75;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}
.popover{
  position:absolute;
  z-index:1010;
  top:48px;
  padding:0.35em;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  width:100%;
}


#popoverPay button, #popoverPay .button{
  margin:0;
}
#popoverPay span{
  font-size:1.5em;
  line-height:1.8em;
}

#popoverVoid button, #popoverVoid .button{
  margin:0;
}
#popoverVoid span{
  font-size:1.5em;
  line-height:1.8em;
}
#popoverVoid textarea{
  height:5em;
}


.customerSearchResult table, .serviceSearchResult table{
  border:none;
  width:100%;
}
.customerSeachResult table thead tr, .serviceSearchResult table thead tr{
  font-weight:700;
}
.searchResult table{
  border:none;
  width:100%;
}
.seachResult table thead tr{
  font-weight:700;
}
.cleaningItems{
  height: 100px;
  margin-bottom: 4px;
  margin-right: 4px;
  width: 90px;
  vertical-align:middle;
  padding:0;
}
.cleaningItems .serviceName{
  /*height:56px;*/
  /*line-height:46px;*/
}
.cleaningItems .servicePrice{
  position:absolute;
  right:5px;
  bottom:0;
  font-size:0.8em;
}
.cleaningItems.mix{
  display:none;
}
.Info{

}
.Info span{
  /*display:inline-block;*/
  display: block;
}
.Info p{
  margin-bottom:0.5rem;
}
.Info span.title{
  text-align: right;
  padding-right: 0rem;
}
.Info span.info{
  padding-left: 0.95rem;
  padding-right: 1rem;
  border-left: 1px solid #CCC;
}
.Info .info p{
  font-weight:600;
}
.Info span.print{
  float: right;
  margin-right: 1em;
}
.ticket-info{

}
.row .ticket-info--heading{
  margin-bottom: 1.5rem;
}
.ticket-info__label{
  font-size: 1rem;
  line-height: 2rem;
  border-right: 3px solid #ff0000;
  padding-right: 1rem;
  display: inline-block;
  vertical-align: middle;
  width: 170px;
}
.ticket-info__label--big{
  font-size: 1.6rem;
}
.ticket-info__data{
  font-size: 1rem;
  padding-left: 1rem;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
  width: 170px;
}
.ticket-info__data--big{
  font-size: 1.6rem;
}
.ticket-info__data--buttons{
  width: auto;
}
@media only screen and (max-width: 64.063em) {
  .ticket-info__label{
    font-size: 0.875rem;
    width: 50%;
  }
  .ticket-info__label--big{
    font-size: 1.25rem;
  }
  .ticket-info__data{
    font-size: 0.875rem;
    width: 48%;
  }
  .ticket-info__data--big{
    font-size: 1.25rem;
  }
}
div.ui-tooltip {
  min-width: 500px;
}
.reportColorBlue{
  background: #99ccff !important;
}
.reportColorYellow{
  background: #ffff99 !important;
}
.reportColorRed{
  background: #ff7878 !important;
}
.reportColorGreen{
  background: #71EB77 !important;
}
.ui-datepicker-trigger{
  background: none;
  padding: 0;
  width: 100%;
  height: 100%;
}
.ui-datepicker-trigger:hover{
  background: none;
}
#addCustomer{
  background: #2BA6CB;
  color: #fff;
  cursor: pointer;
  transition: background-color 300ms ease-out 0s;
}
#addCustomer:hover{
  background: #2285A2;
}
.button.companiesSelect{
  font-size: 1.3rem;
}
.companiesSelect{
  height: 80px;
  width: 100%;
  display:table;
  background-color: #2ba6cb;
  margin-bottom: 8px;
  color: #fff;
  font-weight: 600;
}
.companiesSelect .item{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.showMoney{
  opacity: 0.2;
  -webkit-transition: all 0.3s ease; 
  transition: all 0.3s ease; 
}
.showMoney:hover{
  opacity: 1;
}
.accordion {
  *zoom: 1;
  margin-bottom: 0; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
    .accordion:after {
      clear: both; }
      .accordion  dd > .hasContent:after{
        font-family: FontAwesome;
        content: "\f078";
        float: right; }
        .accordion  dd.active >.hasContent:after{
          font-family: FontAwesome;
          content: "\f077";
          float: right; }
          .accordion dd {
            display: block;
            margin-bottom: 0 !important; }
            .accordion dd.active a {
              background: #3a3a3a;
            /*border-bottom: 1px solid #323a4a;*/}
            .accordion dd > a {
              background: #333333;
              color: #fff;
              /*border-bottom: 1px solid #252b38;*/
              box-shadow: 0 1px 0 #404040 inset, 0 -1px 0 #262626 inset;
              padding: 1rem;
              display: block;
              font-family: "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
              font-size: 1rem; }
              .accordion dd > a:hover {
                background: #3a3a3a; }
                .accordion .content a{
                  padding-left: 2rem; }
                  .accordion .content .content a{
                    padding-left: 4rem; }
                    .accordion a{
                      background: #333333;
                      color: #fff;
                      /*border-bottom: 1px solid #252b38;*/
                      box-shadow: 0 1px 0 #404040 inset, 0 -1px 0 #262626 inset;
                      padding: 1rem;
                      display: block;
                      font-family: "Open Sans", "Helvetica", Helvetica, Arial, sans-serif;
                      font-size: 1rem; }
                      .accordion a:hover{
                        background: #3a3a3a; }
                        .accordion .content {
                          display: none;
                          padding: 0; }
                          .accordion .content.active {
                            display: block;
                            background: white; }
                            /* Attach elements to the beginning or end of an info span */

                            .infoPrefix,
                            .infoPostfix {
                              display: block;
                              position: relative;
                              z-index: 2;
                              text-align: center;
                              width: 100%;
                              padding:0;
                              border-style: solid;
                              border-width: 1px;
                              overflow: hidden;
                              font-size: 1.2rem;
                              font-weight: 400;
                              height: 2.4rem;
                              line-height: 2.4rem; }