/*
Duke I.C.T. Management Co. Ltd - All rights reserved
*/
/* 
    Created on : 14-févr.-2016, 15:48:47
    Author     : theduc
*/
.rounded-border{
  border:1px solid #f00;
  border-radius:4px;
}

.trip-template-thumbnail{
  border-top-left-radius:4px;
  border-top-right-radius:4px;
}

.trip-template-text{
  padding:5px;
}

.home-image{
  position:relative;
}

.home-text{
  position:absolute;
  width:100%;
  text-align:center;
  top:75%;
  color:#fff;
  font-weight:800;
}

.user-menu-text{
  position:absolute;
  width:100%;
  text-align:center;
  top:60%;
  color:#fff;
  font-weight:800;
}

.ui-autocomplete li{
    line-height:2em;
    min-height:2em;
    vertical-align:middle;
}

.ui-autocomplete-category{
  background:#f00;
  color:#fff;
  font-weight:700;
  line-height:1.2em;
  font-size:1.2em;
  vertical-align:middle;
  padding-left:0.4em;
  padding-right:1em;
  padding-top:0px;
  padding-bottom:0px;
}

#loading_box{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    text-align:center;
    z-index:999999;
    background-color:rgba(51,51,51,0.75);
    display:none;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    color:#fff;
    background:#f00;
}

.search_icon{
  display:inline-block;
  width:30px;
  text-align:right;
}

.font-green{
  color:#0f0;
}

.link-black{
  color:#000;
  text-decoration: none;
}

.font-red{
  color:#f00;
}

.font-white{
  color:#fff;
}

.header-credit{
  margin-top:10px;
  margin-bottom:15px;
  color:#fff;
}

.header-credit div{
  background:#000;
  color:#fff;
  height:auto;
  min-height:34px;
}

.likes{
  
}

.likes i{
  color:#f00;
  cursor:pointer;
}

.listbox-group{
  line-height:1em;
  text-align:left;
  font-weight:700;
  height:2em;
}

.listbox-city{
  float:right;
  line-height:1em;
  text-align:right;
  font-weight:700;
}

.listbox-title{
  height:50px;
  line-height:0.85em;
  padding:15px;
  padding-left:0px;
  padding-right:0px;
  text-align:left;
}

.package-amount-box{
  position:absolute;
  bottom:0px;
  right:0px;
  background-color:rgba(0,0,0,0.8);
  padding:5px;
  color:#fff;
  font-weight: 700;
  width:100%;
}

#poi_filterbox{
  position:relative;
  height:1.3em;
}

#poi_filterbox_list{
  position:absolute;
  top:0px;
  left:0px;
  display:none;
  padding:1.3em;
  padding-bottom:0.8em;
  padding-top:0em;
  margin-top:1.3em;
  z-index:9999;
  background:#fff;
  border:1px solid #333;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  text-align:left;
  font-size:0.7em;
}

#poi_filterbox:hover #poi_filterbox_list{
  display:block;
}

#hotel_filterbox{
  position:relative;
  height:1.3em;
}

#hotel_filterbox_list{
  position:absolute;
  top:0px;
  left:0px;
  display:none;
  padding:1.3em;
  padding-bottom:0.8em;
  padding-top:0em;
  margin-top:1.3em;
  z-index:9999;
  background:#fff;
  border:1px solid #333;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

#hotel_filterbox:hover #hotel_filterbox_list{
  display:block;
}

.flexslider{
  min-height:100px;
}

.adp-directions{
  width:100%;
}

.adp-distance{
  text-align:right;
}

.has-error input{
  border-width: 2px;
}

.validation.text-danger:after {
  content: 'Validation failed';
}

.validation.text-success:after {
  content: 'Validation passed';
}

.vertical-bottom{
  display:inline-block;
  vertical-align:bottom;
  float:none;
}

.vertical-center{
  display:inline-block;
  vertical-align:middle;
  float:none;
}

.vertical-top{
  display:inline-block;
  vertical-align:top;
  float:none;
}

.tour-table{
  display:table;
  width:100%;
  margin-bottom:10px;
  padding-left:15px;
}

.tour-action{
  margin-bottom:25px;
}

.tour-details{
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding-top:10px;
  padding-bottom:10px;
}

