.mytext{
    border:0;padding:10px;background:whitesmoke;
}
.text{
    width:100%;display:flex;flex-direction:column;
}
.searchbar>.text{
    width:100%;display:flex;flex-direction:column;
}
.text > p:first-of-type{
    width:100%;margin-top:0;margin-bottom:auto;line-height: 13px;font-size: 13px;text-align: justify;
}
.text > p:last-of-type{
    width:100%;text-align:right;color:silver;margin-bottom:-7px;margin-top:auto;
}
.text-l{
    float:left;padding-right:10px;
}        
.text-r{
    float:right;padding-left:10px;
}
.avatar{
    display:flex;
    justify-content:center;
    align-items:center;
    /*width:25%;*/
    float:left;
    padding-right:10px;
}
.macro{
    margin-top:5px;width:100%;border-radius:5px;padding:5px;display:flex;
}
.msj-rta{
    float:right;
}
.msj{
    float:left;
}
.msj-white{
    background:#FFF;
}
.msj-gray{
    background:#FFFFFF;/*#d8d8d8;*//*#e9e9e9;*/
}
.msj-yellow{
    background:#FFFFFF;/*#fd8204;*/
}
.frame{
    background:#eaeaea;/*#00aebc;*/
    height:310px;
    overflow:hidden;
    padding:0;
}
.framess{height:112px !important;}
.frame > div:last-of-type{
    position:absolute;bottom:0;width:100%;display:flex;
}
body > div > div > div:nth-child(2) > span{
    /*background: whitesmoke;padding: 10px;font-size: 21px;border-radius: 50%;*/
}
body > div > div > div.msj-rta.macro{
    margin:auto;margin-left:1%;
}
.mt-4, .my-4 {
    margin-top: 0.6rem !important;
}
.chatboxmessage ul {
    width:100%;
    list-style-type: none;
    padding:0px;
    position:absolute;
    bottom:47px;
    display:flex;
    flex-direction: column;
    top:0;
    cursor: progress;
    /*overflow-y:scroll;*/
}
/*.msj:before{
    width: 0;
    height: 0;
    content:"";
    top:-5px;
    left:-14px;
    position:relative;
    border-style: solid;
    border-width: 0 13px 13px 0;
    border-color: transparent #ffffff transparent transparent;            
}
.msj-rta:after{
    width: 0;
    height: 0;
    content:"";
    top:-5px;
    left:14px;
    position:relative;
    border-style: solid;
    border-width: 13px 13px 0 0;
    border-color: whitesmoke transparent transparent transparent;           
}  */
input:focus{
    outline: none;
}        
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #d4d4d4;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #d4d4d4;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #d4d4d4;
}
:-moz-placeholder { /* Firefox 18- */
    color: #d4d4d4;
}  


#myTab li a{
      font-size: 13px;
      font-weight: 500;
      text-transform: uppercase;
}
#myTab li a.active{
      background-color: #00aebc;
      color: #fff;
}
#myTab li:hover{
      background-color: #eaeaea;
}
#myTab li a:hover{
      color:#666;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
    margin-right: 2px;
    background: #fd8204;
}
#myTabContent{background-color: #00aebc;}
.modifiedhr{
    margin-top: 0.1rem; 
    margin-bottom: 0.1rem; 
}
.colorYellowBg{
    background-color: #fd8204 !important;
}

#imaginary_container{
   /* margin-top:20%;*/ /* Don't copy this */
}
.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
    border-right:0; 
    box-shadow:0 0 0; 
    border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.hometools{padding: 0px 0px 0px 0px;}


#clock {
    position: relative;
    width: 600px;
    height: 600px;
    margin: 20px auto 0 auto;
    background: url(../img/clock/clockface.jpg);
    list-style: none;
    }

#sec, #min, #hour {
    position: absolute;
    width: 30px;
    height: 600px;
    top: 0px;
    left: 285px;
    }

#sec {
    background: url(../img/clock/sechand.png);
    z-index: 3;
    }
   
#min {
    background: url(../img/clock/minhand.png);
    z-index: 2;
    }
   
#hour {
    background: url(../img/clock/hourhand.png);
    z-index: 1;
    }
    
#clock p {
    text-align: center; 
    padding: 10px 0 0 0;
    }
/*ul li div.mybookingpanels:nth-child(0n+2){display:none;} */

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #fd8204;
    border-color: #fd8204;
}
.btn-outline-secondary {
    color: #ffffff;
    background-color: #00aebc;
    background-image: none;
    border-color: #00aebc;
}
.activebtn{
    background-color: #fd8204 !important;
    color:#fff !important;
}
.modelFlyerdilog{
    max-width:916px !important;
}

.ui-widget-header {
border: 1px solid #dddddd;
background: #00aebc !important;
color: #ffffff !important;
font-weight: bold;
}
#returndateshideshow{display: none;}
#multidestinationoption{display: none;}
.topheadercontaint{color: #333333 !important;}
.addmultidestinatiohotelmain{display: none;}

.facaretupmsg{
    z-index: 1;
    float: right;
    opacity: 0.5;
    text-align: right;
    cursor: pointer;
}
.facaretupmsg:hover{
    opacity: 1;
    }
    .facaretupmsgd{
         z-index: 1;
        float: right;
        opacity: 0.5;
        text-align: right;
        cursor: pointer;
    }
    .facaretupmsgd:hover{
    opacity: 1;
    }
    .facaretupmsgt{
        z-index: 1;
        float: right;
        opacity: 0.5;
        text-align: right;
        cursor: pointer;
    }
    .facaretdef{
        z-index: 1;
        float: right;
        opacity: 0.5;
        text-align: right;
        cursor: pointer;
    }
    .facaretupmsgt:hover{
    opacity: 1;
    }
    .swipedestination:hover{opacity: 1;}

   /* search page */
   .fcw{color: #FFF !important;}
   .fcb{color: #00aebc !important;}
   .fcbBack{background-color: #00aebc !important;}
   .fcy{color: #fd8204 !important;}
   .fcbr{color: #eaeaea !important;}
   .filterpanel{background-color: #00aebc;}
   .ffrr{float: right;text-align: right;}
   .ffll{float: left;text-align: left;}
   .widthfull{width:100%;}
   .txtalcen{text-align: center !important;}
   .imgcitytext{    
        position: absolute;
        margin-top: -26px;
        font-size: 18px;
        color: #FFF;
        font-weight: 600;
        margin-left: 5px;
    }
    .hotelmaintopcityimg{border-radius: 50%; }
   /* search page style ends here */

   .swipedestination:hover{
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: 300ms ease all;
        -moz-transition: 300ms ease all;
        -o-transition: 300ms ease all;
        transition: 300ms ease all;
    }
    .swipedestination{
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
        -webkit-transition: 300ms ease all;
        -moz-transition: 300ms ease all;
        -o-transition: 300ms ease all;
        transition: 300ms ease all;
    }

.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}
.icon-scroll {
  width: 20px;
  height: 33px;
  margin-left: 180px;
  /*top: 50%;*/
  margin-top: 4px;
  box-shadow: inset 0 0 0 1px #ffffff;
  border-radius: 25px;
  cursor: pointer;
}
.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #ffffff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
          animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
            transform: translateY(46px);
  }
}

.mylivechat_buttonround {
    background: #00aebc !important;
}