html body div[ng-controller="hotel"] {
  /* --------Hotel Details-------- */ }
  html body div[ng-controller="hotel"] .hotel-content-wrapper {
    /*----------------search field wrapper----------------*/
    /*----------------Result Filter----------------*/ }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .disable-room.room {
      position: relative;
      pointer-events: none;
      user-select: none;
      opacity: 0.6; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .disable-room.room:before {
        content: '';
        position: absolute;
        width: 106%;
        height: 100%;
        background-color: lightgray;
        right: -39px;
        border-radius: 10px;
        /* opacity: -9.8; */
        display: block;
        pointer-events: none;
        user-select: none; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .extra-info-hotel-int li {
      float: left !important; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper button.count-element[disabled] {
      background-color: lightgray !important; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .count-element {
      font-size: 20px;
      width: 35px;
      border-radius: 5px;
      background-color: #37002a;
      color: white !important;
      border: 0;
      margin-top: 5px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapModal {
      top: 20% !important; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapModal .modal-body {
        padding: 15px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapModal .modal-body button.close {
          color: white;
          position: absolute;
          top: -42px;
          right: -7px;
          background-color: transparent;
          text-shadow: 1px 2px 1px black;
          opacity: 1 !important;
          font-size: 45px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapModal .modal-body button.close:hover {
            color: red; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapModal .modal-body .row > div {
          border-radius: 15px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapModal .modal-dialog {
        width: 1150px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering i.fa-star {
      color: #eebd00; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal {
      top: 290px !important; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-body {
        padding: 15px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-body button.close {
          color: white;
          position: absolute;
          top: -42px;
          right: -7px;
          background-color: transparent;
          text-shadow: 1px 2px 1px black;
          opacity: 1 !important;
          font-size: 45px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-body button.close:hover {
            color: red; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-body .row > div {
          border-radius: 15px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog {
        width: 290px;
        left: 440px;
        position: absolute; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog .modal-body {
          padding: 10px !important; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog .hotel-rates {
          color: #ffa110;
          text-align: center; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog .price-amount {
          text-align: left;
          font-weight: bold;
          font-size: 15px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog .price-amount .price-title {
            font-weight: normal;
            font-size: 10px;
            letter-spacing: -0.5px;
            line-height: 2.4;
            position: relative;
            top: -5px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog .col-md-6 {
          padding: 5px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog .price-amount {
          text-align: center;
          display: block; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog .price-amount .price-lable {
            direction: rtl;
            text-align: left;
            float: left; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog span.hotel-name {
          font-weight: bold;
          font-size: 13px;
          margin-top: 5px !important;
          display: block;
          text-align: center; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog .hotel-name-wraper {
          border-bottom: 1px solid lightgray; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog .booking-rate .booking-rate-box {
          width: 48%;
          border: 1px solid #1f3975;
          border-radius: 5px;
          padding-left: 5px;
          margin: 5px auto; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog .booking-rate .booking-rate-box span {
            float: left;
            font-size: 18px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog .booking-rate img {
          width: 25px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog .border-right {
          border-right: 1px solid lightgray;
          margin-top: 5px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog a.custom-button {
          width: 100%;
          display: block;
          text-align: center;
          padding-top: 9px;
          margin-bottom: 0; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#mapDetailModal.modal .modal-dialog .col-md-12 > img {
          height: 140px;
          width: 245px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper div#alertHotel .modal-header {
      text-align: center; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper div#alertHotel .modal-header .title {
        font-weight: bold;
        font-size: 15px;
        color: #333; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#alertHotel .modal-header .title i {
          color: #37002a;
          font-size: 20px !important;
          padding: 0 5px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper div#alertHotel p {
      text-align: justify; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper div#alertHotel .confirm {
      text-align: center;
      margin-top: 15px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper div#alertHotel .confirm .close {
        float: unset;
        background: #37002a;
        padding: 5px 0 8px;
        width: 120px;
        opacity: 1;
        border-radius: 5px;
        color: #fff;
        font-weight: normal;
        text-shadow: unset;
        cursor: pointer; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper div#alertHotel .confirm .close span {
          font-size: 13px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper section.page-title .card-wrapper .text-center h1 {
      line-height: 2;
      font-size: 10px;
      margin-left: 1px;
      margin-right: -6px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .hotel-result-wrapper {
      margin-bottom: 40px;
      /*margin-top: -15px;*/ }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .main-wrapper .card-wrapper {
      float: right;
      width: 100%;
      margin-bottom: 10px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .main-wrapper .card-wrapper .header-card {
        border-radius: 10px 10px 0 0;
        background: #5a97c4; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .main-wrapper .card-wrapper .footer-card {
        border-radius: 0 0 10px 10px;
        /*background: lighten($color-second,15%);*/
        background-color: #d4f3f3; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .main-wrapper .card-wrapper.custom {
        padding: 0 !important; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .main-wrapper .card-wrapper .body-card ul li {
        border-bottom: 1px solid gainsboro; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .main-wrapper .card-wrapper .body-card ul li:hover .remove_room {
          margin-left: -40px !important;
          opacity: 1;
          transition: .2s; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .main-wrapper .card-wrapper .body-card ul li .remove_room {
          position: absolute;
          left: 15px;
          top: 0;
          bottom: 0;
          transform: translate(-50%, 0%);
          transition: .2s;
          width: 50px;
          background: transparent;
          z-index: 1;
          opacity: 0; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .main-wrapper .card-wrapper .body-card ul li .remove_room span {
            background: #ff5a5f;
            height: 25px;
            width: 25px;
            text-align: center;
            color: #fff;
            line-height: 22px;
            font-size: 22px;
            border-radius: 5px;
            display: block;
            float: left;
            cursor: pointer;
            left: 0;
            top: 0;
            transform: translate(0%, 20%);
            user-select: none; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper.hotel-detail .result-list.domestic-hotel .hotel-facilities {
      margin-top: 55px !important; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper.hotel-detail .result-list .result-list-item .general-details .hotel-info .tour-location {
      /* float: left !important;
                        width: 100% !important;
                        margin-top: 15px !important;
                        text-align: left;*/ }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper.hotel-detail .result-list .result-list-item .general-details .hotel-info .hotel-rates {
      text-align: left; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper.hotel-detail .result-list .result-list-item .general-details .hotel-info .hotel-facilities {
      margin-top: 0; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper.hotel-detail .hotel-images {
      padding: 10px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper.hotel-detail .hotel-images .fotorama__wrap--css3 .fotorama__html, html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper.hotel-detail .hotel-images .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
        object-fit: scale-down; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper.hotel-detail .fotorama__stage__shaft .fotorama__caption .fotorama__caption__wrap {
      /*width: 100%;
                        text-align: center;
                        color: #45546e;
                        transform: translate(-50%,0);
                        left: 50%;
                        position: relative;
                        font-size: 14px;
                        font-weight: bold;
                        border-radius: 5px 5px 0 0;
                        line-height: 2;
                        background: linear-gradient(#ff000000,#ffffff5e,white);
                        padding-top: 50px;*/
      /* width: 20%; */
      text-align: center;
      color: #ffffff;
      transform: translate(-50%, 0);
      left: 50%;
      position: relative;
      font-size: 14px;
      padding: 0px 30px;
      font-weight: bold;
      border-radius: 5px;
      line-height: 2;
      /* background: linear-gradient(#ff000000, #ffffff5e, #414f68); */
      background-color: rgba(142, 142, 142, 0.6);
      /* padding-top: 50px; */
      margin-bottom: 10px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper.hotel-detail .hotel-detail-about {
      padding: 5px;
      line-height: 2;
      font-size: 12px;
      color: #404040;
      text-align: justify;
      max-height: 310px;
      overflow: hidden;
      margin-top: 15px;
      border-top: 1px solid gainsboro;
      transition: .5s; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper.hotel-detail .hotel-detail-about.open {
      max-height: fit-content; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper.hotel-detail .btn-hotel-detail-about {
      position: relative;
      margin-top: -85px;
      width: 100%;
      background: red;
      text-align: center;
      padding-top: 60px;
      padding-bottom: 15px;
      bottom: -10px;
      transition: .5s;
      opacity: 1;
      background: linear-gradient(#ffffff00, white, white);
      user-select: none; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper.hotel-detail .btn-hotel-detail-about.open {
      background: linear-gradient(#ffffff00, #ffffff00, #ffffff00);
      margin-top: -70px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper.hotel-detail .btn-hotel-detail-about span {
      padding: 0 15px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list.internaional-hotel .hotel-title {
      float: left; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list.internaional-hotel .hotel-title .tour-name span {
        float: left; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list.internaional-hotel .hotel-title .tour-location i {
        float: left;
        margin-right: 5px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list.internaional-hotel .hotel-title .tour-location {
        float: left; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list.internaional-hotel .hotel-facilities .right-facilities {
      float: left !important; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list.internaional-hotel .hotel-facilities .left-facilities {
      float: right !important; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list.domestic-hotel .result-list-item .hotel-title {
      min-height: auto !important; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list.domestic-hotel .result-list-item .hotel-info {
      margin: 0 !important; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item {
      /*   .general-details, .other-details {
                    width: 100%;
                    float: right;
                }*/ }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item {
        position: relative; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item {
        /*height: 153px;*/ }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .hotel-info {
          /*height: 145px;*/ }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .hotel-info::-webkit-scrollbar {
            width: 6px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .hotel-info::-webkit-scrollbar-thumb {
            background-color: #c2c2c2;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .hotel-info::-webkit-scrollbar-track {
            background-color: #37002a;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .hotel-info::-webkit-scrollbar-track:start {
            background-color: transparent; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .hotel-info body {
            scrollbar-face-color: #c2c2c2;
            scrollbar-track-color: #37002a; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .hotel-info .hotel-title {
            padding: 3px 0 !important; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .hotel-info .hotel-title .tour-location {
              margin: 10px 0px 0 !important; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .hotel-info .hotel-title > div {
              display: inline-block !important; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .hotel-info .hotel-title .hotel-name {
              line-height: 3.1; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .hotel-info .hotel-facilities {
            margin-top: 18px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .general-details .hotel-image-info.resize-img img {
          /*width: 203px !important;*/
          /*height: 123px !important;*/
          width: 100% !important; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .hotel-info {
          margin: 0 !important;
          height: auto !important;
          transition: .3s; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .hotel-facilities {
          margin: 0;
          transition: .3s; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item.selected-result-list-item .price-info {
          padding: 0 15px !important;
          transition: .3s; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .discount-hotel {
        position: absolute;
        left: -63px;
        background: #ff5a5f;
        color: #fff;
        padding: 5px 15px 5px 10px;
        border-radius: 5px;
        font-weight: normal;
        font-size: 11px;
        transform: rotate(-70deg);
        top: 90px;
        z-index: 2;
        transition: .3s; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .discount-hotel:before {
          width: 6px;
          height: 6px;
          background: #fff;
          position: absolute;
          z-index: 3;
          content: '';
          display: block;
          right: 0px;
          top: 10px;
          border-radius: 100%; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .discount-hotel:after {
          content: '';
          display: block;
          width: 19px;
          height: 19px;
          background: #ff5a5f;
          position: absolute;
          left: 40px;
          z-index: 1;
          border-radius: 5px;
          transform: rotate(45deg);
          top: 3px;
          right: -6px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .discount-hotel .thread {
          width: 50px;
          height: 1px;
          background: #44536e;
          position: absolute;
          top: 13px;
          right: -50px;
          z-index: 2; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .discount-hotel .thread:after {
            content: '';
            display: block;
            width: 15px;
            height: 15px;
            background: #fff;
            border: 4px solid #414f68;
            border-radius: 100%;
            position: absolute;
            left: 40px;
            box-shadow: 0 0 15px 0px #c7c7c7;
            top: -7px;
            z-index: 1; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details {
        padding: 15px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details i {
          color: #37002a; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info {
          margin-top: 9px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title {
            min-height: 97px;
            width: 100%; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .tour-name, html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .hotel-rates {
              /*  width: 75%;
                                float: left;
                                display: inline-block;
                                */ }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .tour-name.dom, html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .hotel-rates.dom {
                float: right;
                direction: ltr;
                text-align: right; }
                html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .tour-name.dom .hotel-degree, html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .hotel-rates.dom .hotel-degree {
                  margin-right: 0;
                  margin-left: 15px; }
                html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .tour-name.dom .hotel-degree > span, html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .hotel-rates.dom .hotel-degree > span {
                  margin-right: 15px; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .tour-name, html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .hotel-rates {
              /*display: block;
                                width: 100%;
                                float: right;*/ }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .tour-name .hotel-degree, html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .hotel-rates .hotel-degree {
                margin-right: 15px; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .tour-name .hotel-degree i, html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .hotel-rates .hotel-degree i {
                margin: -1px !important;
                color: orange;
                font-size: 11px !important; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .tour-name .hotel-type, html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .hotel-rates .hotel-type {
                background-color: transparent;
                border: 2px solid #ffa500;
                border-radius: 5px;
                color: #ffa500;
                font-size: 9px;
                padding: 0 5px !important;
                line-height: 1;
                margin-right: 5px;
                text-transform: capitalize; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .tour-name .persian-name, html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .hotel-rates .persian-name {
                font-size: 15px;
                font-weight: bold; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .tour-location {
              margin: 5px 0 15px;
              display: block;
              font-size: 12px;
              height: 18px;
              width: 100% !important;
              float: left; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .wishlist .bubbly-button {
              display: inline-block;
              /*font-size: 1em;
        padding: 1em 2em;
        margin-top: 100px;
        margin-bottom: 60px;
        -webkit-appearance: none;
        appearance: none;*/
              background-color: transparent;
              color: red;
              border-radius: 4px;
              border: none;
              cursor: pointer;
              position: relative;
              transition: transform ease-in 0.1s, box-shadow ease-in 0.25s; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .wishlist .bubbly-button:focus {
                outline: 0; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .wishlist .bubbly-button:before, html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .wishlist .bubbly-button:after {
                position: absolute;
                content: '';
                display: block;
                width: 140%;
                height: 100%;
                left: -20%;
                z-index: -1000;
                transition: all ease-in-out 0.5s;
                background-repeat: no-repeat;
                z-index: 9999999; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .wishlist .bubbly-button:before {
                display: none;
                top: -100%;
                background-image: radial-gradient(circle, #37002a 40%, transparent 40%), radial-gradient(circle, transparent 40%, #37002a 40%, transparent 40%), radial-gradient(circle, #37002a 30%, transparent 30%), radial-gradient(circle, #37002a 30%, transparent 30%), radial-gradient(circle, transparent 20%, #37002a 25%, transparent 30%), radial-gradient(circle, #37002a 30%, transparent 30%), radial-gradient(circle, #37002a 30%, transparent 30%), radial-gradient(circle, #37002a 30%, transparent 30%), radial-gradient(circle, #37002a 30%, transparent 30%);
                background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .wishlist .bubbly-button:after {
                display: none;
                bottom: -100%;
                background-image: radial-gradient(circle, #37002a 40%, transparent 40%), radial-gradient(circle, #37002a 40%, transparent 40%), radial-gradient(circle, transparent 20%, #37002a 25%, transparent 30%), radial-gradient(circle, #37002a 30%, transparent 30%), radial-gradient(circle, #37002a 30%, transparent 20%), radial-gradient(circle, #37002a 30%, transparent 30%), radial-gradient(circle, #37002a 30%, transparent 20%);
                background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .wishlist .bubbly-button:active {
                transform: scale(0.9); }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .wishlist .bubbly-button.animate:before {
                display: block;
                animation: topBubbles ease-in-out 0.75s forwards; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .wishlist .bubbly-button.animate:after {
                display: block;
                animation: bottomBubbles ease-in-out 0.75s forwards; }

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%; }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; } }

@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%; }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%; }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; } }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .wishlist i {
              display: contents;
              font-size: 25px !important; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .user-rate {
              border: 1px solid #37709a;
              border-radius: 5px; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .user-rate .left-part {
                background: #37709a;
                color: #fff; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title .hotel-type {
              border: 2px solid orange;
              color: orange;
              border-radius: 5px; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title button.hotel-location {
              font-size: 10px;
              height: 30px;
              background: #fff;
              position: relative;
              top: 10px;
              border: 1px solid #37709a;
              color: #37709a; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-title button.hotel-location i {
                color: #37709a; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .tour-location i {
            font-size: 17px !important; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .tour-location span {
            font-size: 14px;
            font-weight: bold;
            color: #bebebe; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .booking-rate {
            margin-bottom: 8px;
            display: inline-block;
            float: right;
            width: 66px;
            border-radius: 6px;
            border: 1px solid #2d3749;
            text-align: center; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .booking-rate img {
              width: 30px;
              float: right; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .booking-rate .booking-rate-box span {
              float: left;
              font-weight: bold;
              line-height: 1.9;
              font-size: 16px;
              width: 34px;
              text-align: center; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-facilities {
            margin-top: 34px;
            display: block;
            float: right;
            width: 100%; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-facilities .left-facilities {
              float: left; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-facilities .left-facilities .custom-button {
                opacity: 1 !important;
                white-space: nowrap; }
                html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-facilities .left-facilities .custom-button i {
                  color: #37709a !important;
                  font-size: 12px !important;
                  -moz-transition: 0.3s;
                  -o-transition: 0.3s;
                  -webkit-transition: 0.3s;
                  transition: 0.3s; }
                html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-facilities .left-facilities .custom-button.active i {
                  color: white !important; }
                html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-facilities .left-facilities .custom-button:hover {
                  color: lightgray !important; }
                  html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-facilities .left-facilities .custom-button:hover i {
                    color: lightgray !important; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-facilities .left-facilities a {
                padding: 4px 5px;
                font-size: 10px; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-facilities .left-facilities .label-danger {
                background: transparent;
                color: red;
                border: 1px solid red;
                padding: 5px 10px;
                margin-right: 5px;
                border-radius: 5px; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-facilities span.right-facilities {
              float: right; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-info .hotel-facilities span i {
              font-size: 21px !important;
              color: #d6d6d6 !important; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-image-info {
          padding: 3px !important;
          border: 1px solid gainsboro;
          border-radius: 10px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-image-info.resize-img {
            /*padding-left: 0 !important;*/ }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-image-info.resize-img img {
              width: 134px;
              height: 134px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .hotel-image-info img {
            width: 100%;
            height: 160px;
            /* width: 275px;*/
            object-fit: cover;
            padding: 0;
            border-radius: 8px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-title {
          display: block !important;
          margin: 0 !important; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info {
          padding: 15px;
          display: block;
          width: 100%;
          text-align: center;
          direction: ltr;
          padding-left: 0 !important; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info:after {
            content: '';
            border: 1px solid black;
            border-bottom: 1px transparent;
            height: 100%;
            position: absolute;
            top: 0px;
            right: 7px;
            -moz-border-image: linear-gradient(90deg, white, white, #e4e4e4) 23;
            -o-border-image: linear-gradient(90deg, white, white, #e4e4e4) 23;
            -webkit-border-image: linear-gradient(90deg, white, white, #e4e4e4) 23;
            border-image: linear-gradient(45deg, white, #efebeb, #d2d2d6, #efebeb, white) 23; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info.dom {
            padding: 0; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info.dom:after {
              right: auto;
              left: 0px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info .custom-button {
            height: 30px !important; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info .tour-submit-wrapper {
            height: 35px;
            /*margin-top: 10px;*/
            position: relative; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info .tour-submit-wrapper > button {
              position: absolute;
              width: 100%;
              height: 100%;
              margin: 0;
              right: 0; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info .tour-detail-wrapper {
            margin-top: 4px; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info .tour-detail-wrapper a {
              display: block;
              line-height: 0.3;
              margin-bottom: 0 !important; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info .tour-detail-wrapper a:hover {
                color: lightgray !important; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info button.result-details-button {
            margin-top: 10px; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info button.result-details-button span {
              margin-top: 5px !important; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info span {
            margin: 11px 0 5px;
            display: inline-block; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .general-details .left-info .price-info span.price-amount {
              font-size: 23px;
              font-weight: bold; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .other-details .hotel-location {
        padding: 15px;
        float: right;
        width: 100%;
        border-top: 1px solid #eee; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .result-list-item .other-details .hotel-location > img {
          float: right;
          width: 100%; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list #quick-access#quick-access ul {
      display: block; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list #quick-access#quick-access ul li {
      text-align: center;
      line-height: 3;
      cursor: pointer;
      user-select: none;
      transition: 0.3s;
      color: #37709a;
      padding: 0 50px;
      float: none;
      display: inline-block; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list #quick-access#quick-access ul li span {
        transition: .3s; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list #quick-access#quick-access ul li.active {
        font-weight: bold;
        background-color: #f0f5fa !important; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list #quick-access#quick-access ul li.active span {
          display: block;
          transform: scale(1.3);
          transition: .3s; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list #quick-access.is-sticky {
      top: 35px !important;
      -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
      -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
      border-radius: 0 0 15px 15px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list #quick-access.is-sticky + div + .hotel-images {
        /*padding-top: 140px;*/
        transition: .3s; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list #quick-access .hotel-image {
      transition: .3s; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-header {
      line-height: 3; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-header.card-wrapper {
        background-color: #fff;
        color: #37709a; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-header.card-wrapper i {
          font-size: 20px !important;
          position: relative;
          top: 5px;
          margin-right: 5px;
          opacity: .5;
          transition: .3s;
          cursor: pointer; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-header.card-wrapper i.active {
            opacity: 1; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-header.card-wrapper i:hover {
            transition: .3s;
            opacity: 1; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid {
      margin-left: -5px;
      margin-right: -5px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .card-wrapper {
      width: calc(33.333333% - 10px);
      float: right;
      margin: 0 5px 10px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .card-wrapper .general-details {
        padding: 10px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .card-wrapper .discount-hotel {
        left: -50px;
        transform: rotate(-80deg);
        transition: .3s; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .hotel-image-info {
      width: 100%;
      padding: 0; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .hotel-info {
      width: 100%;
      padding: 0; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .hotel-info .hotel-title {
        min-height: 60px !important;
        width: 100%; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .hotel-info .hotel-title .tour-name {
          width: 100% !important;
          text-align: center;
          direction: ltr; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .hotel-info .hotel-title .hotel-rates {
          text-align: center;
          width: 100% !important; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .hotel-info .hotel-title .hotel-rates .hotel-degree {
            margin: 0; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .hotel-info .hotel-title .persian-name {
          float: none;
          text-align: center;
          margin: 0; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .hotel-info .tour-location {
        display: none !important; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .hotel-facilities {
      display: none !important; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .left-info {
      width: 100%;
      padding: 0; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .left-info .price-info {
        padding: 0 !important; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .left-info .price-info:after {
          display: none; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .left-info .price-info .tour-submit-wrapper {
          height: 30px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .left-info .price-info .grid-btn {
          margin-top: 10px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .left-info .price-info .grid-btn .w50 {
          width: 50%;
          float: right; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .left-info .price-info .grid-btn .w50:first-child {
            padding-left: 5px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .left-info .price-info .grid-btn .w50:last-child {
            padding-right: 5px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .left-info .price-info .grid-btn .w50 .tour-submit-wrapper, html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper .result-list .hotel-list-body.grid .left-info .price-info .grid-btn .w50 .tour-detail-wrapper {
            margin-top: 0; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper button.hotel-more-items {
      width: 200px;
      margin: auto;
      display: block; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper button.hotel-more-items i {
        margin-left: 5px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .item-list-wrapper span.item-remaining-count {
      display: block;
      text-align: center;
      margin-top: 15px;
      color: gray;
      font-size: 13px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper .search-field-wrapper {
      /*&.tour-date {
                width: 31.7%;
            }*/ }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper .search-field-wrapper.city-field-wrapper input {
        border-radius: 0 5px 5px 0 !important; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper.research-form {
      padding: 56px 0 5px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper.research-form .hotel-multiple-room .hotel-search .hotel-multiple-room .row {
        margin: 20px 0 20px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper.research-form .hotel-multiple-room .hotel-search .hotel-multiple-room .row:first-child {
          margin: 40px 0 20px !important; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper.research-form .hotel-multiple-room .search-field-wrapper {
        width: 12.5% !important;
        margin: 0 5px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper.research-form .hotel-multiple-room .search-field-wrapper .search-label.active {
          color: gray !important; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper.research-form .hotel-multiple-room .search-field-wrapper label {
          display: block !important;
          font-weight: normal;
          display: block !important;
          font-weight: normal;
          line-height: 1.1; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper.research-form .hotel-multiple-room .search-field-wrapper label small {
            font-size: 10px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper.research-form .hotel-multiple-room .search-field-wrapper select {
          border: 1px solid gray !important;
          background-color: #ff1eca !important;
          color: black !important;
          width: 100%;
          font-size: 11px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper.research-form .hotel-multiple-room .search-field-wrapper select.field option {
            font-size: 12px !important; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper.research-form .hotel-multiple-room .search-field-wrapper i {
          color: black !important; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper.research-form .hotel-multiple-room .search-field-wrapper.room-name {
          color: black !important;
          margin-right: 25px !important; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper.research-form select.field {
        height: 28px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .search-form-first-style.search-forms-wrapper.research-form .room-count i {
        top: 4px;
        right: 5px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .right-sidebar-wrapper .map-wrapper {
      height: 30px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .right-sidebar-wrapper .map-wrapper i {
        color: white;
        margin-bottom: 6px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .right-sidebar-wrapper .map-wrapper button {
        height: 30px; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering {
      padding: 15px;
      direction: ltr;
      -moz-transition: margin 0.2s;
      -o-transition: margin 0.2s;
      -webkit-transition: margin 0.2s;
      transition: margin 0.2s;
      user-select: none; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering::-webkit-scrollbar {
        width: 6px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering::-webkit-scrollbar-thumb {
        background-color: #c2c2c2;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering::-webkit-scrollbar-track {
        background-color: #eee;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering::-webkit-scrollbar-track:start {
        background-color: transparent; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering body {
        scrollbar-face-color: #c2c2c2;
        scrollbar-track-color: #eee; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering * {
        direction: rtl; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-title.text-center h5 {
        margin: 0 !important; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering.is-sticky {
        margin-top: 45px !important;
        z-index: 99 !important;
        max-height: calc(98vh - 45px) !important;
        overflow-y: auto;
        overflow-x: hidden; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .hotel-name-filter .hotel-search .field-wrapper {
        padding: 5px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .hotel-name-filter .hotel-search .field-wrapper input {
          padding-right: 28px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .hotel-name-filter .hotel-search .field-wrapper input::-webkit-input-placeholder {
            font-size: 12px !important; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .hotel-name-filter .hotel-search .field-wrapper i {
          position: absolute;
          top: 11px;
          right: 12px;
          color: darkgray;
          font-size: 18px !important; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .hotel-name-filter .hotel-search .field-wrapper.active i {
          color: #37002a; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .hotel-name-filter .hotel-search .field-wrapper.active input {
          border-color: #37002a; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content {
        margin: 10px 0; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .panel-group .panel {
          border: 0 !important;
          margin: 0 !important;
          box-shadow: none !important; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-heading {
            position: relative;
            padding-right: 0 !important;
            color: #333 !important;
            background-color: transparent !important;
            padding-bottom: 3px; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-heading a h4 {
              user-select: none;
              margin-top: 0; }
              html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-heading a h4:hover {
                color: gray !important; }
                html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-heading a h4:hover i {
                  color: gray !important; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-heading a i {
              position: absolute;
              left: 0;
              top: 10px;
              font-size: 10px !important;
              -moz-transition: 0.3s;
              -o-transition: 0.3s;
              -webkit-transition: 0.3s;
              transition: 0.3s; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-heading a.collapsed i {
              -moz-transform: scaleY(-1);
              -ms-transform: scaleY(-1);
              -o-transform: scaleY(-1);
              -webkit-transform: scaleY(-1);
              transform: scaleY(-1); }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .panel-group .panel > .panel-collapse {
            float: right;
            width: 100%; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .card-content-label {
          font-weight: bold;
          color: #333333;
          font-size: 12px;
          text-align: right;
          margin-bottom: 10px;
          float: initial !important; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .card-content-label small {
            font-size: 8px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .price-range {
          float: right;
          width: 95%;
          margin-right: 2.5% !important;
          margin-bottom: 10px !important;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .card-content-label {
          font-weight: bold;
          margin: 8px 0 12px;
          display: block;
          float: right !important;
          width: 100% !important;
          color: #333333;
          font-size: 13px;
          text-align: right; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .card-content-label small {
            color: #6b6b6b;
            font-weight: bold;
            font-size: 7px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .bordere-button .icon i {
          position: relative;
          font-size: 41px !important;
          margin: 0; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .bordere-button .icon img {
          margin-top: 7px;
          margin-bottom: 7px;
          height: 44px;
          width: 44px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .hotel-filter-content i {
          font-size: 16px !important;
          margin-left: 3px;
          position: relative;
          top: 2px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content .hotel-filter-content i.fa-check-square {
            color: #37002a; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content.hotel-name-filter ul li {
          display: block;
          cursor: pointer;
          line-height: 2.1;
          width: 100%;
          margin: 3px 0;
          -moz-transition: box-shadow 0.5s;
          -o-transition: box-shadow 0.5s;
          -webkit-transition: box-shadow 0.5s;
          transition: box-shadow 0.5s; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content.hotel-name-filter ul li:hover {
            -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content.hotel-name-filter ul li.hotel-degree {
            font-weight: bold; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content.hotel-name-filter ul li.hotel-degree span {
              color: #FF9800;
              margin-right: 3px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content.hotel-name-filter ul li .item-min-price {
            float: left; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content.hotel-degree-filters .bordered-button {
          height: 96px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content.hotel-degree-filters .title {
          font-size: 10px;
          margin: 3px 0 5px 0; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content.hotel-degree-filters .hotel-degree-stars i {
          font-size: 11px !important;
          color: orange;
          margin: 0 -1px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content.hotel-degree-filters .hotel-type i {
          font-size: 40px !important;
          color: #37709a;
          margin: 0 -1px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content.hotel-degree-filters .bordered-button.active {
          border: 2px solid orange;
          background-color: rgba(255, 165, 0, 0.02); }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content.hotel-degree-filters .bordered-button label.start-from {
          font-size: 8px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper .result-filtering .card-content.gradient {
          width: 100%;
          float: right;
          margin: 0; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .passengers .add-remove-passenegers .paaseneger-tools {
      width: 140px !important; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .passengers .add-remove-passenegers .counter {
      float: none;
      margin: auto; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .not-found-message {
      position: absolute; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper {
      padding-top: 0 !important; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .header-room-select {
        line-height: 3;
        text-align: center;
        border-bottom: 1px dashed gainsboro; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .body-room-select {
        text-align: center;
        padding: 15px 0;
        border-bottom: 1px dashed gainsboro; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .body-room-select .flex-center {
          display: flex;
          align-items: center; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .body-room-select .room-detail span {
          line-height: 2; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .body-room-select .room-detail .room-counter button {
          width: 25px;
          height: 25px;
          font-size: 18px;
          margin: 0; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .body-room-select .room-price b {
          font-size: 20px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .body-room-select .room-price button {
          margin: 5px 0 0;
          height: 30px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .footer-room-select {
        line-height: 3;
        text-align: center; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .footer-room-select .label {
          letter-spacing: .5px;
          font-weight: normal;
          border-radius: 4px;
          margin-left: 5px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .footer-room-select .label.label-info {
          background-color: transparent;
          color: #37709a;
          border: 1px solid #37709a;
          padding: 3px 20px;
          font-weight: bold; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .footer-room-select .label.label-danger {
          background-color: transparent;
          color: red;
          border: 1px solid red;
          padding: 3px 20px;
          font-weight: bold; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .footer-room-select .label.label-success {
          background-color: transparent;
          color: #039403;
          border: 1px solid #5cb85c; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .footer-room-select .label .fa {
          position: relative;
          top: 2px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .footer-room-select select {
          border-radius: 5px;
          padding: 0 5px;
          border-color: #37709a;
          font-size: 11px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .footer-room-select select:focus {
            outline: none; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .footer-room-select .refund-rules-toggle {
          cursor: pointer;
          user-select: none; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .footer-room-select .minmaxstay {
          display: inline-block;
          margin-right: 10px; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .footer-room-select .minmaxstay span {
            font-weight: bold;
            font-size: 11px;
            display: inline-block;
            padding-left: 8px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .rolls-room-select {
        border-top: 1px dashed gainsboro;
        padding-top: 15px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .rolls-room-select .day-list {
          margin-bottom: 30px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .rolls-room-select .day-list ul {
          display: flex;
          justify-content: center; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .rolls-room-select .day-list ul li {
          width: 80px;
          background: #ff1eca;
          height: auto;
          display: block;
          margin-left: 5px;
          padding: 10px 5px;
          text-align: center;
          border-radius: 10px;
          color: #000;
          border: 2px dashed #37002a;
          user-select: none; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .rolls-room-select .day-list ul li span:first-child {
          font-weight: bold;
          padding-bottom: 5px;
          display: block;
          color: #37709a; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .rolls-room-select .day-list ul li span.price {
          font-weight: bold;
          padding: 15px 0 12px;
          display: block; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .rolls-room-select .day-list ul li.has-discount span:nth-child(2) {
          color: #ff5a5f;
          text-decoration: line-through; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .result-list-item .room .rolls-room-select .day-list ul li.has-discount .price {
          padding: 5px 0px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .card-wrapper {
        padding: 0px 10px !important; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .card-wrapper.padding-40 {
          padding-right: 40px !important; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .form-header {
        background-color: #d4f3f3;
        padding: 5px 10px;
        color: #0a2524;
        margin-bottom: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        clear: both; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .form-header p {
          margin: 0;
          font-size: 12px;
          letter-spacing: 0px;
          display: block;
          text-align: center; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .form-header p i {
            font-size: 27px !important;
            position: relative;
            top: 4px; }
            html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .form-header p i.fa-chevron-down {
              font-size: 12px !important;
              right: 17px;
              -moz-animation: referring-to-bottom 1.2s linear infinite;
              -o-animation: referring-to-bottom 1.2s linear infinite;
              -webkit-animation: referring-to-bottom 1.2s linear infinite;
              animation: referring-to-bottom 1.2s linear infinite; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .package-counter {
        width: 30px;
        height: 100%;
        background: #5a97c4;
        position: absolute;
        z-index: 99;
        top: 0;
        right: 0;
        color: #fff;
        border-radius: 0 10px 10px 0;
        color: #fff; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .package-counter .counter {
          transform: rotate(90deg) translate(-50%, 5px);
          width: 130px;
          text-align: center;
          top: 45%;
          left: 20px;
          line-break: auto;
          transform-origin: 0px; }
      html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .discount-hotel {
        position: absolute;
        left: -63px;
        background: #ff5a5f;
        color: #fff;
        padding: 5px 15px 5px 10px;
        border-radius: 5px;
        font-weight: normal;
        font-size: 11px;
        transform: rotate(-70deg);
        top: 90px;
        z-index: 2;
        transition: .3s; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .discount-hotel:before {
          width: 6px;
          height: 6px;
          background: #fff;
          position: absolute;
          z-index: 3;
          content: '';
          display: block;
          right: 0px;
          top: 10px;
          border-radius: 100%; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .discount-hotel:after {
          content: '';
          display: block;
          width: 19px;
          height: 19px;
          background: #ff5a5f;
          position: absolute;
          left: 40px;
          z-index: 1;
          border-radius: 5px;
          transform: rotate(45deg);
          top: 3px;
          right: -6px; }
        html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .discount-hotel .thread {
          width: 50px;
          height: 1px;
          background: #44536e;
          position: absolute;
          top: 13px;
          right: -50px;
          z-index: 2; }
          html body div[ng-controller="hotel"] .hotel-content-wrapper section.hotel-room-select-wrapper .discount-hotel .thread:after {
            content: '';
            display: block;
            width: 15px;
            height: 15px;
            background: #fff;
            border: 4px solid #414f68;
            border-radius: 100%;
            position: absolute;
            left: 40px;
            box-shadow: 0 0 15px 0px #c7c7c7;
            top: -7px;
            z-index: 1; }
    html body div[ng-controller="hotel"] .hotel-content-wrapper .reserve-info-wrapper .reserve-info.contact-info {
      max-height: unset !important;
      border-top: unset !important;
      border-bottom: 1px solid lightgray !important; }
  html body div[ng-controller="hotel"] span.price-amount {
    font-size: 22px;
    font-weight: bold;
    position: relative;
    top: 0px; }
    html body div[ng-controller="hotel"] span.price-amount span {
      color: #414f68 !important; }
    html body div[ng-controller="hotel"] span.price-amount small {
      font-size: 9px;
      color: #999999; }
      html body div[ng-controller="hotel"] span.price-amount small.price-without-discont {
        font-size: 14px;
        text-decoration: line-through; }
  html body div[ng-controller="hotel"] section.result-list.internaional-hotel .hotel-title {
    float: left;
    text-align: left; }
    html body div[ng-controller="hotel"] section.result-list.internaional-hotel .hotel-title .persian-name {
      float: left;
      margin-right: 20px; }
  html body div[ng-controller="hotel"] section.result-list.internaional-hotel .hotel-info .tour-location i {
    float: left;
    margin-right: 10px; }
  html body div[ng-controller="hotel"] section.result-list.internaional-hotel .hotel-info .hotel-facilities .right-facilities {
    float: left !important; }
  html body div[ng-controller="hotel"] section.result-list.internaional-hotel .hotel-info .hotel-facilities .left-facilities {
    float: right !important; }
  html body div[ng-controller="hotel"] #HotelDetailWrapper .list-loading {
    margin-right: 0 !important;
    margin-top: 200px !important; }
  html body div[ng-controller="hotel"] #HotelDetailWrapper .right-sidebar-wrapper .group-list .group-title {
    text-align: center;
    display: block;
    color: #333;
    font-weight: bold;
    border-bottom: 1px dotted gray;
    padding-bottom: 20px;
    width: 90%;
    margin: 10px auto; }
  html body div[ng-controller="hotel"] #HotelDetailWrapper .right-sidebar-wrapper .group-list li {
    width: 100%;
    line-height: 2;
    padding: 5px 10px; }
    html body div[ng-controller="hotel"] #HotelDetailWrapper .right-sidebar-wrapper .group-list li .item-icon, html body div[ng-controller="hotel"] #HotelDetailWrapper .right-sidebar-wrapper .group-list li .item-place-name {
      float: left; }
    html body div[ng-controller="hotel"] #HotelDetailWrapper .right-sidebar-wrapper .group-list li .item-distance {
      direction: ltr; }
    html body div[ng-controller="hotel"] #HotelDetailWrapper .right-sidebar-wrapper .group-list li:last-child {
      margin-bottom: 20px; }
  html body div[ng-controller="hotel"] #HotelDetailWrapper .right-sidebar-wrapper .group-list .distance li {
    background: #ececec;
    margin-bottom: 5px;
    border-radius: 5px;
    transition: .5s; }
  html body div[ng-controller="hotel"] #HotelDetailWrapper .right-sidebar-wrapper .group-list .distance li:hover {
    background: #dedede; }
  html body div[ng-controller="hotel"] #HotelDetailWrapper .right-sidebar-wrapper .group-list .distance li:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f041";
    float: left;
    line-height: 1.5;
    color: gray; }
  html body div[ng-controller="hotel"] #HotelDetailWrapper section#hotelListWrapper {
    padding: 0; }
    html body div[ng-controller="hotel"] #HotelDetailWrapper section#hotelListWrapper > section {
      padding: 15px; }
  html body div[ng-controller="hotel"] .reserve-info-wrapper .form-header {
    text-align: center;
    border-bottom: 1px solid lightgray; }
    html body div[ng-controller="hotel"] .reserve-info-wrapper .form-header h5 {
      float: none !important; }
    html body div[ng-controller="hotel"] .reserve-info-wrapper .form-header .error-info {
      width: 100%;
      margin: 15px 0px; }
      html body div[ng-controller="hotel"] .reserve-info-wrapper .form-header .error-info .alert.alert-danger {
        width: 90%;
        padding: 5px 20px;
        border-radius: 5px;
        margin: 0 auto;
        height: 37px; }
        html body div[ng-controller="hotel"] .reserve-info-wrapper .form-header .error-info .alert.alert-danger h2 {
          font-weight: bold;
          font-size: 13px;
          margin-top: 5px;
          letter-spacing: -0.2px; }
          html body div[ng-controller="hotel"] .reserve-info-wrapper .form-header .error-info .alert.alert-danger h2 i {
            float: right;
            font-size: 22px !important;
            margin-top: -4px;
            margin-right: 10px; }
  html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.detail-hotel-info {
    border-bottom: 1px solid lightgray;
    padding-bottom: 15px !important; }
    html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.detail-hotel-info .hotel-detail-confirm {
      float: right;
      width: 100%; }
      html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.detail-hotel-info .hotel-detail-confirm.return-flight {
        padding-top: 20px;
        border-top: 1px dotted lightgray; }
      html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.detail-hotel-info .hotel-detail-confirm .logo-content {
        text-align: right; }
        html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.detail-hotel-info .hotel-detail-confirm .logo-content .logo img {
          width: 167px !important;
          height: 123px !important; }
      html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.detail-hotel-info .hotel-detail-confirm .information-hotel-content {
        padding: 0px !important; }
        html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.detail-hotel-info .hotel-detail-confirm .information-hotel-content .information {
          line-height: 2; }
          html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.detail-hotel-info .hotel-detail-confirm .information-hotel-content .information .information-item {
            /*width: 70%;*/
            position: relative;
            padding: 10px 0px;
            float: right; }
            html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.detail-hotel-info .hotel-detail-confirm .information-hotel-content .information .information-item span {
              padding-right: 10px;
              font-weight: bold; }
              html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.detail-hotel-info .hotel-detail-confirm .information-hotel-content .information .information-item span.title {
                width: 90px !important;
                display: inline-block;
                font-weight: normal;
                position: relative; }
              html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.detail-hotel-info .hotel-detail-confirm .information-hotel-content .information .information-item span i.fa {
                color: orange; }
  html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.contact-info .field-wrapper {
    text-align: center; }
  html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.passenegrs-list .hotel-information > div {
    margin-right: 0 !important; }
  html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.refund-rules-confirm {
    border-bottom: 1px solid lightgray; }
    html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.refund-rules-confirm ul {
      margin-right: 30px !important; }
      html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info.refund-rules-confirm ul li {
        width: 100%;
        padding: 15px;
        list-style: disc; }
  html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info .hotel-information {
    width: 100%;
    float: right;
    color: #414f68; }
    html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info .hotel-information > div {
      width: auto;
      float: right;
      background: #eeeeee;
      border: dotted 1px darkgray;
      padding: 5px 10px 5px;
      border-radius: 5px;
      text-align: right;
      margin-bottom: 25px;
      margin-right: 15px; }
    html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info .hotel-information span {
      font-size: 13px;
      padding-left: 10px;
      font-weight: bold; }
    html body div[ng-controller="hotel"] .reserve-info-wrapper .reserve-info .hotel-information i {
      font-size: 18px !important;
      padding: 2px;
      float: left;
      padding-right: 15px !important;
      border-right: solid 0.5px #414f68; }
  html body div[ng-controller="hotel"] .reserve-info-wrapper .flight-purchase-rules .alertHotel {
    padding: 15px;
    margin-top: 18px;
    border-radius: 5px;
    border: dashed 1px gray !important; }
    html body div[ng-controller="hotel"] .reserve-info-wrapper .flight-purchase-rules .alertHotel .title {
      text-align: center;
      font-size: 16px;
      padding-bottom: 5px;
      width: 50%;
      margin: 0 auto 15px;
      border-bottom: solid 1px #37002a;
      color: #37002a;
      font-weight: bold; }
      html body div[ng-controller="hotel"] .reserve-info-wrapper .flight-purchase-rules .alertHotel .title i {
        font-size: 20px !important;
        padding: 0 5px;
        color: #37002a; }
    html body div[ng-controller="hotel"] .reserve-info-wrapper .flight-purchase-rules .alertHotel p {
      text-align: justify;
      color: #37709a;
      font-weight: bold;
      font-size: 13px; }
  html body div[ng-controller="hotel"] .simular-property {
    padding: 5px;
    transition: .5s;
    /*border: 1px dashed gainsboro;*/ }
  html body div[ng-controller="hotel"] .simular-property:hover {
    box-shadow: 0 0 10px 0 grey;
    transition: .5s; }
  html body div[ng-controller="hotel"] .simular-property .hotel-title {
    font-weight: 100;
    line-height: 1.5;
    min-height: 40px; }
  html body div[ng-controller="hotel"] .simular-property .hotel-starts {
    color: orange; }
  html body div[ng-controller="hotel"] .simular-property .hotel-image {
    margin-bottom: 5px;
    margin-top: 10px; }
  html body div[ng-controller="hotel"] .simular-property .hotel-image img {
    border-radius: 5px;
    height: 110px;
    object-fit: cover; }
  html body div[ng-controller="hotel"] .simular-property .hotel-content .detail {
    padding: 15px 0; }
    html body div[ng-controller="hotel"] .simular-property .hotel-content .detail .price-title {
      font-size: 10px;
      margin-bottom: 15px; }
    html body div[ng-controller="hotel"] .simular-property .hotel-content .detail .price-amount, html body div[ng-controller="hotel"] .simular-property .hotel-content .detail span {
      width: 100%;
      display: block; }
  html body div[ng-controller="hotel"] .simular-property .hotel-content button {
    margin: 0;
    margin-bottom: 10px;
    height: 30px; }
  html body div[ng-controller="hotel"] .comment-box {
    background: #fff;
    border-radius: 10px !important; }
  html body div[ng-controller="hotel"] .comment-box .header-box {
    margin: 0;
    /*background: lighten($color-second,15%);*/
    background: #fff;
    color: #37709a;
    /*color: #fff;*/
    border-radius: 10px 10px 0 0;
    line-height: 3;
    padding: 0 15px; }
    html body div[ng-controller="hotel"] .comment-box .header-box > div {
      font-size: 13px !important;
      margin-bottom: 15px;
      padding-right: 15px; }
    html body div[ng-controller="hotel"] .comment-box .header-box .border-bottom {
      border-bottom: 1px solid lightgray; }
  html body div[ng-controller="hotel"] .comment-box .body-box {
    padding: 10px 10px 0; }
  html body div[ng-controller="hotel"] .comment-box #avrage_point .point-line {
    margin-bottom: 15px; }
  html body div[ng-controller="hotel"] .comment-box #avrage_point ul.avrage li {
    width: 20%;
    height: 5px;
    background-color: lightgray;
    border-right: 5px solid #fff;
    border-radius: 0;
    margin-top: 10px;
    float: left; }
  html body div[ng-controller="hotel"] .comment-box #avrage_point ul.avrage li.active {
    background-color: #37002a; }
  html body div[ng-controller="hotel"] .comment-box #avrage_point ul.avrage li span {
    font-size: 9px;
    width: 100%;
    text-align: center;
    display: block;
    background-color: #5a97c4;
    border-radius: 8px;
    color: #fff;
    margin-top: -15px;
    line-height: 1.4;
    user-select: none; }
  html body div[ng-controller="hotel"] .comment-box #avrage_point .pie, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100 .bar, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p51 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p52 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p53 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p54 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p55 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p56 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p57 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p58 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p59 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p60 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p61 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p62 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p63 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p64 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p65 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p66 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p67 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p68 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p69 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p70 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p71 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p72 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p73 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p74 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p75 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p76 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p77 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p78 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p79 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p80 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p81 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p82 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p83 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p84 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p85 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p86 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p87 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p88 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p89 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p90 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p91 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p92 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p93 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p94 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p95 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p96 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p97 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p98 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p99 .fill, html body div[ng-controller="hotel"] .comment-box #avrage_point .c100.p100 .fill {
    position: absolute;
    border-color: #37002a; }
  html body div[ng-controller="hotel"] .comment-box #avrage_point .c100 {
    background-color: #dadada;
    float: none;
    margin: 0 auto; }
    html body div[ng-controller="hotel"] .comment-box #avrage_point .c100 > span {
      color: #37709a;
      transition: .5s; }
      html body div[ng-controller="hotel"] .comment-box #avrage_point .c100 > span:hover {
        color: #37002a;
        transition: .5s; }
      html body div[ng-controller="hotel"] .comment-box #avrage_point .c100 > span i {
        font-size: 60px !important;
        line-height: 2 !important;
        padding: 0;
        margin: 0; }
  html body div[ng-controller="hotel"] .comment-box #avrage_point .avg {
    background-color: #5a97c4;
    color: #fff;
    font-size: 11px;
    letter-spacing: -.8px;
    padding: 5px 15px;
    line-height: 1;
    border-radius: 10px;
    position: relative;
    left: 50%;
    float: left;
    transform: translate(-50%, 0);
    top: 10px; }
    html body div[ng-controller="hotel"] .comment-box #avrage_point .avg:after {
      display: block;
      content: '';
      width: 15px;
      height: 15px;
      background-color: #5a97c4;
      position: absolute;
      top: -4px;
      left: 50%;
      transform: translate(-50%, 0) rotate(45deg);
      z-index: -1; }
  html body div[ng-controller="hotel"] .comment-box #survey border-bottom {
    border-bottom: 1px dashed lightgrey;
    padding-bottom: 15px; }
  html body div[ng-controller="hotel"] .comment-box #survey p.title {
    font-size: 12px;
    font-weight: bold; }
  html body div[ng-controller="hotel"] .comment-box #survey ul.trip-type li {
    text-align: center;
    padding: 10px 9px 0;
    margin-bottom: 20px;
    border: 2px solid;
    border-color: transparent;
    transition: .3s;
    float: none;
    display: inline-block;
    border-radius: 10px;
    user-select: none;
    cursor: pointer; }
  html body div[ng-controller="hotel"] .comment-box #survey ul.trip-type li:hover {
    transition: .3s; }
  html body div[ng-controller="hotel"] .comment-box #survey ul.trip-type li.active {
    color: #37002a;
    border-color: #37002a; }
  html body div[ng-controller="hotel"] .comment-box #survey ul.trip-type li i {
    font-size: 45px !important; }
  html body div[ng-controller="hotel"] .comment-box #survey ul.trip-type li span {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 0 10px; }
  html body div[ng-controller="hotel"] .comment-box #survey ul.points li {
    display: block;
    width: 100%;
    padding: 5px;
    margin-bottom: 2px;
    border-radius: 5px;
    color: #000;
    user-select: none;
    font-size: 11px;
    line-height: 1.5;
    padding-left: 7px;
    position: relative; }
    html body div[ng-controller="hotel"] .comment-box #survey ul.points li i {
      cursor: pointer;
      position: absolute;
      top: 5px;
      left: 5px; }
  html body div[ng-controller="hotel"] .comment-box #survey #check {
    margin-top: 30px; }
  html body div[ng-controller="hotel"] .comment-box #survey #check #posive label i {
    padding-left: 5px;
    color: green; }
  html body div[ng-controller="hotel"] .comment-box #survey #check #posive li {
    background-color: #e4eeff; }
  html body div[ng-controller="hotel"] .comment-box #survey #check #negative label i {
    padding-left: 5px;
    color: red; }
  html body div[ng-controller="hotel"] .comment-box #survey #check #negative li {
    background-color: #ffd7d7; }
  html body div[ng-controller="hotel"] .comment-box #survey #check .form-group .form-control {
    height: 28px;
    padding: 0px 6px 0px 30px;
    font-size: 11px;
    letter-spacing: -.9px;
    position: relative;
    box-shadow: none; }
  html body div[ng-controller="hotel"] .comment-box #survey #check .form-group .form-control:focus {
    border-color: #37002a;
    outline: 0;
    box-shadow: none; }
  html body div[ng-controller="hotel"] .comment-box #survey #check .form-group button {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 20px;
    top: 26px; }
  html body div[ng-controller="hotel"] .comment-box #survey #check span.rz-bubble.rz-limit.rz-ceil, html body div[ng-controller="hotel"] .comment-box #survey #check span.rz-bubble.rz-limit.rz-floor {
    display: none; }
  html body div[ng-controller="hotel"] .comment-box #survey #survey {
    margin-top: 15px; }
    html body div[ng-controller="hotel"] .comment-box #survey #survey .rzslider {
      margin: 30px 0 10px 0;
      top: -25px; }
      html body div[ng-controller="hotel"] .comment-box #survey #survey .rzslider .rz-pointer:after {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 8px;
        height: 8px;
        background: #ffffff;
        border-radius: 4px;
        content: ''; }
      html body div[ng-controller="hotel"] .comment-box #survey #survey .rzslider .rz-bubble {
        margin-left: 8px;
        font-size: 8px;
        background: #656565;
        border-radius: 5px;
        padding: 2px 5px;
        color: #fff;
        margin-bottom: 0px;
        z-index: 1;
        /*&.rz-model-value:after {
                    content: '';
                    display: block;
                    background: #656565;
                    width: 5px;
                    height: 5px;
                    position: absolute;
                    left: 50%;
                    transform: translate(-50%) rotate(45deg);
                    top: 12px;
                    z-index: -1 !important;
                    margin-left: -2px;
                }*/ }
        html body div[ng-controller="hotel"] .comment-box #survey #survey .rzslider .rz-bubble.rz-floor, html body div[ng-controller="hotel"] .comment-box #survey #survey .rzslider .rz-bubble.rz-ceil {
          display: none; }
      html body div[ng-controller="hotel"] .comment-box #survey #survey .rzslider .rz-pointer {
        top: -8px;
        z-index: 3;
        width: 20px;
        height: 20px;
        cursor: pointer;
        background-color: #37002a;
        border-radius: 16px;
        outline: none;
        margin-left: 5px; }
      html body div[ng-controller="hotel"] .comment-box #survey #survey .rzslider .rz-pointer.rx-active:after {
        background: #ffffff; }
      html body div[ng-controller="hotel"] .comment-box #survey #survey .rzslider li.rz-tick:first-child:after {
        content: '';
        display: block;
        background: white;
        width: 10px;
        height: 10px;
        position: absolute;
        left: -10px; }
  html body div[ng-controller="hotel"] .comment-box #survey .rating {
    position: relative;
    top: -10px; }
  html body div[ng-controller="hotel"] .comment-box #survey .rating .rzslider .rz-bubble {
    top: -15px;
    outline: none; }
  html body div[ng-controller="hotel"] .comment-box #survey .rating .rzslider .rz-bubble.rz-floor, html body div[ng-controller="hotel"] .comment-box #survey .rating .rzslider .rz-bubble.rz-ceil {
    display: none; }
  html body div[ng-controller="hotel"] .comment-box #survey .rating .rzslider .rz-bubble i {
    font-size: 35px !important;
    color: #37002a;
    position: absolute;
    z-index: 99;
    background: #fff;
    left: 50%;
    transform: translate(-50%, 0);
    font-weight: bold !important; }
  html body div[ng-controller="hotel"] .comment-box #survey .rating .rzslider .rz-pointer {
    z-index: 999;
    background-color: transparent; }
    html body div[ng-controller="hotel"] .comment-box #survey .rating .rzslider .rz-pointer:after {
      background-color: transparent; }
    html body div[ng-controller="hotel"] .comment-box #survey .rating .rzslider .rz-pointer:focus {
      outline: none; }
  html body div[ng-controller="hotel"] .comment-box #survey .rating .rzslider .rz-tick:first-child:after {
    display: block;
    content: '';
    width: 20px;
    height: 9px;
    background: white;
    position: relative;
    left: -10px; }
  html body div[ng-controller="hotel"] .comment-box #survey .rating .rzslider .rz-tick:last-child:after {
    display: block;
    content: '';
    width: 20px;
    height: 9px;
    background: white;
    position: relative;
    left: 20px; }
  html body div[ng-controller="hotel"] .comment-box #comment-user .comment {
    border-bottom: 2px dashed #d6d6d6;
    margin-bottom: 5px; }
  html body div[ng-controller="hotel"] .comment-box #comment-user .comment:last-child {
    border: 0; }
  html body div[ng-controller="hotel"] .comment-box #comment-user .comment .user-data .comment-user {
    font-size: 13px;
    line-height: 3;
    color: gray;
    text-align: center;
    letter-spacing: -1px; }
  html body div[ng-controller="hotel"] .comment-box #comment-user .comment .user-data .comment-user-rate i {
    font-size: 50px !important;
    text-align: center;
    display: block;
    color: #36c5c2; }
  html body div[ng-controller="hotel"] .comment-box #comment-user .comment .user-data .comment-user-rate span {
    display: block;
    background-color: #5e7397;
    color: #fff;
    padding: 5px 10px;
    font-size: 10px !important;
    border-radius: 5px;
    line-height: 1;
    position: relative;
    left: 50%;
    float: left;
    transform: translate(-50%, 10px); }
    html body div[ng-controller="hotel"] .comment-box #comment-user .comment .user-data .comment-user-rate span:after {
      display: block;
      content: '';
      width: 15px;
      height: 15px;
      position: absolute;
      background: #5e7397;
      top: -1px;
      left: 50%;
      transform: translate(-50%, 0) rotate(45deg);
      z-index: -1; }
  html body div[ng-controller="hotel"] .comment-box #comment-user .comment .user-data .comment-date {
    color: gray;
    font-size: 10px;
    text-align: center;
    letter-spacing: -1px;
    display: block;
    width: 100%;
    float: right;
    margin-top: 20px; }
  html body div[ng-controller="hotel"] .comment-box #comment-user .comment .comment-title {
    width: 100%;
    display: block;
    clear: both;
    font-size: 14px;
    font-weight: bold;
    line-height: 3; }
  html body div[ng-controller="hotel"] .comment-box #comment-user .comment .comment-body {
    line-height: 2;
    letter-spacing: -.5px;
    text-align: justify;
    font-size: 11px; }
  html body div[ng-controller="hotel"] .comment-box #comment-user .comment ul.point {
    letter-spacing: -1px;
    margin-top: 10px !important; }
    html body div[ng-controller="hotel"] .comment-box #comment-user .comment ul.point li {
      display: block;
      width: 100%;
      line-height: 2;
      color: #a0a0a0;
      font-size: 11px; }
      html body div[ng-controller="hotel"] .comment-box #comment-user .comment ul.point li:first-child {
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 0;
        border-bottom: 1px solid gainsboro;
        margin-bottom: 6px; }
    html body div[ng-controller="hotel"] .comment-box #comment-user .comment ul.point.posive li:first-child {
      color: #3bb150; }
    html body div[ng-controller="hotel"] .comment-box #comment-user .comment ul.point.negative li:first-child {
      color: #f36868; }
    html body div[ng-controller="hotel"] .comment-box #comment-user .comment ul.point.posive li:first-child:after {
      content: '\f058';
      float: right;
      padding-left: 5px; }
    html body div[ng-controller="hotel"] .comment-box #comment-user .comment ul.point.negative li:first-child:after {
      content: '\f057';
      float: right;
      padding-left: 5px; }
  html body div[ng-controller="hotel"] .comment-box #comment-user .comment .custom-button {
    height: 30px; }
    html body div[ng-controller="hotel"] .comment-box #comment-user .comment .custom-button:first-child {
      margin-top: 10px; }
  html body div[ng-controller="hotel"] .comment-box #comment-user .comment .answer {
    background-color: #ff28cc;
    padding: 15px;
    line-height: 1;
    border: 1px dashed #840064;
    border-radius: 5px;
    margin: 10px 0 0; }
    html body div[ng-controller="hotel"] .comment-box #comment-user .comment .answer .answer-text p {
      margin-bottom: 0px;
      font-size: 11px;
      letter-spacing: -.3px;
      text-align: justify; }
    html body div[ng-controller="hotel"] .comment-box #comment-user .comment .answer .name {
      font-weight: bold;
      margin-bottom: 5px; }
  html body div[ng-controller="hotel"] #simular_property .owl-stage {
    padding: 10px 0; }
  html body div[ng-controller="hotel"] #simular_property .body-box {
    padding: 0 10px; }
  html body div[ng-controller="hotel"] #simular_property .owl-carousel {
    /*padding: 0 10px;*/ }
  html body div[ng-controller="hotel"] #simular_property .owl-carousel .owl-stage {
    width: 100%; }
  html body div[ng-controller="hotel"] #simular_property .owl-carousel .owl-theme .owl-controls {
    margin: 0; }
  html body div[ng-controller="hotel"] #simular_property .owl-carousel .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%); }
    html body div[ng-controller="hotel"] #simular_property .owl-carousel .owl-prev i {
      font-size: 30px !important;
      color: #37002a; }
  html body div[ng-controller="hotel"] #simular_property .owl-carousel .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%); }
    html body div[ng-controller="hotel"] #simular_property .owl-carousel .owl-next i {
      font-size: 30px !important;
      color: #37002a; }
  html body div[ng-controller="hotel"] #simular_property .owl-carousel .owl-stage-outer:before {
    display: block;
    content: '';
    width: 150px;
    height: 100%;
    background-image: linear-gradient(to right, #f5f5f5, transparent, transparent);
    position: absolute;
    left: 0;
    z-index: 99999;
    top: 0; }
  html body div[ng-controller="hotel"] #simular_property .owl-carousel .owl-stage-outer:after {
    display: block;
    content: '';
    width: 150px;
    height: 100%;
    background-image: linear-gradient(to left, #f5f5f5, transparent, transparent);
    position: absolute;
    right: 0;
    z-index: 99999;
    top: 0; }
  html body div[ng-controller="hotel"] .dom .discount-hotel {
    /*left: -55px !important;*/
    transform: rotate(-90deg) !important;
    top: 60px !important;
    left: initial !important;
    right: -60px; }
  html body div[ng-controller="hotel"] .dom .thread {
    width: 35px !important;
    height: 45px !important;
    background: transparent !important;
    position: absolute !important;
    top: -25px !important;
    right: -25px !important;
    z-index: 2 !important;
    border-radius: 100% !important;
    border: 1px solid #44536e !important; }
  html body div[ng-controller="hotel"] .dom .thread:after {
    display: none !important; }
  @media only screen and (max-width: 767px) {
    html body div[ng-controller="hotel"] html body div[ng-controller="hotel"] .mob-fixed {
      position: fixed;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 99999999;
      padding-right: 15px;
      padding-left: 15px; }
      html body div[ng-controller="hotel"] html body div[ng-controller="hotel"] .mob-fixed .card-wrapper {
        box-shadow: 0 0 10px 0px black; }
      html body div[ng-controller="hotel"] html body div[ng-controller="hotel"] .mob-fixed .first-type-button {
        box-shadow: 0 0 10px 0px black; } }

.ir section.right-sidebar-wrapper .result-ordering:not([ng-if="isDesktop"]) {
  display: none; }