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

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

body {
    margin: 0;
    font-family: var(--noto-sans);
    font-size: var(--body-font-size);
    font-weight: 400;
    line-height: 1.1;
    background-color: var(--lightgray-color);
}

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

ul {
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    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: 600;
    min-width: 285px;
    position: relative;
    border-radius: 4px;
    color: var(--white-color);
    display: inline-block;
    text-align: center;
    padding: 8px 15px;
    /* box-shadow: 5px 8px 12px rgb(135 85 33 / 16%); */
    min-height: 40px;
    height: 40px;
    border: 1px solid transparent;
    text-transform: capitalize;
}

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

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

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

.outline-btn:focus svg path {
    fill: var(--white-color);
}

.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 label {
    font-weight: 500;
    color: var(--secondary);
    font-size: 14px;
    margin-bottom: 3px;
}

.form-group input,
.form-group select {
    width: 100%;
    font-size: var(--body-font-size);
    line-height: normal;
    color: var(--secondary);
    font-weight: 400;
    padding: 8px;
    margin-top: 5px;
    min-height: 40px;
    border: 1px solid var(--secondary);
    border-radius: 5px;
}

.form-group input:focus,
.form-group select:focus {
    border-color: var(--primary);
}

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

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

/* header  */

.logo a:focus,
.logo a:focus-visible {
    outline: none;
}

.merchant-header {
    background-color: var(--darkBrown);
}

.merchant-header .page-title {
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.merchant-header .page-title .title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    color: var(--white-color);
    text-transform: capitalize;
}

.user-dropdown {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--white-color);
}

.user-dropdown .date-time {
    font-size: 12px;
    color: var(--text-color);
    text-align: right;
}

.user-dropdown .user-dropdown-wrapper span {
    font-size: 40px;
    font-weight: 500;
    cursor: pointer;
}

.user-dropdown .user-dropdown-wrapper span:focus {
    outline: 2px solid var(--primary);
    border-radius: 2px;
}

.header_profile {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.user-dropdown .dropdown-toggle {
    display: flex;
    align-items: center;
    cursor: pointer;
}

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

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

.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 .arrow-icon svg path {
    stroke: var(--white-color);
}

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

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

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

.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 .dropdown-item:hover,
.user-dropdown .dropdown-menu li .dropdown-item:active {
    background-color: var(--lightgray-color);
}

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

.user-dropdown .dropdown-menu li:last-child .dropdown-item {
    border-bottom: 0;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.user-dropdown .dropdown-menu li:first-child .dropdown-item {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

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

.logout-item-anchor .menu-img svg path {
    fill: transparent;
}

.user-dropdown-wrapper .dropdown-menu {
    padding-bottom: 4px !important;
}

.user-dropdown-wrapper .dropdown-menu li .dropdown-item {
    font-size: 15px;
    font-weight: 500;
    padding: 10px 15px;
    border-bottom: 1px solid var(--border-color);
    color: var(--secondary);
    transition: 0.4s ease-in-out;
    text-align: left;
    border: none;
    margin: 0;
}

.user-dropdown-wrapper .dropdown-menu li .dropdown-item:focus {
    outline: none;
    background-color: var(--primary);
    color: var(--white-color);
    border-radius: 0;
}

.user-dropdown-wrapper .dropdown-menu li .dropdown-item.active,
.user-dropdown-wrapper .dropdown-menu li .dropdown-item.active:focus {
    background-color: var(--primary);
    color: var(--white-color);
    border-radius: 0;
}

.user-dropdown .dropdown-menu li:first-child .dropdown-item.active {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* 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: 45px !important;
    background-color: var(--white-color);
    display: block;
    border: 1px solid var(--darkBorder-color);
    font-size: 14px;
    font-weight: 400;
}

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

.input-password-wrap>i {
    position: absolute;
    right: 20px;
    top: 16px;
    cursor: pointer;
}

.input-password-wrap>i:focus {
    outline: none;
    color: var(--primary);
}

.input-password-wrap .is-invalid~.error~.fa {
    right: 30px;
}

.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-size: 25px;
    font-weight: 600;
    color: var(--secondary);
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

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

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

.login-wrapper .form-check-input:checked {
    background-color: var(--black-color);
    border-color: var(--black-color);
}

.login-wrapper .form-check-input:focus {
    border-color: var(--gray-color);
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
}

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

.login-wrapper .top-content-login img {
    max-width: 150px;
    margin: 0;
}

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

.login-wrapper .form-check .form-check-input {
    margin-top: 0.8px;
}

.login-wrapper .login-background {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 0;
    object-fit: cover;
}

.login-wrapper .container {
    z-index: 1;
}

.mailstar {
    color: var(--red-color);
}

/* end  */

/* table  */
.py-50 {
    padding: 50px 0;
}

.px-60 {
    padding-left: 60px;
    padding-right: 60px;
}

.button-secondary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    color: var(--secondary);
    background-color: var(--light-secondary-bg);
    padding: 5px 14px;
    border-radius: 5px;
}

.button-secondary svg {
    fill: var(--secondary);
    transition: all .4s ease-in-out;
}

.button-secondary svg:focus,
.button-secondary svg path:focus {
    outline: none;
}

.button-secondary:hover,
.button-secondary:focus {
    outline: none;
    box-shadow: none;
    color: var(--white-color);
    background-color: var(--dark-secondary-bg);
}

.button-secondary:hover svg,
.button-secondary:focus svg {
    fill: var(--white-color);
}

.search-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.search-head .right-box .button-group {
    display: flex;
    align-items: center;
    gap: 15px;
}

.search-head .right-box .button-group .button-secondary {
    min-width: 300px;
}

.search-head .right-box .button-group .button-secondary:first-child {
    gap: 0;
}

.search-head .right-box .button-group .button-secondary:first-child span {
    flex: 1;
    -webkit-flex: 1;
    text-align: center;
}

.searchdata {
    min-height: 50px;
    display: flex;
    position: relative;
}

.searchdata input {
    font-size: 16px;
    line-height: normal;
    padding-right: 35px;
    box-shadow: none;
    min-width: 300px;
    background-color: var(--white-color);
    border-color: var(--spanish-gray);
    text-align: center;
}

.searchdata input:focus {
    box-shadow: none;
    border-color: var(--light-secondary-bg);
}

.searchdata .searchIcon {
    position: absolute;
    opacity: .6;
    right: 10px;
    top: 14px;
    cursor: pointer;
    color: var(--dark-secondary-bg);
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left;
}

.olight-color {
    color: var(--color-brown-mix);
    white-space: nowrap;
}

.glight-color {
    color: var(--pale-cyan);
    white-space: nowrap;
}

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

.gray-color {
    color: var(--gray-color);
}

.w-max {
    width: max-content;
    display: inline-block;
}

.commom-table thead th,
.commom-table tbody td {
    vertical-align: middle;
}

.commom-table tbody tr:last-child td {
    border-bottom-color: var(--lightred-color) !important;
    border-bottom-width: 2px;
}

.commom-table thead .table-filter-form td {
    border-bottom-color: var(--lightred-color) !important;
    border-bottom-width: 2px;
}

.commom-table tbody tr:nth-child(odd) td {
    background-color: var(--white-color);
}

.newOfice td {
    border-top-color: var(--lightred-color) !important;
    border-top-width: 2px;
}

.newHeadOffice td {
    border-top-color: var(--lightred-color) !important;
    border-top-width: 2px;
}

.view_btn {
    border: 1px solid var(--secondary);
    color: var(--dark-secondary-bg);
    padding: 5px 10px;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
}

.view_btn:hover,
.view_btn:focus {
    color: var(--white-color);
    border-color: var(--dark-secondary-bg);
    background-color: var(--dark-secondary-bg);
    outline: none;
}

.tw_img {
    display: flex;
    align-items: center;
    gap: 4px;
}

.flag_img {
    display: flex;
    align-items: center;
    gap: 5px;
}

.flag_img img {
    max-width: 15px;
    border-radius: 3px;
}


/* Standard Merchant Terms Page */
.form-block {
    padding-bottom: 30px;
}

.form-block>h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: var(--lightred-color);
    border-bottom: 2px solid var(--lightred-color);
    margin-bottom: 20px;
}

.standard-merchant .input-group>label {
    font-weight: 500;
    color: var(--secondary);
    font-size: 14px;
    flex: 0 0 245px;
    -webkit-flex: 0 0 245px;
    max-width: 245px;
    padding-top: 10px;
}

.group-right {
    flex: 0 0 calc(100% - 245px);
    -webkit-flex: 0 0 calc(100% - 245px);
    max-width: calc(100% - 245px);
}

.form-block .input-group+.input-group {
    margin-top: 20px;
}

.reset-btn {
    display: inline-block;
    cursor: pointer;
    margin-right: 8px;
}

.reset-btn-report {
    transition: none;
    margin-right: 5px;
}

.reset-btn:focus,
.reset-btn-report:focus {
    outline: 2px solid var(--primary);
    border-radius: 2px;
}

.reset-btn svg path:focus {
    outline: none;
    border: none;
}

.reset-btn-width {
    width: 33px;
}

.reserve-history-anchor,
.settlementReport,
.settled-transactions-anchor {
    transition: none;
}

.reserve-history-anchor:focus,
.settlement-pdf-icon .settlementReport:focus,
.settled-transactions-anchor:focus {
    outline: 2px solid var(--primary);
    border-radius: 2px;
}

.md-select+.select2-container {
    min-width: 240px;
    max-width: 240px;
}

.sm-select+.select2-container {
    min-width: 120px;
}

.sm-input {
    max-width: 120px;
    flex: 0 0 120px;
}

.md-input {
    max-width: 240px;
    flex: 0 0 240px;
}

.sm-input2 {
    border: none;
    border-bottom: 1px solid var(--dark-secondary-bg) !important;
    border-radius: 0 !important;
    background: transparent;
    height: 20px !important;
}

.sm-input2:focus {
    outline: none;
    border-color: var(--primary) !important;
}

.select2-container--default .select2-selection--single {
    border-color: var(--secondary);
    border-radius: 5px;
    height: 40px;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--focus .select2-selection--single {
    outline: none;
    border-color: var(--primary);
}

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

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: var(--dark-secondary-bg);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none !important;
    width: 6px;
    height: 6px;
    border-right: 2px solid var(--white-color) !important;
    border-bottom: 2px solid var(--white-color) !important;
    transform: rotate(45deg) translate(-50%, -50%);
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
    margin-top: 1px;
    margin-left: -3px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(224deg) translate(-50%, -50%);
    -webkit-transform: rotate(224deg) translate(-50%, -50%);
    margin-top: -5px;
}

.reset-btn svg:focus,
.reset-btn-report svg:focus {
    outline: none;
}

.right-inner+.right-inner {
    margin-top: 20px;
}

.tier-area>.in-label {
    font-weight: 500;
    color: var(--secondary);
    font-size: 14px;
}

.flex-230 {
    flex: 0 0 230px;
    max-width: 230px;
}

.flex-120 {
    flex: 0 0 120px;
    max-width: 120px;
}

.flex-70 {
    flex: 0 0 70px;
    max-width: 70px;
}

.space-46 {
    flex: 0 0 46px;
    max-width: 46px;
}

.space-40 {
    flex: 0 0 40px;
    max-width: 40px;
}

.tier-area>.in-label.percentage {
    font-size: 15px;
    font-weight: 600;
}

.tier-area input {
    color: var(--dark-gray);
    font-size: var(--body-font-size);
    font-weight: 400;
    line-height: 1.1;
    border-radius: 5px;
    border-color: var(--secondary);
    height: 40px;
}

.tier-area input::placeholder {
    font-style: italic;
}

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

.add-circlebtn {
    background-color: var(--dark-secondary-bg);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    color: var(--white-color);
    font-size: 27px;
}

.add-circlebtn:focus {
    outline: none;
    background-color: var(--primary);
}

.add-circlebtn.remove-field {
    background-color: var(--red-color);
    line-height: 23px;
}

.add-circlebtn.remove-field:focus {
    outline: none;
    background-color: var(--sangria-red);
}

.add-circlebtn:hover {
    color: var(--white-color);
}

.in-label {
    font-weight: 500;
    color: var(--secondary);
    font-size: 14px;
}

.tier-area input[type=checkbox] {
    height: 24px;
    width: 24px;
    background-color: transparent;
    border-color: var(--dark-secondary-bg);
    border-width: 2px;
    margin: 0 !important;
}

.tier-area input[type=radio] {
    height: 24px;
    width: 24px;
    background-color: transparent;
    border-color: var(--dark-secondary-bg);
    border-width: 2px;
    border-radius: 3px;
}

.tier-area input[type=checkbox]:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--dark-secondary-bg);
}

.tier-area .form-check {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    margin-right: 30px;
}

.tier-area .form-check input,
.tier-area .form-check label {
    cursor: pointer;
}

.tier-area .form-check-input:checked {
    background-color: var(--dark-secondary-bg);
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E");
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E");
}

.mr-100 {
    margin-right: 100px;
}

.mr-150 {
    margin-right: 150px;
}

.gap-150 {
    gap: 162px;
}

.gap-169 {
    gap: 169px;
}

.nr-text {
    font-size: 14px;
    font-weight: 400;
    color: var(--secondary);
    margin-left: 5px;
}

.tier-area .form-check .in-label {
    min-width: 71px;
    max-width: min-content;
}

.line-text span {
    display: block;
    font-weight: 500;
    color: var(--secondary);
    font-size: 14px;
    padding-top: 10px;
    padding-left: 35px;
    text-decoration: line-through;
}

.min-w-350 {
    min-width: 350px;
}

.group-right.dash-border {
    margin-bottom: 10px;
}

.no-line-through span {
    text-decoration: auto;
}

.save-template {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 2px solid var(--lightred-color);
}

.save-template .save-template-btn {
    max-width: 300px;
    min-width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    color: var(--white-color);
    background-color: var(--lightred-color);
    border-radius: 5px;
    border: 1px solid var(--lightred-color);
}

.save-template .save-template-btn:hover,
.save-template .save-template-btn:focus {
    background-color: transparent;
    color: var(--lightred-color);
    outline: none;
}

.dropdown-menu[data-bs-popper] {
    left: auto;
    right: 0;
}

.user-dropdown-wrapper .dropdown-menu {
    padding: 10px 15px 20px;
}

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

