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

body {padding-top: 48px; padding-bottom: 90px; font-family: 'Open Sans', sans-serif; background-color: #EBEBEB;}

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 #9F9F9F;}

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

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

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

input, select {background: transparent !important;}


/** navbar **/

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

.navbar-header {width: 70%;}

.navbar-header h1 {float: left; color: #D8D7D5; 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; height: 48px; display: inline-block;}

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

.help-button .fa {width: 100%; text-align: center;}

.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: #CE102A ; 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: #D9CEB2;}

a.logout-button {background: #D9CEB2; color: #796A52; padding: 2px 9px;}

a.logout-button:hover {background: #F3833A; color: white;}

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






/** Footer **/

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

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

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

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

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




/** Sign In **/

#main {}

.form-signin {
    width: 300px;
    height: 360px;
    margin: 120px auto 0;
    background-color: #D8D7D5;
    padding: 36px;
    color: #9F9F9F;
}

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

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

.btn-primary {border-radius: 0; text-shadow: none; background-image: none; border: none; background-color: #F3833A !important; box-shadow: 3px 3px #796A52 !important;}

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




/** 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: #797979; display: inline-block; margin: 24px 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: 28px; position: absolute; top: 9px;}

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

.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: 317px;}

#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, .search-property-buttons 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 { box-shadow: none !important; position: relative; top: 3px; left: 3px;}

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

.primary-menu ul li a .fa-chevron-circle-down {color: #F3833A; 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: #F3833A; text-shadow: none; color: white; margin-left: -5px; padding:4px 6px; position: relative; top: -9px;}

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

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

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

select.form-control {background: white; font-size: 12px; height: 24px; 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: 4px 6px; box-shadow: 3px 3px #948C75 !important; width: 100%; background: #F3833A; color: white;}

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

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

.table th {font-weight: normal !important; color: #797979; font-weight: 700 !important;}

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

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

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

#results_table a, .table button.edit {color: #F3833A; font-size: 23px; position: relative; top: -1px;}

.table button.edit {color: #F3833A; font-size: 25px; padding: 0 !important; background: transparent; position: relative; top: -1px;}

#results_table a:hover {color: #948C75;}

.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;}




/** Property Page **/

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

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

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

.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: #CE102A; text-shadow: none; color: white; margin-left: -5px; padding:4px 6px; position: relative; top: 6px;}

.search-property-buttons {float: right; margin: 24px 0 0; 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 { border-radius: 0; text-shadow: none; color: white; padding: 8px 12px; font-weight: 700; font-size: 13px; margin-right: 24px; box-shadow: 3px 3px #948C75 !important;}

.search-property-buttons button.btn-duplicate {background: #9BB3B7;}

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

.search-property-buttons button.btn-close {background: #CE102A; 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: #797979;}

.row.property-details-area textArea, .row.property-details-area #large_description {background: white; border: 1px solid #797979; font-size: 13px; margin-bottom: 15px !important; text-align: left; color: #555; 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 #9F9F9F !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 {padding-left: 7px; width: 100%; background: white; display: inline-block; border: 1px solid #796A52; padding-bottom: 12px; margin-bottom: 15px;}

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

.row.property-details-area .pics-upload img {margin: 12px; width: 72px; height: 47px; background: #D8D7D5; padding: 0;}

.row.property-details-area .pics-upload button {background: none; color: #CE102A; font-size: 24px; border-radius: 0; padding: 0; position: absolute; top: 46px; left: 41%;}

button.btn-bottom {font-weight: 700; padding: 6px 12px; color: white; box-shadow: 3px 3px #948C75 !important; background: #CE102A;}

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: 12px; font-weight: 700;}

.row.property-details-area button.button-add, .row.details-area-bottom button.button-add {float: left;}

.row.property-details-area button.button-reorder, .row.details-area-bottom .button-reorder {float: right;}

.row.property-details-area button.button-gallery {clear: both; width: 100%; padding: 12px 3px; margin-top: 18px;}

.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: #9F9F9F !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 #9F9F9F; display: block; padding: 12px 0; margin-bottom: 24px;}

.row.details-area-bottom p {text-align: left; color: #797979; font-weight: 700; border-bottom: 1px solid #9F9F9F; padding-bottom: 8px; margin: 12px 0; width: 100%; display: inline-block; }

.facts-features > li {text-align: left; border-bottom: 1px solid #9F9F9F; padding-bottom: 6px; margin-bottom: 12px;}

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: 4px; background: #CE102A; color: white;}

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

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

.notice-item {color: #797979; 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:#797979;}

.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 {padding-right: 0;}

.row.details-area-bottom button.btn-edit {background: #F3833A; 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: #797979; display: inline-block;}

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

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

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

.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: #9F9F9F !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: #797979; font-size: 12px;}

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

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

.row.property-details-area .button-edit {float: left; display: inline-block; margin-bottom: 12px}




/** Booking Page **/

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

.property-features.booking-quantities {}

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

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

.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 {color: #333; border-bottom: none; font-size: 14px; font-weight: 700; margin-bottom: 0; text-align: left;}

.row.booking-area > .col-xs-4 label, .date-booking-info label, .row.booking-area > .col-xs-6 label {color: #797979; 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 #9F9F9F !important; float: right; height: 24px; 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: #9F9F9F; padding-right: 9px; font-size: 18px;}

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

.col-xs-4.financial-info input, .col-xs-4.financial-info select {width: 45%; float: right; margin: 0 0 12px; height: 24px; border: 1px solid #9F9F9F !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: 24px;}

.btn-orange {float: right; width: 220px; padding: 12px; text-align: center; color: white !important; box-shadow: 3px 3px #796A52 !important; text-shadow: none; background: #F3833A !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: #797979;}

.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: #CE102A; 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; font-weight: 700 !important; padding-left: 12px;}

.table.enquiry-area tbody {background: #D8D7D5; font-size: 13px;}

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

.red-bg {background: #CE102A !important;}

.light-green-bg {background: #9BB3B7 !important;}

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

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




/** Modal windows **/

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

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

.modal .modal-body .bootbox-body form ul li  {min-height: 48px; border-bottom: 1px dotted #9F9F9F; 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: #D9D6D6 !important; border-radius: 0; box-shadow: none; border: none;}

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

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

.modal-footer {border: none;}

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

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

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

.bootbox-body textarea {padding: 2px 6px; margin-bottom: 12px; width: 40%; display: inline-block; border: 1px solid #9F9F9F !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: #CE102A; position: relative; right: -6px; top: 9px;}

#newbooking_contact_search {margin-left: 50%;}

.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: #9BB3B7 !important; margin: 12px 0 36px 50%;}

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

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

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

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

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

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

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

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





/** 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 button {left: 43%;}
    .row.property-details-area .pics-upload-frame {padding-left: 32px;}
}