body {padding-top: 70px; padding-bottom: 0px; font-size: 12px}
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}
.has-error .multiselect{border-color:#a94442;}
.pad5{padding-left: 5px !important; padding-right: 5px !important;}
.container-liquid{margin: 0 30px}
.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}
.space-top{margin-top: 15px}
.space-top-sm{margin-top: 8px}
.space-top-lg{margin-top: 30px}
.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;}
.lists{
    overflow-y:scroll;
    background-color:#F8F8F8;
    height: calc(50% - 5px);
    border:1px dashed #ccc;
}
.lists .list.selected{
    background-color:#EFEFEF;
}
.lists .list{
    padding: 5px;
    border-bottom:1px solid #ccc;
    position: relative;
    cursor: pointer;
}
.lists#lists_directions .list{
    cursor: default;
}
.lists .list:last-child{
    border-width: 0px;
}
.lists .list button{
    position: absolute;
    top: 3px;
    right: 3px;
    display: none;
}
.lists#lists_unselected .list .set-location{
    display: block;
}
.lists#lists_selected .list .reset-location{
    display: block;
}

.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, .customer-notes .note .delete{position: absolute; top:5px; right: 5px;}
.letters .letter .delete {position: absolute; top:5px; left: 5px;}
.notes .note:last-child, .documents .document:last-child, .letters .letter:last-child{border-bottom:none}
.btn-blank{height:34px;}


.customer-notes{}
.customer-notes .note {padding-top: 10px; margin-top:10px; border-top:1px solid #ccc; position: relative;}



#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: 12px;
    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: 12px;
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: 12px;
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: 10px;
margin-right: 0px;
margin-top: 0px;
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: 300px;
word-spacing: 0px;
writing-mode: horizontal-tb;
}

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

