/* ****************************************************** */
/* Bootstrap style alterations */
/* ****************************************************** */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.428571429;
  color: #4a4949;
  background-color: #fff;
}



.panel-head {font-size:20px !important;}

.panel > .panel-heading-grey {
    background-image: none;
    background-color: lightgray !important;
    color: black !important;
    border-color:darkgrey;
    text-transform: capitalize !important;
}

.panel-primary-grey {
  border-color: darkgray !important;
}


.signin_main { margin-bottom: 10px;}
.signin_main h3 { margin-top: 0px; color: #9a0900;}
.form-control, select {
  height: 31px;
  border-radius: 0px;
}
.border-none {
  border: 0 !important;
  -webkit-appearance: none !important;
}
.form-control {
  padding: .5em;
}
select:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
  padding: 0 .5em;
  padding-right: 1.5em
}
#disabledInput {
  color: #000 !important;
}
.btn {
  font-size: 16px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}
.btn:hover {
/* background-position: 0 -15px;*/ 
  color: #fff;
  text-decoration: none;
}
.btn-default {
  background-color: hsl(0, 0%, 79%);
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(hsl(0, 0%, 121%)), to(hsl(0, 0%, 79%)));
  background-image: -moz-linear-gradient(top, hsl(0, 0%, 121%), hsl(0, 0%, 79%));
  background-image: -ms-linear-gradient(top, hsl(0, 0%, 121%), hsl(0, 0%, 79%));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(0, 0%, 121%)), color-stop(100%, hsl(0, 0%, 79%)));
  background-image: -webkit-linear-gradient(top, hsl(0, 0%, 121%), hsl(0, 0%, 79%));
  background-image: -o-linear-gradient(top, hsl(0, 0%, 121%), hsl(0, 0%, 79%));
  background-image: linear-gradient(hsl(0, 0%, 121%), hsl(0, 0%, 79%));
  border-color: hsl(0, 0%, 79%) hsl(0, 0%, 79%) hsl(0, 0%, 68.5%);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
}
.btn-primary {
  color: #ffffff;
  background-color: #9a0900;
  background-image: -webkit-linear-gradient(top,#9a0900 0,#9a0900 100%);
  background-image: -o-linear-gradient(top,#9a0900 0,#9a0900 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#9a0900),to(#9a0900));
  background-image: linear-gradient(to bottom,#9a0900 0,#9a0900 100%);
  border-color: #9a0900;
}
.btn-primary:hover, .btn-primary:focus  {
  color: #ffffff;
  background-color: #000;
  background-image: -webkit-linear-gradient(top,#000 0,#000 100%);
  background-image: -o-linear-gradient(top,#000 0,#000 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#000),to(#000));
  background-image: linear-gradient(to bottom,#000 0,#000 100%);
  border-color: #000;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	background: -moz-linear-gradient(top,  #66b2cc 50%, #33a6cc 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#66b2cc), color-stop(50%,#33a6cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #66b2cc 50%,#33a6cc 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #66b2cc 50%,#33a6cc 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #66b2cc 50%,#33a6cc 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #66b2cc 50%,#33a6cc 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b2cc', endColorstr='#33a6cc',GradientType=0 ); /* IE6-9 */
}
.btn-default:active, .btn-default.active {
	background: -moz-linear-gradient(top,  #267c99 50%, #007299 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#267c99), color-stop(50%,#007299)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #267c99 50%,#007299 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #267c99 50%,#007299 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #267c99 50%,#007299 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #267c99 50%,#007299 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267c99', endColorstr='#007299',GradientType=0 ); /* IE6-9 */
}
.btn-yellow {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-blue {
  color: #ffffff;
  background-color: #9a0900;
  background-image: -webkit-linear-gradient(top,#9a0900 0,#9a0900 100%);
  background-image: -o-linear-gradient(top,#9a0900 0,#9a0900 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#9a0900),to(#9a0900));
  background-image: linear-gradient(to bottom,#9a0900 0,#9a0900 100%);
  border-color: #9a0900;
}
.btn-blackstone {
  margin-top: 5px;
  width: 197px;
}
.btn-small {
  font-size: 13px;
  padding: 4px; 
}
.navbar-default {
  border: 0 !important;
  background-image: none;
  background-color: transparent !important;
  padding: 10px 0px 5px;
}

.navbar-default .navbar-nav > li > a {
    color: #1b1b1b;
    font-size: 16px;
}
.nav>li>a { color: #1b1b1b;}
.navbar-default .navbar-nav > li > a:hover, .nav>li>a:hover {
  color: #9a0900;
}
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {
    background-image: none;
    background-color: transparent !important;
    box-shadow: none;
  }
  .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a:hover, .nav>.active>a:hover, .nav>.open>a:hover {

    color: #9a0900;
  }


        .paging
        {
        }
         
        .paging a
        {
            background-color: #9a0900;
            padding: 9px 9px;
            text-decoration: none;
            border: 1px solid #ffffff;
        }
         
        .paging a:hover
        {
            background-color:azure;
            color: #00C157;
            border: 1px solid #ffffff;
        }
         
        .paging span
        {
            background-color: #5bc0de;
            padding: 9px 9px;
            color: #fffefe;
            border: 1px solid #ffffff;
        }
         
        tr.paging
        {
            background: none !important;
            border:none !important;
        }
         
        tr.paging tr
        {
            background: none !important;
        }
        tr.paging td
        {
            border: none;
        }
          tr.paging td::before
        {
             content:none !important;
        }

         tr.paging table,  tr.paging  thead,  tr.paging  tbody,  tr.paging  th,  tr.paging  td, tr.paging tr {
        
            padding-left:0px!important;
            content:none !important;
            border:none !important;
            padding-right:3px;
  }


@media (max-width: 1024px) {
   tr.paging table,  tr.paging  thead,  tr.paging  tbody,  tr.paging  th,  tr.paging  td, tr.paging tr {
            display:inline-block!important;
            
  }
    .header-pull-back {
    float:left !important;
  }
    .panel-head {font-size:17px !important;}


}

@media (max-width: 767px) {
  .navbar-default .navbar-responsive-collapse {
    background-color: #eee;
    border: 1px solid #ddd;
  }
  .navbar-default .navbar-nav > li {
    border-bottom: 1px #f2f2f2 solid; 
  }
   tr.paging table,  tr.paging  thead,  tr.paging  tbody,  tr.paging  th,  tr.paging  td, tr.paging tr {
            display:inline-block!important;
            
  }
  .navbar-default .navbar-nav > li > a {
      font-size: 14px;
      padding-top: 5px;
      padding-bottom: 5px;
  }
}
/*!
*	Amenities Navbar: Begin
*/
.navbar-amenities {
  background-color: #9a0900 !important;
  color: #ffffff;
  padding: 0;
}
.navbar-amenities .navbar-brand {
    color: #ffffff;
}
.navbar-amenities .navbar-nav > li > a {
    color: #ffffff;
    font-size: 16px;
}
.navbar-amenities .navbar-nav > li > a:hover,.navbar-amenities .nav>li>a:hover {
  color: #ffffff;
  background-color: #555;
}
.navbar-amenities .navbar-nav>.active>a, .navbar-amenities .navbar-nav>.open>a, .navbar-amenities .navbar-nav>.active>a:focus, .navbar-amenities .navbar-nav>.active>a:hover {
    color: #ffffff;
    background-color: #555 !important;
}
/*!
*	Amenities Navbar: End
*/
/*!
*	
*	Custom Bootstrap CSS for changes to Blackstone 
*	Created by - Aravind
*/

.pnlDefault fieldset legend {
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 1.428571429;
  color: #4a4949;
  font-weight: 700;
}
.form-control-textonly {
  padding-top:7px;
}
.bs-form-section {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ddd;
    padding: 1em;
    text-align: left;
}
.font-size-16 { font-size:16px !important;}
.font-size-14 { font-size:14px !important;}
.font-size-13 { font-size:13px !important;}
.font-size-12 { font-size:12px !important;}
.font-size-11 { font-size:11px !important;}
.font-size-10 { font-size:10px !important;}
.font-weight-normal { font-weight: normal !important;}
.font-weight-bold { font-weight:bold !important; }
.text-capitalize {
  text-transform: capitalize !important;
}
.text-transform-none {
  text-transform: none !important;
}
.height-2400 { min-height: 2400px;}
.show-vertical-scroll {overflow-y:scroll; overflow: -moz-scrollbars-vertical;}
.no-cursor { cursor: not-allowed;}
.no-padding { padding: 0px !important;}
.no-margin { margin: 0px !important;}
.no-float { float: none !important;}
.no-text-decoration { text-decoration: none !important;}
.break-word {
  overflow-wrap: break-word;  
}
.center-block-important { 
	display:block !important; 
	margin-left: auto !important;
	margin-right: auto !important;
}
.text-right-important { text-align: right !important;}
.text-left-important { text-align: left !important;}
.vertical-align-parent {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.vertical-align-element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.margin-top-0 { margin-top: 0px !important;}
.margin-top-5 { margin-top: 5px !important;}
.margin-top-10 { margin-top: 10px !important;}
.margin-top-20 { margin-top: 20px !important;}
.margin-bottom-20 { margin-bottom: 20px !important;}
.margin-bottom-15 { margin-bottom: 15px !important;}
.margin-bottom-10 { margin-bottom: 10px !important;}
.margin-bottom-5 {margin-bottom: 5px !important;}
.margin-bottom-0 { margin-bottom: 0px !important;}
.margin-left-0 { margin-left: 0px !important;}
.margin-left-5 { margin-left: 5px !important;}
.margin-left-10 { margin-left: 10px !important;}
.margin-left-15 { margin-left: 15px !important;}
.margin-left-20 { margin-left: 20px !important;}
.margin-left-30 { margin-left: 30px !important;}
.margin-right-20 { margin-right: 20px !important;}
.margin-right-10 { margin-right: 10px !important;}
.margin-right-0 { margin-right: 0px !important;}
.padding-left-0 { padding-left:0px !important;}
.padding-left-5 {padding-left:5px !important;}
.padding-left-10 {padding-left:10px !important;}
.padding-left-20 {padding-left:20px !important;}
.padding-right-0 { padding-right:0px !important;}
.padding-right-10 { padding-right:10px !important;}
.padding-right-20 { padding-right:20px !important;}
.padding-bottom-0 { padding-bottom:0px !important;}
.padding-bottom-10 { padding-bottom:10px !important;}
.padding-bottom-15 { padding-bottom:15px !important;}
.padding-bottom-20 { padding-bottom:20px !important;}
.padding-top-0 { padding-top:0px !important;}
.padding-top-5 { padding-top:5px !important;}
.padding-top-10 { padding-top:10px !important;}
.padding-top-15 { padding-top:15px !important;}
.padding-top-20 { padding-top:20px !important;}
.width-100 {
  width: 100%;
}
.width-90 {
  width: 90%;
}
.form-horizontal label.control-label-small {
    font-size: 10.75px;
    font-weight: 400;
    padding-top: 0;
    letter-spacing: .5pt;
    margin: .188em 0 .75em;
}
span.required-text {
    font-size: 10.75px;
    font-weight: 400;
    letter-spacing: .5pt;
}
.red {
  color: red;
}
.bs-red {
  color: #9a0900;
}
.table {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  border-color: #337ab7;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.table-striped thead{
    color: #fff;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-image: -webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#2e6da4 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));
    background-image: linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
    background-color: #337ab7;
    border-color: #337ab7;
}
/* ****************************************************** */
/** Blackstone specific styles: BEGIN **/
/* ****************************************************** */
.black-bar {
    background: #1b1b1b;
    color: #fff;
    padding: 5px 0;
    font-size: 13px;
}
.download_app {
    margin: 10px 0;
}
.tag-line {
    padding-top: 5px;
    font-size: 13px;
}
.main-footer {
  margin-top: 70px;
  background: #202020 url("../images/bg-footer-top.png") top left repeat-x;
  color: #ffffff;
}
.main-footer h4 {
  background: #aaaaaa;
  text-align: center;
  color: #101010;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.widget-inner {
  text-align: center;
  padding: 0 10% 20px 0;
}
.copyrights-box {
  background: #101010;
  color: #FFF;
  font-size: 13px;
  padding: 10px 0;
}
@media (min-width: 1200px) {
  .container-fluid {
    width: 1170px;
  }

  .col-main-content {
    border: 1px solid #ddd;
    border-width: 1px 1px 1px 0;
    padding: 10px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .blackstone-corporate-logo { width: 225px !important; padding-top: 5px;
  }
}
@media (min-width: 768px) {
  .col-main-content {
    border: 1px solid #ddd;
    border-width: 1px 1px 1px 0;
    padding: 10px;
  }
  /* Match column heights */
  .display-as-table {
    overflow: hidden; 
    border: 1px solid #ddd;
    border-width: 0 0 1px 0;
  }

  .display-as-table #sidebar, .display-as-table .col-main-content {
      margin-bottom: -99999px;
      padding-bottom: 99999px;
  }
}
@media (max-width: 767px) {
  body { font-size: 13px;
  }
  .container-fluid {
    padding-right: 5px;
    padding-left: 5px;
  }


  .bs_formcontainer .col-xs-12 {
    padding-right: 10px;
    padding-left: 10px;
  }
  h3 { font-size: 16px;
  }
  h4 { font-size: 15px;
  }
  .btn { font-size: 13px;
  }
	.margin-bottom-5-mobile { margin-bottom: 5px !important;}
	.text-left-mobile-important { text-align: left !important;}	
	.text-right-mobile-important { text-align: right !important;}
	.text-center-mobile-important { text-align: center !important;}	
	.no-padding-mobile { padding: 0px !important;}
	.no-margin-mobile { margin: 0px !important;}
  .mobile-font-size-11 { font-size: 11px !important;}
  .mobile-font-size-12 { font-size: 12px !important;}
  .mobile-font-size-13 { font-size: 13px !important;}
  .blackstone-corporate-logo { width: 175px !important; padding-top: 10px;
  }
  .bs-table-section {
      background: none;
      border: none;
      padding: 0;
      text-align: left;
  }
  .pnlDefault {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (min-width: 481px){
  .download_app {
      display: none;
  }
}
@media screen and (max-width: 480px){
  .tag-line, .header-social {
      display: none;
  }
}
/* ****************************************************** */
/** Blackstone specific styles: END **/
/* ****************************************************** */

/* ****************************************************** */
/** Styles to fix file upload functionality: BEGIN **/
/* ****************************************************** */
  .inputfile {
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1;
  }

  .no-js .inputfile + label {
    display: none;
  }
  .inputfile + label {
    cursor: pointer;
  }
  .inputfile:focus + label,
  .inputfile.has-focus + label {
	  outline: 1px dotted #000;
	  outline: -webkit-focus-ring-color auto 5px;
  }
  .inputfile + label * {
	  pointer-events: none;
  }
/* ****************************************************** */
/** Styles to fix file upload functionality: END **/
/* ****************************************************** */

/* ****************************************************** */
/* TABLE STYLES TO ACCOUNT FOR RESPONSIVENESS: BEGIN      */
/* Max width before this PARTICULAR table gets nasty
   This query will take effect for any screen smaller than 
   760px and also iPads specifically.
*/
/* ****************************************************** */
@media only screen and (max-width: 991px), (min-device-width: 768px) and (max-device-width: 1024px) {

  .table-bordered {
    border: none;
  }

  /* Force table to not be like tables anymore */
  table.table, .table thead, .table tbody, .table th, .table td, .table tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .table tr {
    border: 1px solid #ccc;
    margin: 0 0 10px 0;
  }
  .table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 25%;
  }

  .table > tbody > tr > td {
    min-height: 38px;
    font-size: 13px;
    overflow-wrap: break-word;
  }

  .table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    left: 6px;
 
    padding-right: 10px;
    white-space: nowrap;
  }

  /*
	Label the data	
	*/
  /* alteration table styles */
  .alterationNotes td:nth-of-type(1):before {
    content: "Date";
    font-weight: bold;
    text-align: left;
  }

  .alterationNotes td:nth-of-type(2):before {
    content: "Name";
    font-weight: bold;
    text-align: left;
  }

  .alterationNotes td:nth-of-type(3):before {
    content: "Action";
    font-weight: bold;
    text-align: left;
  }

  .alterationNotes td:nth-of-type(4):before {
    content: "Notes";
    font-weight: bold;
    width: 95%;
    text-align: left;
  }



  /* Account table styles */
  .tableAccountList td:nth-of-type(1):before {
    content: "Name";
    font-weight: bold;
    text-align: left;
  }

  .tableAccountList td:nth-of-type(2):before {
    content: "Address";
    font-weight: bold;
    text-align: left;
  }


    /* tasklist table styles */
  .tableTaskList td:nth-of-type(1):before {
    content: "Task";
    font-weight: bold;
    text-align: left;
  }

  .tableTaskList td:nth-of-type(2):before {
    content: "Assigned To";
    font-weight: bold;
    text-align: left;
  }

  .tableTaskList td:nth-of-type(3):before {
    content: "Due Date";
    font-weight: bold;
    text-align: left;
  }



  .tableTaskList td:nth-of-type(4):before {
    content: "Status";
    font-weight: bold;
    text-align: left;
  }

  .tableTaskList td:nth-of-type(5):before {
    content: "";
    font-weight: bold;
    width: 95%;
    text-align: left;
  }




  /* meetinglist table styles */
  .tableMeetingList td:nth-of-type(1):before {
    content: "Meeting Title";
    font-weight: bold;
    text-align: left;
  }

  .tableMeetingList td:nth-of-type(2):before {
    content: "Meeting Date";
    font-weight: bold;
    text-align: left;
  }

  .tableMeetingList td:nth-of-type(3):before {
    content: "Meeting Time";
    font-weight: bold;
    text-align: left;
  }

  .tableMeetingList td:nth-of-type(4):before {
    content: "Address";
    font-weight: bold;
    text-align: left;
  }

  .tableMeetingList td:nth-of-type(5):before {
    content: "";
    font-weight: bold;
    width: 95%;
    text-align: left;
  }

  /* invoicelist table styles */
  .tableInvoiceList td:nth-of-type(1):before {
    content: "Vendor Name";
    font-weight: bold;
    text-align: left;
  }

  .tableInvoiceList td:nth-of-type(2):before {
    content: "Amount";
    font-weight: bold;
    text-align: left;
  }

  .tableInvoiceList td:nth-of-type(3):before {
    content: "ID#";
    font-weight: bold;
    text-align: left;
  }

  .tableInvoiceList td:nth-of-type(4):before {
    content: "Date Due";
    font-weight: bold;
    text-align: left;
  }

  .tableInvoiceList td:nth-of-type(5):before {
    content: "Status";
    font-weight: bold;
    text-align: left;
  }

  .tableInvoiceList td:nth-of-type(6):before {
    content: "Director Status";
    font-weight: bold;
    text-align: left;
  }

  .tableInvoiceList td:nth-of-type(7):before {
    content: "Director Amount";
    font-weight: bold;
    text-align: left;
  }

  .tableInvoiceList td:nth-of-type(8):before {
    content: "Paid?";
    font-weight: bold;
    text-align: left;
  }

  .tableInvoiceList td:nth-of-type(9):before {
    content: "";
    font-weight: bold;
    width: 95%;
  }
  /* invoice budget table styles */
  .tableInvoiceBudget td:nth-of-type(1):before {
    content: "Account";
    font-weight: bold;
    text-align: left;
  }

  .tableInvoiceBudget td:nth-of-type(2):before {
    content: "Amount";
    font-weight: bold;
    text-align: left;
  }

  .tableInvoiceBudget td:nth-of-type(3):before {
    content: "Available \00000A Balance";
    white-space : pre;
    font-weight: bold;
    text-align: left;
    line-height: 1em;
  }
  .tableInvoiceBudget td:nth-of-type(3) {
    height: 45px;
  }
  .tableInvoiceBudget td:nth-of-type(4):before {
    content: "Account \00000A Total \00000A Budget";
    white-space : pre;
    font-weight: bold;
    text-align: left;
    line-height: 1em;
  }
  .tableInvoiceBudget td:nth-of-type(4) {
    height: 55px;
  }
  .tableInvoiceBudget td:nth-of-type(5):before {
    content: "Actions";
    font-weight: bold;
    width: 95%;
    text-align: left;
  }
  /* approval notes table styles */
  .tableInvoiceNotes td:nth-of-type(1):before {
    content: "Date";
    font-weight: bold;
    text-align: left;
  }

  .tableInvoiceNotes td:nth-of-type(2):before {
    content: "Name";
    font-weight: bold;
    text-align: left;
  }

  .tableInvoiceNotes td:nth-of-type(3):before {
    content: "Action";
    font-weight: bold;
    text-align: left;
  }

  .tableInvoiceNotes td:nth-of-type(4):before {
    content: "Notes";
    font-weight: bold;
    width: 95%;
    text-align: left;
  }

  /* invoicelist table styles */
  .tableViolationsList td:nth-of-type(1):before {
    content: "ID";
    font-weight: bold;
    text-align: left;
  }
  .tableViolationsList td:nth-of-type(1) span {
    overflow-wrap: normal;
  }
  .tableViolationsList td:nth-of-type(2):before {
    content: "Address";
    font-weight: bold;
    text-align: left;
  }

  .tableViolationsList td:nth-of-type(3):before {
    content: "Description";
    font-weight: bold;
    text-align: left;
  }

  .tableViolationsList td:nth-of-type(4):before {
    content: "Status";
    font-weight: bold;
    text-align: left;
  }

  .tableViolationsList td:nth-of-type(5):before {
    content: "Date";
    font-weight: bold;
    text-align: left;
  }

  .tableViolationsList td:nth-of-type(6):before {
    content: "Hearing Date";
    font-weight: bold;
    text-align: left;
  }

  .tableViolationsList td:nth-of-type(7):before {
    content: "Hearing Time";
    font-weight: bold;
    text-align: left;
  }

  .tableViolationsList td:nth-of-type(8):before {
    content: "Hearing Location";
    font-weight: bold;
    text-align: left;
  }

  .tableViolationsList td:nth-of-type(9):before {
    content: "Fine";
    font-weight: bold;
    text-align: left;
  }
  .tableViolationsList td:nth-of-type(10):before {
    content: "";
    font-weight: bold;
    width: 95%;
  }

  /* MeetingAgenda table styles */
  .tableMeetingAgenda td:nth-of-type(1):before {
    content: "";
    font-weight: bold;
    width: 95%;
  }
  .tableMeetingAgenda td:nth-of-type(2):before {
    content: "";
    font-weight: bold;
    width: 95%;
  }
  .tableMeetingAgenda > tbody > tr > td {
    padding-left: 8px;
  }

  /* collectionlist table styles */
  .tableCollectionList td:nth-of-type(1):before {
    content: "Project";
    font-weight: bold;
    text-align: left;
  }

  .tableCollectionList td:nth-of-type(2):before {
    content: "Name";
    font-weight: bold;
    text-align: left;
  }

  .tableCollectionList td:nth-of-type(3):before {
    content: "Address";
    font-weight: bold;
    text-align: left;
  }

  .tableCollectionList td:nth-of-type(4):before {
    content: "Current Balance";
    font-weight: bold;
    text-align: left;
  }

  .tableCollectionList td:nth-of-type(5):before {
    content: "Status";
    font-weight: bold;
    text-align: left;
  }

  .tableCollectionList td:nth-of-type(6):before {
    content: "";
    font-weight: bold;
    width: 95%;
    text-align: left;
  }

  /* alterationlist table styles */
  .tableAlterationList td:nth-of-type(1):before {
    content: "Address";
    font-weight: bold;
    text-align: left;
  }

  .tableAlterationList td:nth-of-type(2):before {
    content: "First Name";
    font-weight: bold;
    text-align: left;
  }

  .tableAlterationList td:nth-of-type(3):before {
    content: "Last Name";
    font-weight: bold;
    text-align: left;
  }

  .tableAlterationList td:nth-of-type(4):before {
    content: "Status";
    font-weight: bold;
    text-align: left;
  }

  .tableAlterationList td:nth-of-type(5):before {
    content: "Date";
    font-weight: bold;
    text-align: left;
  }

  .tableAlterationList td:nth-of-type(6):before {
    content: "";
    font-weight: bold;
    width: 95%;
    text-align: left;
  }

  /* maintenancelist table styles */
  .tableMaintenanceList td:nth-of-type(1):before {
    content: "Project";
    font-weight: bold;
    text-align: left;
  }

  .tableMaintenanceList td:nth-of-type(2):before {
    content: "Name";
    font-weight: bold;
    text-align: left;
  }

  .tableMaintenanceList td:nth-of-type(3):before {
    content: "ID #";
    font-weight: bold;
    text-align: left;
  }

  .tableMaintenanceList td:nth-of-type(4):before {
    content: "Type of Work";
    font-weight: bold;
    text-align: left;
  }

  .tableMaintenanceList td:nth-of-type(5):before {
    content: "Status";
    font-weight: bold;
    text-align: left;
  }

  .tableMaintenanceList td:nth-of-type(6):before {
    content: "Chargeback";
    font-weight: bold;
    text-align: left;
  }

  .tableMaintenanceList td:nth-of-type(7):before {
    content: "Date Submitted";
    font-weight: bold;
    text-align: left;
  }

  .tableMaintenanceList td:nth-of-type(8):before {
    content: "";
    font-weight: bold;
    width: 95%;
    text-align: left;
  }

  /* directorlist table styles */
  .tableDirectorList td:nth-of-type(1):before {
    content: "Name";
    font-weight: bold;
    text-align: left;
  }

  .tableDirectorList td:nth-of-type(2):before {
    content: "Title";
    font-weight: bold;
    text-align: left;
  }

  .tableDirectorList td:nth-of-type(3):before {
    content: "Email";
    font-weight: bold;
    text-align: left;
  }

  .tableDirectorList td:nth-of-type(4):before {
    content: "Phone";
    font-weight: bold;
    text-align: left;
  }

  .tableDirectorList td:nth-of-type(5):before {
    content: "Address";
    font-weight: bold;
    text-align: left;
  }

  .tableDirectorList td:nth-of-type(6):before {
    content: "Expiration";
    font-weight: bold;
    text-align: left;
  }
 
  /* Bids table styles */
  .tableBidsList td:nth-of-type(1):before {
    content: "ID";
    font-weight: bold;
    text-align: left;
  }

  .tableBidsList td:nth-of-type(2):before {
    content: "Project";
    font-weight: bold;
    text-align: left;
  }

  .tableBidsList td:nth-of-type(3):before {
    content: "Job Title";
    font-weight: bold;
    text-align: left;
  }

  .tableBidsList td:nth-of-type(4):before {
    content: "status";
    font-weight: bold;
    text-align: left;
  }

  .tableBidsList td:nth-of-type(5):before {
    content: "Due Date";
    font-weight: bold;
    text-align: left;
  }

 
   
}
/* ****************************************************** */
/* TABLE STYLES TO ACCOUNT FOR RESPONSIVENESS: END      */
/* ****************************************************** */

/** Success, info, warning, error, validation message styles: BEGIN **/
/* ****************************************************** */
div.info, div.success, div.warning, div.error, div.validation {
  border: 1px solid black;
  margin: 10px 0px 10px 0px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  text-shadow: 0px 0px 0 rgba(0, 0, 0, 0);
}
div.info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url(../images/info.png);
  margin-left: auto ;
  margin-right: auto ;
  margin-top: 0;
}
div.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url(../images/success.png);
  font-size: 15px;
  margin-left: auto ;
  margin-right: auto ;
}
div.towing-success {
  color: #4F8A10;
  font-size: 15px;
  margin-left: auto ;
  margin-right: auto ;
}
.lblTips
{
  color: #4f8A10;
  background-color: #DFF2BF;
  background-image:url(../images/success.png);
  border: 1px solid black;
  margin: 10px 10px 10px 0px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  text-shadow: 0px 0px 0 rgba(0, 0, 0, 0);
}
div.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url(../images/warning.png);
}
div.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url(../images/error.png);
}
div.validation {
  color: #D63301;
  background-color: #FFCCBA;
  background-image: url(../images/error.png);
}
div.message-container {
	margin-bottom:10px;
}

div.black, div.black strong {
	color:#000;
}
@media screen and (min-width: 0) and (max-width: 550px) {
		/* Alert Info */
    div.info {
      color: #00529B;
      background-color: #BDE5F8;
      background-image: url(../images/info.png);
      margin-left: auto ;
      margin-right: auto ;
    }
}
/* ****************************************************** */
/** Success, info, warning, error, validation message styles: END **/
/* ****************************************************** */

/* ****************************************************** */
/** Sidebar menu styles: BEGIN **/
/* ****************************************************** */
#sidebar {
  height: 100%;
  padding-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #eee;
  border: 1px solid #ddd;
}
#sidebar .nav {
  width: 95%;
}
#sidebar li {
  border:0 #f2f2f2 solid;
  border-bottom-width:1px;
}

/* collapsed sidebar styles */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -41.6%;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -41.6%;
  }
  .row-offcanvas-right.active {
    right: 41.6%;
  }
  .row-offcanvas-left.active {
    left: 41.6%;
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 41.6%;
  }
  #sidebar {
    background-color:#3b3b3b;
    padding-top:0;
  }
  #sidebar .nav>li {
    color: #ddd;
    background: linear-gradient(#3E3E3E, #383838);
    border-top: 1px solid #484848;
    border-bottom: 1px solid #2E2E2E;
  }
  #sidebar .nav>li:first-child {
    border-top:0;
  }
  #sidebar .nav>li>a {
    color: #ddd;
  }
  #sidebar .nav>li>a>img {
    max-width: 14px;
  }
  #sidebar .nav>li>a:hover, #sidebar .nav>li>a:focus {
    text-decoration: none;
    background: linear-gradient(#373737, #323232);
    color: #fff;  
  }
  #sidebar .nav .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
  #sidebar .nav a:hover .caret{
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
}
 
