:root {
    --border-radius: 4px;
    --border-radius-1: var(--border-radius);
    --border-radius-3: var(--border-radius);
    --border-radius-4: var(--border-radius);
    --border-radius-lg: 8px;
    --border-radius-5: var(--border-radius-lg);
    --border-radius-6: var(--border-radius-lg);
    --border-radius-7: var(--border-radius-lg);
    --border-radius-8: var(--border-radius-lg);
    --border-radius-9: var(--border-radius-lg);
    --border-radius-10: var(--border-radius-lg);

    --inputs-h: 34px;
    --inputs-h-sm: 30px;

    --font-size: 13px;
    --font-size-sm: 12px;

    --soft-shdw: 0 4px 18px -2px rgb(49 52 85 / 10%);
    --normal-shdw: 0 6px 20px -3px rgb(49 52 85 / 12%);
    --normal-shdw-up: 0 -6px 20px -3px rgb(49 52 85 / 12%);
    --hard-shdw: 0 20px 52px -10px rgb(49 52 85 / 15%);


    --brand-col: #169148;

    --dark-link-text: #2e3e4e;
    --default-text: #6a7077;
    --disabled-text: #B6B6B6;

    --white-col: #ffffff;
    --black-col: #000000;
    --danger-col: #ff4c34;
    --warning-col: #ffb800;
    --info-col: #00baf1;
    --success-col: #65bb30;

    --gray-light-col: #f7f7f7;
    --gray-on-white-col: #ececec;
    --gray-on-gray-col: #e4e4e4;

    --neutral-5: hsl(0, 0%, 5%);
    --neutral-10: hsl(0, 0%, 10%);
    --neutral-15: hsl(0, 0%, 15%);
    --neutral-20: hsl(0, 0%, 20%);
    --neutral-30: hsl(0, 0%, 30%);
    --neutral-40: var(--default-text);
    --neutral-50: hsl(0, 0%, 50%);
    --neutral-60: var(--disabled-text);
    --neutral-70: hsl(0, 0%, 70%);
    --neutral-80: hsl(0, 0%, 80%);
    --neutral-85: hsl(0, 0%, 85%);
    --neutral-90: var(--gray-on-gray-col);
    --neutral-93: var(--gray-on-white-col);
    --neutral-95: var(--gray-light-col);
    --neutral-100: var(--gray-light-col);

    --red-30: hsl(7, 100%, 30%);
    --red-40: hsl(7, 100%, 40%);
    --red-50: hsl(7, 100%, 50%);
    --red-60: var(--danger-col);
    --red-70: var(--danger-col);
    --red-80: hsl(7, 100%, 80%);
    --red-85: hsl(7, 100%, 85%);
    --red-90: hsl(7, 100%, 90%);
    --red-95: hsl(7, 100%, 95%);

    --orange-30: hsl(42, 100%, 30%);
    --orange-40: hsl(42, 100%, 40%);
    --orange-50: hsl(42, 100%, 50%);
    --orange-60: var(--warning-col);
    --orange-70: hsl(42, 100%, 70%);
    --orange-80: hsl(42, 100%, 80%);
    --orange-85: hsl(42, 100%, 85%);
    --orange-90: hsl(42, 100%, 90%);
    --orange-95: hsl(42, 100%, 95%);

    --lime-30: hsl(97, 59%, 30%);
    --lime-40: var(--success-col);
    --lime-50: var(--success-col);
    --lime-60: hsl(97, 59%, 60%);
    --lime-70: hsl(97, 59%, 70%);
    --lime-80: hsl(97, 59%, 80%);
    --lime-85: hsl(97, 59%, 85%);
    --lime-90: hsl(97, 59%, 90%);
    --lime-95: hsl(97, 59%, 95%);

    --green-30: hsl(144, 74%, 30%);
    --green-40: var(--brand-col);
    --green-50: hsl(144, 74%, 50%);
    --green-60: hsl(144, 74%, 60%);
    --green-70: hsl(144, 74%, 70%);
    --green-80: hsl(144, 74%, 80%);
    --green-85: hsl(144, 74%, 85%);
    --green-90: hsl(144, 74%, 90%);
    --green-95: hsl(144, 74%, 95%);

    --cyan-30: hsl(194, 100%, 30%);
    --cyan-40: hsl(194, 100%, 40%);
    --cyan-50: var(--info-col);
    --cyan-60: var(--info-col);
    --cyan-70: hsl(194, 100%, 70%);
    --cyan-80: hsl(194, 100%, 80%);
    --cyan-85: hsl(194, 100%, 85%);
    --cyan-90: hsl(194, 100%, 90%);
    --cyan-95: hsl(194, 100%, 95%);

    --blue-30: hsl(210, 80%, 30%);
    --blue-40: hsl(210, 80%, 40%);
    --blue-50: hsl(210, 80%, 50%);
    --blue-60: hsl(210, 80%, 60%);
    --blue-70: hsl(210, 80%, 70%);
    --blue-80: hsl(210, 80%, 80%);
    --blue-85: hsl(210, 80%, 85%);
    --blue-90: hsl(210, 80%, 90%);
    --blue-95: hsl(210, 80%, 95%);

    --purple-30: hsl(290, 100%, 30%);
    --purple-40: hsl(290, 100%, 40%);
    --purple-50: hsl(290, 100%, 50%);
    --purple-60: hsl(290, 100%, 60%);
    --purple-70: hsl(290, 100%, 70%);
    --purple-80: hsl(290, 100%, 80%);
    --purple-85: hsl(290, 100%, 85%);
    --purple-90: hsl(290, 100%, 90%);
    --purple-95: hsl(290, 100%, 95%);

    --neutralblue-10: hsl(210, 26%, 10%);
    --neutralblue-20: var(--dark-link-text);
    --neutralblue-30: hsl(210, 26%, 30%);
    --neutralblue-40: hsl(210, 26%, 40%);
    --neutralblue-50: hsl(210, 26%, 50%);
    --neutralblue-60: hsl(210, 26%, 60%);
    --neutralblue-70: hsl(210, 26%, 70%);
    --neutralblue-80: hsl(210, 26%, 80%);
    --neutralblue-90: hsl(210, 26%, 90%);
}

@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;700&display=swap');

html {
    background-color: var(--gray-light-col);
    overflow-x: hidden;
}

body {
    font-family: "Figtree", Helvetica, Arial, sans-serif;
    font-size: var(--font-size);
    color: var(--default-text);
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
}

a {
    color: var(--dark-link-text);
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--neutralblue-40);
    text-decoration: none;
}

.vbox > .scrollable.p-sides-15 {
    padding-top: 15px;
}

.vbox > .scrollable.p-sides-10 {
    padding-top: 10px;
}

.badge {
    background-color: var(--neutral-70);
}

.badge.up {
    position: relative;
    top: -10px;
    padding: 3px 6px;
}

.messeges-counter{
    position: absolute!important;
    top: 10px!important;
    right: 5px;
}

.filter-counter {
    position: absolute !important;
    top: -5px !important;
    right: -5px;
}

.filter-counter.bg-danger {
    background-color: var(--danger-col);
    color: var(--white-col);
}

.badge.down {
    position: relative;
    bottom: -10px;
    padding: 3px 6px;
}

.badge-sm {
    font-size: 85%;
    padding: 2px 5px !important;
}

label {
    font-weight: normal;
}

.label-sm {
    padding-top: 0;
    padding-bottom: 0;
}

.text-primary {
    color: var(--brand-col) !important;
}

.text-info {
    color: var(--cyan-50);
}

.text-success {
    color: var(--lime-60);
}

.text-warning {
    color: var(--warning-col);
}

.text-danger {
    color: var(--danger-col);
}

.text-light {
    color: var(--neutral-95);
}

.text-white {
    color: var(--white-col)!important;
}

.text-dark {
    color: var(--dark-link-text);
}

.text-muted,
.text-disabled {
    color: var(--disabled-text);
}

small {
    font-size: 90%;
}

.badge-white {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.35);
    padding: 2px 6px;
}

.badge-hollow {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: inherit;
}

.caret-white {
    border-top-color: var(--white-col);
    border-top-color: rgba(255, 255, 255, 0.65);
}

a:hover .caret-white {
    border-top-color: var(--white-col);
}

.tooltip {

    opacity: 1 !important;
}


.tooltip.fade.in {
    z-index: 9999999;
}
.tooltip-inner {
    background-color: rgba(0, 0, 0, 0.9);
    background-color: var(--dark-link-text);
}

.tooltip.top .tooltip-arrow {
    border-top-color: rgba(0, 0, 0, 0.9);
    border-top-color: var(--dark-link-text);
}

.tooltip.right .tooltip-arrow {
    border-right-color: rgba(0, 0, 0, 0.9);
    border-right-color: var(--dark-link-text);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgba(0, 0, 0, 0.9);
    border-bottom-color: var(--dark-link-text);
}

.tooltip.left .tooltip-arrow {
    border-left-color: rgba(0, 0, 0, 0.9);
    border-left-color: var(--dark-link-text);
}

.popover-content {
    font-size: 12px;
    line-height: 1.5;
}

.progress-xs {
    height: 6px;
}

.progress-sm {
    height: 10px;
}

.progress-sm .progress-bar {
    font-size: 10px;
    line-height: 1em;
}

.breadcrumb {
    background-color: var(--white-col);
    border: 1px solid var(--neutral-90);
    padding-left: 10px;
    font-size: 12px;
    margin-bottom: 10px;
    display: none;
}

.breadcrumb a {
    color: var(--neutral-60);
}

.accordion-group,
.accordion-inner {
    border-color: var(--neutral-90);
    border-radius: var(--border-radius);
}

.alert {
    font-size: 85%;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.alert .close i {
    font-size: 12px;
    font-weight: normal;
    display: block;
}

.form-control {
    border-color: var(--gray-on-gray-col);
    border-radius: var(--border-radius);
}

.form-control,
.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control:focus {
    border-color: var(--brand-col);
}

.input-s-sm {
    width: 120px;
}

.input-s {
    width: 200px;
}

.input-s-lg {
    width: 250px;
}

.input-group-addon {
    border-color: var(--neutral-85);
    background-color: var(--neutral-100);
}

.list-group {
    border-radius: var(--border-radius);
}

.list-group.no-radius .list-group-item {
    border-radius: 0 !important;
}

.list-group.no-borders .list-group-item {
    border: none;
}

.list-group.no-border .list-group-item {
    border-width: 1px 0;
}

.list-group.no-bg .list-group-item {
    background-color: transparent;
}

.list-group-item {
    border-color: var(--neutral-90);
    padding-right: 15px;
}

.list-group-item.media {
    margin-top: 0;
}

.list-group-item.active {
    color: var(--white-col);
    border-color: var(--green-60) !important;
    background-color: var(--green-60) !important;
}

.list-group-item.active .text-muted {
    color: var(--green-90);
}

.list-group-item.active a {
    color: var(--white-col);
}

.list-group-alt .list-group-item:nth-child(2n+2) {
    background-color: rgba(0, 0, 0, 0.02);
}

.list-group-lg .list-group-item {
    padding-top: 15px;
    padding-bottom: 15px;
}

.list-group-sp .list-group-item {
    margin-bottom: 5px;
    border-radius: var(--border-radius-3);
}

.list-group-item > .badge {
    margin-right: 0;
}

.list-group-item > .fa-chevron-right {
    float: right;
    margin-top: 4px;
    margin-right: -5px;
}

.list-group-item > .fa-chevron-right + .badge {
    margin-right: 5px;
}

.nav-pills.no-radius > li > a {
    border-radius: 0;
}

.nav-pills > li.active > a {
    color: var(--white-col) !important;
    background-color: var(--cyan-50) !important;
}

.nav.nav-sm > li > a {
    padding: 6px 8px;
}

.nav .avatar {
    width: 30px;
    margin-top: -5px;
    margin-right: 5px;
}

.panel {
    border-radius: var(--border-radius);
}

.panel.panel-default {
    border-color: var(--neutral-90);
}

.panel.panel-default > .panel-heading,
.panel.panel-default > .panel-footer {
    border-color: var(--neutral-90);
}

.panel .list-group-item {
    border-color: var(--neutral-93);
}

.panel.no-borders {
    border-width: 0;
}

.panel.no-borders .panel-heading,
.panel.no-borders .panel-footer {
    border-width: 0;
}

.panel .table td,
.panel .table th {
    padding: 6px 15px;
    border-top: 1px solid var(--neutral-95);
}

.panel .table thead > tr > th {
    border-bottom: 1px solid var(--gray-on-white-col);
}

.panel .table-striped > tbody > tr:nth-child(odd) > td,
.panel .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: var(--neutral-100);
}

.panel .table-striped > thead th {
    background: var(--neutral-95);
    border-right: 1px solid var(--neutral-95);
}

.panel .table-striped > thead th:last-child {
    border-right: none;
}