.tour-detail-title{
  font-size:1.1em;
  font-weight:500;
}

.tour-day{
  float:none;
  display:table-cell;
  vertical-align:top;
  background:#f00;
  color:#fff;
}

.tour-number{
  font-size:1.6em;
}

.tour-day h2{
  line-height:1.6em;
}

.tour-data{
  float:none;
  display:table-cell;
}

.tour-date{
  background:#333;
  color:#fff;
  font-size:1.5em;
  padding:10px;
  font-family:'sinkin_sans400_regular';
}

.tour-title{
  background:#f00;
  color:#fff;
  padding:5px;
}

.activity_select{ text-align:center; }
.activity_select_text{ margin-bottom:20px; }
.activity_select_price{ float:left; }
.activity_select_position{ float:right; }

.gmap_activity_short{ margin-bottom:20px; }
.gmap_activity_title{ margin-bottom:10px;font-weight:600;font-size:1.2em; }
.gmap_activity_select{ text-align:center; }
.gmap_activity_select_price{ float:left;font-weight:600;font-size:1.2em; }
.gmap_activity_select_position{ float:right;font-weight:600;font-size:1.2em; }

.hotel_select{ text-align:center; }
.hotel_select_text{ margin-bottom:20px; }
.hotel_select_price{ float:left; }
.hotel_select_position{ float:right; }

.gmap_hotel_short{ margin-bottom:20px; }
.gmap_hotel_title{ margin-bottom:10px;font-weight:600;font-size:1.2em; }
.gmap_hotel_select{ text-align:center; }
.gmap_hotel_select_price{ float:left;font-weight:600;font-size:1.2em; }
.gmap_hotel_select_position{ float:right;font-weight:600;font-size:1.2em; }

.content-centered{ text-align:center; }

.content-right{ text-align:right; }

