﻿/* hong css tour*/
span.tour-view, span.tour-like {
    float: right !important;
}
span.tour-view{
    margin-top: 0 !important;
}
span.tour-print, span.tour-like{
    margin-right:10px
}
/* end hong css tour*/

/*weather*/

#weatherCurrent img {
    width:45%!important;
}
#weatherCurrent span {
    position:absolute;
    padding-left:78px;
    margin-top: -10px !important;
}

select.form-control {
    border-radius: 0;
    font-family: "SFUIDisplay", sans-serif;
    font-weight: 200;
    font-size: 13px;
    color: #8e8e8e;
    height: 34px;
}

#categories-hotel, #categories-restaurant, #categories-tplace {
        border-bottom: 0 
}
.list-item-hotel {
    background: #fff;
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 100%;
    left: 0;
    max-height: 190px;
    border: 1px solid #1A94D3;
    border-top: 0;
}
.list-item-hotel .title-child {
    padding: 5px 5px;
    font-weight: bold;
    font-style: italic;
    color: #F04067;
}
.list-item-hotel .item-search {
    padding: 6px;
    cursor: pointer;
}
    .list-item-hotel .item-search:first-child {
        padding-bottom: 0px;
}
    .list-item-hotel .item-search h4 {
        float: right;
        width: calc(100% - 80px);
        font-size: 14px;
        margin-top: 0!important;
}

.datepicker table td.day,
.datepicker table td.new.day,
.datepicker table td.old.day {
  color: #1A94D3
}

.datepicker table td.old.day.disabled,
.datepicker table td.new.disabled.day  {
  color: #999
}

#auto_hotel, #auto_restaurant, #auto_tplace {
    min-height: 0!important;
    text-align: left!important;
}

section.aps-banner-home .search-home .tabs-search .tab-content .search-option {
    min-height: 41px;
}

@media (max-width: 991px) {
    section.aps-banner-home .search-home .tabs-search .tab-content form .form-group .key-search {
        width: calc(100% - 10px) !important;
    }
    section.aps-banner-home .search-home .tabs-search .tab-content #restaurant-tab .form-group .item.key-search {
        width: calc(100% - 10px) !important;
    }
    section.aps-banner-home .search-home .tabs-search .tab-content form .form-group select {
        height: 30px;
    }
}

section.aps-banner-home .search-home .tabs-search .tab-content #restaurant-tab .form-group .item.key-search {
    width: calc(100% - 152px);
}

section.aps-banner-home .search-home .tabs-search .tab-content #tplace-tab .form-group .item.key-search {
    width: 650px;
}

#form-modal label.error {
  color: red;
  font-size: 12px;
  margin-left: 37px;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500
}

.load-more-page .text-title, .load-more-page-mobile .text-title {
    font-weight: bold;
    margin-top: 5px;
    font-size: 1.1em;
    color: #0A2D49
}

.modal_load {
    position: fixed!important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    display: none;
}

.loading-box .box-show {
    margin: auto;
    width: 170px;
    margin-top: 170px;
    height: 180px;
    padding: 15px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    background: #FF8C00;
    box-shadow: 0 1px 1px rgba(50,50,50,.2);
}

.box-show .box-content {
    bottom: 15px;
    margin: auto;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0;
    position: absolute;
    color: #fff;
    font-weight: bold;
}

.load-more-page-mobile {
    height: 100vh;
    position: relative;
}

.load-more-page-mobile .loading-page-mobile {
    float: none;
    margin: 0 auto;
    border-bottom: 6px solid #fff;
    border-left: 6px solid #fff;
    border-right: 6px solid #FF8C00;
    border-top: 6px solid #FF8C00;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    -webkit-animation: spin .6s infinite linear;
    -moz-animation: spin .6s infinite linear;
    -ms-animation: spin .6s infinite linear;
    -o-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear;
    position: absolute;
    top: calc(50% - 50px);
    left: 0;
    right: 0;
}

