@font-face {
    font-family: 'ubuntumedium';
    src: url('fonts/Ubuntu-M_0-webfont.eot');
    src: url('fonts/Ubuntu-M_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Ubuntu-M_0-webfont.woff2') format('woff2'),
         url('fonts/Ubuntu-M_0-webfont.woff') format('woff'),
         url('fonts/Ubuntu-M_0-webfont.ttf') format('truetype'),
         url('fonts/Ubuntu-M_0-webfont.svg#ubuntumedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubunturegular';
    src: url('fonts/Ubuntu-R_0-webfont.eot');
    src: url('fonts/Ubuntu-R_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Ubuntu-R_0-webfont.woff2') format('woff2'),
         url('fonts/Ubuntu-R_0-webfont.woff') format('woff'),
         url('fonts/Ubuntu-R_0-webfont.ttf') format('truetype'),
         url('fonts/Ubuntu-R_0-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntulight';
    src: url('fonts/Ubuntu-L_0-webfont.eot');
    src: url('fonts/Ubuntu-L_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Ubuntu-L_0-webfont.woff2') format('woff2'),
         url('fonts/Ubuntu-L_0-webfont.woff') format('woff'),
         url('fonts/Ubuntu-L_0-webfont.ttf') format('truetype'),
         url('fonts/Ubuntu-L_0-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ubuntubold';
    src: url('fonts/Ubuntu-B_0-webfont.eot');
    src: url('fonts/Ubuntu-B_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Ubuntu-B_0-webfont.woff2') format('woff2'),
         url('fonts/Ubuntu-B_0-webfont.woff') format('woff'),
         url('fonts/Ubuntu-B_0-webfont.ttf') format('truetype'),
         url('fonts/Ubuntu-B_0-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;

}
#addTimeSlotContainer .input-group{margin-bottom:15px}
.timeSlotDispaly{background:#f8f8f8;border-radius: 30px;display: inline-block;margin:0 0 15px 15px;padding: 5px 15px;border:solid 1px #EEE}
.time-btn.btn{background:#073870;text-transform:capitalize;margin-bottom:15px}
.time-btn.btn a{color:#FFF}
.addedTimeCancel{cursor:pointer;transition:0.5s all;-webkit-transition:0.5s all;font-size:16px}
.addedTimeCancel:hover{color:#31ccfd }
.checker{display:inline-block}
.days-time{display:inline-block;margin-bottom:15px}
.days-time .btn{margin-bottom:0;background:none;font-size:15px;padding:5px}
.days-time .btn:hover{background:none;color:#31ccfd}
.days-time .btn a{color:#073870}
.days-time .btn a:hover{color:#31ccfd}

.workingdayscombo .btn-group{width:100%}
.workingdayscombo .btn-group .multiselect {width:100% !important;text-align:left}
.workingdayscombo .btn-group .multiselect .caret{float:right;margin:-12px 0 0}
.required{color:#f00}
body{font-family: 'ubunturegular';}
img{ max-width:100%;}
ul{ padding:0; margin:0;}
a:hover, a:focus{ text-decoration:none}
a{ -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;}
 input:focus,.btn:focus{ outline:none}
aside{ background:#435f91; padding:20px 0 0 0}
.aside-title{ font-size:24px; color:#fff; margin:10px 0 15px}
.aside-txt{ color:rgba(255,255,255,.5); font-size:16px;}
.envelope-icon{ background:#fff; width:96px; height:96px; border-radius:100%; float:left; text-align:center; line-height:96px; color:#435f91; font-size:56px; margin:0 15px 0 0}
aside .btn-default{ font-size:18px; min-width:120px; margin:10px 0 20px}
.aside-right{ overflow:hidden}
.aside-social a{ font-size:40px; color:rgba(255,255,255,0.4); margin:20px 14px 0; display:inline-block}
.aside-social a:hover{ color:rgba(255,255,255,1)}
.mobile-site{ font-size:18px; color:#fff; overflow:hidden; margin:20px 0 0 15px}
.mobile-site b{ font-size:24px; font-weight:normal}
.mobile-img{ margin:0 15px 0 0; float:left}
footer{ background:#073870; border-top:solid 7px #022458; padding:30px 0 0}
footer li{ list-style-type:none}
footer ul{ padding:0; margin:0;}
footer li a{ color:#fff; font-size:12px}
footer li a:hover, footer li a.active{ color:#8ec11a}
.copy-right{ background:#39608d; padding:20px 0; margin:30px 0 0 0; font-size:10px; color:#fff;}
.netclues-logo span{ background:url(../images/netclues-logo.png) no-repeat; opacity:.7; width:56px; height:14px; display:inline-block; margin:0 0 0 5px}
.netclues-logo span:hover{ opacity:1;}

.sticky-wrapper{ height:auto !important}

.shrink.top-bar{ width:100%;position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;  }
.pattern-page .shrink.top-bar{ max-width:1024px}
.shrink .search-section{height: 44px; left:0; right:0; margin:10px auto; padding:3px;}
.shrink .search-container input{ padding:8px 18px 8px 10px;}
.shrink .all-cat{ line-height:36px; font-size:16px}
.shrink .logo img{ max-width:225px}
.shrink .top-list li a{ padding:0 10px; font-size:16px; line-height:64px; cursor:pointer}
.shrink .go-btn{ line-height:26px; font-size:20px; width:74px;}
.shrink .all-cat i.fa-plus{ padding:0}
.shrink .chzn-container-single .chzn-single{ height:30px; line-height:32px;}
header,.top-bar{ transition: all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s;}
.shrink .logo{ margin-top:10px; margin-bottom:10px;}
.shrink .fix-search{ display:block; }
.fix-search{ display:none; width:830px;}
.shrink  .chzn-container-single .chzn-single abbr{ top:6px;}
.pattern-page .directory-tab li{ width:33.33%}
#nav-mobile-btn{ background-color: transparent;  border:0 none; color:#fff;  display:none;  font-size:30px; text-align:center;  transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; position:absolute; right:15px; top:7px; padding:0; margin:0; width:30px;outline:none}
#nav-mobile-btn:active, #nav-mobile-btn:hover{ color:#8ec11a}
.nav-mobile{ background:#073870;  height:100%;  left:0;  overflow:auto;  padding:15px 0;  position:fixed;  top:0;  transform:translate3d(-100%,0px,0px);  transition:all 0.5s ease 0s; -webkit-transform:translate3d(-100%,0px,0px);  -webkit-transition:all 0.5s ease 0s;  visibility:hidden;  width:250px;  z-index:99999; box-shadow:-2px 0 5px 0 rgba(0,0,0,0.3) inset}
.nav-mobile >i{ background-color:rgba(0,0,0,0); cursor:pointer;  font-size:28px; position:absolute;  right:10px;  text-align:center;  top:6px;  transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; color:#fff}
.nav-mobile >i:hover, .nav-mobile >i:active{color:#8ec11a}
.nav-mobile h2{color:#8ec11a;margin:10px 0 25px;  text-align:center; font-size:22px; text-transform:uppercase}
.nav-mobile h2 i{margin-right:10px;font-size:21px}
.nav-mobile a{ color:#6ea5e3;font-size:20px}
.nav-mobile a:hover{ color:#fff;text-decoration:none}
.nav-mobile a:focus{ text-decoration:none}
.nav-mobile ul{ list-style:outside none none}
.nav-mobile >ul{ padding:0}
.nav-mobile >ul li{ float:none; padding:0 15px}
.nav-mobile >ul li >a{ display:inline-block;  margin:5px 0; padding:0; text-shadow:none}
.nav-mobile >ul ul{ border-left:1px solid rgba(255,255,255,0.08);  padding-left:15px; margin:0}
.nav-mobile::after{ background:none repeat scroll 0 0 rgba(0,0,0,0.2);  content:"";  display:none;  height:100%;  opacity:1;  position:absolute;  right:0;  top:0;  transition:opacity 0.5s ease 0s; -webkit-transition:opacity 0.5s ease 0s;  width:100%}
.nav-mobile.open{-webkit-transform:translate3d(0px,0px,0px);  transform:translate3d(0px,0px,0px);  transition:transform 0.5s ease 0s; -webkit-transition:-webkit-transform 0.5s ease 0s;  visibility:visible}
.nav-mobile.open::after{ height:0;  opacity:0;  transition:opacity 0.5s ease 0s,width 0.1s ease 0.5s,height 0.1s ease 0.5s; -webkit-transition:opacity 0.5s ease 0s,width 0.1s ease 0.5s,height 0.1s ease 0.5s;  width:0}
.nav-right{float:right}
.nav-mobile.open .navbar-nav{display:block}
.nav-mobile.open .nav-right{float:none}
.nav-mobile.open .navbar-nav >li >a:hover, .nav-mobile.open .nav .open >a, .nav-mobile.open .nav .open >a:hover, .nav-mobile.open .nav .open >a:focus, .nav-mobile.open .nav >li >a:hover, .nav-mobile.open .nav >li >a:focus{background:none}
.nav-m{ display:none}
.nav-mobile.open .nav-m{ display:block}
.m-menu{ border-bottom:solid 1px #000; margin:5px 0}
.m-menu a{ color:#fff; font-size:18px;}
.m-menu a:hover{ color:#8ec11a}
.m-menu a i{ margin-right:15px}

#wrapper.open{ overflow:hidden;  position:fixed;  transform:translate3d(250px,0px,0px); -webkit-transform:translate3d(250px,0px,0px)}
#wrapper::after{ background:none repeat scroll 0 0 rgba(0,0,0,0);  content:"";  height:0;  opacity:0;  position:absolute;  right:0;  top:0;  transition:opacity 0.5s ease 0s,width 0.1s ease 0.5s,height 0.1s ease 0.5s; -webkit-transition:opacity 0.5s ease 0s,width 0.1s ease 0.5s,height 0.1s ease 0.5s;  width:0;  z-index:1002}
#wrapper{  height:100%;  left:0;  overflow:hidden;  position:relative;  transition:transform 0.5s ease 0s; -webkit-transition:-webkit-transform 0.5s ease 0s;  z-index:99}
.back-to-top {
    bottom: 18px;
    display: none;
    position: fixed;
    right: 15px;
	z-index:9999;transition:0.5s all
}
.back-to-top i {
    background-color: #444444;
    border-radius: 2px;
    color: #ffffff;
    display: block;
    height: 36px;
    line-height: 36px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    width: 36px;
}
.back-to-top:hover i {
    background-color: #8ec11a;
}

.boxed-page{ background-color: #ffffff;
       margin: 0 auto;
    position: relative;
	
    }
.pattern-page .owl-buttons{ display:none;}
.pattern-page .aside-social a{ font-size:36px;}
.pattern-page .fix-search{ width:450px}

/*.modal {
  text-align: center;
}*/

.modal:before {
  /*display: inline-block;*/
  vertical-align: middle;
  content: " ";
  height: 100%;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/*.modal { width:auto !important; } */
.modal-dialog{ width:100%}
#aliaslabel{ display: inline-block;    margin-bottom: 10px;    margin-top: -3px;}
.paging_bootstrap_extended{width:200px}
table.Search-box tr td{vertical-align:middle;text-align:center;border:none}
@media screen and (-webkit-min-device-pixel-ratio:0){
 ::i-block-chrome, footer li a,  ::i-block-chrome, .copy-right, ::i-block-chrome, .aside-title, ::i-block-chrome, .mobile-site, ::i-block-chrome, .aside-txt, ::i-block-chrome, .title, ::i-block-chrome, .add-title, ::i-block-chrome, .gray-box-text,  ::i-block-chrome, .banner-title, ::i-block-chrome, .map-text, ::i-block-chrome, .name, ::i-block-chrome, .position, ::i-block-chrome, .tes-disc{ -webkit-text-stroke: .01px #fff;}
/*::i-block-chrome, .search-container{width:89%;}*/
::i-block-chrome, .shrink .search-container input{ padding:8px 18px 8px 5px; font-size:13px}


}
@media (max-width:1599px){
.boxed-page .owl-buttons{ display:none;}

}

@media (max-width:1400px){
.full-slider{ max-width:1140px}
.directory-tab li{ width:33%}
.slider-content2 p{ min-height:80px}
.fix-search{ width:700px}
.boxed-page .fix-search{ width:490px}
.slider-title2{ font-size:20px}

}
@media (max-width:1279px){
.full-slider{ max-width:1060px}
.pattern-page{ top:0;}
.pattern-page #wrapper{ padding:0;}
}
@media (max-width:1199px){
	.owl-buttons{ display:none}
	.social li a{ font-size:11px;}
	
	.aside-social a{ font-size:32px; margin-left:10px; margin-right:10px;}
	.banner-title{ font-size:42px;}
	.banner-sub-title{ font-size:20px;}
	.slider-title2{ font-size:20px}
	.owl-theme .owl-controls{ margin-top:5px}
	.shrink .logo img{ max-width:200px;}
	.shrink .search-section{ margin-left:225px}
	.fix-search{ width:500px}
	.box-hover .btn-danger{margin:0 5px 5px 0}
	.slider-title{padding:17px 15px 12px}
	.ads-left, .ads-right{display:none}
} 
@media (max-width:991px){
	.slider-title{ font-size:18px; line-height:22px; padding:13px 15px 8px}
	.slider-title span{ font-size:13px;}
/*	.title{ font-size:34px; line-height:38px;}
*/	.gray-box a{ font-size:20px; line-height:24px;}
	.testimonials{ margin-top:30px}
	.directory-tab li,.pattern-page .directory-tab li{ width:50%;}
	.directory-title{ font-size:24px; line-height:28px;}
	.visible-sm.search-icon{ display:none !important}
.shrink .search-icon{ display:block !important; margin-right:-25px}
.shrink .search-section{ max-width:100%; margin-left:0; margin-top:0;height:45px !important}
.search-iPad{ position:absolute; width:100%; padding:0 10px; left:0; right:0; background:#073870;height:55px !important}
.banner-title{ font-size:36px; line-height:40px}
.search-iPad .search-container{ width:89% !important}
.search-iPad .go-btn{ width:10% !important;}
.flight-icon, .ship-icon,.weather-icon{ background-size:40px auto; width:40px; height:40px; margin:20px 0 0 0}
.weather-icon{ background-size:48px auto; width:42px; height:44px;}
.gray-box a:hover .flight-icon{ background-position:0 -44px}
 .gray-box a:hover .ship-icon{ background-position:0 -37px}
  .gray-box a:hover .weather-icon{ background-position:0 -44px}
.gray-box-arrow{ right:10px}
.gray-box a{ padding:0 10px;}
}
@media (max-width:767px){
.shrink .search-section{height:130px !important}
.search-iPad{height:140px !important}
.logo img, .shrink .logo img{ max-width:150px}
.all-cat i.fa-plus{ display:none}
.banner-title{ margin-top:25px}
.search-section{ margin-left:0; margin-right:0; height:auto;}
.search-container,.search-container input,.all-cat{ width:100% !important; }
.search-container{ border:none}
/*.search-container input,.all-cat{ border:solid 1px #c2c2c2; padding:10px; margin-bottom:3px;border-radius:2px; height:40px}
*/.go-btn{ float:none; width:100%; line-height:28px;}
.chzn-container-single .chzn-single{ height:auto; line-height:22px}
.all-cat{ line-height:20px; font-size:16px;}
.chzn-container{ padding:0}
.chzn-container-single .chzn-single abbr{ top:2px;}
.banner{ background-size:auto 380px}
.explore-btn{ font-size:18px;}
.explore-icon,.add-icon{ width:30px; height:30px; background-size:30px}
.slider-title{ padding:15px 5px 5px}
/*.title{ font-size:28px; margin:15px 0}
*/.full-slider .slider-box{ margin:0 10px}
.icon-bg .title{ margin:15px 0}
.box{ margin-bottom:15px}
.testimonials{ margin-top:0}
.btn-lg3{ font-size:18px; margin-top:20px; margin-bottom:70px}
.home-bg{ background-size:auto 70px}
.directory{ padding:20px 0}
.directory-title{ font-size:21px; line-height:25px;}
.directory-sub-title{ font-size:15px; line-height:19px;}
.directory-list{ margin:0 5px; background:#fff;}
.nav-tabs.tabs-left{ width:100%; padding:10px 0}
.envelope-icon{ width:48px; height:48px; line-height:48px; font-size:28px;}
.aside-title{ margin-bottom:0;}
.aside-social a{ margin-bottom:25px; margin-top:15px}
.copy-right .col-sm-6.text-right{ text-align:left; margin-top:3px}
.shrink .top-list li a{font-size:22px; }
.shrink .top-list li a, .shrink #nav-mobile-btn{ line-height:49px;}
.shrink #nav-mobile-btn{ right:50px; top:2px}
.search-iPad .search-container,.search-iPad .go-btn{ width:100% !important}
.shrink .search-section{ height:100%}
.shrink .chzn-container-single .chzn-single{ font-size:16px;}
.shrink .all-cat{ padding:0;}
.back-to-top{ display:none !important}
.explore-btn{ margin:10px 0}

.owl-theme .owl-controls .owl-page span{ margin-top:0;transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);}
.btn-lg2{ margin-top:15px}
.gray-box{ height:auto; overflow:hidden; padding:10px 0;}
.gray-box-text{ height:auto; line-height:40px}
.flight-icon,.ship-icon,.weather-icon{margin:0}
.viewsitemobile{ display:none !important}


}
@media (max-width:479px){
	.slider-box{ margin:0;}
	.gray-box a{ font-size:18px;}
}
.tag-input {height: 75px !important;}
#customBookingModal .table { margin-bottom: 0 }
#customBookingModal .table .form-group { margin-bottom: 0 }
#customBookingModal .table .form-group + .form-group { margin-top: 20px }
#customBookingModal .table-condensed>tbody>tr>td, #customBookingModal .table-condensed>tbody>tr>th, #customBookingModal .table-condensed>tfoot>tr>td, #customBookingModal .table-condensed>tfoot>tr>th, #customBookingModal .table-condensed>thead>tr>td, #customBookingModal .table-condensed>thead>tr>th { padding: 8px }
.whatsapp i { color: #14c32f; font-size: 17px; }
.whatsapp:hover i { color: #000000; }
.checkin-digit .display-inlineblock { display: inline-block; }
.checkin-digit .checkin-input { margin: 0 15px; }
.checkin-digit .checkin-input .form-group { position: relative; top: 14px; max-width: 130px; margin-bottom: 0px; }
.checkin-main { padding-left: 0 }
.checkin-main .checkin-btn { padding-top: 26px }
.share-mob-show { display: none; margin: 5px 0 0 0; }
.share-mob-show .share-icon { display: inline-block; padding: 0 8px 0 0  }
.share-mob-show .download-icon { position: relative; top: 2px }
@media (max-width:767px){
  .checkin-main { padding-left: 15px }
  .checkin-main .checkin-btn { padding-top: 0px }
  .checkin-digit .checkin-number.display-inlineblock { display: block; }
  .checkin-digit .checkin-number .btn { padding: 5px 10px; font-size: 15px; }
  .checkin-digit .checkin-input { margin-left: 0 }
  .share-mob-show { display: block; }
}  
@media (max-width:379px){
  .checkin-digit .checkin-number .btn { padding: 5px 9px; }
  .checkin-digit .checkin-number .btn + .btn { margin-left: 3px; }
}  
/* Table setting S */
.table-setting { position: relative; width: 100%; padding: 20px 0; }
.table-setting .top-bar { position: relative; padding: 0 0 8px 0; margin: 0 0 50px 0; border-bottom: 1px solid #999999; }
.table-setting.fixheader .top-bar { background: #F1F3FA; position: fixed; z-index: 2; top: 84px; left: 238px; right: 15px; padding: 5px 20px 5px 20px; }
@media (max-width:1023px){
  .table-setting.fixheader .top-bar { left: 0; right: 0; top: 0; padding: 5px 10px 5px 10px }
}  
@media (max-width:767px){
  .table-setting .top-bar { background: #F1F3FA; position: fixed; top: 62px; left: 0; right: 0; z-index: 8; padding: 5px 10px 5px 10px }
  .table-setting.fixheader .top-bar { top: 62px }
  .table-setting .table-all-list { padding-top: 130px }
}  
.table-setting .top-bar .table-link ul { margin: 0; padding: 0; }
.table-setting .top-bar .table-link li { list-style: outside none none; margin: 2px 0; padding: 0; display: inline-block; }
.table-setting .top-bar .table-link .view-text { font-size: 15px; line-height: normal; font-family: 'ubuntubold'; color: #073870; padding: 0 10px 0 0; text-transform: uppercase; }
.table-setting .top-bar .table-link .view-text i { position: relative; font-size: 18px }
.table-setting .top-bar .table-link li .btn { background: #779cc5 }
.table-setting .top-bar .table-link li .btn:hover, .table-setting .top-bar .table-link li .btn.active { background: #4371a5 }
.table-setting .table-hint { width: 100%; text-align: right; padding: 8px 0 0 0; }
.table-setting .table-hint ul { margin: 0; padding: 0; }
.table-setting .table-hint li { font-family: 'ubunturegular'; margin: 0; padding: 0 10px 0 0; list-style: outside none none; display: inline-block; font-size: 16px; }
.table-setting .table-hint li .default-box { position: relative; top: 1px; width: 12px; height: 12px; background-color: #cce0f7; display: inline-block; margin: 0 3px 0 0 }
.table-setting .table-hint li .default-box.booked-box { background: #2b75c7; }
.table-setting .table-hint li .default-box.checkedin-box { background: #ff0000; }
.table-setting .table-hint li:last-child { padding-right: 0 }
.table-setting .roundtable { position: relative; max-width: 300px; margin: 10px auto 70px }
.table-setting .roundtable .table-circle { display: table; position: relative; z-index: 1; background: #2b75c7; width: 300px; height: 300px; border-radius: 100%; border:2px solid #ffffff; box-shadow: 0 0 0 1px #2b75c7; -webkit-box-shadow: 0 0 0 1px #2b75c7; }
.table-setting .roundtable .table-circle .table_info { display: table-cell; text-align: center; padding: 20px; vertical-align: middle; }
.table-setting .roundtable .table-circle .table_info .table_name { color: #ffffff; font-size: 18px; line-height: 130%; margin: 0 0 10px 0 }
.table-setting .roundtable .table-circle .table_info .user_info ul { margin: 0; padding: 0; }
.table-setting .roundtable .table-circle .table_info .user_info li { margin: 0 0 7px 0; padding: 0; position: relative; list-style: outside none none; color: #ffffff; font-size: 14px; line-height: 130%; }
.table-setting .roundtable .table-circle .table_info .user_info li:last-child { margin-bottom: 0 }
.table-setting .roundtable .seat-main { position: absolute; left: 0; top: 0; margin: 0; padding: 0; width: 100%; }
.table-setting .roundtable .seat-main li { list-style: outside none none; margin: 0; padding: 0; }
.table-setting .roundtable .seat-main .seat { text-align: center; position: relative; background: #cce0f7; width: 30px; border: 2px solid white; display: inline-block; height: 30px; border-radius: 5px; box-shadow: 0 0 0 2px #000000; -webkit-box-shadow: 0 0 0 2px #000000; }
.table-setting .roundtable .seat-main .seat.active { background: #2b75c7; box-shadow: 0 0 0 2px #2b75c7; -webkit-box-shadow: 0 0 0 2px #2b75c7; }
.table-setting .roundtable .seat-main .seat.checkin { background: #ff0000; box-shadow: 0 0 0 2px #ff0000; -webkit-box-shadow: 0 0 0 2px #ff0000; }
.table-setting .roundtable .seat-main .seat.seat1 { left: 27%; top: -13px; transform: rotate(-21deg); -webkit-transform: rotate(-21deg); }
.table-setting .roundtable .seat-main .seat.seat2 { left: 48%; top: -16px; transform: rotate(15deg); -webkit-transform: rotate(15deg); }
.table-setting .roundtable .seat-main .seat.seat3 { left: 65%; top: 39px; transform: rotate(55deg); -webkit-transform: rotate(55deg); }
.table-setting .roundtable .seat-main .seat.seat4 { left: 64%; top: 133px; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.table-setting .roundtable .seat-main .seat.seat5 { left: 43%; top: 230px; transform: rotate(128deg); -webkit-transform: rotate(128deg); }
.table-setting .roundtable .seat-main .seat.seat6 { left: 4%; top: 286px; transform: rotate(73deg); -webkit-transform: rotate(73deg); }
.table-setting .roundtable .seat-main .seat.seat7 { left: -40%; top: 282px; transform: rotate(25deg); -webkit-transform: rotate(25deg); }
.table-setting .roundtable .seat-main .seat.seat8 { left: -78%; top: 217px; transform: rotate(50deg); -webkit-transform: rotate(50deg); }
.table-setting .roundtable .seat-main .seat.seat9 { left: -97%; top: 126px; transform: rotate(2deg); -webkit-transform: rotate(2deg); }
.table-setting .roundtable .seat-main .seat.seat10 { left: 3%; top: 6px; transform: rotate(33deg); -webkit-transform: rotate(33deg); }
.table-setting .roundtable .seat-main .seat i { color: #ffffff; opacity: 0 }
.table-setting .roundtable .seat-main .seat.checkin i { opacity: 1 }
.table-setting .roundtable .seat-main .seat.seat1 i { position: relative; top: 0.5px; }
.table-setting .roundtable .seat-main .seat.seat2 i { position: relative; top: 1px; }
.table-setting .roundtable .seat-main .seat.seat3 i { position: relative; top: 1px; }
.table-setting .roundtable .seat-main .seat.seat6 i { position: relative; left: 3px; top: 3px; transform: rotate(88deg); -webkit-transform: rotate(88deg); }
.table-setting .roundtable .seat-main .seat.seat7 i { position: relative; left: 1px; top: 7px; transform: rotate(178deg); -webkit-transform: rotate(178deg); }
.table-setting .roundtable .seat-main .seat.seat8 i { position: relative; left: 1px; top: 6px; transform: rotate(184deg); -webkit-transform: rotate(184deg); }
.table-setting .roundtable .seat-main .seat.seat9 i { position: relative; left: 0px; top: 4px; transform: rotate(-96deg); -webkit-transform: rotate(-96deg); }
.table-setting .roundtable .seat-main .seat.seat10 i { position: relative; left: -1px; top: 4px; transform: rotate(-86deg); -webkit-transform: rotate(-86deg); }
.table-setting .roundtable .table-circle .table_info .user_info .btn { font-family:'ubunturegular'; background: #073870; font-size: 14px; line-height: 140%; padding: 6px 15px 5px 15px; }
.table-setting .roundtable .table-circle .table_info .user_info .btn:hover { background: #184b84; }
@media (max-width:767px){
  .table-setting { padding: 0 }
}  
@media (max-width:379px){
  .table-setting .roundtable { transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); }
}
@media (max-width:359px){
  .table-setting .roundtable { transform: scale(0.85); -webkit-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); }
}  
/* Table setting E */