@import url('uicons-regular-rounded.css');
@import url('css2.css');
@import url('ocrb.css');

:root {
    --primary: #dfa465;
    --secondary: #606060;
    --gray-color: #bfc0c0;
    --darkgray-color: #212529;
    --lightgray-color: #f7f6f6;
    --mid-lightgray-color:#dddddd;
    --bright-gray:#eeeeee;
    --mdbright-gray:#dddddd;
    --spanish-gray:#a2a2a2;
    --black-color: #000000;
    --black-opacity-66:#0e0e0ea8;
    --white-color: #ffffff;
    --lightWhite-color:#ffffffc7;
    --white-opacity-16:#ffffff29;
    --white-opacity-10:#ffffff1a;
    --red-color: #ff5d56;
    --sangria-red:#B71313;
    --red:#ff0000;
    --green-color: #24d11f;
    --medium-sea-green:#3AA537;
    --sandstone:#e1a36b33;
    --Peach-color:#ffecd9;
    --cobalt-blue:#0d45a5;
    --gainsboro:#e9e9e9;
    --carrot-orange:#e9851bcc;
    --color-yellow:#FFAD01;
    --snow:#f9f9f9;
    --light-orange:#dfa46529;
    --light-brown:#e1a36b91;
    --light-primary-color: #e1a36b87;
    --champagne:#eedca938;
    --border-color:#ebebeb;
    --darkBorder-color:#ebebeb;
    --black-smoke:#00000057;
    --fawn:#e1a26b1e;
    --earth-yellow:#dfa46547;
    --color-orange:#FFA500;
    --dark-bordere:#888888;
    --heading-1: 54px;
    --heading-2: 28px;
    --heading-3: 24px;
    --heading-4: 21px;
    --heading-5: 19px;
    --heading-6: 16px;
    --body-font-size: 12px;
    --font-Lato: 'Lato', sans-serif;
}

.swal2-cancel:focus {
    opacity: 0.7 !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

body {
    margin: 0;
    font-family: var(--font-Lato);
    font-size: var(--body-font-size);
    font-weight: 400;
}

a {
    text-decoration: none;
    transition: all 350ms ease-in-out;
}

ul {
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-variant-caps: all-small-caps;
    font-weight: 700;
    margin: 0;
}

h2 {
    font-size: var(--heading-2);
    line-height: 1.1;
    color: var(--secondary);
}

h3 {
    font-size: var(--heading-3);
    line-height: 1.3;
    color: var(--secondary);
}

h4 {
    font-size: var(--heading-4);
    line-height: 1.3;
    color: var(--secondary);
}

h5 {
    font-size: var(--heading-5);
    line-height: 1.3;
    color: var(--secondary);
}

h6 {
    font-size: var(--heading-6);
    line-height: 1.3;
    color: var(--secondary);
}

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

.nbtn,
.bgray-btn,
.cancel-btn {
    background-color: var(--primary);
    font-size: 16px;
    font-weight: 700;
    min-width: 285px;
    position: relative;
    border-radius: 5px;
    color: var(--white-color);
    display: inline-block;
    text-align: center;
    padding: 10px 15px;
    box-shadow: 5px 8px 12px rgb(135 85 33 / 16%);
    min-height: 50px;
    border: 1px solid transparent;
}

.nbtn svg,
.bgray-btn svg,
.cancel-btn svg {
    height: 15px;
    width: auto;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 350ms ease-in-out;
}

.nbtn svg path,
.cancel-btn svg path {
    fill: var(--white-color);
    transition: all 350ms ease-in-out;
}

.bgray-btn svg path {
    /* stroke: var(--white-color); */
    transition: all 350ms ease-in-out;
}

.nbtn:hover,
.bgray-btn:hover {
    color: var(--white-color);
}

.bgray-btn {
    background-color: var(--secondary);
}

.bgray-btn svg {
    height: 18px;
    transition: all 350ms ease-in-out;
}

.bgray-btn svg image,
.bgray-btn svg path {
    transition: all 350ms ease-in-out;
}

.bgray-btn:hover {
    color: var(--gray-color);
}

.bgray-btn:hover svg path {
    fill: var(--gray-color);
}

.bgray-btn:focus svg path {
    fill: var(--secondary);
}

.bgray-btn:focus {
    background-color: var(--white-color);
    color: var(--secondary);
    border-color: var(--secondary);
}

.bgray-btn:hover svg image {
    filter: invert(0.25);
}

.bgray-btn:focus svg image {
    filter: invert(0.6);
}

.nbtn:hover svg path {
    fill: var(--secondary);
}

.nbtn:hover {
    color: var(--secondary);
}

.nbtn:focus {
    background-color: var(--white-color);
    color: var(--primary);
    border-color: var(--primary);
    outline: none;
}

.nbtn:focus svg path {
    fill: var(--primary);
}

.cancel-btn svg {
    left: 15px;
    right: inherit;
}

.cancel-btn {
    background-color: var(--red-color);
    padding-left: 40px;
}

.cancel-btn:hover {
    color: var(--secondary);
}

.cancel-btn:hover svg path {
    fill: var(--secondary);
}

.cancel-btn:focus {
    background-color: transparent;
    color: var(--red-color);
    border-color: var(--red-color);
}

.cancel-btn:focus svg path {
    fill: var(--red-color);
}

.outline-btn {
    border: 1px solid var(--gray-color);
    border-radius: 2px;
    color: var(--secondary);
    font-size: 14px;
    line-height: 1.1;
    font-weight: 400;
    background: transparent;
    display: flex;
    align-items: center;
    padding: 6px 12px;
    min-width: 72px;
}

.outline-btn svg {
    margin-right: 8px;
}

.outline-btn svg path {
    fill: var(--secondary);
}

.outline-btn:hover {
    color: var(--secondary);
}

.alink {
    text-decoration: underline;
}

.alink:hover,
.alink:focus {
    color: var(--primary);
}

.line-height13 {
    line-height: 1.3 !important;
}

.size-18 {
    font-size: 18px !important;
}

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

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

.fw-400 {
    font-weight: 400;
}

.form-group input,
.form-group select {
    border: none;
    border-bottom: 1px solid var(--gray-color);
    border-radius: 0;
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 1.1;
    color: var(--secondary);
    font-weight: 400;
    max-width: 500px;
    padding: 8px;
    margin-top: 5px;
    min-height: 40px;
    background-color: transparent;
}

.form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('../images/down-arrow-small.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px;
}

.form-group input:focus,
.form-group select:focus {
    outline: none;
}

.dob-fields {
    max-width: 500px;
    margin: 0 auto;
}

.dbo-innerarea {
    display: flex;
    justify-content: center;
    margin-left: -5px;
    margin-right: -5px;
}

.dbo-innerarea>div {
    flex: 0 0 33.33%;
    padding-left: 5px;
    padding-right: 5px;
}

.form-group .bob-month select {
    text-align: left;
}

.form-group .bob-month select option {
    font-size: var(--body-font-size);
    line-height: 20px;
}

.form-group .bob-month select option:checked,
.form-group .bob-month select option[selected] {
    background-color: var(--primary);
    color: var(--white-color);
}

.select2-dropdown {
    z-index: 9999;
    border: none;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 4px 4px !important;
}

.select2-dropdown .select2-search__field {
    outline-offset: 0;
    outline: none;
    border: 1px solid var(--gray-color);
}

.select2-container--default .select2-results__option--selected {
    background-color: var(--Peach-color);
}

.select2-dropdown .select2-results__option[aria-selected="true"] {
    background-color: var(--black-color);
    color: var(--white-color);
}

.topd-img img,
.topf-img img {
    margin-top: -3px;
}

.flag-img img {
    width: 14px;
    height: 14px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 1px;
    min-width: 14px !important;
}

.topd-img img {
    margin-right: 3px;
}

.step2pimg {
    width: 150px;
    height: 100px;
    margin: 0 auto;
    background-color: rgb(201, 232, 190);
    border-radius: 20px;
    overflow: hidden;
}

.step2pimg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.customer-detail-edit .select2-container {
    max-width: 500px;
    width: 500px !important;
    margin-top: 5px;
}

.customer-detail-edit .select2-selection {
    border: none;
    border-bottom: 1px solid var(--gray-color);
    color: var(--secondary);
    height: 40px;
    border-radius: 0;
}

.customer-detail-edit .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.customer-detail-edit .topf-img {
    font-size: 17px;
    line-height: 1.1;
    color: var(--secondary);
    font-weight: 400;
}

.customer-detail-edit .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 9px 6px 0 6px;
    margin-top: 4px;
    border-color: var(--secondary) transparent transparent transparent;
}

.customer-detail-edit .flag-img img {
    width: 16px;
    height: 16px;
}

/* Dashboard css */
.admin-dashboard {
    padding-top: 0;
}
 
.dashboard-blog {
    display: flex;
    flex-wrap: wrap;
}

.mobile-header {
    background-color: var(--secondary);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    min-height: 76px;
    z-index: 99;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
}

.mobile-header .mob-logo img {
    max-width: 141px;
}

.dashboard-blog .nav-area {
    background-color: var(--black-color);
    box-shadow: 8px 0 12px rgba(0, 0, 0, .1);
    overflow-y: auto;
    overflow-x: hidden;
    width: 260px;
    flex: 0 0 260px;
    height: 100%;
    padding: 20px;
    position: fixed;
    left: 0;
    top: 0;
    transition: width 0.7s ease;
}

.dash-sidebar,
.dash-sidebar .nav-items{
    transition: all 0.35s ease-in-out;
}

.sidebar-logo {
    display: inline-block;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.dash-sidebar {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.dash-sidebar h6 {
    color: var(--white-color);
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: center;
}

.dash-sidebar .nav-items {
    margin-top: 22px;
    margin-bottom: 0;
}

.dash-sidebar .nav-items li {
    display: block;
    margin-bottom: 0.5rem;
}

.dash-sidebar .nav-items li>a {
    font-size: 14px;
    padding: 0.92rem 1rem 0.92rem 1.5rem;
    display: flex;
    align-items: center;
    color: var(--white-color);
}

.dash-sidebar .nav-items li>a>.menu-img {
    flex: 0 0 25px;
    max-width: 25px;
    margin-right: 15px;
    min-height: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dash-sidebar .nav-items li>a>.menu-img img{
    max-width: 20px;
}

.dash-sidebar .nav-items li>a.active,
.dash-sidebar .nav-items li>a:hover,
.dash-sidebar .nav-items li>a:focus {
    background-color: var(--primary);
    color: var(--black-color);
    outline: none;
}

.dash-sidebar .nav-items li>a.active .menu-img img,
.dash-sidebar .nav-items li>a:hover .menu-img img,
.dash-sidebar .nav-items li>a:focus .menu-img img {
    filter: invert(1);
}

.dash-right-area {
    max-width: calc(100% - 260px);
    flex: 0 0 calc(100% - 260px);
    margin-left: 260px;
    padding: 1rem 1.2rem 2rem;
    min-height: 100vh;
    transition: all 0.5s ease-in-out;
}

.main-title {
    margin: 0;
    display: flex;
    width: 100%;
    padding-bottom: 1rem;
    margin-bottom: 0;
    align-items: center;
    justify-content: space-between;
    transition: all 0.35s ease-in-out;
}

.table-subtitle {
    margin-bottom: 20px;
}

.action-btn {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    border: none;
}

.action-btn:hover {
    opacity: .9;
}

.action-btn img {
    width: 16px;
}

.action-btn>i {
    color: var(--white-color);
    font-size: 16px;
    line-height: 0;
}

.action-btn.viewbtn {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.action-btn.viewbtn i {
    color: var(--darkgray-color);
}

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

/* .data-fieldtable table th, */
.data-fieldtable table td {
    padding: 10px;
    border-bottom: 1px solid var(--lightgray-color);
}

.data-fieldtable table th {
    font-size: 14px;
    background-color: var(--mdbright-gray);
    color: var(--black-color);
}

.data-fieldtable table th:last-child::before,
.data-fieldtable table th:last-child::after {
    display: none !important;
}

.data-fieldtable table th a,
.data-fieldtable table td a {
    font-family: monospace;
    color: var(--darkgray-color);
}

.data-fieldtable table th a:hover,
.data-fieldtable table td a:hover {
    color: var(--primary);
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    margin-bottom: 1rem;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid var(--gray-color);
    border-radius: 3px;
    padding: 10px;
    background-color: transparent;
    color: inherit;
    margin-left: 5px;
}

.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label,
div#fieldtable_info,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 14px;
    font-weight: 600;
    color: var(--secondary) !important;
}

.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length label select {
    outline: none;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_info {
    padding-top: 1em;
}

.pro-data {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.pro-data h6 {
    transition: all .4s ease-in-out;
}

.pro-data:hover h6 {
    color: var(--primary);
}

.pro-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--primary);
    overflow: hidden;
    flex: 0 0 50px;
}

.prodata-content {
    flex: 0 0 calc(100% - 50px);
    padding-left: 10px;
}

.ac-status {
    position: relative;
    padding-left: 14px;
}

.ac-status::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--green-color);
}

.ac-status.active::before {
    background-color: var(--green-color);
}

.ac-status.deactive::before {
    background-color: var(--red-color);
}

.card-box-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px 40px;
    row-gap: 20px;
}

.card-box-main .card-box {
    background-color: var(--lightgray-color);
    box-shadow: 0 0 5px rgba(0, 0, 8, 0.1);
    padding: 15px 0;
    border-radius: 10px;
    flex: 0 0 calc(25% - 15px);
    margin-left: 12px;
    margin-right: 12px;
    min-height: 180px;
    position: relative;
    overflow: hidden;
}

.card-box-main .card-box ul li{
    align-items: center;
    padding: 0 20px;
    min-height: 20px;
}

.card-box-main .card-box h4{
    padding: 0 20px; 
}

.card-box .card-value {
    font-size: 24px;
    font-weight: 700;
    margin: 10px 0;
    color: var(--darkgray-color);
}

.care-per {
    border-radius: 20px;
    padding: 4px 10px;
    display: inline-block;
}

.Mup {
    background-color: var(--green-color);
    color: var(--white-color);
}

.Mdown {
    background-color: var(--red-color);
    color: var(--white-color);
}

.inner-brandde {
    height: 100%;
    background-color: var(--lightgray-color);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    transition: all 350ms ease-in-out;
    position: relative;
}

.inner-brandde:hover {
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.15);
}

.inner-brandde .Bimage {
    background-color: var(--white-color);
    border-radius: 4px;
    overflow: hidden;
    flex: 0 0 100px;
    display: flex;
    max-width: 100px;
    padding: 15px;
    align-items: center;
    justify-content: center;
}

.inner-brandde .Bdetails {
    flex: 0 0 calc(100% - 120px);
    max-width: calc(100% - 120px);
    align-self: center;
    padding-left: 20px;
    padding-right: 10px;
}

.inner-brandde .Bdetails h5 {
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: column;
}

.inner-brandde .Bdetails>h5>a {
    color: var(--black-color);
}

.inner-brandde .Bdetails>h5>a:focus {
    color: var(--primary);
    outline: none;
}

.inner-brandde .b-options {
    flex: 0 0 20px;
    max-width: 20px;
}

.inner-brandde .b-options .dropdown-toggle {
    outline: none;
    background-color: transparent;
    border: none;
}

.inner-brandde .b-options .dropdown-toggle::after {
    display: none;
}

.inner-brandde .b-options .dropdown-toggle svg {
    height: 20px;
}

.inner-brandde .b-options .dropdown-toggle svg:focus,
.inner-brandde .b-options .dropdown-toggle svg path:focus{
    outline: none;
    fill: var(--primary);
}
.inner-brandde .b-options .dropdown-toggle:focus svg,
.inner-brandde .b-options .dropdown-toggle:focus svg path{
    outline: none;
    fill: var(--primary);
}
.inner-brandde .b-options .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
}

.inner-brandde .b-options .dropdown-menu .dropdown-item {
    font-size: 14px;
    padding: 8px 14px;
}
.inner-brandde .b-options .dropdown-menu .dropdown-item:focus{
    outline: none;
}
.inner-brandde .b-options .dropdown-menu .dropdown-item:active {
    background-color: var(--secondary);
}

.br-details {
    background-color: var(--lightgray-color);
    padding: 20px;
    border-radius: 10px;
    transition: all 350ms ease-in-out;
    height: 250px;
}

.br-details img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.brand_link::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.coming-soon {
    display: grid;
    width: 100%;
    height: calc(100vh - 160px);
    text-align: center;
    align-items: center;
    vertical-align: middle;
}

.coming-soon h3 {
    font-size: 143px;
    font-weight: 800;
    text-transform: uppercase;
    opacity: .3;
    color: var(--primary);
}

.add_brand_wrapper {
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.add_brand_wrapper .nbtn {
    min-width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    border-radius: 5px;
    min-height: 40px;
    white-space: nowrap;
}

.add_brand_wrapper .nbtn i {
    line-height: 0;
}

/* form  */
.kyc-configurator-form {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.kyc-configurator-form .head-form {
    width: 100%;
    background-image: url(../images/formbg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    padding: 10px;
    text-align: center;
}

.kyc-configurator-form .head-form .title h3 {
    color: var(--white-color);
    font-size: 22px;
}

.kyc-configurator-form .content-form {
    padding: 30px 20px;
}

.kyc-configurator-form .content-form .subtitle {
    text-align: center;
}

.kyc-configurator-form .content-form .subtitle span {
    font-size: 16px;
    font-weight: 700;
}

.kyc-configurator-form .content-form .subtitle p {
    font-size: 16px;
    margin-top: 20px;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--secondary);
}

.kyc-form form label {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 5px;
}

.kyc-form form .font-sm {
    display: block;
    margin-top: 2px;
    font-size: 14px;
    color: var(--gray-color);
}

table.dataTable tbody td a:focus {
    outline: none;
    color: var(--primary);
}
.kyc-form form input {
    margin-top: .5rem;
    text-align: left;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 0 3px !important;
    font-size: 16px;
    border-bottom-color: var(--gray-color);
    min-height: auto;
    max-width: 100%;
}
.kyc-form form input:focus{
    border-bottom-color: var(--primary) !important;
}
/* .clr-field button:focus{
    border: solid 1px var(--black-color);
} */
.kyc-form .form-group select {
    max-width: 100%;
}

.kyc-form .form-group .select2-container {
    width: 100% !important;
}

.check-list {
    display: flex;
    align-items: center;
    gap: 60px;
    padding-left: 5px;
}

.kyc-form form .check-list input {
    border: 1px solid var(--gray-color);
    padding: 5px 10px !important;
    width: 15px !important;
    height: 20px !important;
    border-radius: 3px;
    background-size: 14px !important;
}

.check-list .form-check {
    position: relative;
    display: flex;
    align-items: self-end;
    gap: 10px;
}

.kyc-form form .check-list label {
    font-size: 13px;
    font-weight: 400;
    color: var(--secondary);
    margin-bottom: 0;
}

.kyc-form form .logo-upload {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    gap: 50px;
}

.kyc-form form .logo-upload input {
    padding: 0 !important;
    min-height: fit-content;
    margin: 0;
}

.kyc-form form input[type=file]::file-selector-button {
    display: none;
}

.file-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.kyc-form form .fileName {
    font-size: 16px;
    color: var(--medium-sea-green);
    border: none;
    line-height: inherit;
    min-height: 20px;
}

.kyc-form form input[type=file]::file-selector-button:hover {
    background: var(--cobalt-blue);
}

.kyc-form form .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='512' height='363' viewBox='0 0 512 363' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.58147 243.737L104.267 341.422C131.736 368.883 176.264 368.883 203.734 341.422L505.418 39.7377C514.415 30.4226 514.156 15.5788 504.841 6.58243C495.755 -2.19414 481.348 -2.19414 472.262 6.58243L170.579 308.267C161.422 317.42 146.579 317.42 137.423 308.267L39.7379 210.581C30.4227 201.585 15.579 201.843 6.58257 211.158C-2.19401 220.245 -2.19401 234.65 6.58147 243.737Z' fill='%23DFA465'/%3E%3C/svg%3E%0A");
    background-color: transparent;
    background-size: 16px;
}

.kyc-form form .upload_brand_logo {
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    max-width: 285px;
    padding: 4px;
    border: 1px solid var(--primary);
    border-radius: 4px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: var(--secondary);
    cursor: pointer;
}
.upload_brand_logo {
    transition: outline 0.2s ease;
  }
.logo-upload:focus-within .upload_brand_logo {
    border: 1px solid var(--black-color);

}
.logo-upload-wrapper > a:focus{
    color: var(--primary);
    outline: none;
}
.kyc-form .addbtn {
    background-color: var(--gray-color);
    padding: 3px;
    border: 1px solid var(--gray-color);
    border-radius: 4px;
    /* position: absolute; */
    right: 0;
    top: 0;
}

.kyc-form .filename_upload {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.kyc-form .filename_upload .uploadlogo_text ~ span#uploadlogo-error {
    position: absolute;
    bottom: -12px;
    min-width: 310px;
}

.kyc-form .filename_upload .form-check-input {
    width: 25px;
    height: 25px;
    padding: 5px !important;
    border: 1px solid var(--medium-sea-green);
}

.kyc-form .filename_upload .form-check {
    padding: 0;
    margin: 0;
    min-height: 0 !important;
}

.kyc-form .filename_upload .uploadlogo_text {
    color: var(--medium-sea-green);
    border: none;
    line-height: inherit;
    min-height: 20px;
}

.kyc-form .filename_upload .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='512' height='370' viewBox='0 0 512 370' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M165.316 369.605C150.782 369.611 136.844 363.835 126.576 353.549L9.45196 236.469C-3.15065 223.862 -3.15065 203.427 9.45196 190.82C22.0586 178.217 42.494 178.217 55.1006 190.82L165.316 301.035L456.899 9.45196C469.506 -3.15065 489.941 -3.15065 502.548 9.45196C515.151 22.0586 515.151 42.494 502.548 55.1006L204.056 353.549C193.788 363.835 179.85 369.611 165.316 369.605Z' fill='white'/%3E%3C/svg%3E%0A");
    background-color: var(--medium-sea-green);
}