.panel-heading {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.panel-heading.no-border {
    margin: -1px -1px 0 -1px;
    border: none;
}

.panel-heading .nav {
    font-size: var(--font-size);
    margin: -10px -15px -11px;
    border: none;
}

.panel-heading .nav > li > a {
    border-radius: 0;
    margin: 0;
    border-width: 0;
}

.panel-heading .nav-tabs.nav-justified {
    width: auto;
}

.panel-heading .nav-tabs.nav-justified > li:first-child > a,
.panel-heading .nav-tabs.pull-left > li:first-child > a {
    border-radius: var(--border-radius) 0 0 0;
}

.panel-heading .nav-tabs.nav-justified > li:last-child > a,
.panel-heading .nav-tabs.pull-right > li:last-child > a {
    border-radius: 0 var(--border-radius) 0 0;
}

.panel-heading .nav-tabs > li > a {
    line-height: 1.5;
}

.panel-heading .nav-tabs > li > a:hover,
.panel-heading .nav-tabs > li > a:focus {
    border-width: 0;
    background: transparent;
    border-color: transparent;
}

.panel-heading .nav-tabs > li.active > a,
.panel-heading .nav-tabs > li.active > a:hover,
.panel-heading .nav-tabs > li.active > a:focus {
    color: var(--default-text);
    background: var(--white-col);
}

.panel-heading .list-group {
    background: transparent;
}

.panel-footer {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid var(--neutral-93);
}

.open {
    z-index: 1050;
    position: relative;
}

.dropdown-menu {
    font-size: var(--font-size);
    border-radius: var(--border-radius);
    box-shadow: var(--normal-shdw);
    border: 1px solid var(--neutral-85);
    max-height: 300px;
    overflow-y: auto;
}

.dropdown-menu.pull-left {
    left: 100%;
}

.dropdown-menu > .panel {
    border: none;
    margin: -5px 0;
}

.dropdown-menu > li > a {
    padding: 5px 15px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-image: none;
    filter: none;
    background-color: var(--neutral-95) !important;
    color: var(--brand-col);
}

.dropdown-menu > li > span {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: var(--neutral-20);
    white-space: nowrap;
    cursor: pointer;
    padding: 5px 15px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dropdown-menu > li > span:hover {
    background-image: none;
    filter: none;
    background-color: var(--neutral-95) !important;
    color: var(--brand-col);
}

.dropdown-header {
    padding: 5px 15px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background-color: var(--neutral-95) !important;
    color: var(--brand-col);
}

.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus > .dropdown-menu {
    display: block;
}

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

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

.dropdown-submenu .dropdown-menu {
    left: 100%;
    top: 0;
    margin-top: -6px;
    margin-left: -1px;
}

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
}

.dropdown-select > li > a input {
    position: absolute;
    left: -9999em;
}

.carousel-control {
    width: 40px;
    color: var(--neutral-60);
    text-shadow: none;
}

.carousel-control:hover,
.carousel-control:focus {
    color: var(--neutral-80);
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
    filter: none;
}

.carousel-control i {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
}

.carousel-indicators.out {
    bottom: -5px;
}

.carousel-indicators li {
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
    background: var(--neutral-85);
    background-color: rgba(0, 0, 0, 0.2);
    border: none;
}

.carousel-indicators .active {
    background: var(--neutral-93);
    background-color: rgba(200, 200, 200, 0.2);
    width: 10px;
    height: 10px;
    margin: 1px;
}

.carousel.carousel-fade .item {
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel.carousel-fade .active {
    opacity: 1;
    filter: alpha(opacity=1);
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
    left: 0;
    z-index: 1;
}

.carousel.carousel-fade .carousel-control {
    z-index: 3;
}

.col-lg-2-4 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-0 {
    clear: left;
}

.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.no-gutter [class*="col"] {
    padding: 0;
}

.modal-backdrop {
    background-color: var(--dark-link-text);
}

.modal-backdrop.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.modal-over {
    width: 100%;
    height: 100%;
    position: relative;
    background: var(--dark-link-text);
}

.modal-center {
    position: absolute;
    left: 50%;
    top: 50%;
}

.icon-muted {
    color: var(--neutral-80);
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: transparent;
}

.navbar-fixed-top + * {
    padding-top: 50px;
}

@media (min-width: 768px) {
    body.container {
        -webkit-box-shadow: 0 3px 60px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 60px rgba(0, 0, 0, 0.3);
        border-left: 1px solid var(--neutral-80);
        border-right: 1px solid var(--neutral-80);
    }

    .app,
    .app body {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .app .hbox.stretch {
        height: 100%;
    }

    .app .vbox > section,
    .app .vbox > footer {
        position: absolute;
    }

    .app .vbox.flex > section > section {
        overflow: auto;
    }

    .hbox {
        display: table;
        table-layout: fixed;
        border-spacing: 0;
        width: 100%;
    }

    .hbox > aside,
    .hbox > section {
        display: table-cell;
        vertical-align: top;
        height: 100%;
        padding: 0;
        float: none;
    }

    .hbox > aside.show,
    .hbox > aside.hidden-sm,
    .hbox > section.show,
    .hbox > section.hidden-sm {
        display: table-cell !important;
    }

    .vbox {
        display: table;
        border-spacing: 0;
        position: relative;
        height: 100%;
        width: 100%;
    }

    .vbox > section,
    .vbox > footer {
        top: 0;
        bottom: 0;
        width: 100%;
    }

    .vbox > header ~ section {
        top: 50px;
    }

    .vbox > section.w-f {
        bottom: 50px;
    }

    .vbox > footer {
        top: auto;
        z-index: 1000;
    }

    .vbox > footer ~ section {
        bottom: 50px;
    }

    .vbox.flex > header,
    .vbox.flex > section,
    .vbox.flex > footer {
        position: inherit;
    }

    .vbox.flex > section {
        display: table-row;
        height: 100%;
    }

    .vbox.flex > section > section {
        position: relative;
        height: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .ie .vbox.flex > section > section {
        display: table-cell;
    }

    .vbox.flex > section > section > section {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .aside-xs {
        width: 48px;
    }

    .aside {
        width: 180px;
    }

    .aside-sm {
        width: 150px;
    }

    .aside-md {
        width: 230px;
    }

    .aside-lg {
        width: 250px;
    }

    .profile-badge {
        width: 300px;
    }

    .aside-xl {
        width: 300px;
    }

    .aside-xxl {
        width: 450px;
    }

    .scrollable {
        -webkit-overflow-scrolling: touch;
    }

    ::-webkit-scrollbar {
        width: 10px;
        height: 7px;
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(50, 50, 50, 0.3);
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(50, 50, 50, 0.6);
    }

    ::-webkit-scrollbar-track {
        background-color: rgba(50, 50, 50, 0.1);
    }

    ::-webkit-scrollbar-track:hover {
        background-color: rgba(50, 50, 50, 0.2);
    }
}

.hbox > aside,
.hbox > section {
    padding: 0 !important;
}

.header,
.footer {
    min-height: 50px;
    padding: 0 15px;
}

.header > p,
.footer > p {
    margin-top: 15px;
    display: inline-block;
}

.header > .btn,
.header > .btn-group,
.header > .btn-toolbar,
.footer > .btn,
.footer > .btn-group,
.footer > .btn-toolbar {
    margin-top: 10px;
}

.header > .btn-lg,
.footer > .btn-lg {
    margin-top: 0;
}

.header .nav-tabs,
.footer .nav-tabs {
    border: none;
    margin-left: -15px;
    margin-right: -15px;
}

.header .nav-tabs > li a,
.footer .nav-tabs > li a {
    border: none !important;
    border-radius: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
}

.header .nav-tabs > li a:hover,
.header .nav-tabs > li a:focus,
.footer .nav-tabs > li a:hover,
.footer .nav-tabs > li a:focus {
    background-color: transparent;
}

.header .nav-tabs > li.active a,
.footer .nav-tabs > li.active a {
    color: var(--default-text);
}

.header .nav-tabs > li.active a,
.header .nav-tabs > li.active a:hover,
.footer .nav-tabs > li.active a,
.footer .nav-tabs > li.active a:hover {
    background-color: var(--gray-light-col);
}

.header .nav-tabs.nav-white > li.active a,
.header .nav-tabs.nav-white > li.active a:hover,
.footer .nav-tabs.nav-white > li.active a,
.footer .nav-tabs.nav-white > li.active a:hover {
    background-color: var(--white-col);
}

.header.navbar,
.footer.navbar {
    min-height: 0;
    border-radius: 0;
    border: none;
    margin-bottom: 0;
    padding: 0;
}

body.container {
    padding: 0;
}

.scrollable {
    overflow-x: hidden;
    overflow-y: auto;
}

.no-touch .scrollable.hover {
    overflow-y: hidden;
}

.no-touch .scrollable.hover:hover {
    overflow: visible;
    overflow-y: auto;
}

@media print {
    html,
    body,
    .hbox,
    .vbox {
        height: auto;
    }

    .vbox > section,
    .vbox > footer {
        position: relative;
    }
}

.slimScrollBar {
    border-radius: 0 !important;
}

.navbar-header {
    position: relative;
}

.navbar-header > .btn {
    /* position: absolute; */
    font-size: 1.3em;
    padding: 9px 16px;
    line-height: 30px;
    left: 0;
}

.navbar-header .navbar-brand + .btn {
    right: 0;
    top: 0;
    left: auto;
}

.navbar-brand {
    float: none;
    text-align: center;
    font-size: 20px;
    line-height: 50px;
    display: inline-block;
    padding: 0 15px;
    font-weight: bold;
}

.navbar-brand:hover {
    text-decoration: none;
}

.navbar-brand img {
    max-height: 20px;
    margin-top: -4px;
    vertical-align: middle;
}

.nav-primary {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.bg-light .nav-primary {
    border-bottom: 1px solid var(--neutral-90);
}

.nav-primary li {
    line-height: 1.5;
}

.nav-primary li > a > i {
    margin: -12px -15px;
    line-height: 44px;
    width: 40px;
    float: left;
    margin-right: 5px;
    font-size: var(--font-size);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    text-align: center;
    position: relative;
    overflow: hidden;
}

.nav-primary li > a > i:before {
    position: relative;
    z-index: 2;
}

.nav-primary li > a > i > b {
    position: absolute;
    left: -42px;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: left .25s;
    transition: left .25s;
}

.nav-primary ul.nav > li > a {
    padding: 11px 12px 11px 15px;
    position: relative;
    font-weight: bold;
    font-size: var(--font-size);
    border-top: 1px solid transparent;
    border-color: rgba(255, 255, 255, 0.05);
    transition: color .3s ease-in-out 0s;
}

.no-borders .nav-primary ul.nav > li > a {
    border-width: 0 !important;
}

.nav-primary ul.nav > li > a > .badge {
    font-size: 11px;
    padding: 3px 6px;
    margin-top: 2px;
}

.bg-light .nav-primary ul.nav > li > a {
    color: var(--default-text) !important;
    border-color: var(--gray-on-white-col);
}

.bg-light .nav-primary ul.nav > li > a > i {
    color: var(--neutral-60);
    border-right: 1px solid var(--gray-on-white-col);
}

.nav-primary ul.nav > li > a.active .text {
    display: none;
}

.nav-primary ul.nav > li > a.active .text-active {
    display: inline-block !important;
}

.nav-primary ul.nav > li:hover > a,
.nav-primary ul.nav > li:focus > a,
.nav-primary ul.nav > li > a:hover,
.nav-primary ul.nav > li > a:focus,
.nav-primary ul.nav > li > a:active,
.nav-primary ul.nav > li.active > a,
.nav-primary ul.nav > li.current-active > a
{
    color: var(--white-col);
    background-color: inherit;
    background-color: rgba(0, 0, 0, 0.05) !important;
    text-shadow: none;
}

.nav-primary ul.nav > li.inactive > a {
    background-color: inherit !important;
}

.nav-primary ul.nav > li.inactive > a:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.nav-primary ul.nav > li:hover > a > i.icon,
.nav-primary ul.nav > li:focus > a > i.icon,
.nav-primary ul.nav > li > a:hover > i.icon,
.nav-primary ul.nav > li > a:focus > i.icon,
.nav-primary ul.nav > li > a:active > i.icon,
.nav-primary ul.nav > li.active > a > i.icon {
    color: var(--white-col);
}

.nav-primary ul.nav > li:hover > a > i > b,
.nav-primary ul.nav > li:focus > a > i > b,
.nav-primary ul.nav > li > a:hover > i > b,
.nav-primary ul.nav > li > a:focus > i > b,
.nav-primary ul.nav > li > a:active > i > b,
.nav-primary ul.nav > li.active > a > i > b {
    left: 0 !important;
}

.nav-primary ul.nav > li li a {
    font-weight: normal;
    text-transform: none;
    font-size: var(--font-size);
}


/*.nav-primary ul.nav > li.active > ul {*/
aside:not(.nav-xs) .nav-primary ul.nav > li.active > ul,
aside:not(.nav-xs) .nav-primary ul.nav > li.current-active > ul
{
    display: block;
}

.nav-primary ul.nav ul {
    display: none;
}

/* menu nav-xs min */
@media (min-width: 768px) {
    .visible-nav-xs {
        display: none;
    }

    .nav-xs {
        width: 60px;
    }

    .nav-xs .slimScrollDiv,
    .nav-xs .slim-scroll {
        overflow: visible !important;
    }

    .nav-xs .slimScrollBar,
    .nav-xs .slimScrollRail {
        display: none !important;
    }

    .nav-xs .scrollable {
        overflow: visible;
    }

    .nav-xs .nav-primary > ul > li > a {
        position: relative;
        padding: 0;
        font-size: 11px;
        text-align: center;
        height: 60px;
        overflow-y: hidden;
        overflow-x: hidden;
        border: none;
    }

    .nav-xs .nav-primary > ul > li > a span {
        color: var(--white-col) !important;
        display: table-cell;
        vertical-align: middle;
        height: 60px;
        width: 60px;
        position: relative;
        z-index: 2;
    }

    .nav-xs .nav-primary > ul > li > a span.pull-right {
        display: none !important;
    }

    .nav-xs .nav-primary > ul > li > a i {
        width: auto;
        float: none;
        display: block;
        font-size: 19px;
        margin: 0;
        line-height: 60px;
        border: none !important;
        color: var(--white-col) !important;
        overflow: visible;
        -webkit-transition: margin-top 0.2s;
        transition: margin-top 0.2s;
    }

    .nav-xs .nav-primary > ul > li > a i b {
        left: 0 !important;
        -webkit-transition: top 0.2s;
        transition: top 0.2s;
    }

    .nav-xs .nav-primary > ul > li > a .badge {
        position: absolute;
        right: 6px;
        top: 4px;
        z-index: 3;
    }

    .nav-xs .nav-primary > ul > li:hover > a i,
    .nav-xs .nav-primary > ul > li:focus > a i,
    .nav-xs .nav-primary > ul > li:active > a i,
    .nav-xs .nav-primary > ul > li.active > a i,
    .nav-xs .nav-primary > ul > li.current-active > a i
    {
        margin-top: -60px;
    }

    .nav-xs .nav-primary > ul > li:hover > a i b,
    .nav-xs .nav-primary > ul > li:focus > a i b,
    .nav-xs .nav-primary > ul > li:active > a i b,
    .nav-xs .nav-primary > ul > li.active > a i b,
    .nav-xs .nav-primary > ul > li.current-active > a i b
    {
        height: 60px;
        top: 60px;
    }

    .nav-main-sidebar.nav-xs li.nav-block{
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .nav-xs .nav-primary > ul ul {
        display: none !important;
        position: absolute;
        left: 100%;
        top: 0px;
        z-index: 1050;
        width: 220px;
        box-shadow: var(--normal-shdw);
        /*border: 1px solid #ddd;*/
        border: 1px solid rgba(0, 0, 0, 0.1);
        background-clip: padding-box;
    }

    /*!*sub menu without slimScrollDiv*!*/
    /*.nav-xs section.scrollable > div.slim-scroll:not(.slimScrollDiv) .nav-primary ul[data-deep="1"] {*/
    /*    left: 59px*/
    /*}*/
    /*.nav-xs section.scrollable > div.slim-scroll:not(.slimScrollDiv) .nav-primary ul[data-deep="2"] {*/
    /*    left: 277px !important;*/
    /*}*/
    /*!*sub menu wit slimScrollDiv*!*/
    /*.nav-xs section.scrollable > div.slimScrollDiv div.slim-scroll .nav-primary ul[data-deep="1"] {*/
    /*    left: 64px*/
    /*}*/
    /*.nav-xs section.scrollable > div.slimScrollDiv div.slim-scroll .nav-primary ul[data-deep="2"] {*/
    /*    left: 282px !important;*/
    /*}*/

    /* off hover only js allow */
    .nav-xs .nav-primary li:hover > ul,
    .nav-xs .nav-primary li:focus > ul,
    .nav-xs .nav-primary li:active > ul {
        display: block !important;
    }

    .nav-xs.nav-xs-right .nav-primary > ul ul {
        left: auto;
        right: 100%;
    }

    .nav-xs > .vbox > .header,
    .nav-xs > .vbox > .footer {
        padding: 0 15px;
    }

    .nav-xs .hidden-nav-xs {
        display: none;
    }

    .nav-xs .visible-nav-xs {
        display: inherit;
    }

    .nav-xs .nav-user {
        padding: 12px 0;
    }

    .nav-xs .nav-user .avatar {
        float: none !important;
        margin-right: 0;
    }

    .nav-xs .nav-user .dropdown > a {
        display: block;
        text-align: center;
    }

    .nav-xs .navbar-header {
        float: none;
    }

    .nav-xs .navbar-brand {
        display: block;
        padding: 0;
    }

    .nav-xs .navbar-brand img {
        margin-right: 0;
    }

    .nav-xs .navbar {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .navbar-fixed-top-xs {
        position: fixed;
        left: 0;
        width: 100%;
        z-index: 1100;
    }

    .navbar-fixed-top-xs + * {
        padding-top: 50px;
    }

    html,
    body {
        min-height: 100%;
        overflow-x: hidden;
    }

    .open,
    .open body {
        height: 100%;
    }

    .nav-primary .dropdown-menu {
        position: relative;
        float: none;
        left: 0;
        margin-left: 0;
        padding: 0;
    }

    .nav-primary .dropdown-menu a {
        padding: 15px;
        border-bottom: 1px solid var(--neutral-93);
    }

    .nav-primary .dropdown-menu li:last-child a {
        border-bottom: none;
    }

    .navbar-header {
        text-align: center;
    }

    .nav-user {
        margin: 0;
        padding: 15px;
    }

    .nav-user.open {
        display: inherit !important;
    }

    .nav-user .dropdown-menu {
        display: block;
        position: static;
        float: none;
    }

    .nav-user .dropdown > a {
        display: block;
        text-align: center;
        font-size: 18px;
        padding-bottom: 10px;
    }

    .nav-user .avatar {
        width: 160px !important;
        float: none !important;
        display: block;
        margin: 20px auto;
        padding: 5px;
        background-color: rgba(255, 255, 255, 0.1);
        position: relative;
    }

    .nav-user .avatar:before {
        content: "";
        position: absolute;
        left: 5px;
        right: 5px;
        bottom: 5px;
        top: 5px;
        border: 4px solid var(--white-col);
        border-radius: 500px;
    }

    .nav-off-screen {
        display: block !important;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 75%;
        visibility: visible;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .nav-off-screen .nav-primary {
        display: block !important;
    }

    .nav-off-screen .navbar-fixed-top-xs {
        width: 75%;
    }

    .nav-off-screen.push-right .navbar-fixed-top-xs {
        left: 25%;
    }

    .nav-off-screen.push-right {
        left: auto;
        right: 0;
    }

    .nav-off-screen.push-right + * {
        -webkit-transform: translate3d(-75%, 0px, 0px);
        transform: translate3d(-75%, 0px, 0px);
    }

    .nav-off-screen + * {
        background-color: var(--gray-light-col);
        -webkit-transition: -webkit-transform 0.2s ease-in-out;
        -moz-transition: -moz-transform 0.2s ease-in-out;
        -o-transition: -o-transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate3d(75%, 0px, 0px);
        transform: translate3d(75%, 0px, 0px);
        overflow: hidden;
        position: absolute;
        width: 100%;
        top: 0px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
    }

    .nav-off-screen + * .nav-off-screen-block {
        display: block !important;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1950;
    }

    .navbar + section .nav-off-screen {
        top: 50px;
    }

    .navbar + section .nav-off-screen + * {
        top: 50px;
    }

    .slimScrollDiv,
    .slim-scroll {
        overflow: visible !important;
        height: auto !important;
    }

    .slimScrollBar,
    .slimScrollRail {
        display: none !important;
    }
}

.arrow {
    border-width: 8px;
    z-index: 10;
}

.arrow,
.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.arrow:after {
    border-width: 7px;
    content: "";
}

.arrow.top {
    left: 50%;
    margin-left: -8px;
    border-top-width: 0;
    border-bottom-color: var(--neutral-93);
    border-bottom-color: rgba(0, 0, 0, 0.1);
    top: -8px;
}

.arrow.top.top-right {
    left: auto;
    right: 3%;
}

.arrow.top:after {
    content: " ";
    top: 1px;
    margin-left: -7px;
    border-top-width: 0;
    border-bottom-color: var(--white-col);
}

.arrow.right {
    top: 50%;
    right: -8px;
    margin-top: -8px;
    border-right-width: 0;
    border-left-color: var(--neutral-93);
    border-left-color: rgba(0, 0, 0, 0.1);
}

.arrow.right:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: var(--white-col);
    bottom: -7px;
}

.arrow.bottom {
    left: 50%;
    margin-left: -8px;
    border-bottom-width: 0;
    border-top-color: var(--neutral-93);
    border-top-color: rgba(0, 0, 0, 0.1);
    bottom: -8px;
}

.arrow.bottom:after {
    content: " ";
    bottom: 1px;
    margin-left: -7px;
    border-bottom-width: 0;
    border-top-color: var(--white-col);
}

.arrow.left {
    top: 50%;
    left: -8px;
    margin-top: -8px;
    border-left-width: 0;
    border-right-color: var(--neutral-93);
    border-right-color: rgba(0, 0, 0, 0.1);
}

.arrow.left:after {
    content: " ";
    left: 1px;
    border-left-width: 0;
    border-right-color: var(--white-col);
    bottom: -7px;
}

.btn-link {
    color: var(--default-text);
}

.btn-link.active {
    webkit-box-shadow: none;
    box-shadow: none;
}

.btn-default {
    color: var(--default-text) !important;
    background-color: var(--neutral-100);
    border-color: var(--gray-on-gray-col);
    box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: var(--default-text) !important;
    background-color: var(--neutral-93);
    border-color: var(--neutral-80);
}

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

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
    background-color: var(--neutral-100);
    border-color: var(--neutral-85);
}

.btn-default.btn-bg {
    border-color: rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

.btn-primary {
    color: var(--white-col) !important;
    background-color: var(--green-60);
    border-color: var(--green-60);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: var(--white-col) !important;
    background-color: var(--green-50);
    border-color: var(--green-50);
}

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

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    background-color: var(--green-60);
    border-color: var(--green-60);
}

.btn-success {
    color: var(--white-col) !important;
    background-color: var(--lime-60);
    border-color: var(--lime-60);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: var(--white-col) !important;
    background-color: var(--lime-50);
    border-color: var(--lime-50);
}

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

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
    background-color: var(--lime-60);
    border-color: var(--lime-60);
}

.btn-info {
    color: var(--white-col) !important;
    background-color: var(--cyan-50);
    border-color: var(--cyan-50);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: var(--white-col) !important;
    background-color: var(--cyan-50);
    border-color: var(--cyan-50);
}

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

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
    background-color: var(--cyan-50);
    border-color: var(--cyan-50);
}

.btn-warning {
    color: var(--white-col) !important;
    background-color: var(--warning-col);
    border-color: var(--warning-col);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: var(--white-col) !important;
    background-color: var(--orange-60);
    border-color: var(--orange-50);
}

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

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
    background-color: var(--warning-col);
    border-color: var(--warning-col);
}

.btn-danger {
    color: var(--white-col) !important;
    background-color: var(--danger-col);
    border-color: var(--danger-col);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: var(--white-col) !important;
    background-color: var(--red-60);
    border-color: var(--red-60);
}

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

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
    background-color: var(--danger-col);
    border-color: var(--danger-col);
}

.btn-dark {
    color: var(--white-col) !important;
    background-color: var(--dark-link-text);
    border-color: var(--dark-link-text);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
    color: var(--white-col) !important;
    background-color: var(--neutralblue-20);
    border-color: var(--neutralblue-20);
}

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

.btn-dark.disabled,
.btn-dark.disabled:hover,
.btn-dark.disabled:focus,
.btn-dark.disabled:active,
.btn-dark.disabled.active,
.btn-dark[disabled],
.btn-dark[disabled]:hover,
.btn-dark[disabled]:focus,
.btn-dark[disabled]:active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark,
fieldset[disabled] .btn-dark:hover,
fieldset[disabled] .btn-dark:focus,
fieldset[disabled] .btn-dark:active,
fieldset[disabled] .btn-dark.active {
    background-color: var(--dark-link-text);
    border-color: var(--dark-link-text);
}

.btn-twitter {
    color: var(--white-col) !important;
    background-color: var(--cyan-50);
    border-color: var(--cyan-50);
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
    color: var(--white-col) !important;
    background-color: var(--cyan-40);
    border-color: var(--cyan-40);
}

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

.btn-twitter.disabled,
.btn-twitter.disabled:hover,
.btn-twitter.disabled:focus,
.btn-twitter.disabled:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled],
.btn-twitter[disabled]:hover,
.btn-twitter[disabled]:focus,
.btn-twitter[disabled]:active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter,
fieldset[disabled] .btn-twitter:hover,
fieldset[disabled] .btn-twitter:focus,
fieldset[disabled] .btn-twitter:active,
fieldset[disabled] .btn-twitter.active {
    background-color: var(--cyan-50);
    border-color: var(--cyan-50);
}

.btn-facebook {
    color: var(--white-col) !important;
    background-color: var(--blue-40);
    border-color: var(--blue-40);
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    color: var(--white-col) !important;
    background-color: var(--blue-30);
    border-color: var(--blue-30);
}

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

.btn-facebook.disabled,
.btn-facebook.disabled:hover,
.btn-facebook.disabled:focus,
.btn-facebook.disabled:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled],
.btn-facebook[disabled]:hover,
.btn-facebook[disabled]:focus,
.btn-facebook[disabled]:active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook,
fieldset[disabled] .btn-facebook:hover,
fieldset[disabled] .btn-facebook:focus,
fieldset[disabled] .btn-facebook:active,
fieldset[disabled] .btn-facebook.active {
    background-color: var(--blue-40);
    border-color: var(--blue-40);
}

.btn-gplus {
    color: var(--white-col) !important;
    background-color: var(--red-50);
    border-color: var(--red-50);
}

.btn-gplus:hover,
.btn-gplus:focus,
.btn-gplus:active,
.btn-gplus.active,
.open .dropdown-toggle.btn-gplus {
    color: var(--white-col) !important;
    background-color: var(--red-50);
    border-color: var(--red-40);
}

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

.btn-gplus.disabled,
.btn-gplus.disabled:hover,
.btn-gplus.disabled:focus,
.btn-gplus.disabled:active,
.btn-gplus.disabled.active,
.btn-gplus[disabled],
.btn-gplus[disabled]:hover,
.btn-gplus[disabled]:focus,
.btn-gplus[disabled]:active,
.btn-gplus[disabled].active,
fieldset[disabled] .btn-gplus,
fieldset[disabled] .btn-gplus:hover,
fieldset[disabled] .btn-gplus:focus,
fieldset[disabled] .btn-gplus:active,
fieldset[disabled] .btn-gplus.active {
    background-color: var(--red-50);
    border-color: var(--red-50);
}

.btn {
    font-weight: 500;
    border-radius: var(--border-radius);
}

.btn-icon {
    padding-left: 0;
    padding-right: 0;
    width: 34px;
    text-align: center;
}

.btn-icon.btn-sm {
    width: 30px;
}

.btn-icon.btn-lg {
    width: 45px;
}

.text-active,
.active > .text {
    display: none !important;
}

.active > .text-active {
    display: inline-block !important;
}

.btn-group-justified {
    border-collapse: separate;
}

.btn-rounded {
    border-radius: 50px;
}

.btn > i.pull-left,
.btn > i.pull-right {
    line-height: 1.428571429;
}

.btn-block {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: var(--border-radius);
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: var(--border-radius);
}

.chat-item:before,
.chat-item:after {
    content: " ";
    display: table;
}

.chat-item:after {
    clear: both;
}

.chat-item .arrow {
    top: 20px;
}

.chat-item .arrow.right:after {
    border-left-color: var(--lime-60);
}

.chat-item .chat-body {
    position: relative;
    margin-left: 45px;
    min-height: 30px;
}

.chat-item .chat-body .panel {
    margin: 0 -1px;
}

.chat-item.right .chat-body {
    margin-left: 0;
    margin-right: 45px;
}

.chat-item + .chat-item {
    margin-top: 15px;
}

.comment-list {
    position: relative;
}

.comment-list .comment-item {
    margin-top: 0;
    position: relative;
}

.comment-list .comment-item > .thumb-sm {
    width: 36px;
}

.comment-list .comment-item .arrow.left {
    top: 20px;
    left: 39px;
}

.comment-list .comment-item .comment-body {
    margin-left: 46px;
}

.comment-list .comment-item .panel-body {
    padding: 10px 15px;
}

.comment-list .comment-item .panel-heading,
.comment-list .comment-item .panel-footer {
    position: relative;
    font-size: 12px;
    background-color: var(--white-col);
}

.comment-list .comment-reply {
    margin-left: 46px;
}

.comment-list:before {
    position: absolute;
    top: 0;
    bottom: 35px;
    left: 18px;
    width: 1px;
    background: var(--neutralblue-90);
    content: '';
}

.timeline {
    display: table;
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
    position: relative;
    border-collapse: collapse;
}

.timeline:before {
    content: "";
    width: 6px;
    margin-left: -4px;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 30px;
    background-color: var(--neutral-85);
    z-index: 0;
}

.timeline .timeline-date {
    position: absolute;
    width: 150px;
    left: -200px;
    top: 50%;
    margin-top: -9px;
    text-align: right;
}

.timeline .timeline-icon {
    position: absolute;
    left: -41px;
    top: -2px;
    top: 50%;
    margin-top: -15px;
}

.timeline .time-icon {
    width: 30px;
    height: 30px;
    line-height: 26px;
    display: inline-block !important;
    z-index: 10;
    border: 2px solid var(--white-col);
    border-radius: 20px;
    text-align: center;
}

.timeline .time-icon:before {
    font-size: 16px;
    margin-top: 5px;
}

.timeline-item {
    display: table-row;
}

.timeline-item:before,
.timeline-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}

.timeline-item.alt {
    text-align: right;
}

.timeline-item.alt:before {
    display: none;
}

.timeline-item.alt .panel {
    margin-right: 25px;
    margin-left: 0;
}

.timeline-item.alt .timeline-date {
    left: auto;
    right: -200px;
    text-align: left;
}

.timeline-item.alt .timeline-icon {
    left: auto;
    right: -41px;
}

.timeline-item.active {
    display: table-caption;
    text-align: center;
}

.timeline-item.active:before {
    width: 1%;
}

.timeline-item.active .timeline-caption {
    display: inline-block;
    width: auto;
}

.timeline-item.active .timeline-caption h5 span {
    color: var(--white-col);
}

.timeline-item.active .panel {
    margin-left: 0;
}

.timeline-item.active .timeline-date,
.timeline-item.active .timeline-icon {
    position: static;
    margin-bottom: 10px;
    display: inline-block;
    width: auto;
}

.timeline-caption {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.timeline-caption .panel {
    display: inline-block;
    position: relative;
    margin-left: 25px;
    text-align: left;
}

.timeline-caption h5 {
    margin: 0;
}

.timeline-caption h5 span {
    display: block;
    color: var(--neutral-60);
    margin-bottom: 4px;
    font-size: 12px;
}

.timeline-caption p {
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 10px;
}

.timeline-footer {
    display: table-row;
}

.timeline-footer a {
    display: table-cell;
    text-align: right;
}

.timeline-footer .time-icon {
    margin-right: -15px;
    z-index: 5;
}

#note-list .note-name,
#note-list .note-desc {
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#note-list .note-desc {
    height: 16px;
    font-size: 11px;
}

#note-list li {
    cursor: pointer;
}

#task-list .edit {
    display: none;
    float: left;
    position: relative;
    left: 0;
    top: -8px;
    border-width: 0;
    background: transparent;
    box-shadow: none;
    padding: 0 30px 0 0;
    font-size: var(--font-size);
    color: var(--white-col);
}

#task-list .editing .task-name {
    display: none;
}

#task-list .editing .edit {
    display: block;
}

#task-list .checkbox {
    margin: 4px 0;
}

#task-list li {
    position: relative;
}

#task-list li .close {
    position: absolute;
    top: 13px;
    right: 15px;
}

#task-list li.done .task-name {
    text-decoration: line-through;
}

#task-detail textarea {
    height: 60px;
    font-size: 12px;
    border-radius: 0;
}

.paper {
    position: relative;
    background: -webkit-linear-gradient(top, var(--neutral-93) 0%, white 5%) 0 0;
    background: -moz-linear-gradient(top, var(--neutral-93) 0%, white 5%) 0 0;
    background: linear-gradient(top, var(--neutral-93) 0%, white 5%) 0 0;
    -webkit-background-size: 100% 30px;
    -moz-background-size: 100% 30px;
    -ms-background-size: 100% 30px;
    background-size: 100% 30px;
}

.paper:before {
    content: '';
    position: absolute;
    width: 0px;
    top: 0;
    left: 39px;
    bottom: 0;
    border-left: 1px solid var(--red-90);
}

