/* reset browser style */

div, dl, dt, dd, iframe, img { border: none; padding: 0; margin: 0; }
header, footer, section, article, nav, menu, aside, details, figure, figcaption, hgroup, summary { display: block; padding: 0; margin: 0; }
nav ul li { margin: 0; list-style-image: none; list-style: none; line-height: normal; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
svg:not(:root) { overflow: hidden; }

/* fundamental style */

html { height: auto !important; min-height: 100%; height: 100%; /* needed to get the 100% height of content */ }
body { height: auto !important; min-height: 100%; height: 100%; padding: 0; margin: 0; background: #ffffff; }

/* wrapper style */

.wrapper { width: 100%; margin: 0 auto; position: relative; height: auto !important; min-height: 100%; height: 100%; }

/* content style */ 

.head { margin: 0 auto; position: relative; }
.body { display: block; overflow: visible; width: auto; margin: 40px auto 0; margin-left: 100px; padding: 0; padding-top: 0 !important; position: relative; }
.foot { width: auto; margin: 0 auto; position: relative; z-index: 1; }

.master-blank-page { margin: 40px auto; background-color: #f5f5f5; }
.master-blank-page .body { margin: 40px auto 0; }
.master-blank-page .body > .main-container > .container { background-color: #f5f5f5; }
.master-blank-page .body > .main-container { padding: 0; }
.master-blank-page .container-wrapper { padding: 0 20px; }
.master-blank-page .top-menu { max-width: 1220px; height: inherit; margin: 0 auto; padding: 0 20px; position: relative; }
.master-blank-page .top-menu > li.align-left { margin-left: -8px; }
.master-blank-page .sticky .header-section { box-shadow: rgb(102, 102, 102) 0 3px 2px -2px; padding: 12px 0 6px; }
.master-blank-page .sticky .header-section h1 { margin: 8px 0; }
.master-blank-page .sticky .header-section .button.align-right { margin-left: 6px; }

.powerby { text-align: center; padding: 20px 0; border-top: 1px solid #dedede; clear: both; padding-top: 20px;  }
.powerby span { display: block; color: #aaaaaa; padding-bottom: 5px; }
.powerby a { text-decoration: none; color: #aaaaaa; }

.main-title-page { margin: 23px 0 18px !important; background: #fff;color: #f1f1f1;  }
.main-title-page h1 { display: inline-block; margin-top: 6px; }
.sticky {
  position: fixed;
  top: 40px;
  width: 240px;
  right:65px;
  right:0;
  -webkit-box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);
  -moz-box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);
  box-shadow: 0px 0px 9px 3px rgba(41,41,41,.25);
  padding: 15px 30px 15px 0px;
  background:#fff;
}
.sticky + .content-main {
  padding-top: 250px;
}


.head > .header-section  { margin: 0; padding-bottom: 0; border: none; min-height: 41px; text-align: left; }
.head > .header-section > .button-panel { right: 10px; }
.head .fixed-tab { background-color: #ffffff; margin: 10px -20px -1px; }
.head .fixed-tab .container-wrapper { z-index: -1; }

.head > .header-section > .cart-panel .dl { margin-right: 5px; }
/*.body > .main-container { margin-top: 41px; margin-left: 0 !important; padding: 71px 20px 0; }*/
.body > .main-container { margin-top: 41px; margin-left: 0 !important; padding: 0 20px; }
.body > .main-container > .container  { background: #ffffff; padding: 10px 0; min-width: 1120px; min-height: 600px; }
.body > .container { padding: 0; }

.header-container { width: auto; margin: 0 auto; padding: 14px; padding-top: 6px; position: fixed; top: 60px; left: 0; right: 0; z-index: 99; border-bottom: 1px solid #dedede; background: #ffffff; }
.header-container .header-section { margin: 0; padding: 0; border: none; }
.header-section .button-panel { position: absolute; right: 0; top: 0; }

/* add .fixed-main-title for sticky*/
.sticky { z-index: 2; }
.sticky .header-section { padding: 10px 20px 15px 120px; position: fixed; left: 0; right: 0; top: 40px; background: #f2f2f2; border-bottom: 1px solid #dedede; }
.sticky .header-section .button-panel { top: 10px; }
.sticky .header-section h1 em { font-size: 14px; font-style: normal; }
.first-use-page .body { margin-top: 60px; }
.content-below-sticky { margin-top: 75px !important; }
.fixed-header-button {display: inline-block;float: right;margin-top: 20px;}
.fixed-header-scroll { top: 0; position: fixed; width: auto; display: none; border: none; z-index: 1; }
/* clearfix style */

.clearfix, .grid { *zoom: 1; }
.clearfix:before, .clearfix:after, .grid:before, .grid:after { display: table; line-height: 0; content: ""; }
.clearfix:after, .grid:after { clear: both; }

/* inline style */

.inline { width: 1220px; height: inherit; margin: 0 auto; padding: 0 20px; position: relative; } 
.inline .grid { margin-left: -20px; margin-right: -20px; }
.inline .grid .grid { margin-left: 0; margin-right: 0; }

/* container wrapper style */

.container-wrapper  { max-width: 1220px; height: inherit; margin: 0 auto; padding: 0; position: relative; }
.container-wrapper.container-product  { width: 1220px; height: inherit; margin: 0 auto; padding: 0; position: relative; }  
.container-wrapper .grid { margin-left: -20px; margin-right: -20px; }
.container-wrapper .grid .grid { margin-left: 0; margin-right: 0; }

/* grid style */

.grid { width: 1220px; margin: 0 auto; padding: 0; } /* have menu */
/* .grid { width: 940px; } */
.grid .box > .grid { width: auto; padding: 0; }

/* box style */

.box { margin-left: 20px; float: left; min-height: 1px; display: block; }
.box:first-child { margin-left: 0; }
.box + .box { margin-left: 30px; }
.box.align-left { margin-left: 0; }
.box.align-right { margin-left: 30px; }
.box-12 { width: 1170px; }
.box-11 { width: 1070px; }
.box-10 { width: 970px; }
.box-9 { width: 870px; }
.box-8 { width: 770px; }
.box-7 { width: 670px; }
.box-6 { width: 570px; }
.box-5 { width: 470px; }
.box-4 { width: 370px; }
.box-3 { width: 270px; }
.box-2 { width: 170px; }
.box-1 { width: 70px; }

/* fluid style */

.fluid .box + .box { margin-left: 2.564102564102564%; }
.fluid .box.align-left { margin-left: 0; }
.fluid .box.align-right { margin-left: 2.564102564102564%; }

.fluid .box-12 { width: 100%; }
.fluid .box-11 { width: 91.45299145299145%; }
.fluid .box-10 { width: 82.90598290598291%; }
.fluid .box-9 { width: 74.35897435897436%; }
.fluid .box-8 { width: 65.81196581196582%; }
.fluid .box-7 { width: 57.26495726495726%; }
.fluid .box-6 { width: 48.717948717948715%; }
.fluid .box-5 { width: 40.17094017094017%; }
.fluid .box-4 { width: 31.623931623931625%; }
.fluid .box-3 { width: 23.076923076923077%; }
.fluid .box-2 { width: 14.52991452991453%; }
.fluid .box-1 { width: 5.982905982905983%; }

/* flex style */

.flex { position: relative; *zoom: 1; }
.flex:before, .flex:after { display: table; line-height: 0; content: ""; }
.flex:after { clear: both; }

.flex .flex-left { width: 200px; position: relative; top: 0; left: 0; z-index: 1; display: inline; float: left; }
.flex .flex-center { padding: 0 214px 0 214px; position: relative; z-index: 0; }
.flex .flex-right { width: 200px; position: relative; top: 0; right: 0; z-index: 1; display: inline; float: right; }
.flex .flex-fixed { margin-right: 14px; position: relative; display: inline; float: left; }
.flex .flex-fluid { overflow: hidden; position: relative; }

/* flex reversed style */

.flex-reversed .flex-fixed { margin: 0; margin-left: 14px; float: right; }

/* logo style */

.tpx-logo { margin: 0 auto; display: block; padding: 8px 0; }

/* main menu style */

.menu-wrapper { margin-top: 1px; min-width: 100px; position: fixed; top: 40px; bottom: 0; background-color: #f4f4f4; box-shadow: 1px 5px 1px #dedede; border-right: 1px solid #cccccc; z-index: 5; }
.main-menu { margin: 0; }
.main-menu li { position: relative; }
.main-menu li i { margin: 0; margin-bottom: 2px; font-size: 18px; display: block;  }
.main-menu li a { padding: 12px 5px 6px; border-bottom: 1px solid #c8d8e2; text-align: center; display: block; text-decoration: none; color: #333333; position: relative; min-width: 30px; font-size: 13px; font-size: 1.3rem; line-height: 1.4; }
.main-menu li a .note { position: absolute; top: 10px; }
.main-menu li a:before { border-top: 14px solid transparent; border-right: 14px solid #646464; border-bottom: 14px solid transparent; box-shadow: none; display: none; position: absolute; top: 6px; right: -3px; z-index: 4; content: ''; }
.main-menu li a:after { border-top: 12px solid transparent; border-right: 12px solid #fafafa; border-bottom: 12px solid transparent; box-shadow: none; display: none; position: absolute; top: 8px; right: -5px; z-index: 4; content: ''; }
.main-menu li.open a:before, .main-menu li.open a:after { display: block; }

.main-menu > li.open  { background-color: #ffffff; border-left: 3px solid #f79d11; }
.main-menu li.active { background-color: #ffffff; border-left: 3px solid #e80e0e;  }
.main-menu li.no-childmenu:hover a:before, .main-menu li.no-childmenu:hover a:after{ display: none; }

.main-menu > li:hover { background-color: #ffffff; }
.main-menu li.open .sub-menu { margin-left: 3px; display: block; color: #ffffff; }
.menu-wrapper.open-menu .sub-menu, .top-menu.open-menu .sub-menu, .menu-wrapper.open-menu a:before, .top-menu.open-menu a:before,.menu-wrapper.open-menu a:after, .top-menu.open-menu a:after { display: block !important; }

.main-menu .note { margin-left: -10px; }
.main-menu .label-allot { margin: 2px 0; }
.main-menu .sub-menu .note { margin-left: 2px; }

.mobile-menu .main-menu .note { margin-left: 0; }  

/* sub menu style */

.sub-menu { margin: 0; background: #fafafa; border: 2px solid #646464; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); display: none; float: none; position: absolute; top: 0; left: 100%; }
.sub-menu > li { margin: 0; line-height: 19px; line-height: 1.9rem; position: relative; list-style: none; text-align: left; }
.sub-menu > li > a { padding: 8px 16px !important; border-bottom: 1px solid #c8d8e2; text-align: left; text-decoration: none; display: block; white-space: nowrap; min-width: 200px; font-size: 14px; font-size: 1.4rem; }

.sub-menu > li:last-child a { border: none; }
.sub-menu li a:before, .sub-menu li > a:after { display: none !important; }
.sub-menu.last-menu { top: auto; bottom: 0; }
.sub-menu a:hover { background-color: #777777; color: #ffffff; }
.sub-menu h6 { margin: 0; padding: 10px 16px; padding-left: 16px !important; font-weight: 700; font-size: 13px; border-bottom: 1px solid #999999; display: none; }
.sub-menu em { font-style: normal; }

/* logo company in menu */

.upload-image-panel { width: 101px; height: 65px; background: #dedede url(../Images/no-logo-company.jpg) no-repeat center; background-size: cover; cursor: pointer; position: relative; overflow: hidden; border-bottom: 1px solid #dedede; }
.upload-image-panel.haslogo { background: #ffffff; }
.upload-image-panel input.upload-image { position: absolute; top: 0; right: 0; z-index: 1; margin: 0; padding: 0; opacity: 0; height: 66px; cursor: pointer; }
.upload-image-panel .icon-upload-image { bottom: 0; right: 0; left: 0; position: absolute; z-index: 0; text-align: right; }
.upload-image-panel .icon-upload-image i { margin-bottom: 2px; opacity: 0.6; margin-left: 5px; }
.upload-image-panel:hover .icon-upload-image { background-color: #333333; padding-top: 2px; color: #ffffff; }
.upload-image-panel:hover .icon-upload-image i, .upload-image-panel:hover .icon-upload-image small { font-size: 15px; display: inline-block !important; } 

/* top menu style */

.top-menu-wrapper { position: fixed; top: 0; right: 0; left: 0; z-index: 6; background: rgba(100, 100, 100, 1); }
.top-menu { padding: 0; margin: 0; background: #444444; }
.top-menu > li { float: right; border-left: 1px dotted #d6d6d6;  line-height: 19px; line-height: 1.9rem; font-size: 13px; font-size: 1.3rem; position: relative; }
.top-menu > li.align-left { float: left; border-left: 0; border-right: 1px dotted #d6d6d6; }
.top-menu > li.open.align-left .sub-menu { left: 0; }
.top-menu > li > a { display: inline-block; padding: 14px 16px 7px; text-decoration: none;  position: relative; color: #ffffff !important; height: 41px; box-sizing: border-box;}
.top-menu > li > a .note{ position: absolute; top: 10px; left: 26px; }
.top-menu > li.language { padding: 5px 10px; }
.top-menu  select { height: 30px; margin: 0; }
.top-menu > li:hover,.top-menu > li.open { background: #333333; }
.top-menu > li.open .sub-menu { display: block; }
.top-menu .sub-menu { margin-top: 3px; padding-top: 2px; left: auto; right: 0; top: 40px; border: 2px solid #646464; min-width: 180px;}
.top-menu .sub-menu a { color: #333333 !important; min-width: 150px; }
.top-menu .sub-menu a:hover { color: #ffffff !important; }
.top-menu .sub-menu a:hover small {color: #ffffff !important;} 
.top-menu .logo-company img { height: 40px !important; }

.top-menu .logo-company { color: #ffffff; font-size: 17px; line-height: 36px; padding: 3px 8px ; border: none !important; }
.top-menu .logo-company a {text-decoration:none; color:#ffffff }
.top-menu .logo-company:hover { background: none; }

.top-menu  li a:before { border-right: 14px solid transparent; border-bottom: 12px solid #646464; border-left: 14px solid transparent; box-shadow: none; display: none; position: absolute; right: 6px; bottom: -4px; z-index: 4; content: ''; }
.top-menu  li a:after { border-right: 12px solid transparent; border-bottom: 10px solid #fafafa; border-left: 12px solid transparent; box-shadow: none; display: none; position: absolute; right: 8px; bottom: -4px; z-index: 4; content: ''; }
.top-menu li.has-submenu.open a:before, .top-menu li.has-submenu.open a:after{ display: block; }
.top-menu li.question-menu  .popover { top: 100%; margin-left: -80px; margin-top: 5px; }

.top-menu-wrapper .button-menu { border: none; }
.top-menu > .button-menu:hover { background: none; }
.top-menu-wrapper .button-menu a { margin-top: 7px !important; padding: 4px 12px !important; height: auto; border-radius: 3px; border: 1px solid #ffffff; }
.top-menu-wrapper .button-menu a:hover { background: #333333; }

.nav-menu { margin: 0; }

/* nav tree style */

.nav-tree { margin-left: 0; }
.nav-tree > li { list-style: none; line-height: 1.5; }
.nav-tree > li > a, .nav-tree li ul > li > a { display: inline-block; }
.nav-tree > li > a > img { max-width: none; }

/* nav list style */

.nav-list > li { padding: 0 8px; border-left: 1px solid #d6d6d6; }
.nav-list > li:first-child { border: none; padding-left: 0; }
.nav-list > li:last-child { padding-right: 0; }

/* nav links style */

.nav-links > li { padding-left: 8px; }
.nav-links > li:first-child { padding-left: 0; }

/* dropdown style */

.dropdown { padding: 8px; margin: 0; background: #ffffff; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3); position: absolute; display: none; z-index: 999; float: none; left: 0; top: 45px; }
.dropdown > li { margin: 0; min-width: 300px; line-height: 19px; line-height: 1.9rem; font-size: 13px; font-size: 1.3rem; position: relative; list-style: none; border-top: 1px dotted #d6d6d6; }
.dropdown > li:first-child { border: none; }
.dropdown > li.childs > a:after { font-size: 13px; opacity: 1.0; position: absolute; top: 8px; right: 0; content: "\232A"; }
.dropdown:before { border-right: 7px solid transparent; border-bottom: 7px solid #dedede; border-left: 7px solid transparent; box-shadow: none; display: inline-block; position: absolute; top: -7px; left: 13px; content: ''; }
.dropdown:after { border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; box-shadow: none; display: inline-block; position: absolute; top: -6px; left: 14px; content: ''; }


/*.cart .dropdown { padding: 8px 16px; padding-right: 40px; max-height: 320px; overflow-y: auto; overflow-x: hidden; z-index: 1; top: 53px; right: 0; left: auto; }
.cart .dropdown > li { padding: 8px !important; padding-right: 16px !important; overflow: hidden; width: 100%; }
.cart .dropdown > li .fa-times { position: absolute; top: 8px; right: 0; font-size: 120%; color: #666666; }
.cart .dropdown .text-overflow { width: 100%; max-width: 300px; display: block !important; }
.cart .dropdown p { margin: 14px 0 0; }
.cart > .anchor { padding: 10px; padding-right: 15px; }*/

.cart .dropdown-panel { z-index: 1; position: absolute; right: 0; background: #ffffff; border: 2px solid #646464; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3); display: none; }
.cart.open .dropdown-panel { display: block; min-width: 300px; }
.cart .dropdown-panel .dropdown { padding: 8px 16px; max-height: 300px; min-width: 300px; overflow-y: auto; overflow-x: hidden; display: block; position: relative; top: auto; box-shadow: none; }
.cart .dropdown-panel .list-plain { min-width: 300px; padding: 20px; margin: 0; }
.cart .dropdown > li { padding: 8px 0; padding-right: 24px !important; overflow: hidden; }
.cart .dropdown > li .fa-times { position: absolute; top: 8px; right: 0; font-size: 120%; color: #666666; }
.cart .dropdown .text-overflow { width: 100%; max-width: 300px; display: block !important; font-size: 15px; padding-bottom: 6px; }
.cart .dropdown p { margin: 14px 0 0; }
.cart > .anchor { padding: 10px; padding-right: 15px; }
.cart .dropdown-panel .action-panel { display: block; padding: 8px 14px; border-top: 1px solid #dedede; text-align: right; position: relative; overflow: hidden; }
.cart .dropdown-panel .action-panel a { float: left; margin: 14px 0; }
.cart-icon { padding: 6px !important; margin-right: 8px !important; }
.cart-icon .note { position: absolute; top: 0; right: -10px; }

.cart .dropdown-panel:before { border-right: 12px solid transparent; border-bottom: 12px solid #646464; border-left: 12px solid transparent; box-shadow: none; display: inline-block; position: absolute; top: -12px; right: 17px; content: ''; }
.cart .dropdown-panel:after { border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; border-left: 10px solid transparent; box-shadow: none; display: inline-block; position: absolute; top: -9px; right: 19px; content: ''; }


/* breadcrumb style */

.breadcrumb { margin-top: 5px; margin-bottom: -5px; font-size: 14px; }
.breadcrumb > li { margin: 0; display: inline-block; line-height: 16px; line-height: 1.6rem; font-size: 12px; font-size: 1.2rem; color: #666666; }
.breadcrumb > li i { margin: 6px; }
.breadcrumb > li > a { display: inline-block; }

/* content list style */

.content-list { margin: 0; margin-bottom: 24px; }
.content-list > li { margin: 0; margin-bottom: 10px; padding-top: 10px; list-style: none; border-top: 1px dotted #d6d6d6; }
.content-list > li:first-child { border: none; }


.card-list { margin: 0; margin-bottom: 24px; }
.card-list > li { margin: 0; margin-bottom: 14px !important; padding-top: 10px; list-style: none; border: 1px solid #d6d6d6; }

/* widget panel style */

.widget-panel { padding: 0; background: #f6f6f6; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3); border-radius: 3px; }
.widget-panel .widget-header { padding: 14px 20px; text-transform: capitalize; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; }
.widget-panel .widget-body { position: relative; padding: 10px 20px; }

/* content box style */

.content-box { margin-bottom: 24px; position: relative; }

/* border box style */

.border-box { padding: 10px; margin-top: 5px; border: 3px solid #dedede; margin-bottom: 24px; border-bottom-width: 2px; border-radius: 3px; border: 1px solid #dedede; }
 
/* toggle links style */

.toggle-links li ul { margin-bottom: 8px; }
.toggle-links li ul li { display: none; }
.toggle-links > li > ul > li:first-child, .toggle-links > li > ul > li:nth-child(2) { display: block; }
.toggle-links .open li { display: block; }

/* scroll pane style */

.scroll-pane { height: auto; padding-right: 14px; overflow-y: scroll; }

/* mode tab style */

.mode-tab li { display: inline-block; }
.mode-tab li a { text-decoration: none; }

/* columns style */

.columns { *zoom: 1; }
.columns:before, .columns:after { display: table; line-height: 0; content: ""; }
.columns:after { clear: both; }
.column { margin-right: 30px; display: block; float: left; }
.last { margin-right: 0; }
.columns > .column { width: 50%; padding: 0 15px; float: left; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0 }
.columns > .column:first-child { padding-left: 0; }
.columns > .column:last-child { padding-right: 0; }

.columns > .column.one-fourth,.columns > .column-04 { width: 25%; }
.columns > .column.column-03 { width: 33.33%; }
.columns > .column .title-label { min-width: 110px; display: inline-block; text-align: right; }
/* column box style */

.box-4 .one-half { width: 135px; }
.box-5 .one-half { width: 175px; }
.box-6 .one-half { width: 215px; }
.box-7 .one-half { width: 255px; }
.box-8 .one-half { width: 295px; }
.box-9 .one-half { width: 335px; }
.box-10 .one-half { width: 380px; }
.box-11 .one-half { width: 420px; }
.box-12 .one-half { width: 455px; }

.box-6 .one-third { width: 133px; }
.box-7 .one-third { width: 160px; }
.box-8 .one-third { width: 186px; }
.box-9 .one-third { width: 213px; }
.box-10 .one-third { width: 240px; }
.box-11 .one-third { width: 266px; }
.box-12 .one-third { width: 293px; }

.box-6 .one-fourth { width: 92px; }
.box-7 .one-fourth { width: 112px; }
.box-8 .one-fourth { width: 132px; }
.box-9 .one-fourth { width: 152px; }
.box-10 .one-fourth { width: 175px; }
.box-11 .one-fourth { width: 195px; }
.box-12 .one-fourth { width: 212px; }

.box-4 .form-box .one-half { width: 121px; }
.box-5 .form-box .one-half { width: 161px; }
.box-6 .form-box .one-half { width: 201px; }
.box-7 .form-box .one-half { width: 241px; }
.box-8 .form-box .one-half { width: 281px; }
.box-9 .form-box .one-half { width: 321px; }
.box-10 .form-box .one-half { width: 366px; }
.box-11 .form-box .one-half { width: 406px; }
.box-12 .form-box .one-half { width: 441px; }

/* header section style */

.header-section { position: relative; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #dedede; }
.header-section .header-actions { top: 10px; }

.header-section-extended { padding: 0; margin: 0; border: 0; }
.header-section-extended h2 small { padding: 10px 0 5px; display: inline-block; }
.header-section-extended .header-actions { float: right; position: relative; right: auto; top: auto; }

.header-actions { position: absolute; right: 0; top: 0; text-align: right; }
.header-actions .info { margin: 10px; margin-left: 0; }
.header-actions .cart { margin-right: 20px; text-align: left; font-size: 110%; float: left; }
.header-actions > div, .header-actions > .info, .header-actions .button { display: inline-block; }
.header-actions .button { margin-right: 10px; }
.header-actions .btn-group { position: relative; display: inline-block; vertical-align: middle; }
.header-actions .btn-group .btn { display: inline-block; padding: 8px 12px; margin-bottom: 0px; font-size: 14px; font-weight: 400; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; background-image: none; border-radius: 4px; }
.header-actions .btn-default { color: #333; background-color: #FFF; border-color: #CCC; }
.header-actions .btn-group > .btn { position: relative; float: left; }
.header-actions .btn-group > .btn:first-child { margin-left: 0px; } 
.header-actions .btn .caret { margin-left: 0px; }
.header-actions .caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.header-actions fieldset dl { clear: both; margin: 0;}
.header-actions fieldset dl dt { text-align: right; padding-right: 10px; float: left; }
.header-actions fieldset dl dd { min-width: 50px; float: left; }
.header-actions fieldset dl label { padding-top: 6px; }

.header-section .header-actions.filters { margin-top: -28px; }
.header-section .header-actions.filters-report { margin-top: -5px; }
.header-actions.filters dt { padding-top: 32px; }
.header-actions.filters dd { text-align: left; }
.header-actions.filters dd select { margin: 0; max-width: 250px;}

/* tab mode style */

.select-mode { margin: 0; display: inline-block; }
.select-mode > label { width: auto; margin: 0; list-style: none; display: inline-block; float: left; cursor: pointer; background: #ffffff; font-size: 90%; text-align: center; text-decoration: none; position: relative; color: #007aff; font-weight: 700; padding: 10px 24px; padding-left: 0; border: 2px solid #007aff; }
.select-mode > label.active { text-decoration: none; background: #007aff; color: #ffffff !important; }
.select-mode > label:hover { color: #218ee4; }
.select-mode > label:first-child { border-radius: 3px 0 0 3px; }
.select-mode > label.last { border-left: none; border-radius: 0 3px 3px 0; }
.select-mode > label input { opacity: 0; }
.select-mode:before, .select-mode:after { display: table; line-height: 0; content: ""; }
.select-mode:after { clear: both; }

/* tab menu style */

.tab-menu { margin: 0; margin-bottom: 24px; padding: 0 5px; border-bottom: 1px solid #dedede; }
.tab-menu > li { width: auto; margin: 0; margin-bottom: -1px; list-style: none; display: inline; float: left; }
.tab-menu > li > a { padding-top: 0; background: #f4f4f4; border-top: 3px solid #dedede; text-align: center; text-decoration: none; display: block; position: relative; color: #333333; box-sizing: border-box; line-height: 20px;}
.tab-menu > li > a > span { padding: 12px 24px; padding-top: 10px; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; display: block; font-size: 15px; font-size: 1.5rem;}
.tab-menu > li.active > a { text-decoration: none; background: #ffffff; border-top: 3px solid #0283df; color: #0283df; }
.tab-menu > li > a:hover { background: #f1f9ff; }
.tab-menu.white > li.active > a, .tab-menu.white > li > a:hover { background: #ffffff;  }
.tab-menu > li.active > a > span, .tab-menu > li > a:hover > span { border-bottom-color: #ffffff; }
.tab-menu > li:first-child > a > span { border-left: 1px solid #dedede; }
.tab-menu:before, .tab-menu:after { display: table; line-height: 0; content: ""; }
.tab-menu:after { clear: both; }
.tab-menu .note { margin-left: 5px; position: relative; top: 0; right: auto; background: #999999; }
.tab-menu > li.active .note { background: #f79d11; }
.tab-menu.tab-03 li { width: 33.33%; }
.tab-menu .button-filter { padding: 9px 18px; margin-left: 14px; }

.tab-menu > li.align-right { float: right; }
.showpage-tab { position: absolute; top: -70px; right: 0; }
.sub-tab-menu { margin-top: 10px }

.sort-bar { display: inline-block; margin: 17px 0; }
.sort-bar li{ float: left; border: 1px solid #7cc8ff; border-left: none; position: relative; background-color: #ffffff; margin: 0; list-style: none; }
.sort-bar li.title { padding: 9px 18px; padding-right: 8px; border: none; border-right: 1px solid #7cc8ff; }
.sort-bar a { display: block; text-decoration: none; color: #49aaf7; padding: 8px 18px; }
.sort-bar a.active, .sort-bar > li.open > a.active:hover { background-color: #49aaf7 !important; color: #ffffff !important; }
.sort-bar > li > a:hover ,.sort-bar > li.open > a { background: #dff0fd; color: #333333; }
.sort-bar .open  .soft_group { display: block; }

.sort-bar .soft_group { margin: 0; background: #ffffff; border: 1px solid #49aaf7; display: none; float: none; position: absolute; top: 100%; left: 0; z-index: 1; white-space: nowrap; }
.sort-bar .soft_group > li { width: 100%; border: none; border-bottom: 1px solid #49aaf7; }
.sort-bar .soft_group > li:last-child a { border: none; }
.sort-bar .soft_group a:hover { background-color: #dff0fd !important; color: #333333 !important; }

/* tab panel style */

.tab-panel > .tab { display: none; position: relative; }
.tab-panel > .tab.active:first-child, .tab-panel > .active { display: block; }

/* toggle panel style */

.toggle .data { display: none; }

/* toggle pane style */

.toggle-pane .data { display: none; }
.guide-menu .toggle a { text-decoration: none; }

/* toggle style */

.accordion-menu  { margin-bottom: 2px; background: #ffffff; }
.accordion-menu:last-of-type { margin-bottom: 24px; }
.accordion-menu .title { padding: 2px 10px; padding-left: 30px; background: #efefef; line-height: 18px; line-height: 1.8rem; font-size: 14px; font-size: 1.4rem; position: relative; display: block; cursor: pointer; }
.accordion-menu .title a { color: #666666; }
.accordion-menu .title .icon { margin: 0; position: absolute; left: 10px; top: 8px; }
.accordion-menu .title:hover { background-color: #dcdcdc; }
.accordion-menu .title.open, .accordion-menu .title.open:hover { background-color: #0283df; }
.accordion-menu .title.open a, .accordion-menu .title.open a:hover { color: #ffffff; }
.accordion-menu .child-menu { margin: 0; padding: 6px 0; background: #fafafa; box-shadow: inset 0 20px 5px -20px rgba(0,0,0,0.8); }
.accordion-menu .toggle-links > .child-menu > li { margin-left: 24px; }

.child-menu li { padding: 3px 14px 0; }
.child-menu li a { padding: 2px 0; padding-left: 14px; text-decoration: none; position: relative; display: inline-block; color: #666666; }
.child-menu li a:hover, .child-menu li a:hover:before { color: #00adff; }
.child-menu ul > li > a:before { position: absolute; left: 0; top: 1px; content: "\2013"; color: #666666; }

.comma-split .word-split:first-child:before, .slash-split .word-split:first-child:before { content: ""; }
.comma-split .word-split:before { content:", "; }
.slash-split .word-split:before { content:"/ "; }

.icon-animated-bell {
    display: inline-block;
    -moz-animation: ringing 2s 5 ease 1s;
    -webkit-animation: ringing 2s 5 ease 1s;
    -o-animation: ringing 2s 5 ease 1s;
    -ms-animation: ringing 2s 5 ease 1s;
    animation: ringing 2s 5 ease 1s;
    -moz-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

@-moz-keyframes ringing {
    0% {
        -moz-transform: rotate(-15deg);
    }

    2% {
        -moz-transform: rotate(15deg);
    }

    4% {
        -moz-transform: rotate(-18deg);
    }

    6% {
        -moz-transform: rotate(18deg);
    }

    8% {
        -moz-transform: rotate(-22deg);
    }

    10% {
        -moz-transform: rotate(22deg);
    }

    12% {
        -moz-transform: rotate(-18deg);
    }

    14% {
        -moz-transform: rotate(18deg);
    }

    16% {
        -moz-transform: rotate(-12deg);
    }

    18% {
        -moz-transform: rotate(12deg);
    }

    20% {
        -moz-transform: rotate(0deg);
    }
}

@-webkit-keyframes ringing {
    0% {
        -webkit-transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
    }
}

@-ms-keyframes ringing {
    0% {
        -ms-transform: rotate(-15deg);
    }

    2% {
        -ms-transform: rotate(15deg);
    }

    4% {
        -ms-transform: rotate(-18deg);
    }

    6% {
        -ms-transform: rotate(18deg);
    }

    8% {
        -ms-transform: rotate(-22deg);
    }

    10% {
        -ms-transform: rotate(22deg);
    }

    12% {
        -ms-transform: rotate(-18deg);
    }

    14% {
        -ms-transform: rotate(18deg);
    }

    16% {
        -ms-transform: rotate(-12deg);
    }

    18% {
        -ms-transform: rotate(12deg);
    }

    20% {
        -ms-transform: rotate(0deg);
    }
}

@keyframes ringing {
    0% {
        transform: rotate(-15deg);
    }

    2% {
        transform: rotate(15deg);
    }

    4% {
        transform: rotate(-18deg);
    }

    6% {
        transform: rotate(18deg);
    }

    8% {
        transform: rotate(-22deg);
    }

    10% {
        transform: rotate(22deg);
    }

    12% {
        transform: rotate(-18deg);
    }

    14% {
        transform: rotate(18deg);
    }

    16% {
        transform: rotate(-12deg);
    }

    18% {
        transform: rotate(12deg);
    }

    20% {
        transform: rotate(0deg);
    }
}
.logo { display: block; }

/* group link  style */

.group-link { margin: 0; background: #c0c0c0; }
.group-link > li { width: auto; margin: 0; list-style: none; display: inline; float: left; }
.group-link > li > a { padding-top: 0; background: #d4d4d4; border-top: 3px solid #c0c0c0; text-align: center; text-decoration: none; display: block; position: relative; color: #333333; box-sizing: border-box; line-height: 20px; cursor: pointer; }
.group-link > li > a > span { padding: 12px 24px; padding-top: 10px; border-right: 1px solid #dedede; display: block; font-size: 15px; font-size: 1.5rem;}
.group-link > li.active > a { text-decoration: none; background: #f4f4f4; border-top: 3px solid #0283df; color: #0283df; }
.group-link > li > a:hover { background: #ffffff; }
.group-link > li.active > a > span, .group-link > li > a:hover > span { border-bottom-color: #ffffff; }
.group-link > li:first-child > a > span { border-left: 1px solid #dedede; }
.group-link:before, .group-link:after { display: table; line-height: 0; content: ""; }
.group-link:after { clear: both; }

.link-filter { margin: 0; margin-bottom: 24px; padding-left: 14px; background: #f4f4f4; display: block; overflow: hidden; padding: 14px; padding-right: 0; }
.link-filter li { list-style: none; display: inline; float: left; margin: 0; margin-right: 14px; margin-top: 6px; }

.link-filter li a { display: block; padding: 8px 14px; cursor: pointer; text-decoration: none; color: #555555; }
.link-filter li a.other-detail {color:#0283df}
.link-filter li a.active  { background: #0283df; color: #ffffff; border-radius: 3px; }
.link-filter li a:hover { background: #dedede; color: #555555; border-radius: 3px; }
.sk-fading-circle {
  margin: 10px auto 20px;
  width: 50px;
  height: 50px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 10px;
  height: 10px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 0.9s infinite ease-in-out both;
          animation: sk-circleFadeDelay 0.9s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(80deg);
      -ms-transform: rotate(80deg);
          transform: rotate(80deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(160deg);
      -ms-transform: rotate(160deg);
          transform: rotate(160deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(200deg);
      -ms-transform: rotate(200deg);
          transform: rotate(200deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(280deg);
      -ms-transform: rotate(280deg);
          transform: rotate(280deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(320deg);
      -ms-transform: rotate(320deg);
          transform: rotate(320deg);
}


.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}


/* add bootstrap new class */
.text-nowrap {
    white-space: nowrap;
}
@font-face {
  font-family: 'thaisansneue';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/thaisansneue-regular-webfont.woff') format('woff');
  src: url('../fonts/thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/thaisansneue-regular-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'thaisansneue';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/thaisansneue-semibold-webfont.woff') format('woff');
  src: url('../fonts/thaisansneue-semibold-webfont.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/thaisansneue-semibold-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'thaisansneue';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/thaisansneue-bold-webfont.woff') format('woff');
  src: url('../fonts/thaisansneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/thaisansneue-bold-webfont.ttf') format('truetype');  
}

html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body { font-family: 'thaisansneue', helvetica, arial, sans-serif; font-style: normal; font-weight: 300; white-space: normal; line-height: 1.4; font-size: 15px; font-size: 1.5rem; color: #333333; }
a, p, h1, h2, h3, h4, h5, h6, ul, ol, li, address, table, blockquote, figcaption { font-style: normal; list-style: none; outline: 0; padding: 0; margin: 0; text-rendering: optimizeLegibility; }
caption, cite, code, dfn, em, strong, var, optgroup, abbr, acronym { font-style: normal; font-variant: normal; padding: 0; margin: 0; border: 0; }

/* paragraph style */

h1, h2, h3, h4, h5, h6, p, table { margin-top: 14px; margin-bottom: 24px; margin-top: 1.4rem; margin-bottom: 2.4rem; color: #333333; }
p, table, ol, ul, dl, address { margin-bottom: 18px; margin-bottom: 1.8rem; font-size: 15px; font-size: 1.5rem; color: #333333; }
table { font-size: 14px; font-size: 1.4rem; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; margin-bottom: 1rem; line-height: 1.2; }
h1 { margin-bottom: 0; line-height: 1.4; font-size: 20px; font-size: 2.0rem; }
h2 { font-size: 18px; font-size: 1.8rem; }
h3, h4 { font-size: 17px; font-size: 1.7rem; }
h5 { font-size: 14px; font-size: 1.4rem; }
h6 { font-size: 14px; font-size: 1.4rem; }
h1.plain, h2.plain, h3.plain, h4.plain, h5.plain, h6.plain { margin-top: 0; }
h1.blank, h2.blank, h3.blank, h4.blank, h5.blank, h6.blank { margin: 0; }

/* hgroup style */

hgroup h1 { margin-bottom: 12px; }
hgroup h2, hgroup h3 { font-size: 20px; font-size: 2.0rem; color: #666666; }
hgroup h2:first-child { margin-bottom: 12px; font-size: 28px; font-size: 2.8rem; color: #333333; }

/* anchor style */

a { text-decoration: underline; font-style: inherit; font-size: inherit; color: #0283df; background-color: transparent }
a:hover { text-decoration: none; color: #00adff; }
a:hover, a:active { outline: 0; }
a.plain { text-decoration: none; }
.anchor { cursor: pointer; }
.underline { text-decoration: underline; cursor: pointer; }

/* dl style */

dl { margin: 1em 0; line-height: 1.5; }
dt { font-weight: bold; }
dl em { font-style: normal; color: #999999; display: inline-block; }

/* list style */

ul, ol { margin-left: 2em; margin-bottom: 18px; }
ul li { margin-bottom: 4px; list-style: disc outside; }
ol li { margin-bottom: 4px; list-style: decimal outside; }
ul ol, ol ul, ol ol, ul ul  { margin-top: 4px; margin-bottom: 0; }

/* table style */

table { border-collapse: separate; border-spacing: 0; display: table; position: relative; width: 100%; }/* border-collapse: collapse; */ 
th, td { padding: 3px 10px; vertical-align: top; text-align: left; }
table caption { margin-bottom: 14px; }

/* text style */

mark { background: rgba(255, 255, 0, 0.4); }
abbr[title] { border-bottom: 1px dotted #9c9c9c; color: #8e8e8e; cursor: help; }
pre, code, kbd, samp, tt { font-family: inherit; white-space: pre; white-space: pre-wrap; word-wrap: break-word; line-height: inherit; font-size: inherit; color: inherit; }
sub, sup { vertical-align: baseline; position: relative; top: -0.4em; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
b, strong { font-weight: bold; }
i, em, dfn { font-style: italic; }
sub { top: 0.4em; }
small { font-size: 13px; font-size: 1.3rem; }

/* small style */

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #626262; font-size: 80%; }

/* time style */

time { color: #acacac; }

/* mark style */

mark, ::selection { background: #b6deff; text-shadow: none; color: #1161a4 }
mark.dark { background: #666666; color: #ffffff; }
img::selection { background: transparent; }
:focus { outline: none; }

/* color style */

.red, .red a, .red a:hover, .entry .red, fa.red { color: #e80e0e; }
a.red:hover { color: #e80e0e !important; text-decoration: none; opacity: 0.7; }
.red .tag { background: #e80e0e; border-color: #e80e0e; }
.orange, .orange a, .orange a:hover, .entry .orange, .fa.orange { color: #f39d12; }
.orange .tag { background: rgba(242,155,31,0.7); border-color: #f39d12; }
.green, .green a, .green a:hover, .entry .green, .fa.green { color: rgba(31, 161, 133, 0.8); }
.greenlight, .greenlight a, .greenlight a:hover, .entry .greenlight, .fa.greenlight { color: #00bc54; }
.green .tag { background: rgba(31, 161, 133, 0.6); border-color: #0a9c4b; }
.purple, .purple a, .purple a:hover, .entry .purple, .fa.purple { color: #9511f0; }
.purple .tag { background: #9511f0; border-color: #9511f0; }
.blue, .blue a, .blue a:hover, .entry .blue, .fa.purple { color: #0283df; }
.blue .tag { background: #0283df; border-color: #0283df; }
.black, .black a, .black a:hover, .entry .black { color: #111111; }
.black .tag { background: #0283df; border-color: #111111; }
.dark-gray, .dark-gray a, .dark-gray a:hover, .entry .dark-gray, .fa.dark-gray{ color: #555555; }
.dark-gray .tag { background: #0283df; border-color: #555555; }
.gray, .gray a, .gray a:hover, .entry .gray, .fa.gray { color: #888888; }
.gray .tag { background: #0283df; border-color: #888888; }
.light-gray, .light-gray a, .light-gray a:hover, .entry .light-gray, .fa.light-gray { color: #aaaaaa; }
.white { color: #ffffff; }
.yellow { color: #dfdb17}
.pink { color: #ff006a}
/* status style */

span.status { color: #ffffff; padding: 6px 10px; }
.status.red { background: #e80e0e; }
.status.green { background: #0a9c4b; }
.status.orange { background: #f39d12; }

/* border style */

.border-widget { border: 1px solid #dedede; }
.border-orange { border-color: #e48b03; }
.border-green { border-color: #149f50; }
.border-blue { border-color: #016ec0; }

/* linear style */

.linear-orange { background: #e48b03; background: -moz-linear-gradient(top, #f7c111, #e48b03); background: -webkit-linear-gradient(top, #f7c111, #e48b03); background: -o-linear-gradient(top, #f7c111, #e48b03); background: -ms-linear-gradient(top, #f7c111, #e48b03); background: linear-gradient(top, #f7c111, #e48b03); }
.linear-green { background: #149f50; background: -moz-linear-gradient(top, #1dd470, #149f50); background: -webkit-linear-gradient(top, #1dd470, #149f50); background: -o-linear-gradient(top, #1dd470, #149f50); background: -ms-linear-gradient(top, #1dd470, #149f50); background: linear-gradient(top, #1dd470, #149f50); }
.linear-blue { background: #016ec0; background: -moz-linear-gradient(top, #77c5fd, #016ec0); background: -webkit-linear-gradient(top, #77c5fd, #016ec0); background: -o-linear-gradient(top, #77c5fd, #016ec0); background: -ms-linear-gradient(top, #77c5fd, #016ec0); background: linear-gradient(top, #77c5fd, #016ec0); }
.linear-background { background: #efefef; background: -moz-linear-gradient(top, #fdfdfd, #efefef); background: -webkit-linear-gradient(top, #fdfdfd, #efefef); background: -o-linear-gradient(top, #fdfdfd, #efefef); background: -ms-linear-gradient(top, #fdfdfd, #efefef); background: linear-gradient(top, #fdfdfd, #efefef); }

.gray-background { background: #f4f4f4; }

/* list plain style */

.list-plain { margin-left: 0; }
.list-plain li { list-style: none; }



/* list grid style */

.list-grid { margin-left: -2%;}
.list-grid li, .list-grid dd { width: 48%; margin-left: 2%; list-style: none; vertical-align: top; position: relative; line-height: normal; }
.list-grid.block li, .list-grid.block dd { width: 97%; }
.list-grid-03 li, .list-grid-03 dd { width: 31.33%; }

/* flex box style */

.flex-box, .flex-box li { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; }
.flex-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }  

/* group grid style */

.group-grid li { margin-bottom: 24px; }
.group-grid li section { margin: 0; padding: 20px; width: 100%; background: #ffffff; background-repeat: no-repeat; background-size: cover; border-bottom-style:inset; border-bottom-color:#ebebeb; border-bottom-width:9px; border-top-style:outset; border-top-color:#30bc91; border-top-width:9px; width: 100%; overflow: hidden; position: relative; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; }
.group-grid li section.card-danger { border-top-color:#ec2224; }
.group-grid li section:hover { animation: soften 0.2s; opacity: 0.8; cursor: pointer; }

/* dl style */

.dl { margin-bottom: 24px; word-wrap: break-word; overflow: visible; clear: both; }
.dl dt { width: 80px; margin-right: 10px; float: left; clear: left; text-align: right; /* line-height: 32px; */ }
.dl dd { overflow: hidden; }

/* dl table style */

.dl-table { font-size: 0; position: relative; }
.dl-table dt, .dl-table dd { width: 20%; margin: 3px 0; word-wrap: break-word; line-height: 19px; line-height: 1.9rem; font-size: 13px; font-size: 1.3rem; position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dl-table:before { width: 1px; height: 100%; position: absolute; left: 30%; top: 0; content: ""; }
.dl-table dd { width: 80%; }
.dl-table dd input.text, .dl-table dd textarea, .dl-table dd .select { width: 50%; padding: 4px 6px; }
.dl-table dd input.auto { width: 20%; margin: 0; }
.dl-table dt { text-align: right; padding-right: 5px; }
.dl-table dd .button { padding: 8px 11px; margin: -1px 0; }

/* dl list style */

.dl-list { font-size: 0; }
.dl-list dt, .dl-list dd { width: 40%; padding: 3px 10px 3px 2px; border-top: 1px dotted #d6d6d6; word-wrap: break-word; vertical-align: top; line-height: 19px; line-height: 1.9rem; font-size: 13px; font-size: 1.3rem; position: relative; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dl-list dd { width: 60%; }
.dl-list dt:first-child, .dl-list dd:first-of-type { border: none; }

/* list table style */

.list-table { width: auto; margin: 0; border-collapse: collapse; display: table; }
.list-table li { margin: 0; list-style: none; display: table-row; }
.list-table li span { padding: 2px 0; word-wrap: break-word; display: table-cell; }
.list-table li span em { font-style: normal; }
.list-table li span:first-child { min-width: 8px; padding-right: 14px; text-align: right; }
.list-table li:first-child { border: none; }
.list-table li span:last-child { text-align: left; }

.list-table.full-width { width: 100%; }
.list-table.full-width li span:first-child { text-align: left; }
.list-table.full-width li span:last-child { text-align: right; }

.list-table.final-price li:first-child span { padding-top: 10px; }

.list-table .left { text-align: left !important; }
.list-table .right { text-align: right !important; }

.list-table li.final-price, .list-table li.hasborder { border-top: 1px dotted #d1d1d1; }
.list-table li.final-price span, .list-table li.hasborder span { padding-top: 14px; }
.list-table li.final-price span, .list-table li.last span { padding-bottom: 14px;  }
.list-table li.frist span {padding-top:14px;}
.list-table li.tax-price span,.list-table li.tax-price span  { padding-bottom: 14px;  }
.list-table li.tax-price { border-bottom: 1px dotted #d1d1d1; }

.list-table li.final-price strong { font-size: 120%; }

.list-table.hasborder li { border-bottom: 1px dotted #dedede !important; }
.list-table.hasborder li span { padding: 6px 0; }

.list-decimal li {list-style-type:decimal}

/* break word style */

.break-word { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

/* indent style */

.indent { text-indent: 100%; white-space: nowrap; overflow: hidden; }


/* reset browser style */

img { max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }

/* display style */

.hide { display: none; }
.show { display: block; }
.hidden { visibility: hidden; }
.block { display: block; }
.clear { clear: both; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.uppercase { text-transform: uppercase; }

/* align style */

.align-left { float: left; }
.align-center { float: none; margin-left: auto; margin-right: auto; }
.align-right { float: right; }

/* text overflow style */ 

.text-overflow { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.text-overflow.two-line { white-space: normal; display: -webkit-box; line-height: 18px; max-height: 36px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* hr style */

hr { height: 0; border: 0; max-height: 0; padding-top: 16px; margin-bottom: 16px; border-bottom: 0 solid #d6d6d6; border-bottom-width: 1px; line-height: 0; font-size: 0; float: none; clear: both; }
hr.flat { padding: 0; padding-top: 14px; margin-bottom: 14px; }
hr.dashed { border-style: dashed; }
hr.dotted { border-style: dotted; }
hr.plain { padding: 0; }
hr.blank, hr.blank-none { border: none; padding: 0; }
hr.blank-none { margin: 0; }

/* ease style */

.ease, .ease-child > * { -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; }
.ease:hover, .ease-child:hover > * { -webkit-transition: background-color 0.6s ease-in; -moz-transition: background-color 0.6s ease-in; -ms-transition: background-color 0.6s ease-in; -o-transition: background-color 0.6s ease-in; transition: background-color 0.6s ease-in; }

/* fade style */

.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1.0; }

/* hover style */

.hover { max-width: 100%; background: #000000; position: relative; display: inline-block; }
.hover img { opacity: 1.0; display: block; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: relative; z-index: 1; top: 0; left: 0; }
.hover:hover img { opacity: 0.4; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; }

/* close style */

.close { padding: 0 10px; text-shadow: 0 1px 0 #ffffff; text-decoration: none; font-weight: bold; line-height: 20px; line-height: 2.0rem; font-size: 24px; font-size: 2.4rem; cursor: pointer; color: #000000; opacity: 0.4; }
.close:hover { cursor: pointer; color: #000000; opacity: 0.6; }

/* tooltip style */

.tooltip { padding: 5px; font-weight: normal; position: absolute; z-index: 997; display: block; visibility: visible; opacity: 0; }
.tooltip.in { opacity: 0.8; }
.tooltip.top { margin-top: -2px; }
.tooltip.right { margin-left: 2px; }
.tooltip.bottom { margin-top: 2px; }
.tooltip.left { margin-left: -2px; }

/* tooltip arrow style */

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000000; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000000; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #000000; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000000; }
.tooltip-inner { max-width: 240px; padding: 6px 14px; background-color: #000000; border: 1px solid #000000; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0, 0.5), inset 0 1px 0 rgba(255,255,255, 0.15); text-align: center; line-height: 19px; line-height: 1.9rem; font-size: 13px; font-size: 1.3rem; text-shadow: none; color: #ffffff; }
.tooltip-arrow { position: absolute; width: 0; height: 0; }

/* pagination style */

.pagination-panel { border-top: 1px solid #dedede; overflow: hidden; }
.pagination-panel em { margin-top: 18px; float: right; font-style: normal; }
.pagination-panel.no-boder { border: none; } 
.pagination { margin-top: 18px; position: relative; text-align: left; cursor: default; float: left; }
.pagination a, .pagination span, .pagination strong { padding: 4px 10px; margin-right: 2px; text-decoration: none; background-color: #ffffff; border: 1px solid #dedede; vertical-align: middle; display: inline-block; font-weight: 300; font-size: 90%; border-radius: 3px; color: #646464; }
.pagination strong, .pagination a:hover { text-decoration: none; background-color: #f3f3f3; border-color: #dedede; color: #646464; }
.pagination form, .pagination nav { float: left; padding-right: 14px; }
.pagination input.text { width: 50px; font-size: 90%; min-height: 30px; }
.pagination button[type=button] {padding: 4px 10px;}
.pagination button[type=button].btn-page { padding: 1px 10px; margin-bottom:10px; margin-right: 2px; text-decoration: none; background-color: #ffffff; border: 1px solid #dedede; vertical-align: middle; display: inline-block; font-weight: 300; font-size: 90%; border-radius: 3px; color: #646464; cursor:pointer;}
.pagination button[type=button].btn-page[disabled]{opacity: 0.7;cursor: no-drop;}
.pagination button[type=button].btn-page:hover {text-decoration: none; background-color: #f3f3f3; border-color: #dedede; color: #646464;}
.pagination button[type=button].btn-page:active{background: #5cbadc;border-color: #5cbadc;border-bottom-color: #014274;color: #ffffff;}
.pagination button[type=button].btn-page.active{background: #5cbadc;border-color: #5cbadc;border-bottom-color: #014274;color: #ffffff;}
.pagination button[type=button].btn-page.next-page{background: #5cbadc;border-color: #5cbadc;border-bottom-color: #014274;color: #ffffff;}
.pagination-panel .item-page-total { float: right; display: inline-block; margin-top: 24px; }

.search-product-page .pagination-panel { background: #f8f8f8; padding: 10px; }

/* note style */

em.note,strong.note { margin-top: -5px; margin-left: 2px; width: 20px; height: 20px; background: #f79d11; border-radius: 50%; text-align: center; line-height: 20px; font-style: normal; font-weight: bold; font-size: 70%; display: inline-block; color: #ffffff; }
strong.note.green { font-size: 100%; background: #30c717; }

/* anchor style */

.anchor-top { position: fixed; bottom: 10px; right: 10px; display: none; z-index: 1; }
.anchor-top a { padding: 12px 14px; text-decoration: none; background-color: #cdcdcd; border-radius: 5px; display: inline-block; color: #646464; }
.anchor-top a:hover { background-color: #dedede; }
.anchor-top a i { font-size: 180%; margin: 0; }

/* icons custom style */

.icon-preloader { width: 60px; height: 60px; display: inline-block; background: url(../images/loading.gif) no-repeat center center; vertical-align: middle; }
.icon-profile-small { position:relative; border: 1px solid #bbbbbb; border-radius: 50%; background: #c5c5c5 url(../images/icon-profile.jpg) no-repeat center center; width: 24px; height: 24px; margin-top: -7px;}
.icon-guide { border-radius: 50%; background: url(../images/guide-icon.png) no-repeat center center; width: 29px; height: 24px; margin-top: -7px; }

.icon-emotion { display: inline-block; border-radius: 50%; background: url(../images/sprite-emoticon.png) no-repeat 0 0; width: 32px; height: 32px; }
.icon-emotion.icon-28 { width: 28px; height: 28px; }
.icon-emotion.icon-40 { width: 40px; height: 40px; }
.icon-emotion-01 { background-position: 0 0; }
.icon-emotion-02 { background-position: -40px 0; }
.icon-emotion-03 { background-position: -80px 0; }
.icon-emotion-04 { background-position: -120px 0; }
.icon-emotion-05 { background-position: -160px 0; }

.icon-28.icon-emotion-01 { background-position: 0 -40px; }
.icon-28.icon-emotion-02 { background-position: -40px -40px; }
.icon-28.icon-emotion-03 { background-position: -80px -40px; }
.icon-28.icon-emotion-04 { background-position: -120px -40px; }
.icon-28.icon-emotion-05 { background-position: -160px -40px; }
.icon-updatetime {display: inline-block; background: url(../images/icon-update-product.png) no-repeat 0 0; width: 16px; height: 20px;}
.icon-allotment {display: inline-block; background: url(../images/icon-premium-wh.png) no-repeat 0 0; width: 40px; height: 30px; cursor:pointer}


/* ------------------------------------------------------ icon font ------------------------------------------------------ */

/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.fa {
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    margin-right: 4px;
    text-decoration: none;
}

.fa-pencil, .fa-trash-o { font-size: 18px; cursor: pointer; }
.fa-pencil.black, .fa-trash-o.black { color: black !important; } 

/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

    .fa-ul > li {
        position: relative;
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}

    .fa-li.fa-lg {
        left: -1.85714286em;
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

/* icon style */

.icon { margin-right: 6px; display: inline-block; vertical-align: middle; }
.icon-12 { font-size: 12px; margin-right: 4px; }
.icon-18 { font-size: 18px; margin-right: 4px; }
.icon-24 { font-size: 24px; margin-right: 6px; vertical-align: -2px; }
.icon-32 { font-size: 32px; margin-right: 6px; vertical-align: middle; }
.icon-40 { font-size: 40px; margin-right: 8px; vertical-align: -10px; }

/* icon align style */

.icon-left, h1 .fa, h2 .fa, h3 .fa, h4 .fa, .button .fa { margin: 0; margin-right: 6px; }
.icon-right { margin: 0; margin-left: 6px !important; }

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #ffffff;
}

.fa-sort, .fa-sort-desc, .fa-sort-asc, .fa-calendar {
    cursor: pointer;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
    color: #999999;
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}

.fa-won:before,
.fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd";
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-circle-thin:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bell-slash-o:before {
    content: "\f1f7";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-eyedropper:before {
    content: "\f1fb";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-area-chart:before {
    content: "\f1fe";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bus:before {
    content: "\f207";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-cc:before {
    content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b";
}

.fa-meanpath:before {
    content: "\f20c";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}


/* media style */

.media-missing { background: url(../images/product-placeholder.jpg) no-repeat center center; }
.media-missing img { opacity: 0; }

/* entry style */

.entry { overflow: hidden; }
.entry .card { margin-right: 14px; position: relative; display: block; float: left; }
.entry .info { overflow: hidden; position: relative; }
.entry .info-name { overflow: hidden; position: relative; float: left; width: 280px;}
.entry .status-addon { float: right; overflow: hidden; -ms-word-wrap: break-word; word-wrap: break-word; padding: 8px 16px; background-color:#dedede; }
.entry figure { font-size: 0; line-height: 0; }
.entry h3, .entry h4 { margin-top: 6px; line-height: 1.6; font-size: 15px; font-size: 1.5rem; font-weight: bold; color: #333333; }
.entry h5 { margin-top: 0; }
.entry .dl dt { width: 80px; font-weight: normal; color: #111111; }
.entry .box-detail {height:75px;}

.zoom-thumnail { display: block; background: #ffffff; padding: 8px; font-size: 12px; font-size: 1.2rem; text-align: center; border: 1px solid #eaeaea; color: #555555; position: absolute; bottom: 0; right: 0; left: 0; }
.zoom-thumnail .fa { font-size: 14px; font-size: 1.4rem; color: #888888; }

/* result style */

.result > li { margin-bottom: 0; padding-top: 0; }
.result .entry { padding: 14px; }

/* company entry style */

.company-list { margin-top: 14px; }
.company-list .entry { position: relative; }
.company-list .status-request { position: absolute; right: 10px; top: 10px; }
.company-list .entry h3 a { color: #111111 !important; }

/* seats entry style */

.seats-list li span { padding: 3px; }

/* delete style */

.remove { height: 12px; width: 12px; position: absolute; top: 3px; right: 0; }
.remove .icon { height: 12px; width: 12px; margin: 0; }

/* toggle pane style */

.toggle-pane .data { display: none; }
.toggle-pane .data p:first-child { margin-top: 0; }

/* toggle panel style */

.toggle-pane .toggle-idle { display: none; }

/* call to action style */

.call-to-action { margin-bottom: 24px; padding: 10px 24px; background: #efefef; line-height: normal; text-align: center; display: block; overflow: hidden; }
.call-to-action.white-background { background: #ffffff; border-bottom-style: inset; border-bottom-color: #ebebeb; border-bottom-width: 9px; }

/* addon title style */
                                                                                                                                                                                
.addon-title { position: relative; }
.addon-title .flag, .addon-title .anchor, .addon-title figure , .addon-title .button-panel { position: absolute; right: 0; top: 0; }
h3.addon-title .button-panel { top: -10px; }
.airline-logo img { max-height: 38px !important; background-color: #f4f4f4; }
.addon-title.addon-product { padding-right: 340px; min-height: 45px; }

/*addon status style*/

.addon-title.addon-status { padding-right:1300px; }
.addon-status div { background-color: rgb(255, 255, 255); padding: 1em; position: absolute; top: 0; left: 25%; }
.addon-status h4 { margin: 0; font-size:18px; font-size:1.8rem; text-align:center; }
.addon-status h4 span { text-transform:uppercase; }

/* signup banner */

.banner-invite { padding: 18px 14px 10px; margin-bottom: 32px; background: url(../images/bg-mail-head.png) repeat-x left top; box-shadow: 0 0 8px 0 #cdcdcd; }
.banner-invite p { margin: 24px 0 14px; margin-bottom: 14px; clear: both; }
.banner-invite .data { padding: 18px 14px; display: none; }
.banner-invite figure { float: left; position: relative; left: 0; top: 2px; }
.banner-invite fieldset { padding: 0; }
.banner-invite fieldset dl { margin: 0; }

/* modal backdrop style */

.modal-backdrop { background-color: #000000; position: fixed; z-index: 1080; bottom: 0; right: 0; left: 0; top: 0; }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.35; }
.loader-backdrop { opacity: 0; }

/* modal style */


.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;}
.fade.in{opacity:1;}

.modal-open { overflow: hidden; }
.modal { display: none; overflow: auto; overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1090; }
.modal.fade .modal-dialog { -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); transform: translate(0,-25%); -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
.modal-dialog { position: relative; margin-left: auto; margin-right: auto; width:auto; z-index: 1050; }
.modal-content { position: relative; background-color: #ffffff; border:1px solid #999999; border:1px solid rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5); box-shadow: 0 3px 9px rgba(0,0,0,0.5); background-clip: padding-box; outline: none; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color:#000000; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }
.modal-header,.modal-footer { padding: 14px 20px; text-transform: capitalize; }
.modal-body-gray { overflow-y:scroll;display:block;line-height:1.6em;height:350px !important}
.modal-body.modal-footer-gray {text-transform: capitalize; border:unset !important; }
.modal-body.modal-body-gray label , p ,li {font-size:14px ;}
.modal-footer-gray .footer-button {background:#eee; text-align: right; padding: 15px;margin-top: 30px;}
.modal-footer-gray label {margin-top:15px ;margin-right:15px}
.modal-header { border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; }
.modal-title { margin: 0; line-height: 1.42857143; }
.modal-title.text-overflow { width: 520px; }
.modal-body { position: relative; padding: 10px 20px; }
.modal-footer { text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after { content: " "; display: table; }
.modal-footer:after { clear: both; }
.modal-footer:before, .modal-footer:after { content: " "; display: table; }
.modal-footer:after { clear: both; }
.modal-footer .btn+.btn { margin-left: 5px; margin-bottom: 0; }
.modal-footer .btn-group .btn+.btn { margin-left: -1px; }
.modal-footer .btn-block+.btn-block { margin-left:0; }

.modal-dialog { background: #ffffff; width: 600px; margin: 50px auto 20px; }
.modal-dialog.modal-center{margin:155px auto 20px}
.modal-dialog .modal-header h3 { position: relative; padding-right: 40px; font-size: 150%; font-family: 'thaisansneue', helvetica, arial, sans-serif; }
.modal-dialog .modal-header .close { font-size: 30px; padding: 2px 10px; position: absolute; right: -10px; top: 0; font-weight: normal; font-family: helvetica, arial, sans-serif; }
.modal-dialog .modal-footer .button-primary { min-width: 120px; }
.modal-dialog input.auto { width: 60px; }
.modal-dialog fieldset { padding: 0; }
.modal-dialog textarea, .modal-dialog input.text, .modal-dialog input.file, .modal-dialog input.range { min-height: 30px; }
.modal-dialog .alert-panel { margin: 0; position: relative; }
.modal-dialog .alert-panel .alert { margin-bottom: 14px; }
.modal-dialog .input-prepend i.pre { bottom: 12px; }
.modal-dialog .ui-autocomplete { position: fixed !important; width: 300px; }
.modal-large.modal-dialog { width: 970px; }
.modal-mediem.modal-dialog { width: 680px; }
/* modal dialog follow up customer */
.modal-dialog .step { padding: 0px; background:#ffffff; }
.modal-list li { margin-left: 20px; }

/* modal dialog loader */

.modal-dialog-lite { width: 230px; margin-bottom: 14px; margin-left: -115px; background: #222222; background: rgba(0,0,0, 0.5); border: 10px solid #666666; border: 10px solid rgba(0,0,0, 0.5); background-clip: padding-box; border-radius: 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; z-index: 1090; left: 50%; top: 40%; text-align: center; display: none; }
.modal-dialog-lite .dialog-body { padding: 24px 14px; border-radius: 5px; background: #ffffff; }
.modal-dialog-lite .dialog-body strong { margin-top: 5px; display: block; font-size: 130%; }

.modal-verylarge { width: 1120px; }
.modal-verylarge .list-grid dd > label { display: inline-block; min-width: 110px; margin-right: 2px; vertical-align: top; text-align: right; } 

/* modal dialog style */

.confirm-dialog.modal-dialog-lite { width: 400px; margin-top: -100px; margin-left: -200px; }
.confirm-dialog.modal-dialog-lite .dialog-header { min-height: 22px; padding: 20px; padding-top: 30px;  margin: 0; font-weight: bold; font-size: 100%; text-shadow: 0 1px 0 #ffffff; position: relative; background-color: #ffffff; border-radius: 5px 5px 0 0; }
.confirm-dialog.modal-dialog-lite .dialog-body { padding: 24px 14px 14px; line-height: 1.4; border-radius: 0; }
.confirm-dialog.modal-dialog-lite .dialog-body .button:first-child { margin-right: 20px; }
.confirm-dialog.modal-dialog-lite .dialog-body .actions { padding-top: 24px; }
.confirm-dialog.modal-dialog-lite .button { min-width: 100px; }
.confirm-dialog.modal-dialog-lite .close { position: absolute; right: 0; top: 10px; }


.modal-alert .modal-content { margin-top: 35%; }
.modal-alert .success .modal-title { color: #47A447; font-size: 20px; }
.modal-alert .warning .modal-title, .modal-alert .network-lost .modal-title { color: #ff7418; font-size: 20px; }
.modal-alert .error .modal-title { color: #d12f19; font-size: 20px; }
.modal-alert .modal-title i { font-size: 24px; }
.modal-alert h4.modal-title .close { right: 0; top: 6px; }

.modal-confirm { text-align: center; width: 450px; }
.modal-confirm .button {  min-width: 100px; }
.modal-confirm .button:first-child { margin-right: 10px; }
.modal-confirm .modal-header { padding: 30px 20px; border: 0; }
.modal-alert .network-lost .modal-header { padding-bottom: 0; } 

/* booking page style */

.status-hasbutton strong { display: block; padding-bottom: 6px; }
.take-booking { margin-top: -32px; }

/* tab Incentive in product list */

#selectboxItemIncentive.has-item { margin-top: 0; }
#selectboxItemIncentive dt { width: auto; margin-right: 6px; }
#selectboxItemIncentive .text-overflow  { max-width: 400px; display: block; }
#selectboxItemIncentive .period { padding-left: 10px; }

/* first use page style */

.step-panel { margin: 30px auto 0; }
.step { padding: 20px; background: #f8f8f8; border: 1px solid #dedede;  }
.show-password { position: relative; }
.show-password span { position: absolute; top: 5px; right: 2px; cursor: pointer; }

/* step-progress style */

.step-progress { display: block; overflow: hidden; color: #666666; }
.step-progress ul { width: 100%; margin: 20px 0; }
.step-progress ul li { width: 33%; float: left; list-style: none; margin: 0; position: relative; text-align: center; padding-top: 30px; }
.step-progress ul li:after { content: ''; width: 100%; height: 12px; position: absolute; right: -50%; top: 3px; z-index: -1; border: 1px solid #efefef; background: #f4f4f4; -webkit-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out; -o-transition: all 1.5s ease-out; transition: all 1.5s ease-out; }
.step-progress ul li span { display: block; clear: both; }
.step-progress ul li.step-end:after { display: none; }
.step-progress ul li.step-success:after { background: #13a955; }

.icon-step { width: 32px; height: 32px; margin-left: -16px; text-align: center; position: absolute; left: 50%; top: -5px; display: inline-block; background: url(../images/step-progress.png) no-repeat 0 0; }
.step-active .icon-step{ background-position: -37px 0; }
.step-success .icon-step{ background-position: -74px 0; }
.step-success .icon-step em { display: none; }

.icon-step em { color: #999999; font-style: normal; display: block; padding: 4px; }

.step-active .icon-step em { color: #ffffff; }
.step .button { margin: 6px 0; min-width: 120px; }

#icon-download { display: inline-block; margin-bottom: 14px; width: 118px; height: 118px; background: url(../images/icon-download.png) no-repeat 0 0; }

/* Follow up customer style */
.follow-customer-page .button-preview { background: #ffffff; }
.add-detail { display: block; cursor:pointer; text-decoration: none; }

.itinerary-example { position: relative; margin: 0 20px 0 300px; z-index: 0; float: left; }
.itinerary-example em { position: absolute; left: -150px; top: 0; font-style: normal; padding-right: 6px; z-index: 1; }
.itinerary-example em::after { content: ''; border-top: 2px dashed #999999; width: 100%; height: 1px; position: absolute; right: -100%; top: 10px; z-index: -1; }
.itinerary-example em.middle { top: 50%; left: -250px; }
.itinerary-example em.bottom { top: auto; bottom: 0; }

.itinerary-output { width: 300px; margin-top: 0px; margin-left: 24px; padding: 15px; border: solid 1px #20ba58; background-color: #fafafa; text-align: center; float: left; position: absolute; top:80px; right: 0; overflow: hidden; }
.itinerary-output a { text-decoration: none; }
.itinerary-output .input-valid { display: block; text-align: left; box-shadow: none; padding-right: 24px; position: relative; color: #333333; }
.itinerary-output .action { position: absolute; right: 0; top: 0; }  

.itinerary-upload { width: 300px; margin-top: 110px; margin-left: 24px; padding: 15px; border: dashed 1px #aaaaaa; background-color: #fafafa; text-align: center; float: right; position: relative; overflow: hidden; }
.itinerary-upload .input-warning { text-align: left; }
.itinerary-upload .input-valid { display: block; text-align: left; box-shadow: none; padding-bottom: 10px; padding-right: 24px; position: relative; cursor: pointer; color: #0283df; }
.itinerary-upload .input-valid .action { position: absolute; right: 0; top: 0; } 

/* contact widget style */

.sidebar-box { padding: 0 14px 14px; border: 2px solid #016ec0; border-radius: 6px; }
.sidebar-box h3 { margin: 0 -14px 10px; padding: 7px 14px 12px; border-bottom: 1px solid #dedede; background-color: #f4f4f4; border-radius: 6px 6px 0 0; } 
.sidebar-box dd{ margin-bottom: 5px; }
.sidebar-box dl { margin: 0; }
.sidebar-box .button { width: 100%; margin-top: 14px; }
.contact-widget { margin-right: 10px; width: 190px; }
.contact-widget h3 { padding-bottom: 0; border: 0; background: none; }
.contact-widget .dd a { display: block; text-decoration: none; margin: 10px 0 20px; }
.contact-widget .auto-complete { max-height: 220px; }

.contact-widget .entry .info { word-break: break-word; text-decoration: none; }
.contact-widget .entry .info a { font-size: 13px; font-size: 1.3rem; }
.contact-widget .not-share { padding: 6px; padding-right: 0; margin: 0 -14px 14px; letter-spacing: 0.5px; display: block; background: #f4f4f4; border-left: 30px solid #f79d11; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; position: relative; }
.contact-widget .not-share i { position: absolute; top: 6px; left: -21px; color: #ffffff; }

.contact-widget .call-action { text-align: left; margin: 14px -14px -14px; padding: 14px; border-top: 1px solid #dedede; display: block; background: none; }

/* widget box wrapper style */

.widget-box-wrapper { background: url(../images/bg-search.jpg) no-repeat center top; background-size: cover; padding: 30px; }
.widget-box-wrapper h1 { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); margin: 62px 0 0; font-size: 32px; font-size: 3.2rem; color: #ffffff; text-align: center; }
.widget-box-wrapper .widget-box-panel { padding: 10px 20px; }
.widget-box-panel { max-width: 980px; margin: 0 10px;  padding: 10px 14px; border-radius: 3px; box-sizing: border-box; border: 1px solid #dedede; }
.widget-box-panel  dl { margin: 5px 0 0; }
.widget-box-panel h3 { margin-top: 5px; }
.tab-wrapper {padding-top: 14px;}
.widget-box-panel.box-shadow { box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3); }
.widget-box-panel span.error {display:block;position:absolute;margin-left:40px;font-size:12px}
.widget-box-panel span.error i {font-size:8px}
.search-product-page .main-title-page { margin-top: 0!important; overflow: hidden; }

/* search product panel style */

.search-product-panel { border-radius: 6px; box-shadow: 1px 3px 3px 1px rgba(0, 0, 0, 0.3); }
.search-product-panel label, .search-product-panel .auto-complete label { display: block; margin: 0; padding: 0; }
.search-product-panel label.allot-label { float: left; width: 180px; }
.search-product-panel dl { margin-top: 10px; margin-right: 14px; margin: 0; }
.search-product-panel dl dd { overflow: visible; position: relative; }
.search-product-panel .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; }
.search-product-panel .columns { margin-bottom: 10px; }
.search-product-panel .column { padding: 0 8px; }
.search-product-panel .column:first-child { width: 60%; }
.search-product-panel .column:last-child { width: 40%; }
.search-product-panel dl.one-half { width: 49%; float: left; }
.search-product-panel dl.one-half:first-child { margin-right: 2%; }
.search-product-panel input.auto { width: 80px; }
.search-product-panel .flex { overflow: hidden; }
.search-product-panel .flex-fixed { margin-right: 0; }
.search-product-panel .button { margin-top: 20px; min-width: 110px; }
.search-product-panel .incentive-date .button { float: right; padding: 8px 14px; margin-top: 18px; min-width: inherit; }
.search-product-panel .incentive-date dl.one-half { width: 35%; }
.search-product-panel .tab-menu { margin-top: -56px; border: 0; }
.search-product-panel .tokenfield { margin: 1px 0 0; padding: 0 6px; min-height: auto; }
.search-product-panel .token-input { margin: 1px 0; padding: 0; }

.result-product-title { padding-right: 360px; padding-bottom: 6px; }
.result-product-title h2 { margin: 0; display: inline-block; }

.filter-wrapper { padding: 10px; margin-bottom: 14px; border: 1px solid #dedede; }
.filter-wrapper label { margin-right: 20px; }

.feedback-booking-panel .flex-fluid { max-width: 400px; } 
.feedback-booking-panel .info { padding-right: 32px; }
.feedback-booking-panel .list-emotion label { min-width: 55px; text-align: center; }
.feedback-booking-panel .icon-emotion { display: block; margin: 0 auto 6px; }
.feedback-booking-panel .feedback-reason-panel label { margin-bottom: 6px; display: block; }
.feedback-reason-panel { margin-top: 14px !important; padding: 14px; background: #f4f4f4; border: 1px solid #dedede; border-radius: 3px; position: relative; }
.feedback-reason-panel::before, .feedback-reason-panel::after { border-right: 12px solid transparent; border-bottom: 10px solid #dedede; border-left: 12px solid transparent; box-shadow: none; position: absolute; left: 30px; top: -10px; z-index: 0; content: ''; }
.feedback-reason-panel::after { border-bottom: 10px solid #f4f4f4; top: -8px; }

.emotion-01-active .feedback-reason-panel::before, .emotion-01-active .feedback-reason-panel::after { left: 300px; }
.emotion-02-active .feedback-reason-panel::before, .emotion-02-active .feedback-reason-panel::after { left: 240px; }
.emotion-03-active .feedback-reason-panel::before, .emotion-03-active .feedback-reason-panel::after { left: 170px; }
.emotion-04-active .feedback-reason-panel::before, .emotion-04-active .feedback-reason-panel::after { left: 105px; }

.comment-product-panel, .feedback-booking-panel { padding: 20px 36px 24px; margin: 24px 0 !important; }
.comment-product-panel .list-plain { padding-top: 14px; border-top: 1px solid #dedede; }
.comment-product-panel .list-plain li { padding-top: 14px; border-top: 1px solid #eeeeee; }
.comment-product-panel .list-plain li:first-child { border: none; }
.comment-product-panel time { font-size: 11px; font-size: 1.1rem; display: inline-block; }
.comment-product-panel pre { margin: 6px 0 18px; }
.comment-product-panel .button-panel { padding-top: 6px; display: block; text-align: right; }

/* booking detail style */

.header-section.pnr-panel { padding-bottom: 0; min-height: 56px; }  
.pnr-panel .button-primary { margin-right: 40px; }
.pnr-panel h1 { margin-top: -5px; }
.pnr-panel .main-status { margin: 0 14px -7px; float: left; background-color: #ffffff; padding: 14px; border-left: 1px dotted #cdcdcd; }

.button-bar > .button-danger{ padding: 8px; position: absolute; top: -5px; right: -2px;}
.button-bar > .button-danger i { margin: 0; }

.pnr-panel .reservation-name { margin-top: 3px; margin-bottom: -7px; font-size: 14px; }
.pnr-panel > .show-inline { min-height: 42px; }

.multiple-product > li { margin-bottom: 10px; border: 0; }
.booking-card { padding: 0; border: 2px solid #dedede; position: relative; box-shadow: 1px 3px 5px -2px rgba(0, 0, 0, 0.3); border-left: 5px solid rgba(31, 161, 133, 0.6); }
.booking-card .entry small { font-weight: normal; font-size: 80%; }

.booking-card .detail-panel { padding: 14px 14px 10px;  border-right: 1px solid #dedede; min-height:220px  }
.booking-card .detail-panel:hover { background: none; cursor: default; }
.booking-card .detail-panel h6 { margin: 0 0 5px; }
.booking-card .detail-panel strong { font-size: 120%; white-space: nowrap; }
.booking-card .detail-panel .info  { padding-right: 180px; padding-bottom: 10px; overflow: visible; text-transform: capitalize; }

.booking-card .status-panel { margin: 0; padding: 14px 14px 10px; min-width: 170px; vertical-align: middle; text-align: center; }
.booking-card .status-panel .title { font-size: 18px; font-weight: 700; text-transform: uppercase; white-space: nowrap; display: block; color: rgba(31, 161, 133, 0.6); }
.booking-card .status-panel .period { margin: 10px 0; display: block; font-size: 16px; font-size: 1.6rem; }

.booking-card ul.gray-background  { margin-left: 2px; float: right; }
.booking-card ul.gray-background li span { padding: 3px 5px; background: #f4f4f4; border-bottom: 1px solid #ffffff; font-size: 14px; font-size: 1.4rem; }
.booking-card ul.gray-background li span:first-child { padding-left: 20px; font-weight: 700; }
.booking-card ul.gray-background li span:last-child { padding-right: 10px; }

.booking-card .deadline-panel span { margin: -2px 0 2px; padding: 1px 10px; background: #646464; display: inline-block; font-size: 15px; color: #ffffff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); white-space: pre; height: 21px; overflow: hidden; }
.booking-card .deadline-panel span:first-child { padding-right: 0; }

.booking-card .seat-status { margin: 0; position: absolute; right: 0; top: -5px; }
.booking-card .seat-status li { display: inline-block; margin-left: 5px; text-align: center; }
.booking-card .seat-status span{  display: inline-block; min-width: 16px; padding: 9px; margin-bottom: 5px; border-radius: 10px; font-size: 16px; font-weight: 700; text-align: center; white-space: nowrap; line-height: 1; vertical-align: baseline; background: #f2f2f2; }

.booking-card .trash { padding: 5px 2px; position: absolute; top: 0; right: 0; z-index: 1; opacity: 0.8; cursor: pointer; }
.booking-card .action-seat { margin-top: 20px; display: block; font-size: 13px; font-size: 1.3rem; }
.booking-card .action-seat a { border-bottom: 1px dotted #0283df; display: inline-block; cursor: pointer; text-decoration: none; }
.booking-card .action-seat .red{ border-bottom: 1px dotted red; }
.booking-card .price-more { padding: 10px; overflow: hidden; background: #f8f8f8; border-top: 1px solid #dedede; border-right: 1px solid #dedede;}
.booking-card .price-more ul { display: inline-block; margin-right: 14px; }

.booking-card.waitlist-status .status-panel .title, .booking-card.waitlist-status .seat-status li:first-child span  { color: rgba(242,155,31,0.7); }
.booking-card.waitlist-status { border-left: 5px solid rgba(242,155,31,0.6); }

.booking-card.cancel-status .status-panel .title  { color: #aaaaaa; }
.booking-card.cancel-status { border-left: 5px solid #aaaaaa; background: #f4f4f4; opacity: 0.8; }
.booking-detail-page .fixed-tab { margin: 0 auto; z-index: -1; } 
.search-result-wrapper .widget-box-panel { margin: 16px auto 78px; padding-top: 16px; }
.search-result-wrapper { margin: -10px -20px 20px; } 
.banner-promo-invite { margin: -20px -20px 45px; background: #f4f4f4; padding: 12px; overflow:hidden }
.banner-promo-invite i {  font-size: 24px; vertical-align: -2px; }
.banner-promo-invite .button { margin-left: 18px; min-width: auto; }
.banner-promo-invite .button-circular { margin-left: 15px !important; min-width: auto; }
.banner-promo-invite .fa-info-circle:before {color: orange !important;} 
.booking-detail-page h2 { margin-top: 24px; }
.booking-detail-page  .widget-box-panel { margin: 30px 2px 15px; overflow: hidden; font-size: 14px; font-size: 1.4rem; }
.booking-detail-page .room-enter .add-infant { margin-top: 28px; padding: 0; }
.booking-detail-page .room-enter .text { width: 95px; margin-right: 0; }
.booking-detail-page .room-enter .button-panel { margin-top: 20px; float: right; }
.booking-detail-page .room-enter .button:first-child { padding: 8px 16px; }
.booking-detail-page .room-enter .button { padding: 8px 10px; min-width: inherit; }
.booking-detail-page .room-selected strong:first-child:before { content: ""; }
.booking-detail-page .room-selected strong:before { content:", "; }
.booking-detail-page .room-selected a { float: right; text-decoration: none; }
.booking-detail-page .contact-widget, .booking-detail-page .widget-box-panel  { margin-top: 2px; }

.addon-product div { background-color: #dedede; padding: 4px 14px; max-width: 340px; position: absolute; top: 0; right: 0; }
.addon-product h3 { margin: 0; line-height: 1.5; text-transform: capitalize; }

.billing-widget { padding-bottom: 24px; margin-top: 14px !important; max-width: 100%; position: relative; }
.billing-widget .button-panel { position: absolute; right: 14px; top: 14px; z-index: 1; }

.officeMode, .button.officeMode, .officeModePanel .personalMode { display: none; }
.officeModePanel .officeMode { display: block; }


.red-dotted {border-bottom: 1px dotted red;}
.blue-dotted {border-bottom: 1px dotted #0283df;}
.green-dotted {border-bottom: 1px dotted #3bd4a5;}
.blue-dotted a {display: inline-block;cursor: pointer;text-decoration: none;}
.red-dotted a {display: inline-block;cursor: pointer;text-decoration: none;}
.green-dotted a{display: inline-block;cursor: pointer;text-decoration: none;}
    /* table passenger */
.table-passenger {border: 1px solid rgba(100, 100, 100, 1);}
.table-passenger tbody td:first-child {position: relative; overflow: hidden;}
.table-passenger thead td:first-child {line-height:2.4}
.table-passenger td {padding: 6px 10px; border-bottom: 1px solid #d1d1d1;}
.passenger-titel {background-color: rgba(100, 100, 100, 1);color: #ffffff;}
.passenger-remark {background-color:#f4f4f4}
.passenger-action {width: 150px;}
.passenger-file { width: 450px;}
.content-center {padding-right:14px !important}
.content-passenger {margin-top:10px; position:relative}
.content-passenger a {padding-top:8px;}

   /* side passenger */
 .side-passenger {margin: 0;padding: 0;width: 150px;float: left;background: #e8e8e8;border-right: 1px solid #c9c9c9;}
 .side-passenger li { display: block; text-align: center; border-top: 1px solid #fff; font-size: 1.1em; margin-bottom:0px !important}
 .side-passenger li a { display: block;padding: 10px 10px;color: #555;text-decoration: none;border-bottom: 1px solid #d1d1d1; position: relative;}
 .side-passenger > li a.open:before {border-top: 21px solid rgb(255, 255, 255); border-bottom: 21px solid rgb(255, 255, 255); border-left: 15px solid #d1d1d1; content: " ";height: 0px;position: absolute;right: -14px;top: 0;width: 0px;}
 .side-passenger > li a.open:after {border-top: 21px solid rgb(255, 255, 255); border-bottom: 21px solid rgb(255, 255, 255); border-left: 15px solid #49aaf7; content: " ";height: 0px;position: absolute;right: -14px;top: 0;width: 0px;}
 .side-passenger li a.open {background: #49aaf7;color: #ffffff;border:none;border-radius:0;margin-right:-1px; position:relative}
 .side-passenger li a strong { display: block;}
 .side-passenger li a:hover {background: #d1d1d1;color: #555;}
 .side-passenger li a:hover:before {border-top: 21px solid rgb(255, 255, 255); border-bottom: 21px solid rgb(255, 255, 255); border-left: 15px solid #d1d1d1; content: " ";height: 0px;position: absolute;right: -14px;top: 0;width: 0px;}
 .side-passenger li a:hover:after {border-top: 21px solid rgb(255, 255, 255); border-bottom: 21px solid rgb(255, 255, 255); border-left: 15px solid #d1d1d1; content: " ";height: 0px;position: absolute;right: -14px;top: 0;width: 0px;}
 .passenger-detail {display: block;background: #fff;padding: 0px 15px;margin-left: 150px;min-height: 300px;}
 .contentblock {display: block;padding: 10px 15px;}
 .contentblock.hidden {display: none;}
 .full-text  {width:100%}
 .non-line {text-decoration:none !important}
 .detail-passenger {padding-bottom:10px}

 /* panel passenger */
 .panel-passenger {background-color: #fff;border: 1px solid transparent;border-radius: 4px;}
 .panel-body:before, .panel-body:after { display: table;content: " ";}
 .panel-body:after {clear: both;}
 .panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-right-radius: 3px;border-top-left-radius: 3px;}   
 .panel-title { margin-top: 0; margin-bottom: 0;font-size: 16px; color: inherit;}
 .panel-title > a {color: inherit;cursor: pointer}
 .panel-default {}
 .panel-default > .panel-heading { color: #333; background-color: #f5f5f5;padding:10px 15px;border: 1px solid #ddd;}
 .panel-default > .panel-heading + .panel-collapse .panel-body {border-top-color: #ddd;}
 .panel-default > .panel-footer + .panel-collapse .panel-body {border-bottom-color: #ddd;}

/* panel register */

.panel-register { background: #f6f6f6; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3); border-radius: 3px;  }
.panel-register > .panel-heading { border-bottom:1px solid #ddd; }
.panel-register > .panel-body { padding: 0 14px 25px; }

.panel-register .columns > .column { padding: 0 8px; }
.panel-register .columns > .column:first-child { padding-left: 0; }
.panel-register .columns > .column:last-child { padding-right: 0; }
.panel-footer{background: #ffffff;margin-top:10px;}
.panel-footer .detail-right {background:#f8f8f8; border-left:1px solid #ddd;padding:10px 15px}
.panel-footer .detail-left {padding:10px 15px}
.panel-changpassword{width:60%;margin-left:155px;}

.marketing-concept {  }
.login-main-panel, .register-main-panel, .adduser-main-panel { padding-top: 50px; }
.login-main-panel .login-panel { padding-right: 50px; }  
.login-panel .widget-panel { padding: 18px 38px; }
.login-main-panel .widget-header { margin: 0 -38px 24px; padding: 0; padding: 0 14px 14px; }
.login-panel.main-login dl { margin-bottom: 18px; }
.shortcut-tpx-dowload { text-align: center; background: #ffffff; }
.shortcut-tpx-dowload .border-widget { border-radius: 3px; }
.shortcut-tpx-dowload a { display: block; text-decoration: none; padding: 14px; }
.show-email, .show-password{height :41px}
.login-promotion {background-color: #4ecac2;z-index: 0;margin-left: 19px;margin-top: 60px; margin-right:6px;}
.login-promotion > img {position: relative; z-index: 0; width:100%}
.login-promotion .detail-other {height:100px}
.login-promotion .button {background:#222222 !important; color:#ffffff !important;  padding: 15px 40px;margin-top:20px;border:none !important }
.promotion-concept {display:none;}
/* invite page style */

.wholesale-connected li { display: inline-block; width: 15.9%; margin: 0; margin-bottom: 10px; text-align: center; border: 1px solid #dedede; padding: 5px 0; font-size: 13px; }
.wholesale-connected a { display: block; padding: 6px; text-transform: capitalize; width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.wholesale-connected li .button { width: 90%;}
.wholesale-connected li .card { height: 40px; overflow: hidden; display: block; }

.wholesale-card { margin-left: -1%; margin-bottom: 0 !important; }
.wholesale-card li { border: 1px solid #dedede; display: inline-block; margin-left: 1%; width: 31.70%; margin-bottom: 14px; }
.wholesale-card li .detail { padding: 12px; display: block; overflow: hidden; background: #f4f4f4; }
.wholesale-card li .detail strong { font-size: 17px; text-transform: capitalize; }
.wholesale-card li .button { float: right; } 

.banner-invite-agent { margin: -20px; margin-bottom: 40px; padding: 40px 0 20px; background: #0794ea !important; display: block; overflow: hidden; }
.banner-invite-agent-wrapper { padding: 0 150px; }
.banner-invite-agent .detail-banner { display: block; overflow: hidden; padding-left: 56px; }
.banner-invite-agent .detail-banner h2{ font-size: 200% !important; line-height: 1.6; color: #ffffff; }
.banner-invite-agent .detail-banner .button { padding: 18px 24px; font-size: 19px; }

.adduser-main-panel .columns { border-top: 1px solid #dedede; margin-top: 10px; }
.adduser-main-panel p +.columns{ border: none; }
.adduser-main-panel .column { margin-bottom: 0; }

 .category-city {width: 100%;}
 .container .box {line-height: 40px;min-height: 40px;}
 .container .box.box-1.box-category {line-height: 30px !important; width:unset !important;margin-left:15px !important;font-size:13px}
 .thumbnail {display: block;margin-bottom: 25px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
 .thumbnail > img, .thumbnail a > img {margin-right: auto; margin-left: auto; width:100%}
 a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {border-color: #428bca;}
 .thumbnail .caption { padding:18px 20px;color: #333;}
 .thumbnail .caption h4  {margin: 0 !important;}
 .thumbnail .caption >.detail {float:left;}

 .thumbnail-list {display: block;margin-bottom: 20px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
 .thumbnail-list > img, .thumbnail-list a > img {margin-right: auto; margin-left: auto; float:left;width: 120px; height: 80px;}
 a.thumbnail-list:hover, a.thumbnail-list:focus, a.thumbnail-list.active {border-color: #428bca;}
 .thumbnail-list .caption { padding:18px 20px;color: #333; height:44px;margin-left:120px}
 .thumbnail-list .caption h4  {margin: 0 !important;}
 .thumbnail-list .caption >.detail {float:left;}
#resultProduct h2 .green, #resultProduct h2 .green .word-split {font-size:22px; font-style:italic;}
.period .period-status { margin-top:5px;color:#888}

.icon-setting-period {padding-top:10px}
.group-status {padding-top:6px}
.group-status .status-private {padding-left:15px}
.group-status .link-listperiod { padding: 8px 10px 8px 15px;background: #f4f4f4;margin-top: 20px;}
.group-status .link-listperiod span {font-size:small}
.icon-validatetime{ font-size: 15px; float: left;padding-top: 2px;}

.hvr-buzz-out {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out.buzz-actived {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 70px;
  height: 25px;
  padding: 3px;
  border-radius: 18px;
  cursor: pointer;
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 13px;
  text-transform: uppercase;
  background: #dedede;
  border-radius: inherit;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label.red { background: #d9534f; }
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label.hastext:before {
  content: attr(data-off);
  right: 11px;
  color: #ffffff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.switch-label.hastext:after {
  content: attr(data-on);
  left: 11px;
  color: #ffffff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #30bc91;
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 22px;
  height: 22px;
  background: white;
  border-radius: 50%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -11px 0 0 -10px;
  width: 22px;
  height: 22px;
  background: #f9f9f9;
  border-radius: 50%;
}
.switch-input:checked ~ .switch-handle {
  left: 49px;
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #30bc91;
}

/* feedback card style*/ 

.feedback-card .date { padding: 2px 6px; background: #f4f4f4; }
.feedback-card .group-card-detail { max-height: 150px; overflow: auto; }

/* group card style*/ 
.group-card-detail { margin-top: 6px; border-top: 1px solid #dedede; padding-top: 12px; position: relative; }
.group-card-detail::before, .group-card-detail::after { border-right: 12px solid transparent; border-bottom: 10px solid #dedede; border-left: 12px solid transparent; box-shadow: none; position: absolute; left: 30px; top: -10px; z-index: 0; content: ''; }
.group-card-detail::after { border-bottom: 10px solid #ffffff; top: -8px; }

.step-container { padding: 24px 0px 0px 0px; background: #fafafa; border: 1px solid #dedede; }
.step-container + .step-container {margin-top:17px}
.step-container .step-header { margin-left:47px }
.step-container + .alert-success + .step-container {margin-top:17px}
.step-container .title  { padding: 14px 0; overflow: hidden; box-shadow: 0px 1px 0px #ffffff;border-bottom: 1px solid #dedede; }
.step-container .action-panel {padding: 24px;background-color: #f1f1f1;}
.step-container h2 { padding: 0px 24px 0px 24px;margin-bottom: 24px;margin-top: 0px;}
.step-container .step-number .num-box {
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 25px solid #0283df;
    position: absolute;
    color: #fff;
    margin-top:-10px
}
.step-container .step-number .num-box span {
     position: relative;
    right: 20px;
    top: -10px;
}
.step-container.active { border-top: 1px solid #0283df;}
.step-container.active .step-number .num-box { 
    border-top: 25px solid #0283df;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    position: absolute;
    color: #fff;
   margin-top:2px
}
.step-container.active .step-number .num-box span {
    position: relative;
    right: 4px;
    top: -25px;
}

.step-container.active h2{color: #0283df;}
.step-container .step-title {margin:25px 25px 10px 25px }
.step-container .upload-product {    
    min-width: 170px;
    min-height: 100px;
    padding: 20px;
    border: 2px solid #ddd;
    background-color: #ffffff;
    border-style: dashed;
    border-radius: 10px;
    position:relative;
}
.step-container .upload-product.red {
    min-width: 170px;
    min-height: 100px;
    padding: 20px;
    border: 2px solid #ff0000;
    background-color: #ffffff;
    border-style: dashed;
    border-radius: 10px;
    /*border-color: rgba(255, 0, 0, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 0 2px rgba(255, 0, 0, 0.4);*/
    }
.step-container .sub-list { margin-top:10px;margin-bottom:15px   }

.upload-product {    
    min-width: 170px;
    min-height: 100px;
    padding: 20px;
    border: 2px solid #ddd;
    background-color: #ffffff;
    border-style: dashed;
    border-radius: 10px;
    position:relative;
}
.upload-product.red {
    min-width: 170px;
    min-height: 100px;
    padding: 20px;
    border: 2px solid #ff0000;
    background-color: #ffffff;
    border-style: dashed;
    border-radius: 10px;
    /*border-color: rgba(255, 0, 0, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 0 2px rgba(255, 0, 0, 0.4);*/
    }
.upload-product .close {
     position: absolute;
    right: -5px;
    top: 10px;
    font-size: 20px;
    display: inline;
}
.upload-product label {
    padding : unset !important;
    white-space: nowrap;
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.upload-product label  i.icon-40 {
margin-right : unset !important;
}
.upload-product .fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px ;
}
.fileUpload {
    position:relative;
    margin-top:10px !important;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}




/* user guide page */

.user-guide { padding-top: 2px; }
.user-guide .list-table.hasborder a { margin-left: 14px; text-decoration: none; font-size: 13px; }

/* List Allotment */
.header-list-group {text-align:left; margin-left:2em;line-height:3em}
.list-group {float: left ; display: table; padding-left: 0; margin-bottom: 2px; margin-top:8px;text-align:center;margin-right:1%}
.list-group .list-group-item {  text-align:center;vertical-align:middle;display: table-cell;padding: 10px 10px;background-color: #fff;border: 1px solid #ddd;border-radius:4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;height: 48px;min-width:163px }
.list-group a img { width:50px;height:auto;float:left}
.list-group-item .list-body {margin-left: 58px; font-size: 13px; overflow:hidden ; text-overflow:ellipsis; width:106px; text-align:left; max-height:35px}
.label-update { padding: 1px 4px;border-radius: 3px; color: #ffffff;background: #f79d11;display: inline-block;letter-spacing: 0.5px;font-size: 11px;margin-right: 5px;}
.button.button-filter.list-country {padding: 10px 11px 10px 10px !important}
.button.button-filter.large-button{padding:20px 90px;}
.button-filter.tag-checkbox {padding: 8px 10px; margin: 3px 0 8px 3px;}
.button-filter.active .fa.fa-circle-thin { display: none;float: left; padding:2px 5px}
.button-filter.active .fa.fa-check-circle { display: block;float: left; padding:2px 5px}
.button-filter .fa.fa-circle-thin { display:block;float: left; padding:2px 5px}
.button-filter .fa.fa-check-circle { display:none;float: left; padding:2px 5px}
.copy-text-panel { display: block; overflow: hidden; padding-top: 20px; }
label.header-related{padding: 10px;background: #0283df;color: white;width: 95%;margin: 5px 0 5px 14px;}

/* attch file excel */
.attach-excel-panel { padding: 20px 45px;margin: 20px 40px 10px;border: 1px #999999  dashed;width:150px; text-align: center;}
.attach-excel-panel .button { margin-top: 14px; }
.box-disible{padding: 6.5px; font-size: 1.6rem;font-weight: normal;line-height: 1;color: #555555;text-align: center; background-color: #eeeeee;border: 1px solid #cccccc;border-radius: 2px;}
.list-tags {margin-left:unset !important;margin-bottom:7px}
.list-tags li {
    display: inline-block;
    background: #ededed;
    padding: 0 9px 0 9px;
    line-height: 32px;
    white-space: nowrap;
    border-radius: 3px;
}
.list-tags li var {color:#4A789F; font-size:14px}

.step-container .fa.fa-star {cursor: pointer;color:gray; font-size:18px}
.step-container .fa.fa-star.active {color: #ffbf38;}
.list-follow {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}
.booking-remark-panel .dl dd {-ms-word-break:break-word; word-break:break-word;word-break:break-word}
.default-table td.list-files a { width: 200px; overflow: hidden;display: inline-block;text-overflow: ellipsis;}

.switch var { line-height: 26px;}
.switch var.switch-on { padding-right:20px;color:white}
.switch var.switch-off { padding-left:20px;}
small .text-cencel {color:#e80e0e;text-decoration:underline;cursor:pointer;}
small.msg-error {float:right;margin:10px 0 10px 0;font-weight: bold;color:#e80e0e}
section.widget-box-panel.widget-m {margin:0 20px 20px 0;padding:5px 10px 5px 10px}
.list-cancel-auto { padding: 3px 5px 3px 5px;margin-bottom: 5px;text-align: right;}
.icon-passport {
            display: block;
            text-indent: -9999px;
            width: 100px;
            height: 82px;
            background: url(../Images/passport.svg);
            background-size: 100px 82px;
            float: left;
            margin: 0 29px 0 29px;
            cursor: pointer;
}
.text-center {
            text-align: center;
            align-items: center;
        }
 ul.list-card-pass li {
            float: left;
            list-style: none;
            margin-right: 20px;
            display: flex;
            cursor: pointer;
            margin-top: 15px;
        }
ul.list-card-pass li label {
                display: block;
                text-align: center;
                cursor: pointer;
                line-height: 25px;
            }
.box-card {
            border: 1px solid #ddd;
            padding: 15px 0px 15px 0px;
            border-radius: 5px;
            cursor: pointer;
        }
.box-card:hover {
                border: 1px solid #ddd;
                background: #ddd;
            }
.box-card.active {
                border: 1px solid #ddd;
                background: #ddd;
            }
.box-zone {
            display: inline-block;
            border: 1px solid #dddddd;
            margin-top: 35px;
            padding: 15px 25px 15px 25px;
            width: 1050px;
        }
.thumbnail {
            display: block;
            padding: 4px;
            margin-bottom: 20px;
            line-height: 1.428571429;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 4px;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }
.box-flashsale {
    max-width: 1225px; 
    margin: 12px auto; 
    border: 3px solid #e80e0e;
    border-top-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    border-bottom-left-radius: 0.3em;
    height: 200px;
}
.box-flashsale label.button-next-flashsale-left {
    float: left;
    position: absolute;
    background: #e80e0e;
    color: white;
    height: 80px;
    width: 15px;
    border-top-right-radius: 0.2em;
    border-bottom-right-radius: 0.2em;
    cursor: pointer;
    display:block;
    z-index:3;
}
.box-flashsale label.button-next-flashsale-right {
    float: right;
    background: #e80e0e;
    color: white;
    height: 80px;
    width: 15px;
    border-top-left-radius: 0.2em;
    border-bottom-left-radius: 0.2em;
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 60px;
    z-index:3;
}
.box-flashsale label.button-next-flashsale-left > i.fa.fa-angle-double-left,
.box-flashsale label.button-next-flashsale-right > i.fa.fa-angle-double-right{font-size: 24px;margin-top: 26px;padding-left: 4px;}
.box-flashsale h4 { 
    position: relative;
    top: -49px;
    color: white;
    background: #e80e0e;
    padding: 5px 15px 3px 15px;
    right: 3px;
    min-width: 190px;
    width:fit-content;
    border-top-left-radius: 0.2em;
    border-top-right-radius: 0.2em;
    display:inline-block;
    }
.box-flashsale .card-deck {
    margin: -40px 30px 40px 35px;
    zoom:90% ;
    -ms-zoom: 0.89;
    -webkit-zoom: 0.89;
    -moz-transform: scale(0.89,0.89);
    -moz-transform-origin: left center;
    position:absolute;
    width:1398px;
    z-index:0;
}
.box-flashsale .card-deck .card { margin: 0  15px 10px 0 ; cursor: pointer;flex:unset !important}
.box-flashsale .card-deck .card label.code-flashsale{
    display: block;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    margin-top: 3px;
    left: 0;
}
.box-flashsale .card-deck .card:active {border-left: none;border-bottom: 3px solid  #e80e0e;}
.box-flashsale .card-deck .card:hover{
    border-bottom: 3px solid  #e80e0e; 
}
.box-flashsale .card-deck .card.active {border-left: none;border-bottom: 3px solid  #e80e0e;}
.box-flashsale .card-deck .card > label {margin:0 10px 6px 10px; height: 50px; overflow: hidden; cursor:pointer;}
.box-flashsale .card-deck .card > label > var.header-flashsale{
    font: 14px bold; 
    font-family:inherit;
    line-height: 1.5em;
    display:block;
    margin-top: 5px;
}
.box-flashsale .card-deck .card p.card-text > label {
    color: white;
    background: #e80e0e;
    padding: 0px 5px 0px 5px;
    font-size: 14px;
    position: absolute;
    top: 0px;
    right: 0px;
    display: inline-block;
    max-width: 100px;
    border-bottom-left-radius: 0.2em;
}
.box-flashsale .card-deck .card p.card-text > label small {
    font-size: 9px;
    float: right;
    text-decoration: line-through;
    position: relative;
    display:block;
}
.box-flashsale .card-deck .card p.card-text > label var {
    font: 22px bold;
    line-height: 0px;
    top: -3px;
    position: relative;
    font-family:inherit;
}
.box-flashsale .card-deck .card + .card { margin: 0  15px 10px 0;}
.box-flashsale .card-deck .card > table.none-border {margin:0 10px 0 10px; width:220px;}
.box-flashsale .card-deck .card > table.none-border tr.header td{font-size:10px; font-weight:bold; text-align:center;border-right:1px solid #ddd;}
.box-flashsale .card-deck .card > table.none-border tr.header td:last-child{border-right:none;}
.box-flashsale .card-deck .card > table.none-border tr.detail td{font-size:12px; text-align:center;border-right:1px solid #ddd;}
.box-flashsale .card-deck .card > table.none-border tr.detail td:last-child{border-right:none;}
.break-word {
-ms-word-break: break-all;
-ms-word-wrap: break-all;
-webkit-word-break: break-word;
-webkit-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
em.bg-icon {
            width: 30px;
            height: 30px;
            background:  #fafafa;
            border-radius: 50%;
            text-align: center;
            line-height: 27px;
            font-style: normal;
            font-weight: bold;
            display: inline-block;
            text-align: center;
            border: 0.1em solid #ddd;
        }
em.bg-icon > i.fa {
            margin-top: 9px;
            margin-left: 4px;
            }
    em.bg-icon:hover {
   background: #fff;
         }

.premium {
    display: inline-block;
    background: url(../Images/Promotion/badge-premium.png) no-repeat 0 0;
    width: 50px;
    height:50px;
    cursor: pointer;
    float:left;
    position:relative;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100% auto;
    margin-right: 5px;
}
.bestvalue {
    display: inline-block;
    background: url(../Images/Promotion/badge-bestvalue.png) no-repeat 0 0;
    height: 80px;
    width: 50px;
    cursor: pointer;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100% auto;
    margin-right: 5px;

}

.installment {
    display: inline-block;
    background: url(../Images/Promotion/Pro0.png) no-repeat 0 0;
    height: 60px;
    width: 55px;
    cursor: pointer;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 80% auto;
    margin-right: 5px;
}
.installment-booking {
    background: url(../Images/Promotion/Pro0.png) no-repeat 0 0;
    height: 25px;
    width: 25px;
    cursor: pointer;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 97% auto;
    margin-right: 5px;
    display: inline-block;
}
mark{
    background: #00d2c2;
    color: black;
}
.btn-noti {
    font-size: 11px;
    border: 1px solid #f79d11;
    width: 85px;
    color: #f79d11;
    cursor: pointer;
    margin-top: 10px;
    float:left;
    margin-left:34px;
    padding-right:unset !important;
    padding-left:2px;
    padding-right:2px;
}
.action-noti span {
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    float: left;
    margin-left: 8px;
    margin-top: 2px;
}
.action-noti span i {
    display: block;
    margin-top: 12px;
    font-size: 18px;
}
.action-noti span i.orange:before {
    color:#f79d11 !important;
}
.btn-movepayment {
    font-size: 11px;
    border: 1px solid #f711ce;
    width: 85px;
    color: #f711ce;
    cursor: pointer;
    margin-top: 10px;
    float:left;
    margin-left:34px;
    padding-right:unset !important;
    padding-left:2px;
    padding-right:2px;
    background-color:#fff0f5;
}
.action-movepayment span {
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    float: left;
    margin-left: 8px;
    margin-top: 2px;
}
.action-movepayment span i {
    display: block;
    margin-top: 12px;
    font-size: 18px;
}
.action-movepayment span i.orange:before {
    color:#f711ce !important;
}
.btn-multtaxinvoice {
    font-size: 12px;
    border: 1px solid #ff6800;
    width: 85px;
    color: #ff7600;
    cursor: pointer;
    margin-top: 10px;
    float:left;    
    padding-right:unset !important;
    padding-left:2px;
    padding-right:2px;
    background-color:#fff0f5;
    text-align:center
}
.action-multtaxinvoice span {
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    float: left;
    margin-left: 8px;
    margin-top: 2px;
}
.action-multtaxinvoice span i {
    display: block;
    margin-top: 12px;
    font-size: 18px;
}
.action-multtaxinvoice span i.orange:before {
    color:#ff6800 !important;
}
.btn-taxinvoice {
    font-size: 12px;
    border: 1px solid #00bde5;
    width: 85px;
    color: #0095ff;
    cursor: pointer;
    margin-top: 10px;
    float:left;    
    padding-right:unset !important;
    padding-left:2px;
    padding-right:2px;
    background-color:#cee9ff;
    text-align:center
}
.action-taxinvoice span {
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    float: left;
    margin-left: 8px;
    margin-top: 2px;
}
.action-taxinvoice span i {
    display: block;
    margin-top: 12px;
    font-size: 18px;
}
.action-taxinvoice span i.orange:before {
    color:#00bde5 !important;
}
/* reset browser style */

form, fieldset, legend { width: auto; height: auto; margin: 0; padding: 0; border: 0; }
input, button, textarea, select, optgroup, option, legend, label { margin: 0; font-family: 'thaisansneue',helvetica, arial, sans-serif; vertical-align: middle; line-height: normal; color: #333333; }
label em { vertical-align: middle; font-style: normal; font-weight: bold; font-size: 130%; color: #f78d1e; }
label { padding-right: 6px; display: inline-block; position: relative; font-weight: 300; line-height: 20px; line-height: 2.0rem; }
legend { padding-bottom: 14px; line-height: 28px; line-height: 2.8rem; font-size: 22px; font-size: 2.2rem; color: #333333; }
button::-moz-focus-inner { padding: 0; border: 0 }
.stack label { display: block; }
.label-allot { padding: 2px 5px; border-radius: 3px; color: #ffffff; background: #6854d1; display: inline-block; letter-spacing: 0.5px; }

/* fieldset style */

fieldset { padding-bottom: 14px; border: none; padding: 0;}

/* fieldset dl style */

fieldset dl { margin: 3px 0; *zoom: 1; }
fieldset dl:before, fieldset dl:after { display: table; line-height: 0; content: ""; }
fieldset dl:after { clear: both; }
fieldset dl dt { width: 170px; float: left; }
fieldset dl dd { padding-bottom: 6px; overflow: hidden; }
fieldset .column dl dt, fieldset .block dt { width: auto; float: none; }
fieldset .block { clear: both; }
.fieldset .dl dt { width: 30%; }
.fieldset .dl dd table { margin-top: 0; width: auto; }
.fieldset .dl dd table td { min-width: 50px; }
.fieldset .dl dd small.block { margin-top: 6px; }
.fieldset .deadline-panel input { width: 50px; }
.form-container { width: 1162px; margin: 0 auto;}

/* input style */

input, textarea, select, .multiple-select-group  { height: auto; padding: 4px 6px; margin: 1px 0; font-size: 15px; font-size: 1.5rem; /*font-weight: 300;*/ display: inline-block; border: 1px solid #dedede; border-left-color: #c1c2c1; border-top-color: #c1c2c1; background-color: #fdfdfd; border-radius: 4px; overflow: visible; -webkit-transition: border linear 0.8s, box-shadow linear 0.8s; -moz-transition: border linear 0.8s, box-shadow linear 0.8s; transition: border linear 0.8s, box-shadow linear 0.8s; }
input:focus, textarea:focus, select:focus { border-color: #0283df; color: #003580; border-color: rgba(2, 131, 223, 0.6); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 0 2px rgba(2, 131, 223, 0.4); outline: 0; outline: thin dotted 9; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }

/* placeholder style */

.placeholder { color: #848484; }

/* validation style */

.input-valid { border-color: #1aac5b; color: #1aac5b; border-color: rgba(26, 172, 91, 0.6); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 0 2px rgba(26, 172, 91, 0.4); }
.input-error { border-color: #ff0000; color: #ff0000; border-color: rgba(255, 0, 0, 0.4); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 0 2px rgba(255, 0, 0, 0.4); }
.input-warning { margin-top: 4px; font-size: 110%; display: block; color: #ff0000; }
.input-warning label, .input-warning em { color: #ff0000; }
.valid { color: #1aac5b; }
.error { color: #ff0000; }

/* textarea style */

textarea { width: 100%; min-height: 42px; height: auto; line-height: 1.2; overflow: auto; resize: vertical; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* select style */

select { height: 32px; padding: 1px 6px 4px !important; margin-top: 2px !important; }
select option { padding-right: 16px; }
select[multiple] { height: auto; }

/* file style */

input[type=file] { height: auto; padding: 5px 4px; background: none; line-height: initial; border: initial; box-shadow: none; }

/* checkbox style */

input[type=checkbox], input[type=radio] { width: auto; height: auto; padding: 1px 0; margin: 0 4px 3px 1px; background: none; cursor: pointer; border: none; top: -1px; box-sizing: border-box; }
.radio-top { margin-top: -6px; }

/* search style */

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* date style */

input[type="date"], input[type="week"], input[type="month"], input[type="datetime-local"] { display: -webkit-inline-flex; }

/* form sizes style */

select { width: 100%; }
input.text, input.file, input.range { width: 100%; height: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input.auto, select.auto { width: auto; margin-right: 10px; }
input.from-login{margin-bottom:10px}
/* button style */

.button, .submit, .reset { text-transform: uppercase; margin: 2px 1px; padding: 11px 18px; background: #f4f4f4; border: 1px solid #cccccc; border-top-color: #cccccc; border-bottom-color: #a2a2a2; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255,255,255, 0.2); -webkit-transition: none; transition: none; display: inline-block; line-height: 16px; line-height: 1.6rem; font-size: 15px; font-size: 1.5rem; font-family: 'thaisansneue'; cursor: pointer; color: #474747; text-decoration: none !important; white-space:nowrap;overflow:hidden}
.button { box-shadow: none; }
.button:hover, .reset:hover { background: #d9d9d9; color: #333333; }
.button-circular {width: 30px;height: 30px;text-align: center;padding: 0px 6px;font-size: 18px;line-height: 1.33;border-radius: 25px;background: #30bc91;border-color: #349242;color: #ffffff;}
.button-circular >i {padding:3px 6px !important; font-size:22px}
.button-circular:hover, .button-circular:focus { background: #3bd4a5; color: #ffffff; }
.button.block { width: 100%; }
.button-primary { background: #30bc91; border-color: #4cae4c; border-bottom-color: #085e2e; color: #ffffff; min-width: 100px; }
.button-primary:hover, .button-primary:focus { background: #3bd4a5; color: #ffffff; }
.button-secondary, .button-file { background: #5cbadc; border-color: #5cbadc; border-bottom-color: #014274; color: #ffffff; }
.button-secondary:hover, .button-file:hover, .button-secondary:focus, .button-file:focus { background: #49aaf7; color: #ffffff; }
.button-danger { background: #d9534f; border-color: #d43f3a; border-bottom-color: #551514; color: #ffffff; }
.button-danger:hover, .button-danger:focus { background: #d2322d; color: #ffffff; }
.button-warning { background: #f0ad4e; border-color: #eea236; border-bottom-color: #d58512; color: #ffffff; }
.button-warning:hover, .button-warning:focus { background: #ec971f; color: #ffffff; border-color: #d58512 }
.button-prink {background: #d12b5d; border-color: #d12b5d; border-bottom-color: #d12b5d; color: #ffffff; min-width: 100px;}
.button-prink:hover, .button-prink:focus { background: #d12b5d; color: #ffffff; }
.button-primary, .button-secondary, .button-danger { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25); font-weight: 700; }
.button-prink {background: #d12b5d; border-color: #d12b5d; border-bottom-color: #d12b5d; color: #ffffff; min-width: 100px;}
.button-prink:hover, .button-prink:focus { background: #d12b5d; color: #ffffff; }
.button-excel { background: #ffffff; border-color: #0A9C4B; border-bottom-color: #085e2e; color: #0A9C4B; }
.button-excel:hover { background: #fafafa; color: #0A9C4B; }

.button-preview { background: #ffffff; border-color: #cccccc; border-bottom-color: #a2a2a2; color: #474747; }
.button-preview:hover { background: #d9d9d9; color: #333333; }

.button-file  { position: relative; margin: 10px 0 6px; cursor: pointer; }
.button-file input[type="file"] { position: absolute; z-index: 2; top: 0; left: 0; filter: alpha(opacity=0); opacity:0; background-color: transparent; color: transparent; cursor: pointer; }
.button-file .fa { margin: 0 6px; }
label.button-filter input[type=radio] { position: absolute; }
.button-filter { border: 1px solid #5cbadc; background: #fff; position: relative; }
.button-filter:hover { background: #dff0fd; }
.button-filter input[type=checkbox] { position: absolute; }
.button-filter i { margin-top: -2px !important; display:none; }
.button-filter.active { background: #5cbadc; color: #ffffff; display:inline-flex; }
.button-filter.active i { color: #ffffff; display:inline-flex; }
.button-filter.orange { border: 1px solid #ffbf38; background: #fff; position: relative; }
.button-filter.orange:hover { background: #f7cf7a; }
.button-filter.orange input[type=checkbox] { position: absolute; }
.button-filter.orange i { margin-top: -2px !important; display:none; }
.button-filter.orange.active { background: #ffbf38 !important; color: #ffffff !important; display:inline-flex; }
.button-filter.orange.active i { color: #ffffff !important; display:inline-flex; }

select.button-filter { height: 40px; margin: 2px 1px; max-width: 200px; }
.button.small-button { padding: 8px 11px; margin: -1px 0; }

.button-invite, .button-invite:hover { border-color: #49aaf7; color: #49aaf7; background: #ffffff;  }
.button-invite:hover { background: #f4f4f4; }
.button-invite.selected { border-color: #30bc91; color: #30bc91; }

.tokenfield { background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); display: inline-block; padding: 8px 6px; padding-top: 3px; margin-top: 5px; color: #555; vertical-align: middle; border-radius: 4px; line-height: 22px; cursor: text; width: 100%; box-sizing: border-box;min-height: 60px;overflow-y: auto;max-height: 200px; overflow-x:hidden} 
.tokenfield input { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0; margin: 0; margin-left: 2px; width: 100% !important; max-width: inherit; }
.tokenfield input:focus { border: none; box-shadow: none; }
.tokenfield .token .close { font-size: 105%; vertical-align: middle; }
.tokenfield .token .close:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.tokenfield .token .close:hover:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.tokenfield .token { padding: 0; padding-left: 4px; margin-top: 3px; margin-right: 3px; background-color: #cad9f3; border: 1px solid #abb8f9;display: inline-block; color: #111111; white-space: nowrap; vertical-align: baseline; border-radius: 3px; }
.tokenfield .token.invalid { background: none; border: none; }
.tokenfield .token.invalid .token-label { border-bottom: 2px dotted #d23d24; }
.tokenfield-error .tokenfield { border: 1px solid #ff0000; border-color: rgba(255, 0, 0, 0.4); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 0 2px rgba(255, 0, 0, 0.4);}

.city-tag-panel { padding: 0 30px 0 14px; }
.city-tag-panel .tokenfield  { height: auto; max-height: 200px; min-height: 100px; }
.city-tag-panel .tokenfield input, .city-tag-panel .tokenfield input[type=text] { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0; margin: 0; margin-left: 2px; width: auto !important; max-width: inherit; min-width: 400px !important; }
.city-tag-panel .tokenfield input:focus, .city-tag-panel .tokenfield input[type=text]:focus { border: none; box-shadow: none; }

/* disabled style */

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; border-color: #dedede; color: #666666; }
input.readonly[readonly], select.readonly[readonly], textarea.readonly[readonly] { cursor: text; }
.button-primary[disabled], .button-secondary[disabled], .button-danger[disabled], .button-warning[disabled] { opacity: 0.7; cursor: no-drop; color: #ffffff; }
.button-disable { box-shadow: none; background: #838383 !important; border-color: #cccccc; border-bottom-color: #a2a2a2; cursor: no-drop; }

/* alert style */

.alert-panel { position: fixed; left: 0; right: 0; z-index: 99; margin-top: 5px; }
.alert { margin-bottom: 18px; padding: 8px 30px 8px 14px; border-width: 1px; border-left-width: 40px; border-style: solid; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); position: relative; clear: both; display: none; }
.alert-small { margin-bottom: 18px;padding: 3px 12px 3px 9px;border-width: 1px;border-left-width: 29px;border-style: solid;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);position: relative;clear: both;display: none;}
.alert-info { background-color: #f8fafc; border-color: #b5d4fe; color: #5475a2; }
.alert-error { background-color: #fbe3e4; border-color: #fbc2c4; color: #d12f19; }
.alert-warning { background: #fffbe7; border-color: #f79d11; }
.alert-success { background-color: #e2f5ef; border-color: #30bc91; color: #30bc91; }
.alert-note { background-color: #ffffff; border-color: #dedede; color: #666666; }
.alert i,.alert-small i { margin-top: -8px; font-size: 18px; position: absolute; left: -28px; top: 50%; color: #ffffff; }
.alert p, .alert ul, .alert ul li { margin: 0; display: inline-block; line-height: inherit; font-size: 14px; font-size: 1.4rem; font-weight: 700; color: #333333; text-shadow: inherit; }
.alert .close,.alert-small .close { margin-top: -12px; position: absolute; top: 50%; right: 0; color: inherit; opacity: 1; font-size: 28px; font-size: 2.8rem; font-weight: normal; }
.alert > a ,.alert-small > a{ color: inherit; }
.alert > a:hover,.alert-small > a:hover { color: inherit; }
.alert p + p ,.alert-small p + p { margin-top: 5px; } 
.alert-small > span{font-size:12px}
.alert-panel .alert, .alert.block { display: block; }

.alert:before { margin-top: -9px; font: normal normal normal 18px/1 FontAwesome; color: #ffffff; content: "\f071"; position: absolute; left: -28px; top: 50%; }
.alert-clock {display:block;float:left;position:relative;margin-top:12px}
.alert-clock:before { margin-top: -9px; font: normal normal normal 18px/1 FontAwesome; color: #ffffff; content: "\f017"; position: absolute; left: -28px; top: 50%; }
.alert-small:before { margin-top: -9px; font: normal normal normal 15px/1 FontAwesome; color: #ffffff; content: "\f071"; position: absolute; left: -23px; top: 50%; }
.alert-success:before { content: "\f058"; }
.alert-error:before { color: #d12f19; }
.alert-warning:before { color: #ffffff; }

.guide-alert { display: inline-block; position: relative; }
.guide-alert .alert { position: absolute; left: 100%; top: -10px; width: 200px; margin-left: 14px; text-align: left; }
.guide-alert .alert-info:before { border-right: 10px solid #b5d4fe; border-top: 10px solid transparent; border-bottom: 10px solid transparent; box-shadow: none; display: inline-block; position: absolute; bottom: 25px; left: -10px; content: ''; }
.guide-alert .alert:after { border-right: 9px solid #f8fafc; border-top: 9px solid transparent; border-bottom: 9px solid transparent; box-shadow: none; display: inline-block; position: absolute; bottom: 26px; left: -8px; content: ''; }
.guide-alert .alert  strong { font-size: 120%; }

.show-more { padding: 10px 20px; margin-left: -44px; border-radius: 3px; position: absolute; left: 50%; bottom: -40px; width: auto; border: 2px solid #dedede; text-decoration: none; color: #666666; }

/* search form style */

.search-panel { padding: 5px 20px; margin-bottom: 32px; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3); }
.search-panel dl { font-size: 13px; font-size: 1.3rem; float: left; margin-top: 10px; margin-right: 14px; }
.search-panel dl dd { overflow: visible; position: relative; }
.search-panel .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; }
.search-panel .date { margin-right: 25px; }
.search-panel .date input.text { width: 120px; }
.search-panel .date i { position: absolute; right: -20px; bottom: 8px; }
.search-panel .button { margin-top: 24px; float: right; }
.search-panel input.text { width: 320px; }
.search-panel input.auto { width: 100px; margin-right: 0; }
.search-panel input.budget { width: 200px; }
.search-panel .duration { float: left; padding-left: 6px; }

/* auto complete style */

.auto-complete dd { position: relative; overflow: visible; }
.ui-helper-hidden-accessible { display: none !important; }
.ui-autocomplete { width: 100%; max-height: 300px; overflow: auto; margin: 0; background: #ffffff; border: 1px solid #d6d6d6; box-shadow: 0 3px 3px -3px #bebebe; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; z-index: 1; left: 0; top: 36px; display: none; }
.ui-autocomplete li { margin: 0; list-style: none; border-top: 1px solid #d6d6d6; }
.ui-autocomplete li:first-child { border: none; }
.ui-autocomplete .ui-menu-item a { padding: 3px 10px; text-decoration: none; display: block; overflow: hidden; color: #666666; }
.ui-autocomplete .ui-menu-item a:hover, .ui-autocomplete .ui-menu-item .ui-state-focus, .ui-autocomplete .ui-menu-item .ui-state-hover { background: #0283df; color: #ffffff; }
.ui-autocomplete mark { background: none; color: #0283df; text-decoration: underline; font-weight: 500; }
.ui-autocomplete .ui-menu-item a:hover mark, .ui-autocomplete .ui-menu-item .ui-state-focus mark, .ui-autocomplete .ui-menu-item .ui-state-hover mark { color: #ffffff; }
.auto-complete label { padding-right: 0; margin-right: 6px; }
fieldset dl.auto-complete dd { overflow: visible; }

/* search box style */

.search-box .block { width: 70%; }
.search-box .button { padding: 8px 14px; }

/* input prepend style */

.input-prepend { position: relative; }
.input-prepend .add-on { height: 30px; padding: 0 7px; background-color: #eeeeee; border: 1px solid #c1c2c1; border-radius: 4px 0 0 4px; text-align: center; line-height: 30px; font-size: 14px; font-size: 1.4rem; text-shadow: 0 1px 0 rgba(255,255,255, 1.0); display: inline-block; position: absolute; left: 0; top: 0; }
.input-prepend input.text {  min-height: 32px; height: 32px; margin: 0; padding: 6px; padding-left: 30px; position: relative; z-index: 0; }
.input-prepend.add-on-panel input.text { padding-left: 40px !important;  }
.input-prepend.label-office input.text { padding-left: 50px !important; }
.input-prepend i.pre { position: absolute; left: 0; bottom: 8px; color: #666666; font-size: 18px; margin: 0 6px; vertical-align: -2px; }

.add-on-search { width: 250px; margin-right: 10px; }
.add-on-search input.text { padding: 6px; }
.add-on-search .button { position: absolute; right: 0; bottom: 0; top: 0; padding: 6px 12px; margin: 0; box-shadow: none; }
.add-on-search .button .fa { margin: 0; }

/* form box */

.form-box { margin-bottom: 24px; padding: 0 14px; padding-top: 14px; background: #efefef; }
.form-box input, .form-box textarea, .form-box select { background-color: #ffffff; }

/* tool bar style */

.tool-bar input, .tool-bar textarea, .tool-bar select { margin: 0; padding: 4px 6px; background-color: #ffffff; }
.tool-bar select { height: 32px; padding: 4px 6px; }

/* select stack style */

.select-stack label { padding: 3px 6px 2px 6px; margin-bottom: 1px; font-size: 12px; font-size: 1.2rem; cursor: pointer; }
.select-stack label em { font-weight: normal; font-size: 100%; color: #999; }
.select-stack label.checked em, .select-stack label:hover em { color: #0283df }
.select-stack label.checked, .select-stack label:hover {color: #0283df; background-color: #efefef; }

/* ui datepicker(header) style */

#ui-datepicker-div { display: none }
.ui-datepicker { margin: 24px -10px 0; padding: 10px 5px 5px; border: 3px solid #f4f4f4; background-color: #ffffff; box-shadow: 0 0 3px #bebebe; width: auto !important; min-width: 200px !important; z-index: 1091 !important; }
.ui-datepicker .ui-datepicker-header { box-shadow: inset 0 1px 0 rgba(255,255,255, 0.3); position: relative; text-align: center; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title { height: 32px; position: relative; text-align: center; line-height: 32px; font-size: 15px; font-size: 1.5rem; font-weight: 700; color: #333333; z-index: 1; }
.ui-datepicker .ui-icon { width: 20px; height: 20px; text-indent: -2000px; border: 1px solid transparent; border-radius: 2px; font-size: 0; line-height: 0; display: block; background-image: url(../images/ui-icons.png) }
.ui-datepicker .ui-icon:hover { background-color: rgba(255, 255, 255, 0.2); }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { position: absolute; cursor: pointer; z-index: 2; left: 5px; top: 5px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled { opacity: 0.2; filter: alpha(opacity=20); }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon { background-position: -95px 2px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover .ui-icon {  }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next { position: absolute; cursor: pointer; z-index: 2; right: 5px; top: 5px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon { background-position: -30px 2px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover .ui-icon {  }
.ui-datepicker .ui-datepicker-buttonpane { padding: 2px 0 4px 0; text-align: center; display: block; clear: both; float: none; }
.ui-datepicker .ui-datepicker-current, .ui-datepicker .ui-datepicker-close { margin: 5px 0 3px; background: none; border: none; font-weight: bold; cursor: pointer; }
.ui-datepicker .ui-datepicker-current:hover, .ui-datepicker .ui-datepicker-close:hover { text-decoration: underline; }
.ui-datepicker .ui-datepicker-current { display: none; }
.ui-datepicker .ui-datepicker-group { margin-right: 0; float: left; }
.ui-datepicker .ui-datepicker-group-last { margin: 0; float: right; border-left: 1px solid #dedede; }

/* datepicker calendar(body) style */

table.ui-datepicker-calendar { width: auto; margin: 2px 0; margin-top: 0; }
table.ui-datepicker-calendar th { padding: 6px 1px; text-align: center; line-height: 16px; font-size: 13px; font-size: 1.3rem; color: #26b1ce; }
table.ui-datepicker-calendar th.ui-datepicker-week-end { padding: 6px 1px; text-align: center; line-height: 16px; font-size: 13px; font-size: 1.3rem; color: #f39d12; }

table.ui-datepicker-calendar td { padding: 1px; text-align: center; font-weight: bold; line-height: 16px; font-size: 13px; font-size: 1.3rem; cursor: default; color: #26b1ce; }
table.ui-datepicker-calendar td a, table.ui-datepicker-calendar td span { width: 24px; padding: 6px 3px; text-decoration: none; font-weight: normal; display: block; color: #666666; border: 1px solid #ffffff; border-radius: 50%; }
table.ui-datepicker-calendar .ui-datepicker-other-month span { border: 1px solid #26b1ce; color: #333333; background: none; }
table.ui-datepicker-calendar td.ui-datepicker-today a { border: 1px solid #26b1ce; color: #333333; }
table.ui-datepicker-calendar td a:hover,table.ui-datepicker-calendar .ui-datepicker-current-day a { color: #ffffff; border: none; padding: 7px 4px; background: #26b1ce; background: -moz-linear-gradient(top, #26b1ce, #29cccd); background: -webkit-linear-gradient(top, #26b1ce, #29cccd); background: -o-linear-gradient(top, #26b1ce, #29cccd); background: -ms-linear-gradient(top, #26b1ce, #29cccd); background: linear-gradient(top, #26b1ce, #29cccd);}
table.ui-datepicker-calendar td span { color: #dedede; }

/* fixed header table style */

table td.middle { vertical-align: middle; }
table .fa-pencil, table .fa-star { font-size: 18px; }
table .cancel-row, table .cancel-row dl, table .cancel-row a { color: #999999; text-decoration: none; cursor: default; }
table .update-row { overflow: hidden; }
table .header-row th, table .header-row:hover { background: #999999 !important; }
table .gray-background td { background: #f4f4f4; }
table tr.note-row, table tr.even.note-row { background: #fffdd8; }
table td.action a { color: #333333; }
table .button-action .button { display: block; margin: 0; margin-bottom: 10px; width: 100%; }
table .dl { margin: 2px 0; }
table input.text { width: 100%; min-height: 30px; }
table.noborder tbody td, table.noborder tfoot td, table.noborder th { border-right: 0; }
table td.price, table th.price , table td.price input { text-align: right; }
table .total-title { border-right: 1px solid #dedede !important; text-align: right; }
table td.nowrap, table th.nowrap { white-space: nowrap; }
.cost-other td.item-title span{ display: inline-block; }
.cost-other td.item-title { padding-left: 30px; }
.center-table th, .center-table td { text-align: center; }
.center-table .detail { text-align: left; }

.dataTables_wrapper table { margin: 0; overflow: hidden; }
.dataTables_length { margin-bottom: 14px; }
.dataTables_length select { width: auto; margin-right: 6px; }
.dataTables_scrollHeadInner, .dataTables_scrollHeadInner .dataTable {width: 100% !important}

.default-table { border: 1px solid #d1d1d1; }
.default-table .default-table { margin: 0; }
.default-table thead tr { background-color: #f4f4f4; }
.default-table th { padding: 6px 10px; border-top: 1px solid #d1d1d1; }
.default-table th, .default-table tbody td { border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; position: relative; }
.default-table th:first-child, .default-table tbody td:first-child { border-left: 1px solid #d1d1d1; }
.default-table td { padding: 8px 10px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; }
.default-table tbody td.center, .default-table thead td.center { text-align: center; }
.default-table tbody td:first-child { position: relative; overflow: hidden; } /*min-width: 80px;*/ 
.default-table caption { font-size: 120%; text-align: left; }
.default-table .action { white-space: nowrap; }
.default-table.alert-table .action { position: relative;  }
.default-table .action a { text-decoration: none; }
.default-table td.remark {word-break:break-word;word-wrap: break-word;overflow: hidden; max-width: 200px}
.price-table .total-price { font-weight: bold; }
.price-table .discount, .price-table .discount input, .price-table .profit { width: 80px; text-align: right; }
.price-table .remark { width: 120px; }
.price-table .price { width: 115px; white-space: nowrap; }
.price-table .showmore { cursor: pointer; margin-top: 10px; font-size: 12px; font-size: 1.2rem; }
.item-name span {padding: 2px 8px 2px 8px;background: #d1d1d1;border-radius: 3px;font-size: 12px;width: 20px;text-align: center;}



.table-period { border: 1px solid #d1d1d1; }
.table-period .table-period{ margin: 0; }
.table-period th { padding: 10px 10px; border-top: 1px solid #d1d1d1; }
.table-period th, .table-period tbody td { border-bottom: 1px solid #d1d1d1; border-right: unset; position: relative; }
.table-period td { padding: 8px 10px; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; }
.table-period tr.row-sum td { border-bottom: unset !important}
.table-period tbody td:first-child {border-right:1px solid #d1d1d1;}
.table-period tbody td:last-child {border-left:1px solid #d1d1d1;}
.table-period thead tr th {background-color: #717171; color:#fff}
.table-period tbody td, tfoot td {background-color: #fff}
.table-period tbody:nth-child(even) td{background: #fff}
.table-period tbody:nth-child(odd) td{background: #eee}
.table-period tbody:nth-child(even) td .fa.fa-square{color: #30bc91}
.table-period tbody:nth-child(even) td .fa.fa-square.orange{color: #f79d11}
.table-period tbody:nth-child(odd) td .fa.fa-square{color: #f79d11}
.table-period tbody td label{margin-top:10px}
.table-period.non-margin th, .table-period.non-margin tbody td { border-bottom: 1px solid #d1d1d1 !important; border-right: 1px solid #d1d1d1 !important; position: relative; }
.table-period.non-margin tbody td label{margin-top:unset}
.table-period.non-margin tbody td:first-child {border-right: none }
.table-period.non-margin tbody td:last-child {border-left:none}
.table-period tbody td select {font-size:14px  }
.table-period tbody:nth-child(odd) td.last-period{background-color:#fff}
.table-period.non-border tbody td:first-child {border-right:unset}
.table-period.non-border tbody td:last-child {border-left:unset}
.table-period.non-border tbody:nth-child(even) tr.old-row td {background: #eee}
.table-period.non-border.defult tbody td{background: #fff}
.table-period.non-border.defult tbody tr.old-row td {background: #eee}

/*.table-period.non-border tbody:nth-child(even) td{background: #eee}
.table-period.non-border tbody:nth-child(odd) td{background: #fff}*/

.modern-table { border: 1px solid #dedede; }
.modern-table th { padding: 14px 10px; background-color: #f4f4f4; border-bottom: 1px solid #dedede; }
.modern-table td { padding: 8px 10px; border-bottom: 1px solid #dedede; vertical-align: middle; }
.modern-table td.status { text-align: center; }
.modern-table .booking-detail { width: 300px; }
.modern-table a { cursor: pointer; }

.list-product-table th { font-size: 12px; font-size: 1.2rem; padding: 10px; }
.list-product-table .files { display: block; padding-top: 18px; }
.list-product-table .files .fa { margin-top: 6px; }
.list-product-table .files .fa.disabled { color: #aeaeae; }
.list-product-table tbody tr td:nth-child(1),.list-product-table tbody tr td:nth-child(2), .list-product-table tbody tr td:nth-child(3), .list-product-table tbody tr td:nth-child(4) { background: #ffffff !important; }
.list-product-table tbody tr:hover { background-color: #cae8ff !important; color: #333333 !important;}
.list-product-table .quick-edit .fa-pencil { position: absolute; left: 4px; top: 1px; font-size: 14px; font-size: 1.4rem; opacity: 0; }
.list-product-table .quick-edit:hover .fa-pencil{ opacity: 1; }
.list-product-table tbody td:first-child, .list-product-table tbody td.booking { width: 30px; }
.list-product-table tbody td.right { min-width: 30px; }
.list-product-table tbody td.tour-code, .list-product-table tbody td.td-switch, .list-product-table tbody td.adult-price { width: 70px; }
.list-product-table tbody td.flight { width: 90px; }
.list-product-table tbody td.period { width: 200px; white-space: nowrap; }
.list-product-table tbody td.updated-column { animation: pulse 1s 1; -webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out; -o-transition: background-color 1s ease-out; transition: background-color 1s ease-out; }
@keyframes pulse {
  0% { background-color: rgba(30,220,160,0.1); }
  5% { background-color: rgba(30,220,160,0.2); }
  10% { background-color: rgba(30,220,160,0.3); }
  15% { background-color: rgba(30,220,160,0.4); }
  20% { background-color: rgba(30,220,160,0.5); }
  25% { background-color: rgba(30,220,160,0.6); }
  30% { background-color: rgba(30,220,160,0.6); }
  35% { background-color: rgba(30,220,160,0.7); }
  40% { background-color: rgba(30,220,160,0.8); }
  45% { background-color: rgba(30,220,160,0.9); }
  50% { background-color: rgba(30,220,160,1); }
  55% { background-color: rgba(30,220,160,0.9); }
  60% { background-color: rgba(30,220,160,0.8); }
  65% { background-color: rgba(30,220,160,0.7); }
  70% { background-color: rgba(30,220,160,0.6); }
  75% { background-color: rgba(30,220,160,0.5); }
  80% { background-color: rgba(30,220,160,0.4); }
  85% { background-color: rgba(30,220,160,0.3); }
  90% { background-color: rgba(30,220,160,0.2); }
  95% { background-color: rgba(30,220,160,0.1); }
  100% { background-color: rgba(30,220,160,0); }
}

table .ribbon { -moz-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); -o-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); background: #f79d11; background: rgba(247, 157, 17,0.9); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 5px 30px rgba(255, 255, 255, 0.2) inset; color: #ffffff; display: inline-block; padding: 2px 8px; position: absolute; left: -48px; text-align: center; text-transform: uppercase; top: 4px; width: 120px; font-size: 10px; font-weight: 700; }

.status-table { margin: 0; }
.status-table td { border-width: 2px; border-style: solid; border-color: #999999; font-size: 12px; text-align: center; min-width: 40px; }
.status-table strong { display: block; font-size: 21px; font-size: 2.1rem; line-height: 1; }

.header-section .status-table { width: auto; position: absolute; right: 14px; top: 14px; }
.header-section .wholesale-status-table var { position: absolute; right: 185px; top: 28px; }

.passenger-table .date-booking { width: 265px; }
.passenger-table .code-booking, .passenger-table .room-type { width: 100px; white-space: nowrap; }
.passenger-table .code-booking { width: 80px; }
.passenger-table .pax { width: 150px; white-space: nowrap; }
.passenger-table .action, .passenger-table .no { width: 100px; min-width: 100px; white-space: nowrap; text-align: center; }
.passenger-table .action { width: auto; white-space: normal; }
.passenger-table .action .button { display: inline-block; margin-bottom: 10px; }
.passenger-table .remark { width: 235px; }

.booking-table  { margin-bottom: 0; }
.booking-table td, .booking-table th { vertical-align: middle; }
.booking-table td.detail { width: 40%; }
.booking-table td.detail .text-overflow { display: inline-block; }
.booking-table .show-inline { overflow: hidden; }
.booking-table th, .main-table th { background: #646464  !important; color: #ffffff; }
.booking-table tbody tr:hover { background-color: #dff0fd; }
.booking-table .fa-star { color: gray; cursor: pointer; padding: 10px; margin: 0;}
.booking-table .fa-star.active { color: #ffbf38; }
.multiple-book tr:last-child { border-bottom: 2px solid #aaaaaa; }
.multiple-book tr.main-row.active {background:rgba(48, 188, 145, 0.2)}

/* passenger form */

.passenger-form label:first-child input { width: 400px; }
.passenger-form .button { margin-top: 18px; line-height: 16px !important; }

/* product entry style */

.product-entry h3 { font-size: 17px; font-size: 1.7rem; }
.product-entry .addon-title { margin-bottom: 0; font-size: 15px; font-size: 1.5rem; padding-right: 200px; }
.product-entry .card { margin: 0; margin-right: 14px; }
.product-entry .header-product{padding-right:100px; position:relative;}

.product-entry .attached-panel { position:absolute; right: 0; top: 2px; font-size: 13px; font-size: 1.32rem; }
.product-entry .attached-panel  i { font-size: 16px; font-size: 1.6em; }
.product-table .toggle-table { float: right; padding-right: 14px; }

.product-table td.period { padding-right: 0; width: 160px; white-space: nowrap; }
.product-table td.airline img { margin: -5px 0; }


.product-table .toggle-table-panel { margin-top: 6px; padding-top: 14px; display: block; border-top: 1px solid #dedede; }
.product-table .toggle-table-panel.no-border { border: none; }
.product-table table { margin-bottom: 0; }

.list-product-details section .block { display: block; overflow: hidden; color: #555555; }
.list-product-details section { margin-top: 6px; font-size: 13px; }
.list-product-details i { margin-top: 1px; font-size: 15px; font-size: 1.5rem; width: 14px; text-align: center;}
.list-product-details i.fa.fa-exclamation-circle { font-size: 24px; font-size: 2.4rem; width: 20px; color:red; display:contents;line-height: 15px;}

.product-table td .button { min-width: auto; padding: 6px 14px; }
.product-table td .button-primary { padding: 10px 14px; }
.product-table td { vertical-align: middle; padding-bottom: 2px; }
.product-table > table > .even { background-color: #f4f4f4;  }
.product-table td.center, .product-table td.action { width: 80px; white-space: nowrap; }

.product-table > table tbody:hover { background-color: #cae8ff !important; color: #333333 !important; }

.row-expand, .product-table .row-price-more, .product-table .row-airline-more { display: none; }
.product-table .row-airline-more { padding: 14px 24px !important; line-height: 1.5; }
.product-table .row-airline-more strong { font-size: 17px; font-size: 1.7rem; }
.product-table .row-airline-more .fa-plane { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: 0 6px; }

.product-table .row-airline-more .show-inline:last-child:after { content: ""; margin: 0; }
.product-table .row-airline-more .show-inline:after { content: " | "; margin: 0 8px; }
.product-table .row-expand-detail { padding: 24px; margin: 0 0 6px; background: #ffffff; border: 1px solid #8ec8ef; border-radius: 3px; }
.row-expand.open, .product-table .row-expand-detail.open { display: block;}
.column-price-more { line-height: 34px; }
.product-table .open-table { display: block; }
.product-table .airline { line-height: 43px; }
.column-price-more, .column-plane-more { position: relative; }
.column-price-more.open a:before, .column-price-more.open a:after, .column-plane-more.open:before, .column-plane-more.open:after { display: block; }
.column-price-more a:before, .column-price-more a:after, .column-plane-more:before, .column-plane-more:after { margin-left: -14px; border-right: 14px solid transparent; border-bottom: 12px solid #8ec8ef; border-left: 14px solid transparent; box-shadow: none; display: none; position: absolute; left: 50%; bottom: -4px; z-index: 0; content: ''; }
.column-price-more a:after, .column-plane-more:after { border-bottom: 12px solid #ffffff; bottom: -6px; }
.column-plane-more:before, .column-plane-more:after { /*left: 16px;*/ left:39px; }

.product-table .row-price-more table { margin: 0; }
.product-table .row-price-more table td, .product-table .row-price-more table th { text-align: right; }

.product-table .row-price-more table th { background: #cbeaff; padding: 5px 10px; font-size: 13px; font-size: 1.3rem; }
.product-table .row-price-more table td { padding: 6px 10px; background: #e9f5fd; }
.product-table .row-price-more table .com { border-left: 1px solid #ffffff; }

/* booking table style */

.booking-table td.booking-detail, .booking-table th.booking-detail { width: 300px; }

/* login form */

.login-form { padding: 0 20px; border-right: 1px solid #dedede; }
.login-form .form-action .align-left { margin-top: 24px; }
.login-form .columns > .column:first-child { border-right: 1px solid #dedede; }
.login-form .button-primary { min-width: 180px; }

.signin-page .body { margin-top: 100px; }
.signin-page .body .container { padding: 24px 0; margin-bottom: 24px; background: #f8f8f8; border: 1px solid #cdcdcd; overflow: hidden; }
.signin-page .box-4 dl { padding-top: 28px; }
.signin-page button { margin-top: 10px; overflow: hidden; }

.main-search-panel { display: block; overflow: hidden;}
.main-search-panel dd { float: left; margin-right: 5px; }
.main-search-panel dd .detail { width: 300px; }
.main-search-panel dd .button { padding: 8px 18px; margin-top: -1px; }
.main-search-panel .input-prepend input.text { padding-left: 28px; }
#zoneSearchNewBooking.error input {border-color: rgba(255, 0, 0, 0.4);}
#zoneSearchNewBooking span.error {display:block;position:absolute;font-size:12px;margin-top:2px}
#zoneSearchNewBooking span.error i {font-size:8px}
#zoneSearchListBooking.error input {border-color: rgba(255, 0, 0, 0.4);}
#zoneSearchListBooking span.error {display:block;position:absolute;font-size:12px;margin-top:2px}
#zoneSearchListBooking span.error i {font-size:8px}
#zoneSearchAccApprove.error input {border-color: rgba(255, 0, 0, 0.4);}
#zoneSearchAccApprove span.error {display:block;position:absolute;font-size:12px;margin-top:2px}
#zoneSearchAccApprove span.error i {font-size:8px}
#zoneSearchAccPayment.error input {border-color: rgba(255, 0, 0, 0.4);}
#zoneSearchAccPayment span.error {display:block;position:absolute;font-size:12px;margin-top:2px}
#zoneSearchAccPayment span.error i {font-size:8px}
/* *********************************** adds background graphics to all check boxes and radio buttons ************************************ */

.checkbox-label, .radio-label { padding: 4px 10px; padding-left: 24px; min-height: 20px; position: relative; }
.checkbox-label.blank, .radio-label.blank { padding: 4px 10px !important; }
.checkbox-label:before, .radio-label:before { width: 18px; height: 18px; background: url(../Images/checkbox-small.png) no-repeat 0 0; pointer-events: none; display: inline-block; position: absolute; left: 0; top: 4px; content: ""; }
.checkbox-label input[type=checkbox], .radio-label input[type=radio] { margin: 0; position: absolute; top: 10px; left: 6px; opacity: 0; }
.radio-label:before { width: 20px; height: 20px; background: url(../Images/radios-small.png) no-repeat 0 0; }
.checkbox-label.checked:before { background-position: 0 -18px; }
.radio-label.checked:before { background-position: 0 -20px; }

/* popover */

.popover {position: absolute;top: 0;left: 0;z-index: 1;display: none;max-width: 276px;padding: 1px;text-align: left;white-space: nowrap;background-color: #f79d11;border-radius: 6px;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);box-shadow: 0 5px 10px rgba(0,0,0,0.2);background-clip: padding-box;}
.popover.top {margin-top: -10px;}
.popover.right {margin-left: 10px;}
.popover.bottom {margin-top: 10px;}.popover.left {margin-left: -10px;}
.popover-title {padding: 8px 14px; margin: 0;font-size: 12px;font-weight: normal;line-height: 18px;background-color: #f79d11;border-bottom: 1px solid #ebebeb;border-radius: 5px 5px 0 0;}
.popover-content {padding: 9px 14px;color:#fff; font-size:15px;}
.popover .arrow, .popover .arrow:after {position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}
.popover .arrow {border-width: 11px;}
.popover .arrow:after {border-width: 10px;content: "";}
.popover.top .arrow {bottom: -11px;left: 50%;margin-left: -11px;border-bottom-width: 0;}
.popover.top .arrow:after {bottom: 1px;margin-left: -10px; border-top-color: #f79d11;border-bottom-width: 0;content: " ";}
.popover.right .arrow {top: 50%;left: -11px;margin-top: -11px;border-left-width: 0;}
.popover.right .arrow:after {bottom: -10px;left: 1px;border-right-color: #f79d11;border-left-width: 0;content: " ";}
.popover.bottom .arrow {top: -11px;left: 50%;margin-left: -11px;border-top-width: 0;}
.popover.bottom .arrow:after {top: 1px;margin-left: -10px;border-bottom-color: #f79d11;border-top-width: 0;content: " ";}
.popover.left .arrow {top: 50%;right: -11px;margin-top: -11px;border-right-width: 0;}
.popover.left .arrow:after {right: 1px; bottom: -10px;border-left-color: #f79d11;border-right-width: 0; content: " ";}


.webui-popover-content {
  display: none;
}
/*  webui popover  */
.webui-popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  min-width: 50px;
  min-height: 32px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  max-width:300px;
}
.webui-popover.orange{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  min-width: 50px;
  min-height: 32px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #f79d11;
  background-clip: padding-box;
  border: 1px solid #f79d11;
  border: 1px solid #f79d11;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  color:#fff;
 margin-top: 10px;
}
.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
  margin-top: -10px;
}
.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
  margin-left: 10px;
}
.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right,
.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
  margin-left: -1px;
}
.webui-popover.pop {
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  -o-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.pop-out {
  -webkit-transition-property: "opacity,transform";
  -o-transition-property: "opacity,transform";
  transition-property: "opacity,transform";
  -webkit-transition: 0.15s linear;
  -o-transition: 0.15s linear;
  transition: 0.15s linear;
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.fade,
.webui-popover.fade-out {
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.out {
  opacity: 0;
  filter: alpha(opacity=0);
}
.webui-popover.in {
  -webkit-transform: none;
  -o-transform: none;
  transform: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.webui-popover .webui-popover-content {
  padding: 9px 14px;
  overflow: auto;
  display: block;
  min-width:235px;
}
.webui-popover-inner .close {
  font-family: arial;
  margin: 8px 10px 0 0;
  float: right;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  color: #000000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none;
}
.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.webui-popover-inner .close:after {
  content: "\00D7";
  width: 0.8em;
  height: 0.8em;
  padding: 4px;
  position: relative;
}
.webui-popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 5px 5px 0 0;
}
.webui-popover-content {
  padding: 9px 14px;
  overflow: auto;
  display: none;
}
.webui-popover-inverse {
  background-color: #333333;
  color: #eeeeee;
}
.webui-popover-inverse .webui-popover-title {
  background: #333333;
  border-bottom: 1px solid #3b3b3b;
  color: #eeeeee;
}
.webui-no-padding .webui-popover-content {
  padding: 0;
}
.webui-no-padding .list-group-item {
  border-right: none;
  border-left: none;
}
.webui-no-padding .list-group-item:first-child {
  border-top: 0;
}
.webui-no-padding .list-group-item:last-child {
  border-bottom: 0;
}
.webui-popover > .arrow,
.webui-popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.webui-popover > .arrow {
  border-width: 11px;
}
.webui-popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.webui-popover.top > .arrow,
.webui-popover.top-right > .arrow,
.webui-popover.top-left > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.webui-popover.top > .arrow:after,
.webui-popover.top-right > .arrow:after,
.webui-popover.top-left > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.webui-popover.right > .arrow,
.webui-popover.right-top > .arrow,
.webui-popover.right-bottom > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.webui-popover.right > .arrow:after,
.webui-popover.right-top > .arrow:after,
.webui-popover.right-bottom > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.webui-popover.bottom > .arrow,
.webui-popover.bottom-right > .arrow,
.webui-popover.bottom-left > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  /*border-bottom-color: #f79d11 !important;*/
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}
.webui-popover.bottom > .arrow:before,
.webui-popover.bottom-right > .arrow:before,
.webui-popover.bottom-left > .arrow:before {
  content: " ";
  top: 1px;
  margin-left: -13px;
  border-right: 13px solid transparent;
  border-bottom: 12px solid rgba(255, 255, 255, 0.15);
  border-left: 14px solid transparent;
  display:block
}

.webui-popover.bottom > .arrow:after,
.webui-popover.bottom-right > .arrow:after,
.webui-popover.bottom-left > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
 border-bottom: 12px solid #ffffff;
  border-top-width: 0;
}
.webui-popover.top.orange > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #f79d11;
  border-bottom-width: 0;
}
.webui-popover.top.orange > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #f79d11 !important;
  border-top-width: 0;
}
.webui-popover.left > .arrow,
.webui-popover.left-top > .arrow,
.webui-popover.left-bottom > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.webui-popover.left > .arrow:after,
.webui-popover.left-top > .arrow:after,
.webui-popover.left-bottom > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.webui-popover-inverse.top > .arrow,
.webui-popover-inverse.top-left > .arrow,
.webui-popover-inverse.top-right > .arrow,
.webui-popover-inverse.top > .arrow:after,
.webui-popover-inverse.top-left > .arrow:after,
.webui-popover-inverse.top-right > .arrow:after {
  border-top-color: #333333;
}
.webui-popover-inverse.right > .arrow,
.webui-popover-inverse.right-top > .arrow,
.webui-popover-inverse.right-bottom > .arrow,
.webui-popover-inverse.right > .arrow:after,
.webui-popover-inverse.right-top > .arrow:after,
.webui-popover-inverse.right-bottom > .arrow:after {
  border-right-color: #333333;
}
.webui-popover-inverse.bottom > .arrow,
.webui-popover-inverse.bottom-left > .arrow,
.webui-popover-inverse.bottom-right > .arrow,
.webui-popover-inverse.bottom > .arrow:after,
.webui-popover-inverse.bottom-left > .arrow:after,
.webui-popover-inverse.bottom-right > .arrow:after {
  border-bottom-color: #333333;
}
.webui-popover-inverse.left > .arrow,
.webui-popover-inverse.left-top > .arrow,
.webui-popover-inverse.left-bottom > .arrow,
.webui-popover-inverse.left > .arrow:after,
.webui-popover-inverse.left-top > .arrow:after,
.webui-popover-inverse.left-bottom > .arrow:after {
  border-left-color: #333333;
}
.webui-popover i.icon-refresh:before {
  content: "";
}
.webui-popover i.icon-refresh {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 20px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-left: -15px;
  margin-right: -15px;
  background: url(../img/loading.gif) no-repeat;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.webui-popover-backdrop {
  background-color: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
}
.webui-popover .dropdown-menu {
  display: block;
  position: relative;
  top: 0;
  border: none;
  box-shadow: none;
  float: none;
}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.webui-popover-backdrop {
  background-color: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
}
.webui-popover .dropdown-menu {
  display: block;
  position: relative;
  top: 0;
  border: none;
  box-shadow: none;
  float: none;
}

/*inputgroup*/
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group input {border-radius:unset;margin: unset !important;}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .button,
.input-group-btn:first-child > .btn-group > .button,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .button:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .button,
.input-group-btn:last-child > .btn-group > .button,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .button:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .button {
  position: relative;
    padding: 7px 5px;
    margin: 0;
    box-shadow: none;
}
.input-group-btn > .button + .button {
  margin-left: -1px;
}
.input-group-btn > .button:hover,
.input-group-btn > .button:focus,
.input-group-btn > .button:active {
  z-index: 2;
}
.input-group-btn:first-child > .button,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .button,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

/* Icon browser*/
.img-browser { width:22px;height:22px;display: inline-block;position:relative;}
.img-firefox {background: url(../Images/icon-fiefox35.png) no-repeat;background-size:22px;vertical-align:text-bottom}
.img-chrome {background: url(../Images/icon-crom35.png) no-repeat;background-size:22px;vertical-align:text-bottom}


.img-thumbnail {display: inline-block;
    height: auto;
    max-width: 100%;
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.14);
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.14);
    box-shadow:0 0 10px rgba(0,0,0,0.14)
}


@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress {
  position: relative;
}
.progress .progress-bar {
  position: absolute;
  overflow: hidden;
  line-height: 20px;
}
.progress .progressbar-back-text {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.progress .progressbar-front-text {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.progress.right .progress-bar {
  right: 0;
}
.progress.right .progressbar-front-text {
  position: absolute;
  right: 0;
}
.progress.vertical {
  width: 20px;
  height: 100%;
  float: left;
  margin-right: 20px;
}
.progress.vertical.bottom {
  position: relative;
}
.progress.vertical.bottom .progressbar-front-text {
  position: absolute;
  bottom: 0;
}
.progress.vertical .progress-bar {
  width: 100%;
  height: 0;
  -webkit-transition: height 0.6s ease;
  -o-transition: height 0.6s ease;
  transition: height 0.6s ease;
}
.progress.vertical.bottom .progress-bar {
  position: absolute;
  bottom: 0;
}

.icon-line { 
    float: left;
    width: 18px;
    height: 18px;
    margin: 0 12px 10px 0;
    display: block;
}

.modal-dialog.modal-popwow { background: none !important; margin: 35px auto 20px;}
label.star {
padding:unset !important;
cursor:pointer;
}
label.star:before {
   content: url('../Images/Star18none.png');
   position: absolute;
   visibility:visible;
   cursor:pointer;
}
label.star.active:before {
   content: url('../Images/Star18.png');
   position: absolute;
   cursor:pointer;
}
input[type=checkbox].checkstar {
    font-size: 28px;
    cursor: pointer;
    display: block;
    border: none;
    top: 3px;
    box-sizing: border-box;
    position: relative;
    background: none;
    margin-left: 10px;
    right: 7px;
    visibility:hidden;
    cursor:pointer;
}

/*input[type=checkbox].star {
    visibility:hidden;
    font-size:28px;
    cursor:pointer;
    display:block;
    border: none;
    top: -13px;
    box-sizing: border-box;
    position: relative;
    background: none;
    float:left;
    margin-left: 10px;

}
input[type=checkbox].star:before {
   content: url('../Images/Star18none.png');
   position: absolute;
   visibility:visible;
  
   
}
input[type=checkbox].star:checked:before {
    content: url('../Images/Star18.png');
    position: absolute;
}*/
.list-switch {padding-right: 20px; display: inline-block;padding-top: 8px;}
.link-switch {margin-left:25px;font-size:12px;text-decoration:underline}
.on-offline i { position: absolute;display: block;left: 35px;top: 22px;color:red}
.on-online i { position: absolute;display: block;left: 35px;top: 22px;color:#30bc91}
.on-busy i { position: absolute;display: block;left: 35px;top: 22px;color:orange}
ul.sub-menu li i.fa.fa-caret-down {float: right}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important
}
 .card:active {border-left:3px solid #0283df}
 .card.active {border-left:3px solid #0283df}
 .card.active .card-body { margin-bottom:25px;}
 .card + .card {margin:10px 0 10px 0;}
  .card > hr {
  margin-right: 0;
  margin-left: 0;
    }
.card-history {}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  cursor:pointer;
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.125);*/
}
.card-history strong.icon-caret{color:#0283df}
.card-header.card-md {
  padding: 2.75rem 3.25rem !important;
   cursor:pointer;
 }
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
  cursor:pointer;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0;
  }
  .card-group > .card:only-child {
    border-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

label.contact {
    float: right;
    max-width: 350px;
    text-align: left;
    cursor: pointer;
    font-size: 12px;
}
span.label-pax {
    padding: 2px 8px 2px 8px;
    border-radius: 3px;
    color: #ffffff;
    background: #0283df;
    display: inline-block;
    letter-spacing: 0.5px;
    font-size: 0.9em;
    margin-left:10px
}
span.label-pax-period {
    padding: 2px 8px 2px 8px;
    color: #ffffff;
    background: #0283df;
    display: inline-block;
    letter-spacing: 0.5px;
    font-size: 0.9em;
    float:right;
}
span.label-seat {
    padding: 2px 8px 2px 8px;
    color: #ffffff;
    background: #4cae4c;
    display: inline-block;
    letter-spacing: 0.5px;
    font-size: 0.9em;
    margin-left:10px;
    float:right;
}
.booking-card span.label-send{color:#0283df;cursor:pointer; border-bottom: 1px dotted #0283df;}
.booking-card span.label-send-disable{color:black;}
label.header-period {cursor:pointer; display:block}
label.header-period span.label-pax {float:right}
label.header-period var.header-sm{margin-left: 22px;}
label.header-period var.box-period {background-color: #d4d4d4;padding: 2px 10px 2px 10px;}
.card-body table>tbody>tr td button{padding: 8px 18px;}
.table-card{border: 1px solid #ddd;padding: 12px 0px 12px 5px;margin-bottom: -15px;}
.table-card:last-child{margin-bottom:10px !important}
label.btn-text {
    padding: 15px;
    border: 1px solid #5cbadc;
    width: 300px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 35px;
    margin-bottom: 25px;
    border-radius:3px;
}
label.btn-text:hover {
    background: #dff0fd;
}
label.btn-text.active {
    background: #5cbadc;
    color: #ffffff;
    display: inline-flex;
}
.input-prepend .add-on-contact {
             height: 30px;
            padding: 0 7px;
            background-color: #409eff;
            border: 1px solid #0283df;
            border-radius: 4px 0 0 4px;
            text-align: center;
            line-height: 30px;
            font-size: 18px;
            font-size: 1.8rem;
            text-shadow: 0 1px 0 rgba(255,255,255, 1.0);
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0;
            background: #409eff;
            color: #fff;
        }
@charset "utf-8";

/* printing styles */

@media print {
	@page { margin: 0.5cm 0.8cm; }
	* { background: transparent !important; color: #000000 !important; box-shadow: none !important; text-shadow: none !important; border-radius: none !important; box-reflect: none !important; -webkit-box-reflect: none !important; }
	a, p, h1, h2, h3, h4, h5, h6, ul, ol, li, span, strong, blockquote, address, dl, dt, dd, fieldset { background: none; border: none; float: none; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	address, fieldset, .btn { margin: 10px 0; margin-bottom: 14px; padding: 0; }
	ul, ol { margin-left: 2em; }
	address { margin: 0; padding: 0; font-style: normal; line-height: inherit; font-size: inherit; }
	a, a span { padding: 0; height: auto; border: none !important; text-decoration: underline; color: #0000FF !important; }
	img { border: none; page-break-inside: avoid; }
	pre { width: 90%; padding: 20px; border: none; color: #999 !important; page-break-inside: avoid; }
	blockquote { padding-left: 15px; border-left: 5px solid #999; background: none; page-break-inside: avoid; }
	blockquote p { margin-bottom: 4px; background: none; }
	mark { background: #666666 !important; color: #ffffff !important; }
	img { max-width: 100% !important; page-break-inside: avoid; }
	table { margin: 10px 0; margin-bottom: 14px; }
	table table { margin: 0; }
	thead { display: table-header-group; }
	tr { page-break-inside: avoid; }
	th, td { text-align: left; vertical-align: top; }
	ul ol, ol ul, ol ol, ul ul  { margin-top: 4px; margin-bottom: 0; }
	dl, dt, dd { margin: 0; padding: 0; }
	dt { font-weight: bold;	 }
	.wrapper, .grid, .grid div[class*="box"], .article { width: auto; padding: 0; margin: 0; background: none; border: none; box-shadow: none; }
	.icon, [class^="icon"] { display: none; visibility: hidden; }
	.columns, .column {  page-break-inside: avoid; }
	body { padding: 0; border: none; }
	header, .head { display: none; visibility: hidden; }
	footer, .foot { display: none; visibility: hidden; }
	/* nav { display: none; visibility: hidden; } */
	a, a:visited { text-decoration: underline; }
	/*a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }*/
	.hover a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	figure a, figure a[href]:after, .card a, .card a[href]:after { text-decoration: none; content: ""; }
	.toggle .data { display: block; }
	.star-rating { text-indent: 0; white-space: nowrap; }
	.toggle .title { padding: 6px 0; border-bottom: 1px solid #d6d6d6; font-weight: bold; }

    /* booking detail page styles */

    #menu-wrapper,#searchProductButton,#bookingPanel .tab-menu { display: none; }	
	#body-main-wrapper { margin: 0 auto; }
    .button, .booking-card .action-seat .red, .comment-product-panel .button-panel, .comment-product-panel textarea, #hasContact .call-action, #listProductTour .linear-background #change_pax, .booking-card .showMore { display: none; }
    .booking-card .price-more { display: block !important; border-top: 2px solid #dedede; }
    #headBooking { display: block; visibility: visible; height: 100px; max-width: 1220px; }
    #headBooking .pnr-panel{ position: relative; padding: 0; }
    .comment-product-panel pre { padding-bottom: 0; }
    .body > .main-container { margin: 0; padding: 0; }
    #bookingPanel { margin-top: -40px; }
    .booking-card .detail-panel { border-right: 2px solid #dedede; }

}	


/* hidden style */

[hidden] { display: none; visibility: hidden; }

/* display style */

.hide { display: none; }
.show { display: block; }
.hidden { visibility: hidden; }
.block { display: block; }
.clear { clear: both; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.plain { background: none; }
.panel-hidden { display: none; }
.none { display: none !important; }
.show-inline { display: inline-block; }
.mobile-menu, .tpx-mobile-logo { display: none !important; }
.category-layout {max-width: 95%; margin: 0 auto;}

/* netbook media style */

@media (max-width: 1369px) {
	.booking-table td.detail .text-overflow { max-width: 400px; }

}


@media (min-width: 1025px) and (max-width: 1279px) {

	a, p, ul, ol, li, dt, dd, table, select, button, input { font-size: 98%; }
	h1 { line-height: 1.2; font-size: 20px; font-size: 2.0rem; }
	h2 { font-size: 18px; font-size: 1.8rem; }
	h3, h4 { font-size: 16px; font-size: 1.6rem; }
	h5,h6 { font-size: 15px; font-size: 1.5rem; }
	fieldset { padding-bottom: 5px; }
	
    .body > .container.inline { width: auto; }
    .search-panel dl { margin-right: 0; }
	.main-menu li a { padding: 10px 5px 5px; }
	.main-menu li i { font-size: 14px; }
	small { font-size: 90%; }
    .category-layout {max-width: 95% !important;margin: 0 auto;}
 

}
@media(max-width: 1120px) {
    .master-blank-page .body > .main-container > .container { min-width: 724px; }
    .list-grid-03 li { width: 48%; }
} 

@media(max-width:1025px) {
    .marketing-concept { display: block; }
    .promotion-concept {display:block !important}
    .promotion-concept .login-promotion {width: 166%;}
    .login-promotion img {width:100% !important}
    .login-promotion {margin-left: 0px !important}
    .category-layout {max-width: 1170px !important;margin: 0 auto;}

}

@media (min-width: 1369px) {
	.login-page { width: 1369px; margin: 0 auto; }
	.marketing-concept img { left: auto !important; }
    .category-layout {max-width: 1170px !important;margin: 0 auto;}	
    .modal .modal-body { max-height: 600px; overflow: auto; }
   
   
}

/* tablet media style */

@media (min-width: 768px) and (max-width: 1024px) {
    .list-grid-03 li { width: 48%; }
	.login-main-panel { margin: 0 !important; width: 100% !important; }
	.login-main-panel .login-panel { width: 60%; padding: 0; margin: 0 auto; }
	.marketing-concept { display: none; }
    .category-layout {max-width: 95% !important; margin: 0 auto;}

}

@media (max-width: 979px) {
	.login-main-panel { margin: 0 !important; width: 100% !important; }
	.login-main-panel .login-panel { width: 60%; padding: 0; margin: 0 auto; }
	.marketing-concept, .shortcut-tpx-dowload { display: none; }
    .promotion-concept {display:block !important}
    .promotion-concept .login-promotion {width: 165%;}
    .login-promotion {margin-left: 0 !important}
    .category-layout {max-width: 95% !important; margin: 0 auto;}
     .modal .modal-dialog.modal-popwow {width:90% !important;overflow:unset}
}

@media (max-width: 767px) {
    .master-blank-page .body > .main-container > .container { min-width: auto; }
	.login-main-panel { margin: 0 !important; width: 100% !important; }
	.login-main-panel .login-panel { width: 90%; padding: 0; margin: 0 auto; }
    .promotion-concept {display:block !important}
    .promotion-concept .login-promotion {width: 166%;}
	.marketing-concept { display: none; }
    .login-promotion {margin-left: 0 !important}
    .category-layout {max-width: 95% !important; margin: 0 auto;}


}

@media (max-width: 640px) {
    .list-grid-03 li { width: 100%; }
}

@media (max-width: 360px) {
    .master-blank-page .container-wrapper { padding: 0 10px; }
    .list-grid-03 li { width: 100%; }
}

/* netbook media fixed height  style */

@media (min-height: 720px) {
   
}

/* netbook media fixed height 15 inch style */

@media (max-height: 720px) {
	.modal .modal-body { max-height: 400px; overflow: auto; }
    .modal .modal-body.modal-fullview { max-height: unset; overflow: unset; }
    .admin-menu .sidebar-menu li[data-index='7'] .sub-menu, .admin-menu .sidebar-menu li[data-index='6'] .sub-menu { bottom: 0; top: auto; } 
    
}

/* netbook media fixed height 13 inch  style */

@media (max-width: 1269px)  {
    .booking-table td.detail .text-overflow { max-width: 200px; }
}

@media (max-height: 580px)  {
	.modal .modal-body { max-height: 400px; overflow: auto; }
    .modal .modal-body.modal-fullview { max-height: unset; overflow: unset; }
    .main-menu li i { font-size: 12px !important; }
	.main-menu li a { padding: 12px 8px 6px; }
    .admin-menu .sidebar-menu li[data-index='7'] .sub-menu, .admin-menu .sidebar-menu li[data-index='6'] .sub-menu { bottom: 0; top: auto; } 
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 192dpi) {
    .icon-emotion { background-image: url(../images/sprite-emoticon@2x.png); background-size: 200px 200px; }
	
}
/*! jQuery UI - v1.12.1 - 2018-05-15
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	/*width: 90%;*/
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: no-display !important;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
    background-color:#fff;
}
.ui-widget-content {
	
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: unset;
	background: unset;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	/*background-image: url("images/ui-icons_444444_256x240.png");*/
}
.ui-widget-header .ui-icon {
	/*background-image: url("images/ui-icons_444444_256x240.png");*/
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	/*background-image: url("images/ui-icons_555555_256x240.png");*/
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}