.configuration_btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-top: 1px solid var(--secondary);
    padding-top: 1.5rem;
    margin-top: 2rem;
}

.configuration_btns .back-btn .outline-btn {
    width: 100%;
    min-height: 46px;
    margin-bottom: 0;
    min-width: 150px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.configuration_btns a {
    padding: 12px 20px !important;
}

.configuration_btns .back-btn .outline-btn:hover {
    opacity: .7;
}

.configuration_btns .back-btn .outline-btn svg {
    position: absolute;
    left: 8px;
}

.configuration_btns .back-btn .outline-btn svg path {
    fill: var(--gray-color);
}

.configuration_btns .save_btn .nbtn {
    padding: 10px 20px;
    min-height: auto;
    min-width: 150px;
}

.kyc-form .form-group {
    margin-bottom: 2rem;
}

.colorpicker_wrapper>.colorpicker_inner input[type="text"] {
    cursor: pointer;
}

.brand-lang .select2-selection.select2-selection--single {
    border-color: var(--primary);
    height: 40px;
}

.brand-lang .select2-container {
    margin-top: .5rem;
    width: 100% !important;
    max-width: 350px;
}

.brand-lang .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.brand-lang .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 39px;
}

.brand-listing {
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.brand-listing .table-subtitle {
    margin-bottom: 0;
    white-space: nowrap;
}

.select_brand select {
    min-height: 29px;
    padding: 4px 120px 4px 4px;
    border: 1px solid var(--gray-color);
    border-radius: 4px;
    outline: none;
    box-shadow: none;
    color: var(--secondary) !important;
}
.select_brand select:focus{
    border: 1px solid var(--primary) !important;
}
.select_brand label {
    font-size: 15px;
    font-weight: 600;
    color: var(--secondary) !important;
    margin-bottom: 5px;
}

.cardUser-details {
    margin-top: 70px;
}

.user_content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    row-gap: 20px;
    padding-left: 5px;
}

.user-detail-area .user_profile {
    max-width: 220px;
    height: 220px;
    border-radius: 10px;
}

.user-detail-area .user_profile img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 10px;
}

.user_content .name h4 {
    font-size: 18px;
    margin-bottom: 8px;
}

.user_content .name span {
    font-size: 15px;
    color: var(--secondary);
}

.user_identity {
    margin-bottom: 20px;
}

.user_identity .identity_name {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
}

.user_identity .id-img {
    width: 100%;
    height: 245px;
    padding: 10px;
    background-color: var(--champagne);
    border-radius: 10px;
}

.user_identity .identity_name .pimg-area {
    flex: 0;
}

.user_identity .identity_name .pid-title {
    flex: none;
    font-size: 16px;
    font-weight: 700;
    color: var(--secondary);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.user-detail-area>.row {
    position: relative;
    padding: 15px 0 30px;
    margin: 0;
    border-radius: 10px;
}

/* .mainBlockTop{
    border: 1px solid var(--border-color);
} */

.user_identity .id-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cardUser-details .brand-listing {
    position: relative;
    z-index: 1;
    margin-bottom: 2rem;
}

.cardUser-details .brand-listing::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--gray-color);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}

.cardUser-details .brand-listing .table-subtitle {
    width: calc(100% - 30px);
    background-color: var(--white-color);
    padding-right: 20px;
    margin-bottom: 0;
}

.components_kyc {
    position: absolute;
    right: 5px;
    top: 20px;
    width: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.components_kyc .content {
    margin-bottom: 20px;
}

.components_kyc .default {
    margin: 0 5px;
}

.components_kyc .switch {
    display: inline-block;
}

.components_kyc .switch input {
    display: none;
}

.components_kyc .switch small {
    display: flex;
    width: 100px;
    height: 30px;
    background: var(--red-color);
    border-radius: 40px;
    position: relative;
    cursor: pointer;
    padding: unset;
    vertical-align: middle;
    align-items: center;
}

.components_kyc .switch small:after {
    content: "Pending";
    position: absolute;
    color: var(--white-color);
    font-size: 11px;
    font-weight: 600;
    width: 100%;
    text-align: right;
    padding: 0 6px;
    box-sizing: border-box;
    line-height: 18px;
}

.components_kyc .switch small:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: var(--white-color);
    border-radius: 50%;
    top: 8px;
    left: 5px;
    transition: .3s;
    box-shadow: -3px 0 3px rgba(0, 0, 0, 0.1);
}

.components_kyc .switch input:checked~small {
    background: var(--green-color);
    transition: .3s;
}

.components_kyc .switch input:checked~small:before {
    transform: translate(75px, 0px);
    transition: .3s;
}

.components_kyc .switch input:checked~small:after {
    content: "Active";
    text-align: left;
}

.components_kyc .form-switch .form-check-input {
    width: 3em;
    height: 1.2rem;
}

.components_kyc span {
    font-size: 16px;
    font-weight: 700;
    color: var(--secondary);
}

.components_kyc .form-switch .form-check-input:checked {
    background-color: var(--green-color);
    border-color: var(--green-color);
}

/* switch  */
input[switch] {
    display: none;
}

input[switch]+label {
    font-size: 1em;
    line-height: 1;
    width: 5rem;
    height: 1.5rem;
    background-color: var(--mid-lightgray-color);
    background-image: none;
    border-radius: 2rem;
    padding: 0.9rem;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) inset;
    font-family: inherit;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

input[switch]+label:before {
    /* Label */
    text-transform: uppercase;
    color: var(--gray-color);
    content: attr(data-off-label);
    display: block;
    font-weight: 800;
    font-size: 0.6rem;
    line-height: 1.22rem;
    position: absolute;
    right: 0.2166666667rem;
    margin: 0.2166666667rem;
    top: 2px;
    text-align: center;
    min-width: 1.6666666667rem;
    overflow: hidden;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

input[switch]+label:after {
    /* Slider */
    content: "";
    position: absolute;
    top: 3.5px;
    left: 0.1666666667rem;
    background-color: var(--lightgray-color);
    box-shadow: none;
    border-radius: 5rem;
    height: 1.4rem;
    width: 1.4rem;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

input[switch]:checked+label:before {
    color: var(--white-color);
    content: attr(data-on-label);
    right: auto;
    left: 0.2166666667rem;
    top: 3px;
}

input[switch]:checked+label:after {
    left: 3.4rem;
    top: 4px;
    background-color: var(--lightgray-color);
    /* box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3); */
}

input[switch="bool"]+label {
    background-color: var(--red-color);
}

input[switch="bool"]+label:before {
    color: var(--white-color) !important;
    top: 3px;
}

input[switch="bool"]:checked+label {
    background-color: var(--green-color);
}

input[switch="bool"]:checked+label:before {
    color: var(--white-color) !important;
}

input[switch="default"]:checked+label {
    background-color: var(--spanish-gray);
}

input[switch="default"]:checked+label:before {
    color: var(--white-color) !important;
}

input[switch="success"]:checked+label {
    background-color: var(--green-color);
}

input[switch="success"]:checked+label:before {
    color: var(--white-color) !important;
}

input[switch="warning"]:checked+label {
    background-color: gold;
}

input[switch="warning"]:checked+label:before {
    color: var(--white-color) !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: var(--primary) !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: 0 0 0 3px var(--light-primary-color) !important;
}

div:where(.swal2-icon).swal2-info {
    color: var(--primary) !important;
    border-color: var(--light-primary-color) !important;
}

.addExerciseLibrary-wrapper .select2-container--default {
    width: 100% !important;
}

.addExerciseLibrary-wrapper .select2-container--default .select2-selection--single {
    border-radius: 5px;
    border: 1px solid var(--border-color);
    height: 44px;
    font-size: 14px;
    font-weight: 400;
    padding: 0 5px;
    display: flex;
    align-items: center;
}

.addExerciseLibrary-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0;
    right: 0;
    width: 30px;
}

.addExerciseLibrary-wrapper .select2-selection__rendered {
    margin-bottom: 0 !important;
}

.addExerciseLibrary-wrapper span.select2-selection.select2-selection--multiple {
    margin: 0;
    min-height: 37px;
    font-size: 14px;
    vertical-align: middle;
    padding: 6px 7px !important;
}

.addExerciseLibrary-wrapper span.select2-search.select2-search--inline {
    line-height: normal !important;
    min-height: 18px;
    height: 18px;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da !important;
    flex-direction: inherit !important;
    flex-wrap: wrap;
}
.select2-container--default .select2-selection--multiple:focus,
.select2-container--default .select2-selection--single:focus {
    border: 1px solid var(--primary) !important;
    outline: none;
}

.addExerciseLibrary-wrapper li.select2-selection__choice {
    line-height: normal !important;
}

.addExerciseLibrary-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.addExerciseLibrary-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: transparent;
    color: var(--darkgray-color);
    outline: none;
}

.addExerciseLibrary-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 12px !important;
    line-height: 14px;
    padding-left: 4px !important;
    border: 1px solid var(--primary) !important;
    background-color: var(--primary);
    padding: 3px 40px 3px 10px !important;
    margin: 3px;
}

.addExerciseLibrary-wrapper li.select2-selection__choice .select2-selection__choice__remove {
    top: 3px !important;
    right: 5px !important;
    width: fit-content;
    margin-left: auto;
    border-color: var(--white-color);
    color: var(--white-color);
    border: none;
    border-radius: 0;
    border-left: 1px solid var(--white-color);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    color: var(--white-color);
}
/* end  */

/* login page  */
.login-wrapper {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fa-eye:before {
    content: "\f06e" !important;
}

.login-wrapper input[type="text"],
.login-wrapper input[type="email"],
.login-wrapper input[type="password"] {
    width: 100%;
    height: 50px !important;
    background-color: var(--white-color);
    display: block;
    border: 1px solid var(--darkBorder-color);
    font-size: 14px;
    font-weight: 500;
}

.input-password-wrap {
    position: relative;
}

.input-password-wrap>i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
}

.login-wrapper .form_wrapper {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    border: 1px solid var(--darkBorder-color);
    padding: 35px 30px;
    border-radius: 5px;
    background-color: var(--white-color);
}

.form_wrapper .nextstepbtn {
    min-width: 100%;
}

.login-wrapper .form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.25rem rgb(223 164 101 / 10%);
}

.login-wrapper label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.login-wrapper label.form-check-label {
    margin: 0;
}

.login-wrapper form.form_wrapper h3 {
    font-variant-caps: normal;
    font-weight: 600;
    color: var(--secondary);
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

.second_factor_authentication .top-content-login img {
    margin-bottom: 16px !important;
}

.login-wrapper {
    background: url(../images/background-idfox.jpg);
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.login-wrapper .top-content-login img {
    max-width: 105px;
    margin-bottom: 12px;
}

.top-content-login {
    text-align: center;
}

.login-wrapper .form-check-input{
  width: 20px; 
  height: 20px;  
}

.login-wrapper .form-check-input:checked {
    border-color:var(--gray-color);
    background-image: url("data:image/svg+xml,%3Csvg width='512' height='363' viewBox='0 0 512 363' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.58147 243.737L104.267 341.422C131.736 368.883 176.264 368.883 203.734 341.422L505.418 39.7377C514.415 30.4226 514.156 15.5788 504.841 6.58243C495.755 -2.19414 481.348 -2.19414 472.262 6.58243L170.579 308.267C161.422 317.42 146.579 317.42 137.423 308.267L39.7379 210.581C30.4227 201.585 15.579 201.843 6.58257 211.158C-2.19401 220.245 -2.19401 234.65 6.58147 243.737Z' fill='%23DFA465'/%3E%3C/svg%3E%0A");
    background-color: transparent;
    background-size: 12px;
}

.login-wrapper .form-check {
    display: flex;
    align-items: center;
    gap: 7px;
}

.login-wrapper .form-check-input:focus {
    border-color: var(--primary);
    box-shadow: none;
}

/* end  */
.createuser-form .select2-selection.select2-selection--single {
    border-color: var(--primary);
    height: 40px;
}

.createuser-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}

.createuser-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 39px;
}

/* datepicker  */
div#ui-datepicker-div {
    width: -webkit-fill-available;
    max-width: 500px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 1em;
    text-align: center;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background: no-repeat;
    background-color: var(--primary);
    border: 1px solid var(--primary);
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    padding: 5px;
    border: none;
    margin: 0 5px;
    border-radius: 4px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: none;
    border-color: var(--border-color);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    color: var(--white-color);
    background: none;
    background-color: var(--primary);
    font-weight: 500;
    border-color: var(--primary);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    color: var(--white-color);
    background: none;
    background-color: var(--secondary);
    font-weight: 500;
    border-color: var(--secondary);
}

.ui-widget-content {
    border: none;
    margin-top: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px;
}

.ui-state-hover {
    color: var(--white-color) !important;
    background: none !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary {
    margin-right: 0;
    font-size: 12px;
    padding: 10px 20px !important;
    border-color: var(--black-color);
    background-color: var(--black-color);
    color: var(--white-color);
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
    margin-left: 0;
    font-size: 12px;
    padding: 10px 20px;
    border-color: var(--secondary);
    background-color: var(--secondary);
    color: var(--white-color);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 4px !important;
    border: none !important;
    right: 2px !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px !important;
}

.fileForm {
    display: flex;
    align-items: center;
    gap: 30px;
}

/* end  */
.photo-fields {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.photo-fields>li {
    flex: 0 0 25%;
    max-width: 25%;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    position: relative;
}

.photo-fields>li>input {
    position: absolute;
    left: 5px;
    top: 0;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.photo-fields>li>a {
    font-size: 14px;
    color: var(--secondary);
    display: flex;
    align-items: center;
    background-color: var(--lightgray-color);
    border-radius: 2px;
    padding: 10px;
    cursor: pointer;
}

.pimg-area {
    flex: 0 0 50px;
}

.pid-title {
    flex: 0 0 calc(100% - 50px);
    text-align: center;
}

.photo-fields>li>input:checked+a,
.photo-fields>li>a:hover {
    background: var(--primary);
    color: var(--black-color);
}

.photo-fields>li>input:checked+a span.pimg-area svg,
.photo-fields>li>a:hover span.pimg-area svg {
    filter: brightness(0.5);
}

.file-search>label svg {
    width: 24px;
    height: 24px;
}

.file-search>label svg path {
    fill: var(--white-color);
}

.file-search .input-file {
    position: absolute;
    width: 285px;
    height: 50px;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.image-name {
    color: var(--secondary);
    font-size: 20px;
    line-height: 1.3;
    display: block;
    margin-top: 10px;
}

.modal-body p {
    color: var(--secondary);
    font-size: 15px;
    font-weight: 400;
}

/* loader css  */
.pageloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: var(--light-primary-color);
}

.pageloader .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dropzoneLoader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: var(--light-primary-color);
}

.dropzoneLoader .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.line-scale>div {
    background-color: var(--white-color);
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}

.line-scale>div:nth-child(1) {
    -webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale>div:nth-child(2) {
    -webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale>div:nth-child(3) {
    -webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale>div:nth-child(4) {
    -webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale>div:nth-child(5) {
    -webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

@-webkit-keyframes line-scale {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4);
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}

@keyframes line-scale {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4);
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1);
    }
}

/* end  */
.default-check {
    padding-left: 15px !important;
}

.select-box-wrap {
    position: relative;
}

.select-box-wrap .error {
    position: absolute;
    bottom: -15px;
}

.kyc-form .form-group.detail-fields .dob-fields {
    max-width: 100%;
}

.modal-middledata .modal-body.text-center .file-selectarea .fileForm {
    align-items: flex-start;
    flex-wrap: wrap;
}

.modal-middledata .modal-body.text-center .file-selectarea .fileForm .upload-new-item {
    align-items: center;
    flex-wrap: wrap
}

.modal-middledata .modal-body.text-center .file-selectarea .fileForm .upload-new-item .upload-imgarea .action-btn {
    margin: 10px auto 0;
    cursor: pointer;
}

.modal-middledata .modal-body.text-center .file-selectarea .fileForm .upload-new-item .file-search {
    position: relative;
}

.modal-middledata .modal-body.text-center .file-selectarea .fileForm .upload-new-item .file-search .contactError {
    position: absolute;
    bottom: -14px;
}

.address-data {
    margin-bottom: 5px;
}

.data-fieldtable table.dataTable th,
.data-fieldtable table.dataTable tbody td {
    vertical-align: middle;
}

.select_brand {
    text-align: right;
}

.is-invalid~i {
    top: 25px;
    right: 27px;
}

.form-control.is-invalid {
    background-size: 13px;
}

.inner-brandde .Bimage img {
    width: 100%;
    max-width: 70px;
}

.disabled-file {
    cursor: no-drop !important;
    pointer-events: none;
}

.disabled-file~label {
    opacity: .5;
}

.disabled-file~label:hover {
    color: var(--primary) !important;
}

.uploadOption-changed~a {
    position: relative;
    display: inline-block;
}

.note-box {
    margin: -13px 0 0 0;
    padding: 12px 10px 12px;
    border: 2px solid var(--sangria-red);
    background-color: var(--sangria-red);
    border-radius: 5px;
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 999;
    left: auto;
    display: none;
    top: -100%;
    max-width: 384px;
}

.note-box::before {
    content: " ";
    position: absolute;
    bottom: -21px;
    left: 50%;
    margin-left: -9px;
    margin-top: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: var(--sangria-red) transparent transparent transparent;
}

.note-box svg {
    width: 18px;
    margin-right: 6px;
    position: absolute;
    left: 7px;
}

.note-box svg path {
    fill: var(--red-color);
}

.note-box svg circle {
    fill: var(--red-color);
}

.note-box span {
    font-size: 12px;
    color: var(--white-color);
}

.info-icon {
    position: absolute;
    right: 14px;
    bottom: 26px;
    z-index: 99;
}

.info-icon svg {
    width: 18px;
    height: 18px;
}

.info-icon svg path {
    fill: var(--red-color);
}

.info-icon svg circle {
    fill: var(--red-color);
}

.info-icon:hover~.note-box {
    display: block;
}

.info-icon.active~.note-box {
    display: block;
}

.info-icon:focus~.note-box {
    display: block;
}

.customer-title {
    width: fit-content;
    position: relative;
    padding-bottom: .7rem;
}

.customer-title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 50%;
    height: 4px;
    background-color: var(--primary);
    border-radius: 20px;
}

.select-box-wrap .contactError {
    position: absolute;
    bottom: -16px;
    font-size: 12px;
}

/*--- 06-02-2024----*/
.form-check.detail-fields.select-box-wrap div {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

.form-check.detail-fields.select-box-wrap div label {
    margin: 0;
    line-height: 1.8;
}

.form-check.detail-fields.select-box-wrap div input {
    margin: 0;
}

.check-list.default-check.step_form_checkbox {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: self-start;
}

.step_form_checkbox .form-check.detail-fields.select-box-wrap {
    padding: 0;
    flex-wrap: wrap;
}

.step-form-checkbox-title {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
}

/* 404  */
.error-warpper .content {
    max-width: 400px;
    margin: auto;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.error-warpper .error-code {
    display: block;
    font-size: 400px;
    color: var(--light-orange);
    font-weight: 900;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -85%);
}

.error-warpper .error-message {
    font-size: 36px;
    font-weight: 600;
    color: var(--darkgray-color);
    padding-top: 140px;
    margin-bottom: 8px;
}

.error-warpper .home-link {
    background-color: var(--primary);
    font-size: 16px;
    font-weight: 700;
    min-width: 110px;
    position: relative;
    border-radius: 4px;
    color: var(--white-color);
    display: inline-block;
    text-align: center;
    padding: 16px 15px;
    box-shadow: 5px 8px 12px rgb(135 85 33 / 16%);
    border: 1px solid transparent;
    text-decoration: none;
    margin-top: 5px;
    transition: all .5s;
}

.error-warpper .home-link:focus,
.error-warpper .home-link:hover {
    background-color: var(--white-color);
    color: var(--primary);
    border-color: var(--primary);
}

.error-warpper {
    background: url(../images/login-bg.png);
    width: 100%;
    height: 100vh;
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.error-warpper .container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* end  */
/* status pending  */
.status-wrapper {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--sandstone);
}

.status-content {
    max-width: 670px;
    margin: 0 auto;
    padding: 0 15px;
}

.status-icon {
    text-align: center;
    margin-bottom: 20px;
}

.status-icon svg {
    width: 300px;
    height: 300px;
}

.middle-content {
    text-align: center;
}

.middle-content h3 {
    margin-bottom: 20px;
}

.middle-content p {
    font-size: 16px;
    line-height: 27px;
    color: grey;
}

.middle-content .btn {
    background-color: var(--primary);
    font-size: 16px;
    font-weight: 700;
    min-width: 110px;
    position: relative;
    border-radius: 4px;
    color: var(--white-color);
    display: inline-block;
    text-align: center;
    padding: 16px 30px;
    box-shadow: 5px 8px 12px rgb(135 85 33 / 16%);
    border: 1px solid transparent;
    text-decoration: none;
    margin-top: 30px;
    transition: all .5s;
}

.middle-content .btn:hover {
    background-color: var(--white-color);
    color: var(--primary);
    border-color: var(--primary);
}

/* end  */
.buttons-pdf {
    display: none !important;
}

/* profile */
.img-user {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid var(--gainsboro);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    font-size: 20px;
    font-weight: 700;
    background: var(--primary);
}

.user-dropdown .dropdown-menu {
    border-radius: 10px;
    border: 0;
    min-width: 264px;
    width: 100%;
    padding: 0 !important;
    right: -28px !important;
    top: 5px !important;
    box-shadow: rgb(100 100 111 / 16%) 0px 7px 29px 0px;
    transform: translate3d(-108px, 48px, 0px) !important;
}

.user-dropdown .dropdown-menu:before {
    position: absolute;
    content: "";
    clip-path: path("M12.9902 0L25.9806 8.2716H-0.000146866L12.9902 0Z");
    right: 19px;
    width: 26px;
    height: 9px;
    top: -8px;
    background: var(--white-color);
}

.user-dropdown .dropdown-menu li {
    position: relative;
}

.user-dropdown .dropdown-menu li .dropdown-item {
    font-size: 15px;
    font-weight: 500;
    padding: 13.5px 15px;
    border-bottom: 1px solid var(--border-color);
    color: var(--secondary);
    transition: 0.4s ease-in-out;
    
}

.user-dropdown .dropdown-menu li:last-child .dropdown-item {
    border-bottom: 0;
}

.user-dropdown .dropdown-menu li .dropdown-item span {
    display: block;
    font-weight: 700;
    color: var(--black-color);
    margin-bottom: 5px;
}

.user-dropdown .dropdown-menu li .dropdown-item:hover,
.user-dropdown .dropdown-menu li .dropdown-item:focus {
    color: var(--primary);
    background-color: var(--fawn);
    outline: none;
}

.user-dropdown .dropdown-menu li .dropdown-item:hover svg,
.user-dropdown .dropdown-menu li .dropdown-item:active svg {
    stroke: var(--primary);
}

.arrow-icon {
    margin: 0 !important;
    transform: rotate(180deg);
}

.user-dropdown .dropdown-toggle .arrow-icon {
    transition: all .4s ease-in-out;
}

.user-dropdown .dropdown-toggle .arrow-icon svg {
    width: 10px;
    height: 10px;
    transition: all .4s ease-in-out;
}

.user-dropdown .dropdown-toggle.show .arrow-icon {
    transform: rotate(0deg);
}

.user-dropdown .dropdown-menu li .dropdown-item svg {
    margin-right: 12px;
}

.user-dropdown .dropdown-toggle::after {
    display: none;
}

.user-dropdown .dropdown-toggle {
    display: flex;
    align-items: center;
    cursor: pointer;
    background: transparent;
    border: none;
}
.user-dropdown .dropdown-toggle:focus {
    outline: solid 1px var(--primary) !important;
}

.name-dta {
    margin-left: 10px;
    gap: 7px;
}

.welcome-user {
    text-align: left;
}

.welcome {
    display: block;
    font-size: 14px;
    margin-bottom: 1px;
}

.user-name-title {
    font-size: 16px;
    font-weight: 700;
}

/* 11-05-2024 */
.header_profile .add_brand>a {
    padding: 11px 15px;
    min-height: 45px;
}

.header_profile {
    display: flex;
    align-items: center;
    gap: 24px;
    /* flex-wrap: wrap; */
    margin-right: 40px !important;
}

.mobile-user-profile>.dropdown.user-dropdown.desktop-mode {
    display: none;
}

/* sleep mode */
.sleep-wrapper {
    z-index: 99999 !important;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.sleep-wrapper::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.sleep-wrapper__thumb {
    position: absolute;
    left: -5%;
    top: -5%;
    filter: blur(9px);
    width: 110%;
    height: 110%;
    z-index: -1;
    right: -5%;
    bottom: -5%;
}

.sleep-wrapper__thumb::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--black-color);
    z-index: -1;
}

.sleep-wrapper__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.avatar__icon {
    width: 200px;
    height: 200px;
    background-color: var(--earth-yellow);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 100px;
    border-radius: 50%;
    color: var(--white-color);
}

.kyc-default-disable ~ .select2-container .select2-selection--single, .disable-input {
    cursor: default;
    pointer-events: none;
    background-color: var(--bright-gray);
}

.logout-item-anchor{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logout-item-anchor img{
    filter: invert(1);
    max-width: 18px;
    margin-bottom: 5px;
}

div.dt-buttons {
    float: left;
    margin-left: 0;
    margin-bottom: 5px;
    position: fixed;
    z-index: 999;
    margin-top: -54px;
}

div.dt-buttons .buttons-export:focus{
    outline: none !important;
}

.kyc-configurator-form .form-group.detail-fields {
    position: relative;
}

.kyc-configurator-form .form-group.detail-fields select ~ span.error {
    position: absolute;
    bottom: -16px;
    z-index: 1;
}

select.status-dropdown {
    font-size: 13px;
    border: 1px solid var(--gray-color);
}

select.status-dropdown:focus{
    box-shadow: none;
    border-color: var(--primary);
}

/* 18-06-2024 */
/* .customer-show:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
} */


table tr:focus,
table tr:focus-visible{
    background-color:var(--darkBorder-color) !important;
}

table tr:focus,
.datasetValue .customer-show:focus::after{
    border: solid 1px var(--darkBorder-color);
}

table.dataTable tbody tr,
table.dataTable tbody .odd,
table.dataTable tbody .even{
    position: relative !important;
}

.p-relative {
    position: relative;
    z-index: 2;
}

/* th:first-child::before, th:first-child::after {
    opacity: 0 !important;
} */

.user-dropdown .dropdown-toggle .arrow-icon svg:focus {
    outline: none !important;
}

/* 24-06-2024 */
#customer-table_wrapper, #dashboard-table_wrapper, #upload-options-table_wrapper, #kyc-configurations-table_wrapper, #kycsearches-table_wrapper, #kycmatches-table_wrapper, #countries-table_wrapper, #transaction-table_wrapper, #notetemplate-table_wrapper, #people-table_wrapper,#tag-table_wrapper{
    overflow: auto;
    height: 100%;
}

th.column-sticky,
th.column-sticky-left {
    background: var(--mdbright-gray) !important;
}
.column-sticky {
    position: sticky;
    top: 0;
    z-index: 2;
    right: 0;
    background: var(--white-color) !important;
}
.column-sticky-left {
    position: sticky !important;
    top: 0;
    z-index: 2;
    left: 0;
    background: var(--white-color) !important;
}
/* 24-06-2024 */

div#loadmore-data {
    position: absolute;
    bottom: 20px;
    z-index: 999;
    top: auto;
}

div.dataTables_processing>div:last-child>div{
    background: var(--primary);
}
.table-responsive-,.table-responsive {
    position: relative;
}

table.dataTable thead {
    position: sticky;
    top: 0;
    z-index: 99;
    background-color: var(--white-color);
}

.dataTables_wrapper::-webkit-scrollbar,
.applicants-tags::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }  
/* Track */
.dataTables_wrapper::-webkit-scrollbar-track,
.applicants-tags::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 10px;
}