.paper textarea {
    border: none;
    background-color: transparent;
    height: 100%;
    padding: 30px 0 0 55px;
    line-height: 30px;
    min-height: 210px;
}

.tags .label {
    font-size: 1em;
    display: inline-block;
    padding: 6px 10px;
    margin-bottom: 3px;
}

.post-item {
    border-radius: var(--border-radius-3);
    background-color: var(--white-col);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    margin-bottom: 15px;
}

.post-item .post-title {
    margin-top: 0;
}

.post-item .post-media {
    text-align: center;
}

.post-item .post-media img {
    border-radius: var(--border-radius-3) var(--border-radius-3) 0 0;
}

.switch, .switch-mini{
    cursor: pointer;
    position: relative;
}

.switch input,  .switch-mini input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}

.switch input:checked + span,  .switch-mini input:checked + span{
    background-color: var(--lime-60);
}

.switch input:checked + span:after {
    left: 31px;
}
.switch-mini input:checked + span:after {
    left: 18px;
}

.switch span, .switch-mini span {
    position: relative;
    width: 60px;
    height: 30px;
    border-radius: 30px;
    background-color: var(--white-col);
    border: 1px solid var(--neutral-93);
    border-color: rgba(0, 0, 0, 0.1);
    display: inline-block;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.switch-mini span {
    width: 40px;
    height: 20px;
}

.switch span:after, .switch-mini span:after {
    content: "";
    position: absolute;
    background-color: var(--white-col);
    width: 26px;
    top: 1px;
    bottom: 1px;
    border-radius: 30px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
}

.switch-mini span:after{
    width: 20px;
    top: 0px;
    bottom: 0px;
}
.switch-mini input:checked + span.bg-warning {
    background-color: var(--warning-col)!important;
}

.nav-docs > ul > li > a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.dropfile {
    border: 2px dashed var(--neutralblue-90);
    text-align: center;
    min-height: 20px;
}

.dropfile.hover {
    border-color: var(--neutralblue-70);
}

.dropfile small {
    margin: 50px 0;
    display: block;
}

.portlet {
    min-height: 30px;
}

.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.easypiechart {
    position: relative;
    text-align: center;
}

.easypiechart .h2 {
    margin-left: 10px;
    margin-top: 10px;
    display: inline-block;
}

.easypiechart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.easypiechart .easypie-text {
    position: absolute;
    z-index: 1;
    line-height: 1;
    font-size: 75%;
    width: 100%;
    top: 60%;
}

.easypiechart img {
    margin-top: -4px;
}

.combodate select {
    display: inline-block;
}

.doc-buttons .btn {
    margin-bottom: 5px;
}

.the-icons {
    list-style: none;
}

.fontawesome-icon-list i {
    font-size: var(--font-size);
    width: 40px;
    margin: 0;
    display: inline-block;
    text-align: center;
}

.fontawesome-icon-list a {
    line-height: 32px;
    display: block;
    white-space: nowrap;
}

.fontawesome-icon-list a:hover i {
    font-size: 28px;
    vertical-align: middle;
}

.th-sortable {
    cursor: pointer;
}

.th-sortable .th-sort {
    float: right;
    position: relative;
}

.th-sort i {
    position: relative;
    z-index: 1;
}

.th-sort .fa-sort {
    position: absolute;
    left: 0;
    top: 3px;
    color: var(--neutralblue-70);
    z-index: 0;
}

.th-sortable.active .text {
    display: none !important;
}

.th-sortable.active .text-active {
    display: inline-block !important;
}

.sortable-placeholder {
    list-style: none;
    border: 1px dashed var(--neutral-80);
    min-height: 50px;
    margin-bottom: 5px;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.parsley-error-list {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 6px;
    font-size: 12px;
}

.parsley-error {
    border-color: var(--red-60) !important;
}

.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active:hover.active,
.datepicker td.active.active {
    background: var(--green-60);
}

.wizard .badge-info {
    background-color: var(--cyan-50);
}

.wizard .badge-success {
    background-color: var(--lime-60);
}

.wizard ul li.active {
    color: var(--cyan-50);
}

#flotTip {
    padding: 3px 5px;
    background-color: var(--black-col);
    z-index: 100;
    color: var(--white-col);
    opacity: .7;
    filter: alpha(opacity=70);
    -webkit-border-radius: var(--border-radius-4);
    -moz-border-radius: var(--border-radius-4);
    border-radius: var(--border-radius-4);
}

.bg-gradient {
    background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.05)));
    background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 0, rgba(40, 50, 60, 0.05), 100%);
    background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.05) 100%);
    background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.05) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#0c28323c', GradientType=0);
    filter: none;
}

.bg-light {
    background-color: var(--neutral-95);
    color: var(--default-text);
}

.bg-light.lt,
.bg-light .lt {
    background-color: var(--gray-light-col);
}

.bg-light.lter,
.bg-light .lter {
    background-color: var(--white-col);
}

.bg-light.dk,
.bg-light .dk {
    background-color: var(--neutral-93);
}

.bg-light.dker,
.bg-light .dker {
    background-color: var(--gray-on-gray-col);
}

.bg-light .bg {
    background-color: var(--neutral-95);
}

.bg-dark {
    background-color: var(--dark-link-text);
    color: var(--neutralblue-70);
}

.bg-dark.lt,
.bg-dark .lt {
    background-color: var(--neutralblue-20);
}

.bg-dark.lter,
.bg-dark .lter {
    background-color: var(--neutralblue-30);
}

.bg-dark.dk,
.bg-dark .dk {
    background-color: var(--neutralblue-20);
}

.bg-dark.dker,
.bg-dark .dker {
    background-color: var(--neutralblue-10);
}

.bg-dark .bg {
    background-color: var(--dark-link-text);
}

.bg-dark a {
    color: var(--neutralblue-70);
}

.bg-dark a:hover {
    color: var(--white-col);
}

.bg-dark a.list-group-item:hover,
.bg-dark a.list-group-item:focus {
    background-color: inherit;
}

.bg-dark .nav .caret {
    border-top-color: var(--neutralblue-70);
    border-bottom-color: var(--neutralblue-70);
}

.bg-dark .nav > li > a {
    color: var(--neutralblue-70);
}

.bg-dark .nav > li > a:hover,
.bg-dark .nav > li > a:focus {
    color: var(--white-col);
    background-color: var(--neutralblue-20);
}

.bg-dark .nav > li > a:hover .caret,
.bg-dark .nav > li > a:focus .caret {
    border-top-color: var(--white-col);
    border-bottom-color: var(--white-col);
}

.bg-dark .nav .open > a {
    background-color: var(--neutralblue-20);
}

.bg-dark.navbar .nav > li.active > a,
.bg-dark.navbar .nav > li.current-active > a
{
    color: var(--white-col);
    background-color: var(--neutralblue-20);
}

.bg-dark .open > a,
.bg-dark .open > a:hover,
.bg-dark .open > a:focus {
    color: var(--white-col);
}

.bg-dark .text-muted {
    color: var(--neutralblue-60) !important;
}

.bg-dark .icon-muted {
    color: var(--neutralblue-40) !important;
}

.bg-black {
    background-color: var(--neutral-15);
    color: var(--neutral-60);
}

.bg-black.lt,
.bg-black .lt {
    background-color: var(--neutral-20);
}

.bg-black.lter,
.bg-black .lter {
    background-color: var(--neutral-20);
}

.bg-black.dk,
.bg-black .dk {
    background-color: var(--neutral-10);
}

.bg-black.dker,
.bg-black .dker {
    background-color: var(--neutral-5);
}

.bg-black .bg {
    background-color: var(--neutral-15);
}

.bg-black a {
    color: var(--neutral-60);
}

.bg-black a:hover {
    color: var(--white-col);
}

.bg-black a.list-group-item:hover,
.bg-black a.list-group-item:focus {
    background-color: inherit;
}

.bg-black .nav .caret {
    border-top-color: var(--neutral-60);
    border-bottom-color: var(--neutral-60);
}

.bg-black .nav > li > a {
    color: var(--neutral-60);
}

.bg-black .nav > li > a:hover,
.bg-black .nav > li > a:focus {
    color: var(--white-col);
    background-color: var(--neutral-10);
}

.bg-black .nav > li > a:hover .caret,
.bg-black .nav > li > a:focus .caret {
    border-top-color: var(--white-col);
    border-bottom-color: var(--white-col);
}

.bg-black .nav .open > a {
    background-color: var(--neutral-10);
}

.bg-black.navbar .nav > li.active > a,
.bg-black.navbar .nav > li.current-active > a
{
    color: var(--white-col);
    background-color: var(--neutral-10);
}

.bg-black .open > a,
.bg-black .open > a:hover,
.bg-black .open > a:focus {
    color: var(--white-col);
}

.bg-black .text-muted {
    color: var(--neutral-50) !important;
}

.bg-black .icon-muted {
    color: var(--neutral-30) !important;
}

.bg-primary {
    background-color: var(--green-60);
    color: var(--green-90);
}

.bg-primary.lt,
.bg-primary .lt {
    background-color: var(--green-60);
}

.bg-primary.lter,
.bg-primary .lter {
    background-color: var(--green-70);
}

.bg-primary.dk,
.bg-primary .dk {
    background-color: var(--green-50);
}

.bg-primary.dker,
.bg-primary .dker {
    background-color: var(--green-50);
}

.bg-primary .bg {
    background-color: var(--green-60);
}

.bg-primary a {
    color: var(--white-col);
}

.bg-primary a:hover {
    color: var(--white-col);
}

.bg-primary a.list-group-item:hover,
.bg-primary a.list-group-item:focus {
    background-color: inherit;
}

.bg-primary .nav .caret {
    border-top-color: var(--green-90);
    border-bottom-color: var(--green-90);
}

.bg-primary .nav > li > a {
    color: var(--white-col);
}

.bg-primary .nav > li > a:hover,
.bg-primary .nav > li > a:focus {
    color: var(--white-col);
    background-color: var(--green-50);
}

.bg-primary .nav > li > a:hover .caret,
.bg-primary .nav > li > a:focus .caret {
    border-top-color: var(--white-col);
    border-bottom-color: var(--white-col);
}

.bg-primary .nav .open > a {
    background-color: var(--green-50);
}

.bg-primary.navbar .nav > li.active > a,
.bg-primary.navbar .nav > li.current-active > a
{
    color: var(--white-col);
    background-color: var(--green-50);
}

.bg-primary .open > a,
.bg-primary .open > a:hover,
.bg-primary .open > a:focus {
    color: var(--white-col);
}

.bg-primary .text-muted {
    color: var(--green-90) !important;
}

.bg-primary .icon-muted {
    color: var(--green-60) !important;
}

.bg-success {
    background-color: var(--lime-60);
    color: var(--lime-95);
}

.bg-success.lt,
.bg-success .lt {
    background-color: var(--lime-60);
}

.bg-success.lter,
.bg-success .lter {
    background-color: var(--lime-70);
}

.bg-success.dk,
.bg-success .dk {
    background-color: var(--lime-50);
}

.bg-success.dker,
.bg-success .dker {
    background-color: var(--lime-40);
}

.bg-success .bg {
    background-color: var(--lime-60);
}

.bg-success a {
    color: var(--white-col);
}

.bg-success a:hover {
    color: var(--white-col);
}

.bg-success a.list-group-item:hover,
.bg-success a.list-group-item:focus {
    background-color: inherit;
}

.bg-success .nav .caret {
    border-top-color: var(--lime-95);
    border-bottom-color: var(--lime-95);
}

.bg-success .nav > li > a {
    color: var(--white-col);
}

.bg-success .nav > li > a:hover,
.bg-success .nav > li > a:focus {
    color: var(--white-col);
    background-color: var(--lime-50);
}

.bg-success .nav > li > a:hover .caret,
.bg-success .nav > li > a:focus .caret {
    border-top-color: var(--white-col);
    border-bottom-color: var(--white-col);
}

.bg-success .nav .open > a {
    background-color: var(--lime-50);
}

.bg-success.navbar .nav > li.active > a,
.bg-success.navbar .nav > li.current-active > a
{
    color: var(--white-col);
    background-color: var(--lime-50);
}

.bg-success .open > a,
.bg-success .open > a:hover,
.bg-success .open > a:focus {
    color: var(--white-col);
}

.bg-success .text-muted {
    color: var(--lime-90) !important;
}

.bg-success .icon-muted {
    color: var(--lime-60) !important;
}

.bg-info {
    background-color: var(--cyan-50);
    color: var(--cyan-90);
}

.bg-info.lt,
.bg-info .lt {
    background-color: var(--cyan-60);
}

.bg-info.lter,
.bg-info .lter {
    background-color: var(--cyan-60);
}

.bg-info.dk,
.bg-info .dk {
    background-color: var(--cyan-50);
}

.bg-info.dker,
.bg-info .dker {
    background-color: var(--cyan-40);
}

.bg-info .bg {
    background-color: var(--cyan-50);
}

.bg-info a {
    color: var(--white-col);
}

.bg-info a:hover {
    color: var(--white-col);
}

.bg-info a.list-group-item:hover,
.bg-info a.list-group-item:focus {
    background-color: inherit;
}

.bg-info .nav .caret {
    border-top-color: var(--cyan-90);
    border-bottom-color: var(--cyan-90);
}

.bg-info .nav > li > a {
    color: var(--black-col);
}

.bg-info .nav > li > a:hover,
.bg-info .nav > li > a:focus {
    color: var(--white-col);
    background-color: var(--neutral-93);
}

.bg-info .nav > li > a:hover .caret,
.bg-info .nav > li > a:focus .caret {
    border-top-color: var(--white-col);
    border-bottom-color: var(--white-col);
}

.bg-info .nav .open > a {
    color: var(--white-col);
    background-color: var(--neutral-93);
}

.bg-info.navbar .nav > li.active > a,
.bg-info.navbar .nav > li.current-active > a
{
    color: var(--white-col);
    background-color: var(--neutral-93);
}

.bg-info .open > a,
.bg-info .open > a:hover,
.bg-info .open > a:focus {
    color: var(--black-col);
}

.bg-info .text-muted {
    color: var(--cyan-80) !important;
}

.bg-info .icon-muted {
    color: var(--cyan-60) !important;
}

.bg-warning {
    background-color: var(--warning-col);
    color: var(--orange-95);
}

.bg-warning.lt,
.bg-warning .lt {
    background-color: var(--orange-60);
}

.bg-warning.lter,
.bg-warning .lter {
    background-color: var(--orange-70);
}

.bg-warning.dk,
.bg-warning .dk {
    background-color: var(--orange-60);
}

.bg-warning.dker,
.bg-warning .dker {
    background-color: var(--orange-50);
}

.bg-warning .bg {
    background-color: var(--warning-col);
}

.bg-warning a {
    color: var(--white-col);
}

.bg-warning a:hover {
    color: var(--white-col);
}

.bg-warning a.list-group-item:hover,
.bg-warning a.list-group-item:focus {
    background-color: inherit;
}

.bg-warning .nav .caret {
    border-top-color: var(--orange-95);
    border-bottom-color: var(--orange-95);
}

.bg-warning .nav > li > a {
    color: var(--white-col);
}

.bg-warning .nav > li > a:hover,
.bg-warning .nav > li > a:focus {
    color: var(--white-col);
    background-color: var(--orange-60);
}

.bg-warning .nav > li > a:hover .caret,
.bg-warning .nav > li > a:focus .caret {
    border-top-color: var(--white-col);
    border-bottom-color: var(--white-col);
}

.bg-warning .nav .open > a {
    background-color: var(--orange-60);
}

.bg-warning.navbar .nav > li.active > a,
.bg-warning.navbar .nav > li.current-active > a
{
    color: var(--white-col);
    background-color: var(--orange-60);
}

.bg-warning .open > a,
.bg-warning .open > a:hover,
.bg-warning .open > a:focus {
    color: var(--white-col);
}

.bg-warning .text-muted {
    color: var(--orange-90) !important;
}

.bg-warning .icon-muted {
    color: var(--orange-60) !important;
}

.bg-danger {
    background-color: var(--danger-col);
    color: var(--white-col);
}

.bg-danger.lt,
.bg-danger .lt {
    background-color: var(--red-70);
}

.bg-danger.lter,
.bg-danger .lter {
    background-color: var(--red-80);
}

.bg-danger.dk,
.bg-danger .dk {
    background-color: var(--red-60);
}

.bg-danger.dker,
.bg-danger .dker {
    background-color: var(--red-50);
}

.bg-danger .bg {
    background-color: var(--danger-col);
}

.bg-danger a {
    color: var(--white-col);
}

.bg-danger a:hover {
    color: var(--white-col);
}

.bg-danger a.list-group-item:hover,
.bg-danger a.list-group-item:focus {
    background-color: inherit;
}

.bg-danger .nav .caret {
    border-top-color: var(--white-col);
    border-bottom-color: var(--white-col);
}

.bg-danger .nav > li > a {
    color: var(--white-col);
}

.bg-danger .nav > li > a:hover,
.bg-danger .nav > li > a:focus {
    color: var(--white-col);
    background-color: var(--red-60);
}

.bg-danger .nav > li > a:hover .caret,
.bg-danger .nav > li > a:focus .caret {
    border-top-color: var(--white-col);
    border-bottom-color: var(--white-col);
}

.bg-danger .nav .open > a {
    background-color: var(--red-60);
}

.bg-danger.navbar .nav > li.active > a,
.bg-danger.navbar .nav > li.current-active > a
{
    color: var(--white-col);
    background-color: var(--red-60);
}

.bg-danger .open > a,
.bg-danger .open > a:hover,
.bg-danger .open > a:focus {
    color: var(--white-col);
}

.bg-danger .text-muted {
    color: var(--red-95) !important;
}

.bg-danger .icon-muted {
    color: var(--red-70) !important;
}

.bg-white {
    background-color: var(--white-col);
    color: var(--default-text);
}

.bg-white a {
    color: var(--dark-link-text);
}

.bg-white a:hover {
    color: var(--neutralblue-10);
}

.bg-white .text-muted {
    color: var(--disabled-text) !important;
}

.bg-white-only {
    background-color: var(--white-col);
}

.bg-empty {
    background-color: transparent;
}

.submenu_active a {
    background-color: var(--neutral-93);
}

.pos-rlt {
    position: relative;
}

.pos-stc {
    position: static;
}

.pos-abt {
    position: absolute;
}

.t-0{ top: 0; }
.l-0{ left: 0; }
.r-0{ right: 0; }
.b-0{ bottom: 0; }

.line {
    *width: 100%;
    height: 2px;
    margin: 10px 0;
    font-size: 0;
    overflow: hidden;
    background-color: transparent;
    border-width: 0;
    border-top: 1px solid var(--neutral-90);
}

.line-xs {
    margin: 0;
}

.line-lg {
    margin-top: 15px;
    margin-bottom: 15px;
}

.line-dashed {
    border-style: dashed;
    background: transparent;
}

.no-line {
    border-width: 0;
}

.no-border,
.no-borders {
    border-color: transparent;
    border-width: 0;
}

.no-radius {
    border-radius: 0;
}

.block {
    display: block;
}

.block.hide {
    display: none;
}

.inline {
    display: inline-block !important;
}

.pull-none {
    float: none;
}

.rounded {
    border-radius: 500px;
}

.btn-s-xs {
    min-width: 90px;
}

.btn-s-sm {
    min-width: 100px;
}

.btn-s-md {
    min-width: 120px;
}

.btn-s-lg {
    min-width: 150px;
}

.btn-s-xl {
    min-width: 200px;
}

.line-h-1 {
    line-height: 1;
}

.l-h-2x {
    line-height: 2em;
}

.l-h-1x {
    line-height: 1.2;
}

.l-h {
    line-height: 1.5;
}

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

.v-top {
    vertical-align: top !important;
}

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

.font-thin {
    font-weight: 300;
}

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

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.text-md {
    font-size: 0.85em;
}

.text-sm {
    font-size: var(--font-size-sm);
}

.text-xs {
    font-size: 10px;
}

