@charset "UTF-8";
/* CSS Document */

/************************************************************************************
Stuff for small screens and only big screens if not overriden later
*************************************************************************************/

@font-face {
	font-family: 'icomoon';
	src: url('../public/icomoon.eot');
	src: url('../public/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../public/icomoon.ttf') format('truetype'),
		url('../public/icomoon.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
[class^='icon-'],
[class*=' icon-'] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-home2:before {
	content: '\e601';
}
.icon-screen:before {
	content: '\e607';
}
.icon-users:before {
	content: '\e608';
}
.icon-stats:before {
	content: '\e609';
}
.icon-bullhorn:before {
	content: '\e60a';
}
.icon-loop:before {
	content: '\e60d';
}
.icon-plus:before {
	content: '\e60f';
}
.icon-star:before {
	content: '\e610';
}
.icon-file2:before {
	content: '\e611';
}
.icon-bubbles:before {
	content: '\e600';
}
.icon-filter:before {
	content: '\e602';
}
.icon-uniF68D:before {
	content: '\e603';
}
.icon-cogs:before {
	content: '\e606';
}
.icon-table:before {
	content: '\e618';
}
.icon-address-book:before {
	content: '\e61b';
}
.icon-uniF550:before {
	content: '\e61c';
}
.icon-uniF68E:before {
	content: '\e605';
}
.icon-pencil:before {
	content: '\e61d';
}
.icon-stack:before {
	content: '\e61e';
}
.icon-list:before {
	content: '\e614';
}
.icon-user:before {
	content: '\e60e';
}
.icon-banknote:before {
	content: '\e615';
}
.icon-pictures:before {
	content: '\e617';
}
.icon-lab:before {
	content: '\e619';
}
.icon-lamp:before {
	content: '\e61a';
}
.icon-pig:before {
	content: '\e620';
}
.icon-suitcase:before {
	content: '\e621';
}
.icon-tools:before {
	content: '\e61f';
}
.icon-coins:before {
	content: '\e604';
}
.icon-ticket:before {
	content: '\e622';
}
.icon-star:before {
	content: '\e616';
}
.icon-link:before {
	content: '\e612';
}
.icon-desktop:before {
	content: '\e623';
}
.icon-dashboard:before {
	content: '\e624';
}
.icon-pencil:before {
	content: '\e625';
}
.icon-list2:before {
	content: '\e613';
}
.icon-plus:before {
	content: '\e60b';
}
html {
	font-size: 12px !important;
	font-family: Verdana, Geneva, sans-serif !important;
	line-height: 1;
	height: 100%;
	margin: 0;
	padding: 0 0px 0px 0px;
}

body {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	height: 100%;
	margin: 0;
	padding: 0 0px 0px 0px;
	border-top: 3px solid #019cde;
	overflow-x: hidden;
	background-color: #f4f4f4;
}

.controladminbody {
	overflow-x: auto;
}

*html #wrap {
	height: 100%;
} /* footer down min-height for IE6*/
img {
	border: 0 none;
	height: auto;
	max-width: 100%;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.fit-content {
	width: fit-content;
}

.stylecalculateroompricebutton {
	display: block;
}

.styleflagpreset {
	display: block;
}

.styleprinttemplatebuttons .btn {
	display: block;
}

.styleupdatebuttons {
	float: none;
}

.styleupdatebuttons .btn {
	display: block;
	width: 100%;
}

.pagetypereports2 .table {
	background-color: #ffffff;
	border-color: transparent;
}

.dailyfinancialsummarytotal {
	font-weight: bold;
}

form {
	display: inline;
}
html > body #minHeight {
	/*footer down Dummy float for Opera and IE8 min-height fix*/
	float: left;
	width: 0;
	height: 100%;
	overflow: hidden;
}

label {
	font-weight: normal;
}

#container {
	padding: 0 3px 0 3px;
}

a {
	color: #019cde;
	cursor: pointer;
}
a:hover {
	color: #2f2f2f;
	text-decoration: underline;
}
.fakelink {
	cursor: pointer;
	color: #019cde !important;
	text-decoration: none;
}
.fakelink:hover {
	color: #2f2f2f;
	text-decoration: underline;
}
.fakelink2 {
	cursor: pointer;
	text-decoration: none;
}
.fakelink2:hover {
	text-decoration: underline;
}
button,
input,
select,
textarea {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

input,
select {
	/* font-size: 16px; */ /*prevent zoom in*/
}
input[type='checkbox'],
input[type='radio'] {
	margin: 4px 2px 0 0;
}

.nobutton {
	background: transparent;
	border: none;
	box-shadow: 0 0 0 0;
}
s #wrap {
	min-height: 100%; /*footer down height is determined from parent's height (html & body)*/
	margin: 0 auto; /*footer down */
	background-color: #f4f4f4;
}
.b24disabled {
	opacity: 0.65;
	cursor: initial;
}
#fontsizeselect {
	float: right;
}
#headerlogo {
	margin: 0 10px 0 0;
	text-align: center;
}

.dotted {
	border: 1px dotted #d4d4d4;
	border-style: none none dotted;
	text-align: center;
	width: 60%;
	margin-top: 30px;
	margin-bottom: 30px;
}
.nowrap {
	white-space: nowrap;
}
.overflowhidden {
	overflow: hidden;
}
.greyedout {
	color: #aaaaaa;
}
.iconfont {
	font-size: 100%;
}
.iconfontbig {
	font-size: 120%;
}
.paleblue {
	color: #7bcbed;
}
.b24blue,
.lightblue-text {
	color: #019cde;
}
.blue {
	color: #024a7d;
}
.lightgrey {
	color: #999999;
}
.black {
	color: #2f2f2f;
}
.verylightgrey {
	color: #f4f4f4;
}
.grey {
	color: #888888;
}
.red {
	background-color: #fe746c;
}
.lightred {
	color: #fe746c;
}
.lightgreen {
	color: #339900;
}
.green {
	color: #a0a85c;
}
.darkgreen {
	color: #2e8965;
}
.orange {
	color: #fe746c;
}
.darkred {
	color: #8e2a31;
}
.yellow {
	color: #eea236;
}
.purple {
	color: #a069c4;
}
.bg_white {
	background: #ffffff;
}
.bg_grey {
	background: #f4f4f4;
}
.red-text {
	color: #fe746c;
}

.bedsblue-bg {
	background-color: #019cde;
	border-color: #019cde;
}

.lightblue-bg {
	background-color: #7bcbed;
	color: #ffffff;
}

.red-bg {
	background-color: #fe746c !important;
	color: #ffffff;
}

.green-bg {
	background-color: #7aab0a;
	color: #ffffff;
}

.darkgrey-bg {
	background-color: #9f9f9f;
	color: #ffffff;
}

.red-border {
	border-color: #fe746c !important;
}
.green-border {
	border-color: #7aab0a !important;
}

.pagetypecalendar .navbar-default,
.pagetypebookings .navbar-default,
.pagetypeguests .navbar-default,
.pagetyperates .navbar-default {
	max-width: 100%;
}
.pagetypereports .background_box {
	max-width: 1590px;
}
.subaccountcontainer .background_box {
	max-width: none;
}
.pagetypeforgotpass .background_box {
	max-width: 400px;
}
#content_menu .twelvecol {
	max-width: 1380px;
}
.airbnbxml_connected img {
	margin-bottom: 5px;
}

/************************************************************************************
Control 3 inject / Bootstrap 4 classes
*************************************************************************************/
.mt-1 {
	margin-top: 0.25rem !important;
}

.mr-1 {
	margin-right: 0.25rem !important;
}

.mb-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1 {
	margin-left: 0.25rem !important;
}
.mr-1 {
	margin-right: 0.25rem !important;
}

.mt-2 {
	margin-top: 0.5rem !important;
}
.mr-2 {
	margin-right: 0.5rem !important;
}
.mb-2 {
	margin-bottom: 0.5rem !important;
}
.ml-2 {
	margin-left: 0.5rem !important;
}

.w-auto {
	width: auto !important;
}

/*Airbnb connection*/
.connectlist {
	list-style: none;
	padding: 10px;
}

.connectlist button {
	background: #ffffff;
	border: none;
	color: #212529;
}

.connectlist .btn-xs {
	padding: 0.125rem 0.25rem;
	font-size: 80%;
	white-space: nowrap;
}

.open > .dropdown-menu-control2override {
	position: relative;
}

.open > .dropdown-menu-control2override a {
	display: block;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #ccc;
}

.input-group-append {
	white-space: nowrap;
}

/*Sub nav*/
.nav-pills .nav-link {
	background-color: #ffffff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) !important;
	margin: 0 0 5px 5px;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	background-color: #019cde;
	color: #ffffff;
}

.nav-pills .channellogo .nav-link {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
	border-radius: 20%;
}

.nav-pills .channellogo .nav-link {
	padding: 0;
	background: transparent;
	border-radius: 20%;
}

.nav-pills .channellogo .nav-link img {
	height: 37px;
	border-radius: 20%;
	border: 1px solid #c7c7c7;
	box-shadow: 0px 0px 0px !important;
}

/*Cards*/
.card {
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
}

.card-header {
	background-color: transparent;
	border-bottom: 1px solid #c7c7c7;
	font-size: 1.25rem;
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
}

.card-header:first-child {
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header-small {
	font-size: 140% !important;
	padding: 10px 0 0 20px;
}

.card-sub-header {
	font-size: 1.125rem;
}

.card-body table th,
.card-body table td {
	padding: 5px;
}

.b24-card-subheadline {
	font-size: 1.2rem;
	border-top: 1px solid #f7f7f7;
	padding: 1.25rem 0 1.25rem 0;
}

/*Airbnb table*/
/*
.pagetypesyncroniserairbnbmap table  #connectbtnactive {
display: none;
}

.pagetypesyncroniserairbnbmap table .dropdown-menu {
position: inherit;
display: block;
box-shadow: 0 0 0 0;
border: none;
}

.pagetypesyncroniserairbnbmap table  button {
margin: 0 5px 5px 0;
}
*/

/************************************************************************************
Menus
*************************************************************************************/
.top {
	background-color: #019cde;
	color: #f4f4f4;
	padding: 5px 5px 5px 10px;
}
.top a {
	color: #fff;
	text-decoration: none;
}
.top a:hover {
	color: #ececec;
}
/* from here only used in Subaccounts*/
nav .paleblue,
nav .b24blue,
nav .blue,
nav .lightgrey,
nav .black,
nav .verylightgrey,
nav .grey,
nav .red,
nav .lightgreen,
nav .green,
nav .darkgreen,
nav .orange,
nav .darkred,
nav .yellow,
nav .purple,
nav .red-text,
nav .iconfont,
.addbookinglink .lightgrey,
.addratelink .iconfont {
	color: #019cde;
}
#headermenu ul {
	padding: 0;
	margin: 0;
}
#headermenu li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 3px 0px 3px 0px;
	white-space: nowrap;
}
#headermenu a {
	color: #2f2f2f;
	text-decoration: none;
}
#headermenu a:hover {
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
/* to here only used in Subaccounts*/

.navbar-nav > li > a {
	margin-bottom: 0;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	border-bottom: 3px solid #019cde;
}
.notcurrent {
	background-color: #f4f4f4;
	border: 1px solid #cccccc;
	border-left: none;
	padding: 3px 0px 3px 0px;
}
.notcurrent a {
	text-decoration: none;
}
.current {
	background-color: #eaf4fb !important;
	border: 1px solid #cccccc;
	border-left: none;
	padding: 3px 0px 3px 0px;
}
.current_first {
	border-left: 1px solid #cccccc;
}
.notcurrent_first {
	border-left: 1px solid #cccccc;
}
.current a {
	background-color: #eaf4fb !important;
	text-decoration: none;
}
#nav {
	background-color: #ffffff;
}
.menu_border {
	padding: 0;
	margin: 0;
}
#navmenu {
	padding: 10px 0 0 0;
	border-collapse: collapse;
}
#navmenu a {
	color: #2f2f2f;
	text-decoration: none;
}
#navmenu a:hover {
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-decoration: none;
}
#navtip {
	display: none;
}