/* Handle */
.dataTables_wrapper::-webkit-scrollbar-thumb,
.applicants-tags::-webkit-scrollbar-thumb {
background: var(--secondary); 
border-radius: 10px;
}

/* Handle on hover */
.dataTables_wrapper::-webkit-scrollbar-thumb:hover,
.applicants-tags::-webkit-scrollbar-thumb:hover {
background: var(--secondary); 
}
  table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    border-bottom: 1px solid var(--snow) !important;
}
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    white-space: nowrap;
    width: auto !important;
}
table.dataTable>thead>tr>th{
    padding-right: 30px !important;
}

.table-filter-form input, 
.table-filter-form select, 
.table-filter-form button {
    font-size: 12px;
    padding: .282rem .75rem !important;
    border-radius: 5px !important;
}

.select2-container--default .select2-selection--single{
    border-radius: 5px !important;
}

.table-filter-form input:focus, 
.table-filter-form select:focus{
    box-shadow: none;
    border-color: var(--primary);
}

input#ft-dt-created_at,
input#ft-dt-updated_at,
input#ft-dt-dob {
    min-width: 120px !important;
    padding:.375rem .5rem;
}

div.dataTables_processing{
    top: 35px;
    z-index: 999;
    width: auto;
    margin-left: 0;
    margin-top: -15px;
    transform: translate(-50%, -50%);
}

div.dataTables_processing div{
    margin: 0 !important;
}

div#upload-options-table_length {
    margin-right: 7px;
}

.tooltiplabel span.tooltipIcon {
    display: inline-flex;
    width: 14px;
    height: 14px;
    transform: translate(2px, 3px);
}

.msisdn-valid {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid grey;
}

.msisdn-valid.valid {
    background-color: var(--medium-sea-green);
}

.msisdn-valid.in-valid {
    background-color: var(--sangria-red);
}

.msisdn-valid.unknown {
    background-color: var(--white-color);
}

.msisdn{
    display: flex;
    align-items: center;
    gap: 5px;
}
/* .sidebar-logo .logo-full-dark {
    max-width: 150px;
} */

.sidebar-toggle-icon{
    position: absolute;
    right: 12px;
    top: 10px;
    color: var(--white-color);
    cursor: pointer;
    transition: all .35s ease-in-out;
}

.sidebar-toggle-icon svg polyline:focus,
.sidebar-toggle-icon svg:focus{
    border: none;
    outline: none;
}

.nav-area.sidebarshow .sidebar-logo{
    margin-top: 2rem;
    margin-bottom: 1rem;
}

body.open-sidebar .sidebar-toggle-icon {
    top: 12px;
    right: 16px;
    transform: rotate(180deg);
}

.dashboard-blog .nav-area::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
.dashboard-blog .nav-area::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}

/* Handle */
.dashboard-blog .nav-area::-webkit-scrollbar-thumb {
    background: var(--secondary); 
    border-radius: 10px;
}

div#customer-table_wrapper ,
#kycsearches-table_wrapper,
#kycmatches-table_wrapper,
div#kyc-configurations-table_wrapper, 
#countries-table_wrapper,
#transaction-table_wrapper,
#notetemplate-table_wrapper, 
#people-table_wrapper,
#tag-table_wrapper {
    height: 100% !important;
    max-height: calc(100vh - 220px) !important;
}

div#dashboard-table_wrapper{
    max-height: calc(100vh - 220px) !important;
}

td.column-sticky.gap-1 .filter-reset-btn {
    margin-left: 5px;
}

.avatar__title {
    margin-top: 20px;
    color: var(--white-color);
    margin-bottom: 10px;
}

.sleep__button {
    background-color: var(--primary);
    font-size: 16px;
    font-weight: 700;
    min-width: 110px;
    position: relative;
    border-radius: 4px;
    color: var(--white-color);
    display: inline-block;
    text-align: center;
    padding: 10px 15px;
    box-shadow: 5px 8px 12px rgb(135 85 33 / 16%);
    border: 1px solid transparent;
    text-decoration: none;
    margin-top: 5px;
    transition: all .5s;
}

.sleep__button:hover,
.sleep__button:focus {
    background-color: var(--white-color);
    color: var(--primary);
    border-color: var(--primary);
}

.avatar__content {
    text-align: center;
}

.clock {
    color: var(--white-color);
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1
}

.sleep-bottom__menu {
    margin-left: 15px;
}

.sleep-bottom {
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sleep-bottom-menu__button {
    background-color: var(--white-opacity-16);
    border: 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    color: var(--lightWhite-color);
}

.sleep-bottom-menu__button.dropdown-toggle::after {
    display: none;
}

.sleep-bottom-dropdown {
    background-color: var(--black-opacity-66);
    padding: 10px;
    border-radius: 5px;
    border: 0; 
}

.sleep-bottom-dropdown .dropdown-item {
    color: var(--lightWhite-color);
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 15px;
}

.sleep-bottom-dropdown .dropdown-item__icon {
    font-size: 13px;
    margin-right: 3px;
}

.sleep-bottom-dropdown .dropdown-item:hover,
.sleep-bottom-dropdown .dropdown-item:focus {
    background-color: var(--white-opacity-10);
}

.noData-yet {
    width: 100%;
    height: calc(100vh - 150px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.noData-yet h4 {
    font-size: 50px;
    font-weight: 900;
    color: var(--light-brown);
}

button#loginSubmit:disabled{
    color: var(--white-color) !important;
    opacity: .4 !important;
    pointer-events:none;
}

/* Tel input group css */
.tel_input{
    display: flex;
    align-items: end;
}

.tel_input select{
    min-height: 21px;
    font-size: 15px  !important;
    max-width: 70px !important;
    text-align: left;
    padding: 0 0 3px !important;
    border-bottom-color: var(--gray-color);
    color: var(--secondary);
}

.kyc-form form .tel_input input{
    padding-left: 15px !important;
}

.num_text {
    width: 100%;
    max-width: 80px;
}

.phonecode-select-box span.select2-dropdown {
    width: 250px !important;
}

.num_text .select2-selection.select2-selection--single{
    border: none;
    border-bottom: 1px solid var(--gray-color);
    border-radius: 0;
}

span.topd-img.flag-img {
    display: flex;
    align-items: center;
    gap: 5px;
}

span.topd-img.flag-img .select-country-text {
    display: flex;
    align-items: center;
    gap: 5px;
}

span.topd-img.flag-img .select-country-text .country_code {
    min-width: 50px;
}

span.topd-img.flag-img .select-country-text .country_name {
    font-size: 12px;
    white-space: nowrap;
}

.open-sidebar .dash-right-area {
    max-width: calc(100% - 66px);
    flex: 0 0 calc(100% - 66px);
    margin-left: 66px;
}

.nav-area.sidebarshow {
    width: 66px;
    flex: 0 0 66px;
    padding: 20px 0;
}

.nav-area.sidebarshow .nav-items li a {
    font-size: 0;
    transition: all 0.36s ease-in-out;
}

.logo-icon{
    display: none;
}

.nav-area.sidebarshow .logo-full-dark{
    display: none;
}

.nav-area.sidebarshow .logo-icon{
    display: block;
    max-width: 40px;
    margin: 0 auto;
}

table.dataTable{
    width: 100% !important;
}

.nav-area.sidebarshow .nav-items li .menu-img {
    margin: 0;
    transition: all 0.35s ease-in-out;
}

.nav-area.sidebarshow .nav-items li a {
    font-size: 0;
    transition: all 0.35s ease-in-out;
}

div#customer-table_wrapper div#customer-table_processing,
div#dashboard-table_wrapper div#dashboard-table_processing{
    top: 45px;
}

div#upload-options-table_wrapper .dataTables_processing,
div#kyc-configurations-table_processing{
    top: 45px;
}

div#upload-options-table_wrapper #upload-options-table_processing{
    top: 85px;
}

div#emailtemplate-table_processing{
    top: 95px;
}

.inner-brandde .Bdetails h5 span {
    font-size: 14px;
    font-weight: 400;
    word-break: break-all;
}

div#upload-options-table_wrapper {
    height: 100%;
    /* max-height: calc(100vh - 340px); */
}
/* 
div#kyc-configurations-table_wrapper {
    max-height: fit-content;
} */

div#upload-options-table_wrapper div.dt-buttons{
    position: inherit;
    margin-top: 0;
}
table.dataTable.no-footer{
    border-bottom: none;
    overflow:visible;
    box-sizing: border-box;
}

.humberger-icon{
    cursor: pointer;
}

.user-detail-area .fullName_wrapper{
    width: 100%;
    max-width: 220px;
    height: 220px;
    border-radius: 10px;
    border: 1px solid var(--lightgray-color);
    background: var(--lightgray-color);
    color: var(--secondary);
    font-size: 55px;
    font-weight: 700;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.brandNameWrap{
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
}

.brandNameWrap img {
    max-width: 25px;
}   

.user_content .name span a{
    color: var(--secondary);
    outline: none;
}

.user_content .name span a:hover,
.user_content .name span a:focus{
    color: var(--primary);
}
.select2-selection--multiple.select2-focused {
    border-color: var(--primary) !important;
  }
  
.tableFlags {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: monospace;
    /* font-size: 13px; */
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.tableFlags img {
    max-width: 20px;
}   

.tableFlagSelect ~ .select2-container span.select2-selection {
    height: 29px;
    border-color: var(--mdbright-gray);
}

.tableFlagSelect ~ .select2-container span.select2-selection:focus{
    border-color: var(--primary);
    outline: none;
}

.tableFlagSelect ~ .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 29px;
}


.tableFlagSelect ~ .select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin-top: 0px;
    border: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23343a40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 18px;
    background-repeat: no-repeat;
    top: 5px;
    left: auto;
    right: 6px !important;
}

.tableFlagSelect ~ .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 31px;
}
/* addressPage  */

.addressHistoryData .brand-listing svg:focus{
    outline: none;
}

.addressHistoryData table tr td,
.addressHistoryData table tr th{
    padding: 15px 10px;
    vertical-align: middle;
    white-space: nowrap;
    border-color: var(--mdbright-gray);
}

/* .addressHistoryData  input#ft-dt-updated_at {
    max-width: 100px;
} */

/* .addressHistoryData th.updated_at.sorting {
    width: 3% !important;
} */

.addressHistoryData table tr th{
    background: var(--mdbright-gray) !important;
    border-bottom: none;
}

.addressHistoryData .brand-listing {
    display: flex;
    /* border-bottom: 1px solid var(--border-color);
    padding-bottom: 15px; */
    cursor: pointer;
    padding-top: 5px;
}
/*  */
.addressHistoryData .brand-listing:focus{
    /* border-bottom: 1px solid var(--primary); */
    outline: none;
}
.addressHistoryData .brand-listing::after{
    display: none;
}
.addressHistoryData .brand-listing svg{
    stroke: var(--secondary); 
    transition: all .5s ease-in-out;
}

.addressHistoryData .user-card-box[aria-expanded="true"] .brand-listing svg{
    transform: rotate(180deg);
}

.addressHistoryData .brand-listing svg polyline:focus{
    outline: none;
}

.address-flag{
    justify-content: start;
    align-items: center;
    gap: 5px;
}

.tableFlagSelect ~ .select2.select2-container {
    width: 100px !important;
}

.dataTable .tooltip {
    position: fixed;
}

.tooltip-arrow{
    display:none;
}

.indicatorListing-item{
    position: relative;
}

.dataTables_wrapper .indicatorListing-item.msisdn .indicatorListing-point::before{
    left: 0;
}

.indicatorListing-item.msisdn .indicatorListing-point::before{
    top: 2px;
}
.dataTables_wrapper .indicatorListing-item.msisdn .indicatorListing-point::before{
    top: -5px;
}

.indicatorListing-item .indicatorListing-point.indicatorBlack::before{
    background-color: var(--black-color);
}

.indicatorListing-item h6{
    margin-bottom: 5px;
}

.indicatorListing-point{
    position: relative;
    padding-left: 15px;
}

.indicatorListing-point::before{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    border-color: var(--white-color);
    background-color: transparent;
    position: absolute;
    left: -1px;
    top: 5px;
}


.indicatorListing {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.blockWrap .countryFlag{
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
}

.blockWrap .countryFlag span{
    display: block;
    font-size: 16px;
}

.headingindicator{
    grid-template-columns: 1fr;
    gap: 0px;
    margin-top: 14px;
}

.indicatorListing-item .indicatorListing-point.indicatorRed::before{
    background-color: var(--sangria-red);
}

.indicatorListing-item .indicatorListing-point.indicatorGreen::before{
    background-color: var(--medium-sea-green);
}

.indicatorListing-item .indicatorListing-point.indicatorYellow::before{
    background-color: var(--color-yellow);
}

.indicatorListing-item .indicatorListing-point.indicatorGray::before{
    background-color: var(--gray-color);
}

/* new class  */
.indicatorListing-item .indicatorListing-point.color_low::before,
.indicatorListing-item .indicatorListing-point.color_accepted::before,
.indicatorListing-item .indicatorListing-point.color_green::before,
.indicatorListing-item .indicatorListing-point.color_clear::before,
.indicatorListing-item .indicatorListing-point.color_approved::before,
.indicatorListing-item .indicatorListing-point.color_verified::before,
.indicatorListing-item .indicatorListing-point.color_notes::before{
    background-color: var(--medium-sea-green);
}

.indicatorListing-item .indicatorListing-point.color_medium::before,
.indicatorListing-item .indicatorListing-point.color_restricted::before,
.indicatorListing-item .indicatorListing-point.color_possible::before,
.indicatorListing-item .indicatorListing-point.color_pending::before,
.indicatorListing-item .indicatorListing-point.color_resubmit::before,
.indicatorListing-item .indicatorListing-point.color_expired::before,
.indicatorListing-item .indicatorListing-point.color_clarify::before{
    background-color: var(--color-yellow);
}

.indicatorListing-item .indicatorListing-point.color_high::before,
.indicatorListing-item .indicatorListing-point.color_banned::before,
.indicatorListing-item .indicatorListing-point.color_match::before,
.indicatorListing-item .indicatorListing-point.color_rejected::before,
.indicatorListing-item .indicatorListing-point.color_foi_request::before{
    background-color: var(--sangria-red);
}
.indicatorListing-item .indicatorListing-point.color_grey::before,
.indicatorListing-item .indicatorListing-point.color_unchecked::before,
.indicatorListing-item .indicatorListing-point.color_unknown::before,
.indicatorListing-item .indicatorListing-point.color_ignored::before,
.indicatorListing-item .indicatorListing-point.color_no_note::before{
    background-color: var(--gray-color);
}

.indicatorListing-item .indicatorListing-point.color_black::before{
    background-color: var(--black-color);
}

.customerHeadList .buttonsGroups .btn.color_low,
.customerHeadList .buttonsGroups .btn.color_accepted,
.customerHeadList .buttonsGroups .btn.color_green,
.customerHeadList .buttonsGroups .btn.color_clear,
.customerHeadList .buttonsGroups .btn.color_approved{
    background-color: var(--medium-sea-green);
    border-color: var(--medium-sea-green);
    color: var(--white-color);
}

.customerHeadList .buttonsGroups .btn.color_medium,
.customerHeadList .buttonsGroups .btn.color_restricted,
.customerHeadList .buttonsGroups .btn.color_possible,
.customerHeadList .buttonsGroups .btn.color_pending,
.customerHeadList .buttonsGroups .btn.color_resubmit,
.customerHeadList .buttonsGroups .btn.color_expired,
.customerHeadList .buttonsGroups .btn.color_clarify{
    background-color: var(--color-yellow);
    border-color: var(--color-yellow);
    color: var(--white-color);
}

.customerHeadList .buttonsGroups .btn.color_high,
.customerHeadList .buttonsGroups .btn.color_banned,
.customerHeadList .buttonsGroups .btn.color_match,
.customerHeadList .buttonsGroups .btn.color_rejected{
    background-color: var(--sangria-red);
    border-color: var(--sangria-red);
    color: var(--white-color);
}

.customerHeadList .buttonsGroups .btn.color_grey,
.customerHeadList .buttonsGroups .btn.color_unchecked,
.customerHeadList .buttonsGroups .btn.color_unknown{
    background-color: var(--gray-color);
    border-color: var(--gray-color);
    color: var(--white-color);
}
/* end  */

/* .headingWrapperBlock {
    margin-top: 30px;
} */

.headingWrapperBlock .blockWrap{
    padding: 25px 25px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    box-shadow: rgb(100 100 111 / 4%) 0px 7px 29px 0px;
    height: 100%;
}

.applicants-details-data .headingWrapperBlock .blockWrap{
    background-color: var(--bright-gray);
}

.applicants-details-data .headingWrapperBlock{
    padding: 20px 25px !important;
    margin-bottom: 0 !important;
}

.headingWrapperBlock .tags-options{
    height: fit-content;
}

.headingWrapperBlock .col-12{
    margin-bottom: 25px;
}

.headingWrapperBlock .blockWrap h3{
    margin-bottom: 17px;
    color: var(--primary); 
}

.headingWrapperBlock .blockWrap ul{
    list-style: none;
}

.headingWrapperBlock .blockWrap ul li{
    margin-bottom: 10px;
}

/* douments  */

.documentListWrap {
    padding: 1.5rem 1rem;
    background-color: #ffffff;
    box-shadow: rgb(100 100 111 / 11%) 0px 7px 29px 0px;
}

.documentListWrap .innerDocumentList-item {
    width: calc(100% / 4 - 14px);
    position: relative;
}

.documentListWrap .innerDocumentList-item>div ,
.documentListWrap form{
    width: 100%;
}

.imgUploadBox {
    display: flex;
    flex-direction: column;
}

.documentListWrap .innerDocumentList-item label {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 5px;
}

.documentListWrap .custom-file-input {
    border: 1px solid var(--primary);
}

.documentListWrap .custom-file-input::-webkit-file-upload-button {
    color: var(--white-color);
    background-color: var(--primary);
    border: none;
    padding: 8px 16px;
    cursor: pointer;
}

.documentListWrap .custom-file-input:hover::-webkit-file-upload-button{
    background-color: var(--darkgray-color);
}

.documentListWrap .custom-file-input::-webkit-file-upload-button:hover {
    background-color: var(--primary);
}

.imgUploadBox-group,
.documentListWrap .innerDocumentList-item>div .form-group{
    margin-bottom: 1.5rem;
}

.documentListWrap .custom-file-input:focus{
    box-shadow: none;
}

.addMoreDocuments .nbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: auto;
    max-width: 200px;
    margin-left: auto;
}

