.btn-large-dim {
    width: unset;
    height: unset;
    font-size: 24px;
}

.btn-xl-dim {
    width: unset;
    height: unset;
    font-size: 42px;
}

.onoffswitch-inner-top:before {
    content: "Build Top Length";
}

.onoffswitch-inner-top:after {
    content: "Don't Build Top Length";
}

.onoffswitch-inner-bottom:before {
    content: "Build Bottom Length";
}

.onoffswitch-inner-bottom:after {
    content: "Don't Build Bottom Length";
}

.onoffswitch-inner-left:before {
    content: "Build Left Width";
}

.onoffswitch-inner-left:after {
    content: "Don't Build Left Width";
}

.onoffswitch-inner-right:before {
    content: "Build Right Width";
}

.onoffswitch-inner-right:after {
    content: "Don't Right Left Width";
}

.modal-body-gray {
    background: #f8fafb;
}

.walls {
    padding: 5px;
    border: calc(1px + 0.1vw) dashed transparent;
    background-origin: border-box;
    box-sizing: border-box;
}

.walls-nopadding {
    border: 2px dashed;
}

.walls-left {
    border-left-style: solid !important;
}

.walls-right {
    border-right-style: solid !important;
}

.walls-top {
    border-top-style: solid !important;
}

.walls-bottom {
    border-bottom-style: solid !important;
}

.walls-black {
    border-color: rgba(0, 0, 0, 0.5);
}

.area-selection {
    padding-bottom: 2px;
}

.scrollableList {
    height: 250px;
    overflow: auto;
    width: auto;
}

.scrollableList-lg {
    height: 350px !important;
}

.scrollableList-sm {
    height: 150px !important;
}

.area-display-inline {
    display: inline-block;
}

div.checkbox .area-display {
    margin-top: -15px;
}

.tab-colored {
    background-color: #f3f3f4 !important;
}

    .tab-colored.danger {
        background-color: #f2dede !important;
        border-color: #e4c9c9 !important;
        border-top-style: solid !important;
        border-top-width: 1px !important;
    }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #f3f3f4 !important;
}

.nav-tabs > li.danger > a,
.nav-tabs > li.danger > a:hover,
.nav-tabs > li.danger > a:focus {
    border-color: #e4c9c9 !important;
    color: #ed5565 !important;
    border-bottom-style: none !important;
}

.nav-tabs > li.active.danger > a,
.nav-tabs > li.active.danger > a:hover,
.nav-tabs > li.active.danger > a:focus {
    background-color: #f2dede !important;
    border-bottom-style: none !important;
}

.divider-text {
    border-top: 1px solid #d9dadc;
    display: block;
    line-height: 1px;
    margin: 15px 0 30px 0;
    position: relative;
    text-align: center;
}

    .divider-text .divider-title {
        background: #fff;
        font-size: 12px;
        letter-spacing: 1px;
        padding: 0 20px;
        text-transform: uppercase;
    }

.logo-sm {
    max-width: 50px;
}

.logo-200 {
    max-width: 200px;
}

.uploadcare-zoomable-icon {
    display: none;
}


.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; /* required for Opera */
    -ms-text-overflow: ellipsis; /* required for IE8, allegedly */
    -moz-binding: url('ellipsis.xml#ellipsis'); /* for Firefox; details here */
    display: block;
    /*position: absolute;*/
}

img.project {
    max-width: 100%;
    max-height: 156px;
}


.event-info {
    background-color: #23c6c8;
    border-color: #23c6c8;
}

.event-primary {
    background-color: #1ab394;
    border-color: #1ab394;
}

.event-success {
    background-color: #1c84c6;
    border-color: #1c84c6;
}

.event-warning {
    background-color: #f8ac59;
    border-color: #f8ac59;
}

.event-danger {
    background-color: #ed5565;
    border-color: #ed5565;
}

.event-time {
    background-color: #3a87ad;
    border-color: #3a87ad;
}

.event-appointment {
    background-color: #ed5565;
    border-color: #ed5565;
}

.event-appointment-assignment, .event-appointment-assignment:hover {
    background-color: unset;
    border-color: #ed5565;
    color: #ed5565;
}

.event-appointment-due-date, .event-appointment-due-date:hover {
    background-color: unset;
    border-color: #61527b;
    color: #61527b;
}

.event-client-task {
    background-color: #F4A460;
    border-color: #F4A460;
}

.event-projects-task {
    background-color: #796799;
    border-color: #796799;
}

.alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}

.p-h-xs {
    padding: 10px 0;
}

.middle-force {
    vertical-align: middle !important;
}

.cost-control {
    min-width: 125px;
}



.cost-control-table {
    float: right;
}


.popover > .popover-inner > .popover-content {
    background-color: #fff;
}

/*.popover > .popover-inner > .popover-content {
	color: #f8fafb;
}*/

.popover * .btn-default {
    color: #676a6c;
}

.popover textarea {
    color: black;
}

/*.popover > .popover-inner > .popover-content > div > .popover-content {
        color: #f8fafb;
    }*/
/* Tour styles */

/*.tour-tip p {
  margin: 1em 0 1.125em;
}*/




.btn-darkgray {
    background-color: #666666;
    border-color: #666666;
    color: #FFFFFF;
}

    .btn-darkgray:hover,
    .btn-darkgray:focus,
    .btn-darkgray:active,
    .btn-darkgray.active,
    .open .dropdown-toggle.btn-darkgray,
    .btn-darkgray:active:focus,
    .btn-darkgray:active:hover,
    .btn-darkgray.active:hover,
    .btn-darkgray.active:focus {
        background-color: #4d4d4d;
        border-color: #4d4d4d;
        color: #FFFFFF;
    }

    .btn-darkgray:active,
    .btn-darkgray.active,
    .open .dropdown-toggle.btn-darkgray {
        background-image: none;
    }

        .btn-darkgray.disabled,
        .btn-darkgray.disabled:hover,
        .btn-darkgray.disabled:focus,
        .btn-darkgray.disabled:active,
        .btn-darkgray.disabled.active,
        .btn-darkgray[disabled],
        .btn-darkgray[disabled]:hover,
        .btn-darkgray[disabled]:focus,
        .btn-darkgray[disabled]:active,
        .btn-darkgray.active[disabled],
        fieldset[disabled] .btn-darkgray,
        fieldset[disabled] .btn-darkgray:hover,
        fieldset[disabled] .btn-darkgray:focus,
        fieldset[disabled] .btn-darkgray:active,
        fieldset[disabled] .btn-darkgray.active {
            background-color: #a9a9a9;
            border-color: #a9a9a9;
        }

