/* IOS Reservations / HOTELS BY Ioannis Sannos ( https://www.isopensource.com ) */

/* cpanel */
html { background-color:#ecf0f5; } /* needed for control panel only, override standard css */
body.innerpage, #innerpage { padding:0 !important; }

/* small page (eg login) */
.hot_smpgwrap {
	margin:0; padding:0; background:#24313C; box-sizing: border-box;
	position: fixed; top:0; left:0; bottom:0; right:0; overflow: auto;
	font:400 14px/17px "Roboto", Arial, sans-serif; color: #272727;
}
.hot_smpgwrapin {
	margin:100px auto 0 auto; padding:20px; display:block; width:100%; max-width:480px; box-sizing: border-box;
	border-radius: 8px; background:#FFFFFF; border-top: 8px solid #86AE1B;
}
.hot_smpgwrapinred { border-top: 8px solid #ff656c; }
.hot_smpgtitlebox { margin:0 0 20px 0;  text-align: center; }
.hot_smpgtitlebox h1 {
	margin:0 0 2px 0; border:none; font:bold 18px/25px "Open Sans", Helvetica, Arial, sans-serif; color: #272727; text-transform: uppercase; text-align: center;
}
.hot_smpgtitle_desc { font:normal 14px/18px "Open Sans", Helvetica, Arial, sans-serif; color: #888888; text-align: center; }
label.hot_smpglabel { font:normal 14px/23px "Open Sans", Helvetica, Arial, sans-serif; color:#272727; margin:0 0 3px 0; padding:0; display:block; float:none; width:100%; }
input.hot_smpgtext, input[type=text].hot_smpgtext, input[type=password].hot_smpgtext, input.hot_smpgtext:hover, input.hot_smpgtext:focus {
	width: 100%; height: 42px; box-sizing: border-box; border-radius: 5px; border: 1px solid #CCCCCC; box-shadow:none; background: #FFFFFF;
	margin:0; padding:0 20px 0 50px; font:400 14px/17px "Open Sans", Helvetica, Arial, sans-serif; color: #272727; outline: none;
}
input#uname { background: #FFFFFF url('images/user.png') 20px top no-repeat; background-size: 16px 80px; }
input#uname:focus { background: #FFFFFF url('images/user.png') 20px bottom no-repeat; background-size: 16px 80px; border: 1px solid #86AE1B; }
input#pword { background: #FFFFFF url('images/lock.png') 20px top no-repeat; background-size: 16px 80px; }
input#pword:focus { background: #FFFFFF url('images/lock.png') 20px bottom no-repeat; background-size: 16px 80px; border: 1px solid #86AE1B; }
input#uname:active, input#pword:active { border: 1px solid #86AE1B; }
/* Chrome fix */
@-webkit-keyframes unamebg { to { background: #FFFFFF url('images/user.png') 20px top no-repeat; background-size: 16px 80px; } }
@-webkit-keyframes unamebgfoc { to { background: #FFFFFF url('images/user.png') 20px bottom no-repeat; background-size: 16px 80px; } }
@-webkit-keyframes pwordbg { to { background: #FFFFFF url('images/lock.png') 20px top no-repeat; background-size: 16px 80px; } }
@-webkit-keyframes pwordbgfoc { to { background: #FFFFFF url('images/lock.png') 20px bottom no-repeat; background-size: 16px 80px; } }
input#uname:-webkit-autofill { -webkit-animation-name: unamebg; -webkit-animation-fill-mode: both; }
input#uname:focus:-webkit-autofill { -webkit-animation-name: unamebgfoc; -webkit-animation-fill-mode: both; }
input#pword:-webkit-autofill { -webkit-animation-name: pwordbg; -webkit-animation-fill-mode: both; }
input#pword:focus:-webkit-autofill { -webkit-animation-name: pwordbgfoc; -webkit-animation-fill-mode: both; }
button[type=submit].hot_smpgbtn, button[type=button].hot_smpgbtn, button.hot_smpgbtn {
	display:block; width:100%; box-sizing: border-box; border-radius: 5px; border: 1px solid #769C12; color: #FFFFFF; outline: none; 
	cursor:pointer; background: #86AE1B; font:700 14px/17px "Open Sans", Arial, sans-serif; text-transform: uppercase;
	margin:0; padding: 10px; box-shadow:none; text-align:center; white-space: nowrap; text-overflow: ellipsis;
}
button[type=submit].hot_smpgbtn:hover, button[type=button].hot_smpgbtn:hover, button.hot_smpgbtn:hover { background:#98C12B; }
button[type=submit].hot_smpgbtnwait, button[type=button].hot_smpgbtnwait, button.hot_smpgbtnwait {
	display:block; width:100%; box-sizing: border-box; border-radius: 5px; border: 1px solid #4A4444; color: #FFFFFF; outline: none; 
	cursor:pointer; background: #575252; font:700 14px/17px "Open Sans", Arial, sans-serif; text-transform: uppercase;
	margin:0; padding: 10px; box-shadow:none; text-align:center; white-space: nowrap; text-overflow: ellipsis;
}
button[type=submit].hot_smpgbtnwait:hover, button[type=button].hot_smpgbtnwait:hover, button.hot_smpgbtnwait:hover { background:#575252; }
button.hot_stdaddonbtn, button[type="submit"].hot_stdaddonbtn, button[type="button"].hot_stdaddonbtn, 
button[type=submit].hot_stdaddonbtn:hover, button[type=button].hot_stdaddonbtn:hover, button.hot_stdaddonbtn:hover {
	height: auto; font-size:15px !important; line-height:18px !important;padding-top: 10px !important; padding-bottom:10px !important;
}
select.hot_stdaddonselect, select.hot_stdaddonselect option {
	font-size:15px; line-height:18px; padding-top: 9px !important; padding-bottom:9px !important;
}
.hot_lang_wrap { margin:0 0 20px 0; padding:0 20px; box-sizing: border-box; }
.hot_downpick {
	margin:0 0 20px 0; padding:0 0 3px 0; font:normal 13px/16px "Open Sans", Arial, sans-serif; color: #666666; text-align:center; 
	border-bottom:1px solid #CCCCCC; position: relative;
}
.hot_downpick:after {
	content:''; position: absolute; top: 18px; left: 50%; border-style: solid; border-width: 9px 9px 0; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1;
}
.hot_downpick:before {
	content:''; position: absolute; top: 19px; left: 50%; border-style: solid; border-width: 9px 9px 0; border-color: #CCCCCC transparent; display: block; width: 0; z-index: 1;
}
.hot_lang_wrap img { width:32px; height:32px; float:left; margin:0 10px 0 0; padding:0; border:none; vertical-align:middle; filter: grayscale(100%); }
.hot_lang_wrap:hover img { filter: none; }
.hot_lang_selwrap { margin:0 0 0 42px; padding:0; }
select.hot_select_lang, select.hot_select_lang:hover, select.hot_select_lang:focus {
	margin:0; padding:6px; color: #333333; border:none; border-radius:0; display:block; width:100%; height:auto; box-shadow: none;
	font: 14px/20px "Open Sans", Helvetica, Arial, sans-serif; background: #FFFFFF; box-sizing: border-box;
}
select.hot_select_lang option { background:#FFFFFF; }
select.hot_select_lang:hover { color:#111111; }
select.hot_select_lang:focus { color:#111111; outline:none; }
select.hot_select_hotel, select.hot_select_hotel:hover, select.hot_select_hotel:focus {
	display:block; width: 100%; height: 42px; box-sizing: border-box; border-radius: 5px; border: 1px solid #CCCCCC; box-shadow: none;
	margin:0; padding:0 20px; font:normal 14px/17px "Open Sans", Helvetica, Arial, sans-serif; color: #272727; outline: none; background:#FFFFFF;
}
select.hot_select_hotel option { background:#FFFFFF; }
select.hot_select_hotel:hover { color:#111111; border: 1px solid #86AE1B; }
select.hot_select_hotel:focus { color:#111111; outline:none; }
.hot_smpgfooter { margin:30px 0 0 0; padding:0; text-align:center; font:normal 13px/17px "Open Sans", Helvetica, Arial, sans-serif; color:#888888; }
.hot_smpgfooter a, .hot_smpgfooter a:visited, .hot_smpgfooter a:active, .hot_smpgfooter a:hover {
	margin:0; padding:0; text-decoration:none; border:none; font: 13px/17px "Open Sans", Helvetica, Arial, sans-serif; color:#CCCCCC;
}
.hot_smpgerror { margin:0 0 15px 0; padding:0; font:700 14px/17px "Open Sans", Helvetica, Arial, sans-serif; color: #EB545B; text-align:center; }

/* control panel main */
.hot_pgwrap {
	margin:0; padding:0; background:#FFFFFF; box-sizing: border-box;
	font:400 14px/17px "Roboto", Helvetica, Arial, sans-serif; color: #272727;
}
header.hot_cpheader, .hot_cpheader {
	position: fixed; top: 0; left: 0; right: 0; z-index: 1030; box-sizing: border-box;
	background:#000000; display:block; margin:0; padding:0; height: 50px;
}
.hot_cplogo {
	float: left; width: 230px; height: 50px; padding:10px 0 0 15px;
	background: #000000; overflow: hidden; box-sizing: border-box; transition: all 0.4s ease 0s;
}
.hot_cplogo a, .hot_cplogo a:visited, .hot_cplogo a:active, .hot_cplogo a:hover {
	display:block; text-decoration:none; vertical-align: baseline; transition: none;
	font:300 20px/30px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #FFFFFF; 
}
#hot_minilogo {
	margin:0 15px 0 0; padding:0; display:block; float:left; width:18px; height:30px; 
	background:url(images/minibell.png) 50% 50% no-repeat;
}
#hot_largelogo { margin:0; padding:0; display:block; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; }
a.hot_menutoggle, a.hot_menutoggle:visited, a.hot_menutoggle a:active, a.hot_menutoggle:hover {
	margin:0; padding:10px 15px; display:block; float: left; width:50px; font-size:20px; transition: none;
	line-height: 30px; color:#FFFFFF; text-decoration: none; text-align:center; box-sizing: border-box;
}
a.hot_menutoggle:hover { background: #2a3e4c; }
a.hot_topbutton, a.hot_topbutton:visited, a.hot_topbutton a:active, a.hot_topbutton:hover {
	margin:10px 10px 10px 0; padding:5px 10px; display:block; float: left; width:40px; font-size:20px; transition: none;
	line-height: 20px; color:#FFFFFF; text-decoration: none; text-align:center; background: #2a3e4c; border-radius:3px; box-sizing: border-box;
}
a.hot_topbuttonsec, a.hot_topbuttonsec:visited, a.hot_topbuttonsec a:active { background: #3C542C; }
a.hot_topbutton:hover { background: #000; }
a.hot_topbuttondis, a.hot_topbuttondis:visited, a.hot_topbuttondis a:active, a.hot_topbuttondis:hover { background: #546876; cursor:not-allowed; }
.hot_navbar { display:block; float: right; height:50px; margin:0; padding:0 10px 0 0; }
ul.hot_topmenu { margin:0; padding:0; text-indent:0; float:left; list-style:none; }
ul.hot_topmenu > li {
	margin:0; padding:0; list-style:none; border:none; text-indent:0; font:normal 14px/20px "Roboto", Helvetica, Arial, sans-serif; color:#333333; 
	position: relative; float: left; display: block; box-sizing: border-box;
}
ul.hot_topmenu > li > a {
	margin: 0; padding:10px 15px; display:block; background-color: transparent; box-sizing: border-box;
	font:normal 16px/30px "Roboto", Helvetica, Arial, sans-serif; color: #FFFFFF; text-decoration: none;
}
ul.hot_topmenu > li > a:hover { background-color:#2a3e4c; }
select.hot_cplang, select.hot_cplang:hover, select.hot_cplang:focus {
	-webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none;
	margin:0; padding:10px 15px; display:block; width:auto; height:50px; box-sizing: border-box;
	font:normal 16px/30px "Roboto", Helvetica, Arial, sans-serif; color:#FFFFFF; 
	border:none; background:#000000; border-radius: 0; transition: none;
}
select.hot_cplang > option {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	margin:0; padding:10px 0; border:none; box-sizing: border-box; font:normal 16px/20px "Roboto", Helvetica, Arial, sans-serif; background:#FFFFFF; color:#272727; 
}
select.hot_cplang:hover, select.hot_cplang option:hover { cursor:pointer; background:#2a3e4c; color:#FFFFFF; }

ul.hot_topsubmenu {
	margin: 0; padding: 0; position:absolute; right:0; top: 100%; width: 280px; z-index: 4000; display: none;
	list-style: none; background: transparent; border:1px solid #D2D2D2; border-top:none; box-sizing: border-box;
}
ul.hot_topsubmenu > li {
	margin:0; padding:0; list-style:none; border:none; text-indent:0; font:normal 14px/20px "Roboto", Helvetica, Arial, sans-serif; color:#333333; 
	position: relative; display: block; box-sizing: border-box; background: transparent;
}
ul.hot_topsubmenu > li > a {
	margin: 0; padding:10px 15px; display:block; background-color: #FFFFFF; box-sizing: border-box;
	font:normal 14px/20px "Roboto", Helvetica, Arial, sans-serif; color: #333333; text-decoration: none; border-bottom: 1px solid #DDD;
}
ul.hot_topsubmenu > li > a:hover { background-color:#F2F2F2; }

aside.hot_sidenav {
	z-index: 1030; width: 230px; position: fixed; bottom: 0; left: 0; top: 50px; margin-left: 0;
	background: #2a3e4c; transition: all 0.4s ease 0s; margin:0; padding:0; box-sizing: border-box;
}
section.hot_sidescroll { margin:0; padding:0; height: 100%; height:calc(100% - 50px); overflow-y: auto; overflow-x: hidden; position: relative; width: auto; box-sizing: border-box; }
.hot_contentwrap {
	left: 0; margin:0 0 0 230px; padding: 50px 0; position: relative; transition: all 0.4s ease 0s; background-color: #ecf0f5; 
	min-height: 100%; min-height: calc(100% - 50px); box-sizing: border-box; /* overflow-y:hidden; */
}
.hot_container {
	min-height: calc(100% - 101px);	padding-top: 25px !important; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; box-sizing: border-box;
}
.hot_footer {
	position: fixed; bottom: 0; left: 0; margin: 0 auto; padding: 15px; width: 100%; 
	background-color: #FFFFFF; text-align: center; border-top: 1px solid #d2d6de; 
	box-sizing: border-box;	font:normal 13px/20px "Open Sans", Helvetica, Arial, sans-serif; color:#444;
}
.hot_footer a, .hot_footer a:visited, .hot_footer a:active, .hot_footer a:hover {
	text-decoration:none; border:none; font: 13px/17px "Open Sans", Helvetica, Arial, sans-serif; color:#3c8dbc;
}
.hot_footer a:hover { text-decoration:underline; }

.hot_cpfooter { margin:30px 0 0 0; padding:0; text-align:center; font: 13px/17px "Open Sans", Helvetica, Arial, sans-serif; color:#888888; }
.hot_cpfooter a, .hot_cpfooter a:visited, .hot_cpfooter a:active, .hot_cpfooter a:hover {
	margin:0; padding:0; text-decoration:none; border:none; font: 13px/17px "Open Sans", Helvetica, Arial, sans-serif; color:#AAAAAA;
}
.hot_cpfooter a:hover { color:#555555; }
.hot_scomp { margin:0 0 15px 0; padding:0; background:#1C2C37; height:94px; }
.hot_scomp h3, #hot_scomph3 { margin:0; padding:0; border:none; background: none; box-sizing: border-box; }
.hot_scomp h3 a, .hot_scomp h3 a:visited, .hot_scomp h3 a:hover {
	display:block; margin:0; padding:15px; font:400 15px/24px "Roboto", Arial, sans-serif; color: #FFFFFF; text-decoration: none; 
	box-sizing: border-box;
}
.hot_scomp h3 a.hot_scomp_switch, .hot_scomp h3 a.hot_scomp_switch:visited, .hot_scomp h3 a.hot_scomp_switch:hover {
	padding:15px 43px 15px 15px; background:#1C2C37 url(images/shuffle24.png) 187px 50% no-repeat;
}
.hot_scomp h3 a.hot_scomp_switch:hover { background-color:#14212A; }
.hot_scomp_hotelier { margin:0; padding:0; font:400 15px/24px "Roboto", Arial, sans-serif; color: #FFFFFF; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hot_scomp_hotel { margin:0; padding:0; font:400 14px/24px "Roboto", Arial, sans-serif; color: #C4C39C; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hot_scomp_user {
	margin:0; padding:0; font:400 11px/16px Tahoma, Arial, sans-serif; color: #FFFFFF; 
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 
}
#hot_scomp_more {
	color:#FFFFFF; display:none; float: left; width: 48px; text-align:center; font-weight:bold; margin:0; padding: 15px 15px 35px 15px; box-sizing: border-box;
}
.hot_scomp:after { display:table; content:''; clear:both; }
ul.hot_smenu { margin:0; padding:0; list-style: none; width: 100%; position: relative; box-sizing: border-box; }
ul.hot_smenu > li { margin: 0; padding: 0; position: relative; display: block; box-sizing: border-box; font:normal 14px/17px "Roboto", Arial, sans-serif; font-weight:400; color: #878787; }
ul.hot_smenu > li > a { display:block; text-decoration:none; font:normal 14px/17px "Roboto", Arial, sans-serif; font-weight:400; color:#FFFFFF; padding: 7px 15px; }
ul.hot_smenu > li > a:hover { background: #354855; color:#FFFFFF; }
ul.hot_smenu > li.hot_smenu_active > a, ul.hot_smenu > li.hot_smenu_active > a:visited, ul.hot_smenu > li.hot_smenu_active > a:hover { color:#FE7444; }
.hot_smenu_icon { display: block; width: 18px; height:17px; margin-right:15px; float:left; box-sizing: border-box; text-align:center; font-size: 16px; line-height:17px; }
.hot_smenu_title { display: block; margin-left: 33px; box-sizing: border-box; }
.hot_smenu_up { padding-right:18px; background:url(images/updown.png) 100% -17px no-repeat; }
.hot_smenu_down { padding-right:18px; background:url(images/updown.png) 100% -34px no-repeat; }
.hot_smenu_title span.hot_smenu_counter {
	display:inline-block; margin:0; padding:0; width: 17px; border-radius: 50%; text-align: center; border:none; background:#3597db;
	font:normal 13px/17px tahoma, arial, sans-serif; color:#FFFFFF;
}
ul.hot_smenu > li.hot_smenu_active > a .hot_smenu_title span.hot_smenu_counter { background:#EA212A; }
hr.hot_smenu_separator { margin:5px 0; padding:0; width:100%; height:1px; background:none; border:none; border-top: 1px solid #878787; display: block; box-sizing: content-box; }
ul.hot_smenu_submenu { list-style: none; box-sizing: border-box; display: block; width:100%; overflow:hidden; max-height:0px; transition: max-height 0.5s ease 0s; margin:0; padding:0; }
ul.hot_smenu_submenu li { display: block; width:100%; margin:0; padding:0; }
ul.hot_smenu_submenu li a, ul.hot_smenu_submenu li a:visited, ul.amenu_submenu li a:hover { font:normal 13px/17px "Roboto", Arial, sans-serif; font-weight:400; color: #BBBBBB; display: block; padding: 7px 15px 7px 48px; text-decoration: none; }
ul.hot_smenu_submenu li a:hover { background: #354855; color:#afdaf7; }
ul.hot_smenu_submenu li a.hot_smenu_subnoicon, ul.hot_smenu_submenu li a.hot_smenu_subnoicon:visited, ul.hot_smenu_submenu li a.hot_smenu_subnoicon:hover { padding: 7px 15px 7px 15px; }
ul.hot_smenu_submenu > li.hot_smenu_active > a, ul.hot_smenu_submenu > li.hot_smenu_active > a:visited, ul.hot_smenu_submenu > li.hot_smenu_active > a:hover { color:#FE7444; }
.hot_smenu_subicon { display: block; width: 18px; height:17px; margin-right:5px; float:left; box-sizing: border-box; text-align:center; font-size: 14px; line-height:17px; }
.hot_smenu_subtitle { display: block; margin-left: 23px; box-sizing: border-box; }
ul.hot_smenu_submenuexp { max-height:800px; }
.hot_smenu_subbox { padding: 0 15px 0 48px; }
/* content */
h1.hot_h1 { font:normal 22px/25px "Open Sans", Helvetica, Arial, sans-serif; color:#333333; font-weight:500; margin:0 0 20px 0; padding:0; border:none; }
h1.hot_h1 span { color:#3c8dbc; }
h1.hot_h1 div { margin:2px 0 0 0; padding:0; font:normal 14px/17px Verdana, Arial, sans-serif; color:#666666; font-weight:400; }
h1.hot_h1 div a, h1.hot_h1 div a:visited, h1.hot_h1 div a:hover {
	display:inline; font:normal 14px/17px Verdana, Arial, sans-serif; color:#444444; font-weight:400; text-decoration: none; border:none;
}
h1.hot_h1 div a:hover { color: #3c8dbc; }
h2.hot_h2 { font:normal 19px/22px "Roboto", Helvetica, Arial, sans-serif; color:#333333; margin:0 0 16px 0; padding:0; border:none; }
.hot_dismissible { padding-right:35px !important; position: relative; }
a.hot_dismiss, a.hot_dismiss:visited, a.hot_dismiss:hover {
	position:absolute; top:10px; right:15px; display:inline-block; width:15px; text-align:center;
	font:bold 20px/20px Tahoma, Arial, sans-serif; color: #FFFFFF; opacity: 0.4; border:none; text-decoration: none;
}
a.hot_dismiss:hover { opacity:1; }

div.hot_api_wsno {
	display:inline-block; margin:0; padding:4px 0; height:28px; width:28px; border-radius:50%; overflow:hidden; background:#E2E2E2; box-sizing:border-box;
	font:normal 15px/20px "Roboto", Arial, sans-serif; color:#777777; text-align: center;
}
a.hot_api_wsyes, a.hot_api_wsyes:visited, a.hot_api_wsyes:active, a.hot_api_wsyes:hover,
table.elx5_datatable td a.hot_api_wsyes, table.elx5_datatable td a.hot_api_wsyes:visited, table.elx5_datatable td a.hot_api_wsyes:hover {
	display:inline-block; margin:0; padding:4px 0; height:28px; width:28px; border-radius:50%; overflow:hidden; background:#338ECD; box-sizing:border-box;
	font:normal 15px/20px "Roboto", Arial, sans-serif; color:#FFFFFF; text-align: center; text-decoration:none; border:none;
}
a.hot_api_wsyes:hover, table.elx5_datatable td a.hot_api_wsyes:hover { background: #000000; }

/* error page */
.hot_errorpage { margin:50px auto; max-width: 650px; }
h2.hot_h2bigyellow {
	font:normal 100px/110px "Roboto", Arial, sans-serif; color: #f39c12; font-weight:300; float: left; width:200px; margin:0; padding:0; border:none;
}
.hot_errorcontent { margin:0 0 0 220px; }
.hot_errorcontent > h3 { margin:0 0 10px 0; padding:0; font:normal 25px/30px "Roboto", Arial, sans-serif; color: #333333; font-weight:300; border:none; }
.hot_errorcontent a { color:#3c8dbc; text-decoration:none; border:none; }

h3.hot_h3 { display:block; margin:0 0 15px 0; padding:0; font:300 20px/25px Roboto, Helvetica, Arial, sans-serif; color: #444444; }
.hot_amenities_wrap { display:flex; justify-content: flex-start; width: 100%; box-sizing:border-box; flex-wrap: wrap; margin:0 0 20px 0; padding:0; }
a.hot_amenity, a.hot_amenity:visited, a.hot_amenity:active, a.hot_amenity:hover {
	display:inline-block; text-decoration:none; flex:1 0 200px; max-width:300px; margin:0 12px 12px 0; padding:6px; box-sizing:border-box; background:#F8F8F8; 
	border:1px solid #EFEFEF; font:normal 14px/18px "Open Sans", Helvetica, Arial, sans-serif; color:#444444; 
}
a.hot_amenity_sel, a.hot_amenity_sel:visited, a.hot_amenity_sel:active, a.hot_amenity_sel:hover { background:#B4D2F0; color:#000000; }
a.hot_amenity:hover { background:#555555; color:#FFFFFF; cursor:pointer; }
a.hot_amenity_sel:hover { background:#5281B0; color:#FFFFFF; cursor:pointer; }

.hot_rooms_wrap { display:flex; justify-content: flex-start; width: 100%; box-sizing:border-box; flex-wrap: wrap; margin:0 0 20px 0; padding:0; }
a.hot_room, a.hot_room:visited, a.hot_room:active, a.hot_room:hover {
	display:inline-block; text-decoration:none; flex:1 0 240px; max-width:340px; margin:0 12px 12px 0; padding:6px; box-sizing:border-box; background:#F8F8F8; 
	border:1px solid #EFEFEF; font:normal 14px/18px "Open Sans", Helvetica, Arial, sans-serif; color:#444444; direction:ltr;
}
a.hot_room span { color:#548F31; font-weight:900; margin-right:5px; }
a.hot_room_inactive, a.hot_room_inactive:visited, a.hot_room_inactive:active, a.hot_room_inactive:hover { background:#FAE2E2; color:#000000; }
a.hot_room_inactive span { color:#CC0000; font-weight:900; margin-right:5px; }
a.hot_room_periodinact span { color:#1A57AB; font-weight:900; margin-right:5px; }
a.hot_room:hover, a.hot_room_inactive:hover, a.hot_room_periodinact:hover { background:#666666; color:#FFFFFF; cursor:pointer; }
a.hot_room:hover span, a.hot_room_inactive:hover span, a.hot_room_periodinact:hover span { color:#FFFFFF; }

/* price rates calendar */
.hot_cal_wrap { display: flex; flex-wrap: wrap; }
.hot_cal_tbl_wrap { width:400px; margin:0 20px 10px 0; box-sizing: border-box; }
table.hot_cal_tbl { margin:0; padding:0; width:100%; border:none; border-collapse: separate; box-sizing: border-box; }
table.hot_cal_tbl th {
	margin:0; padding:6px; border:1px solid #FFFFFF; text-align:center; background-color:#3a6d98; font:bold 14px/20px "Roboto", Arial, sans-serif; color:#FFFFFF; box-sizing: border-box;
}
table.hot_cal_tbl th.hot_cal_weekday { padding:4px; font: normal 13px/16px tahoma, arial, sans-serif; background-color:#5d99cc; }
table.hot_cal_tbl th.hot_cal_weekend { padding:4px; font: normal 13px/16px tahoma, arial, sans-serif; background-color:#246dac; }
table.hot_cal_tbl tr { background:none; border:none; }
table.hot_cal_tbl td {
	margin:0; padding:4px; border:1px solid #DDDDDD; text-align:center; border-collapse:separate; box-sizing: border-box;
	font:normal 13px/16px tahoma, arial, sans-serif; color:#333333; background-color:#FFFFFF;
}
table.hot_cal_tbl td div { margin:0; padding:0; font:bold 16px/20px tahoma, arial, sans-serif; color:#333333; text-align: center; overflow:hidden; text-overflow: clip; }
table.hot_cal_tbl td span { margin:2px 0 0 0; padding:0; display:block; font:normal 13px/16px tahoma, arial, sans-serif; color:#333333; text-align: center; overflow:hidden; text-overflow: clip; }
table.hot_cal_tbl td.hot_cal_pastdate { background-color:#F2F2F2; color:#333333; }
table.hot_cal_tbl td.hot_cal_roomav { background-color:#24800F; color:#FFFFFF; }
table.hot_cal_tbl td.hot_cal_roomav div, table.hot_cal_tbl td.hot_cal_roomav span { color:#FFFFFF; }
table.hot_cal_tbl td.hot_cal_roomav_high { background-color:#FF6600; color:#FFFFFF; }
table.hot_cal_tbl td.hot_cal_roomav_high div, table.hot_cal_tbl td.hot_cal_roomav_high span { color:#FFFFFF; }
table.hot_cal_tbl td.hot_cal_roomnotav { background-color:#FF0000; color:#FFFFFF; }
table.hot_cal_tbl td.hot_cal_roomnotav div, table.hot_cal_tbl td.hot_cal_roomnotav span { color:#FFFFFF; }
table.hot_cal_tbl td.hot_cal_roomnotav_high { background-color:#FF6600; color:#FFFFFF; }
table.hot_cal_tbl td.hot_cal_roomnotav_high div, table.hot_cal_tbl td.hot_cal_roomnotav_high span { color:#FFFFFF; }
table.hot_cal_tbl td.hot_cal_roomnodata { background-color:#888888; color:#FFFFFF; }
table.hot_cal_tbl td.hot_cal_roomnodata div, table.hot_cal_tbl td.hot_cal_roomnodata span { color:#FFFFFF; }
table.hot_cal_tbl td.hot_cal_roomnodata_high { background-color:#FF6600; color:#FFFFFF; }
table.hot_cal_tbl td.hot_cal_roomnodata_high div, table.hot_cal_tbl td.hot_cal_roomnodata_high span { color:#FFFFFF; }
span.hot_cal_price { color:#FFFFFF; }
table.hot_cal_tbl td.hot_cal_roomav.hot_cal_price0 { background-color:#24800f; }
table.hot_cal_tbl td.hot_cal_roomav.hot_cal_price1 { background-color:#0DC432; }
table.hot_cal_tbl td.hot_cal_roomav.hot_cal_price2 { background-color:#14A8FF; }
table.hot_cal_tbl td.hot_cal_roomav.hot_cal_price3 { background-color:#1115FF; }
table.hot_cal_tbl td.hot_cal_roomav.hot_cal_price4 { background-color:#783AFF; }
table.hot_cal_tbl td.hot_cal_roomav.hot_cal_price5 { background-color:#D67FFF; }
table.hot_cal_tbl td.hot_cal_roomnotav.hot_cal_price0 { background-color:#FF0000; }
table.hot_cal_tbl td.hot_cal_roomnotav.hot_cal_price1 { background-color:#fe3a3a; }
table.hot_cal_tbl td.hot_cal_roomnotav.hot_cal_price2 { background-color:#fe6464; }
table.hot_cal_tbl td.hot_cal_roomnotav.hot_cal_price3 { background-color:#e62424; }
table.hot_cal_tbl td.hot_cal_roomnotav.hot_cal_price4 { background-color:#d01414; }
table.hot_cal_tbl td.hot_cal_roomnotav.hot_cal_price5 { background-color:#cc0000; }
table.hot_cal_tbl td.hot_cal_pastdate.hot_cal_price0 { background-color:#F2F2F2; }
table.hot_cal_tbl td.hot_cal_pastdate.hot_cal_price1 { background-color:#E2E2E2; }
table.hot_cal_tbl td.hot_cal_pastdate.hot_cal_price2 { background-color:#D2D2D2; }
table.hot_cal_tbl td.hot_cal_pastdate.hot_cal_price3 { background-color:#C2C2C2; }
table.hot_cal_tbl td.hot_cal_pastdate.hot_cal_price4 { background-color:#B2B2B2; }
table.hot_cal_tbl td.hot_cal_pastdate.hot_cal_price5 { background-color:#A2A2A2; }
table.hot_cal_tbl td.hot_cal_roomav:hover { background-color:#000000; color:#FFFFFF; cursor:pointer; }
table.hot_cal_tbl td.hot_cal_roomnotav:hover { background-color:#000000; color:#FFFFFF; cursor:pointer; }
table.hot_cal_tbl td.hot_cal_roomav_high:hover { background-color:#000000; color:#FFFFFF; cursor:pointer; }
table.hot_cal_tbl td.hot_cal_roomnotav_high:hover { background-color:#000000; color:#FFFFFF; cursor:pointer; }
table.hot_cal_tbl td.hot_cal_roomnodata:hover { background-color:#000000; color:#FFFFFF; cursor:pointer; }
table.hot_cal_tbl td.hot_cal_roomnodata_high:hover { background-color:#000000; color:#FFFFFF; cursor:pointer; }

.hot_book_editwrap { width:100%; display: flex; justify-content: space-between; flex-wrap: nowrap; overflow: hidden; box-sizing:border-box; }
.hot_book_editform { flex: 1 1 auto; width: auto; overflow: hidden; margin:0 10px 0 0; box-sizing:border-box; }
.hot_book_editsum { 
	flex: 0 0 auto; width: 260px; margin:0 0 20px 0; box-sizing:border-box; border-radius: 3px; border: 3px solid #d2d6de; background:#FFFFFF;
	font:normal 14px/17px "Open Sans", Helvetica, Arial, sans-serif;
}
.hot_book_editsum > h3 {
	margin:0; padding:10px 22px; background:#F2F2F2; border:none; text-align: left;
	font:bold 14px/20px "Open Sans", Helvetica, Arial, sans-serif; color:#272727;
}
/* room type calendar */
.hot_rcal_wrap { width:100%; overflow:visible; }
.hot_rcal_tbl_wrap { margin:0; padding:20px 0; width:auto; overflow-x:scroll; box-sizing: border-box; }
table.hot_rcal_tbl { margin:0; padding:0; width:auto; border:none; border-collapse: separate; box-sizing: border-box; }
table.hot_rcal_tbl tr { background:none; border:none; }
table.hot_rcal_tbl th {
	margin:0; padding:4px; border:1px solid #FFFFFF; text-align:left; background-color:#3a6d98; font:bold 13px/16px "Roboto", Arial, sans-serif; 
	color:#FFFFFF; box-sizing: border-box; min-width:100px; max-width:100px; width:100px; white-space: nowrap; overflow: hidden;
}
table.hot_rcal_tbl td {
	margin:0; padding:4px; border:1px solid #FFFFFF; text-align:center; border-collapse:separate; box-sizing: border-box;
	font:normal 13px/16px tahoma, arial, sans-serif; color:#333333; background-color:#FFFFFF; min-width:30px; width:30px; white-space: nowrap;
}
table.hot_rcal_tbl td.hot_rcal_booked { background-color:#f39c12; color:#FFFFFF; }
table.hot_rcal_tbl td.hot_rcal_notact { background-color:#dd4b39; color:#FFFFFF; }
table.hot_rcal_tbl td.hot_rcal_available { background-color:#5EA421; color:#FFFFFF; }
table.hot_rcal_tbl td.hot_rcal_bookedw { background-color:#CA7D04; color:#FFFFFF; border-color: #AAAAAA; }
table.hot_rcal_tbl td.hot_rcal_notactw { background-color:#BE3A2A; color:#FFFFFF; border-color: #AAAAAA; }
table.hot_rcal_tbl td.hot_rcal_availablew { background-color:#4B8815; color:#FFFFFF; border-color: #AAAAAA; }
table.hot_rcal_tbl tr:hover th { background:#444444; color:#FFFFFF; }
table.hot_rcal_tbl td:hover { background:#444444; color:#FFFFFF; }
table.hot_rcal_tbl td a, table.hot_rcal_tbl td a:visited, table.hot_rcal_tbl td a:hover { display:inline; background:none; border:none; text-decoration: none; color:#FFFFFF; }
.hot_rcal_navwrap { padding:6px 10px; background:#E2E2E2; }
table.hot_book_sumtable {
	margin:0; padding:0; width: 100%; max-width: none; border:none; background-color: transparent; border-collapse: collapse; border-spacing: 0; box-sizing: border-box;
}
table.hot_book_sumtable tr { background:none; display:table-row; }
table.hot_book_sumtable th, table.hot_book_sumtable td {
	margin:0; padding: 4px 2px; font:normal 14px/17px "Roboto", Helvetica, Arial, sans-serif; color:#272727; 
	text-align:left; vertical-align:top; border:none; box-sizing: border-box; background:#FFFFFF;
}
table.hot_book_sumtable th { font-weight:bold; }
table.hot_book_sumtable td { text-align:right; width:80px; }
table.hot_book_sumtable td.hot_book_autocell { text-align:left; width:auto; }
table.hot_book_sumtable th.hot_book_important, table.hot_book_sumtable td.hot_book_important { background:#777777; color: #FFFFFF; }
table.hot_book_sumtable th.hot_book_vimportant, table.hot_book_sumtable td.hot_book_vimportant { background:#87C623; color: #FFFFFF; }
table.hot_book_sumtable td.hot_book_thincell { padding:3px 0; text-align:left; width:auto; }
table.hot_book_sumtable td.hot_book_thincell hr { margin:0; padding:0; border:none; width:100%; height:1px; background-color:#DDDDDD; }
a.hot_book_sumlink, a.hot_book_sumlink:visited, a.hot_book_sumlink:hover {
	text-decoration:none; border:none; font:bold 14px/17px "Roboto", Helvetica, Arial, sans-serif; color:#272727;
}
a.hot_book_sumlink:hover { color:#2676BB; }
a.hot_book_litelink, a.hot_book_litelink:visited, a.hot_book_litelink:hover {
	text-decoration:none; border:none; font:normal 14px/17px "Roboto", Helvetica, Arial, sans-serif; color:#272727;
}
a.hot_book_litelink:hover { color:#2676BB; }
a.hot_helplink, a.hot_helplink:visited, a.hot_helplink:hover { text-decoration:none; border:none; color:#2873CF; }
a.hot_helplink:hover { text-decoration:underline; color:#144F98; }
.hot_cpmsg_warning {
	margin:20px 0; padding:10px;
	background: #dd4b39; border: 1px solid #d73925; border-radius: 3px; font:normal 14px/20px "Roboto", Arial, sans-serif; color: #FFFFFF; cursor:pointer;
}
.hot_cpmsg_info {
	margin:20px 0; padding:10px;
	background: #00c0ef; border: 1px solid #00acd6; border-radius: 3px; font:normal 14px/20px "Roboto", Arial, sans-serif; color: #FFFFFF; cursor:pointer;
}

/* price rates table */
.hot_ratesdates { margin:0; padding:4px; text-align:center; background-color:#345D81; font:bold 14px/17px "Roboto", Arial, sans-serif; color:#FFFFFF; }
table.hot_tblrates { margin:0; padding:0; width:100%; border:none; border-collapse: separate; box-sizing: border-box; }
table.hot_tblrates th {
	margin:0; padding:4px; border:1px solid #FFFFFF; text-align:center; background-color:#317AB9; 
	font:normal 14px/17px "Roboto", Arial, sans-serif; color:#FFFFFF; box-sizing: border-box;
}
table.hot_tblrates tr { background:none; border:none; }
table.hot_tblrates td {
	margin:0; padding:2px 4px; border:1px solid #FFFFFF; text-align:left; border-collapse:separate; box-sizing: border-box;
	font:normal 14px/17px tahoma, arial, sans-serif; color:#272727; background-color:#FFFFFF; vertical-align: top;
}
table.hot_tblrates tr.hot_rowspecial td { background:#C4E890; }
a.hot_toggledisc, a.hot_toggledisc:visited, a.hot_toggledisc:hover {
	margin:0; padding:0; display:block; width:100%; font:normal 14px/17px tahoma, arial, sans-serif; color:#272727; text-decoration: none;
}
a.hot_toggledisc:hover { color: #000000; }
.hot_ratespricewrap { margin:0; padding:0; box-sizing: border-box; }
.hot_ratespricewrap:after { content: ""; display:table; clear:both; }
.hot_ratesdelbox { width:40px; float:right; text-align:center; box-sizing: border-box; }
.hot_ratespricebox { width:auto; margin:0 45px 0 0; padding:0; box-sizing: border-box; }

.hot_enterpricesnote { margin:5px 0 0 0; padding:0; font:normal 13px/16px tahoma, arial, sans-serif; color:#888888; text-align:center; }

a.hot_stdlink, a.hot_stdlink:visited, a.hot_stdlink:hover { font: inherit; color: #3DA9E8; text-decoration: none; }
a.hot_stdlink:hover { color: #0C76B1; }
a.hot_discreetlink, a.hot_discreetlink:visited, a.hot_discreetlink:hover, a.hot_discreetlink:active {
	background:none; border:none; color:#666666; cursor:pointer; text-decoration:none; font:inherit; color:inherit;
}
a.hot_discreetlink:hover { color:#1B7ADB; }
a.hot_greenlink, a.hot_greenlink:visited, a.hot_greenlink:hover, a.hot_greenlink:active { color:#71B528; }
a.hot_greenlink:hover { color:#5E9D1B; }
a.hot_bluelink, a.hot_bluelink:visited, a.hot_bluelink:hover, a.hot_bluelink:active { color:#1B7ADB; }
a.hot_bluelink:hover { color:#0761BD; }
a.hot_purplelink, a.hot_purplelink:visited, a.hot_purplelink:hover, a.hot_purplelink:active { color:#C044E9; }
a.hot_purplelink:hover { color:#A123CB; }
a.hot_whitelink, a.hot_whitelink:visited, a.hot_whitelink:hover, a.hot_whitelink:active { color:#FFFFFF; }
a.hot_whitelink:hover { color:#000000; }
.hot_col60 { width:60%; float:left; padding:0 10px 0 0; box-sizing: border-box; }
.hot_col40 { margin-left:60%; padding:0; box-sizing: border-box; }
button.hot_litebtn, button[type=submit].hot_litebtn, button[type=button].hot_litebtn { background: #EFEFEF; border: 1px solid #D0D0D0; color:#333333; }
button.hot_litebtn:hover, button[type=submit].hot_litebtn:hover, button[type=button].hot_litebtn:hover {
	background: #DFDFDF; border: 1px solid #CCCCCC; color:#333333;
}

a.hot_statusicon, a.hot_statusicon:visited, a.hot_statusicon:hover, a.hot_statusicon:active {
    background:#888888; text-decoration: none; border:none; color: #FFFFFF; width:32px; display:inline-block; text-align: center;
    cursor: pointer; font-size:18px; line-height:18px; margin:0; padding:3px; border-radius: 3px; box-sizing: border-box;
}
a.hot_statusred, a.hot_statusred:visited, a.hot_statusred:active { background: #f56954; }
a.hot_statusgreen, a.hot_statusgreen:visited, a.hot_statusgreen:active { background: #5ea421; }
a.hot_statusblue, a.hot_statusblue:visited, a.hot_statusblue:active { background: #0094ff; }
a.hot_statuswarn, a.hot_statuswarn:visited, a.hot_statuswarn:active { background: #FF9600; }
a.hot_statuspending, a.hot_statuspending:visited, a.hot_statuspending:active { background: #D5A420; }
a.hot_statusdark, a.hot_statusdark:visited, a.hot_statusdark:active { background: #666666; }
a.hot_statusicon:hover { background:#555555; }

.hot_daystatus_leftbox { margin:0; padding:0; width:150px; float:left; }
h3.hot_daystatus_month {
    display: block; margin: 0; padding:3px 0;
    font: normal 18px/22px "Roboto", Helvetica, Arial, sans-serif; color: #333333; border:none;
}
h3.hot_daystatus_month span { color:#5ea421; }

.hot_daystatus_mainbox { margin:0; padding:0 0 0 150px; width:100%; }
.hot_daystatus_mainbox:after { content: ''; display:table; clear: both; }

a.hot_daystatus_nav, a.hot_daystatus_nav:visited, a.hot_daystatus_nav:active, a.hot_daystatus_nav:hover {
	display:inline-block; width: 40px;
	margin:0; padding:3px 0; background:#2F8FC7; border-radius:3px; box-sizing:border-box; border:1px solid #2F8FC7; text-decoration: none;
	font:normal 16px/20px "Roboto", Arial, sans-serif; color:#FFFFFF; outline:none; text-align:center;
}
a.hot_daystatus_nav:hover { background:#000000; border-color:#000000; color:#FFFFFF; }
span.hot_daystatus_day {
	display:inline-block; width:40px; 
	margin:0 10px; padding:3px 0; background:#F8F8F8; border-radius:3px; box-sizing:border-box; border:1px solid #E0E0E0;
	font:normal 16px/20px "Roboto", Arial, sans-serif; color:#272727; text-decoration: none; outline:none; text-align:center;
}
a.hot_daystatus_occ, a.hot_daystatus_occ:visited, a.hot_daystatus_occ:active, a.hot_daystatus_occ:hover {
	display:inline-block; margin:0; padding:1px 8px; background:#F0F0F0; border-radius:3px; box-sizing:border-box; border:none; text-decoration: none;
	font:normal 14px/18px "Roboto", Arial, sans-serif; color:#999999; outline:none; text-align:center;
}

a.hot_daystatus_occflt, a.hot_daystatus_occflt:visited, a.hot_daystatus_occflt:active { background:#349E18; color:#FFFFFF; }
a.hot_daystatus_occ:hover { background:#000000; color:#FFFFFF; }

.hot_box_scrollwrapfixed { margin:0; padding:0 0 20px 0; overflow-y: auto; overflow-x: hidden; height:250px; }
div.hot_graphbox { position:relative; margin:0; padding:0; height:293px; box-sizing: border-box; }
div.hot_graphsmbox { position:relative; margin:0; padding:0; height:200px; box-sizing: border-box; }
canvas.hot_graph { margin:0; padding:0; display:block; }

.hot_halfpie_graphbox { margin:0; padding:20px 0 0 0; height:200px; box-sizing: border-box; }
.hot_halfpie { margin: 0 auto; position: relative; width: 240px; height: 120px; border-radius: 240px 240px 0 0; overflow: hidden; }
.hot_halfpie::after {
	transform: rotate(-179deg); background: rgba(54, 162, 235, 0.4); transform-origin: center bottom; 
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;
}
.hot_halfpie0::after { transform: rotate(-179deg); }
.hot_halfpie2::after { transform: rotate(-176deg); }
.hot_halfpie4::after { transform: rotate(-173deg); }
.hot_halfpie6::after { transform: rotate(-169deg); }
.hot_halfpie8::after { transform: rotate(-166deg); }
.hot_halfpie10::after { transform: rotate(-162deg); }
.hot_halfpie12::after { transform: rotate(-158deg); }
.hot_halfpie14::after { transform: rotate(-155deg); }
.hot_halfpie16::after { transform: rotate(-151deg); }
.hot_halfpie18::after { transform: rotate(-148deg); }
.hot_halfpie20::after { transform: rotate(-144deg); }
.hot_halfpie22::after { transform: rotate(-140deg); }
.hot_halfpie24::after { transform: rotate(-137deg); }
.hot_halfpie26::after { transform: rotate(-133deg); }
.hot_halfpie28::after { transform: rotate(-130deg); }
.hot_halfpie30::after { transform: rotate(-126deg); }
.hot_halfpie32::after { transform: rotate(-122deg); }
.hot_halfpie34::after { transform: rotate(-119deg); }
.hot_halfpie36::after { transform: rotate(-115deg); }
.hot_halfpie38::after { transform: rotate(-112deg); }
.hot_halfpie40::after { transform: rotate(-108deg); }
.hot_halfpie42::after { transform: rotate(-104deg); }
.hot_halfpie44::after { transform: rotate(-101deg); }
.hot_halfpie46::after { transform: rotate(-97deg); }
.hot_halfpie48::after { transform: rotate(-94deg); }
.hot_halfpie50::after { transform: rotate(-90deg); }
.hot_halfpie52::after { transform: rotate(-86deg); }
.hot_halfpie54::after { transform: rotate(-83deg); }
.hot_halfpie56::after { transform: rotate(-79deg); }
.hot_halfpie58::after { transform: rotate(-76deg); }
.hot_halfpie60::after { transform: rotate(-72deg); }
.hot_halfpie62::after { transform: rotate(-68deg); }
.hot_halfpie64::after { transform: rotate(-65deg); }
.hot_halfpie66::after { transform: rotate(-61deg); }
.hot_halfpie68::after { transform: rotate(-58deg); }
.hot_halfpie70::after { transform: rotate(-54deg); }
.hot_halfpie72::after { transform: rotate(-50deg); }
.hot_halfpie74::after { transform: rotate(-47deg); }
.hot_halfpie76::after { transform: rotate(-43deg); }
.hot_halfpie78::after { transform: rotate(-40deg); }
.hot_halfpie80::after { transform: rotate(-36deg); }
.hot_halfpie82::after { transform: rotate(-32deg); }
.hot_halfpie84::after { transform: rotate(-29deg); }
.hot_halfpie86::after { transform: rotate(-25deg); }
.hot_halfpie88::after { transform: rotate(-22deg); }
.hot_halfpie90::after { transform: rotate(-18deg); }
.hot_halfpie92::after { transform: rotate(-14deg); }
.hot_halfpie94::after { transform: rotate(-11deg); }
.hot_halfpie96::after { transform: rotate(-7deg); }
.hot_halfpie98::after { transform: rotate(-4deg); }
.hot_halfpie100::after { transform: rotate(0deg); }

.hot_halfpie::before { border: 60px solid #E5E5E5; }
.hot_halfpie .hot_halfpie_overlay {
    top: 60px; left: 60px; width: calc(100% - 120px); height: calc(200% - 120px); border-radius: 100%; background: white; z-index: 1;
}
.hot_halfpie *, .hot_halfpie::before, .hot_halfpie::after {
	content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; border-radius: inherit; box-sizing: border-box;
}
.hot_halfpie_pc { position:absolute; top:90px; left:0; color:#444444; font:normal 30px/36px arial, sans-serif; width: 100%; text-align:center; z-index:2; }
.hot_halfpie_note { margin:15px auto 0 auto; font:normal 15px/18px tahoma, arial, sans-serif; color:#666666; text-align:center; }
.hot_halfpie_note span { font-weight: bold; }

.hot_cpbox { margin:0; padding:0; background: #666666; }
.hot_cpbox_main { margin:0; padding:10px; }
.hot_cpbox_text { margin:0; padding:0; text-align:left; float:left; width:70%; font:normal 14px/32px "Roboto", Helvetica, Arial, sans-serif; color:#FFFFFF; }
.hot_cpbox_num { margin:0; padding:0 0 0 70%; text-align:right; font:bold 32px/32px "Roboto", Helvetica, Arial, sans-serif; color:#FFFFFF; }
.hot_cpbox_footer { margin:0; padding:5px 10px; font:normal 14px/17px "Roboto", Helvetica, Arial, sans-serif; color:#B8DDF7; background: #2892d8; height:27px; overflow:hidden; white-space: nowrap; }
.hot_cpbox_blue { background: #3597db; }
.hot_cpbox_darkblue { background: #2892d8; color:#B8DDF7; }
.hot_cpbox_red { background: #e75059; }
.hot_cpbox_darkred { background: #e5424d; color:#FAD2D4; }
.hot_cpbox_green { background: #49bc6f; }
.hot_cpbox_darkgreen { background: #3DAC62; color:#CFF8DD; }
.hot_cpbox_orange { background: #f39c12; }
.hot_cpbox_darkorange { background: #E38C03; color:#F8E0B9; }

table.hot_printtable { background:#FFFFFF; border-color:#CCCCCC; }
table.hot_printtable tbody tr:hover { background:none; }
table.hot_printtable th, table.hot_printtable th:hover, table.hot_printtable td { color:#272727; border-color:#CCCCCC; background:#FFFFFF; }

table.hot_printctable {
	margin:0 0 20px 0; padding:0; width: 100%; border-collapse: separate; clear: both; max-width: none; border:none; 
	background: #F2F2F2; border-collapse: collapse; border-spacing: 0; box-sizing: border-box;
}
table.hot_printctable tr { background:none; border:none; }
table.hot_printctable td {
	margin:0; padding: 8px; font:normal 14px/20px "Roboto", Helvetica, Arial, sans-serif; color:#272727;
	text-align: left; vertical-align: top; border: none; box-sizing: border-box; background: #F2F2F2;
}
div.hot_printnote, span.hot_printnote { font:normal 13px/16px "Roboto", Helvetica, Arial, sans-serif; color:#777777; }

.hot_2colwrapab { box-sizing:border-box; margin:0; padding:0; }
.hot_2colwrapab:after { content:''; clear:both; display:table; }
.hot_2colboxa { margin:0 0.5% 0 0; padding:0; width:49.5%; float:left; box-sizing:border-box; }
.hot_2colboxb { margin:0 0 0 50.5%; padding:0; width:49.5%; box-sizing:border-box; overflow:hidden; }

.hot_gallery {
	display:flex; justify-content: flex-start; width: 100%; box-sizing:border-box; flex-wrap: wrap; margin:0 0 30px 0; padding:0; 
}
.hot_galleryimg, .hot_galleryimgdef {
	flex:1 0 140px; max-width: 180px; margin:0 10px 10px 0; padding: 6px;
	box-sizing:border-box; background:#FFFFFF; border:1px solid #DDDDDD; font:normal 13px/17px tahoma, Helvetica, Arial, sans-serif; color:#555555;
	text-align:center;
}
.hot_galleryimgdef { background:#FFFFFF; border:1px solid #333; }
.hot_galleryimg:hover img { filter: grayscale(100%); }
.hot_galleryimg img, .hot_galleryimgdef img { width:100%; height:90px; border:none; }
.hot_galleryimg a, .hot_galleryimgdef a { text-decoration:none; border:none; display:block; text-align:center; }
a.hot_gallerydelete, a.hot_gallerydelete:visited, a.hot_gallerydelete:active, a.hot_gallerydelete:hover {
	display:block; margin:12px 0 0 0; padding:2px 0; background:#E97D7D; box-sizing:border-box; border:none; text-decoration: none;
	font:normal 13px/17px "Roboto", Arial, sans-serif; color:#FFFFFF; outline:none; text-align:center;
}
a.hot_gallerydelete:hover { background: #DD5656; color:#FFFFFF; }
.hot_logopreview { max-width:300px; height:auto; text-align:center; font:normal 13px/16px tahoma, arial, sans-serif; color:#666666; }
.hot_logopreview a, .hot_logopreview a:hover .hot_logopreview a:visited, .hot_logopreview a:active {
	display:block; margin:0; padding:2px; text-decoration:none; border:1px solid #CCCCCC !important; outline:none;
}
.hot_logopreview a:hover { border-color:#333333; }
.hot_logopreview img { width:100%; height:auto; border:0; }
.hot_custbox { width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden; box-sizing:border-box; }
a.hot_custlink, a.hot_custlink:visited, a.hot_custlink:hover {
	flex: 1 1 350px; width: auto; min-width:240px; overflow: hidden; margin:0 15px 15px 0; padding:4px; box-sizing:border-box;
	font:normal 14px/18px tahoma, arial, sans-serif; color:#444444; text-decoration: none; background:#FFFFFF;
}
a.hot_custlink:hover { color: #000000; background:#EAF8C4; }
a.hot_custlink div, a.hot_custlink:visited div, a.hot_custlink:hover div { font:normal 13px/16px tahoma, arial, sans-serif; color:#888888; }
figure.ioshot_figure { display: block; margin: 20px 0; padding: 0; text-align: center; }
figure.ioshot_figure img { margin: 0; padding: 0;border: none; width:auto; max-width: 100%; height: auto; }
figure.ioshot_figure figcaption { display: block; margin: 3px 0; padding: 0; font: normal 13px/16px tahoma, arial, sans-serif; color: #666666; text-align: center; }

/* forms */
fieldset.hot_fieldset_lightgray { background-color: #F2F2F2; }
input.hot_longtext, input[type="text"].hot_longtext, input[type="number"].hot_longtext, input[type="file"].hot_longtext, input[type="date"].hot_longtext {
	display:inline-block; width:320px;
}

/* reviews */
a.hot_rv_res, a.hot_rv_res:visited, a.hot_rv_res:hover { text-decoration: none; border: none; font-size:13px; line-height:16px; color:#666666; }
a.hot_rv_res:hover { color:#3f8be8; }
a.hot_rv_res i, a.hot_rv_res:visited i, a.hot_rv_res:hover i { color:#3f8be8; }
a.hot_rv_comment, a.hot_rv_comment:visited, a.hot_rv_comment:hover { text-decoration: none; border: none; color:#333333; }
a.hot_rv_comment:hover { color:#3f8be8; }
a.hot_rv_comment i, a.hot_rv_comment:visited i, a.hot_rv_comment:hover i { color:#3f8be8; }
.hot_rv_nocomment { color:#333333; }
.hot_rv_nocomment i { color:#AAAAAA; }
.hot_rv_label { display:inline-block; width:180px; }
/* sync */
.hot_sync_url { font:normal 15px/20px tahoma, verdana, Arial, sans-serif; color: #6DB420; }
.hot_book_sync {
	display:block; margin:8px 0 0 0; padding:2px 6px;
	border-radius: 3px; background:#F0F0F0; font:normal 12px/16px "Roboto", Helvetica, Arial, sans-serif; color:#888888;
}
.hot_book_sync span { color:#666666; font-size:14px; }
.hot_book_synced, .hot_book_syncedin { color:#272727; }
.hot_book_synced span { color:#71B528; }
.hot_book_syncedin span { color:#0094ff; }
table.elx5_datatable tbody tr:hover .hot_book_sync { background:#DADADA; color:#555555; }
table.elx5_datatable tbody tr:hover .hot_book_synced, table.elx5_datatable tbody tr:hover .hot_book_syncedin { background:#DADADA; color:#000000; }
a.hot_book_syncnow, a.hot_book_syncnow:visited, a.hot_book_syncnow:hover {
	display:block; margin:8px 0 0 0; padding:2px 6px; text-decoration: none; border: none;
	border-radius: 3px; background:#F0F0F0; font:normal 12px/16px "Roboto", Helvetica, Arial, sans-serif; color:#888888;
}
a.hot_book_syncnow span { color:#71B528; }
a.hot_book_syncnow:hover { color:#FFFFFF; background:#71B528; }
a.hot_book_syncnow:hover span { color:#FFFFFF; }

/* Simple AJAX uploader */
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 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;color:#ffffff;text-align:center;background-color:#428bca;-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;transition:width 0.6s ease;}
.progress-striped .progress-bar{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));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:-moz-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{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-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-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));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:-moz-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-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));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:-moz-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-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));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:-moz-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-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));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:-moz-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);}

/* ADDONS / SPECIAL */
.hot_fontnormal { font-weight:normal; }
select.hot_miniselect { width:60px; }
.hot_sticky { background:#FFFFFF; overflow: hidden;  position:-webkit-sticky; position:sticky; top:50px; padding:10px 0 0 0; z-index:2; }
.hot_gray { color:#AAAAAA; }

@media (max-width: 1370px) {
	.hot_2colboxa { margin:0; padding:0; width:100%; float:none; }
	.hot_2colboxb { margin:0; padding:0; display:none; }
}
@media only screen and (max-width:920px) {
	.hot_smpgwrapin { margin-top: 90px; }
}
@media only screen and (max-width:850px) {
	.hot_smpgwrapin { margin-top: 70px; }
	.hot_2colboxa { margin:0 0 15px 0; padding:0; width:100%; float:none; }
	.hot_2colboxb { margin:0 0 15px 0; padding:0; width:100%; display:block; }
	.hot_book_editwrap { display: block; }
	.hot_book_editform { width: 100%; margin:0 0 20px 0; }
	.hot_book_editsum { width: 100%; }
}
@media only screen and (max-width:767px) {
	#hot_sidenav { width: 0px; box-sizing: border-box; }
	#hot_scomph3 { display:none; }
	#hot_scomp_more { display:none; }
	#hot_largelogo { display:none; }
	#hot_cplogo { width:0px; }
	.hot_navbar { padding:0 5px 0 0; }
	#hot_contentwrap { margin-left:0px; }
	.hot_container { padding-left: 5px; padding-right: 5px; }
}
@media only screen and (max-width:650px) {
	.hot_smpgwrapin { margin-top: 50px; }
	label.hot_smpglabel { display:none; visibility:hidden; }
	.hot_col60 { width:100%; float:none; padding:0; margin-bottom: 15px; }
	.hot_col40 { margin:0; }
	input.hot_longtext, input[type="text"].hot_longtext, input[type="number"].hot_longtext, input[type="file"].hot_longtext, input[type="date"].hot_longtext {
		width:240px;
	}
}
@media only screen and (max-width:480px) {
	.hot_smpgwrapin { margin: 20px; width:auto; }
	input.hot_longtext, input[type="text"].hot_longtext, input[type="number"].hot_longtext, input[type="file"].hot_longtext, input[type="date"].hot_longtext {
		width:auto;
	}
}
@media only screen and (max-width:380px) {
	a.hot_topbutton, a.hot_topbutton:visited, a.hot_topbutton a:active, a.hot_topbutton:hover { padding:5px; width:30px; }
}
@media only screen and (max-width:320px) {
	a.hot_topbutton, a.hot_topbutton:visited, a.hot_topbutton a:active, a.hot_topbutton:hover { margin-right:5px; }
}