.user-dropdown-wrapper .dropdown-menu li {
    display: flex;
    align-items: center;
    gap: 5px;
}

.user-dropdown-wrapper .dropdown-menu li svg {
    fill: var(--color-brown-mix);
}

.user-dropdown-wrapper .dropdown-menu li span,
.user-dropdown-wrapper .dropdown-menu li a {
    font-size: 15px;
    font-weight: 600;
}

.user-dropdown-wrapper .dropdown-menu li a {
    margin-top: 10px;
    padding: 5px 10px;
    border: 1px solid var(--secondary);
    border-radius: 5px;
    text-align: center;
}

.user-dropdown-wrapper .dropdown-menu:before {
    right: 35px;
}

/* dark orchid color  */

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

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

.create-introducer .form-block>h3 {
    color: var(--carrot-orange);
    border-color: var(--carrot-orange);
}

.create-introducer .save-template {
    border-color: var(--carrot-orange);
}

.create-introducer .save-template .save-template-btn {
    background-color: var(--carrot-orange);
    border-color: var(--carrot-orange);
}

.create-introducer .save-template .save-template-btn:hover {
    background-color: transparent;
    color: var(--carrot-orange);
}

.create-introducer .select-head-office~.select2 .select2-selection__rendered {
    font-weight: 600;
    color: var(--carrot-orange);
}

.create-acquirer .form-block>h3,
.internal-report .form-block>h3 {
    color: var(--bright-royal-blue);
    border-color: var(--bright-royal-blue);
}

.create-acquirer .save-template {
    border-color: var(--bright-royal-blue);
}

.create-acquirer .save-template .save-template-btn {
    background-color: var(--bright-royal-blue);
    border-color: var(--bright-royal-blue);
}

.create-acquirer .save-template .save-template-btn:hover {
    background-color: transparent;
    color: var(--bright-royal-blue);
}

.create-acquirer .select-head-office~.select2 .select2-selection__rendered {
    font-weight: 600;
    color: var(--bright-royal-blue);
}

.create-head-office .form-block>h3 {
    color: var(--dark-orchid-color);
    border-color: var(--dark-orchid-color);
}

.create-head-office .save-template {
    border-color: var(--dark-orchid-color);
}

.create-head-office .save-template .save-template-btn {
    background-color: var(--dark-orchid-color);
    border-color: var(--dark-orchid-color);
}

.create-head-office .save-template .save-template-btn:hover,
.create-head-office .save-template .save-template-btn:focus {
    background-color: transparent;
    color: var(--dark-orchid-color);
    outline: none;
}

.create-head-office .select-head-office~.select2 .select2-selection__rendered {
    font-weight: 600;
    color: var(--dark-orchid-color);
}

.ml-32 {
    margin-left: 32px;
}

/* flag select2  */
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-results__option--selectable {
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered img {
    transform: translate(0px, -1px);
    max-width: 22px;
}

.select2-results__option--selectable .img-flag {
    transform: translate(0, 2.5px);
    max-width: 24px;
}

.img-flag {
    width: 15px;
}

/* end  */

.dark-orchid-color span {
    color: var(--white-color);
}

.dark-orchid-color h2 span {
    color: var(--dark-orchid-color);
}

.rlight-color h2 span {
    color: var(--lightred-color);
}

.carrot-orange h2 span {
    color: var(--carrot-orange);
}

.bright-royal-blue h2 span {
    color: var(--bright-royal-blue);
}

.title-page h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.title-page h2 span {
    color: var(--dark-orchid-color);
}

.brand-title h2 span {
    color: var(--teal-color) !important;
}

.create-introducer .title-page h2 span {
    color: var(--carrot-orange) !important;
}

.create-acquirer .title-page h2 span {
    color: var(--bright-royal-blue) !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.brandname {
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary);
    margin-right: 50px;
}

.create-introducer .view-brand-btn {
    background-color: var(--dark-orchid-color);
    border: 1px solid var(--dark-orchid-color);
}

.create-introducer .view-brand-btn:hover,
.create-introducer .view-brand-btn:focus {
    border-color: var(--dark-orchid-color);
    color: var(--dark-orchid-color);
}

.view-brand-btn {
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding: 10px 30px;
    height: 40px;
    min-height: 40px;
    color: var(--white-color);
    background-color: var(--teal-color);
    border-radius: 5px;
    text-transform: uppercase;
    border: 1px solid var(--teal-color);
}

.view-brand-btn:hover,
.view-brand-btn:focus {
    background-color: transparent;
    border-color: var(--teal-color);
    color: var(--teal-color);
    outline: none;
}

.create-introducer .brand-list-block {
    border-bottom: 2px solid var(--carrot-orange);
}

.create-acquirer .brand-list-block {
    border-bottom: 2px solid var(--bright-royal-blue);
}

.brand-list-block {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 2px solid var(--dark-orchid-color);
}

.lg-select+.select2-container {
    min-width: 300px;
    max-width: 300px;
}

.create-head-office .edit-terms-btn {
    background-color: var(--dark-orchid-color);
    border: 1px solid var(--dark-orchid-color);
    color: var(--white-color);
}

.create-head-office .edit-terms-btn svg,
.create-introducer .edit-terms-btn svg,
.create-acquirer .edit-terms-btn svg {
    fill: white;
}

.create-head-office .edit-terms-btn:hover,
.create-head-office .edit-terms-btn:focus {
    background-color: transparent;
    border-color: var(--dark-orchid-color) !important;
    color: var(--dark-orchid-color);
    outline: none;
}

.create-head-office .edit-terms-btn:hover svg,
.create-head-office .edit-terms-btn:focus svg {
    fill: var(--dark-orchid-color);
}

.create-introducer .edit-terms-btn {
    background-color: var(--carrot-orange);
    border: 1px solid var(--carrot-orange);
    color: var(--white-color);
}

.create-introducer .edit-terms-btn:hover {
    background-color: transparent;
    border-color: var(--carrot-orange) !important;
    color: var(--carrot-orange);
}

.create-introducer .edit-terms-btn:hover svg {
    fill: var(--carrot-orange);
}

.create-acquirer .edit-terms-btn {
    background-color: var(--bright-royal-blue);
    border: 1px solid var(--bright-royal-blue);
    color: var(--white-color);
}

.create-acquirer .edit-terms-btn:hover {
    background-color: transparent;
    border-color: var(--bright-royal-blue) !important;
    color: var(--bright-royal-blue);
}

.create-acquirer .edit-terms-btn:hover svg {
    fill: var(--bright-royal-blue);
}

.view-group-btn .button-secondary {
    font-size: 14px;
    max-width: 300px;
    min-width: 300px;
    height: 40px;
    padding: 5px 14px;
}

.view-group-btn .button-secondary:last-child span {
    flex: 1;
    -webkit-flex: 1;
    text-align: center;
}

.create-head-office .action-block {
    border-bottom: 2px solid var(--dark-orchid-color);
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.create-introducer .action-block {
    border-bottom: 2px solid var(--carrot-orange);
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.create-acquirer .action-block {
    border-bottom: 2px solid var(--bright-royal-blue);
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.create-brand .action-block {
    border-bottom: 2px solid var(--teal-color);
}

.save-template .button-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 940px;
    column-gap: 20px;
    row-gap: 30px;
}

.save-template .button-group>.save-template-btn {
    width: 100%;
    max-width: 460px;
}

.input-view-text {
    font-size: 16px;
    line-height: 27px;
    font-weight: 600;
    color: var(--secondary);
}

.editTermsBlock {
    display: none;
}

.select2-results__option {
    cursor: pointer;
}

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

.create-brand .form-block>h3 {
    color: var(--teal-color);
    border-color: var(--teal-color);
}

.create-brand .save-template {
    border-color: var(--teal-color);
}

.create-brand .save-template .save-template-btn {
    background-color: var(--teal-color);
    border-color: var(--teal-color);
}

.create-brand .save-template .save-template-btn:hover,
.create-brand .save-template .save-template-btn:focus {
    background-color: transparent;
    color: var(--teal-color);
}

.create-brand .select-head-office~.select2 .select2-selection__rendered {
    font-weight: 600;
    color: var(--teal-color);
}

.create-brand .edit-terms-btn {
    background-color: var(--teal-color);
    border: 1px solid var(--teal-color);
    color: var(--white-color);
}

.create-brand .edit-terms-btn svg {
    fill: white;
}

.create-brand .edit-terms-btn:hover,
.create-brand .edit-terms-btn:focus {
    background-color: transparent;
    border-color: var(--teal-color) !important;
    color: var(--teal-color);
}

.create-brand .edit-terms-btn:hover svg,
.create-brand .edit-terms-btn:focus svg {
    fill: var(--teal-color);
}

.teal-color span {
    color: var(--white-color);
}

.teal-color h2 span {
    color: var(--teal-color);
}

.create-brand .input-view-text {
    min-width: 170px;
}

.disable-btn {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 30px;
    color: var(--white-color);
    background-color: var(--red-color);
    border-radius: 5px;
    text-transform: uppercase;
    border: 1px solid var(--red-color);
}

.disable-btn:hover,
.disable-btn:focus {
    background-color: transparent;
    border-color: var(--red-color);
    color: var(--red-color);
    outline: none;
}

.disable-btn svg {
    fill: var(--white-color);
    width: 17px;
    height: 17px;
}

.disable-btn:hover svg,
.disable-btn:focus svg {
    fill: var(--red-color);
}

.head-office-btn {
    text-align: center;
    min-width: 146px;
    background-color: var(--dark-orchid-color);
    border-color: var(--dark-orchid-color);
}

.head-office-btn:hover,
.head-office-btn:focus {
    color: var(--dark-orchid-color);
    border-color: var(--dark-orchid-color);
    outline: none;
    background-color: transparent;
}

.active-status-brand {
    color: var(--teal-color);
}

.inactive-status-brand {
    color: var(--red-color);
}

/* 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(--light-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 100px;
    border-radius: 50%;
    color: var(--white-color);
}

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

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

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

/*end sleep mode */

.swal2-styled.swal2-confirm {
    min-height: 40px;
    background-color: var(--primary) !important;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgb(255 111 98 / 24%) !important;
}

.territories_wrapper {
    display: grid !important;
    row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: 20px;
}

.input-valid-box {
    position: relative;
}

.validation-select {
    display: flex;
    flex-direction: column;
    position: relative;
}

.validation-checkbox {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
}

.validation-checkbox .error {
    margin-left: -20px;
    white-space: nowrap;
    position: absolute;
    bottom: -13px;
}

.validation-input-error~.add-circlebtn {
    margin-top: -15px;
}

/* new multiple  */
.merchant-multiple-select~.select2-container {
    margin-bottom: 15px;
}

.merchant-multiple-select~.is-invalid {
    margin-bottom: 0;
}

.merchant-multiple-select~.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
    height: 16px;
    min-height: auto;
    padding-top: 5px;
    color: var(--dark-gray) !important;
}

.merchant-multiple-select~.select2-container--default .select2-search--inline .select2-search__field::placeholder {
    color: var(--dark-gray);
}

.merchant-multiple-select~.select2-container--default .select2-selection--multiple {
    border-color: var(--secondary);
    border-radius: 5px;
    min-height: 40px;
    padding: 4px 3px;
}

.merchant-multiple-select~.select2-container--default {
    width: 100% !important;
    max-width: fit-content;
    margin-left: -3px;
    margin-bottom: 0;
}

.merchant-multiple-select~.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;
}

.merchant-multiple-select~.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0;
    right: 0;
    width: 30px;
}

.merchant-multiple-select~.select2-selection__rendered {
    margin-bottom: 0 !important;
}

.merchant-multiple-select~span.select2-selection.select2-selection--multiple {
    margin: 0;
    min-height: 44px;
    font-size: 14px;
    vertical-align: middle;
    padding: 6px 7px !important;
}

.merchant-multiple-select~span.select2-search.select2-search--inline {
    line-height: normal !important;
    min-height: 18px;
    height: 18px;
}

.merchant-multiple-select~li.select2-selection__choice {
    line-height: normal !important;
}

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

.merchant-multiple-select~.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: var(--white-color);
    padding-left: 4px !important;
    border: 1px solid var(--primary) !important;
    background-color: var(--primary);
    margin-right: 5px;
    padding: 3px 40px 3px 10px !important;
    margin-top: 3px;
    margin-bottom: 3px;
}

.merchant-multiple-select~.select2-container--default 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);
}

.merchant-multiple-select~.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: var(--white-color);
}

.merchant-multiple-select~.select2-container .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    display: flex;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
    height: auto;
    max-height: 260px;
    overflow: hidden;
    overflow-y: auto;
}

.merchant-multiple-select~.select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
.merchant-multiple-select~.select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.merchant-multiple-select~.select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb {
    background: var(--secondary);
    border-radius: 10px;
}

/* Handle on hover */
.merchant-multiple-select~.select2-container .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb:hover {
    background: var(--secondary);
}

/* end multiple  */

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

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

.geos-new-toggle-container label {
    width: 50%;
    padding: 0;
    margin: 0 !important;
    text-align: center;
    cursor: pointer;
    color: var(--primary);
    font-weight: 600;
    outline: none;
    border: solid 1px transparent;
    border-radius: 3rem;
    transition: all 0.2s ease-in-out;
}

.geos-new-toggle-container label:focus {
    outline: none;
    border: solid 1px var(--primary);
    border-radius: 3rem;
    transition: all 0.2s ease-in-out;
}

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

.geos-new-toggle-container .switch {
    border-radius: 3rem;
    background: var(--primary);
    height: 100%;
}

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

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

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

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

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

/* end  */

.geo-configurator-form .content-form {
    background-color: var(--white-color);
    padding: 30px 20px;
    border-radius: 8px;
}

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

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

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

.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: 2.5rem;
}

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

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

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

.multiple-select-box-wrap .merchant-multiple-select~.select2-container--default {
    max-width: 100%;
    margin-top: 5px;
    margin-left: 0;
    margin-bottom: 4px;
}

.multiple-select-box-wrap label {
    width: 100% !important;
}

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

.pageloader .loader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
}

.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(--primary);
    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  */

.add_brand_wrapper {
    justify-content: space-between;
    margin-bottom: 15px;
}

.add_dashboard_wrapper {
    justify-content: end;
}

.add_brand_wrapper .btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 20px;
    color: var(--white-color);
    background-color: var(--lightred-color);
    border-radius: 5px;
    border: 1px solid var(--lightred-color);
}