.load-more-page .loading-page {
    float: none;
    margin: 0 auto;
    border-bottom: 6px solid #fff;
    border-left: 6px solid #fff;
    border-right: 6px solid #B20E13;
    border-top: 6px solid #B20E13;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    -webkit-animation: spin .6s infinite linear;
    -moz-animation: spin .6s infinite linear;
    -ms-animation: spin .6s infinite linear;
    -o-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear;
    display:inline-block;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.booking-search {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 120px;
    background: #ffcc00;
    background: -moz-linear-gradient(top, #ffcc00 0%, #ff8d00 100%);
    background: -webkit-linear-gradient(top, #ffcc00 0%, #ff8d00 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ff8d00));
    background: -o-linear-gradient(top, #ffcc00 0%, #ff8d00 100%);
    background: linear-gradient(to bottom, #ffcc00 0%, #ff8d00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff8d00',GradientType=0 );
    border: none;
    color: white;
    border-radius: 0;
    border-top-left-radius: 4px;
    height: 35px;
    line-height: 34px;
}
    .booking-search:hover {
        background: #ffcc00;
        background: -moz-linear-gradient(top, #ffcc00 0%, #ff8d00 100%);
        background: -webkit-linear-gradient(top, #ffcc00 0%, #ff8d00 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ff8d00));
        background: -o-linear-gradient(top, #ffcc00 0%, #ff8d00 100%);
        background: linear-gradient(to bottom, #ffcc00 0%, #ff8d00 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff8d00',GradientType=0 );
        border: none;
        color: white;
    }

    .aps-slideSchedule-mobile img {
      height: 186.75px
    }

    #m-d-user {
        cursor: pointer;
    }
@media (max-width: 767px) {
    .booking-search {
        position: relative;
        top: inherit;
        right: inherit;
        bottom: inherit;
    }
    .other_login {
        margin-top: 10px;
    }
      .aps-404-left {
        bottom: 5%;
      }
      .aps-404-right {
        top: 12%;
      }
      section.aps-event .content-primary .aps-slideEvent .item .mrg-top .content {
          padding-left: 0;
      }

      .aps-slideSchedule-mobile img {
          height: inherit
      }
    #language_select {
        position: relative;
        left: 27px;
    }
    #m-d-user {
        position: relative;
        left: -27px;
    }
}

.tabs-link-search {
    display:inline-block;
}
.calendar-wrapper .u-start-body .td-front,
.calendar-wrapper .u-start-body .td-back {
  color: #A2A2A2;
  font-style: italic;
}

#sys_loginform #rememberme2 {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    top: 2px;
}

#rememberme-home {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    top: 2px;
    font-weight: inherit;
}

input[type=password] {
    height: 40px;
    outline: none;
    padding: 0 10px;
    border: 1px solid #e4e4e4;
    border-radius: unset;
    margin-bottom: 15px;
    background-color: #f7f7f7;
    font-size: 14px;
    font-weight: 200;
    color: #777777;
}

.btn-google, .btn-facebook {
    color: #fff;
}

.btn-google {
    background: #de492f;
    
}
.btn-facebook {
    background: #4C64A5
}

.form-action-v2 {
  width: 100%;
  margin-top: 20px;
}

.form-action-v2 .link-signup {
  float: left;
}

.form-action-v2 .link-signup, .form-action-v2 .link-forgot {
  display: inline-block;
  width: 49%;
  font-size: 15px;
  color: #304292;
}

.field-validation-error {
  color: #FF0000;
font-style: italic;
font-size: 13px;
}

#sys_loginform .validation-summary-errors ul {
    list-style: none;
    color: #E81123;
    border-left: 2px solid;
    border-right: 2px solid;
}

.item_log {
    margin-bottom: 0!important;
}

#signup_form label.radio-inline {
    display:inline-block!important;
}

#signup_form select {
    width: 100%;
}

#isrobot {
    display: flex;
    width: 100%;
}
#isrobot_err {
    margin-bottom: 15px;
    color: #FF0000;
}