.btn-brown {
    background-color: #8B4513;
    border-color: #8B4513;
    color: #FFFFFF;
}

    .btn-brown:hover,
    .btn-brown:focus,
    .btn-brown:active,
    .btn-brown.active,
    .open .dropdown-toggle.btn-brown,
    .btn-brown:active:focus,
    .btn-brown:active:hover,
    .btn-brown.active:hover,
    .btn-brown.active:focus {
        background-color: #6c350e;
        border-color: #6c350e;
        color: #FFFFFF;
    }

    .btn-brown:active,
    .btn-brown.active,
    .open .dropdown-toggle.btn-brown {
        background-image: none;
    }

        .btn-brown.disabled,
        .btn-brown.disabled:hover,
        .btn-brown.disabled:focus,
        .btn-brown.disabled:active,
        .btn-brown.disabled.active,
        .btn-brown[disabled],
        .btn-brown[disabled]:hover,
        .btn-brown[disabled]:focus,
        .btn-brown[disabled]:active,
        .btn-brown.active[disabled],
        fieldset[disabled] .btn-brown,
        fieldset[disabled] .btn-brown:hover,
        fieldset[disabled] .btn-brown:focus,
        fieldset[disabled] .btn-brown:active,
        fieldset[disabled] .btn-brown.active {
            background-color: #b05819;
            border-color: #b05819;
        }

.btn-deepskyblue {
    color: #FFFFFF;
    background-color: deepskyblue;
    border-color: deepskyblue;
}

    .btn-deepskyblue:hover,
    .btn-deepskyblue:focus,
    .btn-deepskyblue:active,
    .btn-deepskyblue.active,
    .open .dropdown-toggle.btn-deepskyblue,
    .btn-deepskyblue:active:focus,
    .btn-deepskyblue:active:hover,
    .btn-deepskyblue.active:hover,
    .btn-deepskyblue.active:focus {
        background-color: #00afff;
        border-color: #00afff;
        color: #FFFFFF;
    }

    .btn-deepskyblue:active,
    .btn-deepskyblue.active,
    .open .dropdown-toggle.btn-deepskyblue {
        background-image: none;
    }

        .btn-deepskyblue.disabled,
        .btn-deepskyblue.disabled:hover,
        .btn-deepskyblue.disabled:focus,
        .btn-deepskyblue.disabled:active,
        .btn-deepskyblue.disabled.active,
        .btn-deepskyblue[disabled],
        .btn-deepskyblue[disabled]:hover,
        .btn-deepskyblue[disabled]:focus,
        .btn-deepskyblue[disabled]:active,
        .btn-deepskyblue.active[disabled],
        fieldset[disabled] .btn-deepskyblue,
        fieldset[disabled] .btn-deepskyblue:hover,
        fieldset[disabled] .btn-deepskyblue:focus,
        fieldset[disabled] .btn-deepskyblue:active,
        fieldset[disabled] .btn-deepskyblue.active {
            background-color: lightskyblue;
            border-color: lightskyblue;
        }



.btn-sandybrown {
    background-color: #F4A460;
    border-color: #F4A460;
    color: #FFFFFF;
}

    .btn-sandybrown:hover,
    .btn-sandybrown:focus,
    .btn-sandybrown:active,
    .btn-sandybrown.active,
    .open .dropdown-toggle.btn-sandybrown,
    .btn-sandybrown:active:focus,
    .btn-sandybrown:active:hover,
    .btn-sandybrown.active:hover,
    .btn-sandybrown.active:focus {
        background-color: #CD853F;
        border-color: #CD853F;
        color: #FFFFFF;
    }

    .btn-sandybrown:active,
    .btn-sandybrown.active,
    .open .dropdown-toggle.btn-sandybrown {
        background-image: none;
    }

        .btn-sandybrown.disabled,
        .btn-sandybrown.disabled:hover,
        .btn-sandybrown.disabled:focus,
        .btn-sandybrown.disabled:active,
        .btn-sandybrown.disabled.active,
        .btn-sandybrown[disabled],
        .btn-sandybrown[disabled]:hover,
        .btn-sandybrown[disabled]:focus,
        .btn-sandybrown[disabled]:active,
        .btn-sandybrown.active[disabled],
        fieldset[disabled] .btn-sandybrown,
        fieldset[disabled] .btn-sandybrown:hover,
        fieldset[disabled] .btn-sandybrown:focus,
        fieldset[disabled] .btn-sandybrown:active,
        fieldset[disabled] .btn-sandybrown.active {
            background-color: #FFE4C4;
            border-color: #FFE4C4;
        }

.btn-burlywood {
    background-color: #DEB887;
    border-color: #DEB887;
    color: #FFFFFF;
}

    .btn-burlywood:hover,
    .btn-burlywood:focus,
    .btn-burlywood:active,
    .btn-burlywood.active,
    .open .dropdown-toggle.btn-burlywood,
    .btn-burlywood:active:focus,
    .btn-burlywood:active:hover,
    .btn-burlywood.active:hover,
    .btn-burlywood.active:focus {
        background-color: #D2B48C;
        border-color: #D2B48C;
        color: #FFFFFF;
    }

    .btn-burlywood:active,
    .btn-burlywood.active,
    .open .dropdown-toggle.btn-burlywood {
        background-image: none;
    }

        .btn-burlywood.disabled,
        .btn-burlywood.disabled:hover,
        .btn-burlywood.disabled:focus,
        .btn-burlywood.disabled:active,
        .btn-burlywood.disabled.active,
        .btn-burlywood[disabled],
        .btn-burlywood[disabled]:hover,
        .btn-burlywood[disabled]:focus,
        .btn-burlywood[disabled]:active,
        .btn-burlywood.active[disabled],
        fieldset[disabled] .btn-burlywood,
        fieldset[disabled] .btn-burlywood:hover,
        fieldset[disabled] .btn-burlywood:focus,
        fieldset[disabled] .btn-burlywood:active,
        fieldset[disabled] .btn-burlywood.active {
            background-color: #F5DEB3;
            border-color: #F5DEB3;
        }

.uploadcare-file-item__preview {
    display: none !important;
}

.ibox-title.has-error {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #a94442 !important;
    /*border-width: 3px !important;*/
}


.ibox.success {
    margin-bottom: 0 !important;
}

.ibox-title.success {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
    /*border-width: 3px !important;*/
}

.ibox-content.success {
    padding: 5px !important;
    border-color: #d6e9c6 !important;
    border-style: none solid solid solid;
    border-width: 3px;
}

.p-b-sm {
    padding-bottom: 5px !important;
}

.p-b-xs {
    padding-bottom: 1px !important;
}

.p-b-none {
    padding-bottom: 0 !important;
}

.p-l-none {
    padding-left: 0 !important;
}


.landing-page .btn.pricing-title {
    font-size: 22px !important;
    font-weight: 600 !important;
}

.changed {
    border-color: darkblue;
}

.clear-p-h {
    padding-left: 0;
    padding-right: 0;
}

.lightgray {
    background-color: lightgray;
}