.menu_head {
	background-color: #ffffff;
	text-align: left;
	padding: 12px 0 12px 4px;
	margin: 0;
	border-bottom: 1px solid #e7e7e7;
}

.menu_head a {
	color: #5e5e5e;
}

.menu_head a:hover {
	color: #2f2f2f;
	text-decoration: none;
}

.menu_subhead {
	text-align: left;
	font-size: 95%;
	font-weight: normal;
	padding: 3px 2px 3px 20px;
	background-color: #ffffff;
	border-bottom: 1px solid #e7e7e7;
}

.menu_item {
	text-align: left;
	font-size: 90%;
	padding: 2px 2px 2px 30px;
	background-color: #ffffff;
	border-bottom: 1px solid #e7e7e7;
}

.menu_current {
	background-color: #f4f4f4 !important;
}

.menu_current a:link {
	color: #ffffff;
	text-decoration: none;
}

.menu_pagetitle {
	font-size: 120%;
	margin-top: 3px;
	max-width: 300px;
}

.menu_helpbox {
	float: right;
	width: 200px;
	margin: 0px 0px 20px 20px;
}

.menu_helplink ul {
	text-align: right;
}

.menu_helplink li {
	display: inline-block;
	list-style: none;
	padding: 0 5px 0 0;
	white-space: nowrap;
}

.menu_helplink a {
	text-decoration: none;
	color: #2f2f2f;
}

.hide_helplink {
	display: none;
}
.menu_helplinkinfo {
	font-size: 85%;
	font-weight: normal;
}
.menu_helplinkinfo a {
	color: #019cde;
}
.helpquestionmarkicon {
	font-size: 120%;
	color: #fe746c;
}
.helpquestionmark {
	text-decoration: none;
	color: #019cde;
	padding: 2px;
	font-weight: bold;
	font-size: 120%;
	cursor: pointer;
}
.fontnormal {
	font-weight: normal;
}
.admintable {
	border-collapse: collapse;
}
.admintable th {
	padding: 5px 5px 5px 0;
}
.admintable td {
	padding: 5px 5px 5px 0;
}
.helpquestionmark2 {
	background-color: #f9f9f9;
	border: 1px solid #cccccc;
	color: #019cde;
	padding: 2px 5px;
	text-decoration: none;
	color: #2f2f2f;
	white-space: nowrap;
}
.helpquestionmark2:hover {
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-decoration: none;
}
.menu_tipps {
	background-color: #f8f8f8;
	padding: 10px;
	margin: 40px 0px 0px 0px;
	-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	-moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
	box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}
.menu_tippstitle {
	font-weight: bold;
	font-size: 150%;
	margin: 0px 0px 0px 0px;
}
.menu_tippstext {
	font-size: 90%;
}
.menu_tipimg {
	vertical-align: bottom;
}

.subaccountmenu {
	display: inline-block;
	padding: 0;
	margin: 0;
}
.subaccountcontainer .menu_breadcrumb {
	padding-top: 10px;
}
.adminmenu_helplink {
	display: inline-block;
	margin: 0 0 0 10px;
}
.adminmenu_helplink a {
	color: #2f2f2f;
	margin: 0 15px 0 0;
}
#navtip {
	display: block; /*need this because it is hidden on small displays*/
}
.menu_breadcrumb {
	padding: 0px 0px 10px 0px;
	display: none;
	color: #555;
}
.menu_breadcrumb a {
	color: #888888;
	font-weight: normal;
}
.menurecentlist > li {
	padding: 3px 20px;
}

.menurecentlist > li > a {
	display: inline;
	padding: 3px;
}

.statusmsg {
	color: #9e4843;
	background-color: #fee0dd;
	border-color: #fee0dd;
	font-size: 120%;
	margin: 5px 0 0;
	padding: 5px 20px 5px 20px;
	text-align: center;
	border-radius: 4px;
}
#sheetcontent {
	margin: 0 0 10px 0;
	padding-bottom: 20px;
}
.linkopac {
	font-style: italic;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/*Setting boxes*/
.innerbackground_box {
	background-color: #ffffff;
	padding: 10px;
	margin: 10px 0 0px 0;
	overflow: auto;
}
.bb {
	border: 1px solid #cccccc;
}
.pagetypesyncroniserbookingcomxmlpromotions .innerbackground_box {
	overflow: visible;
}
.setting_title_section {
	padding: 10px 0px 10px 10px;
	font-size: 150%;
	color: #2f2f2f;
	border-bottom: 1px solid #cccccc;
	background-color: transparent;
}
.background_box,
.background_boxroom,
.background_boxprop,
.dash_diary,
.das_news,
.dash_stat {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.background_box {
	background-color: #ffffff;
	padding: 0;
	margin: 10px 0 20px 0;
	border: 1px solid #e5e5e5;
}
.background_boxprop {
	background-color: #ffffff;
	padding: 0;
	margin: 10px 0 20px 0;
	border: 1px solid #e5e5e5;
}
.background_boxroom {
	background-color: #ffffff;
	padding: 0;
	margin: 10px 0 20px 0;
	border: 1px solid #e5e5e5;
}
.background_box,
.background_boxroom,
.background_boxprop {
	max-width: 1380px;
}
.pagetypebookingpagedesignlayout .background_boxprop,
.pagetypeassociationlayout .background_boxprop {
	max-width: 980px;
}
.background_box_compact {
	background-color: #ffffff;
	padding: 0;
	margin: 0 0 15px 0;
	border: 1px solid #e5e5e5;
}
.background_box_compact .innerbackground_box {
	padding: 0 5px 0 5px;
	margin: 0;
}
.background_box_compact .setting_row {
	padding: 0;
	margin: 0;
}
.background_box_compact .setting_title_section {
	padding: 0 5px 0 5px;
	margin: 0;
	font-size: 120%;
	border: none;
}
.background_box_compact .setting_footer_section {
	padding: 0;
	margin: 0;
}
.b24-propholderbox .innerbackground_box {
	overflow: visible;
}
.b24-mappingcodecontainer {
	z-index: 1000;
}
.b24-mappingcodecontainer li {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.42857;
	padding: 5px;
}
.b24-mappingcodecontainer li:hover {
	background-color: #f5f5f5;
}

.pagetypeajaxpricecheck h3 {
	font-size: 18px;
}
.setting_footer_section {
	padding: 10px 0 5px 10px;
	padding-bottom: 10px;
}
.settingboxcontrol {
	font-weight: normal;
	font-size: 100%;
	display: inline-block;
	margin-left: 20px;
	padding: 2px 15px 2px 15px;
}
.settingboxcontrol img {
	width: 10px;
}

.setting_title_section_2 {
	padding: 10px 0px 0px 10px;
	font-size: 150%;
	border-bottom: none;
}

/*new box styles*/
.innerbackground_box_2 {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.background_box_2 .row {
	margin-bottom: 5px;
}

.background_box_2 .alert {
	margin-bottom: 0;
}

.background_box_2 .checkbox,
.background_box .radio {
	margin-top: 0;
}

.contexthelpicon {
	color: #2f2f2f;
	cursor: pointer;
}

.contexthelpicon:hover {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: none;
}

.b24-groupitems {
	margin-left: 15px;
	margin-right: 15px;
	background-color: #eee;
	border-radius: 4px;
}

.bookingcompromotionstatus .b24-groupitems {
	padding-left: 15px;
	padding-right: 15px;
	background-color: #dff0f8;
	border: 1px solid #c9edf8;
	border-radius: 4px;
}

.innerbackground_box_nested {
	border: 1px solid #cccccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.innerbackground_box_nested .row {
	margin-left: 0;
	margin-right: 0;
}

.innerbackground_box_nested .setting_title_section_2 {
	padding-bottom: 10px;
}
.paddingbody {
	padding: 10px;
}

/*lists*/
.list {
	padding: 0px;
	margin: 0px 0px 20px 20px;
}
.list li {
	padding-left: 0px;
	margin-left: 0px;
	padding-bottom: 5px;
	list-style-position: outside;
	display: list-item;
}

.b24listtable {
	padding: 10px 0 10px 0;
	border: 1px solid #cccccc;
}
.b24listtable td {
	padding: 5px;
}
.b24listtable th {
	padding: 5px;
}
.b24listtableheadingtr td {
	font-size: 150%;
	padding-top: 20px !important;
}

.propertylisttable .sorting_1,
.propertyroomlist .sorting_1 {
	max-width: 300px;
}
.channelroomlisttable td:not(:first-child) {
	padding: 5px 0 5px 0;
}
.b24listtable {
	margin: 10px 0 10px;
}
.b24listtable tr {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.b24listtable tr:nth-child(2n) {
	background: #f4f4f4;
}
.b24listtable tr:nth-child(2n + 1) {
	background: #fff;
}
table.b24datatable.dataTable {
	margin: 0;
	overflow: scroll !important;
	width: auto;
	background-color: #ffffff;
}
.b24datatable {
	border: 1px solid #cccccc !important;
}
.b24datatable {
	margin: 0;
	overflow: scroll !important;
	width: auto;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc !important;
}
.b24datatable thead th {
	border-bottom: 1px solid #cccccc !important;
	width: auto !important;
}
.b24datatable td {
	padding: 5px !important;
}

.tr_blank {
	background: #ffffff;
	border-left: none;
	border-right: none;
}

.b24datatable tr:nth-child(2n) {
	background: #f4f4f4;
}
.b24datatable tr:nth-child(2n + 1) {
	background: #fff;
}
.yieldoptimisertable td {
	border: 1px solid #cccccc;
}
.yieldoptimisertable th {
	padding: 5px 3px;
}

.channelcontent-table {
	border-collapse: collapse;
	width: 100%;
}
.channelcontent-table td,
.channelcontent-table th {
	padding: 5px;
	border: 1px solid;
}
.channelcontent-table th {
	text-align: center;
}
.channelcontent-table div {
	padding: 0;
}

.pagetypesyncroniserbookingcomxmlpromotions .b24datatable td {
	border-right: 1px solid #cccccc;
}

.textareahtmlholder {
	padding-top: 10px;
}

#apimessage {
	max-height: 200px;
	overflow: scroll;
}

.collapselink {
	text-decoration: underline;
	font-weight: normal;
	font-size: 84%;
}
.ratedayofweekselectors td {
	padding-right: 10px;
}
.ratedayofweeklabels {
	padding-right: 100px !important;
}
.dismisslink {
	float: right;
	padding: 3px 0 0 0;
}
.dismisslink a {
	color: #2f2f2f;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;
}
.pagetitle {
	font-size: 120%;
}
.text_field_error {
	color: #a94442;
	background-color: #f2dede;
}
.setting_button:hover {
	cursor: pointer;
}
.setting_row {
	padding: 0 0 15px 0;
	white-space: nowrap;
}
.setting_name {
	white-space: normal;
}

.setting_error {
	color: #a94442;
	background-color: #f2dede;
	padding: 0 0 20px 0;
}
.setting_error_msg {
	border-radius: 4px;
	padding: 5px;
	border: 1px solid #fe746c;
	color: #a94442;
	background-color: #f2dede;
	margin-bottom: 2px;
	padding: 10px 0 0 0;
}
.noticetext {
	padding: 20px;
}
.warntext {
	background-color: #cc1017;
	color: white;
	padding: 20px;
}
.templatevariablefloatright {
	float: right;
}
.payment-errors {
	font-size: 120%;
	padding: 10px;
	margin-top: 10px;
}
#chargeusingstripe {
	margin: 5px 0 5px 0;
}
.stripebuttonsend {
	margin-bottom: 50px;
}
.stripebuttonsend li {
	padding: 5px;
}
.chargeusing {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
	padding: 0 10px 10px 10px;
	background-color: #f4f4f4;
	border-radius: 0.8rem;
}

.chargeusing .b24listtable .btn {
	margin-bottom: 5px;
}

.inputtext {
	width: 95%;
}
.inputtextarea {
	width: 95%;
}
.inputdate {
	width: 250px;
}
.inputbignum {
	width: 200px;
}
.inputmednum {
	width: 150px;
}
.inputnum {
	width: 100px;
}
.inputpass {
	width: 200px;
}
.inputcheck {
}
.inputshortnum {
	width: 60px;
}
.inputselect {
	max-width: 95%;
}
.pagetypeajaxbookedit .inputselect {
	max-width: 65%;
}
.width100percent {
	width: 100%;
}
.white {
	background: #fff;
	border-color: #ccc;
	color: #2f2f2f;
}
.white:hover {
	background-color: #e6e6e6;
	border-color: #adadad;
}
select {
	color: #2f2f2f !important;
	background: #ffffff !important;
	border: 1px solid #b7b7b7 !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 0 0 !important;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 0 0 !important;
	box-shadow: rgba(0, 0, 0, 0.2) 0 1px 0 0 !important;
	margin-bottom: 3px;
}
select:hover {
	color: #2f2f2f !important;
	background: #ededed !important;
	border: 1px solid #b7b7b7 !important;
}
.overflowvisible {
	overflow: visible;
}
.pagetypebookingpagedesignlayout #template {
	max-width: 600px;
}
.icon32 {
	height: 32px;
}
.icon48 {
	height: 48px;
}
.marginauto600 {
	max-width: 600px;
	margin: 0 auto;
}
.menu_editbutton {
	margin: 0 0 5px 0;
	background-color: #339900;
	border: 1px solid #4cae4c;
	color: #f4f4f4;
	/*from here doubled up with btn*/
	-moz-user-select: none;
	background-image: none;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
	padding: 1px 5px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.menu_editbutton:hover {
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.menu_savebutton {
	margin: 10px 0 5px 0;
	/*from here doubled up with btn*/
	background-color: #019cde;
	border: 1px solid #019cde;
	color: #f4f4f4;
	-moz-user-select: none;
	background-image: none;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.menu_savebuttoncompact {
	/*from here doubled up with btn*/
	background-color: #019cde;
	border: 1px solid #019cde;
	color: #f4f4f4;
	-moz-user-select: none;
	background-image: none;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
	padding: 1px 5px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
.menu_savebutton:hover .menu_savebuttoncompact:hover {
	color: #f4f4f4;
	background-color: #0496d3;
	border-color: #0496d3;
}
.bookinginfotemplate {
	line-height: 140%;
	font-size: 120%;
	margin-bottom: 5px;
}
.booking-info-row {
	margin-bottom: 5px;
}
.booking-info-row .even,
.booking-info-row .odd {
	margin-bottom: 0;
}
.booking-info-add {
	padding: 0;
}
.bookinginfocodeclass {
	color: #999;
}
.booking-info-item {
	padding: 5px 0 5px 0;
}
.odd .booking-info-item {
	background: #f4f4f4;
}
.booking-info-item .btn-danger {
	padding: 0;
	line-height: 1;
}
.accountpaymenttable {
	border: 1px solid #2f2f2f;
	border-collapse: collapse;
}
.accountpaymenttable td {
	border: 1px solid #2f2f2f;
}
.newbooking {
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
}
.requestbooking {
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
}
.activebooking {
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
}
.cancelbooking {
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
}
.bookingtd {
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
	cursor: pointer;
}
.nodragbook {
	font-style: italic;
}
.rateitem {
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
}
.ratelinked {
	font-style: italic;
}
.editfield {
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #d4d4d4;
}
.cursorpointer {
	cursor: pointer;
}
.linkedbookings {
	margin: 10px 0 0 0;
}
.linkedbookings a {
	color: #019cde;
}
#showfrom {
	padding: 2px 0 2px 0;
	margin: 0;
}
.invisiblebutton {
	background-color: transparent;
	border: none;
}
#posapisendbutton li {
	margin: 5px 0 5px 0;
}
#posapisendbutton li:hover {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}
.invoiceefilterinput {
	width: 100px;
	font-weight: normal;
}
.invoiceactionselect {
	width: 80px;
}
.invoicetabledesctd {
	width: 100%;
}
.invoicetabledesc {
	width: 100%;
}
.invoicetablestatus {
	width: 90px;
}
.invoicetablestatus100 {
	width: 70px;
}
.invoicetablestatuspay {
	width: 90px;
}
.invoicetableqty {
	width: 30px;
}
.invoicetableprice {
	width: 80px;
}
.invoicetablevat {
	width: 50px;
}
.invoicetabletotal {
	width: 80px;
}
.invoicetabledate {
	font-size: 80%;
	padding: 0px 5px 0px 5px;
}
.invoicetablegrey {
	border: none !important;
}
.invoicetableseperator {
	border-top: 2px solid;
}
.invoicetableseperator td {
	padding-top: 10px !important;
}
.invoicetableselect {
	width: 20px;
}
.invoicetablepaid {
	margin: 0px 5px 0px 5px;
	cursor: pointer;
}
.invoicetable1 td {
	padding: 3px 0px 3px 0px;
	white-space: normal;
	min-width: 20px;
}
.invoicetable td {
	padding: 3px 5px 3px 0px;
	white-space: normal;
	min-width: 50px;
}

.invoicetablegroup td {
}

.invoicetabledesctd {
	font-weight: bold;
}

.invoicetableaccounttd {
	background-color: #ffffff;
}
/*
.invoicetableaccounttd div{
margin-top: 5px;
padding: 3px;
background-color: #cccccc;
}
*/
.invoicetableaccountnamediv {
	margin-top: 5px;
	padding: 3px;
	background-color: #cccccc;
}

.invoicetableaccountname {
	font-size: 120%;
}

.invoicetableprice {
	text-align: right;
}

.invoicetableqty {
	text-align: right;
}
.chargerow,
.paymentrow {
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #cccccc;
}
.invoicetable1 .lasttd {
	text-align: right;
}
.invoicetable .lasttd {
	text-align: right;
}
.invoicetabletotal {
	text-align: right;
}
#linkbookingsbox {
	margin-top: 5px;
	width: 350px;
	z-index: 1;
}
#searchguestsbox,
#searchguestsbox2 {
	width: 350px;
	z-index: 1;
	display: inline;
}
.groupbookings tr {
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 3px 5px 3px 0px;
	border-color: #cccccc;
}
.groupbookings td {
	padding-right: 20px;
}
.groupbookings.lasttd {
	text-align: right;
}
.groupbookings a {
	color: #019cde;
}
#groupbookingstable {
	margin-top: 5px;
}
.groupthisbooking {
	font-weight: bold;
}
.groupbookingflag {
	text-align: center;
	padding: 3px;
	border-radius: 3px;
}