.text-ellipsis {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-nowrap {
    white-space: nowrap;
}

.text-break {
    word-break: break-all;
}

.text-uc {
    text-transform: uppercase;
}

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

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

.box-shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.avatar {
    border: 1px solid rgba(255, 255, 255, 0.35);
    display: block;
    border-radius: 500px;
    white-space: nowrap;
}

.avatar img {
    border-radius: 500px;
}

.wrapper-sm {
    padding: 10px;
}

.wrapper {
    padding: 15px;
}

.wrapper-lg {
    padding: 30px;
}

.wrapper-xl {
    padding: 50px;
}

.padder {
    padding-left: 15px;
    padding-right: 15px;
}

.padder-v {
    padding-top: 15px;
    padding-bottom: 15px;
}

.no-padder {
    padding: 0 !important;
}

.pull-in {
    margin-left: -15px;
    margin-right: -15px;
}

.pull-out {
    margin: -10px -15px;
}

.b-0, .b-n, .b-none {
    border: 0;
}

.b-0-force, .b-n-force, .b-none-force {
    border: 0 !important;
}

.b-a {
    border: 1px solid var(--neutral-80);
}

.b-t {
    border-top: 1px solid var(--neutral-80);
}

.b-r {
    border-right: 1px solid var(--neutral-80);
}

.b-b {
    border-bottom: 1px solid var(--neutral-80);
}

.b-l {
    border-left: 1px solid var(--neutral-80);
}

.b-r-none{
    border-right: none;
}

.b-light {
    border-color: var(--gray-on-gray-col);
}

.b-dark {
    border-color: var(--neutralblue-20);
}

.b-primary {
    border-color: var(--green-60);
}

.b-success {
    border-color: var(--lime-60);
}

.b-info {
    border-color: var(--cyan-60);
}

.b-warning {
    border-color: var(--orange-60);
}

.b-danger {
    border-color: var(--red-70);
}

.b-black {
    border-color: var(--neutral-20);
}

.b-white {
    border-color: var(--white-col);
}

.b-2x {
    border-width: 2px;
}

.b-3x {
    border-width: 3px;
}

.r {
    border-radius: var(--border-radius);
}

.r-2x, .r-lg, .r-8 {
    border-radius: var(--border-radius-lg);
}

.r-100 {
    border-radius: 100%;
}

.r-l {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.r-r {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.r-t {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
}

.r-b {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.m-xs {
    margin: 5px;
}

.m-sm {
    margin: 10px;
}

.m {
    margin: 15px;
}

.m-md {
    margin: 20px;
}

.m-lg {
    margin: 30px;
}

.m-n {
    margin: 0 !important;
}

.m-none, .m-0 {
    margin: 0;
}

.m-l-none {
    margin-left: 0!important;
}

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

.m-l-sm {
    margin-left: 10px;
}

.m-l {
    margin-left: 15px;
}

.m-l-md {
    margin-left: 20px;
}

 /*bootstrap lg*/
@media (min-width: 1200px) {
    .m-l-lg {
        margin-left: 30px;
    }
}

.m-l-xl {
    margin-left: 40px;
}

.m-l-n-xxs {
    margin-left: -1px;
}

.m-l-n-xs {
    margin-left: -5px;
}

.m-l-n-sm {
    margin-left: -10px;
}

.m-l-n {
    margin-left: -15px;
}

.m-l-n-md {
    margin-left: -20px;
}

.m-l-n-lg {
    margin-left: -30px;
}

.m-l-n-xl {
    margin-left: -40px;
}

.m-t-none {
    margin-top: 0;
}

.m-t-xxs {
    margin-top: 1px;
}

.m-t-xs {
    margin-top: 5px;
}

.m-t-sm {
    margin-top: 10px !important;;
}

.m-t {
    margin-top: 15px;
}

.m-t-md {
    margin-top: 20px;
}

.m-t-lg {
    margin-top: 30px;
}

.m-t-xl {
    margin-top: 40px;
}

.m-t-n-xxs {
    margin-top: -1px;
}

.m-t-n-xs {
    margin-top: -5px;
}

.m-t-n-7 {
    margin-top: -7px;
}

.m-t-n-sm {
    margin-top: -10px;
}

.m-t-n {
    margin-top: -15px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-t-n-lg {
    margin-top: -30px;
}

.m-t-n-xl {
    margin-top: -40px;
}

.m-r-none {
    margin-right: 0;
}

.m-r-xs {
    margin-right: 5px;
}

.m-r-sm {
    margin-right: 10px;
}

.m-r {
    margin-right: 15px;
}

.m-r-md {
    margin-right: 20px;
}

.m-r-lg {
    margin-right: 30px;
}

.m-r-xl {
    margin-right: 40px;
}

.m-r-xxl {
    margin-right: 50px;
}

.m-r-xxxl {
    margin-right: 60px;
}

.m-r-xxxxl {
    margin-right: 70px;
}

.m-r-n-xxs {
    margin-right: -1px;
}

.m-r-n-xs {
    margin-right: -5px;
}

.m-r-n-sm {
    margin-right: -10px;
}

.m-r-n {
    margin-right: -15px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-r-n-lg {
    margin-right: -30px;
}

.m-r-n-xl {
    margin-right: -40px;
}

.m-b-none {
    margin-bottom: 0;
}

.m-b-xs {
    margin-bottom: 5px;
}

.m-b-sm {
    margin-bottom: 10px;
}

.m-b {
    margin-bottom: 15px;
}

.m-b-md {
    margin-bottom: 20px;
}

.m-b-lg {
    margin-bottom: 30px;
}

.m-b-xl {
    margin-bottom: 40px;
}

.m-b-n-xxs {
    margin-bottom: -1px;
}

.m-b-n-xs {
    margin-bottom: -5px;
}

.m-b-n-sm {
    margin-bottom: -10px;
}

.m-b-n {
    margin-bottom: -15px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-b-n-lg {
    margin-bottom: -30px;
}

.m-b-n-xl {
    margin-bottom: -40px;
}

.m-30 {
    margin: 30px;
}

.m-15 {
    margin: 15px;
}

.m-10 {
    margin: 10px;
}

.m-bottom_10 {
    margin-bottom: -10px;
}

.p-30 {
    padding: 30px;
}

.p-20 {
    padding: 20px;
}

.p-15 {
    padding: 15px;
}

.p-10 {
    padding: 10px;
}

.p-10-15 {
    padding: 10px 15px;
}

.p-10-15-force {
    padding: 10px 15px !important;
}

.p-5 {
    padding: 5px;
}

.m-sides-10 {
    margin: 0px 10px;
}

.m-sides-15 {
    margin: 0px 15px;
}

.m-sides-30 {
    margin: 0px 30px;
}

.p-sides-30 {
    padding: 0px 30px;
}

.p-sides-20 {
    padding: 0px 20px;
}

.p-sides-15 {
    padding: 0px 15px;
}

.p-sides-10 {
    padding: 0px 10px;
}

.p-sides-5 {
    padding: 0px 5px;
}

.p-top-50 {
    padding-top: 50px;
}

.p-top-30 {
    padding-top: 30px;
}

.p-top-20 {
    padding-top: 20px;
}

.p-top-15 {
    padding-top: 15px;
}

.p-top-10 {
    padding-top: 10px;
}

.p-top-9 {
    padding-top: 9px;
}

.p-top-7 {
    padding-top: 7px;
}

.p-top-5 {
    padding-top: 5px;
}

.p-top-2 {
    padding-top: 2px;
}

.p-left-0 {
    padding-left: 0px;
}

.p-left-5 {
    padding-left: 5px;
}

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

.p-left-20 {
    padding-left: 20px;
}

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

.p-left-30 {
    padding-left: 30px;
}

.p-right-25 {
    padding-right: 25px;
}

.p-right-20 {
    padding-right: 20px;
}

.p-right-15 {
    padding-right: 15px;
}

.p-right-10 {
    padding-right: 10px;
}

.p-right-5 {
    padding-right: 5px;
}

.p-right-0 {
    padding-right: 0;
}

.p-bottom-0 {
    padding-bottom: 0px;
}

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

.p-bottom-9{
    padding-bottom: 9px;
}

.p-bottom-10 {
    padding-bottom: 10px;
}

.p-bottom-20 {
    padding-bottom: 20px;
}

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

.p-bottom-40 {
    padding-bottom: 40px;
}

.p-bottom-50 {
    padding-bottom: 50px;
}

.m-top-5 {
    margin-top: 5px;
}

.m-top-10 {
    margin-top: 10px;
}

.m-top-15 {
    margin-top: 15px;
}

.m-top-20 {
    margin-top: 20px;
}

.m-top-25 {
    margin-top: 25px;
}

.m-top-30 {
    margin-top: 30px;
}

.m-top-35 {
    margin-top: 35px;
}

.m-top-40 {
    margin-top: 40px;
}

.m-top-0 {
    margin-top: 0px;
}

.m-bottom-0 {
    margin-bottom: 0px;
}

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

.m-bottom-10 {
    margin-bottom: 10px;
}

.m-bottom-15 {
    margin-bottom: 15px;
}

.m-bottom-20 {
    margin-bottom: 20px;
}

.m-right-0 {
    margin-right: 0px;
}

.m-right-3 {
    margin-right: 3px;
}

.m-right-5 {
    margin-right: 5px;
}

.m-right-10 {
    margin-right: 10px;
}

.m-right-20 {
    margin-right: 20px;
}

.m-right-30 {
    margin-right: 30px;
}

.m-right-40 {
    margin-right: 40px;
}

.m-right-45 {
    margin-right: 45px;
}

.m-right-50 {
    margin-right: 50px;
}

.m-left-50 {
    margin-left: 50px;
}

.m-left-10 {
    margin-left: 10px;
}

.m-left-20 {
    margin-left: 20px;
}

.m-left-30 {
    margin-left: 30px;
}

.m-left-0 {
    margin-left: 0px;
}

.h-18-line-height {
    height: 1.42857143em;
}

.h-18 {
    height: 18px;
}

.h-60 {
    height: 60px;
}

.h-62 {
    height: 62px;
}

.h-75 {
    height: 77px;
}

.h-230 {
    height: 230px;
}

.h-250 {
    height: 250px;
}

.h-260 {
    height: 260px;
}

.h-285 {
    min-height: 285px;
}

.h-300 {
    height: 300px;
}

.mh-330 {
    min-height: 330px;
}

.h-410 {
    height: 410px;
}

.w-150 {
    width: 150px;
}

.w-200 {
    width: 200px;
}

.w-280 {
    width: 280px;
}

.w-350 {
    width: 350px;
}

.media-xs {
    min-width: 50px;
}

.media-sm {
    min-width: 80px;
}

.media-md {
    min-width: 90px;
}

.media-lg {
    min-width: 120px;
}

.thumb {
    width: 64px;
    display: inline-block;
}

.thumb-lg {
    width: 128px;
    display: inline-block;
}

.thumb-md {
    width: 90px;
    display: inline-block;
}

.thumb-xs {
    width: 18px;
    display: inline-block;
}

.thumb-sm {
    width: 36px;
    display: inline-block;
}

.thumb-wrapper {
    padding: 2px;
    border: 1px solid var(--neutral-85);
}

.thumb img,
.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.img-full {
    max-width: 100%;
}

.img-full > img {
    max-width: 100%;
}

.clear {
    display: block;
    overflow: hidden;
}

.scroll-x,
.scroll-y {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.scroll-y {
    overflow-y: auto;
}

.scroll-x {
    overflow-x: auto;
}

.no-touch .scroll-x,
.no-touch .scroll-y {
    overflow: hidden;
}

.no-touch .scroll-x:hover,
.no-touch .scroll-x:focus,
.no-touch .scroll-x:active {
    overflow-x: auto;
}

.no-touch .scroll-y:hover,
.no-touch .scroll-y:focus,
.no-touch .scroll-y:active {
    overflow-y: auto;
}

.no-touch .hover-action {
    display: none;
}

.no-touch .hover:hover .hover-action {
    display: inherit;
}

.h {
    font-size: 170px;
    font-weight: 300;
    text-shadow: 0 1px 0 var(--neutral-85), 0 2px 0 var(--neutral-85), 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 992px) {
    .col-lg-2-4 {
        width: 0.000%;
        float: left;
    }
}

@media (max-width: 767px) {
    .shift {
        display: none !important;
    }

    .shift.in {
        display: block !important;
    }

    .row-2 [class*="col"] {
        width: 50%;
        float: left;
    }

    .row-2 .col-0 {
        clear: none;
    }

    .row-2 li:nth-child(odd) {
        clear: left;
        margin-left: 0;
    }

    .text-center-xs {
        text-align: center;
    }

    .text-left-xs {
        text-align: left;
    }

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

    .hidden-xs.show {
        display: inherit !important;
    }
}

#borderless_form TEXTAREA, #borderless_form TEXTAREA:hover, #borderless_form TEXTAREA:active, #borderless_form TEXTAREA:focus, #borderless_form TEXTAREA:focus:hover, .taskItem-edit TEXTAREA, .taskItem-edit TEXTAREA:hover, .taskItem-edit TEXTAREA:active, .taskItem-edit TEXTAREA:focus, .taskItem-edit TEXTAREA:focus:hover {
    resize: none;
    width: 100%;
    margin: 0;
    background: transparent;
    border: 0 !important;
    outline: none !important;
    outline-offset: 0 !important;
    color: var(--neutral-50);
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0);
}

.checkbox-custom {
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.clear {
    clear: both;
}

.postal_stripes {
    background: url('../images/bg_postal.png') top left repeat-y;
}

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

.task_urgent {
    background: url('../images/task_manager_status_red.png') top left repeat-y;
}

.task_normal {
    background: url('../images/task_manager_status_blue.png') top left repeat-y;
}

.task_success {
    background: url('../images/task_manager_status_green.png') top left repeat-y;
}

.task_action {
    width: 100px;
    padding: 5px 10px 5px 0px;
}

.task_completion {
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 40px;
    padding-top: 15px;
    padding-left: 12px;
}

.p-n {
    padding: 0 !important
}

.p-none, .p-0 {
    padding: 0;
}

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

.p-xs {
    padding: 10px;
}

.p-xl {
    padding: 20px;
}
.w-40 {
    width: 40%;
}
.w-49 {
    width: 49%;
}
.w-50 {
    width: 50%;
}
.w-70 {
    width: 70%;
}
.w-90 {
    width: 90%;
}
.w-95 {
    width: 95%;
}
.w-100 {
    width: 100%;
}

.overflowed,
.overflow-visible-force {
    overflow: visible !important;
}

.notoverflowed {
    overflow: hidden !important;
}

#nav.nav-xs {
    width: 70px;
}

.icon_corp {
    position: absolute;
    right: 50px;
    top: -1px;
    width: 41px;
    height: 48px;
    background: var(--white-col) url('../images/icon_corp.png') no-repeat;
}

.icon_residential {
    position: absolute;
    right: 50px;
    top: -1px;
    width: 41px;
    height: 48px;
    background: url('../images/icon_residential.png') top center no-repeat;
}

.icon_municipal {
    position: absolute;
    right: 50px;
    top: -1px;
    width: 41px;
    height: 48px;
    background: var(--white-col) url('../images/icon_municipal.png') no-repeat;
}

.btn-upload, .est-upload {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    background-color: transparent;
    color: transparent;
    height: 100%;
}

.btn-file, .est-file {
    position: relative;
    overflow: hidden;
}

.label.label-info div {
    display: inline-block;
}

.b-user_votes_container {
    width: 100px;
    margin-top: 5px;
    margin-left: 3px;
    margin-bottom: 35px;
}

.b-karma_controls {
    float: left;
    width: 25px;
    overflow: hidden;
    height: 23px;
    -webkit-box-shadow: inset -1px 0px 0px 0px var(--neutral-70);
    box-shadow: inset -1px 0px 0px 0px var(--neutral-70);
}

.b-karma_controls-container {
    float: right;
    position: relative;
    cursor: pointer;
    /* margin-right: -19px; */
    left: 19px;
}

.b-karma_controls-corner {
    background: url("../images/common.png") -89px 0 no-repeat;
    position: absolute;
    width: 10px;
    height: 19px;
    top: 2px;
    left: 0;
}

.b-karma_controls-bg {
    background: var(--neutral-90);
    border-top: 1px solid var(--neutral-90);
    border-bottom: 1px solid var(--neutral-85);
    -webkit-box-shadow: inset 0 1px 0 0 var(--white-col);
    box-shadow: inset 0 1px 0 0 var(--white-col);
    margin-top: 1px;
    margin-left: 10px;
}

.b-karma_controls-shadow {
    -webkit-box-shadow: inset -1px 0px 0px 0px rgba(209, 208, 208, 0.7);
    box-shadow: inset -1px 0px 0px 0px rgba(209, 208, 208, 0.7);
    height: 19px;
    width: 26px;
}

.b-karma_button {
    float: left;
    color: var(--neutral-70);
    text-shadow: 0 1px 0 var(--white-col);
    text-decoration: none;
    padding-top: 1px;
    font-weight: bold;
    font-size: 17px;
    line-height: 19px;
    /* font-family: Arial, sans-serif; */
    margin-right: 3px;
}

.b-karma_value {
    float: left;
    font-weight: bold;
    color: var(--neutral-60);
    border: 1px solid var(--neutral-70);
    border-width: 0 1px;
    text-align: center;
    min-width: 30px;
    padding: 0 5px;
    height: 21px;
    line-height: 20px;
    margin-top: 1px;
    cursor: pointer;
}

.b-karma_controls__right {
    -webkit-box-shadow: inset 1px 0 0 0 var(--neutral-70);
    box-shadow: inset 1px 0 0 0 var(--neutral-70);
}

.b-karma_controls__right .b-karma_controls-container {
    float: left;
    /* margin: 0 0 0 -19px; */
    left: -19px;
}

.b-karma_controls__right .b-karma_controls-corner {
    background-position: -109px 0;
    left: auto;
    right: 0;
}

.b-karma_controls__right .b-karma_controls-bg {
    margin-left: 0;
    margin-right: 10px;
}

.b-karma_controls__right .b-karma_controls-shadow {
    -webkit-box-shadow: inset 1px 0px 0px 0px rgba(209, 208, 208, 0.7);
    box-shadow: inset 1px 0px 0px 0px rgba(209, 208, 208, 0.7);
    padding-left: 1px;
}

.b-karma_controls__right .b-karma_button {
    margin: 0 0 0 2px;
}

.alert-message {
    position: fixed;
    top: 20px;
    left: 20px;
    z-index: 1000;
}

.filled_dark_grey {
    background-color: var(--neutral-95);
}

.border-top {
    border-top: 1px solid var(--neutral-85);
}

.note-author {
    text-align: right;
    font-size: 10px;
    padding: 5px 10px;
    clear: both;
}

#scheduleWorkordersScrollBlock .note-author{
    display: none !important; /*fix me*/
}

.filled_white {
    background: var(--white-col);
}

.pac-container {
    z-index: 100002;
}

.pac-container:after {
    display: none;
}

#add_cc_block {
    display: none;
    background: rgb(242, 242, 242);
}

.asc {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.desc {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

tr.collapse.in {
    display: table-row;
}

#confirm_div {
    display: none;
}

.mapper {
    margin-top: -9px;
    height: 100%;
}

.incorrect {
    border: 1px solid var(--red-40) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    color: var(--red-40) !important;
}

.date-input-client {
    margin-right: 10px;
    border-radius: var(--border-radius-4) !important;
    max-width: 170px;
}

.serviceSelecter {
    margin: 0 0 0 20px !important;
}

.serviceDescription {
    resize: vertical;
    /* border-radius: 0;
    border-left: 0;
    border-right: 1px solid rgba(0,0,0,0.3); */
}
.serviceDescription:focus{
    background: var(--neutral-100);
    border: 1px solid var(--cyan-50);
}

#reference_client_name_row {
    display: none;
}

/*
#wind_cont {
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    max-width: 232px !important;
    bottom: -18px;
    border-width: 1px;
    border-style: ridge;
    border-color: grey;
}
*/
/*
#wind_cont:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid grey;
    content: '';
    position: absolute;
    right: 46%;
    bottom: -10px;
    margin-left: -10px;
}

#wind_cont.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -19px;
    bottom: auto;
}

#wind_cont.left:after {
    left: 10px;
    margin: 0;
}

#wind_cont.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}

.parent_wind {
    display: none;
    position: absolute;
    z-index: 1000;
    min-width: 180px;
}
*/

.parent-check-contact{
    bottom: 5px;
}

.parent-check-address{
    top: 110px;
}

.parent-check-address, .parent-check-contact{
    display: none;
    position: fixed;
    z-index: 1000;
    min-width: 180px;
    /*left: 70px;*/
    margin-bottom: 0!important;
}


.alert-close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: var(--black-col);
    text-shadow: 0 1px 0 var(--white-col);
    filter: alpha(opacity=20);
    opacity: .2;

    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}


.timer {
    height: 150px;
}

#show_timer, #show_timer1 {
    /*width: 150px;*/
    overflow: hidden;
}

.filled_green {
    background-color: var(--lime-60);
    color: var(--lime-85);
}

.filled_blue {
    background-color: var(--cyan-50);
    color: var(--blue-90);
}

.running {
    background: url('../images/stop_button.png') no-repeat 50%, 0;
    width: 100%;
    cursor: pointer;
    display: inline-block;
    padding: 72px 0;
}

.start {
    background: url(../images/start_button.png) no-repeat 50%, 0;
    width: 100%;
    cursor: pointer;
    display: inline-block;
    padding: 72px 0;
}

#interest_amt {
    text-decoration: line-through;
}

.avatar, .avatar img {
    border-radius: 0
}

.btn, .nav a, .breadcrumb a {
    text-decoration: none !important;
}

.input-small {
    width: 100px;
}

/*.media-body > .panel {
    margin-right: 5px;
}*/

.poser {
    position: relative;
}

.colpick {
    z-index: 9999;
}

.dropdown-menu > li > .showmarker {
    padding: 5px 15px;
}

.dropdown-menu > li > .showmarker:hover {
    background-image: none;
    filter: none;
    background-color: var(--neutral-95) !important;
    color: var(--brand-col);
}

.dropdown-menu-popover {
    z-index: 1050;
}

.modal-popover {
    z-index: 10002;
}

.panel.panel-default {
    border-color: var(--neutral-90);
}

.btn, .dropdown-menu, .panel.wrapper.panel-success, .thumb, .thumb-sm, .product_pulse_div {

}

.emp-dropdown li {
    display: inline-block;
    font-size: var(--font-size);
    color: var(--white-col);
    font-weight: bold;
    padding: 6px 8px;
    cursor: default;
    margin: 2px;
}
.emp-dropdown .reasonAbsence {
    cursor: pointer;
}

.emp-dropdown .crewInfo, .emp-dropdown .eqInfo{
    display: block;
    font-size: var(--font-size);
    color: var(--black-col);
    font-weight: bold;
}

.emp {
    border: 1px solid var(--neutralblue-90);
    padding: 10px;
    border-radius: var(--border-radius-4);
}

.emp {
    padding: 0;
    border: none;
}

.emp li {
    display: inline-block;
    font-size: 12px;
    color: var(--white-col);
    padding: 6px 8px;
    cursor: pointer;
    margin: 2px;
    float: left;
}

.emp li:after {
    content: none;
}

.emp li .moveFromCrew {
    font-size: 11px;
    font-weight: normal;
    opacity: 0.9;
    text-decoration: none !important;
    color: var(--white-col);
}

.emp li .moveFromCrew:hover {
    opacity: 1;
}

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

.moveFromCrew {
    display: inline!important;
    padding: 0px 3px!important;
    line-height: 1!important;
    text-decoration: none!important;
}

.sortable tr,
.sortable .sortable-handle{
    cursor: move;
}

.ui-sortable-disabled tr {
    cursor: auto;
}

th.sortable {
    cursor: pointer;
}

.sortable > .fa-caret-up,
.sortable > .fa-caret-down {
    margin-left: 4px;
}

/*@media only screen and (max-width: 768px){
    .modal-backdrop.in{
		z-index: -1!important;

    }
}

@media only screen and (max-device-width: 768px){
	.modal-backdrop.in{
		z-index: -1!important;

    }
}
@media only screen and (max-width: 768px){
    .modal-dialog {
		width: 80%;
    }
}

@media only screen and (max-device-width: 768px){
	.modal-dialog {
		width: 80%;
    }
}
*/

.modal-backdrop.in{
    z-index: 10000;
    position:absolute;
}
.modal.fade.in{
    z-index: 10001;
}
#processing-modal{
    z-index: 10002;
}
#getEmails a{
    text-decoration: none!important;
}
#getEmails .panel.panel-default{
    box-shadow: none;
}
.crewBonuses{
    cursor: pointer;
}
.bonusesList{
    width: 100%;
}
.possibleBonuses, .recivedBonuses{
    width: 100%!important;
    margin: 0!important;
    list-style: none;
}
.weatherWidget{
    height: 62px!important;
    overflow: hidden!important;
    padding: 0!important;
}
.alert-message {
    z-index: 10002;
}
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content
{
    /*width:404px!important;*/
    list-style: none;
    max-height: 200px!important;
    overflow: auto;
    z-index: 100000;
}
.ui-widget-content
{
    border: 1px solid var(--neutral-70);
    color: var(--neutral-15);
    background: var(--white-col);
}
.ui-state-focus, .dropdown-lead-addresses li:hover
{
    background: var(--gray-light-col);
    color: var(--brand-col);
}

.popup-block{position: absolute;display: inline-block;background: var(--white-col);padding: 2px 5px;border: 1px solid var(--black-col);border-radius: var(--border-radius-7);}
.popup-block:after{content:' ';background: url(/assets/img/map-popup-angle.png) no-repeat; width: 21px; height: 16px; position: absolute; bottom: -15px; left: -11px;}

.modal-open {
    position: fixed;
}

.modal.fade.in {
    background-color: rgba(46, 62, 79, 0.8);
}

.modal-backdrop.fade.in {
    display: none;
}

body.modal-open .scrollable.p-sides-15 {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

.editableform .editable-buttons {
    float: right;
    text-align: end;
    margin-top: 7px;
}

.editableform .editable-buttons .editable-submit {
    margin-right: 5px;
}

.editable-address {
    display: block;
    margin-bottom: 5px;
}

.editable-address .label-name {
    width: 60px;
    display: inline-block;
}

.editable-address .phone_type_switch{
    padding-left: 9px;
    padding-right: 9px;
}

.editableform .editable-address input,
#new_add_tab .editable-address input {
    width: 184px;
}

.editable-address .input-group-btn{
    width: 34px;
}

.editableform .editable-address .cc_phone{
    float: none;
    width:calc(184px - 34px);
}

td.day, th.dow {
    padding: 5px!important;
}

#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: var(--orange-60)!important;; }
#selectable .ui-selected { background: var(--orange-50)!important; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    /*overflow: hidden;*/
    border: 1px solid var(--neutral-80);
    white-space: nowrap;
    /* font-family: sans-serif; */
    background: var(--white-col);
    color: var(--neutral-20);
    border-radius: var(--border-radius-5);
    padding: 0;
}

.custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
}

.custom-menu li:hover {
    background-color: var(--blue-90);
}

@media print {
    body {
        overflow: visible!important;
        overflow-x: hidden;
    }
    a[href]:after {
        content: none !important;
    }
    a {
        text-decoration: none!important;
        border: none!important;
    }
    input, button {
        display: none !important;
    }
    .print-btns,header,.nav.nav-tabs,.breadcrumb,.panel-footer2 {
        display: none;
    }
    .scrollable.p-sides-15 {
        overflow: hidden;
        overflow-x: hidden;
    }
    .app .vbox > section, .app .vbox > footer {
        position: relative!important;
    }
    .stumps {
        zoom: 0.6;
    }

}
.dashboard-timer-action {
    width: 55px;
    min-width: 55px;
    height: 55px;
    min-height: 55px;
    border-radius: 50%;
    border: none;
}
.dashboard-timer-action > span {
    transition: all .5s;
}
.dashboard-timer-action[data-action='stop'] > span {
    background: #fff;
    width: 20px;
    height: 20px;
}
.dashboard-timer-action[data-action="start"] > span {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 20px solid white;
    margin-left: 7px;
}
.dashboard-timer-today {
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
}

.login-overlay
{
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    color: var(--default-text);
    z-index: 1000;
    width:100%;
}
@media (max-width: 767px){
    #loginData {
        margin-top: 65px;
    }
}

.w-100{ width: 100%!important; }

#users-contacts{
    overflow: scroll;
    max-height: 200px;
}
#userExt::-webkit-outer-spin-button,
#userExt::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
#timeline a {
    color: var(--white-col);
}

.select2-drop-mask {
    z-index: 10007 !important;
}
.select2-drop
{
    z-index: 10008 !important;
}

.select2-container .select2-search-choice-close {
    height: 13px !important;
}

.select2-container.select2-container-multi {
    height: auto!important;
}

/* .stamp_css
{
    float: right;
    position: relative;
    display: inline-block;
    color: #E5000B;
    padding: 7px;
    background-color: white;
    box-shadow:inset 0px 0px 0px 5px #E5000B;
}
.stamp_css:after
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px solid;
    background-image: url('../images/5O74VI6.jpg');
    mix-blend-mode: lighten;
} */
.panel .profile-table tbody tr td:first-child {
    width: 36%;
}
.panel .profile-table tbody tr td {
    padding-left: 10px;
    padding-right: 10px;
}
.sms_notes .message.to {
    background-color: var(--blue-50);
    color: var(--white-col);
    margin-left: 20px;
    float: right;
}
.sms_notes .message {
    border-radius: 15px;
    margin: 0 15px 10px;
    padding: 10px 20px;
    position: relative;
    display: inline-block;
    /* max-width: 300px; */
    word-wrap: break-word;
    white-space: pre-line;
    line-height: 17px;
}
.sms_notes .chat-date {
    text-align: center;
    color: var(--neutral-40);
    margin: 0 15px 10px;
}
.sms_notes .message-row{
    display: table;
    width: 100%;
    padding: 10px 5px;
}

.sms_notes .message-time.to {
    text-align: left;
}

.sms_notes .message-time.to, .sms_notes .message-time.from {
    color: var(--neutral-40);
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 10px 10px;
    white-space: nowrap;
}
.sms_notes .message-time .badge {
    right: 5px;
}
.sms_notes .message:before {
    border-color: var(--blue-50);
    border-radius: 50% 50% 50% 50%;
    border-style: solid;
    border-width: 0 20px;
    bottom: 0;
    clip: rect(27px, 35px, 42px, 0px);
    content: " ";
    height: 40px;
    position: absolute;
    right: -50px;
    width: 31px;
    z-index: 1;
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
}
.sms_notes .message.from.support:before {
    border-color: var(--lime-30);
}
.sms_notes .message.from:before {
    border-color: var(--neutral-90);
    left: -50px;
    transform: rotateY(180deg);
}
.sms_notes .message.from {
    background-color: var(--neutral-90);
    color: var(--neutral-20);
    margin-right: 20px;
}

.sms_notes .message-time.from {
    text-align: right;
}
.paperText {
    height: 16%!important;
    resize: none;
    width: 100%;
    margin: 0;
    border: 0;
    outline: none;
    outline-offset: 0;
}
.paperText:focus{
    background: var(--white-col);
}
.papers-block{
    overflow: auto;
    height:84%;
}
.panel.ovrflw-x {
    overflow-x: auto;
}
.radio-custom > i.checked:before, .checkbox-custom > i.checked:before
{
    color: var(--lime-60);
}

@media (min-width: 300px) {
    .panel.panel-default {
        overflow: auto;
    }
}

.visa
{
    width: 69px;
    height: 46px;
    background: url(/assets/img/card_types.png) no-repeat;
    background-position: 0px 0px;
}
.mastercard
{
    width: 69px;
    height: 46px;
    background: url(/assets/img/card_types.png) no-repeat;
    background-position: -69px 0px;
}

.diners
{
    width: 69px;
    height: 46px;
    background: url(/assets/img/card_types.png) no-repeat;
    background-position: -138px 0px;
}

.jcb
{
    width: 69px;
    height: 46px;
    background: url(/assets/img/card_types.png) no-repeat;
    background-position: -207px 0px;
}

.amex
{
    width: 69px;
    height: 46px;
    background: url(/assets/img/card_types.png) no-repeat;
    background-position: -276px 0px;
}

.discover
{
    width: 69px;
    height: 46px;
    background: url(/assets/img/card_types.png) no-repeat;
    background-position: -345px 0px;
}

td .cardnumber{
    padding-top: 8px;
}
@media (max-width:992px){
    .estimate_profile_data{
        width: 100%;
    }
}
/* @media (min-width:992px){
    .estimate_profile_data{
        float: right;
        width: 252px;
    }
} */

.equipment-files-row
{
    margin-top: 10px;
}

.equipment-files-row .row {
    margin-right: 0;
    margin-left: 0;
}
#clear_search
{
    width: 0px !important;
}

#clear_search button
{
    margin-left: -24px !important;
    z-index: 9 !important;
}
.items-less-height
{
    min-height: 100px !important;
    height:  100px !important;
}

#errorMessage, #successMessage {
    left: 50%;
    transform: translate(-50%, 0);
}

.estimators-container
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 6px;
}

.estimators-container .bg-light
{
    padding: 6px;
    margin-right: 5px;
    margin-bottom: 4px;
}

.lead-files, .lead_comment_note
{
    max-height: 200px;
    overflow: auto;
}

.lead-files > div
{
    display: inline-block;
    text-align: center;
}

.lead-files img
{
    max-height: 50px;
    width: auto;
    padding: 4px;
}

.lead-files a
{
    display: block;
}

.dropzone-lead .dz-details
{
    display:none;
}

.dropzone-lead .dz-image
{
    z-index: 1!important;
    width: 94px!important;
    height: 94px!important;
}

.dropzone-lead .dz-image img
{
    -webkit-filter: none !important;
    filter: none !important;
    width: 100%;
}
.form-control.picker[readonly], .form-control.datepicker[readonly]{
    cursor: pointer;
    border-radius: var(--border-radius);
}

.qb-svg-success{
    background: url('/assets/img/qb-success.svg') no-repeat top right;
    cursor: pointer;
}

.pl11.qb-svg-secondary.btn:active,
.pl11.qb-svg-secondary.btn.active {
    background: url('/assets/img/qb-secondary.svg') no-repeat top right;
}

.pl11.qb-svg-success.btn:active,
.pl11.qb-svg-success.btn.active {
    background: url('/assets/img/qb-success.svg') no-repeat top right;
}

.pl11.qb-svg-danger.btn:active,
.pl11.qb-svg-danger.btn.active {
    background: url('/assets/img/qb-danger.svg') no-repeat top right;
}

.pl11.qb-svg-warning.btn:active,
.pl11.qb-svg-warning.btn.active {
    background: url('/assets/img/qb-warning.svg') no-repeat top right;
}


.pl11.xero-svg-secondary.btn:active,
.pl11.xero-svg-secondary.btn.active {
    background: url('/assets/img/xero-secondary.svg') no-repeat top right;
}

.pl11.xero-svg-danger.btn:active,
.pl11.xero-svg-danger.btn.active {
    background: url('/assets/img/xero-danger.svg') no-repeat top right;
}

.pl11.xero-svg-success.btn:active,
.pl11.xero-svg-success.btn.active {
    background: url('/assets/img/xero-success.svg') no-repeat top right;
}

.pl11.xero-svg-warning.btn:active,
.pl11.xero-svg-warning.btn.active {
    background: url('/assets/img/xero-warning.svg') no-repeat top right;
}

div.qb-svg-secondary{
    height: 20px !important;
}
.qb-svg-secondary{
    background: url('/assets/img/qb-secondary.svg') no-repeat top right;
    cursor: pointer;
    background-position: right center;
    background-size: 20px 20px;
}


.qb-svg-danger{
    background:
            url('/assets/img/qb-danger.svg') no-repeat top right;
    cursor: pointer;
}
.qb-svg-warning{
    background:
            url('/assets/img/qb-warning.svg') no-repeat top right;
    cursor: pointer;
}
.xero-svg-success{
    background:
            url('/assets/img/xero-success.svg') no-repeat top right;
    cursor: pointer;
}
.xero-svg-danger{
    background:
            url('/assets/img/xero-danger.svg') no-repeat top right;
    cursor: pointer;
}
.xero-svg-warning{
    background:
            url('/assets/img/xero-warning.svg') no-repeat top right;
    cursor: pointer;
}


div.xero-svg-secondary{
    height: 20px !important;
}
.xero-svg-secondary{
    background: url('/assets/img/xero-secondary.svg') no-repeat top right;
    cursor: pointer;
    background-position: right center;
    background-size: 20px 20px;
}

div.xero-svg-warning{
    height: 20px !important;
}
.xero-svg-warning{
    background: url('/assets/img/xero-warning.svg') no-repeat top right;
    cursor: pointer;
    background-position: right center;
    background-size: 20px 20px;
}



a.disabled {
    pointer-events: none;
    color: var(--disabled-text) !important;
}

.d-flex {
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important;
}

.flex-10{ flex: 0 0 10%; }
.flex-20{ flex: 0 0 20%; }
.flex-30{ flex: 0 0 30%; }
.flex-40{ flex: 0 0 40%; }
.flex-45{ flex: 0 0 45%; }
.flex-50{ flex: 0 0 50%; }
.flex-55{ flex: 0 0 55%; }
.flex-60{ flex: 0 0 60%; }
.flex-70{ flex: 0 0 70%; }
.flex-80{ flex: 0 0 80%; }
.flex-90{ flex: 0 0 90%; }
.flex-100{ flex: 0 0 100%; }

.flex-wrap{
    flex-wrap: wrap;
}

.flex-nowrap{
    flex-wrap: nowrap;
}

.d-none {
    display: none !important;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.d-inline {
    display: -webkit-inline !important;
    display: -ms-inline !important;
    display: inline !important;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.project-contacts-dropdown, .assigned-dropdown{
    border: none;
    background: #fff0;
    outline: none;
    color: var(--default-text);
}

.project-contacts-dropdown > a{
    height: 30px!important;
}

@media (min-width: 992px) {
    .w-md-50 {
        width: 50% !important;
    }

    .pull-md-right {
        float: right !important;
    }

    .p-md-left-0 {
        padding-left: 0px;
    }

    .p-md-right-0 {
        padding-right: 0px;
    }
    .breadcrumb .actionsList {
        display: none;
    }
}

.text-nowrap {
    white-space: nowrap !important;
}

/*services select2*/
.selectService.select2-services {
    height: 34px;
    width: 114px;
    margin-right: 5px;
}

.product-select2, .service-select2, .bundle-select2, .product-select2-bundle, .service-select2-bundle{
    max-height: 500px;
    max-width:300px;
    min-width:200px;
    overflow: auto;
    position: absolute !important;
    margin-top: unset !important;
    left: 0px !important;
    display: none;
}

.selectService .select2-container, .selectService .select2-choice, .selectService .select2-chosen {
    visibility: hidden;
    height: 0px !important;
    padding: 0 !important;
    border: 0 !important;
    margin-top: -94px;
}
.select-service-dropdown, .select-product-dropdown{
    width: 300px !important;
}
.select2-choice{
    border-color: var(--gray-on-gray-col) !important;
}

.thumb-md img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    margin-bottom: 15px;
}

/*favourite icons*/
.favourite-icon {
    display: inline-block;
    background-image: url('../../../print/sprite2.png');
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-size: 214px 214px;
}

.favourite-icon-product {
    border: 1px solid var(--lime-60);
    background-color: var(--lime-60);
}

.favourite-icon-service {
    border: 1px solid var(--warning-col);
    background-color: var(--warning-col);
}

.favourite-icon-bundle {
    border: 1px solid var(--cyan-50);
    background-color: var(--cyan-50);
}

.tree-removal {
    background-position: 0px -46px;
}

.arborist-report {
    background-position: -150px -46px;
}

.root-fertilizing {
    background-position: -90px -46px;
}

.pruning-service {
    background-position: -180px -46px;
}

.planting-service {
    background-position: -60px -46px;
}

.stump-grinding {
    background-position: -30px -46px;
}

.christmas-tree {
    background-position: -120px -46px;
}

.first-letters {
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-size: 600%;
    text-align: center;
    vertical-align: bottom;
    color: var(--white-col);
    padding-top: 4px;
    margin-bottom: 4px;
}

a.favourites {
    cursor: pointer;
}
.client-info>table {
    min-width: 150px;
    /*max-width: 200px;*/
    /* margin-right: 5px; */
}

.white-space{
    white-space: normal;
    padding-left: 0;
    padding-right: 0;
}


#followupTable .bg-warning {
    background-color: var(--orange-85);
    color: var(--default-text);
}

#followupTable tbody td {
    border-top: 1px solid var(--white-col);
    vertical-align: middle;
}

#followupTable .notes span {
    display: block!important;
}

#followupTable .notes span a {
    text-decoration: none;
}

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

.dropzone-div {
    min-height: 160px;
}

.dropzone-div>.dropzone {
    left: 15px;
    right: 10px;
    top: 0;
    bottom: 18px;
}

.dropzone-div>.dropzone>.dz-message {
    position: absolute;
    left: 0;
    right: 0;
    top: 25%;
    bottom: 0;
}

.clients-filter-button button {
    padding: 0 15px;
    height: 30px;
}

.tags-container .js-expand-more {
    cursor: pointer;
}

.lead-expand-more{
    display: inline-block;
    padding: 10px 5px;
    cursor: pointer;
}

.clients-type__th:after, .clients-name__th:after {
    bottom: 5px!important;
    left: 15px;
}

/*#client-search-form .table tbody tr td:first-child {*/
/*    border: none;*/
/*}*/

.control-group__btn-checkbox {
    cursor: pointer;
}

.headline-dash {
    font-weight: 700;
    margin-bottom: 0;
}

#empAutologout .headline-dash__link {
    text-decoration: none!important;
}

#empAutologout .headline-dash__link:hover {
    text-decoration: underline!important;
}

.panel-default .table-striped .headline-dash__link {
    text-decoration: none!important;
}

.panel-default .table-striped .headline-dash__link:hover {
    text-decoration: underline!important;
}

.panel-default .table-striped .tasks-list-dash {
    text-align: center;
    font-weight: 600;
    text-decoration: none!important;
}

.panel-default .table-striped .tasks-list-dash:hover {
    text-decoration: underline!important;
}

.panel-default .table-striped .tasks-list-dash span {
    font-weight: 500;
    line-height: 23px;
}

.nav-user .messenger-item .open-messenger {
    background-color: inherit;
}

.nav-user .chat-box-item .dk {
    background-color: inherit;
}

.nav-user .messenger-item a:hover {
    background-color: var(--lime-40)!important;
}

.nav-user .chat-box-item a:hover {
    background-color: var(--lime-40)!important;
}

.dropdown-toggle .avatar img {
    width: 28px;
    height: 28px;
    object-fit: cover;
}

.vbox .perfomance-block .nav-tabs {
    display: flex;
}

.perfomance-block .panel-heading .nav-tabs > li > a  {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--neutral-90);
    border-bottom: 1px solid var(--neutral-90);
    border-top: none!important;
}

.perfomance-block .panel-heading .nav-tabs > .active > a:first-child  {
    border-left: none;
}

.perfomance-block .panel-heading .nav-tabs > .active > a:last-child  {
    border-right: none;
}

.perfomance-block .panel-heading .nav-tabs > .active > a {
    border-bottom: none!important;
}

#empAutologout td a {
    text-decoration: none;
}

#empOnline .empNumber {
    font-size: var(--font-size);
    color: var(--dark-link-text);
}

#empOnline .employeeOnline {
    text-decoration: none;
}

#empOnline .employeeOnline:hover {
    text-decoration: underline;
}

#empOnline .employeeOnline small {
    font-size: var(--font-size);
}

.gSearchItem-input:focus {
    border-radius: 500px!important;
}

.gSearchItem .ls_container .ls_result_div {
    margin-top: 8px;
    border-radius: 15px;
}

.gSearchItem .ls_container .ls_result_div .ls_result_main .bg-white {
    border-radius: 15px;
}

.gSearchItem .ls_container .ls_result_div .ls_result_main .bg-white li:first-child {
    border-radius: 15px 15px 0 0;
}

.gSearchItem .ls_container .ls_result_div .ls_result_main .bg-white li:last-child {
    border-radius: 0 0 15px 15px;
}

@media  (max-width: 1305px) {
    .create-estimate {/*padding: 6px 0px 6px 0px;*/}
}

@media  (max-width: 1205px) {
    .add-client {padding: 6px 0px 6px 0px;}
}

@media  (max-width: 1199px) {
    .add-client, .create-estimate {/*padding: 6px 12px 6px 12px;*/}
    .dropzone-div {padding-right: 20px}
    .config {padding-left: 15px !important;}
    .submit-div {padding-left: 15px}
    .textarea-div {padding-left: 15px}
    .schedule-appointment-estimator {padding-left: 10px !important;}
}

@media  (max-width: 992px) {
    .items-div {padding: 0px 5px 0px 10px;}
    .textarea-div {padding: 0px 10px 20px 10px;}
    .dropzone-div {padding: 0px 10px 20px 10px;}
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        width: 100%!important;
    }
}

@media  (max-width: 767px) {
    .shedule-div {padding-right: 0px; padding-bottom: 10px}
    .submit-div {padding-left: 0px}
}
@media (max-width: 1366px) {
    .schedule-appointment-datepicker {padding-left: 5px !important; padding-left: 10px}

}
@media (max-width: 1284px) {
    .schedule-appointment-datepicker {padding-left: 3px !important;}
}
@media (max-width: 1763px) {
    .modal-title-schedule {font-size: 17px !important; padding-top: 5px}
}
@media (max-width: 1679px) {
    .modal-title-schedule {font-size: 16px !important;}
    .schedule-appointment-estimator {padding-left: 0px; padding-right: 0px;}
}
@media (max-width: 1593px) {
    .modal-title-schedule {font-size: 15px !important;}
}
@media (max-width: 1509px) {
    .modal-title-schedule {font-size: var(--font-size) !important;}
}
@media (max-width: 1425px) {
    .modal-title-schedule {
        font-size: var(--font-size) !important;
        padding-top: 7px;
    }
}
/* body.swal2-shown > [aria-hidden="true"] {
  transition: 0.1s filter;
  filter: blur(10px);
  z-index: 99999;
} */


/* client profile */

.client-content {
    width: 100%;
    overflow-x: auto;
    position: absolute;
    margin-right: 15px;
}

.client-content #client_address_block{
    width: calc(100% - 270px);
}
@media (max-width: 600px) {
    .client-content #client_address_block{
        width: 100%;
    }
}

.tab-content.client-content > .active {
    display: flex;
}

.tab-content.client-content .col-md-4 {
    padding-right: 15px;
    height: 100%;
    flex: 1;
}

.sales-card-inner {
    display: flex;
}

.switch-card-btn {
    display: none;
    top: 12px;
    left: 84px;
    transform: rotate(90deg);
    cursor: pointer;
}

.sales-card .switch-card-btn {
    top: 2px;
}

.chart-info-wrapper {
    margin-left: 20px;
}

.chart-info {
    margin-top: -3px;
}

.switch-card h5 {
    display: none;
}

@media (max-width: 1650px) {
    .sales-card {
        display: none;
    }
    .switch-card-btn {
        display: block;
    }
    .sales-card-inner {
        justify-content: space-between;
    }
    .sales-card-inner > .inline,
    .chart-info-wrapper {
        margin-left: 10px;
    }
    .switch-card h5 {
        display: block;
        font-size: var(--font-size);
        margin-top: -6px;
    }
    .est-card-title h4,
    .sales-card-title h4 {
        font-size: 16px;
        font-weight: 600;
    }
}

@media (min-width: 1650.1px) {
    .switch-card {
        display: block !important;
    }
}

.panel-heading .nav-tabs.client-info-tabs > li > a
.panel-heading .nav-tabs.jobs-info-tabs > li > a {
    font-weight: bold;
    color: var(--default-text);
    padding: 12px 15px !important;
}

.client-info-tabs i,
.jobs-info-tabs i {
    margin-right: 4px;
}

.panel-heading .nav-tabs.client-info-tabs > li.active > a,
.panel-heading .nav-tabs.client-info-tabs > li.active > a:hover,
.panel-heading .nav-tabs.client-info-tabs > li.active > a:focus,
.panel-heading .nav-tabs.client-info-tabs > li > a:hover

.panel-heading .nav-tabs.jobs-info-tabs > li.active > a,
.panel-heading .nav-tabs.jobs-info-tabs > li.active > a:hover,
.panel-heading .nav-tabs.jobs-info-tabs > li.active > a:focus,
.panel-heading .nav-tabs.jobs-info-tabs > li > a:hover {
    color: var(--lime-60);
}

.stamp_css {
    font-size: 24px;
    margin: -10px 15px -10px 0;
    padding-top: 5px;
}

.client-map-wrapper {
    max-width: 255px;
    right: 0px;
    top: 0px;
    bottom: 0;
    padding-left: 15px;
    margin: 15px;
    overflow: hidden;
    z-index: 1;
}

.clientName .rating-container {
    color: transparent;
    -webkit-text-stroke: 1px var(--lime-60);
}

.clientName .rating-container .rating-stars {
    color: var(--lime-60);
}

.clientName .star-rating {
    font-size: 20px;
}

.clientName .rating-container .rating-stars:before {
    text-shadow: 0 0 1px var(--lime-60);
}

#content .stump_address,
#content .contact-table a,
#content .clientName a,
#content .client_contact_block a {
    text-decoration: none !important;
}

.top-right-block {
    flex-grow: 1;
}

.tag-container-wrapper {
    height: 35px;
}

#client_address_block .client-tags-container,
.project-row .client-tags-container,
#project-name-section .client-tags-container{
    width: calc(100% - 20px);
}

.project-row .client-tags-container .lead-tags-icon{
    margin-top: 7px;
}

#project-name-section .client-tags-container .lead-tags-icon{
    margin-top: 10px;
}

#client_address_block .client-tags-dropdown-container.select2-container,
.project-row .client-tags-dropdown-container.select2-container,
#project-name-section .client-tags-dropdown-container.select2-container{
    overflow: hidden;
    height: 30px !important;
}

