/*-------------------------------------------------
 * Ayunni
 * Added on second ver
 * Created on: 19/09/2018
/*-------------------------------------------------*/
/* =  General
/*-------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700');

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -moz-appearance:textfield;
    -webkit-appearance: none; 
    margin: 0; 
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #e0e0e0 !important;
}
select {
      -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
    opacity: 1;
    transition: opacity 0.6s;
    margin-bottom: 15px;
    font-size: 12px;
}

.alert.success {background-color: #5cb85b;}
.alert.info {background-color: #5a85e6;}
.alert.warning {background-color: #ff9800;}
.box{
    position: fixed;
    z-index: 99999;
    right: 0px;
    top: 246px;
    padding-left: 48px;
    padding-right: 50px;
    background-color: #fff !important;
    border: 1px solid #acacac;
    height: auto;
    min-height: 110px;
    }
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}
.inline{
  display: inline;
}
.text-left{
  text-align: left !important;
}
.float-right{
  float: right;
}
.float-right-fixed{
  float: right;
}
.float-left{
  float: left;
}
.lightblue a{
    color: #3D5AFE !important;
    font-weight: 500;
    font-size: 13px !important;
}
.oranges{
    color: #ff9800;
}
.back-oranges{
    background-color: #ff9800;
}
.back-green{
    background-color: #5cb85c;
}
.back-lightgrey{
  background-color: #e4e4e4;
}
.white{
  color: #fff !important;
}
.gray{
    color: #505050 !important;
}
.brightblue{
  color: #5a86e6 !important; 
}
.back-brightblue{
  background-color: #5a86e6;
  }
  .bkd a{
    border-bottom: 2px solid #5a86e6;
    color: #fff !important;
  }
.weigh-600{
  font-weight: 600;
}
.weigh-400{
  font-weight: 400;
}
.weigh-300{
  font-weight: 300;
}
.block{
  display: block !important;
}
hr.lightblue{
    width: 80px;
    margin: auto;
    text-align: center;
    border-bottom: 1px solid #3D5AFE;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    float: left;
    margin-left: 40px;
}
/* PADDING */
.padding-top-10{
    padding-top: 10px;
}
.padding-top-7{
    padding-top: 7px !important;
}
.padding-top-15{
    padding-top: 15px;
}
.padding-top-10-fixed{
    padding-top: 10px;
}
.padding-top-30-fixed{
    padding-top: 30px;
}
.padding-tb-10{
    padding: 10px 0px!important;
}
.padding-lr-5{
  padding: 0px 5px;
}
.padding-lr-10{
  padding: 0px 10px;
}
.padding-tb-70-m{
  padding: 40px 0px;
}
.padding-tb-15{
  padding: 15px 0px;
}
.padding-tc-17{
  padding-top: 17%;
}
.padding-all-15{
  padding: 15px;
}
.padding-all-20{
  padding: 20px;
}
.padding-all-15-m{
  padding: 15px;
}
/* MARGIN */
.margin-top-60{
    margin-top: 60px;
}
.margin-top-80{
    margin-top: 80px;
}
.margin-top-45{
    margin-top: 45px;
}
.margin-top-25{
    margin-top: 25px;
}
.margin-top-15{
    margin-top: 15px;
}
.margin-top-145{
    margin-top: 145px;
}
.margin-top-133{
    margin-top: 133px;
}
.margin-to-top-15{
    margin-top: -8px !important;
    margin-left: -5px !important;
}
.margin-right{
  margin-right: 25px;
}
.margin-tb-20{
  margin: 20px 0px;
}
.margin-bottom-15{
    margin-bottom: 15px;
}
.align-right{
  text-align: right !important;
}
.align-left{
  text-align: left !important;

}
.col-md-6-no-p{
  width: 49%;
  display: inline-block;
}
.col-md-6-no-p:first-child{
    float: left;
}
.col-md-6-no-p:last-child{
    float: right;
}
.modal-head{padding-bottom: 15px; border-bottom: 1px solid #e0e0e0; margin-bottom: 25px;}
.modal-head h4{ margin-top:25px; }
span.badge{
    color: #ff9800 !important;
}
.badge{
  background-color: #fff !important;
}

/* BUTTON */
.btn {
  position: relative;
  width: 100%;
  transition: all 0.3s;
  height: 45px;
  display: inline-block !important;
  padding: 12px !important;
}

.btn-default {
    color: #263a78 !important;
}
.bttn{
    height: 35px;
    font-size: 13.5px;
    border-radius: 2px;
    padding: 0px 15px;
    color: #fff;
    border: 0px;
    margin-left: 5px;
}
.btn-secondary{
  width: 220px;
  height: 45px;
  border: none;
  float: right;
  color: #fff !important;
  background-color: #28bc4d;
  transition: all 0.3s;
  font-weight: 600 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  font-size: 14px;
  text-transform: uppercase;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{
  color: #fff !important;
  background-color: #1ab64f !important;
}
.btn-secondary::before, .btn-secondary::after{
  color: #fff !important;
  background-color: #1ab64f !important;
}
.btn-one{
    background-color: rgba(255, 255, 255, 0);
    color: #2b3e7d !important;
    height: 55px;
    font-weight: 600 !important;
}
.btn-one:hover{
    color: #fff !important;
}
.btn-one::before {
    left: 4px;
    z-index: 1;
  opacity: 0;
  background: rgba(255, 255, 255, 0.1);
  transform: scale(0.1, 1);
}
.btn-one:hover::before {
  opacity: 1;
  transform: scale(1, 1);
  color: #FFF !important;
}
.btn-one::after {
  transition: all 0.3s;
}
.btn-one:hover::after {
  transform: scale(1, .1);
  opacity: 0;
  color: #FFF !important;
}
.btn-primary {
    color: #fff;
    background-color: #3b549e !important;
    border-color: #25387c !important;
    width: 150px;
    font-weight: 400 !important;
    border-radius: 2px;
    font-size: 14px;
    height: 45px;
    margin-left: 20px;
}
.ghost-style-1{
    border: 1px solid #333 !important;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 2px;
    font-size: 14px;
    width: 100%;
    padding: 10px 10px;
    color: #000 !important;
    }
.ghost-style-2{
    background-color: rgba(255, 255, 255, 0);
    border-radius: 2px;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    height: 55px;
    padding-top: 15px;
}
.ghost-style-2 a{
    color: #2b3e7d !important;
    font-weight: 600 !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600 !important;
}
.ghost-style-3{
    background-color: rgba(255, 255, 255, 0);
    border-radius: 2px;
    width: 100%;
    padding: 10px;
    border: 1px solid #3b5998;
    font-size: 13px;
    font-weight: 500 !important;
    color: #3b5998 !important;
    width: 100% !important;
    border-radius: 35px !important;
}
.ghost-style-3:hover{
    background-color: #3b5998;
    border: 1px solid #3b5998;
    color: #fff !important;
    transition: 0.3s;
}
.btn-green{
    color: #fff;
    border: transparent;
    background-color: #28bc4d;
    border-radius: 2px;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    padding: 12px 25px;
    font-weight: 500;
    letter-spacing: 0.5px;
        margin:5px;
    text-align: center;
    font-size: 12px !important;

}
.btn-green a{
    color: #fff !important;
}
.btn-yellow{
color: #fff;
    border: transparent;
    background-color: #efbc05;
    border-radius: 2px;
    width: 180px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    padding: 5px 25px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: center;
    position: fixed;
    z-index: 999;
    right: 0px;
    top: 200px;
    font-size: 16px;

}
.btn-red{
    color: #fff;
    border: transparent;
    background-color: #dc3c39;
    border-radius: 2px;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    padding: 12px 25px;
    font-weight: 500;
    letter-spacing: 0.5px;
        margin:5px;
    text-align: center;
    font-size: 12px !important;
}
.btn-red a{
    color: #fff !important;
}
.btn-grey{
    color: #fff;
    border: transparent;
    background-color: #999;
    border-radius: 2px;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    padding: 12px 25px;
    font-weight: 500;
    letter-spacing: 0.5px;
        margin:5px;
    text-align: center;
    font-size: 12px !important;
}

.btn-common{
    color: #2d57a2;
    border: 1px solid #2456a7;
    background-color: #fff;
    border-radius: 2px;
    width: 100%;
    padding: 12px 25px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin:5px;
    text-align: center;
    font-size: 12px !important;
}
.list-info p{
  font-size: 14px;
  line-height: 15px;
}
.list-info .highlight_text{
  font-weight: 500;
}
.avatar2 img{
  max-width: 150px;
  margin: auto;
  text-align: center;
}
.inner-box{
  padding: 5px 0px;
}
.ad_listing{
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.user-detail h5{
  line-height: 20px;
}
.list-enqu-btn ul li .pending{
    background: #f4ba36;
    border: 1px solid #f7b503;
    color: #fff;
    font-weight: 500;
}
.list-enqu-btn ul li .pending:hover{
    background: #fff;
    border: 1px solid #f7b503;
    color: #f7b503;
    font-weight: 500;
}
.list-enqu-btn ul li .draft{
    background: #8e8e8e;
    border: 1px solid #848484;
    color: #fff;
    font-weight: 500;
}
.list-enqu-btn ul li .draft:hover{
    background: #fff;
    border: 1px solid #848484;
    color: #848484;
    font-weight: 500;
}
.list-enqu-btn ul li .view{
    background: #ffffff;
    border: 1px solid #263b7f;
    color: #24397d;
    font-weight: 500;
}
.list-enqu-btn ul li .view:hover{
    background: #263b7f;
    border: 1px solid #263b7f;
    color: #fff;
    font-weight: 500;
}
.list-enqu-btn ul li .trash:hover{
    background: #FFF;
    border: 1px solid #dc2e21;
    color: #dc2e21;
    font-weight: 500;
}
.list-enqu-btn ul li a[disabled] {
   pointer-events: none !important;
   cursor: default;
}
.single-det-btn {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
}
.single-det-btn ul {
    padding: 0px;
}
.single-det-btn ul li {
    display: inline-block;
    float: left;
    width: 25%;
    margin: 0px;
}
.single-det-btn ul li a {
    border: 1px solid #e4e4e4;
    text-align: center;
    display: block;
    padding: 5px;
    color: #fff;
    box-sizing: border-box;
    margin: 4px;
    border-radius: 2px;
    font-weight: 300;
}
.single-det-btn ul li a:hover {
  background-color: rgba(255,255,255,0.1);
  }
.single-det-btn ul li a i {
    margin-right: 5px;
}
/* Button END */
.dir-pa-sp-top {
    margin-top: 85px;
}
.dir-alp-tit {} .dir-alp-tit h1 {
    color: #333;
    font-weight: 700;
    font-size: 20px;
    padding: 0px 0px 0px 3px;
}
.dir-alp-tit ol li {} .dir-alp-tit ol li a {
    color: #777;
    font-weight: 500;
}
.breadcrumb {
    padding: 8px 0px !important;
    background-color: transparent !important;
}
.breadcrumb a {
    color: #767676 !important;
    }
.breadcrumb > .active {
    color: #3D5AFE !important;
    font-weight: 500;
    cursor: pointer;
}
.breadcrumb > li + li:before {
    color: #8a8a8a;
}
.breadcrumb {
    margin-bottom: 0px !important;
    }
.dir-alp-left-ner-notb span{
    float: right;
    text-align: right;
    background: #5284ed;
    border-radius: 5px;
    padding: 0px 8px;
    color: #fff;
    margin-top: 1px;
    font-weight: 400;
    margin-left: 10px;
}
.dir-alp-left-ner-notb li a{
    color: #555555;
    font-weight: 300;
    font-size: 13px;
}
.dir-alp-left-ner-notb li a:hover{
    color: #2e57a2;
}
.dir-alp-left-ner-notb p{
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #444;
}
.sorting-sec h5{
    font-weight: 500;
    display: inline-block;
    font-size: 13px !important;
}
.sorting-sec a{
    padding: 5px 10px;
    color: #333;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    font-weight: 500;
    border-radius: 2px;
    font-size: 12px;
    margin-left: -2px;
}
.sorting-sec a:hover{
    background: #263b7f;
    border: 1px solid #263b7f;
    color: #fff;
    font-weight: 500;
}
.sorting-sec a:nth-child(2) {
    margin-left: 10px;
    }
.sorting-sec a:nth-child(3) {
    border-left: none;
    border-right: none;
    }
/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/
.bottomMenu {
    position: fixed;
    top: 31px;
    width: 100%;
    height: 80px;
    background: #fff !important;
    z-index: 99;
    transition: all 1s;
    -webkit-box-shadow: 0 1px 3px #960;
    -moz-box-shadow: 0 1px 3px #960;
    box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.47);
    display: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media screen and (max-width: 1200px) {
    .bottomMenu {
            top: 0px;
    }
}

.dir-il-top-fix {
    opacity: 1 !important;
    display: block;
}
/*-------------------------------------------------*/
/* =  Menu
/*-------------------------------------------------*/
.ts-menu-2 {
    float: left;
    width: 25%;
    padding: 15px 12px 11px 12px;
}
.ts-menu-2 a {
    vertical-align: middle;
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
}
.ts-menu-2 a i {
    color: #fff;
    padding: 5px;
}
.ts-menu-1 a {} .ts-menu-1 a img {
    padding-top: 8px;
    margin-top: 0px;
}
.ts-menu {
    position: relative;
}
.ts-menu-1 {
    float: left;
    width: 70%;
}
.ts-menu-3 {
}
.ts-menu-5 {
    float: left;
    width: 5%;
    padding: 11px 0px 0px 1px;
    text-align: center;
}
.ts-menu-5 span i {
    font-size: 21px;
    padding-top: 16px;
    color: #333;
}
.tourz-top-search-form {
    margin-top: 11px;
    text-align: center;
    display:flex;
    justify-content:center;
}
.tourz-top-search-form input[type=text]{
  height: 55px !important;
}
.tourz-top-search-form input{
    border: 1px solid #eaeaea !important;
    height: 55px;
    font-size: 13px;
    padding: 3px 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.tourz-top-search-form label{
    top: 15px;  
    float: left;
}
.tourz-top-search-form div:nth-child(1) {
    width: 55%;
    float: left;
}
.tourz-top-search-form div:nth-child(2) {
    width: 25%;
    float: left;
}
.tourz-top-search-form div:nth-child(3) {
    width: 20%;
}
.v3-top-ri {
    padding: 10px 0px;
}
.v3-top-ri ul {
    margin-bottom: 0px;
    float: right;
}
.v3-top-ri ul li {
    float: left;
}
.v3-top-ri ul li a{
    color: #333;
}
.v3-top-ri ul li:nth-child(1) a, .v3-top-ri ul li:nth-child(2) a{
    border-left: 1px solid #888;
    padding: 0px 20px;
}
.v3-top-ri ul li:nth-child(2) a{
    padding: 0px 20px;
}
.v3-top-ri ul li:nth-child(2) a:after{
    content: "/" ;
    padding-left:20px;
}
.v3-top-ri ul li a i {
    margin-right: 5px;
}
.v3-top-ri ul ul {list-style: none;padding: 0px;margin: 0px; background-color: #fff; box-shadow: 1px 0px 2px #999;}
.v3-top-ri ul ul li {display: block;position: relative;float: left; padding: 10px 5px; }
.v3-top-ri ul li ul {display: none;}
.v3-top-ri ul ul li a {display: block; text-decoration: none; white-space: nowrap;color: #333; border-left: none !important;}
.v3-top-ri ul ul li:nth-child(2) a:after{ content: " " !important; }
.v3-top-ri ul li:hover ul {display: block; position: absolute;}
.v3-top-ri ul li:hover li {float: none;}

.mob-right-nav {
    position: fixed;
    right: -290px;
    top: 81px;
    background: #ffffff;
    width: 280px;
    padding: 5px 15px 5px 15px;
    height: 100%;
    overflow-y: scroll;
    z-index: 9;
    transition: all 0.5s ease;
    box-shadow: -6px 5px 13px rgba(0, 0, 0, 0.24);
    text-align: center;
}
.mob-right-nav:hover {
    overflow-y: scroll;
}
.mob-right-nav h5 {
    color: #6d6d6d;
    font-weight: 400;
    padding-bottom: 10px;
    margin-top: 10px;
}
.mob-right-nav h5 a{
    color: #5284ed !important;
}
.mob-right-nav ul li .active{
    border-radius: 2px;
    color: #ffffff !important;
    background-color: #5284ed;
    padding: 10px;
    margin: 10px 0px;
}
.mob-right-nav ul li .option{
    color: #5284ed !important;
    margin: 10px 0px;
}
.mob-right-nav ul {} .mob-right-nav ul li {} 
.mob-right-nav ul li a {
    color: #6d6d6d !important;
    transition: all 0.5s ease !important;
    display: block !important;
    font-size: 14px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
.mob-right-nav ul li a:hover {
    transition: all 0.5s ease;
    color: #2d3c43;
    padding-left: 25px;
}
.mob-right-nav ul li a i {
    padding-right: 5px;
}
.mob-right-nav  ul ul {list-style: none;padding: 0px;margin: 0px; background-color: #fff; box-shadow: 1px 0px 2px #999;width: 90%;}
.mob-right-nav  ul ul li {display: block;position: relative;float: left; padding: 10px 5px; }
.mob-right-nav  ul li ul {display: none;}
.mob-right-nav  ul ul li a {display: block; text-decoration: none; white-space: nowrap;color: #333; border-left: none !important;}
.mob-right-nav  ul li:hover ul {display: block; position: absolute;}
.mob-right-nav  ul li:hover li {float: none;}
.mob-right-nav-close {
    float: right;
} 
.mob-right-nav-close i {
    cursor: pointer;
    border: 1px solid #333;
    padding: 5px;
    color: #333;
    border-radius: 25px;
    width: 24px;
    height: 24px;
    text-align: center;
}
.mob-menu-icon {} .mob-right-nav:hover {
    overflow-y: scroll;
}
/*-------------------------------------------------*/
/* =  Datepicker
/*-------------------------------------------------*/
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #f5f5f5;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 5px;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #f5f5f5;
  border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid #4882f5;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th{
  font-weight: 500;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
  padding: 0px 19px !important;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

.daterangepicker td.in-range {
  background-color: #f0f5ff;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #4882f5;
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
  border-bottom: 1px solid #ddd;
  font-size: 14px !important;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
  display: inline-block;
    width: 32%;
}

.daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background-color: #eee;
}

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
    .daterangepicker .ranges ul {
      width: 140px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .drp-calendar.left {
      clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
      float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
      float: right; }
    .daterangepicker.ltr {
      direction: ltr;
      text-align: left; }
      .daterangepicker.ltr .drp-calendar.left {
        clear: left;
        margin-right: 0; }
        .daterangepicker.ltr .drp-calendar.left .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.ltr .drp-calendar.right {
        margin-left: 0; }
        .daterangepicker.ltr .drp-calendar.right .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.ltr .drp-calendar.left .calendar-table {
        padding-right: 8px; }
      .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
        float: left; }
    .daterangepicker.rtl {
      direction: rtl;
      text-align: right; }
      .daterangepicker.rtl .drp-calendar.left {
        clear: right;
        margin-left: 0; }
        .daterangepicker.rtl .drp-calendar.left .calendar-table {
          border-left: none;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      .daterangepicker.rtl .drp-calendar.right {
        margin-right: 0; }
        .daterangepicker.rtl .drp-calendar.right .calendar-table {
          border-right: none;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      .daterangepicker.rtl .drp-calendar.left .calendar-table {
        padding-left: 12px; }
      .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker.ltr .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .drp-calendar.left {
    clear: none !important; } }


/*-------------------------------------------------*/
/* =  Home - Register Section
/*-------------------------------------------------*/
.reg-socmed h5{
    font-weight: 400;
    font-size: 14px;
}
.reg-socmed ul {
    margin-top: 20px;
}
.reg-socmed ul li {
    margin-bottom: 5px;
    margin-right: 5px;
    display: inline-block;
}
.reg-socmed ul li a {
    display: block;
    background: #3F51B5;
    color: #fff;
    padding: 12px;
    border-radius: 2px;
    font-family: 'Quicksand', sans-serif;
    width: 140px;
    text-align: center;
}
.reg-socmed ul li:nth-child(1) a {
    background: #39579A;
}
.reg-socmed ul li:nth-child(2) a {
    background: #F24033;
}
.reg-socmed ul li a i {
    padding-right: 7px;
}
/*-------------------------------------------------*/
/* =  Room Listing Section
/*-------------------------------------------------*/
.room_price{
    position: absolute;
    background: #263a78;
    top: 0px;
    padding: 3px 5px;
}

.room_price span{
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.inn-list-pop-desc p:first-child{
    padding-top: 10px;
}
.room-details{
    font-size: 13px !important;
}
.post-details{
    position: absolute;
    bottom: 0px;
    background-color: rgba(255,255,255,0.90);
    padding: 3px 5px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.post-details p{
    color: #0a9e00;
    margin-bottom: 0px;
    font-weight: 600;
}
.post-details i{
    color: #888;
}
/*-------------------------------------------------*/
/* =  Short Rental Listing Section
/*-------------------------------------------------*/
.dir-title {
    border-top: 3px solid #293e84;
}
.dir-title h4{
    background: #ffffff;
    color: #293e84;
    padding: 20px 25px;
    text-transform: capitalize;
    font-size: 14px;
    border-bottom: 1px solid #e4e4e4;
    font-weight: 500;
    text-align: left;
}
.chec-out-pay [type="radio"] + label:before, [type="radio"] + label:after {
    top: 0px !important;
}
[type="checkbox"]:checked + label:before {
    border-right: 2px solid #4882f5 !important;
    border-bottom: 2px solid #4882f5 !important;
    }
[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after {
    border: 2px solid #4882f5 !important;
}
[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after {
    background-color: #4882f5 !important;
}
/*-------------------------------------------------*/
/* =  Single Room Section
/*-------------------------------------------------*/
.room-rental{
    font-weight: 500;
    font-size: 13px;
    color: #555;
    padding-bottom: 20px;
}
.list-pg-upro i{
    margin-bottom: 15px;
    font-size: 18px;
    color: #5a86e6;
    margin-right: 15px;
}

[class^="tooltip"] {
  position: relative;
}
[class^="tooltip"]:after {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  content: attr(data-tooltip);
  padding: 6px 10px;
  font-size: 12px !important;
  font-weight: 100;
  top: 32px;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-2px);
          transform: translateX(-50%) translateY(-2px);
  background: grey;
  color: white;
  white-space: nowrap;
  z-index: 2;
  border-radius: 2px;
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
[class^="tooltip"]:hover:after {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}
.tooltip--triangle:before {
  content: '';
  width: 0;
  height: 0;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-bottom: solid 5px grey;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-2px);
          transform: translateX(-50%) translateY(-2px);
  top: 27px;
  left: 50%;
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  z-index: 3;
}
.tooltip--triangle:hover:before {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}
.report form .input-field input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea, select{
    height: 55px;
    position: relative;
    padding: 15px 15px;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #e8e8e8 !important;
    text-indent: 0;
    line-height: 12px;
    -webkit-transition: border-color .4s, color .4s;
    transition: border-color .4s, color .4s;
    /* -webkit-appearance: none; */
    width: 100%;
    font-size: 14px;
    background: #fff;
}
.report textarea.materialize-textarea{
    height: 150px;
}
/*-------------------------------------------------*/
/* =  How it works Section
/*-------------------------------------------------*/
.dir-pa-sp-top-bg {
    padding: 20px 0px;
}
.how-com h6{
  color: #555;
  font-size: 16px;
  font-weight: 500;
  margin-top: 25px;
}
.how-com p{
  color: #555;
  font-size: 14px;
  font-weight: 300;
}
/*-------------------------------------------------*/
/* =  Register/Login/Reset Section
/*-------------------------------------------------*/
.tz-register {
    background: url(../images/locations/malaysia-city.jpg) !important;
    margin-top: 80px !important;
    background-size: cover !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.85) !important;
}
  .log-in-pop-right {
    padding: 30px !important;
}
/*-------------------------------------------------*/
/* =  Dashboard Section
/*-------------------------------------------------*/
.tz {
    margin-top: 80px !important;
    padding: 50px 50px !important;
}
.tz-5 {
    float: left;
    width: 76%;
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dadada;
    box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8);
    border-radius: 4px;
    margin-left: 12px;
    margin-right: 12px;
}
.tz-2-com h4 {
    background: #314687 !important;
    font-weight: 400 !important;
}
.tz-3 h4 {
    background: #314687 !important;
    font-weight: 400 !important;
}
.tz-2-main-2 {
    border: 1px solid #e4e4e4 !important;
}
.tz-2-main-com img {
    max-width: 185px !important;
    border: none !important;
    background-color: #fff !important;
    opacity: 0.8;
  }
  .tz-2-main-2 img{
    max-width: 55px !important;
  }
  .tz-2-main-1 p {
    font-size: 13px !important;
    font-weight: 400 !important;
}
.tz-2-main-com span {
    font-size: 14px !important;
    font-weight: 500 !important;
}
.tz-2-main-com h2 {
    color: #5a86e6 !important;
    font-size: 24px !important;
}
.tz-2-com h4 img{
    padding-bottom: 5px;
    width: 18px;
}
.btn.green{
    background-color:#5cb85c;
    /*border: 2px solid #5cb85c;*/
    color: #ffffff;
}
.form-control{
    width: 100% !important;
    min-height: 45px !important;
    box-shadow: none !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    color: #555 !important;
    font-weight: 400 !important;
  }
select.minimal {
background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #cccccc94);
    background-position: calc(100% - 20px) calc(1em + 10px), calc(100% - 15px) calc(1em + 10px), calc(100% - 2.5em) 1em;
    background-size: 5px 5px, 5px 5px, 1px 0em;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    height: 55px !important;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1.75em,
    calc(100% - 20px) 1.75em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 0em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.tab-pane .input-field label {
    color: #555 !important;
    font-weight: 400 !important;
    left: 30px !important;
}
.tz-l-2 {
    background: #ffffff;
    padding: 20px 10px !important;
}
.tz-l-2 ul {
  margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0), 0 3px 1px -2px rgba(0, 0, 0, 0);
    margin-top: 0px;
}
.tz-l-2 ul li {
    list-style-type: none;
    /* border-bottom: 1px solid #303b40; */
    /* padding: 3px 20px; */
}
.tz-l-2 ul li a {
    display: block;
    font-size: 13px;
    padding: 10px 0px;
    border-bottom: 1px solid #e4e4e4;
    padding: 12px 0px !important;
    background: #ffffff;
}
.tz-l-2 ul li a:after {
   
    display: block;
    position: absolute;
    margin-top: -15px;
    right: 20px;
    font-size: 12px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -o-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
}
.tz-l-2 ul li a:hover:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.tz-l-2 ul li a:focus:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.tz-l-2 ul li a:hover {
    background: #e4e4e4;
}
.tz-l-2 ul li a:focus {
    background: #e4e4e4;
    color: #333;
}
.tz-l-2 ul li a i {
    margin-right: 8px;
    width: 16px;
}
.tz-l-2 .collapsible-header i{
  float: right !important;
}
.v4-pril-inn-top {
    background: #e8edef !important;
    padding: 50px !important;
    border-bottom: 1px solid #fff !important;
  }
.v4-pril-curr {
    color: #5284ed !important;
  }
.v4-pri-best {
    color: #fff !important;
    background-color: #35589d !important;
  }
.v4-pril-price b {
    color: #283b80 !important;
}
.v4-pril-mon {
    color: #333 !important;
}
.v4-pril-inn-bot ul li:nth-child(odd) {
    background: #e8edef !important;
}
.tz-2-main-com ul li {
    text-align: left;
    border-bottom: 1px solid #ffffff !important;
}
.v4-pril-inn-bot ul li .fa-check {
    color: #5284ed !important;
}
.v4-pril-inn-bot ul li {
    color: #555 !important;
    font-size: 13px !important;
}
.v4-pril-inn-bot ul li:nth-child(even) {
    background: #e7edef !important;
}
.v4-pril-price b {
    font-size: 42px !important;
    line-height: 50px !important;
}
.v4-pril-inn-bot {
    background: #e6edef !important;
}
.v4-pril-inn-bot ul{
  margin-bottom: 0px !important;
}
.form-control {
    padding: 6px 19px !important;
}
.input-field label {
    left: 15px !important;
}
.panel-heading{
    padding: 5px 5px !important;
    border-bottom: 1px solid transparent !important;
    color: #fff !important;
    font-size: 13px !important;
    border-radius: 2px !important;
}
.panel-heading h5{
    font-weight: 400;
    font-size: 18px;
}
.panel-heading h5 small{
    font-size: 10px;
    color: #fff !important;
}
.list-pg{
    background: #f5f5f5;
    padding-bottom: 70px;
}
/*-------------------------------------------------*/
/* =  /* Style the tab */
/*-------------------------------------------------*/
.tab {
    float: left;
    border: 1px solid #e9edef;
    width: 30%;
    height: 100%;
    margin-top: 20px;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: #304585;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #fff;
    color: #5a84e6;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #5a84e6;
    color: #fff;
    border-right: 2px solid #304585;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 30px 20px;
    width: 70%;
    border-left: none;
    height: 100%;
    margin-top: 20px;
    background-color: #e9edef;
    min-height: 300px;
}
.upload-photo{
    padding: 15px;
    border: 1px solid #e4e4e4;
    background-color: #f6f6f6;
    border-style: dashed;
    border-width: 2px;
}
.upload-photo .col-md-4{
  margin-bottom: 20px;
}
.upload-photo .col-md-4 img{
    width: 100%;
    height: 240px !important;
    background-color: rgba(255, 255, 255, 0) !important;
    padding: 0px !important;
    margin-bottom: 5px !important;
    object-fit: cover;
}
.upload-photo .del{
    position: absolute;
    top: 0px !important;
    background-color: #ff2721;
    padding: 5px;
    font-size: 16px;
    box-shadow: 1px 1px 2px #000;
    border-radius: 2px;
}
.upload-photo .del i{
  color: #fff;
}
.c_photo{
    position: absolute;
    bottom: 50px;
    padding: 6px;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.6) !important;
}
.c_photo [type="checkbox"] + label{
  height:15px !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  padding-left: 25px !important;
  color: #fff !important;
}
.preview ul li{
  padding: 0px !important;
  margin-left: 20px !important;
}
.preview img{
      width: 100%;
    height: 240px !important;
    background-color: rgba(255, 255, 255, 0) !important;
    padding: 0px !important;
    margin-bottom: 25px !important;
    object-fit: cover;
}
.u_photo{
    position: absolute;
    top: 0px;
    padding: 6px;
    border-radius: 2px;
    background-color: #24477f !important;
}
.u_photo [type="checkbox"] + label{
  height:15px !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  padding-left: 25px !important;
  color: #fff !important;
}
.mm2{

}
/*-------------------------------------------------*/
/* =  /* user */
/*-------------------------------------------------*/
.user-pro img{
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 50%;
}
.user-pro h2{
font-size: 21px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
  }
.user-info li{
font-size: 13px;
    color: #505050;
    line-height: 25px;
    word-break: break-all;
    font-weight: 400;
    list-style: none;
    padding-left: 0px;
    text-align: left;
}
.user-info li .dtl{
  font-weight: 500;
  font-size: 14px;
}
.user-pro p{
font-size: 13px;
    font-style: italic;
    color: #505050;
    line-height: 20px;
    font-weight: 400;
}
.user-pro p:before{
  content: open-quote; 
}
.user-pro p:after{
  content: close-quote; 
}
.verified-tag{
  font-size: 13px;
    margin: 8px 0px;
    color: #41c647;
}
.verified-tag img{
  width: 20px;
  height: auto;
  bottom: 0px;
  display: inline;
  margin-right: 5px;
}
.dropdown {
  display: inline-block;
  position: relative;
  z-index: 9999;
}

.dd-button {
     padding: 5px 18px 5px 5px;
    color: #555;
    background: #ffffff;
    border: 1px solid #e4e4e4;
    font-weight: 400;
    border-radius: 2px;
    font-size: 12px;
    display: inline-block;
    border-radius: 4px;
    background-color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
    min-width: 81px;
}

.dd-button:after {
 content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #505050;
}

.dd-button:hover {
  background-color: #eeeeee;
}


.dd-input {
  display: none;
}

.dd-menu {
  position: absolute;
  top: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0;
  margin: 2px 0 0 0;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
  background-color: #ffffff;
  list-style-type: none;
}

.dd-input + .dd-menu {
  display: none;
} 

.dd-input:checked + .dd-menu {
  display: block;
} 

.dd-menu li a{
    padding: 5px 12px;
    cursor: pointer;
    white-space: nowrap;
    z-index: 9999999;
    font-size: 11px;
    color: #767676;
    line-height: normal;
}

.dd-menu li a:hover {
  background-color: #f6f6f6;
}

.dd-menu li a {
  display: block;}
.main-title h3{
    font-size: 24px;
    padding-bottom: 5px;
    color: #333;
    font-weight: 400;
    line-height: 27px;
}
h3 .usr-nm{
  font-weight: 600;
  color: #333 !important;
  font-size: 18px !important;
}
.tab-head{
    background-color: #fff;
    height: 50px;
    width: 100%;
    display: table;
}
.tab-head button{
    font-weight: 500;
    width: 49.5%;
    color: #505050;
    font-size: 14px;
    border: 1px solid rgb(226, 226, 226);
    padding: 15px 20px;
    margin-bottom: 25px;
    background-color: whitesmoke;
  }

 .tab-head button.active{
    background-color: #3e56a2 !important;
    color: #ffffff;
    border: 1px solid rgb(42, 64, 133);
  }
  .input-field.col label{
    padding-left: 12px !important;
  }
  .home-list-pop i{
    font-size: 12px;
  }
  .input-field label {
    top: 18px !important;
    font-size: 13px !important;
  }
  .boxie{
    display: table;
    width: 100%;
  }
  .trty{
    display: table-cell;
    width: 30%;
    vertical-align: top;
  }
  .svty{
    display: table-cell;
    width: 70%;
    vertical-align: top;
  }
  .booking-details h4{
    font-size: 13px;
    color:#555;
    font-weight: 400;
    line-height: 30px;
  }
  .booking-details h3{
    padding: 15px 0px 0px 0px;
    background: #fff;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #333;
  }
  .booking-details h4 span{
    color: #333;
    font-size: 14px;
    float: right;
    font-weight: 500;
    text-align: right;
    line-height: 18px;
  }
  .booking-details table td:first-child{
    width: 25%;
    vertical-align: top;
  }
  .booking-details table td:last-child{
  }
  .booking-details p{
    color: #333 ;
    font-size: 13px;
    font-weight: 400;
  }
 .booking-details p span{
    color: #5a86e6;
    font-size: 13px;
    font-weight: 400;
  }
  #av-cal{
    margin-bottom: 25px;
  }
  .pickmeup .pmu-instance nav{
    height: auto !important;
    padding:10px;
    line-height: 30px !important;
  }
  .rm-dtls img{
    height: 250px;
    width: auto;
    max-width: 100%;
    object-fit: cover;
  }
 .bkd-btn{
    padding:9px 25px !important;
    height: auto;
    width: 100%;
    color: #fff;
    background-color: #5a86e6;
    margin-top: 20px;
 }
  .bkd-btn a{
    font-size: 15px;
    font-weight: 500;
    color: #fff;
  }
#bkd-summary .input-field label{
    top:14px !important;
  }
 #bkd-summary textarea.materialize-textarea{
    height: 150px;
}
.bkd-head{
    background-color: #fff;

}
.bkd-head h3{
    font-size: 16px;
}
.pglist-bg-nkd{
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}
.list-pg-wh{
    background-color: #fff;
    padding-bottom: 70px;
}
.bkd-note{
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin: 15px 0px;
    padding: 20px 0px;
}
.bkd-note h3{
        font-size: 16px;
    font-weight: 600;
    color: #333;
    }
.bkd-note p{
    font-size: 13.5px;
    font-weight: 400;
    color: #555;
}
.bkd-note .input-field label{
    top: 0px !important;
    left: 0px !important;
}
#search_criteria-room .overlay-content ul li {
    display: inline-block;
    width: 48%;
    font-size: 14px;
    text-align: left !important;
}
#search_criteria-room [type="checkbox"] + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    /* text-align: left !important; */
    font-size: 13px;
    font-weight: 400;
    color: #333;
    }
#search_criteria-str .overlay-content ul li {
    display: inline-block;
    width: 48%;
    font-size: 14px;
    text-align: left !important;
}
#search_criteria-str [type="checkbox"] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    /* text-align: left !important; */
    font-size: 13px;
    font-weight: 400;
    color: #333;
    }
.rslt-nt-fnd{
    margin: 25px 0px 0px 0px;
    text-align: center;
    background-color: #f9f9f9;
    padding: 25px 30px;
    border-radius: 5px;
    border: 1px solid #f5f5f5;
}
.rslt-nt-fnd h1{
    font-size: 20px;
    color: #505050;
}
.rslt-nt-fnd p{
    font-size: 13.5px;
    font-weight: 400;
    color: #505050;
}
.rslt-nt-fnd img{
    max-width: 420px;
    height: auto;
    margin: 30px 0px;
}
#prmy-cntct h6{
    font-size: 13.5px;
}
#prmy-cntct input[type="text"]:first-child {
    border:none !important;
    font-weight: 500 !important;
    color: #333 !important;
}
#show-more-cntct{
    border:0 !important;
    color: #5a86e6;
    background-color: transparent !important;
    font-size: 13.5px;
    font-weight: 500;
}
.sw-theme-circles > ul.step-anchor > li {
    padding-top: 50px !important;
}
.anchor-space{
    padding-top: 90px;
    margin-top: -90px;
}
#prmy-cntct{
    padding-bottom: 25px;
}
#prmy-cntct h6{
    font-size: 13.5px;
}
#prmy-cntct input[type="text"]:first-child {
    border:none !important;
    font-weight: 500 !important;
    color: #333 !important;
}
#opt-cntct{
    padding-top:10px;
}
#opt-cntct h6{
    font-size: 13.5px;
    padding-bottom: 15px;
}
#show-more-cntct{
    border:0 !important;
    color: #5a86e6;
    background-color: transparent !important;
    font-size: 13.5px;
    font-weight: 500;
}
.btn-cntct-vry{
    background: #28bc4d;
    width: 32px;
    height: 32px;
    border: none;
    color: #fff;
    border-radius: 5px;
    cursor:pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
    background-color: #ccc;
}
.ms-drop ul > li label{
    top: 0px !important;
    position: inherit !important;
    line-height: 15px;
}
.ms-choice {
    display: block !important;
    width: 100% !important;
    height: 45px !important;
    padding: 0 !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 1px solid #e8e8e8 !important;
    text-align: left !important;
    white-space: nowrap !important;
    line-height: 26px !important;
    color: #505050 !important;
    text-decoration: none !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    background-color: #fff !important;
}
.ms-choice > span {
    top: 10px !important;
}
.ms-drop ul {
    height: 85px;
    overflow-y: scroll;
    }
