body {
    font-family: var(--yva-font-primary);
    color: var(--yva-black);
}
:root {
    --primary-color: #204592; /* new color*/
    --gray-light-color: #f5f5f5;
    --gray-light-color-1: #f5f6f8;
    --yellow-rate-color: #ffc601;
    --danger-color: #7c181a;
    --danger-color-light: #ce8c8c;
    --success-color-hover: #34b5b8;
    --primary-color-2: #204592;
    --gray-text: #919191;
    --yva-black: #1c1c1e; /* new color*/
    --yva-orange: #f36f28; /* new color*/
    --yva-orange-2: #ff3b30; /* new color*/
    --yva-green: #43a047; /* new color*/
    --yva-orange-light: #fef0e9;
    --gray-border: #d1d1d6; /* new color*/
    --input-bg: #f5f7fc; /* new color*/
    --green-text: #00bd4e;
    --input-focus: #9a9a9a;
    --border-color-1: #c6d0e4;
    --fa-font-family: "Font Awesome 7 Pro";
    --panel-success-bg: #dbf0de;
    --panel-success-text: #419b50;
    --panel-primary-bg: #a8bbe0;
    --panel-primary-text: #3f5b93;
    --row-selected-blue: rgba(52, 72, 197, 0.12);
    --row-selected-gray: #f5f5f5;
    --border-thumb: #dee2e6;
    --text-muted: #6c757d;
    --sidebar-background: #062055; /* new color*/
    --border-radius-small: 4px;
    --brand-primary: #6092d0;
    --brand-danger: #d7657d;
    --brand-info: #a595c9;
    --brand-success: #6fc374;
    --brand-warning: #e4a133;
    --brand-none: tansparent;
    --label-default-bg: #999;
    --label-color: #fff;
    --link-color: #6092d0;
    --dropdown-item-disabled-color: #adb5bd;
    --padding-1: 0.25rem;
    --light-purple: #c7c2d2;
    --state-warning-text: #9e7328;
    --state-info-text: #83779c;
    --state-primary-text: #5b9aca;
    --state-success-text: #419b50;
    --state-default-text: #6c757d;
    --yva-b-radius-8: 8px;
    --yva-b-radius-16: 16px;
    --yva-font-primary: "Roboto", sans-serif;
    --icon-gray: #7e8286;
    --card-header-border-bottom: #dee2e6;
    --lor-appraisal: #e3f2f4;
    --input-bg: #e9ebf7;
    --card-contoured: #d1d1d6;
    --text-disabled: #d1d1d6;
    --text-white: #fff;
    --text-black: #1c1c1e;
    --text-gray: #8e8e93;
    --text-green: #00bd4e;
    --text-red: #ff3b30;
    --text-red-light: rgba(255, 59, 48, 0.1);
    --text-orange: #f36f28;
    --text-orange-light: #fef1ea;
    --text-orange-gray: #ccafa1;
    --text-post-violet: #af52de;
    --text-post-violet-light: rgba(175, 82, 222, 0.1);
    --text-active-blue: #204592;
    --text-primary: #204592;
    --text-post-blue: #007aff;
    --text-post-blue-light: #ebf5ff;
    --text-blue-gray: #a5afc2;
    --bg-danger: #ef8157;
    --bg-success: #00bd4e;
    --bg-white: #fff;
    --bg-orange-light: #fef1ea;
    --bg-post-blue: #007aff;
    --bg-post-blue-light: #ebf5ff;
    --bg-light-gray: #f5f7fc;
    --bg-post-violet-light: rgba(175, 82, 222, 0.1);
    --bg-active-blue: #204592;
    --box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.08);
    --full-content-height: calc(100vh - 60px);
}

button,
input,
optgroup,
select,
textarea {
    font-family: var(--yva-font-primary);
}
body.loading .website-loader {
    display: inline-block !important;
}

/*links*/
a {
    color: var(--primary-color-2);
}

a:focus,
a:hover {
    color: var(--yva-orange);
}

/****************/
/** Breadcrumb **/
/****************/
.navbar-brand.page-title nav.nav-breadcrumb > ol.breadcrumb {
    margin-bottom: 0;
}

/*****************************************/
/** Text color, status, size, transform **/
/*****************************************/
.text-white {
    color: var(--text-white) !important;
}

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

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

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

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

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

.text-orange-gray {
    color: var(--text-orange-gray) !important;
}

.text-post-violet {
    color: var(--text-post-violet) !important;
}

.text-active-blue {
    color: var(--text-active-blue) !important;
}

.text-post-blue {
    color: var(--text-post-blue) !important;
}

.text-post-blue-light {
    color: var(--text-post-blue-light) !important;
}

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

.text-primary {
    color: var(--text-active-blue) !important;
}

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

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

.text-success {
    color: var(--text-green) !important;
}

.text-blue-gray {
    color: var(--text-blue-gray) !important;
}

.cred-1,
.text-danger-1 {
    color: var(--danger-color);
}

.cblue-1,
.text-primary-1 {
    color: var(--primary-color);
}

.cblue-2,
.text-primary-2 {
    color: var(--primary-color-2);
}

.cgreen-1 {
    color: var(--green-text);
    font-weight: bold;
}

.corange {
    color: var(--text-orange) !important;
}

.text-yva-orange {
    color: var(--yva-orange) !important;
}

.icon-gray {
    color: var(--icon-gray);
}
.text-no-transform,
.text-transform-none {
    text-transform: none !important;
}
.text-16 {
    font-size: 16px;
}
.text-decoration-underline {
    text-decoration: underline !important;
}
.text-white-space-nowrap {
    white-space: nowrap !important;
}
.text-1em {
    font-size: 1em;
}

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

.fw-bold {
    font-weight: bold !important;
}
.fw-medium {
    font-weight: 500;
}
.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.text-semibold-20 {
    font-weight: 600;
    font-size: 1.25em;
    line-height: 2em;
}

.text-regular-16,
.text-medium-16 {
    font-size: 16px;
    line-height: 24px;
}

.text-medium-14,
.text-regular-14 {
    font-size: 14px;
    line-height: 24px;
}

/*box*/
.box-shadow-none,
.no-shadow {
    box-shadow: none !important;
}

/*border*/
.border {
    border: solid 1px var(--gray-border) !important;
}
[class*="border-"] {
    border-color: var(--gray-border) !important;
}
.border-1 {
    border-width: 1px !important;
}

.border-color-1 {
    border-color: var(--border-color-1) !important;
}

.border-none {
    border: none !important;
}

/*rounded*/
.rounded-1 {
    border-radius: 0.2rem !important;
}

.rounded-yva-8 {
    border-radius: var(--yva-b-radius-8);
}

.rounded-yva-16 {
    border-radius: var(--yva-b-radius-16);
}

/**********************/
/** Background color **/
/**********************/

.bg-primary {
    background-color: var(--sidebar-background) !important;
}
.bg-success {
    background-color: var(--bg-success) !important;
}
.bg-primary-2 {
    background-color: var(--primary-color-2) !important;
}
.bg-danger-light {
    background-color: var(--danger-color-light) !important;
}
.bg-yva-orange {
    background-color: var(--yva-orange) !important;
}
.bg-gray-light {
    background-color: var(--gray-light-color) !important;
}
.bg-gray-light-1 {
    background-color: var(--gray-light-color-1) !important;
}
.bg-gray-contoured {
    background-color: var(--card-contoured) !important;
}
.bblue-1 {
    background-color: var(--primary-color) !important;
}
.bg-danger-1 {
    background-color: var(--danger-color) !important;
}
.bg-green {
    background-color: var(--green-text) !important;
}
.bg-none {
    background: none !important;
}
.bg-yva-orange-light {
    background-color: var(--yva-orange-light) !important;
}
.bg-orange-light {
    background-color: var(--bg-orange-light) !important;
}
.bg-post-blue {
    background-color: var(--bg-post-blue) !important;
}
.bg-post-blue-light {
    background-color: var(--bg-post-blue-light) !important;
}
.bg-light-gray {
    background-color: var(--bg-light-gray) !important;
}
.bg-post-violet-ligh {
    background-color: var(--bg-post-violet-light) !important;
}

/*Overflow*/
.overflow-x-auto {
    overflow-x: auto;
}

/*Border Radius*/
.bradius-20 {
    border-radius: 20px !important;
}

.radius-50 {
    border-radius: 50%;
}

/*Main Panel*/
.main-panel > .content-no-pad {
    min-height: calc(100vh - 60px);
    margin-top: 60px;
    padding: 0;
}
.main-panel .content-section {
    padding: 0 30px;
}
/*Paper dashboard*/
.full-page > .content {
    padding-top: 21vh;
}
.register-page .navbar.navbar-transparent,
.login-page .navbar.navbar-transparent,
.lock-page .navbar.navbar-transparent {
    border-bottom: none;
    margin-top: 25px;
}
.login-page .content .container {
    margin-top: 8vh;
}
.login-page > .wrapper  {
    background: #ffffff !important;
}
.full-page .footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.off-canvas-sidebar .sidebar-wrapper,
.sidebar .sidebar-wrapper {
    height: calc(100vh - 150px);
}
.sidebar .sidebar-wrapper::-webkit-scrollbar {
    width: 2px;
}

.sidebar .sidebar-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar .sidebar-wrapper:hover::-webkit-scrollbar-thumb {
    background-color: var(--gray-text);
    border-radius: 10px;
    border: 1px solid var(--gray-text);
}

body.can-full-page .main-panel,
body.can-full-page-2 .main-panel {
    background-color: #fff;
}

body.can-full-page .main-panel .card {
    box-shadow: none;
}

@media only screen and (min-width: 768px) {
    body.can-full-page .main-panel > .content {
        padding: 0;
        margin-top: 77px;
                min-height: calc(100vh - 77px);
    }
    body.can-full-page-2 .main-panel > .content {
        margin-top: 77px;
    }
    /* body.can-full-page .form-card {
        min-height: 100vh;
    } */
}

/*Table*/
.table > thead > tr > th {
    font-size: 12px;
    font-weight: 700;
    color: var(--text-gray);
}

/*DropDown*/
.dropdown-toggle.no-caret:after {
    content: none;
}
.dropdown-toggle[role="button"]:hover {
    cursor: pointer;
}
/*Controls*/
.form-group .form-control,
.input-group .form-control {
    padding: 11px 8px;
}
.form-control {
    font-size: 13.9px;
    border: 1px solid var(--gray-border);
    background-color: var(--input-bg);
    border-radius: var(--yva-b-radius-8);
    color: var(--text-black);
}
textarea.form-control{
    border-radius: var(--yva-b-radius-8);
}
.form-group input.form-control[type="date"],
.input-group input.form-control[type="date"] {
    /*padding-top: 11.2px;*/
    /*padding-bottom: 11.2px;*/
    padding: 14px 10px;
}

.table-responsive {
    overflow: auto;
}

input[type="text"].location {
    padding-right: calc(18px + 1rem);
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.65 1.86378L6.65 0.113782C6.23 -0.0362177 5.77 -0.0362177 5.35 0.103782L1.36 1.44378C0.55 1.72378 0 2.48378 0 3.34378V15.1938C0 16.6038 1.41 17.5638 2.72 17.0538L5.65 15.9138C5.87 15.8238 6.12 15.8238 6.34 15.9038L11.34 17.6538C11.76 17.8038 12.22 17.8038 12.64 17.6638L16.63 16.3238C17.44 16.0538 17.99 15.2838 17.99 14.4238V2.57378C17.99 1.16378 16.58 0.203782 15.27 0.713782L12.34 1.85378C12.12 1.93378 11.88 1.94378 11.65 1.86378ZM12 15.7738L6 13.6638V1.99378L12 4.10378V15.7738Z" fill="%23204592"/></svg>');
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 18px 18px;
}

