body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sans-pro {
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.padded {
    padding: 1em;
}

.main-header {
}

.mobile-tablet .navbar, .main-header .navbar {
    background-color: rgb(149, 0, 46) !important;
}

.sidebar {
    margin-top: 20px;
}

.layout-top-nav .wrapper .content-wrapper, 
.layout-top-nav .right-side, 
.layout-top-nav .main-footer {
    margin-left: 0;
}

.main-sidebar {
    width: 220px;
}

.content-wrapper.no-margin-left {
    margin-left: 0 !important;
}

.form-control {
    /*height: 30px;
    margin-top: 8px;*/
}

.margin-top {
    margin-top: 1em !important;
}

.sm-margin-top {
    margin-top: .5em !important;
}

.sm-margin-right {
    margin-right: .5em !important;
}

.margin-bottom {
    margin-bottom: 1em !important;
}

.section {
    display: inline-block;
    width: 100%;
}

.btn {
    line-height: 12px;
}

.modal-backdrop.am-fade {
    opacity: .5;
    transition: opacity .15s linear;
}
.modal-backdrop.am-fade .ng-enter {
    opacity: 0;
}
.modal-backdrop.am-fade .ng-enter-active {
    opacity: .5;
}
.modal-backdrop.am-fade .ng-leave {
    opacity: .5;
}
.modal-backdrop.am-fade .ng-leave-active {
    opacity: 0;
}

.li-disabled:hover {
    background-color: initial;
    cursor: pointer;
}

.inspection-form button[type="submit"],
.processing-form button[type="submit"] {
    font-weight: 600;
}

.processing-form .processing-gray {
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    padding: .5em .5em;
}

.processing-content {
    background-color: #e8e8e8;
    border: 1px solid #999;

}

.no-set-width {
    width: inherit;
}

#accordion .box-header a,
#processing-details .box-header a {
    color: #444;
}

.form-forms {
    margin-top: 1em;
}

::-webkit-input-placeholder {
    color: #999;
}

.list-checkboxes {
    list-style: none;
    margin: 0;
    margin-left: 1em;
    padding: 0;
}

.list-checkboxes li {
    display: inline-block;
    width: 20em;
    margin: .5em;
}

.control-label.no-set-width.question-header {
    text-align: left;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1em;
}

.alert-fixed {
    position: fixed;
    top: 3em;
    left: 15px;
    right: 15px;
    z-index: 10000000;
}

.inspection-form .alert {
    padding: 2px;
    margin: 0;
}

.alert {
    padding: 10px;
}

.form-forms .dropdown.open .dropdown-menu li:hover, .click-row-td, .pointer{
    cursor: pointer;
}

a.disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.sidebar-menu > li > a {
    padding: .25em !important;
    font-size: 15px;
}

.admin-table td, th {
    text-align: center;
}

.admin-table td {
    font-size: 16px;
}

.inspection-form input[type=text].form-control,
input[type=phone].form-control,
.inspection-form input[type=email].form-control,
.inspection-form input[type=number].form-control,
.inspection-form input[type=date].form-control,
.inspection-form input[type=url].form-control,
.inspection-form select.form-control {
    padding: 1px 0 1px 5px;
    height: 24px;
}

.form-control.sm-padding {
    padding: 1px 0 1px 5px;
    height: 24px;
}

.form-horizontal .control-label {
    padding-top: 0;
    margin-top: 2px;
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 0;
}

.inspection-form .form-group {
    margin: .3em -15px;
}

.inspection-form .billing-input input.form-control {
    margin-top: 0;
}

.skin-red-light .sidebar-menu>li.active {
    border-left: 4px solid rgb(149, 0, 46) !important; 
}

.dropdown-menu.datepicker {
    max-width: 400px !important;
}

.input-group-addon {
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    color: black;
}

.form-header h4{
    margin: 10px 0;
    border: 1px solid #ddd;
    background-color: #f2f2f2;
    padding: 5px;
}

