/* Typography */

h1 {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 40px;
}

h2 {
    color: #9ACB04;
    font-size: 30px;
    font-weight: 600;
    text-shadow: 0px 2px 1px #fff;
    margin-top: 0;
}

h3 {
    font-size: 18px;
    color: #9ACB04;
}

strong {
    color: #333;
}

.email strong {
    color:#42ade2;
}

.email h3 {
    color: #fff;
}

.close .glyphicon {
    top: 10px;
}

label {
    font-weight: 500;
}

.highlight-first-line:first-line {
    font-weight: bold;
}

/* Layout */

body {
    background: url('../img/global/background.png'); 
}

.container-fluid {
    max-width: 1140px;
}


.section-wrap {
    background: url('../img/global/background.png');  
    padding: 20px;
    overflow:auto;
    min-width: 280px;
}

.bottomaligned {
    position:absolute;
    bottom:0;
    margin-bottom:7px;
    left: 0;}




/* Main Navigation */

.navbar {
    margin-bottom: 0;
}

.navbar-inverse .navbar-brand span {
    color: #9ACB04;
}

.navbar-nav li .dropdown-menu {
    background-color: #333; 
}

.navbar-inverse .navbar-nav li a:focus,
.navbar-inverse .navbar-nav li a:hover,
.dropdown-menu li a:hover,
.navbar-inverse .navbar-nav .open a:hover {
    background-color: #080808;
    color: #9ACB04;
}

.navbar-inverse {
    box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.1);
}

.dropdown-menu {
    border-top: none;
}

.dropdown-menu li a {
    color: #9d9d9d;
}

.dropdown-menu li a:focus,
.dropdown-menu li a:hover {
    color: #fff;
}


/* Breadcrumbs */

.breadcrumb {
    padding: 0;
    margin-top: 0;
    list-style: none;
    background-color: rgba(245, 245, 245, 0);
    border-radius: 4px;
    color: #769DAC;
}

.breadcrumb li a {
    color: #769DAC;
}

.breadcrumb li a {
    text-decoration: underline;
}

.breadcrumb li+li:before {
    color: #769DAC;
}

.progress-buttons li {
    display: inline-block;
}


/* tabs */

.nav-tabs {
    border-bottom: none;
}

.nav-tabs li {
    margin-bottom:-2px;
}

.nav-tabs li a {
    background-color: #505050;
    color: #fff;
    font-weight: 500;
}

.nav-tabs li a:hover {
    background-color: #000;
    border: 1px solid #000;
}

.nav-tabs li.active a,
.nav-tabs li.active a:focus,
.nav-tabs li.active a:hover {
    border: none;
    padding-bottom:16px;
}

/* Labels */

.label-info {
    background-color: #9BB8C3;
    border:1px solid #9BB8C3;
}

.label-warning {
    background-color: #FF8D00;
    border: 1px solid #FF8D00;
}

.label-success {
    border: 1px solid #9ACB04;
    background-color: #9ACB04;
}

a.label:focus,
a.label:hover {
    color: #5CB85C;
}

/* BUTTONS */


.label-default,
.btn-default {
    background-color: #fff;
    border: 1px solid #9BB8C3;
    color: #9BB8C3;
}

.label-danger {
    border: 1px solid #d9534f;
}

.btn-info,
.btn-info[disabled]{
    background-color: #9BB8C3;
    border-color:#9BB8C3;
}

::-webkit-input-placeholder {
    color: #BBCED6 !important;
    font-weight: 300;
}

.input-group-addon {
    background-color: #9BB8C3;
    border-color:#9BB8C3;
    color:#fff;
}

.has-success .input-group-addon {
    background-color: #88A1AA;
    /* border-color:#88A1AA; */
    color: #fff;
}


.btn-danger:not(.btn-group *) {
    background-color: transparent;
    color: #d9534f;
}


.btn-secondary,
.btn-primary,
.btn-danger:not(.btn-group *),
.btn-primary[disabled] {
    font-size: 15px;
    font-weight: 500;
    border-width: 1px;
    border-style: solid;
}

.btn-primary {
    background-color: rgba(154, 203, 4, 0.81);
    border: 1px solid #9ACB04;
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0px 1px 1px 0px rgba(255,255,255,1);
}

.btn-secondary,
.btn-primary[disabled] {
    background-color: transparent;
    color: #9ACB04;
    border-color: #9ACB04;
}


.btn-primary[disabled]:hover,
.btn-secondary.active,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #9BCB05;
    color: #ffffff;
    border-color: #8BB704;
}

.btn-info[disabled]:hover,
.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open .dropdown-toggle.btn-info {
    background-color: #88A1AA;
    border-color:#88A1AA;
}

/* Alerts */

.alert-dismissable .close,
.alert-dismissible .close {
    right: 0;
}

/*.alert-warning {*/
    /*color: #FFF;*/
    /*background-color: #9BB8C3;*/
/*}*/

/*.alert-info {*/
    /*color: #333;*/
    /*background-color: rgba(245, 218, 28, 0.48);*/
    /*border-color: #F5CC05;*/
/*}*/

.alert p {
    margin-right: 20px;
}

/* ENQUIRY SCREEN */

.enquiry-detail div {
    display: inline-block;
}

.enquiry-detail div {
    width: 49%;
}

.enquiry-detail .location {
    width: 71%;
}

.enquiry-detail .map-button {
    width: auto;
}

/* Property Edit */
.property-edit-tab-content {
    border-top-left-radius: 0;
    border-top-width: 0;
}

/* Bye Spinners */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* File Upload */

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}
input[readonly] {
    background-color: white !important;
    cursor: text !important;
}