.addMoreDocuments .nbtn i {
    line-height: 0;
}

.dropzone {
    border: 2px dashed var(--primary) !important;
    border-radius: 5px;
    background: var(--white-color);
    color: var(--secondary);
    font-weight: 300 !important;
    font-size: 12px;
    padding: 20px;
}
.dropzone:focus {
    outline: none;
    border: 2px dashed var(--darkgray-color) !important;
}
.dropzone .dz-message {
    font-weight: bold;
    font-size: 1.2em;
}

.dropzone .dz-preview .dz-remove {
    font-weight: 500;
    background-color: var(--primary);
    color: var(--white-color);
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
}

.dropzone .dz-preview .dz-remove:hover {
    background-color: var(--black-smoke);
}

.documentListWrap .innerDocumentList{
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    list-style: none;
}

.dropzone.dz-clickable .dz-message {
    margin: 0;
    font-size: 30px;
    line-height: 26px;
    color: var(--primary);
}

.dropzone.dz-clickable {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--fawn);
    min-height: 233px;
}

.dz-progress {
    display: none;
}

.dropzone .dz-preview.dz-image-preview {
    background: transparent !important;
}

.dropzone .dz-preview .dz-image{
    margin-bottom: 5px;
}

.dz-error-mark {
    display: none !important;
}

.dropzone .dz-preview .dz-error-message:after{
    top: auto !important;
    bottom: -6px !important;
    transform: rotate(180deg);
}

.dropzone .dz-preview .dz-error-message{
    top: -37px !important;
}

.close_document_box{
    width: 20px !important;
    height: 20px;
    background-color: var(--sangria-red);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: -8px;
    cursor: pointer;
}

.close_document_box svg {
    width: 14px;
    height: 13px;
    stroke: var(--white-color);
}

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

.title_fancyBox:hover{
    color: var(--secondary); 
}

.addressHistoryData .table-responsive::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.addressHistoryData .table-responsive::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--spanish-gray); 
    border-radius: 10px;
}

.addressHistoryData .table-responsive::-webkit-scrollbar-thumb {
    background: var(--secondary); 
    border-radius: 10px;
}

.dropzone .dz-preview .dz-image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.dropzone .dz-preview .dz-details{
    top: 30% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    padding: 0 !important;
    height: 0;
    min-width: fit-content !important;
    max-width: fit-content !important;
}

.dropzone .dz-preview .dz-details .dz-filename {
    width: 80px;
}

.sub_type_title {
    gap: 5px;
    font-size: var(--heading-4);
    line-height: 1.3;
    color: var(--secondary);
    margin-bottom: 15px;
}

.sub_type_document_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.inner_sub_type_box{
    margin: 0 0 1.3rem;
}

.sub_type_document_grid .sub_type_item {
    padding: 1.4rem;
    border: 2px dashed var(--primary);
    background-color: var(--fawn);
    border-radius: 5px;
    position: relative;
    min-height: 233px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.meta_data_title .btn-refresh:focus {
    border: solid 1px var(--primary);
}
.sub_type_document_grid .sub_type_item:focus {
    border: 2px dashed var(--black-color);
}
.sub_type_document_grid .sub_type_item a
,.sub_type_document_grid .sub_type_item img {
    max-width: 150px;
}

.sub_type_document_grid .sub_type_item_main{
    width: calc(100% / 3 - 14px);
}

.sub_type_document_grid .sub_type_item .fancybox img {
    border-radius: 10px;
}

.sub_type_document_grid .sub_type_item{
    position: relative;
}

.sub_type_document_grid .sub_type_item .indicatorListing-point {
    position: absolute;
    top: -10px;
    right: -10px;
}

.sub_type_document_grid .sub_type_item .indicatorListing-point:before{
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50px;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
}

.sub_type_document_grid .sub_type_item .indicatorListing-point.color_pending_indicator:before,
.sub_type_document_grid .sub_type_item .indicatorListing-point.color_clarify_indicator:before,
.sub_type_document_grid .sub_type_item .indicatorListing-point.color_expired_indicator:before{
    background-color: var(--color-yellow);
}

.sub_type_document_grid .sub_type_item .indicatorListing-point.color_rejected_indicator:before{
    background-color: var(--sangria-red) !important;
}

.sub_type_document_grid .sub_type_item .indicatorListing-point.color_approved_indicator:before{
    background-color: var(--medium-sea-green) !important;
}

.sub_type_document_grid .sub_type_item .indicatorListing-point.color_unknown_indicator:before,
.sub_type_document_grid .sub_type_item .indicatorListing-point.color_ignored_indicator:before{
    background-color: var(--gray-color) !important;
}

.status_wrap {
    align-items: center;
    gap: 5px;
}

.status_wrap svg {
    width: 20px;
    height: 20px;
}

.meta_data {
    /* height: 100%; */
    padding: .8rem 1rem;
    border-radius: 10px;
    background-color: var(--white-color);
    border: 1px solid var(--border-color);
}

.meta_data_listing ul{
    margin-top: 15px;
    padding-left: 20px;
}

.meta_data_listing ul li {
    font-size: 14px;
    margin-bottom: 10px;
}

.meta_data_listing ul li::marker{
    color: var(--secondary);
}

.color_approved,
.color_notes{
    background-color: var(--medium-sea-green) !important;
    color: var(--white-color) !important;
}

.color_rejected,
.color_foi_request{
    background-color: var(--sangria-red) !important;
    color: var(--white-color) !important;
}

.color_pending{
    background-color: var(--color-yellow) !important;
    color: var(--white-color) !important;
}

.color_expired{
    background-color: var(--color-yellow) !important;
    color: var(--white-color) !important;
}

.color_clarify{
    background-color: var(--color-yellow) !important;
    color: var(--white-color) !important;
}

.color_resubmit{
    background-color: var(--color-yellow) !important;
    color: var(--white-color) !important;
}

.color_unknown,
.color_ignored,
.color_no_note{
    background-color: var(--gray-color) !important;
    color: var(--white-color) !important;
}

.tableFlagSelect ~ .select2.select2-container {
    max-width: 200px !important;
}

.customerHeadList{
    align-items: center;
}

.customerHeadList .buttonsGroups{
    margin-left: 7px;
    align-items: center;
    gap: 10px;
}

.customerHeadList .buttonsGroups .btn{
    border: 1px solid var(--border-color);
    color: var(--secondary);
    border-radius: 7px;
    font-weight: 600;
    transition: all .4s;
    cursor: auto;
}

.customerHeadList .buttonsGroups .btn:focus{
    outline: none;
    box-shadow: none;
}

.customerHeadList .buttonsGroups .btn.indicatorGreen{
    background-color: var(--medium-sea-green);
    border-color: var(--medium-sea-green);
    color: var(--white-color);
}

.customerHeadList .buttonsGroups .btn.indicatorYellow{
    background-color: var(--color-yellow);
    border-color: var(--color-yellow);
    color: var(--white-color);
}

.customerHeadList .buttonsGroups .btn.indicatorGray{
    background-color: var(--gray-color);
    border-color: var(--gray-color);
    color: var(--white-color);
}

.customerHeadList .buttonsGroups .btn.indicatorRed{
    background-color: var(--sangria-red);
    border-color: var(--sangria-red);
    color: var(--white-color);
}

.applicant-details-head .customerHeadList .lastFirstName {
    font-size: 3rem;
    font-weight: 600;
    line-height: normal;
    color: var(--spanish-gray);
    margin: 0;
    text-transform: uppercase;
}

 .customerHeadList .lastFirstName {
    font-size: var(--heading-3);
    font-weight: 600;
    line-height: normal;
    color: var(--spanish-gray);
    margin: 0 7px;
    text-transform: uppercase;
}

div.dt-buttons span.dt-button-down-arrow{
    top:0;
}

.dropzone.dz-clickable.error {
    border-color: red !important;
}
/* end */

/* meta data table  */

.documentSubType-wrapper{
    padding: 1.3rem 1rem 0;
    /* background-color: var(--snow); */
    border: 1px solid var(--border-color);
    border-radius: 10px;
    margin-bottom: 30px;
}

.meta_data_listing table{
    margin-top: 1rem;
}
.meta_data_listing table th{
    font-size: 14px;
}
.meta_data_listing table td, .meta_data_listing table th {
    width: 190px;
    padding: .6rem;
    border: 1px solid var(--border-color);
}

.addressHistoryData .table-subtitle{
    background-color: transparent !important;
}

.addressHistoryData table {
    margin-bottom: 25px;
}

.meta_data_listing .table-responsive {
    overflow: hidden;
}

.meta_data_listing .table-responsive table{
    width: 100%;
    margin-top: 1rem;
}

.meta_data_listing .table-responsive table::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.meta_data_listing .table-responsive table::-webkit-scrollbar-thumb {
    background: var(--secondary);
    border-radius: 10px;
}
.meta_data_listing .table-responsive table::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--spanish-gray);
    border-radius: 10px; 
}
/* end meta table  */

/* inner_avt */

.inner_avt {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.inner_avt .fullName_wrapper{
    max-width: 185px !important;
    height: 165px !important;
    border-radius: 5px !important;
    font-size: 35px;
    margin: 0 auto;
    margin-bottom: 20px !important;
}

.inner_avt .brandNameWrap {
    width: fit-content;
    min-width: 185px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 auto;
    margin-bottom: 10px;
    background-color: var(--bright-gray);
    padding: 8px 10px;
    border-radius: 5px;
}

.addressHistoryData .table-responsive{
    overflow-y: auto;
    height: auto;
    max-height: 300px;
}

.addressHistoryData .table-responsive- #kycsearches-table_wrapper{
    max-height: 300px !important;
}
/* end inner_avt */
/* customerActionList  */
.customerActionList .customer_action_list_buttons{
    margin-right: 90px;
}

.customerActionList .dt-buttons {
    float: right;
    font-size: 13px;
    margin-right: 18px;
    margin-bottom: 5px;
    position: fixed;
    z-index: 999;
    margin-top: -50px;
    right: 0;
}

.customerActionList .dt-buttons .dt-button{
    min-height: 35px;
    margin-bottom: 0 !important;
    border-radius: 5px;
}

.customerActionList .customer_action_list_buttons .btn{
    line-height: normal;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 5px;
}

.customerActionList .customer_action_list_buttons .btn:hover,
.customerActionList .customer_action_list_buttons .btn:focus{
    opacity: .8;
}

.customerActionList .select_brand{
    text-align: left;
}

.Indicators_aml span{
    font-size: var(--heading-6);
    font-weight: 600;
    line-height: 1.3;
    color: var(--secondary)
}

.Indicators_aml .indicatorListing-point::before{
    top: 7px;
}

.Indicators_aml {
    grid-template-columns: 1fr 1fr;
}

.headingWrapperBlock table{
    border: 1px solid var(--border-color);
}

.headingWrapperBlock table tr th{
    font-size: 14px;
    font-weight: 700;
    background-color: var(--lightgray-color);
    border-color: var(--spanish-gray) !important;
}

.headingWrapperBlock table tr th,
.headingWrapperBlock table tr td{
    padding: 10px;
    border:1px solid var(--spanish-gray) !important;
    vertical-align: middle;
}

.headingWrapperBlock table tr td .indicatorListing-point::before{
    width: 10px;
    height: 10px;
    left: 2px;
}

.flag_table_flex{
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 20px;
}

.country_risk_block {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0;
}

.country_risk_block .boxItem{
    width: calc(49%); /* Was 100% / 2, now 50% */
}

.country_risk_block .boxItem h4 {
    margin-bottom: 15px;
}

.country_risk_block .boxItem .indicatorListing-item {
    margin-bottom: 20px;
}

.boxItem .indicatorListing-item{
    width: fit-content;
}

.country_risk_block .boxItem .flag_table_flex{
    margin-bottom: 20px;
}

.addressHistoryData table tbody tr {
    position: relative;
}

.addressHistoryData table tbody tr .for_row_section::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.btn-dark:focus {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
}

.UserDocumentsData .brand-listing{
    display: flex;
    /* border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px; */
    cursor: pointer;
}
.UserDocumentsData .brand-listing:focus{
    /* border-bottom: 1px solid var(--primary); */
    outline: none;
}
.UserDocumentsData .brand-listing::after{
    display: none;
}

.UserDocumentsData .brand-listing svg{
    stroke: var(--secondary); 
    transition: all .5s ease-in-out;
}

.UserDocumentsData .brand-listing svg:focus{
    box-shadow: none;
    outline: none;
}

.UserDocumentsData .user-card-box[aria-expanded="true"] .brand-listing svg{
    transform: rotate(180deg);
}

.UserDocumentsData .user-card-box[aria-expanded="true"] .brand-listing svg:focus{
    box-shadow: none;
    outline: none;
}

.UserDocumentsData .brand-listing svg polyline:focus{
    outline: none;
}

.dataTables_wrapper .indicatorListing-item{
    width: fit-content;
}

#select2-ft-dt-status-result-swr5-unknown::before{
    background-color: var(--gray-color);
}

#select2-ft-dt-status-result-umft-rejected::before{
    background-color: var(--sangria-red);
}

#select2-ft-dt-status-result-gfrv-pending::before{
    background-color: var(--color-yellow);
}

#select2-ft-dt-status-result-0nhu-approved::before{
    background-color: var(--medium-sea-green);
}

#select2-ft-dt-kyc_status-results li span,
#select2-ft-dt-doc_status-results li span,
#select2-ft-dt-has_notes-results li span,
#select2-kycChecksWrap0-results li span,
#select2-kycChecksWrap3-results li span,
#select2-kycChecksWrap4-results li span,
#select2-kycChecksWrap5-results li span,
#select2-kycChecksWrap6-results li span,
#select2-kycChecksWrap7-results li span,
#select2-kycChecksWrap8-results li span,
#select2-kycChecksWrap9-results li span,
#select2-kycChecksWrap-decisionStatus-results li span
{
    padding-left: 20px;
    position: relative;
}

#select2-ft-dt-kyc_status-results li span::before,
#select2-ft-dt-doc_status-results li span::before,
.select2-results__options li span::before{
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background-color: var(--spanish-gray);
    background-color: transparent;
    position: absolute;
    left: 2px;
    top: 2px;
}

#select2-ft-dt-kyc_status-results li span.unknown::before,
#select2-ft-dt-doc_status-results li span.none::before,
#select2-ft-dt-doc_status-results li span.ignored::before,
#select2-ft-dt-doc_status-results li span.unknown::before,
#select2-ft-dt-doc_status-results li span.has_any::before,
#select2-ft-dt-kyc_status-results li span.ignored::before{
    background-color: var(--gray-color) !important;
}

.select2-results__options li span.low::before,
.select2-results__options li span.clear::before,
#select2-ft-dt-kyc_status-results li span.approved::before,
#select2-ft-dt-doc_status-results li span.approved::before,
#select2-ft-dt-has_notes-results li span.notes::before{
    background-color: var(--medium-sea-green) !important;
}

.select2-results__options li span.high::before,
.select2-results__options li span.match::before,
#select2-ft-dt-kyc_status-results li span.rejected::before,
#select2-ft-dt-doc_status-results li span.rejected::before,
#select2-ft-dt-has_notes-results li span.foi_request::before{
    background-color: var(--sangria-red) !important;
}

.select2-results__options li span.medium::before,
.select2-results__options li span.possible::before,
#select2-ft-dt-kyc_status-results li span.resubmit::before,
#select2-ft-dt-kyc_status-results li span.pending::before,
#select2-ft-dt-doc_status-results li span.resubmit::before,
#select2-ft-dt-doc_status-results li span.pending::before,
#select2-ft-dt-kyc_status-results li span.expired::before,
#select2-ft-dt-kyc_status-results li span.clarify::before{
    background-color: var(--color-yellow) !important;
}

.statusSelect ~ .select2-container span.select2-selection {
    height: 29px;
    border-color: var(--mdbright-gray);
}

.statusSelect ~ .select2-container span.select2-selection:focus{
    border-color: var(--primary);
    outline: none;
}

.statusSelect ~ .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 29px;
}

.statusSelect ~ .select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin-top: 0px;
    border: none;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23343a40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 18px;
    background-repeat: no-repeat;
    top: 5px;
    left: auto;
    right: 6px !important;
}

.statusSelect ~ .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 31px;
}

.submit_media_status{
    width: 100%;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
}

.submit_media_status .nbtn {
    min-width: 150px;
    padding: 14px 15px;
    min-height: auto;
}

.kyc-form.createuser-form {
    height: 100%;
    position: relative; 
}

/* end customerActionList  */

.inner_avt .customerULID {
    padding: 8px 5px !important;
    cursor: pointer;
    min-height: 37px;
}

.customerULID>h6 {
    font-size: 10px;
}

.table-filter-form select#ft-dt-doc_status ~ span.select2.select2-container,
.table-filter-form select#ft-dt-kyc_status ~ span.select2.select2-container,
.table-filter-form select.decisionStatus ~ span.select2.select2-container {
    width: auto !important;
    min-width: 52px;
    transition: all .2s ease-in-out;
}

.table-filter-form select#ft-dt-doc_status ~ span.select2.select2-container span#select2-ft-dt-doc_status-container,
.table-filter-form select#ft-dt-kyc_status ~ span.select2.select2-container span#select2-ft-dt-kyc_status-container,
.table-filter-form select#ft-dt-has_notes ~ span.select2.select2-container span#select2-ft-dt-has_notes-container {
    /* display: none; */
    transition: all .2s ease-in-out;
}

.table-filter-form select#ft-dt-doc_status ~ span.select2.select2-container.select2-container--open span#select2-ft-dt-doc_status-container,
.table-filter-form select#ft-dt-kyc_status ~ span.select2.select2-container.select2-container--open span#select2-ft-dt-kyc_status-container,
.table-filter-form select#ft-dt-has_notes ~ span.select2.select2-container.select2-container--open span#select2-ft-dt-has_notes-container {
    display: block;
}

span.select2-dropdown.select2-dropdown--below {
    transition: all 0s ease-in-out;
}

span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below,
span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above {
    min-width: 106px;
}

.table-filter-form select ~ span.select2.select2-container span .low ,
.table-filter-form select ~ span.select2.select2-container span .clear ,
.table-filter-form select#ft-dt-kyc_status ~ span.select2.select2-container span#select2-ft-dt-kyc_status-container .approved ,
.table-filter-form select#ft-dt-doc_status ~ span.select2.select2-container span#select2-ft-dt-doc_status-container .approved,
.table-filter-form select#ft-dt-has_notes ~ span.select2.select2-container span#select2-ft-dt-has_notes-container .notes{
    width: 8px;
    height: 8px;
    display: block;
    background-color: var(--medium-sea-green) !important;
    margin: 12px 11px 0 0;
    border-radius: 20px;
}

.table-filter-form select ~ span.select2.select2-container span .medium ,
.table-filter-form select ~ span.select2.select2-container span .possible ,
.table-filter-form select#ft-dt-kyc_status ~ span.select2.select2-container span#select2-ft-dt-kyc_status-container .pending ,
.table-filter-form select#ft-dt-doc_status ~ span.select2.select2-container span#select2-ft-dt-doc_status-container .pending,
.table-filter-form select#ft-dt-kyc_status ~ span.select2.select2-container span#select2-ft-dt-kyc_status-container .resubmit,
.table-filter-form select#ft-dt-kyc_status ~ span.select2.select2-container span#select2-ft-dt-kyc_status-container .expired,
.table-filter-form select#ft-dt-kyc_status ~ span.select2.select2-container span#select2-ft-dt-kyc_status-container .clarify{
    width: 8px;
    height: 8px;
    display: block;
    background-color: var(--color-yellow) !important;
    margin: 12px 11px 0 0;
    border-radius: 20px;
}