.project-row .client-tags-dropdown-container.select2-container{
    padding-right: 3%;
}

#client_address_block .client-tags-dropdown-container.open,
.project-row  .client-tags-dropdown-container.open,
#project-name-section .client-tags-dropdown-container.open {
    overflow: visible;
    height: auto !important;
    max-height: 120px;
    overflow-y: auto;
    box-shadow: 0 0 0 1px var(--neutral-93);
    border-radius: var(--border-radius-4);
    background-color: white;
}
.project-row  .client-tags-dropdown-container.open{
    margin-bottom: -120px;
}

.client-tags-dropdown-container.open + .client-tags-container{
    margin-top: -5px;
}

#client_address_block .select2-container-multi .select2-choices,
.project-row  .select2-container-multi .select2-choices,
#project-name-section .select2-container-multi .select2-choices {
border-bottom: 0 !important;
height: 30px !important;
display: flex;
}

#client_address_block .client-tags-dropdown-container.open .select2-choices,
.project-row .client-tags-dropdown-container.open .select2-choices,
#project-name-section .client-tags-dropdown-container.open .select2-choices {
    height: auto !important;
    display: inline-block;
}

#client_address_block .client-tags-container .text-warning,
.project-row .client-tags-container .text-warning,
#project-name-section .client-tags-container .text-warning {
    width: initial;
    margin-right: 5px;
}

.contact-edit-right {
    margin: -3px -20px 0 auto;
}

.billing-edit-right {
    margin: -2px -5px 0 auto;
}

#content .stump_address:hover,
#content .sites-name:hover {
    text-decoration: underline;
}

.client-content .inline {
    margin-top: -12px;
}

.client-content .alert {
    width: 320px;
    border: 1px solid var(--neutral-93);
    margin-left: 15px;
    padding-right: 30px;
    margin-bottom: 0;
    font-size: inherit;
}
/*
.client-content .contact-container{
border: none;
border-right: 1px solid #ebebeb;
}*/

.client-content .alert.billing-alert {
width: 280px;
padding-right: 15px;
}

#client_contacts_block [data-cc-id="1"] {
background-color: var(--orange-95);
border-color: var(--orange-90);
}

#client_contacts_block .client-mail {
color: var(--dark-link-text) !important;
}

.contact-table {
width: 100%;
}

.contact-table .v-top {
padding-top: 24px;
}

.sites_address {
margin-bottom: 16px;
}

.contact-filed {
    height: 36px;
    max-width: 274px;
}

.overflow-ellipsis{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.btn-xs.btn-flat {
font-size: var(--font-size);
}

.text-secondary {
color: var(--neutral-40) !important;
}

.client-buttons {
margin-top: -1px;
}

.papers-top-block {
margin-left: 46px;
}

.papers-top-block .btn,
.papers-top-block .btn:focus, .papers-top-block .btn:active {
    background-color: transparent;
    outline: 0!important;
    padding: 10px 10px;
    margin-bottom: -5px;
    margin-right: 0px;
}

.client-paper {
    padding: 10px 15px;
    flex-wrap: wrap;
    position: relative;
    margin-left: 46px;
    margin-bottom: 30px;
}

.client-paper small {
    position: absolute;
    bottom: -22px;
    right: 0;
}

.client-paper .deletePaper {
    cursor: pointer;
    position: absolute;
    bottom: -16px;
    right: 2px;
    font-size: 11px;
}

.client-paper .arrow.left {
    top: 20px;
    left: -8px;
}

.client-paper-text {
word-break: break-word;
    /*
    border-top: 1px solid #e8e8e8;
    padding: 10px 15px 0;
    margin-top: 10px;
    */
}

.client-paper-avatar {
    position: absolute;
    top: 0;
    left: -46px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.75);
    /* background-color: #d5d5d5; */
    background-color: var(--brand-col);
    font-size: 20px;
    text-align: center;
    padding: 2px 0;
    /* color: #8ec165;*/
    /*color: #999; */
    color: var(--white-col);
}

/* .client-paper-avatar img {
    width: 34px;
    height: 34px;
    object-fit: cover;
} */

.client-buttons .panel-default {
    overflow: visible;
}

.client-buttons .right-btn-block {
    color: var(--default-text) !important;
    text-decoration: none !important;
    font-size: var(--font-size);
    font-weight: bold;
    border: 0;
    padding: 0;
    background: transparent;
    width: 100%;
    margin-top: -5px;
}

.client-buttons form .right-btn-block:first-child {
    margin-top: 0;
}

.right-btn-block:hover {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: var(--border-radius);
}

.right-btn-block .btn-sm {
    width: 46px;
    padding: 10px;
    color: var(--lime-50);
    font-size: var(--font-size);
    background-color: transparent !important;
    margin-right: 2px;
}

/* .clientName a {
    font-weight: 600;
} */

.default-contact-block {
    margin: 0 6px 0 -2px;
}



/* Estimate profile */

.tab-content.client-content > .active {
    display: flex;
}

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

.overflow-visible {
    overflow: visible;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.font-size-14 {
    font-size: 14px;
}
.font-size-16 {
    font-size: 16px;
}

.td-bottom-0 {
    padding-bottom: 0 !important;
}

.td-top-0 {
    padding-top: 0 !important;
}

.td-bottom-10 {
    padding-bottom: 10px !important;
}

#profile-wrapper {
    overflow: initial;
    /*height: 100%;*/
    min-height: 100%;
    height: 100vh;
}

@media (min-width: 769px){
    #profile-wrapper {
        width: calc(100% - 285px);
    }
}

@media (max-width: 768px){
    #profile-wrapper .col-xs-12,
    #profile-wrapper.col-xs-12
    {
        width: 100%;
    }
}

.estimated-block {
    font-size: var(--font-size);
    /*padding-left: 12px;*/
}

.profile-menu{
    position: absolute;
    top: -1px;
    right: -285px;
    width: 270px;
    overflow: visible;
}

.workorder-estimate-menu.profile-menu{
    top: 147px!important;
    border-top: 0;
}

.invoice-estimate-menu.profile-menu{
    top: 175px!important;
    border-top: 0;
}

.sticky-right.stick {
    position: fixed!important;
    top: 0!important;
    right: 25px!important;
    margin: 50px 0 0;
}

.sticky-right.stick.workorder-estimate-menu
{
    top: 148px!important;
}

.sticky-right.stick.invoice-estimate-menu
{
    top: 175px!important;
    z-index: 1;
    right: 26px!important;
}

.cursor-not-allowed,
.select2-results .select2-disabled.cursor-not-allowed > .select2-result-label {
    cursor: not-allowed !important;
}
/*
.sticky-right.invoice-menu{
    padding-bottom: 294px;
}
*/
.sticky-right.invoice-menu > div > table{
    margin-bottom: 0!important;
}

.sticky-right.stick.invoice-menu{
    z-index: 2;
    box-shadow: none;
    border-bottom: none;
    padding-bottom: 0px!important;
}

.sticky-right.stick.invoice-menu .sms-dropdown-menu{
    position: fixed;
    top: 223px;
    right: 51px!important;
}
/*md*/
@media (min-width: 768px){
    #lead-wrapper > .col-md-3,
    #estimate-wrapper > .col-md-3,
    #workorder-wrapper > .col-md-3{
        position: absolute;
        /*top: -59px;*/
        /*right: -302px;*/
        top: -42px;
        right: -286px;
        width: 270px;
        overflow: visible;
        /*overflow-x: hidden;*/
    }

    #estimateForm #estimate-wrapper > .col-md-3{
        top: -332px;
        right: -302px;
    }

    #estimateForm #estimate-wrapper > .col-md-3.sticky-right.stick{
        position: fixed!important;
        top: 0!important;
        right: 24px!important;
        margin: 50px 0 0;
    }
}

/*xs*/
@media (max-width: 768px){
    #lead-wrapper > .col-xs-12,
    #estimate-wrapper > .col-xs-12,
    #workorder-wrapper > .col-xs-12,
    #lead-wrapper > .client-buttons.col-xs-12,
    #estimate-wrapper > .client-buttons.col-xs-12,
    #workorder-wrapper > .client-buttons.col-xs-12{
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        overflow: auto;
    }
}


#lead-wrapper > .col-md-9,
#estimate-wrapper > .col-md-9,
#workorder-wrapper > .col-md-9{
    width: 100%;
}

.panel-right {
    width: 400px;
    border: 0;
    background-color: transparent;
}

#profile-wrapper select.form-control,
/*.edit-task-modal select*/ {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('../../../img/chevron-down-solid.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) 9px, calc(100% - 20px) 13px, 100% 0 !important;
    background-size: 18px 14px, 18px 14px;
    padding-right: 21px !important;
}

#profile-wrapper .estimate_statuses #changeEstimator {
    border: 0;
    background-position: calc(100% - 6px) 9px, calc(100% - 20px) 13px, 100% 0 !important;
    cursor: pointer;
}

.panel .table td.select-row {
    padding-left: 4px;
}

.panel .estimate_statuses td,
.panel .workorder_statuses td,
.panel .estimate_profile_data td  {
    border-top: 0;
}

#content #profile-wrapper a {
    text-decoration: none;
}

#content #profile-wrapper [data-toggle="popover"],
[data-toggle="popover"],
[data-toggle="popover1"],
.service-optional,
.service-optional-view-mode
{
    text-decoration: underline;
    cursor: pointer;
}

.service-optional-view-mode.disabled
{
    cursor: progress;
}

#content a.btn-flat {
    font-size: var(--font-size);
}

.service-title {
    padding-left: 22px;
}

.est-file.d-flex {
    align-items: center;
    justify-content: center;
    background-color: var(--neutral-95);
    border-radius: 20px;
}

.est-tags-parent-container {
    flex-wrap: wrap;
    column-gap: 30px;
    float: none;
    background-color: var(--neutral-100);
    border-top: 1px solid var(--neutral-90);
    padding: 12px 15px;
}

.est-tags-parent-container header {
    justify-content: space-between;
    align-items: center;
    height: 34px;
}

.table.estimate_statuses > tbody + tbody {
    border-top: 0;
}

.panel .table .file-info-row {
    flex-wrap: wrap;
    padding-top: 6px !important;
    padding-bottom: 0;
    display: none;
}

.panel .table .file-info-row.hide-file,
.panel .table .file-info-row.hide-lead {
    display: block;
    width: 100%;
    padding-left: 45px;
    padding-right: 0;
}

.plusClE{
    top: 3px;
    left: -15px;
    position:relative;
    display:block;
    float:left;
    width:50px;
}

.plusCl, .plusClW{
    position:relative;
    top:-9px;
    left: 0px;
    display:block;
    float:left;
    width:50px;
}

#filesH{
    padding: 15px;
    margin:0px;
    font-size: 13px;
    background-color: var(--white-col);
}

#filesH b{
    font-family: "Figtree", Helvetica, Arial, sans-serif;
}

.file-title {
    display: flex;
    justify-content: space-between;
}

.file-title.hide-title,
.file-title.hide-title-lead {
    display: none;
}

.panel .table td.file-toggle {
    padding: 8px 15px 4px 0 !important;
    text-align: center;
    width: 44px;
}

.file-toggle .text-muted .text-active,
.file-toggle .active .text-muted .text {
    display: block !important;
}

.file-toggle .text-muted .text,
.file-toggle .active .text-muted .text-active {
    display: none !important;
}

.file-info-row a img {
    width: 60px;
    height: 60px;
    border-radius: var(--border-radius-4);
    object-fit: cover;
}

.file-info-row .pos-rlt {
    margin: 0 10px 10px 0;
}

.file-info-row .pos-rlt label {
    position: absolute;
    top: -2px;
    right: -5px;
}

.file-info-row .pos-rlt span.lable {
    position: absolute;
    background-color: var(--green-30);
    display:block;
    width: 18px;
    height:18px;
    top: 2px;
    left: 2px;
    color: white;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    border-radius: var(--border-radius);
    padding-top:1px;
    border:none;
    text-align: center;
}

.file-info-row .pos-rlt .btn {
    position: absolute;
    bottom: -4px;
    right: -4px;
    background-color: var(--white-col);
    visibility: hidden;
}

.file-info-row .pos-rlt:hover .btn {
    visibility: visible;
}

.servRow{
    clear: both;
}

.servRow .servImg .btn {
    position: absolute;
    bottom: -4px;
    right: -4px;
    background-color: var(--white-col);
    visibility: hidden;
}

.servRow .servImg:hover .btn {
    visibility: visible;
}

.upload-files-table tr.pos-abt {
    position: absolute;
    width: 100%;
    z-index: 0;
}

.upload-files-table tr td.text-right {
    width: 45px;
}

.upload-files-table .add-file-btn-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75px;
}

.address-input,
.app-input {
    padding: 8px 30px 6px 0;
    position: relative;
    min-height: 34px;
}

.address-input span,
.app-input span {
    font-size: var(--font-size);
}

.address-input > a,
.app-input > a {
    position: absolute;
    right: 11px;
    top: 6px;
}

.address-input .editable-address span {
    margin-right: 10px;
}

.address-input .editable-address input {
    width: 174px !important;
}

/* Custom radio input */
.container-check {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 24px;
}
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: transparent;
    border: 2px solid var(--neutral-85);
    border-radius: var(--border-radius);
    cursor: pointer;
}
.container-check:hover input ~ .checkmark {
    background-color: transparent;
}
.container-check input:checked ~ .checkmark {
    background-color: transparent;
    border: 0;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.container-check input:checked ~ .checkmark:after {
    display: block;
    content: '\f14a';
    font-family: 'FontAwesome';
    font-size: 1.2em;
    color: var(--lime-60);
    line-height: 1;
}
.container-check .checkmark:after {
    top: -1px;
    left: 0;
}

.text-default {
    color: var(--default-text) !important;
}

.estimate_statuses .service-item {
    padding: 6px 0 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--gray-on-white-col);
    position: relative;
}

.estimate_statuses .service-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.estimate_statuses .datepicker,
.estimate_profile_data .form-control {
    padding: 6px 12px;
    border: 0;
    background-color: transparent;
    margin-left: -12px;
}

.estimate_statuses .sortable .service-item .descript-block > .m-b-sm.d-flex {
    /*padding-left: 25px;*/
}

.estimate_statuses .service-item .descript-block > .m-b-sm .fa-check {
    top: 2px;
}

.estimate_statuses .service-item .descript-block > .m-b-sm .fa-ban {
    top: 3px;
}

.drag-icon {
    position: absolute;
    top: 1px;
    left: 0;
    width: 16px !important;
    height: 16px !important;
    cursor: move;
}

.pos-rlt.drag-icon {
    position: relative;
}

.sortable-ghost-background,
.bundleTotal.sortable-ghost-background {
    background-color: rgba(255, 195, 51, 0.64);
}

#lead-wrapper hr,
#estimate-wrapper hr,
#workorder-wrapper hr{
    border-top: 1px solid var(--neutral-80);
    height: 1px;
    width: calc(100% - 30px);
    margin-left: 15px;
}

.panel .total-table-wrapper .estimate_statuses td:first-child {
    padding: 6px 0 6px 0;
}

.panel .total-table-wrapper .estimate_statuses td:last-child {
    padding: 6px 0 6px 0;
}

.line-dashed-bottom {
    border-bottom: 1px dashed var(--neutral-80);
}

.line-dashed-top {
    border-top: 1px dashed var(--neutral-80) !important;
}

.estimate_statuses .select2-container .select2-choice {
    background-color: transparent;
    border-color: transparent !important;
}

.estimate_statuses .select2-container .select2-choice .col-md-3 {
    padding: 0;
    text-align: left;
}

.estimate_statuses .select2-container .select2-choice .col-md-3 img {
    width: 20px !important;
    height: 20px !important;
    background-color: var(--neutral-85);
    padding: 1px;
}

.estimate_statuses .select2-container .select2-choice .col-md-9 {
    margin-left: -40px !important;
    padding-top: 3px !important;
    text-align: left;
}

.estimate_statuses select,
.invoice-menu select,
.invoice-menu input
{
    background-color: transparent;
    border: 0;
}

.estimate_statuses .deleteEstimatePhotoClass {
    margin-left: auto;
}

.popover-container .popover,
#changePriority {
    width: 190px;
    left: initial !important;
    right: 10px;
}

#changePriority {
    margin-top: -90px;
}

.popover-container .popover .arrow,
#changePriority .arrow {
    left: 88% !important;
}

.popover-container .popover select,
#changePriority select,
.estimate_statuses .popover .select2-container .select2-choice {
    border: 1px solid var(--gray-on-gray-col) !important;
}

#changePriority form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#profile-wrapper .actionsList {
    margin: -2px -4px -2px 0;
    /* background-color: transparent; */
    padding: 2px 12px;
    /* color: #717171;
    align-items: center; */
    font-size: var(--font-size);
}

#profile-wrapper .right-block-actions .actionsList,
#profile-wrapper .workorder-block-actions .actionsList {
    background-color: var(--lime-50);
    padding: 6px 12px;
    width: calc(100% - 30px);
    margin: 11px 15px 5px;
}

.workorder-panel .col-md-3 .right-block-actions .actionsList,
.invoice-panel .col-md-3 .right-block-actions .actionsList {
    display: none;
}

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

#profile-wrapper .dropdown-menu.project-estimate-statuses-dropdown {
    left: 0;
    right: auto;
}

#profile-wrapper .task-status-dropdown .dropdown-menu{
    right: unset;
    left: unset;
}

/* #profile-wrapper .actionsList .feather {
    width: 16px;
    height: 16px;
} */

#profile-wrapper .actionsList:hover {
    color: var(--lime-60);
}

#profile-wrapper .actionsDropdown .nav {
    margin: 0;
}

.actionsDropdown .nav-primary ul.nav > li.active > a{
    background-color: var(--white-col)!important;
}

.actionsDropdown .nav-primary ul.nav > li.active > a.nav-submenu{
    background-color: rgba(0, 0, 0, 0.05) !important;
}

#profile-wrapper.panel.panel-default{
    background-color: inherit!important;
}

#profile-wrapper.panel.panel-default .panel-body,
#profile-wrapper.panel.panel-default .notoverflowed{
    background-color: var(--white-col);
}

.file-title{ cursor: pointer; }
.file-title.active{
    background-color: var(--white-col)!important;
}

#lead-wrapper td .feather,
#estimate-wrapper td .feather,
#workorder-wrapper td .feather,
.estimate_profile_data .feather {
    margin-top: 2px;
}

.feather {
    width: 14px;
    height: 14px;
}

.icon-left {
    padding-right: 0 !important;
    width: 32px;
}

.item-row {
    column-gap: 30px;
}

.item-col img {
    border-radius: var(--border-radius-4);
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.item-row > .item-col {
    width: 50%;
}

#profile-wrapper .status-select-group select {
    border: 0;
    padding-top: 3px;
    height: 28px;
    margin-right: -4px;
    cursor: pointer;
    font-weight: bold;
    -webkit-appearance: auto;
    appearance: auto;
    background-image: none;
    padding-right: 5px !important;
    outline: none !important;
    font-size: var(--font-size);
}

#lead-wrapper .col-md-9 .control-label,
#estimate-wrapper .col-md-9 .control-label,
#workorder-wrapper .col-md-9 .control-label{
    line-height: 26px;
}

#lead-wrapper .form-control.lead-status-select {
    border: 0;
    padding: 0 21px 0 12px;
    background-image: none;
    font-weight: bold;
    cursor: pointer;
}

#profile-wrapper .status-select-group select.form-control[disabled] {
    color: var(--disabled-text);
    appearance: none !important;
    -webkit-appearance: none !important;
    background-color: transparent;
    text-align: right;
    padding-right: 10px !important;
    margin-right: -10px !important;
    cursor: auto;
}

.status-select-group select option,
.lead-status-select option,
.task-status-select option {
    color: var(--neutral-30) !important;
}

select[class='form-control status-select 0'] { color: var(--warning-col); width: 74px;}

select[class='form-control status-select 1'] { color: var(--danger-col); width: 104px; }

select[class='form-control status-select 2'] { color: var(--lime-60); width: 110px;}

.project-link {
    text-decoration: none !important;
}


/* Workorder profile */
#wo-events-block {
    width: 100%;
    border-right: 0;
    border-left: 0;
}

#content .profitability-table a {
    text-decoration: none;
}

.profitability-table .prof-table-wrapper  td,
.profitability-table .prof-table-wrapper th {
    padding: 6px 0 !important;
    border: 0 !important;
}

.wo-note-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wo-note {
    height: calc(100% - 10px);
    word-break: break-word;
}

.wo-note textarea {
    min-height: 70px;
    height: calc(100% - 23px);
    resize: vertical;
}

/* .profitability-table .panel-heading {
    background-color: transparent;
}

.profitability-table .collapse.in {
    display: table-row-group;
}

.profitability-table .collapsed .text {
    display: none !important;
}

.profitability-table .collapsed .text-active {
    display: block !important;
} */

.project-date-row {
    width: 250px;
}

.close-teem-block {
    margin-top: 18px;
}

.close-teem-block .feather {
    width: 18px;
    height: 18px;
}

#content #wo-events-block a {
    text-decoration: none;
}

.we-card-row-last .event-crew-member {
    display: none;
}

.wo-events-wrapper .client-item {
    border: 1px solid var(--gray-on-white-col);
    background-color: var(--white-col);
    padding: 15px 15px 0;
    border-radius: var(--border-radius-4);
}

.wo-events-wrapper .client-item-wrapper.disabled .client-item {
    border: 0;
    border-bottom: 1px solid var(--gray-on-white-col);
    background-color: var(--neutral-100);
}

.wo-events-wrapper .client-item-wrapper.disabled .close-teem-block .text-success {
    display: none;
}

.event-crew-member {
    padding-left: 56px;
}

.card-row-right {
    width: 70%;
}

.card-row-left {
    /* width: 40%; */
}

.card-row-right .progress-bar {
    /* opacity: 0.8; */
}

.event-info-block {
    padding-left: 25px;
}

.event-info-block a {
    display: block;
}

.m-r-2 {
    margin-top: 2px;
}

.m-l-25 {
    margin-left: 25px;
}

.m-r-25 {
    margin-right: 25px;
}

.card-row-left {
    padding-left: 31px;
}


/* Invoice profile */

.invoice-panel .col-md-3 .d-flex > table.estimate_statuses:first-child {
    display: none;
}

.estimate_profile_data {
    position: absolute;
    top: 0;
    right: -287px;
    width: 270px;
    padding: 5px 0;
    overflow: visible !important;
}

.invoice-panel #notes_block ~ .invoice-panel .estimate_profile_data {
    display: none;
}

.invoice-panel #lead-wrapper > .col-md-3 {
    top: 135px;
}

.invoice-panel .total-table-wrapper {
    margin-bottom: 10px;
}



/* Notes */

#notes_block {
    /*width: calc(100% - 285px);*/
}

#notes_block .delete-client-note,
.serviceGroup .deleteService,
.serviceSetupTpl .removeAttach,
.serviceExtraExpenses .removeExpense {
    font-size: var(--font-size);
    margin-top: -3px;
}

.bundleTotal .deleteBundle {
    font-size: var(--font-size);
    margin-top: 5px;
}

#notes_block .thumb-md {
    width: 36px;
}

#notes_block .thumb-md img {
    width: 36px;
    height: 36px;
}

#notes_block #upload-file-info {
    background-color: var(--neutral-95);
    color: var(--default-text);
}