.apst-register-acc .other_login {
    margin-top: 10px;
    font-size: 15px;
}

.error-text {
    color: #FF0000;
}

header.aps .main-header .hd-right .top {
    padding: 5px 12px;
    margin-left: 10px;
}

    header.aps .main-header .hd-right .top .dropdown .name {
        max-width: 65px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }

    header.aps .main-header .hd-right .top .dropdown img {
        width: 20px;
        height: 20px;
    }

    .full-name-user {
      font-size: 14px;
      color: #333;
      text-transform: uppercase;
      position: relative;
      top: 3px
    }

    .logined li button {
        border: 0;
        width: 100%;
        background: #fff;
        color: #000;
        font-weight: normal;
        text-align: left;
        padding: 3px 20px;
    }

#login-popup {
    display: inline-block;
    width: 100%;
}

.aps-popup-login .login-other form button {
    background: none;
    border: 0;
    margin: inherit;
    width: inherit;
    float:inherit;
    text-transform: inherit;
    height: inherit;
    font-size: 13px;
    font-weight: inherit;
}

.aps-popup-login .login-other form button span {
    padding-left: 7px;
    position: relative;
    top: 0px;
    font-size: 15px;
}
.error-404-link {
    cursor: pointer;
    padding: 5px;
    display: inline-block;
    width: auto;
}

section.apst-address-food .content-primary .content-right-food .list-item-food .item .title {
    max-height: 72px;
}

section.aps-cate-carousel .food-cate-carousel .food-item__desc {
    min-height: 154px;
}
.hobby.save {
    width: 90px;
    height: 39px;
    text-transform: uppercase;
    background: #ffcc00;
    background: -moz-linear-gradient(top, #ffcc00 0%, #ff8d00 100%);
    background: -webkit-linear-gradient(top, #ffcc00 0%, #ff8d00 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ff8d00));
    background: -o-linear-gradient(top, #ffcc00 0%, #ff8d00 100%);
    background: linear-gradient(to bottom, #ffcc00 0%, #ff8d00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff8d00',GradientType=0 );
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    font-size: 14px;
    color: white;
    border-radius: 0;
    font-weight: bold;
    font-family: "SFUIDisplay", sans-serif;
    position: relative;
    left: calc(50% - 45px);
}

.t-box-waiting .bottom .icon-delete {
  position: relative;
  text-decoration: none!important;
}

.t-box-waiting .bottom .right .t-edit-item {
  text-decoration: none;
  margin-right: 20px
}

.user-itineraries-item__bottom {
  padding: 5px 10px;
}
.user-itineraries-item__bottom a {
  font-size: 14px;
  color: #4080FF
}

.hobby-me ul {
    display: inline-block;
    width: 100%;
}
.check_box {
  cursor: pointer;
}
header.aps .main-header .logo {
  padding: 10px 10px 0 10px;
}

header.aps .main-header nav ul li {
  padding: 10px 25px;
}

.margin-l-5 {
    margin-left: 5px;
}
.t-add-adress {
    width:auto;
}
.lst-button {
    display: inline-block;
    width: 100%;
}

.error-text .validation-summary-errors ul {
    list-style: none !important;
    color: #E81123 !important;
    padding-left:0px !important;
    border-left: none !important;
    border-right: none !important;
}

#resetpwd .validation-summary-errors ul,  #forgotpwd .validation-summary-errors ul{
    list-style: none;
    color: #E81123;
}
#view .list-item::-webkit-scrollbar {
    width: 5px;
    display: block;
}

#view .list-item::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
     
#view .list-item::-webkit-scrollbar-thumb {
    background: #3ab645; 
    border-radius: 10px;
}

#view .list-item::-webkit-scrollbar-thumb:hover {
    background: #3ab645; 
}
@media (max-width: 767px) {
    #view .list-item::-webkit-scrollbar{
    display: none;
    }
}