.add_brand_wrapper .btn-primary:focus {
    outline: none;
    box-shadow: none;
    background-color: transparent;
    color: var(--lightred-color);
}

.add_brand_wrapper .btn-primary:hover {
    background-color: transparent;
    color: var(--lightred-color);
}

.data-fieldtable table th {
    font-size: 14px;
    background-color: var(--mdbright-gray);
    color: var(--secondary);
    padding: 15px 10px !important;
}

.table>:not(caption)>*>* {
    border: none;
}

.data-fieldtable table .newSettledSummary td {
    border-top: 2px solid var(--lightred-color) !important;
    border-bottom: 2px solid var(--lightred-color) !important;
    font-weight: 700;
    background: var(--lightred-color-opacity);
}

.data-fieldtable table th,
.data-fieldtable table td {
    vertical-align: middle;
    padding: 10px;
    border-bottom: 1px solid var(--mid-lightgray-color) !important;
}

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

table.dataTable tbody tr {
    position: relative;
}

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

table.dataTable.no-footer {
    border-bottom: none;
    overflow: visible;
}

.filterInput {
    font-size: 14px;
}

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

.geo-status {
    width: 8%;
}

.data-fieldtable table td {
    font-size: 14px;
}

.data-fieldtable table .dt-empty {
    text-align: center;
    font-size: 15px;
    padding: 20px;
}

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

div.dataTables_processing>div:last-child>div {
    background: var(--primary);
}

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

.form-control:disabled,
.tier-area .form-control[readonly] {
    outline: none;
    border-color: var(--secondary);
}

.right-inner~.backend-error {
    margin-left: 32px;
    width: auto;
}

.right-inner~.group-row-4 {
    margin-left: 152px;
}

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

.data-fieldtable table th {
    border-bottom: transparent !important;
}

.table-filter-form td {
    padding-top: 15px !important;
}

.table-filter-form td {
    transform: translate(0, 0);
}

.dataTables_wrapper {
    overflow: auto;
    height: 100% !important;
    max-height: calc(100vh - 230px) !important;
}

.dashboard-table .dataTables_wrapper {
    overflow: auto;
    height: 100% !important;
    max-height: calc(100vh - 230px) !important;
}

.countriestable .dataTables_wrapper {
    max-height: calc(100vh - 270px) !important;
}

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

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

/* Handle on hover */
.dataTables_wrapper::-webkit-scrollbar-thumb:hover {
    background: var(--secondary);
}

.backend-error {
    width: auto;
    display: block;
    margin-top: 1px;
}

span#transaction-days-error {
    margin-left: 120px;
}

select#transaction-days~span#transaction-days-error {
    margin-left: 0;
}

.right-inner-sub .backend-error {
    margin-left: 32px;
}

.standard-merchant-create .right-inner-sub .frontend-error {
    margin-left: 0;
}

.gen-double-input {
    min-width: 240px;
}

.standard-merchant-create .right-inner~.frontend-error {
    margin-left: 0;
}

.create-head-office span#transaction-days-error {
    margin-left: 152px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 40px;
}

.datatable_action button {
    line-height: 0;
    position: relative;
    z-index: 1;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

.datatable_action button:hover span {
    color: var(--red-color);
}

.datatable_action button span {
    color: var(--secondary);
}

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

.territories-currency-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.brand-content-list {
    padding-top: 3rem;
}

.brand-content-list .brand-head {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}

.brand-content-list .brand-head h3 {
    font-weight: 600;
}

.terms-btn {
    font-size: 14px;
    min-width: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background-color: var(--white-color);
    border: 1px solid var(--teal-color);
}

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

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

.terms-btn svg:focus,
.create-report svg:focus,
.create-report svg path:focus,
.terms-btn svg path:focus {
    box-shadow: none;
    outline: none;
}

.terms-btn:hover {
    background-color: var(--teal-color);
    color: var(--white-color);
}

.terms-btn:focus {
    outline: none;
    background-color: var(--teal-color);
    color: var(--white-color);
}

.terms-btn:hover svg,
.terms-btn:focus svg {
    fill: var(--white-color);
}

.billing-box {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    border-top: 2px solid var(--teal-color);
    border-bottom: 2px solid var(--teal-color);
    margin: 20px 0 20px;
    padding: 20px 50px 20px 0;
}

.billing-box .billing-itme h6 {
    font-weight: 600;
}

.billing-box .billing-itme .bill-inner {
    margin-top: 20px;
    padding-left: 0;
}

.billing-box .billing-itme .bill-inner .billing-dates {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 19px;
    font-weight: 600;
    color: var(--secondary);
}

.billing-box .billing-itme .bill-inner .billing-dates span {
    min-width: 70px;
}

.report-bill h6 {
    font-weight: 600;
}

.create-report {
    font-size: 14px;
    font-weight: 600;
    color: var(--white-color);
    min-width: 200px;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    box-shadow: none;
}

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

.create-report:focus {
    box-shadow: none;
    outline: none;
}

.create-report svg {
    width: 30px;
    height: 30px;
    fill: var(--white-color);
}

.create-report:hover svg,
.create-report:focus svg {
    fill: var(--primary);
}

.brand-content-list .button-groups {
    display: flex;
    justify-content: space-between;
}

.brand-content-list .button-groups .terms-btn {
    color: var(--secondary);
    font-weight: 600;
}

.brand-content-list .button-groups .terms-btn:hover,
.brand-content-list .button-groups .terms-btn:focus {
    color: var(--white-color);
}

.tab-wapper .nav-tabs .nav-link {
    font-size: 14px;
    font-weight: 600;
    color: var(--secondary);
    border-width: 2px;
    position: relative;
    transform: translate(0px, 1px);
    min-width: 90px;
    margin-left: 10px;
}

.tab-wapper .nav-tabs .nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 6px;
    background-color: transparent;
}

.tab-wapper .nav-tabs .nav-link:focus,
.tab-wapper .nav-tabs .nav-link:hover {
    border-color: transparent;
    outline: none;
    box-shadow: none;
}

.tab-wapper .nav-tabs .nav-link.active {
    color: var(--dark-orchid-color);
    background-color: transparent;
    border-color: var(--dark-orchid-color);
    border-bottom: none;
}

.tab-wapper .nav-tabs .nav-link.active::after {
    background-color: var(--lightgray-color);
}

.tab-wapper .nav-tabs .nav-link.text-red.active::after {
    bottom: -2px;
    background-color: var(--lightgray-color);
}

.tab-wapper {
    margin-top: 40px;
}

.tab-wapper .nav-tabs .nav-link.text-red {
    color: var(--lightred-color);
    border: 2px solid;
    border-bottom: none;
    background-color: var(--white-color);
    transform: translate(0px, 1px);
}

.carousel-wrapper {
    margin: 30px 0 0 0;
    padding: 0 70px;
}

.gen-report-wrapper {
    border-left: 2px solid var(--dark-orchid-color);
    padding-left: 1.1rem;
}

.tab-wapper .nav-tabs {
    padding-left: 25px;
    border-bottom: 2px solid var(--dark-orchid-color);
}

.gen-report-wrapper .country-log {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--lightred-color);
    margin-bottom: 20px;
}

.gen-report-wrapper .country-log img {
    width: 40px !important;
}

.week-report ul {
    list-style: none;
}

.week-report ul .week-report-item {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-bottom: 10px;
}

.week-report ul .week-report-item span {
    font-size: 16px;
    line-height: 27px;
    color: var(--secondary);
    min-width: 100px;
}

.week-report ul .week-report-item .currencie-text {
    font-size: 15px;
    font-weight: 600;
    min-width: 140px;
}

.week-report ul .week-report-item .text-red {
    color: var(--lightred-color);
    min-width: auto;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.week-report ul .week-report-item .text-green {
    color: var(--dark-secondary-bg);
    min-width: auto;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.week-report ul .week-report-item .update-btn a {
    font-size: 14px;
    font-weight: 600;
    min-width: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background-color: var(--white-color);
    border: 1px solid var(--dark-secondary-bg);
}

.week-report ul .week-report-item .update-btn a:focus {
    box-shadow: none;
}

.week-report ul .week-report-item .update-btn .update,
.week-report ul .week-report-item .update-btn .update .upload_update_text {
    color: var(--dark-secondary-bg);
    position: relative;
}

.week-report ul .week-report-item .update-btn .update svg {
    fill: var(--primary);
}

.week-report ul .week-report-item .update-btn .upload,
.week-report ul .week-report-item .update-btn .upload .upload_update_text {
    color: var(--primary);
    border-color: var(--primary);
    position: relative;
    z-index: 9999;
}

.week-report ul .week-report-item .update-btn .upload svg {
    fill: var(--primary);
}

.uploadfilebox {
    position: absolute;
    opacity: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    min-height: 40px;
    cursor: pointer;
}

.owl-dots.disabled {
    display: none;
}

.owl-nav {
    width: 100%;
    display: flex !important;
    justify-content: space-between;
    position: absolute;
    top: 20%;
    margin-top: 0 !important;
    height: 0;
}

.owl-carousel .owl-nav.disabled {
    display: none !important;
}

.week-report ul .week-report-item .upload_update span {
    min-width: 0px;
    line-height: initial;
    z-index: 1 !important;
}

.owl-nav button {
    font-size: 100px !important;
    color: var(--secondary) !important;
}

.carousel-wrapper button.owl-prev {
    display: block;
    margin-left: -50px !important;
}

.carousel-wrapper button span {
    display: block;
    height: 0;
}

.carousel-wrapper button.owl-next {
    margin-right: -50px !important;
}

.transactions-footer {
    padding-top: 15px;
    margin-top: 0;
    border-color: var(--dark-orchid-color);
}

.check-tr {
    margin-bottom: 25px;
}

.transactions-btn {
    width: fit-content;
    font-size: 14px;
    min-width: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background-color: var(--dark-orchid-color);
    border: 1px solid var(--dark-orchid-color);
    color: var(--white-color);
}

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

.transactions-btn svg {
    fill: var(--white-color);
}

.transactions-btn svg:focus {
    outline: none;
}

.transactions-btn:hover,
.transactions-btn:focus {
    background-color: transparent;
    color: var(--dark-orchid-color);
    outline: none;
}

.transactions-btn:hover svg,
.transactions-btn:focus svg {
    fill: var(--dark-orchid-color);
}

.create-report span {
    flex: 1;
    -webkit-flex: 1;
    text-align: center;
}

.identified-box .item-identified {
    display: flex;
    gap: 100px;
}

.identified-box .item-identified div {
    display: flex;
    align-items: center;
    gap: 20px;
}

.identified-box {
    margin-bottom: 20px;
}

.identified-box .item-identified .count-report {
    font-size: 18px;
    font-weight: 600;
    color: var(--lightred-color);
}

.identified-box .item-identified .ts-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--secondary);
}

.view-transactions svg {
    fill: var(--teal-color);
}

.calander-box img {
    width: 100%;
}

/* datepicker  */
.daterangepicker .drp-calendar.left {
    margin-right: 10px;
}

/* Custom arrows for navigation */
.daterangepicker .drp-calendar.left .prev,
.daterangepicker .drp-calendar.left .next {
    font-size: 24px;
    font-weight: bold;
    color: var(--teal-color);
    cursor: pointer;
    position: absolute;
    top: -50px;
}

.daterangepicker .drp-calendar.left .prev.disabled,
.daterangepicker .drp-calendar.left .next.disabled {
    cursor: auto;
}

.daterangepicker .drp-calendar {
    width: 100%;
    padding: 10px;
    border-radius: 4px;
}

.daterangepicker td.active,
.daterangepicker td.start-date,
.daterangepicker td.end-date {
    background-color: var(--light-cyan-blue);
    color: var(--black-color);
}

.daterangepicker td.in-range {
    background-color: var(--pale-cyan);
}

.calendar-box {
    position: relative;
}

.calendar-box .daterangepicker {
    display: block !important;
    width: 100% !important;
    position: initial;
    border: 1px solid var(--secondary);
    margin-top: 65px;
}

.calendar-box .daterangepicker .drp-calendar.right {
    display: none;
}

.calendar-box .daterangepicker .drp-calendar.left {
    max-width: 100%;
    padding: 0;
}

.calendar-box .daterangepicker .drp-calendar.left .calendar-time {
    display: none;
}

.calendar-box .daterangepicker .month select {
    display: none;
}

.calendar-table td.weekend {
    pointer-events: none;
}

.calendar-box .daterangepicker td.available:hover,
.calendar-box .daterangepicker th.available:hover {
    background-color: transparent;
}

.calendar-box .daterangepicker .calendar-table table tr td.holiday {
    position: relative;
    cursor: auto;
}

.calendar-box .daterangepicker .calendar-table table tr td.holiday span::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 3px;
    width: 90%;
    height: 80%;
}

.calendar-box .daterangepicker .calendar-table table tr td {
    font-size: 14px;
    color: var(--secondary);
    padding: 5px 10px;
    border: 1px solid var(--secondary);
    border-radius: 4px !important;
    position: relative;
}

.calendar-box .daterangepicker .calendar-table table {
    border-spacing: 14px;
    border-collapse: separate;
    padding: 0 30px;
}

.calendar-box .daterangepicker td.in-range,
.calendar-box .daterangepicker td.in-range:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--light-secondary-bg) !important;
    color: var(--secondary) !important;
}

.calendar-box td.active.start-date.available {
    background-color: var(--light-secondary-bg);
    color: var(--secondary);
}

.calendar-box .daterangepicker.openscenter:before,
.calendar-box .daterangepicker.openscenter:after {
    display: none;
}

.calendar-box .daterangepicker .calendar-table {
    background-color: transparent !important;
    border: none;
    padding: 0 !important;
}

.calendar-box .daterangepicker td.off,
.calendar-box .daterangepicker td.off.in-range,
.calendar-box .daterangepicker td.off.start-date,
.calendar-box .daterangepicker td.off.end-date {
    opacity: .3;
}

.calendar-box .daterangepicker .calendar-table table tr td.today.transactions-plus {
    color: var(--sangria-red);
}

.calendar-box .daterangepicker td.today.active.start-date.active.end-date.available,
.calendar-box .daterangepicker td.today.available {
    font-weight: 600;
    color: var(--sangria-red);
    border-color: var(--sangria-red) !important;
}