.table-filter-form select ~ span.select2.select2-container span .high ,
.table-filter-form select ~ span.select2.select2-container span .match ,
.table-filter-form select#ft-dt-kyc_status ~ span.select2.select2-container span#select2-ft-dt-kyc_status-container .rejected ,
.table-filter-form select#ft-dt-has_notes ~ span.select2.select2-container span#select2-ft-dt-has_notes-container .foi_request ,
.table-filter-form select#ft-dt-doc_status ~ span.select2.select2-container span#select2-ft-dt-doc_status-container .rejected{
    width: 8px;
    height: 8px;
    display: block;
    background-color: var(--sangria-red) !important;
    margin: 12px 11px 0 0;
    border-radius: 20px;
}

.table-filter-form select#ft-dt-kyc_status ~ span.select2.select2-container span#select2-ft-dt-kyc_status-container .unknown ,
.table-filter-form select#ft-dt-doc_status ~ span.select2.select2-container span#select2-ft-dt-doc_status-container .none,
.table-filter-form select#ft-dt-doc_status ~ span.select2.select2-container span#select2-ft-dt-doc_status-container .ignored,
.table-filter-form select#ft-dt-doc_status ~ span.select2.select2-container span#select2-ft-dt-doc_status-container .unknown,
.table-filter-form select#ft-dt-doc_status ~ span.select2.select2-container span#select2-ft-dt-doc_status-container .has_any,
.table-filter-form select#ft-dt-kyc_status ~ span.select2.select2-container span#select2-ft-dt-kyc_status-container .ignored{
    width: 8px;
    height: 8px;
    display: block;
    background-color: var(--gray-color) !important;
    margin: 12px 11px 0 0;
    border-radius: 20px;
}

select#ft-dt-gender {
    padding: .375rem 2.25rem .375rem .5rem;
    min-width: 122px !important; 
}

.dataTables_wrapper .indicatorListing-point::before{
    /* left: 20px; */
    top: 0;
}

.no_bg .headingWrapperBlock,
.no_bg .cardUser-details {
    padding: 0;
}
 
.no_bg .cardUser-details{
    margin-top: 0;
}

.no_bg {
    background-color: var(--white-color) !important;
    padding: 0px 0px 0px 0!important;
}

.select-box-wrap label {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 5px;
}
.headCustomerULID {
    margin: 0;
    padding: 5px 10px;
    background-color: var(--bright-gray);
    border-radius: 4px;
    cursor: pointer;
    min-height: 37px;
}

.customerEditHead{
    flex-direction: column;
    align-items: flex-start !important;
    gap: 5px !important;
}

.upload_data_img img {
    max-width: 150px;
}
.dataTables_wrapper .selectInit ~ .select2-container--default .select2-selection--single {
    border-color: var(--primary);
}

.document_side-wrapper {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.document_side-wrapper label{
    color: var(--secondary);
}

.document_side-wrapper .document_side,
.document_side-wrapper .document_status{
    margin: 0;
    border: 1px solid var(--gray-color);
    padding: 5px 12px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 3px;
    cursor: pointer;
}

.document_side-wrapper .form-check-input:checked,
.document_side-wrapper .document_side:focus:checked{
    background-image: url("data:image/svg+xml,%3Csvg width='512' height='363' viewBox='0 0 512 363' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.58147 243.737L104.267 341.422C131.736 368.883 176.264 368.883 203.734 341.422L505.418 39.7377C514.415 30.4226 514.156 15.5788 504.841 6.58243C495.755 -2.19414 481.348 -2.19414 472.262 6.58243L170.579 308.267C161.422 317.42 146.579 317.42 137.423 308.267L39.7379 210.581C30.4227 201.585 15.579 201.843 6.58257 211.158C-2.19401 220.245 -2.19401 234.65 6.58147 243.737Z' fill='%23DFA465'/%3E%3C/svg%3E%0A");
    background-color: transparent;
    background-size: 16px;
}

.document_side-wrapper .document_side:focus{
    border: 1px solid var(--primary);
    box-shadow: none;
}

.kyc-configuration-form .row.kyc-config-row .form-group {
    margin-bottom: 1rem;
}

.kyc-configuration-form .row.kyc-config-row{
   margin-top: 1rem;
}

.kyc-configuration-form .row.kyc-config-row .action-btn {
    margin-top: 1.8rem;
}

.kyc-configuration-form .row.kyc-config-row .action-btn:focus,
.action-grid .action-btn:focus{
    background-color: var(--primary) !important;
    border: solid 1px var(--primary);
}
.kyc-configuration-form .step_form_checkbox .form-check.detail-fields.select-box-wrap{
    column-gap: 10px;
}

.country_name {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kyc-new-toggle-container {
    width: 10rem;
    position: relative;
    display: flex;
    padding: 0;
    position: relative;
    background: var(--fawn);
    line-height: 2rem;
    border-radius: 3rem;
    border:0 !important;
}

.kyc-new-toggle-container input {
    visibility: hidden;
    position: absolute;
    top: 0;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.kyc-new-toggle-container label {
    width: 50%;
    padding: 0;
    margin: 0 !important;
    text-align: center;
    cursor: pointer;
    color: var(--primary);
    font-weight: 600;
}

.kyc-new-toggle-container .switch-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    padding: 0.15rem;
    z-index: 3;
    transition: transform .5s cubic-bezier(.77, 0, .175, 1);
    /* transition: transform 1s; */
}
.switches-container label {
    outline: none;
    border:solid 1px transparent;
    border-radius: 3rem;
    transition: all 0.2s ease-in-out;
}
.switches-container label:focus {
    border:solid 1px var(--primary);
}
.kyc-new-toggle-container .switch {
    border-radius: 3rem;
    background: var(--primary);
    height: 100%;
}

.kyc-new-toggle-container .switch div {
    width: 100%;
    text-align: center;
    opacity: 0;
    display: block;
    color: var(--white-color) ;
    font-weight: 500;
    transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;
    will-change: opacity;
    position: absolute;
    top: 0;
    left: 0;
}

.kyc-new-toggle-container input:nth-of-type(1):checked ~ .switch-wrapper {
    transform: translateX(0%);
}

.kyc-new-toggle-container input:nth-of-type(2):checked ~ .switch-wrapper {
    transform: translateX(100%);
}

.kyc-new-toggle-container input:nth-of-type(1):checked ~ .switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1;
}

.kyc-new-toggle-container input:nth-of-type(2):checked ~ .switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1;
}
.kyc-new-toggle-container .switch div:focus {
    outline: solid 1px #000;
}


.switches-grid{
    display: flex;
    flex-direction: column;
}

.deleteWrapBrand,.deleteWrapCountry{
    width: fit-content;
    min-width: fit-content;
    background-color: rgba(255, 0, 0, 0.774);
}

.deleteWrapBrand:hover,
.deleteWrapBrand:focus,
.deleteWrapCountry:hover,
.deleteWrapCountry:focus{
    border-color: rgba(255, 0, 0, 0.774) !important;
    background-color: transparent !important;
    color: rgba(255, 0, 0, 0.774) !important;
}

.groupButtons{
    display:flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

#kycmatches-table th.sorting:first-child {
    width: 6% !important;
    max-width: 20px !important;
}

.statusSelect.filterInput ~ span.select2.select2-container {
    width: 50px !important;
}

table#kycsearches-table th.bad_risk {
    width: 5% !important;
}

table#kycsearches-table th.kyc_risk {
    width: 1% !important;
}

table#dashboard-table th.kyc_status, table#customer-table th.kyc_status {
    width: 1% !important;
}
table#dashboard-table th.doc_status, table#customer-table th.doc_status {
    width: 1% !important;
}

table#kycsearches-table th.fraud_risk.sorting {
    width: 5% !important;
}

table#kycsearches-table th.pep_status.sorting {
    width: 5% !important;
}

table#kycsearches-table th.criminality_status.sorting {
    width: 5% !important;
}

table#kycsearches-table th.sanctions_status.sorting {
    width: 5% !important;
}

table#kycsearches-table th.director_status.sorting {
    width: 6.9% !important;
}

/* table#kycsearches-table th.created_at.sorting.sorting_desc {
    width: 10% !important;
} */

.fancybox-active .pageloader {
    display: none;
}

.dropzoneLoader {
    position: absolute;
    z-index: 0;
}

.kycScore {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-width: 185px;
    margin: 0 auto;
    margin-bottom: 10px;
    background-color: var(--bright-gray);
    padding: 8px 10px;
    border-radius: 5px;
}

.scoreRed{
    background-color: var(--sangria-red);
    color: var(--white-color);
}

.scoreGreen{
    background-color: var(--medium-sea-green);
    color: var(--white-color);
}

.scoreYellow{
    background-color: var(--color-yellow);
    color: var(--white-color);
}

.scoreYellow h4,
.scoreGreen h4,
.scoreRed h4,
.scoreYellow h2,
.scoreGreen h2,
.scoreRed h2{
    color: var(--white-color) !important;
}

.kycScore .kycScoreTitle {
    color: var(--secondary);
    border: none !important;
    padding: 0;
}

.kycScore .kycScoreValue {
    font-size: 55px;
}

/* setData  */

.cm-s-default .cm-string {
    color: var(--sangria-red);
}

.cm-string.cm-property {
    color: var(--primary) !important;
}

.CodeMirror-vscrollbar::-webkit-scrollbar,
.CodeMirror-hscrollbar::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
.CodeMirror-vscrollbar::-webkit-scrollbar-track,
.CodeMirror-hscrollbar::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}

/* Handle */
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb,
.CodeMirror-hscrollbar::-webkit-scrollbar-thumb {
    background: var(--secondary); 
    border-radius: 10px;
}

/* Handle on hover */
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover,
.CodeMirror-hscrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--secondary); 
}

.dataSetModal .CodeMirror{
    height: calc(100vh - 160px);
}

.dataSetModal .modal-dialog{
    max-width: calc(100% - 100px);
}

/* end setData  */

/* Secondary color class */
.kyc-match-heading{
    color: var(--secondary);
}
.kyc-match-heading:hover{
    color: var(--secondary);
}

/* aplicantSearch  */
.selectSearchGroup{
    gap: 10px;
}

.applicantSearch {
    display: flex;
    position: relative;
}

.applicantSearch input {
    font-size: 12px;
    line-height: normal;
    padding: 0px 0px 0px 8px;
    height: 29px;
    padding-right: 30px;
    box-shadow: none;
    border-radius: 5px;
    /* min-width: 270px; */
}

.applicantSearch input:focus{
    outline: none;
    box-shadow: none;
    border-color: var(--primary);
}

.applicantSearch .searchIcon {
    position: absolute;
    opacity: .6;
    right: 7px;
    top: 4px;
    cursor: pointer;
}

.applicantSearch .searchIcon:hover{
    opacity: .8;
}

.applicantSearch .searchIcon svg{
    width: 20px;
    height: 20px;
}

.applicantSearch .searchIcon svg:focus{
    outline: none;
}

.applicantSearch .searchIcon svg line:focus,
.applicantSearch .searchIcon svg circle:focus{
    outline: none;
}

.ocr-font {
    font-family: "OCR-B" !important;
    font-size: 12px;
    word-break: break-all;
}
.sub_type_document_grid .sub_type_item .media-thumb{
    cursor: pointer;
}

.ulid-head .headCustomerULID{
    max-width: fit-content;
    margin-top: 3px;
}

.addressHistoryData{
    position: relative;
}

.reset-submit-btn {
    width: 100%;
    justify-content: end;
    margin-bottom: 15px;
}
.applicants-notesbtn .btn.nbtn {
    padding: 5px 15px 9px;
    min-height: 38px;
    line-height: normal;
}
.dataTables_wrapper .indicatorListing-item.indicator-arrow {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    position: relative;
    z-index: 9;
    cursor: pointer;
    margin-left: 20px;
    margin-top: -4px;
    width: 10px;
}

.dataTables_wrapper .indicatorListing-item.msisdn.indicator-arrow{
    margin-left: 0;
    width: fit-content;
    z-index: 1;
}

.alignment-box .indicatorListing-point::before{
    top: 3px;
}

.btn-refresh {
    background-color: var(--fawn);
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-left: auto;
    margin-bottom: 25px;
    cursor: pointer;
    transition: all .4s ease-in-out;
}

.btn-refresh:hover{
    background-color: var(--primary);
}

.btn-refresh:focus{
    box-shadow: none;
}

.btn-refresh i {
    color: var(--primary);
    height: 19px;
    transition: all .4s ease-in-out;
}

.btn-refresh:hover i{
    color: var(--white-color);
}

.document_status_wrap .indicatorListing-point {
    top: -10px;
    left: 4px;
}

.meta_data_title{
    display: flex;
    justify-content: space-between;
    position: relative;
}

.meta_data_title .btn-refresh {
    margin-bottom: 0;
}

.notes-form{
    width: 100%;
    padding: 1rem 1rem;
    margin-bottom: 1.5rem;
    background-color: var(--white-color);
    box-shadow: rgb(100 100 111 / 11%) 0px 7px 29px 0px;
}

.notes-form textarea.form-control {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
}
.btn:focus{box-shadow: none !important;}
.notes-form textarea.form-control:focus,
input.form-control:focus{
    box-shadow: none;
    border-color: var(--primary);
}

.notes-form label{
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3;
    color: var(--primary);
    margin-bottom: 5px;
}

.notes-table td {
    white-space: normal !important;
}

.existing-note .dropzone.dz-clickable{
    cursor: default;
}

.orange-btn{
    font-weight: 600;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white-color);
}

.orange-btn:focus{
    outline: none;
    box-shadow: none;
}

.orange-btn:hover{
    color: var(--secondary);
}

table .notes-data{
    width: 82%;
}

.indicatorListing-point{
    background-color: transparent !important;
}

/* applicant-detail full  */

.applicant-detail-wrap {
    overflow-x: hidden;
}

.applicant-detail-wrap .dash-right-area {
    margin-left: 0 !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.applicant-detail-wrap .mobile-header .humberger-icon {
    display: none;
}

.sub_type_document_grid .sub_type_item_main .form-group {
    margin-bottom: 1rem;
}

.sub_type_document_grid .sub_type_item_main:last-child{
    margin-bottom: 0;
}

/* end  */

.gird-box-wrapper {
    display: flex;
    gap: 0;
    padding: 0;
}

.gird-box-wrapper .user_content{
    font-family: monospace;
    width: calc(100% - 200px);
    margin-left: 20px;
    align-self: flex-start;
    height: 100%;
    background-color: var(--bright-gray);
    border-radius: 10px;
    padding: 10px 15px; 
}

.inner-avt-sub-type-img{
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.inner-avt-sub-type-img img{
    width: 100%;
    border-radius: 10px;
    max-width: 185px;
    max-height: 185px;
    object-fit: cover;
    object-position: center center;
}

.dataTables_wrapper .indicatorListing-item.msisdn.indicator-arrow .indicatorListing-point {
    transform: translate(1px, 0px);
    padding-left: 5px;
}

.dataTables_wrapper .indicatorListing-item.msisdn.indicator-arrow .indicatorListing-point::before {
    left: -1px;
}

.inner-avt-sub-type-img .dropzoneLoader {
    background-color: var(--light-primary-color);
}

.date-indicator-box {
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.date-indicator-box .date-text{
    padding-left: 5px;
}

.date-indicator-box .indicatorListing-item {
    margin-top: 0 !important;
}

.inner-avt-sub-type-img .dropzoneLoader {
    background-color: var(--light-primary-color);
}

.addressHistoryData table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

/* .countrie_select  ~ span.select2.select2-container {
    width: 100% !important;
} */

.meta_data_listing .status_wrap {
    margin-left: -6px;
}

.gender_wrap>div {
    padding: 5px 0 5px 22px;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: left;
}

.gender_wrap .male_wrapper {
    background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.49 0H18.21C17.37 0 16.71 0.66 16.71 1.5C16.71 2.34 17.37 3 18.21 3H22.83L17.31 8.52C13.05 5.34 6.99 5.64 3.15 9.48C-1.05 13.68 -1.05 20.58 3.15 24.78C7.35 28.98 14.25 28.98 18.45 24.78C22.29 20.94 22.65 14.82 19.41 10.62L24.93 5.1V9.78C24.93 10.62 25.59 11.28 26.43 11.28C27.27 11.28 27.93 10.62 27.93 9.78V1.5C27.99 0.66 27.33 0 26.49 0ZM16.41 22.68C13.35 25.74 8.37 25.74 5.31 22.68C2.25 19.62 2.25 14.64 5.31 11.58C8.37 8.52 13.35 8.52 16.41 11.58C19.47 14.64 19.47 19.62 16.41 22.68Z' fill='black'/%3E%3C/svg%3E%0A");
}

.gender_wrap .not_specified_wrapper {
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='43' viewBox='0 0 30 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2650_2591)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.978271 17.9355C0.978271 11.6508 6.04892 6.52246 12.3695 6.52246C18.6901 6.52246 23.7608 11.6508 23.7608 17.9355C23.7608 24.2225 18.666 29.3486 12.3695 29.3486C6.04892 29.3486 0.978271 24.2201 0.978271 17.9355ZM12.3695 9.78336C7.86405 9.78336 4.23914 13.4376 4.23914 17.9355C4.23914 22.4334 7.86405 26.0877 12.3695 26.0877C16.8557 26.0877 20.4999 22.4311 20.4999 17.9355C20.4999 13.4376 16.875 9.78336 12.3695 9.78336Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3695 26.0654C13.2701 26.0654 14 26.7953 14 27.6959V40.7393C14 41.6399 13.2701 42.3698 12.3695 42.3698C11.4691 42.3698 10.7391 41.6399 10.7391 40.7393V27.6959C10.7391 26.7953 11.4691 26.0654 12.3695 26.0654Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.43472 36.4136C6.43472 35.5132 7.16477 34.7832 8.06516 34.7832H16.7174C17.6178 34.7832 18.3479 35.5132 18.3479 36.4136C18.3479 37.3142 17.6178 38.0441 16.7174 38.0441H8.06516C7.16477 38.0441 6.43472 37.3142 6.43472 36.4136Z' fill='black'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_2650_2591)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.978271 17.9355C0.978271 11.6508 6.04892 6.52246 12.3695 6.52246C18.6901 6.52246 23.7608 11.6508 23.7608 17.9355C23.7608 24.2225 18.666 29.3486 12.3695 29.3486C6.04892 29.3486 0.978271 24.2201 0.978271 17.9355ZM12.3695 9.78336C7.86405 9.78336 4.23914 13.4376 4.23914 17.9355C4.23914 22.4334 7.86405 26.0877 12.3695 26.0877C16.8557 26.0877 20.4999 22.4311 20.4999 17.9355C20.4999 13.4376 16.875 9.78336 12.3695 9.78336Z' fill='%23AA1061'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.8458 0.453402C30.484 1.08865 30.4865 2.12099 29.8512 2.75918L20.4599 12.194C19.8246 12.8322 18.7923 12.8346 18.154 12.1993C17.516 11.5641 17.5135 10.5317 18.1488 9.89351L27.5401 0.458724C28.1753 -0.179468 29.2077 -0.181854 29.8458 0.453402Z' fill='%23AA1061'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3695 26.0654C13.2701 26.0654 14 26.7953 14 27.6959V40.7393C14 41.6399 13.2701 42.3698 12.3695 42.3698C11.4691 42.3698 10.7391 41.6399 10.7391 40.7393V27.6959C10.7391 26.7953 11.4691 26.0654 12.3695 26.0654Z' fill='%23AA1061'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.43472 36.4136C6.43472 35.5132 7.16477 34.7832 8.06516 34.7832H16.7174C17.6178 34.7832 18.3479 35.5132 18.3479 36.4136C18.3479 37.3142 17.6178 38.0441 16.7174 38.0441H8.06516C7.16477 38.0441 6.43472 37.3142 6.43472 36.4136Z' fill='%23AA1061'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.9999 1.60895C18.9999 0.708481 19.73 -0.0214844 20.6304 -0.0214844H28.6957C29.5962 -0.0214844 30.3261 0.708481 30.3261 1.60895V9.71756C30.3261 10.6181 29.5962 11.348 28.6957 11.348C27.7952 11.348 27.0652 10.6181 27.0652 9.71756V3.23939H20.6304C19.73 3.23939 18.9999 2.50942 18.9999 1.60895Z' fill='%23AA1061'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2650_2591'%3E%3Crect width='12' height='43' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_2650_2591'%3E%3Crect width='18' height='43' fill='white' transform='translate(12)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.gender_wrap .other_wrapper {
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='43' viewBox='0 0 30 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2650_2591)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.978271 17.9355C0.978271 11.6508 6.04892 6.52246 12.3695 6.52246C18.6901 6.52246 23.7608 11.6508 23.7608 17.9355C23.7608 24.2225 18.666 29.3486 12.3695 29.3486C6.04892 29.3486 0.978271 24.2201 0.978271 17.9355ZM12.3695 9.78336C7.86405 9.78336 4.23914 13.4376 4.23914 17.9355C4.23914 22.4334 7.86405 26.0877 12.3695 26.0877C16.8557 26.0877 20.4999 22.4311 20.4999 17.9355C20.4999 13.4376 16.875 9.78336 12.3695 9.78336Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3695 26.0654C13.2701 26.0654 14 26.7953 14 27.6959V40.7393C14 41.6399 13.2701 42.3698 12.3695 42.3698C11.4691 42.3698 10.7391 41.6399 10.7391 40.7393V27.6959C10.7391 26.7953 11.4691 26.0654 12.3695 26.0654Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.43472 36.4136C6.43472 35.5132 7.16477 34.7832 8.06516 34.7832H16.7174C17.6178 34.7832 18.3479 35.5132 18.3479 36.4136C18.3479 37.3142 17.6178 38.0441 16.7174 38.0441H8.06516C7.16477 38.0441 6.43472 37.3142 6.43472 36.4136Z' fill='black'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_2650_2591)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.978271 17.9355C0.978271 11.6508 6.04892 6.52246 12.3695 6.52246C18.6901 6.52246 23.7608 11.6508 23.7608 17.9355C23.7608 24.2225 18.666 29.3486 12.3695 29.3486C6.04892 29.3486 0.978271 24.2201 0.978271 17.9355ZM12.3695 9.78336C7.86405 9.78336 4.23914 13.4376 4.23914 17.9355C4.23914 22.4334 7.86405 26.0877 12.3695 26.0877C16.8557 26.0877 20.4999 22.4311 20.4999 17.9355C20.4999 13.4376 16.875 9.78336 12.3695 9.78336Z' fill='%23AA1061'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.8458 0.453402C30.484 1.08865 30.4865 2.12099 29.8512 2.75918L20.4599 12.194C19.8246 12.8322 18.7923 12.8346 18.154 12.1993C17.516 11.5641 17.5135 10.5317 18.1488 9.89351L27.5401 0.458724C28.1753 -0.179468 29.2077 -0.181854 29.8458 0.453402Z' fill='%23AA1061'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3695 26.0654C13.2701 26.0654 14 26.7953 14 27.6959V40.7393C14 41.6399 13.2701 42.3698 12.3695 42.3698C11.4691 42.3698 10.7391 41.6399 10.7391 40.7393V27.6959C10.7391 26.7953 11.4691 26.0654 12.3695 26.0654Z' fill='%23AA1061'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.43472 36.4136C6.43472 35.5132 7.16477 34.7832 8.06516 34.7832H16.7174C17.6178 34.7832 18.3479 35.5132 18.3479 36.4136C18.3479 37.3142 17.6178 38.0441 16.7174 38.0441H8.06516C7.16477 38.0441 6.43472 37.3142 6.43472 36.4136Z' fill='%23AA1061'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.9999 1.60895C18.9999 0.708481 19.73 -0.0214844 20.6304 -0.0214844H28.6957C29.5962 -0.0214844 30.3261 0.708481 30.3261 1.60895V9.71756C30.3261 10.6181 29.5962 11.348 28.6957 11.348C27.7952 11.348 27.0652 10.6181 27.0652 9.71756V3.23939H20.6304C19.73 3.23939 18.9999 2.50942 18.9999 1.60895Z' fill='%23AA1061'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2650_2591'%3E%3Crect width='12' height='43' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_2650_2591'%3E%3Crect width='18' height='43' fill='white' transform='translate(12)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.gender_wrap .female_wrapper {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='28' viewBox='0 0 18 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3669 15.3621C18.8777 11.8525 18.8777 6.14189 15.3669 2.63226C11.8562 -0.877421 6.14385 -0.877421 2.63306 2.63226C-0.877685 6.14189 -0.877685 11.8525 2.63306 15.3621C4.11911 16.8477 5.99964 17.7042 7.94062 17.9322V20.9458H5.82202C5.23697 20.9458 4.76272 21.4199 4.76272 22.0048C4.76272 22.5896 5.23697 23.0637 5.82202 23.0637H7.94062V26.0469C7.94067 26.6317 8.41492 27.1059 9.00003 27.1059C9.58508 27.1059 10.0593 26.6317 10.0593 26.0469V23.0637H12.178C12.763 23.0637 13.2373 22.5896 13.2373 22.0048C13.2373 21.4199 12.763 20.9458 12.178 20.9458H10.0593V17.9323C12.0004 17.7042 13.8809 16.8477 15.3669 15.3621ZM4.13119 13.8645C1.44649 11.1806 1.44649 6.81371 4.13119 4.12986C6.81583 1.44611 11.1841 1.44596 13.8689 4.12986C16.5536 6.81371 16.5536 11.1806 13.8689 13.8645C11.1842 16.5483 6.81589 16.5483 4.13119 13.8645Z' fill='%23AA1061'/%3E%3C/svg%3E%0A");
    background-size: 12px;
}


#select2-ft-dt-gender-results .gender-select-wrap {
    white-space: nowrap;
}

#select2-ft-dt-gender-results .gender-select-wrap::before{
    display: none;
}

.img-gender {
    max-width: 19px;
    padding-right: 5px;
}

.genderSelect ~ .select2.select2-container {
    width: 75px !important;
}

.genderSelect ~ .select2.select2-container {
    max-width: 80px !important;
}

.gender_wrap {
    width: 6% !important;
} 

#select2-ft-dt-gender-results li:hover{
    background-color: var(--Peach-color);
    color: var(--darkgray-color);
}