.groupbookings .fakelink2 {
	text-align: center;
	padding: 3px;
	border-radius: 3px;
}

.pagetypeajaxbookedit .groupbookingstatus {
	padding: 3px 10px 3px 10px;
}
.editbookingdivider {
	border-color: #cccccc;
}
.editbookingbulkactiondiv {
	margin-top: 7px;
}
.picmenupicrow {
	margin-top: 10px;
}
#b24-linkresult {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	list-style: outside none none;
	margin: 2px 0 0;
	overflow: hidden;
	padding: 10px;
	text-align: left;
	width: 350px;
	z-index: 1000;
}
.b24-linkresultbooking {
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	margin-bottom: 5px;
	padding-bottom: 2px;
}
#b24-searchguestresult,
#b24-searchguestresult2 {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	list-style: outside none none;
	margin: 2px 0 0;
	overflow: hidden;
	padding: 10px;
	text-align: left;
	width: 350px;
	z-index: 1000;
}
.b24-searchguestresultbooking {
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	margin-bottom: 5px;
	padding-bottom: 2px;
}
.bookingfilterheadline {
	padding: 0 0 10px 0;
}
#bookingfiltermoreoptions {
	padding: 5px;
	border: 1px solid #ddd;
}
.bookingfilteritem {
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 2px;
}
.bookingfilterprop {
	margin: 5px 0px 5px 0;
}
.dashboardtable tr {
	cursor: pointer;
}
.bookingtable tr {
	cursor: pointer;
}
.dashgridshowfilter {
	display: inline-block;
}
.fc th,
.fc td {
	border: 1px solid #ccc;
}

.rateitem {
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
	background-color: #5fbf00;
	color: #ffffff;
	cursor: pointer;
}
.bookingitem {
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
	background-color: #ff0000;
	color: #ffffff;
	cursor: pointer;
}
.bookingitemnew {
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
	background-color: #ff99ff;
	color: #ffffff;
	cursor: pointer;
}
.bookingitemrequest {
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
	background-color: #ffff00;
	color: #000000;
	cursor: pointer;
}
.bookinglogs {
	border-collapse: collapse;
}
.bookinglogs td {
	border: 1px solid #7c7c7c;
	padding: 5px 10px 5px 10px;
}
.bookinglogs th {
	border: 1px solid #7c7c7c;
	padding: 5px 10px 5px 10px;
}
.propsummarydiv {
	padding: 15px 0 3px 0;
	font-size: 120%;
	font-weight: bold;
}
.roomsummarydiv {
	padding: 15px 0 3px 0;
	font-size: 120%;
	font-weight: bold;
}

/*CALENDAR*/
.pagetypecalendar .table > tbody > tr > td {
	border-top: none;
}
.calendarcontroldiv div {
	vertical-align: top;
	margin-bottom: 3px;
}
.calendarcontroldiv #showfrom {
	padding: 0;
}
.calendarcontroldiv .menu_pagetitle {
	font-size: 12px;
	margin-top: 0;
}
.calendarpagination {
	text-align: center;
	font-size: 120%;
	padding-top: 10px;
	padding-bottom: 30px;
}

.fa-comment {
	cursor: pointer;
}

#innercaltable {
	background-color: #ffffff;
}
.underoneweek {
	max-width: 767px;
}
.dashgrid_first_td {
}
.dashgrid_propname {
	font-weight: bold;
}
.dashgrid_proptr td {
	padding-top: 0px;
}
.dashgrid_proptr1 td {
	padding-top: 0px;
}
.bookevent {
	border-radius: 4px;
}
.pagetypebookings .fc-h-event {
	border-radius: 4px;
}
.caltable {
	/* margin: 10px 0 0 0; */
	border: 1px solid #ececec;
	border-collapse: collapse;
}
.calocc {
	text-align: center;
	font-size: 85%;
}
.bookgrid_rowpropname {
	white-space: nowrap;
	padding-right: 10px !important;
}
.bookgrid_rowroomname {
	white-space: nowrap;
	padding-right: 10px !important;
}
.bookgrid_rowunitname {
	white-space: nowrap;
	padding-right: 10px !important;
}
.dashgrid_rowlabel,
.dashgrid_proprowlabel {
	font-size: 85%;
}
.dashgrid_proprowlabel {
	text-align: left;
}
.caltablestyle1 .dashgrid_rowlabel,
.caltablestyle2 .dashgrid_rowlabel,
.caltablestyle3 .dashgrid_rowlabel,
.caltablestyle4 .dashgrid_rowlabel {
	margin-left: 20px;
}
.dashgrid_rowroomname {
	min-width: 180px;
}
.dashgrid_rowlabel .helpimage {
	padding-right: 2px;
}
.dashgrid_rowlabel {
	font-size: 85%;
}
.dashgrid_box {
	border: 1px solid #cccccc;
	white-space: nowrap;
}
.dashgrid_inventory {
	font-size: 85%;
	color: #2f2f2f;
	text-align: center;
	display: inline-block;
	padding: 0 10px 0 10px;
}
.dashgrid_inventory_na {
	font-size: 85%;
	color: #aaaaaa;
	text-align: center;
	display: inline-block;
	padding: 0 10px 0 10px;
}

