.labelFont {font-size: 9pt; vertical-align: middle!important; margin-bottom: 5px!important; padding-top: 6px; }
.labelFont-bold {font-size: 9pt; vertical-align: middle!important; margin-bottom: 5px!important; padding-top: 6px; font-weight: 600;}
.labelFont-standard {font-size: 9pt; vertical-align: middle!important; margin-bottom: 5px!important; padding-top: 6px; font-weight: normal;}
.label-min-padding {padding: 7px 1px!important;}
.titleFont-sm {font-size: 8pt; vertical-align: top!important; }
.alertFont {font-size: 9pt; vertical-align: middle!important; font-weight: bold; }/*margin-bottom: 5px!important; padding-top: 6px;*/
.tabFont   {font-size: 9pt!important; vertical-align: middle!important; font-weight: bold; }
.standardFont {font-size: 9pt; vertical-align: middle!important; font-weight: normal;}
.alert {margin-bottom: 3px!important; padding: 8px!important;}
.close {line-height: 0.7!important;}
.panel {margin-bottom: 0!important;}
.panel-body {padding: 5px!important;}
.container-fluid {padding: 0 5px!important; /*max-width: 1020px;*/}
.min-padding {padding: 1px 4px!important;}
.min-padding-5 {padding: 0 5px!important;}
.min-padding-all {padding: 4px 4px!important;}
.min-left-right-padding {padding-left: 3px!important; padding-right: 3px!important;}
.row {margin: 0!important;}
.no-left-padding {padding-left: 0!important;}	
.no-right-padding {padding-right: 0!important;}
.form-control {font-size: 10pt!important; height: 32px!important;font-weight: normal!important; color: #111!important;}
.no-top-padding {padding-top: 0!important; margin-top: 0!important; margin-bottom: 0!important; padding-bottom: 0!important;}
.no-top-margin {margin-top: 0!important;}
.no-padding {padding: 0!important;}
.push-down {margin-top: 8px!important;}
.pull-up {padding-top: 0!important;}
.whiteBg {background-color: #FFF;}
.well {background-color: #D8EDD0!important; padding: 10px!important;background-image: linear-gradient(to bottom, #D8EDD0 0px, #f5f5f5 100%)!important; min-height: 35px;}
a.whiteFont:link, a.whiteFont:active, a.whiteFont:visited {
    color:#fff; text-decoration:none;
}
a.blackFont:link, a.blackFont:active, a.blackFont:visited {
    color:#000; text-decoration:none;
}
textarea.form-control 
{
	height: auto!important;
}
.standardFont {vertical-align: top!important;}
	.dataTables_wrapper {
	  /*display: inline-block;*/
	  font-size: 10pt!important;
	}
/*Tooltips*/
.white-tooltip + .tooltip > .tooltip-inner {background-color: #555; color: #FFF; text-align: left; border-color: #444;}
.white-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#555; color: #FFF;  text-align: left;}
.requiredField {font-weight: bold; line-height: 10px;}
.dropdown-menu {color: #111; font-size: 12px; line-height: 1.3;}
.navbar-inverse .navbar-nav > li > a {color: #DDD;}

.tabs .tab-content {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #ddd #ddd;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 1em 1em 0 1em;
}

.spaced {margin-bottom: 10px!important;; margin-top: 10px!important;;}

.titleTD {padding: 13px 13px 13px 16px!important; background-color: #D0E9F5; color: #31708f;  font-size: 12pt;}

.small-title {text-align: right; padding-right: 8px!important;}

.text-right {text-align: right!important;}

.date-field {width: 100px;}

.number-field {width: 100px;}

.ref-field {width: 140px;}

.rfTop {line-height: 0.5!important;}

.give-space {margin-right: 20px;}

.display-menu {
    text-decoration: none!important;
    color: #333!important;
}

.sub-heading {
    background-color: #DFF0D8;
    color: #5A763D;
    padding: 5px;
}

.navbar-inverse {
    background-color: #0d73a3!important;
    border-color:#0d73a3;
}
/*#0d73a3;

#086699;*/

.nav > li > a {
    padding: 15px 12px!important;
}

.fixed-width-120 {
    width: 120px!important;
}

.form-group-compact {
    margin-bottom: 4px!important;
}

.nav a:link, .navbar-brand {text-decoration: none; font-family: 'Roboto Condensed', sans-serif; font-size: 13pt; font-weight: normal;}
    .navbar-header a:link {text-decoration: none;}

.plain-menu {
    font-family: Arial,Helvetica,sans-serif!important; font-size: 11pt!important;"
 }

#header-image {
    max-width: 1000px;
    margin: 0 auto;
}

#logo {
    float: left;
    margin: 15px 10px;
}

.no-underline {text-decoration: none!important;}

p {
    margin: 10px 0 10px 0;
}

.panel-no-border {
    border: 0;
    box-shadow: none;
}

h5, h6, .h5, .h6 {
    color: #b36200!important;
}

h1, .h1 {
    color: #000!important;
    margin-bottom: 20px;
}

h2, .h2 {
    color: #0064a3!important;
}

h4, .h4{
    color: #0064a3!important;
    margin-bottom: 20px;
    margin-top: 20px;
}

.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 100%; /* 4:3 Aspect Ratio */
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  /* For mobile phones: */
  
  #no-show-div{
    display:none;
  }

  #side-content {
    float: left;
    padding-top:10px!important;
  }
}

.equal{  
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
  }

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
  flex-grow: 1;
}

.hr-showcase{
  width:100%;
  text-align:center;
  color:#0d73a3;
  background-color:#0d73a3;
  height:2px;
}

@media (min-width: 769px) {
  #side-content {
    float: right;
    padding-left: 10px!important;
    border-left: 1px solid ##ddd;
  }
}

.preview img {
  border: 3px solid #0685aa;
  border-radius: 1em;
  height: auto;
  overflow: hidden;
  width: 100%;
  padding: 0!important;
}

#footer {
    width:100%;
    height:95px;
    /*background-image: url(images/footer.jpg);*/
    min-width: 800PX;

} 

#footer A:LINK {
color:white!important;
text-decoration:none;
}

#footer A:ACTIVE {
color:white!important;
text-decoration:none;
}


#footer A:VISITED {
color:white!important;
text-decoration:none;
}


#footer A:HOVER {
color:white!important;
text-decoration:underline;
}


#footer-text {
    position:relative;
    top:75px;
    bottom:4px;
    width:800px;
    text-align:center;
    color:white;
}

.required-field {background-color: #ffffe6!important;}

.box {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
}

.pending {
  background-color: #A59D84!important;
  color: #fff!important;
}

.paidRoomAllocated {
  background-color: #008000!important;
  color: #fff!important;
}

.paidRoomNotAllocated {
  background-color: #FFBF00!important;
}

.notPaid {
  background-color: #FF0000!important;
  color: #fff!important;
}

.available {
  background-color: #00FF00!important;
}

.partPayment {
  background-color: #800080!important;
  color: #fff!important;
}

.notPaidRoomAllocated {
  background-color: #0000FF!important;
  color: #fff!important;
}

.redtext {
    color: #FF0000!important;
}

.yellowbackground {
  background-color: #fcff33!important;
}

.startOfMonth {
    background-color: #000!important;
    color: #fff!important;
}

.weekend {
    color: #fd030b!important;
}

.icon-black{
    color: #000;
}
.icon-white{
    color: #fff;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

.row-full{
  width: 100%;
  position: absolute;
  margin-left: -50vw;
  height: 100px;
  margin-top: 100px;
  left: 0;
}


@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}