.appointment-field .ng-isolate-scope .form-control{
    height: 25px;
    padding: 12px 5px;
}

img {
    max-width: 100%;
    outline: none !important;
}

.dataTable img {
    max-width: inherit;
}

img.selected, .selectedCat {
    border: 5px solid dodgerblue;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    outline: none !important;
    /* width: 96%; */
}

img.selected {
   /* width: 98%;*/
}


img.disabled-selected:hover {
    cursor: initial;
}

.modal-photo-delete img.selected {
    border: none !important;
    border-radius: 0 !important;
}


.left-sidebar-button {
    padding-left: 10px;
    margin-bottom: 10px;
}
.left-sbutton {
    width: 49%;
}
.photo-col {
    width: 20%;
    display: inline-block;
    margin: .5em;
}

.list-group.photos-category-autocomplete li:hover {
    background: #00ACD6;
    cursor: pointer;
}

.photos-label-icon-container {
    float: left;
    width: initial;
}

.photos-label-icon{
    cursor: pointer;
    position: relative;
    float: right;
    top: 35px;
    /*width: 35px;*/
    right: 15px;
    /*background:url('images/label-icon-24.png') no-repeat 0px 0px;*/
}

.photos-custom .photos-custom-text {
    margin: 10px 12px;
    width: 90%;
}

.photo-col input[type="text"] {
    padding: .2em;
    height: 30px;
    margin-top: 5px;
}

.box-title.small-text {
    font-size: 16px !important;
}

.modal-dialog.modal-large {
    width: 80% !important;
}
.modal-dialog.modal-md {
    width: 60% !important;
}

.modal-reorder .modal-body ul {
    list-style: none;
}

select.form-control {
    padding: .2em;
    height: 25px;
}

.form-control {
    border-color: #999 !important;
}

.category-choice {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.category-choice li {
    margin: 5px 0;
    text-align: center;
}

.modal-reorder .category-choice li {
    text-align: left;
}

.category-choice li input[type="radio"] {
    margin-right: 5px;
}

.category-choice button {
    width: 320px;
}

.btn-default:hover {
    color: #444;    
}

.scroll-box {
    height: 100px;
    overflow-y: scroll;
    border: 1px solid #888;
    padding: .5em;
}

.scroll-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.scroll-box li {
    outline: none;
}

.scroll-box li:before {
    content: '-'
}

.search-form input[type="text"] {
    margin-top: 12px;
    padding: .5em .2em;
    height: 25px;
    width: 200px;
}

input[type="search"].form-control  {
    padding: .5em .2em;
    height: 25px;
}

/* Datatables */
.search-report .dt-buttons {
    float: right;
    position: relative;
    /*margin-right: 623px;*/
    top: -47px;
}

#example1_wrapper {
    position: unset !important;
}

.dt-buttons .buttons-colvis {
    line-height: unset;
}

.dt-button.buttons-collection.buttons-colvis {
    right: 323px;
}

.dt-button-collection .dt-button:first-child, 
.dt-button-collection .dt-button:first-child + .dt-button
/*.dt-button-collection .dt-button:first-child + .dt-button + .dt-button*/
/*.dt-button-collection .dt-button:first-child + .dt-button + .dt-button + .dt-button*/
 {
   display:none;
}

.dataTables_filter {
    display: none;
}

.dataTables_length {
    right: 0;
    position: absolute;
}

button.dt-button.buttons-collection.buttons-colvis {
    padding: 8px;
}

.clear {
    clear: both;
}

.btn-default[disabled] {
    color: #bbb;
}

.custom-photo-display-order {
    position: relative;
    left: 76%;
}

.resource-form input[type="file"] {
    padding: 5px;
    height: auto;
}

.main-sidebar.no-topbar-sidebar-adjusted {
    /*padding-top: 0 !important;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    transition: .25s;*/
}

.file-header {
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 2.4em;
    text-align: center;
}

.lg-font {
    font-size: 18px;
}

.md-font {
    font-size: 13px;
}
.left-border.light-gray {
    border-left: 1px solid #bbb;
}