/* ****************************************************** */
/** Sidebar menu styles: END **/
/* ****************************************************** */ 
 
/* ****************************************************** */
/** Homepage box styles: BEGIN **/
/* ****************************************************** */ 

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: rgba(75,75,75,0.7);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin: -52px 0 0 0;
  padding: 62px 100px;
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}
/*! 
*	Captions for images: begin 
*	Created by - Aravind
/* *******************************************************/
.fixOverlayDiv{
    width:100%; 
    padding:0px;
    position:relative;
}
.OverlayText{
     background-color: #000;
    bottom: 0;
    color: #fff;
    left: 0;
    opacity: 0.5;
    position: absolute;
    width: 100%;
}
/*! 
*	Captions for images: end 
/* ****************************************************** */

/*! 
*	Room styles: begin 
/* ****
/* ****************************************************** */
.table-no-border {
  margin-bottom: 20px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  border-color: transparent;
  box-shadow: none;
}
  .table-no-border > tbody > tr {
    border: none;
  }
.table-no-border>tbody>tr>td {
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .carousel {
    width: 100%;
    margin: 0 auto; /* center carousel if other than 100% */
  }

  .carousel-room-image {
    height: 400px; /* This is the slider height */
  }
}
@media only screen and (max-width: 991px), (min-device-width: 768px) and (max-device-width: 1024px) {
  /* roomlist table styles */
  .tableRoomList {
    margin-bottom: 0px;
    border: 1px solid #337ab7;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .tableRoomList > thead > tr {
    position: relative;
    top: 0;
    left: 0;
    border: none;
    margin: 0px;
  }
  .tableRoomList > thead > tr > th {
    border: none;
    padding: 0px;
  }
  .tableRoomList > tbody > tr {
      border: 1px solid transparent;
      margin: 0;
  }
  .tableRoomList > tbody > tr > td {
    padding-left: 8px;
  }
  .tableRoomList tr.last {
    border-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .amenitiesImage {
    width: 100%;
    margin-bottom: 10px;
  }
  .carousel-room-image {
    min-height: 200px; /* This is the slider height */
  }
  .dhx_minical_popup {
    left: 50px !important;
  }
  .dhx_mini_calendar .dhx_year_month {
    height: 40px !important;
    line-height: 35px !important;
  }
.dhx_mini_calendar .dhx_cal_next_button, .dhx_mini_calendar .dhx_cal_prev_button {
    top: 2px!important;
}
}
/*! 
*	Room styles: end 
/* ****
/* ****************************************************** */
/*! 
*	BEGIN - CSS styles for clearing floats 
*	Created by - Aravind
/* ****************************************************** */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/* ****************************************************** */
/* END - CSS styles for clearing floats */
/* ****************************************************** */