/*Bage*/
.badge.badge-md {
    font-size: 1em;
    padding: 5px;
}
/*global*/
a {
    color: var(--primary-color);
    text-decoration: none;
}
.nav-link {
    color: var(--primary-color);
}
/* Buttons rewrite */
.btn {
    border-radius: var(--yva-b-radius-8);
    text-transform: inherit;
    padding: 8px 20px;
}
.btn-outline-secondary {
    color: var(--primary-color);
    border: 1px solid var(--gray-border);
    background:none;
}
.btn-outline-secondary:hover{
  background:var(--gray-border);  
}
.btn-primary {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.btn-primary:hover {
    background-color: var(--success-color-hover);
    border: 1px solid var(--success-color-hover);
}
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:focus,
.show > .btn-primary.dropdown-toggle,
.show > .btn-primary.dropdown-toggle:focus {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.btn-primary-2 {
    background-color: var(--primary-color-2);
    text-transform: capitalize;
}
.btn-yva-orange {
    background-color: var(--yva-orange);
    text-transform: capitalize;
}
.btn-danger {
    background-color: var(--danger-color);
}

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

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

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

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

/*Btn Outline gray*/
.btn-outline-gray {
    border: 1px solid var(--gray-border);
    color: var(--text-primary);
    background-color: var(--bg-white);
}

.btn-outline-gray.active,
.btn-outline-gray:active,
.btn-outline-gray:focus,
.btn-outline-gray:focus:active,
.btn-outline-gray:hover {
    background-color: var(--text-primary);
    color: var(--text-white);
    border-color: var(--text-primary);
}

/*Btn Outline primary*/
.btn-outline-primary {
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color);
}

.btn-outline-primary-2 {
    border: 1px solid var(--primary-color-2) !important;
    color: var(--primary-color-2);
    background: transparent;
    text-transform: capitalize;
}

.btn.btn-outline-primary-2 {
    text-transform: capitalize !important;
}

.btn-outline-primary.active,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:focus:active,
.btn-outline-primary:hover,
.open > .btn-outline-primary.dropdown-toggle {
    background-color: var(--primary-color) !important;
    color: #fff !important;
    border-color: var(--primary-color) !important;
}

.btn-outline-primary-2.active,
.btn-outline-primary-2:active,
.btn-outline-primary-2:focus,
.btn-outline-primary-2:focus:active,
.btn-outline-primary-2:hover,
.open > .btn-outline-primary-2.dropdown-toggle {
    background-color: var(--primary-color-2) !important;
    color: #fff !important;
    border-color: var(--primary-color-2) !important;
}

/*btn-link*/
.btn-link:hover {
    color: var(--primary-color-2);
}

/*btn-i*/
.btn-link.btn-i {
    color: var(--icon-gray);
    transition: color 0.2s ease-in-out;
}

.btn-link.btn-i.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.btn-link.btn-i i,
.btn-link.btn-i svg {
    transition: inherit;
    color: inherit;
}

.btn-link.btn-i:hover {
    color: var(--primary-color-2);
}

.btn-link.btn-i--primary:hover {
    color: var(--primary-color-2);
}

.btn-link.btn-i--danger:hover {
    color: var(--danger-color);
}

.btn-link.btn-i--success:hover {
    color: var(--green-text);
}

.btn-link.btn-i--warning:hover {
    color: var(--yva-orange);
}

.text-danger-vpa,
a.text-danger-vpa:focus,
a.text-danger-vpa:hover {
    color: var(--danger-color);
}

.btn-favorite {
    color: var(--yellow-rate-color);
    font-size: 1.1em;
}

.register-page .navbar .navbar-collapse .nav-item .nav-link,
.login-page .navbar .navbar-collapse .nav-item .nav-link,
.lock-page .navbar .navbar-collapse .nav-item .nav-link {
    text-transform: capitalize;
    color: #000 !important;
}

.navbar a:not(.btn):not(.dropdown-item) {
    color: #000;
}

div.navbar-collapse ul.navbar-nav li.nav-item a.nav-link.login-btn {
    /*color: #fff !important;*/
    color: rgba(0, 0, 0, 0.7);
}

table.sessions-table.table tbody tr:hover {
    cursor: pointer;
    background-color: #9effce;
}

.title.page-title {
    color: var(--primary-color);
}

/* CARD */
.card {
    border-radius: 5px;
}

.card-header form .search-form {
    width: 240px;
    position: absolute;
    top: 20px;
    right: 20px;
}
.card .footer {
    padding-top: 0px;
    padding-bottom: 15px;
}
.card .footer .stats {
    /*color: #7b6947;*/
    color: #000000;
    font-size: 1em;
    font-weight: 300;
    text-align: right;
}
.col .numbers {
    text-align: right;
    font-size: 3em;
    line-height: 0.5em;
}
.numbers .label {
    font-size: 0.4em;
}
.stat-icon {
    height: 55px;
    margin: 20px;
}
.card .content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

.info-icon {
    height: 30px;
}
.insured {
    padding-top: 5px;
}

/*Utils Height and Width*/
.h-40 {
    height: 40px;
}
.h-100 {
    height: 100px;
}
.h-500 {
    height: 500px;
}
.h-1000 {
    height: 1000px;
}
.h-1100 {
    height: 1100px;
}
.w-15 {
    width: 15px;
}
.w-35 {
    width: 35px;
}
.w-40 {
    width: 40px;
}
.w-80 {
    width: 80px;
}
.w-120 {
    width: 120px;
}
.w-140 {
    width: 140px;
}
.w-190 {
    width: 190px;
}
.mw-90 {
    min-width: 90px;
}
.mw-120 {
    min-width: 120px;
}
.mw-140 {
    min-width: 140px;
}
.mw-150 {
    min-width: 150px;
}
.mw-190 {
    min-width: 190px;
}
.mw-230 {
    min-width: 230px;
}
.w-300 {
    width: 300px;
}

/*max width px*/
.maw-100 {
    max-width: 140px;
}
.maw-200 {
    max-width: 200px;
}
.maw-300 {
    max-width: 300px;
}

/*width: percent*/
.w-3-percent {
    width: 3%;
}
.w-5-percent {
    width: 5%;
}
.w-7-percent {
    width: 7%;
}
.w-10-percent {
    width: 10%;
}
.w-13-percent {
    width: 13%;
}
.w-15-percent {
    width: 15%;
}
.w-17-percent {
    width: 17%;
}
.w-20-percent {
    width: 20%;
}
.w-25-percent {
    width: 25%;
}
.w-30-percent {
    width: 30%;
}
/*max-width: percent*/
.maw-3-percent {
    max-width: 3%;
}
.maw-5-percent {
    max-width: 5%;
}
.maw-7-percent {
    max-width: 7%;
}
.maw-10-percent {
    max-width: 10%;
}
.maw-13-percent {
    max-width: 13%;
}
.maw-15-percent {
    max-width: 15%;
}
.maw-17-percent {
    max-width: 17%;
}
.maw-20-percent {
    max-width: 20%;
}
.maw-25-percent {
    max-width: 25%;
}
.maw-30-percent {
    max-width: 30%;
}

@media only screen and (max-width: 1200px) {
    .w-140 {
        width: 100%;
    }
    .mw-140 {
        max-width: 100%;
    }
    .w-300 {
        width: 100%;
    }
    .w-3-percent {
        width: 100%;
    }
    .w-5-percent {
        width: 100% !important;
    }
    .w-7-percent {
        width: 100% !important;
    }
    .w-10-percent {
        width: 100% !important;
    }
    .w-13-percent {
        width: 100% !important;
    }
    .w-15-percent {
        width: 100% !important;
    }
    .w-17-percent {
        width: 100% !important;
    }
    .w-20-percent {
        width: 100% !important;
    }
    .w-25-percent {
        width: 100% !important;
    }
    .w-30-percent {
        width: 100% !important;
    }
}

/*select*/
.form-control option:disabled {
    background-color: #e3e3e3;
    color: #66615b;
    cursor: not-allowed;
}

/*Datatable*/
.btn-align-center .td-action {
    text-align: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
}
.td-action {
    text-align: right;
    display: flex;
    gap: 3px;
    justify-content: end;
    width: 100%;
}
.td-action .btn,
.td-action > a.btn {
    padding: 11px 15px;
}

.dtable.table td,
.dtable.table th {
    border-top: 1px solid #f4f4f4;
}
.dtable.table th {
    word-wrap: normal;
}
.dtable.no-head > thead {
    display: none;
}

.dtable td.cell-nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dtable td.cell-nowrap > a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 1;
}

.dtable.table.no-border td,
.dtable.table.no-border th {
    border: none;
}

.dtable.table.no-padding td,
.dtable.table.no-padding th {
    padding: 0;
}

.dtable.table.no-thead > thead {
    display: none;
}

.table.dataTable > :not(caption) > * > * {
    box-shadow: none;
}

table.table.dataTable.table-hover > tbody > tr:hover > * {
    box-shadow: none;
}

.dt-scroll-head .table.dataTable > tbody > tr > td,
.dt-scroll-head .table.dataTable > tbody > tr > th,
.dt-scroll-head .table.dataTable > tfoot > tr > td,
.dt-scroll-head .table.dataTable > tfoot > tr > th,
.dt-scroll-head .table.dataTable > thead > tr > td,
.dt-scroll-head .table.dataTable > thead > tr > th {
    padding-left: 1rem;
    padding-right: 1rem;
}

.dt-scroll-body .table.dataTable > tbody > tr > td,
.dt-scroll-body .table.dataTable > tbody > tr > th,
.dt-scroll-body .table.dataTable > tfoot > tr > td,
.dt-scroll-body .table.dataTable > tfoot > tr > th,
.dt-scroll-body .table.dataTable > thead > tr > td,
.dt-scroll-body .table.dataTable > thead > tr > th {
    padding-left: 1rem;
    padding-right: 1rem;
}

/****************************/
/* ***** Pagination *********/
/****************************/
.pagination {
    gap: 10px;
}

.page-link {
    border: none;
    color: #000;
    font-weight: 400;
}

.page-link > i {
    font-weight: 300;
}

.page-link:focus,
.page-link:hover {
    color: #000;
    box-shadow: none;
}
.page-item:not(:first-child):not(:last-child) .page-link{
   width:32px; 
   height:32px;
   border-radius: var(--yva-b-radius-8);
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
    background: none;
}
.page-item.active:not(:first-child):not(:last-child) .page-link, .page-item:not(:first-child):not(:last-child) .page-link:hover{
    background-color: var(--text-gray);
    border-color: var(--text-gray); 
    color:var(--bs-white);
}

.page-item.disabled .page-link {
    color: var(--text-disabled);
}

/****************************************/
/* ***** Datatables bootstrap-5 *********/
/****************************************/

/** Datatable bootstrap-5 - dt-search **/
.dt-container.dt-bootstrap5 div.dt-search input {
    margin-left: 0;
    padding: 0.5rem 0.5rem 0.5rem calc(18px + 1rem);
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5006 11.0006H11.7106L11.4306 10.7306C12.6306 9.33063 13.2506 7.42063 12.9106 5.39063C12.4406 2.61063 10.1206 0.390626 7.32063 0.0506256C3.09063 -0.469374 -0.469374 3.09063 0.0506256 7.32063C0.390626 10.1206 2.61063 12.4406 5.39063 12.9106C7.42063 13.2506 9.33063 12.6306 10.7306 11.4306L11.0006 11.7106V12.5006L15.2506 16.7506C15.6606 17.1606 16.3306 17.1606 16.7406 16.7506C17.1506 16.3406 17.1506 15.6706 16.7406 15.2606L12.5006 11.0006ZM6.50063 11.0006C4.01063 11.0006 2.00063 8.99063 2.00063 6.50063C2.00063 4.01063 4.01063 2.00063 6.50063 2.00063C8.99063 2.00063 11.0006 4.01063 11.0006 6.50063C11.0006 8.99063 8.99063 11.0006 6.50063 11.0006Z' fill='%238E8E93'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 16px 16px;
}
div.dt-container div.dt-length select{
    border: 1px solid var(--gray-border);
    background-color: var(--input-bg);
    border-radius: var(--yva-b-radius-8);
}
/** Datatable bootstrap-5 - dt-toolbar **/
.dt-toolbar {
    display: none;
}

.dt-toolbar-section > .dt-toolbar {
    display: block;
}

/** Datatable bootstrap-5 - scroll **/
.dt-container.dt-bootstrap5 div.dt-scroll-head table.dataTable {
    min-height: inherit !important;
}
.dt-container.dt-bootstrap5 div.dt-scroll-body {
    border-bottom-style: inherit;
}
.dt-container.dt-bootstrap5 div.dt-scroll-foot table.dataTable {
    min-height: inherit !important;
}

/** Datatable bootstrap-5 - scrollbar **/
.dt-container.dt-bootstrap5 div.dt-scroll-body::-webkit-scrollbar {
    height: 6px;
}

.dt-container.dt-bootstrap5 div.dt-scroll-body::-webkit-scrollbar-track {
    background: #e9ebf7;
}

.dt-container.dt-bootstrap5 div.dt-scroll-body::-webkit-scrollbar-thumb {
    background-color: #8e8e93;
    border-radius: 10px;
}

/** Datatable bootstrap-5 - No Records Found **/
.dt-empty > div.container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0;
}

.dt-empty .dt-icon {
    font-size: 2em;
    color: var(--text-gray);
}

.dt-empty .dt-icon > i {
    width: 1.5em;
}

.dt-empty .dt-lebel {
    color: inherit;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 2rem;
}

@media (max-width: 768px) {
    .dt-empty > div.container {
        flex-direction: column;
    }
}

/** Datatable bootstrap-5 - Fixed Columns **/
table.dataTable thead tr > .dtfc-fixed-start,
table.dataTable thead tr > .dtfc-fixed-end,
table.dataTable tfoot tr > .dtfc-fixed-start,
table.dataTable tfoot tr > .dtfc-fixed-end,
table.dataTable tbody tr > .dtfc-fixed-start,
table.dataTable tbody tr > .dtfc-fixed-end {
    background-color: var(--bs-table-bg);
}

table.dataTable.dtfc-scrolling-start thead tr > .dtfc-fixed-start,
table.dataTable.dtfc-scrolling-start tfoot tr > .dtfc-fixed-start,
table.dataTable.dtfc-scrolling-start tbody tr > .dtfc-fixed-start {
    background-color: var(--bg-orange-light);
}

table.dataTable tbody tr > .dtfc-fixed-end {
    background-color: var(--bg-white);
}

table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right::after {
    box-shadow: none;
}

/** Datatable bootstrap-5 - Header (thead) **/
table.dataTable thead > tr > th div.dt-column-header {
    justify-content: start;
}

table.dataTable thead > tr > th div.dt-column-header span.dt-column-title {
    flex-grow: inherit;
}

/*Form components*/
.form-group.required label.control-label:after,
label.required:after,
label[required]:after {
    content: "*";
    color: red;
    padding-left: 5px;
}
/* label.control-label {
    text-transform: uppercase;
} */

body:not(.login-page) > .wrapper {
    background: #e9ebf7;
}
/*Main panel*/
.main-panel {
    background: #e9ebf7;
    transition: margin-left 0.3s ease-in-out;
}

/*Badge*/
.badge.badge-source {
    color: var(--bs-white);
    background-color: #7d0000;
    padding: 10px 20px;
    border-radius: 25px;
}
/*Froms black*/
form.color-black label,
.color-black label,
form.color-black input,
.color-black input,
form.color-black select,
.color-black select {
    color: black;
    font-size: 1rem;
}
form.color-black .control-label{
    margin-bottom: 8px;
}
.form-check .form-check-input {
    margin-left: 0;
}
.form-check .form-check-label {
    padding-left: 15px;
}
.form-check-input {
    width: 20px;
    height: 20px;
    border-color: var(--gray-border);
}
.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.vpa-sb-grid .vpa-sb-item{
    font-size: 1rem;
    padding: 9px 15px;
    background-color: var(--input-bg);
}
/*Short Text*/
.sh-text {
}
.sh-text h5 {
}
.sh-text p {
}

/*Short Text 1*/
.sh-text.sh-text-1 {
}
.sh-text.sh-text-1 h5 {
    font-size: 1.2142857142857142em;
    font-weight: 600;
}
.sh-text.sh-text-1 p {
}

/*Long Text*/
.lg-text h5 {
}
.lg-text p {
}

/*Sidebar*/
.sidebar[data-color="dark-blue"]:after,
.off-canvas-sidebar[data-color="dark-blue"]:after {
    background: var(--sidebar-background);
}

.sidebar[data-active-color="white"] .nav li.active > a,
.sidebar[data-active-color="white"] .nav li.active > a i,
.sidebar[data-active-color="white"] .nav li.active > a[data-toggle="collapse"],
.sidebar[data-active-color="white"]
    .nav
    li.active
    > a[data-toggle="collapse"]
    i,
.sidebar[data-active-color="white"]
    .nav
    li.active
    > a[data-toggle="collapse"]
    ~ div
    > ul
    > li.active
    .sidebar-mini-icon,
.sidebar[data-active-color="white"]
    .nav
    li.active
    > a[data-toggle="collapse"]
    ~ div
    > ul
    > li.active
    > a,
.off-canvas-sidebar[data-active-color="white"] .nav li.active > a,
.off-canvas-sidebar[data-active-color="white"] .nav li.active > a i,
.off-canvas-sidebar[data-active-color="white"]
    .nav
    li.active
    > a[data-toggle="collapse"],
.off-canvas-sidebar[data-active-color="white"]
    .nav
    li.active
    > a[data-toggle="collapse"]
    i,
.off-canvas-sidebar[data-active-color="white"]
    .nav
    li.active
    > a[data-toggle="collapse"]
    ~ div
    > ul
    > li.active
    .sidebar-mini-icon,
.off-canvas-sidebar[data-active-color="white"]
    .nav
    li.active
    > a[data-toggle="collapse"]
    ~ div
    > ule6e6e6
    > li.active
    > a {
    color: #fff;
    opacity: 1;
}
/**Hide scroll bar from sidebar**/
.ps__rail-x {
    display: none !important;
}
.sidebar > .sidebar-wrapper {
    overflow-x: hidden;
}
body > .wrapper {
    overflow-x: hidden;
}
/*Logo*/
.sidebar .logo:after,
.off-canvas-sidebar .logo:after {
    background-color: transparent;
}