#select2-ft-dt-gender-results li.select2-results__option[aria-selected="true"]{
    background-color: var(--Peach-color);
    color: var(--darkgray-color);
}

body.genderSelect-open span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--below, 
body.genderSelect-open span.select2-container.select2-container--default.select2-container--open span.select2-dropdown.select2-dropdown--above{
    min-width: auto !important;
}

.dash-listing li {    
    width: 100%;
    display: flex;
    justify-content: space-between;
    list-style: none;
    gap: 10px;
    margin-bottom: 12px;
}

.dash-title{
    font-size: 14px;
    font-weight: 600;
    color: var(--secondary);
    min-width: 100px;
    white-space: nowrap;
}

.dash-subtext{
    font-size: 13px;
    font-weight: 500;
    color: var(--secondary);
    min-width: 50px;
    text-align: right;
}

.dash-sapce {
    min-width: 15px;
    text-align: center;
    color: var(--secondary);
}

.dash-percentage{
    font-size: 13px;
    font-weight: 500;
    color: var(--secondary);
    min-width: 38px;
    text-align: right;
}

.grid-temp-3{
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-temp-3 .dash-percentage{
    text-align: right;  
}

.dash-applicants-wrap .dash-listing li{
    display: flex;
    justify-content: space-between;
}

.dash-applicants-wrap .dash-listing li .space-line {
    display: none;
}

.dash-applicants-wrap .dash-listing li .dash-title{
    min-width: 25px;
}

.dash-applicants-wrap .dash-percentage{
    text-align: right;
}

.applicant-listing-box .dash-percentage {
    min-width: 58px;
}

.applicant-listing-box .dash-sapce {
    text-align: right;
}

.refresh-btn{
    padding-right: 35px !important;
}

.refresh-btn svg path {
    fill: transparent;
    stroke: var(--white-color);
}

.refresh-btn:hover svg path{
    fill: transparent;
    stroke: var(--secondary);
}

.refresh-btn:focus svg path {
    fill: transparent;
    stroke: var(--primary);
}
/* .dash-applicants-wrap .card-box-main .card-box{
    flex: 0 0 calc(20% - 24px);
} */

body.genderSelect-open span.select2-search.select2-search--dropdown {
    display: none;
}

.dash-applicants-wrap .dash-percentage{
    text-align: right;
}

table#addresses-table td img {
    margin-right: 5px;
    margin-top: -3px;
}

.link,
.edd-link,
.odd-link,
.geo-link {
    cursor: pointer;
}

.edd-link:hover,
.link:hover,
.odd-link:hover,
.geo-link:hover,
.edd-link:focus,
.link:focus,
.odd-link:focus,
.geo-link:focus{
    background-color: var(--gray-color);
    outline: none;
}
.card-box-main .card-box ul li.link {
    padding: 4px 20px;
}

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

.backLogin:hover{
    color: var(--secondary);
}

.backLogin:focus{
    color: var(--secondary);
    outline: 2px solid var(--primary);
    border-radius: 4px;
}

.mrzEditModal  .indicatorListing-item {
    width: 15px;
}

.transaction-border {
    padding: 25px 25px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    box-shadow: rgb(100 100 111 / 4%) 0px 7px 29px 0px;
    height: 100%;
}

.line-gird {
    display: flex;
    align-items: center;
    gap: 5px;
}

.line-gird img {
    max-width: 20px;
}

.transaction-details-box ul {
    list-style: none;
}

.transaction-border h3 {
    margin-bottom: 17px;
}

.transaction-details-box ul li {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.transaction-details-box ul li .sub-text{
    font-size: 13px;
    font-weight: 600;
    min-width: 100px;
    color: var(--secondary);
}

.meta_data-btns .position-relative {
    overflow: hidden !important;
    border-radius: 5px;
}

.user-dropdown .dropdown-toggle .arrow-icon path:focus{
    outline: none;
}

.transaction-details-box ul li span{
    color: var(--secondary);
    word-break: break-all;
}

.transaction-details-box ul li a{
    color: var(--secondary);
}

.transaction-details-box ul li a:hover{
    color: var(--primary);
}

.transaction-details-box .copyText {
    cursor: pointer;
}

.transaction-json,
.cursor-text {
    cursor: pointer;
}

.copyText.cursor-text {
    color: var(--spanish-gray);
}

.funds-explanantion {
    font-size: 14px !important;
}

.trans-dashboard {
    grid-template-columns: 1fr;
}

body.admin-dashboard {
    overflow-x: hidden;
}

.development_banner{
    padding: 0;
    border: 0;
    position: fixed;
    right: -48px;
    top: 4px;
    padding: 10px 50px;
    transform: rotate(40deg);
    background-color: var(--red);
    color: var(--white-color);
    font-size: 12px;
    font-weight: 900;
}
.development_banner:focus{
    background-color: #d50000;
}
.form-control.is-invalid:focus, 
.was-validated .form-control:invalid:focus,
.form-control:focus {
    box-shadow:none !important;
}

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

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

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

.create-notes-wrap input{
    font-size: 14px;
    padding-left: 0;
}

.create-notest-modify .detail-fields input{
    font-size: 14px;
    text-align: left;
}

.create-notest-modify .select-box-wrap input ~ .error{
    position: relative;
    bottom: 0;
}

.create-notest-modify .from_code2 ~ .error{
    position: absolute;
    bottom: -19px;
}

/* Magnifier container */
.magnifier {
    margin: 50px auto;
    position: relative;
    overflow: hidden;
    cursor: none;
}

.large {
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 0 0 7px rgba(191, 191, 191, 0.85),
        0 0 7px 7px rgba(0, 0, 0, 0.25),
        inset 0 0 40px 2px rgba(191, 191, 191, 0.25);
    display: none;
    z-index: 10;
    cursor: none;
}

.small {
    display: block;
    width: 100%;
    height: auto;
}

.magnifier:hover {
    cursor: none;
}
.modalImage-left > #modalImage {
    display: flex;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    flex-wrap: wrap;
}
.modalImage-left > #modalImage .sub_type_item.is-image {
    min-height: 1px !important;
    padding: 15px;
    margin-bottom: 20px;
    width: 100%;
}
.modalImage-left .sub_type_document_grid .sub_type_item .magnifier {
    margin: 0;
    width: 100%;
}
.meta_data-btns {
    display: flex;
    gap: 5px;
    position: absolute;
    right: 0;
    bottom: 6px;
}
.meta_data-btns .dropzoneLoader .loader {
    height: 100%;
}
.modalImage-left .sub_type_document_grid .sub_type_item .magnifier img.small {
    max-width: 100%;
}
ul.help-text {
    list-style: none;
    margin: 10px 0 0;
    padding: 10px;
    background: var(--mid-lightgray-color);
    border-radius: 5px;
    border: solid 1px var(--light-primary-color);
    line-height: normal;
    font-size: 14px;
}
ul.help-text li:not(:last-child){
    margin: 0px 0 7px;
}
.mrzEditModal  .detail-fields label {
    margin: 0 0 7px;
}
.mrzEditModal .detail-fields textarea.form-control,
.mrzEditModal .detail-fields textarea:focus {
    resize: none;
    box-shadow: none !important;
    outline: none !important;
}
.form-control:focus {
    border-color: var(--light-primary-color) !important;
}
.modalImage-left {
    max-height: 60vh;
    overflow: auto;
    padding-right: 10px;
}
.modalImage-left::-webkit-scrollbar, .box-height-scroll::-webkit-scrollbar{
    width: 5px;
}

/* Track */
.modalImage-left::-webkit-scrollbar-track,  .box-height-scroll::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px var(--spanish-gray); 
    border-radius: 10px;
}

/* Handle */
.modalImage-left::-webkit-scrollbar-thumb,   .box-height-scroll::-webkit-scrollbar-thumb{
    background:var(--primary); 
    border-radius: 10px;
}
  .mrzEditModal .btn{
   box-shadow: none !important;
}

.mrzEditModal .btn-theme {
    background: var(--primary);
    border: solid 1px var(--primary);
    color: var(--white-color);
}

.mrzEditModal .btn-outline-secondary {
    border: solid 1px var(--primary);
}

.mrzEditModal .btn-outline-secondary:hover {
    background: var(--primary);
}

button:focus,
button{
    box-shadow: none !important;
    outline: none !important;
}

.meta_data-btns .dropzoneLoader .loader {
    display: flex;
    align-items: center;
}

.loader-round {
    width: 20px;
    height: 20px;
    border: 6px dotted var(--white-color);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    -webkit-animation: rotation 2s linear infinite;
    animation: rotation 2s linear infinite;
}

.mrz-container {
    display: flex;
    gap: 5px;
}

.box-height-scroll{
    max-height: calc(60vh - 210px);
    overflow: auto;
    margin-top: 20px;
    padding-right: 10px;
}

.applicantMRZModal > .modal-title> span {
    color: var(--spanish-gray);
    padding-left: 5px;
}

.mrzEditModal  .modal-header .btn-close {
    margin: -3.5rem -.5rem -.5rem auto;
}

@keyframes rotation {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}

.notes-table .notestitle{
    white-space: nowrap !important;
}

.notesdescription {
    width: 70%;
}

.notesdate {
    white-space: nowrap !important;
    padding: 15px 5px !important;
}

body.scrolled .development_banner {
    display: none;
}
.scoreinputboxth {
    max-width: 60px;
}

.scoreinputbox {
    min-width: 71px !important;
    max-width: 75px;
    margin: 0 auto;
}

table td.score.scoreinputboxth {
    text-align: right !important;
    padding: 15px 30px; 
}

#kycsearches-table_wrapper table.dataTable tbody td.score {
    width: 1%;
    padding: 15px 8px;
}

/* #kycsearches-table_wrapper th[data-name="id"] {
    width: 15% !important;
} */

.compensate-for-scrollbar {
    margin-right: 0px !important;
}

.fancybox-thumbs__list{
    width: auto !important;
}


.addressHistoryData .kycsearchshowwrapper #kycsearches-table_wrapper{
    overflow: initial !important;
    max-height: inherit !important;
}

.cardnamelisting-head{
    line-height: normal;
    color: var(--primary);
    cursor: pointer;
    border: none !important;
    padding-bottom: 0;
}

.cardnamelisting {
    list-style: none;
    margin: 20px 0 10px;
}

.cardnamelisting .itembox {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 0 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--darkBorder-color);
}

.cardnamelisting .itembox strong{
    min-width: 100px;
}

.maininnerboxuser::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.maininnerboxuser::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
.maininnerboxuser::-webkit-scrollbar-thumb {
    background: var(--secondary); 
    border-radius: 10px;
}
.maininnerboxuser::-webkit-scrollbar-thumb:hover {
    background: var(--secondary); 
}

.maininnerboxuser{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-height: 490px;
    overflow-y: auto;
    padding-right: 5px;
}

.innerboxuser-wrap{
    padding: 10px;
    border: 1px solid var(--gray-color);
    border-radius: 8px;
}

.people-list-wrapper ul {
    list-style: none;
}

.people-list-wrapper ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 0 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--darkBorder-color);
}

.people-list-wrapper ul li strong {
    min-width: 100px;
    font-weight: bold;
    font-size: 14px;
}

.people-list-wrapper .content-form ul {
    padding: 10px;
    border: 1px solid var(--gray-color);
    border-radius: 8px;
    max-width: 50%;
}

.people-list-wrapper .content-form .match-value-show{
    margin-left: auto;
    margin-top: 10px;
    min-width: auto;
    padding: 7px;
    min-height: auto;
    font-size: 12px;
}

.people-list-wrapper .content-form .view-metadata{
    display: block;
    text-align: right;
}

.personmodal .modal-dialog {
    max-width: 800px;
}

table#tag-table thead tr th:not(:last-child), table#tag-table tbody tr td:not(:last-child) {
    width: 20%;
}
.get-gender .check-list {
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}
select.custom-selectbox ~ span.select2.select2-container span.selection >span.select2-selection {
    max-height: 197px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
    flex-wrap: wrap;
}
select.custom-selectbox ~ span.select2.select2-container span.selection >span.select2-selection::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  
/* Track */
select.custom-selectbox ~ span.select2.select2-container span.selection >span.select2-selection::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 10px;
}

/* Handle */
select.custom-selectbox ~ span.select2.select2-container span.selection >span.select2-selection::-webkit-scrollbar-thumb {
background: var(--secondary); 
border-radius: 10px;
}

/* Handle on hover */
select.custom-selectbox ~ span.select2.select2-container span.selection >span.select2-selection::-webkit-scrollbar-thumb:hover {
background: var(--secondary); 
}
/* Chetan css */

.addExerciseLibrary-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice.system-tag-li {
    background: #5ebdf7;
    border-color: #5ebdf7 !important;
}
.system-tag-li::after {
    content: 'S';
    font-size: 12px;
    height: 16px;
    width: 16px;
    background: #ffffff;
    display: inline-flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    line-height: normal;
    margin: 0;
    color: #5ebdf7;
    font-weight: 700;
    position: absolute;
    right: 7px;
    top: 3px;
}
.system-tag-li button.select2-selection__choice__remove {
    display: none;
}
.select2-results__options .system-tag-option {
    background: #e9e9e9 !important;
    color: #000000 !important;
    opacity: 0.4;
    cursor: not-allowed;
    display: none;
}
.applicant_tags_data {
    display: flex;
    gap: 2px;
    min-width: 240px;
    position: relative;
    flex-wrap: wrap;
    z-index: 2;
}
/* #tag-table_wrapper .applicant_tags_data {
    z-index: initial;
} */
.applicant_tags_data span {
    background: var(--primary);
    padding: 4px 4px;
    border-radius: 5px;
    color: var(--white-color);
    font-size: 11px;
    cursor: pointer;
}
.applicant_tags_data span.tag_system{
    background: #5ebdf7;
    /* color: var(--black-color); */

}
.applicant_tags_data span.tag_system:after {
    content: 'S';
    font-size: 10px;
    height: 13px;
    width: 13px;
    background: #ffffff;
    display: inline-flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    line-height: normal;
    margin: 0 0 0 4px;
    color: #56b5ef;
    font-weight: 700;
}

.applicant_tags_data span.tag_system {
    padding-right: 5px;
}

.tags-options > div:not(:last-child) {
    margin: 0 0 24px;
}
.tags-options > div select {
    padding: 11px 5px;
    border: 1px solid var(--gray-color);
    border-radius: 4px;
    outline: none;
    box-shadow: none;
    color: var(--secondary) !important;
    width: 100%;
}
.tags-options .select2-container--default .select2-selection--single{
    border: 1px solid var(--gray-color) !important;

}
.tags-options > div select:focus,
.tags-options .select2-container--default .select2-selection--single:focus{
    border: 1px solid var(--primary) !important;
    outline: none;
}
.kyc-form form .check-list input:focus{
    border: solid 1px var(--carrot-orange) !important;
}
.tags-options > div label{
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
    margin-bottom: 5px;
        text-transform: capitalize;
}
.selected-tags {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    padding: 9px 12px;
    border: solid 1px  var(--primary);
    border-radius: 4px;
}
.selected-tags .tag {
    background: var(--primary);
    padding: 5px 35px 5px 15px;
    border-radius: 4px;
    color: var(--white-color);
    font-size: 12px;
    cursor: pointer;
    position: relative;
}
.selected-tags .tag.tagType_system {
    background: #5ebdf7;
}
.selected-tags .tag .remove-tag {
    position: absolute;
    right: 5px;
    top: 50%;
    height: 16px;
    width: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
    color: var(--white-color);
    transform: translateY(-50%);
    transition: all 0.35s ease-in-out;
    border-radius: 50%;
    border: solid 1px transparent;
}
.selected-tags .tag .remove-tag:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    left: -5px;
    background: #fff;
    top: 0;
}
.selected-tags .tag .remove-tag:focus,
.selected-tags .tag .remove-tag:hover {
    border: solid 1px #fff;
    outline: none;
    background: #fff;
    color: var(--primary);
}
.selected-tags .tag.tagType_system .remove-tag:focus,
.selected-tags .tag.tagType_system .remove-tag:hover {
    color: #5ebdf7;
}
.selected-tags .tagType_system:after {
    content: 'S';
    font-size: 12px;
    height: 16px;
    width: 16px;
    background: #ffffff;
    display: inline-flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    line-height: normal;
    margin: 0 0 0 5px;
    color: #5ebdf7;
    font-weight: 700;
    position: relative;
    top: 1px;
}
.tags-filter .check-list {
    gap: 15px;
    flex-wrap: wrap;
}
.headingWrapperBlock .blockWrap.tags-filter  h3 {
    font-size: var(--heading-4);
    line-height: 20px;
}
.tags-filter .tagsSelected > h3 {
    margin-bottom: 11px;
}
.tags-options .select2-container {
    width: 100% !important;
}
.tags-options .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--secondary) !important;
}
button.dt-button.buttons-collection.buttons-export:focus {
    border: 1px solid rgb(223 164 101);
}
.applicants-tags {
    max-width: 185px;
    padding: 10px;
    border: solid 1px var(--bright-gray);
    border-radius: 5px;
    max-height: 210px;
    overflow-y: auto;
    margin:0 auto 10px;
    width: 100%;
}
.applicants-tags .applicant_tags_data {
    min-width: 0;
    gap: 5px;
}
/* .applicants-tags .applicant_tags_data span{
    cursor: auto;
} */
.kycbox {
    display: flex;
    text-align: left;
    font-size: 14px;
    color: #fff;
    gap: 5px;
    padding: 5px 0;
    justify-content: space-between;
}
.kycbox .kycbox-lebal {
    width: 70%;
    text-transform: uppercase;
}
th.sorting:focus {
    background: #f6a46c !important;
    outline: none;
}
.configuration_btns .back-btn .outline-btn:focus {
    outline: none;
    background-color: #e9e9e9;
}
.user-card-box.collapsed .reset-submit-btn,
.user-card-box.collapsed .orange-btn  {
    opacity: 0;
    visibility: hidden;
    display: none !important;
}
.user-card-box .reset-submit-btn .nbtn,
.user-card-box .orange-btn {
    padding: 5px 15px 9px;
    min-height: 38px;
    line-height: normal;
}