.btn.purple-sharp:not(.btn-outline) {
    color: #fff;
    background-color: #796799;
    border-color: #796799;
}

    .btn.purple-sharp:not(.btn-outline).focus, .btn.purple-sharp:not(.btn-outline):focus {
        color: #fff;
        background-color: #61527b;
        border-color: #3d344d;
    }

    .btn.purple-sharp:not(.btn-outline).active, .btn.purple-sharp:not(.btn-outline):active, .btn.purple-sharp:not(.btn-outline):hover, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle {
        color: #fff;
        background-color: #61527b;
        border-color: #5c4e75;
    }

        .btn.purple-sharp:not(.btn-outline).active.focus, .btn.purple-sharp:not(.btn-outline).active:focus, .btn.purple-sharp:not(.btn-outline).active:hover, .btn.purple-sharp:not(.btn-outline):active.focus, .btn.purple-sharp:not(.btn-outline):active:focus, .btn.purple-sharp:not(.btn-outline):active:hover, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle.focus, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:focus, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle:hover {
            color: #fff;
            background-color: #504465;
            border-color: #3d344d;
        }

    .btn.purple-sharp:not(.btn-outline).active, .btn.purple-sharp:not(.btn-outline):active, .open > .btn.purple-sharp:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.purple-sharp:not(.btn-outline).disabled.focus, .btn.purple-sharp:not(.btn-outline).disabled:focus, .btn.purple-sharp:not(.btn-outline).disabled:hover, .btn.purple-sharp:not(.btn-outline)[disabled].focus, .btn.purple-sharp:not(.btn-outline)[disabled]:focus, .btn.purple-sharp:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.purple-sharp:not(.btn-outline).focus, fieldset[disabled] .btn.purple-sharp:not(.btn-outline):focus, fieldset[disabled] .btn.purple-sharp:not(.btn-outline):hover {
        background-color: #796799;
        border-color: #796799;
    }

    .btn.purple-sharp:not(.btn-outline) .badge {
        color: #796799;
        background-color: #fff;
    }

.btn.btn-outline.purple-sharp {
    border-color: #796799;
    color: #796799;
    background: 0 0;
}

    .btn.btn-outline.purple-sharp.active, .btn.btn-outline.purple-sharp:active, .btn.btn-outline.purple-sharp:active:focus, .btn.btn-outline.purple-sharp:active:hover, .btn.btn-outline.purple-sharp:focus, .btn.btn-outline.purple-sharp:hover {
        border-color: #796799;
        color: #fff;
        background-color: #796799;
    }

.btn.purple-sharp-stripe {
    border-left: 4px solid #796799 !important;
}

.btn.grey-salsa:not(.btn-outline) {
    color: #FAFCFB;
    background-color: #ACB5C3;
    border-color: #ACB5C3;
}

    .btn.grey-salsa:not(.btn-outline).focus, .btn.grey-salsa:not(.btn-outline):focus {
        color: #FAFCFB;
        background-color: #8e9bae;
        border-color: #64748b;
    }

    .btn.grey-salsa:not(.btn-outline).active, .btn.grey-salsa:not(.btn-outline):active, .btn.grey-salsa:not(.btn-outline):hover, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle {
        color: #FAFCFB;
        background-color: #8e9bae;
        border-color: #8895a9;
    }

        .btn.grey-salsa:not(.btn-outline).active.focus, .btn.grey-salsa:not(.btn-outline).active:focus, .btn.grey-salsa:not(.btn-outline).active:hover, .btn.grey-salsa:not(.btn-outline):active.focus, .btn.grey-salsa:not(.btn-outline):active:focus, .btn.grey-salsa:not(.btn-outline):active:hover, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle.focus, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle:hover {
            color: #FAFCFB;
            background-color: #7a889f;
            border-color: #64748b;
        }

    .btn.grey-salsa:not(.btn-outline).active, .btn.grey-salsa:not(.btn-outline):active, .open > .btn.grey-salsa:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.grey-salsa:not(.btn-outline).disabled.focus, .btn.grey-salsa:not(.btn-outline).disabled:focus, .btn.grey-salsa:not(.btn-outline).disabled:hover, .btn.grey-salsa:not(.btn-outline)[disabled].focus, .btn.grey-salsa:not(.btn-outline)[disabled]:focus, .btn.grey-salsa:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.grey-salsa:not(.btn-outline).focus, fieldset[disabled] .btn.grey-salsa:not(.btn-outline):focus, fieldset[disabled] .btn.grey-salsa:not(.btn-outline):hover {
        background-color: #ACB5C3;
        border-color: #ACB5C3;
    }

    .btn.grey-salsa:not(.btn-outline) .badge {
        color: #ACB5C3;
        background-color: #FAFCFB;
    }

.btn.btn-outline.grey-salsa {
    border-color: #ACB5C3;
    color: #ACB5C3;
    background: 0 0;
}

    .btn.btn-outline.grey-salsa.active, .btn.btn-outline.grey-salsa:active, .btn.btn-outline.grey-salsa:active:focus, .btn.btn-outline.grey-salsa:active:hover, .btn.btn-outline.grey-salsa:focus, .btn.btn-outline.grey-salsa:hover {
        border-color: #ACB5C3;
        color: #FAFCFB;
        background-color: #ACB5C3;
    }

.btn.grey-gallery:not(.btn-outline) {
    color: #fff;
    background-color: #555;
    border-color: #555;
}

    .btn.grey-gallery:not(.btn-outline).focus, .btn.grey-gallery:not(.btn-outline):focus {
        color: #fff;
        background-color: #3b3b3b;
        border-color: #151515;
    }

    .btn.grey-gallery:not(.btn-outline).active, .btn.grey-gallery:not(.btn-outline):active, .btn.grey-gallery:not(.btn-outline):hover, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle {
        color: #fff;
        background-color: #3b3b3b;
        border-color: #363636;
    }

        .btn.grey-gallery:not(.btn-outline).active.focus, .btn.grey-gallery:not(.btn-outline).active:focus, .btn.grey-gallery:not(.btn-outline).active:hover, .btn.grey-gallery:not(.btn-outline):active.focus, .btn.grey-gallery:not(.btn-outline):active:focus, .btn.grey-gallery:not(.btn-outline):active:hover, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle.focus, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:focus, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle:hover {
            color: #fff;
            background-color: #2a2a2a;
            border-color: #151515;
        }

    .btn.grey-gallery:not(.btn-outline).active, .btn.grey-gallery:not(.btn-outline):active, .open > .btn.grey-gallery:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.grey-gallery:not(.btn-outline).disabled.focus, .btn.grey-gallery:not(.btn-outline).disabled:focus, .btn.grey-gallery:not(.btn-outline).disabled:hover, .btn.grey-gallery:not(.btn-outline)[disabled].focus, .btn.grey-gallery:not(.btn-outline)[disabled]:focus, .btn.grey-gallery:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.grey-gallery:not(.btn-outline).focus, fieldset[disabled] .btn.grey-gallery:not(.btn-outline):focus, fieldset[disabled] .btn.grey-gallery:not(.btn-outline):hover {
        background-color: #555;
        border-color: #555;
    }

    .btn.grey-gallery:not(.btn-outline) .badge {
        color: #555;
        background-color: #fff;
    }

