body {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}
:root {
    --primary-color: #283377;
    --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-orange: #f36f28;
    --yva-orange-light: rgb(243, 111, 40, 0.1);
    --gray-border: #eeeeee;
    --green-text: #38975a;
    --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;
    --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;
    --bg-danger: #ef8157;
    --text-white: #fff;
    --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;
    --icon-gray: #7e8286;
    --card-header-border-bottom: #dee2e6;
    --lor-appraisal: rgba(22, 148, 162, 0.12);
    --input-bg: #f5f7fc;
}

body.loading .website-loader {
    display: inline-block !important;
}

/*text*/
.text-green {
    color: var(--green-text);
}
.text-gray {
    color: var(--gray-text);
}
.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-600 {
    font-weight: 600 !important;
}

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

/*border*/
.border {
    border: solid 1px #dee2e6 !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;
}

/*Background*/
.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;
}
.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;
}

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

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

/*Main Panel*/
.main-panel > .content {
    min-height: calc(100vh - 150px);
}
/*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;
    }
    body.can-full-page-2 .main-panel > .content {
        margin-top: 77px;
    }
    body.can-full-page .form-card {
        /* min-height: 100vh; */
    }
}

/*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: 14px 10px;*/
    padding: 16px 10px;
}
.form-control {
    font-size: 13.9px;
    min-height: auto;
}
.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;
}

/*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-primary {
    background-color: var(--primary-color);
}
.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 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;
}

.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;
}

/*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;
}

/*Main panel*/
.main-panel {
    background-color: #e5e5e5;
}

/*Badge*/
.badge.badge-source {
    color: #fff;
    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;
}
/*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 {
}

/*Colors*/
.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,
.text-orange {
    color: #f37027 !important;
}

/*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;
}
/*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) {
    background-color: var(--primary-color) !important;
    color: white;
}
table.dataTable.table-hover tbody tr:hover:not(tr.child) i,
table.dataTable.table-hover
    tbody
    tr:hover:not(tr.child)
    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;
}

/*card*/
.card-footer.gray-light {
    background-color: var(--gray-light-color);
}

/*modal*/
.modal-footer {
    background-color: var(--gray-light-color);
    padding: 1rem;
    border-top: none;
}
.modal-footer .btn,
.navbar .navbar-nav > a.btn {
    margin: 0 1px;
}

/*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, 132px);
    grid-auto-rows: minmax(132px, auto);
    align-items: center;
    grid-gap: 1rem;
}

.trade-item {
    align-self: stretch;
    background: #faf9f9;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    color: #6b6b6b;
    text-align: center;
}

.trade-item.active {
    background: var(--primary-color-2);
    border-radius: 20px;
    color: #fff;
}

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

.trade-item:hover {
    cursor: pointer;
    color: #000;
}

.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-scope-header,
.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 .inputwrap {
    position: relative;
}

.drpicker .inputwrap i {
    position: absolute;
    top: 18px;
    right: 10px;
}
.drpicker .is-invalid ~ i {
    display: none;
}
.lor-submitted-today,
.files_archived_today,
.lor-under-review-via-automation {
    background-color: #ecebeb !important;
}
.lor-signed-today,
.company_created_today,
.user_created_today {
    background-color: #baf59a !important;
}

.lor-policy-review-only {
    background-color: var(--yva-orange-light) !important;
}

.lor-appraisal {
    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 .select2-selection--single {
    height: 49px;
}

.select2-container--default .select2-selection--multiple {
    padding-bottom: 12.5px;
    padding-top: 12.5px;
    /* padding-bottom: 12.81px;
    padding-top: 9px; */
}
.select2-container--default
    .select2-selection--multiple.select2-selection--clearable {
    padding-bottom: 11px;
    padding-top: 6px;
    /* padding-bottom: 9.57px;
    padding-top: 7px; */
}

.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;
}

/*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: 1;
}
@media only screen and (min-width: 768px) {
    .dt-filters {
        left: 120px;
    }
}

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

.dt-filters span {
    white-space: nowrap;
    /* overflow: hidden; */
    text-overflow: ellipsis;
}
.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;
    top: calc(47px + 15px);
    left: -330px;
}

.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 {
    height: 203px;
    width: 203px;
    float: left;
    margin-left: 16px;
    margin-bottom: 16px;
    padding: 32px;
    border: solid 1px #cfcfcf;
    border-radius: 10px;
    text-align: center;
}
.file-directory i {
    /* color: #cbd1df; */
    font-size: 85px;
    display: block;
}