#notes_block #upload-file-info div {
    font-size: 12px !important;
    padding: 0 !important;
}

#client-notes-tab-content{
    min-height: 220px;
}

#notes_block #client-notes-tab-content {
    padding: 15px;
}

#notes_block #client-notes-tab-content .media {
    border-bottom: 1px solid var(--gray-on-white-col);
    padding-bottom: 5px;
    padding-left: 6px;
    flex-wrap: wrap;
    justify-content: space-between;
}

#notes_block #client-notes-tab-content .media:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

#notes_block #client-notes .nav-tabs {
    border-bottom: 0;
}

#notes_block #client-notes .nav-tabs > li.active > a,
#notes_block #client-notes .nav-tabs > li.active > a:hover,
#notes_block #client-notes .nav-tabs > li.active > a:focus,
#notes_block #client-notes .nav-tabs > li > a:hover {
    color: var(--lime-60);
    border-color: transparent;
    background-color: transparent;
}

#notes_block #client-notes .nav-tabs > li > a {
    font-weight: bold;
    color: var(--default-text);
}

#client-notes ul{
    list-style: none;
}

.note-info-row {
    width: calc(100% - 50px);
    margin-top: -4px;
}

#notes_block #borderless_form {
    padding: 15px 15px 0 15px;
}

#notes_block .btn-right.btn-submit {
    padding: 0;
    border: 0;
}

#notes_block .btn-right.btn-submit .btn {
    background-color: transparent;
}

#notes_block .btn-right.btn-submit .feather {
    width: 16px;
    height: 16px;
    right: 12px;
    top: 6px;
}

#notes_block .btn.btn-file .feather {
    width: 16px;
    height: 16px;
}

.actionsDropdown {
    width: 270px;
}

.actionsDropdown .nav-primary ul.nav > li > a {
    border-color: transparent;
    padding: 0;
}

.actionsDropdown .nav-primary ul.nav > li:first-child > a {
    margin-top: -1px;
}

.actionsDropdown .nav-primary ul.nav > li li a {
    padding: 10px 10px 10px 50px;
    font-size: var(--font-size);
}

.actionsDropdown .nav-primary ul.nav > li li a,
.actionsDropdown .right-btn-block .btn-sm {
    padding-top: 7px;
    padding-bottom: 7px;
}

.text-decoration-none {
    text-decoration: none !important;
}


/* Edit Estimate */

#lead-wrapper > .col-md-3 .floating-line,
#estimate-wrapper > .col-md-3 .floating-line,
#workorder-wrapper > .col-md-3 .floating-line{
    width: 100% !important;
}

.lead-est-wrapper {
    padding: 6px 0 15px;
}

.serviceGroup {
    padding: 15px;
    border: 1px solid var(--gray-on-white-col);
    border-radius: var(--border-radius-4);
    margin-bottom: 15px;
}

.serviceGroup > .panel-heading {
    background-color: transparent !important;
}

.bundleTotal {
    padding: 15px;
    border: 1px solid var(--gray-on-white-col);
    border-radius: var(--border-radius-4);
    background-color: var(--neutral-100);
}

.selectService {
    white-space: nowrap;
    margin-right: 5px;
}

.selectService .btn-group .btn,
.bundleButtons .btn-group .btn {
    background-color: transparent;
    padding-left: 0;
    padding-right: 20px;
    text-align: left;
    margin-right: 10px;
}

.add-item-block {
    position: fixed;
    left: 260px;
    bottom: 0;
    width: calc(100% - 555px);
    padding: 15px;
    background-color: var(--neutral-95);
    border-top: 1px solid var(--neutral-90);
    z-index: 1;
}

.s-title-wrapper {
    padding: 0;
    display: flex;
    color: var(--lime-60);
    margin-top: -2px;
}

.est-service-row {
    flex-wrap: wrap;
}

.service_buttons_block label {
    margin-bottom: 0;
}

.labelService{
    position: relative;
    top: -53px;
    left: 6px;
}

.est-service-btn {
    padding: 3px 5px;
    border-radius: var(--border-radius-3);
    line-height: 13px;
}

.est-service-btn a {
    color: var(--default-text) !important;
}

.est-service-btn span {
    font-size: var(--font-size);
    margin-right: 2px;
}

.estimateTotalCalculations .pdf-preview {
    width: 20px;
    border: 0;
    z-index: 1;
    position: relative;
    background: transparent;
}

.p-bottom-15 {
    padding-bottom: 15px;
}

#dropzoneWrap label.checkbox{
    display:none;
}

.serviceTop .dropzone {
    padding: 0 0 3px 32px;
    border: 1px solid transparent;
    background-color: transparent;
    position: relative;
    height: 60px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
}

.serviceTop .dropzone:before {
    content: "+";
    /* font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    /*color: var(--lime-50);*/
    /*background-color: var(--neutral-95);*/
    color: var(--white-col) !important;
    background-color: var(--brand-col);
    font-size: 17px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0px 7px;
    margin-top:13px;
    border-radius: var(--border-radius);
}

.serviceTop .dropzone .dz-message {
    margin: 0;
    border: 1px solid transparent;
    padding: 14px 0 0;
}

.serviceTop .dropzone .dz-preview {
    margin: 0;
    min-height: initial;
    background-color: transparent !important;
}

.serviceTop .dropzone .dz-preview .dz-remove {
    font-size: 0;
}

.serviceTop .dropzone .dz-preview .dz-remove:before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "\f2ed";
    font-family: FontAwesome;
    font-size: 12px;
    z-index: 1;
    color: var(--danger-col);
    background-color: white;
    border-radius: var(--border-radius);
    padding: 2px 6px;
}

/* .serviceTop .dropzone.dz-started .dz-message {
    display: block;
} */

.crew-note-wrapper {
    padding: 15px 0 20px;
}

.createScreen {
    font-size: 18px;
}

.scheme-block #container .tooltip {
    top: 0 !important;
}

.servicePrice.bundlePrice {
    width: 100px;
    border: none;
    background-color: transparent;
    padding-right: 4px;
    text-align: right;
}

.bundleTotal textarea.form-control {
    background-color: transparent;
}

.bundleButtons {
    padding: 0 0 15px;
    flex-wrap: wrap;
    /* border-bottom: 1px solid #ececec; */
}

.bundleButtons > .d-flex:last-child {
    margin-right: 2px;
}

.bundleFooter {
    border-top: 1px solid var(--gray-on-white-col);
    width: calc(100% + 30px);
    padding: 0 15px;
    margin: 0 -15px;
}

.bundleButtons .select2-container {
    min-width: initial !important;
    max-width: initial !important;
}

.bundleButtons .checkmark {
    left: initial;
    right: 0;
}

.calc-form {
    margin-left: auto;
    margin-right: 34px;
}

/* .btn.use-calc {
    padding-right: 4px;
} */

.estimateTotalCalculations .edit-brand-select {
    right: 0;
    top: -2px;
    width: 120%;
}

.calculateBlock {
    /* border-top: 1px solid #ececec; */
    margin-top: 15px;
    padding: 20px 15px 15px;
    background-color: var(--neutral-100);
}

.calculateBlock .useTotal {
    display: flex;
    align-items: flex-end;
    margin-left: 25px;
    /* justify-content: flex-end;
    height: 100%; */
}

.su-group {
    flex: 2;
    display: flex;
    justify-content: flex-end;
    margin-left: 25px;
}

.su-group .su-input {
    max-width: 190px;
}

.crewEquipmentBlock {
    background-color: var(--neutral-100);
    padding: 10px 0;
}

.crewEquipmentBlock .empType {
    padding: 0px 12px;
    /* background-color: #f1f1f1;
    color: #717171; */
    background-color: var(--dark-link-text);
    color: var(--white-col);
}

.selectedCrew .btn {
    padding: 0 5px !important;
}

.selectedCrew .btn .moveFromCrew {
    color: var(--white-col) !important;
    padding: 0px 4px 0 1px!important;
    font-size: var(--font-size);
}

.service_vehicle.form-control,
.service_trailer.form-control {
    width: 200px;
}

.serviceSetupTpl .control-group .controls {
    margin-bottom: 15px;
}

.serviceSetupTpl .control-group .controls .m-l-sm .btn.active,
.serviceSetupTpl .control-group .controls.tools .btn.active {
    background-color: var(--lime-60);
    color: var(--white-col);
    box-shadow: none;
}

.serviceSetupTpl .control-group .controls .m-l-sm .btn.active i,
.serviceSetupTpl .control-group .controls.tools .btn.active i {
    display: none !important;
}

.service-setup-row {
    padding-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.service-setup-row .control-group {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}

.expenses-popup.popover.right{
    top: -107px;
    width: 300px;
    left: 80px;
}
.expenses-popup.popover.right .arrow{
    top: 115px;
}

.ex-item-row {
    background-color: var(--white-col);
    justify-content: space-between;
    margin-top: -17px;
    margin-bottom: 27px;
}

.ex-item-row:last-child {
    margin-bottom: 0;
}

.calc-item-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 15px;
}

.calcFields {
    column-gap: 25px;
    width: calc(50% - 15px);
}

.calcFields > .form-group {
    width: 29%;
}

.calcFields .extra-form {
    visibility: hidden;
}

.calc-item-row > .form-group {
    margin-bottom: 15px;
    width: 29%;
}

.calc-item-row > .calc-col-3 {
    width: 25%;
    flex: 1;
}

.label-btn-icon {
    font-size: 12px;
    margin-right: 2px;
}

#toggle-crew, #toggle-vehicle, #toggle-calc {
    margin: 0px 15px;
    border-bottom: 1px dashed rgb(207, 207, 207);
    margin-bottom: 10px;
}

#toggle-crew {
    padding: 10px 0 25px;
}

#toggle-vehicle {
    padding: 0 0 10px;
}

#toggle-calc {
    padding: 10px 0px 0px;
    border-bottom: 0;
    margin-bottom: 0;
}

.crew-header, .calc-header-section, .crew-area-header, .crew-addons-header {
    border-top: 1px dashed rgb(207, 207, 207);
    padding: 20px 0 10px;
    margin: 0px;
}

#changeCalcStatus .modal-dialog {
    width: 80%;
}

#changeCalcStatus .modal-body {
    padding: 0 5px;
}

#changeCalcStatus .modal-footer {
    margin-top: 0;
}

.calc-section,
.calc-addons-section {
    width: 100%;
    float: left;
    position: relative;
}

.calc-crew-section,
.calc-vehicle-section,
.calc-area-section
{
    width: 50%;
}

.calc-crew-section,
.calc-section,
.calc-area-section
{
    float: left;
    position: relative;
}

.calc-vehicle-section {
    float: right;
}

.add-vehicle-btn {
    top: 9px;
    left: 95px;
}

/*.add-area-btn {*/
/*    top: 9px;*/
/*    left: 95px;*/
/*}*/

@media (min-width: 2000px) {
    .calc-item-row > .form-group,
    .calcFields > .form-group {
        width: initial;
        flex: 1;
    }
}

@media (max-width: 1600px) {
    .calc-crew-section,
    .calc-vehicle-section,
    .calc-section,
    .calc-area-section,
    .calc-addons-section
    {
        width: 100%;
        float: none;
    }
    .calc-item-row > .form-group,
    .calcFields > .form-group {
        flex: 1;
        width: initial;
    }
    .calcFields {
        width: calc(66.33% - 5px);
    }
    .calcFields .extra-form.last {
        display: none;
    }
}

@media (min-width: 1600.1px) {
    /* .calc-vehicle-section .collapse,
    .calc-crew-section .collapse {
        display: block !important;
    }
    .crewEquipmentBlock .toggleChevron {
        display: none;
    } */
    .vehicle-header {
        border-top: 1px dashed rgb(207, 207, 207);
        padding: 20px 0 10px 0;
        margin-right: 15px;
    }
    #toggle-vehicle {
        border-bottom: 0;
    }
    .crew-addons-header {
        padding: 20px 0 10px 0;
        margin-right: 0px;
    }
    .crew-header, .calc-header-section, .crew-area-header {
        padding: 20px 15px 10px 0;
        margin-right: 0;
    }
    .add-vehicle-btn {
        top: 19px;
    }

    /*.add-area-btn {*/
    /*    top: 172px;*/
    /*}*/
}


/* Project profile */
.btn-name{
    cursor: pointer;
}

.btn-name.name-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 181px;
}

.client-files-list {
    width: 100%;
}

.client-item {
    margin-bottom: 15px;
    border-bottom: 1px solid var(--gray-on-white-col);
}

.client-item:last-child {
    border-bottom: 0;
}

#client-files-block .client-item:last-child {
    margin-bottom: -5px;
}

.client-item .feather {
    margin-top: 4px;
}

.project-row {
    flex-wrap: wrap;
    grid-column-gap: 15px;
    margin-bottom: 15px;

}

.project-row-main:not(:last-child) {
    border-bottom: 1px solid var(--gray-on-white-col);
    padding-bottom: 13px;
}


.project-item-wrapper {
    flex: 1;
    border: none!important;
}

.project-item-wrapper ul.nav{
    display: none;
    background: var(--white-col);
}

.project-item {
    margin-bottom: 5px;
    position: relative!important;
}

.project-item-width{
    min-width: 208px;
}
.project-item-width-custom{
    min-width: 235px;
}

.project-item b.badge{
    position: absolute;right: 31px;top: 6px;
}

.project-item .fa-angle-down, .project-item .fa-angle-up{
    position: absolute;
    right: 22px;
    top: 10px;
}

.project-item-id {
    font-size: var(--font-size);
    padding: 5px 6px;
    width: 30px;
    text-align: center;
    border-radius: var(--border-radius-4) 0 0 var(--border-radius-4);
    color: var(--white-col);
}

.project-item-content {
    font-size: var(--font-size);
    color: var(--default-text);
    padding-left: 10px;
    margin-right: 15px;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project-item-content .dropdown-toggle {
    cursor: pointer;
}

.project-item-content .open > a,
.project-item-content .open > a:hover {
    background-color: transparent;
}

.project-item-content .dropdown-menu,
.client-item-wrapper .dropdown-menu {
    min-width: 190px;
}

.project-item-corner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 15px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.project-total {
    flex: 3;
}

.project-note {
    flex: 1;
    margin-left: 45px;
    justify-content: flex-end;
}

.project-note i {
    margin-top: 3px;
}

.project-note textarea {
    margin: -6px 0;
    position: relative;
    display: block !important;
}

.project-item.success,
.project-item.warning,
.project-item.danger {
    cursor: pointer;
}

.warning .project-item-id {
    background-color: var(--warning-col);
}

.warning .project-item-content {
    background-color: rgba(255, 195, 51, 0.2);
}

.warning .project-item-corner {
    border-left: 15px solid rgba(255, 195, 51, 0.2);
}

.success .project-item-id {
    background-color: var(--green-60);
}

.success .project-item-content {
    background-color: rgba(101, 189, 119, 0.2);
}

.success .project-item-corner {
    border-left: 15px solid rgba(101, 189, 119, 0.2);
}

.pi-status-default .project-item-id {
    background-color: var(--neutral-85);
}

.pi-status-default .project-item-content {
    background-color: var(--neutral-95);
}

.pi-status-default .project-item-corner {
    border-left: 15px solid var(--neutral-95);
}

.danger .project-item-id {
    background-color: var(--danger-col);
}

.danger .project-item-content {
    background-color: rgba(251, 107, 91, 0.2);
}

.danger .project-item-corner {
    border-left: 15px solid rgba(251, 107, 91, 0.2);
}

.project-item.warning:hover .project-item-content {
    background-color: rgba(255, 195, 51, 0.3);
}

.project-item.warning:hover .project-item-corner {
    border-left: 15px solid rgba(255, 195, 51, 0.3);
}

.project-item.danger:hover .project-item-content {
    background-color: rgba(251, 107, 91, 0.3);
}

.project-item.danger:hover .project-item-corner {
    border-left: 15px solid rgba(251, 107, 91, 0.3);
}

.client-files-tabs .badge,
.jobs-info-tabs .badge {
    background-color: transparent !important;
}

.client-files-tabs .badge.bg-success,
.jobs-info-tabs .badge.bg-success {
    color: var(--lime-60);
}

.client-files-tabs .badge.bg-info,
.jobs-info-tabs .badge.bg-info{
    color: var(--default-text);
}

.client-files-tabs .badge.bg-warning,
.jobs-info-tabs .badge.bg-warning {
    color: var(--warning-col);
}

.client-files-tabs .badge.bg-danger,
.jobs-info-tabs .badge.bg-danger
{
    color: var(--danger-col);
}

.drop-icon-wrapper {
    width: 15px;
    text-align: center;
    margin-right: 10px;
    color: var(--lime-60);
}

.project-item-content .dropdown-menu > a,
.project-task-item .dropdown-menu > a {
    padding: 5px 15px 7px;
}

.project-item-content .dropdown-menu > a:hover,
.project-task-item .dropdown-menu > a:hover {
    background-color: var(--neutral-95) !important;
    color: var(--brand-col);
}
.flex-block-short-status{
    display: flex;
    align-items: center;
}
.short-status-wrap{
    display: grid;
    /*width: calc(100% - 20px);*/
}
.short-status{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.project-item .open>.dropdown-menu{
    display: block!important;
}

.panel.projects-panel {
    overflow: visible;
}

.qb-right {
    margin-left: auto;
}

.qb-right .btn {
    padding: 10px 12px;
}

.status-task {
    display: flex;
    align-items: center;
}

.task-status-icon {
    padding: 2px 6px;
    border-radius: var(--border-radius-4);
    opacity: 0.8;
}

.task-status-icon .feather {
    width: 18px;
    height: 18px;
}

.btn-default-flat {
    color: var(--default-text) !important;
}

.btn-default-flat:hover {
    color: var(--neutral-20) !important;
}

.project-task-item .toggleChevron.collapsed .toggle-up {
    display: none !important;
}

.project-task-item .toggle-down {
    display: none;
}

.project-task-item .toggleChevron.collapsed .toggle-down {
    display: inline-block !important;
}
.toggleChevron:hover{
    opacity: 0.8;
}

.task-date-row {
    /*padding-top: 22px;*/
    width: 90px;
    display: flex;
    align-items: center;
}

.task-item-row {
    width: calc(100% - 105px);
}

.flex-1 {
    flex: 1;
}

.task-descript-block span {
    margin-top: 2px;
}

.tableTasks-wrapper .task-info-collapse {
    padding-left: 32px;
}

.task-info-left {
    min-width: 180px;
    max-width: 370px;
    width: calc(100% / 4);
}

.payment-info-left {
    width: 160px;
}

.task-info-center{
    width: calc(100% / 4);
    min-width: 85px;
}

.task-info-right {
    /*width: calc(100% - 280px);*/
    width: calc(100% / 4);
    min-width: 85px;
}

.task-category-select{
    border: none;
    cursor: pointer;
    text-transform: capitalize;
    text-overflow: ellipsis;
    max-width: 200px;
    display: inline-block;
}

.project-task-item .top-left-block {
    width: calc(100% - 90px);
}

.project-task-item .top-block-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    position: absolute; /*??*/
    left: 20px;
    top: 2px;
}

.tableTasks-wrapper .client-item {
    border: 1px solid var(--gray-on-white-col);
    padding: 15px 15px 0;
    border-radius: var(--border-radius-4);
}

/*media profile tasks*/
@media (max-width: 1180px) {
    .panel-body {
        padding: 10px;
    }

    .tableTasks-wrapper .client-item {
        border: 1px solid var(--gray-on-white-col);
        padding: 10px 10px 0;
        border-radius: var(--border-radius-4);
    }

    .tableTasks-wrapper .client-item .m-b {
        margin-bottom: 10px;
    }

    .tableTasks-wrapper .client-item .m-r-md {
        margin-right: 10px;
    }

    .task-info-left {
        min-width: 165px;
        max-width: 370px;
        width: calc(100% / 4);
    }

    .task-info-right {
        /*width: calc(100% - 280px);*/
        width: calc(100% / 4);
        min-width: 58px;
    }

    .task-status-icon {
        padding: 0px 4px;
        border-radius: var(--border-radius-4);
        opacity: 0.8;
    }

    .m-r {
        margin-right: 10px;
    }
}


/*media profile tasks*/
@media (max-width: 1170px) {
    .task-date-row {
        padding-top: 22px;
        width: 100%;
        justify-content: center;
    }
    .task-item-row {
        width: 100%;
    }
}

/*media profile tasks*/
/*@media (max-width: 841px) {*/
/*    .task-date-row {*/
/*        padding-top: 22px;*/
/*        width: 100%;*/
/*        justify-content: center;*/

/*    }*/
/*    .task-item-row {*/
/*        width: 100%;*/
/*    }*/
/*}*/

.client-item-wrapper {
    display: flex;
    flex-flow: row wrap;
}


@media (min-width: 1820px) {
    .tableTasks-wrapper {
        column-gap: 7px;
        /*column-width: 500px;*/
        flex-flow: row wrap;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        /*todo*/
    }

    .tableTasks-wrapper .m-r-md{
        margin-right: 10px;
    }

    .client-item-wrapper {
        display: flex;
        min-width: 630px;
        position: relative;
        border-bottom: 0;
        /*max-width: 850px;*/
        /* width: 100%; */
        flex-basis: 630px;
        /*flex-grow: 1; */

    }

    /*.task-status-icon {*/
    /*    margin-right: 7px;*/
    /*}*/

    .task-descript-block {
        flex-direction: column;
    }
    .task-descript-block .d-flex:first-child {
        margin-bottom: 5px;
    }
    .status-task {
        align-items: flex-start;
    }

    .task-info-left {
        min-width: 170px;
        max-width: 370px;
        width: calc(100% / 4);
    }

    .form-control.task-category-select{
        padding-left: 5px;
    }

    .tableTasks-wrapper .project-task-item .top-block-title{
        position: unset; /*not absolute */
    }

    .tableTasks-wrapper .client-item{
        padding: 10px 10px 0;
    }

    .tableTasks-wrapper .task-info-collapse {
        padding-left: 20px;
    }
}

@media (min-width: 2100px) {
    .tableTasks-wrapper {
        /*column-width: 700px;*/
        flex-flow: row wrap;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
    }
    .client-item-wrapper {
        /*display: flex;*/
        /*width: 800px;*/
        /*position: relative;*/
        /*border-bottom: 0;*/

        display: flex;
        min-width: 750px;
        position: relative;
        border-bottom: 0;
        /*max-width: 850px;*/
        /* width: 100%; */
        flex-basis: 750px;
        /*flex-grow: 1; */
    }

    .tableTasks-wrapper .m-r-md{
        margin-right: 20px;
    }

    .tableTasks-wrapper .client-item{
        padding: 15px 15px 0;
    }

    .tableTasks-wrapper .task-info-collapse {
        padding-left: 37px;
    }
}

@media (min-width: 2200px) {
    .tableTasks-wrapper {
        /*column-width: 700px;*/
        flex-flow: row wrap;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
    }
    .client-item-wrapper {
        /*display: flex;*/
        /*width: 800px;*/
        /*position: relative;*/
        /*border-bottom: 0;*/

        display: flex;
        min-width: 800px;
        position: relative;
        border-bottom: 0;
        /*max-width: 850px;*/
        /* width: 100%; */
        flex-basis: 800px;
        /*flex-grow: 1; */
    }
}
@media (min-width: 2500px) {
    .tableTasks-wrapper {
        /*column-width: 700px;*/
        flex-flow: row wrap;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
    }
    .client-item-wrapper {
        /*display: flex;*/
        /*width: 800px;*/
        /*position: relative;*/
        /*border-bottom: 0;*/

        display: flex;
        min-width: 900px;
        position: relative;
        border-bottom: 0;
        /*max-width: 850px;*/
        /* width: 100%; */
        flex-basis: 900px;
        /*flex-grow: 1; */
    }
}

.client-info > table tr:first-child td {
    height: 30px;
}



/* Edit task modal */

.edit-task-modal .modal-dialog {
    width: 700px;
}

.edit-task-modal .col-md-12 {
    float: none;
    padding: 15px 0 5px;
}

.edit-task-modal .col-md-3 {
    width: 300px;
}

.edit-task-modal .col-md-9 {
    width: calc(100% - 300px);
}

.edit-task-modal select.form-control,
.edit-task-modal #event-time .form-control {
    margin-left: -12px;
    width: calc(100% + 12px);
    cursor: pointer;
    border: 0;
}