.btn.btn-outline.grey-gallery {
    border-color: #555;
    color: #555;
    background: 0 0;
}

    .btn.btn-outline.grey-gallery.active, .btn.btn-outline.grey-gallery:active, .btn.btn-outline.grey-gallery:active:focus, .btn.btn-outline.grey-gallery:active:hover, .btn.btn-outline.grey-gallery:focus, .btn.btn-outline.grey-gallery:hover {
        border-color: #555;
        color: #fff;
        background-color: #555;
    }

.btn.red-sunglo:not(.btn-outline) {
    color: #fff;
    background-color: #E26A6A;
    border-color: #E26A6A;
}

    .btn.red-sunglo:not(.btn-outline).focus, .btn.red-sunglo:not(.btn-outline):focus {
        color: #fff;
        background-color: #da3f3f;
        border-color: #ab2121;
    }

    .btn.red-sunglo:not(.btn-outline).active, .btn.red-sunglo:not(.btn-outline):active, .btn.red-sunglo:not(.btn-outline):hover, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle {
        color: #fff;
        background-color: #da3f3f;
        border-color: #d83737;
    }

        .btn.red-sunglo:not(.btn-outline).active.focus, .btn.red-sunglo:not(.btn-outline).active:focus, .btn.red-sunglo:not(.btn-outline).active:hover, .btn.red-sunglo:not(.btn-outline):active.focus, .btn.red-sunglo:not(.btn-outline):active:focus, .btn.red-sunglo:not(.btn-outline):active:hover, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle:hover {
            color: #fff;
            background-color: #cd2828;
            border-color: #ab2121;
        }

    .btn.red-sunglo:not(.btn-outline).active, .btn.red-sunglo:not(.btn-outline):active, .open > .btn.red-sunglo:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.red-sunglo:not(.btn-outline).disabled.focus, .btn.red-sunglo:not(.btn-outline).disabled:focus, .btn.red-sunglo:not(.btn-outline).disabled:hover, .btn.red-sunglo:not(.btn-outline)[disabled].focus, .btn.red-sunglo:not(.btn-outline)[disabled]:focus, .btn.red-sunglo:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red-sunglo:not(.btn-outline).focus, fieldset[disabled] .btn.red-sunglo:not(.btn-outline):focus, fieldset[disabled] .btn.red-sunglo:not(.btn-outline):hover {
        background-color: #E26A6A;
        border-color: #E26A6A;
    }

    .btn.red-sunglo:not(.btn-outline) .badge {
        color: #E26A6A;
        background-color: #fff;
    }

.btn.btn-outline.red-sunglo {
    border-color: #E26A6A;
    color: #E26A6A;
    background: 0 0;
}

    .btn.btn-outline.red-sunglo.active, .btn.btn-outline.red-sunglo:active, .btn.btn-outline.red-sunglo:active:focus, .btn.btn-outline.red-sunglo:active:hover, .btn.btn-outline.red-sunglo:focus, .btn.btn-outline.red-sunglo:hover {
        border-color: #E26A6A;
        color: #fff;
        background-color: #E26A6A;
    }

.btn.red-intense:not(.btn-outline) {
    color: #fff;
    background-color: #e35b5a;
    border-color: #e35b5a;
}

    .btn.red-intense:not(.btn-outline).focus, .btn.red-intense:not(.btn-outline):focus {
        color: #fff;
        background-color: #dc302e;
        border-color: #a21c1b;
    }

    .btn.red-intense:not(.btn-outline).active, .btn.red-intense:not(.btn-outline):active, .btn.red-intense:not(.btn-outline):hover, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle {
        color: #fff;
        background-color: #dc302e;
        border-color: #da2726;
    }

        .btn.red-intense:not(.btn-outline).active.focus, .btn.red-intense:not(.btn-outline).active:focus, .btn.red-intense:not(.btn-outline).active:hover, .btn.red-intense:not(.btn-outline):active.focus, .btn.red-intense:not(.btn-outline):active:focus, .btn.red-intense:not(.btn-outline):active:hover, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle.focus, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:focus, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle:hover {
            color: #fff;
            background-color: #c52321;
            border-color: #a21c1b;
        }

    .btn.red-intense:not(.btn-outline).active, .btn.red-intense:not(.btn-outline):active, .open > .btn.red-intense:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.red-intense:not(.btn-outline).disabled.focus, .btn.red-intense:not(.btn-outline).disabled:focus, .btn.red-intense:not(.btn-outline).disabled:hover, .btn.red-intense:not(.btn-outline)[disabled].focus, .btn.red-intense:not(.btn-outline)[disabled]:focus, .btn.red-intense:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.red-intense:not(.btn-outline).focus, fieldset[disabled] .btn.red-intense:not(.btn-outline):focus, fieldset[disabled] .btn.red-intense:not(.btn-outline):hover {
        background-color: #e35b5a;
        border-color: #e35b5a;
    }

    .btn.red-intense:not(.btn-outline) .badge {
        color: #e35b5a;
        background-color: #fff;
    }

.btn.btn-outline.red-intense {
    border-color: #e35b5a;
    color: #e35b5a;
    background: 0 0;
}

    .btn.btn-outline.red-intense.active, .btn.btn-outline.red-intense:active, .btn.btn-outline.red-intense:active:focus, .btn.btn-outline.red-intense:active:hover, .btn.btn-outline.red-intense:focus, .btn.btn-outline.red-intense:hover {
        border-color: #e35b5a;
        color: #fff;
        background-color: #e35b5a;
    }