.calendar-box .daterangepicker .calendar-table table tr td.transactions-plus {
    background-color: var(--teal-color);
    font-weight: 600;
    color: var(--white-color);
    border-color: var(--teal-color) !important;
}

.calendar-box .daterangepicker .calendar-table table tr td.weekend {
    font-weight: 600;
    border-color: var(--primary) !important;
}

.daterangepicker .drp-selected {
    display: flex !important;
    padding-right: 8px;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(-50%, 10px);
    white-space: nowrap;
    display: flex;
    gap: 30px;
    font-size: 16px !important;
    padding: 0 !important;
    display: none !important;
}

.calendar-box .daterangepicker .drp-buttons {
    border: none;
    padding: 0;
}

.calendar-box .daterangepicker .drp-buttons button {
    display: none;
}

.datepicker-input {
    display: none;
}

.daterangepicker .calendar-table .prev span {
    width: 41px;
    height: 26px;
    border: none !important;
    transform: rotate(0) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='26' viewBox='0 0 41 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.175 25.8L0.37495 13.8C-0.12505 13.4 -0.12505 12.6 0.37495 12.2L16.175 0.200001C16.575 -0.0999992 16.975 -1.52737e-06 17.175 0.0999985C17.575 0.299998 17.675 0.6 17.675 1V7C17.675 7.5 18.175 8 18.675 8L39.075 8C39.575 8 40.075 8.5 40.075 9V17C40.075 17.5 39.675 18 39.075 18H18.675C18.175 18 17.675 18.5 17.675 19V25C17.675 25.4 17.475 25.7 17.175 25.9C17.075 26 16.675 26.1 16.175 25.8Z' fill='%2307B9B2'/%3E%3C/svg%3E%0A");
}

.daterangepicker .calendar-table .next span {
    width: 41px;
    height: 26px;
    border: none !important;
    transform: rotate(0) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='26' viewBox='0 0 41 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.9 0.2L39.7 12.2C40.2 12.6 40.2 13.4 39.7 13.8L23.9 25.8C23.5 26.1 23.1 26 22.9 25.9C22.5 25.7 22.4 25.4 22.4 25V19C22.4 18.5 21.9 18 21.4 18H1C0.5 18 0 17.5 0 17V9C0 8.5 0.4 8 1 8H21.4C21.9 8 22.4 7.5 22.4 7V1C22.4 0.6 22.6 0.3 22.9 0.1C23 2.90573e-07 23.4 -0.1 23.9 0.2Z' fill='%2307B9B2'/%3E%3C/svg%3E%0A");
}

.daterangepicker .drp-calendar.left .prev {
    left: 40px;
}

.daterangepicker .calendar-table .next {
    right: 50px;
}

.daterangepicker .drp-calendar.left .prev:hover,
.daterangepicker .drp-calendar.left .next:hover {
    background-color: transparent;
}

.newOfice td {
    border: 1px solid;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-color: var(--lightred-color) !important;
    border-top-width: 2px !important;
}

/* end  */
.tier-area .form-check {
    padding-left: 0;
}

.standard-merchant .input-group>.group-right {
    padding-left: 32px;
}

.view-group-btn {
    gap: 15px;
}

.validation-select>div {
    display: flex;
    align-items: center;
    gap: 7px;
}

.dashboard-table-filter-form select#ft-dt-registered_country~.select2,
.dashboard-table-filter-form select#ft-dt-licensed_country~.select2,
.acquirer-table-filter-form select#ft-dt-registered_country~.select2,
.acquirer-table-filter-form select#ft-dt-licensed_country~.select2 {
    max-width: 100px;
}

.validation-select>div img {
    height: 16px;
}

.tier-area span.brandname {
    min-width: 180px;
    margin: 0;
    padding-right: 30px;
    text-transform: capitalize;
}

table th[title="Status"] {
    max-width: 80px;
}

.backLogin {
    color: var(--primary);
    transition: none;
}

.backLogin:focus {
    outline: 2px solid var(--primary);
    border-radius: 2px;
}

.dashboard-table th {
    white-space: nowrap;
}

.dashboard-table thead .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 33px;
}

.dashboard-table thead .select2-container--default .select2-selection--single {
    height: 35px;
}

.dashboard-table thead .select2-container {
    min-width: 100px;
}

.dashboard-table thead .filterInput {
    min-width: 115px !important;
}

.dashboard-table .flag_img {
    width: fit-content;
}

.incomplete-box {
    align-items: center;
}

.incomplete-text {
    font-size: 16px;
    font-weight: 600;
    min-width: 100px;
    color: var(--primary);
}

.complete-box {
    align-items: center;
    flex-wrap: wrap;
}

.complete-wrapper .pdf-report,
.complete-wrapper .email-report,
.payment-hash-edit-btn {
    font-size: 14px;
    font-weight: 600;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    color: var(--white-color);
    background-color: var(--teal-color);
    border: 1px solid var(--teal-color);
}

.complete-wrapper .pdf-report {
    min-width: 200px;
}

.brand-content-list .create-report-box {
    padding-bottom: 25px;
    border-bottom: 2px solid var(--teal-color);
}

.complete-wrapper .pdf-report:focus,
.complete-wrapper .email-report:focus,
.payment-hash-edit-btn:focus {
    box-shadow: none;
}

.complete-wrapper .pdf-report:hover,
.complete-wrapper .email-report:hover,
.payment-hash-edit-btn:hover,
.complete-wrapper .pdf-report:focus,
.complete-wrapper .email-report:focus,
.payment-hash-edit-btn:focus {
    color: var(--teal-color);
    background-color: var(--white-color);
}

.complete-wrapper .pdf-report:hover svg,
.complete-wrapper .email-report:hover svg,
.payment-hash-edit-btn:hover svg,
.complete-wrapper .pdf-report:focus svg,
.complete-wrapper .email-report:focus svg,
.payment-hash-edit-btn:focus svg {
    fill: var(--teal-color);
}

.complete-wrapper .pdf-report span {
    flex: 1;
    -webkit-flex: 1;
    text-align: center;
}

.complete-wrapper .pdf-report svg,
.complete-wrapper .email-report svg,
.payment-hash-edit-btn svg {
    width: 30px;
    height: 30px;
    fill: var(--white-color);
}

.complete-wrapper .complete-text {
    font-size: 16px;
    font-weight: 600;
    min-width: 100px;
    color: var(--teal-color);
}

.complete-wrapper {
    gap: 10px;
}

.edit-report {
    min-width: 170px;
}

.edit-report span {
    flex: 1;
    -webkit-flex: 1;
    text-align: center;
}

.edit-report svg {
    fill: var(--teal-color);
}

.country_name {
    width: fit-content;
}

.country_name img {
    max-width: 30px;
    margin-right: 5px;
}

.incomplete-wrapper {
    flex-wrap: wrap;
    gap: 15px;
}

.carousel-wrapper .owl-dots {
    display: none;
}

.geoError,
.error {
    font-size: 12px;
}

.commission_by_value_view .volume-wrapper {
    flex-wrap: wrap;
    gap: 10px;
}

.brand_head_office_show .validation-input,
.brand_head_office_show .validation-select,
.commission_by_value_view .volume-wrapper,
.brand_head_office_show .nr-text,
.brand_head_office_show .tier-area>.in-label.percentage,
.brand_head_office_show .tier-area>.in-label,
.brand_head_office_show .tier-area .form-check .in-label,
.brand_head_office_show .pt-10 {
    padding-top: 10px;
}

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

.backLogin:hover {
    color: var(--black-color);
}

.development_banner {
    padding: 0;
    border: 0;
    position: fixed;
    right: -50px;
    top: 6px;
    z-index: 9;
    padding: 10px 50px;
    transform: rotate(40deg);
    background-color: var(--red-color);
    color: var(--white-color);
    font-size: 12px;
    font-weight: 900;
}

.development_banner:focus {
    outline: none;
}

.development_banner:focus {
    background-color: var(--primary);
}

.staging-logged-in {
    overflow-x: hidden;
}

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

.standard-commission-buy .reset-btn-width {
    display: none;
}

.day-time {
    text-transform: capitalize;
}

.input-group.by_geo-div.buy_rate_format_div {
    padding-bottom: 30px;
}

select#ft-dt-active {
    min-width: 100px !important;
}

.select2-results__option--highlighted {
    background-color: var(--black-color);
    color: var(--white-color);
}

.mismatched-wrapper .form-block>h3 {
    color: var(--dark-orchid-color);
    border-color: var(--dark-orchid-color);
    margin: 0;
}

.mismatched-table table tr td {
    border-top: 1px solid var(--gray-color);
}

.mismatched-table .table-responsive {
    margin-bottom: 1.5rem;
    overflow-y: auto;
    height: auto;
    max-height: 500px;
}

.table-responsive .table {
    width: 100% !important;
}

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

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

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

.mismatched-transactions-parent {
    margin-top: 20px;
    border: none;
}

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

.report-multiple-head {
    justify-content: space-between;
    border-bottom: 2px solid var(--lightred-color);
    padding-bottom: 0;
}

.report-multiple-head h3 {
    border: none;
    margin-bottom: 0;
}

.form-block>h3 span {
    font-size: 24px;
    margin-left: 10px;
    margin-right: 0;
}

.manualfx-data {
    padding-bottom: 20px;
    border-bottom: 2px solid var(--lightred-color);
}

.manualfx-data ul {
    list-style: none;
    margin-top: 30px;
}

.manualfx-data ul li {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-top: 15px;
}

.manualfx-data ul li h6 {
    min-width: 240px;
}

.fx_adjustments_right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 10px;
    width: 100%;
}

.cuntryfx {
    display: flex;
}

.cuntryfx .icon {
    margin-right: 10px;
}

.cuntryfx .icon img {
    width: 100%;
    max-width: 24px;
}

.manualfx-data span {
    font-weight: 500;
    color: var(--secondary);
    font-size: 14px;
    line-height: 20px;
}

.appliedfx {
    display: flex;
    display: -webkit-flex;
    gap: 8px;
}

.appliedFxLabel {
    margin-right: 10px;
}

.averagefx,
.markupfx {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    gap: 15px;
}

.manualfx-data input {
    color: var(--dark-gray);
    font-size: var(--body-font-size);
    font-weight: 400;
    line-height: 1.1;
    border-radius: 5px;
    border-color: var(--secondary);
    height: 40px;
}

.manualfx-data input::placeholder {
    font-style: italic;
}

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

.appliedfx .greentext {
    font-size: 14px;
    font-weight: 600;
    color: var(--dark-secondary-bg);
}

.averagefx .avertext {
    font-size: 14px;
    font-weight: 600;
    color: var(--secondary);
}

.markupfx .primarytext {
    font-size: 14px;
    font-weight: 600;
    color: var(--primary);
}

.adjustmentfx {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pspCurrencyFx .select2-selection__rendered {
    display: flex !important;
    gap: 6px;
    min-height: 100%;
    align-items: center;
    -webkit-align-items: center;
}

.pspCurrencyFx .select2-selection__rendered span,
.acquirerFxSelectDropdown .FxLabel {
    flex: 0 0 calc(50% - 3px);
    -webkit-flex: 0 0 calc(50% - 3px);
    max-width: calc(50% - 3px);
}

.acquirerFxSelectDropdown li {
    display: flex;
}

.adjustmentfx .yesicon svg {
    fill: var(--primary);
}

.adjustmentfx b {
    font-size: 15px;
    font-weight: 600;
    color: var(--secondary);
}

.adjustmentfx .reset-btn svg {
    width: 25px;
    height: 25px;
}

.adjustmentfx .currencyFx {
    margin-right: 20px;
}

.adjustmentfx .setFxValue {
    margin-left: 20px;
}

.select2.is-invalid .select2-selection {
    border-color: var(--danger-red);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/* pdf  */

.settlement-report-wrapper .back-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.introducer-report-wrapper {
    margin-bottom: 50px !important;
    margin-top: -70px;
}

.settlement-report-wrapper .back-btn a {
    width: fit-content;
    min-height: 40px;
    margin-bottom: 0;
    min-width: 150px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--white-color);
    border-radius: 5px;
    border-color: var(--dark-gray);
}

.settlement-report-wrapper .back-btn a svg {
    position: absolute;
    left: 10px;
}

.settlement-report-wrapper .back-btn a:hover,
.settlement-report-wrapper .back-btn a:focus {
    background-color: var(--dark-gray);
    color: var(--white-color);
}

.settlement-report-wrapper .back-btn a:hover svg path,
.settlement-report-wrapper .back-btn a:focus svg path {
    fill: var(--white-color);
}

.pdf-report-bill svg {
    width: auto !important;
    height: auto !important;
}

.pdf-report-bill .button-groups.incomplete-wrapper {
    justify-content: flex-start;
    gap: 100px;
    position: relative;
}

.pdf-report-bill .create-report-box {
    padding-top: 1rem;
    border-top: 2px solid var(--primary);
    border-color: var(--primary);
}

.reopen-report {
    border-color: var(--primary);
}

.reopen-report:hover {
    background-color: var(--primary);
    color: var(--white-color);
}

.reopen-report svg {
    fill: var(--primary);
}

.savereport-bill .create-report-box {
    border-color: var(--teal-color);
}

.savereport-bill .create-report-box .button-groups {
    justify-content: flex-start;
    gap: 100px;
    position: relative;
}

.pdf-report-bill .savenewreport-bill {
    border-top: none;
    border-color: var(--primary);
}

.groupbtn-bill {
    display: flex;
    gap: 20px;
}

.cancelbtn-wrap {
    position: absolute;
    right: 0;
}

.cancelbtn-wrap a {
    width: fit-content;
    min-height: 40px;
    margin-bottom: 0;
    min-width: 150px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: var(--white-color);
    border-radius: 5px;
    border-color: var(--dark-gray);
}

.calendar-box .daterangepicker .calendar-table table tr .transactions-plus-upcoming-month {
    background-color: var(--teal-color);
    font-weight: 600;
    color: var(--white-color);
    border-color: var(--teal-color);
}

.ui-datepicker td.weekend-date span {
    border: 2px solid var(--sangria-red) !important;
    color: var(--sangria-red) !important;
}

.ui-datepicker td.holiday-date span {
    border: 2px solid var(--primary) !important;
    color: var(--primary) !important;
}

.calendar-box .daterangepicker .calendar-table table tr .ends.transactions-plus-upcoming-month {
    font-size: 14px;
    color: var(--secondary);
    padding: 5px 10px;
    border: 1px solid var(--secondary);
    border-radius: 4px !important;
    background-color: transparent;
}

tr.table-filter-form td:first-child {
    width: 1%;
}

tr.table-filter-form td {
    padding: 10px !important;
}

.table-filter-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}