/*Datatable filters*/
.dtable-filters {
    list-style: none;
    padding: 0;
    margin: 0;
}
.dtable-filters > li {
    float: left;
    margin-left: 15px;
}
/*Card with number and label*/
.card .number-label {
    text-align: right;
    font-size: 1.2em;
    line-height: 1em;
    display: block;
    margin: 0 0 4px 0;
}
.card .number-value {
    text-align: right;
    /*font-size: 2.813em;*/
    font-size: 2.3em;
    display: block;
}
/* Tooltip */
.tooltip-inner {
    background-color: var(--bs-white);
    border: 1px solid var(--gray-border);
    font-family: var(--yva-font-primary);
    color: var(--yva-black);
    border-radius: var(--yva-b-radius-8);
    padding: 8px 12px;
}
.tooltip-dander .tooltip-inner {
    color: var(--danger-color);
}
.tooltip-green .tooltip-inner {
    color: var(--green-text);
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--gray-border) !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--gray-border);
    border-width: 0 0.6rem 0.6rem;
}
.bs-tooltip-bottom .tooltip-arrow::after {
    position: absolute;
    content: "";
    bottom: -1px;
    left: 1px;
    border-width: 0 0.5rem 0.5rem;
    border-color: transparent;
    border-style: solid;
    border-bottom-color: var(--bs-white);
}
.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: var(--gray-border) !important;
}
.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: var(--gray-border) !important;
}

/* submission list top stats bar */
.list-top-stats-bar {
    box-shadow: 0px 3px 12px 0px #00000014;
}
.change-up {
    color: var(--yva-green);
}
.change-down {
    color: var(--yva-orange-2);
}
/*Datatable toolbar */
.tbl-sizes {
    width: 65px;
}

.icdd-toolbar {
}

.icdd-toolbar.right {
    text-align: right;
}

.icdd-toolbar .icondropdown {
    display: inline;
}

.icdd-toolbar.right .icondropdown {
    margin-right: 25px;
}

.icdd-toolbar.right select {
    display: inline;
    margin-left: 15px;
}

.dtable-toolbar {
    float: left;
}

.dtable-toolbar .icondropdown {
    float: left;
    margin-right: 25px;
}

.datepicker.dropdown-menu {
    box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    margin-top: 5px;
    padding: 5px;
}

/*for safari, opera and chrome */
table::-webkit-scrollbar {
    width: 0px;
}
/*firefox*/
table {
    scrollbar-width: none;
}

.dataTables_filter input[type="search"] {
    background-color: #eeeeee;
}
#submissions_tbl_filter * {
    width: 100%;
}
.dataTables_filter {
    width: 100%;
}
/* #ddActionsMenuLink {
    background-color: var(--primary-color);
} */

.p-lr-15-percent,
.card .p-lr-15-percent {
    padding-left: 15%;
    padding-right: 15%;
}

.p-lr-10-percent,
.card .p-lr-10-percent {
    padding-left: 10%;
    padding-right: 10%;
}

table.dataTable.remove-fcs thead tr th:first-child:before,
table.dataTable.remove-fcs thead tr th:first-child:after {
    content: "";
}
table.dataTable.remove-fcs
    thead
    tr
    th:first-child
    .dt-column-header
    .dt-column-order {
    display: none;
}
table.dataTable.remove-fcs-all thead tr th:before,
table.dataTable.remove-fcs-all thead tr th:after {
    content: "";
}
table.dataTable.remove-fcs-all thead tr th {
    background-image: none;
}

table.dataTable.remove-fcs thead tr th:first-child {
    background-image: none;
}

#btn-sidebar-sessions {
    position: absolute;
    bottom: 10em;
}
#btn-sidebar-sessions:hover a {
    color: white !important;
}
/* .sidebar .btn-new-submission {
    background-color: #fff;
}
.sidebar .btn-new-submission > i,
.sidebar .btn-new-submission > span {
    color: #000;
}
.sidebar .btn-new-submission:hover > i,
.sidebar .btn-new-submission:hover > span {
    color: #fff;
} */
.accordion-custom .card-header:first-child {
    transition: background-color ease-in-out 0.3s;
    cursor: pointer;
    padding: 15px 15px 15px;
}
.accordion-custom .card-header:first-child:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

#image-profile {
    width: 100%;
    min-height: 10em;
    background-color: var(--primary-color);
}
#accordion .card-header:first-child {
    transition: background-color ease-in-out 0.3s;
    cursor: pointer;
}
#accordion .card-header:first-child:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

/*Comments*/
.comment-item {
}
.comment-item .tmpl-date {
    padding: 3px 0;
    font-weight: 500;
}
.comment-item .tmpl-date span {
    margin-right: 15px;
}
.comment-item .tmpl-date span i {
}
.comment-item .tmpl-body {
}
.comment-item .tmpl-body p {
    word-break: break-all;
}
/*Comments form*/
.btn.btn-submit-comment {
    width: 100%;
}
textarea.form-control.form-comment {
    padding: 10px;
    line-height: 1.5;
}
.dropdown-arrow {
    color: #858585;
}
/*datatable style*/
table.dataTable.table-hover
    tbody
    tr:hover:not(tr.child):not(:has(> td.dt-empty)),
table.dataTable.table-hover
    tbody
    tr:hover:not(tr.child):not(:has(> td.dt-empty))
    .dtfc-fixed-start,
table.dataTable.table-hover
    tbody
    tr:hover:not(tr.child):not(:has(> td.dt-empty))
    .dtfc-fixed-end {
    background-color: var(--primary-color) !important;
    color: white;
}
.dt-scroll-body .table.dataTable > tbody > tr > td a[role="task-quick-view"]{
    color:#1C1C1E;
}
table.dataTable.table-hover
    tbody
    tr:hover:not(tr.child):not(:has(> td.dt-empty))
    i,
table.dataTable.table-hover
    tbody
    tr:hover:not(tr.child):not(:has(> td.dt-empty))
    a:not(a.dropdown-item) {
    color: #f5f5f5;
}
table.dataTable.table-hover tbody tr:hover:not(tr.child) .btn-primary {
    background-color: var(--success-color-hover);
}
table.dataTable.table-hover tbody tr:hover:not(tr.child) .btn-primary:hover {
    background-color: #eb6532 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
    padding-left: 50px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    top: 50%;
    left: 5px;
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: block;
    position: absolute;
    color: white;
    border: 0.15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 0.2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New", Courier, monospace;
    line-height: 1em;
    content: "+";
    background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed
    > tbody
    > tr.dtr-expanded
    > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed
    > tbody
    > tr.dtr-expanded
    > th.dtr-control:before {
    content: "-";
    border: 0.15em solid white;
    background-color: #d33333;
}

table.dataTable > tbody > tr.child span.dtr-title,
table.dataTable > tbody > tr.child span.dtr-data {
    display: table-cell;
}

table.dataTable > tbody > tr.child span.dtr-data {
    text-align: right;
    width: 100%;
}

table.dataTable .dt-center {
    text-align: center;
}

table.dataTable > tbody > tr.child ul.dtr-details {
    width: 100%;
}

table.dataTable > tbody > tr.child ul.dtr-details .dtr-title {
    text-align: left;
}

table.dataTable.dtc-nowrap td {
    display: table-cell;
}

table.dataTable.dtc-nowrap td:not(.action),
table.dataTable.dtc-nowrap th {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}
.dt-scroll-body .table.dataTable > tbody > tr > td a[role="task-parent"]{
    font-weight:500;
}
/*card*/
.card-footer.gray-light {
    background-color: var(--gray-light-color);
}

/*modal*/
.modal-content {
    border-radius: var(--yva-b-radius-16);
}
.modal-header {
    border-bottom: 1px solid var(--gray-border);
    border-top-left-radius: var(--yva-b-radius-16);
    border-top-right-radius: var(--yva-b-radius-16);
    padding: 1rem 1.25rem;
}
.modal-body {
    padding: 1rem 1.25rem;
}
.modal-footer {
    border-top: 1px solid var(--gray-border);
    padding: 1rem 1.25rem;
    border-bottom-right-radius: var(--yva-b-radius-16);
    border-bottom-left-radius: var(--yva-b-radius-16);
}
.modal-footer .btn,
.navbar .navbar-nav > a.btn {
    margin: 0 1px;
    border-radius: var(--yva-b-radius-8);
}

/*STEPPER COMPONENT*/

.vpa-stepper {
    color: #717171;
    margin-bottom: 32px;
}

.vpa-stepper li {
    position: relative;
}
.vpa-stepper li div {
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
}

.vpa-stepper li div i {
    line-height: 40px;
}

.vpa-stepper li div:after {
    content: "";
    width: 4em;
    height: 5px;
    background: #e5e5e5;
    position: absolute;
    left: 40px;
    top: 19px;
    overflow-x: hidden;
    z-index: -1;
}

.vpa-stepper li.hide-line div:after,
.vpa-stepper li:last-child div:after {
    content: none;
}
.vpa-stepper .bg-gray {
    background: #e5e5e5;
}
.vpa-stepper div.line-painted:after {
    background: #f37027;
}
.vpa-stepper li.step-active div {
    background: #f37027;
    color: white;
}
/*Bootstrap nav-pills*/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--primary-color);
}

/*Grid Trades*/
.trade-grid {
    display: grid;
    grid-template-columns: repeat(4, 162px);
    grid-auto-rows: minmax(132px, auto);
    align-items: center;
    grid-gap: 1rem;
}

.trade-item {
    align-self: stretch;
    border: 1px solid var(--gray-border);
    border-radius: var(--yva-b-radius-8);
    color: var(--yva-black);
    font-size:16px;
    text-align: center;
}
.trade-item i{
    color: #8E9393;
}
.trade-item.active {
    border: 1px solid var(--text-primary);
    background:var(--bg-light-gray);
}

.trade-item.active image,
.trade-item.active img {
    filter: grayscale(100%) invert(100%) brightness(150%);
}

.trade-item:hover {
    border: 1px solid var(--text-primary);
    cursor: pointer;
    background:var(--bg-light-gray);
}
.trade-item:hover i, .trade-item.active i{
    color: var(--text-primary);
}
/* .trade-item.active:hover {
    color: #e6e6e6;
} */

.trade-item > div {
    text-align: center;
    width: 100%;
}

.trade-item > div i {
    font-size: 3em;
}

.trade-item > div span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    font-weight: bold;
}

/*Form Scope */
.form-trade h6,
.form-trade h6 ~ p {
    text-align: center;
}
/*-------Mobile------*/
@media only screen and (max-width: 768px) {
    .trade-item > div i {
        font-size: 62px;
    }
    .trade-grid {
        grid-template-columns: repeat(2, 132px);
    }
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
/*@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {*/
/*    .trade-grid {*/
/*        grid-template-columns: repeat(3, 90px);*/
/*        grid-template-rows: repeat(3, 90px);*/
/*    }*/
/*}*/

/**New submission form*/
.form-trade {
    background-color: white;
    height: 100vh !important;
}
.form-trade .card {
    box-shadow: none;
}
@media only screen and (max-width: 768px) {
    .form-container {
        background-color: white;
        height: 100vh !important;
    }
    .form-container .form-card,
    .form-trade > .card {
        border-radius: 0px;
        margin-left: -15px;
        margin-right: -15px;
        min-height: 105vh;
        margin-top: -35px;
        padding-top: 35px;
        border: none;
    }

    .form-scope-header,
    .form-trade h6,
    .form-trade h6 ~ p {
    }

    .form-trade h6 ~ p {
        margin-bottom: 32px;
    }

    .form-scope-header h6,
    .form-trade h6 {
        font-size: 26px;
        line-height: 30px;
        color: var(--primary-color-2);
        font-weight: 400;
        text-transform: capitalize;
    }

    .form-scope-header h6 ~ p,
    .form-trade h6 ~ p {
        font-size: 21px;
        line-height: 25px;
        color: var(--gray-text);
    }

    /* .form-card h6 {
        font-size: 26px;
        line-height: 30px;
        color: #204592;
        font-weight: 400;
        text-transform: none;
    }
    .form-card .text-muted {
        font-size: 21px;
        line-height: 25px;
        text-align: center;
        color: #919191;
        margin-bottom: 32px;
    }
    .vertical-align {
        line-height: 30.8px;
    } */
}

/* @media screen and (min-width: 768px){
    .btn-container a,.btn-container button{
        margin: 0 1%!important;
    }
} */
/**********ts and customer info forms*************/
@media only screen and (max-width: 768px) {
    .mobile-container {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: white;
        box-shadow: 0px 4px 20px 0px #00000040;
        padding: 5px 0;
    }
    .card > .mobile-container {
        left: 0;
    }
    .mb-sm-7 {
        margin-bottom: 7em;
    }
    form.form-trade .card-body {
        margin-bottom: 4em;
    }
}

button.dz-button::before {
    content: "\f382";
    display: block;
    margin: 0 auto;
    text-align: center;
    font-family: var(--fa-font-family);
    font-weight: 900;
    color: grey;
    font-size: 1.3em;
}

/*Form Structures*/
.btn-new-structure,
.btn-new-structure:hover {
    text-decoration: none;
}

.btn-add-structure {
    display: flex;
    align-items: center;
    border-radius: 15px;
    margin-bottom: 15px;
    padding: 20px;
}

.form-structure {
    border-radius: 15px;
}

.btn-add-structure .icon-wrapper {
    font-size: 2em;
    width: 35px;
    text-align: center;
}

.btn-add-structure {
    background: #faf9f9;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);
    color: #6b6b6b;
}

.btn-add-structure:hover {
    cursor: pointer;
}

.btn-add-structure .fa-plus-circle {
    color: var(--primary-color-2);
}

/*Process Icons*/
.process-icon {
    padding: 3px;
    border-radius: 50%;
    background-color: #000;
    width: 28px;
    height: 28px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin: 2px 0px;
}
.process-icon.text-success {
    background-color: var(--success-color-hover);
}
.process-icon.text-success i {
    color: #fff;
}
.process-icon.text-danger {
    background-color: transparent;
}
.form-trade > .card {
    padding-left: 10%;
    padding-right: 10%;
}
@media only screen and (min-width: 768px) {
    .form-md-trade > .card {
        padding-left: 10%;
        padding-right: 10%;
    }
}

.drpicker input.form-control {
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 2H15V1C15 0.45 14.55 0 14 0C13.45 0 13 0.45 13 1V2H5V1C5 0.45 4.55 0 4 0C3.45 0 3 0.45 3 1V2H2C0.89 2 0.00999999 2.9 0.00999999 4L0 18C0 19.1 0.89 20 2 20H16C17.1 20 18 19.1 18 18V4C18 2.9 17.1 2 16 2ZM16 17C16 17.55 15.55 18 15 18H3C2.45 18 2 17.55 2 17V7H16V17ZM4 9H6V11H4V9ZM8 9H10V11H8V9ZM12 9H14V11H12V9Z' fill='%23204592'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 20px;
}

/*Datatable row-bg-color rules*/
.lor-submitted-today,
table.dataTable tr.lor-submitted-today > td.dtfc-fixed-end,
.files_archived_today,
table.dataTable tr.files_archived_today > td.dtfc-fixed-end,
.lor-under-review-via-automation,
table.dataTable tr.lor-under-review-via-automation > td.dtfc-fixed-end {
    background-color: #ecebeb !important;
}

.lor-signed-today,
table.dataTable tr.lor-signed-today > td.dtfc-fixed-end,
.company_created_today,
table.dataTable tr.company_created_today > td.dtfc-fixed-end,
.user_created_today,
table.dataTable tr.user_created_today > td.dtfc-fixed-end {
    background-color: #baf59a !important;
}

.lor-policy-review-only,
table.dataTable tr.lor-policy-review-only > td.dtfc-fixed-end {
    background-color: var(--yva-orange-light) !important;
}

.lor-appraisal,
table.dataTable tr.lor-appraisal > td.dtfc-fixed-end {
    background-color: var(--lor-appraisal) !important;
}

/*Form*/
.form-checkbox {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1em;
    width: 1em;
    color: #4299e1;
    background-color: #fff;
    border-color: #e2e8f0;
    border-width: 1px;
    border-radius: 0.25rem;
}

.items-center {
    align-items: center !important;
}
.inline-flex {
    display: inline-flex !important;
}

#show-hide-password {
    position: absolute;
    right: 10px;
    color: grey;
    line-height: 50px;
    cursor: pointer;
    z-index: 5;
    top: 0;
}