.btn.blue-sharp:not(.btn-outline) {
    color: #FFF;
    background-color: #5C9BD1;
    border-color: #5C9BD1;
}

    .btn.blue-sharp:not(.btn-outline).focus, .btn.blue-sharp:not(.btn-outline):focus {
        color: #FFF;
        background-color: #3782c3;
        border-color: #265a87;
    }

    .btn.blue-sharp:not(.btn-outline).active, .btn.blue-sharp:not(.btn-outline):active, .btn.blue-sharp:not(.btn-outline):hover, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle {
        color: #FFF;
        background-color: #3782c3;
        border-color: #357dbb;
    }

        .btn.blue-sharp:not(.btn-outline).active.focus, .btn.blue-sharp:not(.btn-outline).active:focus, .btn.blue-sharp:not(.btn-outline).active:hover, .btn.blue-sharp:not(.btn-outline):active.focus, .btn.blue-sharp:not(.btn-outline):active:focus, .btn.blue-sharp:not(.btn-outline):active:hover, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle.focus, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:hover {
            color: #FFF;
            background-color: #2f70a7;
            border-color: #265a87;
        }

    .btn.blue-sharp:not(.btn-outline).active, .btn.blue-sharp:not(.btn-outline):active, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle {
        background-image: none;
    }

    .btn.blue-sharp:not(.btn-outline).disabled.focus, .btn.blue-sharp:not(.btn-outline).disabled:focus, .btn.blue-sharp:not(.btn-outline).disabled:hover, .btn.blue-sharp:not(.btn-outline)[disabled].focus, .btn.blue-sharp:not(.btn-outline)[disabled]:focus, .btn.blue-sharp:not(.btn-outline)[disabled]:hover, fieldset[disabled] .btn.blue-sharp:not(.btn-outline).focus, fieldset[disabled] .btn.blue-sharp:not(.btn-outline):focus, fieldset[disabled] .btn.blue-sharp:not(.btn-outline):hover {
        background-color: #5C9BD1;
        border-color: #5C9BD1;
    }

    .btn.blue-sharp:not(.btn-outline) .badge {
        color: #5C9BD1;
        background-color: #FFF;
    }

.btn.btn-outline.blue-sharp {
    border-color: #5C9BD1;
    color: #5C9BD1;
    background: 0 0;
}

    .btn.btn-outline.blue-sharp.active, .btn.btn-outline.blue-sharp:active, .btn.btn-outline.blue-sharp:active:focus, .btn.btn-outline.blue-sharp:active:hover, .btn.btn-outline.blue-sharp:focus, .btn.btn-outline.blue-sharp:hover {
        border-color: #5C9BD1;
        color: #FFF;
        background-color: #5C9BD1;
    }

tr.strikeout td {
    text-decoration: line-through;
}

tr.estimate-item td {
    color: #105dd0;
}

tr.manual-item td {
    font-weight: bold;
}

tr.cost-item-custom td {
    font-style: italic;
}

.strikeout {
    text-decoration: line-through;
}

.pac-container {
    z-index: 2147483647 !important;
}

.widget-small {
    border-radius: 5px;
    padding: 5px 5px;
    margin-bottom: 0;
    margin-top: 0;
}

/*.signature{
	border-color: #e7eaec;
	border-style: none none solid none;
	border-width: 0 0 3px 0;
}*/

.signature-title {
    font-weight: bold;
    text-align: left;
    font-size: 80%;
}

input.signature {
    width: 100%;
    border: 0px;
    border-bottom: 1px solid black;
    height: 30px;
}

.p-none {
    padding: 0;
}

.m-none {
    margin: 0;
}

.bottom-none {
    padding-bottom: 0;
    margin-bottom: 0;
}

.m-none {
    margin: 0;
}

.signature-heading {
    float: left;
    width: 75px;
}

.signature-line {
    float: left;
    margin: 20px 10px;
    border-top: 1px solid #000;
    text-align: center;
}

.signature-signature {
    width: 300px;
}

.signature-date {
    width: 150px;
}

.area-bordered {
    border: dashed 1px;
    padding: 2px;
}

.area-bordered-contract {
    border: #e7eaec solid 1px;
    padding: 2px;
    margin-left: 10px;
    font-size: smaller;
}




/*.navbar-static-side {
	width: 0 !important;
}

#page-wrapper {
	margin: 0 !important;
}*/




.bottom {
    vertical-align: bottom !important;
}


#nestable2 .dd-handle-roomy {
    padding: 5px !important;
}

#nestable2 .dd-item-roomy > button {
    height: 30px;
}

#nestable2 .dd-item-roomy-45 > button {
    height: 45px;
}

.font-normal {
    font-weight: normal !important;
}

.label-transparent {
    background-color: inherit !important;
}

button.dd-item {
    display: block;
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 5px 0;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: transparent;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}

    button.dd-item:before {
        content: '+';
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0;
    }

    button.dd-item[data-action="collapse"]:before {
        content: '-';
    }

#nestable2 button.dd-item {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    height: 34px;
    width: 33px;
    color: #c1c1c1;
}

    #nestable2 button.dd-item:before {
        content: "\f067";
    }

    #nestable2 button.dd-item[data-action="collapse"]:before {
        content: "\f068";
    }

#nestable2 .dd-handle {
    border-style: solid;
    /*padding: 5px;*/
}

#nestable2 .dd-item {
    min-height: 25px;
}


.dd-list-no-padding {
    padding: 0 !important;
}

.dd-item-p-l-none {
    padding-left: 0 !important;
}

.dd-handle-no-cursor:hover {
    cursor: initial;
}

div.strikeout span {
    text-decoration: line-through;
}

ol.cost-item {
    padding: 0,0,0, 5px;
    border: 2px solid #e7eaec;
    border-radius: 5px;
    margin: 0 10px 5px 10px;
}

.cost-item-custom {
    border-color: #5c9bd1 !important;
}

ol.assembly-item {
    padding-top: 10px;
    display: grid;
    grid-template-columns: 2fr 2fr 1fr 1fr;
    padding-inline-start: 0 !important;
}

ol.horizontal {
    float: right;
    padding-left: 0em;
}

    ol.horizontal li {
        float: left;
        display: inline;
        padding: 0px 2px;
    }

ol.vertical {
    padding-left: 0em;
}

    ol.vertical li {
        /*list-style-position: inside;
	padding-left: 0px;*/
    }


dl.dl-horizontal-narrow > dt {
    width: 100px !important;
}

dl.dl-horizontal-narrow > dd {
    margin-left: 110px !important;
}

@media all {
    .page-break {
        display: none;
    }
}

@media print {
    pre {
        overflow: visible !important;
        height: auto !important;
    }

    a[href]:after {
        content: none !important;
    }

    .full-width-print {
        width: 100% !important;
    }

    .page-break {
        display: block !important;
        page-break-before: always !important;
    }

    #page-wrapper {
        margin: 0 !important;
    }

    .navbar-static-side {
        width: 0 !important;
    }

    .nav-header {
        display: none;
    }

    * {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    #hubspot-messages-iframe-container {
        display: none !important;
        visibility: hidden;
    }

    #fd-chat-client-v2 {
        display: none !important;
        visibility: hidden;
    }
}

.forum-icon {
    width: 100%;
    /* max-height: 120px; */
}

.input-group-addon-sm {
    background-color: #eee !important;
    width: 50px;
    font-size: 75%;
    padding: 2px;
}

pre {
    word-break: normal;
    page-break-inside: auto;
}

