:root {
    /* COLORS ====================================== */
    --app-color-green: #5dba49;
    --app-color-green-active: #4d9e3c;
    --app-color-green-disabled: #95dc7e;
    --app-color-green-opaque-1: #5dba4908;
    --app-color-green-opaque-2: #5dba4915;
    --app-color-green-opaque-3: #5dba4925;
    --app-color-green-opaque-4: #5dba4935;
    --app-color-red: #e84345;
    --app-color-red-active: #d54947;
    --app-color-red-disabled: #f89580;
    --app-color-red-opaque-1: #e8434508;
    --app-color-red-opaque-2: #e8434515;
    --app-color-red-opaque-3: #e8434525;
    --app-color-red-opaque-4: #e8434535;
    --app-color-orange: #eeb34f;
    --app-color-orange-active: #e2972d;
    --app-color-orange-disabled: #f6d471;
    --app-color-orange-opaque-1: #eeb34f08;
    --app-color-orange-opaque-2: #eeb34f15;
    --app-color-orange-opaque-3: #eeb34f25;
    --app-color-orange-opaque-4: #eeb34f35;
    --app-color-blue: #4a9fc9;
    --app-color-blue-active: #2b91c9;
    --app-color-blue-disabled: #40cfeb;
    --app-color-blue-opaque-1: #4a9fc910;
    --app-color-blue-opaque-2: #4a9fc915;
    --app-color-blue-opaque-3: #4a9fc925;
    --app-color-blue-opaque-4: #4a9fc935;
    --app-color-purple: #8E56AE;
    --app-color-purple-active: #823C95;
    --app-color-purple-disabled: #A18AD2;
    --app-color-purple-opaque-1: #8E56AE08;
    --app-color-purple-opaque-2: #8E56AE15;
    --app-color-purple-opaque-3: #8E56AE25;
    --app-color-purple-opaque-4: #8E56AE35;
    --app-color-teal: #34b7b0;
    --app-color-teal-active: #1da9a2;
    --app-color-teal-disabled: #60d0ca;
    --app-color-teal-opaque-1: #34b7b008;
    --app-color-teal-opaque-2: #34b7b015;
    --app-color-teal-opaque-3: #34b7b025;
    --app-color-teal-opaque-4: #34b7b035;
    --app-color-gray: #6c757d;
    --app-color-gray-1: #f8f9fa;
    --app-color-gray-2: #f1f3f5;
    --app-color-gray-3: #e9ecef;
    --app-color-gray-4: #dee2e6;
    --app-color-gray-5: #ced4da;
    --app-color-gray-6: #adb5bd;
    --app-color-gray-7: #6c757d;
    --app-color-gray-8: #495057;
    --app-color-gray-9: #343a40;
    --app-color-gray-10: #212529;
    --app-color-gray-opaque-1: #6c757d10;
    --app-color-gray-opaque-2: #6c757d15;
    --app-color-gray-opaque-3: #6c757d25;
    --app-color-gray-opaque-4: #6c757d35;
    --app-color-body: #171819;
    --app-color-primary: #ffb548;
    --app-color-primary-active: #eaa53f;
    --app-color-primary-disabled: #ffc164;
    --app-color-primary-opaque-1: #ffb54805;
    --app-color-primary-opaque-2: #ffb54815;
    --app-color-primary-opaque-3: #ffb54825;
    --app-color-primary-opaque-4: #ffb54835;
    --app-color-secondary: #76777a;
    --app-color-secondary-active: #5e6064;
    --app-color-secondary-disabled: #8b8b8b;
    --app-color-secondary-opaque-1: #76777a05;
    --app-color-secondary-opaque-2: #76777a15;
    --app-color-secondary-opaque-3: #76777a25;
    --app-color-secondary-opaque-4: #76777a35;
    /* BS COLORS =================================== */
    --bs-green: var(--app-color-green);
    --bs-red: var(--app-color-red);
    --bs-orange: var(--app-color-orange);
    --bs-yellow: var(--app-color-yellow);
    --bs-blue: var(--app-color-blue);
    --bs-purple: var(--app-color-purple);
    --bs-teal: var(--app-color-teal);
    --bs-gray: var(--app-color-gray);
    --bs-gray-100: var(--app-color-gray-1);
    --bs-gray-200: var(--app-color-gray-2);
    --bs-gray-300: var(--app-color-gray-3);
    --bs-gray-400: var(--app-color-gray-4);
    --bs-gray-500: var(--app-color-gray-5);
    --bs-gray-600: var(--app-color-gray-6);
    --bs-gray-700: var(--app-color-gray-7);
    --bs-gray-800: var(--app-color-gray-8);
    --bs-gray-900: var(--app-color-gray-9);
    --bs-primary: var(--app-color-primary);
    --bs-secondary: var(--app-color-secondary);
    --bs-success: var(--app-color-green);
    --bs-info: var(--app-color-teal);
    --bs-warning: var(--app-color-orange);
    --bs-danger: var(--app-color-red);
    --bs-light: var(--app-color-gray-1);
    --bs-dark: var(--app-color-gray-9);
    /* GUTTERS ===================================== */
    --content-gutter: 1.15rem;
    --content-gutter-offset: calc(var(--content-gutter) * -1);
    --content-gutter-1: calc(var(--content-gutter) * 0.5);
    --content-gutter-1-offset: calc(var(--content-gutter-1) * -1);
    --content-gutter-2: calc(var(--content-gutter-1) * 0.5);
    --content-gutter-2-offset: calc(var(--content-gutter-2) * -1);
    --content-gutter-3: calc(var(--content-gutter-2) * 0.5);
    --content-gutter-3-offset: calc(var(--content-gutter-3) * -1);
    --content-gutter-double: calc(var(--content-gutter) * 2);
    --content-gutter-double-offset: calc(var(--content-gutter-double) * -1);
    --ui-gutter-y-xs: 0.250rem;
    --ui-gutter-x-xs: 0.500rem;
    --ui-gutter-y-sm: 0.313rem;
    --ui-gutter-x-sm: 0.625rem;
    --ui-gutter-y-md: 0.375rem;
    --ui-gutter-x-md: 0.750rem;
    --ui-gutter-y-lg: 0.438rem;
    --ui-gutter-x-lg: 0.875rem;
    --ui-gutter-y-xl: 0.500rem;
    --ui-gutter-x-xl: 1.00rem;
    /* DECLARATIONS ================================ */
    --app-border-radius-sm: 0.3rem;
    --app-border-radius-md: 0.6rem;
    --app-border-color-dark: #495057;
    --app-border-color-light: #adb5bd;
    --app-drop-shadow-y: 0px 2px 6px 0px var(--app-color-gray-6);
    /* TRANSITIONS ================================= */
    --app-transition-fast: 0.25s ease;
    --app-transition-slow: 0.5s ease;
}

/* ============================================================================================ */
/* REMOVE DEFAULT STYLING  */

.page-header h1 {
    font-size: unset;
    line-height: unset;
    font-weight: unset;
}
.panel-title {
    font-size: unset;
    line-height: unset;
}

/* ============================================================================================ */
/* DOCUMENT & BODY  */

body, html {
    padding: 0;
    margin: 0;
}
#main-wrapper {
    position: relative;
    top: 0px;
    width: 100%;
    height: 100vh;
}
body #main-wrapper #content-wrapper {
    position: relative;
    top: 54px;
    width: 100%;
    height: calc(100vh - 54px);
    padding: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #ffffff;
    padding-top: 0px;
    padding-left: var(--content-gutter-double);
    padding-right: var(--content-gutter-double);
    padding-bottom: 0px;
}
.modal #content-wrapper {
    position: relative;
    top: unset;
    width: 100%;
    height: auto;
    padding: 0px;
}
body #main-wrapper #content-wrapper > .durandal-wrapper,
body #main-wrapper #content-wrapper > [data-active-view="true"] {
    position: relative;
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    height: auto;
    overflow-y: unset;
    overflow-x: unset;
    padding-bottom: var(--content-gutter-double);
}
.durandal-wrapper,
#content-wrapper > *[data-active-view="true"] {
    min-height: unset !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
body:before, #main-menu:before, #content-wrapper:before, #main-wrapper:before, .page-header:before,
body:after, #main-menu:after, #content-wrapper:after, #main-wrapper:after, .page-header:after {
    content: " ";
    display: table;
}
body:after, #main-menu:after, #content-wrapper:after, #main-wrapper:after, .page-header:after {
    clear: both;
}
.ie8 body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#small-screen-width-point {
  display: block;
}
#tablet-screen-width-point {
  display: none;
}
#main-wrapper {
  width: 100%;
  overflow: hidden !important;
}
#main-menu-bg {
  display: block;
  left: 0;
  height: 100%;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 499;
}
@media (min-width: 480px) {
  #small-screen-width-point {
    display: none !important;
  }
  #tablet-screen-width-point {
    display: block;
  }
}
@media (min-width: 768px) {
  #tablet-screen-width-point {
    display: none !important;
  }
}

/* ============================================================================================ */
/* SCROLL BARS  */

* {
    --scrollbar-size: calc(var(--content-gutter-1) * 0.75);
    --scrollbar-bk-color: var(--app-color-gray-opaque-2);
    --scrollbar-shadow: inset 0rem 0rem 0.50rem 0.025rem var(--app-color-gray-opaque-1);
    --scrollbar-thumb-bk-color: var(--app-color-gray-6);
    --scrollbar-thumb-bk-active-color: var(--app-color-gray-7);
}
*::-webkit-scrollbar {
    width: var(--scrollbar-size, 10px);
    height: var(--scrollbar-size, 10px);
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbar-size, 10px);
}
*::-webkit-scrollbar-track {
    background: var(--scrollbar-bk-color, #eeeeee);
    -webkit-box-shadow: var(--scrollbar-shadow, inset 0rem 0rem 0.50rem 0.25rem #cecece);
    -moz-box-shadow: var(--scrollbar-shadow, inset 0rem 0rem 0.50rem 0.25rem #cecece);
    box-shadow: var(--scrollbar-shadow, inset 0rem 0rem 0.50rem 0.25rem #cecece);
}
*::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-bk-color, #777777);
}
*::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background: var(--scrollbar-thumb-bk-active-color, #6b6b6b);
}

#content-wrapper,
#main-wrapper.registration-content #main-content {
    --scrollbar-size: var(--content-gutter-1, 12px);
    --scrollbar-bk-color: var(--app-color-primary-opaque-4);
    --scrollbar-shadow: inset 0rem 0rem 0.50rem 0.025rem var(--app-color-primary-opaque-2);
    --scrollbar-thumb-bk-color: var(--app-color-primary);
    --scrollbar-thumb-bk-active-color: var(--app-color-primary-active);
}
#main-wrapper.registration-content {
    --nav-height: 75px;
    --foot-height: 50px;
    --body-height: calc(100vh - var(--nav-height));
    --body-gutter-y: var(--content-gutter);
}
#main-wrapper.registration-content #main-content {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: auto;
    height: var(--body-height);
    top: var(--nav-height);
    padding: 0px;
    padding-top: var(--body-gutter-y);
}
#main-wrapper.registration-content #main-content .content-body {
    padding-bottom: var(--body-gutter-y);
}
#main-wrapper.registration-content #main-content .content-body:not(:first-child) {
    margin-top: var(--content-gutter);
}
#main-wrapper.registration-content #main-content .content-body:not(:last-child) {
    margin-bottom: auto;
}
#main-wrapper.registration-content #main-content .navbar {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: var(--app-color-gray-3);
    background-color: var(--app-color-gray-1);
}
#main-wrapper.registration-content #main-footer .navbar-text {
    float: unset;
}
#main-wrapper.registration-content .navbar-header {
    float: unset;
}
#main-wrapper.registration-content .navbar-header .navbar-brand {
    padding: 10px 0px;
    height: var(--nav-height) !important;
    line-height: 0px;
}

/* ============================================================================================ */
/* FONTS  */

body {
    color: var(--app-color-body);
}
body, p, a, li, thead, tbody, td, .btn, .fc button, .fc-button, .nav-link, .pagination, label, [class*="form-control"], [class*="form-control"]:focus, .select2-container .select2-choice {
    margin: 0px;
}
h1, .page-header h1, .h1, h2, .h2, h3, h3.panel-title, .h3, h4, h4.panel-title, .h4, h5, .h5, h6, .h6, .modal-title, .flex-inline-form-group .form-label {
    font-family: Montserrat, sans-serif;
    margin: 0px;
}
a, a:hover, a:focus, .btn, .btn:hover, .btn:focus {
    text-decoration: none;
    outline: none;
}

/* FONT SIZE ----------------------------------------------------------------------------------  */
body, p, a, li, thead, tbody, td, .btn, .fc button, .fc-button, .pagination, label, div[class*="dataTables_"] label, [class*="form-control"], [class*="form-control"]:focus, .select2-container .select2-choice, .select2-container-multi .select2-choices {
    font-size: 1rem;
}
.btn-xs {
    font-size: 0.50rem;
}
.btn-sm {
    font-size: 0.75rem;
}
.btn-md {
    font-size: 1rem;
}
.btn-lg {
    font-size: 1.25rem;
}
.btn-xl {
    font-size: 1.50rem;
}
h5, .h5, .nav-tabs .nav-link, .panel.panel-sm > .panel-heading > h4, ul.jqtree_common > li > .jqtree-element, .flex-inline-form-group .form-label, .form-control-lg, .label-lg, .btn-lg {
    font-size: 1.125rem;
}
h4, .h4, h4.panel-title {
    font-size: calc(1.150rem + 0.3vw);
}
h3, .h3,  h3.panel-title, .modal-title {
    font-size: calc(1.175rem + 0.6vw);
}
h2, .h2, .page-header h1 {
    font-size: calc(1.200rem + 0.9vw);
}
h1, .h1, .page-header h1, .page-signin-alt h1.form-header {
    font-size: calc(1.250rem + 1.5vw);
}
h4.text-lg, .h4.text-lg { font-size: calc(1.725rem + 0.3vw); }
h3.text-lg, .h3.text-lg { font-size: calc(1.7625rem + 0.6vw); }
h2.text-lg, .h2.text-lg { font-size: calc(1.800rem + 0.9vw); }
h1.text-lg, .h1.text-lg { font-size: calc(1.875rem + 1.5vw); }

@media(min-width: 1200px) {
    h4, .h4, h4.panel-title {
        font-size: 1.25rem;
    }
    h3, h3.panel-title, .modal-title, .text-md:not(h1, h2, h3, h4, h5) {
        font-size: 1.5rem;
    }
    h2, .h2, .page-header h1, .text-lg:not(h1, h2, h3, h4, h5) {
        font-size: 1.75rem;
    }
    h1, .h1, .page-signin-alt h1.form-header, .text-xlg, .text-xl:not(h1, h2, h3, h4, h5) {
        font-size: 2rem;
    }
    h4.text-lg, .h4.text-lg { font-size: 1.875rem; }
    h3.text-lg, .h3.text-lg { font-size: 2.25rem; }
    h2.text-lg, .h2.text-lg { font-size: 2.625rem; }
    h1.text-lg, .h1.text-lg { font-size: 3rem; }
}

/* FONT LINE HEIGHT ---------------------------------------------------------------------------  */
body, p, a, li, .form-label, label, ul.jqtree_common > li > .jqtree-element, .nav-link, table thead tr td, table tbody tr td, .btn, .fc button, .fc-button, [class*="form-control"], [class*="form-control"]:focus, .select2-container .select2-choice, .select2-container-multi .select2-choices {
    line-height: 1.4;
}
h1, h2, h3, h4, h5, .page-header h1, .page-signin-alt h1.form-header, .form-control-lg, .btn-lg, .label-lg {
    line-height: 1.3;
}
.panel-title, [class*="table-header"] > h4 {
    line-height: 1;
}

/* FONT WEIGHT --------------------------------------------------------------------------------  */
p, ul.jqtree_common > li > .jqtree-element { font-weight: 400; }
label, div[class*="dataTables_"] label { font-weight: 500; }
h5, .h5, .page-header h1, .nav-tabs .nav-link, thead, .table-header-text, .flex-inline-form-group .form-label { font-weight: 600; }
h4, .h4, h4.panel-title, ul.jqtree_common > li.jqtree-folder > .jqtree-element { font-weight: 700; letter-spacing: 0.025rem; }
h3, .h3, h3.panel-title, .modal-title, .btn { font-weight: 600; }
h2, .h2 { font-weight: 700; }
h1, .h1, tbody, .page-signin-alt h1.form-header, [class*="form-control"] { font-weight: 400; }

/* FONT SCALING -------------------------------------------------------------------------------  */
p small, li small, th small, td small {
    font-family: inherit;
    font-size: 90%;
    line-height: inherit;
    font-weight: 500;
}
h5 small, .h5 small, .nav-tabs .nav-link small {
    font-family: inherit;
    font-size: 90%;
    line-height: inherit;
    font-weight: 500;
}
h5 strong small, .h5 strong small {
    font-weight: 600;
}
h4 small, .h4 small, h4.panel-title small {
    font-size: 90%;
    line-height: 1.3;
    font-weight: 600;
}
h3 small, .h3 small, h3.panel-title small {
    font-size: 90%;
    line-height: 1.3;
    font-weight: inherit;
}
h2 small, .h2 small {
    font-size: 80%;
    line-height: 1.3;
    font-weight: inherit;
}

/* FONT MARGINS -------------------------------------------------------------------------------  */
p:not(:empty, :last-child),
h5:not(:empty, :last-child), .h5:not(:empty, :last-child),
h4:not(:empty, :last-child), .h4:not(:empty, :last-child),
h3:not(:empty, :last-child), .h3:not(:empty, :last-child),
h2:not(:empty, :last-child), .h2:not(:empty, :last-child),
h1:not(:empty, :last-child), .h1:not(:empty, :last-child) {
    margin-bottom: var(--content-gutter-1);
}
h1.accordion-header, h2.accordion-header, h3.accordion-header, h4.accordion-header, h5.accordion-header {
    margin-bottom: 0px;
}
p > *:not(small), h5 > *:not(small), .nav-tabs .nav-link > *:not(small), h4 > *:not(small), h4.panel-title > *:not(small), h3 > *:not(small), h3.panel-title > *:not(small), h2 > *:not(small), h1 > *:not(small), .page-header h1 > *:not(small) {
    font-size: inherit;
    line-height: inherit;
}

/* FONT COLORING ------------------------------------------------------------------------------  */
p small, h5 small, .nav-tabs .nav-link small, h4 small, .h4 small, h3 small, h2 small, h1 small, .page-header h1 small {
    color: inherit;
}

/* FONT ADDITIONAL STYLING --------------------------------------------------------------------  */
.text-bold {
    font-weight: bold !important;
    font-weight: 700 !important;
}
.crm-name, .crm-title {
    display: inline-block;
    position: relative;
}
.crm-name {
    font-weight: bolder;
}
.crm-name:not(:last-child) {
    margin-right: var(--content-gutter-2);
}
h1 > .crm-name, h2 > .crm-name, h3 > .crm-name, h4 > .crm-name, h5 > .crm-name {
    margin-bottom: var(--content-gutter-3);
}
h1 > .crm-title, h2 > .crm-title, h3 > .crm-title, h4 > .crm-title, h5 > .crm-title {
    font-size: 75%;
    font-weight: 400;
    margin-bottom: var(--content-gutter-3);
}

.notice-text, .notice-bullet, .dataTables_empty {
    font-size: 90%;
    font-style: italic;
    text-align: left;
    color: var(--app-color-gray-7);
}
.notice-text {
    text-align: left;
}
tr .notice-text {
    text-align: center;
}
.notice-bullet {
    position: relative;
    padding-left: 14px;
}
.notice-bullet::before {
    position: absolute;
    font-family: FontAwesome;
    content: "\f069";
    font-size: 70%;
    line-height: inherit;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    color: #e66454;
}
.title-horizontal-line {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    padding: 15px 0px;
    margin: 0px;
    color: var(--app-color-primary);
}
.title-horizontal-line:before {
    position: relative;
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--app-color-primary);
    left: 0px;
    margin-right: 10px;
}
.title-horizontal-line:after {
    position: relative;
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--app-color-primary);
    right: 0px;
    margin-left: 10px;
}

/* ============================================================================================ */
/* LAYOUT  */

.row {
    --bs-gutter-x: 1.15rem;
    --bs-gutter-y: calc(var(--bs-gutter-x) * 0.5);
}
.row:not(:first-child) {
    margin-top: 0px;
}
.row > hr {
    margin-top: var(--bs-gutter-y);
    margin-bottom: var(--bs-gutter-y);
}
hr + .row:not(:first-child) {
    margin-top: calc(var(--bs-gutter-y) * -1);
}
.row > [class*="col"].pull-left {
    margin-right: auto;
}
.row > [class*="col"].pull-right {
    margin-left: auto;
}

.well > .btn-close + .row,
.row[style*="display:none"]:first-child + .row:not([style*="display:none"], [style*="display:none;"], [style*="display: none"], [style*="display: none;"]),
.row[style*="display:none;"]:first-child + .row:not([style*="display:none"], [style*="display:none;"], [style*="display: none"], [style*="display: none;"]),
.row[style*="display: none"]:first-child + .row:not([style*="display:none"], [style*="display:none;"], [style*="display: none"], [style*="display: none;"]),
.row[style*="display: none;"]:first-child + .row:not([style*="display:none"], [style*="display:none;"], [style*="display: none"], [style*="display: none;"]) {
    margin-top: var(--content-gutter-1-offset);
}

.action-group:not(:first-child),
.well:not(:first-child), [class^="well-"]:not(:first-child),
.nav-tabs:not(:first-child),
.panel:not(:first-child),
*:not([class*="table-header"]) + .dataTables_wrapper,
*:not([class*="table-header"]) + table {
    margin-top: var(--content-gutter-1);
}


.form-group > .row {
    margin-top: var(--content-gutter-1-offset);
}
.row > .form-group {
    margin-top: var(--content-gutter-1);
}

.nav-tabs + [class*="well"] {
    margin-top: var(--content-gutter);
}

.align-self-stretch > .row.border-b-light {
    height: calc(100% + var(--content-gutter-1));
}

@media(min-width: 576px) { /* ... sm ... */
    .offset-sm-center {
        margin-left: auto;
        margin-right: auto;
    }
}
@media(min-width: 768px) { /* ... md ... */
    .offset-md-center {
        margin-left: auto;
        margin-right: auto;
    }
}
@media(min-width: 992px) { /* ... lg ... */
    .offset-lg-center {
        margin-left: auto;
        margin-right: auto;
    }
}
@media(min-width: 1200px) {
    .offset-xl-auto {
        margin-left: auto;
        margin-right: auto;
    }
}
@media(min-width: 1600px) {
    .col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12 {
        flex: 0 0 auto;
    }
    .col-xxxl-1 { width: 8.33333333%; }
    .col-xxxl-2 { width: 16.66666667%; }
    .col-xxxl-3 { width: 25%; }
    .col-xxxl-4 { width: 33.33333333%; }
    .col-xxxl-5 { width: 41.66666667%; }
    .col-xxxl-6 { width: 50%; }
    .col-xxxl-7 { width: 58.33333333%; }
    .col-xxxl-8 { width: 66.66666667%; }
    .col-xxxl-9 { width: 75%; }
    .col-xxxl-10 { width: 83.33333333%; }
    .col-xxxl-11 { width: 91.66666667%; }
    .col-xxxl-12 { width: 100%; }
}

/* ============================================================================================ */
/* CONTENT CONTAINERS  */

.agent-details:not(:last-child) {
    margin-bottom: var(--content-gutter-double);
}
.agent-details > span {
    height: 100%;
    vertical-align: middle;
}
.agent-details > span:not(.label) {
    color: var(--app-color-secondary);
    font-weight: 500;
}
.agent-details > span + span {
    margin-left: var(--content-gutter);
}
.agent-details > span + span {
    margin-left: var(--content-gutter-1);
}
.agent-details > span.a-title {
    font-weight: 600;
}

.loading-overlay {
    position: relative;
}
.loading-overlay::before {
    font-family: "FontAwesome";
    content: "\f110";
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 2rem;
    font-weight: 700;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    color: #000000;
    z-index: 9999999;
}
.loading-overlay::after {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1.25rem;
    font-weight: 700;
    color: #000000;
    background-color: rgba(255, 255, 255, 0.75);
    z-index: 999999;
}

.full-page-loading {
    position: fixed;
    z-index: 300000;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
}
.full-page-loading > * {
    text-align: center;
    color: var(--app-color-primary);
    font-weight: bold;
    margin-bottom: var(--content-gutter-1);
    -webkit-transition: all var(--app-transition-slow);
    -moz-transition: all var(--app-transition-slow);
    -o-transition: all var(--app-transition-slow);
    transition: all var(--app-transition-slow);
}
.full-page-loading > i.fa {
    font-size: 200%;
    width: auto;
    height: auto;
}

#navigation-loader.full-page-loading {
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 10%;
}
#navigation-loader.full-page-loading:not(.isLoading) {
    display: none;
}

.vendor-row {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #d3d3d3; /* Light gray line */
}

.vendor-name {
    flex: 1;
    text-align: left;
}

.vendor-phone {
    flex: 0 0 150px; /* Adjust the width as needed */
    text-align: right;
}

.vendor-group {
    border: 1px solid #ccc; /* Border color */
    padding: 10px; /* Space inside the border */
    border-radius: 4px; /* Rounded corners (optional) */
    background-color: #f9f9f9; /* Background color (optional) */
}

    .vendor-group .checkbox {
        margin-bottom: 10px; /* Space between checkboxes */
    }

    .vendor-group label {
        margin-bottom: 0; /* Remove bottom margin from labels */
    }

.location-search, .zip-search {
    border: 1px solid gray;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px; /* Optional: to round the corners */
}

.location-inputs, .zip-inputs {
    display: flex;
    flex-wrap: wrap;
}

.input-group-container {
    border: 1px solid #d3d3d3; /* Thin gray outline */
    border-radius: 4px; /* Optional: rounded corners */
    padding: 15px; /* Optional: padding around the inputs */
    background-color: #fff; /* Optional: background color for better visibility */
    box-shadow: none; /* Optional: remove box shadow if any */
}

  

.dynamic-checkboxes {
    margin-top: 10px; /* Space above dynamic checkboxes */
}



/* ============================================================================================ */
/* ANIMATION  */

[class^="animate-mm-"] #main-wrapper,
[class^="animate-mm-"] #main-menu,
[class^="animate-mm-"] #content-wrapper,
[class^="animate-mm-"] #main-menu-bg {
    -webkit-transition: all var(--app-transition-slow);
    -moz-transition: all var(--app-transition-slow);
    -o-transition: all var(--app-transition-slow);
    transition: all var(--app-transition-slow);
}
.disable-mm-animation #main-wrapper,
.disable-mm-animation #main-menu,
.disable-mm-animation #content-wrapper,
.disable-mm-animation #main-menu-bg {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
[class^="dont-animate-mm-content-"] #main-menu .animated,
.dont-animate-mm-content #main-menu .animated {
    -webkit-animation-duration: 0s !important;
    -moz-animation-duration: 0s !important;
    -o-animation-duration: 0s !important;
    animation-duration: 0s !important;
}