.addressHistoryData > .btn-collapsetable {
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 2;
}
.addressHistoryData > .btn-collapsetable  .nbtn {
    padding: 7px 15px;
    min-height: auto;
    line-height: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.addressHistoryData > .user-card-box.collapsed ~ .btn-collapsetable {
    display: none !important;
}
.disable-input.defaultButton {
    background-color: var(--primary);
    opacity: .5;
}
.input-password-wrap > i:focus {
    outline: none !important;
    color: #dfa465;
}
.applicantTags:focus {
    outline: solid 2px #a56828;
}

.search-loading {
    position: absolute;
    max-width: 45px;
    right: 25px;
    top: -4px;
}

.search-loading img {
    width: 100%;
}
button#refresh {
    padding: 0;
    background: transparent;
    border: none;
    padding-bottom: 1px;
    margin: 0 0 0 8px;
    line-height: normal;
}

button#refresh:focus svg{
    outline:2px solid var(--primary) !important;
}

button#refresh svg {
    width: 22px;
    height: 22px;
}
.get-gender-label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin-bottom: 5px;
}
.get-gender-label > label {
    margin: 0 !important;
    width: auto !important;
}
button#genderDetect {
    font-size: 16px !important;
    font-weight: 500 !important;
    border: solid 1px #dfa465;
    padding: 2px 15px;
    color: #fff;
    background-color: #dfa465;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}
.get-gender .check-list.gender-check-list .form-check:nth-child(even) {
    width: 60%;
}
.get-gender .check-list.gender-check-list .form-check:nth-child(odd) {
    width: calc(40% - 20px);
}
.score-block:focus{
    background-color: var(--white-color) !important;
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}
/* .get-gender .check-list.gender-check-list label {
    font-size: 14px;
    font-weight: 600;
} */
/* Chetan css */
/* kyc score weighting */
.kyc-score-outer{
    padding: 15px;
}
.card1 {
    width: 100%;
    padding-bottom: 15px;
    background-color: #fff;
}
.card1:not(:last-child){
    margin-bottom:15px;
}
.card-in {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}

.card-in .slider-label {
    font-size: var(--heading-4);
    line-height: normal;
    color: var(--secondary);
    display: block;
    width: 100%;
    margin: 0 0 4px;
}

.card-in .input-row {
    margin: 0;
    position: relative;
    max-width: 150px;
    width: 150px;
    min-height: 38px;
}

.slider-row{
    display: flex;
    align-items: center;
    width:100%;
    column-gap: 10px;
}

.input-row {
    display: flex;
}

.slider, .input-field { flex: 5; }
.slider-value, .risk-label { flex: 1; text-align: right; }
input[type="range"] {
    width: 100%;
    height: 8px;
    border-radius: 5px;
    appearance: none;
    background: lightgray;
    outline: none;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 18px;
    width: 18px;
    background: #333;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    position: relative;
}
input[type="range"]:focus::-webkit-slider-thumb {
    background: #726f6f;
}
.score-block {
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: white;
}

.score-green { background-color:var(--medium-sea-green) !important; }
.score-yellow { background-color:var(--color-yellow) !important; color: white; }
.score-red { background-color:var(--sangria-red) !important; }
.green { background:var(--medium-sea-green) !important; color: white; }
.yellow { background:var(--color-yellow) !important; color: white; }
.red {  background:var(--sangria-red) !important;color: #fff; }

.risk-label span {
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 5px 15px;
    font-weight: 700;
    letter-spacing: 1px;
    min-width: 90px;
}

.card-in .input-row .risk-label {
    position: absolute;
    right: 7px;
    top: 5px;
}

.card1 .score-block {
    display: inline-block;
    padding: 5px 5px;
    font-size: 16px;
    line-height: normal;
    border-radius: 4px;
    white-space: nowrap;
    min-width: 90px;
    min-height: 32px;
}

.sectionkyc-score {
    margin-top: 10px;
}

.sectionkyc-score .score-block {
    font-size: 21px;
    font-variant-caps: all-small-caps;
    border-radius: 5px;
    width: fit-content;
    padding: 8px 10px;
    min-width: 185px;
}

.card-in .input-row input {
    padding-right: 70px;
}

.card-outer {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    row-gap: 0;
}

.gridrow-wrap {
    width: calc(100% - 190px);
    align-items: center;
    gap: 10px;
}

.slider-row .slider-value {
    white-space: nowrap;
    min-width: 50px;
    max-width: 50px;
}

.sectionkyc-score .score-block .kycscore-text {
    display: block;
    font-variant-caps: all-small-caps;
    font-size: 55px;
    line-height: 51px;
}

/* .card-in.normalslider-wrap {
    grid-template-columns: 1fr;
    max-width: 400px;
    column-gap: 0;
}
.card-in.normalslider-wrap  */

.card-in.normalslider-wrap .slider-row{
    min-width: 100%;
}

.card-in.normalslider-wrap .slider-row .slider-value {
    text-align: left;
    white-space: normal;
    display: flex;
    justify-content: flex-end;
    flex: inherit;
    min-width: 50px;
}

div#sliders {
    display: flex;
    gap: 30px;
}

.card-in.normalslider-wrap .slider-row .error {
    border: transparent;
    position: relative;
}

.card-in.normalslider-wrap .slider-row .error:after{
    content:'';
    width: 100%;
    height: 19px;
    display: block;
    position: absolute;
    top: -5px;
    border: 1px solid #ff0000;
    border-radius: 10px;
}

/* Chrome, Safari, Edge, Opera */
.card-in .input-row .form-control::-webkit-outer-spin-button,
.card-in .input-row .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.card-in .input-row input[type=number] {
  -moz-appearance: textfield;
}
/* kyc score weighting end */


.searchmodal .modal-header .btn-close {
    margin: -0 -.5rem -.5rem auto;
}

.searchmodal .modal-dialog {
    max-width: 600px;
}

.searchmodal .modal-dialog .modal-content {
    min-height: 200px;
}

.loding-wrap {
    text-align: center;
}

.modaldisable-wrap .modal-content {
    pointer-events: none;
}

.loding-wrap img {
    max-width: 100px;
}

.applicantsWithoutKycSearchMessage {
    font-size: 21px;
    font-weight: 400;
    color: #dfa465;
}
.spinner-border {
    display: none;
}
.modaldisable-wrap #performSearch .spinner-border {
    display: inline-block;
}
.text-spinner {
    display: inline-flex;
    gap: 5px;
    margin-left: 5px;
}
span.text-spinner > span {
    width: 7px;
    height: 7px;
}

    .searchmodal .modal-header .btn-close {
        margin: -0 -.5rem -.5rem auto;
    }

    .searchmodal .modal-dialog {
        max-width: 600px;
    }

    .searchmodal .modal-dialog .modal-content {
        min-height: 200px;
    }

    .loding-wrap {
        text-align: center;
    }

    .modaldisable-wrap .modal-content {
        pointer-events: none;
    }

    .loding-wrap img {
        max-width: 100px;
    }

    .applicantwithoutTagsMessage {
        font-size: 21px;
        font-weight: 400;
        color: #dfa465;
    }

.form-control,
.kyc-form form input{
    font-size: 12px !important;
}

.applicant-form .documentListWrap{
    padding: 0;
    background: transparent;
    box-shadow: none;
}

table.dataTable thead>tr>th.sorting:after{
    opacity: 1 !important;
}

.select2-results__option--selectable{
    font-size: 12px;
}

.select2-container--default .select2-results>.select2-results__options{
    max-height: 400px;
}

.select2-results__option{
    padding: 4px;
}

.gird-box-wrapper .user_content img,
.gird-box-wrapper .user_content svg,
.inner_avt .brandNameWrap img,
.inner_avt .brandNameWrap svg,
.flag_table_flex img,
.flag_table_flex svg{
    border-radius: 2px;
}

table.dataTable tbody .odd{
    background-color: var(--lightgray-color);
}

input#ft-dt-first_name,
input#ft-dt-last_name {
    min-width: 200px !important;
}

.table-filter-form select#ft-dt-doc_status ~ span.select2.select2-container,
.table-filter-form select#ft-dt-kyc_status ~ span.select2.select2-container, 
.statusSelect.filterInput ~ span.select2.select2-container{
    width: 50px !important;
    min-width: 50px !important;
}

.select2-container--default .select2-search--inline .select2-search__field,
select,
input,
.form-check-label{
    font-size: 12px;
}

.applicant-details-head {
    align-items: flex-start;
}

.dataTable tbody tr{
    cursor: pointer;
}

.kyc-configurations-table-edit tbody tr{
    cursor: auto;
}

.headingWrapperBlock .applicantSearch input {
    padding: 10px 30px 10px 8px;
    height: auto;
}

.headingWrapperBlock .applicantSearch .searchIcon {
    top: 8px;
}


.header_profile .add_brand_wrapper .nbtn,
.header_profile .add_brand .nbtn,
.header_profile .backBtn .nbtn,
.customer_action_list_buttons .add_brand_wrapper .nbtn,
.applicants-notesbtn .nbtn{
    font-size: 14px;
    font-weight: 500;
    color: var(--white-color);
    background-color: var(--darkgray-color);
    border-color: var(--darkgray-color);
    border: 1px solid transparent;
    padding: .375rem .75rem !important;
    box-shadow: none;
    min-height: auto !important;
    min-width: 80px !important;
}
.applicants-notesbtn .nbtn:hover,
.applicants-notesbtn .nbtn:focus,
.customer_action_list_buttons .add_brand_wrapper .nbtn:hover,
.customer_action_list_buttons .add_brand_wrapper .nbtn:focus,
.header_profile .add_brand_wrapper .nbtn:hover,
.header_profile .add_brand_wrapper .nbtn:focus,
.header_profile .add_brand .nbtn:hover,
.header_profile .add_brand .nbtn:focus,
.header_profile .backBtn .nbtn:hover,
.header_profile .backBtn .nbtn:focus{
   background-color: var(--white-color);
   color: var(--darkgray-color);
   border-color: var(--darkgray-color) !important;
}

.header_profile  .add_brand_wrapper .refresh-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 10px;
}

.header_profile .add_brand_wrapper .refresh-btn svg{
    position: initial;
    transform: none;
}

.header_profile .add_brand_wrapper .refresh-btn:hover svg path {
    fill: transparent;
    stroke: var(--darkgray-color);
}

.header_profile .add_brand_wrapper .refresh-btn:focus svg path{
    fill: transparent;
    stroke: var(--darkgray-color);
}

.customer_action_list_buttons .btn{
    line-height: normal;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 5px;
}

h4{
    width: 100%;
    border-bottom: 1px solid var(--dark-bordere) !important;
    padding-bottom: 5px;
}


input#ft-dt-id {
    max-width: 250px !important;
}

table.dataTable thead th[data-name="id"],
table.dataTable thead th[data-name="applicant_id"]{
    width: 14% !important;
    max-width: 250px !important;
}

.addressHistoryData table tr th{
    background: var(--mdbright-gray) !important;
    border-bottom: none;
}

table.dataTable thead th[data-name="created_at"],
table.dataTable thead th[data-name="updated_at"]{
    width: 10% !important;
}

table#kycsearches-table thead th[data-name="created_at"],
table#kycsearches-table thead th[data-name="updated_at"]{
    width: 10% !important;
    min-width: 130px !important;
}

.applicantsSearches table#kycsearches-table thead th[data-name="created_at"],
.applicantsSearches table#kycsearches-table thead th[data-name="updated_at"]{
    width: 1% !important;
    min-width: 130px !important;
}

table#kycmatches-table thead th[data-name="created_at"],
table#kycmatches-table thead th[data-name="updated_at"] {
    width: 8% !important;
}

table#kycsearches-table thead th[data-name="name"] {
    width: 20% !important;
}

table#kycmatches-table th.score.scoreinputboxth {
    width: 8% !important;
    min-width: 70px;
}

table#kyc-configurations-table th.datatable_action {
    min-width: 40px;
    width: 5% !important;
}

input#ft-dt-created_at,
input#ft-dt-updated_at{
    width: 150px;
    min-width: 150px !important;
}

.addressHistoryData .table-subtitle{
    width: calc(100% - 34px);
}

table#tag-table th[data-name="description"] {
    min-width: 200px;
}

.modal h4{
    border: none !important;
    padding-bottom: 0 !important;
}

input#ft-dt-middle_name {
    min-width: 200px !important;
}

table#media-table thead select {
    min-width: 200px !important;
}

select#kycChecksWrap-type {
    min-width: 90px;
}

.refresh-btn.disable-input.defaultButton{
    opacity: .2;
}

.tooltip{
    z-index: 991 !important;
}

.check-list.default-check.step_form_checkbox.toggle-check-configurations {
    gap: 7px;
}

.mrzEditModal .indicatorListing-point::before{
    left: 0px;
    top: 3px;
}

.transaction-json .indicatorListing-point::before{
    top: 2.5px;   
}

form#peopleForm .configuration_btns {
    margin-top: .8rem;
}

/* Responsive */
@media(min-width:1201px) {
    .data-fieldtable table.dataTable tbody th,
    .data-fieldtable table.dataTable tbody td {
        width: 80px; 
    }
}

@media (max-width:1700px) and (min-width:1500px) {
    input#ft-dt-created_at, input#ft-dt-updated_at, input#ft-dt-dob {
        min-width: 120px !important;
        padding: .375rem .5rem;
    }

    .card-in .slider-label{
        grid-column: inherit;
    }
}

@media(max-width:1640px) {
    .card-in {
        column-gap: 20px;
    }
    .card-in .input-row {
        max-width: 115px;
        width: 115px;
    }
    .risk-label span {
        padding: 5px 9px;
        min-width: 72px;
    }
    .card-in .input-row .risk-label {
        right: 4px;
    }
    .card-in .input-row .form-control {
        font-size: 14px;
        padding-left: 7px;
    }
    .gridrow-wrap {
        width: calc(100% - 135px);
    }
    .card1 .score-block {
        padding: 7px 5px;
        font-size: 14px;
        min-width: 80px;
        min-height: 33px;
    }

    .add_brand_wrapper .nbtn{
        min-width: 70px;
        padding: 10px 15px;
        min-height: auto;
        font-size: 14px;
    }
}

@media(max-width:1499px) {

    #kycmatches-table th.sorting:first-child{
        width: 7% !important;
        max-width: fit-content !important;
    }

    .header_profile {
        flex-wrap: wrap-reverse;
        justify-content: end;
    }

    .customerActionList .customer_action_list_buttons {
        margin-right: 95px;
    }

    input#ft-dt-created_at.createdata_kyc_search{
        min-width: 105px !important;
    }

    input#ft-dt-created_at, input#ft-dt-updated_at, input#ft-dt-dob {
        min-width: 116px !important;
        padding: .375rem .5rem;
    }

    .inner_sub_type_box .col-12{
        width: 50%;
    }

    .coming-soon h3 {
        font-size: 70px;
    }

    .data-fieldtable table th {
        font-size: 14px;
    }

    .pro-data h6 {
        font-size: 13px;
    }

    table.dataTable thead>tr>th.sorting:before,
    table.dataTable thead>tr>th.sorting:after {
        right: 1px;
    }

    .user-detail-area>.row .col-12.col-sm-12.col-md-3.col-lg-2 {
        width: 250px;
    }

    .user-detail-area>.row .col-12.col-sm-12.col-md-8.col-lg-10 {
        width: 70%;
    }

    .documentListWrap .innerDocumentList-item {
        width: calc(100% / 3 - 12px);
    }
    
    .add_brand_wrapper{
        align-items: flex-start;
    }

    .customerHeadList {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .customerHeadList .lastFirstName,
    .applicant-details-head .customerHeadList .lastFirstName {
        font-size: 28px;
    }


    .sub_type_document_grid .sub_type_item_main {
        width: calc(100% / 2 - 10px);
    }

    .kyc-configuration-form .row.kyc-config-row .col-12.col-lg-3 {
        width: 33%;
    }
    
    .kyc-configuration-form .row.kyc-config-row .col-12.col-lg-2{
        width: 20%; 
    }

    .card-box-main .card-box{
        flex: 0 0 calc(31% - 1px);
        margin-bottom: 20px;
    }

    /* .customerActionList .customer_action_list_buttons{
        margin-right: auto;
    } */

    .customerActionList .dt-buttons{
        margin-right: 23px;
    }

    .card-in .slider-label{
        grid-column: inherit;
    }
    
    .card1:not(:last-child) {
        margin-bottom: 0px;
    }
    .sectionkyc-score .score-block {
        font-size: 20px;
        min-width: 110px;
    }
    .sectionkyc-score .score-block .kycscore-text {
        font-size: 42px;
        line-height: 40px;
    }
    div#sliders,
    .card-outer{
        gap: 24px;
    }
    .kyc-score-outer > div#sliders{
        flex-direction: column;
    }
}

@media(max-width:1360px){
    .card-box-main .card-box,
    .dash-applicants-wrap .card-box-main .card-box{
        flex: 0 0 calc(50% - 24px);
        margin-bottom: 25px;
    }
    .get-gender .check-list.gender-check-list .form-check label{
        font-size: 14px;
        margin-bottom: 3px;
    }
    .kyc-form form .form-check-input:checked {
        background-size: 12px;
        background-position: center;
    }
    .kyc-form form .check-list input {
        padding: 5px 9px !important;
        width: 20px !important;
        height: 20px !important;
    }
}