.table-filter-form .select2-container--default .select2-selection--single {
    height: 35px;
}

div#payment-table_wrapper th.sorting.sorting_asc {
    white-space: nowrap;
}

body.scrolled .development_banner {
    display: none;
}

div#payment-table_wrapper th.sorting.sorting_desc {
    white-space: nowrap;
}

.active-btn {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 30px;
    color: var(--white-color);
    background-color: var(--teal-color);
    border-radius: 5px;
    text-transform: uppercase;
    border: 1px solid var(--teal-color);
}

.active-btn svg {
    fill: var(--white-color);
    width: 17px;
    height: 17px;
}

.active-btn:hover {
    background-color: transparent;
    border-color: var(--teal-color);
    color: var(--teal-color);
}

.active-btn:hover svg {
    fill: var(--teal-color);
}

.statusdata,
.actiondata {
    width: 6% !important;
}

.payment-status.statusdata {
    width: 0% !important;
}

table#payment-table th.sorting:first-child {
    min-width: 200px;
}

.headoffice-create .in-label {
    white-space: nowrap;
}

.headoffice-create .right-inner {
    flex-wrap: wrap;
    row-gap: 10px;
}

.billing-period-daily .owl-nav {
    top: 0;
}

.carousel-wrapper button span {
    font-size: 60px;
}

.carousel-wrapper .owl-theme .owl-nav .disabled {
    visibility: hidden;
}

.transaction-disabled,
.tier-area .form-check-input[readonly] {
    background-color: var(--gray-color);
    border: 1px solid var(--gray-color);
    pointer-events: none;
}

.merchant-multiple-select~.select2-container~span.text-danger.backend-error {
    transform: translate(30px, -12px);
    width: fit-content;
}

/* 16-01-2025 */
.manual-adjustments-main>label {
    flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 15px;
    font-size: var(--heading-6) !important;
    line-height: 1.3;
    color: var(--secondary) !important;
    font-weight: 700 !important;
}

.manual-adjustments-main>.group-right {
    padding-left: 0 !important;
    flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    max-width: 100%;
}

.manual-adjustments-main>.group-right .tier-area.g-10 {
    gap: 10px;
    row-gap: 25px;
    margin-bottom: 20px;
}

.manual-adjustments-main>.group-right .gen-double-input {
    min-width: 250px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.manual-adjustments-main>.group-right .gen-double-input input {
    max-width: 100%;
    flex: auto;
    width: 100% !important;
}

.manual-adjustments-main>.group-right .gen-double-input .gen-double-input {
    min-width: 240px;
}

.manual-adjustments-action {
    display: flex;
    gap: 15px;
    margin-right: 60px;
}

.manual-adjustments-action .material-symbols-outlined {
    font-size: 23px;
    color: var(--black-color);
}

.manual-adjustments-action .material-symbols-outlined.delete {
    color: var(--sangria-red);
}

.manual-adjustments-action .yesicon svg {
    fill: var(--dark-secondary-bg);
}

.manual-adjustments-action .yesicon:focus svg {
    fill: var(--primary);
}

.manual-adjustments-action .yesicon:focus,
.manual-adjustments-action .yesicon:focus {
    outline: none;
}

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

.manualdelete svg,
.deleteReserveRelease svg {
    fill: var(--red-color);
}

.manualfx-data .adjustmentfx .yesicon svg {
    fill: var(--dark-secondary-bg);
}

.yesicon,
.manualdelete,
.deleteReserveRelease {
    cursor: pointer;
}

.manual-adjustments-action .delete:focus {
    outline: none;
}

.manual-adjustments-action .delete:focus svg {
    fill: var(--sangria-red);
}

.manual-adjustments-main>.group-right .gen-double-input .frontend-error {
    position: absolute;
    left: 0;
    bottom: -19px;
    width: 100%;
    font-size: 12px;
    color: var(--sangria-red);
}

.validation-select .frontend-error {
    position: absolute;
    bottom: -19px;
    width: 100%;
    font-size: 12px;
    color: var(--sangria-red);
}

.invalid-feedback{
    color: var(--sangria-red);
}

.volume-wrapper .validation-select .frontend-error {
    bottom: -44px;
}

.gendoubleinput {
    position: relative;
}

.gendoubleinput .frontend-error {
    left: 37px;
}

.disabled-acquirer {
    pointer-events: none;
}

.disabled-acquirer button {
    color: var(--gray-color) !important;
}

.mismatched-group-btn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 10px;
}

.widthfit {
    width: fit-content;
}

.disableitem {
    pointer-events: none;
    opacity: .6;
    background-color: var(--gray-color);
}

.disableitem~.select2 .select2-selection--single {
    pointer-events: none;
    /* opacity: .6; */
    background-color: var(--light-gray);
}

.createcompanylogo {
    max-width: 100px;
    margin-top: 10px;
}

.by_geo_dynamic_container>.geo-wrapper {
    cursor: pointer;
}

.dropdrop-box {
    margin-left: 30px;
    cursor: all-scroll;
}

.dropdrop-box svg {
    width: 20px;
    height: auto;
}

.dropdrop-box svg path {
    fill: var(--dark-gray);
}

.dropdrop-box:hover svg path {
    fill: var(--darkBrown);
}

.settlement-pdf-icon img {
    height: 30px;
    position: relative;
    z-index: 99;
}

.tooltip.show {
    opacity: .9;
    width: auto !important;
    max-width: 80%;
}

.tooltip-inner {
    max-width: fit-content;
}

.tier-area.d-flex.align-items-center.in-label.w-auto {
    width: fit-content !important;
    margin-bottom: 5px;
}

[data-bs-custom-class="custom-tooltip"] {
    cursor: pointer;
}

.lastchild-bill {
    max-width: 0;
}

.week-report ul .week-report-item .text-green a {
    color: var(--dark-secondary-bg);
}

.pt-12 {
    padding-top: 12px !important;
}

.averagefx.averagefx-select {
    display: flex;
    gap: 10px;
}

.averagefx.averagefx-select .pspCurrencyFx .sm-select+.select2-container {
    min-width: 150px;
}

.week-report ul .week-report-item>span {
    font-size: 13.5px;
    font-weight: 500;
    white-space: nowrap;
    min-width: 180px;
}

.select-days-wrap .frontend-error {
    bottom: -14px;
    min-width: 330px;
}

.select2-results__option[aria-disabled="true"] {
    opacity: .6;
}

.custom-date-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    /* top: 10px; */
    transform: translate(-50%, 0);
}

.custom-date-box .dy-date-box {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    padding: 10px;
    border: 1px solid var(--secondary);
    background-color: var(--white-color);
    border-radius: 8px;
    width: 100%;
}

.custom-date-box .dy-date-box p {
    font-size: 14px;
    font-weight: 500;
    color: var(--secondary);
    margin: 0;
}

.custom-date-box .dy-date-box span {
    opacity: .7;
}

.static-text {
    font-size: 14px;
    min-width: 50px;
    text-align: center;
}

.editdate-box {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    white-space: nowrap;
    padding: 10px;
    border: 1px solid var(--secondary);
    background-color: var(--white-color);
    border-radius: 8px;
}

.editdate-box input {
    background-color: transparent !important;
    border: none;
    padding: 0;
    font-size: 14px;
    line-height: inherit;
    font-weight: 500;
    color: var(--secondary);
}

.editdate-box input::placeholder {
    color: var(--secondary);
}

.editdate-box input:focus {
    box-shadow: none;
    border: none;
}

.editdate-box,
.custom-date-box .dy-date-box {
    max-width: 190px;
}

.p-relative {
    position: relative;
}

.editdate-box span {
    opacity: .7;
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 10px !important;
    text-align: center !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background-color: var(--primary) !important;
    color: var(--white-color) !important;
    border-color: var(--primary) !important;
}

.ui-datepicker select.ui-datepicker-month {
    margin-right: 3px !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    border: 1px solid var(--gray-color);
    padding: 3px;
    font-size: 12px !important;
    cursor: pointer;
}

.ui-datepicker select.ui-datepicker-month:focus,
.ui-datepicker select.ui-datepicker-year:focus {
    outline: none;
    box-shadow: none;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 4px !important;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 4px !important;
}

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

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background-color: var(--teal-color) !important;
    border-color: var(--teal-color) !important;
    color: var(--white-color) !important;
}

.ui-datepicker td {
    padding: 1px 2px 2px !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: var(--white-color);
    border-color: var(--secondary);
    border-radius: 3px;
}

.ui-datepicker-buttonpane.ui-widget-content {
    display: none;
}

.ui-datepicker {
    width: auto !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: none !important;
    padding: 8px !important;
}

.companies-number {
    text-align: right;
}

/* upload file  */
.fileuploadbox input[type=file] {
    margin: auto;
    padding: .5em;
    border: 2px dashed var(--teal-color);
    background-color: var(--white-color);
    transition: border-color 0.25s ease-in-out;
}

.fileuploadbox input[type=file]::file-selector-button {
    font-size: 12px;
    padding: .6em .8em;
    border-width: 0;
    border-radius: 2em;
    background-color: var(--teal-color);
    color: var(--white-color);
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    margin-right: 1em;
}

.fileuploadbox input[type=file]:hover {
    border-color: var(--border-color);
}

.fileuploadbox input[type=file]:hover::file-selector-button {
    background-color: var(--teal-color);
}

.fileuploadbox input[type=file]::file-selector-button:focus {
    outline: none;
    box-shadow: none;
}

/* end  */
.switch-flex {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-dropdown .dropdown-menu li .switches-wrapper:hover {
    background-color: transparent;
}

.user-dropdown .dropdown-menu li .dropdown-item .switchdropbox {
    width: 9rem;
    line-height: 2.2rem;
}

.billing-period-upload-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

input#ft-dt-created_at {
    min-width: 113px !important;
}

a.mismatchTransaction {
    color: var(--black-color);
}

.gen-report-box {
    display: flex;
    align-items: center;
    max-width: 289px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.gen-report-box .filename-text {
    font-size: 15px;
    font-weight: 600;
    color: var(--primary);
}

.commission_by_value_view .volume-wrapper>.tier-area>.tier-area {
    min-width: 170px;
}

.commission_by_value_view .volume-wrapper>.tier-area>span {
    min-width: 100px;
}

.commission_by_value_view .volume-wrapper>.tier-area>span.in-label.ms-2.me-4 {
    text-align: center;
}

td.geo-countries>div {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    row-gap: 7px;
}

td.geo-countries>div>img {
    max-width: 20px;
}

.tier-area .currency-checkbox~.in-label,
.tier-area .territories-check~.in-label {
    min-width: auto;
}

.merchant-history-title span {
    display: block;
    font-size: 14px;
    margin: 0 0 7px 0;
}

.merchant-history-title span strong {
    font-size: 16px;
    font-weight: 600;
    color: var(--darkgray-color);
    margin-right: 5px;
}

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

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

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

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

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

.date-indicator-box {
    float: right;
    display: flex;
    align-items: center;
}

.volume-wrapper .sm-select+.select2-container {
    max-width: 120px;
}

.tier-area.d-flex.align-items-center.w-100.settlement-paid-currency {
    width: -webkit-fill-available !important;
}

.tier-area>span.in-label.flex-120 {
    margin-right: 5px;
}

.companies-number {
    text-align: left;
}

.territories-currency-wrapper .tier-area label.in-label {
    min-width: 70px;
}

.internal-report .table-filter-form.newOfice td {
    border-color: var(--bright-royal-blue) !important;
}

.table-filter-form.newOfice td {
    border-top: none;
    border-color: var(--lightred-color) !important;
    border-bottom-width: 2px !important;
}

select.holdback_format_select~.select2 {
    width: 100% !important;
}

#reserve-history-table tr.table-filter-form td {
    border: none !important;
    padding: 10px !important;
}

.country-log-list {
    display: flex;
    gap: 10px;
}

.country-log-list .country-log img {
    width: 30px !important;
}

.country-log-list .country-log {
    font-size: 16px;
    line-height: normal;
    margin: 0;
}

.gen-report-expanded {
    flex-direction: column;
    margin: 0;
    gap: 20px;
    align-items: flex-end;
}

.gen-report-expanded .country-log-list {
    width: 100%;
    justify-content: space-between;
    gap: 21px;
}

.access_url {
    cursor: pointer;
}

.merchant-option {
    padding: 0 14px;
}

.pdfbox .pdf-item {
    padding: 50px 90px 50px !important;
}

.transactiontable thead tr th:first-child,
.summarytable tbody tr td:first-child {
    white-space: normal !important;
}

@media only screen and (macintosh) {
    table.dataTable tbody tr {
        display: block;
        position: relative;
    }
}

.wrap-line {
    margin-bottom: 24px;
}

td.td-text-end {
    text-align: end;
}

body.scrolling-table .dataTables_wrapper {
    overflow: hidden;
}

.headoffice-brand-list {
    overflow-y: auto;
    max-height: 220px;
    padding-right: 5px;
}

.headoffice-brand-list::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* Track */
.headoffice-brand-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.headoffice-brand-list::-webkit-scrollbar-thumb {
    background: var(--secondary);
    border-radius: 10px;
}

/* Handle on hover */
.headoffice-brand-list::-webkit-scrollbar-thumb:hover {
    background: var(--secondary);
}

.dataTables_wrapper::-webkit-scrollbar {
    width: 5px !important;
    height: 5px;
    opacity: 0;
}

body:not(.showscrolling) .dataTables_wrapper::-webkit-scrollbar {
    width: 0 !important;
}

.geo-multiple-select2~.select2-container .select2-selection--multiple .select2-selection__rendered {
    overflow: hidden !important;
}