/* ============================================================================================ */
/* CARDS & WELL */

.card {
    padding: var(--content-gutter);
    background-color: #ffffff;
    border-radius: var(--app-border-radius-sm);
    border: 1px solid var(--app-border-color-light);
}
.card .card-header {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    padding: var(--content-gutter-1);
    padding-left: var(--content-gutter);
    padding-right: var(--content-gutter);
    margin-bottom: 0px;
    background-color: var(--app-color-gray-1);
    border-top-left-radius: var(--app-border-radius-sm);
    border-top-right-radius: var(--app-border-radius-sm);
    border-bottom-left-radius: var(--app-border-radius-sm);
    border-bottom-right-radius: var(--app-border-radius-sm);
    border-bottom: none;
    min-height: 54px;
}
.card .card-header + .card-body,
.card .card-body:not(:empty) + .card-header {
    margin-top: var(--content-gutter);
}
.card-body:empty {
    padding: 0px;
}
.card.multi-card-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 0px;
}
.card.multi-card-container > .card-container {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    padding: var(--content-gutter);
    min-width: 0px;
}
.card.multi-card-container > .card-container > .card-header,
.card.multi-card-container > .card-container > .card-body {
    width: 100%;
}
.card.multi-card-container > .card-container > .card-header {
    position: relative;
}
.card .card-header > h4 {
    margin-bottom: 0px;
}
.card.multi-card-container > .card-container > .card-body {
    padding: 0px;
}
.well, .well-sm {
    position: relative;
    background-color: var(--app-color-gray-2);
    border: 1px solid var(--app-border-color-light);
    border-radius: var(--app-border-radius-sm);
}
.well {
    padding: var(--content-gutter);
}
.well-sm {
    padding: var(--content-gutter-1);
}
.well-secondary {
    background-color: var(--app-color-secondary-opaque-2);
    border-color: var(--app-color-secondary);
}
[class^="theme-"] .well > .btn-close {
    color: var(--app-color-body);
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent !important;
    background-color: transparent !important;
    border: none;
    background-image: none;
    z-index: 10;
}
[class^="theme-"] .well > .btn-close:hover {
    color: #000000;
    background: transparent !important;
    background-color: transparent !important;
}


@media(min-width: 1200px) {
    .card.multi-card-container > .card-container:not(:first-child)::after {
        content: "";
        position: absolute;
        top: var(--content-gutter);
        left: 0px;
        bottom: var(--content-gutter);
        width: 1px;
        background-color: rgba(0, 0, 0, 0.6);
    }
}

/* ============================================================================================ */
/* GUAGES & CHARTS */

.chart-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    min-width: 0px;
}
.chart-container.chart-bordered {
    border: 2px solid var(--app-color-gray-3);
    -webkit-border-radius: var(--app-border-radius-md);
    -moz-border-radius: var(--app-border-radius-md);
    border-radius: var(--app-border-radius-md);
    padding: calc(var(--content-gutter) * 0.5);
}
.chart-container > .chart-render {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    margin-right: 0px;
}
.chart-container > .chart-legend {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding-left: 0px;
}

@media(min-width: 1200px) {
    .chart-container {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -webkit-flex-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .chart-container > .chart-render {
        margin-right: -50%;
        overflow: hidden;
    }
    .chart-container > .chart-legend {
        width: auto;
        padding-left: var(--content-gutter);
    }
}

/* ============================================================================================ */
/* PANELS */

.page-signin-alt .panel, .panel, .panel-header, .panel-body, .panel-footer {
    border: 1px solid var(--app-border-color-light);
    border-radius: var(--app-border-radius-sm);
    background: #ffffff;
    padding: 0px;
    margin: 0px;
}
.panel .panel-heading,
.panel .panel-body,
.panel .panel-footer {
    padding: var(--content-gutter);
    background: transparent;
    border-width: 0px;
}
.panel > .panel-header:not(:last-child) {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.panel > .panel-body,
.panel > .panel-body + .panel-footer {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--app-border-radius-sm);
    border-bottom-right-radius: var(--app-border-radius-sm);
}
.panel > .panel-header + .panel-body:not(:last-child) {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.panel .panel {
    border-radius: var(--app-border-radius-sm);
}
.panel, .panel-default {
    margin-bottom: 0px;
}
.panel .panel-heading {
    background: var(--app-color-gray-2);
}
.panel .panel-heading .panel-title {
    color: var(--app-color-body);
}
.panel.panel-sm .panel-heading, .panel.panel-sm .panel-body, .panel.panel-sm .panel-footer,
.panel .panel:not(.panel-scroll) > .panel-body,
.tab-content .panel:not(.panel-scroll) > .panel-body {
    padding: var(--content-gutter);
}
.panel .panel .panel-heading,
.panel .panel .panel-footer {
    padding-top: var(--content-gutter-1);
    padding-bottom: var(--content-gutter-1);
}
.panel.panel-sm .panel-heading,
.panel.panel-sm .panel-footer {
    padding-top: var(--content-gutter-2);
    padding-bottom: var(--content-gutter-2);
}
.panel:not(:last-child) {
    margin-bottom: var(--content-gutter);
}
.form-group .panel,
.form-group .panel:not(:first-child) {
    margin-top: 0px;
}
.panel.no-border {
    border: none;
}
.panel .panel-heading.inline {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-flex-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-item-align: baseline;
    align-items: baseline;
    width: 100%;
}
.panel .panel-heading.inline .panel-title:not(:last-child) {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    padding-right: var(--content-gutter);
    margin-right: auto;
}
.panel .panel-heading.inline > *:not(.panel-title) + * {
    margin-left: var(--content-gutter);
}
.panel .panel-heading .panel-title {
    margin-bottom: 0px;
}

.panel.panel-scroll {
    overflow: hidden;
    border: 1px solid var(--app-border-color-light);
    border-radius: var(--app-border-radius-sm);
}
.panel.panel-md > .panel-heading,
.panel.panel-md > .panel-body {
    padding: var(--content-gutter-1);
}
.panel-scroll > .panel-heading {
    border-width: 0px;
    -webkit-box-shadow: var(--app-drop-shadow-y);
    -moz-box-shadow: var(--app-drop-shadow-y);
    box-shadow: var(--app-drop-shadow-y);
    z-index: 4;
}
.panel-scroll > .panel-body {
    overflow-y: auto;
}
.panel-scroll > .panel-heading {
    background: var(--app-color-gray-2);
}

.tab-content-scroll {
    overflow: auto;
}

.tab-content .panel.no-border .panel-heading {
}
.tab-content .panel.no-border .panel-body {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.panel > .well,
.panel > .well,
.panel > .well {
    border: none;
    border-radius: 0px;
}

.panel .panel.colourable {
    border: none;
}
.panel .panel.colourable .panel-heading {
    background: var(--app-color-secondary-opaque-4);
}
.panel .panel.colourable .panel-heading > span {
    font-size: 1.125rem;
    line-height: 1;
    font-weight: 700;
}
.panel .panel.colourable .panel-body {
    background: var(--app-color-secondary-opaque-2);
}
.panel.colourable .panel-body .row [class*="col-"].text-xlg,
.panel.colourable .panel-body .row [class*="col-"] > .row > *:first-child {
    font-weight: 600;
}

/* ============================================================================================ */
/* LISTS & LIST GROUPS  */

ul, ol, ul > li, ol > li {
    margin-bottom: 0px;
}
ul:not(:last-child, .nav, .navbar-nav, .dropdown-menu, .pagination, .nav-tabs, .list-group, .jqtree_common), ol:not(:last-child) {
    margin-bottom: var(--content-gutter-1);
}
ul:not(.nav, .navbar-nav, .dropdown-menu, .pagination, .nav-tabs, .list-group, .jqtree_common) > li:not(:last-child), ol > li:not(:last-child) {
    margin-bottom: var(--content-gutter-2);
}
ol {
    position: relative;
    list-style: none;
    counter-reset: item;
    padding-left: 1.65rem;
    padding-inline-start: 1.65rem;
}
ol > li {
    position: relative;
    counter-increment: item;
    line-height: 1.4rem;
}
ol > li::before {
    position: absolute;
    top: 0.05rem;
    left: -1.65rem;
    content: counter(item);
    background: var(--app-color-primary);
    border-radius: 1.25rem;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    width: 1.35rem;
    height: 1.35rem;
    padding: 0.25rem;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
}

.notice-container:not(:empty, [style*="display:none"], [style*="display:none;"], [style*="display: none"], [style*="display: none;"]) + * {
    margin-top: var(--content-gutter);
}
.notice-container > .error-title {
    color: var(--app-color-red);
}
ol.error-list > li::before,
.notice-container > ol.error-list > li::before {
    background: var(--app-color-red);
}

ol.big-bullet-primary > li {
    line-height: 1.3rem;
}
ol.big-bullet-primary > li > *:first-child {
    display: block;
    line-height: 1.5rem;
    width: 100%;
}
ol.big-bullet-primary > li[data-list-marker="a"]::before {
    content: "A";
}
ol.big-bullet-primary > li[data-list-marker="b"]::before {
    content: "B";
}
ol.big-bullet-primary > li[data-list-marker="c"]::before {
    content: "C";
}
ol.big-bullet-primary > li[data-list-marker="d"]::before {
    content: "D";
}
ol.big-bullet-primary > li[data-list-marker="e"]::before {
    content: "E";
}

.default-list-group {
    list-style: none;
}
.default-list-group:not(:last-child) {
    margin-bottom: var(--content-gutter);
}
.default-list-group > .list-group-item > *:not(:empty) {
    display: block;
    margin-top: var(--content-gutter-1-offset);
    margin-left: var(--content-gutter-1-offset);
    width: calc(100% + var(--content-gutter-1));
}
.default-list-group > .list-group-item > *:not(:empty) > * {
    margin-top: var(--content-gutter-1);
    margin-left: var(--content-gutter-1);
}

.list-group > .list-group-item,
.list-group > :not(.list-group-item) > a.list-group-item {
    border-left: none;
    border-right: none;
    border-radius: 0px;
    padding: var(--content-gutter);
    padding-top: var(--content-gutter-1);
    padding-bottom: var(--content-gutter-1);
}
.list-group > .list-group-item:first-child,
.list-group > :not(.list-group-item):first-child > a.list-group-item {
    border-top: none;
}
.list-group > .list-group-item:last-child,
.list-group > :not(.list-group-item):last-child > a.list-group-item {
    border-bottom: none;
}
.list-group .list-group-item > span + span,
.list-group .list-group-item > .label + .label {
    margin-left: 5px;
    margin-right: 0px;
}
.list-item-content .content-details {
    font-size: 0.75rem;
}
.list-group,
.list-group > .list-group-item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.list-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.list-group > .list-group-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-flex-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-item-align: start;
    align-items: flex-start;
    border: 1px solid var(--app-border-color-light);
    padding: var(--content-gutter-1);
    background-color: #ffffff;
    cursor: default;
}
.list-group > .list-group-item:not(:first-child) {
    border-top-width: 0px;
}
.list-group > .list-group-item.widget-messages-alt-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.list-group > .list-group-item > * {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    width: auto;
    padding: var(--content-gutter-2);
}
.list-group > .list-group-item > .list-item {
    cursor: pointer;
}
.list-group > .list-group-item > .list-item-check {
    -webkit-flex: 0 0 0%;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
}
.list-group > .list-group-item > .list-item-check input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    margin: 0px;
}
.list-group > .list-group-item .item-details {
    color: var(--app-color-gray-7);
    font-size: 0.85rem;
    line-height: 1.2;
}
.list-group > .list-group-item .item-details > i {
    margin-right: var(--content-gutter-3);
    font-size: 85%;
    vertical-align: middle;
}
.list-group > .list-group-item .item-heading {
    color: var(--app-color-body);
    font-weight: 700;
}
.list-group > .list-group-item p:not(:last-child),
.list-group > .list-group-item .item-heading:not(:last-child),
.list-group > .list-group-item .item-details:not(:last-child) {
    margin-bottom: var(--content-gutter-3);
}
.list-group > .list-group-item:hover *:not(.label, .badge),
.list-group > .list-group-item.active *:not(.label, .badge) {
    color: var(--app-color-body);
}
.list-group > .list-group-item:hover .initial-icon,
.list-group > .list-group-item.active .initial-icon {
    color: #ffffff;
}
.list-group.list-group-dark,
.panel-body.list-group.list-group-dark {
    padding: var(--content-gutter-2);
    background-color: var(--app-color-gray-3);
}
.list-group.list-group-dark > .list-group-item,
.panel-body.list-group.list-group-dark > .list-group-item {
    border: 1px solid var(--app-color-gray-5);
    border-radius: var(--app-border-radius-sm);
    margin: 0px;
}
.list-group.list-group-dark > .list-group-item:not(:last-child, [style*="display:none"], [style*="display:none;"], [style*="display: none"], [style*="display: none;"]) {
    margin-bottom: var(--content-gutter-2);
}
.list-group.crm-list-group > .list-group-item:hover,
.list-group.crm-list-group > .list-group-item.active {
    border-color: var(--app-color-secondary);
    -webkit-box-shadow: inset 2000px 0px 0px 0px var(--app-color-secondary-opaque-3);
    -moz-box-shadow: inset 2000px 0px 0px 0px var(--app-color-secondary-opaque-3);
    box-shadow: inset 2000px 0px 0px 0px var(--app-color-secondary-opaque-3);
}
.list-group.task-list-group > .list-group-item.task {
    background-color: var(--app-color-gray-opaque-2);
    padding: var(--content-gutter-2) var(--content-gutter-1);
}
.list-group.list-group-dark.task-list-group > .list-group-item.task {
    background-color: #ffffff;
}
.list-group.task-list-group > .list-group-item.task.completed {
    background-color: #ffffff;
    -webkit-box-shadow: inset 2000px 0px 0px 0px var(--app-color-green-opaque-4);
    -moz-box-shadow: inset 2000px 0px 0px 0px var(--app-color-green-opaque-4);
    box-shadow: inset 2000px 0px 0px 0px var(--app-color-green-opaque-4);
}
.list-group > .list-group-item .col-auto.list-item-details {
    -webkit-flex: 1 0 200px;
    -ms-flex: 1 0 200px;
    flex: 1 0 200px;
}
.list-item-details .item-details {
    word-break: break-all;
}
.list-item-details .item-heading {
    word-break: break-word;
}
.list-group .list-group-item .list-item-tags {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-flex-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    align-self: flex-start;
    -webkit-flex: 1 1 10%;
    -ms-flex: 1 1 10%;
    flex: 1 1 10%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: 150px;
    max-width: 100%;
}
.list-group .list-group-item .list-item-tags > * {
    margin: 2px;
}
.panel .panel-body .list-group > .list-group-item {
    border-width: 0px;
}
.panel .panel-body .list-group > .list-group-item:not(:first-child) {
    border-top-width: 1px;
}

.task-heading {
    width: 100%;
    text-align: left;
    padding: var(--content-gutter-1);
    padding-top: var(--content-gutter-2);
    padding-bottom: var(--content-gutter-2);
    background-color: #ffffff;
}
.task-heading:not(:first-child) {
    margin-top: var(--content-gutter-1);
}
.panel-heading .task-heading {
    padding-right: calc(var(--content-gutter-1) + var(--content-gutter-1));
}
:not(tfoot).list-group-totals {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-flex-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-item-align: start;
    align-items: flex-start;
    width: 100%;
}
:not(tfoot).list-group-totals .list-total {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-flex-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-item-align: baseline;
    align-items: baseline;
    width: 100%;
    padding: 0.5rem 0.5rem;
}
tfoot.list-group-totals .list-total td > * {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
:not(tfoot).list-group-totals .list-total:not(:last-child) {
    border-bottom: 1px solid var(--app-border-color-light);
    margin-bottom: var(--content-gutter-2);
}
:not(tfoot).list-group-totals .list-total .total-title,
tfoot.list-group-totals .list-total .total-title {
    text-transform: uppercase;
    font-size: 1.10rem;
    font-weight: bolder;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    text-align: right;
    padding: 0px var(--content-gutter-1);
    margin-bottom: 0px;
}
:not(tfoot).list-group-totals .list-total .total-title > small,
tfoot.list-group-totals .list-total .total-title > small {
    text-transform: initial;
    vertical-align: text-bottom;
}
:not(tfoot).list-group-totals .list-total .total-amount,
tfoot.list-group-totals .list-total .total-amount {
    font-size: 1.10rem;
    font-weight: bolder;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: right;
    padding: 0px var(--content-gutter-1);
    margin-bottom: 0px;
}

/* ============================================================================================ */
/* IMAGES  */

.img-responsive {
    width: 100%;
    height: auto;
}
.img-fill-auto {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.img-fill-x {
    width: 100%;
    height: auto;
    max-width: unset;
    max-height: unset;
}
.img-fill-y {
    width: auto;
    height: 100%;
    max-width: unset;
    max-height: unset;
}
.img-w-50 {
    width: 50%;
    height: auto;
}
.img-icon {
    width: 1.15em;
    height: 1.15em;
    margin-right: 8px;
}
.img-icon-circle {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: 1.4em;
    height: 1.4em;
    border-radius: 1.4em;
    background-color: #ffffff;
    padding: 3px;
    margin-right: 4px;
}
.img-icon > img,
.img-icon-circle > img {
    width: 100%;
    height: auto;
}
.initial-icon, .initial-icon-small, .initial-icon-medium, .initial-icon-large {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    line-height: 0;
    font-weight: bold;
    color: #ffffff;
    padding: 0px;
    margin: 4px;
    background-color: var(--app-color-primary);
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--app-color-secondary);
    -moz-box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--app-color-secondary);
    box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--app-color-secondary);
    aspect-ratio: 1/1;
}
img.initial-icon, img[class^="initial-icon-"] {
    background-color: transparent;
}
.initial-icon-small, .initial-icon-medium, .initial-icon-large {
    min-width: unset;
}
.initial-icon-small {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}
.initial-icon-large {
    width: 70px;
    height: 70px;
    border-radius: 70px;
}
.initial-icon-auto {
    width: calc(100% - 8px);
    min-width: 50px;
    height: unset;
    border-radius: 50%;
    aspect-ratio: 1/1;
}
.initial-icon-auto.initial-icon-small {
    min-width: 40px;
}
.initial-icon-auto.initial-icon-large {
    min-width: 70px;
}