/* ngTagsInput */
.bootstrap .tags {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .bootstrap .tags.focused {
        border-color: #66afe9;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
    }

    .bootstrap .tags .tag-item {
        background: #428bca;
        border: 1px solid #357ebd;
        border-radius: 4px;
        color: #fff;
    }

        .bootstrap .tags .tag-item.selected {
            background: #d9534f;
            border: 1px solid #d43f3a;
            border-radius: 4px;
            color: #fff;
        }

        .bootstrap .tags .tag-item button {
            background: transparent;
            color: #000;
            opacity: .4;
        }

.bootstrap .autocomplete {
    border-radius: 4px;
}

    .bootstrap .autocomplete .suggestion-item.selected {
        color: #262626;
        background-color: #e9e9e9;
    }

    .bootstrap .autocomplete .suggestion-item em {
        font-weight: normal;
        background-color: #ffff00;
    }

    .bootstrap .autocomplete .suggestion-item.selected em {
        color: #262626;
        background-color: #ffff00;
    }

.forum-item .forum-sub-title {
    color: #999;
    margin-left: 0;
}

.forum-item.forum-item-last {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

@media (max-width: 768px) {
    .loginColumns {
        padding-top: 20px;
    }
}

.popover {
    background-color: #f7f7f7;
}

.event-alternate {
    border: 1px solid #3c763d;
    background-color: #3c763d;
}

.event-holiday {
    border: 1px solid #1c1c1c;
    background-color: #1c1c1c;
}

.event-milestone {
    border: 1px solid #e65245;
    background-color: #e65245;
}

.social-icon a {
    /* background: #1ab394; */
    /* color: #fff; */
    padding: 4px 8px;
    /* height: 28px; */
    /* width: 28px; */
    display: block;
    border-radius: 50px;
}

/* Client pages */
#page-wrapper.client-wrapper {
    margin-left: 0 !important;
}

    #page-wrapper.client-wrapper .navbar-header {
        display: none;
    }


.roi-title {
    font-size: 22px;
    font-weight: 600;
}

.roi-calculator li {
    /*padding: 0 !important;*/
    border: none !important;
    text-align: left !important;
    color: inherit !important;
}

.file {
    margin-bottom: unset;
    margin-right: unset;
}

.file-box {
    width: unset;
}

.files-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-gap: 1.5rem;
}

.label-grey-mint {
    color: #FFF;
    background-color: #525e64;
}

.label-purple {
    color: #FFF;
    background-color: #8E44AD;
}

.label-brown {
    color: #FFF;
    background-color: #8B4513;
}

.label-sandybrown {
    color: #FFF;
    background-color: #F4A460;
}

.label-deepskyblue {
    color: #FFF;
    background-color: deepskyblue;
}

.label-burlywood {
    color: #FFF;
    background-color: #DEB887;
}

.label-segment {
    color: #FFF;
    background-color: #a94442;
}

.label-elevation {
    color: #FFF;
    background-color: #005f7f;
}

.label-misc {
    background-color: #d7e2f9;
}

.label-door {
    color: #FFF;
    background-color: #d62a8d;
}

.label-assembly {
    color: #FFF;
    background-color: #46687e;
    font-size: 14px !important;
}

.wall-property {
    border: solid 1px #e7eaec;
    padding: 15px;
}

.plan-container {
    width: 0 !important;
    height: 0 !important;
}

    .plan-container .ibox-title {
        display: none;
    }


.landing-page .btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.landing-page .btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.landing-page .btn-success:hover,
.landing-page .btn-success:focus,
.landing-page .btn-success:active,
.landing-page .btn-success.active,
.landing-page .open .dropdown-toggle.btn-success {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #FFFFFF;
}


.roi-calculator > li {
    font-size: x-large;
}


table.table-competition th, table.table-competition td {
    text-align: center;
    vertical-align: middle;
}

    table.table-competition th.text-left, table.table-competition td.text-left {
        text-align: left !important;
    }

.list-group-item:nth-child(odd) {
    background: #F8F8F8;
}

.list-group-item.active:nth-child(odd) {
    background: #337ab7 !important;
}

.list-group-item-danger:nth-child(odd) {
    background: #f2dede !important;
}

.list-group-item-success:nth-child(odd) {
    background: #dff0d8 !important;
}

.list-group-item-warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
}

ul.pricing-plan-comparison {
    font-size: 15px;
}

    ul.pricing-plan-comparison li {
        color: #676a6c !important;
    }


td.feature {
    text-align: right;
}

.text-middle {
    vertical-align: middle !important;
}

.input-sm {
    font-size: 12px !important;
}

.fa-assembly {
    font-size: 8px;
    vertical-align: middle;
}

span.assembly {
    vertical-align: middle;
}

.approval-missing {
    color: #a94442 !important;
}

.area-not-updated {
    background-color: #f2dede !important;
}

.delete-alternate-assembly {
    background: pink !important;
}

.project-type-choice-label {
    font-size: 14px;
}

sub.area {
    bottom: .5em;
    font-size: 90%;
}

sup.area {
    top: -.2em
}

.form-group-xl .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 30px;
    line-height: 1.3333333;
    border-radius: 6px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-xl .control-label {
        padding-top: 11px;
        font-size: 30px;
    }
}

.simple-link-list-table td a:not([class*="listing-action-"]) {
    text-decoration: none;
    color: inherit;
    display: block;
    padding: 8px;
}

.dropdown-inline {
    display: inline-block;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

td.payment-cell {
    border-top: 0 !important;
}

/*.vertical-timeline-content h2 {
    font-weight: bold;
}*/

.vertical-timeline-icon span {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -15px;
    font-size: 20px;
}

.vertical-timeline-content .btn-action {
    float: left;
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px !important;
    vertical-align: middle;
}

.skipped-step {
    background-color: lightgray;
}

.disabled {
    opacity: .6;
}


.custom-marker {
}

    .custom-marker.user-project {
        font-size: 1.5em;
        padding: 10px;
        background: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: #7F7F7F solid 1px;
    }

        .custom-marker.user-project:after {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 7px 6px 0;
            border-color: #fff transparent;
            display: block;
            width: 0;
            z-index: 1;
            margin-left: -6px;
            bottom: -6px;
            left: 50%;
        }

        .custom-marker.user-project:before {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 7px 6px 0;
            border-color: #7F7F7F transparent;
            display: block;
            width: 0;
            z-index: 0;
            margin-left: -6px;
            bottom: -7px;
            left: 50%;
        }


.dropdown-people img {
    width: 44px;
    height: 44px;
}

.dropdown-people .placeholder {
    width: 44px;
    height: 44px;
}

.time-entry-people img {
    width: 32px;
    height: 32px;
}

.pull-none {
    float: none !important;
}

.moment-picker {
    z-index: 5000 !important;
}

.loginColumns {
    max-width: 1076px;
}


.modal-xl {
    width: 1200px;
}

.text-underline {
    text-decoration: underline;
}

.font-larger {
    font-size: larger;
}

.area-display sup {
    font-weight: bold;
}

.label.area-display {
    font-size: 12px;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?4s85ue');
    src: url('fonts/icomoon.eot?4s85ue#iefix') format('embedded-opentype'), url('/fonts/icomoon.ttf?4s85ue') format('truetype'), url('fonts/icomoon.woff?4s85ue') format('woff'), url('fonts/icomoon.svg?4s85ue#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

i.icon-quickbooks {
    color: #37e41f;
}

.icon-quickbooks:before {
    content: "\e900";
}

span.icon-quickbooks {
    /* font-size: initial !important; */
}

.striped {
    background-color: #f9f9f9;
}

.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 900;
}

#nestable2 .dd-item > button {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
}

.multiSelect .buttonLabel {
    font-size: 12px;
    padding: 0;
}

.multiSelect > button {
    min-height: initial !important;
    max-height: 20.8px;
    padding: 0 8px 0 8px;
}


#toast-container > .toast:before {
    position: fixed;
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
    font-size: 24px;
    line-height: 24px;
    float: left;
    color: #FFF;
    padding-right: 0.5em;
    margin: auto 0.5em auto -1.5em;
}

