* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {

}
body {
    background: #fff;
    font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", 'Lato', Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #505050;
    letter-spacing: 0.7px;
    font-weight: 300;
}

a, a:visited {
    color: #FDC20A;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    color: #0d5397;
    font-weight: 100;
    text-transform: uppercase;
}
h1 {
    font-size: 2.3em;
}
h2 {
    font-size: 2em;
}
h3 {
    font-size: 1.7em;
}
h4 {
    font-size: 1.4em;
}
h5 {
    font-size: 1.2em;
}
h6 {
    font-size: 1em;
}

form label {
    text-transform: uppercase;
    color: #505050;
}
form select,
form input[type="text"],
form input[type="email"],
form input[type="password"],
form textarea {
    height: 38px;
    padding: 0 16px;
    font-size: 1.2em;
    line-height: 38px;
    border-radius: 3px;
    font-weight: 300;
    border-color: #C2C2C2;
}
form textarea {
    height: 121px;
    margin-top: 5px;
    line-height: 24px;
    padding: 5px 16px;
}
form textarea[name="notes"] {
    height: 250px;
}
form input[type="text"],
form select,
form input[type="file"],
.fields label a.btn {
    margin-top: 5px;
}
.fields label a.btn {
    display: block;
}
input[disabled="disabled"] {
    background: #F8F8F8;
}
li.field_address {
    width: 72%;
}
form select {
    font-size: 1.2em;
}
form select[multiple] {
    height: 210px;
    background-color: rgb(248, 248, 248)
}
form .btn {
    height: 38px;
    line-height: 20px;
}
form ul.fields {
    margin-bottom: 0;
    margin-top: 10px;
}
form ul.fields li {
    margin-bottom: 6px;
}
form ul.fields li.full {
    width: 97%;
}
.btn {
    font-weight: 300;
    text-transform: uppercase;
}
a.btn.pink:visited,
.btn.pink {
    background: #fdc20a;
    color: #0d5397;
}

.units-row.success,
.units-row.error {
    padding: 20px 25px;
    background: #FCFCFC;
    font-size: 1.3em;
    font-weight: 300;
}
.units-row.success+.content,
.units-row.error+.content {
    margin-top: 20px;
}

.empty {
    text-align: center;
    padding: 100px;
    font-size: 1.6em;
    color: #C7C7C7;
}

.hidden {
    display: none;
}
/* --------------------------------------------------------------------------------- */

.wrapper {
    /*margin: auto;
    width: 95%;
    max-width: 1100px;*/
}

.body {
    margin-left: 230px;
}