.dashgrid_lowprice {
	color: #aaaaaa;
	background-color: #f2dede;
}

.dashgrid_inventory_nap {
	background-color: #f2dede;
}

.dashgrid_price {
	border: 1px solid #cccccc;
	background-color: #7aab0a;
	color: #ffffff;
	text-align: center;
}
.dashgrid_minstay {
	border: 1px solid #cccccc;
	background-color: #efefef;
	text-align: center;
	font-size: 85%;
	color: #2f2f2f;
}
.dashgrid_autopercent {
	border: 1px solid #cccccc;
	background-color: #7bcbed;
	text-align: center;
	font-size: 85%;
	color: #ffffff;
}
.dashgrid_percent {
	border: 1px solid #cccccc;
	text-align: center;
	font-size: 85%;
	color: #2f2f2f;
}
.dashgrid_noprice {
	border: 1px solid #cccccc;
	color: #ffffff;
	text-align: center;
}
.dashgrid_nobook {
	border: 1px solid #cccccc;
	color: #ffffff;
	text-align: center;
}
.nbr {
	border-right: none !important;
}
.nbl {
	border-left: none !important;
}
.dashgrid_norate {
	border: 1px solid #cccccc;
	color: #ffffff;
	text-align: center;
}
.dashgrid_override {
	border: 1px solid #cccccc;
	font-size: 85%;
	color: #7f7f7f;
	background-color: #ececec;
}
.dashgrid_overrideexcep {
	border: 1px solid #cccccc;
	font-size: 85%;
	color: #000000;
	background-color: #ffffcc;
}
.dashgrid_overrideblack {
	border: 1px solid #cccccc;
	font-size: 85%;
	color: #ffffff;
	background-color: #000000;
}
.dashgrid_overridenocheckin {
	border: 1px solid #cccccc;
	font-size: 85%;
	color: #ffffff;
	background-color: #007373;
}
.dashgrid_overridenocheckout {
	border: 1px solid #cccccc;
	font-size: 85%;
	color: #ffffff;
	background-color: #53b9b9;
}
.dashgrid_overridenocheckinout {
	border: 1px solid #cccccc;
	font-size: 85%;
	color: #ffffff;
	background-color: #004a4a;
}
.dashgrid_overrideblack,
.dashgrid_overridenocheckin,
.dashgrid_overridenocheckout,
.dashgrid_overridenocheckinout,
.dashgrid_overrideexcep {
	text-align: center;
	vertical-align: middle !important;
}
.dashgrid_bordertop {
	border-top: 2px solid #afafaf;
}

.diaryunitpic {
	display: inline-block;
}

.unitstatus {
	display: inline-block;
}

.unitstatus .btn-group-xs > .btn,
.btn-xs {
	line-height: 1.1;
}

.calendarpropname .fa-comment,
.calendarpropname .dropdown,
.dashgrid_rowroomname .fa-comment,
.dashgrid_rowroomname .dropdown,
.unitstatusmenu .fa-comment,
.unitstatusmenu .dropdown {
	display: inline;
	margin-left: 5px;
}

.callasttr,
.callasttr td {
	line-height: 1px !important;
}

.dash_diary {
	padding: 3px 10px 10px 10px;
	margin: 0 0 20px 0;
}

.dash_diary_empty {
	border-top: 50px solid #f9f9f9;
	background: #ffffff;
}

.dash_diary_today {
	border-top: 50px solid #fdfd86;
	background: rgb(255, 255, 136);
}

.dash_diary_upcoming {
	border-top: 50px solid #fdfd86;
	background: rgb(255, 255, 136);
}
.dash_diary_h {
	font-weight: bold;
	text-align: center;
	padding: 0 0 3px 0;
	margin: -30px 0 30px 0;
	font-size: 120%;
}
.dash_diary_passive {
	color: #cccccc;
}
.dash_news_bg {
	border-top: 50px solid #f9f9f9;
	background: #ffffff;
}
.dash_news_link {
	margin: 5px 0 0 0;
	text-align: center;
}
.dashdiarynews {
	margin-top: 50px;
}
.dash_stat {
	padding: 10px;
	font-weight: bold;
	font-size: 120%;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
}
.stat_one {
	background-image: url('../public/ic_document.png');
	height: 44px;
	background-repeat: no-repeat;
}
.stat_two {
	background-image: url('../public/ic_money.png');
	height: 44px;
	background-repeat: no-repeat;
}
.stat_three {
	background-image: url('../public/ic_visitor.png');
	height: 44px;
	background-repeat: no-repeat;
}
.stat_text {
	padding: 15px 0 0 50px;
}
.rowa {
	background-color: #efefef;
}
.rowb {
	background-color: #ffffff;
}
.dash_bookingcomreviews {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	overflow: hidden;
}
.dash_bookingcomreviewiframe {
	width: 100%;
	flex-grow: 1;
	border: none;
	margin: 0;
	padding: 0;
}
.caladdbookingdate {
}
.codetextarea {
	width: 100%;
	height: 200px;
}
.reportbuttonholder {
	padding: 10px 0 10px 0;
}
.supportpageicon {
	vertical-align: center;
}
.datatables tr:hover {
	background: rgb(80, 80, 80);
	background: rgba(80, 80, 80, 0.5);
}
.inheritcolor {
	color: inherit;
}
.inheritcolor:hover {
	color: inherit;
}
#guesttable_wrapper {
	padding-top: 10px 0 10px 0;
}

.pagetypeguests #sheetcontent {
	padding-top: 20px;
}

.tooltipbook {
	cursor: pointer;
}

.guestactionlinks {
	margin-bottom: 10px;
}
.viewguest {
	margin: 0 0 15px 0;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	box-shadow: 0 2px 2px #cccccc;
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
}
#guesttable .ui-widget-content {
	background: #ffffff;
}
#guesttable .ui-widget-header {
	background: #ffffff;
	border: none;
}
#guesttable .ui-tabs {
	font-size: 12px;
	background: #ffffff;
}

.layouttable {
	margin-top: 20px;
}
.layouttable tr {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.layouttable tr:nth-child(2n) {
	background: #f4f4f4 none repeat scroll 0 0;
}
.layouttable tr:nth-child(2n + 1) {
	background: #fff none repeat scroll 0 0;
}

.layouttable td,
.moduletable td {
	padding: 4px 10px 10px 0;
	vertical-align: top;
}

.layouttabletd1 {
	min-width: 80px;
}

.layouttabletd2 {
	min-width: 80px;
}

.layouttabletdtd3 {
	min-width: 80px;
}

.moduletabletd1 {
	min-width: 200px;
}

.moduletabletd2 {
	min-width: 150px;
}

.moduletabletd3 {
	min-width: 150px;
}

.moduletabletd4 {
	min-width: 150px;
}

.moduletabletd5 {
	min-width: 100px;
}

.stripe-payment-box {
	margin-top: 5px;
}

/*Bookings Calendar */
.pagetypebookingscal .fc .fc-row .fc-content-skeleton table,
.pagetypebookingscal .fc .fc-row .fc-content-skeleton td,
.pagetypebookingscal .fc .fc-row .fc-helper-skeleton td {
	border-color: #c7c7c7;
}

.pagetypebookingscal .fc-day-number {
	display: block;
	float: none !important;
	text-align: center;
}

/*channel manager pages */
.channelqtylisttable {
	min-width: 900px;
}

.pagetypesyncroniserairbnbmap table {
	min-width: 900px;
}

.channelroomlisttable tr td:first-child {
	min-width: 150px;
}

.pagetypesynchroniser table img {
	height: 37px;
	border-radius: 20%;
	border: 1px solid #c7c7c7;
	box-shadow: 0px 0px 0px !important;
}

.channelcontent-table th {
	font-weight: bold;
}

.content-error {
	background-color: #fe746c;
	color: #f4f4f4;
	border-color: #2f2f2f;
}

.content-error td {
	border-color: #2f2f2f !important;
}

.content-error a {
	color: #f4f4f4;
}

.content-error-msg {
	background-color: #f2dede;
	color: #2f2f2f;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
}

.pagetypesyncroniserinventoryroom #content_menu .twelvecol {
	max-width: 100%;
}

.channelinventorytable {
	background-color: #ffffff;
	margin: 10px 0 0 0;
}

.channelinvmonthtd {
	border: none !important;
}

.channelinventorytable td {
	padding: 5px;
}

.channelinvdate,
.channelbookdate,
.channelinventorytd {
	text-align: center;
}

.channelinvdate {
	cursor: pointer;
	margin-bottom: 5px;
	background-color: #f4f4f4;
	padding: 5px 0 5px 0;
}

.channelinvdateactive {
	background-color: #7bcbed;
	color: #ffffff;
}

.channelbookdate,
.channelinventorytd {
	color: #999999;
	font-size: 85%;
}

/*Daily Prices Table*/

.b24table-fixed .table .table-date {
	background-color: #ffffff;
}

.b24table-fixed thead th {
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 0;
}

.b24table-fixed tbody th {
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	left: 0;
}

.b24table-fixed .table-property-name {
	left: 0;
	z-index: 1;
}

.b24table-fixed .table-property-name,
.table-room-pricename {
	text-align: left;
	white-space: nowrap;
	background-color: #ffffff;
}

.b24table-fixed .table-room-pricename {
	min-width: 250px;
}

.b24table-fixed .table-roomname .table-dailypricename {
	white-space: nowrap;
	background-color: #ffffff;
}

.b24table-fixed .table-roomname {
	padding-right: 5px;
}

.b24table-fixed .table-date {
	white-space: nowrap;
}

/*******************************
Login
*******************************/
div#wrap.pagetypelogin {
	background-color: #ffffff;
}
.pagetypelogin #content_nomenu {
	margin: 0 auto;
	line-height: 1.5;
	font-size: 120%;
}
.pagetypelogin #headerlogo {
	float: none;
	padding: 20px 0 20px;
}
.loginbox {
	min-height: 150px;
	color: #2f2f2f;
	padding: 15px;
	margin-right: auto;
	margin-left: auto;
	border: none;
	box-shadow: none;
	max-width: 100%;
}
.loginboxBeds24com {
	background-image: url('../public/login-bg.jpg');
	background-size: cover;
	color: #e3e3e3;
}
.loginboxBeds24com a {
	color: #e3e3e3;
}
.pagetypelogin .innerbackground_box_2 {
	background-color: transparent;
	margin: 0 auto;
	width: 350px;
}
.pagetypelogin .setting_title_section {
	padding: 10px 10px 20px 10px;
	font-size: 24px;
	text-align: center;
	color: #2f2f2f;
	border-bottom: none;
}
.loginboxBeds24com .setting_title_section {
	color: #e3e3e3;
}
.pagetypelogin .setting_footer_section {
	margin: 0 auto;
	padding: 0 15px 0 15px;
	width: 350px;
}
.b24btn_Login {
	margin: 10px 0 10px 0;
}
.feedgrabbertitle a {
	color: #2f2f2f;
	font-size: 120%;
}
/**********************************
Override and styles for jquery modules
**********************************/
.ui-widget {
	font-family: Roboto-Regular, sans-serif;
	font-size: 100%;
}

.langtabscrollfix {
	width: 800px;
}
.langtabitem {
	height: 33px;
	font-size: 100%;
}
.langtabitem2 {
	height: 60px;
	font-size: 100%;
}
.langtabitem2 input {
	margin-bottom: 2px;
}
.langtabitem3 {
	padding: 0 !important;
}
.langtabitem4 {
	vertical-align: top;
	padding: 10px 0 0 5px;
	display: inline-block;
}

.ui-sortable li {
	list-style-position: outside;
	list-style: none;
	padding-left: 0;
}

