@import url('/stylesheets/fonts/fonts.css');
/*
.b-booked {background-color: #b3c6d6; color#fff;}
span.b-available{background:#275D8A; color#fff;}
*/
body {background: #fff !important;}
a {color: #333;}
#loginform input[type="submit"] {background: #c61117; border-radius: 0; border: none; padding: 8px 18px; text-transform: uppercase; font: 600 14px/14px 'montserratregular', sans-serif;}
#loginform input[type="submit"]:hover {background: #a30d11;}
div#user-nav .btn-inverse {background: #9cc4c2; color: #fff; border: none; text-shadow: none; box-shadow: none;}
div#user-nav .btn-inverse+.btn-inverse {background: #51bcb6;}
div#user-nav .btn-inverse:hover {background: #8fb8b6; color: #fff;}
div#user-nav .btn-inverse+.btn-inverse:hover {background: #42a9a4;}
div#user-nav.navbar-inverse .nav>li>a {color: #fff; text-shadow: none;}
#sidebar>ul>li>a {color: #fff;}
#sidebar>ul>li {border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#sidebar>ul {border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#sidebar>ul>li>a:hover, #sidebar>ul>li.active {background-color: #a30d11; background-image: none;}
input.datepicker {max-width: 116px;}
.ownerportal-calendar .tab-content {overflow: hidden;}
.ownerportal-calendar .nav-tabs>li.active a {background: #9cc4c2; color: #fff;}
#footer {color: #fff;}
div#content #footer {color: #000;}
.btn-success, .btn-primary, .form-horizontal.calendarForm input[type="submit"], .form-horizontal.serviceRequestForm input[type="submit"] {background: #00b7bd; background-image: none;}
.btn-success:hover, .btn-primary:hover, .form-horizontal.calendarForm input[type="submit"]:hover, .form-horizontal.serviceRequestForm input[type="submit"]:hover {background: #00aeb4; background-image: none;}
.btn-warning, .form-horizontal.serviceRequestForm input[type="reset"] {background: #7a7a7a; background-image: none;}
.btn-warning:hover, .form-horizontal.serviceRequestForm input[type="reset"]:hover {background: #717171; background-image: none;}

#logo {/*background: #fff; */margin-bottom: 25px; padding: 15px; border-radius: 0 0 5px 5px; /*box-shadow: 0 0 4px #000000;*/}
#logo img {display: block; width: 182px!important height:auto!important;}
#header h1 {height: 83px; width: 263px; background-size: contain;}
.form-horizontal#calendarForm .control-label {text-align: left !important;padding: 11px 0px;}
.form-horizontal.calendarForm .radio.inline, .form-horizontal.calendarForm .checkbox.inline {margin-right: 20px; margin-left: 24px;}
.form-horizontal.calendarForm .controls {padding: 8px 0 !important;}
.row-fluid .form-horizontal.calendarForm [class*="span"]:first-child {margin-left: 2.564102564102564% !important;}
.form-horizontal.calendarForm input[type="submit"], .form-horizontal.serviceRequestForm input[type="submit"], .form-horizontal.serviceRequestForm input[type="reset"] {/* background-color: #275D8A; */color: #fff;border: none;width: 26%;padding: 8px;text-align: center;margin: 0;}
/*
.form-horizontal.serviceRequestForm input[type="reset"] {  background-color: #e0bd9f;}
.form-horizontal.serviceRequestForm input[type="reset"]:hover {background-color: #b5977d;}
.form-horizontal.calendarForm input[type="submit"]:hover {background-color: #1f4e75;}
.form-horizontal.serviceRequestForm input[type="submit"]:hover, .form-horizontal.serviceRequestForm input[type="submit"]:hover {background-color: #1f4e75;}
*/
.owner.b-legend span {display: block; padding: 10px; text-align: center;}
.owner.b-legend .owner-res {background-color: #ACBFD0; border: 1px solid #ACBFD0; color: #fff;}
.owner.b-legend .owner-guest {background-color: #e0bd9f; border: 1px solid #e0bd9f; color: #000;}
.owner.b-legend .available {background-color: #275d8c; border: 1px solid #275d8c; color: #fff;}
.owner.b-legend .unconfirmed {background-color: #D8BF37; border: 1px solid #D8BF37; color: #fff;}
.owner.b-legend .notavail {background-color: #AF1E24; border: 1px solid #AF1E24; color: #fff;}
.owner.b-legend .owner-blocked {background-color: #EA852D; border: 1px solid #EA852D; color: #fff;}
.owner-table th,
.owner-table td {padding: 0; text-align: center; line-height: 2.5;}
.owner-table td.owner-res {background-color: #ACBFD0; color: #fff;}
.owner-table td.owner-guest {background-color: #e0bd9f; color: #000;}
.owner-table td.available {background-color: #275d8c; color: #fff;}
.owner-table td.unconfirmed {background-color: #D8BF37; color: #fff;}
.owner-table td.notavail {background-color: #AF1E24; color: #fff;}
.owner-table td.owner-blocked {background-color: #EA852D; color: #fff;}
.owner-table td span {background: none; text-align: center;}
#header h1 {top: 18px !important; left: 32px;}
#sidebar>ul {background: #c61117;}

/* New Styles requested by Outer Banks Rentals for Mobile */
#mobileToggle {display: none; width: 100%; padding: 5px 15px; position: fixed; top: 0; right: 0; left: 0; z-index: 9999 !important; background-color: #c61117; box-shadow: 0 0 8px -2px rgba(0,0,0,0.75); font-size: 15px; color: #fff; line-height: 2; text-transform: uppercase;}
#mobileToggle:link, #mobileToggle:hover {text-decoration: none;}
@media (max-width: 768px) {
  body {margin-top: 45px;}
  #header { height: auto; padding: 5px 10px;box-sizing: border-box; }
  #header h1 { height: 50px; width: 95px; top: auto !important; display: block; text-indent: -9999999px; left: auto; line-height: normal; }
  #sidebar, #sidebar>ul { width: auto; }
  #sidebar { display: none; position: fixed; top: 38px; margin: 0; padding: 0; float: none; width: 100% !important; }
  #sidebar.active { display: block !important; }
  #sidebar ul { margin: 0; padding: 0; width: 100%; display: block !important; }
  #sidebar ul li a span { display: inline-block; }
  #sidebar .visible-phone { display: none !important; }
  #content { margin: 0; }
  #content-header { margin-top: 0; }
  #user-nav { right: 5px; }
  .widget-content { overflow: auto; }
  #user-nav { margin: 0; left: auto; right: 5px; top: 5px; position: fixed; width: auto; z-index: 99999; }
  #user-nav>ul { left: auto; position: relative; }
  #content-header { height: auto; }
  #content-header h1 { position: relative; margin: 0; padding: 0 0 0 5px; }
  #mobileToggle {display: block;}
}
@media (max-width: 480px) {
  #content-header { overflow: hidden; }
  #sidebar ul { border: none; margin: 0 !important; box-shadow: none !important; display: block; }
  .dashboard-start-end { width: 100%; box-sizing: border-box; }
  .dashboard-start-end * { box-sizing: border-box; }
  .dashboard-start-end td { width: 100%; display: block; }
  .dashboard-start-end td input, .dashboard-start-end td .btn { width: 100% !important; max-width: 100% !important; }
  .dashboard-start-end td input { padding: 5px 10px; height: 34px; }
  .dashboard-start-end td .btn { height: 34px; }
  .dashboard-start-end td .reset { margin-top: 5px; }
}