.brand-list-block .group-right {
    width: 100%;
    max-width: 800px;
    max-height: 240px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

.brand-list-block .group-right .right-inner {
    margin: 0;
}

.brand-list-block .view-brand-btn {
    line-height: normal;
    min-width: 175px;
    text-align: center;
    padding: 10px 10px;
    height: auto;
}

table.dataTable tbody tr.master-row {
    cursor: pointer;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px var(--white-color) inset;
    transition: background-color 5000s ease-in-out 0s;
}

.balance-statement-form-group .input-group {
    margin: 0 !important;
}

.balance-statement-form-group .input-group .group-right {
    padding-left: 0;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

.balance-statement-form-group .lg-select+.select2-container {
    width: 100% !important;
    min-width: 100%;
    max-width: 100%;
}

.balance-statement-form-group {
    gap: 15px;
}

.ui-widget.ui-widget-content {
    z-index: 991 !important;
}

.balance-statement-form-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
    align-items: flex-start;
}

.input-label-text {
    font-size: 14px;
    font-weight: 500;
    color: var(--secondary);
    padding: 0 0 10px !important;
    max-width: fit-content !important;
    -webkit-flex: auto !important;
}

.balance-statement-form-group .btn-dark {
    margin-top: 25px;
    min-height: 40px;
}

.data-fieldtable table .b-head-office-brand {
    white-space: nowrap;
    padding-right: 30px !important;
    width: 30% !important;
}

.add_brand_wrapper .head-office-merchant-btn a {
    white-space: nowrap;
    padding: 7px 8px;
}

.b-start-data,
.b-end-data,
.b-create-data,
.b-settled-amount,
.b-amount,
.b-amount_after_fx,
.b-fees,
.b-settled,
.b-net_settlement {
    width: 10% !important;
}

.reserve-head-brand {
    width: 30% !important;
}

.reserve-holdback {
    width: 20% !important;
}

td.available.settled-day {
    position: relative;
    overflow: hidden;
}

td.available.settled-day:before {
    content: '';
    width: 30px;
    height: 13px;
    background: var(--light-secondary-bg);
    position: absolute;
    right: -10px;
    top: -3px;
    transform: rotate(45deg);
}

.merchant-transaction-list {
    justify-content: flex-end;
}

.merchant-transaction-list .d-flex {
    align-items: center;
}

.dataTables_wrapper table.dataTable thead>tr>th {
    white-space: nowrap;
    padding-right: 30px !important;
}

div#settled-transaction-table_wrapper table.dataTable thead>tr>th {
    min-width: 130px;
}

div#settled-transaction-table_wrapper table.dataTable thead>tr>th {
    padding-right: 30px !important;
}

.dataTables_wrapper table.dataTable thead>tr>th:focus {
    outline: none;
    background-color: var(--lightred-color);
    color: var(--white-color);
}

div#settled-transaction-table_wrapper {
    overflow: inherit;
}

.settlement-report-date {
    max-width: 120px;
    font-size: 14px;
}

.settlement-report-date:focus {
    box-shadow: none;
    border-color: var(--primary);
}

.hidden-fx-adjustment,
.fx_adjustment_new {
    justify-content: flex-start;
    column-gap: 125px;
}

.head-office-option-list {
    font-weight: bolder;
    padding-left: 6px;
}

.complete-wrapper .email-report-btn {
    white-space: nowrap;
    height: auto;
}

.payment-hash-wrap {
    padding-top: 20px;
}

.payment-hash-wrap .billing-period-heading {
    font-weight: 600;
    margin-bottom: 5px;
    width: fit-content;
}

.payment-hash-main input {
    min-width: 450px;
}

.payment-input-btn-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.payment-input-btn-wrapper .payment-hash-edit-btn,
.payment-input-btn-wrapper .terms-btn {
    white-space: nowrap;
}

.save-disable {
    color: var(--mid-lightgray-color) !important;
    border-color: var(--mid-lightgray-color) !important;
    background-color: var(--white-color) !important;
    pointer-events: none;
}

.save-disable svg {
    fill: var(--mid-lightgray-color) !important;
}

.edit-report-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    min-width: 125px;
    font-size: 14px;
    font-weight: 500;
    color: var(--sm-dark-gray);
    border: 1px solid var(--sm-dark-gray);
    padding: 8px 10px;
    border-radius: 6px;
    background-color: var(--white-color);
}

.edit-report-btn svg {
    width: 18px;
    height: 18px;
    fill: var(--dark-secondary-bg);
}

.edit-report-btn:hover,
.edit-report-btn:focus {
    background-color: var(--dark-secondary-bg);
    border-color: var(--dark-secondary-bg);
    color: var(--white-color);
    outline: none;
}

.edit-report-btn:hover svg,
.edit-report-btn:focus svg {
    fill: var(--white-color);
}

.paste-number-box input {
    font-size: 14px;
    border-color: var(--sm-dark-gray);
    border-radius: 8px;
    min-height: 40px;
}

.paste-number-box input::placeholder {
    font-style: italic;
}

.save-active,
.settlement-payment-hash {
    min-height: 40px;
    color: var(--dark-secondary-bg);
    border: 1px solid var(--dark-secondary-bg);
}

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

/* .payment-confirmation-box, */
.paste-number-box {
    width: 100%;
}

.payment-confirmation-box {
    width: 340px;
}

.brand-content-list .payment-confirmation-box {
    width: 82.5%;
}

.payment-confirmation-box.removed-copy-btn {
    width: 85.9%;
}

.settlement-report-ulid {
    margin: 0;
    padding: 5px 10px;
    background-color: var(--bright-gray);
    border-radius: 4px;
    min-height: 37px;
    font-size: 10px;
    color: var(--black-color) !important;
    display: flex;
    align-items: center;
}

.settlement-payment-hash {
    color: var(--white-color);
    background-color: var(--teal-color);
    border: 1px solid var(--teal-color);
}

.settlement-payment-hash svg {
    fill: var(--white-color);
}

.settlement-payment-hash:hover {
    color: var(--teal-color);
    background-color: var(--white-color);
    border-color: var(--teal-color);
}

.settlement-payment-hash:hover svg {
    fill: var(--teal-color);
}

.copy-content {
    color: var(--spanish-gray);
    cursor: pointer;
}

.view-pdf.settlementReport {
    transition: none;
}

.copy-content:focus,
.view-pdf.settlementReport:focus {
    outline: 2px solid var(--primary);
    border-radius: 2px;
}

.subtext-title {
    font-size: 15px;
}

.subtext-sm {
    margin: 0;
    font-size: 14px;
}

.sawal-title {
    font-size: 24px;
    margin-bottom: 5px;
}

.btn,
.save-template-btn {
    min-height: 40px;
    height: 40px !important;
}

.payment-confirmation-box input {
    min-height: 40px;
}

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

.payment-confirmation-box input::placeholder {
    font-size: 14px;
}

.payment-confirmation-box input[readonly] {
    pointer-events: none;
}

.buyrate-warning {
    display: flex;
    align-items: center;
    gap: 6px;
}

.buyrate-warning .icon-warning,
.buyrate-warning .warning-text {
    color: var(--sangria-red);
    font-size: 20px;
}

.buyrate-warning .warning-text {
    font-weight: 600;
    font-size: 16px;
}

.disable-head-office {
    cursor: default;
    pointer-events: none;
}

.select2-results__option {
    position: relative;
}

/* daily-dashboard */
.daliy-d-item .subtile-d-box h4 {
    font-size: 20px;
    font-weight: 400;
    color: var(--sm-dark-gray);
}

.daliy-d-item .subtile-d-box h4 span {
    font-weight: 700;
    color: var(--lightred-color);
}

.settlement-calander {
    max-width: 100%;
    padding-top: 1px;
    margin-top: 30px;
}

.settlement-calander.daily-calander {
    max-width: 700px;
}

.daliy-d-item .subtile-d-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.view-pdf svg {
    fill: var(--teal-color);
}

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

.daliy-d-item .created-table table.dataTable tbody tr td {
    border-bottom: 1px solid var(--spanish-gray) !important;
}

.daliy-d-item .created-table table.dataTable thead tr th {
    border-bottom: 2px solid var(--lightred-color) !important;
}

.daliy-d-item .created-table table.dataTable tbody tr:nth-child(even) {
    background-color: var(--white-color);
}

.number-count {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    width: 25px;
    height: 25px;
    border-radius: 30px;
    background-color: var(--dark-orchid-color);
    float: right;
}

.d-refresh-btn svg {
    fill: var(--lightred-color);
}

.no-create-report svg {
    fill: var(--lightred-color);
}

.create-report-btn {
    color: var(--lightred-color);
}

.create-report-btn:hover {
    color: var(--white-color);
    background-color: var(--lightred-color);
    border-color: var(--lightred-color);
}

.disable-count {
    background-color: var(--mid-lightgray-color);
}

.download-report {
    color: var(--teal-color);
    white-space: nowrap;
}

.download-report svg {
    fill: var(--teal-color);
}

.create-settlement-table {
    font-size: 14px;
    min-width: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    color: var(--white-color);
    background-color: var(--dark-secondary-bg);
    border: 1px solid var(--dark-secondary-bg);
}

.create-settlement-table svg {
    fill: var(--white-color);
}

.create-settlement-table:hover {
    background-color: transparent;
    color: var(--dark-secondary-bg);
}

.create-settlement-table:hover svg {
    fill: var(--dark-secondary-bg);
}

.glight-color {
    color: var(--orcapay-report);
}

.close-box svg {
    fill: var(--lightred-color);
}

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

.report-error {
    font-style: italic;
    color: var(--lightred-color);
}

.confirmation-table table.dataTable tbody tr td {
    border-bottom: 1px solid var(--spanish-gray) !important;
}

.confirmation-table table.dataTable thead tr th {
    border-bottom: 2px solid var(--lightred-color) !important;
}

.confirmation-table table.dataTable tbody tr:nth-child(even) {
    background-color: var(--white-color);
}

.email-merchant-btn {
    width: fit-content;
    padding: 5px 12px;
}

.email-merchant-btn svg {
    fill: var(--teal-color);
}

.sent-box-text {
    color: var(--teal-color);
}

.tea-btn svg {
    fill: var(--dark-secondary-bg);
}

.button-groups-daily {
    flex-wrap: wrap;
    row-gap: 10px;
}

.summary-page-box {
    margin-left: auto;
}

.coffee-time-box {
    position: absolute;
    top: -2px;
    left: 2px;
}

.coffee-time-box svg {
    width: 16px;
    height: 16px;
    fill: var(--dark-secondary-bg);
}

.transactions-plus .coffee-time-box svg {
    fill: var(--white-color);
}

.daliy-d-item .editdate-box {
    width: 100%;
    max-width: fit-content;
    margin-left: 1px;
}

.daliy-d-item .editdate-box input {
    text-align: center;
}

.payment-hash-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}

.reportConfirmation {
    align-items: center;
    padding-right: 2px;
}

.reportConfirmation .btn {
    white-space: nowrap;
}

td.report-row {
    text-align: right;
}

.static-width {
    width: 1% !important;
}

.disabled-download-report {
    pointer-events: none;
    color: var(--gray-color) !important;
    border-color: var(--gray-color) !important;
    opacity: .5;
    background-color: var(--white-color) !important;
}

.disabled-download-report svg {
    fill: var(--gray-color) !important;
}

.add_brand_wrapper.m-0 .btn-primary {
    white-space: nowrap;
}

.static-width-min {
    width: 16% !important;
}

.coffee-time-wrapper {
    text-align: end;
    margin-top: 10px;
    font-weight: bold;
    font-size: 16px;
    color: var(--dark-secondary-bg);
    ;
}

.daily-dashboard-title {
    display: flex;
    align-items: center;
    gap: 5px;
}

.daily-dashboard-title .reset-btn {
    line-height: 0;
}

table td.dataTables_empty {
    padding: 21px 0 !important;
}

.daily-calander-top .nav-btn {
    border: none;
    padding: 0;
    background-color: transparent;
}

.daily-calander-top .nav-btn:focus {
    outline: 2px solid var(--primary);
    border-radius: 2px;
}

.daily-calander-top {
    width: 100%;
    justify-content: space-between;
    gap: 25px;
    padding: 0 30px;
    align-items: center;
}

.daily-calander-top .prevBtn span {
    display: block;
    width: 41px;
    height: 26px;
    border: none !important;
    transform: rotate(0) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='26' viewBox='0 0 41 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.175 25.8L0.37495 13.8C-0.12505 13.4 -0.12505 12.6 0.37495 12.2L16.175 0.200001C16.575 -0.0999992 16.975 -1.52737e-06 17.175 0.0999985C17.575 0.299998 17.675 0.6 17.675 1V7C17.675 7.5 18.175 8 18.675 8L39.075 8C39.575 8 40.075 8.5 40.075 9V17C40.075 17.5 39.675 18 39.075 18H18.675C18.175 18 17.675 18.5 17.675 19V25C17.675 25.4 17.475 25.7 17.175 25.9C17.075 26 16.675 26.1 16.175 25.8Z' fill='%2307B9B2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.daily-calander-top .nextBtn span {
    display: block;
    width: 41px;
    height: 26px;
    border: none !important;
    transform: rotate(0) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='26' viewBox='0 0 41 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.9 0.2L39.7 12.2C40.2 12.6 40.2 13.4 39.7 13.8L23.9 25.8C23.5 26.1 23.1 26 22.9 25.9C22.5 25.7 22.4 25.4 22.4 25V19C22.4 18.5 21.9 18 21.4 18H1C0.5 18 0 17.5 0 17V9C0 8.5 0.4 8 1 8H21.4C21.9 8 22.4 7.5 22.4 7V1C22.4 0.6 22.6 0.3 22.9 0.1C23 2.90573e-07 23.4 -0.1 23.9 0.2Z' fill='%2307B9B2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.daily-calander-main .calendar-table {
    width: 100% !important;
    position: initial;
    background-color: var(--white-color);
    border: 1px solid var(--secondary);
    border-spacing: 14px;
    border-collapse: separate;
    padding: 30px 22px 10px;
    margin-top: 15px;
    border-radius: 4px;
}

.daily-calander-main .calendar-table .table-condensed {
    width: 100%;
    border-spacing: 14px;
    border-collapse: separate;
}

.reset-blank-span {
    display: block;
    width: 32px;
}

.daily-calander-main .calendar-table table tr td,
.daily-calander-main .calendar-table table tr th {
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}

.daily-calander-main .calendar-table table tr td {
    font-size: 14px;
    color: var(--secondary);
    padding: 5px 10px;
    border: 1px solid var(--secondary);
    border-radius: 4px !important;
    position: relative;
}

.daily-calander-main .calendar-table .weekend {
    border-color: var(--primary) !important;
    font-weight: 600;
}

.daily-calander-main .calendar-table .selected {
    background-color: var(--teal-color);
    font-weight: 600;
    color: var(--white-color);
    border-color: var(--teal-color) !important;
}