.ui-sortable li {
	margin-bottom: 5px;
	border-radius: 0.25rem;
	border: 1px solid #c7c7c7;
}

.ui-widget.ui-widget-content {
	border: none;
}

.ui-widget-header {
	border: none;
	background: none;
}

.ajaxbody .ui-tabs .ui-tabs-panel {
	padding: 1em 0.2em;
}

.ui-tabs .ui-tabs-nav li {
	background-color: #ffffff;
	border-radius: 0.25rem;
	border: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
	margin: 0 5px 5px 0;
	line-height: 1.5;
	font-weight: 400;
}

.ui-tabs .ui-tabs-nav li a {
	color: #019cde;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background-color: #019cde;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	color: #ffffff;
}

.ui-widget-content .btn-primary {
	color: #f4f4f4 !important;
	color: #2f2f2f;
}

.fc-border-separate td {
	border: 1px solid #ececec;
}
.fc-time {
	display: none;
}
.inputdatefancydiv {
	display: inline;
}

/* Exedia Revplus*/
.propocc {
	height: 20px;
}

.revplus-price-label,
revplus-market-label,
revplus-forecast-label,
revplus-occupancy-label,
.revplus-price,
.revplus-market,
.revplus-forecast,
.revplus-occupancy,
.revplus-recovery {
	height: 20px;
	border-bottom: 1px solid #c7c7c7;
	padding-top: 2px;
	white-space: nowrap;
}

.revplus-price-label,
.revplus-market-label,
.revplus-forecast-label,
.revplus-occupancy-label,
.revplus-recovery-label {
	text-align: left;
	border-bottom: 1px solid #c7c7c7;
	height: 20px;
	vertical-align: middle;
}

.revplus-expedia-label {
	height: 38px;
	text-align: left;
	background: #112a49;
	color: #ffffff;
	margin: 0 -2px 0 -2px;
	line-height: 1.2;
	padding-top: 4px;
}

.revplus-expedia-label img {
	height: 25px;
	float: left;
	margin: 2px 3px 3px 2px;
	border-radius: 20%;
}

.revplus-label {
	background: #112a49;
	color: #ffffff;
	margin: 0 -2px 0 -2px;
	height: 38px;
}

.revplus-price span {
	padding: 1px 5px 1px 5px;
	white-space: nowrap;
}

.revplus-border {
	background: #112a49;
	height: 2px;
	margin-bottom: 20px;
}

.revplus-tooltip {
	font-size: 90%;
	width: 250px;
}

.revplus-tooltip h5 {
	font-size: 125%;
	margin: 0;
	padding: 5px 0 3px 0;
}

.revplus-tooltip p {
	margin: 0;
	padding: 0 0 3px 0;
}

.revplus-tooltip hr {
	border-color: #cccccc;
	margin-bottom: 3px;
	margin-top: 3px;
}

/*Bookings Grid*/

.pagetypebookingsgrid .b24table-responsive {
	overflow-x: auto;
}
.pagetypebookingslist .b24table-responsive {
	overflow-x: auto;
}
.pagetypecalendar .b24table-responsive {
	overflow-x: auto;
}

.pagetypebookingsgrid .unitstatusmenu {
	float: right;
}

.pagetypebookingsgrid .bookgrid_rowpropname {
	text-align: left;
}

.pagetypebookingsgrid .bookgrid_rowroomname {
	text-align: left;
}

.pagetypebookingsgrid .dropdown-menu.show {
	width: 200px;
}

.pagetypebookingsgrid .show select {
	width: 100%;
	margin-bottom: 5px;
}

/************************************************************************************
Dashboard2
*************************************************************************************/
.newdashinvite {
	padding-top: 5px;
}

.getstartedtip {
	position: relative;
	width: 250px;
	height: 220px;
	background: #f2f8fc;
	background: #d9edf7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: #46b8da solid 2px;
	float: right;
	padding: 10px;
	line-height: 1.5;
	margin-right: 20px;
	margin-top: -20px;
}

.getstartedtip:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 0 15px 17px;
	border-color: transparent #f2f8fc;
	border-color: transparent #d9edf7;
	display: block;
	width: 0;
	z-index: 1;
	right: -17px;
	top: 12px;
}

.getstartedtip:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 16px 0 16px 18px;
	border-color: transparent #46b8da;
	display: block;
	width: 0;
	z-index: 0;
	right: -20px;
	top: 11px;
}

.getstartedtipbutton {
	text-align: center;
}

.dashboard2 #sheetcontent {
}

.dashboard2 {
	padding-bottom: 10px;
}

.dashboard2 a {
	color: #2f2f2f;
}
.dashboard2 a:hover {
	text-decoration: none;
}

.dashcontrol {
	background-color: #ffffff;
	padding: 10px 5px 10px 5px;
	margin: 0 -10px 10px -10px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset,
		0 1px 5px rgba(0, 0, 0, 0.075);
}

.dashboard2 select,
.dashboard2 option {
	text-align: left;
}

#dropdownMenuDashGrid {
	padding-right: 10px;
}

.dropdownlidiv {
	font-weight: 400;
	line-height: 1.42857;
	padding: 3px 20px;
	white-space: nowrap;
	font-size: 12px;
}

#dashboard2unlock .dropdownlidiv {
	font-size: 14px;
}

.dashboard2 .grid-stack {
	margin: 0 -10px;
}

/* changes to make the tables look better need to be tested carefully in all browswers*/
.dashboard2 table,
.dashboard2 td,
.dashboard2 tr,
.dashboard2 th {
	border-color: #cccccc !important;
}

.dashboard2 table.dataTable {
	border-collapse: collapse !important;
}

.dashboard2 .reporttable th,
.dashboard2 .reporttable td {
	border: 1px solid #ccc;
	padding: 2px;
}
.dashboard2 .reporttable tr:nth-child(2n) {
	background: #f4f4f4 none repeat scroll 0 0;
}
.dashboard2 .reporttable tr:nth-child(2n + 1) {
	background: #fff none repeat scroll 0 0;
}
.dashboard2 .dropdown-menu > li > a {
	white-space: normal;
}

.dashboard2 .dropdown-submenu {
	position: relative;
}
.dashboard2 .dropdown-submenu > .dropdown-menu {
	top: 0;
	width: 100%;
	left: -90%;
	text-align: right;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}
.dashboard2 .dropdown-submenu:hover > .dropdown-menu {
	display: block;
}

.dashboard2 .grid-stack-item-content {
	background-color: #ffffff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	overflow-y: scroll !important;
}

.widget {
	height: 100%;
}

.widget-header {
	background: #fff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	height: 35px;
	text-align: left;
	padding-left: 15px;
	text-transform: uppercase;
}

.glyphicon-move a:hover {
	cursor: pointer;
}
.widget-header .dropdown-menu {
	text-transform: none;
}
.widget-header a:hover {
	text-decoration: none;
}
.widget-header > .widget-title {
	font-size: 130%;
	line-height: 34px;
	margin: 0;
	padding: 0;
	text-align: left;
}

.widget-title .titletext {
	overflow: hidden;
	white-space: nowrap;
}

.widget-icons {
	height: 36px;
	line-height: 34px;
	padding: 0 5px;
}
.widget-body {
	padding: 10px 15px;
	position: absolute;
	top: 35px;
	bottom: 0;
	width: 100%;
	overflow-x: auto;
	overflow-y: auto;
}

.widget-body a {
	color: #019cde;
}
.widget-body a:hover {
	text-decoration: underline;
}

.dashboard2 .dash_diary_passive {
	color: #cccccc;
}

.dashboard2 .dash-diary-body {
	background: #ffffff;
}
.dashboard2 .dash-diary-header {
	background: #dddddd;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
}
.dashboard2 .dash-diary-today-header,
.dash-diary-header {
	background: #fcfcac;
}
.dashboard2 .dash-diary-today-body,
.dash-diary-body {
	background: #fdfdbe;
}

.dashboard2 .dashboard-table {
	background: #ffffff;
}

.dashboard2 .dashboardtable td {
	vertical-align: middle;
}

.widgettype-potentialissues .widget-header {
	background-color: #fe746c;
	color: #f4f4f4;
}

.widgettype-potentialissues .widget-header .grey,
.widgettype-statistics .widget-header .grey,
.widgettype-summary .widget-header .grey {
	color: #f4f4f4;
}

.widgettype-statistics {
	background-color: #339900;
	color: #f4f4f4;
}

.widgettype-statistics .widget-header {
	background: transparent;
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
	background-color: #339900;
	color: #f4f4f4;
	height: auto;
}

.widgettype-statistics .widget-title {
	line-height: 24px;
	padding-top: 10px;
}

.widgettype-statistics .title-text {
	height: auto;
}

.widgettype-statistics .widget-body {
	position: relative;
	top: auto;
}

.stat-widget-icon {
	background: transparent;
	font-size: 45px;
}

.stat-widget-value {
	line-height: 45px;
	font-weight: bold;
	font-size: 130%;
	vertical-align: text-bottom;
}

.widgettype-summary {
	background-color: #339900;
	color: #f4f4f4;
}

.widgettype-summary .widget-header {
	background: transparent;
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
	background-color: #339900;
	color: #f4f4f4;
	height: auto;
}

.widgettype-summary .widget-title {
	line-height: 24px;
	padding-top: 10px;
}

.widgettype-summary .title-text {
	height: auto;
}

.widgettype-summary .widget-body {
	position: relative;
	top: auto;
}

.widgettype-summary table {
	font-size: 130%;
}

.widgettype-summary td {
	padding-right: 10px;
	white-space: nowrap;
}

.unitstatusmenu {
	cursor: pointer;
	display: inline-block;
}

.dashboard2 .unitstatusmenu {
	float: right;
}

/*Messaging*/
.card {
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.8rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) !important;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.card-body {
	padding: 1.25rem;
}

.card-body textarea.form-control {
	border: none;
	box-shadow: 0 0 0 0;
}

.card-body input[type='file'] {
	border: none;
	box-shadow: 0 0 0 0;
}

#msgtext {
	min-height: 100px;
}

#msgfile {
	border: none;
}

.msghost {
	margin-left: 30px;
}

.msgguest,
.msgchannel {
	margin-right: 30px;
}

.msghost .card-body {
	background-color: #f7f7f7;
}

.msgnote .card-body {
	background-color: #f7f7f7;
}

.msgchannel .card-body {
	background-color: #fcf8bd;
}

.messagelisttable {
	cursor: pointer;
}

.b24datatable.messagelisttable tr:nth-child(2n) {
	background: #ffffff;
}

.isread {
	color: #999999;
	background-color: #f7f7f7 !important;
}

.dashboardtable .booktextdate,
.dashboardtable .booktextinput,
.dashboardtable .bookselect,
.dashboardtable .booktextareainput {
	width: 90%;
	margin-left: 5px;
}

.dashboardtable .bookcheckinput {
	margin-left: 5px;
}

.dashboardtable .customradio {
	padding: 0 5px 0 5px;
	margin: 0;
	width: 100%;
}

/* Quick Tour*/

.tour-tour {
	font-family: inherit;
	font-size: 12px;
	min-width: 300px;
	z-index: 1 !important;
}

.tour-tour.bottom > .arrow:after {
	border-bottom-color: #019cde;
}

.tour-tour .popover-title {
	color: #f4f4f4;
	background-color: #019cde;
	border-bottom: 1px solid #019cde;
}

.tour-tour .popover-navigation .btn-group > button:first-child {
	display: none;
}

.tour-tour ul {
	padding-left: 20px;
}

.tour-tour.top {
	background-color: #ffffff;
	color: #2f2f2f;
}

.orphan.tour-tour .btn-group {
	display: none;
}

/* Pop ups and modals*/
.ajaxhtml {
}
.ajaxbody {
	background-color: #ffffff;
	margin: 0 auto;
	max-width: 1600px;
}