#uploaded-files .scroll-box {
    height: 150px;
}

.col-photo {
    width: 25%;
    display: inline-block;
    padding: 1em;
}

.centered {
    text-align: center;
}

td.resource-display-order div {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

input[type=text].form-control.sm-padding.centered {
    padding: 1px 0;
}

.full-width {
    width: 100%;
}

.side-processing-box {
    margin-left: 10px;
    float: left;
    width: 32.5%;
}

.processing-form .processing-gray .form-group div {
    margin-top: 2px;
}

.margin-xs-left {
    margin-left: 5px;
}

.processing-btn-upload {
    width: 80%;
    margin-bottom: 10px;
}

.alert-modal-list {
    list-style: none;
}

.processing-gray .form-group {
    margin: 0em -15px !important;
}

.no-sidebar {
     margin-left: 0 !important;
}

.popover.scroll-y {
    overflow-y: scroll;
    height: 400px;
}

.calendar-details-format p {
    margin: 0;
}

.calendar-filler {
    width: 100%;
    display: inline;
}

.label-header {
    font-size:16px;
}

.margin-left-back {
    margin-left: -30px !important;
}

.margin-sm-bottom {
    margin-bottom: .5em;
}

.system-alert-module {
    margin: 2em -15px 0 2em;
    text-align: center;
}

.inspection-form .select2-selection__rendered {
    padding: 0 !important;
    line-height: inherit !important;
}

.inspection-form .select2-selection {
    padding: 6px 12px 6px 5px !important;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.padding-top {
    padding-top: 1em;
}

.photo-header {
    position: fixed !important;
    top: 0;
    width: 100%;
    left: 0;
}

.photo-button {
    position: fixed;
    z-index: 1;
    top: 62px;
    width: 100%;
}

.photo-content {
    margin-top: 50px;
}

.photo-main-sidebar {
    position: fixed !important; 
    overflow-y: scroll;
    top: 63px !important;
    bottom:0;
}

.col-xs-1.col-xs-offset-1.mobile-brand.menu-photos-setting.text-right {
    padding: 0;
    margin: 0px 40px;
}

.photo-sidebar {
    margin-top: -40px;
    margin-bottom: 90px;
}

.two-width {
    width:50%;
}

.three-width {
    width:33%;
}

.four-width {
    width:25%;
}

.five-width {
    width:20%;
}

.six-width {
    width:15%;
}

.seven-width {
    width:14%;
}

.eight-width {
    width:12%;
}

.nine-width {
    width:11%;
}

.ten-width {
    width:10%;
}

.eleven-width {
    width:9%;   
}

.twelve-width {
    width:8%;      
}

.cat {
    border-radius: 5px;
    display: inline-block;
    margin: 10px 5% 0;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 90%;
    white-space: normal;
}

.parent-cat {
    background-color: gray;    
    color: white;    
}

.sub-cat {
    background-color: #A9A9A9;
    color: black;   
}

.micro-cat {
    background-color: #e7e7e7;
    color: black;   
}

.processing-table td{
    padding-right: 5px;
}

.login-message {
    color: black;
    font-size: 13px;
}

.clipboard {
    color: #3c8dbc;
    cursor: pointer;
}

.find-order {
        right: 5px;
        top: 8px;
        position: absolute;
        cursor: pointer;
}
.margin-15 {
    margin: 15px 0;
}

.white {
    color: white;
}

.bgwhite {
    background-color: white;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-40 {
    padding-left: 40px;
}

.padding-left-25 {
    padding-left: 25px;
}

.margin-left-15 {
    margin-left: 15px;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.report-questions {
    padding: 0 0 30px 30px;
}

.report-questions textarea {
    width:95%;
}
.processing-parent {
    display: flex;
}

.processing-parent>div {
    align-items: stretch;
}
.icon-sidebar {
    right: 35px;
    margin-top: 6px;
    top: unset;
}
.mobile-tablet {
    display:none;
}

.btn-header-work-order-save {
    position: fixed;
    z-index: 1000;
    top: 6px;
    right: 20px;
}

.mobile-tablet .navbar-header {
        float: none;
}
.mobile-tablet .navbar-toggle {
        display: block;
}
.mobile-tablet .navbar-collapse.collapse {
        display: none!important;
}
.mobile-tablet .navbar-collapse.collapse.in {
        display: block!important;
}
.mobile-tablet .navbar-nav {
        float: none!important;
}
.mobile-tablet .navbar-nav>li {
        float: none;
}
/* .service-white {
    margin-right: 10px;
} */
.service-form .box {
    position: unset;
    border-top: 0px;
}
 .service-form .service-btn {
    width: 100%;
    margin-bottom: 5px;
    padding: 4px;
}
.service-form-textarea {
    width:100%;
    margin-bottom: 10px;
    height: 150px;
}
.service-form .service-expenses .service-btn {
    width: 220px;
}
.input-text {
    width: 70%;
    margin-right:10px;
    display: inline;
}
.admin-map-style .ng-isolate-scope {
    position: unset!important;
    margin-top: auto;
}
.lightred{
    background-color: #EB6C77;
}
option:not(:checked) {
    background-color: white;
}
.width-100 {
    width: 100px;
}
.blue {
    color: blue;
}
.margin-top-50 {
    margin-top: 50px;
}
table.inspection-form .select2-container--default {
    width: 100% !important;
}
.signup-box {
    width: 640px !important;
}
.signup.form-control-feedback {
    width: 60px;
}
.red {
    color: red;
}
.blue-button {
    background-color: blue;
    border-color: blue;
}
/* Custom checkbox */
.custom-checkbox {
    position: relative;
    width: 100px;
}

.custom-checkbox input[type="checkbox"] {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
    margin-left: -20px;
}
.helper {
    position: absolute;
    top: -4px;
    left: -4px;
    cursor: pointer;
    display: block;
    font-size: 16px;
    user-select: none;
    color: #e7e7e7;
}
.helper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 22px;
    height: 22px;
    transition: transform 0.28s ease;
    border-radius: 3px;
    border: 2px solid #999;
}
.helper.lightred:before {
    background-color: #EB6C77;
}
.checkdisabled:before {
    background-color: #f8f5f0;
}

.helper:after {
  content: '';
    display: block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #999;
    border-left: 2px solid #999;
    -webkit-transform: rotate(-45deg) scale(0);
    -moz-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    position: absolute;
    top: 12px;
    left: 10px;
}
.custom-checkbox input[type="checkbox"]:checked ~ .helper::before {
    color: #7bbe72;
}

.custom-checkbox input[type="checkbox"]:checked ~ .helper::after {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
}

.mobile-brand.menu-photos-setting {
    display: none;
}

.menu-photos-setting .navbar-toggle {
    padding-top: 0;
}

.custom-checkbox label {
    min-height: 24px;
    padding-left: 30px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
    vertical-align: sub;
}
.custom-checkbox input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

.rotate img {
    transform: rotate(180deg);
}

/* Switch in search work order */
.switch {
  position: absolute;
  display: inline-block;
  width: 90px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca2222;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2ab934;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.on
{
  display: none;
}

.on, .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;}
/* End of Switch in search work order */

.border {
    border: 1px solid black;
    margin-right: 5px;
    margin-bottom: 10px;
}
.border-right {
    border-right: 1px solid  black;
}

.border-left {
    border-left: 1px solid black;
}

.border-top {
    border-top: 1px solid black;
}

.border-bottom {
    border-bottom: 1px solid black;
}


.dashboard .header {
    background-color: #cccccc;
    font-weight: bold;
    padding: 5px 0;
}
.dashboard {
    text-align: center;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.top-photo-button {
    position: sticky;
    top: -50px;
    z-index: 99999;
    background-color: #F9FAFC;
}
.rooms:not(:last-child) {
    border-bottom: 1px solid lightgray;
    margin-bottom: 10px;
}
/* Custom checkbox ends */
@media (min-width: 810px) and (max-width: 909px) {
    .sidebar {
        margin-top: 80px !important;
    }
}

@media (min-width: 992px) and (max-width: 1062px) {
    /*.sidebar {
        margin-top: 80px !important;
    }*/
}

@media (min-width: 768px) and (max-width: 809px) {
    /*.sidebar {
        margin-top: 150px !important;
    }*/
}

@media (max-width: 767px) {
    .mobile-brand.menu-photos-setting {
        display: block;
    }

    .left-side.photo-main-sidebar {
        left: unset;
    }

    .photo-main-sidebar {
        display: none;
        right: -230px;
        z-index: 1;
        left: unset;

    }
    .mobile-border-bottom {
        border-bottom: 1px solid black;
    }
    .mobile-border-right {
        border-right: 1px solid black;
    }
    .mobile-border-left {
        border-left: 1px solid black;
    }
    .mobile-stats {
        width: 100%;
        margin: 0 auto;
    }
    .mobile-margin-20 {
        margin-top: 20px;
    }
}

@media (max-width: 1580px) {
    .download-forms-header {
        margin-top: -20px;
    }
}

@media (max-width: 1024px) {
    .work-order .mobile-padding-20 {
        margin-top: 20px;
    }
}
/* @media (max-width: 1024px) { */
    .work-order.mobile-tablet {
        display: block;
    }
    .work-order.main-header {
        display: none;
    }
    .work-order .navbar {
        border-radius: 0px;
        border: 0;
        position: fixed;
        width: 100%;
        z-index: 999;
    }
    .work-order .navbar-toggle-left {
        float: left;
    }
    .work-order .mobile-brand {
        font-size: 22px;
        padding: 15px;
        color: white;
    }
    /*.find-order {
        left:200px;
    }*/
    .work-order .main-sidebar {
        display: none;
        padding-top: 10px !important;
    }
    .work-order.content-wrapper {
        margin-left: 0 !important;
    }   
    .work-order .navbar-default .navbar-toggle:hover, .work-order .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    .work-order .navbar-default .navbar-nav > li > a {
        color: white;
    }
    .work-order .main-sidebar, .work-order .left-side {
        transform: none !important;
    }
    .work-order .navbar-nav > li > a {
        padding-bottom:10px;
        padding-top:10px;
    }
    .work-order .dropdown-menu {
      background-color: unset;
      border: 0px solid #dfd7ca;
      float: none;  
      position: unset;
    }
    .work-order .sidebar {
        margin-top: 0;
    }

    .work-order .sidebar-menu {
        height: 90%;
        overflow-y: scroll !important;
        position: fixed;
        width: 230px;
        background-color: #f9fafc;
    }
    .content-wrapper.work-order {
        margin-top: 60px;
    } 

    .photos-page .main-sidebar{
        z-index: 999;
    }
/* } */
    .edit-user .scroll-box {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .edit-user .note-label {
        display: none;
    }
@media (max-width: 560px) {
    .col-photo {
        width: 100% !important;
    }
    .signup-box {
        width: 100% !important;
    }
    .mobile-brand {
        font-size: 17px;
        padding: 18px 0;
    }
}
@media (min-width: 1024px) { 
    .processing-service {
        display: flex;
    }
    .service-white {
        margin-right: 10px;
    }
    /* Dashboard page */
    .dashboard .main.col-md-1 {
        width: calc(8.33333% - 5px);
    }
    
    .dashboard .main.col-md-2 {
        width: calc(16.6667% - 5px);
    }
    
    .dashboard .main.col-md-3 {
        width: calc(25% - 5px);
    }
    
    .dashboard .main.col-md-4 {
        width: calc(33.33% - 5px);
    } 
    .dashboard .main {
        float: none;
        display: inline-block;
        margin: 0 auto;
    }
    .desktop-border-right {
        border-right: 1px solid black;
    }
}