.daily-calander-main .calendar-table table td.active {
    background-color: var(--light-secondary-bg) !important;
}

.daily-calander-main .calendar-table table td.active span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.daily-calander-main .calendar-table table td.settled-day {
    position: relative;
    overflow: hidden;
}

.daily-calander-main .calendar-table table td.settled-day:before {
    content: '';
    width: 30px;
    height: 13px;
    background: var(--light-secondary-bg);
    position: absolute;
    right: -10px;
    top: -3px;
    transform: rotate(45deg);
}

.daily-calander-main .calendar-table td.today.transactions-plus {
    color: var(--sangria-red);
    border: none !important;
}

.daily-calander-main .calendar-table td.today {
    font-weight: 600;
    color: var(--sangria-red);
    border-color: var(--sangria-red) !important;
}

.daily-calander-main .calendar-table td.disabled {
    cursor: not-allowed;
    text-decoration: line-through;
    opacity: .3;
}

.disable-custom-datepicker .daily-calander-top {
    align-items: center;
    margin: 13px 0 0 0;
    padding-bottom: 12px;
}

.form-block .daily-calander-title {
    margin-bottom: 5px;
}

.login-wrapper .form_wrapper .nextstepbtn {
    margin-top: 10px;
}

.login-wrapper .form_wrapper .nextstepbtn:disabled {
    opacity: .5;
}

.grid-box-daily-dashboard {
    display: flex;
    gap: 20px;
}

.static-table {
    width: 100%;
    margin-top: 83px;
}

.static-table table {
    width: 100%;
    border-collapse: collapse;
}

.static-table table thead tr th {
    font-weight: 700;
    background-color: var(--white-color);
    border-bottom: 2px solid var(--lightred-color) !important;
}

.static-table table tr th,
.static-table table tr td {
    font-size: 13px;
    padding: 10px 20px;
    border-bottom: 1px solid var(--spanish-gray);
    text-align: left;
}

.grid-box-daily-dashboard .settlement-calander {
    width: 100%;
    max-width: 700px;
}

.static-table table::-webkit-scrollbar {
    width: 5px !important;
    height: 5px;
    opacity: 0;
}

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

.static-table table::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

.static-table table tbody tr:nth-child(even) {
    background-color: var(--white-color);
}

div#balance-statement-table_wrapper th[data-name="head_office_name"] {
    width: 20% !important;
}

.daily-calander-title {
    display: flex;
    align-items: center;
}

.daily-calander-title .reset-btn {
    line-height: 0;
}

body.modal-open {
    padding-right: 0 !important;
}

.marchant-dashboard-header {
    flex-wrap: wrap !important;
    gap: 15px;
    align-items: flex-start !important;
}

.marchant-dashboard-header>.d-flex.gap-2 {
    flex-wrap: wrap;
}

.marchant-dashboard-header>.d-flex.gap-2 .input-group {
    width: fit-content;
}

.no-create-report,
.close-box {
    transition: none;
}

.no-create-report:focus,
.close-box:focus {
    outline: 2px solid var(--primary);
    border-radius: 2px;
}

.datatable_action .deleteGeo button:focus,
.datatable_action .deleteCompany button:focus {
    outline: none;
}

.datatable_action .deleteGeo button:focus span,
.datatable_action .deleteCompany button:focus span {
    color: var(--red-color);
}

.select2-container--focus .select2-selection--multiple {
    border-color: var(--primary) !important;
}

.upload_data_img {
    transition: none;
}

.upload_data_img:focus {
    outline: 2px solid var(--primary);
    border-radius: 2px;
}

table#balance-statement-table thead>tr>th {
    min-width: 130px !important;
}

.brand-list-block .view-brand-btn.inactive-merchant {
    background-color: var(--spanish-gray);
    border-color: var(--spanish-gray);
}

.brand-list-block .view-brand-btn.inactive-merchant:hover,
.brand-list-block .view-brand-btn.inactive-merchant:focus {
    background-color: transparent;
    color: var(--spanish-gray);
}

.linked-head-office-wrap .add-circlebtn {
    margin: 0 !important;
}

.linked-head-office-wrap .in-label {
    flex: 1;
    padding: 0;
}

.linked_head_office_dynamic_container {
    margin-top: 30px;
    padding-top: 25px !important;
    border-top: 2px dashed var(--mid-lightgray-color);
}

.linked_head_office_dynamic_container .linked-head-office-wrap,
.linked_head_office_dynamic_container_show .linked-head-office-wrap {
    margin-top: 0 !important;
    margin-bottom: 25px;
}

.ho-buy-rate .highlights-text {
    color: var(--dark-secondary-bg);
}

.base-buy-rate .highlights-text {
    color: var(--carrot-orange);
}

table#introducer-table .table-filter-form #ft-dt-name {
    min-width: 225px !important;
}

table#introducer-report-table tr.table-filter-form td:first-child {
    width: auto;
}

.payment-input-btn-wrapper .payment-hash-edit-btn svg {
    width: 20px;
    height: 20px;
}

.standard-merchant .balance-statement-form-group .group-right {
    padding: 0 !important;
}

.show-title-box {
    pointer-events: auto !important;
}

.payment-mode-wrapper>.payment-mode-input-wrapper {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px dashed var(--mdbright-gray);
    width: fit-content;
    min-width: 1000px;
}

div#payment-mode-pay_out {
    margin-top: 30px;
}

.payment-mode-format-div .input-group.by_geo-div.buy_rate_format_div {
    padding-bottom: 0;
}

.validation-input span.frontend-error {
    position: absolute;
}

/* .volume-tiers-div .validation-select{
    flex-direction: column-reverse;
} */

.volume-wrapper .validation-select-main .validation-select .frontend-error,
.volume-wrapper .validation-select .frontend-error {
    position: initial;
    /* white-space: nowrap; */
    margin-bottom: -14px;
}

.group-right.volume-tiers-div .right-inner.clone-div.d-flex.align-items-center.volume-wrapper:first-child  .validation-select .frontend-error{
    white-space: inherit;
}

.volume-wrapper .error-select-validation .validation-select-main .validation-select .frontend-error,
.volume-wrapper .validation-select .frontend-error{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 120px;
}

/* responsive  */
@media (min-width: 1360px) {
    .input-group.manual-adjustments-main {
        flex-wrap: nowrap;
    }

    .manual-adjustments-main>.group-right {
        padding-left: 32px !important;
        flex: 0 0 calc(100% - 240px);
        -webkit-flex: 0 0 calc(100% - 240px);
        max-width: calc(100% - 240px);
    }
}

@media (min-width: 1451px) and (max-width: 1820px) {
    .week-report ul .week-report-item {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
        flex-wrap: wrap;
    }

    .gen-report-wrapper .gen-report-box {
        max-width: 267px;
    }

    .pdf-item .logobox img {
        max-width: 200px !important;
    }

    .pdftitle {
        font-size: 40px !important;
    }

    .manualfx-data ul li {
        gap: 20px;
    }

    .daterangepicker .drp-calendar.left .prev {
        left: 3px;
    }

    .daterangepicker .calendar-table .next {
        right: 3px;
    }

    .daterangepicker .calendar-table .next span,
    .daterangepicker .calendar-table .prev span {
        width: 29px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: 25px;
    }

    .daterangepicker .drp-calendar.left .prev,
    .daterangepicker .drp-calendar.left .next {
        top: -47px;
    }

    .button-secondary.edit-terms-btn.edit-fileds.clone-merchant {
        max-width: 290px;
        min-width: auto;
    }

    .daily-calander-top {
        padding: 0;
    }

    .manual-adjustments-main>.group-right .gen-double-input,
    .manual-adjustments-main>.group-right .select2-container {
        min-width: 200px;
    }

    .hidden-fx-adjustment,
    .fx_adjustment_new {
        column-gap: 100px;
    }
}

@media(max-width:1450px) {

    .hidden-fx-adjustment,
    .fx_adjustment_new {
        column-gap: 40px;
    }

    .daterangepicker .calendar-table .next span,
    .daterangepicker .calendar-table .prev span {
        width: 29px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: 25px;
    }

    .daterangepicker .drp-calendar.left .prev,
    .daterangepicker .drp-calendar.left .next {
        top: -47px;
    }

    .daterangepicker .drp-calendar.left .prev {
        left: 0;
    }

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

    .daterangepicker .calendar-table .next {
        right: 0;
    }

    .daterangepicker .drp-selected {
        top: 14px;
        font-size: 14px !important;
    }

    .manualfx-data ul li {
        gap: 30px;
        margin-top: 15px;
        flex-wrap: wrap;
        row-gap: 10px;
        margin-bottom: 30px;
    }

    .static-text {
        min-width: 30px;
    }

    .manualfx-data ul li:last-child {
        margin-bottom: 15px;
    }

    .manualfx-data ul li h6 {
        min-width: -webkit-fill-available;
    }

    .pdf-item .logobox img {
        max-width: 200px !important;
    }

    .pdftitle {
        font-size: 40px !important;
    }

    .editdate-box,
    .custom-date-box .dy-date-box {
        max-width: 175px;
    }

    .tier-area.d-flex.align-items-center.w-100.ml-32.view-group-btn {
        flex-wrap: wrap;
    }

    .button-secondary.edit-terms-btn.edit-fileds.clone-merchant {
        max-width: 290px;
        min-width: auto;
    }

    .daily-calander-top {
        padding: 0;
    }

    .manual-adjustments-main>.group-right .gen-double-input,
    .manual-adjustments-main>.group-right .select2-container {
        min-width: 180px;
    }

    .brand-content-list .brand-head h3 {
        font-size: 18px;
    }
}

@media(max-width:1200px) {

    .static-table {
        margin-top: 0;
    }

    .grid-box-daily-dashboard {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .daliy-d-item .editdate-box {
        margin: 0;
    }

    .hidden-fx-adjustment,
    .fx_adjustment_new {
        column-gap: 30px;
    }

    .custom-date-box {
        width: 100%;
        flex-direction: column;
        row-gap: 8px;
        position: initial;
        transform: translate(0);
    }

    .editdate-box,
    .custom-date-box .dy-date-box {
        max-width: 100% !important;
        width: 100%;
    }

    .filterInput {
        font-size: 14px;
        min-width: 130px !important;
    }

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

    .search-head {
        gap: 20px;
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .px-60 {
        padding-left: 25px;
        padding-right: 25px;
    }

    .gap-150 {
        gap: 50px;
    }

    .gap-169 {
        gap: 70px;
    }

    .tier-area .form-check {
        margin-right: 12px;
    }

    span#transaction-days-error {
        margin-left: auto;
    }

    .create-head-office span#transaction-days-error {
        margin-left: auto;
    }

    .week-report ul .week-report-item .currencie-text {
        font-size: 14px;
    }

    .identified-box .item-identified {
        flex-direction: column;
        gap: 30px;
    }

    .billing-box {
        flex-wrap: wrap;
    }

    .owl-dots {
        display: none;
    }

    .calendar-box .daterangepicker .calendar-table table {
        padding: 0;
    }

    .pdftitle {
        font-size: 30px !important;
    }

    .pdfbox .pdf-item {
        padding: 50px 30px 130px !important;
    }

    .cancelbtn-wrap {
        position: relative;
    }

    .pdf-report-bill .button-groups.incomplete-wrapper,
    .savereport-bill .create-report-box .button-groups {
        gap: 20px;
    }

    .footertablebox {
        width: calc(100% - 60px);
        margin: 0 auto;
        left: 30px;
    }

    .pagecount {
        right: 30px !important;
    }

    .fx_adjustments_right {
        justify-content: flex-start;
    }

    .dataTables_wrapper {
        overflow: auto;
    }

    .commission_by_value_view .volume-wrapper>.tier-area>.tier-area {
        min-width: 130px;
    }

    .payment-hash-main input {
        min-width: auto;
    }

    .payment-input-btn-wrapper .payment-hash-edit-btn {
        white-space: nowrap;
    }

    .daily-calander-main .calendar-table .table-condensed {
        border-spacing: 10px;
    }

    .daily-calander-main .calendar-table {
        padding: 10px 15px 10px;
    }

    .grid-box-daily-dashboard .settlement-calander {
        max-width: 100%;
    }

    .carousel-wrapper {
        padding: 0 40px;
    }

    .week-report ul .week-report-item .upload_update span {
        font-size: 14px;
    }

    .linked_head_office_dynamic_container .linked-head-office-wrap,
    .linked_head_office_dynamic_container_show .linked-head-office-wrap {
        flex-wrap: wrap;
        gap: 10px;
    }

    .linked-head-office-wrap .in-label {
        flex: inherit;
        padding-left: 0 !important;
    }

    .paste-number-box input {
        width: auto;
    }
    
    .balance-statement-form-group .btn-dark {
        margin-top: 15px;
    }
}

@media(max-width:1024px) {

    .right-inner, .tier-area {
        flex-wrap: wrap;
        row-gap: 15px;
        width: auto !important;
    }

    .payment-mode-pay_in>.input-group,
    .payment-mode-pay_out>.input-group{
        min-width: 700px;
    }

    .dataTables_wrapper {
        overflow: auto;
    }

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

    .form-block>h3,
    .form-block>h3 span {
        font-size: 20px;
        line-height: 30px;
    }

    .staging-logged-in .navbar {
        padding-right: 45px;
    }

    .calendar-box .daterangepicker .calendar-table table tr td {
        padding: 3px 5px;
    }

    .manual-adjustments-action {
        margin-right: 0px;
        gap: 6px;
    }
}