/*Main Panel*/
@media screen and (max-width: 768px) {
    .full-page.section-image > .content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*bootstrap-autocomplete*/
.bootstrap-autocomplete.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.4rem;
    margin-top: 2px;
}

.bootstrap-autocomplete.dropdown-menu .dropdown-item:first-child,
.bootstrap-autocomplete.dropdown-menu .dropdown-item:last-child {
    border-radius: 0;
}

.bootstrap-autocomplete .dropdown-item.active,
.bootstrap-autocomplete .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--primary-color);
}

.card.no-box-shadow,
.card.box-shadow-none {
    box-shadow: none;
}

.card.border-gray {
    border: solid 1px var(--gray-border);
}

body.full-page-color .main-panel {
    background: #fff;
}

body.full-page-color .form-card {
    min-height: 100vh;
}

.no-flex {
    flex: none;
}

/***** Select2 *****/
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ddd;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single {
    height: 49px;
}

.select2-container--default .select2-selection--multiple {
    padding-bottom: 12.5px;
    padding-top: 12.5px;
}
.select2-container--default
    .select2-selection--multiple.select2-selection--clearable {
    padding-bottom: 11px;
    padding-top: 6px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 47px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__clear {
    height: 47px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 47px;
}

.select2-container--default
    .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--primary-color-2);
}

.select2-search--dropdown .select2-search__field:focus {
    box-shadow: none;
    outline: 0 !important;
}

.form-control.select2-hidden-accessible + .select2-container--default {
    width: 100% !important;
}

.select2.select2-container--focus .select2-selection:focus-visible {
    border: 1px solid var(--input-focus);
    box-shadow: none;
    outline: 0;
}

.select2-container--default
    .select2-selection--multiple
    .select2-search--inline {
    line-height: 1;
}

.select2-container--default
    .select2-selection--multiple
    .select2-search--inline
    .select2-search__field {
    margin-top: 0;
}

/***** Select2 bootstrap-5 *****/
.select2-container.select2-container--bootstrap-5.select2-container--open {
    z-index: 3001;
}

.select2-container--bootstrap-5,
.select2-container--bootstrap-5 .select2-selection {
    font-family: "Montserrat", "Helvetica Neue", "Arial", sans-serif;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search {
    padding: 0.75rem;
    border-bottom: 1px solid var(--input-focus);
}

.select2-container--bootstrap-5
    .select2-dropdown
    .select2-search
    .select2-search__field {
    padding-left: calc(0.75rem + 1rem + 0.75rem);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search:before {
    font-family: var(--fa-font-family);
    content: "\f002";
    font-weight: 900;
    position: absolute;
    left: calc(0.75rem + 1rem);
    top: calc(0.75rem + 1rem + 2px);
    transform: translateY(-50%);
    color: var(--input-focus);
    font-size: 1rem;
    pointer-events: none;
}

.select2-container--bootstrap-5 .select2-selection {
    border-radius: var(--yva-b-radius-8);
    padding: 8px;
    min-height: 43px;
    background-color: var(--input-bg);
}

.select2-container--bootstrap-5
    .select2-selection--single
    .select2-selection__rendered
    .select2-selection__placeholder,
.select2-container--bootstrap-5
    .select2-selection--single
    .select2-selection__rendered {
    font-size: 1rem;
    line-height: 1.8;
}

.select2-container--bootstrap-5
    .select2-selection--single
    .select2-selection__rendered
    .select2-selection__placeholder {
    color: #999;
}

.select2-container--bootstrap-5
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--text-black);
}

.select2-container--bootstrap-5
    .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--primary-color-2);
}

.select2-container--bootstrap-5
    .select2-dropdown
    .select2-search
    .select2-search__field:focus {
    border: 1px solid var(--input-focus);
    box-shadow: none;
    outline: 0 !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    border: 1px solid var(--input-focus);
    box-shadow: none;
    outline: 0;
}

.select2-container--bootstrap-5
    .select2-dropdown
    .select2-results__options
    .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5
    .select2-dropdown
    .select2-results__options
    .select2-results__option[aria-selected="true"]:not(.select2-results__option--highlighted) {
    color: #2c2c2c;
    background-color: #ddd;
}

.select2-container--bootstrap-5
    .select2-dropdown
    .select2-results__options
    .select2-results__option.select2-results__option--highlighted {
    color: #e9ecef;
    background-color: var(--primary-color-2);
}

.select2-container--bootstrap-5
    .select2-selection--multiple
    .select2-search--inline {
    line-height: 1;
}

.select2-container--bootstrap-5 .select2-selection--multiple {
    display: flex;
    flex-wrap: wrap;
}

select.yva-select2:not(.select2-has-value)
    + .select2-container--bootstrap-5
    .select2-selection--multiple {
    padding-right: 2.25rem;
    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 0.75rem center;
    background-size: 16px 12px;
}

select.yva-select2.select2-has-value
    + .select2-container--bootstrap-5
    .select2-selection--multiple {
    padding-top: 0.25rem;
    padding-left: 0.25rem;
    padding-bottom: 0.25rem;
}

.select2-container--bootstrap-5
    .select2-selection--multiple.select2-selection--clearable {
    padding-right: 1.75rem;
}

.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
    border: 1px solid var(--input-focus);
}

.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above {
    border: 1px solid var(--input-focus);
}

.select2-container--bootstrap-5
    .select2-selection--multiple
    .select2-selection__rendered {
    gap: 0.25rem;
}

.select2-container--bootstrap-5
    .select2-selection--multiple
    .select2-selection__rendered
    .select2-selection__choice {
    flex-direction: row-reverse;
    border-radius: 0.375rem;
    margin: 0;
    padding: 0.25em 0.5em 0.25em 0.75em;
    background-color: #fff;
    /* border: 1px transparent var(--input-bg); */
}

.select2-container.select2-container--bootstrap-5.select2-container--focus
    .select2-selection {
    background-color: #fff;
}

.select2-container--bootstrap-5
    .select2-selection--multiple
    .select2-selection__rendered
    .select2-selection__choice
    > .select2-selection__choice__display {
    padding-right: 0.65em;
}

.select2-container--bootstrap-5
    .select2-dropdown
    .select2-results__options
    .select2-results__option {
    font-size: 13.9px;
}

select.yva-select2.select2-has-value
    + .select2-container--bootstrap-5
    .select2-selection--multiple
    .select2-search {
    display: none;
}

.select2-container--bootstrap-5.select2-container--focus
    .select2-selection--multiple
    .select2-search {
    display: block !important;
}

.form-control.select2-hidden-accessible + .select2-container--bootstrap-5 {
    width: 100% !important;
}

/*Payments*/
.btn-show-payment-replies.active i.fa-eye,
.btn-show-payment-replies i.fa-eye-slash {
    display: none;
}

.btn-show-payment-replies i.fa-eye,
.btn-show-payment-replies.active i.fa-eye-slash {
    display: inline;
}

/*Loader Three Dots*/
.dots-loader {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 999;
}

.dots-loader .dots {
    position: absolute;
    top: 50%;
    left: 50%;
}

/*Loader Yva Spinner*/
.yva-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    z-index: 999;
}

.yva-loader .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
}

/*Comment Input*/

/*Datatable custom filters toolbar*/
.dt-filters {
    position: absolute;
    justify-content: right;
    left: 60px;
    z-index: 1030;
}
@media only screen and (min-width: 768px) {
    .dt-filters {
        left: 120px;
    }
}

.dt-filters > div {
    margin-right: 1em;
}

.dt-filters .icondatepicker {
    width: auto;
    margin-right: 2.3em;
}
.dt-filters .icondatepicker.dd-selected {
    margin-right: 1em;
}

/*bg green aqua */
.bg-aqua {
    background: #2db9a0;
}

.bg-files {
    background-color: #2a458f;
}
.bg-companies {
    background-color: #7c181a;
}
.bg-users {
    background-color: #f37027;
}

.name-container {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
}

.name-letters {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 1em;
    line-height: 40px;
    width: 40px;
    height: 40px;
}

.sub-title {
    font-weight: 400;
}

#dropdown-universal-search {
    max-width: 400px;
    width: 400px;
    padding: 20px;
    left: inherit;
}

.search-item {
    text-decoration: none;
}

.search-item:hover {
    text-decoration: none;
    background-color: #ecebeb;
}

.gap-1 {
    gap: 15px;
}

.btn.btn-i {
    margin: 0px 1px;
    /* padding: 11px 15px; */
}

.btn.btn-i:hover i.icon-gray {
    color: var(--gray-light-color);
}
/***
    TABNAV
***/
.tab-navbar {
    gap: 15px;
    text-transform: uppercase;
    background-color: #fff;
    padding: 1rem;
    justify-content: flex-start !important;
    display: flex !important;
    border-radius: 0.25rem !important;
}

.tab-navbar .tab-item {
    font-weight: bold;
}

.tab-navbar .tab-item.active {
    color: var(--danger-color);
}

/***
    FILE DIRECTORY
***/

.file-directory {
    padding: 32px;
    border: solid 1px #cfcfcf;
    border-radius: 10px;
}

.file-directory .icon {
    background-color: var(--bg-light-gray);
    padding: 10px;
    border-radius: 10px;
}
.file-directory.has-files {
    background-color: var(--bg-light-gray);
}
.file-directory.has-files .icon {
    background-color: #fff;
}

.file-directory i {
    color: var(--text-primary);
    font-size: 30px;
}

.file-directory.open i {
    color: var(--text-orange);
}

.file-directory [role="label"],
.file-directory p {
    font-weight: 700;
    font-size: medium;
}

.file-directory [role="label"] {
    color: #000;
}

.file-directory p {
    color: #b8b8b8;
    margin: 0;
}

/*TABLE INFO*/
table.table-inf tr.row-inf td.text-start {
    padding-left: 16px;
    min-width: 200px;
    word-break: break-word;
}

table.table-inf tr.row-inf td.text-end {
    padding-right: 16px;
    word-break: break-word;
}

table.table-inf tr.row-inf td.text-end .word-break-normal {
    word-break: normal;
}

table.table-inf td,
.table.table-inf th {
    vertical-align: middle;
}

table.table-inf.no-padding-cell-x tr.row-inf td.text-start {
    padding-left: 0;
}

table.table-inf.no-padding-cell-x tr.row-inf td.text-end {
    padding-right: 0;
}

table.table-inf.table-row-contoured > tbody > tr.row-inf > td {
    border-top: solid 1px var(--card-contoured);
    border-bottom: none;
}

table.table-inf.table-row-contoured > tbody > tr.row-inf:first-child > td,
table.table-inf.table-row-contoured > tbody > tr.row-inf:first-child > th {
    border-top: none;
}

/*content editable*/
.form-comment {
    min-height: 100px;
    height: auto !important;
    max-height: 320px !important;
    overflow: auto;
    width: 100%;
    color: #272727;
}
.comment-body,
.form-comment,
.form-comment2 {
    word-wrap: break-word;
    background-color: var(--input-bg);
}

.card .footer .stats {
    font-weight: 500 !important;
    font-size: 0.8em !important;
}

.card .number-value {
    font-size: 1.9em !important;
    padding-top: 6px;
}

/*SIDEBAR*/
.sidebar-wrapper .ps__rail-y {
    background-color: var(--primary-color) !important;
    width: 3px !important;
}

.sidebar-wrapper .ps__thumb-y {
    background-color: var(--primary-color) !important;
    width: 3px !important;
}

/* .sidebar .nav p{
    text-align: start !important;
} */

/* .sidebar .nav a:hover{
    background-color: #060e40 !important;
} */

/* .sidebar .sidebar-wrapper li.active>[data-toggle=collapse]+div 
.nav li:after, .sidebar .sidebar-wrapper li.active>a:not([data-toggle=collapse]):after{
    border-right: #e5e5e5 !important;
} */

/* body:not(.login-page) > .wrapper {
    background: #e5e5e5 !important;
} */

/* .main-panel > .content {
    min-height: 0px !important;
} */
.w-15-percent {
    width: 15%;
}

/**********************************/
/********* Tracking Widget ********/
/**********************************/

/*tracking component*/
.tracking-component {
    max-height: 100vh !important;
    overflow-y: scroll;
}

@media only screen and (min-width: 768px) {
    .tracking-component {
        max-height: 150vh !important;
        min-height: 98% !important;
        overflow-y: scroll;
    }
}

.tracking-component > ul li .active {
    color: #7c181a !important;
}

.tracking-component .bg-gray {
    background-color: #f6f6f6;
}

.tracking-component .follow-text input:first-child {
    border: none;
}

.tracking-component .follow-text {
    background-color: white;
    border: 1px solid #c0c0c0;
}

.tracking-component .channel-container {
    justify-content: start;
    margin: 10px;
}

.tracking-component .follow-up-footer {
    padding: 4em;
}

.tracking-component table td {
    border-top: none !important;
    border-bottom: none !important;
}

@media screen and (max-width: 768px) {
    .tracking-component .follow-text {
        padding: 0;
    }

    .tracking-component .channel-container {
        justify-content: center;
    }

    /* .tracking-component ul {
        display: flex;
    }

    .tracking-component ul li {
        display: inline-block;
    } */

    .tracking-component .nav-item a {
        font-size: small;
        padding: 6px;
    }

    .tracking-component .follow-up-footer {
        padding: 1em;
    }
}

@media screen and (min-width: 768px) {
    .tracking-component .follow-text {
        position: relative;
    }
}

.tracking-component .bg-follow-up {
    background-color: #007bff;
}

.tracking-component .bg-event {
    background-color: #1c7430;
}

.tracking-component .bg-comment {
    background-color: #9561e2;
}

/********************/
/** Updates Widget **/
/********************/

#tracking-update #btn-submit-update,
#tracking-update #btn-submit-reply {
    padding: 10px 20px 10px 20px;
    max-height: 41px;
}

#tracking-update .update-form-group {
    border-radius: 10px;
}

#tracking-update .update-submit-container {
    margin: 1em auto 1em auto;
    /* border: 1px solid #eeeeee;
    border-radius: 10px; */
}

#tracking-update #tags li label {
    cursor: pointer;
    margin-left: -3px;
}

#tracking-update #tags li {
    padding: 0;
}

#tracking-update #tags li input + label {
    color: #8c8c8c;
    font-weight: 500;
    line-height: 9px;
    width: 100%;
    padding: 1.2em 0.5em;
}

#tracking-update #tags li input {
    width: 0px;
}

#tracking-update #tags li label {
    margin-bottom: 0;
}

#tracking-update #tags li input:checked + label {
    background: #f37027;
    color: white;
}

#tracking-update #tags li:first-child input:checked + label {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

#tracking-update #tags li:last-child input:checked + label {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

#tags li:first-child input:checked + label {
    background: transparent;
    color: #000000;
}

#tracking-update #tags li.dropdown-item:hover {
    background-color: #f8f9fa;
}

#tracking-update .input-footer > a:first-child,
/* #tracking-update .btn-dropdown {
    font-size: 1em;
    font-weight: 500;
    line-height: 41px;
} */