body > header {
    background: #0d5397;
    width: 230px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    overflow: auto;
}
body > header .topbar {
    padding: 15px 25px;
}
body > header .links {
    text-align: right;
    padding-top: 25px;
    padding: 20px 20px;
}
body > header .links .username {
    font-weight: 400;
    font-size: 1.2em;
    display: none;
}
body > header .links a {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
body > header nav {
    display: block;
    background-color: #20609E;
    /*height: 200px;*/
    padding: 8px 0;
}
body > header nav ul {
    list-style: none;
    /*text-align: center;*/
    margin: 0;
}
body > header nav ul li {
    display: block;
    /*padding: 29px 0 30px 0;*/
}
body > header nav ul li:hover,
body > header nav ul li.active {
    /*background-image: url('../_img/nav-arrow.png');*/
    /*background-position: center bottom;*/
    /*background-repeat: no-repeat;*/
    /*background-color: #0d5397;*/
}
body > header nav ul li a,
body > header nav ul li a:active,
body > header nav ul li a:visited {
    display: block;
    color: #fff;
    white-space: nowrap;
    text-transform: capitalize;
    font-size: 1.3em;
    /*margin: 0 0 10px 0;*/
    padding: 12px 20px;
}
body > header nav ul li:hover a,
body > header nav ul li:hover a {
    background: #0D5397;
}

body > header nav ul li a i.fa {
    display: inline-block !important;
    margin-right: 5px;
    width: 24px;
}
body > header nav ul li:hover a,
body > header nav ul li.active a {
    color: #FDC20A;
    /*color: #BEBEBE;*/
}

section {
    font-size: 0.9em;
    line-height: 1.4em;
    font-weight: 300;
    padding: 30px;
    background: #fff;
    min-height: 400px;
    /*margin-top: -72px !important;*/
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
section.wrapper {
    max-width: none;
    width: 100%;
}
section > .units-row,
section > .content {
    /*padding: 0 7%;*/
    margin-bottom: 40px;
}
section h1 {
    margin: 0 0 20px 0;
}
section table td,
section table th {
    padding: 12px 10px;
    border: none;
    vertical-align: middle;
}
section table thead th,
section table thead td {
    font-weight: 300;
    text-transform: uppercase;
}
section table tr td:last-child {
    white-space: nowrap;
}
body footer {
    padding: 10px;
    color: #AAA;
    background: #F0F0F0;
    font-weight: 100;
    border-radius: 0 0 4px 4px;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 99999999999;
}
body footer .copyright {
    padding: 10px 0;
}
body footer .copyright .unit-50 {
}
body footer .copyright .unit-50+.unit-50 {
    text-align: right;
}

.cms-thumb {
    max-height: 100px;
    max-width: 200px;
    height: auto;
}
.noimages {
    text-align: center;
    font-size: 1.6em;
    color: #DDD;
    margin-top: 25px;
    display: block;
}
.gallery-images {
    margin-bottom: 10px;
}
.gallery-images li {
    margin-bottom: 5px;
}
.gallery-images:not(.property) li:first-child {
    width: 97%;
}

.gallery-images.property li {
    position: relative;
}

.gallery-images.property li a {
    opactiy: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #0D5397;
    opacity: 0;
    cursor: pointer;
    transition: all 0.2s ease-in;
}

.gallery-images.property li span {
    opacity: 0;
    background-color: #FDC20A;
    padding: 10px 5px;
    color: #0D5397;
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    text-align: center;
    line-height: 1.2em;
    pointer-events: none;
    transition: all 0.2s ease-in;
}

.gallery-images.property li.delete span {
    background-color: #B70202;
    color: #FFF;
}

.gallery-images.property li.delete a{
    background-color: #082C50;
}

.gallery-images.property li:hover a,
.gallery-images.property li.default a{
    opacity: 0.7;
}

.gallery-images.property li:hover span,
.gallery-images.property li.default span{
    opacity: 1;
}


/*****************************************************************************/

table.dataTable thead .sorting {
    background: none;
    padding-right: 10px;
}
table.dataTable thead .sorting:hover {
    background: url("../_img/datatables/sort_both.png") no-repeat center right;
}
table.datatable thead th {
    font-size: 0.9em;
    text-align: left;
    border: none;
    padding-left: 4px;
    font-family: 'Helvetica Neue', HelveticaNeue-Light, 'Helvetica Neue Light', Lato, Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-weight: 300 !important;

}
table.dataTable thead th, table.dataTable thead td,
table.dataTable.no-footer {
    border-bottom: none;
}
.dataTables_wrapper .dataTables_info {
    color: #C3C3C3;
}
.dataTables_length {
    /* display: none; */
    margin: 30px 0 20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    background: #EEEDED;
    border: 1px solid transparent;
    border-radius: 3px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: #FDC20A;
    color: #0d5397 !important;
    border: 1px solid transparent;
    box-shadow: none;
    border-radius: 3px;
}

.dataTables_filter {
    /*display: none;*/
    border-radius: 3px;
}
.datatablesearch {
    /*float: right;*/
    margin-right: 10px;
}
table.dataTable tbody tr.invalid {
    opacity: .6;
}

label.checkbox{
    height: 64px;
}

label.checkbox input[type="checkbox"]{
    display: block;
    margin-top: 20px;
}
input[type="radio"], input[type="checkbox"] {
    position: relative;
    top: 2px;
    float: right;
}
li.full input.width-100,
li.full textarea.width-100,
li.full textarea.unit-100,
li.full input.unit-100 {
    width: 100%;
}

.btn.clear{
    margin-top: 10px;
}

section table.reservations-dashboard tbody .header td:not(.group_name) {
    border: 0;
    position: relative;
    top: 10px;
}

section table.reservations-dashboard tbody td{
    padding: 0 8px;
    border: 1px solid #EFEFEF;
}

section table.reservations-dashboard tbody td.group_name{
    padding: 15px 10px 0;
    border: none;
    font-size: 22px;
    color: #FDC20A;
    border: none;
}

section table.reservations-dashboard tbody tr:first-child td.group_name{
    padding-top: 0;
}

table.reservations-dashboard tbody td.booked {
    background-color: #FDC20A;
    border: none;
    cursor: pointer;
    position: relative;
    top: 0px;
    border-top: 1px solid #D40580;
    border-bottom: 1px solid #D40580;
}

.date-selector{
    text-align: center;
}

.date-selector select{
    height: 38px;
    padding: 0 16px;
    font-size: 1.2em;
    line-height: 38px;
    border-radius: 3px;
    font-weight: 300;
    border-color: #C2C2C2;
    margin-top: 0;
    margin-right: 10px;
}

.customer {
    padding: 20px;
    background: #F5F5F5;
    font-size: 1.2em;
}

.white-popup-block {
    background: #FFF;
    padding: 15px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
}
#mapcanvas {
    height: 400px;
}
#mapcanvas.loading {
    opacity: .5;
}
#map p {
    margin: 15px 0 5px 0;
}
#map a.myLocation {
    float: right;
    margin-top: 12px;
}

.newprice {
    padding: 20px;
    background: #eee;
}
.newprice form {
    margin-bottom: 3px;
}
.newprice form .btn, .newprice form input {
    margin-top: 8px !important;
}

.danger.delete:visited,
.danger.delete{
    background-color: #D00A0A;
    color: white;
}

.newprice.properties input,
.newprice.properties select{
    width: 100%;
}

.body.rental-properties .dataTables_filter,
.body.properties .dataTables_filter{
    display: none;
}

/* Custom Checkboxes */

input[type="checkbox"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

input[type="checkbox"]:not(:checked):after {
    content: '\f00d';
    color: #D00A0A;
}
input[type="checkbox"]:checked:after {
    content: '\f00c';
    color: #0D5397;
}
input[type="checkbox"]:after {
    content: '\f00c';
    font-family: 'FontAwesome';
    font-size: 2em;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #0D5397;
}
input[type="checkbox"] {
    width: 38px;
    height: 38px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #C2C2C2;
    border-radius: 3px;
    display: block;
    float: none;
    top: 5px;
    outline: none;
}

/* END Custom Checkboxes */

table.dataTable {
    margin-bottom: 30px;
}

li.proptoggle {
    position: relative;
}
li.proptoggle a {
    color: #fff !important;
}
li.proptoggle.open a {
    color: #fdc20a !important;
}
li.proptoggle:after {
    content: "\f0d7";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 1.7em;
    right: 13px;
    top: 13px;
    position: absolute;
    pointer-events: none;
}
li.proptoggle.open:after {
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #fdc20a !important;
}
li.propoption {
    background: #0d5397;
    font-size: 0.8em;
    display: none;
    padding: 0 2px;
}
li.propoption a {
    padding: 8px 20px !important;
}
li.propoption.open {
    display: block;
}

.print-logo img{
    max-width: 300px;
}

span.edit,
a.edit{
    display: none;
}