.pagetypeajaxrateedit,
.pagetypeajaxautoemailedit,
.pagetypeajaxyieldoptimiseredit,
.pagetypeajaxbookedit {
	padding: 10px 3px 20px 3px;
}

.pagetypeajaxrateedit .setting_title_section,
.pagetypeajaxautoemailedit .setting_title_section,
.pagetypeajaxyieldoptimiseredit .setting_title_section,
.pagetypeajaxbookedit .setting_title_section {
	padding: 10px 0;
}

.background_boxpopup {
	padding: 0 5px 5px 5px;
	background-color: #ffffff;
}

.pagetypeajaxbookedit .inputdatefancy,
.pagetypeajaxbookedit .white,
.pagetypeajaxbookedit .inputnum,
.pagetypeajaxbookedit #flagtext,
.pagetypeajaxbookedit input,
.pagetypeajaxbookedit textarea,
pagetypeajaxbookedit #bookinginfodata,
.pagetypeajaxguestedit .inputdatefancy,
.pagetypeajaxguestedit .white,
.pagetypeajaxguestedit .inputnum,
.pagetypeajaxguestedit #flagtext,
.pagetypeajaxguestedit input,
.pagetypeajaxguestedit textarea,
.pagetypeajaxrateedit .inputdatefancy,
.pagetypeajaxrateedit .white,
.pagetypeajaxrateedit .inputnum,
.pagetypeajaxrateedit #flagtext,
.pagetypeajaxrateedit input,
.pagetypeajaxrateedit textarea {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border-radius: 3px;
	font-size: 12px;
	min-height: 25px;
	height: auto;
	line-height: 1.5;
	padding: 2px 5px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.pagetypeajaxbookedit input,
.pagetypeajaxguestedit input,
.pagetypeajaxrateedit input,
.pagetypeajaxrateedit textarea {
	min-height: none;
}

.pagetypeajaxguestedit {
	padding-bottom: 50px;
}

.pagetypeajaxpricecheck,
.pagetypeajaxbookedit {
	padding: 5px;
}

.bookingtabtemplate {
	font-size: 70%;
	margin-top: 5px;
}

.pagetypeajaxbookedit input[type='checkbox'],
.pagetypeajaxbookedit input[type='radio'],
.pagetypeajaxrateedit input[type='checkbox'],
.pagetypeajaxrateedit input[type='radio'] {
	margin: 0;
	height: auto;
	min-height: auto;
}

.pagetypeajaxbookedit label,
.pagetypeajaxguestedit label .pagetypeajaxrateedit label {
	margin-bottom: 0 !important;
}

.gotobookingoverview {
	font-size: 1 rem;
	padding: 0.65rem 1rem;
	background-color: #ffffff;
	border-radius: 0.25rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
	margin: 2px 5px 5px 0;
}

.pagetypeajaxbookedit .setting_title_section {
	border-bottom: none;
	margin: 10px 0 0 0;
}

.pagetypeajaxbookedit .setting_title img {
	border-radius: 20%;
	border: 1px solid #c7c7c7;
}

.pagetypeajaxbookedit .setting_title_section .btn-light {
	border: none;
	font-size: 120%;
}

.pagetypeajaxbookedit .ui-widget-header {
	border-bottom: none;
}

.pagetypeajaxbookedit textarea {
	width: 95%;
}

.pagetypereports2 .ui-sortable li {
	margin-bottom: 3px;
	padding: 2px;
}

.pagetypeajaxsendmail {
	padding: 15px;
}

.pagetypeajaxsendmail textarea {
	margin-top: 10px;
	width: 100%;
}

.guestrecord {
	margin: 10px 0 10px 0;
	border: 1px solid #e5e5e5;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.guestrecord table td {
	width: 50%;
}

.inputnum,
#flagtext {
	margin-right: 2px;
}

.optionratecodeholder {
	margin: 20px 0 20px 0;
	border-bottom: 1px solid #ddd;
}

.optionratecodebtn {
	display: inline-block;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	margin-right: 2px;
	line-height: 1.42857143;
	border-radius: 4px 4px 0 0;
	padding: 2px 10px;
	margin-bottom: 2px;
}

.optionratecodeselectedbtn {
	background-color: #f4f4f4;
	border: 2px solid #ccc;
	border-bottom-color: transparent;
}

.optionratecodeselectedbtn label {
	font-weight: bold;
}

.jPicker .Icon {
	vertical-align: top;
}

#bookinginfodata {
	height: 30px;
}

.upsellitems td {
	padding: 2px 5px 2px 0;
}

#tabcharges .dropdown-header {
	color: inherit;
	font-weight: bold;
}

.stypedeletebookingbutton {
	margin-top: 100px;
}

.modal-header .modal-title {
	display: inline-block;
}

.modal-footer {
	clear: both;
}

.welcomemodal-body h4 {
	margin: auto;
	padding-bottom: 20px;
}

.welcomemodal-body select {
	width: auto;
	padding: 0 10px 5px 0;
}

.welcomemodal-body tr:nth-child(2n) {
	background: #f4f4f4;
}
.welcomemodal-body tr:nth-child(2n + 1) {
	background: #fff;
}

.welcomeeditroomtr td {
	background: #fff;
}

.welcomemodal-body th {
	vertical-align: top;
	padding: 0 10px 5px 0;
}
.welcomemodal-body td {
	padding: 2px 10px 2px 0;
}

.welcomemodal-body table select {
	width: 100%;
}

.welcomemodal-body ul {
	font-size: 120%;
}
#calpopupmodal .modal-dialog {
	width: 400px;
}
#calpopupmodal .modal-body {
	line-height: 200%;
}
#calpopupmodal .dropdown-menu {
	min-width: 0;
	white-space: nowrap;
	font-size: 12px;
	padding-right: 5px;
}
#calpopupmodal .dropdown-toggle {
	font-size: 12px;
}
#calpopupmodal .modal-footer {
	text-align: left;
}
#thesetupmodal .modal-dialog {
	width: 90%;
}
#thesetupmodal .modal-header {
	border-bottom: none;
}
.setup-help-inner {
	margin: 0 -15px 0 -15px;
}
.indexbox {
	min-height: 180px;
}
.indextitle {
	margin-bottom: 3px;
	font-size: 16px;
}
.indexicon {
	color: #2f2f2f;
}
.indexitem {
	color: #2f2f2f;
	display: block;
	margin-bottom: 5px;
}
.indexsubhead {
	width: 100%;
	font-size: 120%;
	text-align: center;
	background-color: #7bcbed;
	color: #ffffff;
	padding: 3px 0 3px 0;
	margin-bottom: 5px;
}
.pagetypeajaxpricecheck {
	max-width: 650px;
	margin: 0 auto;
}
.pagetypeajaxpricecheck .setting_title_section {
	padding-left: 0;
}
.pagetypeajaxpricecheck .form-group {
	margin-bottom: 10px;
}
.pagetypeajaxpricecheck .input-group-addon.input-sm {
	padding: 5px;
}
#pricecheckermodal input {
	position: relative;
}
.pricecheck-roomrow {
	margin: 0;
	padding: 10px 0 10px 0;
}
.pricecheck-propname {
	padding: 0;
	margin: 0;
	font-size: 20px;
}
.pricecheck-roomname {
	font-weight: bold;
	margin-bottom: 5px;
}
.pricecheck-offername {
	text-align: left;
}
.pricecheck-price {
	text-align: right;
}
.pricechecker-price {
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	white-space: nowrap;
	line-height: 1.5;
	padding: 5px 12px;
	background-color: #f2f2f2;
	margin-right: 2px;
}
.pricecheck-roomrow select {
	max-width: 75px;
	display: inline-block;
}
.pricecheck-detail {
	clear: both;
	background: #f4f4f4;
	margin: 5px 15px 5px 15px;
	padding: 10px;
}
.pricecheck-detail h3 {
	text-align: left;
	margin-top: 0;
	font-size: 18px;
}
.pricecheck-detail ul {
	padding-left: 15px;
}
.booktextdiv {
	margin-top: 5px;
}
.pricecheck-questions #searchguestsbox {
	width: 100%;
}
.pricecheckcarttable {
	background-color: #e5e5e5;
	margin-bottom: 10px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	border: 10px solid #e5e5e5;
}
.pricecheckcartroom,
.pricecheckcarttable th {
	padding: 10px;
	border-bottom: 1px solid #cccccc;
}
.pricecheckcartroom td {
	padding: 10px;
}
.pricecheckcartnumtd {
	text-align: center;
}
.pricecheckcarttotal {
	border-top: 2px solid !important;
}
.pricecheck-multibook .btn {
	margin-left: 2px;
}
.pricecheck-multibook .booksinglebut {
	margin-right: 20px;
}

.pagetypeajaxpricecheck .chosen-select {
	width: auto;
	height: auto;
	padding: 0;
	border: none;
}

.pagetypeajaxpricecheck .chosen-container-single .chosen-single {
	width: 135px;
	height: 30px;
	padding: 5px 10px;
}

.booktexterrordiv {
	color: #a94442;
	background-color: #f2dede;
	padding: 15px;
	border: 1px solid #ebccd1;
	border-radius: 4px;
}

.questionrow .booktextinput,
.questionrow .booktextdate,
.questionrow .bookselect {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	border-radius: 3px;
	font-size: 12px;
	height: 30px;
	line-height: 1.5;
	padding: 5px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
}
.questionrow textarea {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	border-radius: 3px;
	padding: 5px 10px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
	margin-bottom: 5px;
}

.pricecheck-questions {
	margin-bottom: 5px;
}

.pricecheck-questions .b24btn_Save {
	margin-top: 5px;
}

/*tickets and support*/

.supportwarnings {
	max-height: 400px;
	overflow-x: scroll;
	overflow-y: scroll;
	background-color: #ffffff;
	padding: 0 10px 10px 10px;
	min-height: 100px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	margin-bottom: 20px;
}

.supportwarnings h3 {
	background: #fff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	text-align: left;
	text-transform: uppercase;
	font-size: 130%;
	padding: 10px;
	background-color: #fe746c;
	color: #f4f4f4;
	margin: 0 -10px 10px -10px;
}

.supportwarningsrooms {
	padding-left: 10px;
}
.supportwarningsrooms ul,
.supportwarningssystem ul {
	list-style: outside none none;
	margin-left: 0;
	padding-left: 15px;
}
.supportwarningsrooms li,
.supportwarningssystem li {
	list-style: outside none none;
}
.supportwarningsrooms {
	padding-bottom: 10px;
}
.supportwarning {
	line-height: 120%;
}
.pagetypeteam .h2,
.pagetypeteam h2,
.pagetypeteam .h3,
.pagetypeteam h3,
.pagetypeteam .h4,
.pagetypeteam h4 {
	font-size: 14px;
}

.pagetypesupport .background_box {
	margin-top: 0;
}

#tickettabs {
	background-color: #f4f4f4;
}
#tabticket {
	border-top: 1px solid #cccccc;
}
.pagetypesupport .ui-widget-header {
	background: #f4f4f4;
	border: none;
}
.pagetypesupport .ui-tabs-panel {
	background: #f4f4f4;
	padding: 0;
}
.pagetypesupport .ui-widget-content {
	border: none;
}
.ticket {
	max-height: 600px;
	max-width: 100%;
	overflow-y: scroll;
	box-shadow: 0px 0px 0px 0px;
}

