/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {padding-top: 48px; padding-bottom: 90px; font-family: 'Open Sans', sans-serif; background-color: #F5F5F5;}
#quick_search
{
    width: 400px;
}
a:hover, a:focus, a:active, button:hover, button:focus, button:active {text-decoration: none; outline: none !important;}

ul, ol {padding: 0;}

ul >li, ol>li {list-style: none;}

.container {width: 960px !important;}

button, input {outline: none !important; border: none !important; box-shadow: none !important;}

select, textArea {outline: none !important; box-shadow: none !important; border: 1px solid #A09F9F;}

.no-padding-left {padding-left: 0;}

.no-padding-right {padding-right: 0;}

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

input, select {background: #F5F5F5 !important; height: 30px; font-size: 13px;}


/** navbar **/

.navbar-inverse {background-image: none; background-color: #005594; border: none; min-height: 48px;}

.navbar-header {width: 70%;}

.navbar-header h1 {float: left; color: white; font-size: 24px; padding-right: 42px; margin-top: 12px;}

.navbar-header h3 {float: left; color: white; font-size: 18px; padding-right: 120px; margin-top: 15px;}

.help-button {background-color: #F3833A; width: 36px; display: inline-block;}

.help-button span { display: inline-block; text-indent: -9999px;}

.help-button .fa {width: 100%; text-align: center; color: #F5F5F5; font-size: 16px; line-height: 20px;}

.help-button .fa-life-ring {font-size: 24px; padding-top: 5px;}

.fa-question {font-size: 24px; color: #796A52;}

.fa-chevron-down {font-size: 18px; text-align: center; color: white;}

.wrong-password {padding: 9px 12px; color: white; font-size: 14px !important; background-color: #7A6A53 ; text-align: center; margin-top: 15px; display: none;}

.login-area {width: 30%; float: right; padding-top: 15px;}

.username-area {width: 65%; display: inline-block; text-align: right; padding-right: 6%; color: white;}

a.logout-button {border: 1px solid white; color: white; padding: 9px;}

a.logout-button:hover {border: 1px solid #EBEBEB; color: #EBEBEB;}

a.logout-button .fa-lock {padding-right: 9px;}






/** Footer **/

footer {
    height: 48px;
    padding-top:18px;
    background-color: #D9D6D6;
}

.row .col-xs-3, .row .col-xs-6 {color: #A09F9F; text-align: center; font-size: 13px;}

.row .col-xs-3 a {color: #A09F9F;}

.row .col-xs-3 a:hover {color: #796A52;}

.fa-windows {font-size: 18px; color: #7A6A53 ;}




/** Sign In **/

#main {}

.form-signin {
    width: 300px;
    height: auto;
    min-height: 365px;
    margin: 120px auto 0;
    background-color: #EBEBEB;
    padding: 36px;
    color: #948C75;
}

.form-signin h2 {
    text-align: center; 
}

.form-control {border-radius: 0; background-color: transparent !important; border-bottom: 1px solid #A09F9F !important; margin-bottom: 24px; padding: 0 3px;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: #EBEBEB !important;background-image: none;}

.btn-primary {color: #948C75 !important; border-radius: 0; text-shadow: none; border: 1px solid #948C75 !important; background: white !important; box-shadow: 3px 3px #796A52 !important;}

.btn-primary:hover {position: relative;top: 3px;left: 3px;box-shadow: none !important; color: #948C75;}

.logo-area {position: absolute; margin: 18px 28px 0; width: 173px;}



/** Home Page **/

#main > h2, #main > a {position: relative; line-height: 20px; max-height: 54px; font-size: 14px; padding: 15px 42px; border: 1px solid #C7C7C7; color: #7c7b7b; display: inline-block; margin: 48px 18px 0 0;}

#main > a:hover {color: white; border-color: transparent; background: #C7C7C7; transition: 0.4s;}

#main > h2 > .fa-th, #main > a > .fa-th {padding-right: 12px; font-size: 14px !important; position: relative !important; top: 0 !important;}

#main > h2 > .fa {font-size: 16px;}

#main > h2 > span.property-button {padding: 0 0 0 12px;} 

.primary-menu {margin-top: 24px;}

.primary-menu ul {list-style-type: none; padding: 0; margin: 0 -9px 0 -9px;}

.primary-menu ul li { float: left; padding: 9px;}

.primary-menu ul li.margin-left {margin-left: 240px;}

#chartest {cursor: pointer;}

.primary-menu ul li a {position: relative; line-height: 15px; display: inline-block; background: white; width: 140px; letter-spacing: -0.5px; height: 140px; box-shadow: 3px 3px #948C75; text-align: center; color: #6D6767; font-weight: 700; padding: 12px;}

.primary-menu ul li a:hover, .villa-area .navbar-form button.btn-default:hover, button.btn-bottom:hover, .row.buttons-bottom-details button:hover, .google-map-area button.btn-default:hover, div#chartest:hover, .btn-orange:hover, .modal .modal-footer .btn-default:hover, .additional-info-area .btn-default:hover, button.full_width:hover { box-shadow: none !important; position: relative; top: 3px; left: 3px;}

.search-property-buttons button.btn-default:hover {box-shadow: none !important; transition: 0.3s; top: 3px; left: 3px; position: relative;}

#enquiryArea button.btn-default:hover {color: #D9CEB2; transition: none;}

.primary-menu ul li a .fa {display: block; color: #A09F9F; font-size: 22px; min-height: 42px;}

.primary-menu ul li a .fa-chevron-circle-down {color: #A09F9F; font-size: 22px; position: absolute; top: 112px; left: 63px;}




/** Properties **/

.search-area {margin: 24px 0; text-align: right;}

.search-area button.btn-default {border-radius: 0; background: #948C75; text-shadow: none; color: white; margin-left: -5px; padding:4px 6px; position: relative; top: -9px;}

.search-area button.btn-default:hover {background: #7C7B7B;}

.search-area button.btn-default > span {text-indent: -9999px; display: inline-block;}

.search-area > .form-group > input.form-control {border: 1px solid #D5DED9 !important; margin: 0; vertical-align: top; font-size: 14px; height: 28px;}

#main.container h3 {font-size: 24px; color: #7c7b7b; padding: 0 0 18px 0; margin-bottom: 36px; border-bottom: 1px solid #C7C7C7}

select.form-control {background: white; font-size: 12px; height: 30px; outline: none !important; border: 1px solid #C7C7C7 !important; box-shadow: none !important;}

.villa-area .navbar-form button.btn-default {border-radius: 0; text-shadow: none; padding: 8px 6px; box-shadow: 3px 3px #7C7B7B !important; width: 100%; background: transparent; color: #948C75; border: 1px solid #948C75 !important;}

.villa-area .navbar-form {padding: 0; margin-top: 29px;}

.villa-area .navbar-form .form-group {width: 100%;}

.table th {font-weight: normal !important; color: #7c7b7b; font-size: 14px;}

.results-area .fa-check-circle {color: #948C75; font-size: 24px;}

.results-area th > a {color: #333;}

.results-area th > a:hover {color: #D5DED9;}

#results_table a, .table button.edit {color: #948C75; font-size: 23px; position: relative; top: -1px;}
.table tr:hover { background-color: #b9def0;}

#results_table a:hover, .table button.edit:hover {color: #7C7B7B;}

.table button.edit {color: white; padding: 0 1px 0 3px !important; background: #948C75; font-size: 14px; margin-top: 2px; height: 19px;}

.table button.edit:hover {color: white; background: #7C7B7B;}

.row.booking-area#notes-area .table button.edit {margin-top: 5px;} 

#property_additional_information .fa-edit {font-size: 15px; background: #948C75; color: white; padding: 2px 1px 2px 3px; height: 18px;}

#results_table .fa-edit { font-size: 16px; padding: 3px 1px 3px 4px; background: #948C75; color: white;}

#results_table .fa-edit:hover {background: #7C7B7B;}

#results_table .fa-check-circle:hover {color: #7C7B7B;}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>th {border-bottom: 1px solid #C7C7C7 !important; border-top: none !important; vertical-align: middle; text-align: left; padding-left: 0;}

#contact_display_data {text-align: left; color: #7c7b7b; padding: 12px; background: #EBEBEB;}
#contact_display_data2 {text-align: left; color: #7c7b7b; padding: 12px; background: #D9D6D6;}

#contact_display_data br {margin-bottom: 12px;}

.row.details-area-bottom .col-xs-3.no-padding-right .btn-bottom.button-edit {float: left; margin-top: 18px;}

.row.details-area-bottom input[type=radio], .row.details-area-bottom input[type=checkbox] {margin-top: -5px;}

.google-map-area > label > input[type=checkbox], .other-items > label > input[type=checkbox] {top: 11px;}





/** Property Page **/

.property-features {float: right; margin-top: 48px; padding: 0;}

.property-features > li {background: #c7c7c7 none repeat scroll 0 0; color: white; float: left; font-weight: 700; height: 52px; list-style: outside none none; margin-left: 18px; padding: 15px 12px; text-align: center; width: 270px;}


.property-features > li > .fa {font-size: 28px; float: left; color: #A09F9F; position: relative; top: -3px;}

.row.property-details-area > h2 {color: #7c7b7b; border-bottom: 1px solid #C7C7C7; padding-bottom: 12px; margin-bottom: 12px; font-size: 16px;}

.no-margin {margin: 0 !important;}

.search-property-area {float: right; width:100%; text-align: right;}

.search-property-area .form-control {width: 215px; border: none !important; font-size: 13px; padding-top: 12px; margin-bottom: 0;}

.search-property-area button.btn-default {border-radius: 0; background: #7A6A53; text-shadow: none; color: white; margin-left: -5px; padding:4px 6px; position: relative; top: 6px;}

.search-property-buttons {float: right; margin: 24px 0 12px; min-width: 320px; width: 100%;}

.search-property-buttons .form-group {float: right; margin: 12px 0 0;}

.navbar-form {padding: 0;}

.search-property-buttons button.btn-default, .additional-info-area .btn-default { border-radius: 0; text-shadow: none; color: white; padding: 8px 24px 8px 12px; font-weight: 700; font-size: 13px; margin-right: 24px; box-shadow: 3px 3px #7C7B7B !important;}

.search-property-buttons button.btn-duplicate {background: #D5DED9; padding-right: 12px;}

.search-property-buttons button.btn-save {background: #D9CEB2; color: #948C75; top: 0;}

.search-property-buttons button.btn-close {background: #948C75; margin-right: 0;}

.search-property-buttons button.btn-default > .fa-files-o, .search-property-buttons button.btn-default > .fa-floppy-o, .search-property-buttons button.btn-default > .fa-times {font-size: 20px; float: left; margin-right: 12px; display: inline-block}

.property-details-area {clear: both; margin-top: 24px; display: inline-block; width: 100%;}

.row.property-details-area label {font-size: 13px; text-align: left; font-weight: 400; display: block; color: #7c7b7b; padding: 6px 0;}

.row.property-details-area textArea, .row.property-details-area #large_description {background-color: white !important; border: 1px solid #A09F9F; font-size: 13px; margin-bottom: 15px !important; text-align: left; color: #7c7b7b; padding: 12px;}

.row.property-details-area label.select-label{float: left; width: 50%;}

.row.property-details-area .col-xs-6 label.select-label { width: 70%;}

.row.property-details-area select.form-control { background: white; float: right; border: 1px solid #A09F9F !important; margin-bottom: 15px;}

.row.property-details-area select.form-control.short-width {width: 48px;}

.row.property-details-area select.form-control.long-width {width: 100px;}

.row.property-details-area .pics-upload-frame {width: 100%; background: white; display: inline-block; border: 1px solid #A09F9F; border-bottom: none; padding: 12px 0; /** height: 300px; **/ overflow: auto;}

.row.property-details-area .button-pics-area {width: 100%; background: white; border: 1px solid #A09F9F; border-top: none; margin-top: -6px; padding-bottom: 24px;}

.row.property-details-area .pics-upload {width: 48%; float: left; position: relative; max-width: 153px;}

.row.property-details-area .pics-upload img {margin: 12px; width: 139px; height: auto; background: #D9D6D6; padding: 0; max-height: 90px;}

.row.property-details-area .pics-upload button {background: none; color: #7c7b7b; font-size: 18px; border-radius: 50%; text-shadow: none; width: 100%; margin-top: -46px; margin-left: 6px;}

.row.property-details-area .pics-upload button:hover {color: #D9D6D6;}

.row.property-details-area .pics-upload button > .fa-times {border-radius: 50%; padding: 6px 8px; background: #D9D6D6; text-align: center;}

.row.property-details-area .pics-upload button:hover > .fa-times {background: #7c7b7b; transition: 0.3s;}

.row.details-area-bottom .table th, .row.booking-area .table th {font-size: 13px;}

.additional-info-area {margin-top: 20px; font-size: 13px;}

.row.property-details-area .additional-info-area .btn-default {color: #7c7b7b; background: #D9D6D6; margin-right:0; font-weight: 400; width: 100%; padding: 8px 0;}

.row.property-details-area .additional-info-area h5 {width: 100%; border-bottom: 1px solid #A09F9F; color: #7c7b7b; padding-bottom: 12px; margin: 24px 0 12px; font-size: 13px; display: inline-block;}

selec#country_additional {margin-bottom: 0;}

.additional-info-area textarea {width: 100%; min-height: 100px;}

button.btn-bottom {font-weight: 700; padding: 9px; color: #948C75; box-shadow: 3px 3px #948C75 !important; background: white; border: 1px solid #948C75 !important;}

button.btn-bottom > .fa, button.btn-edit > .fa {padding-left: 9px;}

button.save {margin-top: 18px; float: right; padding: 4px 12px 6px;}

button.save > .fa-floppy-o {padding-right: 9px;}

a.btn-text-home {padding: 6px 12px; display: inline-block; margin-bottom: 9px; margin-top: 18px; font-weight: 700; min-width: 161px; text-align: center;}

.button-pics-area .row .col-xs-6 button.btn-bottom {float: left; margin-right: 36px;}

.button-pics-area .row .col-xs-6 button.btn-bottom.button-gallery {min-width: 138px; text-align: center;}

.button-pics-area .col-xs-6, .row.details-area-bottom .col-xs-3 {text-align: left;}

.row.details-area-bottom .col-xs-3 button.button-reorder {float: right;}

.row.property-details-area button.btn-bottom .fa, .row.details-area-bottom button.btn-bottom .fa {padding-left: 9px; font-size: 14px;}

.buttons-bottom-details button {float: left;border-radius: 0;background: #A09F9F !important; text-shadow: none;color: white !important; box-shadow: 3px 3px #948C75 !important; font-size: 13px;}

.margin-sides {margin: 0 44px;}

.border-separation {clear: both; border-bottom: 1px solid #A09F9F; display: block; padding: 12px 0; margin-bottom: 24px;}

.row.details-area-bottom p {text-align: left; color: #7c7b7b; border-bottom: 1px solid #A09F9F; padding-bottom: 8px; margin: 12px 0; width: 100%; display: inline-block; }

.facts-features > li {text-align: left; border-bottom: 1px solid #D9D6D6; padding: 12px 0; color: #a09f9f;}

button.delete {background: transparent; padding: 0; float: right; display: inline-block;}

.facts-features > li > span.feature-item {width: 90%; display: inline-block;}

button.delete .fa, button.delete .fa-times {padding: 2px 3px 3px 3px; background: #948C75; color: white; font-size: 14px;}

button.delete:hover .fa, button.delete:hover .fa-times, #property_additional_information:hover .fa-edit {background: #7C7B7B;}

.row.details-area-bottom .checkbox label {text-align: left; font-size: 12px; letter-spacing: -0.3px; padding-left: 0; display: block; margin-bottom: 6px;}

.checkbox .col-xs-4 {padding-left: 20px; padding-right: 0;}

.notice-item {color: #7c7b7b; text-align: left; width: 90%;}

.row.details-area-bottom .col-xs-6 .row {margin-top: 12px}

.row.details-area-bottom .col-xs-6 .row .col-xs-5 {margin-top: 6px; padding-left: 0; color:#7c7b7b;}

.row.details-area-bottom .col-xs-6 .row .col-xs-5 span {font-weight: 700;}

.row.details-area-bottom .col-xs-6 .row .col-xs-2, .row.details-area-bottom .col-xs-6 {padding-right: 0; text-align: left;}

.row.details-area-bottom .btn-bottom.button-edit {margin-right: 16px;}

.row.details-area-bottom button.btn-edit {background: #D5DED9; margin: 0 0 12px -8px;}

.row.details-area-bottom button.btn-edit .fa-pencil-square-o {padding-left: 6px;}

.google-map-area {text-align: left; color: #7c7b7b; display: inline-block;}

.google-map-area label.checkbox-google-map {width: 100%;}

.google-map-area label {width: 40%; margin: 9px 0; font-weight: 400}

.google-map-area .form-control {padding: 0 6px; font-size: 12px; margin-bottom: 0; width: 60%; border: 1px solid #C7C7C7 !important; float: right; height: 30px;}

.checkbox-google-map input[type=checkbox], .other-items input[type=checkbox] {margin: 0 6px 0 0; position: relative; top: 2px;}

.google-map-area button.btn-default {float: left; border-radius: 0; background: #A09F9F !important; text-shadow: none; color: white !important; box-shadow: 3px 3px #948C75 !important; font-size: 13px; width: 100%;}

.other-items {margin-top: 18px;}

.other-items > label {width: 100%; text-align: left; font-weight: 400; color: #7c7b7b; font-size: 12px;}

.other-items > label.select-label {width: 40%; float: left; margin: 9px 0;}

.other-items select.short-width {width: 60%; float: right; position: relative; background: white; margin-bottom: 6px; height: 30px;}

.row.property-details-area .button-edit {float: left; display: inline-block; margin-bottom: 12px}
div.property_page_large_description h3 { font-weight: bold;}

input.width50 {color: #555; width: 50%; border: 1px solid #a09f9f !important; box-shadow: none !important; font-size: 12px; height: 30px; padding:6px; outline: medium none !important; margin-bottom: 15px;}

.row.property-details-area .col-xs-7 > .select-label {clear: both; font-size: 12px;}

.google-map-area .btn-bottom {margin: 6px 0}


/** Booking Page **/

.btn-orange.new-booking {float: left; margin-bottom: 24px; font-size: 13px; display: inline-block;}

#bookingsButtonsArea .btn-orange.new-booking {margin-right: 15px;}

.property-features.booking-quantities li {background: none; padding: 0; text-align: left;}

.title-quantities {font-size: 16px; font-weight: 400; color: #7c7b7b;}

.quantities {background: white; width: 100%; padding: 0 6px 0 18px; color: #C7C7C7; font-weight: 700; font-size: 32px; margin: 6px 0; display: inline-block;}

.row.booking-area {margin-top: 24px; display: inline-block; width: 100%; margin-right: 0; margin-left: 0;}

#main.container .row h3 {border-bottom: none; font-size: 16px; margin: 0; text-align: left;}

.row.booking-area > .col-xs-4 label, .date-booking-info label, .row.booking-area > .col-xs-6 label {color: #7c7b7b; font-size: 13px; font-weight: 400;}

.row.booking-area > .col-xs-4.contact-information label {width: 45%; padding-right: 5%;}

.row.booking-area > .col-xs-6.contact-information label {text-align: left; width: 45%; padding-right: 5%; float: left;}

.row.booking-area > .col-xs-4.contact-information .form-control, .date-booking-info .form-control, .row.booking-area > .col-xs-4.contact-information input[type=date], .row.booking-area > .col-xs-6.contact-information .form-control, .row.booking-area > .col-xs-6.contact-information input[type=date] {margin-bottom: 18px; width: 50%; border: 1px solid #A09F9F !important; float: right; height: 30px; font-size: 13px;}

#main.container .row.booking-area > .col-xs-4 > h4 {margin-top: 0; font-size: 16px; color: white; width: 100%; display: inline-block; padding: 12px; background: #D9D6D6;}

#main.container .row.booking-area > .col-xs-4 > h4 > .fa {color: #A09F9F; padding-right: 9px; font-size: 18px;}

.col-xs-4.financial-info label {width: 55%; float: left; margin: 0 0 12px; min-height: 30px;}

.col-xs-4.financial-info input, .col-xs-4.financial-info select {width: 45%; float: right; margin: 0 0 12px; height: 30px; border: 1px solid #A09F9F !important; padding: 0 6px; font-size: 13px;}

.label-short-width {width: 60px; margin-right: 24px; margin-bottom: 12px}

select.label-short-width {width: 48px; margin-right: 32px; margin-bottom: 12px; height: 30px;}

.btn-orange {float: right; width: 220px; padding: 12px; text-align: center; color: #948C75 !important; box-shadow: 3px 3px #948C75 !important; border: 1px solid #948C75 !important; text-shadow: none; background: white !important; font-size: 12px; font-weight: 700; border-radius: 0;}

.booking-area button.btn-bottom {float: left;}

.booking-area#flight-area .table {font-weight: normal !important; color: #7c7b7b;}

.booking-area#flight-area .table tr>th, .booking-area#flight-area .table tr>td {padding-left: 0 !important; text-align: left;}

.blue-lite {background: #D9D6D6;}

.booking-area#flight-area .table.blue-lite tr>th {font-size: 13px; padding-left: 6px !important; padding-right: 0;}

.booking-area#flight-area .table.blue-lite tr>td {font-size: 12px; padding-left: 6px !important; padding-right: 0;}

.booking-area#flight-area .col-xs-3 {padding-left: 0;}

#booking_notes .col-xs-8 .col-xs-3 { text-align: left;}

#booking_notes .col-xs-8 .col-xs-12 {padding-top: 12px; padding-bottom: 12px;}

#notes-area .col-xs-8, .col-xs-8 .row.enquiry-area { background: white !important; padding: 15px; padding-bottom: 24px;}

#notes-area .col-xs-2 {text-align: left !important; padding-left: 0;}

#notes-area .button-add {margin-top: 24px;}

.content-note {font-size: 13px;}

.date-of-note {color: #7A6A53; font-weight: 700; font-size: 13px;}




/** Enquiry Page **/

.booking-area.enquiry-area .btn-orange {width: 100%;}

.table.enquiry-area th, .table.enquiry-area td {border:none !important;}

.table.enquiry-area thead{background: #C7C7C7; font-size: 13px;}

.table.enquiry-area thead th {color: white; padding-left: 12px;}

.table.enquiry-area tbody {background:  #D9D6D6; font-size: 13px; color: #7c7b7b;}

.table.enquiry-area tbody th, .table.enquiry-area tbody td {padding-left: 12px;}

.red-bg {background: #948C75 !important; color: white !important; box-shadow: 3px 3px #7C7B7B !important;}

.light-green-bg {background: #D9CEB2 !important; border: none !important; box-shadow: 3px 3px #7C7B7B !important;}

.text-area {background: white; display: block; padding: 15px; margin-bottom: 24px; font-size: 13px; color: #7c7b7b;}

.conversations-frame > p {color: #A09F9F; text-align: left;}

#btneditcontact.btn-orange {width: 272px; float: none; margin-top: 24px; height: initial; text-transform: uppercase;}

#contact_data {margin-bottom: 12px; overflow: hidden; min-height: 480px; width: 272px !important; border: none; resize: none; padding: 8px 12px;}

#propertyAvailability label {width: 48%; text-align: left;}

#propertyAvailability textarea {width: 50% !important; max-height: 80px;}

#daygrid {margin-top: 24px;}

#daygrid div.property_name {min-width: 200px; font-size: 13px;}




/** Calendar Page **/

#calendar_pricing_model_id, #currency_id, #change_over_day {float: right; width: 50%; color: #555;}

#calendar_text {padding: 12px 9px; font-size: 13px;}

#calendarbasetbl {margin-top: -10px;}

#calendar_text {border: 1px solid #A09F9F !important; background: white !important; margin-top: 10px;}



/** Modal windows **/

.modal .modal-footer .btn-default {float: left; color: white; background: #7A6A53; box-shadow: 3px 3px #7c7b7b !important;border-radius: 0;text-shadow: none;}

.modal .modal-header .bootbox-close-button {background: #7A6A53; opacity: 1; color: white; padding: 0 3px 0 4px;}

.modal .modal-body .bootbox-body form ul li  {min-height: 48px; border-bottom: 1px dotted #A09F9F; margin: 12px 0; position: relative;}

.modal .modal-body .bootbox-body form ul li > div  {float: right; position: absolute; text-align: right; right: 65px;}

.modal .modal-body .bootbox-body #upload label {margin: 0 0 0 10%;}

.modal .modal-body .bootbox-body #upload input[type=file] {width: 90%; border: none !important; margin-left: 10%; padding: 0;}

.modal .modal-body .bootbox-body #upload ul{margin: 0 10%;}

.modal .modal-body .bootbox-body #upload ul li p {padding: 8px 0 0; font-size: 13px;}

.modal .modal-body .bootbox-body #upload ul li span {top: 12px;}

.modal .modal-body .bootbox-body form ul li canvas {width: 36px;}

.modal .modal-body .bootbox-body form ul li input {margin-top: 11px !important; margin-left: -32px !important; border: none !important;}

.modal-content {background-color: #EBEBEB !important; border-radius: 0; box-shadow: none; border: none;}

.modal-body {padding: 12px 24px 0; background: #EBEBEB;}

.modal-header {background: #C7C7C7; border-bottom: 1px solid #C7C7C7;}

.modal-footer {border: none; background: #EBEBEB;}

.modal-header > .modal-title {font-weight: 700; font-size: 16px; color: #7c7b7b;}

.bootbox-body label {font-size: 13px; font-weight: 400; color: #7c7b7b; width: 40%; margin: 0 0 12px 10%; display: inline-block; height: 30px; float: left; }

.bootbox-body select, .bootbox-body input {padding: 2px 6px; margin-bottom: 12px; width: 40%; display: inline-block; border: 1px solid #A09F9F !important; font-size: 13px; height: 30px;}

.bootbox-body textarea {padding: 2px 6px; margin-bottom: 12px; width: 40%; display: inline-block; border: 1px solid #A09F9F !important; font-size: 13px;}

.flight_data_input input.btn-primary {border: none !important; height: 36px; margin-left: 50%; margin-bottom: 30px; font-weight: 700;}

#is_outbound {text-align: left; width: 18px; margin-top: -2px;}

#large_description_edit {width: 80%; padding: 12px; margin: 12px 10%;}

.modal .modal-body .bootbox-body .mce-tinymce.mce-container.mce-panel {width: 80%; margin: 0 10%; display: inline-block;}

#fact_item {width: 80% !important; margin: 0 10%; display: inline-block;}

.modal .modal-body .bootbox-close-button.close {margin-top: 0; padding: 0px 4px 1px 6px; color: white; opacity: 1; background: #7A6A53; position: relative; right: -6px; top: 9px;}

.bootbox-body .btn-orange.btn-new-booking {margin-left: 50%; border: none !important; padding: 6px 0; height: 36px; float: none}

.bootbox-body .btn-orange.btn-new-booking.btn-duplicate {background: #99B2B7 !important; margin: 12px 0 36px 50%; color: white !important;}

#tblnewbooking_contact_list input[type=radio] {margin: 3px 0 !important; top: 1px;}

.bootbox-body input[type=radio] {width: auto; position: relative; top: 4px;}

#tblnewbooking_contact_list {font-size: 13px; width: 100%; overflow: hidden;} 

#tblnewbooking_contact_list tbody > tr, #tblnewbooking_contact_list tbody > tr > th {max-width: 280px;}

#tblnewbooking_contact_list tbody tr > th {background-color: #C7C7C7; color: #7c7b7b; padding: 5px;}

#tblnewbooking_contact_list tbody tr > td {font-size: 12px; padding: 0 5px; max-width: 280px;}

.btn-orange.btn-login { margin: 18px auto; float: none; display: inline-block; padding: 10px 12px 14px;}

.btn-orange.btn-login > .fa-google {color: #d50f25; font-size: 20px; padding-right: 9px; padding-right: 6px; position: relative; top: 4px;}

.btn-orange.btn-login > .fa-sign-in {padding-right: 9px; font-size: 18px; position: relative; top: 3px;}

.contact-information > .fa-edit{float: left; position: relative; top: 6px; font-size: 16px;}

.bootbox-body > div > p {width: 80%; margin: 12px 10%; font-size: 13px;}

.highcharts-tooltip {cursor:pointer !important;}

#snoozeWindow {min-height: 180px;}

#snoozeWindow > p {margin: 24px 0;}

.bootbox-body .snooze-days {width: 9%; margin: 0 4.7% 12px 0; font-size: 24px; font-weight: 800; height: 42px; color: #7c7b7b;}

.modal-dialog.modal-large-width {width: 900px;}

#formNewBooking {margin-top: 36px; }

#formNewBooking label {margin-left: 0; margin-right: 0;}

#formNewBooking input  {width: 60%;}

#formNewBooking .btn-orange.btn-new-booking {margin-left: 40%;}




/** Owners page **/

#main.container .row.property-details-area .col-xs-12 > h3 {font-size: 24px; color: #353333; padding: 0;}

#main.container .row.property-details-area .col-xs-4 .results-area {margin-top: 30px;}

.form-column {
    background-color: #EBEBEB;
    border: 1px solid #A09F9F;
    padding: 15px;
}

.form-column p {color: #948C75; font-style: italic; font-size: 13px; margin-top: 24px;}

.form-column input, .form-column select {background: transparent !important;}

.form-column button.btn-bottom.button-edit {margin-left: 50%; display: block; float: none;}




/** Dylan CSS **/
button.full_width
{
    clear: both;
    margin-top: 18px;
    padding: 12px 3px;
    width: 100%;
    font-weight: 700;
    background: none repeat scroll 0 0 white;
    font-weight: 700;
    color: #948C75;
    box-shadow: 3px 3px #948C75 !important;
    border: 1px solid #948C75 !important;
}


#mini-clndr  {
    font-family: "clarendon-text-pro", serif;
    font-size: 18px;
}

#mini-clndr  .clndr {
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

#mini-clndr  .clndr .clndr-controls {
    display: block;
    float: left;
    margin-bottom: 3px;
    width: 100%;
}
#mini-clndr  .clndr .clndr-controls .clndr-previous-button,
#mini-clndr  .clndr .clndr-controls .clndr-next-button,
#mini-clndr  .clndr .clndr-controls .clndr-expand-button {
    float: left;
    cursor: pointer;
    padding: 11px 0 6px;
    text-align: center;
    width: 14.28571429%;
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+ */
    -webkit-user-select: none;
    /* Chrome/Safari */
}
#mini-clndr  .clndr .clndr-controls .clndr-previous-button > .fa,
#mini-clndr  .clndr .clndr-controls .clndr-next-button > .fa,
#mini-clndr  .clndr .clndr-controls .clndr-expand-button > .fa {
    color: #6e6868;
    font-size: 18px;
}
#mini-clndr  .clndr .clndr-controls .month {
    text-transform: uppercase;
    color: #7A7979;
    float: left;
    font-size: 16px;
    margin-top: 12px;
    text-align: center;
    width: 71.143%;
    font-family: "Open Sans", sans-serif;
}
#mini-clndr  .clndr .clndr-controls .clndr-expand-button {
    border-right: 0;
    background-color: #b50900;
    color: #fff;
}
#mini-clndr  .clndr .clndr-controls .clndr-expand-button > .fa {
    color: #fff;
    font-size: 20px;
}
#mini-clndr  .clndr .clndr-grid {
    border: none;
    float: left;
    text-align: center;
    width: 100%;
}
#mini-clndr  .clndr .clndr-grid .header-day,
#mini-clndr  .clndr .clndr-grid .day,
#mini-clndr  .clndr .clndr-grid .empty {
    background-color: #fff;
    border-right: 1px solid #d9d6d6;
    border-bottom: 1px solid #fff;
    color: #6f6969;
    float: left;
    padding: 11px 0 6px;
    width: 14.28571429%;
}
#mini-clndr  .clndr .clndr-grid .header-day > .fa,
#mini-clndr  .clndr .clndr-grid .day > .fa,
#mini-clndr  .clndr .clndr-grid .empty > .fa {
    display: none;
}
#mini-clndr  .clndr .clndr-grid .header-day {
    border-right: 1px solid #fff;
}
#mini-clndr  .clndr .clndr-grid .header-day.calendar-dow-6 {
    border-right: none;
}
#mini-clndr  .clndr .clndr-grid .day.calendar-dow-3 {
    border-right: none;
}
#mini-clndr  .clndr .clndr-grid .header-day {
    background: #6c6666;
    color: #fff;
}
#mini-clndr  .clndr .clndr-grid .day {
    position: relative;
}
#mini-clndr  .clndr .clndr-grid .status-available {
    background-color: #e8e5e5;
    border-right-color: #fff;
    color: #6f6969;
}
#mini-clndr  .clndr .clndr-grid .status-reserved {
    background-color: #73b5cc;
    border-right-color: #fff;
    color: #ffffff;
}
#mini-clndr  .clndr .clndr-grid .status-booked {
    background-color: #f3833a;
    border-right-color: #fff;
    color: #ffffff;
}
#mini-clndr  .clndr .clndr-grid .status-special > .fa {
    color: #b40800;
    display: block;
    font-size: 10px;
    padding-right: 4px;
    padding-top: 4px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}
#mini-clndr  .clndr .clndr-grid .day-selected {
    cursor: pointer;
}
#mini-clndr  .clndr .clndr-grid .day-selected > .fa-check-circle {
    color: #4f9904;
    display: block;
    font-size: 10px;
    padding-right: 4px;
    padding-bottom: 4px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}
#mini-clndr  .clndr .clndr-grid .status-change-over-day-out {
    background-image: linear-gradient(to bottom right, #f3833a 50%, #f3833a, #e8e5e5, #e8e5e5 50%);
    background-size: cover;
    background-repeat: no-repeat;
}
#mini-clndr  .clndr .clndr-grid .status-change-over-day-in {
    background-image: linear-gradient(to bottom right, #e8e5e5, #e8e5e5 50%, #f3833a 50%, #f3833a);
    background-size: cover;
    background-repeat: no-repeat;
}
#mini-clndr  .clndr .clndr-grid .status-change-over-day-in-reserved {
    background-image: linear-gradient(to right bottom, #e8e5e5 50%, #e8e5e5, #73b5cc, #73b5cc 50%);
    background-repeat: no-repeat;
    background-size: cover;
}
#mini-clndr  .clndr .clndr-grid .status-change-over-day-out-reserved {
    background-image: linear-gradient(to right bottom, #73b5cc 50%, #73b5cc, #e8e5e5, #e8e5e5 50%);
    background-repeat: no-repeat;
    background-size: cover;
}
#mini-clndr  .clndr .clndr-grid .empty,
#mini-clndr  .clndr .clndr-grid .adjacent-month {
    background-color: #fff !important;
    background-image: none !important;
    background-size: auto !important;
    border-right-color: #d9d6d6 !important;
    color: #aca6a6 !important;
    cursor: default !important;
}
#mini-clndr  .clndr .clndr-grid .empty > .fa,
#mini-clndr  .clndr .clndr-grid .adjacent-month > .fa {
    display: none;
}
#mini-clndr  #bookCalendarLegend {
    float: left;
    margin-top: 5px;
    width: 100%;
}
#mini-clndr  #bookCalendarLegend .clndr-legend-row {
    border: none;
    float: left;
    margin-top: 5px;
    width: 100%;
}
#mini-clndr  #bookCalendarLegend .clndr-legend-row .clndr-legend-cell,
#mini-clndr  #bookCalendarLegend .clndr-legend-row .clndr-legend-caption {
    float: left;
    padding: 11px 0 6px;
}
#mini-clndr  #bookCalendarLegend .clndr-legend-row .clndr-legend-cell {
    position: relative;
    width: 14.28571429%;
}
#mini-clndr  #bookCalendarLegend .clndr-legend-row .clndr-legend-cell.status-available {
    background-color: #e8e5e5;
}
#mini-clndr  #bookCalendarLegend .clndr-legend-row .clndr-legend-cell.status-booked {
    background-color: #f3833a;
}
#mini-clndr  #bookCalendarLegend .clndr-legend-row .clndr-legend-cell.status-reserved {
    background-color: #73b5cc;
}
#mini-clndr  #bookCalendarLegend .clndr-legend-row .clndr-legend-cell.status-special {
    background-color: #e8e5e5;
}
#mini-clndr  #bookCalendarLegend .clndr-legend-row .clndr-legend-cell.status-special > .fa-heart {
    color: #b40800;
    display: block !important;
    font-size: 10px;
    padding-right: 4px;
    padding-top: 4px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
}
#mini-clndr  #bookCalendarLegend .clndr-legend-row .clndr-legend-caption {
    color: #aca6a6;
    font-size: 14px;
    padding-left: 11px;
}
#mini-clndr  #bookCalendarLegend .clndr-legend-row .clndr-legend-caption.first {
    width: 42.85714286%;
}
#mini-clndr  #bookCalendarLegend .clndr-legend-row .clndr-legend-caption.second {
    width: 28.57142857%;
}




/** Media queries **/

@media (max-width: 1170px) {
    .container .navbar-header {max-width: 100% !important;}
}

@media (min-width: 1171px) {
    .container {width: 100% !important; max-width: 1170px;}
    .primary-menu > ul {width: 948px; margin: 0 auto;}
    .row.details-area-bottom button.btn-edit {margin: 0 0 12px -24px;}
    .row.property-details-area .pics-upload {max-width: 188px;}
    .row.property-details-area .pics-upload img {width: 172px; max-height: 112px;}
    .button-pics-area .row .col-xs-6 button.btn-bottom.button-gallery {min-width: 224px;}
    /** .row.property-details-area .pics-upload-frame {height: 342px;} **/
    button.btn-bottom {padding: 9px 12px;}
    .row.details-area-bottom .btn-bottom.button-edit {margin-right: 18px;}
    .row.property-details-area .col-xs-7 > .select-label {font-size: 13px;}
}

/** #homePage mediaqueries **/

@media (min-width: 992px) {
    #homePage #responsiveAlert {display: none;}
}

@media (max-width: 991px) {
    #homePage .container {width: 100% !important;}
    #homePage .navbar-header {width: 100%; margin: 0 15px;}
    #homePage .form-signin {margin-top: 48px;}
    #homePage #responsiveAlert {width: 300px; margin: 48px auto 0; display: block; text-align: center; background-color: white; padding: 12px;}
    #homePage #responsiveAlert h4 {font-size: 24px; color: #948C75; font-weight: 200;}
    #homePage #responsiveAlert p {color: #999;}
}

@media (min-width: 768px) and (max-width: 991px) {
    #homePage .navbar-header h3 {float: left;}
    #homePage #responsiveAlert {width: 300px;}
}

@media (max-width: 767px) {
    #homePage .navbar-header h3 {float: none; width: 100%; padding-right: 0; margin-top: 0; display: inline-block; font-size: 14px;}
    #homePage .help-button {position: absolute; right: 15px; top: 0; height: 75px;}
    #homePage .form-signin {width: 275px;}
    #homePage .logo-area {margin: 18px 18px 0;}
    #homePage footer {height: auto; margin-bottom: 0; padding-bottom: 12px; position: absolute; margin-top: 150px; bottom: inherit;}
    #homePage footer .col-xs-3 {text-align: left; margin-bottom: 6px; width: 100%;}
    #homePage #responsiveAlert {width: 275px;}
}