@media(max-width:991px) {

    .step_form_checkbox {
        margin-top: 20px;
    }

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

    .welcome-user,
    .user-dropdown .dropdown-toggle .arrow-icon,
    .name-dta {
        display: none !important;
    }

    .user-dropdown .dropdown-menu {
        right: -8px !important;
        margin-top: 10px;
    }

    .user-dropdown-wrapper .dropdown-menu {
        margin-top: 8px;
        right: 0 !important;
    }

    .user-dropdown-wrapper .dropdown-menu:before {
        right: 10px;
    }

    .merchant-header .page-title .title {
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
    }

    .py-50 {
        padding: 30px 0;
    }

    .merchant-header .container-fluid {
        padding: 0;
    }

    .right-inner .min-w-350 {
        min-width: auto;
    }

    .logo img {
        max-width: 120px;
    }

    .nbtn,
    .bgray-btn,
    .cancel-btn {
        font-weight: 600;
        padding: 13px 15px;
        min-width: 135px;
        min-height: auto;
    }

    .configuration_btns .back-btn .outline-btn {
        min-height: 45px;
    }

    .calendar-box .daterangepicker .calendar-table table {
        border-spacing: 4px;
    }

    .daterangepicker .drp-selected {
        top: 8px;
        gap: 10px;
        font-size: 13px !important;
    }

    .billing-box .billing-itme .bill-inner .billing-dates {
        font-size: 16px;
    }

    .pdf-item .logobox img {
        max-width: 200px !important;
    }

    .pdfbox .pdf-item {
        /* min-height: 1500px; */
        padding: 20px 10px 80px !important;
    }

    .report-multiple-head {
        flex-wrap: wrap;
        gap: 10px;
    }

    .appliedfx .greentext {
        font-size: 14px;
        line-height: normal;
    }

    .appliedfx,
    .averagefx,
    .markupfx {
        grid-template-columns: 46px 1fr;
        gap: 4px;
    }

    .adjustmentfx {
        gap: 5px;
    }

    .manual-adjustments-main>.group-right .gen-double-input {
        min-width: 50%;
    }

    .validation-select.select-days-wrap {
        margin-bottom: 5px;
    }

    .commission_by_value_view .volume-wrapper>.tier-area>span {
        min-width: auto;
    }

    .brand-list-block .group-right {
        grid-template-columns: 1fr 1fr 1fr;
        padding: 15px 0 0 20px !important;
    }

    .brand-list-block .view-brand-btn {
        min-width: 170px;
    }

    .standard-merchant .input-group>label {
        -webkit-flex: 0 0 180px;
        max-width: 180px;
    }

    .standard-merchant .input-group>.group-right {
        padding-left: 20px;
    }
}

@media(max-width:767px) {

    .payment-mode-pay_in>.input-group,
    .payment-mode-pay_out>.input-group{
        min-width: auto;
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .daily-calander-main .calendar-table {
        padding: 15px 0px 10px;
    }

    .countriestable .dataTables_wrapper {
        max-height: calc(100vh - 200px) !important;
    }

    .create-report,
    .complete-wrapper .pdf-report {
        min-width: 180px;
    }


    .step_form_checkbox {
        margin-top: 0;
    }

    .data-fieldtable table td.geo-countries {
        width: 60%;
    }


    .merchant-header .page-title .title {
        color: var(--secondary);
    }

    .login-wrapper .form_wrapper {
        padding: 25px 15px 35px;
    }

    .search-head .right-box .button-group .button-secondary {
        min-width: auto;
    }

    .search-head .right-box .button-group .button-secondary {
        font-size: 14px;
        line-height: 24px;
        gap: 12px !important;
        min-height: 50px;
    }

    .search-head .right-box .button-group {
        flex-wrap: wrap;
    }

    .merchant-header .page-title .title {
        text-align: center;
    }

    .merchant-header .page-title {
        width: 100%;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 70px);
    }

    .form-block>h3,
    .form-block>h3 span {
        font-size: 20px;
        line-height: 30px;
    }

    .py-50 {
        padding: 80px 0 30px;
    }

    .dark-orchid-color span {
        color: var(--secondary);
    }

    .standard-merchant .input-group>label {
        flex: 0 0 200px;
        max-width: 200px;
    }

    .email-clone-box {
        flex-wrap: initial;
        width: 100% !important;
    }

    .save-template .button-group {
        grid-template-columns: 1fr;
        column-gap: 20px;
        row-gap: 20px;
    }

    .title-page h2 {
        display: none;
    }

    .teal-color span {
        color: var(--secondary);
    }

    .brand-list-block .right-inner.ml-30 {
        margin-left: 0 !important;
    }

    .tier-area.d-flex.align-items-center.w-100.ml-32 {
        margin-left: 0;
    }

    .tier-area.d-flex.align-items-center.w-100.ml-32 .button-secondary.ml-32 {
        margin-left: 0;
    }

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

    .brand-content-list .button-groups {
        flex-wrap: wrap;
        gap: 15px;
    }

    .daterangepicker .calendar-table .next {
        right: 13px;
    }

    .calendar-box .daterangepicker .calendar-table table {
        border-spacing: 5px;
    }

    .identified-box .item-identified div {
        flex-wrap: wrap;
    }

    .carousel-wrapper {
        padding: 0;
    }

    .week-report ul .week-report-item {
        gap: 10px;
        margin-bottom: 10px;
        flex-wrap: wrap;
        /* justify-content: space-between; */
    }

    .gen-report-box {
        flex-wrap: wrap;
        gap: 15px;
    }

    .gen-report-expanded {
        max-width: 291px;
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .gen-report-expanded .country-log-list {
        gap: 10px;
        flex-wrap: wrap;
    }

    .gen-report-wrapper .gen-report-box {
        max-width: 263px;
    }

    .daterangepicker .drp-selected {
        gap: 10px;
        font-size: 13px !important;
    }

    .owl-nav {
        position: initial;
        width: fit-content;
        margin: 0 auto;
        height: auto;
    }

    .carousel-wrapper button {
        margin: 0 auto !important;
        font-size: 30px !important;
        margin-bottom: 0px !important;
        width: 39px;
        height: 39px;
        background-color: var(--dark-orchid-color) !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 5px !important;
    }

    .carousel-wrapper button span {
        font-size: inherit;
        height: 37px;
        color: var(--white-color);
    }

    .carousel-wrapper button.owl-prev {
        margin-left: 0px !important;
    }

    .carousel-wrapper button.owl-next {
        margin-right: 0 !important;
    }

    .tab-wapper .nav-tabs .nav-link {
        width: auto;
        min-width: auto;
    }

    .right-inner~.backend-error {
        margin-left: 0;
    }

    .pdf-report-bill .incomplete-box {
        flex-wrap: wrap;
    }

    .commission_by_value_view .volume-wrapper>.tier-area>.tier-area {
        min-width: auto;
    }

    div#dashboard-table_wrapper {
        overflow: initial;
    }

    .dashboard-table .dataTables_wrapper table#dashboard-table {
        /* white-space: nowrap; */
        overflow: auto;
    }

    .dashboard-table .dataTables_wrapper table#dashboard-table::-webkit-scrollbar {
        width: 5px !important;
        height: 5px;
        opacity: 0;
    }

    .dashboard-table .dataTables_wrapper table#dashboard-table::-webkit-scrollbar-thumb {
        background: var(--secondary);
        border-radius: 10px;
    }

    .dashboard-table .dataTables_wrapper table#dashboard-table::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    .balance-statement-form-group {
        grid-template-columns: 1fr 1fr;
    }

    .btn,
    .save-template-btn,
    .payment-confirmation-box input {
        min-height: 40px;
    }

    .daily-calander-top .prevBtn span,
    .daily-calander-top .nextBtn span {
        width: 30px;
        height: 20px;
        background-size: 30px;
        background-repeat: no-repeat;
    }

    .daily-calander-main .calendar-table .table-condensed {
        border-spacing: 5px;
    }
}

@media(max-width:580px) {

    .static-table table {
        display: block;
        white-space: nowrap;
        overflow: auto;
    }

    .balance-statement-form-group {
        grid-template-columns: 1fr;
    }

    .img-user {
        width: 40px;
        height: 40px;
        font-size: 16px;
        font-weight: 500;
    }

    .standard-merchant .input-group>label {
        padding-bottom: 10px;
    }

    .standard-merchant .input-group>label {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .input-group {
        flex-direction: column;
    }

    .group-right {
        flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        max-width: 100%;
    }

    .user-dropdown .user-dropdown-wrapper span {
        font-weight: 400;
    }

    .form-block>h3,
    .form-block>h3 span {
        font-size: 16px;
        line-height: 26px;
        font-weight: 500;
    }

    .add-circlebtn {
        margin-left: 10px !important;
    }

    .flex-230 {
        flex: 0 0 230px;
        max-width: fit-content;
    }

    .multiple-select-box-wrap.addcountry-wrapper {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .flex-120 {
        flex: 0 0 120px;
        max-width: fit-content;
        margin-right: 10px;
    }

    .tier-area.d-flex.align-items-center.w-100.ml-32:has(.right-inner) {
        background-color: red;
    }

    .no-reset-box .right-inner~.backend-error {
        margin-left: 0;
    }

    .payment-method-form .step_form_checkbox {
        margin-top: 20px;
    }

    .add_brand_wrapper {
        flex-wrap: wrap;
        row-gap: 15px;
    }

    .tab-wapper .nav-tabs {
        padding-left: 0;
    }

    .standard-merchant .input-group>.group-right {
        padding-left: 0;
    }

    .territories-currency-wrapper {
        grid-template-columns: 1fr;
    }

    .subheadtable {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
    }

    .pdf-item .logobox img {
        max-width: 140px !important;
    }

    .pdftitle {
        font-size: 20px !important;
    }

    .billingcontent {
        white-space: nowrap;
        display: block;
        overflow: auto;
    }

    .billingcontent td,
    .billingcontent th {
        font-size: 13px;
    }

    .subtitletable td {
        font-size: 14px;
    }

    .groupbtn-bill {
        flex-wrap: wrap;
    }

    .geocontainer-box .reset-btn-width {
        display: none;
    }

    .merchant-multiple-select~.select2-container--default .select2-search--inline .select2-search__field {
        width: 0 !important;
        min-width: 50px;
    }

    .save-template .save-template-btn {
        font-size: 13px;
    }

    .daterangepicker .calendar-table .next span {
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: right;
    }

    .daterangepicker .calendar-table .prev span {
        background-size: 24px;
        background-repeat: no-repeat;
        background-position: left;
    }

    .static-text {
        font-size: 14px;
        min-width: 30px;
    }

    .editdate-box,
    .custom-date-box .dy-date-box {
        max-width: 150px;
    }

    .input-group.settlemt-row-wrap label {
        max-width: fit-content;
        margin-right: 10px;
    }

    .input-group.settlemt-row-wrap .group-right {
        max-width: fit-content;
    }

    .settlemt-row-wrap~.input-group label {
        max-width: fit-content;
        margin-right: 10px;
    }

    .settlemt-row-wrap~.input-group .group-right {
        max-width: fit-content;
    }

    .brand-list-block .group-right {
        grid-template-columns: 1fr 1fr;
    }

    .brand-list-block .tier-area {
        width: 100% !important;
    }

    .brand-list-block .view-brand-btn {
        min-width: auto;
        max-width: 100%;
        width: 100%;
        font-size: 12px;
    }

    section.standard-merchant.create-head-office.create-brand .right-inner.d-flex.align-items-center.ml-30 {
        margin-left: 0 !important;
    }

    .show_details.brand_head_office_show .group-right {
        max-width: 100%;
    }

    .add_brand_wrapper.merchant-table-header {
        flex-wrap: nowrap;
    }

    .geos-new-toggle-container {
        line-height: 34px;
    }

    .btn,
    .save-template-btn,
    .payment-confirmation-box input,
    .balance-statement-form-group .btn-dark {
        min-height: 34px;
    }

    .btn,
    .save-template-btn {
        font-size: 14px;
    }

    .button-secondary {
        gap: 10px;
        padding: 5px 8px;
    }

    .manual-adjustments-main>.group-right .tier-area.g-10>div {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .manual-adjustments-main>.group-right .tier-area.g-10 {
        row-gap: 15px;
        margin-bottom: 0;
    }

    .right-inner.d-flex.align-items-center.clone-manual-adjustment-div.clonebox {
        margin-bottom: 15px;
    }

    .manual-adjustments-main>.group-right .tier-area.g-10>div .select2-container {
        min-width: 100%;
        max-width: 100%;
    }

    .manual-adjustments-main>.group-right .tier-area.g-10 .gen-double-input.gendoubleinput {
        min-width: 60%;
        max-width: 60%;
    }

    .manual-adjustments-main>.group-right .tier-area.g-10 .manual-adjustments-action {
        width: auto;
        min-width: auto;
    }

    .countriestable .dataTables_wrapper {
        max-height: calc(100vh - 190px) !important;
    }

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

@media(max-width:480px) {

    .searchdata {
        width: 100%;
    }

    .search-head .right-box .button-group .button-secondary {
        width: 100%;
        text-align: center;
    }

    .search-head .right-box .button-group .button-secondary span {
        flex: 1;
        -webkit-flex: 1;
        text-align: center;
    }

    .carousel-wrapper button span {
        height: 38px;
    }

    .manual-adjustments-main>.group-right .gen-double-input {
        min-width: 42%;
        max-width: 61%;
    }

    .manual-adjustments-main>.group-right .manualinputbox {
        min-width: 240px !important;
    }

    .adjustmentfx .currencyFx {
        margin-right: 0;
    }

    .adjustmentfx .setFxValue {
        margin-left: 0;
    }

    .data-fieldtable table th {
        width: auto !important;
        white-space: nowrap !important;
        padding-right: 30px !important;
    }
}

@media(max-width:380px) {
    .territories_wrapper {
        grid-template-columns: 1fr;
    }

    .nbtn,
    .bgray-btn,
    .cancel-btn {
        min-width: 100px;
        min-height: auto;
    }

    table.headtable {
        display: block;
        white-space: nowrap;
        overflow-x: auto;
    }

    .tooltip.show {
        max-width: 320px;
    }

    .payment-input-btn-wrapper {
        flex-wrap: wrap;
    }

    .payment-confirmation-box {
        width: 100%;
    }
}

@media(max-width:370px) {
    .configuration_btns .back-btn .outline-btn {
        min-width: 115px;
        padding: 12px 5px !important;
    }

    .tab-wapper .nav-tabs .nav-link {
        margin-left: 5px;
    }

    .calendar-box .daterangepicker .calendar-table table {
        border-spacing: 3px;
    }

    .dropdrop-box {
        margin-left: 6px;
    }

    .tooltip.show {
        max-width: 260px;
    }

    .settlemt-row-wrap~.input-group .group-right .tier-area>.space-40 {
        flex: 0 0 10px;
        max-width: 10px;
    }

    .brand-list-block .group-right {
        align-items: inherit;
        grid-template-columns: 1fr;
    }

    .daily-calander-main .calendar-table .table-condensed {
        border-spacing: 2px;
    }

    .add_brand_wrapper.merchant-table-header {
        flex-wrap: wrap;
    }
}