.ticket hr {
	border-color: #cccccc;
	margin-bottom: 3px;
	margin-top: 3px;
}
.ticket-title {
	padding: 5px 0 5px 0;
	font-weight: bold;
	border-bottom: none;
}
.ticket-status0 {
	background-color: #f4f4f4;
}
.ticket-status1 {
	background-color: #cccccc;
}
.ticket-status2 {
	background-color: #d9edf7;
}
.ticket-status3 {
	background-color: #fcf8e3;
}
.enquiry-status0 {
	background-color: #f4f4f4;
}
.enquiry-status1 {
	background-color: #cccccc;
}
.enquiry-status2 {
	background-color: #d4f2e8;
}
.enquiry-status3 {
	background-color: #d4f2e8;
}
.ticketadminfilter select.input-sm,
.ticket select.input-sm {
	height: 25px;
	padding: 0;
	font-weight: normal;
}
.ticket-content {
	padding: 5px 0 5px 0;
}
.ticket textarea {
	width: 100%;
}
.supportticketnew {
	min-height: 100px;
}
.ticketinfo {
	font-weight: normal;
}
.ticket-button-send {
	margin-bottom: 5px;
	margin-left: 3px;
	white-space: normal;
	float: right;
}
.ticket-warning {
	background-color: #f2dede;
}

.team-faq h3 {
	font-weight: bold;
}
.supportnotetd {
	cursor: pointer;
	border: 1px solid #cccccc;
	padding: 5px;
	min-height: 30px;
}
#dashboardnotea {
	white-space: normal;
}
.teamsearchtable input {
	width: 100%;
}
.teamtable td {
	padding-right: 3px;
}

.teamtable .h1,
h1 {
	font-size: 18px;
}

.teamtable .h2,
.teamtable h2,
.teamtable .h3,
.teamtable h3,
.teamtable .h4,
.teamtable h4 {
	font-size: 14px;
}
.diarytextedit {
	width: 100%;
	height: 200px;
	padding-bottom: 10px;
}
.caldate {
	cursor: pointer;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
}
.caldatewidth {
	min-width: 50px;
}
.diarypic {
	margin-bottom: -2px;
}
.coming_soon {
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	margin: 80px 0 10px 0;
	color: #666666;
}
.picfileinput {
	display: inline-block !important;
}
.pagetypebookingpagepictures2 .innerbackground_box img {
	border: 2px solid #ccc;
}
.picthumbopaque {
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	border: none !important;
}
.nowrap {
	white-space: nowrap;
}
.clearboth {
	clear: both;
}
.bold {
	font-weight: bold;
}
.smallesttext {
	font-size: 60%;
}
.smalltext {
	font-size: 80%;
}
.normaltext {
	font-size: 100%;
}
.bigtext {
	font-size: 120%;
}
.biggesttext {
	font-size: 140%;
}
.bbiggesttext {
	font-size: 160%;
}
.textcenter {
	text-align: center;
}
.floatright {
	float: right;
}
.float-right {
	float: right;
}
.floatleft {
	float: left;
}
.float-left {
	float: left;
}
.inline {
	display: inline;
}
.hide {
	display: none;
}
.b24hide {
	display: none;
}
.inlineblock {
	display: inline-block;
}
.textcenter {
	text-align: center;
}
.textright {
	text-align: right;
}
.divider {
	clear: both;
	border: 4px solid #ececec;
	border-style: none none solid;
	margin: 10px 0 10px 0;
	border-bottom: 4px solid #ececec;
}
.pendpaydivider {
	border-color: #cccccc;
	margin: 0;
}
.pendpaynametd {
	padding: 3px !important;
	min-width: 160px !important;
}
.block {
	display: block;
}
.overflowauto {
	overflow: auto;
}
.pointer {
	cursor: pointer;
}
.width60 {
	width: 60px;
}
.width100 {
	width: 100px;
}
.width120 {
	width: 120px;
}
.width200 {
	width: 200px;
}
.width240 {
	width: 240px;
}
.width300 {
	width: 300px;
}
.width400 {
	width: 400px;
}
.width500 {
	width: 500px;
}
.widthfull {
	width: 100%;
}
.nobl {
	border-left: 0 !important;
}
.nobr {
	border-right: 0 !important;
}

/************************************************************************************
Bootstrap overrides
*************************************************************************************/
.modal-sm {
	max-width: 300px;
}
.modal-md {
	max-width: 500px;
}
td {
	padding: 3px 0 3px 0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination .active > a:focus,
.pagination > .active > span:focus {
	background-color: #019cde;
	border-color: #019cde;
}
select.form-control.input-sm {
	line-height: inherit;
}
.btn-group-xxs > .btn,
.btn-xxs {
	font-size: 1em;
	line-height: 1;
	padding: 2px 5px 2px 5px;
}

.btn-primary {
	background-color: #019cde;
	border-color: #019cde;
	color: #f4f4f4;
}

.btn-success {
	background-color: #339900;
	border-color: #4cae4c;
	color: #f4f4f4;
}

.btn-info,
.btn-danger,
.btn-warning,
.btn-success {
	color: #f4f4f4;
}

.btn-danger {
	background-color: #e06059;
	border-color: #e06059;
}

.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
	background-color: #fe746c;
	border-color: #fe746c;
}

.btn-danger.disabled,
.btn-danger:disabled:hover {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
	cursor: initial;
}

.btn-light {
	color: inherit;
	background-color: #ffffff;
	border: 1px solid #c7c7c7;
}

.btn-light:hover {
	background-color: #f7f7f7;
	border-color: #9f9f9f;
}

.styledeletebookingbutton {
	padding-top: 150px;
}

.action-info {
	background-color: #7bcbed;
	border-color: #46b8da;
	color: #f4f4f4;
	padding: 5px;
	font-size: 180%;
	border-radius: 50%;
}

.btn:hover {
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.btn:active {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}

.stickysave {
	position: fixed;
	padding: 10px;
	bottom: 0%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	margin-bottom: 4px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}

.pagetypesyncroniseraatravelconz .stickysave,
.pagetypesyncroniserbookitconz .stickysave {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}

@media (max-width: 768px) {
	.stickysave {
		margin-bottom: 70px;
	}
	.jPicker.Container {
		overflow-x: scroll;
		right: 0px;
	}
	#tabdetail #flagtext {
		width: 150px;
	}
}

.alert a,
.alert-default a,
.alert .alert-link,
.alert-default .alert-link {
	text-decoration: underline;
}
.alert-black {
	background-color: #000000;
	color: #f4f4f4;
}
.alert-black a,
.alert-black .alert-link {
	color: #f4f4f4;
}
.alert-white {
	background-color: #ffffff;
}
.alert-white a,
.alert-white .alert-link {
}

.alert-primary {
	border-color: #019cde;
}
.alert-primary a,
.alert-primary .alert-link {
	text-decoration: underline;
}
.alert-success {
	border-color: #339900;
}
.alert-success a,
.alert-success .alert-link {
	text-decoration: underline;
}
.alert-info {
	border-color: #7bcbed;
}
.alert-info a,
.alert-info .alert-link {
	text-decoration: underline;
}
.alert-warning {
	border-color: #f3bb04;
}
.alert-warning a,
.alert-warning .alert-link {
	text-decoration: underline;
}
.alert-danger {
	border-color: #fe746c;
}
.alert-danger a,
.alert-danger .alert-link {
	text-decoration: underline;
}

.alert-orange {
	background-color: #f06000;
	color: #f4f4f4;
}
.alert-material-orange a,
.alert-material-orange .alert-link {
	color: #f4f4f4;
	text-decoration: underline;
}

.tooltip-inner {
	background-color: #f4f4f4;
	color: #2f2f2f;
	-webkit-box-shadow: 6px 5px 9px -9px black,
		5px 6px 9px -9px rgba(255, 255, 255, 0.15);
	-moz-box-shadow: 6px 5px 9px -9px black,
		5px 6px 9px -9px rgba(255, 255, 255, 0.15);
	box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px rgba(255, 255, 255, 0.15);
	border: 1px solid #e7e7e7;
	min-width: 150px;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #f4f4f4;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #f4f4f4;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #f4f4f4;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #f4f4f4;
}

.tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100);
}
/*.tooltip-inner{
display: none;
}*/

.navbar {
	border-top: none;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 5px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 5px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 5px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 5px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 5px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 5px rgba(0, 0, 0, 0.075);
	margin-bottom: 0;
}

.navbar-default,
navbar-header {
	background-color: #f4f4f4;
	background-color: #ffffff;
}

.navbar-brand {
	padding: 0;
	margin: 0;
	height: 60px;
}

.navbar-nav > li > a {
	padding: 20px 5px 20px 5px;
	font-size: 100%;
	text-decoration: none;
	margin-bottom: -2px;
}

.navbar-default .navbar-text {
	color: #2f2f2f;
}
.navbar-default .navbar-nav > li > a {
	color: #2f2f2f;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background-color: #f4f4f4;
}

.nav > li.disabled > a {
	color: #2f2f2f;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: #f4f4f4;
}

.dropdown-menu > li > a {
	color: #2f2f2f;
	text-decoration: none;
	font-family: inherit;
	font-size: 12px;
}
.navbar-nav > li > .dropdown-menu {
	border-radius: 0;
}

.navbar-right {
	float: left;
}

.navbar-form {
	border: none;
}

.b24-searchmenu .form-group {
	margin-bottom: 5px;
	margin-top: 0px;
}
.b24-search-form {
	position: relative;
}

.b24-searchmenu .btn {
	margin: 0 0 3px 0;
}

#b24-searchresult {
	position: absolute;
	overflow: hidden;
	right: 0;
	top: 100%;
	z-index: 1000;
	width: 100%;
	padding: 10px;
	margin: 2px 0 0;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
#searchbookingsbox {
	display: inline-block;
	width: auto;
}
.b24-searchresultbooking {
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
.jumbotron {
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
	border: 0;
}

.jumbotron p {
	font-size: inherit;
	font-weight: inherit;
	margin-bottom: 2px;
}

#scroller .table.fixedCol {
	width: auto;
	position: absolute;
}
.table.fixedCol th,
.table.fixedCol td {
	background: white;
}

.report2itemholder {
	max-height: 800px;
	overflow-y: auto;
}

.picturemenurows {
	margin-bottom: 5px;
}

.bootstrap-datetimepicker-widget td.day:hover {
	background: #eeeeee;
	cursor: pointer;
}
.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
	background: none;
	color: #777777;
	cursor: not-allowed;
}

/************************************************************************************
jquery overriedes
*************************************************************************************/

.fancybox-skin {
	padding: 0 0 5px 0 !important;
}

.background_boxpopup .setting_title_section {
	margin: 10px 0 5px 0;
}

/*design system*/