@media(min-width: 992px) {
    .col-lg-auto .initial-icon-auto {
        max-width: 50px;
    }
    .col-lg-auto .initial-icon-auto.initial-icon-small {
        max-width: 40px;
    }
    .col-lg-auto .initial-icon-auto.initial-icon-large {
        max-width: 70px;
    }
}
@media(min-width: 1200px) {
    .col-xl-auto .initial-icon-auto {
        max-width: 50px;
    }
    .col-xl-auto .initial-icon-auto.initial-icon-small {
        max-width: 40px;
    }
    .col-xl-auto .initial-icon-auto.initial-icon-large {
        max-width: 70px;
    }
}
.initial-icon-upload-wrapper {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: auto;
    height: auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.initial-icon-upload-wrapper:hover > .profile-img-actions {
    opacity: 1;
    z-index: 9999;
}
.profile-img-wrapper {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    -webkit-flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    width: 200px;
    height: 200px;
    border-radius: 200px;
    border: 6px solid var(--app-color-secondary);
    overflow: hidden;
}
.profile-img-wrapper.profile-img-sm {
    width: 80px;
}
@media(min-width: 992px) {
    .col-lg-auto .profile-img-responsive.profile-img-sm {
        min-width: 80px;
    }
    .col-lg-auto .profile-img-responsive .initial-icon-auto {
        max-width: unset;
    }
}
.profile-img-wrapper.profile-img-responsive {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;
}
[class*="-auto"] > .profile-img-wrapper {
    max-width: 100px;
}
.profile-img-wrapper.profile-img-sm {
    border: 2px solid var(--app-color-secondary);
}
.profile-img-wrapper:not(.existingImage) > .profile-img {
    opacity: 0.25;
}
.profile-img-actions {
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.25s ease-in-out;
}
.profile-img-wrapper:hover > .profile-img-actions {
    opacity: 1;
    z-index: 9999;
}
.profile-img-wrapper > .profile-img-actions > .action-item,
.profile-img-wrapper > .profile-img-actions > .action-item > label {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: 100%;
    color: #ffffff;
    font-size: 0.75rem;
}
.profile-img-wrapper > .profile-img-actions > .dz-icon-custom {}
.profile-img-wrapper > .profile-img-actions > .action-item + .action-item {
    margin-top: 15px;
}
.profile-img-wrapper > .profile-img-actions > .action-item:hover,
.profile-img-wrapper > .profile-img-actions > .action-item:hover > * {
    cursor: pointer;
}
.profile-img-wrapper > .profile-img-actions > .action-item.delete-img {
    color: red;
}
.profile-img-wrapper > .profile-img-actions > .action-item i {
    font-size: 1.5rem;
}
#agentImg,
.profile-img-wrapper .profile-img,
.profile-img-wrapper .initial-icon {
    width: 100%;
    height: auto;
    border: 4px solid #ffffff;
    border-radius: 50%;
    margin: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.profile-img-wrapper.profile-img-sm .profile-img,
.profile-img-wrapper.profile-img-sm .initial-icon {
    border: 2px solid #ffffff;
}
.agent-info-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
.product-image-container {
    width: 125px;
    height: 125px;
}
.product-image-container > * {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    align-self: center;
}
.dropzone-wrapper:not(:first-child) {
    margin-top: var(--content-gutter);
}
.dropzone-wrapper {
    display: block;
    border: none;
    width: 100%;
    min-height: unset;
    background: transparent;
}
.dropzone-wrapper.inactive {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    border: 3px dashed #dddddd;
    background: rgba(0, 0, 0, 0.025);
    min-height: 150px;
}
.dropzone-wrapper.inactive > .dropzone-wrapper-validation-text {
    color: var(--app-color-body);
    margin-bottom: 0px;
}
.social-tag {
    display: inline-block;
    height: 22px;
    width: auto;
}
.social-tag img,
.social-tag .social-logo {
    width: auto;
    height: inherit;
}

i.fa {
    width: 1.15em;
    text-align: center;
}
i.icon-primary {
    color: #ffffff;
    width: auto;
    border-radius: var(--app-border-radius-sm);
    padding: var(--content-gutter-1);
    background-color: var(--app-color-primary);
}
.approving-loading-icon {
    width: 138px;
    font-size: 5px;
}
.edit-icon {
    height: 20px;
    cursor: pointer;
    margin-right: 8px;
}
.contact-image-container {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: 80px;
    height: 100%;
}
.contact-image-container > .dz-dropzone-custom {
    padding: 0px !important;
    top: unset !important;
    bottom: 0px !important;
}
.contact-image-container > .dz-dropzone-custom,
.contact-image-container > .initial-icon-large {
    width: 80px !important;
    height: 80px !important;
    padding-top: 0px;
    margin-right: 0px;
}
.contact-image-container > .initial-icon-large {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    align-self: flex-end;
}


.btn > i {
    font-weight: 100 !important;
}

.no-image-dialog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border: 3px dashed var(--app-color-gray-3);
}
.no-image-dialog > i {
    font-size: 4rem;
}
.no-image-dialog > *:not(:last-child) {
    margin-bottom: 1rem;
}

.modal-dialog .no-image-dialog {
    height: 350px;
}

/* ============================================================================================ */
/* CAROUSEL IMAGES  */


@media(min-width: 992px) {
    .carousel.offset-controls {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    .carousel.offset-controls .carousel-indicators {
        margin-bottom: -10px;
    }
    .carousel.offset-controls .carousel-inner {
        width: auto;
        flex: 1 1 0%;
        margin: 0px 5px;
    }
    .carousel.offset-controls .carousel-inner .carousel-item .carousel-caption {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .carousel.offset-controls .carousel-control-prev,
    .carousel.offset-controls .carousel-control-next {
        position: relative;
        width: 8%;
    }
    .carousel.offset-controls .carousel-control-prev {
        order: -1;
    }
    .carousel.offset-controls .carousel-control-next {
    }
    #imageCarouselModal.offset-controls .carousel-control-prev,
    #imageCarouselModal.offset-controls .carousel-control-next {
        background-color: var(--app-color-primary-opaque-2);
    }
}

/* ============================================================================================ */
/* VIDEOS  */

.video-wrapper {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 0px 1px #777777, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--app-color-secondary);
    -moz-box-shadow: 0px 0px 0px 1px #777777, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--app-color-secondary);
    box-shadow: 0px 0px 0px 1px #777777, 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px var(--app-color-secondary);
}
.video-wrapper::after {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 1;
    transition: background-color 0.25s ease-in-out;
}
.video-wrapper > video {
    width: 100%;
    height: auto;
}
.video-wrapper:hover {
    cursor: pointer;
}
.video-wrapper:hover::after {
    background-color: rgba(0, 0, 0, 0.6);
}
.video-wrapper > i {
    position: absolute;
    font-size: 3rem;
    color: #ffffff;
    z-index: 2;
    transition: font-size 0.25s ease-in-out;
}
.video-wrapper:hover > i {
    font-size: 4rem;
}
.video-wrapper.selected {
    
}
.video-wrapper.selected::after {
    display: none;
}
.video-wrapper.selected > i {
    display: none;
}


/* ============================================================================================ */
/* BUTTONS & LINKS  */

.btn, .fc button, .fc-button {
    --btn-padding-y: var(--ui-gutter-y-md);
    --btn-padding-x: var(--ui-gutter-x-md);
    --btn-child-indent-x: calc(var(--btn-padding-x) / 2);
    --btn-color: #ffffff;
    --btn-color-active: #ffffff;
    --btn-color-disabled: #ffffff;
    --btn-bg-color: var(--app-color-gray-7);
    --btn-bg-color-active: var(--app-color-gray-8);
    --btn-bg-color-disabled: var(--app-color-gray-6);
    --btn-border-color: var(--app-color-gray-7);
    --btn-border-color-active: var(--app-color-gray-8);
    --btn-border-color-disabled: var(--app-color-gray-6);
    padding-top: var(--btn-padding-y);
    padding-bottom: var(--btn-padding-y);
    padding-left: var(--btn-child-indent-x) !important;
    text-indent: var(--btn-child-indent-x);
    padding-right: var(--btn-padding-x) !important;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    text-shadow: none;
    width: auto;
    height: auto;
    outline: none !important;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-radius: var(--app-border-radius-sm);
    text-transform: capitalize;
    white-space: nowrap;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.btn > i, .fc button > i, .fc-button > i {
    text-indent: 0px;
    margin-left: var(--btn-child-indent-x);
}
.btn.btn-lg > i::before {
    position: relative;
    top: 2px;
}
.btn:disabled, .btn.disabled {
    opacity: 1;
}
.btn > * {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
}
.btn-outline {
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-xs {
    --btn-padding-y: var(--ui-gutter-y-xs);
    --btn-padding-x: var(--ui-gutter-x-xs);
}
.btn-sm {
    --btn-padding-y: var(--ui-gutter-y-sm);
    --btn-padding-x: var(--ui-gutter-x-sm);
}
.btn-md {
    --btn-padding-y: var(--ui-gutter-y-md);
    --btn-padding-x: var(--ui-gutter-x-md);
}
.btn-lg {
    --btn-padding-y: var(--ui-gutter-y-lg);
    --btn-padding-x: var(--ui-gutter-x-lg);
}
.btn-xl {
    --btn-padding-y: var(--ui-gutter-y-xl);
    --btn-padding-x: var(--ui-gutter-x-xl);
}
.btn, .btn:focus, [class^="theme-"] .btn, [class^="theme-"] .btn:focus, .btn:hover:not(disabled), [class^="theme-"] .btn:not(disabled):hover, .btn:disabled, [class^="theme-"] .btn:disabled, .btn:focus:disabled, [class^="theme-"] .btn:focus:disabled, .btn.disabled, [class^="theme-"] .btn.disabled, .btn:focus.disabled, [class^="theme-"] .btn:focus.disabled,
.btn-default, [class^="theme-"] .btn-default, .btn-default:focus, [class^="theme-"] .btn-default:focus, .btn-default:not(disabled):hover, [class^="theme-"] .btn-default:not(disabled):hover, .btn-default:disabled, [class^="theme-"] .btn-default:disabled, .btn-default:focus:disabled, [class^="theme-"] .btn-default:focus:disabled, .btn-default.disabled, [class^="theme-"] .btn-default.disabled, .btn-default:focus.disabled, [class^="theme-"] .btn-default:focus.disabled,
.btn-primary, [class^="theme-"] .btn-primary, .btn-primary:focus, [class^="theme-"] .btn-primary:focus, .btn-primary:not(disabled):hover, [class^="theme-"] .btn-primary:not(disabled):hover, .btn-primary:disabled, [class^="theme-"] .btn-primary:disabled, .btn-primary:focus:disabled, [class^="theme-"] .btn-primary:focus:disabled, .btn-primary.disabled, [class^="theme-"] .btn-primary.disabled, .btn-primary:focus.disabled, [class^="theme-"] .btn-primary:focus.disabled,
.btn-secondary, [class^="theme-"] .btn-secondary, .btn-secondary:focus, [class^="theme-"] .btn-secondary:focus, .btn-secondary:not(disabled):hover, [class^="theme-"] .btn-secondary:not(disabled):hover, .btn-secondary:disabled, [class^="theme-"] .btn-secondary:disabled, .btn-secondary:focus:disabled, [class^="theme-"] .btn-secondary:focus:disabled, .btn-secondary.disabled, [class^="theme-"] .btn-secondary.disabled, .btn-secondary:focus.disabled, [class^="theme-"] .btn-secondary:focus.disabled,
.btn-warning, [class^="theme-"] .btn-warning, .btn-warning:focus, [class^="theme-"] .btn-warning:focus, .btn-warning:not(disabled):hover, [class^="theme-"] .btn-warning:not(disabled):hover, .btn-warning:disabled, [class^="theme-"] .btn-warning:disabled, .btn-warning:focus:disabled, [class^="theme-"] .btn-warning:focus:disabled, .btn-warning.disabled, [class^="theme-"] .btn-warning.disabled, .btn-warning:focus.disabled, [class^="theme-"] .btn-warning:focus.disabled,
.btn-danger, [class^="theme-"] .btn-danger, .btn-danger:focus, [class^="theme-"] .btn-danger:focus, .btn-danger:not(disabled):hover, [class^="theme-"] .btn-danger:not(disabled):hover, .btn-danger:disabled, [class^="theme-"] .btn-danger:disabled, .btn-danger:focus:disabled, [class^="theme-"] .btn-danger:focus:disabled, .btn-danger.disabled, [class^="theme-"] .btn-danger.disabled, .btn-danger:focus.disabled, [class^="theme-"] .btn-danger:focus.disabled,
.btn-success, [class^="theme-"] .btn-success, .btn-success:focus, [class^="theme-"] .btn-success:focus, .btn-success:not(disabled):hover, [class^="theme-"] .btn-success:not(disabled):hover, .btn-success:disabled, [class^="theme-"] .btn-success:disabled, .btn-success:focus:disabled, [class^="theme-"] .btn-success:focus:disabled, .btn-success.disabled, [class^="theme-"] .btn-success.disabled, .btn-success:focus.disabled, [class^="theme-"] .btn-success:focus.disabled,
.btn-share, [class^="theme-"] .btn-share, .btn-share:focus, [class^="theme-"] .btn-share:focus, .btn-share:not(disabled):hover, [class^="theme-"] .btn-share:not(disabled):hover, .btn-share:disabled, [class^="theme-"] .btn-share:disabled, .btn-share:focus:disabled, [class^="theme-"] .btn-share:focus:disabled, .btn-share.disabled, [class^="theme-"] .btn-share.disabled, .btn-share:focus.disabled, [class^="theme-"] .btn-share:focus.disabled {
    background-image: none !important;
    background-repeat: no-repeat;
}
.btn,
[class^="theme-"] .btn,
.btn:focus,
[class^="theme-"] .btn:focus,
[class^="navbar-"] .navbar-nav .nav-link.btn,
[class^="theme-"] [class^="navbar-"] .navbar-nav .nav-link.btn,
[class^="navbar-"] .navbar-nav .nav-link.btn:focus,
[class^="theme-"] [class^="navbar-"] .navbar-nav .nav-link.btn:focus {
    color: var(--btn-color);
    border-color: var(--btn-border-color);
    background: var(--btn-bg-color) !important;
}
.btn:not(disabled, :disabled, .disabled):hover,
[class^="theme-"] .btn:not(disabled, :disabled, .disabled):hover,
[class^="navbar-"] .navbar-nav .nav-link.btn:not(disabled, :disabled, .disabled):hover,
[class^="theme-"] [class^="navbar-"] .navbar-nav .nav-link.btn:not(disabled, :disabled, .disabled):hover {
    color: var(--btn-color-active);
    border-color: var(--btn-border-color-active);
    background: var(--btn-bg-color-active) !important;
}
.btn:disabled,
[class^="theme-"] .btn:disabled,
.btn.disabled,
[class^="theme-"] .btn.disabled,
[class^="navbar-"] .navbar-nav .nav-link.btn:disabled,
[class^="theme-"] [class^="navbar-"] .navbar-nav .nav-link.btn:disabled {
    color: var(--btn-color-disabled);
    border-color: var(--btn-border-color-disabled);
    background: var(--btn-bg-color-disabled) !important;
}

.btn-default {
    --btn-color: #ffffff;
    --btn-color-active: #ffffff;
    --btn-color-disabled: #ffffff;
    --btn-bg-color: var(--app-color-gray-7);
    --btn-bg-color-active: var(--app-color-gray-8);
    --btn-bg-color-disabled: var(--app-color-gray-6);
    --btn-border-color: var(--app-color-gray-7);
    --btn-border-color-active: var(--app-color-gray-8);
    --btn-border-color-disabled: var(--app-color-gray-6);
}
.btn-primary {
    --btn-color: #ffffff;
    --btn-color-active: #ffffff;
    --btn-color-disabled: #ffffff;
    --btn-bg-color: var(--app-color-primary);
    --btn-bg-color-active: var(--app-color-primary-active);
    --btn-bg-color-disabled: var(--app-color-primary-disabled);
    --btn-border-color: var(--app-color-primary);
    --btn-border-color-active: var(--app-color-primary-active);
    --btn-border-color-disabled: var(--app-color-primary-disabled);
}
.btn-secondary {
    --btn-color: #ffffff;
    --btn-color-active: #ffffff;
    --btn-color-disabled: #ffffff;
    --btn-bg-color: var(--app-color-secondary);
    --btn-bg-color-active: var(--app-color-secondary-active);
    --btn-bg-color-disabled: var(--app-color-secondary-disabled);
    --btn-border-color: var(--app-color-secondary);
    --btn-border-color-active: var(--app-color-secondary-active);
    --btn-border-color-disabled: var(--app-color-secondary-disabled);
}
.btn-success {
    --btn-color: #ffffff;
    --btn-color-active: #ffffff;
    --btn-color-disabled: #ffffff;
    --btn-bg-color: var(--app-color-green);
    --btn-bg-color-active: var(--app-color-green-active);
    --btn-bg-color-disabled: var(--app-color-green-disabled);
    --btn-border-color: var(--app-color-green);
    --btn-border-color-active: var(--app-color-green-active);
    --btn-border-color-disabled: var(--app-color-green-disabled);
}
.btn-warning {
    --btn-color: #ffffff;
    --btn-color-active: #ffffff;
    --btn-color-disabled: #ffffff;
    --btn-bg-color: var(--app-color-orange);
    --btn-bg-color-active: var(--app-color-orange-active);
    --btn-bg-color-disabled: var(--app-color-orange-disabled);
    --btn-border-color: var(--app-color-orange);
    --btn-border-color-active: var(--app-color-orange-active);
    --btn-border-color-disabled: var(--app-color-orange-disabled);
}
.btn-danger {
    --btn-color: #ffffff;
    --btn-color-active: #ffffff;
    --btn-color-disabled: #ffffff;
    --btn-bg-color: var(--app-color-red);
    --btn-bg-color-active: var(--app-color-red-active);
    --btn-bg-color-disabled: var(--app-color-red-disabled);
    --btn-border-color: var(--app-color-red);
    --btn-border-color-active: var(--app-color-red-active);
    --btn-border-color-disabled: var(--app-color-red-disabled);
}
.btn-share {
    --btn-color: #ffffff;
    --btn-color-active: #ffffff;
    --btn-color-disabled: #ffffff;
    --btn-bg-color: var(--app-color-purple);
    --btn-bg-color-active: var(--app-color-purple-active);
    --btn-bg-color-disabled: var(--app-color-purple-disabled);
    --btn-border-color: var(--app-color-purple);
    --btn-border-color-active: var(--app-color-purple-active);
    --btn-border-color-disabled: var(--app-color-purple-disabled);
}

.btn.btn-outline,
.btn-default.btn-outline {
    --btn-color: var(--app-color-gray-7);
    --btn-color-active: #ffffff;
    --btn-color-disabled: var(--app-color-gray-6);
    --btn-bg-color: transparent;
    --btn-bg-color-active: var(--app-color-gray-8);
    --btn-bg-color-disabled: transparent;
    --btn-border-color: var(--app-color-gray-7);
    --btn-border-color-active: var(--app-color-gray-8);
    --btn-border-color-disabled: var(--app-color-gray-6);
}
.btn-primary.btn-outline {
    --btn-color: var(--app-color-primary);
    --btn-color-active: #ffffff;
    --btn-color-disabled: var(--app-color-primary-disabled);
    --btn-bg-color: transparent;
    --btn-bg-color-active: var(--app-color-primary-active);
    --btn-bg-color-disabled: transparent;
    --btn-border-color: var(--app-color-primary);
    --btn-border-color-active: var(--app-color-primary-active);
    --btn-border-color-disabled: var(--app-color-primary-disabled);
}
.btn-secondary.btn-outline {
    --btn-color: var(--app-color-secondary);
    --btn-color-active: #ffffff;
    --btn-color-disabled: var(--app-color-secondary-disabled);
    --btn-bg-color: transparent;
    --btn-bg-color-active: var(--app-color-secondary-active);
    --btn-bg-color-disabled: transparent;
    --btn-border-color: var(--app-color-secondary);
    --btn-border-color-active: var(--app-color-secondary-active);
    --btn-border-color-disabled: var(--app-color-secondary-disabled);
}
.btn-success.btn-outline {
    --btn-color: var(--app-color-green);
    --btn-color-active: #ffffff;
    --btn-color-disabled: var(--app-color-green-disabled);
    --btn-bg-color: transparent;
    --btn-bg-color-active: var(--app-color-green-active);
    --btn-bg-color-disabled: transparent;
    --btn-border-color: var(--app-color-green);
    --btn-border-color-active: var(--app-color-green-active);
    --btn-border-color-disabled: var(--app-color-green-disabled);
}
.btn-warning.btn-outline {
    --btn-color: var(--app-color-orange);
    --btn-color-active: #ffffff;
    --btn-color-disabled: var(--app-color-orange-disabled);
    --btn-bg-color: transparent;
    --btn-bg-color-active: var(--app-color-orange-active);
    --btn-bg-color-disabled: transparent;
    --btn-border-color: var(--app-color-orange);
    --btn-border-color-active: var(--app-color-orange-active);
    --btn-border-color-disabled: var(--app-color-orange-disabled);
}
.btn-danger.btn-outline {
    --btn-color: var(--app-color-red);
    --btn-color-active: #ffffff;
    --btn-color-disabled: var(--app-color-red-disabled);
    --btn-bg-color: transparent;
    --btn-bg-color-active: var(--app-color-red-active);
    --btn-bg-color-disabled: transparent;
    --btn-border-color: var(--app-color-red);
    --btn-border-color-active: var(--app-color-red-active);
    --btn-border-color-disabled: var(--app-color-red-disabled);
}
.btn-share.btn-outline {
    --btn-color: var(--app-color-purple);
    --btn-color-active: #ffffff;
    --btn-color-disabled: var(--app-color-purple-disabled);
    --btn-bg-color: transparent;
    --btn-bg-color-active: var(--app-color-purple-active);
    --btn-bg-color-disabled: transparent;
    --btn-border-color: var(--app-color-purple);
    --btn-border-color-active: var(--app-color-purple-active);
    --btn-border-color-disabled: var(--app-color-purple-disabled);
}

.btn.btn-transparent,
.btn-default.btn-transparent {
    --btn-color: var(--app-color-gray-7);
    --btn-color-active: var(--app-color-gray-8);
    --btn-color-disabled: var(--app-color-gray-6);
    --btn-bg-color: transparent;
    --btn-bg-color-active: transparent;
    --btn-bg-color-disabled: transparent;
    --btn-border-color: transparent;
    --btn-border-color-active: transparent;
    --btn-border-color-disabled: transparent;
}
.btn-primary.btn-transparent {
    --btn-color: var(--app-color-primary);
    --btn-color-active: var(--app-color-primary-active);
    --btn-color-disabled: var(--app-color-primary-disabled);
}
.btn-secondary.btn-transparent {
    --btn-color: var(--app-color-secondary);
    --btn-color-active: var(--app-color-secondary-active);
    --btn-color-disabled: var(--app-color-secondary-disabled);
}
.btn-success.btn-transparent {
    --btn-color: var(--app-color-green);
    --btn-color-active: var(--app-color-green-active);
    --btn-color-disabled: var(--app-color-green-disabled);
}
.btn-warning.btn-transparent {
    --btn-color: var(--app-color-orange);
    --btn-color-active: var(--app-color-orange-active);
    --btn-color-disabled: var(--app-color-orange-disabled);
}
.btn-danger.btn-transparent {
    --btn-color: var(--app-color-red);
    --btn-color-active: var(--app-color-red-active);
    --btn-color-disabled: var(--app-color-red-disabled);
}
.btn-share.btn-transparent {
    --btn-color: var(--app-color-purple);
    --btn-color-active: var(--app-color-purple-active);
    --btn-color-disabled: var(--app-color-purple-disabled);
}


td.details-control {
    position: relative;
    cursor: pointer;
    width: 40px;
    height: auto;
}
td.details-control::after,
tr.shown td.details-control::after {
    position: relative;
    content: "";
    font-family: FontAwesome;
    font-size: 100%;
    line-height: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: none;
    margin: 0 auto 0 auto;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 1px black;
    -moz-box-shadow: inset 0px 0px 0px 1px black;
    box-shadow: inset 0px 0px 0px 1px black;
}
td.details-control::after {
    content: "\f055";
    color: var(--app-color-green);
    -webkit-box-shadow: inset 0px 0px 0px 1px var(--app-color-green);
    -moz-box-shadow: inset 0px 0px 0px 1px var(--app-color-green);
    box-shadow: inset 0px 0px 0px 1px var(--app-color-green);
}
tr.shown td.details-control::after {
    content: "\f056";
    color: var(--app-color-red);
    -webkit-box-shadow: inset 0px 0px 0px 1px var(--app-color-red);
    -moz-box-shadow: inset 0px 0px 0px 1px var(--app-color-red);
    box-shadow: inset 0px 0px 0px 1px var(--app-color-red);
}

[class^="link-"] {
    display: inline-block;
}
a.link-secondary, a.link-secondary:focus {
    color: var(--app-color-secondary);
}
a.link-secondary:hover {
    color: var(--app-color-secondary-active);
}
a.link-danger, a.link-danger:focus {
    color: var(--app-color-red);
}
a.link-danger:hover {
    color: var(--app-color-red-active);
}
[class^="link-"] > i:first-child {
    margin-right: 0.375rem;
}
.btn-required, .btn-required:focus {
    position: relative;
    border: none !important;
    -webkit-box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 2px 2px red;
    -moz-box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 2px 2px red;
    box-shadow: inset 0px 0px 0px 2px #ffffff, 0px 0px 2px 2px red;
}
.btn-required::after {
    content: "Required";
    position: absolute;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -webkit-flex-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    font-size: 80%;
    line-height: 1;
    left: 0px;
    width: auto;
    left: 100%;
    color: #ffffff;
    background-color: var(--app-color-red);
    padding: var(--content-gutter-2);
}

/* ============================================================================================ */
/* LABELS & BADGES & TAGS  */

/* LABEL -------------------------------------------------------------------------------------- */
.label {
    --label-color: #ffffff;
    --label-color-active: #ffffff;
    --label-bg-color: var(--app-color-gray);
    --label-bg-color-active: var(--app-color-gray-8);
    --label-border-width: 1px;
    --label-border-style: solid;
    --label-border-color: var(--app-color-gray-8);
    --label-border-color-active: var(--app-color-gray-9);
    color: var(--label-color);
    background: var(--label-bg-color);
    background-color: var(--label-bg-color);
    border: var(--label-border-width) var(--label-border-style) var(--label-border-color);
}
a.label:hover {
    color: var(--label-color-active);
    background: var(--label-bg-color-active);
    background-color: var(--label-bg-color-active);
    border-color: var(--label-border-color-active);
}

.label, .label:focus,
.label-default, .label-default:focus {
    --label-color: #ffffff;
    --label-color-active: #ffffff;
    --label-bg-color: var(--app-color-gray);
    --label-bg-color-active: var(--app-color-gray-8);
    --label-border-color: var(--app-color-gray-8);
    --label-border-color-active: var(--app-color-gray-8);
}
.label-primary, .label-primary:focus {
    --label-color: #ffffff;
    --label-color-active: #ffffff;
    --label-bg-color: var(--app-color-primary);
    --label-bg-color-active: var(--app-color-primary-active);
    --label-border-color: var(--app-color-primary-active);
    --label-border-color-active: var(--app-color-primary-active);
}
.label-secondary, .label-secondary:focus {
    --label-color: #ffffff;
    --label-color-active: #ffffff;
    --label-bg-color: var(--app-color-secondary);
    --label-bg-color-active: var(--app-color-secondary-active);
    --label-border-color: var(--app-color-secondary-active);
    --label-border-color-active: var(--app-color-secondary-active);
}
.label-success, .label-success:focus {
    --label-color: #ffffff;
    --label-color-active: #ffffff;
    --label-bg-color: var(--app-color-green);
    --label-bg-color-active: var(--app-color-green-active);
    --label-border-color: var(--app-color-green-active);
    --label-border-color-active: var(--app-color-green-active);
}
.label-danger, .label-danger:focus {
    --label-color: #ffffff;
    --label-color-active: #ffffff;
    --label-bg-color: var(--app-color-red);
    --label-bg-color-active: var(--app-color-red-active);
    --label-border-color: var(--app-color-red-active);
    --label-border-color-active: var(--app-color-red-active);
}
.label-warning, .label-warning:focus {
    --label-color: #ffffff;
    --label-color-active: #ffffff;
    --label-bg-color: var(--app-color-orange);
    --label-bg-color-active: var(--app-color-orange-active);
    --label-border-color: var(--app-color-orange-active);
    --label-border-color-active: var(--app-color-orange-active);
}

.label {
    width: auto;
}
.label-sm {
    display: inline-block;
    font-size: 11px;
    line-height: 20px;
    font-weight: 600;
    padding: 0 6px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.20);
}
h1 .label-sm, h2 .label-sm, h3 .label-sm, h4 .label-sm, h5 .label-sm, h6 .label-sm {
    font-size: 55%;
}
.label,
.list-group-item > .label {
    font-size: 0.75rem;
    line-height: 1.75;
    border-radius: var(--app-border-radius-sm);
    padding: 0px 0.5rem;
}
.label-md,
.list-group-item > .label-md {
    font-size: 0.875rem;
    line-height: 1.875;
    border-radius: 0.2rem;
    padding: 0px 0.5rem;
}
h3 .label {
    font-size: 65%;
    line-height: 1;
    padding: 0.35rem 0.65rem;
}
* .label {
    vertical-align: middle;
}
.sub-label {
    font-weight: 400;
    color: var(--app-color-gray-8);
}
.label.label-tag {
    position: relative;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    font-size: 0.75rem;
    line-height: 1.3;
    vertical-align: middle;
    border-radius: 0px;
    border-top-left-radius: calc(var(--app-border-radius-sm) * 3);
    border-bottom-left-radius: calc(var(--app-border-radius-sm) * 3);
    border: 1px solid var(--app-color-gray-8);
    background: var(--app-color-gray-7);
    -webkit-box-shadow: 1px 1px 2px 0px var(--app-color-gray-6);
    -moz-box-shadow: 1px 1px 2px 0px var(--app-color-gray-6);
    box-shadow: 1px 1px 2px 0px var(--app-color-gray-6);
    padding: 4px 8px 4px 20px;
    margin: 2px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) !important;
}
.label.label-tag:before {
    display: none;
}
.label.label-tag:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border: inherit;
    border-radius: 8px;
    margin: 0px 0px 0px 0px;
    left: 8px;
    background: #ffffff;
}
@media(min-width: 1200px) {
    .label.label-tag.nowrap-xl {
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.tags-list {
    padding:4px;
}
.tag-new {
    border: 1px solid #f3d42c !important;
    background: #f3d42c !important;
    color: #0F0F0F !important;
}
.tag-no-answer {
    border: 1px solid #0b6985 !important;
    background: #0b6985 !important;
}
.tag-didnt-book {
    border: 1px solid #ea912b !important;
    background: #ea912b !important;
}
.tag-booked {
    border: 1px solid #50b733 !important;
    background: #50b733 !important;
}
.tag-call-back {
    border: 1px solid #4f2a70 !important;
    background: #4f2a70 !important;
    color: white;
}
.tag-door-knock {
    border: 1px solid #d15214 !important;
    background: #d15214 !important;
}
.tag-no-sale {
    border: 1px solid #b61f26 !important;
    background: #b61f26 !important;
}
.tag-sold-policy {
    border: 1px solid #35763c !important;
    background: #35763c !important;
}
.tag-all {
    background-color: black;
    border: 1px solid black !important;
}
.tag-not-taken {
    background-color: #0F0F0F;
    border: 1px solid #0F0F0F !important;
}
.tag-active {
    background-color: forestgreen !important;
    border-color: forestgreen !important;
}
.tag-pending {
    background-color: #F5FF58 !important;
    color: navy !important;
    border-color: #f5ff58 !important;
}
.tag-lapsing {
    background-color: #e66454 !important;
    color: white;
}
.tag-not-active {
    background-color: #0F0F0F !important;
    color: white;
}
.tag-today {
    background-color: #0B5586 !important;
    border-color: orangered !important;
    color: white;
}
.tag-n-i {
    background-color: #0B5586 !important;
    border-color: #0B5586 !important;
    color: white;
}
.tag-not-now {
    background-color: #e66454 !important;
    border-color: orangered !important;
    color: white;
}
.tag-follow-up {
    background-color: green !important;
    border-color: orangered !important;
    color: white;
}
.tag-in-class {
    background-color: orangered !important;
    border-color: orangered !important;
    color: white;
}
.tag-paperwork {
    background-color: #0b6985 !important;
    border-color: orangered !important;
    color: white;
}
.tag-licensed {
    border: 1px solid var(--app-color-green-active) !important;
    background: var(--app-color-green) !important;
}
.tag-shared {
    border: 1px solid var(--app-color-purple-active) !important;
    background: var(--app-color-purple) !important;
}
.tag-5-and-go {
    border: 1px solid var(--app-color-primary-active) !important;
    background: var(--app-color-primary) !important;
}
.tag-ghl {
    border: 1px solid var(--app-color-orange-active) !important;
    background: var(--app-color-orange) !important;
}
.badge {
    --badge-color: #ffffff;
    --badge-bg-color: var(--app-color-gray-6);
    --badge-border-color: var(--app-color-gray-7);
    font-size: 0.75rem;
    line-height: 1.75;
    font-weight: 600;
    color: var(--badge-color) !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    border-radius: var(--app-border-radius-sm);
    width: auto;
    height: auto;
    padding: 0px 0.5rem;
    border: 1px solid var(--badge-border-color) !important;
    background: var(--badge-bg-color) !important;
    background-color: var(--badge-bg-color) !important;
}
.badge-primary {
    --badge-color: #ffffff;
    --badge-bg-color: var(--app-color-primary);
    --badge-border-color: var(--app-color-primary-active);
}
.badge-share, .badge-shared, .badge-pa-purple {
    --badge-color: #ffffff;
    --badge-bg-color: var(--app-color-purple);
    --badge-border-color: var(--app-color-purple-active);
}

.licensed-wrapper {
    margin-top: 13px;
    margin-left: 2px;
}
.gauge text tspan {
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-weight: 400;
}
.gauge .highcharts-label text tspan {
    fill: black;
    color:white;
 }


/* ============================================================================================ */
/* FORMS & FIELDS  */

/* LABELS ------------------------------------------------------------------------------------- */
.required {
    color: var(--app-color-red);
}
input[type=text]:required:invalid:not(#loginName),
input[type=email]:required:invalid,
input[type=number]:required:invalid,
input[type=tel]:required:invalid,
input[type="radio"]:required:invalid,
input[type="checkbox"]:required:invalid,
select:required:invalid,
.has-error .form-control {
    border: 1px solid var(--app-color-red);
}
.has-error .notice-text {
    font-size: 0.875rem;
    font-style: italic;
    color: var(--app-color-red);
}
.label-required, .label-notice {
    position: relative;
    width: auto;
}
.label-required::after, .label-notice::after {
    position: relative;
    display: inline;
    font-family: FontAwesome;
    content: "\f069";
    font-size: 0.75rem;
    line-height: inherit;
    width: 1.125rem;
    height: auto;
    top: var(--content-gutter-3-offset);
    margin-left: var(--content-gutter-2);
    vertical-align: middle;
    text-align: center;
    color: inherit;
}
.label-required::after {
    color: var(--app-color-red);
}
.label-required.valid::after {
    display: none;
}
.label-notice::after {
    color: var(--app-color-orange);
    display: none;
}
.action-required {
    color: var(--app-color-red);
}
.label-required + :required:invalid {
    border: 0.05rem solid var(--app-color-red);
}
.label-notice + :required:invalid {
    border: 0.05rem solid var(--app-color-orange);
    -webkit-box-shadow: 0 0 0.15rem 0.035rem var(--app-color-orange);
    -moz-box-shadow: 0 0 0.15rem 0.035rem var(--app-color-orange);
    box-shadow: 0 0 0.15rem 0.035rem var(--app-color-orange);
}
.btn + .action-required {
    display: inline-block;
    line-height: 2;
    margin-left: var(--content-gutter);
}
.flex-inline-form-group .form-label {
    white-space: nowrap;
}
label.flex-inline-label {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: 100%;
    color: var(--app-color-body);
}
label.flex-inline-label > * {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    -webkit-flex: 0 0 0%;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
    white-space: nowrap;
}
label.flex-inline-label > *:first-child {
    position: relative;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
label.flex-inline-label > *:last-child {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.5rem;
    font-weight: 600;
    margin-left: 10px;
    color: inherit;
}
label.flex-inline-label > *:first-child:after {
    position: relative;
    content: "";
    width: 100%;
    right: 0;
    border-top: 2px solid var(--app-border-color-light);
    border-style: dashed;
    margin-left: 10px;
}
.inline > .flex-inline-label.label-lg {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.action-group > .label-lg {
    padding-top: var(--ui-gutter-y-lg);
    padding-bottom: var(--ui-gutter-y-lg);
}
.form-title {
    position: relative;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: 100%;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
    padding: 0px;
    margin: 0px;
    color: var(--app-color-primary);
}
.form-title.centered,
.form-title.text-center {
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.form-title.centered:before, form-title.text-center:before {
    position: relative;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--app-color-primary);
    left: 0px;
    margin-right: 10px;
}
.form-title:after {
    position: relative;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--app-color-primary);
    right: 0px;
    margin-left: 10px;
}
@media(min-width: 768px) {
    .form-title > * {
        line-height: 1;
    }
}
.form-title:not(:first-child) {
    margin-top: var(--content-gutter-1);
}
.form-title:not(:last-child) {
    margin-bottom: var(--content-gutter-1);
}

/* ALL FIELDS --------------------------------------------------------------------------------- */
input.form-control:-webkit-autofill, input.form-control:-webkit-autofill:hover, input.form-control:-webkit-autofill:focus, input.form-control:-webkit-autofill:active {
    -webkit-animation: inputAutoFill 0s forwards;
    animation: inputAutoFill 0s forwards;
}
@-webkit-keyframes inputAutoFill {
    100% { font-size: 1rem; }
}
@keyframes inputAutoFill {
    100% { font-size: 1rem; }
}
input.form-control-lg:-webkit-autofill, input.form-control-lg:-webkit-autofill:hover, input.form-control-lg:-webkit-autofill:focus, input.form-control-lg:-webkit-autofill:active {
    -webkit-animation: inputLgAutoFill 0s forwards;
    animation: inputLgAutoFill 0s forwards;
}
@-webkit-keyframes inputLgAutoFill {
    100% { font-size: 1.25rem; }
}
@keyframes inputLgAutoFill {
    100% { font-size: 1.25rem; }
}
[class*="form-control"], [class*="form-control"]:focus, .select2-container .select2-choice, .select2-container .select2-choice:focus, .select2-container-multi .select2-choices, .select2-container-multi .select2-choices:focus {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.35rem 0.65rem;
    color: var(--app-color-body);
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid var(--app-color-gray-6);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--app-border-radius-sm);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.1s ease-in-out;
}
.form-control-tags {
    padding-top: calc(0.35rem / 1.4);
    padding-bottom: calc(0.35rem / 1.4);
}
.form-control-tags > * {
    margin: 0px 2px !important;
}
label > input[type=text].form-control {
    display: inline-block;
}
.select2-container-multi .select2-choices .select2-search-field, .select2-container-multi .select2-choices:focus .select2-search-field,
.select2-container-multi .select2-choices .select2-search-field input, .select2-container-multi .select2-choices:focus .select2-search-field input {
    font-size: inherit;
    line-height: inherit;
    border: none;
    color: inherit;
    margin-top: 0px;
    padding: 0px 0px;
}
.select2-container-multi .select2-choices .select2-search-choice {
    position: relative;
    font-size: 0.85rem;
    line-height: 1.4;
    padding: 0px 24px 0px 6px;
    margin: 0px 0px 0px 0px;
    color: #ffffff;
    background: var(--app-color-gray-8);
}
.select2-container-multi .select2-choices .select2-search-choice:not(:first-of-type) {
    margin-left: var(--content-gutter-1);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
    position: absolute;
    right: 6px;
    top: 0px;
    width: auto;
    color: #ffffff;
    font-family: FontAwesome;
    font-size: inherit;
    line-height: inherit;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close::before {
    content: "\f00d";
}

.form-control-lg, .form-control-lg:focus {
    max-height: unset;
    padding-top: var(--ui-gutter-y-lg);
    padding-bottom: var(--ui-gutter-y-lg);
    padding-left: var(--ui-gutter-x-lg);
    padding-right: var(--ui-gutter-x-lg);
}
input[type=text].form-control {
    min-width: 65px;
}
@media(min-width: 1200px) {
    .col-lg-auto :not([class*="col-"]) .form-control:not([class*="col-"], .form-control-sm, [class^="field-"], [class^="input-"]),
    .page-header > .form-group .select2-container,
    .col-lg-auto > .form-group .select2-container {
        min-width: 300px;
    }
}
.form-group.col-3 {
    width: 25% !important;
}
.form-group.col-4 {
    width: 33.33333333% !important;
}

/* SELECT ------------------------------------------------------------------------------------- */
select, select:hover {
    cursor: pointer;
}
select[class*="form-control"], select[class*="form-control"]:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 4px center;
    background-size: 16px 12px;
    padding-right: 24px;
}
select.form-control {
    min-width: 150px;
}
*:not(.col-1, .col-sm-1, .col-md-1, .col-2, .col-sm-2, .col-md-2) select.form-control {
    min-width: unset;
}

.ms-parent {
    padding: 0px;
}
.ms-parent .ms-choice {
    font-size: 1rem;
    line-height: 1.4;
    width: 100%;
    height: auto;
    padding: 0.35rem 0.65rem;
    padding-right: 1.5rem;
    border-width: 0px;
}
.ms-parent .ms-choice .placeholder,
.ms-parent .ms-choice > span {
    font-size: inherit;
    line-height: inherit;
    color: var(--app-color-body);
    background: transparent;
    position: relative;
    padding-left: 0px;
}
.ms-parent .ms-choice > div {
    /*height: calc(1.4rem + 0.70rem);*/
    /*font-family: "FontAwesome";*/
    height: calc(100% - 0.70rem);
    top: 0.35rem;
}
/*.ms-parent .ms-choice > div::before {
    content: "\f0d7";
}*/

/* TEXTAREA ----------------------------------------------------------------------------------- */
textarea.form-control {
    max-height: unset;
}
.form-control.alert-danger {
    border-color: var(--app-color-red);
    background-color: var(--app-color-red-opaque-2);
}

/* FORM HEADERS ------------------------------------------------------------------------------- */
.form-header,
.page-signin-alt .form-header {
    margin: 0px;
}
.form-header:not(:last-child),
.page-signin-alt .form-header:not(:last-child) {
    margin-bottom: var(--content-gutter);
}
.form-header:not(:first-child),
.page-signin-alt .form-header:not(:first-child) {
    margin-top: var(--content-gutter);
}


/* CHECKBOX & RADIOS -------------------------------------------------------------------------- */
.checkbox, .radio {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-flex-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-item-align: start;
    align-items: flex-start;
    cursor: pointer;
}
label:not(.checkbox) ~ label.checkbox, label:not(.radio) ~ label.radio {
    font-weight: 400;
}
.checkbox > input[type="checkbox"], .radio > input[type="radio"] {
    line-height: 1;
    width: 1rem;
    height: 1rem;
    margin-top: 0.185rem;
    cursor: pointer;
}
.checkbox > input[type="checkbox"] + label,
.checkbox > input[type="checkbox"] + span,
.radio > input[type="radio"] + label,
.radio > input[type="radio"] + span {
    margin-left: var(--content-gutter-2);
}
.checkbox > input[type="checkbox"] + label + *,
.checkbox > input[type="checkbox"] + span + *,
.radio > input[type="radio"] + label + *,
.radio > input[type="radio"] + span + * {
    margin-left: var(--content-gutter-2);
}
:not(.checkbox, .form-switch) > input[type="checkbox"],
:not(.radio) > input[type="radio"] {
    width: 1.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    cursor: pointer;
}
[class*="col"].form-group[class*="inline"] > .radio-group.inline,
[class*="col"].form-group[class*="inline"] > .radio-group[class*="inline-"] {
    align-self: normal;
}
.task-title > small {
    color: var(--app-color-gray-7);
    font-weight: 400;
}

.checkbox > *:not(input),
.radio > *:not(input) {
    display: inherit;
}

:not(.form-group.inline, .inline-group) > label.checkbox {
    text-indent: var(--content-gutter-2);
}
label.checkbox > span {
    text-indent: inherit;
}
:not(.form-group.inline, .inline-group) > label.radio {
    text-indent: var(--content-gutter-2);
}
label.radio > span {
    text-indent: inherit;
}
label.checkbox > input[type="checkbox"],
label.radio > input[type="radio"] {
    float: left;
}
.panel-heading.inline label.checkbox,
.panel-heading.inline label.radio {
    line-height: 1;
}
.panel-heading.inline label.checkbox input[type="checkbox"],
.panel-heading.inline label.radio input[type="radio"] {
    margin-top: 0px;
}

.checkbox.checkbox-primary {
    color: var(--app-color-primary);
}
.checkbox.checkbox-danger {
    color: var(--app-color-red);
}
.checkbox.checkbox-primary > *,
.checkbox.checkbox-danger > * {
    color: inherit;
}

.inline-group {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-flex-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-item-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: var(--content-gutter-1-offset);
    margin-left: var(--content-gutter-offset);
    width: calc(100% + var(--content-gutter)) !important;
}
.inline-group > * {
    margin-top: var(--content-gutter-1);
    margin-left: var(--content-gutter);
}
.inline-group > .checkbox {
    white-space: nowrap;
}

/* TOGGLE SWITCH ------------------------------------------------------------------------------ */
.toggle-switch.onoffswitch {
    --ts-padding: var(--ui-gutter-y-md);
    --ts-padding-half: calc(var(--ts-padding) * 0.5);
    --ts-font-size: 0.875rem;
    --ts-line-height: 1;
    --ts-toggler-size: calc(var(--ts-font-size) + var(--ts-padding));
    --ts-color: var(--app-color-gray-9);
    --ts-color-active: #ffffff;
    --ts-toggler-bg-color: #ffffff;
    --ts-bg-color: var(--app-color-gray-2);
    --ts-bg-color-active: var(--app-color-gray-6);
    --ts-border-width: 1px;
    --ts-border-color: var(--app-border-color-light);
    --ts-padding-x-toggler-ext: calc(var(--ts-toggler-size) - var(--ts-padding-half));
    --ts-padding-x: calc(var(--ts-padding) * 2);
    --ts-padding-y: var(--ts-padding);
    --ts-text-unchecked: "";
    --ts-text-checked: "";
    --ts-padding-x-total: calc(var(--ts-padding-x-toggler-ext) + var(--ts-padding-x));
    --ts-padding-x-total-double: calc(var(--ts-padding-x-total) * 2);
    --ts-gutter-x: 50%;
    --ts-gutter-x-offset: calc(var(--ts-gutter-x) * -1);
    --ts-inner-width: calc(200% + var(--ts-padding-x-total-double));
    --ts-label-width: calc(var(--ts-inner-width) * 0.5);
    --ts-label-max-width: unset;
    --ts-text-width: 140px;
    --ts-viewport-width: calc(var(--ts-text-width) + var(--ts-padding-x-total-double));
    position: relative;
    display: block;
    width: auto;
    width: var(--ts-viewport-width);
}
.toggle-switch.onoffswitch > .onoffswitch-checkbox {
    display: none;
}
.toggle-switch.onoffswitch > .onoffswitch-label {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    border: var(--ts-border-width) solid var(--ts-border-color);
    border-radius: var(--ts-toggler-size);
}
.toggle-switch.onoffswitch > .onoffswitch-label > .onoffswitch-inner {
    position: relative;
    display: block;
    font-size: var(--ts-font-size);
    line-height: var(--ts-line-height);
    font-weight: 600;
    width: var(--ts-inner-width);
    height: auto;
    margin-left: var(--ts-gutter-x-offset);
    margin-right: var(--ts-gutter-x-offset);
    left: -50%;
    right: unset;
    -webkit-transition: all var(--app-transition-fast);
    -moz-transition: all var(--app-transition-fast);
    -o-transition: all var(--app-transition-fast);
    transition: all var(--app-transition-fast);
}
.toggle-switch.onoffswitch > .onoffswitch-label > .onoffswitch-inner::before,
.toggle-switch.onoffswitch > .onoffswitch-label > .onoffswitch-inner::after {
    display: block;
    width: 50%;
    height: 100%;
    padding: var(--ts-padding-y) var(--ts-padding-x);
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: var(--ts-color);
    box-sizing: border-box;
    white-space: nowrap;
}
.toggle-switch.onoffswitch > .onoffswitch-label > .onoffswitch-inner::before {
    content: var(--ts-text-checked);
    color: var(--ts-color-active);
    background-color: var(--ts-bg-color-active);
    text-align: right;
    padding-right: var(--ts-padding-x-total);
}
.toggle-switch.onoffswitch > .onoffswitch-label > .onoffswitch-inner::after {
    content: var(--ts-text-unchecked);
    color: var(--ts-color);
    background-color: var(--ts-bg-color);
    text-align: left;
    padding-left: var(--ts-padding-x-total);
}
.toggle-switch.onoffswitch > .onoffswitch-label > .onoffswitch-switch {
    --ts-switch-pos-offset: calc(var(--ts-toggler-size) + var(--ts-padding-half));
    --ts-switch-pos-x: var(--ts-padding-half);
    --ts-switch-pos-x-checked: calc(100% - var(--ts-switch-pos-offset));
    position: absolute;
    display: block;
    width: var(--ts-toggler-size);
    height: var(--ts-toggler-size);
    font-size: var(--ts-toggler-size);
    line-height: var(--ts-line-height);
    aspect-ratio: 1/1;
    margin: 0px;
    top: unset;
    left: var(--ts-switch-pos-x);
    bottom: unset;
    right: unset;
    background-color: var(--ts-toggler-bg-color);
    border: var(--ts-border-width) solid var(--ts-border-color);
    border-radius: var(--ts-toggler-size);
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all var(--app-transition-fast);
    -moz-transition: all var(--app-transition-fast);
    -o-transition: all var(--app-transition-fast);
    transition: all var(--app-transition-fast);
}
.toggle-switch.onoffswitch > .onoffswitch-checkbox:checked + .onoffswitch-label > .onoffswitch-inner {
    margin-left: var(--ts-gutter-x-offset);
    margin-right: var(--ts-gutter-x-offset);
    left: 50%;
    right: unset;
}
.toggle-switch.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label > .onoffswitch-switch {
    left: var(--ts-switch-pos-x-checked);
    right: unset;
}
.form-group > .toggle-switch {
    width: auto !important;
    -webkit-box-flex: 0 !important;
    -moz-box-flex: 0 !important;
    -webkit-flex: 0 0 0% !important;
    -ms-flex: 0 0 0% !important;
    flex: 0 0 0% !important;
}

.toggle-switch.onoffswitch.onoffswitch-canShare {
    --ts-text-unchecked: "Read Only";
    --ts-text-checked: "Can Share";
    --ts-color: var(--app-color-purple-active);
    --ts-color-active: #ffffff;
    --ts-bg-color: var(--app-color-purple-opaque-3);
    --ts-bg-color-active: var(--app-color-purple);
    --ts-border-color: var(--app-color-purple-disabled);
    --ts-text-width: 60px;
}


.form-switch {
    --switch-font-size: 1rem;
    --switch-line-height: 1.4;
    --switch-slider-size: calc(var(--switch-font-size) * 1);
    --switch-height: calc(var(--switch-slider-size) * 1.5);
    --switch-width: calc(var(--switch-height) * 1.75);
    --switch-border-width: 1px;
    --switch-border-color: var(--app-border-color-light);
    --switch-bg-color: var(--app-color-primary-opaque-4);
    --switch-bg-color-active: var(--app-color-primary);
    --switch-slider-bg-color: var(--app-color-primary);
    --switch-slider-bg-color-active: #ffffff;
    --switch-slider-gap-total: calc(var(--switch-height) - var(--switch-slider-size));
    --switch-slider-gap: calc(var(--switch-slider-gap-total) * 0.5);
    --switch-slider-boundary: calc(var(--switch-slider-gap) - var(--switch-border-width));
    --switch-slider-boundary-checked: calc(var(--switch-slider-gap) + var(--switch-border-width));
    --switch-slider-pos-y: var(--switch-slider-boundary);
    --switch-slider-pos-x-offset: calc(var(--switch-width) - var(--switch-slider-size));
    --switch-slider-pos-x: var(--switch-slider-boundary);
    --switch-slider-pos-x-checked: calc(var(--switch-slider-pos-x-offset) - var(--switch-slider-boundary-checked));
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: auto;
    height: var(--switch-height);
    min-height: unset;
    padding-left: 0px;
    margin-left: var(--content-gutter-2-offset);
}
.form-switch > * {
    margin-left: var(--content-gutter-2) !important;
}
.form-switch > .form-check-input,
.form-switch > .form-check-input:checked,
.form-switch > input[type="checkbox"],
.form-switch > input[type="checkbox"]:checked {
    position: relative;
    overflow: hidden;
    width: var(--switch-width);
    height: var(--switch-height);
    border-radius: var(--switch-height);
    border-width: var(--switch-border-width);
    border-style: solid;
    border-color: var(--switch-border-color);
    margin-top: 0px;
}
.form-switch > .form-check-input::before,
.form-switch > input[type="checkbox"]::before {
    position: absolute;
    content: "";
    width: var(--switch-slider-size);
    height: var(--switch-slider-size);
    border-radius: var(--switch-slider-size);
    left: var(--switch-slider-pos-x);
    top: var(--switch-slider-pos-y);
    background-color: var(--switch-slider-bg-color);
    box-shadow: 0px 0px 2px 0px var(--app-border-color-dark);
}
.form-switch > .form-check-input:checked::before,
.form-switch > input[type="checkbox"]:checked::before {
    left: var(--switch-slider-pos-x-checked);
    top: var(--switch-slider-pos-y);
    background-color: var(--switch-slider-bg-color-active);
}
.form-switch > .form-check-input,
.form-switch > input[type="checkbox"],
.form-switch > .form-check-input:focus,
.form-switch > input[type="checkbox"]:focus,
.form-switch > .form-check-input:checked,
.form-switch > input[type="checkbox"]:checked {
    box-shadow: none;
    border-color: var(--switch-border-color);
    background-image: none;
    background-position: unset;
}
.form-switch > .form-check-input,
.form-switch > input[type="checkbox"] {
    cursor: pointer;
    background-color: var(--switch-bg-color);
}
.form-switch > .form-check-input:checked,
.form-switch > input[type="checkbox"]:checked {
    background-color: var(--switch-bg-color-active);
}
.form-switch > .form-check-input::before,
.form-switch > input[type="checkbox"]::before {
    -webkit-transition: all var(--app-transition-fast);
    -moz-transition: all var(--app-transition-fast);
    -o-transition: all var(--app-transition-fast);
    transition: all var(--app-transition-fast);
}

.form-switch.switch-danger {
    --switch-bg-color: var(--app-color-gray-5);
    --switch-bg-color-active: var(--app-color-red);
    --switch-slider-bg-color: #ffffff;
    --switch-slider-bg-color-active: #ffffff;
}


/* INPUT GROUPS ------------------------------------------------------------------------------- */
.input-group {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.input-group > .select2-container > .select2-choice {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.input-group > .input-group-addon,
.input-group > .input-group-addon + *:not(.input-group-btn) > input {
    border-width: 1px;
    border-style: solid;
    border-color: var(--app-color-gray-6);
    padding: 7px 12px;
}
.input-group > .input-group-addon {
    background-color: var(--app-color-gray-4);
    border-top-left-radius: var(--app-border-radius-sm);
    border-bottom-left-radius: var(--app-border-radius-sm);
}
.input-group > .input-group-addon > i {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    line-height: 1;
}
.input-group > .input-group-addon + *:not(.input-group-btn) > input {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.input-group > .input-group-btn {
    margin-left: 15px;
}
.input-group > *:last-child:not(.input-group-addon, .input-group-btn) {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
.flex-grow-1 > .input-group > *:not(.input-group-addon, .input-group-btn) {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
.flex-grow-1 > .btn {
    width: 100%;
}
.input-group > input,
.input-group > .form-control,
.input-group > input:focus,
.input-group > .form-control:focus {
    flex: 1 0 0%;
}
.input-group > button {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 0 0%;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
}

/* DATE RANGE --------------------------------------------------------------------------------- */
.date-range-form-group {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -webkit-flex-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-item-align: end;
    align-items: flex-end;
}
.date-range-form-group > * {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.date-range-form-group .btn,
.date-range-form-group .btn:focus,
.date-range-form-group .input-group {
    border: 1px solid var(--app-border-color-dark);
    height: 34px;
    margin: 0px;
}
.date-range-form-group > *:first-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.date-range-form-group > *:last-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.date-range-form-group input {
    border-radius: 0px;
}
.date-range-form-group .input-group > .input-group-addon {
    border: none;
}
.date-range-form-group:not(:last-child) {
    margin-right: auto;
}
.form-group.date-range-form-group > label {
    margin: 0px;
}

/* FORM ROWS ---------------------------------------------------------------------------------- */
.show-hide-field {
    min-height: 75px;
}

/* FORM GROUPS & ACTION GROUPS ---------------------------------------------------------------- */
.form-group, .radio-group, .action-group, .col-group {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-item-align: start;
    align-items: flex-start;
}
.form-group:not([class*="col-"]),
.form-group:not([class*="col-"]) > .input-group:not([class*="col-"]),
.radio-group:not([class*="col-"]),
.action-group:not([class*="col-"]),
.col-group {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
.form-group > [data-active-view="true"],
.radio-group > [data-active-view="true"],
.action-group > [data-active-view="true"],
.col-group > [data-active-view="true"] {
    display: inherit !important;
    -webkit-box-orient: inherit;
    -webkit-box-direction: normal;
    -moz-box-orient: inherit;
    -moz-box-direction: normal;
    -webkit-flex-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    -webkit-flex-wrap: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    -webkit-box-pack: inherit;
    -webkit-flex-pack: inherit;
    -webkit-justify-content: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -webkit-box-align: inherit;
    -webkit-flex-align: inherit;
    -webkit-align-items: inherit;
    -ms-flex-item-align: inherit;
    align-items: inherit;
    -webkit-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
}
.form-group > *:not([data-active-view="true"], .btn, [class*="col-"], label, [type="file"], textarea),
.radio-group > *:not([data-active-view="true"], .btn, [class*="col-"], label, [type="file"]),
.action-group > *:not([data-active-view="true"], .btn, [class*="col-"], label, [type="file"]) {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
}
.form-group.inline > *:not([data-active-view="true"], .btn, [class*="col-"], label, [type="file"], textarea),
.radio-group.inline > *:not([data-active-view="true"], .btn, [class*="col-"], label, [type="file"]),
.action-group.inline > *:not([data-active-view="true"], .btn, [class*="col-"], label, [type="file"]) {
    width: auto;
}
.form-group[class^="col-"]:not(.inline) > *:not([data-active-view="true"], .btn, label, [type="file"], textarea),
.radio-group[class^="col-"]:not(.inline) > *:not([data-active-view="true"], .btn, label, [type="file"]),
.action-group[class^="col-"]:not(.inline) > *:not([data-active-view="true"], .btn, label, [type="file"]) {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}
@media(max-width: 767px) {
    .form-group[class^="col-sm-"] > *:not([data-active-view="true"], .btn, label, [type="file"], textarea),
    .radio-group[class^="col-sm-"] > *:not([data-active-view="true"], .btn, label, [type="file"]),
    .action-group[class^="col-sm-"] > *:not([data-active-view="true"], .btn, label, [type="file"]) {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
@media(min-width: 768px) {
    .form-group[class^="col-md-"] > *:not([data-active-view="true"], .btn, label, [type="file"], textarea),
    .radio-group[class^="col-md-"] > *:not([data-active-view="true"], .btn, label, [type="file"]),
    .action-group[class^="col-md-"] > *:not([data-active-view="true"], .btn, label, [type="file"]) {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
@media(min-width: 992px) {
    .form-group[class^="col-lg-"] > *:not([data-active-view="true"], .btn, label, [type="file"], textarea),
    .radio-group[class^="col-lg-"] > *:not([data-active-view="true"], .btn, label, [type="file"]),
    .action-group[class^="col-lg-"] > *:not([data-active-view="true"], .btn, label, [type="file"]) {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
@media(min-width: 1200px) {
    .form-group[class^="col-xl-"] > *:not([data-active-view="true"], .btn, label, [type="file"], textarea),
    .radio-group[class^="col-xl-"] > *:not([data-active-view="true"], .btn, label, [type="file"]),
    .action-group[class^="col-xl-"] > *:not([data-active-view="true"], .btn, label, [type="file"]) {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
@media(min-width: 1400px) {
    .form-group[class^="col-xxl-"] > *:not([data-active-view="true"], .btn, label, [type="file"], textarea),
    .radio-group[class^="col-xxl-"] > *:not([data-active-view="true"], .btn, label, [type="file"]),
    .action-group[class^="col-xxl-"] > *:not([data-active-view="true"], .btn, label, [type="file"]) {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}
.form-group > textarea {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
}
.form-group > label {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: fit-content;
    max-width: max-content;
}
.radio-group > label {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: fit-content;
    max-width: max-content;
}
label.form-group {
    display: inline;
    white-space: normal;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
label.form-group > * {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.col-auto.form-group > .input-group:not([class*="col-"]) {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
@media(min-width: 578px) {
    .col-sm-auto.form-group > .input-group:not([class*="col-"]) {
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
}
@media(min-width: 768px) {
    .col-md-auto.form-group > .input-group:not([class*="col-"]) {
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
}
@media(min-width: 992px) {
    .col-lg-auto.form-group > .input-group:not([class*="col-"]) {
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
}
@media(min-width: 1200px) {
    .col-xl-auto.form-group > .input-group:not([class*="col-"]) {
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
}
@media(min-width: 1400px) {
    .col-xxl-auto.form-group > .input-group:not([class*="col-"]) {
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
}

.form-group, .radio-group, .action-group, .col-group {
    --row-gutter-x: calc(var(--bs-gutter-x) * 0.5);
    --row-gutter-x-offset: calc(var(--content-gutter-bs-x) * -1);
}


.form-group[class*="inline"] {
    margin-left: var(--content-gutter-2-offset);
}
.form-group[class*="inline"] > *:not([data-active-view="true"]),
.form-group[class*="inline"] > [data-active-view="true"] > * {
    margin: 0px;
}
.form-group[class*="inline"] > *:not([data-active-view="true"], :first-child),
.form-group[class*="inline"] > [data-active-view="true"] > *:not(:first-child) {
    margin-left: var(--content-gutter-1) !important;
}
.form-group:not([class*="inline"]) > *:not([data-active-view="true"], :last-child) {
    margin-bottom: var(--content-gutter-3);
}
.form-group:not([class*="inline"]) > [data-active-view="true"] {
    margin-bottom: var(--content-gutter-3-offset);
}
.form-group:not([class*="inline"]) > [data-active-view="true"] > *:not(:last-child, .nav-tabs, .tab-content) {
    margin-bottom: var(--content-gutter-3);
}
.row > [class^="col-"].form-group[class*="inline"] {
    margin-left: 0px;
    padding-left: calc(var(--row-gutter-x) - var(--content-gutter-1));
}
.form-group[class*="inline"]:not([class^="col-"]) > *:not([data-active-view="true"]),
.form-group[class*="inline"]:not([class^="col-"]) > [data-active-view="true"] > *,
.row > [class^="col-"].form-group[class*="inline"] > * {
    margin-left: var(--content-gutter-1);
}


.radio-group.inline {
    margin-left: var(--content-gutter-1-offset);
}
.radio-group.inline > *:not([data-active-view="true"]),
.radio-group.inline > [data-active-view="true"] > * {
    margin-left: var(--content-gutter-1);
}
[class^="col-"].radio-group.inline {
    margin-left: 0px;
}
[class^="col-"].radio-group.inline > *:not([data-active-view="true"], :last-child),
[class^="col-"].radio-group.inline > [data-active-view="true"] > *:not(:last-child) {
    margin-right: var(--content-gutter-1);
}





.radio-group > *:not([data-active-view="true"], .radio),
.radio-group > [data-active-view="true"] > *:not(.radio) {
    align-self: center;
}

.action-group[class*="inline"] {
    margin-left: var(--content-gutter-1-offset);
}
.row > [class^="col-"].action-group[class*="inline"] {
    margin-left: 0px;
    padding-left: calc(var(--row-gutter-x) - var(--content-gutter-1));
}
.action-group[class*="inline"] > *:not([data-active-view="true"]),
.action-group[class*="inline"] > [data-active-view="true"] > * {
    margin-left: var(--content-gutter-1);
}
.action-group:not([class*="inline"]) > *:not([data-active-view="true"], :last-child),
.action-group:not([class*="inline"]) > [data-active-view="true"] > *:not(:last-child) {
    margin-bottom: var(--content-gutter-1);
}

.form-group:not(:first-child),
.radio-group:not(:first-child),
.action-group:not(:first-child) {
    margin-top: var(--content-gutter-1);
}
.form-group > .check-group:not(:first-child),
.form-group > .radio-group:not(:first-child) {
    margin-top: var(--content-gutter-2);
}



.col-group {
    margin-top: var(--content-gutter-1-offset);
}
.col-group > * {
    margin-top: var(--content-gutter-1);
}


.form-group.inline,
.form-group[class*="inline-"],
.radio-group.inline,
.radio-group[class*="inline-"],
.action-group.inline,
.action-group[class*="inline-"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-flex-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-item-align: baseline;
    align-items: baseline;
}
@media(min-width: 992px) {
    .form-group.inline,
    .form-group[class*="inline-"],
    .radio-group.inline,
    .radio-group[class*="inline-"],
    .action-group.inline,
    .action-group[class*="inline-"] {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.form-group.inline-right,
.radio-group.inline-right,
.action-group.inline-right {
    -webkit-box-pack: end;
    -webkit-flex-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.form-group.inline-center,
.radio-group.inline-center,
.action-group.inline-center {
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.form-group.inline > .select2-container,
.form-group[class*="inline-"] > .select2-container {
    align-self: stretch;
}
.row > .action-group.inline,
.row > .action-group[class*="inline-"] {
    align-self: flex-end;
}
td.action-group.inline,
td.action-group.inline-left,
td.action-group.inline-right,
td > .action-group.inline,
td > .action-group.inline-left,
td > .action-group.inline-right {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}


.form-control[class*="col-"] {
    -webkit-flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
}

.form-group[class*="inline"] .input-group,
.form-group.no-wrap,
.form-group.no-wrap .input-group,
.radio-group.no-wrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}




.form-control.col-12, .form-control.col-11, .form-control.col-10, .form-control.col-9, .form-control.col-8, .form-control.col-7, .form-control.col-6, .form-control.col-5, .form-control.col-4, .form-control.col-3, .form-control.col-2, .form-control.col-1 {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.form-control.col-12 { width: 100%; }
.form-control.col-11 { width: 91.66666667%; }
.form-control.col-10 { width: 83.33333333%; }
.form-control.col-9 { width: 75%; }
.form-control.col-8 { width: 66.66666667%; }
.form-control.col-7 { width: 58.33333333%; }
.form-control.col-6 { width: 50%; }
.form-control.col-5 { width: 41.66666667%; }
.form-control.col-4 { width: 33.33333333%; }
.form-control.col-3 { width: 25%; }
.form-control.col-2 { width: 16.66666667%; }
.form-control.col-1 { width: 8.33333333%; }

@media(min-width: 768px) {
    .input-group.col-md-12, .form-control.col-md-12 { width: 100% !important; }
    .input-group.col-md-11, .form-control.col-md-11 { width: 91.66666667% !important; }
    .input-group.col-md-10, .form-control.col-md-10 { width: 83.33333333% !important; }
    .input-group.col-md-9, .form-control.col-md-9 { width: 75% !important; }
    .input-group.col-md-8, .form-control.col-md-8 { width: 66.66666667% !important; }
    .input-group.col-md-7, .form-control.col-md-7 { width: 58.33333333% !important; }
    .input-group.col-md-6, .form-control.col-md-6 { width: 50% !important; }
    .input-group.col-md-5, .form-control.col-md-5 { width: 41.66666667% !important; }
    .input-group.col-md-4, .form-control.col-md-4 { width: 33.33333333% !important; }
    .input-group.col-md-3, .form-control.col-md-3 { width: 25% !important; }
    .input-group.col-md-2, .form-control.col-md-2 { width: 16.66666667% !important; }
    .input-group.col-md-1, .form-control.col-md-1 { width: 8.33333333% !important; }
}
@media(min-width: 992px) {
    .input-group.col-lg-12, .form-control.col-lg-12 { width: 100% !important; }
    .input-group.col-lg-11, .form-control.col-lg-11 { width: 91.66666667% !important; }
    .input-group.col-lg-10, .form-control.col-lg-10 { width: 83.33333333% !important; }
    .input-group.col-lg-9, .form-control.col-lg-9 { width: 75% !important; }
    .input-group.col-lg-8, .form-control.col-lg-8 { width: 66.66666667% !important; }
    .input-group.col-lg-7, .form-control.col-lg-7 { width: 58.33333333% !important; }
    .input-group.col-lg-6, .form-control.col-lg-6 { width: 50% !important; }
    .input-group.col-lg-5, .form-control.col-lg-5 { width: 41.66666667% !important; }
    .input-group.col-lg-4, .form-control.col-lg-4 { width: 33.33333333% !important; }
    .input-group.col-lg-3, .form-control.col-lg-3 { width: 25% !important; }
    .input-group.col-lg-2, .form-control.col-lg-2 { width: 16.66666667% !important; }
    .input-group.col-lg-1, .form-control.col-lg-1 { width: 8.33333333% !important; }
}
@media(min-width: 1200px) {
    .input-group.col-xl-12, .form-control.col-xl-12 { width: 100% !important; }
    .input-group.col-xl-11, .form-control.col-xl-11 { width: 91.66666667% !important; }
    .input-group.col-xl-10, .form-control.col-xl-10 { width: 83.33333333% !important; }
    .input-group.col-xl-9, .form-control.col-xl-9 { width: 75% !important; }
    .input-group.col-xl-8, .form-control.col-xl-8 { width: 66.66666667% !important; }
    .input-group.col-xl-7, .form-control.col-xl-7 { width: 58.33333333% !important; }
    .input-group.col-xl-6, .form-control.col-xl-6 { width: 50% !important; }
    .input-group.col-xl-5, .form-control.col-xl-5 { width: 41.66666667% !important; }
    .input-group.col-xl-4, .form-control.col-xl-4 { width: 33.33333333% !important; }
    .input-group.col-xl-3, .form-control.col-xl-3 { width: 25% !important; }
    .input-group.col-xl-2, .form-control.col-xl-2 { width: 16.66666667% !important; }
    .input-group.col-xl-1, .form-control.col-xl-1 { width: 8.33333333% !important; }
}

.form-group > [data-active-view="true"]:not([class*="col-"]) {
    width: 100%;
}

/* FLEX INLINE FORM GROUP --------------------------------------------------------------------- */

.flex-inline-form-group {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + var(--content-gutter));
    margin-left: var(--content-gutter-1-offset);
    margin-right: var(--content-gutter-1-offset);
}
.flex-inline-form-group:first-child {
    margin-top: var(--content-gutter-offset);
}
.flex-inline-form-group > *:not(.form-group, [class*="col-"]) {
    width: auto;
}
.flex-inline-form-group > .form-label {
    position: relative;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    align-self: stretch;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: var(--app-color-primary);
    width: auto;
    height: auto;
    margin-right: var(--content-gutter);
}
.flex-inline-form-group > .form-label::after {
    position: absolute;
    content: "";
    top: 0px;
    right: var(--content-gutter-1-offset);
    width: 1px;
    height: 100%;
    background-color: var(--app-color-primary);
}
.flex-inline-form-group > .form-label {
    padding-left: var(--content-gutter-1);
    margin-top: var(--content-gutter);
    margin-bottom: 0px;
}
.flex-inline-form-group > .form-group,
.flex-inline-form-group > .action-group {
    padding-left: var(--content-gutter-1);
    padding-right: var(--content-gutter-1);
    margin-top: var(--content-gutter);
    margin-bottom: 0px;
}
.flex-inline-form-group > .form-group:not([class*="col-"]) {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
.flex-inline-form-group > .form-label ~ .action-group {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-self: stretch;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}
.flex-inline-form-group > .form-label ~ .action-group > * {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    width: auto;
    height: auto;
    margin-bottom: 0px;
}

/* FIELD GROUPS / DIVIDERS -------------------------------------------------------------------- */
.field-group {
    border: 2px solid var(--app-color-gray-opaque-3);
    background-color: var(--app-color-gray-opaque-1);
}
.row > [class*="col-"].field-group {
    padding-top: var(--content-gutter-1);
    padding-bottom: var(--content-gutter-1);
}
.row > [class*="col-"] > .field-group {
    padding: var(--content-gutter-1);
    margin-left: var(--content-gutter-1-offset);
    margin-right: var(--content-gutter-1-offset);
}

[class*="col-divider-"] {
    border-width: 0px;
    border-style: solid;
    border-color: var(--app-border-color-light);
}
.col-divider-t { border-top-width: 2px; padding-top: var(--content-gutter-1); }
.col-divider-b { border-bottom-width: 2px; padding-bottom: var(--content-gutter-1); }
.col-divider-l { border-left-width: 2px; }
.col-divider-r { border-right-width: 2px; }

@media(max-width: 767px) {
    .col-divider-t-sm { border-top-width: 2px; padding-top: var(--content-gutter-1); }
    .col-divider-b-sm { border-bottom-width: 2px; padding-bottom: var(--content-gutter-1); }
    .col-divider-l-sm { border-left-width: 2px; }
    .col-divider-r-sm { border-right-width: 2px; }
}
@media(min-width: 768px) {
    .col-divider-t-md-up { border-top-width: 2px; padding-top: var(--content-gutter-1); }
    .col-divider-b-md-up { border-bottom-width: 2px; padding-bottom: var(--content-gutter-1); }
    .col-divider-l-md-up { border-left-width: 2px; }
    .col-divider-r-md-up { border-right-width: 2px; }
    @media(max-width: 991px) {
        .col-divider-t-md { border-top-width: 2px; padding-top: var(--content-gutter-1); }
        .col-divider-b-md { border-bottom-width: 2px; padding-bottom: var(--content-gutter-1); }
        .col-divider-l-md { border-left-width: 2px; }
        .col-divider-r-md { border-right-width: 2px; }
    }
}
@media(min-width: 992px) {
    .col-divider-t-lg-up { border-top-width: 2px; padding-top: var(--content-gutter-1); }
    .col-divider-b-lg-up { border-bottom-width: 2px; padding-bottom: var(--content-gutter-1); }
    .col-divider-l-lg-up { border-left-width: 2px; }
    .col-divider-r-lg-up { border-right-width: 2px; }
    @media(max-width: 1199px) {
        .col-divider-t-lg { border-top-width: 2px; padding-top: var(--content-gutter-1); }
        .col-divider-b-lg { border-bottom-width: 2px; padding-bottom: var(--content-gutter-1); }
        .col-divider-l-lg { border-left-width: 2px; }
        .col-divider-r-lg { border-right-width: 2px; }
    }
}
@media(min-width: 1200px) {
    .col-divider-t-xl-up { border-top-width: 2px; padding-top: var(--content-gutter-1); }
    .col-divider-b-xl-up { border-bottom-width: 2px; padding-bottom: var(--content-gutter-1); }
    .col-divider-l-xl-up { border-left-width: 2px; }
    .col-divider-r-xl-up { border-right-width: 2px; }
    @media(max-width: 1400px) {
        .col-divider-t-xl { border-top-width: 2px; padding-top: var(--content-gutter-1); }
        .col-divider-b-xl { border-bottom-width: 2px; padding-bottom: var(--content-gutter-1); }
        .col-divider-l-xl { border-left-width: 2px; }
        .col-divider-r-xl { border-right-width: 2px; }
    }
}

[class$="-primary"] .field-group {
    background-color: var(--app-color-primary-opaque-1);
}
[class$="-primary"] .field-group,
[class$="-primary"] .field-group [class*="col-divider-"] {
    border-color: var(--app-color-primary-opaque-3);
}
[class$="-secondary"] .field-group {
    background-color: var(--app-color-secondary-opaque-1);
}
[class$="-secondary"] .field-group,
[class$="-secondary"] .field-group [class*="col-divider-"] {
    border-color: var(--app-color-secondary-opaque-3);
}
[class$="-green"] .field-group {
    background-color: var(--app-color-green-opaque-1);
}
[class$="-green"] .field-group,
[class$="-green"] .field-group [class*="col-divider-"] {
    border-color: var(--app-color-green-opaque-3);
}
[class$="-red"] .field-group {
    background-color: var(--app-color-red-opaque-1);
}
[class$="-red"] .field-group,
[class$="-red"] .field-group [class*="col-divider-"] {
    border-color: var(--app-color-red-opaque-3);
}
[class$="-blue"] .field-group {
    background-color: var(--app-color-blue-opaque-1);
}
[class$="-blue"] .field-group,
[class$="-blue"] .field-group [class*="col-divider-"] {
    border-color: var(--app-color-blue-opaque-3);
}

/* FORM STATUS -------------------------------------------------------------------------------- */
.form-status-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: 100%;
    min-height: 65px;
}
.form-status-container + .form-group,
.form-status-container + .action-group {
    margin-top: 0px;
}

.field-calendar {
    position: relative;
}
.field-calendar::before {
    content: "\f073";
    font-family: FontAwesome;
    font-size: 1rem;
    position: absolute;
    right: 0;
    width: 2rem;
    height: auto;
    line-height: 2rem;
    color: var(--app-color-gray-6);
}
.field-calendar > .form-control {    
    padding-right: 3rem;
}
.savesuccess {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    background-color: #73d184;
    color: white;
    opacity: 1;
    z-index: 999;
    text-align: center;
    font-size: 16px;
    border: none;
    font-family: 'Raleway';
    z-index: 100000;
}

:not([class*="dataTables_"]) .table-header .inline-content {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    margin-left: var(--content-gutter-offset);
    width: calc(100% + var(--content-gutter));
}
:not([class*="dataTables_"]) .table-header .inline-content > * {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    margin-left: var(--content-gutter);
}
:not([class*="dataTables_"]) .table-header .inline-content > .pull-right {
    margin-left: auto;
}
:not([class*="dataTables_"]) .table-header .inline-content > h4 {
    margin-bottom: 0px;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
:not([class*="dataTables_"]) .table-header .inline-content > .inline {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.form-group.inline > [data-view="common/agentDropdown"],
.form-group.inline > .select2-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
}
.form-group[class^="col-"] > [data-view="common/agentDropdown"],
.form-group[class^="col-"] .select2-container {
    min-width: unset;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
}
.form-group.inline[class^="col-"] > [data-view="common/agentDropdown"],
.form-group.inline[class^="col-"] .select2-container {
    width: unset;
}
[class^="col-"] .input-group > .select2-container,
.form-group[class^="col-"] .input-group > .select2-container {
    width: auto;
}
[class^="col-"] .input-group > .select2-container {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
@media(max-width: 767px) {
    .form-group[class^="col-sm-"] > [data-view="common/agentDropdown"],
    .form-group[class^="col-sm-"] .select2-container {
        min-width: unset;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
    }
    .form-group.inline[class^="col-sm-"] > [data-view="common/agentDropdown"],
    .form-group.inline[class^="col-sm-"] .select2-container {
        width: unset;
    }
}
@media(min-width: 768px) {
    .form-group[class^="col-md-"] > [data-view="common/agentDropdown"],
    .form-group[class^="col-md-"] .select2-container {
        min-width: unset;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
    }
    .form-group.inline[class^="col-md-"] > [data-view="common/agentDropdown"],
    .form-group.inline[class^="col-md-"] .select2-container {
        width: unset;
    }
}
@media(min-width: 992px) {
    .form-group[class^="col-lg-"] > [data-view="common/agentDropdown"],
    .form-group[class^="col-lg-"] .select2-container {
        min-width: unset;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
    }
    .form-group.inline[class^="col-lg-"] > [data-view="common/agentDropdown"],
    .form-group.inline[class^="col-lg-"] .select2-container {
        width: unset;
    }
}
@media(min-width: 1200px) {
    .form-group[class^="col-xl"] > [data-view="common/agentDropdown"],
    .form-group[class^="col-xl-"] .select2-container {
        min-width: unset;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
    }
    .form-group.inline[class^="col-xl-"] > [data-view="common/agentDropdown"],
    .form-group.inline[class^="col-xl-"] .select2-container {
        width: unset;
    }
}
@media(min-width: 1400px) {
    .form-group[class^="col-xxl"] > [data-view="common/agentDropdown"],
    .form-group[class^="col-xxl-"] .select2-container {
        min-width: unset;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
    }
    .form-group.inline[class^="col-xxl-"] > [data-view="common/agentDropdown"],
    .form-group.inline[class^="col-xxl-"] .select2-container {
        width: unset;
    }
}
.form-group.inline > [data-view="common/agentDropdown"] > * {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    white-space: nowrap;
}
.form-group.inline > [data-view="common/agentDropdown"] > *:not(label) {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
.form-group.inline > [data-view="common/agentDropdown"] > *:not(:first-child, .select2-offscreen),
.form-group.inline > .select2-container > *:not(:first-child, .select2-offscreen) {
    margin-left: var(--content-gutter-1);
}


.page-header > .form-group {
    margin-top: 0px;
    margin-left: 0px;
}
@media(min-width: 768px) {
    .page-header > .form-group[class*="inline"] {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}



.inline-content,
.form-group:not([class*="inline"]) > .inline-content,
.action-group:not([class*="inline"]) > .inline-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: baseline;
    -webkit-flex-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-item-align: baseline;
    align-items: baseline;
    margin-top: var(--content-gutter-2-offset);
    margin-left: var(--content-gutter-1-offset);
    width: calc(100% + var(--content-gutter-1));
}
.inline-content > *,
.inline-content > *:focus {
    margin-top: var(--content-gutter-2);
    margin-bottom: 0px;
    margin-left: var(--content-gutter-1);
    margin-right: 0px;
}
.inline-content > .form-group[class*="inline"] {
    -webkit-box-align: baseline;
    -webkit-flex-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-item-align: baseline;
    align-items: baseline;
}
.inline-content > .label,
.inline-content > .badge {
    align-self: center;
}

.form-control:disabled, .form-control[readonly] {
    background-color: var(--app-color-gray-2);
}

.form-control-loading {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border: 1px solid var(--app-color-gray-6);
    border-radius: var(--app-border-radius-sm);
    color: var(--app-color-body);
    padding: 0.35rem 0.65rem;
}


/* ============================================================================================ */
/* NAVIGATION / MAIN MENU  */

#main-navbar {
    position: absolute;
    top: 0 !important;
    left: 0;
    right: 0;
    height: auto;
    min-height: 50px;
    border: none;
    border-radius: 0;
    z-index: 1050;
    background-color: var(--app-color-primary);
}

#main-wrapper.registration-content #main-navbar {
    min-height: var(--nav-height);
    margin-bottom: 0px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: var(--app-color-gray-3);
    background-color: var(--app-color-gray-1);
}

#main-navbar.navbar {
    padding: 0px;
}
#main-navbar .navbar-brand {
    height: 50px !important;
    line-height: 0px;
    padding: 5px 0px 5px 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#main-navbar .navbar-brand img {
    width: auto;
    height: 100%;
}
#main-navbar .navbar-collapse {
    height: auto;
    padding: 0px;
    background: transparent;
    background-color: transparent;
    overflow: visible;
}
@media(min-width: 768px) {
    [class^="theme-"] #main-navbar .navbar-collapse {
        background: transparent;
    }
}
#main-navbar .navbar-collapse,
#main-navbar .navbar-collapse.collapse {
    overflow: visible;
}
#main-navbar .navbar-collapse.collapsing,
#main-navbar .navbar-collapse.in {
    overflow: hidden;
}
#main-navbar .navbar-collapse .navbar-nav {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px;
    border-top: 2px solid var(--app-color-primary);
    border-bottom: 2px solid var(--app-color-primary);
}
#main-navbar .navbar-collapse .navbar-nav li {
    background: none;
    background-color: transparent;
}
#main-navbar .navbar-collapse .navbar-nav li > a:not(.btn) {
    display: inline-block;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 16px;
    padding-right: 16px;
    margin: 0px;
    cursor: pointer;
    width: 100%;
    color: #ffffff;
    background: none;
    background-color: var(--app-color-primary);
}
#main-navbar .navbar-collapse .navbar-nav li > a.dropdown-item {
    padding-left: 14px;
}
#main-navbar .navbar-collapse .navbar-nav li > a.dropdown-item.dropdown-toggle {
    padding-right: 30px;
}
@media(min-width: 768px) {
    #main-navbar li a {
        line-height: unset;
    }
}
#main-navbar li a.btn {
    padding-top: 7px;
    padding-bottom: 7px;
}
#main-navbar li a.btn-sm {
    padding-top: 4px;
    padding-bottom: 4px;
}
#main-navbar .navbar-collapse .navbar-nav li > a.btn {
    margin: 0px;
}
#main-navbar .navbar-collapse .navbar-nav.right-navbar-nav li a.btn-warning {
    margin-left: 4px;
}
@media(min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-md .navbar-nav .nav-link.btn {
        padding-right: 12px;
        padding-left: 7px;
    }
}
#main-navbar .navbar-collapse .navbar-nav li > a:hover,
#main-navbar .navbar-collapse .navbar-nav li > a.show {
    background-color: var(--app-color-primary-active);
}
#main-navbar .navbar-collapse .navbar-nav.pull-right > li > a:hover,
#main-navbar .navbar-collapse .navbar-nav.pull-right > li > a.show {
    background-color: initial;
}
#main-navbar .navbar-collapse .navbar-nav > li.nav-item {
    height: auto;
}
#main-navbar .navbar-collapse .navbar-nav > li.nav-item > a.nav-link {
    height: 46px;
    line-height: 46px;
}
ul.dropdown-menu > li > a,
ul.dropdown-menu > li > a:hover {
    cursor: pointer;
}
ul.dropdown-menu > li > a {
    width: 100%;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu,
#main-navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li.dropdown-submenu .dropdown-menu {
    padding: 0px;
    margin: 0px;
    border-radius: var(--app-border-radius-sm);
    background: none;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.25);
}
#main-navbar .navbar-collapse .navbar-nav > li.dropdown > .dropdown-menu {
    margin-top: 4px;
}
#main-navbar .navbar-collapse .navbar-nav > li.dropdown > .dropdown-menu li.dropdown-submenu .dropdown-menu {
    margin-left: 2px;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li > a.dropdown-item {
    position: relative;
    line-height: 32px;
    border-top: 1px solid var(--app-color-primary);
    border-bottom: 1px solid var(--app-color-primary);
    z-index: 11000;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li:first-child > a.dropdown-item {
    border-top-width: 2px;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li:last-child > a.dropdown-item {
    border-bottom-width: 2px;
}
#main-navbar .navbar-collapse > .navbar-nav > li.dropdown > .dropdown-menu > li > a {
    border-left: 2px solid var(--app-color-primary);
    border-right: 2px solid var(--app-color-primary);
}
#main-navbar .navbar-collapse > .navbar-nav > li.dropdown > .dropdown-menu > li > a.dropdown-toggle {
    border-right: none;
} 
#main-navbar .navbar-collapse > .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown-submenu > .dropdown-menu li a {
    border-left: 2px solid var(--app-color-primary);
    border-right: 2px solid var(--app-color-primary);
}
#main-navbar .navbar-collapse > .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown-submenu > .dropdown-menu li:first-child a {
    border-left: none;
}
#main-navbar .navbar-collapse > .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown-submenu > .dropdown-menu li a.dropdown-toggle {
    border-right: none;
}

#main-navbar .navbar-collapse > .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown-submenu:not(:first-child) .dropdown-menu {
    margin-top: -1px;
}
#main-navbar .navbar-collapse > .navbar-nav > li.dropdown > .dropdown-menu > li.dropdown-submenu:not(:first-child) .dropdown-menu > li:first-child > a {
    margin-left: -2px;
    width: calc(100% + 2px);
}
#main-navbar .navbar-collapse .navbar-nav li > a:not(.btn) > i {
    margin-right: 6px;
}
#main-navbar .navbar-collapse .navbar-nav.pull-right li > a.user-menu > img {
    border-radius: 25px;
    display: inline-block;
    height: 20px;
    margin: -2px 0px 0px 0px;
    width: 20px;
}
#main-navbar .navbar-collapse .navbar-nav li > a.user-menu > span {
    display: inline-block;
    margin-left: 0px;
}
#main-navbar .navbar-collapse .navbar-nav.pull-right .nav-item.dropdown > .dropdown-toggle::after,
#main-navbar .navbar-collapse .navbar-nav.pull-right li.dropdown > a.dropdown-toggle::after {
    display: none;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu > li:first-of-type > a {
    border-top-left-radius: var(--app-border-radius-sm);
    border-top-right-radius: var(--app-border-radius-sm);
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu > li:last-of-type > a {
    border-bottom-left-radius: var(--app-border-radius-sm);
    border-bottom-right-radius: var(--app-border-radius-sm);
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu .dropdown-submenu > .dropdown-menu {
    border-radius: 0px;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu .dropdown-submenu > .dropdown-menu > li:first-of-type > a {
    border-top-left-radius: 0px;
    border-top-right-radius: var(--app-border-radius-sm);
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu .dropdown-submenu > .dropdown-menu > li:last-of-type > a {
    border-bottom-left-radius: var(--app-border-radius-sm);
    border-bottom-right-radius: var(--app-border-radius-sm);
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu > li:only-child > a {
    border-radius: var(--app-border-radius-sm);
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu .dropdown-submenu > .dropdown-menu > li:only-child > a {
    border-radius: 0px;
    border-top-right-radius: var(--app-border-radius-sm);
    border-bottom-right-radius: var(--app-border-radius-sm);
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu .dropdown-submenu.show > a.dropdown-toggle {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    margin: 0px -2px 0px 0px;
    width: calc(100% + 2px);
    background-color: var(--app-color-primary-active);
}
#main-navbar .navbar-collapse .navbar-nav li a.nav-logout,
#main-navbar .navbar-collapse .navbar-nav li a.link-warning {
    background-color: var(--app-color-orange);
}
#main-navbar .navbar-collapse .navbar-nav li a.nav-logout:hover,
#main-navbar .navbar-collapse .navbar-nav li a.link-warning:hover {
    background-color: var(--app-color-orange-active);
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > a.dropdown-toggle::after,
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu > li.dropdown-submenu > a.dropdown-toggle::after {
    display: inline-block;
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: transparent;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > a.dropdown-toggle::after {
    border-width: 5px 5px 0px 5px;
    border-top-color: #ffffff;
    margin-left: 6px;
    vertical-align: 2px;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > a.dropdown-toggle:hover::after,
#main-navbar .navbar-collapse .navbar-nav li.dropdown > a.dropdown-toggle.show::after {
    border-width: 7px 5px 0px 5px;
    margin-left: 6px;
    vertical-align: 0px;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu li.dropdown-submenu a.dropdown-toggle::after {
    border-width: 5px 0px 5px 5px;
    border-left-color: #ffffff;
    position: relative;
    right: -6px;
    margin-left: 2px;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu li.dropdown-submenu a.dropdown-toggle:hover::after,
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu li.dropdown-submenu.show > a.dropdown-toggle::after {
    border-width: 5px 0px 5px 7px;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu.dropdown-notification {
    border: 2px solid var(--app-color-primary);
    background-color: #ffffff;
    min-width: 270px;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu.dropdown-notification .list-group-item {
    background-color: var(--app-color-gray-1);
    border: none;
    padding: 0px;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu.dropdown-notification .list-group-item > .item-header,
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu.dropdown-notification .list-group-item > .item-body {
    padding: 0.35rem 0.5rem
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu.dropdown-notification .list-group-item > .item-header {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: 100%;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu.dropdown-notification .list-group-item > .item-header {
    background-color: var(--app-color-gray-3);
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu.dropdown-notification .list-group-item > .item-body {
    background-color: var(--app-color-gray-1);
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu.dropdown-notification .list-group-item .widget-messages-alt-description {
    font-size: 1rem;
    font-weight: 600;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0px;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu.dropdown-notification .list-group-item .widget-messages-alt-subject {
    font-size: 0.85rem;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu.dropdown-notification .list-group-item .widget-messages-alt-subject > a {
    color: var(--app-color-primary);
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu.dropdown-notification .list-group-item .widget-messages-alt-date {
    font-size: 0.75rem;
    font-weight: 700;
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu.dropdown-notification .list-group-item:not(:last-child) {
    margin-bottom: 4px;
    border-bottom: 1px solid var(--app-border-color-dark);
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown > .dropdown-menu.dropdown-notification .notification-footer .btn {
    margin: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    border-top: 2px solid var(--app-color-primary);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: calc(var(--app-border-radius-sm) - 2px);
    border-bottom-right-radius: calc(var(--app-border-radius-sm) - 2px);
}
#main-navbar .navbar-collapse .navbar-nav li.dropdown .dropdown-menu li > a > span.label {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.031rem;
    width: auto;
    padding: 0.219rem 0.313rem 0.219rem 0.313rem;
    margin: 0px 0px 0.125rem 0.625rem;
}
.dropdown .dropdown-menu.dropdown-notification {
    width: auto;
}
.dropdown .dropdown-menu.dropdown-notification #navbar-messages {
    position: relative;
    max-height: 75vh;
    overflow-y: auto;
}
.dropdown .dropdown-menu.dropdown-notification #navbar-messages .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.dropdown .dropdown-menu.dropdown-notification .notification-footer .btn {
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-width: 200px;
}

@media (min-width: 768px) {
    #main-navbar {
        overflow: visible !important;
    }
    #main-navbar .navbar-brand,
    #main-navbar .navbar-collapse .navbar-nav > li > a,
    #main-navbar .navbar-collapse .navbar-nav > .nav-item .nav-link,
    #main-navbar .navbar-collapse .navbar-nav > li.nav-item a.nav-link {
        height: 50px;
    }
    #main-navbar .navbar-collapse .navbar-nav > li > a,
    #main-navbar .navbar-collapse .navbar-nav > .nav-item .nav-link,
    #main-navbar .navbar-collapse .navbar-nav > li.nav-item a.nav-link {
        line-height: 50px;
    }
    #main-navbar .navbar-collapse .navbar-nav li.dropdown > ul.dropdown-menu,
    #main-navbar .navbar-collapse .navbar-nav.pull-right li.dropdown > ul.dropdown-menu {
        float: left;
        left: 0px;
        right: auto;
    }
    #main-navbar .navbar-collapse .navbar-nav.pull-right li + li > a.dropdown-toggle::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 30px;
        height: 64%;
        top: 8px;
        top: 18%;
        left: 0px;
        right: auto;
        background-color: #ffffff;
    }
    #main-navbar .navbar-collapse .navbar-nav li .divider {
        display: block;
    }
    #main-navbar .dropdown-menu .badge {
        padding-left: 6px;
        padding-right: 6px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .nav-item.dropdown,
    .nav-link {
        width: auto !important;
    }
    .nav-link {
        vertical-align: top !important;
    }
    .navbar-collapse .navbar-nav li > a {
        line-height: 50px !important;
        height: 50px !important;
    }
    .dropdown-menu.show {
        display: inline-block;
        float: none !important;
    }
}

/* ============================================================================================ */
/* SIDE NAVIGATION  */

.sidebar-nav, .sidebar-nav.well {
    padding: var(--content-gutter-1);
    border-radius: var(--app-border-radius-sm);
}
[class*="col"] > .sidebar-nav {
    width: 100%;
}
.sidebar-nav > .navbar-nav {

}
.sidebar-nav > .navbar-nav > li {
    padding: 0px;
}
.sidebar-nav > .navbar-nav > li > a,
.sidebar-nav > .navbar-nav > .nav-item > .nav-link {
    font-size: 1.15rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    border-radius: 0.2rem;
}
.sidebar-nav > .navbar-nav > li > a:hover,
.sidebar-nav > .navbar-nav > .nav-item > .nav-link:hover {
    color: #ffffff;
    background-color: var(--app-color-secondary);
}

/* ============================================================================================ */
/* PAGE HEADER  */

.page-header,
.page-signin-alt .page-header.signin-header {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    top: 0px;
    padding-top: var(--content-gutter);
    padding-bottom: var(--content-gutter);
    padding-left: var(--content-gutter-double);
    padding-right: var(--content-gutter-double);
    margin: 0px;
    margin-top: 0px;
    margin-bottom: var(--content-gutter-1);
    border: none;
    background: transparent;
}
.page-header:not(.signin-header) {
    padding-top: var(--content-gutter-1);
    padding-bottom: var(--content-gutter-1);
    margin-left: var(--content-gutter-double-offset);
    margin-right: var(--content-gutter-double-offset);
    background-color: var(--app-color-gray-2);
    -webkit-box-shadow: var(--app-drop-shadow-y);
    -moz-box-shadow: var(--app-drop-shadow-y);
    box-shadow: var(--app-drop-shadow-y);
}
.page-signin-alt .page-header.signin-header img.logo {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 85px;
}
@media(min-width: 1200px) {
    .page-signin-alt .page-header.signin-header img.logo {
        max-height: 100px;
    }
}

.page-header > h1 {
    color: var(--app-color-body);
}
.page-header.signin-header:not(:last-child) {
    margin-bottom: var(--content-gutter-double);
}
.page-header.signin-header {
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0px;
    width: 100%;
}
.page-header > *:not([class^="col-"]) {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}
.page-header > .row {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
.page-header .form-group[class*="inline"] {
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
}

.page-header > *:not(:last-child) {
    margin-right: var(--content-gutter);
}
.page-header .page-title {
    margin-right: auto;
}
.page-header > h1,
.page-header > h1:not(:last-child) {
    margin-bottom: 0px;
    margin-right: auto;
}

[class^="title-bar"]:not(.title-bar-header) {
    text-align: center;
    padding: var(--content-gutter-double);
}
.title-bar, .title-bar-default {
    color: #ffffff;
    background-color: var(--app-color-gray-6);
}
.title-bar-primary {
    color: #ffffff;
    background-color: var(--app-color-primary);
}
[class^="title-bar"]:not(.title-bar-header) > * {
    color: inherit;
}
[class^="title-bar"]:not(.title-bar-header) > .title-bar-header {
    font-size: 4rem;
}
[class^="title-bar"]:not(.title-bar-header) > h2.title-bar-header {
    font-size: 3rem;
}
.flex-inline-header {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    width: 100%;
}
.flex-inline-header > .title-horizontal-line {
    -webkit-flex: 1 1 300px;
    -ms-flex: 1 1 300px;
    flex: 1 1 300px;
}
.flex-inline-header > .title-horizontal-line + * {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 10px;
}
h1.title-horizontal-line {
    margin-bottom: 0px;
}
.page-header > *:not(h1) + *,
.page-header > *:not(h1) + .form-group {
    margin-left: var(--content-gutter);
}

/* ============================================================================================ */
/* ACCORDIONS  */

.accordion {
    --acc-head-pad-x: var(--content-gutter);
    --acc-head-pad-y: var(--content-gutter-1);
    --acc-body-pad: var(--content-gutter);
    --acc-body-pad-double: calc(var(--acc-body-pad) * 2);
    --acc-head-bg: var(--app-color-secondary-opaque-1);
    --acc-head-color: var(--app-color-secondary);
    --acc-head-bg-hover: var(--app-color-secondary-opaque-2);
    --acc-head-color-hover: var(--app-color-secondary);
    --acc-head-bg-active: var(--app-color-secondary);
    --acc-head-color-active: #ffffff;
    --acc-border-color: var(--app-color-secondary);
    --acc-body-bg: #ffffff;
    --acc-toggler-width: 16px;
    --acc-toggle-offset: calc(var(--acc-head-pad-x) + var(--acc-toggler-width));
}

.accordion .accordion-item {
    border: 2px solid var(--acc-border-color);
    background-color: var(--acc-body-bg);
}
.accordion .accordion-item:not(:first-child) {
    margin-top: var(--content-gutter-1);
}
.accordion .accordion-item .accordion-header {
    margin-bottom: 0px;
}
.accordion .accordion-item .accordion-header > .accordion-button {
    font-size: inherit;
    line-height: 1.2;
    font-weight: inherit;
    letter-spacing: inherit;
}
.accordion .accordion-item .accordion-header > .accordion-button,
.accordion .accordion-item .accordion-header > .accordion-button:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.accordion .accordion-item .accordion-header > .accordion-button,
.accordion .accordion-item .accordion-header > .accordion-button:not(.collapsed),
.accordion .accordion-item .accordion-footer {
    padding-top: var(--acc-head-pad-y);
    padding-bottom: var(--acc-head-pad-y);
    padding-left: var(--acc-head-pad-x);
    padding-right: calc(var(--acc-head-pad-x) + var(--acc-toggle-offset));
}
.accordion .accordion-item .accordion-header > .accordion-button {
    color: var(--acc-head-color);
    background-color: var(--acc-head-bg);
}
.accordion .accordion-item .accordion-header > .accordion-button:not(.collapsed) {
    color: var(--acc-head-color-active);
    background-color: var(--acc-head-bg-active);
}
.accordion .accordion-item .accordion-header > .accordion-button.collapsed:hover {
    background-color: var(--acc-head-bg-hover);
}
.accordion .accordion-item .accordion-header > .accordion-button::after {
    position: absolute;
    right: calc(var(--acc-toggle-offset) * 0.5);
    display: inline-block;
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: transparent;
    border-width: 0.5rem 0.5rem 0px 0.5rem;
    border-top-color: var(--acc-head-color-active);
    background-image: none;
}
.accordion .accordion-item .accordion-header > .accordion-button.collapsed::after {
    border-top-color: var(--acc-head-color);
}
.accordion .accordion-item,
.accordion .accordion-item:first-of-type,
.accordion .accordion-item:last-of-type {
    border-top-left-radius: var(--app-border-radius-sm);
    border-top-right-radius: var(--app-border-radius-sm);
    border-bottom-left-radius: var(--app-border-radius-sm);
    border-bottom-right-radius: var(--app-border-radius-sm);
}
.accordion .accordion-item .accordion-header > .accordion-button,
.accordion .accordion-item:first-of-type .accordion-header > .accordion-button,
.accordion .accordion-item:last-of-type .accordion-header > .accordion-button {
    border-top-left-radius: calc(var(--app-border-radius-sm) - 3px);
    border-top-right-radius: calc(var(--app-border-radius-sm) - 3px);
    border-bottom-left-radius: calc(var(--app-border-radius-sm) - 3px);
    border-bottom-right-radius: calc(var(--app-border-radius-sm) - 3px);
}
.accordion .accordion-item .accordion-header > .accordion-button:not(.collapsed) {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.accordion .accordion-item .accordion-collapse {
    background-color: var(--acc-body-bg);
}
.accordion .accordion-item .accordion-collapse .accordion-body {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.accordion .accordion-item .accordion-collapse .accordion-body {
    padding: var(--acc-body-pad);
    background-color: transparent;
}
.accordion .accordion-item .accordion-collapse .accordion-footer {
    -webkit-box-shadow: 0px -2px 0px 2px var(--app-color-gray-opaque-3);
    -moz-box-shadow: 0px -2px 0px 2px var(--app-color-gray-opaque-3);
   box-shadow: 0px -2px 0px 2px var(--app-color-gray-opaque-3);
   background-color: #ffffff;
}

.accordion .accordion-item .accordion-body table {
    margin: calc(var(--acc-body-pad) * -1) !important;
    width: calc(var(--acc-body-pad-double) + 100%);
}
.accordion .accordion-item .accordion-body table thead,
.accordion .accordion-item .accordion-body table tbody,
.accordion .accordion-item .accordion-body table tfoot {
    display: block;
    width: 100%;
}
.accordion .accordion-item .accordion-body table tbody {
    max-height: 50vh;
    overflow: auto;
}
.accordion .accordion-item .accordion-body table thead > *,
.accordion .accordion-item .accordion-body table tbody > *,
.accordion .accordion-item .accordion-body table tfoot > * {
    display: table;
    width: 100%;
}
.accordion .accordion-item .accordion-body table thead > * > *,
.accordion .accordion-item .accordion-body table tbody > * > * {
    display: table-cell;
    max-width: 0;
}
.accordion .accordion-item .accordion-body table.scroll-body thead {
    padding-right: 12px;
    background-color: var(--bs-table-hover-bg);
}

.accordion .accordion-item .accordion-collapse > :last-child {
    border-bottom-left-radius: calc(var(--app-border-radius-sm) - 3px);
    border-bottom-right-radius: calc(var(--app-border-radius-sm) - 3px);
}
.accordion .accordion-item .accordion-collapse > .accordion-body > table:last-child > :last-child > :last-of-type > :first-of-type {
    border-bottom-left-radius: calc(var(--app-border-radius-sm) - 3px);
}
.accordion .accordion-item .accordion-collapse > .accordion-body > table:last-child > :last-child > :last-of-type > :last-of-type {
    border-bottom-right-radius: calc(var(--app-border-radius-sm) - 3px);
}

/* ----- Accordion (default) ----- */
.accordion .accordion-item.accordion-default {
    --acc-border-color: var(--app-color-gray);
}
.accordion .accordion-item.accordion-default .accordion-header > .accordion-button {
    --acc-head-color: var(--app-color-gray);
    --acc-head-bg: var(--app-color-gray-opaque-1);
}
.accordion .accordion-item.accordion-default .accordion-header > .accordion-button.collapsed:hover {
    --acc-head-bg-hover: var(--app-color-gray-opaque-3);
}
.accordion .accordion-item.accordion-default .accordion-header > .accordion-button:not(.collapsed) {
    --acc-head-bg-active: var(--app-color-gray);
}
.accordion .accordion-item.accordion-default .accordion-collapse {
    --acc-body-bg: var(--app-color-gray-opaque-1);
}
/* ----- Accordion (primary) ----- */
.accordion .accordion-item.accordion-primary {
    --acc-border-color: var(--app-color-primary);
}
.accordion .accordion-item.accordion-primary .accordion-header > .accordion-button {
    --acc-head-color: var(--app-color-primary);
    --acc-head-bg: var(--app-color-primary-opaque-1);
}
.accordion .accordion-item.accordion-primary .accordion-header > .accordion-button.collapsed:hover {
    --acc-head-bg-hover: var(--app-color-primary-opaque-3);
}
.accordion .accordion-item.accordion-primary .accordion-header > .accordion-button:not(.collapsed) {
    --acc-head-bg-active: var(--app-color-primary);
}
.accordion .accordion-item.accordion-primary .accordion-collapse {
    --acc-body-bg: var(--app-color-primary-opaque-1);
}
/* ----- Accordion (secondary) ----- */
.accordion .accordion-item.accordion-secondary {
    --acc-border-color: var(--app-color-secondary);
}
.accordion .accordion-item.accordion-secondary .accordion-header > .accordion-button {
    --acc-head-color: var(--app-color-secondary);
    --acc-head-bg: var(--app-color-secondary-opaque-1);
}
.accordion .accordion-item.accordion-secondary .accordion-header > .accordion-button.collapsed:hover {
    --acc-head-bg-hover: var(--app-color-secondary-opaque-2);
}
.accordion .accordion-item.accordion-secondary .accordion-header > .accordion-button:not(.collapsed) {
    --acc-head-bg-active: var(--app-color-secondary);
}
.accordion .accordion-item.accordion-secondary .accordion-collapse {
    --acc-body-bg: var(--app-color-secondary-opaque-1);
}
/* ----- Accordion (red) ----- */
.accordion .accordion-item.accordion-red {
    --acc-border-color: var(--app-color-red);
}
.accordion .accordion-item.accordion-red .accordion-header > .accordion-button {
    --acc-head-color: var(--app-color-red);
    --acc-head-bg: var(--app-color-red-opaque-1);
}
.accordion .accordion-item.accordion-red .accordion-header > .accordion-button.collapsed:hover {
    --acc-head-bg-hover: var(--app-color-red-opaque-3);
}
.accordion .accordion-item.accordion-red .accordion-header > .accordion-button:not(.collapsed) {
    --acc-head-bg-active: var(--app-color-red);
}
.accordion .accordion-item.accordion-red .accordion-collapse {
    --acc-body-bg: var(--app-color-red-opaque-1);
}
/* ----- Accordion (blue) ----- */
.accordion .accordion-item.accordion-blue {
    --acc-border-color: var(--app-color-blue);
}
.accordion .accordion-item.accordion-blue .accordion-header > .accordion-button {
    --acc-head-color: var(--app-color-blue);
    --acc-head-bg: var(--app-color-blue-opaque-1);
}
.accordion .accordion-item.accordion-blue .accordion-header > .accordion-button.collapsed:hover {
    --acc-head-bg-hover: var(--app-color-blue-opaque-3);
}
.accordion .accordion-item.accordion-blue .accordion-header > .accordion-button:not(.collapsed) {
    --acc-head-bg-active: var(--app-color-blue);
}
.accordion .accordion-item.accordion-blue .accordion-collapse {
    --acc-body-bg: var(--app-color-blue-opaque-1);
}
/* ----- Accordion (green) ----- */
.accordion .accordion-item.accordion-green {
    --acc-border-color: var(--app-color-green);
}
.accordion .accordion-item.accordion-green .accordion-header > .accordion-button {
    --acc-head-color: var(--app-color-green);
    --acc-head-bg: var(--app-color-green-opaque-1);
}
.accordion .accordion-item.accordion-green .accordion-header > .accordion-button.collapsed:hover {
    --acc-head-bg-hover: var(--app-color-green-opaque-3);
}
.accordion .accordion-item.accordion-green .accordion-header > .accordion-button:not(.collapsed) {
    --acc-head-bg-active: var(--app-color-green);
}
.accordion .accordion-item.accordion-green .accordion-collapse {
    --acc-body-bg: var(--app-color-green-opaque-1);
}

/* ============================================================================================ */
/* SLIDEOUT CONTENT  */

#param-settings {
    width: calc(100% - 50px);
    right: calc(-100% + 50px);
    padding-right: 0px;
}
@media(min-width: 992px) {
    #param-settings {
        width: calc(66.666667% - var(--content-gutter-1));
        right: calc(-66.666667% + var(--content-gutter-1));
    }
}
#param-settings > .param-settings-header {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    border-bottom-left-radius: 0rem;
    border-bottom-right-radius: 0rem;
}
#param-settings > .param-settings-header,
#param-settings > .param-settings-header > #param-settings-toggler {
    font-size: 1.25rem;
    line-height: 45px;
    height: 45px;
    background-color: var(--app-color-gray-9);
}
#param-settings > .param-settings-header > #param-settings-toggler {
    color: #ffffff;
    border-top-left-radius: var(--app-border-radius-sm);
    border-top-right-radius: 0rem;
    border-bottom-left-radius: var(--app-border-radius-sm);
    border-bottom-right-radius: 0rem;
    padding-right: 10px;
    width: 50px;
}
#param-settings > .param-settings-header > * {
    line-height: inherit;
}
#param-settings > .param-settings-body {
    padding: var(--content-gutter);
}
#param-settings > .param-settings-body {
    -webkit-box-shadow: -2px 2px 6px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -2px 2px 6px 0px rgba(0, 0, 0, 0.25);
    box-shadow: -2px 2px 6px 0px rgba(0, 0, 0, 0.25);
}
#param-settings.calendar-modal > .param-settings-header > #param-settings-toggler {
    left: -50px;
}
#param-settings.calendar-modal.open {
    right: 0px;
}
#param-settings.calendar-modal.open > .param-settings-header #param-settings-toggler {
    left: -40px;
}

body.param-slide-open::before {
    content: "";
    position: absolute;
    z-index: 1051;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.25);
    transition: all 0.5s ease;
}
body.param-slide-open #param-settings {
    z-index: 1052;
}

/* ============================================================================================ */
/* CUSTOM PLUGIN STYLING  */

/* JQTREE PLUGIN ------------------------------------------------------------------------------ */
ul.jqtree-tree, ul.jqtree-tree > li.jqtree_common > ul.jqtree_common {
    margin-left: var(--content-gutter);
}
ul.jqtree_common > li.jqtree_common {
    margin-left: var(--content-gutter-1);
}
ul.jqtree_common > li.jqtree_common > .jqtree-element {
    width: auto;
    border-width: 0px;
    border-style: solid;
    border-color: var(--app-color-body);
}
ul.jqtree-tree > li.jqtree-folder > .jqtree-element {
    border-top-width: 2px;
    border-bottom-width: 2px;
}
ul.jqtree-tree > li.jqtree-folder > .jqtree-element > *:not(.jqtree-toggler) {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    vertical-align: middle;
}
ul.jqtree_common > li.jqtree_common > .jqtree-element > .jqtree-toggler {
    left: calc(var(--content-gutter-double-offset) + var(--content-gutter-1)) !important;
    font-size: var(--content-gutter) !important;
}
ul.jqtree_common > li.jqtree_common > .jqtree-element > :not(.jqtree-toggler, :empty), 
ul.jqtree_common > li.jqtree_common > .jqtree-element > .tree-user-icon {
    padding: var(--content-gutter-1);
}
ul.jqtree-tree .jqtree-element .tree-node-element {
    display: inline-block;
}
ul.jqtree-tree .jqtree-element .tree-user-icon {
    width: auto;
}
ul.jqtree-tree .jqtree-element .tree-node-agentnumber {
    width: 100px;
}
ul.jqtree-tree .jqtree-element .tree-node-name {
    width: 200px;
}
ul.jqtree-tree .jqtree-element .tree-node-email {
    width: 375px;
}
ul.jqtree-tree .jqtree-element .tree-node-phone {
    width: 200px;
}
ul.jqtree-tree .jqtree-element .tree-node-status {
    width: 125px;
}
ul.jqtree-tree li.jqtree_common > .jqtree-element {
    padding-left: var(--content-gutter-2);
    padding-right: var(--content-gutter-2);
    background-color: #fafafa;
}
ul.jqtree-tree li.jqtree_common.jqtree-selected > .jqtree-element {
    background-color: var(--app-color-gray-opaque-2);
}
.tree-secondary ul.jqtree_common > li.jqtree_common > .jqtree-element {
    margin-top: var(--content-gutter-2);
    margin-bottom: var(--content-gutter-2);
}
ul.jqtree-tree > li.jqtree-folder:first-child > .jqtree-element {
    margin-top: 0px;
}
.tree-secondary ul.jqtree_common > li.jqtree_common > .jqtree-element {
    background-color: var(--app-color-secondary-opaque-2);
}
.tree-secondary ul.jqtree_common > li.jqtree-folder > .jqtree-element {
    background-color: var(--app-color-secondary-opaque-3);
}
.tree-secondary > ul.jqtree-tree > li.jqtree_common > .jqtree-element {
    border-color: var(--app-color-secondary);
}
.tree-secondary ul.jqtree_common > li.jqtree_common > .jqtree-element > .jqtree-toggler {
    color: var(--app-color-secondary);
}
.tree-secondary ul.jqtree_common > li.jqtree_common > .jqtree-element > a:not(.jqtree-toggler, :empty),
.tree-secondary ul.jqtree_common > li.jqtree_common > .jqtree-element > a:focus:not(.jqtree-toggler, :empty) {
    color: var(--app-color-primary);
}
.tree-secondary ul.jqtree_common > li.jqtree_common > .jqtree-element > a:hover:not(.jqtree-toggler, :empty) {
    color: var(--app-color-primary-active);
}
.tree-primary ul.jqtree_common > li.jqtree_common > .jqtree-element {
    background-color: var(--app-color-primary-opaque-2);
}
.tree-primary ul.jqtree_common > li.jqtree-folder > .jqtree-element {
    background-color: var(--app-color-primary-opaque-3);
}
.tree-primary > ul.jqtree-tree > li.jqtree_common > .jqtree-element {
    border-color: var(--app-color-primary);
}
.tree-primary ul.jqtree_common > li.jqtree_common > .jqtree-element > .jqtree-toggler {
    color: var(--app-color-primary);
}
.tree-primary ul.jqtree_common > li.jqtree_common > .jqtree-element > a:not(.jqtree-toggler, :empty),
.tree-primary ul.jqtree_common > li.jqtree_common > .jqtree-element > a:focus:not(.jqtree-toggler, :empty) {
    color: var(--app-color-secondary);
}
.tree-primary ul.jqtree_common > li.jqtree_common > .jqtree-element > a:hover:not(.jqtree-toggler, :empty) {
    color: var(--app-color-secondary-active);
}

/* FULL CALENDAR PLUGIN ----------------------------------------------------------------------- */
.fc h2 {
    font-weight: 600;
}
.fc-day-grid-event {
    margin: 3px 4px 0px 4px;
    padding: 1px 4px 2px 4px;
}
.fc-content > .fc-time {
    margin-right: 2px;
}
.fc table td {
    border-color: var(--app-color-gray-8);
}
.fc table thead tr .fc-day-header {
    color: #ffffff;
    background-color: var(--app-color-gray-8);
    padding: 2px;
    border-color: var(--app-color-gray-8);
}
.fc .fc-basic-view .fc-day-number {
    padding: 2px 4px;
}
.fc .fc-today,
[class^="fc-"] .fc-today {
    background: var(--app-color-primary-opaque-3);
}
.fc-state-default.fc-corner-left {
    border-top-left-radius: var(--app-border-radius-sm);
    border-bottom-left-radius: var(--app-border-radius-sm);
}
.fc-state-default.fc-corner-right {
    border-top-right-radius: var(--app-border-radius-sm);
    border-bottom-right-radius: var(--app-border-radius-sm);
}
.fc button, .fc button:focus, .fc-button, .fc-button:focus {
    border: 1px solid var(--app-border-color-light);
    background: var(--app-color-gray-2);
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: var(--app-color-gray-9);
}
.fc button:hover, .fc button:hover, .fc-button:hover, .fc-button:hover, .fc-button.fc-prev-button:focus:hover, .fc-button.fc-next-button:focus:hover {
    background: var(--app-color-gray-4);
}
.fc-button.fc-state-active {
    background: var(--app-color-gray-4);
}
.fc .fc-button > .fc-icon {
    font-size: inherit;
    line-height: 0;
    top: 0px;
    width: auto;
    height: 1.4rem;
    margin: 0px;
    color: inherit;
}
.fc .fc-button > .fc-icon::after {
    margin: 0px;
}
.fc-button > .fc-icon-left-single-arrow::after,
.fc-button > .fc-icon-right-single-arrow::after {
    font-family: "fontAwesome";
    content: "";
    font-size: 100%;
    line-height: inherit;
    width: auto;
    height: auto;
    top: 50%;
    left: unset;
}
.fc .fc-button > .fc-icon-left-single-arrow::after {
    content: "\f053";
}
.fc .fc-button > .fc-icon-right-single-arrow::after {
    content: "\f054";
}
.fc button.fc-today-button, .fc button.fc-today-button:focus,
.fc-button.fc-today-button, .fc-button.fc-today-button:focus {
    border-color: var(--app-color-primary-active);
    background: var(--app-color-primary);
    background-image: none;
    color: #ffffff;
    font-weight: 600;
}
.fc button.fc-today-button:hover, .fc button.fc-today-button:focus:hover,
.fc-button.fc-today-button:hover, .fc-button.fc-today-button:focus:hover {
    color: #ffffff;
    background: var(--app-color-primary-active);
}
.fc button.fc-today-button.fc-state-disabled,
.fc-button.fc-today-button.fc-state-disabled {
    background: var(--app-color-primary-disabled);
    border-color: var(--app-color-primary-disabled);
    opacity: 1;
    cursor: default;
}
.fc-button-group {
    position: relative;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    border-radius: var(--app-border-radius-sm);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.fc-button-group > .fc-button {
    position: relative;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.fc-button-group > .fc-button + .fc-button,
.fc-button-group > .fc-button:nth-child(n+3) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.fc-button.fc-month-button, .fc-button.fc-month-button:focus,
.fc-button.fc-agendaWeek-button, .fc-button.fc-agendaWeek-button:focus,
.fc-button.fc-agendaDay-button, .fc-button.fc-agendaDay-button:focus {
    background: var(--app-color-gray-2);
    background-image: none;
    color: var(--app-color-gray-8);
    font-weight: 600;
}
.fc-button.fc-month-button:hover,
.fc-button.fc-agendaWeek-button:hover,
.fc-button.fc-agendaDay-button:hover {
    color: var(--app-color-gray-9);
    background: var(--app-color-gray-4);
}
.fc-button.fc-month-button.fc-state-active,
.fc-button.fc-agendaWeek-button.fc-state-active,
.fc-button.fc-agendaDay-button.fc-state-active {
    color: var(--app-color-gray-9);
    background: var(--app-color-gray-4);
}

/* DATEPICKER PLUGIN -------------------------------------------------------------------------- */
.datepicker {
    background-color: white !important;
}
.datepicker table thead tr:first-child {
    font-size: 1.125rem;
    background-color: var(--app-color-primary);
}
.datepicker table thead tr:not(:first-child) {
    font-size: 1rem;
    background-color: var(--app-color-gray-5);
}
.datepicker table thead tr > * {
    background: transparent;
}
.datepicker table thead tr > .prev,
.datepicker table thead tr > .next {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
}
.datepicker table thead tr > .prev::after,
.datepicker table thead tr > .next::after {
    position: relative;
}
.datepicker table tbody tr > .day {
    background: transparent;
}
.datepicker table tbody tr > .day:hover {
    background: var(--app-color-primary-opaque-2);
}
.datepicker table tbody tr > .day:hover {}
.datepicker table tbody tr > .day.active {
    background: var(--app-color-primary);
}
.input-datepicker {
    position: relative;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}
.input-datepicker i {
    cursor: pointer;
}
.input-datepicker > :not(.input-group-addon) > i {
    position: absolute;
    width: auto;
    height: inherit;
    right: 15px;
}


/* SELECT2 PLUGIN ----------------------------------------------------------------------------- */
/*ul.select2-results > *, .select2-container .select2-choice, .select2-container-multi .select2-choices .select2-search-field input {
    line-height: 1.2;
}*/
ul.select2-results li.select2-result {
    margin: 4px 4px 0px 4px;
}
ul.select2-results li.select2-result:last-child {
    margin-bottom: 4px;
}
ul.select2-results > li.select2-result + li.select2-result {
    margin-top: 0px;
}
ul.select2-results > li.select2-no-results {
    font-size: 0.875rem;
    color: var(--app-color-primary);
    padding: 4px 12px;
}
ul.select2-results li.select2-result.select2-highlighted {
    font-weight: 600;
    background-color: var(--app-color-gray-opaque-1);
}
ul.select2-results li.select2-result > .select2-result-label:not(:empty) {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    min-height: 32px;
    padding: 4px 12px;
    margin-left: 2px;
}
ul.select2-results li.select2-result.select2-highlighted > .select2-result-label:not(:empty) {
    margin-left: 0px;
}
ul.select2-results li.select2-result .select2-result-label:empty {
    padding: 0px;
    min-height: unset;
}
.select2-container.select2-dropdown-open .select2-choice {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-width: 0px;
}
.select2-drop,
ul.select2-results li.select2-result,
ul.select2-results li.select2-result.select2-highlighted {
    color: var(--app-color-body);
}
.select2-drop {
    padding: 6px;
    margin: 0px;
    border-bottom-left-radius: var(--app-border-radius-sm);
    border-bottom-right-radius: var(--app-border-radius-sm);
}
.select2-drop,
.select2-container.select2-dropdown-open .select2-choice {
    background-color: var(--app-color-gray-5);
}
.select2-drop,
.select2-drop .select2-search,
.select2-drop .select2-results {
    border: 1px solid var(--app-color-gray-6);
}
.select2-drop-active {
    border-top: none;
    margin-top: -1px;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.5);
}
.select2-drop .select2-search {
    padding: 0px;
}
.select2-drop .select2-search:after {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    top: 0px;
    left: 0px;
    height: 100%;
}
.select2-drop .select2-search > input {
    margin-top: 0px;
    padding: 4px 12px;
    padding-left: 30px;
    border: none;
}
.select2-drop .select2-search::after,
.select2-drop .select2-search > input {
    font-size: 1rem;
    line-height: 1;
    color: var(--app-color-body);
}
.select2-container.select2-dropdown-open .select2-choice .select2-chosen {
    color: var(--app-color-body);
}
.select2-drop .select2-results {
    background-color: #ffffff;
    border-bottom-left-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    margin: 3px 0px 0px 0px;
}
* > .select2-container:not(:last-of-type) {
    margin-bottom: var(--content-gutter-1);
}
.select2-dropdown-open {
    z-index: 10000;
}
.select2-drop-active {
    z-index: 9999;
}
.select2-drop-mask {
    z-index: 9998;
}

/* SUMMERNOTE PLUGIN -------------------------------------------------------------------------- */
.note-editor .note-toolbar,
.panel.note-editor .panel-heading.note-toolbar {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    padding-right: var(--content-gutter-2);
    padding-bottom: var(--content-gutter-2);
}
.note-editor .note-toolbar > .note-btn-group,
.panel.note-editor .panel-heading.note-toolbar > .note-btn-group {
    position: relative;
    top: var(--content-gutter-2-offset);
    left: var(--content-gutter-2-offset);
    margin-top: var(--content-gutter-2);
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: var(--content-gutter-2);
}
.note-editor .dropdown-toggle::after {
    display: none;
}
.note-editor .btn {
    padding: 7px 12px;
    text-indent: unset;
}
.note-editor .btn > *,
.note-editor .btn > *:first-child:not(text) {
    text-indent: unset;
    margin-left: 0px;
}
.note-editor .btn-sm {
    padding: 5px 9px;
    text-indent: unset;
}
.note-editor .btn-sm > *,
.note-editor .btn-sm > *:first-child:not(text) {
    text-indent: unset;
    margin-left: 0px;
}
.note-editor .btn-sm > [class^="note-icon-"] {
    font-size: 0.75rem;
    line-height: 1;
    width: calc(0.75rem + 0.5rem);
}
.note-editor .note-dropdown-menu {
    top: 2px;
    padding: 2px;
    border: 2px solid var(--app-color-primary);
    border-radius: var(--app-border-radius-sm);
}
.note-editor .note-dropdown-menu li a {
    display: inline-block;
    margin: 0px;
}
.note-editor .note-dropdown-menu li a:hover,
.note-editor .note-dropdown-menu li a:hover > * {
    color: #ffffff;
}
.note-editor .note-dropdown-menu li a blockquote,
.note-editor .note-dropdown-menu li a pre,
.note-editor .note-toolbar .note-style .dropdown-style blockquote,
.note-editor .note-toolbar .note-style .dropdown-style pre {
    padding: 0px;
}

/* ============================================================================================ */
/* MODALS */

.modal .modal-dialog .modal-content {
    border-radius: 1rem;
    overflow: hidden;
}
.modal .modal-dialog .modal-content .modal-header,
.modal .modal-dialog .modal-content .modal-footer {
    padding: var(--content-gutter-1);
    padding-left: var(--content-gutter);
    padding-right: var(--content-gutter);
    background: none;
}
.modal .modal-dialog .modal-content .modal-header .btn-close {
    margin: 0px;
    padding: 4px;
    opacity: 1;
}
.modal .modal-dialog .modal-content .modal-header i {
    font-size: inherit;
    width: auto;
}
.modal .modal-dialog .modal-content .modal-header i:first-child {
    margin-right: var(--content-gutter-1);
}
.modal .modal-dialog .modal-content .modal-body {
    padding: var(--content-gutter);
    background: none;
}
.modal .modal-dialog .modal-content .modal-header {
    min-height: 55px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom: 1px solid var(--app-border-color-dark);
    background-color: var(--app-color-gray-1);
}
.modal .modal-dialog .modal-content .modal-header > * {
    line-height: 1;
    margin-bottom: 0px;
}
.modal .modal-dialog .modal-content .modal-body {
    background-color: #ffffff;
}
.modal .modal-dialog .modal-content .modal-footer {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top: 1px solid var(--app-border-color-dark);
    background-color: var(--app-color-gray-1);
    text-align: right;
}
.modal .modal-dialog .modal-content .modal-footer.fade:not(.show) {
    display: none;
}
.modal .modal-dialog .modal-content .modal-footer > *:not(:first-child) {
    margin-left: var(--content-gutter-1);
}
.modal .modal-dialog .modal-content .modal-footer > .row {
    width: calc(100% + var(--content-gutter));
    margin-top: var(--content-gutter-offset);
    margin-left: var(--content-gutter-1-offset);
    margin-right: var(--content-gutter-1-offset);
}
.modal .modal-dialog .modal-content .modal-header.bg-danger > .btn-close {
    filter: invert(100%);
}
.modal .modal-dialog .modal-content .modal-header.bg-danger > .btn-close:hover {
    filter: invert(90%);
}
.modal .modal-dialog .modal-content .modal-header.bg-danger > * {
    color: #ffffff;
}
.modal .modal-dialog .modal-content .modal-header.bg-danger {
    border-bottom-color: #932416;
}
.modal .modal-dialog .modal-content .modal-header.bg-danger ~ .modal-footer {
    border-top-color: #e66454;
}
.bootbox-close-button {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 4px;
    color: #000000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: 1;
    margin: 0px;
    line-height: 1;
    cursor: pointer;
}
.modal .modal-dialog .modal-content .modal-body .dropzone-box {
    min-height: 200px;
}
.modal .modal-dialog .modal-content .modal-body video,
.modal .modal-dialog .modal-content .modal-body .video-responsive {
    width: 100%;
    height: auto;
}

/* ============================================================================================ */
/* ALERTS */

.alert {
    margin-bottom: 0px;
}
.alert:not(:last-child) {
    margin-bottom: 1rem;
}
.alert-primary {
    color: var(--app-color-primary-active);
    border-color: var(--app-color-primary-opaque-2);
    background-color: var(--app-color-primary-light);
}
.alert-primary ol > li::before {
    color: #ffffff;
    background: var(--app-color-primary-active);
}
.alert-transparent {
    background-color: transparent;
}
.alert-light {
    background-color: var(--app-color-gray-2);
    border-color: var(--app-color-gray-4);
}
.alert-light > * {
    color: var(--app-color-gray-9);
}
.pad-x {
    padding-left: var(--content-gutter);
    padding-right: var(--content-gutter);
}


/* ============================================================================================ */
/* NAV TABS  */

.nav-tabs, .tab-content {
    
}

.nav-tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-flex-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-item-align: end;
    align-items: flex-end;
    border-bottom: 2px solid var(--app-color-primary);
}
.nav-tabs > .nav-item > .nav-link {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    color: var(--app-color-body);
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.025rem;
    background-color: var(--app-color-gray-1);
    border: 2px solid var(--app-border-color-light);
    border-bottom-color: transparent;
    border-top-left-radius: var(--app-border-radius-sm);
    border-top-right-radius: var(--app-border-radius-sm);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px 15px;
    padding-bottom: 6px;
    margin-bottom: 4px;
    transition: all 0.15s ease-in-out;
}
.nav-tabs > .nav-item > .nav-link:not(.active):hover {
    background-color: var(--app-color-gray-2);
    padding-bottom: 10px;
    margin-bottom: 0px;
}
.nav-tabs .nav-item .nav-link.active {
    border-color: var(--app-color-primary);
    border-bottom: 2px solid #ffffff;
    padding-bottom: calc(10px + 2px);
    margin-bottom: -2px;
    color: var(--app-color-primary);
    background-color: #ffffff;
}
.nav-tabs .nav-item.flex-end {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    margin-left: auto;
}
.nav-tabs .nav-item:not(:last-child),
.nav-tabs .nav-item.flex-end > *:not(:last-child) {
    margin-right: var(--content-gutter);
}
.nav-tabs > .nav-item > :not(.nav-link) {
    margin-bottom: var(--content-gutter-2);
}

.nav-tabs > .nav-item > .nav-link {
    text-indent: 10px;
    padding-left: calc(15px - 10px);
}
.nav-tabs > .nav-item > .nav-link > *:first-child:not(text, .badge, .label, i.videopopover) {
    text-indent: 0px;
    margin-left: 10px;
}
.nav-tabs > .nav-item > .nav-link > i.fa {
    font-size: 1.15rem;
    text-align: left;
    width: auto;
    height: auto;
}
.nav-tabs > .nav-item > .nav-link > .badge,
.nav-tabs > .nav-item > .nav-link > .label {
    text-indent: 0px;
    font-size: 0.75rem;
    line-height: 1.75;
    border-radius: 0.2rem;
    margin-left: 5px;
    padding: 0px 4px;
}
.nav-tabs > .nav-item > .form-group.inline {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 0px;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.nav-tabs > .nav-item > .form-group.inline:not([class*="col-"]) > .form-control {
    width: auto;
}
.nav-tabs > .nav-item > .form-group.inline > :not(label) {
    min-width: 175px;
}
@media(min-width: 922px) {
    .nav-tabs > .nav-item > .form-group.inline > :not(label) {
        min-width: 250px;
    }
}
.nav-tabs > .nav-item > .form-group.inline > label:not(:last-child) {
    margin: 0px 5px 0px 0px;
}
.nav-tabs > .nav-item > .form-group.inline:not(:last-child) {
    margin-right: var(--content-gutter);
}
/*.nav-tabs + :not(.tab-content) {
    margin-top: var(--content-gutter);
}*/
.tab-content {
    border: none;
    padding-top: var(--content-gutter);
    padding-bottom: 0px;
    border-top: none;
}
.row.tab-content:not(:first-child) {
    padding-top: var(--content-gutter-2);
}
.tab-content.tab-content-bordered {
    border: 2px solid var(--app-color-primary);
    border-top-width: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--app-border-radius-sm);
    border-bottom-right-radius: var(--app-border-radius-sm);
}
.tab-content:last-child {
    padding-bottom: 0px;
}
.modal .nav-tabs,
.nav-tabs.nav-tabs-sm {
    border-bottom: 0px;
}
.modal .nav-tabs > .nav-item > .nav-link,
.nav-tabs.nav-tabs-sm > .nav-item > .nav-link {
    padding: 6px 10px;
    padding-bottom: 4px;
    margin-bottom: 2px;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0.025rem;
    border-width: 2px;
}
.modal .nav-tabs > .nav-item > .nav-link.active,
.nav-tabs.nav-tabs-sm > .nav-item > .nav-link.active {
    border-color: var(--app-color-secondary);
    border-bottom: 2px solid #ffffff;
    padding-bottom: calc(6px + 2px);
    margin-bottom: -2px;
    color: var(--app-color-secondary);
    background-color: #ffffff;
}
.modal .nav-tabs > .nav-item > .nav-link:not(.active):hover,
.nav-tabs.nav-tabs-sm > .nav-item > .nav-link:not(.active):hover {
    padding-bottom: 6px;
    margin-bottom: 0px;
}
.modal .nav-tabs > .nav-item:not(:last-child),
.modal .nav-tabs > .nav-item.flex-end > *:not(:last-child),
.nav-tabs.nav-tabs-sm .nav-item:not(:last-child),
.nav-tabs.nav-tabs-sm .nav-item.flex-end > *:not(:last-child) {
    margin-right: var(--content-gutter-1);
}
.modal .nav-tabs > .nav-item > .nav-link,
.nav-tabs.nav-tabs-sm > .nav-item > .nav-link {
    text-indent: 5px;
    padding-left: calc(10px - 5px);
}
.modal .nav-tabs > .nav-item > .nav-link > *:first-child:not(text, .badge, .label),
.nav-tabs.nav-tabs-sm > .nav-item > .nav-link > *:first-child:not(text, .badge, .label) {
    text-indent: 0px;
    margin-left: 5px;
}
.modal .nav-tabs > .nav-item > .nav-link > .badge,
.modal .nav-tabs > .nav-item > .nav-link > .label,
.nav-tabs.nav-tabs-sm > .nav-item > .nav-link > .badge,
.nav-tabs.nav-tabs-sm > .nav-item > .nav-link > .label {
    text-indent: 0px;
    font-size: 0.65rem;
    line-height: 1.65;
    border-radius: 0.2rem;
    margin-left: 0.2rem;
    padding: 0px 0.2rem;
}
.modal .nav-tabs > .nav-item > .nav-link > i.fa,
.nav-tabs.nav-tabs-sm > .nav-item > .nav-link > i.fa {
    font-size: 1rem;
    text-align: left;
    width: auto;
    height: auto;
}
.modal .nav-tabs + .tab-content.tab-content-bordered,
.nav-tabs.nav-tabs-sm + .tab-content.tab-content-bordered {
    border: 2px solid var(--app-color-secondary);
    border-top-left-radius: 0px;
    margin-top: 0px;
}
.modal .tab-content,
.nav-tabs + .tab-content.tab-content-bordered {
    padding: var(--content-gutter);
}
.modal .nav-tabs + .tab-content {
    background-color: #fcfcfc;
    padding: var(--content-gutter);
    padding-top: var(--content-gutter-1);
    border: 2px solid var(--app-color-secondary);
    margin-top: 0px;
    border-bottom-left-radius: var(--app-border-radius-sm);
    border-bottom-right-radius: var(--app-border-radius-sm);
}

.nav-tabs + .action-group {
    margin-top: var(--content-gutter-1);
}







.nav-tabs.nav-tabs-fill,
.nav-tabs.nav-tabs-fill > .nav-item > .nav-link {
    width: 100% !important;
}
.nav-tabs.nav-tabs-fill > .nav-item {
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}

.tab-content-lg {
    padding: var(--content-gutter-double) !important;
}
.tab-content-background {
    background-color: #ffffff;
}
.tab-content-centered {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
}
.tab-content-animate {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.tab-content-animate > .tab-pane {
    display: block !important;
}

.tab-content-animate.anim-slide-hor {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-flex-align: start;
    -webkit-align-items: flex-start ;
    -ms-flex-item-align: start;
    align-items: flex-start;
    width: 100%;
}
.tab-content-animate.anim-slide-hor > .tab-pane {
    flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    position: relative;
    left: calc(-100% - var(--content-gutter));
    opacity: 0;
    -webkit-transition: left 0.35s ease-in-out, opacity 0.5s ease-in;
    -moz-transition: left 0.35s ease-in-out, opacity 0.5s ease-in;
    -o-transition: left 0.35s ease-in-out, opacity 0.5s ease-in;
    transition: left 0.35s ease-in-out, opacity 0.5s ease-in;
}
.tab-content-animate.anim-slide-hor > .tab-pane:not(:first-child) {
    margin-left: var(--content-gutter);
}
.tab-content-animate.anim-slide-hor > .tab-pane.active:nth-child(1) {
    left: 0;
}
.tab-content-animate.anim-slide-hor > .tab-pane.active:nth-child(1) ~ * {
    left: calc(100% + var(--content-gutter));
}
.tab-content-animate.anim-slide-hor > .tab-pane.active {
    opacity: 1;
}


.tab-content-animate.anim-fade {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
}
.tab-content-animate.anim-fade > .tab-pane {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}


/* ============================================================================================ */
/* TOOLTIPS & POPOVERS  */
.status-other-icon {
    cursor: pointer; 
}
.slotdistrict-tpas {
    cursor: pointer;
}
.popover .popover-header {
    padding: 8px 16px;
    margin-bottom: 0px;
}
.popover .popover-body {
    padding: 8px 16px;
}
.popover.help-video-popover .popover-body {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-flex-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-item-align: start;
    align-items: flex-start;
}
* > i.videopopover {
    position: relative;
    height: 1rem !important;
    font-size: 1rem !important;
    margin-left: 5px;
    z-index: 1060;
    text-indent: 0px !important;
    color: var(--app-color-gray-3);
    background-color: var(--app-color-gray-6);
    border-radius: 50%;
    width: 1rem;
    line-height: 1rem;
}
.popover-link, .popover-link:hover {
    cursor: pointer;
}
.popover-link {
    font-weight: 600;
    color: var(--app-color-secondary);
}
.popover-link:hover,
.popover-link:active {
    color: var(--app-color-secondary-active);
}
.popover p:not(:last-child) {
    margin-bottom: 4px;
}
.popover.width-md {
    min-width: 350px;
}
.popover-auto {
    width: auto;
    max-height: 50vh;
    overflow-y: auto;
}
.popover.popover-wide {
    min-width: 100%;
}
@media(min-width: 768px) {
    .popover.popover-wide {
        min-width: 85%;
    }
}
@media(min-width: 1200px) {
    .popover.popover-wide {
        min-width: 75%;
    }
}
@media(min-width: 1400px) {
    .popover.popover-wide {
        min-width: 50%;
    }
}

/* ============================================================================================ */
/* TABLES */

table, .table {
    --bs-table-bg: #ffffff;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-bg: var(--app-color-gray-opaque-2);
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: var(--app-color-gray-6);
    --bs-table-active-color: #000000;
    --bs-table-hover-bg: var(--app-color-gray-5);
    --bs-table-hover-color: #000000;
    --bs-table-border-color: rgba(0, 0, 0, 0.15);
    --bs-table-cell-border-color: rgba(0, 0, 0, 0.25);
    --table-heading-color: #000000;
    --table-body-color: #000000;
    color: var(--table-body-color);
    border-color: var(--bs-table-border-color);
}
table thead tr > *,
.table thead tr > * {
    color: var(--table-heading-color);
}
.table-primary {
    --bs-table-bg: var(--app-color-primary-opaque-2);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-bg: var(--app-color-primary-opaque-2);
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: var(--app-color-primary);
    --bs-table-active-color: var(--app-color-primary);
    --bs-table-hover-bg: var(--app-color-primary-disabled);
    --bs-table-hover-color: #000000;
    --bs-table-border-color: rgba(0, 0, 0, 0.15);
    --bs-table-cell-border-color: rgba(0, 0, 0, 0.25);
    --table-heading-color: #ffffff;
    --table-body-color: #000000;
    border-color: var(--bs-table-border-color);
}
.table-secondary, .dataTables_wrapper {
    --bs-table-bg: var(--app-color-secondary-opaque-2);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-bg: var(--app-color-secondary-opaque-2);
    --bs-table-striped-color: #000000;
    --bs-table-active-bg: var(--app-color-secondary);
    --bs-table-active-color: var(--app-color-secondary);
    --bs-table-hover-bg: var(--app-color-secondary-disabled);
    --bs-table-hover-color: #000000;
    --bs-table-border-color: rgba(0, 0, 0, 0.15);
    --bs-table-cell-border-color: rgba(0, 0, 0, 0.25);
    --table-heading-color: #000000;
    --table-body-color: #000000;
    border-color: var(--bs-table-border-color);
}
.table-primary.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--app-color-primary-opaque-2);
}
.table-primary.table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: transparent;
}
[class*="table-header"] ~ .table-container > .table-primary.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: transparent;
}
[class*="table-header"] ~ .table-container > .table-primary.table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: var(--app-color-primary-opaque-2);
}


