body {padding-bottom: 0px; font-size: 11px}
footer{}
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 70px;
}
.footer {
  background-color: #222;
  border-color: #080808;
  color: #9d9d9d;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  margin-top: 20px;
}
.footer .col-sm-6{padding-top: 19px}
.footer .col-sm-6 a{color: #9d9d9d; text-decoration: none}
.footer .col-sm-6 a:hover{color: #ffffff;}
#map {height: 600px;}
.marker-is-hidden{opacity: 0.25}
.has-error{color: #a94442}
.pad5{padding-left: 5px !important; padding-right: 5px !important;}
.container-liquid{margin: 0 30px}
@media (max-width: 768px) {
    .container-liquid{margin: 0 10px}
}
.navbar .container-liquid{margin: 0 10px}
.display-none{display: none;}
.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right{right: 0; left: auto;}
#edit_user_modal .form-group-sm input[type="radio"], #add_user_modal .form-group-sm input[type="radio"] {margin-left: 10px}

#edit_user_modal .panel-group,
#add_user_modal .panel-group {
    margin-bottom: 10px !important;
}

#edit_user_modal .panel-heading,
#add_user_modal .panel-heading {
    padding: 0px !important;
}

#edit_user_modal .panel-group h4 a,
#add_user_modal .panel-group h4 a {
    font-size: 11px !important;
    font-weight: bold;
    display: block;
    padding: 0px !important;
    margin: 0px !important;
}

#edit_user_modal .panel-group h4 a:hover,
#add_user_modal .panel-group h4 a:hover {
    text-decoration: none
}

#edit_user_modal .panel-group h4 a,
#add_user_modal .panel-group h4 a {
    font-size: 10px !important;
    display: block;
    padding: 6px 5px !important;
}

#edit_user_modal .panel-body,
#add_user_modal .panel-body {
    padding-bottom: 5px !important;
}

#edit_user_modal .panel-group label,
#add_user_modal .panel-group label {
    margin-bottom: 0px !important;
}

#edit_user_modal .panel-group .form-group,
#add_user_modal .panel-group .form-group {
    margin-bottom: 10px !important;
    font-size: 10px !important;
}

#edit_user_modal .panel-group .panel,
#add_user_modal .panel-group .panel {
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 0px;
    border-bottom: 0px;
}

