body {
  overflow: auto;
}
.page-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: start;
  min-height: 100vh;
}

footer {
  margin-top: auto;
}

section#content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.form-group.password-input {
  display: flex;
  align-items: center;
  position: relative;
}
.field-icon {
  position: absolute;
  right: 5px;
  font-size: 16px;
  color: gray;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .row.child-count>.col-sm-2:nth-child(4),
  .row.child-count>.col-sm-2:nth-child(5),
  .row.child-count>.col-sm-2:nth-child(6)
  {
    margin-top:10px;
  }
  .search-filter>div {
    margin-bottom: 3px;
  }
}
@media screen and (max-width: 570px) {
  .tabbuttonactive,
  .tabbuttoninactive {
    font-size: 10px;
    width: auto !important;
  }
  .kazunion-login-box {
    width: auto;
  }
  .container.search-page > .roundpanel,
  .container.search-page {
    padding: 0px;
  }
  .container.search-page > .roundpanel > .page-title > .entry-title {
    padding: 10px 10px 0px 10px;
  }
  .container.search-page > .roundpanel > #main > .legend {
    padding: 0px 10px;
    margin: 0px;
  }
}

.checklistbox{
  max-width: calc(100vw - 42px);
}
.status-by-hotel,
.status-by-hotel > div {
  padding: 0px;
}
.container.search-page > .roundpanel > #main > .search-container {
  margin: 0px;
}
.container.search-page > .roundpanel > #main > .search-container > div {
  padding: 0px;
}

.hotel-options {
  margin-top: 15px;
}

.row main-search-result{
  max-width: 100vw
}

.dataTables_wrapper,
.progress.active{
  margin-top: 10px;
}
.s-results.dataTable.table-condensed>thead>tr>th{
  font-size: 10px;
}

#SResult{
  margin-top: 10px;
}

@media only screen and (max-width: 760px) {
  #SResult>div{
    width: 100%;
  }

  .reservation-block>tbody>tr,
  #example>tbody>tr{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    border: 1px solid #dedede;
  }
  .booking-history>div:nth-child(even),
  #example>tbody>tr:not(.grid-warning):not(.grid-danger):nth-child(even){
    background: #ffeee4 !important;
  }

  .reservation-block>tbody>tr>td:before,
  #example>tbody>tr>td:before,
  { content: attr(data-title); }

  .reservation-block>tbody>tr:nth-child(1),
  #example>tbody>tr>td br,
  #example .TableHeaderStyle{
    display: none;
  }
  #example_wrapper .dataTables_filter,
  #example_wrapper .dataTables_length{
    display: flex;
  }
  .results-list {
    margin: 0px;
    max-width: 95vw;
  }
  .results-list .row {
    margin: 0px;
  }
  .results-list .row > div{
    padding: 0px;
  }
  #SResult{
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
  }
  .reservation-block>tbody>tr>td,
  #example>tbody>tr>td{
    display: flex;
    border-top: none;
  }
  #example>tbody>tr:nth-child(even)>td{
    border-bottom: 1px solid #fff;
  }
  #example>tbody>tr:nth-child(odd)>td{
    border-bottom: 1px solid #dedede;
  }
  #example>tbody>tr>td:last-child{
    border-bottom: none;
  }
  .reservation-block>tbody>tr>td>span:nth-child(1),
  #example>tbody>tr>td>span:nth-child(1){
    flex: .6;
  }
  .reservation-block>tbody>tr>td>span:nth-child(2),
  #example>tbody>tr>td>span:nth-child(2){
    display: flex;
    flex: 1;
  }
  .booking-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .b-info-url{
    margin-top: 5px;
  }
  .b-info-control{
    margin-top: 5px;
  }
  .reservation-block>tbody>tr>td>span:nth-child(1)::after{
    content: ": "
  }
  .reservation-block{
    border: none;
  }
  .text-right {
    text-align: left;
  }
  .form-group {
    margin-bottom: 0px !important;
  }
  .checkbox, .radio{
    margin-bottom: 3px;
  }
  .checkbox:before, .radio:before{
    transform: scale(1.4);
  }
  .checkbox>label{
    display: flex;
    margin-left: 5px;
  }
  .checklistbox label{
    padding: 4px;
  }
  .checklistbox label>input{
    transform: scale(1.4);
  }
  #SearchButton{
    margin: 10px 0px;
  }
}

.checklistbox label{
  display: flex;
  align-items: center;
}
.checklistbox label > span {
  margin-left: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checklistbox label > input:first-child {
  min-width: 14px;
}

.modal-dialog {
  max-width: 95% !important;
  margin: auto;
}

.sort-selector{
  display: flex;
}
.sort-selector>select:nth-child(1){
  flex: .7;
  margin-right: 10px;
}
.sort-selector>select:nth-child(2){
  flex: .3;
}

@media only screen and (min-width: 760px) {
  .mobile-title{
    display: none;
  }
  .sort-selector{
    display: none;
  }

  .reservation-block>tbody>tr>td>span:nth-child(2),
  #example>tbody>tr>td>span:nth-child(2){
    display: flex;
  }
  .reservation-block>tbody>tr>td>span:nth-child(1),
  #example>tbody>tr>td>span:nth-child(1){
    display: none;
  }
  .result-price>span:nth-child(2),
  .result-meal-plan>span:nth-child(2),
  .result-nights>span:nth-child(2){
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.modal.fade.in{
  display: flex;
  justify-content: center;
}

button.checkout-main{
  border:1px solid #666666;
}
.disabled-el{
  opacity: 0.4;
  cursor: not-allowed;
}
.booking-info{
  display: flex;
}

.b-info-dates{
  display: flex;
}
.b-info-url{
  flex:1;
}
.search-header {
  height: 35px;
  display: flex;
  align-items: flex-end;
}
.tabbuttoninactive {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

.reservation-edit-cancel{
  margin-bottom: 10px;
}

.roundpanel>#main{
  margin-top: -1px;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffbd99;
  font-size: 4px;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  margin-top: 15px;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.calc-body-loading{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding-top: 0px;
}
.calc-body-result,
.calc-body-no-data{
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px;
}
.calc-body-result:not(.div-success)+
.calc-body-result:not(.div-warning)+
.calc-body-result:not(.div-danger){
  background-color: white;
}
.calc-body-result{
  cursor: pointer;
  background: white;
}
.calc-body-result:hover{
  border-color: #838383;
  color: #e9532d;
}
.calc-body-no-data{
  color: red;
}

.slot-price{
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.slot-price>i{
  margin-left: 5px;
}
.flight-indicator.regular{
  background-color: #c784eb;
}
.flight-indicator.few{
  background-color: #ffd564;
}
.flight-indicator.sale{
  background-color: #77c769;
}
.flight-indicator {
  position: absolute;
  bottom: 0;
  height: 5px;
  width: 100%;
  left: 0;
}