#tracking-update .sms-title h6 {
    line-height: 20px;
    margin-bottom: 0;
}

#tracking-update .btn-dropdown {
    color: var(--primary-color-2);
}

@media only screen and (max-width: 768px) {
    #tracking-update .input-footer {
        font-size: 0.7em;
    }
}

@media only screen and (min-width: 768px) {
    #tracking-update .sms-title h6,
    #tracking-update .sms-title span {
        line-height: 40px;
    }

    #tracking-update .sms-title {
        margin-bottom: 1em;
    }
}

/**Update items**/

#tracking-update .comment-item {
    border: 1px solid #eeeeee;
}

#tracking-update .comment-item .reply,
#tracking-update .comment-item .show-feed-replies {
    /* margin-top: 0.5em; */
    border-top: 1px solid #eeeeee;
    padding: 12px 0;
    color: #acacac;
}

#tracking-update .comment-item .reply.lbl-total-replies,
#tracking-update .comment-item .show-feed-replies.lbl-total-replies {
    margin: 0;
    border-top: none;
    padding: 8px 0;
}

#tracking-update .comment-item .show-feed-attachments {
    /* margin-top: 0.5em; */
    border-top: 1px solid #eeeeee;
    padding: 12px 0;
    color: #acacac;
}

#tracking-update .feed-attachments {
    position: relative;
    max-height: 450px;
    overflow-y: auto;
}

#tracking-update .btn-back {
    color: var(--primary-color-2);
}

#tracking-update .btn-back:hover {
    background-color: var(--primary-color-2) !important;
}

#tracking-update .attach-link,
#tracking-update .btn-clear {
    font-size: 1rem;
}

#tracking-update .bg-orange {
    background: #f37027;
}

/**tags dropdown*/
#tracking-update .btn-dropdown::after {
    content: none;
}

/* #tracking-update .btn-dropdown::before {
    font-family: "FontAwesome";
    display: inline-block;
    content: "\f067";
    background-color: transparent;
    line-height: 41px;
} */
#tracking-update table.dataTable.remove-fcs thead tr th:first-child {
    display: none;
}
#tracking-update .btn-attach:hover,
#tracking-update .btn-attach:focus,
#tracking-update .attach-link:hover,
#tracking-update #tagsActionMenuLink.hasTagSelected {
    color: #f37027;
}

#tracking-update #tagsActionMenuLink + .btn-clear-tags {
    display: none;
}
#tracking-update #tagsActionMenuLink.hasTagSelected + .btn-clear-tags {
    display: inline-block;
}

#tracking-update #btn-submit-update:hover {
    /* background-color: #f37027 !important; */
}

#tracking-update .hasFiles {
    color: #f37027;
}

#tracking-update .tk-feed-reply {
    margin-bottom: 12px;
}

/**Comments options**/

#tracking-update .dropdown-comment-options:after {
    content: none;
}

/**Files disclaimer**/

#tracking-update .files-disclaimer-container {
    background-color: #eaf1ff;
    margin: 1em auto 1em auto;
    border: 1px dotted var(--primary-color-2);
    border-radius: 10px;
}

#tracking-update .files-disclaimer-container .disclaimer-text h5 {
    font-weight: 700;
    line-height: 19px;
    color: var(--primary-color-2);
}

#tracking-update .files-disclaimer-container .disclaimer-text p.message {
    font-weight: 300;
    font-size: 17px;
    line-height: 18px;
}

/** Update Dropzone **/

#tracking-update .dropzone.dropzone-listed {
    border: none;
    padding: 2px;
}

#tracking-update .dropzone.dropzone-listed .dz-preview {
    margin: 2px;
    width: 100%;
}

/** Edit Form **/
#tracking-update .payment-attachment .delete {
    /* position: absolute;
    top: 10px;
    right: 10px; */
    font-size: 16px;
}

/*Animation*/
.animate-tk-item {
    animation: shakeX;
    animation-duration: 1s;
    --animate-repeat: 3;
}

/********************/
/** Activity Widget **/
/********************/
#tracking-activity .tracking-item {
    margin-top: 1.5rem !important;
}

/********************/
/** Follow Up Widget **/
/********************/
#tracking-follow-up .tracking-item {
    margin-top: 1.5rem !important;
}

/** Login Page **/

.login-page .form-control-solid,
.login-page .input-group.form-control-solid .form-control,
.login-page .input-group.form-control-solid .input-group-text {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    color: #5e6278;
}

.login-page .form-control-solid:focus,
.login-page .input-group.form-control-solid .form-control:focus,
.login-page
    .input-group.form-control-solid
    .form-control:focus
    + .input-group-append
    .input-group-text,
.login-page
    .input-group.form-control-solid
    .form-control:focus
    + .input-group-prepend
    .input-group-text,
.login-page
    .input-group.form-control-solid
    .form-control:focus
    ~ .input-group-append
    .input-group-text,
.login-page
    .input-group.form-control-solid
    .form-control:focus
    ~ .input-group-prepend
    .input-group-text {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    color: #5e6278;
}

.login-page .form-control {
    box-shadow: none !important;
    /* border-radius: 6px !important; */
    font-family: inherit;
}

img.top-right {
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    z-index: -1;
}

img.bottom-right {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 50%;
    z-index: -1;
}

.logo-mobile {
    display: none;
    width: 50%;
}

.login-page .btn {
    text-transform: inherit;
    font-weight: 600;
    border-radius: 6px;
    min-width: 98px;
    height: 48px;
}

.login-page h2 {
    font-weight: 700;
}

.login-page label {
    font-weight: 700;
}

.login-page p {
    color: #9a9aa7;
}

.login-page.passwords-create-insured .preferred_contact_time label {
    font-weight: normal;
}

.bg-active-success.active {
    background-color: #50cd89 !important;
}

.password-meter-1.active {
    background-color: #aa3338 !important;
}

.password-meter-2.active {
    background-color: #e07736 !important;
}

.password-meter-3.active {
    background-color: #f7f52e !important;
}

.password-meter-4.active {
    background-color: #57d722 !important;
}

.h-5px {
    height: 5px !important;
}
.me-2 {
    margin-right: 0.5rem !important;
}

@media only screen and (max-width: 768px) {
    .login-images {
        display: none !important;
    }
    .logo-mobile {
        display: block;
    }

    .login-page .content .container {
        margin-top: 0px;
        padding-top: 0px !important;
    }

    img.bottom-right {
        width: 100%;
    }

    img.top-right {
        width: 100%;
    }

    .login-page .full-page > .content {
        padding-top: 10% !important;
    }

    .btn-light-cancel {
        padding-top: 5% !important;
    }
}

.btn-light-cancel {
    background-color: #f8f9fa;
    color: #7a7a7a;
    border-color: #f8f9fa;
    padding-top: 3%;
}

.btn-light-cancel:hover {
    background-color: #e2e6ea;
    color: #7a7a7a;
    border-color: #e2e6ea;
}

.description-of-loss {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.additional-claim-detail {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

@media only screen and (max-width: 1200px) {
    /* #caret-up-activity-dropdown {
        right: 114px !important;
    } */
    /* #dropdown-activity-feed {
        max-width: 351px !important;
        left: -285px !important;
    } */
}

/*Photoviewer*/
button.photoviewer-button.photoviewer-button-openInfo {
}
button.photoviewer-button.photoviewer-button-openInfo.active svg {
    fill: var(--yva-orange);
}
.photoviewer-stage div.photoviewer-caption {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 2em;
    background: rgba(0, 0, 0, 0.5);
    color: #e6e6e6;
}
.photoviewer-stage.photoviewer-stage-caption div.photoviewer-caption {
    display: block;
}

/*Form Control*/
.form-control:focus + .input-group-append .input-group-text,
.form-control:focus + .input-group-prepend .input-group-text,
.form-control:focus ~ .input-group-append .input-group-text,
.form-control:focus ~ .input-group-prepend .input-group-text {
    border: 1px solid var(--input-focus);
    border-left: none;
}

.pwd-match {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
}
.pwd-match.error {
    color: #c3545d;
}
.pwd-match.success {
    color: green;
}

/*FCM Toast*/
.fcm-toast.toastify {
    color: #ffffff;
    background: linear-gradient(135deg, var(--primary-color), #5477f5);
}

.fcm-toast {
    max-width: 325px;
    padding-left: 55px;
    padding-right: 35px;
}
.fcm-toast .toastify-avatar {
    width: 35px;
    height: 35px;
    margin: 0;
    position: absolute;
    left: 8px;
    top: 12px;
    background: #fff;
    border-radius: 20%;
}
.fcm-toast .toast-close {
    position: absolute;
    top: 8px;
    right: 8px;
}

.primary-font {
    color: var(--primary-color);
}

.bg-primary-lite {
    background-color: #e8effe;
}

.btn-white {
    background-color: white;
}

.tab-notif-active {
    background-color: #e8effe !important;
}

.btn-white:focus {
    background-color: #e8effe !important;
    color: var(--primary-color) !important;
}
.btn-white:hover {
    background-color: #e8effe !important;
    color: var(--primary-color) !important;
}

/*SCOPE WIDGET*/
.scope-widget #v-pills-tab a {
    font-size: 19px;
    line-height: 19px;
    color: #aeaeae;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.scope-widget #v-pills-tab .active,
.scope-widget ul[role="tablist"].nav-pills .active {
    background-color: transparent;
    font-weight: 600;
    position: relative;
    color: #204196;
}

.scope-widget ul[role="tablist"].nav-pills .active::after {
    font-family: var(--fa-font-family);
    font-weight: 300;
    content: "\f106";
    background-color: white;
    font-size: 2em;
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 50%;
    bottom: -23px;
    transform: translate(-50%);
    -webkit-text-stroke: 1px white;
}

.scope-widget #v-pills-tab .active::after {
    font-family: var(--fa-font-family);
    font-weight: 300;
    content: "\f106";
    background-color: white;
    font-size: 2em;
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    transform: translate(-50%);
    transform: rotate(-90deg);
    right: -4px;
    -webkit-text-stroke: 1px white;
}

.scope-widget #pills-tab a {
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 22px;
    color: #767676;
}

.scope-widget ul[role="tablist"].nav-pills a {
    font-size: 19px;
    font-style: normal;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #aeaeae;
    font-weight: 600;
}

.scope-widget .bg-custom {
    background-color: #f9f7f3;
    /*padding: 0 1em;*/
    /*margin-top: 2em;*/
}

.scope-widget .trades-row:nth-child(2n) {
    background-color: #f3f3f3;
}

.scope-widget .trades-row > div {
    padding: 15px 0px 15px 15px;
}

.scope-widget .trades-row .form-label {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
}

.scope-widget .accordion-custom-2 .card-header:first-child {
    transition: background-color ease-in-out 0.3s;
    cursor: pointer;
    padding: 15px 15px 15px;
}

.scope-widget .accordion-custom-2 .card-header:first-child:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.scope-widget .tab-content-title {
    font-size: 19px;
    font-weight: 600;
    text-transform: capitalize;
}

/*Submissions Datatable*/

#submissions_tbl_length select[name="submissions_tbl_length"] {
    margin-right: 25px;
}

#submissions_tbl_length select {
    display: inline;
    /* margin-left: 15px; */
}

@media only screen and (max-width: 768px) {
    #submissions_tbl_length {
        margin-top: 3em;
    }
}

#submissions_tbl_filter * {
    width: auto;
}

.tab-active {
    color: #7c181a;
}

.left-icon {
    left: 0 !important;
    --beforeLeft: 0 !important;
    right: auto !important;
    --beforeRight: auto !important;
}

/*My Editable Field*/
.editable-field {
    position: relative;
}
/* .editable-field.edit-mode {
} */

.editable-field.edit-mode .editable-text {
    word-break: break-all;
}

.editable-field.edit-mode .editable-text,
.editable-field.edit-mode .editable-icon-inline-edit-link {
    display: none;
}
.editable-field .editable-inline-form {
    display: none;
}
.editable-field.edit-mode .editable-inline-form {
    display: block;
}
.editable-field .editable-icon {
    width: 35px;
    text-align: center;
}
.editable-field .editable-icon .btn-link:focus {
    border: none;
    outline: none;
}
.editable-field .editable-text,
.editable-field .editable-input {
    width: 100%;
}

.editable-field .editable-text.editable-type-textarea {
    white-space: pre-wrap;
}
.editable-field .inline-edit-link,
.editable-field .inline-save-link,
.editable-field .inline-cancel-link {
    color: var(---danger-color);
}

.editable-field .inline-edit-link:hover,
.editable-field .inline-save-link:hover,
.editable-field .inline-cancel-link:hover {
    cursor: pointer;
}

.editable-field .form-group {
    margin: 0;
}

.editable-field .control-label {
    margin: 0;
}

.editable-field.flex-column .control-label {
    margin-bottom: 0.5rem;
}
.editable-field.flex-column-reverse .control-label {
    margin-top: 0.5rem;
}

.editable-field .loader.editable-loader {
    margin-top: 0.5rem;
    background: none;
}

/*editable-field: view-mode-keyvalue*/
/* .editable-field.view-mode-keyvalue {
} */

.editable-field.view-mode-keyvalue .editable-text {
    font-size: 1.2142857142857142em;
    font-weight: 600;
}

.editable-field.view-mode-keyvalue .control-label {
    color: var(--text-muted);
    text-transform: none;
    margin-top: 0;
    font-size: inherit;
}

.editable-field.view-mode-keyvalue.edit-mode .control-label {
    margin-top: 0.5rem;
}

/*CARD INFO*/

.card-contoured {
    border: solid 1px var(--card-contoured);
}

.card-inf .card-header {
    padding: 0.5rem 15px 0.5rem;
}

.card-inf .card-header.collapsible,
.card-inf .card-header.switchable {
    position: relative;
    padding-left: 1rem;
}

.card-inf .card-header.collapsible {
    padding-right: 35px;
}

.card-inf .card-header.switchable {
    padding-right: 0;
}

.card-inf .card-header.switchable .toggle-collapse {
    padding: 0 20px;
}

.card-inf .card-header.collapsible:hover,
.card-inf .card-header .toggle-collapse:hover {
    cursor: pointer;
}

.card-inf .card-header.collapsible:before,
.card-inf .card-header .toggle-collapse:before {
    font-family: var(--fa-font-family);
    font-weight: var(--fa-style, 900);
}

.card-inf .card-header.collapsible:before {
    position: absolute;
    top: calc(50% - 10px);
    right: 20px;
}

.card-inf .card-header .toggle-collapse:before {
    display: flex;
    align-items: center;
    height: 100%;
}

.card-inf .card-header.collapsible[aria-expanded="true"]:before,
.card-inf
    .card-header.switchable
    .toggle-collapse[aria-expanded="true"]:before {
    content: "\f106";
}
.card-inf .card-header.collapsible[aria-expanded="false"]:before,
.card-inf
    .card-header.switchable
    .toggle-collapse[aria-expanded="false"]:before {
    content: "\f107";
}

.card.card-inf.card-success .card-header {
    background-color: var(--panel-success-bg);
    color: var(--panel-success-text);
}

.card.card-inf.card-success .card-body {
    background-color: #fff;
}

.card.card-inf.card-primary .card-header {
    background-color: var(--panel-primary-bg);
    color: var(--panel-primary-text);
}
.card.card-inf.contoured {
    box-shadow: none;
    border: solid 1px var(--card-contoured);
}
.card-inf .card-header .card-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
}