/* Text span layout */
.design-system .span-holder {
	display: flex;
	width: 37.5rem;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.54rem;
	margin-top: 0.54rem;
}
.design-system .span-single {
	width: 28.375rem;
	flex-shrink: 0;
	color: #112a49;
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	/*margin-top: 1rem;*/
}
/* Text span layout */
.design-system .span-holder {
	display: flex;
	width: 37.5rem;
	justify-content: space-between;
	align-items: center;
	/*margin-bottom: 0.54rem;*/
}
.design-system .span-single {
	width: 28.375rem;
	flex-shrink: 0;
	color: #112a49;
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	/*margin-top: 1rem;*/
}
.design-system .span-header {
	width: 10rem;
	white-space: break-spaces;
	flex-shrink: 0;
	color: #112a49;
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.design-system .span-body {
	width: 28.375rem;
	flex-shrink: 0;
	color: #112a49;
	font-family: Roboto, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
/* Alerts */
.design-system.alert {
	display: inline-flex;
	padding: 0.875rem 24.7125rem 0.875rem 1.3125rem;
	align-items: center;
	gap: 0.625rem;
	border-radius: 0.3125rem;
	width: 100%;
}
/* Buttons */
.design-system.btn {
	display: inline-flex;
	height: 2.667rem;
	padding: 0.3125rem 1.5625rem;
	justify-content: center;
	align-items: center;
	gap: 0.1875rem;
	flex-shrink: 0;
	border-radius: 1.25rem;
	border: none;
	color: #fff;
	/* Paragraph Text - Desktop Regular */
	font-family: Roboto, sans-serif !important;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	/* line-height: normal; */
}
/* Primary */
.design-system.btn-primary {
	background: var(--Blue-400, #019cde);
}
.design-system.btn-primary:hover {
	background: var(--Sky-Blue-500, #017baf);
}
.design-systembtn.btn-primary:not(:disabled):not(.disabled):active {
	background: var(--Blue-400, #019cde);
}
.design-system.btn-primary:visited {
	color: #fff !important;
}
/* Secondary */
.design-systembtn-secondary,
.design-system.btn-warning,
.design-system.btn-info,
.design-system.btn-danger {
	background-color: var(--Coral-400, #fe746c);
}
.design-system.btn-secondary:hover,
.design-system.btn-warning:hover,
.design-system.btn-info:hover,
.design-system.btn-danger:hover {
	background-color: var(--Coral-500, #c94348);
}
.design-system.btn-secondary:not(:disabled):not(.disabled):active,
.design-system.btn-warning:not(:disabled):not(.disabled):active,
.design-system.btn-danger:not(:disabled):not(.disabled):active,
.design-system.btn-info:not(:disabled):not(.disabled):active {
	background-color: var(--Coral-300, #fe9089);
}
.design-system.btn-secondary:not(:disabled):not(.disabled):focus,
.design-system.btn-warning:not(:disabled):not(.disabled):focus,
.design-system.btn-danger:not(:disabled):not(.disabled):focus,
.design-system.btn-info:not(:disabled):not(.disabled):focus {
	background-color: var(--Coral-400, #fe746c);
}
/* Tertiary */
.design-system.btn-tertiary,
.design-system.btn-default {
	border: 1px solid #c7c7c7;
	background: #fff;
	color: #112a49;
}
.design-system.btn-tertiary:visited {
	color: #112a49;
}
.design-system.btn-tertiary:hover,
.design-system.btn-default:hover {
	border: 1px solid #c7c7c7;
	background: #c7c7c7;
	color: #fff;
}
.design-system.btn-tertiary:not(:disabled):not(.disabled):active,
.design-system.btn-default:not(:disabled):not(.disabled):active {
	border: 1px solid #848484;
	background: #848484;
	color: #fff;
}
/* Modals */
.modal.design-system .modal-dialog {
	/*width: 40rem;*/
}
.modal.design-system .modal-content {
}
.modal.design-system .modal-header {
	display: flex;
	padding: 1.25rem 1.1875rem;
	justify-content: space-between;
	align-items: flex-start;
	color: #112a49;
	/* Heading 6 - Desktop Regular */
	font-family: Roboto, sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.modal.design-system .modal-title {
	color: #112a49;
	/* Heading 6 - Desktop Regular */
	font-family: Roboto, sans-serif;
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.modal.design-system .modal-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: left;
	gap: 1.125rem;
	padding-top: 0.54rem;
	padding-bottom: 0.54rem;
}
.modal.design-system .modal-body-content {
	color: #112a49;
	/* Paragraph Text - Desktop Regular */
	font-family: Roboto, sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.modal.design-system .modal-footer {
	display: flex;
	height: 4.875rem;
	padding: 1.4375rem 1.1875rem 1.5rem 1.1875rem;
	justify-content: flex-end;
	align-items: center;
	gap: 0.875rem;
}
.modal.design-system .modal-close {
	width: 0.8125rem;
	height: 1.0625rem;
	flex-shrink: 0;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path d="M10.6744 1.87857C11.1039 1.44909 11.1039 0.751601 10.6744 0.322115C10.245 -0.107372 9.54748 -0.107372 9.11799 0.322115L5.5 3.94354L1.87857 0.32555C1.44909 -0.103936 0.751601 -0.103936 0.322115 0.32555C-0.107372 0.755037 -0.107372 1.45252 0.322115 1.88201L3.94354 5.5L0.325551 9.12143C-0.103936 9.55091 -0.103936 10.2484 0.325551 10.6779C0.755037 11.1074 1.45252 11.1074 1.88201 10.6779L5.5 7.05646L9.12143 10.6744C9.55091 11.1039 10.2484 11.1039 10.6779 10.6744C11.1074 10.245 11.1074 9.54748 10.6779 9.11799L7.05646 5.5L10.6744 1.87857Z" fill="%23939393"/></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 100;
}
.design-system .modal-dialog-centered {
	min-height: calc(100vh - 60px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: auto;
	@media (max-width: 768px) {
		min-height: calc(100vh - 20px);
	}
}

/*design system end*/

@media only screen and (min-width: 768px) {
	html {
		height: 100%;
	}

	body {
		line-height: 1.2;
		padding: 0;
		border-top: none;
		overflow-x: visible;
	}

	input,
	select {
		font-size: 12px;
	}

	#container {
		/*new*/
		padding: 0;
		min-height: 450px;
	}

	.containerborder {
		/*new*/
		padding: 5px 10px 10px 10px;
		padding: 0;
		margin: 0 10px 0 10px;
		margin: 0;
	}

	/* desktop allow horizontal scroll on screen */
	.b24table-responsive {
		overflow-x: visible;
	}

	/************************************************************************************
Special commands for IE 6, 7, 8
*************************************************************************************/

	/************************************************************************************
Grid helpers for bigger screens
*************************************************************************************/
	.pagewidth {
		max-width: 100%;
	}

	.onecol {
		width: 5.801104972%;
	}

	.twocol {
		width: 14.364640883%;
	}

	.threecol {
		width: 22.928176794%;
	}

	.fourcol {
		width: 31.491712705%;
	}

	.fourcol {
		width: 31.491712705%;
	}

	.fivecol {
		width: 40.055248616%;
	}

	.sixcol {
		width: 48.618784527%;
	}

	.sevencol {
		width: 57.182320438000005%;
	}

	.eightcol {
		width: 65.74585634900001%;
	}

	.ninecol {
		width: 74.30939226%;
	}

	.tencol {
		width: 82.87292817100001%;
	}

	.elevencol {
		width: 91.436464082%;
	}

	.twelvecol {
		width: 99.999999993%;
	}

	.onecol,
	.twocol,
	.threecol,
	.fourcol,
	.fivecol,
	.sixcol,
	.sevencol,
	.eightcol,
	.ninecol,
	.tencol,
	.elevencol,
	.twelvecol {
		position: relative;
		float: left;
		margin-left: 2.762430939%;
	}

	.first {
		margin-left: 0;
	}

	.last {
		float: right;
	}

	.colpad {
		padding: 10px;
	}

	/************************************************************************************
special css for big screens
*************************************************************************************/
	#headermenu {
		float: left;
		margin: 15px 0 10px;
	}

	#headermenu li {
		display: inline;
		padding: 5px;
	}

	#headerlogo {
		float: left;
		margin: 0 10px 0 0;
	}

	.hide_helplink {
		display: inline-block;
	}

	#nav {
		width: 200px;
		float: left;
		margin-top: 10px;
		padding-left: 0px;
		overflow: hidden;
		border: 1px solid #e7e7e7;
		margin-bottom: 10px;
	}

	#navcontent {
	}

	#navmenu {
		padding-top: 0;
		white-space: nowrap;
	}

	.menu_border {
		margin: 0;
	}

	.menu_head {
		width: auto;
	}

	.menu_subhead {
		width: auto;
	}
	.menu_item {
		width: auto;
	}

	.menu_breadcrumb {
		display: block;
	}

	.menu_breadcrumb .orange,
	.menu_breadcrumb .blue,
	.menu_breadcrumb .purple,
	.menu_breadcrumb .paleblue,
	.menu_breadcrumb .darkgreen {
		color: #888888;
	}

	.navbar-brand {
		padding-left: 5px;
	}
	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}

	.cpmenu_support {
		background-color: #eea236;
		color: #ffffff !important;
		padding: 1px 5px;
		line-height: 1.1;
		border-radius: 3px;
	}

	.cpmenu_logout {
		padding-right: 5px;
	}
	.b24-searchmenu .form-group {
		margin-top: 5px;
	}

	.b24-searchmenu .btn {
		margin: 0;
	}

	#content_menu {
		margin: 10px 10px 0 220px;
	}
	#content_nomenu {
		margin: 0 10px 0 10px;
	}
	.floatingHeader {
		position: fixed;
		top: 0;
		visibility: hidden;
		background-color: #ffffff;
	}
	.pagetypecalendar #content_nomenu {
		padding: 20px 0 0 0;
	}

	.pagetitle {
		font-size: 150%;
	}

	.title_section {
		font-weight: bold;
	}

	.setting_row {
		padding: 0 0 5px 0;
	}

	.menu_pagetitle {
		max-width: none;
	}

	/*pop ups*/
	.stylecalculateroompricebutton {
		display: inline-block;
	}

	.styleflagpreset {
		display: inline-block;
	}

	.styleprinttemplatebuttons .btn {
		display: inline-block;
	}

	.styleupdatebuttons {
		float: right;
	}

	#amenitiesWidgetModal hr {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}
	.styleupdatebuttons .btn {
		display: inline-block;
		width: auto;
	}

	.editfield {
		padding: 0px 0px 5px 0px;
		border-bottom: none;
	}

	#footerdown {
		padding: 0 0 50px 0; /*height footer */
	}

	#footer {
		clear: both;
		height: 50px; /*footer down height of footer*/
		margin: -50px auto 0; /*footer down pull footer back into viewport and center*/
	}

	#footerinner {
		width: 500px;
		margin: 0 auto;
		padding: 0px 0px 0px 0px;
	}
} /*end media screen 768 */

/************************************************************************************
Nothing below here will run on screen width > 768
*************************************************************************************/

@media only screen and (max-width: 767px) {
	input,
	select {
		font-size: 16px !important; /*prevent zoom in*/
	}

	.cpmenu_mobile .glyphicon-phone {
		font-size: 200%;
	}

	#content_menu {
		margin: 5px;
	}

	.navbar-nav {
		margin: 0;
	}
	.calendarcontroldiv .navbar-nav {
		margin: 0;
	}
	.calendarcontroldiv {
		max-width: 768px;
		white-space: normal;
	}
	.calendarcontroldiv .inlineblock {
		display: block;
	}

	.calendarcontroldiv .menu_pagetitle {
		max-width: none !important;
		width: 100%;
	}

	.calendarcontroldiv .showfor,
	.calendarcontroldiv #showfrom {
		width: 100%;
	}

	.calendarcontroldiv .btn-xs {
		font-size: 16px;
	}

	#calendartableholder .table-responsive {
		overflow-y: visible !important;
	}

	.dashgrid_rowroomname {
		min-width: 70px;
		white-space: normal;
	}

	.background_box_2 input,
	.background_box_2 textarea,
	.background_box_2 select,
	.background_box_2 checkbox {
		margin-bottom: 10px;
	}

	.subaccountmenu {
		width: 100%;
	}

	.subaccountmenu .navbar-nav {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.subaccountmenu .navbar-form {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	#searchbookingsbox {
		width: 100%;
	}

	.b24-searchmenu .btn {
		width: 100%;
	}

	#searchbookingsbox {
		width: 100%;
	}

	.setting_title a {
		display: none;
	}

	#pricecheckermodal {
		font-size: 14px;
	}

	.pricecheck-price {
		text-align: left;
	}

	.pricecheck-offername {
		margin-bottom: 5px;
	}

	.booktextdiv {
		margin-bottom: 5px;
	}

	#tabcharges .invoicetable1 .dropdown-menu {
		position: relative;
	}

	.ticket-button-send {
		margin-top: 3px;
	}

	.xs-table-responsive {
		min-height: 1px;
		overflow-x: auto;
	}

	.booking-info-item {
		font-size: 120%;
	}

	.booking-info-item .btn-danger {
		padding: 1px 5px;
		line-height: 1.5;
	}
	.indexbox {
		min-height: 1px;
	}
}

/************************************************************************************
For print view
*************************************************************************************/
@media print {
	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}
	a[href]:after {
		content: none;
	}
}