.sortable:after {
    font: unset;
    font-size: 14px;
    line-height: 1;
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free" !important;
}

#mini-navbar-intuit {
    color: #37e41f;
}




/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
.resource-assignment ul[dnd-list],
.resource-assignment ul[dnd-list] > li {
    position: relative;
}

.resource-assignment ul.resource-list,
.resource-assignment ul.resource-list > li {
    position: relative;
}

.resource-assignment ul.resource-list {
    padding-left: 0;
    list-style: none outside none;
}
/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.resource-assignment ul[dnd-list] {
    min-height: 50px;
    padding-left: 0px;
    margin-bottom: 0;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.resource-assignment ul.resources .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.resource-assignment ul[dnd-list] .dndPlaceholder {
    display: block;
    background-color: #ddd;
    padding: 0;
    min-height: 50px;
    font-size: smaller;
}

.resource-assignment ul[dnd-list] li .project-people img {
    width: 20px;
    height: 20px;
    margin-left: 1px;
    /* display: none; */
}

.resource-assignment ul[dnd-list] li {
    font-size: 11.5px;
}
/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
.resource-assignment ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    /*border-top-right-radius: 4px;
        border-top-left-radius: 4px;*/
    display: block;
    margin-bottom: 1px;
    margin-top: 1px;
    /* Disable text selection if item is not draggable */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .resource-assignment ul[dnd-list] li.saving {
        background-color: lightgrey;
    }

    .resource-assignment ul[dnd-list] li dnd-nodrag {
        display: block;
        padding: 10px 15px;
    }

/**
 * Handle positioning
 */
.resource-assignment .handle {
    cursor: move;
    position: absolute;
    top: 14px;
}

.resource-assignment .resource-selector {
    margin-left: 20px;
}

.table-resources {
    min-width: 600px;
}

    .table-resources > tbody > tr > td.resource {
        /* padding-left: 0; */
        /* padding-right: 0; */
        padding: 0;
        min-height: 1px;
    }

        .table-resources > tbody > tr > td.resource li {
            cursor: move;
            min-height: 50px;
            display: flex;
            flex-direction: row;
            align-items: center;
        }

    .table-resources > tbody > tr > td > a {
        font-size: 12px;
    }

.resource-list .list-group-item:nth-child(odd) {
    background: initial;
}


button > li.dndPlaceholder {
    display: none;
}

button.delete-resource-appointment {
    padding-right: 50px;
    padding-left: 50px;
}

    button.delete-resource-appointment.dndDragover {
        color: #ed5565;
        border-color: #ed5565;
    }

td.resource-total {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

li.area-tree {
    padding-top: 25px;
}

.dd-handle span {
    font-weight: normal;
}

body.mini-navbar .navbar-default .nav > li > a {
    font-size: unset;
}

/*body.mini-navbar .profile-element,
body.mini-navbar .nav-label,
body.mini-navbar .navbar-default .nav li a span {
    display: inline-block;
}*/

.register-summary h1, .register-summaryh2 {
    font-weight: bold;
    color: black;
}

.register-summary p {
    font-size: 16px;
    color: black;
}

/* Kendo Overrides */
.k-input, .k-textbox, .k-grid, .k-button {
    font-size: 1.5rem !important;
}

.k-tooltip-content {
    font-size: 1.5rem !important;
}

    .k-tooltip-content th {
        color: #fff;
        background-color: #000 !important;
    }

.k-grid .k-grid-header {
    padding: 0 !important;
}

.k-grid .k-grid-content {
    overflow-y: visible;
}

.k-grid td.text-right {
    text-align: right !important;
}

.k-grid td.text-center {
    text-align: center !important;
}

.k-grid td.nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.k-grid td.has-error {
    border: #ed5565 solid .1rem;
}

.k-grid td.has-approval {
    border: #078e73 solid .1rem;
}

.k-tooltip-content table {
    width: 350px;
    margin: 5px;
}

.k-tooltip-content p {
    width: 350px;
}

.k-master-row .k-toolbar .k-button {
    padding: 5px 10px;
    margin: .15em;
    /*background-color: initial !important;*/
}

.k-master-row td .k-button {
    padding: 5px 10px;
    margin: .25em;
    /*background-color: initial !important;*/
}

.crm .k-master-row td .k-button {
    margin: 0;
}

.k-master-row .k-toolbar {
    background: none;
    border: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0;
}

.k-grid tbody .k-button {
    min-width: 30px !important;
}

.no-button {
    padding: 0 !important;
    background: #c7cdd5 !important;
    height: .05rem;
}


.k-multiselect-wrap li > span:first-child {
    margin-right: 20px;
}

.k-grid td.font-bold, .k-grid th.font-bold {
    font-weight: bold;
}

.k-checkbox {
    width: 16px !important;
    height: 16px !important;
}

    .k-checkbox::before {
        background-size: 100% !important;
    }

    .k-checkbox:checked {
        background-color: #1c84c6 !important;
        border-color: #1c84c6 !important;
    }

    .k-checkbox.k-state-indeterminate, .k-checkbox:indeterminate {
        background-color: #1c84c6 !important;
        border-color: #1c84c6 !important;
    }

li.k-item {
    font-size: 1.5rem;
}

/*<!-- k-command-cell -->*/
.k-command-cell .k-button-icontext .k-icon, .k-command-cell .k-button-icontext .fas {
    margin: 0 !important;
}

.k-button-icontext .fas {
    margin: 0 .375rem 0 -.375rem;
    margin-top: 0px;
    margin-right: 0.375rem;
    margin-bottom: 0px;
    margin-left: -0.375rem;
}

#client-estimate-view-grid .k-grid-content {
    min-height: 50px;
    max-height: 250px;
}

td .k-progressbar {
    width: 100%;
    height: 2rem;
    font-size: 1.5rem;
}

.k-treelist .k-button, .k-treelist .k-icon {
    font-size: small !important;
}

.k-grid td.boot-drop {
    overflow: visible;
}

.k-window > div.k-popup-edit-form {
    padding: 0;
}

.k-widget.form-control .k-input {
    padding: unset !important;
    height: unset !important;
}


.k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap {
    background-color: #FFFFFF !important;
}

.k-tabstrip {
    font-size: unset !important;
}

.k-grid tr.info > td {
    background-color: #d9edf7 !important;
}

.k-grid tr.warning > td {
    background-color: #fcf8e3 !important;
}

.k-grid tr.danger > td {
    background-color: #ebcccc !important;
}

.totals-container {
    display: grid;
    grid-template-columns: repeat(8, 1fr) 3fr;
}

.form-group .k-textbox.form-control {
    width: 100% !important;
}

.label-quantity {
    padding: .2em .6em .3em !important;
    margin-left: .3em;
    border-style: solid;
    border-width: .1em;
}

.k-calendar .k-calendar-view {
    width: 45em !important;
    height: 25em !important;
}

.k-input-md, .k-picker-md, .k-chip-md {
    font-size: 1.5rem !important;
}


.form-text {
    display: block;
    margin-top: .25rem;
}

.diy-formulas .dropdown-menu > li > a {
    line-height: 15px !important;
}

.k-picker {
    background-color: #FFFFFF !important;
}

.k-grid a:hover {
    text-decoration: underline !important;
}

.segments-container {
    display: grid;
    grid-template-columns: 1.25fr 1.25fr 1fr 1fr .25fr;
    grid-gap: 1.5rem;
}

.segments-display-container {
    display: grid;
    grid-template-columns: 1.25fr;
    grid-template-rows: auto;
    row-gap: 0.5rem;
}

.area-specs-container {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

table.table-walls {
    margin: 0px auto;
    float: none;
    min-width: 60%;
    max-width: 100%;
}

.k-scheduler-navigation .k-button {
    height: 32px;
}

.k-button-solid-base {
    border-color: rgba(0,0,0,.08) !important;
}

.k-event .k-event-template, kendo-scheduler .k-event .k-event-template {
    font-size: 1.25rem !important;
}

.k-scheduler-table td, .k-scheduler-table th {
    font-size: 1.25rem !important;
}

.k-scheduler-toolbar .k-nav-current {
    font-size: 1.25rem !important;
}


.table-bulleted > thead > tr > th,
.table-bulleted > tbody > tr > th,
.table-bulleted > tfoot > tr > th,
.table-bulleted > thead > tr > td,
.table-bulleted > tbody > tr > td,
.table-bulleted > tfoot > tr > td {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px;
}

.k-list-item-text img {
    width: 40px;
    height: 40px;
}

.k-pdf-export .k-gantt-toolbar {
    display: none;
}

.k-pdf-export .k-scheduler-toolbar {
    display: none;
}


.k-today {
    background-color: #e1ebf1;
}

    .k-today .k-nav-day {
        font-weight: bold;
    }

li.assembly-listing-item {
    font-size: 1.1rem;
}

.assembly-listing-item-formula {
    font-weight: 600;
}

.swal-footer {
    background-color: rgb(245, 248, 250);
    margin-top: 32px;
    border-top: 1px solid #E9EEF1;
    overflow: hidden;
}

#existing-item-list .k-no-data {
    flex-direction: column;
}

#existing-option-list .k-no-data {
    flex-direction: column;
}