.edit-task-modal .estimate_statuses td {
    padding: 0 15px;
    height: 34px;
}

.edit-task-modal .estimate_statuses .feather {
    margin-top: 6px;
}

.task-detail-right {
    width: 270px;
}

.edit-task-modal .popover {
    left: initial;
    right: 250px;
    top: -86px;
}

.edit-task-modal .popover .editable-address label {
    display: flex;
    align-items: center;
}

.edit-task-modal .popover .editable-buttons {
    text-align: end;
    margin-top: 7px;
}

.task-status-select {
    background-image: none !important;
}

.m-l-1 {
    margin-left: 1px;
}

.p-right-30 {
    padding-right: 30px;
}

.p-left-30 {
    padding-left: 30px;
}


/* Company color */

#brand-color .bg-success.dk, #brand-color .bg-success .dk,
#brand-color .bg-success {
    background-color: var(--brand-col);
}

#brand-color .bg-success .nav > li > a:hover, #brand-color .bg-success .nav > li > a:focus, #brand-color #note-items > li.bg-success {
    background-color: var(--brand-col) !important;
}

#brand-color input#gSearch {
    background: var(--brand-col);
    border: 1px solid var(--white-col);
}

#brand-color input#gSearch:focus {
    background-color: var(--white-col);
}

#brand-color .text-success {
    color: var(--brand-col) !important;
}
#brand-color .text-info {
    color: var(--cyan-50)!important;
}
#brand-color .text-danger {
    color: var(--danger-col)!important;
}
#brand-color .text-warning {
    color: var(--warning-col)!important;
}

#brand-color .btn-success {
    background-color: var(--brand-col);
    border-color: var(--brand-col);
}

#brand-color .client-tags-dropdown-container .select2-search-choice {
    background-color: var(--brand-col) !important;
    border-color: var(--brand-col) !important;
}

#brand-color .client-tags-dropdown-container .select2-search-choice.select2-locked {
    color: var(--default-text) !important;
    background-color: var(--neutral-85) !important;
    border-color: var(--neutral-80) !important;
}

#brand-color .btn-primary {
    background-color: var(--green-40);
    border-color: var(--green-40);
}

#brand-color .progress-bar-success {
    background-color: var(--brand-col);
}

#brand-color .radio-custom > i.checked:before, #brand-color .checkbox-custom > i.checked:before {
    color: var(--brand-col);
}

#brand-color .navbar-brand img {
    background: rgba(255,255,255,0.35);
    border-radius: var(--border-radius-4);
    padding: 2px;
}

#brand-color #counter_table .dropdown-toggle {
    color: var(--brand-col) !important;
}

#brand-color .addExpenseRow {
    background-color: var(--brand-col) !important;
}

#brand-color .panel-heading .nav-tabs.client-info-tabs > li.active > a,
#brand-color .panel-heading .nav-tabs.client-info-tabs > li.active > a:hover,
#brand-color .panel-heading .nav-tabs.client-info-tabs > li.active > a:focus,
#brand-color .panel-heading .nav-tabs.client-info-tabs > li > a:hover,

#brand-color .panel-heading .nav-tabs.jobs-info-tabs > li.active > a,
#brand-color .panel-heading .nav-tabs.jobs-info-tabs > li.active > a:hover,
#brand-color .panel-heading .nav-tabs.jobs-info-tabs > li.active > a:focus,
#brand-color .panel-heading .nav-tabs.jobs-info-tabs > li > a:hover,

#brand-color #notes_block #client-notes .nav-tabs > li.active > a,
#brand-color #notes_block #client-notes .nav-tabs > li.active > a:hover,
#brand-color #notes_block #client-notes .nav-tabs > li.active > a:focus,
#brand-color #notes_block #client-notes .nav-tabs > li > a:hover {
    color: var(--brand-col);
}

#brand-color .success .project-item-id,
#brand-color .serviceSetupTpl .control-group .controls .m-l-sm .btn.active,
#brand-color .serviceSetupTpl .control-group .controls.tools .btn.active {
    background-color: var(--brand-col);
}

#brand-color .success .project-item-content {
    background-color: rgba(22, 145, 72, 0.2);
}

#brand-color .success .project-item-corner {
    border-left: 15px solid rgba(22, 145, 72, 0.2);
}

#brand-color .project-item.success:hover .project-item-content {
    background-color: rgba(22, 145, 72, 0.3);
}

#brand-color .project-item.success:hover .project-item-corner {
    border-left: 15px solid rgba(22, 145, 72, 0.3);
}

#brand-color .clientName .rating-container {
    -webkit-text-stroke: 1px var(--brand-col);
}

#brand-color .clientName .rating-container .rating-stars:before {
    text-shadow: 0 0 1px var(--brand-col);
}

#brand-color .right-btn-block .btn-sm,
#brand-color .drop-icon-wrapper,
#brand-color .client-files-tabs .badge.bg-success,
#brand-color .jobs-info-tabs .badge.bg-success,
#brand-color .clientName .rating-container .rating-stars,
#brand-color select[class='form-control status-select 2'],
#brand-color .s-title-wrapper,
#brand-color .container-check input:checked ~ .checkmark:after,
#brand-color .serviceTop .dropzone:before {
    color: var(--brand-col);
}

#brand-color .switch input:checked + span, #brand-color .switch-mini input:checked + span {
    background-color: var(--brand-col);
}

#brand-color .bg-success .nav .open > a {
    background-color: var(--brand-col);
}

.sales-card-title {
    min-width: fit-content;
}

.radio-custom > i.checked:before {
    content: '\f192' !important;
}


/* Create Lead modal */

.call-block .btn {
    color: var(--danger-col);
}

.call-block .btn.active  {
    color: var(--brand-col);
    box-shadow: none;
}

.call-block .btn input {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 106px;
    height: 34px;
    cursor: pointer;
}

@media (min-width: 992px) and (max-width: 1150px), (max-width: 400px) {
    .add-lead-details .lead-btn-wrapper{
        flex-wrap: wrap;
    }
}

.add-lead-details .lead-btn-group .btn {
    padding: 5px 16px;
    border-radius: 20px;
}

.add-lead-details .lead-btn-group .btn.active {
    box-shadow: none;
    background-color: var(--brand-col);
    color: var(--white-col);
}

#createLeadModal .address-map-block {
    margin-top: 20px;
    width: 100%;
    height: 140px;
    overflow: hidden;
}

#createLeadModal .address-map-block.resize {
    height: 252px;
}

.estimators-wrapper .select2-container .select2-choice > .select2-chosen {
    font-size: var(--font-size);
    padding-top: 3px;
}

.client-form-control {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--neutral-85)!important;
    padding-left: 0;
}

#createLeadModal .lead-tags-container {
    padding-right: 0;
}

#createLeadModal .lead-tags-container .form-group {
    width: calc(100% - 32px);
}

#createLeadModal .lead-tags-container .select2-container-multi .select2-choices,
#email-template-modal .lead-tags-container .select2-container-multi .select2-choices {
    width: initial !important;
    border-bottom: 1px solid var(--neutral-80) !important;
    padding-left: 0;
}

#createLeadModal .lead-tags-container .select2-container-multi .select2-choices:before,
#email-template-modal .lead-tags-container .select2-container-multi .select2-choices:before {
    left: initial;
    right: 5px;
}

#createLeadModal .lead-tags-container .select2-container,
#email-template-modal .lead-tags-container .select2-container {
    width: 100% !important;
}

#createLeadModal .lead-tags-container .select2-container-multi .select2-choices .select2-search-field input,
#email-template-modal .lead-tags-container .select2-container-multi .select2-choices .select2-search-field input {
    font-size: var(--font-size);
    opacity: 1;
    /* font-family: inherit; */
}

.add-descript-block .upload-files-table {
    margin: auto;
}

.add-descript-block .dropzone-lead .dz-image {
    width: 60px!important;
    height: 60px!important;
    border-radius: var(--border-radius-6) !important;
}

.add-descript-block .dropzone .dz-preview .dz-remove {
    font-size: 0;
}

.add-descript-block .dropzone .dz-preview .dz-remove:before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "\f2ed";
    font-family: FontAwesome;
    font-size: 12px;
    z-index: 1;
    color: var(--danger-col);
    background-color: white;
    border-radius: var(--border-radius);
    padding: 2px 6px;

}
.dropzone .dz-preview a.dz-remove{
    visibility: hidden;
}

.dropzone .dz-preview:hover a.dz-remove {
    visibility: visible;
}


.add-descript-block .dropzone .dz-preview {
    min-height: initial;
}


/* -- -- #createLeadModal -- -- */
#createLeadModal .select2-container .select2-choice,
#email-template-modal .select2-container .select2-choice {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--gray-on-gray-col) !important;
    padding-left: 0;
    font-size: var(--font-size);
}



#createLeadModal .form-control,
#change_estimate_status .form-control,
#payment-form .form-control,
#email-template-modal .form-control{
    border: 0;
    border-bottom: 1px solid var(--neutral-80);
    border-radius: 0;
    padding: 6px 12px 6px 0;
}

.select2-choices {
    background-image: none!important;
    border: none!important;
}

.showBorder{
    border: 1px solid var(--neutral-85)!important;
    border-radius: var(--border-radius-3)!important;
}

#createLeadModal .lead-status-container .feather {
    margin-top: 4px;
}

#createLeadModal .estimate_statuses .datepicker {
    margin: 5px 15px 5px 0;
    border-bottom: 0;
    cursor: pointer;
    color: var(--brand-col);
    font-weight: bold;
}

#createLeadModal textarea {
    height: 84px;
}

#createLeadModal .dropzone.dz-started {
    padding: 0;
}

.dropzone .dz-preview.dz-image-preview {
    background-color: transparent !important;
}

.lead-status-container .select2-container.select2-container-disabled .select2-choice,
.lead-status-container .select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: transparent;
}


#createLeadModal .lead-status-container .select2-container.select2-container-disabled .select2-choice {
    border-bottom: 1px solid var(--danger-col)!important;
}

#createLeadModal .estimators-wrapper .text-danger {
    font-size: 12px;
    padding: 5px 0;
}

.estimators-wrapper .text-danger strong {
    font-weight: normal;
}

#createLeadModal .scheduled-block {
    border: 0;
    border-radius: var(--border-radius);
    color: var(--cyan-60);
    width: 90%;
}

#createLeadModal .scheduled-block .remove-schedule {
    right: -1px !important;
    top: -1px;
}

#createLeadModal .scheduledLead {
    border-radius: 20px;
    margin-top: 7px;
    padding: 5px 16px 5px 30px;
}

#createLeadModal .shedule-div button:before {
    content: "+";
    /* font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    color: var(--white-col);
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    top: 6px;
    left: 14px;
}

#createLeadModal .shedule-div button.active:before{
    display: none!important;
}

#createLeadModal .lead-status-container {
    margin-bottom: 15px;
}

/* -- -- #createLeadModal -- -- */


/* AWB-1846 */

#leads_section #trees-table,
#leads_section #my_trees-table {
    width: max-content !important;
}

#lead-types-section #trees-table,
#lead-types-section #work-types-table,
#client-list-section #trees-table {
    width: 100% !important;
}

#leads_section #trees-table th,
#leads_section #my_trees-table th,
#lead-types-section #trees-table th,
#lead-types-section #work-types-table th,
#client-list-section #trees-table th {
    width: initial !important;
}

#work-types-section #trees-table th {
    width: initial !important;
}

#work-types-section #trees-table {
    width: 100% !important;
}

#invoice-list-section .table-responsive	{
    overflow-x: auto;
}

@media (min-width: 1915px) {
    #invoice-list-section .table-responsive .table {
        width: 100%;
    }
}

@media (max-width: 1700px) {
    #invoice-list-section .table-responsive .table {
        width: max-content;
        max-width: initial;
    }
}

.btn-info.deleteStatus,
.btn-info.deleteCrew,
.btn-info.deleteReason,
.btn-info.deleteExpense {
    width: 24px;
}

.table-action-row .btn {
    margin-left: 4px;
}

@media (max-width: 1440px) {
    .expenses-table .table {
        width: max-content;
        max-width: initial;
    }
}

/* @media (max-width: 1440px) {
    #salesChart #flot-bar {
        height: 90vh !important;
    }
    .table-responsive {
        max-height: 60vh;
        overflow-y: auto;
    }
} */

#email-stat-section .legend div,
#email-stat-section .legend table {
    right: -10% !important;
}

@media screen and (max-height: 820px) {
    #salesChart #flot-bar.resize-height {
        height: 580px!important;
    }
}

/*md*/
@media (min-width: 992px) {
    #lead-wrapper > .client-buttons.col-md-3,
    #estimate-wrapper > .client-buttons.col-md-3,
    #workorder-wrapper > .client-buttons.col-md-3{
        top: -42px;
        right: -286px;
    }
}

.rounded-dropzone{
    border: 1px solid transparent!important;
    border-radius: 20px;
    background: var(--neutral-95)!important;
    min-height: 34px!important;
    padding: 6px 0!important;
    position: relative;
    text-align: center;
}

.btn.text-left{
    text-align: left!important;
}

.btn-file-gray{
    border: 1px solid transparent!important;
    border-radius: 20px;
    background: var(--neutral-95)!important;
    min-height: 34px!important;
    padding: 6px 12px!important;
    position: relative;
    text-align: center;
}

.btn-file-gray .btn-file-title{

}

.estimator-radio{
    display: flex!important;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 8px 10px 12px 30px;
}
.p-top-0{ padding-top: 2px!important; }

/*correct position google.maps.InfoWindow*/
#appointments-map .gm-style-iw-t{
    bottom: 14px !important;
}

/* profile correct rectangle img */
.image-cropper {
    width: 39px;
    height: 39px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
}
.profile-pic {
    display: inline;
    margin: 0 auto;
    /*margin-left: -25%;  /*centers the image but breaks the default img**/
    height: 100%;
    width: auto;
}

.new-client-create-appountment .scheduled-block-container{
    position: absolute;
    top: 28px;
    left: 15px;
    right: 0px;
}

.col-md-3 .get-client-letters-dropdown, .col-md-3 .get-client-sms-dropdown{
    width: 268px;
    padding-right: 15px;
}

.col-md-3 .get-client-letters-dropdown .caret, .col-md-3 .get-client-sms-dropdown .caret{
    position: absolute;
    right: 0px;
    top: 22px;
}

.col-md-3 .get-client-letters-dropdown .btn-name, .col-md-3 .get-client-sms-dropdown .btn-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.block-elipsis{
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
}

option[default] {
    display: none;
}
.project-like-dislike{
    padding: 0 3px;
    border: 0;
    line-height: 16px;
}
.btn.project-like-dislike:focus, .btn.project-like-dislike:active:focus, .btn.project-like-dislike.active:focus{
    outline: unset;
    outline-offset: unset;
}

.table-fixed{
    table-layout: fixed;
}

.table-ellipsis .form-control {
    text-overflow: ellipsis;
}

.project-info-header .d-flex:last-child,
#project-name-section .d-flex:last-child{
    flex-grow: 1;
}


.menu-payment-scroll {
    max-height: 245px;
    overflow: auto;
    display: block;
}

.sales-report-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.lead-form-contact-dropdown{
    max-width: 300px;
}

.project-contacts-dropdown .select2-choice{
    background: #fff0!important;
    border: 0!important;
    line-height: 32px!important;
    text-decoration: none!important;
    color: var(--default-text)!important;
    font-weight: 700!important;
}
.h-100{
    height: 100%;
}

.project-contacts-dropdown .select2-results .select2-highlighted{
    background-color: var(--neutral-95)!important;
    color: var(--neutral-40)!important;
}

div .project-note{
    max-width: 300px;
}

div .project-note > strong {
    word-wrap: break-word;
    word-break: break-all;
}

body .d-grid{
    display: grid;
}

#profile-wrapper .project-entities-statuses-dropdown {
    left: 0;
    right: auto;
}

.context-menu-icon.context-menu-icon--fa:before,
.context-menu-icon.context-menu-icon--fa{
    font-weight: 400;
}

.input-4search-group:hover .input-group-btn-search .btn-4search-i-reset {
    visibility: visible;
}

#lead-wrapper .input-4search-group .form-control.form-control-search,
.input-4search-group .form-control.form-control-search{
    border: none;
    border-bottom: 1px solid var(--neutral-80);
    border-radius: 0;
    padding: 6px 0 6px 6px;
    height: 30px;
}

.input-4search-group .input-group-btn-search{
    border: none;
    background-color: transparent !important;
    border-bottom: 1px solid var(--neutral-80);
    margin-left: -16px;
}

.input-4search-group .input-group-btn-search .btn-4search-i-reset{
    margin-left: 0;
    z-index: 3;
    background: white;
    padding: 4px 0 4px 0;
    width: 20px;
    margin-right: 3px;
    visibility: hidden;
}

.input-4search-group .input-group-btn-search .btn-4search-i-reset i{
    font-size: 7pt;
}

.input-4search-group .input-group-btn-search .btn-4search-i-search{
    margin-left: 0;
    z-index: 3;
    background: white;
    padding: 4px 0 4px 0;
    width: 23px;
}

.btn-default-noborder {
    border: none;
    background-color: var(--neutral-95);
}

/** jquery.google-map-modal - start **/
.modal-map-seach {
    padding: 0 150px;
    position: absolute;
    width: 100%;
    margin-top: 20px;
}
.modal-map-control, .modal-map-notice {
    position: absolute;
    width: 50%;
    z-index: 1;
    bottom: 10px;
    background-color: white;
    margin: 0 25%;
    height: auto;
    padding: 5px;
}
.modal-map-type {
    position: absolute;
    width: 157px;
    z-index: 1;
    bottom: 10px;
    margin: 0 0 0 8px;
    height: auto;
    padding: 0px;
    background: transparent;
    border: none;
}
.modal-map-location-control-wrapper {
    position: unset !important;
}

@media (min-width: 768px) {
    .modal-map-control, .modal-map-notice {
        width: 56%;
        margin: 0 22%;
    }
    .modal-map-seach {
        padding: 0 100px;
    }
}

@media (min-width: 992px) {
    .modal-map-control, .modal-map-notice {
        width: 40%;
        margin: 0 30%;
    }
    .modal-map-seach {
        padding: 0 150px;
    }
}

@media (min-width: 1200px) {
    .modal-map-control, .modal-map-notice {
        width: 40%;
        margin: 0 30%;
    }
    .modal-map-seach {
        padding: 0 150px;
    }
}
/** jquery.google-map-modal - and **/


.dhx_cal_event.dhx_cal_select_menu{
    z-index: 4!important;
}
#paymentFileToUpload {}
.lead-descript-block{
    word-wrap: break-word;
}

.popover-comments{
    max-width: 440px !important;
    width: 440px !important;
}
.popover-comments div .control-group{
    max-width: 100% !important;
    width: 100% !important;
}

.popover-comments textarea {
    width: 100% !important;
    resize: vertical;
}
.editable-error-block {
    color: var(--red-40);
}

.outline-none,
.outline-none:hover,
.outline-none:active,
.outline-none:focus,
.outline-none:focus-visible{
    outline: none;
}

.lead-tags .select2-choices{
    background-color: transparent !important;
}

.hiddenImportant {
    display: none !important;
}

#brand-color #note-items > li.bg-success .text-muted {
    color: var(--green-90)!important;
}

#createLeadModal .client-tags-dropdown-wrapper input::placeholder {
    color: var(--neutral-60);
}

.no-border-dropdown-container .select2-choices, .no-border-dropdown-container.select2-container .select2-choice{
    border: none!important;
    border-bottom: 1px solid var(--neutral-85)!important;
    background: #ccc0!important;
}
.no-border-dropdown-container .select2-choices:after{
    display: none!important
}

.no-border-dropdown-container .select2-search-choice{
    color: var(--white-col) !important;
    background: var(--lime-50)!important;
    border-color: var(--lime-50)!important;
}

.no-border-dropdown-container .select2-search-choice .select2-search-choice-close:after{
    color: var(--white-col) !important;
}
.no-border-dropdown-container.select2-container{
    height: auto!important;
}
.no-border-dropdown-container.select2-container-active .select2-choices{
    box-shadow: none!important;
    background: var(--neutral-100)!important;
}

.no-border-dropdown-container .select2-search-field{
    min-width: 75px;
    position: relative
}

.no-border-dropdown-container .select2-search-field:after{
    color: var(--neutral-60);
    /*content: "Write ...";*/
    text-decoration: underline;
    left: 10px;
    top: 5px;
    position: absolute;
}

.no-border-dropdown-container.select2-container>a{
    text-decoration: none!important;
}

.estimator-placeholder .select2-choice:after{
    content: "Select Estimator ...";
    color: var(--neutral-60);
}

.no-border-dropdown-container.select2-dropdown-open .select2-search-field:after,
.no-border-dropdown-container.select2-container-active .select2-search-field:after,
.no-border-dropdown-container .select2-search-field:active:after,
.no-border-dropdown-container .select2-choices:focus .select2-search-field:after,
.no-border-dropdown-container .select2-choices:active .select2-search-field:after{
    content: "" !important;
}

.no-border-dropdown-container::-webkit-input-placeholder {
    color: var(--neutral-60);
    font-weight: normal;
    text-decoration: underline;
}

#brand-color .no-border-dropdown-container .select2-search-choice{
    background-color: var(--brand-col) !important;
    border-color: var(--brand-col) !important;
}
[data-toggle="tooltip"] + .tooltip > .tooltip-inner {
    max-width: 100%;
    width: inherit;
}

.alert.alert-notice {
    color: var(--neutral-40);
    background-color: var(--neutral-90);
    border-color: var(--neutral-80);
}

#qbConnectToForwarderButton,
#xeroConnectToForwarderButton,
#forwarderAccountingImportButton,
#forwarderAccountingExportButton {
    width: 176px;
}

.kpi-report-row {
    display: flex;
    gap: 2px;
}

.kpi-report-col {
    background: #FFFFFF;
    width: 100%;
    padding: 16px 10px;
}

.kpi-report-col.green {
    background-color: rgba(22, 145, 72, 0.2);
}

.kpi-report-col.green-2 {
    background-color: rgba(22, 145, 72, 0.3);;
}

.kpi-report-col .value {
    white-space: nowrap;
    font-size: clamp(12px, 2vw, 1.4em);
}

.kpi-report-col .sub-value {
    font-size: 12px;
}

.highlight-range {
    background-color: #d0ebff !important;
    border-radius: 0 !important;
}

.active.highlight-range {
    color:black !important;
}