.row-booking{ padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ccc; }
.row-booking div{  }
.row-booking-title{ border-bottom:1px solid #000; }

.row-order{ padding-top:15px;padding-bottom:15px;border-bottom:1px solid #000; }
.row-order div{  }
.row-order-title{ border-bottom:1px solid #000; }

.row-tour{ padding-top:15px;padding-bottom:15px;border-bottom:1px solid #000; }
.row-tour div{  }
.row-tour-new{ height:50px;line-height:50px;vertical-align:middle; }
.row-tour-new div{ line-height:50px;vertical-align: middle; }
.row-tour-title{ border-bottom:1px solid #000; }

.icon-red{ color:#f22; }
.icon-green{ color:#2f2; }
.icon-black{ color:#000; }

.activity_text{
  margin-bottom:25px;
}

.booking-room-row{
  margin-top:25px;
  padding:15px;
  border:1px #000 solid;
}

.header-login{
  margin-top:0px;
  margin-bottom:5px;
  color:#fff;
  font-weight:600;
}

.header-register{
  margin-top:0px;
  margin-bottom:10px;
  font-weight:600;
}

.header-register a,.header-register a:focus,.header-register a:active,.header-register a:hover,.header-register a:visited{
  color:#fff;
  font-weight:600;
  text-decoration:underline;
}

#header_language{
  margin-top:15px;
  margin-bottom:0px;
  color:#fff;
  font-weight:600;
}

#header_currency{
  margin-top:15px;
  margin-bottom:0px;
  color:#fff;
  font-weight:600;
}

.contract ol{ list-style-type: none;counter-reset: item;margin: 0;padding: 0; }
.contract li{ display: table;counter-increment: item;margin-bottom: 0.6em; }
.contract li:before{ content: counters(item, ".") ". ";display: table-cell;padding-right: 0.6em; }
.contract li li{ margin: 0; }
.contract li li:before{ content: counters(item, ".") " "; }

.cart-product{
  min-height:50px;
  border-bottom: 1px solid #000;
}
.cart-product-remove{
  float:right;
  margin-left:10px;
}
.cart-product-price{
  float:right;
  margin-left:20px;
  margin-bottom:10px;
  font-size:1.2em;
}
.cart-product-price-fees{
  float:right;
  margin-left:20px;
  margin-right:25px;
  margin-bottom:10px;
  font-size:1.2em;
}

.cart-product-price-total{
  float:right;
  margin-left:20px;
  margin-right:25px;
  margin-bottom:10px;
  font-size:1.4em;
}

.cart-total{
  margin-bottom:25px;
}

.guide-title-break{
  word-break: break-all;
}

#booking-box{
  position:absolute;
  left:5%;
  bottom:0%;
  width:90%;
  background-color:rgba(0,0,0,0.6);
  text-align:center;
  font-size:0.8em;
  color:#fff;
  font-weight:600;
}

#booking-topbox{
  text-align:center;
  font-size:0.8em;
  font-weight:600;
  border-radius: 10px;
  border:1px solid #e1e1e1;
  margin-top:0px;
  margin-bottom:25px;
  padding-top:10px;
  padding-bottom:10px;
}

#booking-box > div,#booking-topbox > div{
  text-align:left;
  margin:3px;
}

#booking-box input,#booking-box select,#booking-topbox input,#booking-topbox select{
  color:#000;
  font-size:0.9em;
}

.search-location-box{
  position:absolute;
  bottom:0px;
  right:0px;
  background-color:rgba(0,0,0,0.8);
  padding:5px;
  color:#fff;
}

.search-location-image{
  width:10px;
  margin-top:-2px;
}

.btn,.btn-default{
  -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
  -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
  box-shadow:inset 0px 1px 0px 0px #f29c93;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
  background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
  background-color:#fe1a00;
  -webkit-border-top-left-radius:8px;
  -moz-border-radius-topleft:8px;
  border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topright:8px;
  border-top-right-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-bottomright:8px;
  border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  -moz-border-radius-bottomleft:8px;
  border-bottom-left-radius:8px;
  text-indent:0px;
  border:1px solid #d83526;
  display:inline-block;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #b23e35;
}

.btn-filter{
  -moz-box-shadow:inset 0px 1px 0px 0px #eee;
  -webkit-box-shadow:inset 0px 1px 0px 0px #eee;
  box-shadow:inset 0px 1px 0px 0px #eee;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ddd), color-stop(1, #bbb) );
  background:-moz-linear-gradient( center top, #ddd 5%, #bbb 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd', endColorstr='#bbb');
  background-color:#ddd;
  -webkit-border-top-left-radius:8px;
  -moz-border-radius-topleft:8px;
  border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topright:8px;
  border-top-right-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-bottomright:8px;
  border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  -moz-border-radius-bottomleft:8px;
  border-bottom-left-radius:8px;
  text-indent:0px;
  border:1px solid #777;
  display:inline-block;
  color:#555;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #999;
  min-width:80%;
  margin-bottom:10px;
}

.btn-filter-selected{
  -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
  -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
  box-shadow:inset 0px 1px 0px 0px #f29c93;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
  background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
  background-color:#fe1a00;
  -webkit-border-top-left-radius:8px;
  -moz-border-radius-topleft:8px;
  border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topright:8px;
  border-top-right-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-border-radius-bottomright:8px;
  border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
  -moz-border-radius-bottomleft:8px;
  border-bottom-left-radius:8px;
  text-indent:0px;
  border:1px solid #d83526;
  display:inline-block;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #b23e35;
}

.btn:hover,.btn-default:hover{
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
  background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
  background-color:#ce0100;
}

.btn:active,.btn-default:active{
  position:relative;
  top:1px;
  color:#fff;
}

.btn:disabled:active {
  position:relative;
  top:0px;
}

.btn:disabled{
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #aaa), color-stop(1, #ccc) );
  background:-moz-linear-gradient( center top, #aaa 5%, #ccc 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaa', endColorstr='#ccc');
  border:1px solid #999;
  background-color:#aaa;
  box-shadow:inset 0px 1px 0px 0px #888;
  text-shadow:1px 1px 0px #666;
  color:#999;
}

.btn{
  color:#fff;
  border-radius: 4px;
}

#booking-box > div > div,#booking-topbox > div > div{
  margin-left:3px;
  margin-right:3px;
}

.pac-container{
  z-index:999;
}

@media(min-width: 299px) {
  .pac-container{
    min-width:200px;
  }
}

@media(min-width: 499px) {
  .pac-container{
    min-width:350px;
  }
}

.home-bottom{
  line-height:0.9em;
}

.home-price{
  display:inline-block;
  font-family:'sinkin_sans400_regular';
  color:#fc0000;
  margin-top:5px;
  font-size:0.7em;
}

.home-block{
  margin-bottom:25px;
}

.room-row{
  border:1px solid #000;
  min-height:100px;
}

.room-col-text{
  margin-bottom:15px;
}

.room-col-amount{
  margin-bottom:15px;
  text-align:center;
}

.room-col-book{
  margin-bottom:15px;
}

.room-facilities-columns {
  -webkit-columns:2;
  -moz-columns:2;
  columns:2;
}

.hotel-facilities-columns {
  -webkit-columns:3;
  -moz-columns:3;
  columns:3;
}

.room-facilities-columns h3,.room-facilities-columns h4,.hotel-facilities-columns h3,.hotel-facilities-columns h4{
  margin-top:0px;
  margin-bottom:0px;
}

.hotel-room-price{
  text-align:right;
  color:#f00;
  font-weight:600;
  font-size:1.2em;
}

#header_block{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  max-width:1092px;
}

#header_logo{
  margin-top:15px;
  margin-bottom:15px;
  max-width:401px;
  width:90%;
}

#content{
  text-align:justify;
}