.diy-switch.ng-animate {
    -webkit-transition: all linear 0.25s;
    transition: all linear 0.25s;
}

.diy-switch.ng-leave,
.diy-switch.ng-leave.ng-leave-active {
    display: none;
}

.diy-switch.ng-enter {
    opacity: 0;
}

    .diy-switch.ng-enter.ng-enter-active {
        opacity: 1;
    }


.animate-show-hide.ng-animate {
    -webkit-transition: all linear 0.25s;
    transition: all linear 0.25s;
}

.animate-show-hide.ng-hide {
    opacity: 0;
}

.animate-show-hide.ng-show {
    opacity: 1;
}

.swal2-popup {
    font-size: 1.5rem;
    grid-auto-columns: 100%;
}

.swal2-container {
    z-index: 2060 !important;
}

.swal2-validation-message {
    width: 100%;
    margin: 0;
}

.area-cost {
}

.assembly-cost {
}

.contract-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

    .contract-flex.assembly-flex {
        flex-direction: column;
        align-items: start;
        row-gap: 5px;
    }

    .contract-flex.area-flex {
        column-gap: 10px;
    }

.area-flex .area-data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: x-small;
}

.assembly-flex .assembly-data {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
    width: 100%;
}

button.k-diy-item-no-data-add {
    margin-left: 10px;
}

.landing-page .nav > li > a {
    color: #337ab7;
}

.subscribe-selection {
    display: flex;
    gap: 60px;
    width: 100%;
    flex-wrap: wrap;
}

.subscribe-selection-column {
    flex: 1 1 calc(50% - 30px);
}

li .badges {
    position: absolute;
}

    li .badges.assembly {
        right: 10px;
    }

    li .badges.division {
        right: 50px;
    }

.k-panelbar .k-item .k-group .k-item:nth-child(odd) {
    background-color: #f9f9f9; /* Light background for odd items */
}

.k-panelbar .k-item .k-group .k-item:nth-child(even) {
    background-color: #e9e9e9; /* Slightly darker background for even items */
}

.k-panelbar .k-item .k-group .k-item .k-link:hover {
    background-color: #c8e1ff; /* Highlight color on hover */
}

.btn-remove-division:hover {
    color: #ec4758; /* Highlight color on hover */
}

/*li .badges .badge-success:hover {
    btn-link:hover
    background-color: #d1dade;
}*/

ol.instructions {
    font-size: 1em;
}

    ol.instructions > li {
        margin-bottom: 10px;
    }

.k-wizard-step .k-radio-label {
    font-weight: 400;
    font-size: large;
}

.k-wizard-step .k-label.k-form-label {
    margin-bottom: 5px;
    font-size: large;
}

.italic {
    font-style: italic;
}

.k-radio {
    border-color: rgb(103, 106, 108) !important;
}

.k-wizard-step .k-radio {
    align-self: start !important;
}

.ibox-title, .ibox-content:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.ibox-footer, .ibox-content:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

a.navbar-minimalize {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/*.nav > li > a {
    color: #ececef;
}*/

.nav-header > .dropdown.profile-element > .img-circle {
    max-width: 100px;
}

.font-light {
    color: #ececef;
}


.k-panelbar > .k-item > .k-link, .k-panelbar > .k-panelbar-header > .k-link {
    font-weight: 510 !important;
}


a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading > h3 {
    color: #1ab394;
}