.ms-choice > span.placeholder {
    color: #767676 !important;
    font-weight: 400 !important;
}
.v4-pril-inn{
    margin-bottom: 10% !important;
}
.fileContainer {
    overflow: hidden;
    position: relative !important;
    margin-bottom: 15px;
}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

/* Example stylistic flourishes */

.fileContainer {
    background: white;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 1px 2px 10px -1px #999 !important;
    color: #505050 !important;
}

.fileContainer [type=file] {
    cursor: pointer;
}

#title{
    background-color: #fff !important;
    padding: 0px 0px 15px 0px;
}
#title a h3{
    color: #333 !important;
    line-height: 42px !important;
    margin-top: 15px;
}
.ribbon {
  position: absolute;
  right: 11px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#46D130 0%, #1E8C39 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #1E8C39;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1E8C39;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #1E8C39;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1E8C39;
}
.package-btn{
    height: 45px;
    line-height: 45px;
    background: #263a78;
    background: linear-gradient(to bottom, #5a86e6, #466fca);
    outline: none;
    font-size: 16px;
    display: block !important;
    color: #fff;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
    text-transform: capitalize;
    text-align: center;
    margin: auto !important;
}
.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'View more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'View less';
}

.read-more-trigger {
      cursor: pointer;
    display: inline-block;
    padding: 10px 0px;
    color: #5a86e6;
    font-size: 12px;
}
table .payout-list{
    padding: 15px !important;
}
.payout-list th{
    font-weight: 600;
    color: #505050;
    text-align: left;
    background-color: aliceblue;
    font-size: 14px;
    padding: 10px;
}
.payout-list td{
    font-weight: 400;
    text-align: left;
    line-height: 40px !important;
    padding: 0px 10px !important;
}
#booking_form label{
    font-size: 13px !important;
    color: #575757 !important;
    padding-top: 15px !important;
}
#booking_form input[type=text]:disabled{
    border: transparent !important;
    font-weight: 600 !important;
    color: #333 !important;
}
#booking_form th{
    background-color: #5a86e6!important;
    padding: 8px;
    border: 1px solid #fff;
    text-align: center;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