#content a{
  font-weight:600;
}

.navbar{
  background:#000;
  font-weight:700;
  font-family:'SegoeUI','Segoe UI';
  font-size:13px;
}

#nav-collapsed-text,#nav-collapsed-text:active,#nav-collapsed-text:hover{
  color:#fff;
  background-color:transparent;
  border:0px;
  padding-top:7px;
  padding-bottom:7px;
  float:left;
}

.nav-collapsed-text,.nav-collapsed-text:active,.nav-collapsed-text:hover{
  color:#fff;
  background-color:transparent;
  border:0px;
  padding-top:7px;
  padding-bottom:7px;
  float:left;
}

#nav-login-collapsed-text,#nav-login-collapsed-text:active,#nav-login-collapsed-text:hover{
  color:#fff;
  background-color:transparent;
  border:0px;
  padding-top:7px;
  padding-bottom:7px;
}

#nav-collapsed-icon{
  float:left;
  margin-left:15px;
  margin-right:0px;
}

#nav-login-collapsed-icon{
  padding:6px 10px;
  color:#fff;
  margin-left:0px;
  margin-right:15px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #000;
    background-color: #f00;
}

#nav-cart a{
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  color:#f00;
}

#nav-cart a:hover,#nav-cart a:active,#nav-cart a:focus{
  color:#fff;
  background:#f00;
}

@media (max-width: 989px) {
  .navbar-default .navbar-nav > li > a {
    color: #fff;
    border-right:0px;
  }
}

@media (min-width: 990px) {
  .navbar-nav{
    float:none;
    display:table;
    width:100%;
    margin:0px;
  }
  .navbar-nav > li {
    float:none;
    display:table-cell;
    text-align:center;
  }
  .navbar-default .navbar-nav > li > a {
    color: #fff;
    border-right:1px solid #fff;
  }
  .container-fluid{
    padding-left:0px;
    padding-right:0px;
  }
  .navbar-collapse{
    padding-left:0px;
    padding-right:0px;
  }
  .navbar-default .navbar-nav > li:last-child > a {
    color: #fff;
    border-right:0px;
  }
}