.space-top{margin-top: 15px}
.space-top-sm{margin-top: 8px}
.space-bottom{margin-bottom: 15px}
.space-bottom-sm{margin-bottom: 8px}
.space-left{margin-left: 15px}
.space-left-sm{margin-left: 8px}
.space-right{margin-right: 15px}
.space-right-sm{margin-right: 8px}
.display-none{display:none;}
.form-horizontal label.control-label{text-align: left}
.border{border:1px solid #ccc; border-radius: 3px; padding-top: 10px}
.title{display:inline-block; width:100px;}
hr{height: 0px; border-top:1px solid #ccc;}
.notes, .documents, .letters{max-height: 205px; overflow-y: scroll}
.notes .note, .documents .document, .letters .letter {padding-bottom: 5px; margin-bottom:5px; border-bottom:1px solid #ccc; position: relative;}
.notes .note .delete, .documents .document .delete{position: absolute; top:5px; right: 5px;}
.notes .note .edit{position: absolute; top:5px; right: 35px;}
.letters .letter .delete {position: absolute; top:5px; left: 5px;}
.notes .note:last-child, .documents .document:last-child, .letters .letter:last-child {border-bottom:none}

#search_field{
	border: 1px solid #cccccc; border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#search_fields{
	border: 1px solid #cccccc; border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    padding: 10px;
    margin-top: 8px;
}
.no-fields{color: #999}

.live-date {padding-left: 15px; width:210px; display:inline-block}
.live-date .pm{width:40px; display:inline-block}
.live-date .days{width:40px; display:inline-block; padding: 5px 0px 5px 5px;}
.live-date .type{width:70px; display:inline-block;}
.live-date .btn{width:40px; display:inline-block}

/*.invoices{padding-bottom: 15px}*/
.invoices .col-sm-4{padding-left: 15px; padding-right: 5px;}
.invoices .col-sm-1{padding-left: 5px; padding-right: 5px;}
.invoices .col-sm-2{padding-left: 5px; padding-right: 15px;}
.invoices .line{border-bottom: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px}
.invoices .line:last-child{border-bottom: 0px solid #ccc;}

.invoice .btn{padding: 5px}

h3 {margin-top:0px}

p#getaddress_error_message{
    padding: 8px 0px 0px 10px;
    float: left;
    margin-bottom: 0px;
    color: #a94442;
}

#postcode_lookup button{
    -webkit-appearance: none;
    -webkit-user-select: none;
    align-items: flex-start;
    background-color: rgb(51, 122, 183);
    background-image: none;
    border-bottom-color: rgb(46, 109, 164);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 3px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(46, 109, 164);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(46, 109, 164);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(46, 109, 164);
    border-top-left-radius: 0px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-weight: normal;
    height: 30px;
    letter-spacing: normal;
    line-height: 18px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    text-align: center;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    vertical-align: middle;
    white-space: nowrap;
    word-spacing: 0px;
    writing-mode: horizontal-tb;
}

#postcode_lookup input{
float:left;
-webkit-appearance: none;
-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
background-color: rgb(255, 255, 255);
background-image: none;
border-bottom-color: rgb(204, 204, 204);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(204, 204, 204);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(204, 204, 204);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(204, 204, 204);
border-top-left-radius: 3px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
box-sizing: border-box;
color: rgb(85, 85, 85);
cursor: auto;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-stretch: normal;
font-style: normal;
font-variant-caps: normal;
font-weight: normal;
height: 30px;
letter-spacing: normal;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
text-align: start;
text-indent: 0px;
text-shadow: none;
text-transform: none;
transition-delay: 0s, 0s;
transition-duration: 0.15s, 0.15s;
transition-property: border-color, box-shadow;
transition-timing-function: ease-in-out, ease-in-out;
width: 150px;
word-spacing: 0px;
writing-mode: horizontal-tb;
}

#postcode_lookup select{
-webkit-appearance: menulist-button;
-webkit-box-shadow: none;
-webkit-rtl-ordering: logical;
align-items: center;
background-color: rgb(255, 255, 255);
background-image: none;
border-bottom-color: rgb(102, 175, 233);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(102, 175, 233);
border-left-style: solid;
border-left-width: 1px;
border-right-color: rgb(102, 175, 233);
border-right-style: solid;
border-right-width: 1px;
border-top-color: rgb(102, 175, 233);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: none;
box-sizing: border-box;
color: rgb(85, 85, 85);
cursor: default;
display: block;
float:left;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-stretch: normal;
font-style: normal;
font-variant-caps: normal;
font-weight: normal;
height: 30px;
letter-spacing: normal;
line-height: 14px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: start;
text-indent: 0px;
text-shadow: none;
text-transform: none;
transition-delay: 0s, 0s;
transition-duration: 0.15s, 0.15s;
transition-property: border-color, box-shadow;
transition-timing-function: ease-in-out, ease-in-out;
white-space: pre;
width: 100%;
word-spacing: 0px;
writing-mode: horizontal-tb;
clear: both;
}

.app-content #postcode_lookup select{
    margin-left: 0px !important;
    margin-top: 15px !important;
    clear: none;
}