#booking_form td input[type=text]:disabled{ 
    text-align: center !important;
    margin: auto !important;
    background-color: #eaedef;
    border: 1px solid #fff !important;
 }
 legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 16px !important;
    line-height: inherit;
    color: #333 !important;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 500 !important;
}
.bk-btn{
    width: 25% !important;
    float: right;
    margin: 25px 5px 0px 5px;
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  display:none;
  z-index:9999;
  padding:20px;
  text-align: left;
  font-family: 'Quicksand', sans-serif !important;
  background-color: #fff !important;
}
#boxes #dialog {
  width: 40%; 
  height:auto;
  padding:10px;
  background-color:#ffffff;
  font-size: 15pt;
}
.close img{
    width: 18px;
}
.log-in-pop-bk{
    width: auto;
    padding: 15px;
    margin: auto;
}
.log-in-pop-bk h4{
    font-size: 24px !important;
    font-weight: 600;
}
.log-in-pop-bk .log-in-btn {
    background: #f4364f;
    color: #fff;
    padding: 8px 12px !important;
    font-weight: 600;
    font-size: 14px !important;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 21px !important;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.box-w-border {
    position: relative;
    overflow: hidden;
    background: #ffffff;
    padding: 0px;
    margin: 20px;
    border: 1px solid #e4e4e4;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.m-total-list{
    font-weight: 500;
    color: #505050;
    padding-top: 6px;
}
.pagination li.active {
    background-color: #5a86e6 !important;
    color: #fff !important;
}
.pagination li a {
    color: #333 !important;
    display: inline-block;
    font-size: 1.2rem;
    padding: 0 10px !important;
    line-height: 30px !important;
    font-weight: 500 !important;
}
.pagination li.active a {
    color: #fff !important;
}

.read-only{
    pointer-events:none;
}
.panel-primary {
    color: #263a78 !important;
    padding: 0px 15px !important;
    text-align: center !important;
}
.panel {
    margin-bottom: 20px !important;
    background-color: #fff !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05) !important;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.4) !important;
    padding-top: 15px !important;
}
.c-green{
    color: #00b30f;
}
.c-red{
    color: #eb0000;
}
.c-yellow{
    color: #f7bc0d;
}
.add-min{
    padding:10px 0px;
}
.list-pg-guar-prefContact{
    margin-top: 10px;
    margin-left: 35px;
}
.list-pg-guar-prefContact i{
    font-size: 18px !important;
    margin-right: 5px;
    color: #5a86e6;
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.tz-2-main-com .read-more-wrap img{
    display: inline-block !important;
    background-color: #3330!important;
}
.select2-container {
    width: 100% !important;
}
.select2-selection.select2-selection--single{
    height: 55px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -12px !important;
    margin-top: 0px !important;
}
.log-in-pop-right form label {
    top: 11px !important;
}
div.zabuto_calendar div.legend {
    text-align: left !important;
}
div.zabuto_calendar div.legend span:nth-child(4){
    display: block;
}
div.zabuto_calendar div.legend span {
    margin-right: 8px !important;
}
div.zabuto_calendar ul.legend, div.zabuto_calendar ul.legend li:first-child {
    margin-left: 0px !important;
}
span .close{
    font-size: 21px !important;
}
#myModal-1 .modal-content{
    width: 40% !important;
}
#myModal-01 .modal-content{
    width: 40% !important;
}
.modal {
    background-color: rgba(0, 0, 0, 0.8) !important;
}
.scam-alert{
    display: table;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 30px;
    border-radius: 4px;
    border: 2px solid #d70000;
}
.scam-alert img{
    max-width: 32px;
    display: table-cell;
    vertical-align: bottom;
    margin-right: 8px;
}
.alert-content{
    display: table-cell;
    vertical-align: top;
    padding-left: 8px;
}
.btn-success{
  width: 180px !important;
  height: 45px !important;
  border: none !important;
  float: right !important;
  color: #fff !important;
  background-color: #28bc4d !important;
  transition: all 0.3s;
  font-weight: 600 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  font-size: 14px;
  text-transform: uppercase;
}
.btn-success:hover, .btn-success:active, .btn-success:focus{
  color: #fff !important;
  background-color: #1ab64f !important;
}
.btn-success::before, .btn-success::after{
  color: #fff !important;
  background-color: #1ab64f !important;
}
table .table-striped td:first-child{
    width: 35%;
}
.btn-success1{
    background-color: #28bc4d !important;
}

@media screen and (min-width: 800px) {
    .swal2-popup{
        width: 32% !important;
    }

    .swal2-popup button{
        font-size: large !important;
    }
}

#thestar-global-bar .global-bar-container a {
    font-weight: bold !important;
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.b-manual-share{
    font-size: 18px;
    color: white;
    background: #bababa;
    border-radius: 4px;
    padding: 7.5px;
    box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.jssocials-share-manual{
    display: inline-block;
    vertical-align: top;
    margin: 0.3em 0.6em 0.3em 0;
}