/** INIT - TOP NAVBAR ******/

.btn-navbar i {
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 16px;
    padding-top: 3px;
}

.btn-navbar {
    text-align: center;
    border-radius: 100%;
    width: 26px !important;
    height: 26px !important;
    padding: 0px;
    margin: 0;
}

/* nav.navbar,
.navbar.navbar-transparent {
    background-color: white !important;
    border-bottom: none !important;
} */
.navbar .navbar-brand {
    font-size: 1rem;
}
.profile-dropdown .dropdown-toggle {
    color: var(--primary-color);
    line-height: 0;
}
.profile-dropdown [class^="fa-"] {
    font-size: 18px;
}
.profile-dropdown .dropdown-toggle::after {
    content: "\f0d7"; /*f078*/
    vertical-align: 0;
    /* font-family: var(--fa-style-family, "Font Awesome 6 Pro"); */
    border: none;
    font-size: 12px;
    font-weight: 900;
    color: var(--text-gray);
}
.profile-dropdown .dropdown-menu{
    border: 1px solid var(--gray-border);
    border-radius: var(--yva-b-radius-16);
    min-width: 9rem;
    right:-12px;
    padding: 5px;
}
.profile-dropdown .dropdown-menu:after{
    content: "";
    position: absolute;
    top: -8px;
    right:25px;
    Width:15px;
    height:15px;
    border-top: 1px solid var(--gray-border);
    border-left: 1px solid var(--gray-border);
    background: var(--bs-white);
    rotate: 45deg;
    z-index: 1;
}
.profile-dropdown .dropdown-menu a{
    position: relative;
    display: block;
    padding:8px 10px;
    border-radius: var(--yva-b-radius-8);
    z-index:5;
}

.profile-dropdown .dropdown-menu a:hover{
    background: var(--input-bg);
    
}
.navbar .search-dropdown {
    width: 250px;
    height: 40px;
    border-radius: var(--yva-b-radius-8);
}
#navbar-logo {
    max-width: 100%;
    /* position: absolute;
    left: calc(50% - 49.7179px); */
}
.navbar .navbar-wrapper .navbar-toggle .navbar-toggler {
    width: auto;
    height: auto;
    padding: 0;
}
.navbar .navbar-wrapper .navbar-toggle .navbar-toggler:focus {
    box-shadow: none;
}

.navbar-block {
    width: 100%;
}
.profile-user-icon {
    background-color: var(--bs-white);
    width: 35px;
    height: 35px;
    cursor: pointer;
    line-height: 35px;
}

/*mobile menu Overlay background */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    z-index: 1040;
}

.overlay.show {
    opacity: 1;
    visibility: visible;
}

/* Swipe toggle bottom mobile user logout  */
.bottom-sheet {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -100%;
    background: var(--bs-white);
    border-radius: var(--yva-b-radius-8) var(--yva-b-radius-8) 0 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
    transition: bottom 0.3s ease-in-out;
    z-index: 1050;
}

.bottom-sheet.show {
    bottom: 0;
}

.bottom-sheet-content {
    max-height: 100vh;
    overflow-y: auto;
}

/* Drag handle */
.handle {
    width: 52px;
    height: 5px;
    background: var(--gray-border);
    border-radius: 3px;
    margin: 8px auto;
}

/* New custom Tabs */
.custom-tabs {
    border-bottom: 1px solid var(--gray-border);
}
.custom-tabs .nav-link {
    color: var(--yva-black);
    border: none;
    background: none;
    position: relative;
}
.custom-tabs .nav-link.active {
    color: var(--yva-orange);
}
.custom-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background-color: var(--yva-orange);
    border-radius: 2px;
}
.stats-box {
    padding: 0 20px;
}
.stats-number {
    width: 40px;
    display: inline-block;
}
.stats-top-bar-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}
.stats-top-bar-scroll::-webkit-scrollbar {
    height: 3px;
}

.stats-top-bar-scroll::-webkit-scrollbar-track {
    background: var(--gray-light-color);
    border-radius: 10px;
}

.stats-top-bar-scroll::-webkit-scrollbar-thumb {
    background: var(--gray-text);
    border-radius: 10px;
}

.stats-top-bar-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color);
}

.stats-top-bar-scroll .row {
    flex-wrap: nowrap;
}

.stats-top-bar-scroll .col-2,
.stats-top-bar-scroll .col-3 {
    min-width: 180px;
}

@media (min-width: 768px) {
    .stats-top-bar-md-scroll {
        overflow-x: auto;
        --webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .stats-top-bar-md-scroll::-webkit-scrollbar {
        height: 3px;
    }

    .stats-top-bar-md-scroll::-webkit-scrollbar-track {
        background: var(--gray-light-color);
        border-radius: 10px;
    }

    .stats-top-bar-md-scroll::-webkit-scrollbar-thumb {
        background: var(--gray-text);
        border-radius: 10px;
    }

    .stats-top-bar-md-scroll::-webkit-scrollbar-thumb:hover {
        background: var(--primary-color);
    }
}

@media only screen and (min-width: 768px) {
    nav.navbar {
        min-height: 60px;
        background-color: var(--bs-white);

        box-shadow: 0px 3px 12px 0px #00000014;
    }
    nav.navbar.no-shadow {
        border-bottom: 1px solid var(--gray-border);
    }
    .navbar .navbar-wrapper .navbar-toggle .navbar-toggler path {
        fill: var(--sidebar-background);
    }
}
@media only screen and (max-width: 991px) {
    .navbar-block {
        width: calc(100% - 50px);
    }
}
@media only screen and (max-width: 767px) {
    nav.navbar {
        background-color: var(--sidebar-background);
    }
    .navbar-block {
        width: auto;
    }
    .navbar .search-dropdown {
        width: auto;
        height: auto;
        font-size: 18px;
    }
    #dropdown-universal-search {
        max-width: 350px;
        left: inherit;
        right: 15px;
    }
    .notification-mobile path {
        fill: var(--bs-white);
    }
    .profile-dropdown path {
        fill: var(--bs-white);
    }
    .profile-dropdown .dropdown-toggle::after {
        display: none;
    }
    .main-panel > .content {
        margin-top: 53px;
    }
    .main-panel .content-section {
        padding: 0 15px;
    }
    .list-top-stats-bar {
        border-radius: var(--yva-b-radius-16) var(--yva-b-radius-16) 0 0;
    }
}
/*******Dropdown options*********/
#caret-up-dropdown i {
    right: 15px;
    top: -20px;
    font-size: 2em;
    width: 13.2px;
    height: 13.2px;
    color: white;
}

#options-dropdown {
    width: 200px;
    top: calc(27px + 15px);
    left: -200px;
    max-width: 200px;
    border-radius: 5px;
}

#options-dropdown li a {
    color: black;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    padding-left: 10px;
}

#options-dropdown li a:hover {
    background-color: transparent;
    color: black !important;
}

@media only screen and (max-width: 768px) {
    #options-dropdown {
        top: calc(27px + 25px);
    }

    /* nav .container-fluid {
        box-shadow: 0px 4px 4px 0px #00000040;
        min-height: 63px;
    } */

    .btn-bars i {
        font-size: 27px;
        margin-top: -6px;
        color: var(--primary-color-2);
    }

    /* .input-search-topvav {
        position: absolute;
        left: 66% !important;
        margin-top: 6px;
        background-color: #ffffff;
    } */
}

/* .input-search-topvav {
    position: absolute;
    right: 110px;
} */

/* .notification-widget {
    position: absolute;
    right: 60px;
} */

/** CALLOUT ******/
.callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border-left: 1px solid #e9ecef;
    border-left-width: 0.25rem;
    border-radius: 0;
    box-shadow: var(--box-shadow);
}

.callout .callout--icon {
    border-radius: 0.5em;
    width: 56px;
    height: 56px;
}

.callout-warning {
    border-left-color: var(--text-orange);
}

.callout-danger {
    border-left-color: var(--text-red);
}

.callout-info {
    border-left-color: var(--text-post-blue);
}

.callout-warning .callout--icon {
    background-color: var(--text-orange-light);
    color: var(--text-orange);
}

.callout-danger .callout--icon {
    background-color: var(--text-red-light);
    color: var(--text-red);
}

.callout-info .callout--icon {
    background-color: var(--text-post-blue-light);
    color: var(--text-post-blue);
}

/** Training Callout ******/
.training-callout {
    width: 100%;
}

.training-callout .callout {
    background-color: #fff9f2;
}

/*Status Box*/

.status-box .status-box-value {
    font-size: 1.5em !important;
    margin-bottom: 0;
}

.status-box .status-box-label {
    font-size: 1em;
    line-height: 1em;
    display: block;
    margin: 0 0 4px 0;
    color: var(--gray-text);
}

.fabg:before {
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: var(--fa-style-family, --fa-font-family);
    font-weight: var(--fa-style, 900);

    position: absolute;
    top: 15px;
    left: 15px;
    opacity: 0.2;
}

/*FABG Opacity*/
.fabg-op-1:before {
    opacity: 1;
}

/*FABG Font Weight*/
.fabg-light:before {
    font-weight: 300 !important;
}

/*FABG Icons*/
.fabg-check-square:before {
    content: "\f14a";
}
.fabg-arrow-progress:before {
    content: "\e5df";
}

/*FABG Sizes*/
.fabg-2x:before {
    font-size: 2em;
}
.fabg-4x:before {
    font-size: 4em;
}

/*FABG Colors*/
.fabg-danger:before {
    color: var(--danger-color);
}
.fabg-primary:before {
    color: var(--primary-color);
}
.fabg-primary2:before {
    color: var(--primary-color-2);
}
.fabg-orange:before {
    color: var(--yva-orange);
}
.fabg-gray:before {
    color: var(--gray-text);
}

/*TIMELINE*/
ul.timeline {
    --col-gap: 2rem;
    --row-gap: 2rem;
    --line-w: 0.2rem;
    --color: rgba(30, 30, 30);
    --accent-color: var(--primary-color);
    --bgColor: var(--primary-color);
    --icon-w: 40px;
    list-style: none;
    width: min(60rem, 90%);
    margin-inline: auto;
    border-left: solid var(--line-w) var(--bgColor);
    padding: 0;
}

/* columns*/

/* row gaps */
ul.timeline li:not(:last-child) {
    margin-bottom: var(--row-gap);
}

/* card */
ul.timeline li {
    grid-column: 2;
    --inlineP: 3.5rem;
    margin-inline: var(--inlineP);
    grid-row: span 2;
    display: grid;
    grid-template-rows: min-content min-content min-content;
}

/* date */
ul.timeline li .date {
    font-size: 1rem;
    font-weight: 300;

    display: grid;
    place-content: left;
    position: relative;
}

/* circle */
ul.timeline li .descr::after {
    content: "\f00c";
    font: normal normal normal 14px/1 var(--fa-font-family);
    font-size: inherit;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-align: center;

    position: absolute;
    width: var(--icon-w);
    padding: 8px;
    aspect-ratio: 1;
    background: var(--bgColor);
    border: 0.3rem solid var(--bgColor);
    border-radius: 50%;
    top: calc(var(--icon-w) / 2);

    transform: translate(50%, -50%);
    right: calc(100% + var(--line-w) / 2);
}

/* circle - payment_added */
ul.timeline li.payment_added .descr::after {
    content: "\24";
    background: var(--green-text);
    border-color: var(--green-text);
}

/* pencil - audit_updated */
ul.timeline li.audit_updated .descr::after {
    content: "\f304";
}

/* descr */
ul.timeline li .descr {
    padding-block-end: 0.75rem;
    font-weight: 600;
    position: relative;
    padding-inline: var(--inlineP);
    margin-inline: calc(var(--inlineP) * -1);
}

/*body html*/
.body-html {
    white-space: pre-line;
}
.body-html:first-line {
    line-height: 0;
}

/*Input YVA Mask*/
.form-group.mask-prefixed label.prefix {
    position: absolute;
    left: 8px;
    color: black;
    font-size: 13px;
    margin: 0;
    top: 16px;
}

.form-group.mask-prefixed input {
    padding-left: 16px !important;
}

.form-group.mask-prefixed input.percent-prefix {
    padding-left: 20px !important;
}

.form-group.mask-prefixed label + input + span + label.prefix,
.form-group.mask-prefixed label + input + label.prefix {
    top: 41px;
}

/*Helper Min Height*/
.min-h-160 {
    min-height: 160px !important;
}

/*Image Report*/
.medias-action-bar {
    background-color: var(--gray-light-color-1);
    gap: 1.5rem;
    border-radius: 0.25rem;
    padding: 1rem;
    font-size: 1rem;
}

.medias-action-bar .d-selected {
    display: none;
}

.medias-action-bar .d-noselected {
    display: block;
}

.medias-action-bar.selected .d-selected {
    display: block;
}

.medias-action-bar.selected .d-noselected {
    display: none;
}

.medias-action-bar .menu-title,
.medias-action-bar input[name="select-all"] {
    font-size: 1rem;
}

.medias-action-bar .menu-title {
    padding: 2px 0;
}

.medias-action-bar .navbar-btn {
    border: none;
    outline: 0 !important;
    padding: 3px;
    background: none !important;
    background-color: transparent !important;
    margin-bottom: 0;
    margin-top: 0;
}

.medias-action-bar .navbar-btn:hover,
.medias-action-bar .navbar-btn:active,
.medias-action-bar .navbar-btn:focus {
    background-color: transparent !important;
    color: var(--danger-color) !important;
}