.hotel_list_top{
  position:relative;
  height:120px;
  margin-top:25px;
  margin-left:10px;
  margin-right:10px;
  min-width:300px;
  background:#fff;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

.hotel_list_top_title{
  position:absolute;
  z-index:3;
  color:#595959;
  top:7px;
  left:220px;
}

.hotel_list_top_text{
  position:absolute;
  z-index:3;
  color:#aaaaaa;
  top:35px;
  left:0px;
  font-size:0.8em;
  width:100%;
  padding-left:220px;
}

.hotel_list_bottom{
  height:30px;
  line-height:30px;
  color:#fff;
  min-width:300px;
  margin-left:10px;
  margin-right:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

.hotel_list_bottom a,.hotel_list_bottom a:active,.hotel_list_bottom a:hover,.hotel_list_bottom a:visited{
  color:#fff;
}

.hotel_list_bottom img{ margin-top:-5px;height:10px; }

.hotel_list_cell:nth-child(even) .hotel_list_bottom{
  background:#000;
}

.hotel_list_cell:nth-child(odd) .hotel_list_bottom{
  background:#8c8c8c;
}

.hotel_list_book{
  float:right;
  margin-left:10px;
  margin-bottom:5px;
  text-align:right;
}

.hotel_list_book .booking-price{
  display:inline-block;
  margin-top:5px;
  font-size:1.3em;
}

.hotel_list_bottom_info{
  float:left;
  margin-left:25px;
}

.hotel_list_bottom_distance{
  float:right;
  margin-right:25px;
}

@media only screen
and (min-width : 320px)
and (max-width : 600px){
  .hotel_list_top{ height:64px; }
  .hotel_list_top_title{ top:4px;left:120px;font-size:0.8em; }
  .hotel_list_top_text{ top:27px;left:0px;font-size:0.6em;height:37px;overflow-y: hidden;width:100%;padding-left:120px;
 }
  
}

@media only screen
and (max-width : 989px){
  .link-box{ margin-top:10px; }
}

@media only screen
and (max-width : 319px){
  .hotel_list_top{ height:64px; }
  .hotel_list_top_title{ top:4px;left:120px;font-size:0.8em; }
  .hotel_list_top_text{ top:27px;left:0px;font-size:0.6em;height:37px;overflow-y: hidden;width:100%;padding-left:120px; }
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #f00;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

body{
  background:url('../img/body_background.png') #8c0303 repeat-x;
  background-position: 50% 0%;
  background-position-x: 50px;
  margin:0px;
  padding:0px;
}

#footer_block{
  margin-left:auto;
  margin-right:auto;
  max-width:1092px;
  background:#000;
  padding-top:15px;
  padding-bottom:15px;
  color:#f00;
}

#footer{
  padding-left:5%;
  padding-right:5%;
}


#footer_block a{
  color:#fff;
}

#body_block{
  margin-left:auto;
  margin-right:auto;
  max-width:1092px;
  background:#fff;
  padding-top:15px;
  padding-bottom:15px;
}

#body{
  min-height:500px;
}

h1,h2,h3,h4,h5,h6{
  font-family:'sinkin_sans400_regular';
  text-align:left;
}
h1{ font-size: 2em; }
h2{ font-size: 1.5em; }
h3{ font-size: 1.17em; }
h4{ font-size: 1em; }
h5{ font-size: 0.83em; }
h6{ font-size: 0.67em; }

.slideshow{
  position:relative;
}

.slideshow .slide{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-size: cover;
}

/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 989px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -55%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -55%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 55%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 55%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
  
}

.sidebar-module{
  padding:15px;
  border-radius: 10px;
  border:1px solid #e1e1e1;
  margin-bottom:25px;
}

#sidebar{
  text-align:left;
}

/* PAYMENT ICONS */
.card-list{
  padding-left:0px;
}

.card-list li{
  display:inline-block;
  background-image:url(/img/card-brands.svg);
  height:25px;
  margin:8px 12px 8px 12px;
  overflow:hidden;
  text-indent:-500px
}
.cardBrand-visa{
  width:44px
}
.cardBrand-masterCard{
  background-position:-48px 0;
  width:84px
}
.cardBrand-americanExpress{
  background-position:-138px 0;
  width:52px
}
.cardBrand-dinersClub{
  background-position:-217px 0;
  width:29px
}
.cardBrand-discover{
  background-position:-274px 0;
  width:56px
}
.cardBrand-jcb{
  background-position:-357px 0;
  width:28px
}
.card-list .cardBrand-3ds{
  background-image:url(/img/3ds-logo.svg);
  background-repeat:no-repeat;
  width:23px
}

/* CHAT DESIGN */

#chat_block{
  display:block;
  position:fixed;
  bottom:0px;
  right:2%;
  width:20%;
  min-width:250px;
  z-index:9999999999;
}

#chat_header{
  background:#f00;
  color:#fff;
  font-weight:700;
  padding:5px 15px;
}

#chat_container{
  background:#fff;
}

#chat_dialog{
  overflow-y:scroll;
}

#video_background{
  position:relative;
  width:100%;
}

#video_background video{
  position:absolute;
  width:100%;
}

.tooltip-map {
  width: 350px;
  height: 350px;
}

.ui-tooltip {
  max-width: 400px;
}