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

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

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
	url('fonts/icomoon.ttf') format('truetype'),
	url('fonts/icomoon.woff') format('woff'),
	url('fonts/icomoon.svg#icomoon') format('svg');
	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.0;
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: .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: .25rem !important;
}

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

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

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

.mt-2
margin-top: .5rem !important;
}
.mr-2
margin-right: .5rem !important;
}
.mb-2{
margin-bottom: .5rem !important;
}
.ml-2{
margin-left: .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: .125rem .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,.125);
border-radius: .25rem;
}

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

.card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.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, .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("ic_document.png");
height: 44px;
background-repeat: no-repeat;
}
.stat_two{
background-image: url("ic_money.png");
height: 44px;
background-repeat: no-repeat;
}
.stat_three{
background-image: url("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("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: .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: .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{
margin: ;
}

.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,.125);
border-radius: 0.8rem;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25) !important;
margin-top: .5rem;
margin-bottom: .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: .65rem 1rem;
background-color: #FFFFFF;
border-radius: .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,.15);
-moz-box-shadow: 6px 5px 9px -9px black,5px 6px 9px -9px rgba(255,255,255,.15);
box-shadow: 6px 5px 9px -9px black,5px 6px 9px -9px rgba(255,255,255,.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,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);	
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(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, .15);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(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;}
}