.medias-action-bar .btn-close {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.medias-action-bar .dropdown-compression-level .dropdown-item:focus,
.medias-action-bar .dropdown-compression-level .dropdown-item:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.medias-action-bar .dropdown-compression-level .dropdown-item:focus,
.medias-action-bar .dropdown-compression-level .dropdown-item:hover {
    cursor: auto;
}

.medias-action-bar .dropdown-compression-level .btn-export:hover,
.medias-action-bar .dropdown-compression-level .btn-export2pdf:hover {
    color: var(--danger-color);
}

.image-report-card,
.image-report-card .dropzone {
    background: var(--gray-light-color-1);
}

.image-report-card .dropzone {
}

.dz-viewer.dzv-image-report {
}

.dz-viewer.dzv-image-report .dropzone {
    border: none;
    padding: 0;
}

/*POSITION*/
.p-relative {
    position: relative !important;
}

/*BTN Link*/
.btn-link.btn-link-small {
    padding: 0.2rem 0.4rem;
}

/*Max Width*/
.max-width-180 {
    max-width: 180px;
}

/*Card Label*/
.text-danger-1 label.form-check-label {
    color: var(--danger-color);
}

/* ul styles*/
ul.padding-inline-start-25 {
    padding-inline-start: 25px;
}

/*Selection Toolbarbar*/

.selection-toolbar {
    background-color: var(--gray-light-color-1);
    border-radius: 0.25rem;
    padding: 1rem;
    font-size: 1rem;
}

.selection-toolbar.hidden {
    display: none;
}

.selection-toolbar .section-title {
    font-weight: 600;
    font-size: 1.25rem;
    white-space: nowrap;
    line-height: 2rem;
}

.selection-toolbar [data-trigger],
.selection-toolbar [data-trigger-dropdown] .dropdown-toggle {
    border-radius: 4px;
    box-shadow: transparent 0px 0px 0px 0px, transparent 0px 0px 0px 0px inset;
    border: 1px solid transparent;
    transition: box-shadow 250ms ease 0s, background 250ms ease 0s,
        border-color 150ms ease 0s;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.selection-toolbar [data-trigger] {
    padding-top: 4px;
    padding-bottom: 4px;
}

.selection-toolbar [data-trigger-dropdown] {
    display: flex;
    align-items: center;
}

.selection-toolbar [data-trigger-dropdown] .dropdown-toggle {
    padding-top: 6px;
    padding-bottom: 6px;
}

.selection-toolbar [data-trigger-dropdown] .dropdown-toggle:focus {
    color: var(--primary-color-2);
}

.selection-toolbar [data-trigger]:hover,
.selection-toolbar [data-trigger-dropdown] .dropdown-toggle:hover {
    background: rgba(10, 12, 15, 0.12);
    text-decoration: none;
    color: #000;
}

.selection-toolbar [data-trigger] > button {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
    white-space: nowrap;
}

.selection-toolbar [data-trigger] > button:focus {
    outline: none;
}

.selection-toolbar [data-action="selection-count"] {
    margin-left: 0.25rem;
    display: flex;
    gap: 5px;
}

.selection-toolbar [data-action="selection-count-text"] {
    white-space: nowrap;
}

.selection-toolbar [data-action]:hover {
    cursor: pointer;
}

[data-dz-folder-item] {
    display: flex;
    gap: 16px;
    padding: 5px;
}
[data-dz-folder-item]:hover {
    cursor: pointer;
    background-color: rgba(10, 12, 15, 0.12);
}

[data-dz-folder-item] .icon-folder-open {
    display: none;
}

[data-dz-folder-item].open .icon-folder-open {
    display: block;
    color: var(--primary-color-2);
}

[data-dz-folder-item].open .icon-folder-close {
    display: none;
}

[data-dz-folder-item].open {
    background-color: var(--row-selected-blue);
}

/*dropdown */
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover {
    cursor: pointer;
}

/*input-contenteditable*/
[input-contenteditable] {
    max-height: 320px !important;
    overflow: auto;
}

.comment-input > .form-control {
    padding: 0;
}

.comment-input.focused > .form-control {
    border-color: #9a9a9a;
}

[input-contenteditable].is-invalid {
    border-color: #dc3545;
}

[input-contenteditable].is-invalid.focused {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 25%);
}

[input-contenteditable][contenteditable="true"] {
    white-space: pre-line;
}

[input-contenteditable][contenteditable="true"]:empty:before {
    content: attr(placeholder);
    pointer-events: none;
    display: block; /* For Firefox */
    color: #6c757d;
    opacity: 1;
    font-weight: 400;
}

/*Table Map Location Info*/
.table.map-info-attribute th,
.table.map-info-attribute td {
    border-width: 0;
    border-color: none;
    padding: 2px 0;
}
.table.map-info-attribute td {
    vertical-align: top;
}
.table.map-info-attribute td > div.attribute {
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    vertical-align: top;
    padding-right: 5px;
    min-width: 60px;
    max-width: 150px;
}

.table.map-info-attribute td > div.value {
    min-height: 21px;
    min-width: 150px;
    max-width: 287px;
    word-wrap: break-word;
    text-align: left;
}

.table.map-info-attribute td > div.value .placeholder {
    color: #b8b8b8;
}

/*highlight-link-token*/
a.highlight-link-token {
    text-decoration: underline;
}

/*Tagging Internal Contacts*/
[data-internal-contact-item]:hover {
    cursor: pointer;
}
[data-internal-contact-item].selected,
[data-internal-contact-item].selected:hover {
    background-color: var(--row-selected-blue);
}
[data-internal-contact-item] i.fa-square {
    display: block;
}
[data-internal-contact-item] i.fa-square-check {
    display: none;
    color: var(--primary-color-2);
}
[data-internal-contact-item].selected i.fa-square-check {
    display: block;
}
[data-internal-contact-item].selected i.fa-square {
    display: none;
}

/*claims nav tab*/
.claims-nav-tab {
    flex: 0 0 auto;
}
.claims-nav-tab .nav-link {
    color: var(--yva-black);
    border: none;
    border-right: 1px solid #d1d1d6;
    border-radius: 0;
    margin-bottom: 0;
}
.claims-nav-tab .nav-link:has(+ .active) {
    border-right: none;
}
.claims-nav-tab .nav-link.active {
    color: var(--bs-white);
    border-radius: 0.3rem;
    border-right: none;
    background: var(--primary-color);
}
.claims-nav-tab .nav-link:last-child {
    border-right: none;
}

/*COMPANY INFO*/
.company-nav-tab > .nav-item {
    padding-top: 1rem;
    padding-bottom: 0.8rem;
    padding-left: 30px;
    padding-right: 30px;
    color: var(--yva-black);
    flex: 0 0 auto;
    white-space: nowrap;
    border-right: none;
    border-left: none;
    border-bottom-width: 3px;
    margin: 0;
}

.company-nav-tab > .nav-item > h6 {
    margin-bottom: 0;
}

.company-nav-tab > .nav-item.active,
.company-nav-tab > .nav-item.tab-active {
    color: var(--yva-orange) !important;
}
.company-nav-tab > .nav-item.active .tabs-count {
    color: var(--yva-orange);
}
.company-nav-tab > .nav-item .tabs-count {
    color: var(--text-gray);
}

.nav-tabs.company-nav-tab .nav-item.show .nav-link,
.nav-tabs.company-nav-tab .nav-link.active {
    border-color: #fff #fff var(--yva-orange);
    border-bottom-width: 3px;
    border-right: none;
    border-left: none;
}

.nav-tabs.company-nav-tab .nav-link:focus:not(.active),
.nav-tabs.company-nav-tab .nav-link:hover:not(.active) {
    border-color: #fff #fff #dee2e6;
    border-right: none;
    border-left: none;
}

.nav-tabs.company-nav-tab .nav-link.disabled {
    opacity: 0.5;
    cursor: block;
}

/*BTN btn-sm-1*/
.btn.btn-sm-1 {
    text-transform: none;
    margin: 0 0;
    padding: 4px 8px;
    font-weight: 400;
}

/*Main sidebar handler*/
[main-sidebar-handler]::before {
    font-family: var(--fa-font-family);
    font-weight: 900;
    content: "\f104";
    position: absolute;
    left: 6px;
    top: 54%;
    transform: translateY(-50%);
}

.nav-hidden [main-sidebar-handler]::before {
    content: "\f105";
}

[main-sidebar-handler] {
    position: absolute;
    top: 20px;
    right: -10px;
    color: var(--sidebar-background);
    width: 20px;
    height: 20px;
    font-size: 0.8rem;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-white);
    border-radius: 6px;
    border: 1px solid var(--gray-border);
    padding-top: 3px;
}

[main-sidebar-handler]:hover {
    cursor: pointer;
    color: var(--yva-orange);
}

[main-sidebar-handler]:focus {
    outline: none;
}

/* [main-sidebar-handler],
.sidebar {
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
} */

.nav-hidden [main-sidebar-handler] {
    right: -9px;
}

@media screen and (max-width: 992px) {
    [main-sidebar-handler] {
        display: none;
    }
}

/*Font Size and Font Weight*/
.f-size-100-percent {
    font-size: 100%;
}

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

.f-weight-400 {
    font-weight: 300;
}

/*Date Of Loss Input*/
.drpicker.date-of-loss .inputwrap {
    position: relative;
}

.drpicker.date-of-loss .inputwrap .wef--btn-discover-container {
    height: 100%;
    border-left: solid 1px var(--gray-border);
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

.drpicker.date-of-loss .inputwrap .btn-discover {
    text-transform: capitalize;
    font-weight: 600;
    height: calc(100% - 2px);
    background-color: var(--bg-white);
    color: var(--text-primary);
    margin: 1px;
    padding-left: 22px;
    padding-right: 22px;
}

.drpicker.date-of-loss .inputwrap .btn-discover:hover {
    background-color: var(--text-primary) !important;
}

/*table cation*/
.table.caption-top > caption {
    caption-side: top;
}

.table.caption-center > caption {
    text-align: center;
}

.table.caption-primary > caption {
    background-color: var(--primary-color-2);
    color: #cdd2dd;
    padding-right: 1rem;
    padding-left: 1rem;
}

/**Modal-Fullscreen **/

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
    z-index: 1050;
}

.modal-fullscreen .modal-content {
    height: 100%;
    border-radius: 0;
}

.modal-fullscreen .modal-body {
    overflow-y: auto;
}

/* avg-rating-bar*/
.avg-rating-bar {
}

.avg-rating-bar .progress {
    height: 10px;
}

/* dropdown transition */
.dropdown > .dropdown-menu:first-of-type,
.dropup > .dropdown-menu:first-of-type {
    transition: opacity 0.3s ease 0s;
}
.btn-dropdown .dropdown-menu,
.dropstart .dropdown-menu,
.dropend .dropdown-menu {
    box-shadow: 1px 2px 7px 1px rgba(0, 0, 0, 0.125);
}

@media screen and (min-width: 768px) {
    .dropdown-btn .dropdown-menu,
    .dropdown .dropdown-menu,
    .navbar-nav .dropdown-item .dropdown-menu {
        transition: opacity 0.3s ease 0s;
    }
}

/*Counter Files component*/
.counter-files {
    font-size: 1.25rem;
}
.counter-files > .layout {
    gap: 24px;
}

/*helper*/
.no-border-top-radius {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

/*ic-button*/
.ic-button {
    font-size: 20px;
    color: var(--primary-color-2) !important;
    background-color: transparent;
}

.ic-button:hover {
    cursor: pointer;
}

/*labelx & labelx-md*/
.labelx {
    padding: 0.09em 0.5em 0.2em;
    position: relative;
    top: -1px;
    font-weight: 600;
    border-radius: var(--border-radius-small);
    color: var(--label-color);
}

.labelx-md {
    font-weight: 400;
    font-size: 100%;
    padding: 1px 7px 2px;
    top: 0;
    line-height: 1.8;
}

.labelx-sm {
    font-weight: 400;
    font-size: 75%;
    padding: 0.09em 0.5em 0.2em;
}

.labelx-default {
    background-color: var(--label-default-bg);
}
.labelx-primary {
    background-color: var(--brand-primary);
}
.labelx-danger {
    background-color: var(--brand-danger);
}
.labelx-info {
    background-color: var(--brand-info);
}
.labelx-success {
    background-color: var(--brand-success);
}
.labelx-warning {
    background-color: var(--brand-warning);
}
.labelx-none {
    background-color: var(--brand-none);
    color: inherit;
    padding: 0;
}

/* Datatable labelx customization */
.dataTables_wrapper table.dtable td > .labelx-md {
    max-width: calc(100%);
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    margin-top: -1px;
    margin-bottom: -1px;
}
.dataTables_wrapper table.dtable td .labelx-md {
    line-height: 1.4;
}

/************** Task Manager **************/

/*dropdown task priorities*/
.dropdown-task-priority option[value="low"] {
}
.dropdown-task-priority option[value="normal"] {
    /* color: var(--brand-primary); */
}
.dropdown-task-priority option[value="high"] {
    /* color: var(--brand-warning); */
}
.dropdown-task-priority option[value="urgent"] {
    /* color: var(--brand-danger); */
}
.dropdown-task-priority option[value="management"] {
    /* color: var(--brand-primary); */
}
/*dropdown task statuses*/
.dropdown-task-status option[value="open"] {
}
.dropdown-task-status option[value="on_hold"] {
    /* color: var(--brand-warning); */
}
.dropdown-task-status option[value="completed"] {
    /* color: var(--brand-success); */
}

.taskable-field--input {
    position: relative;
}

.taskable-field--relation {
    min-width: 91px;
}

.taskable-field--input {
    flex-grow: 1;
}

.taskable-field--input > input[type="text"] {
    padding-right: calc(10px + 1em + 0.25em + 10px);
    border-radius: 0;
    border: solid 1px var(--gray-border) !important;
    background-color: var(--input-bg);
}

.taskable-field--input > button[role="app-link-clear-taskable"] {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: calc((0.5em + 0.25em) * (-1));
}

.taskable-field--btn-search {
    background-color: var(--text-white);
    color: var(--text-primary);
    border: solid 1px var(--gray-border);
    border-left: none;
    text-transform: none;
    font-size: 1em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.taskable-field--btn-search:hover,
.taskable-field--btn-search:active {
    background-color: var(--text-primary) !important;
}

/*Auditable Timeline*/
.auditable-timeline span[role="new"] {
    font-weight: 400;
}

/*Border radius helper*/
.border-radius-0 {
    border-radius: 0 !important;
}
.border-radius-l-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.border-radius-r-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/*Task Parent Field - form-group*/
.form-group.task-parent {
}

.form-group.task-parent [name="taskable_relation"] {
    border-right: none;
    border-left: solid 1px var(--gray-border) !important;
    background-color: var(--text-white);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form-group.task-parent [name="taskable_relation"]:focus {
    border-left: 1px solid var(--input-focus) !important;
}

.form-group.task-parent [name="taskable_title"] {
    /* width: 100px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; */
}

/*APP-TASKABLE*/
[role="app-taskable-selectable"] {
    font-weight: bold;
}

[role="app-taskable-selectable"]:hover {
    text-decoration: underline;
    cursor: pointer;
}

/*Dropdown*/
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--dropdown-item-disabled-color);
}

/*Datepicker*/
.datepicker td,
.datepicker th {
    padding: 0.5rem;
}
.datepicker table.table-condensed tbody tr {
    background-color: transparent !important;
}

/*Communication Visibility*/
[class*="communication-visibility-"] {
}

.communication-visibility-contractor,
.communication-visibility-insured,
.communication-visibility-field-inspector,
.communication-visibility-private {
    padding: var(--padding-1);
    color: var(--text-white);
}
.communication-visibility-contractor {
    background-color: var(--brand-primary);
}
.communication-visibility-insured {
    background-color: var(--bg-danger);
}

/* form group alignment  */
.form-group .input-group-append .input-group-text,
.form-group .input-group-prepend .input-group-text,
.input-group .input-group-append .input-group-text,
.input-group .input-group-prepend .input-group-text {
    padding: 16px 13px 16px 10px !important;
}

/* dataTable numeric alignment */
.table > :not(:last-child) > :last-child > * {
    border-bottom: none;
}
div.dt-processing {
    padding: 1em 0;
}
div.dt-processing > div:last-child {
    display: none;
}
table.dataTable th.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-numeric div.dt-column-footer,
table.dataTable th.dt-type-date div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-footer,
table.dataTable td.dt-type-numeric div.dt-column-header,
table.dataTable td.dt-type-numeric div.dt-column-footer,
table.dataTable td.dt-type-date div.dt-column-header,
table.dataTable td.dt-type-date div.dt-column-footer {
    flex-direction: inherit;
    text-align: left;
}
table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left;
}
div.dt-container .dt-layout-start {
    padding-left: 0;
}
div.dt-container .dt-layout-end {
    padding-right: 0;
}
div.dt-container div.dt-layout-table > div.dt-layout-full {
    padding: 0;
}

.collapse div.dt-container .dt-layout-start {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.collapse div.dt-container .dt-layout-end {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
}
.collapse div.dt-container div.dt-layout-table > div.dt-layout-full {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}
#subcontractors div.dt-container div.dt-layout-table > div.dt-layout-full {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.alert .close {
    background: none;
    border: none;
}
.communication-visibility-field-inspector {
    background-color: var(--brand-info);
}
.communication-visibility-private {
    background-color: var(--brand-danger);
}