.table-secondary.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--app-color-secondary-opaque-2);
}
.table-secondary.table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: transparent;
}
[class*="table-header"] ~ .table-container > .table-secondary.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: transparent;
}
[class*="table-header"] ~ .table-container > .table-secondary.table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: var(--app-color-secondary-opaque-2);
}

.table-bordered > :not(caption) > tr:first-child {
    border-top-width: 0px;
}

table, .table, table.dataTable {
    width: 100%;
    margin-bottom: 0px !important;
}
table, .table {
    border-radius: var(--app-border-radius-sm);
}
table > thead > * > *, .table > thead > * > * {
    background-color: var(--bs-table-hover-bg);
}
table > tfoot > * > *, .table > tfoot > * > * {
    font-size: 1.10rem;
    font-weight: bolder;
    text-align: right;
    color: var(--bs-table-active-color);
    background-color: #ffffff;
    border-top-width: 1px;
    border-top-style: solid;
}
table > thead, .table > thead {
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
table > tbody, .table > tbody {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}
table > :not(caption) > :not(:last-child) > *, .table > :not(caption) > *:not(:last-child) > * {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
table > :not(caption) > * > *, .table > :not(caption) > * > *,
table thead > tr > th, .table thead > tr > th,
table tbody > tr > th, .table tbody > tr > th,
table tfoot > tr > th, .table tfoot > tr > th,
table thead > tr > td, .table thead > tr > td,
table tbody > tr > td, .table tbody > tr > td,
table tfoot > tr > td, .table tfoot > tr > td {
    border-top-color: var(--bs-table-cell-border-color);
    border-bottom-color: var(--bs-table-cell-border-color);
    border-left-color: var(--bs-table-cell-border-color);
    border-right-color: var(--bs-table-cell-border-color);
}
.table-container, .dataTables_wrapper, [class*="table-header"], [class*="table-footer"] {
    border-width: 1px;
    border-style: solid;
    border-color: var(--app-color-gray-6);
    border-radius: var(--app-border-radius-sm);
}
.table-container {
    background-color: #ffffff;
}
.table-container, .dataTables_wrapper:not(.dataTables_scroll) {
    width: 100%;
    height: auto;
    overflow-x: auto;
}
.table-container > .dataTables_wrapper {
    border-width: 0px;
}
.dataTables_wrapper > * {
    border-width: 0px;
}
.dataTables_wrapper .table-header {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--bs-table-border-color);
}
.dataTables_wrapper .table-footer {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: var(--bs-table-border-color);
}
[class*="table-header"], [class*="table-footer"] {
    position: relative;
    width: 100%;
    padding: var(--content-gutter);
    padding-top: var(--content-gutter-1);
    padding-bottom: var(--content-gutter-1);
    background: var(--app-color-gray-1);
}
[class*="table-header"] {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: 0px;
}
[class*="table-footer"] {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    min-height: unset;
    margin-top: 0px;
}
.table-container > [class*="table-header"],
.table-container > table, .table-container > .table,
.table-container > table > thead > tr, .table-container > .table > thead > tr,
.table-container > table > tbody > tr:last-child, .table-container > .table > tbody > tr:last-child {
    border-width: 0px;
}
:not(.table-container) > .table-header-secondary {
    background-color: var(--app-color-secondary-opaque-3);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
:not(.table-container) > [class*="table-header"] ~ .table-container,
:not(.table-container) > [class*="table-header"] ~ .dataTables_wrapper {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-width: 0px;
}
.table-container > table, .table-container > .table {
    border-radius: 0px;
}
.table-container > table > thead, .table-container > .table > thead {
    border-top-left-radius: 0.02rem;
    border-top-right-radius: 0.02rem;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.table-container > table > tbody, .table-container > .table > tbody {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0.02rem;
    border-bottom-right-radius: 0.02rem;
}
.table-container > [class*="table-header"] + table > tbody:first-child, .table-container > [class*="table-header"] + .table > tbody:first-child {
    border-top-width: 2px;
    border-top-style: solid;
    border-color: var(--bs-table-cell-border-color);
}
.table-container > [class*="table-header"] + table > tbody:first-child > *:last-child > *, .table-container > [class*="table-header"] + .table > tbody:first-child > *:last-child > * {
    border-bottom-width: 0px;
}
.table-header-secondary +.table-primary > thead > tr > *,
.table-header-secondary + .table-container .table-primary > thead > tr > * {
    color: #ffffff;
    background-color: var(--app-color-primary);
}
table thead tr [class^="sorting_"], .table thead tr [class^="sorting_"],
table thead tr [class^="sorting-"], .table thead tr [class^="sorting-"] {
    -webkit-box-shadow: inset 0px 0px 0px 999px var(--bs-table-active-bg);
    -moz-box-shadow: inset 0px 0px 0px 999px var(--bs-table-active-bg);
    box-shadow: inset 0px 0px 0px 9999px var(--bs-table-active-bg);
}
table tfoot > tr > td, .table tfoot > tr > td, .table-bordered > tfoot > tr > td {
    border-width: 0px;
}
table thead > * > *, .table thead > * > * {
    white-space: nowrap;
}
table thead tr th .form-control.readonly.no-value, .table thead tr th .form-control.readonly.no-value,
table thead tr td .form-control.readonly.no-value, .table thead tr td .form-control.readonly.no-value,
table tbody tr td .form-control.readonly.no-value, .table tbody tr td .form-control.readonly.no-value {
    font-style: italic;
}
[class*="dataTables_"] .field-xs, [class*="dataTables_"] .field-xs:focus,
[class*="dataTables_"] .input-xs, [class*="dataTables_"] .input-xs:focus,
[class*="dataTables_"] .field-sm, [class*="dataTables_"] .field-sm:focus,
[class*="dataTables_"] .input-sm, [class*="dataTables_"] .input-sm:focus,
[class*="dataTables_"] .form-control.field-xs, [class*="dataTables_"] .form-control.field-xs:focus,
[class*="dataTables_"] .form-control.input-xs, [class*="dataTables_"] .form-control.input-xs:focus,
[class*="dataTables_"] .form-control.field-sm, [class*="dataTables_"] .form-control.field-sm:focus,
[class*="dataTables_"] .form-control.input-sm, [class*="dataTables_"] .form-control.input-sm:focus {
    line-height: 1;
    width: auto;
}
[class*="dataTables_"] > label {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -webkit-flex-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-item-align: baseline;
    align-items: baseline;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
[class*="dataTables_"] > label > select,
[class*="dataTables_"] > label > select:focus,
[class*="dataTables_"] > label > input,
[class*="dataTables_"] > label > input:focus {
    margin: 0px 0px 0px var(--content-gutter-2);
}
[class*="dataTables_"] .inline-content,
[class*="dataTables_"] .dataTables_filter,
[class*="dataTables_"] .dt-buttons,
[class*="dataTables_"] .dataTables_paginate ul.pagination {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -webkit-flex-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-item-align: baseline;
    align-items: baseline;
    width: 100%;
}
[class*="dataTables_"] .row > [class^="col-"]:last-child .inline-content,
[class*="dataTables_"] .row > [class^="col-"]:last-child .dataTables_filter,
[class*="dataTables_"] .row > [class^="col-"]:last-child .dt-buttons,
[class*="dataTables_"] .dataTables_paginate ul.pagination {
    -webkit-box-pack: end;
    -webkit-flex-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
[class*="dataTables_"] .row > [class^="col-"]:first-child .inline-content,
[class*="dataTables_"] .row > [class^="col-"]:first-child .dataTables_filter,
[class*="dataTables_"] .row > [class^="col-"]:first-child .dt-buttons,
[class*="dataTables_"] .row > [class^="col-"]:first-child .dataTables_paginate ul.pagination {
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
[class*="dataTables_"] .inline-content > * {
    width: auto;
    -webkit-flex: 0 0 0%;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
}
[class*="dataTables_"] .inline-content {
    margin: var(--content-gutter-1-offset);
    margin-top: 0px;
    margin-bottom: 0px;
}
[class*="dataTables_"] .inline-content > * {
    margin: var(--content-gutter-1);
    margin-top: 0px;
    margin-bottom: 0px;
}
[class*="dataTables_"] .dt-buttons,
[class*="dataTables_"] .dataTables_paginate ul.pagination {
    margin: var(--content-gutter-2-offset);
    margin-top: 0px;
    margin-bottom: 0px;
}
[class*="dataTables_"] .dt-buttons > *,
[class*="dataTables_"] .dataTables_paginate ul.pagination > li {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: var(--content-gutter-2);
    margin-top: 0px;
    margin-bottom: 0px;
}
[class*="dataTables_"] .dataTables_paginate ul.pagination > li > a {
    padding: 7px 12px;
}
[class*="dataTables_"] .h4 {
    white-space: nowrap;
}
[class*="dataTables_"] .dataTables_info {
    font-size: 0.8rem;
    font-weight: 600;
    padding-top: 0px;
}
[class*="dataTables_"] .dataTables_filter {
    min-width: 200px;
}
.dataTables_wrapper:not(:last-child), .table:not(:last-child) {
    margin-bottom: var(--content-gutter);
}
.dataTables_scroll table {
    width: 100%;
}
[class*="dataTables_"] .dataTables_paginate ul.pagination li > a {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
    margin-right: 0px;
}
[class*="dataTables_"] .dataTables_paginate ul.pagination li:not(.active, .disabled) > a,
[class*="dataTables_"] .dataTables_paginate ul.pagination li:not(.active, .disabled) > a:focus {
    color: var(--app-color-body);
    background: #ffffff;
    border-color: #ced4da;
}
[class*="dataTables_"] .dataTables_paginate ul.pagination li.active > a,
[class*="dataTables_"] .dataTables_paginate ul.pagination li.active > a:focus,
[class*="dataTables_"] .dataTables_paginate ul.pagination li:not(.disabled) > a:hover {
    color: #ffffff;
    background: var(--app-color-primary);
    border-color: var(--app-color-primary);
}
[class*="dataTables_"] .dataTables_paginate ul.pagination li.disabled > a,
[class*="dataTables_"] .dataTables_paginate ul.pagination li.disabled > a:focus,
[class*="dataTables_"] .dataTables_paginate ul.pagination li.disabled > a:hover {
    color: var(--app-color-body);
    background: #eeeff1;
    border-color: #ced4da !important;
    cursor: default;
}

table.centered-cells tr th,
table.centered-cells tr td,
table tr td.centered-cell {
    text-align: center;
    vertical-align: middle;
}

table > thead > tr > .no-wrap,
table > tbody > tr > .no-wrap {
    white-space: nowrap;
}

/* SIGN IN PAGE ============================= */
body.page-signin-alt {
    padding-bottom: 0px;
}
.page-signin-alt .panel {
    width: auto !important;
}
#loginName, #ImpersonateUN, #loginPass {
    text-align: center;
}
/* ========================================== */

/* UI COMPONENTS ============================ */
.loading-spinner {
    width: 170px;
    height: 50px;
    display: inline-block;
    color: #8aa92a;
    margin: 0px;
}
.loading-spinner img {
    height: 100%;
}
.help-icon-wrapper { }
.help-icon-wrapper > *:not(i.fa) {
    position: relative;
    padding-right: calc(1.15rem * 2);
}
.help-icon-wrapper > i.fa {
    position: absolute;
    right: calc(1.15em / 2);
    top: 25%;
    z-index: 4;
}
.inline-loader {
    display: inline;
    margin-left: var(--content-gutter-2-offset);
}
.inline-loader > * {
    vertical-align: middle;
    margin-left: var(--content-gutter-2);
}
/* ========================================== */

/* HELPER CLASSES =========================== */

.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

.col-centered {
    float: none;
    margin: 0 auto;
}
.flex-left {
    margin-right: auto;
}
.d-contents {
    display: contents !important;
}

.justify-content-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.align-items-center, .justify-content-center {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.align-items-center > .pull-right {
    margin-left: auto;
}
.align-items-center > .pull-left {
    margin-right: auto;
}
.align-items-center > .label + .label {
    margin-left: 5px;
}

.max-w-125 {
    max-width: 125px !important;
}
.min-w-125 {
    min-width: 125px !important;
}
.max-w-150 {
    max-width: 150px !important;
}
.min-w-150 {
    min-width: 150px !important;
}
.max-w-200 {
    max-width: 200px !important;
}
.min-w-200 {
    min-width: 200px !important;
}
.max-w-250 {
    max-width: 250px !important;
}
.min-w-250 {
    min-width: 250px !important;
}

.field-xs, .input-xs, .form-control.field-xs, .form-control.input-xs,
.field-sm, .input-sm, .form-control.field-sm, .form-control.input-sm,
.field-md, .input-md, .form-control.field-md, .form-control.input-md,
.field-lg, .input-lg, .form-control.field-lg, .form-control.input-lg,
[class*="dataTables_"] .field-xs, [class*="dataTables_"] .input-xs,
[class*="dataTables_"] select.field-xs, [class*="dataTables_"] select.input-xs,
[class*="dataTables_"] .field-sm, [class*="dataTables_"] .input-sm,
[class*="dataTables_"] select.field-sm, [class*="dataTables_"] select.input-sm,
[class*="dataTables_"] .form-control.field-xs, [class*="dataTables_"] .form-control.input-xs,
[class*="dataTables_"] select.form-control.field-xs, [class*="dataTables_"] select.form-control.input-xs,
[class*="dataTables_"] .form-control.field-sm, [class*="dataTables_"] .form-control.input-sm,
[class*="dataTables_"] select.form-control.field-sm, [class*="dataTables_"] select.form-control.input-sm {
    max-width: unset;
}

@media(min-width: 768px) {
    .field-xs, .input-xs, .form-control.field-xs, .form-control.input-xs,
    [class*="dataTables_"] .field-xs, [class*="dataTables_"] .input-xs,
    [class*="dataTables_"] select.field-xs, [class*="dataTables_"] select.input-xs,
    [class*="dataTables_"] .form-control.field-xs, [class*="dataTables_"] .form-control.input-xs,
    [class*="dataTables_"] select.form-control.field-xs, [class*="dataTables_"] select.form-control.input-xs {
        max-width: 75px;
        min-width: 50px;
    }
    .field-sm, .input-sm, .form-control.field-sm, .form-control.input-sm,
    [class*="dataTables_"] .field-sm, [class*="dataTables_"] .input-sm,
    [class*="dataTables_"] select.field-sm, [class*="dataTables_"] select.input-sm,
    [class*="dataTables_"] .form-control.field-sm, [class*="dataTables_"] .form-control.input-sm,
    [class*="dataTables_"] select.form-control.field-sm, [class*="dataTables_"] select.form-control.input-sm {
        max-width: 100px;
        min-width: 75px;
    }
    [class*="dataTables_"] .form-control.field-sm[type="search"], [class*="dataTables_"] .form-control.input-sm[type="search"] {
        max-width: 250px;
        min-width: 200px;
    }
    .field-md, .input-md, .form-control.field-md, .form-control.input-md,
    [class*="dataTables_"] .field-md, [class*="dataTables_"] .input-md,
    [class*="dataTables_"] select.field-md, [class*="dataTables_"] select.input-md,
    [class*="dataTables_"] .form-control.field-md, [class*="dataTables_"] .form-control.input-md,
    [class*="dataTables_"] select.form-control.field-md, [class*="dataTables_"] select.form-control.input-md {
        max-width: 250px;
        min-width: 100px;
    }
    .field-lg, .input-lg, .form-control.field-lg, .form-control.input-lg,
    [class*="dataTables_"] .field-lg, [class*="dataTables_"] .input-lg,
    [class*="dataTables_"] select.field-lg, [class*="dataTables_"] select.input-lg,
    [class*="dataTables_"] .form-control.field-lg, [class*="dataTables_"] .form-control.input-lg,
    [class*="dataTables_"] select.form-control.field-lg, [class*="dataTables_"] select.form-control.input-lg {
        max-width: 500px;
        min-width: 250px;
    }
}

.field-xs, .input-sm,
.form-control.field-xs, .form-control.input-sm {
    max-width: 100px;
}
select.field-xs, select.input-sm,
select.form-control.field-xs, select.form-control.input-sm {
    max-width: 100px;
}

.form-capitalize {
    text-transform: capitalize;
}

.pointer {
    cursor: pointer;
}

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

.form-xs {
    max-width: 85px;
}


.max-h-50 {
    max-height: 50px !important;
}


/* ========================================== */

.color-primary, .color-primary:focus { color: var(--app-color-primary) !important; }
a.color-primary:hover { color: var(--app-color-primary-active) !important; }

.color-secondary, .color-secondary:focus { color: var(--app-color-secondary) !important; }
a.color-secondary:hover { color: var(--app-color-secondary-active) !important; }

.color-red, .color-red:focus, .inactive, .color-danger, .color-danger:focus { color: var(--app-color-red) !important; }
a.color-red:hover { color: var(--app-color-red-active) !important; }

.color-green, .color-green:focus, .color-success, .color-success:focus { color: var(--app-color-green) !important; }
a.color-green:hover { color: var(--app-color-green-active) !important; }

.color-orange, .color-orange:focus { color: var(--app-color-orange) !important; }
a.color-orange:hover { color: var(--app-color-orange-active) !important; }

.color-blue, .color-blue:focus { color: var(--app-color-blue) !important; }
a.color-blue:hover { color: var(--app-color-blue-active) !important; }

.color-purple, .color-purple:focus { color: var(--app-color-purple) !important; }
a.color-purple:hover { color: var(--app-color-purple-active) !important; }

.color-white, .color-white:focus { color: #ffffff !important; }
a.color-white:hover { color: var(--app-color-gray-1) !important; }

.color-gray, .color-gray:focus { color: var(--app-color-gray-7) !important; }
a.color-gray:hover { color: var(--app-color-gray-8) !important; }

.bg-light {
    background-color: var(--app-color-gray-1) !important;
}
.bg-green,
.bg-success {
    background-color: var(--app-color-green) !important;
}
.bg-green-opaque, .bg-green-opaque-1,
.bg-success-opaque, .bg-success-opaque-1 {
    background-color: var(--app-color-green-opaque-1) !important;
}
.bg-green-opaque-2,
.bg-success-opaque-2 {
    background-color: var(--app-color-green-opaque-2) !important;
}
.bg-green-opaque-3,
.bg-success-opaque-3 {
    background-color: var(--app-color-green-opaque-3) !important;
}
.bg-orange,
.bg-warning {
    background-color: var(--app-color-orange) !important;
}
.bg-orange-opaque, .bg-orange-opaque-1
.bg-warning-opaque, .bg-warning-opaque-1 {
    background-color: var(--app-color-orange-opaque-1) !important;
}
.bg-orange-opaque-2,
.bg-warning-opaque-2 {
    background-color: var(--app-color-orange-opaque-2) !important;
}
.bg-orange-opaque-3,
.bg-warning-opaque-3 {
    background-color: var(--app-color-orange-opaque-3) !important;
}
.bg-red,
.bg-danger {
    background-color: var(--app-color-red) !important;
}
.bg-red-opaque, .bg-red-opaque-1
.bg-danger-opaque, .bg-danger-opaque-1 {
    background-color: var(--app-color-red-opaque-1) !important;
}
.bg-red-opaque-2,
.bg-danger-opaque-2 {
    background-color: var(--app-color-red-opaque-2) !important;
}
.bg-red-opaque-3,
.bg-danger-opaque-3 {
    background-color: var(--app-color-red-opaque-3) !important;
}
.bg-blue {
    background-color: var(--app-color-blue) !important;
}
.bg-blue-opaque, .bg-blue-opaque-1 {
    background-color: var(--app-color-blue-opaque-1) !important;
}
.bg-blue-opaque-2 {
    background-color: var(--app-color-blue-opaque-2) !important;
}
.bg-blue-opaque-3 {
    background-color: var(--app-color-blue-opaque-3) !important;
}
.bg-teal,
.bg-info {
    background-color: var(--app-color-teal) !important;
}
.bg-teal-opaque, .bg-teal-opaque-1,
.bg-info-opaque, .bg-info-opaque-1 {
    background-color: var(--app-color-teal-opaque-1) !important;
}
.bg-teal-opaque-2,
.bg-info-opaque-2 {
    background-color: var(--app-color-teal-opaque-2) !important;
}
.bg-teal-opaque-3,
.bg-info-opaque-3 {
    background-color: var(--app-color-teal-opaque-3) !important;
}
.bg-primary {
    background-color: var(--app-color-primary) !important;
}
.bg-primary-opaque, .bg-primary-opaque-1 {
    background-color: var(--app-color-primary-opaque-1) !important;
}
.bg-primary-opaque-2 {
    background-color: var(--app-color-primary-opaque-2) !important;
}
.bg-primary-opaque-3 {
    background-color: var(--app-color-primary-opaque-3) !important;
}
.bg-secondary {
    background-color: var(--app-color-secondary) !important;
}
.bg-secondary-opaque, .bg-secondary-opaque-1 {
    background-color: var(--app-color-secondary-opaque-1) !important;
}
.bg-secondary-opaque-2 {
    background-color: var(--app-color-secondary-opaque-2) !important;
}
.bg-secondary-opaque-3 {
    background-color: var(--app-color-secondary-opaque-3) !important;
}

.panel-content:not(:first-child) {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: var(--app-color-gray-4);
}
.nav-tabs-sm .tab-content .panel .panel-content {
    border-top-color: var(--app-color-secondary);
}




/* ============================================================================================ */
/* HELPER CLASSES  */

.no-padding { padding: 0px !important; }
.no-padding-t { padding-top: 0px !important; }
.no-padding-b { padding-bottom: 0px !important; }
.no-padding-l { padding-left: 0px !important; }
.no-padding-r { padding-right: 0px !important; }
.padding-xs { padding: var(--content-gutter-3) !important; }
.padding-sm { padding: var(--content-gutter-2) !important; }
.padding-md { padding: var(--content-gutter-1) !important; }
.padding-y-md { padding-top: var(--content-gutter-1) !important; padding-bottom: var(--content-gutter-1) !important; }
.padding-lg { padding: var(--content-gutter) !important; }
.padding-xl { padding: var(--content-gutter-double) !important; }

.no-margin { margin: 0px !important; }
.no-margin-t { margin-top: 0px !important; }
.no-margin-b { margin-bottom: 0px !important; }
.no-margin-l { margin-left: 0px !important; }
.no-margin-r { margin-right: 0px !important; }
.margin-xs-l { margin-left: var(--content-gutter-3) !important; }
.margin-sm-l { margin-left: var(--content-gutter-2) !important; }
.margin-md-t { margin-top: var(--content-gutter-1) !important; }
.margin-md-l { margin-left: var(--content-gutter-1) !important; }
.margin-md-r { margin-right: var(--content-gutter-1) !important; }
.margin-md-b { margin-bottom: var(--content-gutter-1) !important; }
.margin-lg-t, .grid-gutter-margin-t { margin-top: var(--content-gutter) !important; }
.margin-lg-l, .grid-gutter-margin-l { margin-left: var(--content-gutter) !important; }
.margin-lg-r, .grid-gutter-margin-r { margin-right: var(--content-gutter) !important; }
.margin-lg-b, .grid-gutter-margin-b { margin-bottom: var(--content-gutter) !important; }
.margin-xl-l { margin-left: var(--content-gutter-double) !important; }
.margin-auto-l, .action-group .btn.pull-right { margin-left: auto !important; }
.margin-auto-r, .action-group .btn.pull-left { margin-right: auto !important; }

.hidden {
    display: none !important;
}

@media (max-width: 575px) {
    .hidden-xs { display: none !important; }
}

@media (min-width: 576px) {
    .hidden-sm-up { display: none !important; }
}
@media (min-width:576px) and (max-width: 767px) {
    .hidden-sm { display: none !important; }
}
@media (max-width: 767px) {
    .hidden-sm-down { display: none !important; }
}

@media (min-width: 768px) {
    .hidden-md-up { display: none !important; }
}
@media (min-width:768px) and (max-width: 991px) {
    .hidden-md { display: none !important; }
}
@media (max-width: 991px) {
    .hidden-md-down { display: none !important; }
}

@media (min-width: 992px) {
    .hidden-lg-up { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg { display: none !important; }
}
@media (max-width: 1199px) {
    .hidden-lg-down { display: none !important; }
}

@media (min-width: 1200px) {
    .hidden-xl-up { display: none !important; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .hidden-xl { display: none !important; }
}
@media (max-width: 1399px) {
    .hidden-xl-down { display: none !important; }
}

@media (min-width: 1400px) {
    .hidden-xxl-up { display: none !important; }
    .hidden-xxl { display: none !important; }
}

@media(min-width: 768px) {
    .w-md-100 {
        width: 100% !important;
    }
}
@media(min-width: 1200px) {
    .mw-xl-20 {
        max-width: 20% !important;
    }
    .mw-xl-30 {
        max-width: 30% !important;
    }
}

@media(min-width: 1200px) {
    .col-xl-flex-grow-6, .col-xl-flex-grow-7 {
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
    .col-xl-flex-grow-6 { min-width: 50%; }
    .col-xl-flex-grow-7 { min-width: 58.33333333%; }
}
@media(min-width: 1400px) {
    .col-xxl-flex-grow-5, .col-xxl-flex-grow-6 {
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
    .col-xxl-flex-grow-5 { min-width: 41.66666667%; }
    .col-xxl-flex-grow-6 { min-width: 50%; }
}

.border-b-light {
    border-bottom: 1px solid var(--app-color-gray-4);
    padding-bottom: var(--content-gutter-2);
}
.border-b-light:not(.row) {
    margin-bottom: var(--content-gutter-3);
}