@media(max-width:1199px) {

    .blank-box-last {
        display: none;
    }

    div#sliders{
        flex-direction: column;
        gap: 30px;
    }

    .sectionkyc-score {
        margin-top: 0;
    }

    .card-outer{
        gap: 20px;
    }
    .kyc-score-outer .card-outer{
        gap: 0;
        grid-template-columns: 1fr;
    }
    .inner_avt .brandNameWrap{
        margin: 0 auto 20px;
    }

    .customerHeadList .lastFirstName,
    .applicant-details-head .customerHeadList .lastFirstName {
        font-size: 22px;
    }

    .add_brand_wrapper {
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
    }

    div#dashboard-table_wrapper{
        max-height: calc(100vh - 180px) !important;
    }

    div#kyc-configurations-table_wrapper{
        max-height: calc(100vh - 250px) !important;
    }

    div#upload-options-table_wrapper{
        max-height: calc(100vh - 250px) !important;
    }

    .data-fieldtable table.dataTable tbody th, .data-fieldtable table.dataTable tbody td{
        white-space: normal;
    }

    .column-sticky, .column-sticky-left {
        position: inherit !important;
    }

    .user_identity .identity_name .pid-title{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .noData-yet h4{
        font-size: 36px;
    }

    .default-upload-wrap {
        flex-wrap: wrap;
    }

    .data-fieldtable table {
        width: 100% !important;
        white-space: nowrap;
        overflow-x: auto;
        display: block;
    }

    .photo-fields>li {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .data-fieldtable table td.sorting_1 {
        min-width: 20px;
        white-space: normal;
    }

    div#upload-options-table_wrapper td.sorting_1 {
        min-width: auto;
    }

    .pro-data {
        flex-wrap: inherit;
    }

    .user-detail-area .user_profile {
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    .brandNameWrap {
        width: fit-content;
        min-width: 200px;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

    .user_content {
        grid-template-columns: 1fr 1fr;
    }

    .user-detail-area>.row .col-12.col-sm-12.col-md-3.col-lg-2 {
        width: 100%;
    }

    .user-detail-area>.row .col-12.col-sm-12.col-md-8.col-lg-10 {
        width: 100%;
    }

    .user-detail-area .user_profile {
        max-width: 200px;
        height: 180px;
    }
    
    .add_brand_wrapper h2 {
        font-size: 22px;
    }

    .documentListWrap .innerDocumentList-item {
        width: calc(100% / 2 - 9px);
    }

    .inner_sub_type_box .col-12 {
        width: 100%;
    }

    .sub_type_title{
        font-size: 21px;
    }

    .kyc-configuration-form .row.kyc-config-row .col-12.col-lg-2{
        width: 29%; 
    }

    .documentSubType-wrapper .col-12.col-md-8 {
        margin-bottom: 25px;
    }

    .header_profile .add_brand_wrapper {
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 5px;
    }

    .transaction-border h3 {
        font-size: 20px;
    }

    .notes-table td{
        vertical-align: top !important;
    }

    .data-fieldtable table#notetemplate-table {
        display: inline-table;
    }
    .get-gender .check-list.gender-check-list .form-check{
        gap: 6px;
    }

    .add_brand_wrapper .nbtn{
        min-width: fit-content;
        padding: 5px 12px;
        height: auto;
        min-height: auto;
        font-size: 14px;
    }
}

@media (max-width:913px) and (min-width:779px) {
    .note-box {
        margin: -27px 0 0 0;
    }
}

@media (max-width:778px) and (min-width:768px) {
    .note-box {
        margin: -41px 0 0 0;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .kyc-form form .logo-upload {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 15px;
    }

    .card-in.normalslider-wrap{
        max-width: 100%;
    }

    .card-outer{
        grid-template-columns: 1fr;
        gap: 0;
    }

    .card1:not(:last-child) {
        margin-bottom: 5px;
    }

    .applicantSearch input{
        min-width: auto;
    }

    .customerActionList .customer_action_list_buttons {
        margin-right: 90px;
        margin-bottom: 1px;
    }

    .customerActionList .brand-listing {
        align-items: flex-end;
        flex-wrap: wrap;
    }

    .customerHeadList {
        align-items: center;
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .customerHeadList .lastFirstName,
    .applicant-details-head .customerHeadList .lastFirstName {
        font-size: 20px;
        width: 110px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .card-box-main .card-box{
        flex: 0 0 calc(100% - 24px);
        margin-left: 12px;
        margin-right: 12px;
        margin-bottom: 22px;
    }

    .brand-listing .table-subtitle{
        font-size: 18px;
    }

    .dash-right-area {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .coming-soon h3 {
        font-size: 60px;
    }

    .gird-box-wrapper {
        display: flex;
        gap: 30px;
        flex-direction: column;
    }

    .gird-box-wrapper .user_content {
        width: 100%;
        margin-left: auto;
    }

    .header_profile{
        gap: 10px;
    }

    .add_brand_wrapper h2 {
        font-size: 22px;
    }

    .headingWrapperBlock .col-12{
        width: 100%;
    }

    .headingWrapperBlock .blockWrap h3{
        font-size: 20px;
    }

    .documentSubType-wrapper .col-12 {
        width: 100%;
    }

    .documentSubType-wrapper .col-12.col-md-8 {
        margin-bottom: 25px;
    }

    .submit_media_status{
        position: relative;
    }

    .kyc-configuration-form .row.kyc-config-row .col-12.col-lg-3 {
        width: 100%;
    }
    
    .kyc-configuration-form .row.kyc-config-row .col-12.col-lg-2{
        width: 100%; 
    }

    .kyc-configuration-form .step_form_checkbox .form-check.detail-fields.select-box-wrap,
    .kyc-configuration-form .row.kyc-config-row .form-group{
        margin-bottom: 1.5rem;
    }

    .documentListWrap .innerDocumentList-item {
        width: calc(100% / 1 - 0px);
    }

    .dash-title{
        min-width: 70px;
    }

    .dash-applicants-wrap .card-box-main .card-box{
        flex: 0 0 calc(50% - 24px);
    }

    body.loginstaging .header_profile {
        padding-right: 10px;
        align-items: end;
    }

    .notes-table td span {
        width: 400px;
        display: block;
        word-break: break-all;
    }

    .customerActionList .brand-listing{
        align-items: flex-start;
        justify-content: flex-start !important;
    }

    .kyc-configuration-form .row.kyc-config-row .action-btn {
        margin-top: -2.2rem;
        margin-left: auto;
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:767px) {

     .card-in.normalslider-wrap{
        max-width: 100%;
    }

    .card1:not(:last-child) {
        margin-bottom: 5px;
    }

    .card-outer{
        gap: 0;
        grid-template-columns: 1fr;
    }

    .notes-form select ~ .error {
        position: absolute;
        bottom: -5px;
    }

    .notes-form .select2-container .select2-selection--single{
        margin-bottom: 10px;
    }
    .development_banner{
        display:none;
    }

    .mobile-header .development_banner{
        display:block;
    }

    .dash-applicants-wrap .card-box-main .card-box{
        flex: 0 0 calc(50% - 24px);
    }

    .gird-box-wrapper {
        display: flex;
        gap: 30px;
        flex-direction: column;
    }

    .gird-box-wrapper .user_content {
        width: 100%;
        margin-left: auto;
    }

    .kyc-configurator-form .content-form{
        padding: 30px 15px;
    }

    .kyc-configuration-form .row.kyc-config-row .col-12.col-lg-3 {
        width: 100%;
    }
    
    .kyc-configuration-form .row.kyc-config-row .col-12.col-lg-2{
        width: 100%; 
    }

    .applicantSearch input{
        min-width: auto;
    }

    .kyc-configuration-form .step_form_checkbox .form-check.detail-fields.select-box-wrap,
    .kyc-configuration-form .row.kyc-config-row .form-group{
        margin-bottom: 1.5rem;
    }

    .sub_type_document_grid{
        gap: 10px;
    }

    .submit_media_status{
        position: relative;
    }

    .documentSubType-wrapper .col-12.col-md-8 {
        margin-bottom: 25px;
    }

    .headingWrapperBlock .blockWrap h3{
        font-size: 18px;
    }

    .card-box-main .card-box{
        flex: 0 0 calc(100% - 24px);
        margin-left: 12px;
        margin-right: 12px;
        margin-bottom: 22px;
    }

    /* bar  */
    .hamburger .line {
        width: 30px;
        height: 2px;
        background-color: var(--white-color);
        display: block;
        margin: 8px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .hamburger .line {
        margin: 7px auto;
        width: 25px;
    }
    .dash-section.sidebar-open #hamburger .line:nth-child(2) {
        opacity: 0;
    }
    .dash-section.sidebar-open #hamburger .line:nth-child(3) {
        transform: translateY(-11px) rotate(-45deg);
    }
    .dash-section.sidebar-open #hamburger .line:first-child {
        transform: translateY(7px) rotate(45deg);
    }
    /* end  */

    .dash-section.sidebar-open::before {
        content: '';
        width: 100%;
        height: 100%;
        position: fixed;
        background-color: var(--black-smoke);
        z-index: 999;
    }

    .sidebar-toggle-icon {
        display: none;
    }

    .sidebar-logo{
        margin-bottom: 1.5rem;
        margin-top: 0;
    }
    .swal2-title{
        font-size: 1.5em !important;
    }

    .noData-yet h4{
        font-size: 30px;
    }

    .apply-btn .applybtn-box {
        font-size: 14px;
    }

    .colorpicker_wrapper>.colorpicker_inner {
        gap: 20px;
        flex-wrap: wrap;
        margin-bottom: .4rem;
    }

    .kyc-form form .font-sm {
        font-size: 12px;
    }

    .table-subtitle {
        font-size: 20px;
    }

    .coming-soon h3 {
        font-size: 40px;
    }

    .mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: var(--black-color);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        min-height: 76px;
        z-index: 999;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .16);
    }

    .loginstaging .mobile-header{
        padding-right: 4rem;
    }

    body.scrolled .mobile-header .development_banner{
        display: block !important;
    }

    .development_banner{
        right: -47px;
        top: 5px;
        transform: rotate(39deg);
        z-index: 9999;
    }

    .dash-right-area {
        margin-left: 0;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 4.76rem;
        padding-left: 1rem;
        padding-right: 1rem;
        min-height: fit-content;
    }

    .dashboard-blog .nav-area {
        left: -300px;
        transition: all 500ms ease-in-out;
        z-index: 9999;
    }

    .sidebar-open .nav-area {
        left: 0;
        transition: all 500ms ease-in-out;
    }

    .data-fieldtable table {
        width: 100% !important;
        white-space: nowrap;
        overflow-x: auto;
        display: block;
    }

    .data-fieldtable table th {
        font-size: 14px;
    }

    .data-fieldtable table#notetemplate-table {
        display: inline-table;
    }

    .pro-data h6 {
        font-size: 13px;
    }

    .customer-detail>h2 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .multi-btn {
        padding-left: 5px;
        padding-right: 5px;
    }

    .multi-btn .nbtn,
    .multi-btn .bgray-btn,
    .multi-btn .cancel-btn {
        min-width: 50%;
    }

    .dataTables_wrapper .dataTables_filter label,
    .dataTables_wrapper .dataTables_length label,
    div#fieldtable_info,
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        font-size: 12.5px;
        font-weight: 600;
        color: var(--secondary) !important;
    }

    .pro-data {
        flex-wrap: inherit;
    }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: left;
    }

    .dataTables_wrapper .dataTables_length {
        margin-top: .3rem;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0;
        float: right;
    }

    .mobile-user-profile>.dropdown.user-dropdown.desktop-mode {
        display: flex;
    }

    .header_profile>.dropdown.user-dropdown.desktop-mode {
        display: none;
    }

    .mobile-user-profile {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .mobile-user-profile>.dropdown.user-dropdown.desktop-mode .name-dta.d-flex.align-items-end {
        display: none !important;
    }

    .user-dropdown .dropdown-menu:before {
        right: 10px;
    }

    .avatar__icon {
        width: 150px;
        height: 150px;
        font-size: 70px;
    }

    .avatar__icon {
        width: 150px;
        height: 150px;
        font-size: 70px;
    }

    .customerActionList .dt-buttons{
        margin-right: 15px;
        margin-top: -48px;
    }

    .customerActionList .dt-buttons button {
        margin: 0;
    }

    .customerActionList .brand-listing {
        align-items: flex-end;
        flex-wrap: wrap;
    }

    .applicantWrap{
        width: 100%;
    }

    .applicantSearch {
        width: 100%;
    }

    .customerHeadList{
        width: fit-content;
    }

    .add_brand_wrapper{
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 20px;
    }

    div#customer-table_wrapper,
    div#kyc-configurations-table_wrapper,
    #kycsearches-table_wrapper,
    #countries-table_wrapper,
    #kycmatches-table_wrapper, 
    #transaction-table_wrapper, 
    #people-table_wrapper,
    #tag-table_wrapper {
        height: 100% !important;
        max-height: calc(100vh - 250px) !important;
    }

    .headingWrapperBlock .blockWrap{
        padding: 25px 20px;
    }

    .customer_action_list_buttons .add_brand_wrapper {
        margin: 0;
    }

    .inner_sub_type_box .col-12 {
        width: 100%;
    }

    .dataSetModal .modal-dialog {
        max-width: calc(100% - 0px);
    }

    .logindevelopment_banner{
        display: block;
        right: -48px;
        top: 8px;
    }

    .notes-table td span {
        width: 400px;
        display: block;
        word-break: break-all;
    }

    .customerActionList .brand-listing{
        align-items: flex-start;
        justify-content: flex-start !important;
    }

    .kyc-configuration-form .row.kyc-config-row .action-btn {
        margin-top: -2.2rem;
        margin-left: auto;
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:575px) {
    .kyc-configuration-form .row.kyc-config-row .action-btn {
        margin-top: 2rem;
        margin-left: auto;
        margin-bottom: 0;
    }

    .kyc-configuration-form .row.kyc-config-row{
        padding: 20px 15px;
        margin: 1rem 0 0;
        border-radius: 10px;
        border: 1px solid var(--border-color);
        box-shadow: rgb(100 100 111 / 4%) 0px 7px 29px 0px;
    }

    .kyc-configuration-form .row.kyc-config-row .col-12 {
        padding: 0 !important;
    }

    div#customer-table_wrapper,
    #kycsearches-table_wrapper,
    #countries-table_wrapper,
    #kycmatches-table_wrapper,
    div#kyc-configurations-table_wrapper,
    #tag-table_wrapper {
        height: 100% !important;
        max-height: calc(100vh - 310px) !important;
    }

    .inner_sub_type_box .col-12{
        width: 100%;
    }

    .customerActionList .brand-listing {
        row-gap: 20px;
    }

    .applicantWrap {
        width: 100%;
        flex-wrap: wrap;
    }

    .applicantSearch input {
        padding: 10px;
        padding-right: 30px;
    }

    .applicantSearch .searchIcon svg {
        width: 18px;
        height: 18px;
    }

    /* .applicantSearch .searchIcon {
        top: 11px;
    } */

    .sub_type_document_grid .sub_type_item{
        padding: .7rem;
    }

    .documentListWrap .innerDocumentList-item {
        width: 100%;
    }

    .documentListWrap .innerDocumentList-item {
        width: 100%;
    }
    
    .customerHeadList {
        row-gap: 10px;
        min-height: 45px;
        flex-wrap: wrap;
    }

    .add_brand_wrapper {
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: .5rem;
    }

    .customerHeadList .lastFirstName,
    .applicant-details-head .customerHeadList .lastFirstName {
        font-size: 20px;
        font-weight: 600;
        color: var(--spanish-gray);
        margin: 0 7px;
        width: 70px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .customerHeadList .buttonsGroups .btn{
        min-height: 43px;
        display:flex;
        align-items: center;
    }

    .indicatorListing{
        grid-template-columns: 1fr 1fr;
    }

    .customerHeadList .lastFirstName{
        width: 100px;
    }

    .add_brand_wrapper {
        flex-wrap: wrap;
    }

    .avatar__icon {
        width: 120px;
        height: 120px;
        font-size: 50px;
    }

    .num_text{
        width: fit-content;
        max-width: 100px;
    }

    body.phonecode-select-box span.select2-dropdown.select2-dropdown--below {
        width: 270px !important;
    }

    div.dt-buttons{
        margin-left: 0;
        margin-top: 7px;
        text-align: left;
        position: inherit;
        margin-top: 0;
    }

    #upload-options-table_wrapper div.dt-buttons{
        display: flex;
    }

    .avatar__icon {
        width: 120px;
        height: 120px;
        font-size: 50px;
    }

    div#customer-table_wrapper div#customer-table_processing{
        top: 85px;
    }

    div#dashboard-table_wrapper div#dashboard-table_processing {
        top: 45px;
    }

    .noData-yet h4{
        font-size: 24px;
    }

    .modal-middledata .modal-body.text-center .file-selectarea .fileForm {
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column-reverse;
    }

    .modal-middledata .modal-body.text-center .file-selectarea .fileForm .upload-new-item {
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
    }

    .photo-fields>li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .data-fieldtable table th {
        text-align: left !important;
        /* padding: 20px 20px !important; */
    }

    .select_brand {
        text-align: left;
    }

    .default-upload-wrap {
        flex-wrap: wrap;
        justify-content: center;
    }

    .login-wrapper .form_wrapper {
        padding: 30px 20px;
    }

    table.dataTable thead>tr>th.sorting,
    table.dataTable thead>tr>th.sorting_asc,
    table.dataTable thead>tr>th.sorting_desc,
    table.dataTable thead>tr>th.sorting_asc_disabled,
    table.dataTable thead>tr>th.sorting_desc_disabled,
    table.dataTable thead>tr>td.sorting,
    table.dataTable thead>tr>td.sorting_asc,
    table.dataTable thead>tr>td.sorting_desc,
    table.dataTable thead>tr>td.sorting_asc_disabled,
    table.dataTable thead>tr>td.sorting_desc_disabled {
        cursor: pointer;
        position: relative;
        padding-right: 26px;
        text-align: center;
    }

    table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 8px 20px;
    }

    .mobile-header {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .brand-listing .table-subtitle {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .brand-listing {
        flex-wrap: wrap;
    }

    .select_brand {
        width: 100%;
    }

    .select_brand select {
        width: 100%;
        margin-top: 5px;
    }

    .colorpicker_wrapper>.colorpicker_inner .clr-field {
        width: 100%;
    }

    .apply-btn {
        width: 100%;
    }

    .apply-btn .applybtn-box {
        width: 100%;
        min-width: 100%;
    }

    .photo-idslide {
        margin-left: -12px;
        margin-right: -12px;
    }

    .multi-btn {
        padding-left: 0;
        padding-right: 0;
    }

    .bgray-btn svg,
    .multi-btn .nbtn svg {
        right: 8px;
    }

    .multi-btn .bgray-btn+.nbtn,
    .multi-btn .cancel-btn+.nbtn {
        padding-right: 40px;
    }

    .multi-btn .bgray-btn,
    .multi-btn .bgray-btn+.nbtn,
    .multi-btn .cancel-btn,
    .multi-btn .cancel-btn+.nbtn {
        min-width: auto;
    }

    .multi-btn>.bgray-btn,
    .multi-btn .cancel-btn {
        flex: 0 0 40%;
        padding: 6px 32px 5px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .multi-btn .cancel-btn {
        padding: 6px 10px 5px 40px;
    }

    .multi-btn .cancel-btn svg {
        left: 8px;
    }

    .multi-btn .bgray-btn+.nbtn,
    .multi-btn .cancel-btn+.nbtn {
        flex: 0 0 56.5%;
    }

    .address_id .multi-btn .bgray-btn {
        padding-right: 44px;
    }
    .customer-detail-edit,
    .customer-detail {
        padding-bottom: 75px;
    }

    .customer-detail-edit .select2-container {
        width: 100% !important;
    }

    .card-box-main {
        margin-left: 0;
        margin-right: 0;
    }

    .card-box-main .card-box {
        flex: 0 0 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 15px;
    }

    .card-box-main .card-box:last-child {
        margin-bottom: 0;
    }

    .pimg-area {
        flex: 0 0 45px;
    }

    .width-autoarea {
        max-width: none;
    }

    .modal-header h5,
    .head-titlearea {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    .t-footertop p,
    .t-footerbottom>a {
        font-size: 9px;
    }

    .t-footertop .help-icon {
        right: 12px;
        top: 0;
    }

    .dash-title h2 {
        font-size: 24px;
    }

    .kyc-configurator-form .head-form .title h3 {
        font-size: 18px;
    }

    .kyc-form form .logo-upload {
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 15px;
    }

    .kyc-form form .font-sm {
        display: block;
        margin-top: 5px;
    }

    .configuration_btns {
        flex-wrap: wrap;
        gap: 10px;
    }

    .configuration_btns .save_btn .nbtn,
    .configuration_btns .back-btn .outline-btn {
        font-size: 13px;
    }

    .kyc-form form .check-list label,
    .kyc-form form .upload_brand_logo {
        font-size: 13px;
    }

    .kyc-form form input {
        font-size: 14px;
    }

    .kyc-configurator-form .content-form .subtitle span {
        font-size: 14px;
    }

    .kyc-configurator-form .content-form .subtitle p {
        font-size: 13px;
    }
    .check-list {
        gap: 40px;
        flex-wrap: wrap;
        row-gap: 5px;
    }

    .sub_type_title{
        font-size: 14px;
        flex-wrap: wrap;
    }

    /* .customerActionList .customer_action_list_buttons {
        position: absolute;
        transform: translate(0px, 67px);
    } */

    .sub_type_document_grid .sub_type_item_main {
        width:100%;
    }

    .sub_type_document_grid .form-group {
        margin-bottom: 1rem;
    }

    .orange-btn {
        font-weight: 500;
        line-height: inherit;
        min-width: 70px;
        min-height: inherit;
        padding: 10px 10px;
    }

    table .notes-data {
        width: 44%;
    }

    .addressHistoryData .brand-listing .table-subtitle {
        margin-bottom: 0;
    }

    .dash-applicants-wrap .card-box-main .card-box {
        flex: 0 0 100%;
    }

    .card-box-main{
        margin-bottom: 20px;
    }

    .mobile-user-profile{
        gap: 15px;
    }

    .card-box-main{
        margin-bottom: 20px;
    }

    .mobile-user-profile{
        gap: 15px;
    }

    .card-box-main{
        margin-bottom: 20px;
    }

    .mobile-user-profile{
        gap: 15px;
    }
    
    .card-box-main{
        margin-bottom: 20px;
    }

    .mobile-user-profile{
        gap: 15px;
    }
    .card-box-main .card-box ul li.link {
        padding: 4px 0px;
    }
    .card-box-main .card-box ul li,
    .card-box-main .card-box h4 {
        padding: 0;
    }

    #developmentBanner h5#developmentBannerLabel {
        padding-left: 0;
    }
}

@media(max-width:480px) {
    .card-in .input-row {
        margin-left: auto;
        margin-top: -33px;
    }
    .gridrow-wrap {
        width: 100%;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .card-in .input-row{
        min-height: 33px;
    }

    .risk-label span{
        padding: 3px 9px;
    }

    .card-in .input-row .risk-label{
        top: 4px;
    }
}

@media(max-width:400px) {
    .user_content {
        grid-template-columns: 1fr;
    }    

    .dash-title {
        min-width: 110px;
    }

    div.dt-buttons span.dt-button-down-arrow{
        top: 0px;
    }

    .indicatorListing {
        grid-template-columns: 1fr;
    }

    .add_brand_wrapper h2{
        font-size: 20px;
    }

    .configuration_btns .save_btn .nbtn,
    .configuration_btns .back-btn .outline-btn {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .check-list {
        gap: 40px;
    }

    .file-search .input-file ~ label.bgray-btn {
        min-width: 200px;
    }

    .file-search .input-file {
        width: fit-content !important;
        min-width: fit-content !important;
        max-width: fit-content !important;
    }

    /* .gridrow-wrap{
        align-items: normal;
        gap: 15px;
        flex-direction: column;
    } */

    /* .card-in .input-row{
        max-width: 100%;
        margin-top: 10px;
    } */
}

@media screen and (max-width:355px) {

    .kyc-form .filename_upload .uploadlogo_text ~ span#uploadlogo-error{
        bottom: -24px;
        min-width: 280px;
    }

    .kyc-form .filename_upload{
        margin-bottom: 10px;
    }

    .sub_type_document_grid .sub_type_item_main {
        width: calc(100% / 1 - 0px);
    }

    .note-box {
        margin: -27px 0 0 0;
    }

    div.dt-buttons{
        margin-left: 0;
        margin-top: 7px;
    }
    #upload-options-table_wrapper div.dt-buttons{
        display: flex;
        justify-content: center;
    }

    table .notes-data {
        width: 35%; 
    }

    .dash-title {
        min-width: 75px;
    }
}

@media screen and (max-width:350px) {

    .kyc-form form .check-list label,
    .kyc-form form .upload_brand_logo {
        font-size: 12px;
    }

    .coming-soon h3 {
        font-size: 30px;
    }

    .head-titlearea h2 {
        font-size: 16px;
    }

    .head-titlearea span {
        font-size: 12px;
    }

    .nbtn {
        min-width: 100%;
    }

    .inner-title .detail-edit {
        right: 0;
    }

    .form-group .bob-month select {
        padding-right: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .info-right {
        transform: rotate(-90deg) translateX(-55px);
        width: 120px;
    }

    .info-right em {
        font-size: 20px;
    }

    .liveness_pic .info-right {
        width: 95px;
        transform: rotate(-90deg) translateX(-36px);
    }

    .address_id .info-right {
        transform: rotate(-90deg) translateX(-62px);
        width: 148px;
    }

    .configuration_btns .save_btn .nbtn,
    .configuration_btns .back-btn .outline-btn {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .configuration_btns {
        gap: 15px;
    }

    .configuration_btns .back-btn {
        width: 100%;
    }

    .configuration_btns .save_btn {
        width: 100%;
    }

    .dataTables_wrapper .dataTables_filter {
        width: 100%;
        text-align: center;
        margin-top: 1rem;
        float: left;
    }

    .dataTables_wrapper .dataTables_length {
        float: none;
    }

    .multi-btn {
        flex-wrap: wrap;
    }

    .multi-btn>.bgray-btn,
    .multi-btn .cancel-btn,
    .multi-btn .bgray-btn+.nbtn,
    .multi-btn .cancel-btn+.nbtn {
        flex: 0 0 100%;
    }

    .add_brand_wrapper .nbtn{
        min-width: 70px;
    }
}

@media screen and (max-width:335px) {
    .user-dropdown .dropdown-menu:before {
        right: 74px;
    }
}