.instruction-group, .comments-group{border:1px solid #999; border-radius: 4px; padding:20px 0px 5px 0px; position:relative; margin:20px 0 20px 0}
.instruction-group hr{border-top:1px solid #999; margin-top: 5px; margin-bottom: 15px}
.instruction-group hr.dashed, .comments-group hr.dashed{border-top:1px dashed #999; margin-top: 5px}
.instruction-group .redesign-group {border-bottom:1px solid #999}
.instruction-group .redesign-group:last-child {border-bottom:0px solid #999}
.instruction-group .tooltip.right {margin-top: -15px;}
/*.instruction-group .btn-primary.dropdown-toggle{padding-left:4px; padding-right:4px}*/
.instruction-group .input-group-btn .btn-primary{padding-left:4px; padding-right:4px}

.instruction-title{position:absolute; top:-15px; left:10px; padding:5px; background-color:#FFF; font-weight:bold; color:#666}
.instruction-foot{position:absolute; bottom:-13px; left:10px; padding:5px; background-color:#FFF; font-weight:bold; color:#666}
.instruction-foot-right{position:absolute; bottom:-13px; right:10px; padding:5px; background-color:#FFF; font-weight:bold; color:#666/*#a94442*/}
.instruction-nav{position:absolute; top:-15px; right:10px; padding:5px; background-color:#FFF; font-weight:bold; color:#666; cursor:pointer}

.occupier-comment-block{position:relative}
.occupier-comment-delete{margin:0; padding:0px!important; position: absolute; top:5px; right: 15px; border: 0px!important; display: none}

.occupier-group .col-sm-1{padding-left: 0px; width:10%}
.occupier-group .col-sm-2{padding-left: 0px; width:11.1111111%}
.occupier-group .col-sm-3{padding-left: 0px; width:12.2222222%}
.occupier-group .col-sm-12{padding-left: 0px;}

.occupier-group.occupier-locked .col-sm-1{width:10% !important}
.occupier-group.occupier-locked .col-sm-2{width:12.5% !important}
.occupier-group.occupier-locked .col-sm-3{width:15% !important}
.occupier-group .col-sm-2 textarea{height:161px}
.occupier-group .col-sm-4{padding-left: 0px; width:22.2222222%}
.add-occupier{margin: 0 0 15px 0; text-align: left; padding-top: 20px; padding-bottom: 20px}
.occupier-active{border-color: #4cae4c}
.occupier-active .instruction-title{color: #4cae4c}
.occupier-active .instruction-nav{color: #4cae4c}
.occupier-active label{color: #4cae4c}

.inspection-group .col-sm-4{width:20%}

.add-maintenance{margin: 0 0 15px 0; text-align: left; padding-top: 20px; padding-bottom: 20px}

.maintenance-group-new{border-color: #4cae4c}
.maintenance-group-new .instruction-title{color: #4cae4c}
.maintenance-group-new .instruction-nav{color: #4cae4c}
.maintenance-group-new label{color: #4cae4c}
.maintenance-group .title{width: 100%}
.maintenance-group textarea{height: 100px}
.maintenance-group .col-sm-1, .maintenance-group .col-sm-2, .maintenance-group .col-sm-3{padding-right: 0px;}

.add-file{margin: 0 0 15px 0; text-align: left; padding-top: 20px; padding-bottom: 20px}

.add-note{margin: 0 0 15px 0; text-align: left; padding-top: 20px; padding-bottom: 20px}

.notes-list .note, .inspection-notes-list .note {border-top: 1px dashed #ccc; padding-top: 20px; margin-top: 20px; position: relative}
.notes-list .note:first-child, .inspection-notes-list .note:first-child {border-top: 1px solid #ccc;  padding-top: 20px; margin-top: 10px}
.notes-list .note .delete, .inspection-notes-list .note .delete {position:absolute; top: 5px; right:5px; display: none}
.notes-list .note .edit{position:absolute; top: 5px; right:35px; display: none}
.notes-list .note .options{position: absolute; top:5px; right: 5px; display: none}

.app-maintenance-list .maintenance-item {border-bottom: 1px solid #ccc;  padding-bottom: 20px; margin-bottom: 10px}
.app-maintenance-list .maintenance-item:last-child {border-bottom: 0px solid #ccc;  padding-bottom: 0px; margin-bottom: 0px}


.alert-box{position:fixed; top:70px; right:-280px; width:260px; z-index: 1001}
.alert-box div{width:260px; padding: 10px 10px 5px 10px; background-color:#666; opacity:0.9; filter:alpha(opacity=90); border:1px solid #333; margin-bottom:20px; /*border-radius: 4px;*/}
.alert-box div p{font-size:11px; color:#FFF}

@media (max-width:1405px) {
    .nav > li > a {
        padding: 15px 10px;
    }
}

@media (max-width:1285px) {
    .nav > li > a {
        padding: 15px 5px;
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
    .modal-xl {
        width: 1100px
    }
    .modal-vl {
        width: 1200px
    }
    .modal-sxl {
        width: 98%
    }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.nav-dropdown-menu{
    /*left: 158px !important;*/
}

.dropdown-submenu:hover {
    background: #e2e1e1;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: var(--link-color);
    margin-top: 5px;
    margin-right: 10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.table > thead > tr > td.urgent,
.table > tbody > tr > td.urgent,
.table > tfoot > tr > td.urgent,
.table > thead > tr > th.urgent,
.table > tbody > tr > th.urgent,
.table > tfoot > tr > th.urgent,
.table > thead > tr.urgent > td,
.table > tbody > tr.urgent > td,
.table > tfoot > tr.urgent > td,
.table > thead > tr.urgent > th,
.table > tbody > tr.urgent > th,
.table > tfoot > tr.urgent > th {
  background-color: #333333;
  color: #ffffff;
}

.table-hover > tbody > tr > td.urgent:hover,
.table-hover > tbody > tr > th.urgent:hover,
.table-hover > tbody > tr.urgent:hover > td,
.table-hover > tbody > tr.urgent:hover > th {
  background-color: #101010;
  color: #ffffff;
}

.table > thead > tr > td.danger-alt,
.table > tbody > tr > td.danger-alt,
.table > tfoot > tr > td.danger-alt,
.table > thead > tr > th.danger-alt,
.table > tbody > tr > th.danger-alt,
.table > tfoot > tr > th.danger-alt,
.table > thead > tr.danger-alt > td,
.table > tbody > tr.danger-alt > td,
.table > tfoot > tr.danger-alt > td,
.table > thead > tr.danger-alt > th,
.table > tbody > tr.danger-alt > th,
.table > tfoot > tr.danger-alt > th {
  background-color: #d43f3a;
  color: #ffffff;
}
tr.danger-alt a {color: #ffffff;}

.table-hover > tbody > tr > td.danger-alt:hover,
.table-hover > tbody > tr > th.danger-alt:hover,
.table-hover > tbody > tr.danger-alt:hover > td,
.table-hover > tbody > tr.danger-alt:hover > th {
  background-color: #ac2925;
  color: #ffffff;
}

.table > thead > tr > td.warning-alt,
.table > tbody > tr > td.warning-alt,
.table > tfoot > tr > td.warning-alt,
.table > thead > tr > th.danger-alt,
.table > tbody > tr > th.warning-alt,
.table > tfoot > tr > th.warning-alt,
.table > thead > tr.warning-alt > td,
.table > tbody > tr.warning-alt > td,
.table > tfoot > tr.warning-alt > td,
.table > thead > tr.warning-alt > th,
.table > tbody > tr.warning-alt > th,
.table > tfoot > tr.warning-alt > th {
  background-color: #ec971f;
  color: #ffffff;
}
tr.warning-alt a {color: #ffffff;}

.table-hover > tbody > tr > td.warning-alt:hover,
.table-hover > tbody > tr > th.warning-alt:hover,
.table-hover > tbody > tr.warning-alt:hover > td,
.table-hover > tbody > tr.warning-alt:hover > th {
  background-color: #d58512;
  color: #ffffff;
}

.table > thead > tr > td.info-alt,
.table > tbody > tr > td.info-alt,
.table > tfoot > tr > td.info-alt,
.table > thead > tr > th.info-alt,
.table > tbody > tr > th.info-alt,
.table > tfoot > tr > th.info-alt,
.table > thead > tr.info-alt > td,
.table > tbody > tr.info-alt > td,
.table > tfoot > tr.info-alt > td,
.table > thead > tr.info-alt > th,
.table > tbody > tr.info-alt > th,
.table > tfoot > tr.info-alt > th {
  background-color: #269abc;
  color: #ffffff;
}
tr.info-alt a {color: #ffffff;}

.table-hover > tbody > tr > td.info-alt:hover,
.table-hover > tbody > tr > th.info-alt:hover,
.table-hover > tbody > tr.info-alt:hover > td,
.table-hover > tbody > tr.info-alt:hover > th {
  background-color: #269abc;
  color: #ffffff;
}

.table > thead > tr > td.success-alt,
.table > tbody > tr > td.success-alt,
.table > tfoot > tr > td.success-alt,
.table > thead > tr > th.success-alt,
.table > tbody > tr > th.success-alt,
.table > tfoot > tr > th.success-alt,
.table > thead > tr.success-alt > td,
.table > tbody > tr.success-alt > td,
.table > tfoot > tr.success-alt > td,
.table > thead > tr.success-alt > th,
.table > tbody > tr.success-alt > th,
.table > tfoot > tr.success-alt > th {
  background-color: #23a307;
  color: #ffffff;
}
tr.success-alt a {color: #ffffff;}

.table-hover > tbody > tr > td.success-alt:hover,
.table-hover > tbody > tr > th.success-alt:hover,
.table-hover > tbody > tr.success-alt:hover > td,
.table-hover > tbody > tr.info-alt:hover > th {
  background-color: #23a307;
  color: #ffffff;
}

#fixed_header{position: fixed; z-index: 999; padding: 0 15px; top:50px; left: 0px; width:100%; overflow: hidden; background-color: #DDDDDD;}
#fixed_header::-webkit-scrollbar { 
    display: none; 
}
#fixed_header .nav-tabs {border-bottom: 1px solid #ddd}

#fixed_header .nav-tabs > li > a{
    border-color: #ddd !important; 
    border-radius: 4px !important;
    margin-top: 6px;
    padding-top: 4px;
    margin-bottom:6px;
    padding-bottom: 4px
}

#fixed_header .nav-tabs > li.active > a, #fixed_header .nav-tabs > li.active > a:hover, #fixed_header .nav-tabs > li.active > a:focus {
    border-color: #999 !important;
    border-radius: 4px !important;
    margin-top: 6px;
    padding-top: 4px;
    margin-bottom:6px;
    padding-bottom: 4px
}

#fixed_header .fc-row table{width:100%}
#fixed_header .fc-widget-header{padding: 0px !important}
#fixed_header .fc-day-header{width: 14.28%; text-align: center;}

#inspection_complete_modal .modal-body {padding-top: 0px !important;}
#inspection_complete_modal .form-group {padding-bottom: 15px; margin-bottom: 0px !important;}
#inspection_complete_modal .form-group.open {border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#inspection_complete_modal .form-group.open:last-child {border-bottom: 0px}
.inspection-select-option, .inspection-deselect-option{width:80px}

.app .col-sm-6 {margin-bottom: 20px;}
.app .col-sm-6 .btn{width:100%; padding-top: 20px; padding-bottom: 20px; font-size: 150%; position: relative}
.app .col-sm-6 .btn span{position: absolute; top:10px; left:10px}
.app .row {margin-left:0px; margin-right:0px;}

.day-inspect-time{
    position:relative; height: 25px;
}
.day-inspect-time div{
    position:absolute; display:inline-block;padding:1px; font-size:11px; line-height:11px; background-color:white
}
.day-inspect-time div:first-child{
    top:-8px;
}
.day-inspect-time div:last-child{
    bottom:-8px;
}
#filter_selector label{font-weight: normal; margin-left: 15px; margin-right: 15px}
#app_dashboard .row .col-sm-6{padding: 0;}
.drag-row > td {background-color: #7AD613}

#add_user_modal hr, #edit_user_modal hr{margin-top: 10px; margin-bottom: 10px;}
.has-error .row-manual input, .has-error .row-manual select{border-color: #ccc !important}

#site_property_fields .col-sm-2:not(.inspection-group .col-sm-2):not(.occupier-group .col-sm-2):not(.maintenance-group .col-sm-2){padding-left: 0px; padding-right: 0px;} 
#site_property_fields .col-sm-4:not(.occupier-group .col-sm-4):not(.maintenance-group .col-sm-4){padding-left: 0px; padding-right: 0px;}
#site_property_fields .col-sm-8{padding-left: 5px; padding-right: 0px;}
#site_property_fields .col-sm-10{padding-left: 0px; padding-right: 0px;}
#site_property_fields #map_holder{padding-right: 30px;}

#finance_search_type .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 0px;
}
#finance_search_type .checkbox-inline {
    margin-right: 10px;
}

#search_field_display .search-field:last-child .operator-display{display: none}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.nav-dropdown-menu{
    /*left: 158px !important;*/
}

.dropdown-submenu:hover {
    background: #e2e1e1;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.show-field-history {
    display: inline-block;
    margin-right: 9px;
    cursor: pointer;
    float: right;
    top: 0;
    align-self: center;
}

.show-map {
    display: inline-block;
    margin-right: 9px;
    cursor: pointer;
    float: right;
    top: 0;
    align-self: center;
}

.day-inspect-active{
    font-weight: bold;
    color: #fff;
    text-align: right;
    padding: 4px 5px 5px;
}

.invoice-items img{
    width:128px;
    display:block;
    margin: auto
}

.view-day{cursor: pointer}

.fc td.fc-sun, .fc td.fc-sat { background-color:#F5F5F5; }
.occupier-image-manage,
.occupier-image-file{margin-left: 2px;}

.maintenance-group .multiselect span.multiselect-selected-text {
    float: left;
    width: 89%;
    overflow: hidden;
    text-align: left;
}

.has-error .btn{border-color: #a94442;}
#offline{
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10000000000;
}

#offline>div{
    position: absolute;
    padding: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0, 0, 0, 1);
    border: 1px solid white;
    border-radius: 10px;
    color: white;
    text-align: center;
}

#offline>div>div{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

#offline>div>span{
    cursor: pointer;
    display: inline-block;
    text-align: center;
}
.custom-grid-2-cols {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
}
.custom-grid-2-cols input {
    font-size: 12px;
}
.custom-grid-2-cols .card {
    display: flex;
    margin-bottom: 10px;
    padding: 0 15px;
}
.custom-grid-2-cols .panel-body {
    flex: 1;
}
.custom-grid-2-cols > .card > .panel {
    width: 100%;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
}
.custom-grid-2-cols .card .form-horizontal {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-top: 25px;
}
.custom-grid-2-cols .card .form-horizontal.last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
@media (max-width: 768px) {
    .custom-grid-2-cols {
        width: 100%;
    }
    #site_property_fields .custom-grid-2-cols .card .p-m-0 {
        padding-left: 0;
        padding-right: 0;
    }
}
aside button:not([onclick]):not(.dropdown-toggle){
    border-bottom: 1px solid #e5e7eb;
}
aside ul li ul button[onclick]{
    font-size: 10px;
    border-bottom: 1px solid #e5e7eb;
}

/*
    DEMO STYLE
*/

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
.navbar {
  padding: 15px 10px;
  background: #fff;
  border: none;
  border-radius: 0;
  margin-bottom: 40px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
  box-shadow: none;
  outline: none !important;
  border: none;
}

.line {
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ddd;
  margin: 40px 0;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
:root {
  --bg-color: #e9ecee;
  --bg-color-800: #d7d9de;
  --text-color: #111827;
  --link-color: #111827;
  --icon-color: #8898bc;
  --bg-icon-color: #a0d7eb;
}
.wrapper {
  display: flex;
  align-items: stretch;
}

#sidebar {
  min-width: 220px;
  max-width: 220px;
  background: var(--bg-color);
  color: var(--text-color);
  transition: all 0.3s;
  border-right: 1px solid var(--bg-color-800);
}

#sidebar a,
#sidebar a:hover,
#sidebar a:focus {
  color: inherit;
}

#sidebar.active {
  margin-left: -220px;
}

#sidebar .sidebar-header {
  padding: 20px;
  background: var(--bg-color-800);
  position: relative;
}

#sidebar #sidebarCollapse {
    position: absolute;
    z-index: 1000;
    left: 200px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    transition: .3s;
    background: var(--bg-icon-color);
    color: var(--icon-color);
}
#sidebar #sidebarCollapse.active {
    left: 225px;
    transition: .3s;
    top: 21px;
}
#sidebar #sidebarCollapse.active i.glyphicon {
    transform: rotate(180deg);
}
#sidebar i.fa {
    margin-right: 5px;
    color: var(--icon-color);
}

#sidebar ul.components {
  padding: 20px 0;
  border-bottom: 1px solid var(--bg-color-800);
}

#sidebar ul p {
  color: var(--text-color);
  padding: 10px;
}

#sidebar ul li a {
  padding: 10px;
  font-size: 1.1em;
  display: block;
}

#sidebar ul li a:hover {
  color: var(--link-color);
  background: var(--bg-color-800);
}

#sidebar ul li.active > a,
a[aria-expanded="true"] {
  color: var(--link-color);
  background: var(--bg-color-800);
}

a[data-toggle="collapse"] {
  position: relative;
}


.dropdown-menu {
    background: var(--bg-color);
}
.caret {
    transition: .3s;
    color: var(--link-color);
}
.dropdown.open .caret {
    transform: rotate(180deg);
}

ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  background: var(--bg-color);
}

ul.CTAs {
  padding: 20px;
}

ul.CTAs a {
  text-align: center;
  font-size: 0.9em !important;
  display: block;
  border-radius: 5px;
  margin-bottom: 5px;
}


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
  padding: 20px;
  min-height: 100vh;
  transition: all 0.3s;
  width: 100%;
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
  #sidebar {
    margin-left: -220px;
  }
  #sidebar.active {
    margin-left: 0;
  }
  #sidebarCollapse span {
    display: none;
  }
}

/* ---------------------------------------------------
    CUSTOM STYLE FOR PROPERTY DETAILS
----------------------------------------------------- */
.custom-grid-2-cols .property-details-card .panel-body {
    /* align-content: center; */
}
.custom-grid-2-cols .property-details-card .form-horizontal {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    margin: 0;
}
.custom-grid-2-cols .property-details-card .form-group {
    display: flex;
    margin-right: 0;
    margin-left: 0;
}
.custom-grid-2-cols .property-details-card .form-group:last-child {
    margin-bottom: 0;
}
.custom-grid-2-cols .property-details-card .title_section {
    display: flex;
}
.custom-grid-2-cols .property-details-card .title_section label {
    min-width: 100px;
    max-width: 100px;
    margin: 0 10px 0 0;
    align-self: center;
}
.custom-grid-2-cols .property-details-card .body_section {
    /* display: flex; */
    width: 100%;
    align-content: center;
    position: relative;
}
.custom-grid-2-cols .property-details-card .body_section input {
    background: transparent;
}
.custom-grid-2-cols .property-details-card .body_section button.eye {
    position: absolute;
    right: 0;
    top: 0;
}

.custom-grid-2-cols .property-details-card .body_section label {
    padding: 0;
}
.custom-grid-2-cols .property-details-card .body_section .input-group-btn {
    vertical-align: top;
}
.custom-grid-2-cols .property-details-card .title_section .empty-field {
    display: inline-block;
    margin-right: 9px;
    cursor: pointer;
    float: right;
    top: 0;
    align-self: center;
    width: 12px;
    height: 12px;
}
.custom-grid-2-cols .property-details-card .body_section input[type="radio"],
 .custom-grid-2-cols .property-details-card .body_section input[type="checkbox"] {
    margin: 0;
    position: relative;
    top: 2px;
 }
 .occupier-card .form-horizontal .single-line{
    display: flex;
    width: 100%;
    align-items: center;
    margin: 10px 0;
}
.occupier-card .form-horizontal .single-line input {
    background: transparent;
}
@media (min-width: 768px) {
    .occupier-card .form-horizontal .single-line label{
        min-width: 100px;
        margin: 0;
    }
}
.occupier-card .form-horizontal .single-line label+div{
    width: 100%;
}
.occupier-card.lower_grid .form-horizontal .single-line label{
    margin-right: 10px;
}
.occupier-card.lower_grid .form-horizontal .single-line input[type="text"]{
    width: 90%;
}

.panel-default > .panel-heading {
    color: #ffffff;
    background-color: #337ab7;
    border-color: #337ab7;
    font-size: 13px;
}
.table {
    font-size: 13px;
}
.search-container {
    position: relative;
    display: flex;
}
.clear-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    cursor: pointer;
    display: none;
    z-index: 10;
}
#search {
    padding-right: 25px;
}