/*Partnet Tier*/
.partner-tier-starter {
}

.partner-tier-core {
    color: var(--state-warning-text);
}
.partner-tier-pro {
    color: var(--state-info-text);
}
.partner-tier-elite {
    color: var(--state-primary-text);
}
.partner-tier-custom {
    color: var(--state-success-text);
}

[class*=" badge-partner-tier-"],
[class^="badge-partner-tier-"] {
    color: var(--text-white);
    font-size: 100%;
}

.badge-partner-tier-starter {
    border-color: var(--state-default-text);
    background-color: var(--state-default-text);
}
.badge-partner-tier-core {
    border-color: var(--state-warning-text);
    background-color: var(--state-warning-text);
}
.badge-partner-tier-pro {
    border-color: var(--state-info-text);
    background-color: var(--state-info-text);
}
.badge-partner-tier-elite {
    border-color: var(--state-primary-text);
    background-color: var(--state-primary-text);
}
.badge-partner-tier-custom {
    border-color: var(--state-success-text);
    background-color: var(--state-success-text);
}

.sidebar .partner-tier-box {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    z-index: 9;
}

.sidebar .partner-tier-box [class*=" badge-partner-tier-"],
.sidebar .partner-tier-box [class*="adge-partner-tier-"] {
    margin: 0 !important;
    padding: 1em 1em;
    width: 100%;
    border-radius: 0;
}

/* comment Card*/
.author-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.1rem;
}
.author-avatar.square {
    border-radius: 5px;
}
.comment-card {
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 0.5rem !important;
}
.comment-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.comment-card [role="button-view-replies"],
.comment-card [role="button-view-attachments"] {
}
.comment-card.has-replies [role="button-view-replies"],
.comment-card.has-medias [role="button-view-attachments"] {
}

/*User avatar*/
.bg-avatar,
.bg-avatar- {
    background-color: #007bff;
}
.bg-avatar-red {
    background-color: var(--brand-danger);
}
.bg-avatar-blue {
    background-color: var(--brand-info);
}
.bg-avatar-green {
    background-color: var(--brand-success);
}
.bg-avatar-purple {
    background-color: #5f27cd;
}
.bg-avatar-orange {
    background-color: var(--yva-orange);
}
.bg-avatar-dark {
    background-color: #292727;
}

/****************************/
/*** Bootstrap 4.0 to 5.0 ***/
/****************************/

/* replaced by: .text-start */
.text-left {
    text-align: left !important;
}

/* replaced by: .text-end */
.text-right {
    text-align: right !important;
}

hr {
    opacity: 0.1;
}

/* tbody,
td,
tfoot,
th,
thead,
tr {
    border-style: none;
} */

table.table.dataTable tbody,
table.table.dataTable td,
table.table.dataTable tfoot,
table.table.dataTable th,
table.table.dataTable thead,
table.table.dataTable tr {
    border-style: none;
}

table.table.dataTable td,
table.table.dataTable th {
    border-top-style: solid;
    border-top-color: transparent;
}

/* Company Contact */
.company-contact-card {
    gap: 1rem;
    margin-bottom: 2rem;
    box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%);
}

.company-contact-card .img-thumbnail {
    width: 80px;
    margin-top: -1rem;
    margin-left: 1rem;
}

.tracking-component .dt-bootstrap5 {
    padding-left: 15px;
    padding-right: 15px;
}

.dropdown-menu > .dropdown-item {
    border-bottom: solid 1px #ccc;
}

.dropdown-toggle:after {
    content: "\f107";
    font-family: var(--fa-font-family);
    vertical-align: inherit;
    border-top: none;
    border-right: none;
    border-left: none;
}
.card.card-inf > .card-header {
    border-bottom: solid 1px var(--card-header-border-bottom);
}

/**** INSPECTIONS */

/*Inspection Status*/
.inspection-status {
}

/*Comments*/
.comment-widget {
}

.comment-widget .widget-header {
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    background-color: var(--input-bg);
}

.comment-widget .widget-content {
}

.comment-widget .widget-content.widget-content-replies,
.comment-widget .widget-content.widget-content-attachments {
    max-height: 500px;
    overflow-y: auto;
}
.card .card-body {
    padding: 15px 30px 10px;
}

.card .card-body.p-card-table {
    padding: 0 1rem;
}

.session-details nav.navbar {
    border-bottom: none;
}
.details-top-stats-bar {
    flex-wrap: nowrap;
    padding: .25rem 30px;
    box-shadow: var(--box-shadow);
}
.details-top-stats-bar .insured-box {
    border-radius: var(--yva-b-radius-16);
    background: #fef1ea;
}
.details-top-stats-bar .insured-box,
.details-top-stats-bar .status-item {
    flex: 0 0 auto;
    width: auto;
    min-width: 150px;
    max-width: 350px;
    min-height: 70px;
    padding: 15px 20px 5px;
    box-sizing: border-box;
}

.details-top-stats-bar .insured-label {
    color: #ccafa1;
}
.details-top-stats-bar .insured-name,
.details-top-stats-bar .insured-label {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}

@media only screen and (max-width: 767px) {
    .details-top-stats-bar {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*breadcrumb*/
.breadcrumb > .breadcrumb-item {
    color: var(--text-black);
    font-weight: 400;
}
.breadcrumb > .breadcrumb-item.active {
    color: var(--text-gray);
}

/*sidebar filter (iconsbfilter)*/
.sidebar-filters-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1060;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sidebar-filters-overlay.show {
    display: block;
    opacity: 1;
}

.sidebar-filters {
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100vh;
    border-radius: var(--yva-b-radius-16) 0 0 var(--yva-b-radius-16);
    background: white;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1069;
    transition: right 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
}

.sidebar-filters.show {
    right: 0;
}

.sidebar-filters.show {
    right: 0;
}

.sidebar-filters-header,
.sidebar-filters-footer {
    padding: 1rem 1.5rem;
    /* background-color: var(--gray-light-color-1); */
}

.sidebar-filters-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--card-header-border-bottom);
}

.sidebar-filters-title {
    margin: 0;
    color: var(--yva-black);
    font-weight: 600;
}

.sidebar-filters-body {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
}

.sidebar-filters-footer {
    border-top: 1px solid var(--card-header-border-bottom);
}

@media (max-width: 768px) {
    .sidebar-filters {
        width: 100%;
        right: -100%;
        z-index: 1100;
    }

    .sidebar-filters-header {
        /* padding-top: 2rem; */
    }
}

@media (max-width: 576px) {
    .sidebar-filters {
        width: 100%;
        right: -100%;
    }

    .sidebar-filters-body {
        padding: 1rem;
        height: calc(100vh - 140px);
    }
}

.open-sidebar-btn {
}

.open-sidebar-btn:hover {
}

.sidebar-filter-component {
    position: relative;
    margin: 0;
    padding: 0;
}

.sidebar-filter-component .open-sidebar-btn {
}

.sidebar-filter-component .open-sidebar-btn > svg > path {
    fill: var(--yva-orange);
}

.sidebar-filter-component.has-value {
    padding-right: 4px;
}

.sidebar-filter-component.has-value .open-sidebar-btn {
    color: var(--primary-color-2);
    border: solid 1px var(--primary-color-2);
}

.sidebar-filter-component.has-value .open-sidebar-btn > svg > path {
    fill: var(--primary-color-2) !important;
}

.sidebar-filter-component.has-value .dd-selected-label {
    background-color: var(--yva-orange);
    position: absolute;
    top: -8px;
    right: 0;
    display: inline-block;
    padding: 0.3em 0.5em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.5rem;
}

.sidebar-filter-component .dd-selected-label {
    color: var(--icondropdown-active-color);
    font-size: 1em;
    line-height: 24px;
    font-weight: 500;
}

.close-sidebar-btn {
}

/*page main-nav*/
.page-main-nav {
}

.page-main-nav-title {
}

.page-main-nav-menu-container {
}

.page-main-nav-menu {
    /* box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.08); */
    border-radius: 0.5rem;
    background-color: var(--bg-white);
}

.page-main-nav-menu .nav-item {
    border-right: solid 1px var(--gray-border);
    color: var(--text-black);
}

.page-main-nav-menu .nav-item:focus,
.page-main-nav-menu .nav-item:hover {
    color: var(--primary-color-2);
}

.page-main-nav-menu .nav-item.nav-item--active {
    background-color: var(--primary-color-2);
    color: var(--text-white);
    border-radius: 0.5rem;
}

.page-main-nav-menu .nav-item.nav-item--active,
.page-main-nav-menu .nav-item:last-child,
.page-main-nav-menu .nav-item:has(+ .nav-item--active) {
    border-right: none;
}

.page-main-nav-menu .nav-item > .nav-item__icon {
}
.page-main-nav-menu .nav-item > .nav-item__label {
}
.page-main-nav-menu .nav-item > .nav-item__total {
}

/**************** modern checkbox *********************/
.modern-checkbox {
    display: none;
}

.checkbox-container {
    cursor: pointer !important;
    padding: 1px;
    margin: 0;
    background: white;
    border-radius: 4px;
    box-shadow: none;
    transition: all 0.3s ease;
}

.checkbox-display {
    width: 20px;
    height: 20px;
    border: 1px solid var(--input-focus);
    border-radius: 4px;
    position: relative;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modern-checkbox:checked + .checkbox-container .checkbox-display:after {
    transform: scale(1);
    transition: transform 0.2s ease;
    content: "✓";
    color: white;
}

.modern-checkbox:checked + .checkbox-container .checkbox-display {
    background-color: var(--primary-color-2);
}

/* button: outline-orange */
.btn-outline-orange {
    color: var(--yva-orange);
    border: solid 1px var(--card-contoured);
    border-radius: var(--yva-b-radius-8);
    padding: 6px 15px;
    transition: all 0.2s ease;
    text-decoration: none;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 500;
}

.btn-outline-orange svg > path {
    fill: var(--yva-orange);
}

/********************/
/***** Shadow *******/
/********************/
.shadow-custom {
    box-shadow: var(--box-shadow);
}

/***************************************/
/***** Standard Bootstrap Alerts *******/
/***************************************/
.alert.bs-notify {
    z-index: 3001 !important;
    min-width: 180px;
    padding-right: calc(25px + 10px + 6px);
}

.alert.bs-notify [data-notify="title"] {
    display: block;
}

.alert.bs-notify [data-notify="message"] {
    word-break: break-word;
}

.alert.bs-notify [data-notify="dismiss"] {
    color: #fff;
    font-size: 14px;
    width: 25px;
    height: 25px;
    padding: 3px;
    background: none;
    border: none;
    opacity: 0.9;
    text-shadow: none;
    line-height: 0;
    outline: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
}

@media (min-width: 992px) {
    .alert.bs-notify {
        max-width: 25%;
    }
}
@media (max-width: 576px) {
    .alert.bs-notify {
        width: 91.666% !important;
        margin-left: auto;
        margin-right: auto;
    }
}
.alert.alert-success {
    background-color: var(--bg-success);
}
.alert.alert-with-icon [data-notify="icon"].fa-kit {
    font-size: 1rem;
}

/******************/
/** Status Item */
/******************/
.status-item .status-item--icon.text-none {
    display: none !important;
}

/* Google Map - Custom Controls */
.gmap-custom-control {
    margin: 10px 0;
    text-align: center;
}

.gmap-custom-control > button {
    margin: 0;
    padding: 11px;
    color: var(--text-primary);
    border: solid 1px var(--card-contoured);
    background-color: #fff;
    cursor: pointer;
    line-height: 1;
    font-size: 1rem;
    text-transform: none;
}

.gmap-custom-control > button:hover,
.gmap-custom-control > button:active,
.gmap-custom-control > button:focus {
    opacity: 1;
    border-color: var(--text-primary);
    background-color: var(--text-primary) !important;
}

/************************/
/***** Scrollbars *******/
/************************/
.scroll-container {
}

.scroll-container::-webkit-scrollbar {
    width: 6px;
}

.scroll-container::-webkit-scrollbar-track {
    background: #e9ebf7;
    border-radius: 6px;
}

.scroll-container::-webkit-scrollbar-thumb {
    background-color: #8e8e93;
    border-radius: 10px;
}

/************************/
/***** Contact List******/
/************************/
.contact-list {
}
.contact-list > .contact-item:first-child {
    padding-top: 0 !important;
}

.contact-list > .contact-item:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/******************************/
/***** container Max width ****/
/******************************/

/*container-sm-max (540)*/
.container-sm-max {
    max-width: 540px;
}

/* @media (min-width: 768px) -> 'md' */
@media (min-width: 768px) {
    .container-sm-max {
        max-width: 540px;
    }
}

/* @media (min-width: 992px) -> 'lg' */
@media (min-width: 992px) {
    .container-sm-max {
        max-width: 540px;
    }
}

/* @media (min-width: 1200px) -> 'xl' */
@media (min-width: 1200px) {
    .container-sm-max {
        max-width: 540px;
    }
}

/* @media (min-width: 1400px) -> 'xxl'  */
@media (min-width: 1400px) {
    .container-sm-max {
        max-width: 540px;
    }
}

/*container-md-max (720)*/
.container-md-max {
    max-width: 720px;
}

/* @media (min-width: 768px) -> 'md' */
@media (min-width: 768px) {
    .container-md-max {
        max-width: 720px;
    }
}

/* @media (min-width: 992px) -> 'lg' */
@media (min-width: 992px) {
    .container-md-max {
        max-width: 720px;
    }
}

/* @media (min-width: 1200px) -> 'xl' */
@media (min-width: 1200px) {
    .container-md-max {
        max-width: 720px;
    }
}

/* @media (min-width: 1400px) -> 'xxl'  */
@media (min-width: 1400px) {
    .container-md-max {
        max-width: 720px;
    }
}

/*container-lg-max (960)*/
.container-lg-max {
    max-width: 960px;
}

/* @media (min-width: 768px) -> 'md' */
@media (min-width: 768px) {
    .container-lg-max {
        max-width: 960px;
    }
}

/* @media (min-width: 992px) -> 'lg' */
@media (min-width: 992px) {
    .container-lg-max {
        max-width: 960px;
    }
}

/* @media (min-width: 1200px) -> 'xl' */
@media (min-width: 1200px) {
    .container-lg-max {
        max-width: 960px;
    }
}

/* @media (min-width: 1400px) -> 'xxl'  */
@media (min-width: 1400px) {
    .container-lg-max {
        max-width: 960px;
    }
}

/*Single Submission Page*/
.submission-alerts .callout {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.submission-alerts .callout:first-child {
    margin-top: 1.25rem;
}

.submission-alerts .callout:last-child {
    margin-bottom: 0;
}

/*Referral Form*/
.referral-form {
    height: var(--full-content-height);
}

.referral-form > .step-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.referral-form > .step-content > footer {
    border-top: solid 1px var(--card-contoured);
}

.referral-form-container {
    overflow-y: auto;
    flex-grow: 1;
}

/*copy to clipboard*/
[role="copy-to-clipboard"] {
    padding: 0.25rem;
}

/*Submission Files Container*/
.submission-files-container .selection-toolbar {
    background-color: transparent;
    padding: 0;
}

.submission-files-container .nav-breadcrumb .breadcrumb {
    margin-bottom: 0;
}

.submission-files-container [data-download-all] {
    margin-bottom: 0;
}

.submission-files-collection-container {
    display: grid;
    gap: 1rem;
}