/* Panel */

.panel-default {
    border: 1px solid #9BB8C3;
    background-color: rgba(255, 255, 255, 0.7);
    margin-top: 15px;
}

.panel.active {
    border: 2px solid #769DAC;
    box-shadow: 1px 4px 7px rgba(0,0,0,0.2);
}

.table tbody tr td,
.table tbody tr th,
.table tfoot tr td, .table tfoot tr th,
.table thead tr td,
.table thead tr th {
    height: 50px;
    vertical-align: middle;
}

.audit-log .table tbody tr td {
    vertical-align: top;
}

.table thead tr th {
    padding-top: 12px;
    padding-bottom: 12px;
}

div.panel-body div.form-group:last-child {
    margin-bottom: 0;
}

/* checkboxes */



/* Forms */

.form-control {
    color:#436A7A;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.05);
    background-color: rgba(255, 255, 255, 0.59) !important;
    border: 1px solid #9BB8C3;
}

.input-group {
    box-shadow: 1px 1px 1px #fff;
    border-radius: 4px;
}

.form .input-group .form-control,
.form .form-control,
.form-group-wrap .input-group .form-control,
.form-group-wrap .form-control {
    background-color: rgba(126, 163, 177, 0.02) !important;
    /* border: 1px solid rgba(155, 184, 195, 1); */
}

.has-feedback .form-control {
    padding-right: 12px;
}

.dropdown-menu .active a {
    background-color: #9ACB04;
}

.form-control[disabled] {
    color: #eee;
    border: 1px solid #eee;
}

.ng-isolate-scope.dropdown-menu .active a {
    color: #333;
}

.ng-isolate-scope.dropdown-menu .active a:hover {
    background-color: #9BB8C3;
}


/*=================== LOGIN ===================**/

.form-signin input[type="password"] {
    margin-bottom: 0;
}

.form-signin input[type="email"] {
    margin-bottom: 0;
}


/*=================== LOADING BAR ===================**/

#loading-bar .bar {
    background: #9ACB04;
}

#loading-bar-spinner .spinner-icon {
border-top-color: #9ACB04;
border-left-color: #9ACB04;
}







/*=================== MODALS ===================*/

.modal-content form {
    background: url('../img/global/background.png');  
    border: 6px solid #fff;
    border-radius: 3px;

}

.modal-header {
    border-bottom: none;
}

.modal-header .close .glyphicon {
    top: 10px;
}

.modal-open .modal {
    background-color: rgba(0, 0, 0, 0.35);
}

.modal-footer {
    border-top: none;
    padding-bottom: 20px;
}

/*=================== MEDIA QUERIES ===================*/

@media (min-width:1024px) {
    .divider {
        margin-bottom: 70px;
    }
    .sub-section-divider {
        margin-bottom: 50px;
    }
    .breadcrumb {
        margin-bottom: 35px;
    }
    .section-wrap {
        margin-bottom: 50px;
        padding: 40px 60px;
    }
    .login.section-wrap {
        padding: 20px 30px 30px 30px;
    }
    .form-wrap.underline {

    }
    .form-margin-left {
        margin-left: 22px;
    }
    .form-margin-right {
        margin-right: 22px;
    }
    .rental-details {
        height: 348px;
    }
    /*** ENQUIRIES ***/
    .enquiry-detail .form-group {
        margin-bottom:10px;
    }
    .modal-md {
        width: 400px;
    }
    .search-details li {
        display: inline-block;
        margin-right: 15px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 600px;
    } 
}


@media (min-width:480px){
    body {
        background: none;
        /*background-color: rgba(84, 133, 152, 0.80);*/
        background-color: rgba(217, 219, 224, 0.4);
    }
    .navbar {
        margin-bottom: 65px;
    }
    .section-wrap {
        background: url('../img/global/background.png');  
        border: 6px solid #fff;
        border-radius: 3px;
        padding: 20px 40px 40px 40px;
        box-shadow: 3px 3px 5px rgba(78, 86, 104, 0.2);
        /*box-shadow: 20px 20px 100px #4E5668;*/
        overflow:auto;
        min-width: 280px;
    }
}



@media (max-width:480px) {
    .main.container-fluid {
        padding-left: 0px;
        padding-right:0px;
    }
}


.search-details {
    padding-left: 0;
}

.form-title,
.breadcrumb {
    border-bottom: 1px solid rgba(232, 231, 231, 0.5);
    box-shadow: 0px 1px 1px #fff;
    padding-bottom: 2px;
}


.tooltip-inner {
    max-width: 150px;
    width: 100px; 
    text-align: left;
}


/* ------------------- SEARCH QUOTES ------------------- */

.btn-sm {
    padding: 3px 8px;
}



.search-quote-header {
    background-color: #505050;
    color: #fff;
    font-size: 14px;
}

.search-quote-header th,
.search-quote-header td {
    font-weight: 400;
}

.enquiries-search .table>tbody+tbody {
    border-top: none;
}

.enquiries-search .table tbody tr td {
    height: auto;
}

.enquiries-search .table tbody tr th {
    height: auto;
}

.quote-id {
    color: #333;
    font-size: 18px;
    font-weight: bold;
}

.enquiries-search .btn-secondary {
    color: #FFF;
    border-color: #FFF;
}

.enquiries-search .btn-secondary:hover {
    background-color: #88A1AA;
}

.outer-quote {
    background-color: #9BB8C3;
    color: #ffffff;
}

.inner-quote {
    font-size:smaller;
    background-color: #F8F8F8;
    font-weight: bold;
    
}


.property-thumbnail img {
    width: 100px !important;
    height: auto !important;
}