#error-span {
    font-size: 12pt;
    color: red;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 10px;
    overflow: scroll !important;
    max-height: 90% !important;
    max-width: 90% !important
}

.modalajax {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8)url(http://localhost/CreditForce.BackEnd.Collection/Content/img/pIkfp.gif) 50% 50% no-repeat
}

.modal-dialog {
    margin: auto;
}

.modal-dialog-login {
    width: auto;
}

.modal95 {
    width: 95% !important;
    margin-top: 2.8%;
    margin-bottom: 2.8%;
}


.separatorGray {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.datosTabla {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 0 0 1px var(--secondary-color-lighter);
}

.datosTabla th,
.datosTabla td {
    text-align: left;
    border-bottom: solid 1px var(--secondary-color-lighter);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.datosTabla tr:last-child td {
    border-bottom: none;
}

.datosTabla tr:nth-child(even) {
    background-color: var(--disabled-color);
}

.datosTabla tr:nth-child(odd) {
    background-color: var(--light-color);
}

.modal-header-height {
    height: 75px;
}

body {
    font-size: var(--normal-font-size);
    font-family: var(--body-font);
}

body.loading {
    overflow: hidden
}

body.loading .modalajax {
    display: block;
    z-index: 20000
}

.errorWindowMessage span {
    max-width: 400px;
    overflow: scroll;
    margin-top: 3px;
    margin-bottom: 3px
}

.errorWindowMessage .labelMessage {
    width: 100px !important;
    float: left !important;
    margin-left: 10px !important
}

.t-numerictextbox input[type=text] {
    width: 130px;
    text-align: right;
    padding: .5em
}

.t-numerictextbox .t-formatted-value {
    text-align: right;
    padding: .5em
}

.ui-spinner-button {
    display: none !important
}

.errordropdown {
    margin-top: -.2em !important
}

.errorcalendar {
    margin-top: 0 !important
}

#message {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    outline-color: invert;
    outline-style: none;
    outline-width: 0;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    z-index: 11007;
    display: none;
    box-shadow: 0px 10px 7px 0px rgba(0, 0, 0, 0.04), 0px 6px 3px 0px rgba(0, 0, 0, 0.06);
}

.closecreditforce {
    font-size: 1.375em;
    padding: 5px 4px 4px;
    line-height: 0;
    position: absolute;
    top: .4375em;
    right: .3125em;
    color: #fff;
    opacity: .3
}

.closecreditforce:hover {
    opacity: .5
}

.field-validation-error {
    color: #b94a48;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
}

.field-validation-error-legal {
    color: #b94a48;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
}

.error-span-custom-validation {
    color: #b94a48;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
}

.warning-span-custom-validation {
    color: var(--warning-color-dark);
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    color: #b94a48;
    border-color: red !important;
}

.input-validation-error:focus {
    border-color: #953b39;
    -webkit-box-shadow: 0 0 6px #d59392;
    -moz-box-shadow: 0 0 6px #d59392;
    box-shadow: 0 0 6px #d59392
}

.validation-summary-errors {
    color: #b94a48
}

.validation-summary-valid {
    display: none
}

.row_selected,
.row_selected:hover {
    background-color: #999 !important;
    cursor: pointer;
    color: #111 !important
}

.row_selected a,
.row_selected:hover a {
    color: #fff !important
}

/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Boostrap 3 patch for for bootstrap-modal. Include BEFORE bootstrap-modal.css!
 */

.modal-open .navbar-fixed-bottom,
.modal-open .navbar-fixed-top,
body.modal-open {
    margin-right: 0
}

.modal {
    left: 50%;
    padding: 0;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box
}

.modal.container {
    max-width: none
}

.modal-header {
    background-color: var(--primary-color);
    color: var(--text-contrast-color);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.modal-title {
    font-size: 26px;
    font-weight: 700;
}

th {
    border-bottom: 2px solid transparent !important;
    border-top-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
    color: #fff !important;
    background-color: var(--secondary-color-lighter) !important;
    border-color: #ddd !important;
    font-weight: 400
}


.roundLogoImag {
    margin-top: 6%;
    margin-left: 10px;
}

.alertMsgWrap {
    font-weight: bold;
}

.navBarMenu {
    margin-top: 1%;
    margin-left: 0px;
}

.navBarUl {
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

.frmIn {
    box-sizing: border-box;
    margin-top: -77pt;
    margin-left: 10px;
}

.frmInDiv {
    left: 50% !important;
    top: 50% !important;
    bottom: auto !important;
}

.frmInDivLink {
    color: var(--primary-color);
    font-size: 14px;
    text-transform: uppercase;
}

.btn-plus-icon {
    font-size: 24px;
    padding-left: 0.5rem;
}

.cf-btn {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--text-contrast-color);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    display: inline-flex;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
}

.cf-btn:focus,
.cf-btn:hover {
    background: var(--primary-color-dark) !important;
    border-color: var(--primary-color-dark) !important;
    color: var(--text-contrast-color) !important;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-btn:disabled {
    background: var(--secondary-color-light);
    border-color: var(--secondary-color-light);
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-btn-icon {
    filter: var(--light-color-filter);
    transition: 0.25s;
    padding-left: 0.5rem;
}

.cf-ol-btn {
    background: var(--light-color);
    border-color: var(---primary-color-light);
    color: var(--primary-color);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    display: inline-flex;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
}

.cf-ol-btn:hover,
.cf-ol-btn:focus {
    background-color: var(--light-color);
    border-color: var(--primary-color);
    color: var(--primary-color-darker);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-ol-btn:disabled {
    background-color: var(--light-color);
    border-color: 1.5px solid var(--secondary-color);
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-ol-btn-icon {
    filter: var(--primary-color-filter);
    transition: 0.25s;
    padding-left: 0.5rem;
}

.cf-ol-btn:hover .cf-ol-btn-icon {
    filter: var(--primary-color-darker-filter);
}

.cf-ol-btn-secondary {
    background-color: var(--light-color);
    border-color: 1.5px solid var(--secondary-color);
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    display: inline-flex;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
}

.cf-ol-btn-secondary:hover,
.cf-ol-btn-secondary:focus {
    background-color: var(--light-color);
    border-color: 1.5px solid var(--secondary-color);
    color: var(--secondary-color-dark);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-ol-btn-secondary:disabled {
    background-color: var(--light-color);
    border-color: 1.5px solid var(--secondary-color);
    color: var(--secondary-color);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-ol-btn-secondary-icon {
    filter: var(--secondary-color-filter);
    transition: 0.25s;
    padding-left: 0.5rem;
}

.cf-ol-btn-secondary:hover .cf-ol-btn-secondary-icon {
    filter: var(--secondary-color-dark-filter);
}


.cf-error-btn {
    background: var(--error-color-dark);
    border-color: var(--error-color-dark);
    color: var(--text-contrast-color);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-error-btn:hover,
.cf-error-btn:focus {
    background: var(--error-color);
    border-color: var(--error-color);
    color: var(--text-contrast-color);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-error-btn:disabled {
    background: var(--secondary-color-light);
    border-color: var(--secondary-color-light);
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-warning-btn-icon {
    filter: var(--light-color-filter);
    transition: 0.25s;
    padding-left: 0.5rem;
}

.cf-warning-btn {
    background: var(--warning-color);
    border-color: var(--warning-color);
    color: var(--text-contrast-color);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-warning-btn:hover,
.cf-warning-btn:focus {
    background: var(--warning-color-dark);
    border-color: var(--warning-color-dark);
    color: var(--text-contrast-color);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-warning-btn:disabled {
    background: var(--secondary-color-light);
    border-color: var(--secondary-color-light);
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}


.cf-warning-ol-btn {
    background-color: var(--light-color);
    border-color: 1.5px solid var(--warning-color);
    color: var(--warning-color);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    display: inline-flex;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
}

.cf-warning-ol-btn:hover,
.cf-warning-ol-btn:focus {
    background-color: var(--light-color);
    border-color: 1.5px solid var(--warning-color);
    color: var(--warning-color-dark);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-info-btn {
    background: var(--tertiary-color);
    border-color: var(--tertiary-color);
    color: var(--text-contrast-color);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-info-btn:hover,
.cf-info-btn:focus {
    background: var(--tertiary-color-dark);
    border-color: var(--tertiary-color-dark);
    color: var(--text-contrast-color);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-info-btn:disabled {
    background: var(--secondary-color-light);
    border-color: var(--secondary-color-light);
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    height: 44px;
    padding: 14px 24px 14px 24px;
}

.cf-info-btn-icon {
    filter: var(--light-color-filter);
    transition: 0.25s;
    padding-left: 0.5rem;
}

.icon-btn-group {
    display: flex;
    height: 44px;
    padding: 0px 14px;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
    background: var(--light-color);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.04), 0px 1px 3px 0px rgba(0, 0, 0, 0.07);
}

.contentDivColumn {
    font-size: 14px;
}

.contentDivColumnLabel {
    font-size: 18px;
}

.contentDivColumnImg {
    color: #1e4f80;
    height: 200px;
}

.modalWaiting {
    display: none;
    left: 50% !important;
    top: 50% !important;
    bottom: 0% !important;
    background-color: var(--light-color);
    height: 300px;
    border-radius: 30px;
}

.modalWaitingBackground {
    background: none;
    box-shadow: none;
    border: none;
}

.menuDropDownOptions {
    max-height: 85vh;
    overflow-y: auto;
}

.btnNavBarRight {
    margin-top: 2%;
    margin-right: 10px;
}

.frmBodyAlert {
    background-color: white;
    max-height: 70px;
}

.divPopup {
    display: none;
    text-align: left;
    margin-top: 10%;
    width: 420px !important;
    position: fixed;
    left: 35%;
    top: 40px;
    right: 0px;
    z-index: 9999;
    height: 200px;
}

.divPopupDivRow {
    margin-top: 10px;
    margin-left: 10px;
}

.divPopupRow {
    text-align: center;
    margin-top: 22px;
}

.divBodyAlert {
    background-color: white;
}

.msgModalInfo {
    text-align: center;
}

.layModJudWrapBtn {
    margin-top: 6%;
    margin-left: 0px;
}

.segOptCtrlRowContainer {
    position: relative;
}

.segOptCtrlFormDialog {
    z-index: 9999;
    margin-top: 3%;
}

.segOptCtrlModFooter {
    margin-left: 20px;
}

.layModJudModBody {
    display: none;
    left: 50% !important;
}

.layModJudModBodyMsg {
    font-weight: bold;
}

.msgModalInfoDiv {
    display: none;
}

.layModJudModBodyWrapNavBarLogo {
    margin-top: 6%;
    margin-left: 0px;
}

.segOptCtrlDivRowContainer {
    position: relative
}

.segOptCtrlAddDialog {
    z-index: 9999;
    margin-top: 3%
}

.col-xs-3 {
    width: 25%;
}

.separator {
    width: 100%;
    border-top: 1px solid #006935;
    margin-top: 15px;
    margin-bottom: 15px;
}

.background-panel {
    border-radius: 8px;
    background-color: var(--light-color);
    padding: 1.5rem;
    border: none;
}

.background-panel-top-square {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--light-color);
    padding: 1.5rem;
    border: none;
}

.cf-panel-header {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background-color: var(--primary-color);
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    font-size: 18px;
    color: var(--text-contrast-color);
    font-weight: 700;
}

option {
    font-family: 'Helvetica';
}

.cf-input {
    font-family: var(--body-font) !important;
    border-radius: 20px !important;
    border-color: var(--input-border-color);
    height: 44px !important;
    padding: 12px !important;
}

.cf-input:focus,
.cf-input:hover {
    font-family: var(--body-font) !important;
    border-radius: 20px !important;
    border-color: var(--primary-color-light) !important;
    box-shadow: none !important;
    outline: none !important;
    height: 44px !important;
    padding: 12px !important;
}

.cf-select {
    font-family: var(--body-font) !important;
    border-radius: 20px !important;
    border-color: var(--input-border-color) !important;
    color: var(--text-color) !important;
    height: 44px !important;
}

.cf-select:focus,
.cf-select:hover {
    font-family: var(--body-font) !important;
    border-radius: 20px !important;
    border-color: var(--primary-color-light) !important;
    box-shadow: none !important;
    outline: none !important;
    height: 44px !important;
}

.cf-vex-message {
    border-top: 20px solid var(--primary-color) !important;
    background: var(--light-color) !important;
}

.cf-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.cf-textarea {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    min-height: 5rem;
    max-height: 5rem;
    color: var(--text-color);
    background-color: var(--light-color);
    background-image: none;
    border: 1px solid var(--input-border-color);
    border-radius: 14px;
    font-family: var(--body-font);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.cf-textarea:focus,
.cf-textarea:hover {
    border-color: var(--primary-color-light);
    box-shadow: none;
    outline: none;
}

.cf-textarea:disabled {
    background-color: var(--disabled-color);
}

.body-background {
    background-color: var(--background-body-color);
}

.cf-checkbox {
    accent-color: var(--primary-color);
    width: 1rem;
    height: 1rem;
}

.cf-modal-error-title {
    color: var(--error-color-dark);
    text-align: center;
    font-family: Quicksand;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.cf-modal-positive-title {
    color: var(--positive-color-dark);
    text-align: center;
    font-family: Quicksand;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.cf-modal-warning-title {
    color: var(--warning-color-dark);
    text-align: center;
    font-family: Quicksand;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.error-icon-bg {
    background-color: var(--error-color-light);
    border-radius: 50%;
    height: 3.75rem;
    width: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.positive-icon-bg {
    background-color: var(--positive-color-light);
    border-radius: 50%;
    height: 3.75rem;
    width: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.warning-icon-bg {
    background-color: var(--warning-color-light);
    border-radius: 50%;
    height: 3.75rem;
    width: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-semi-sm {
    max-width: 25rem;
}

.home-container {
    height: 70vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-title-first {
    color: var(--secondary-color);
    font-family: var(--body-font);
    font-size: 6.25rem;
    font-weight: 600;
    line-height: 6.25rem;
    text-align: center;
}

.home-title-second {
    color: var(--primary-color);
    font-family: var(--body-font);
    font-size: 6.25rem;
    font-weight: 600;
    line-height: 6.25rem;
    text-align: center;
}

.dropdown-divider-cf {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid var(--secondary-color-lighter);
}

.user-menu-item {
    color: var(--text-color) !important;
    font-family: var(--body-font) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}

.user-menu-logout {
    color: var(--text-color) !important;
    font-family: var(--body-font) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}

.user-profile {
    border-radius: 50%;
    height: 2rem;
    width: 2rem;
    background-color: var(--primary-color-lighter);
    color: var(--primary-color-darker);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    font-family: var(--body-font);
}

th.ui-th-column div {
    white-space: normal !important;
    height: auto !important;
    padding: 2px;
}

.ovf-auto {
    overflow: auto;
}

/*SEARCH*/

.cf-srh-cntr {
    display: flex;
    width: 345px;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 60px;
    border: 1px solid var(--secondary-color-light) !important;
    background: var(--light-color);
    height: 100%;
}

.cf-srh-row {
    display: flex;
    height: 53px;
    align-items: center;
    gap: 9px;
    align-self: stretch;
}

.cf-srh-cntr:hover {
    border: 1px solid var(--primary-color-light) !important;
}

.cf-srh-cntr .srh-btn {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    padding-bottom: 25px;
    padding-left: 7px;
}

.cf-srh-cntr .srh-lyt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 0 0;
    align-self: stretch;
    width: 100%;
    height: 100%;
}

.cf-srh-cntr .srh-ipt {
    color: var(--secondary-color) !important;
    font-family: Quicksand;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border: none;
    height: 100%;
    width: 92%;
}

.srh-ipt:focus {
    border-color: var(--input-border-color) !important;
    --bs-link-hover-color-rgb: 10, 88, 202;
    outline: none;
}

/*SEARCH*/

/*TABS*/

.cf-tab {
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex
}

.cf-tab-list {
    align-self: stretch;
    justify-content: flex-start;
    align-items: center;
    display: inline-flex
}

.cf-tab-column {
    padding-right: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.nav-link.active {
    box-sizing: border-box;
    color: var(--primary-color) !important;
    font-family: Quicksand;
    font-weight: 600;
    word-wrap: break-word;
    padding-bottom: 16px;
    border: 0;
    border-bottom: 2px solid var(--primary-color) !important;
}

.cf-tab-element {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.cf-tab-link {
    box-sizing: border-box;
    color: var(--secondary-color) !important;
    font-size: 16px;
    font-family: Quicksand;
    font-weight: 600;
    word-wrap: break-word;
    padding-bottom: 16px;
    border: 0;
    border-bottom: 2px solid var(--light-color) !important;
}

.nav-link:hover {
    box-sizing: border-box;
    color: var(--primary-color) !important;
    font-family: Quicksand;
    font-weight: 600;
    word-wrap: break-word;
    padding-bottom: 16px;
    border: 0;
    border-bottom: 2px solid var(--primary-color) !important;
}

.cf-tab-content-width {
    width: 100%;
}

.cf-tab-pane-row {
    width: 100%;
    height: 50px;
    margin-left: 0;
}

.nav-link.active .cf-tab-column {
    border-bottom: 2px solid var(--primary-color) !important;
}

/*TABS*/

.cf-box-10 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    margin-bottom: 0;
}

.cf-box-bottom {
    padding-bottom: 3px;
}

/*SEARCH*/

.cf-box-margin-0 {
    margin-bottom: 0;
}

.ui-jqgrid .ui-jqgrid-btable {
    margin: 0em;
    outline-style: none;
}

/* Estilo del tooltip */

.tooltipx .tooltiptext {
    visibility: hidden;
    color: VAR(--primary-color);
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    margin-left: -45px;
    top: 138px;
    opacity: 0;
    transition: opacity 0.8s;
}

.tooltipx:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.modalDiagCenter {
    display: flex;
    justify-content: center !important;
}

/*GENERALES*/
.maxWidthHeightPcg {
    width: 100%;
    height: 100%;
}

.cf-row-cus-search {
    justify-content: flex-start;
    align-items: flex-end;
    gap: 24px;
    display: inline-flex
}

.cf-row-cus-search .search {
    padding-left: 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
}

.cf-row-cus-search .generalSearch {
    width: 100%;
    flex: 1 1 0;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    display: inline-flex
}

.cf-row-cus-search .searchOption {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
}

.cf-row-cus-search .hideOption {
    display: none;
}

.hideBtnOption {
    display: none;
}

.search-title-cmp {
    color: var(--primary-color);
    font-size: 14px;
    font-family: Quicksand;
    font-weight: 600;
    word-wrap: break-word
}

.searchOption .rowFields {
    display: inline-flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
}

.searchOption .rowFields .searchCol {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
}

.searchOption .field {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    display: inline-flex;
    padding-top: 24px;
}

.searchBtns {
    gap: 8px;
    display: inline-flex;
}

.areaEmptySearch {
    width: 100%;
    height: 100%;
    padding-top: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex;
}

.areaEmptySearch .imgPos {
    width: 228px;
    height: 228px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.areaEmptySearch .text {
    width: 600px;
    text-align: center;
    color: var(--primary-color);
    font-size: 24px;
    font-family: Quicksand;
    font-weight: 600;
    word-wrap: break-word;
}

.search-row-grid {
    width: 100%;
    padding: 10px;
    display: none;
}

.search-row-grid .title {
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    border-bottom: 1px var(--primary-color) solid;
    margin-bottom: 24px;
}

.search-row-grid .text {
    color: var(--primary-color);
    font-size: 20px;
    font-family: Quicksand;
    font-weight: 600;
    word-wrap: break-word;
}

.gridRowAction {
    width: 19px;
    height: 19px;
    color: var(--primary-color);
    margin-left: 90%;
}

.errText {
    color: var(--primary-color);
    font-size: 24px;
    font-family: Quicksand;
    font-weight: 600;
    word-wrap: break-word
}

.detail-row {
    width: 100%;
    padding: 10px;
}

.detail-row .title {
    width: 100%;
    height: 100%;
    box-sizing: content-box;
    border-bottom: 1px var(--primary-color) solid;
    margin-bottom: 24px;
}

.detail-row .text {
    color: var(--primary-color);
    font-size: 20px;
    font-family: Quicksand;
    font-weight: 600;
    word-wrap: break-word;
}

.pi-12 {
    padding-left: 30px;
    padding-right: 30px;
}

/*---------------------*/

.backImportFull {
    padding: 24px;
    width: 100%;
    margin-top: -50px;
    background-color: #F5F5F6;
    border-radius: 50px;
    height: 98vh;
}

.containerImportFull {
    width: 100%;
    height: Fixed (848px)px;
    top: 46px;
    left: 264px;
    padding: 32px 24px 32px 24px;
    border-radius: 50px;
    height: 100%;
}

.import-row {
    margin-right: 0;
    margin-left: 0;
}

.importFullTitleBack {
    height: 71px;
    Padding: 0px, 12px, 0px, 12px;
    border: solid 1 black;
}

.importFullTitleBack .title {
    height: 43px;
    font-family: Quicksand;
    font-size: 34px;
    font-weight: 600;
    line-height: 42.5px;
    text-align: left;
    color: #717275;
}

.importSep {
    height: 3px;
    background: white;
}

.importFullInfo {
    height: 130px;
    border-radius: 20px;
    border: 1px;
    padding: 10px 2px 14px 2px;
    background-color: white;
    width: auto;
}

.importFullInfo .title {
    width: Fill (1, 162px)px;
    height: Fixed (29px)px;
    padding: 0px 16px 0px 16px;
    opacity: 0px;
}

.importFullInfo .title .text {
    font-family: Quicksand;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    text-align: left;
    color: #F04E23;
}

.importFullInfo .detail {
    padding: 12px;
    height: 60px;
}

.importFullInfo .lineSep {
    height: 1px;
    background-color: #E6E6E7;
}

.importDetFieldText {
    font-family: Quicksand;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    border: 0 solid white;
}

.importDetLabelText {
    width: 284.5px;
    height: 18px;
    font-family: Quicksand;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
    text-align: left;
}

.importArea {
    width: 100%;
    height: 160px;
    /*padding: 22px 26px 26px 26px;*/
    border-radius: 6px;
    border-style: dashed solid;
    border-color: #FBC7AD;
    background-color: white;
}

.import-img {
    width: 48px;
}

.cf-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.cf-highlight-file-input-border {
    border-color: var(--primary-color);
}

.cf-highlight-file-input-img {
    filter: var(--primary-color-darker-filter)
}

.cf-highlight-file-input {
    background-color: var(--primary-color-lighter) !important;
}

.cf-drop-area-highlight {
    color: var(--primary-color) !important;
}

.import-btnProc .text {
    font-family: Quicksand;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
}

.disabledBtnProcess {
    background: #D0D0D1;
    opacity: 0.5px;
}

.cf-modal-big {
    width: 70%;
}

.cf-background-header {
    color: var(--primary-color);
    background-color: var(--light-color);
    border: 1px solid var(--secondary-color-lighter);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.cf-small-header {
    font-size: 20px;
    font-weight: 600;
}

.cf-big-header {
    color: var(--text-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.cf-background-header {
    color: var(--primary-color);
    background-color: var(--light-color);
    border: 1px solid var(--secondary-color-lighter);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.cf-info-table-border {
    border-left: 1px solid var(--secondary-color-lighter);
    border-right: 1px solid var(--secondary-color-lighter);
}

.cf-background-footer {
    height: 0.5rem;
    background-color: var(--background-body-color);
    border-top: none;
    border-bottom: 1px solid var(--secondary-color-lighter);
    border-left: 1px solid var(--secondary-color-lighter);
    border-right: 1px solid var(--secondary-color-lighter);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.info-table-background-bottom {
    border-bottom: var(--background-body-color);
}

.cf-light-header {
    height: 0.5rem;
    background-color: var(--light-color);
    border-bottom: none;
    border-top: 1px solid var(--secondary-color-lighter);
    border-left: 1px solid var(--secondary-color-lighter);
    border-right: 1px solid var(--secondary-color-lighter);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.cf-light-footer {
    height: 0.5rem;
    background-color: var(--light-color);
    border-top: none;
    border-bottom: 1px solid var(--secondary-color-lighter);
    border-left: 1px solid var(--secondary-color-lighter);
    border-right: 1px solid var(--secondary-color-lighter);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.info-table-light-bottom {
    border-bottom: var(--light-color);
}

.pe-2-5 {
    padding-right: 0.75rem !important;
}

.ps-2-5 {
    padding-left: 0.75rem !important;
}

.pt-2-5 {
    padding-top: 0.75rem !important;
}

.pb-2-5 {
    padding-bottom: 0.75rem !important;
}

.px-2-5 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}

.py-2-5 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.me-2-5 {
    margin-right: 0.75rem !important;
}

.ms-2-5 {
    margin-left: 0.75rem !important;
}

.mt-2-5 {
    margin-top: 0.75rem !important;
}

.mb-2-5 {
    margin-bottom: 0.75rem !important;
}

.mx-2-5 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
}

.my-2-5 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

.cf-radio {
    width: 1rem;
    height: 1rem;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}

.cf-radio:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.cf-radio[type=radio] {
    border-radius: 50%;
}

.cf-radio:checked[type=radio] {
    background-image: url(icon/library/radio-center.svg);
}

.cf-radio:focus {
    outline: 2px solid white;
    box-shadow: 0 0 0 .25rem var(--primary-color-light);
}

.search-icon-margin {
    position: relative;
    right: 2rem;
}

.cf-alert-danger {
    --bs-alert-color: var(--error-color-dark);
    --bs-alert-bg: var(--error-color-light);
    --bs-alert-border-color: var(--error-color-light);
    --bs-alert-link-color: var(--error-color-dark);
}

.cf-alert-success {
    --bs-alert-color: var(--positive-color-dark);
    --bs-alert-bg: var(--positive-color-light);
    --bs-alert-border-color: var(--positive-color-light);
    --bs-alert-link-color: var(--positive-color-dark);
}

#rotator-load {
    position: relative;
    width: 228px;
    height: 228px;
    background-image: url(./img/loader-outer.svg);
    background-repeat: no-repeat;
    animation: rotations 3s ease infinite;
    display: flex;
    align-items: center;
    justify-content: center;
}

#rotator-load:before {
    position: absolute;
    content: url(./img/loader-middle.svg);
    display: block;
    animation: rotations 1s linear infinite;
    animation-direction: reverse;
}

#rotator-load:after {
    position: absolute;
    content: url(./img/loader-inner.svg);
    display: block;
}

@keyframes rotations {
    to {
        transform: rotate(360deg)
    }
}

/*Inicio de clases upload files*/
.cf-file-area {
    border-radius: 12px;
}

.cf-drop-area-file-input {
    border: 2px dashed;
    border-color: var(--primary-color-lighter);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-align: center;
    transition-property: opacity, left, top, height;
    transition-duration: 3s, 5s;
}

.cf-highlight-file-input-border {
    border-color: var(--primary-color);
}

.cf-highlight-file-input-img {
    filter: var(--primary-color-darker-filter)
}

.cf-highlight-file-input {
    background-color: var(--primary-color-lighter) !important;
}

.cf-drop-area-highlight {
    color: var(--primary-color) !important;
}

.cf-unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

/*Fin de clases upload files*/

/* clases switch button */
.form-switch .form-check-input:focus {
    outline: 0;
    box-shadow: 0 0 0 0;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(0,0,0,0.25)'/></svg>");
}

.form-switch .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>");
}

.item-switch-btn {
    border: solid 1px var(--secondary-color-lighter);
    border-radius: 12px;
    background: var(--disabled-color);
}

.large-switch-btn {
    transform: scale(1.2);
}

.switch-btn-container {
    max-height: 20rem;
    overflow-y: scroll;
}
.core-logo {
    max-width: 425px;
    width: 100%;
}
container-logo-index {
    margin-left: 0.9rem;
    margin-top: -1rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
}

.container-logo-forgot-password {
    margin-left: 3.3rem;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

    .container-logo-forgot-password img {
        scale: 1.3;
    }

.custom-bottom-border{
    border-bottom: 1px solid var(--secondary-color-lighter);
}

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

.subscription-icon {
    height: 20px;
}

.commerce-divider {
    border-right: var(--secondary-color-lighter) solid 1px;
    padding-right: 0.75rem;
    margin-right: 0.75rem;
}