.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-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{padding-left:10px}
.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.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: 95px}
.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 {border-top: 1px dashed #ccc; padding-top: 20px; margin-top: 20px; position: relative}
.notes-list .note:first-child {border-top: 1px solid #ccc;  padding-top: 20px; margin-top: 10px}
.notes-list .note .delete {position:absolute; top: 5px; right:5px; display: none}
.notes-list .note .options {position:absolute; top: 5px; right:5px; opacity: 0; transition: opacity .25s ease-in-out;}
.notes-list .note:hover .options {opacity: 1;}


.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:12px; color:#FFF}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
    .modal-lgb {
        width: 930px
    }
    .modal-xl {
        width: 1100px
    }
    .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: #ccc;
    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.active-alt,
.table > tbody > tr > td.active-alt,
.table > tfoot > tr > td.active-alt,
.table > thead > tr > th.active-alt,
.table > tbody > tr > th.active-alt,
.table > tfoot > tr > th.active-alt,
.table > thead > tr.active-alt > td,
.table > tbody > tr.active-alt > td,
.table > tfoot > tr.active-alt > td,
.table > thead > tr.active-alt > th,
.table > tbody > tr.active-alt > th,
.table > tfoot > tr.active-alt > th {
  background-color: #333333;
  color: #ffffff;
}

.table-hover > tbody > tr > td.active-alt:hover,
.table-hover > tbody > tr > th.active-alt:hover,
.table-hover > tbody > tr.active-alt:hover > td,
.table-hover > tbody > tr.active-alt:hover > th,
.table-hover > tbody > tr:hover > td.active-alt,
.table-hover > tbody > tr:hover > th.active-alt {
  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,
.table-hover > tbody > tr:hover > td.danger-alt,
.table-hover > tbody > tr:hover > th.danger-alt {
  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,
.table-hover > tbody > tr:hover > td.warning-alt,
.table-hover > tbody > tr:hover > th.warning-alt {
  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,
.table-hover > tbody > tr:hover > td.info-alt,
.table-hover > tbody > tr:hover > th.info-alt {
  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.success-alt:hover > th,
.table-hover > tbody > tr:hover > td.success-alt,
.table-hover > tbody > tr:hover > th.success-alt {
  background-color: #1e8b06;
  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;}

#fixed_links{
    position: fixed;
    right: 30px;
    top: 70px;
    z-index: 1000;
    padding: 5px;
    background-color: transparent;
    border-radius: 0px 0px 4px 4px;
}

#fixed_text{
    position: fixed;
    right: 30px;
    top: 60px;
    z-index: 1000;
    padding: 5px;
    background-color: transparent;
    border-radius: 0px 0px 4px 4px;
}

#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:12px; line-height:12px; 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;}

/*forms*/

#form_questions_holder{
    /*display: block;*/
    min-height: 30px;
    padding: 6px 12px;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    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;
}
#form_questions_holder .question, #form_questions_holder .trigram{border-bottom: 1px solid #cccccc; padding-bottom: 20px; margin-bottom: 15px}
#form_questions_holder .question-dashed{border-bottom-style: dashed;}
#form_questions_holder .question:first-child{margin-top: 10px}
#form_questions_holder .question:last-child, #form_questions_holder .tab-pane .question:last-child{border-bottom: 0px solid #ffffff; padding-bottom: 0px;}
#form_questions_holder .question .title{margin-bottom: 5px}
/*
#form_questions_holder .tab-pane{min-height: 10px; border: 1px solid #ddd; border-top: 0px; border-radius:0px 0px 4px 4px;}
#form_questions_holder .question:after{clear: both;}
#form_questions_holder .question:before{display: table; content: " ";}
*/

#form_questions_holder div.radio div{display:inline-block; width:120px}

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

.report-show-forms{cursor: pointer;}

.show-image.selected{opacity: 0.6}

.nowrap {white-space: nowrap;}
.nowrap .btn {float: none;}

.note-row td{position:relative;}
.note-options{display:none; position: absolute; top:5px; right: 5px}
.note-row:hover .note-options{display:block;}

.menu-alert{position:absolute;top: 10px;right:0px;width: 13px;height: 13px;border-radius: 6px;background-color:red;color:white;text-align: center; font-size: 7px;line-height: 7px; padding-top: 3px;}

.fireworks{position: absolute; top: 0px; left: 0px; opacity: 0.9; z-index: 1000}

#fireworks_text{position: absolute; width: 100%; z-index: 1001}

#fireworks_close{
    position: absolute;
    right: 40px; 
    width: 42px; 
    height: 42px; 
    background-color: white; 
    border-radius: 21px; 
    overflow: hidden; 
    color: black; 
    text-align: center; 
    cursor: pointer;
    font-family: tahoma;
    font-size: 30px;
    line-height: 40px;
    box-shadow: 0px 0px 18px 6px rgba(0,255,255,1), inset 0px 0px 14px 2px rgba(0,255,255,1);
    z-index: 1001
}

h1.neon {
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  font-size: 60px
}

.neon {
  color: #fff;
  text-shadow:
    0 0 5px #fff,
    0 0 10px #fff,
    0 0 20px #fff,
    0 0 40px #0ff,
    0 0 80px #0ff,
    0 0 90px #0ff,
    0 0 100px #0ff,
    0 0 150px #0ff;
}

/*.tox-statusbar{display: none !important}*/

.warehouse-show{
    position: fixed;
    top: 100px; 
    right:0px; 
    width: 300px; 
    padding: 20px; 
    border: 1px solid #4cae4c; 
    background-color: #dff0d8;
    transform: translateX(300px);

    -webkit-transition: all 1500ms cubic-bezier(.005,1,.485,1);
    transition: all 1500ms cubic-bezier(.005,1,.485,1);
    
    -webkit-transition-timing-function: cubic-bezier(.005,1,.485,1);
    transition-timing-function: cubic-bezier(.005,1,.485,1);
}

.warehouse-show.in{
    transform: translateX(0px);
}
.active > a .badge {
    color: #337ab7;
    background-color: #fff;
}
/*
#manage_boxes_modal .modal-body .a-box{
    border-top:1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
}
#manage_boxes_modal .modal-body .a-box:first-child{
    border-top:0px solid #ccc;
}
*/

#manage_boxes_modal .modal-body .a-box {
    border: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
    background: #f6f6f6;
    padding-left: 10px;
    overflow-y: hidden;
    position: relative;
}

#manage_boxes_modal .modal-body .a-box .row{
    border-top:1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
}
#manage_boxes_modal .modal-body .a-box .row:first-child{
    border-top:0px solid #ccc;
    margin-top: 0px;
    padding-top: 0px;
}
.popover{
    max-width:600px;
}
[list]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.table > thead > tr > td.roi, .table > tbody > tr > td.roi, .table > tfoot > tr > td.roi, .table > thead > tr > th.roi, .table > tbody > tr > th.roi, .table > tfoot > tr > th.roi, .table > thead > tr.roi > td, .table > tbody > tr.roi > td, .table > tfoot > tr.roi > td, .table > thead > tr.roi > th, .table > tbody > tr.roi > th, .table > tfoot > tr.roi > th {
    background: rgb(153,215,183);
    background: linear-gradient(90deg, rgba(153,215,183,1) 0%, rgba(153,215,183,1) 33%, rgba(255,255,255,1) 33%, rgba(255,255,255,1) 67%, rgba(255,201,153,1) 67%);
}
.branding-no{}
.branding-yes{
    background: rgb(229,229,229);
    background: linear-gradient(325deg, rgba(229,229,229,1) 5%, rgba(255,255,255,0) 10%, rgba(255,255,255,0) 15%, rgba(229,229,229,1) 20%, rgba(229,229,229,1) 25%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 35%, rgba(229,229,229,1) 40%, rgba(229,229,229,1) 45%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 55%, rgba(229,229,229,1) 60%, rgba(229,229,229,1) 65%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 75%, rgba(229,229,229,1) 80%, rgba(229,229,229,1) 85%, rgba(255,255,255,0) 90%, rgba(255,255,255,0) 95%, rgba(229,229,229,1) 100%);
}
.roofonly-no{}
.roofonly-yes{
    background: rgb(229,229,229);
    background: linear-gradient(325deg, rgba(229,229,229,1) 5%, rgba(255,255,255,0) 10%, rgba(255,255,255,0) 15%, rgba(229,229,229,1) 20%, rgba(229,229,229,1) 25%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 35%, rgba(229,229,229,1) 40%, rgba(229,229,229,1) 45%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 55%, rgba(229,229,229,1) 60%, rgba(229,229,229,1) 65%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 75%, rgba(229,229,229,1) 80%, rgba(229,229,229,1) 85%, rgba(255,255,255,0) 90%, rgba(255,255,255,0) 95%, rgba(229,229,229,1) 100%);
}
.main-product{
    background-color:#ffffff;
    border-top:1px solid #ccc;
    padding: 15px 0;
}
.sub-product{
    background-color:#F8F8F8;
    border-top:1px dashed #ccc;
    padding: 15px 0;
}

.col-sm-25{
    width: 20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 768px) {
    .col-sm-25 {
        float: left;
    }
}
@media (min-width:768px) {
    .box-data .col-sm-2{
        width: 14.28571429%!important;
        padding-right: 0px!important;
    }
    .box-data .btn {
        padding: 5px 8px!important;
    }
}

.box-data .col-sm-2 .box-weight-wrapper {
    position: relative;
}

.box-data .col-sm-2 .box-weight-wrapper:after {
    position: absolute;
    right: 4px;
    top: 30px;
    /* transform: translateY(-50%); */
    content: "Kg";
    font-size: 14px;
    color: #333;
    pointer-events: none;
    color: #c1c1c1;
    font-size: 11px;
    font-weight: bold;
}

#outline_tab_1 table,
#response_tab_1 table{}

#outline_tab_1 td, #outline_tab_1 th {
  border: 1px solid #ddd;
  padding: 8px;
}

#outline_tab_1 tr:nth-child(even){background-color: #f2f2f2;}

#outline_tab_1 tr:hover {background-color: #ddd;}

#outline_tab_1 th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #101010;
  color: white;
}