.file-directory.open i {
    color: #cdd2dd;
}

.file-directory label,
.file-directory p {
    font-weight: 700;
}

.file-directory label {
    color: #061f55;
}

.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 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;
}

/*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;
}

@media only screen and (max-width: 1200px) {
    .notification-mobile {
        display: block !important;
        position: relative !important;
        left: 33% !important;
    }
}
.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 (min-width: 768px) {
    #dropdown-universal-search {
        top: 55px;
        left: -180px;
    }
}

@media only screen and (max-width: 1200px) {
    #caret-up-activity-dropdown {
        right: 114px !important;
    }
    #dropdown-activity-feed {
        max-width: 351px !important;
        left: -285px !important;
    }
    #dropdown-universal-search {
        max-width: 351px !important;
        left: -252px !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 !important;
}

.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 .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;
    color: var(--success-color-hover);
}

.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-inf .card-header.collapsible {
    position: relative;
    padding-left: 24px;
    padding-right: 35px;
}
.card-inf .card-header.collapsible:hover {
    cursor: pointer;
}
.card-inf .card-header.collapsible:before {
    position: absolute;
    top: calc(50% - 10px);
    right: 20px;
    font-family: var(--fa-font-family);
    font-weight: var(--fa-style, 900);
}

.card-inf .card-header.collapsible[aria-expanded="true"]:before {
    content: "\f106";
}
.card-inf .card-header.collapsible[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);
}

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

.btn-navbar i {
    height: 31px;
    width: 27px;
    left: 370px;
    top: 16px;
    line-height: 31px;
    font-size: 1.5em;
}

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

nav.navbar,
.navbar.navbar-transparent {
    background-color: white !important;
    border-bottom: none !important;
}

#navbar-logo {
    /*height: 42.167877197265625px;*/
    /* width: 99.43587493896484px; */
    width: 90px;
    position: absolute;
    /* top: 5px; */
    left: calc(50% - 49.7179px);
}

/*******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;
    }
}

@media only screen and (min-width: 768px) {
    nav.navbar {
        min-height: 60px;
        box-shadow: 0px 4px 4px 0px #00000040;
    }
}

.input-search-topvav {
    position: absolute;
    right: 110px;
    top: 0;
}

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

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

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

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

.callout-info {
    border-left-color: var(--primary-color);
}

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

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

/*Status Box*/
.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.submission-imagereport
    .dropdown-compression-level
    .dropdown-item:focus,
.medias-action-bar.submission-imagereport
    .dropdown-compression-level
    .dropdown-item:hover {
    cursor: auto;
}

.medias-action-bar.submission-imagereport
    .dropdown-compression-level
    .btn-export:hover,
.medias-action-bar.submission-imagereport
    .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 [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;
}

.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]: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 {
}
.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;
}
a.highlight-link-token > span {
}

/*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;
}

/*COMPANY INFO*/
.company-nav-tab {
}

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

.company-nav-tab > .nav-item:hover {
    color: var(--danger-color-light);
}

.company-nav-tab > .nav-item.active {
    color: var(--danger-color);
}

.nav-tabs.company-nav-tab .nav-item.show .nav-link,
.nav-tabs.company-nav-tab .nav-link.active {
    border-color: #fff #fff var(--danger-color);
    border-bottom-width: 2px;
}

.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;
}

.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] {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 35px;
    height: 40px;
    font-size: 1rem;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--sidebar-background);
    border-bottom-right-radius: 8px;
    border: none;
}

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

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

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

.nav-hidden .sidebar {
    transform: translate3d(-260px, 0, 0);
}

.nav-hidden .main-panel {
    width: calc(100% - 35px);
}

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

@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 .btn-discover {
    position: absolute;
    top: 12px;
    right: 10px;
    margin: 0;
    text-transform: capitalize;
    font-weight: 500;
}

.drpicker.date-of-loss .inputwrap .btn-discover i {
    position: relative;
    top: auto;
    right: auto;
}

/*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); */
}

/*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-left: 1px solid #ddd;
}
.form-group.task-parent [name="taskable_relation"]:focus {
    border-left: 1px solid #9a9a9a;
}

.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: 40px;
    width: 100%;
    text-align: center;
}

.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);
}

/*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;
}

/* 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;
}

.submission-main-nav {
}

.submission-main-nav > .container-fluid {
    padding: 0;
    box-shadow: none;
}

.submission-main-nav .border-right {
    border-right: solid 1px #ccc;
}

.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 {
}