.headerTableCurrencies {
    display: flex;
}

.cell1 {
    display: table-cell;
    width: 20%;
    position: relative;
    vertical-align: top;
}

.cell2 {
    display: table-cell;
    width: 18%;
    text-align: center;
    position: relative;
    vertical-align: top;
}

.cell3 {
    display: table-cell;
    width: 10%;
    text-align: center;
    position: relative;
    vertical-align: top;
}

.cell6 {
    display: table-cell;
    width: 10%;
    text-align: center;
    position: relative;
    vertical-align: top;
}

.cell5,
.cell4 {
    display: table-cell;
    width: 45px;
    text-align: center;
    position: relative;
    vertical-align: top;
}

.cell4 {
    width: 50px;
    padding-top: 3px;
}

#modalConfirm {
    padding-top: 140px;
}

#modalConfirm .footerModal {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.divCellCnt {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    margin: 0;
}

.switchCell {
    margin-left: auto;
    margin-right: auto;
}

.switchCont {
    margin: auto;
}

/** #NEW SECTION PAGO MOVIL**/
.pmBanksCnt {
    width: 80%;
    margin-left: 3%;
}

.pmBanksHead {
    width: 100%;
    displaY: table;
    color: #AAB7C7;
    font-family: 'Poppins';
    font-weight: 300;
    padding-bottom: 3px;
    border-bottom: 1px solid #F5F6F8;
    height: 35px;
}

.pmBanksRow {
    display: table;
    width: 100%;
    height: 35px;
}

.pmBankCell {
    display: table-cell;
    width: 25%;
    text-align: center;
    vertical-align: middle;
}

.iconVerCnt {
    margin-left: auto;
    width: max-content;
    text-align: center;
}

#iconAddCurrencie,
#iconContainerArrow {
    cursor: pointer;
    color: var(--primary-button);
    font-size: 120%;
}

#iconAddCurrencie {
    margin-left: auto;
    margin-right: 5px;
}

/*
.bodyTableCurrencies{
    margin-top: 8px;
    color: #4A4A4A;
}*/
/*
.rowCurrencie{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    margin-left: 6%;
    padding-left: 10px;
}
.rowCurrencieNoDefine{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    margin-left: 6%;
}
*/

.rowCurrencie {
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 1%;
    padding-right: 1%;
}

.rowCurrencieNoDefine {
    display: flex;
    /* flex-direction: row; */
    justify-content: center;
    /* align-items: center; */
    /* padding: 8px; */
    /* margin-left: 6%; */
}

.tabtext.two {
    /* width: 100%; */
    padding: 10px 0 0;
    border: none;
    margin-left: 3%;
}

.placehColor {
    color: var(--menu-font-color);
    !important;
}

.placehColor:focus {
    color: #4A4A4A !important;
}

.rowCurrencie p i {
    color: var(--primary-button);
}

.rowImpar {
    background-color: rgba(245, 246, 248, 1);
}

#addCurrencie {
    display: none;
}

.contentSectionAdd {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    margin: auto;
}

.contentSectionAdd .triangle-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #efeff0cc;
    left: 0;
    top: 0;
    margin-top: 10px;
    margin-left: 10px;
}

.contentSectionAdd .contentAdd {
    border-radius: 9px;
    background-color: #efeff0cc;
    width: 80%;
    height: 80%;
    top: 0;
}

.contentSectionAdd .contentAdd .divTitleAdd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}

.contentSectionAdd .contentAdd .divTitleAdd .titleAdd {
    text-align: center;
    width: 100%;
}

#closeSectionAdd {
    color: #aaaaaa;
    font-size: 110%;
    font-weight: bold;
    top: 0;
    margin-right: 10px;
}

#closeSectionAdd:hover,
#closeSectionAdd:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.msgError {
    color: #D0021B;
    text-align: center;
    font-size: 11px;
    width: 100%;
}

#msgInTable {
    font-weight: normal;
}

.msgSucess {
    color: #505050;
    background-color: rgba(184, 233, 134, 0.14);
    text-align: center;
    font-size: 80%;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding-left: 1%;
    padding-right: 1%;
}

.cellCnt {
    display: table-cell;
    width: 60%;
    min-width: 480px;
}

.buttonModal {
    border: 1px solid var(--primary-button);
    background-color: var(--primary-button);
    border-radius: 22.5px;
    width: 160px;
    height: 38px;
    color: var(--internal-background);
    font-family: var(--primary-font);
    font-weight: 300;
    line-height: 17px;
    transition: all ease 300ms;
    margin-bottom: 5px;
    margin-top: 10px;
}


/*-------------------------------------- Modal Details --------------------------------------*/
.modal {
    padding: 0;
}

.scrollBox {
    width: 100%;
    display: block;
    overflow-y: auto;
    height: 240px;
}

.modalCellAlign {
    display: table-cell;
    vertical-align: middle;
}

.titleModalDetail {
    text-align: left;
    font-size: 172%;
    font-weight: bold;
}

.titleModalDetail span {
    font-weight: 400;
    font-size: 100%;
}

.modal-content-detail {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 70%;
    border-radius: 20px;
}

/* Style the tab */
.tab {
    overflow: hidden;
    display: table;
}

.tab div {
    display: table-cell;
    height: 12%;
    border-bottom: 1.5px solid var(--menu-font-color);
    vertical-align: middle;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 93%;
    font-weight: 400;
}

/* Change background color of buttons on hover */
.tab div:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab div.activeTab {
    font-weight: bold;
    border-bottom: 2px solid var(--primary-button);
}

.tab div.activeTab button {
    font-weight: bold;
}

.tabcontent {
    display: none;
    padding: 6px 12px;
    width: 100%;
    height: 100%;
    font-size: 90%;
}

.row-tabCnt,
.row-tabCntX {
    display: table;
    width: 100%;
    margin: 0;
    padding-left: 0;
}

.rowFirst {
    display: table;
    width: calc(100% - 20px);
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
}

.validCol,
.validColX {
    width: 20%;
    display: table-cell;
    padding: 10px 0px
}

.validColX i,
.validCol i {
    color: var(--menu-font-color);
    cursor: pointer;
}

.fieldCol {
    width: 40%;
    display: table-cell;
    text-align: left;
    padding: 10px 0px
}

.fieldCol p,
.infoCol p {
    font-size: 93%;
    font-weight: 400;
    display: block;
    word-break: break-all;
}

.infoCol {
    width: 40%;
    display: table-cell;
    text-align: left;
    padding: 10px 0px
}

.cell-tabcnt1 {
    display: table-cell;
    width: 30%;
}

.cell-tabcnt2 {
    display: table-cell;
    width: 70%;
}

.contenCell {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 10px 0px;
}

.lblCntBox {
    font-weight: bold;
    font-size: 95%
}

.groupAdd {
    width: calc(100% - 10px);
    box-shadow: 0 0 10px 0 rgb(213 220 229 / 47%);
    border-radius: 22.5px;
    font-size: 95%;
    padding: 2px 0px 2px 10px;
    margin-top: 4px;
    min-height: 27px;
}

.groupAdd span {
    padding: 2px 3px 2px 10px;
    margin-right: 3px;
    background: var(--menu-font-color);
    border-radius: 14px;
}

/* The Close Button */
.closeModal {
    color: #aaaaaa;
    font-size: 20px;
    font-weight: bold;
    top: 5px;
}

.closeModal:hover,
.closeModal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.cellLevels {
    width: 25%;
    padding-left: 2.5%;
    padding-right: 5px;

}

.tblSect {
    display: table;
    width: 100%;
    height: auto;
}

.tabcntCell {
    display: table-cell;
    vertical-align: top;
}

.checklvlCell {
    display: table-cell;
    width: auto;
    padding: 10px 0;
    color: var(--menu-font-color);
}

.sessionLevelCell {
    width: 25%;
    display: table-cell;
    text-align: center
}

.drawLevelLines {
    width: 100%;
    display: block;
    /* overflow-y: auto; */
    height: auto;
}

/*-------------------------------------- /Modal Details --------------------------------------*/
.exclamation {
    color: #ce4242;
    position: absolute;
    right: -30px;
    width: 20px;
    text-align: left;
    height: 100%;
    top: 0;
}

.divLvlCol {
    display: table;
    position: relative;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.footerModal {
    display: block;
}

.modalImage {
    opacity: 0;
    display: none;
    transition: opacity .4s;
}

.imageCnt {
    width: 100%;
    max-width: 600px;
    height: 420px;
    display: block;
    margin-left: auto;
    background-image: url(../app/api/uploads/users/219/04.png);
    margin-right: auto;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.tablePop {
    top: 5%;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    position: absolute;
    display: table;
    width: 90%;
    left: 5%;
    height: 90%;
    padding: 0;
}

.bodyModalCell {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

.headtop {
    width: 94%;
    margin-bottom: 0;
}

.tblBtnsHd {
    display: table;
    width: 100%;
    height: 40px;
    padding-bottom: 10px;
}

.cellTitHead {
    width: 60%;
    vertical-align: middle;
    display: table-cell;
}

.cellBtnHead {
    width: 40%;
    vertical-align: middle;
    display: table-cell;
}

.btnTblCnt {
    display: table;
}

.btnCellHead {
    display: table-cell;
    width: 50%;
    padding-left: 5px;
}

.userBoxCnt {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    width: calc(95% - 30px);
    background-color: #EFF1F3;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(213, 220, 229, 0.47);
}

.headEntry {
    border-bottom: 0;
    display: block;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.tblBtnsHd {
    display: table;
    width: 100%;
    height: 40px;
    padding-bottom: 10px;
}

.cellTitHead {
    width: 60%;
    vertical-align: middle;
    display: table-cell;
}

.cellBtnHead {
    width: 40%;
    vertical-align: middle;
    display: table-cell;
}

.btnTblCnt {
    display: table;
}

.btnCellHead {
    display: table-cell;
    width: 50%;
    padding-left: 5px;
}

.userBoxCnt {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 5px;
    margin-top: 10px;
    width: calc(95% - 20px);
    background-color: #EFF1F3;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(213, 220, 229, 0.47);
}

.titUserBox {
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 140%;
    margin-bottom: -6px;
}

.tblInfBox {
    display: table;
    width: 100%;
}

.infBoxCell {
    font-size: 90%;
    font-weight: 400;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.tblStatusCnt {
    display: table;
    width: 90%;
    height: 35px;
    margin-left: auto;
    font-size: 95%;
}

.cellStatus {
    width: 20%;
    vertical-align: middle;
    display: table-cell;
}

.cellLvl {
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 40%;
}

.cellRisk {
    vertical-align: middle;
    display: table-cell;
    width: 40%;
}

.cellStatus span {
    text-align: center;
    font-family: 'Roboto';
    display: table-cell;
    height: 30px;
    width: 100%;
    vertical-align: middle;
    font-weight: 400;
}

.selHdBox {
    border: none;
    outline: none;
    width: 90%;
    border-radius: 15px;
    padding: 5px;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 110%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 10px 0 rgb(213 220 229 / 47%);
    color: #000000;
}

.hdRowCnt {
    display: table;
    width: calc(95% - 10px);
    margin: 0;
    padding: 0 5px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.hdCellRow {
    display: table-cell;
}

.tagInptEle {
    width: calc(100% - 10px);
}

.tagInptEle input {
    min-height: 27px;
}

.commentInpt {
    outline: none;
    border: none;
    width: calc(100% - 10px);
    min-height: 27px;
}

.cntLvlSect {
    margin-top: 10px;
}

.cntLvlHd {
    width: 90%;
    border-bottom: 1.5px solid var(--menu-font-color);
    margin-left: auto;
    margin-right: auto;
}

.cntLvltab {
    overflow: hidden;
    display: table;
    width: 100%;
    min-width: 500px;
    min-height: 50px;
    height: 50px;
}

.cntLvltab div {
    display: table-cell;
    vertical-align: middle;
    width: 12.5%;
    transition: 0.3s;
}

/* Style the buttons inside the tab */
.cntLvltab button {
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 2px;
    font-size: 93%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
}

/* Change background color of buttons on hover */
.cntLvltab div:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.cntLvltab div.activeTab {
    border-bottom: 2px solid var(--primary-button);
}

.cntLvltab div.activeTab button {
    font-weight: bold;
}

.cntLVlInfTbl {
    padding: 10px 0;
}

.hdInfTbl {
    display: table;
    width: 100%;
    color: #AAB7C7;
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 90%;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--external-background);
}

.cellInfTbl {
    display: table-cell;
    vertical-align: middle;
    width: 33.3333%;
    word-break: break-all;
}

.cellInf1 {
    text-align: center;
}

.cellInf2 {
    padding-left: 5px;
}

.cellInf3 {
    padding-left: 5px;

}

.upvalue {
    color: var(--primary-button);
    cursor: pointer;
}

.upvalue:hover {
    text-decoration: underline;
}

.statusLvlTbl {
    max-width: 260px;
    display: table;
    width: 95%;
    font-size: 85%;
    margin-left: auto;
    position: relative;
    margin-right: auto;
    padding-top: 3px;
    border-radius: 15px;
    background-color: var(--menu-font-color);
    padding-bottom: 3px;
    height: 16px;
}

.statusLvlCell {
    display: table-cell;
    width: 33.3333%;
    text-align: center;
    position: relative;
    transition: all .3s;
    font-family: var(--primary-font);
}

.lvlCellActv {
    color: #FFFFFF !important;
}

.markBgLvl {
    width: 33%;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    border-radius: 15px;
    z-index: 2;
    background-color: #F5AC3E;
    transition: all .3s
}

.rowLvlInf {
    display: table;
    width: 100%;
    padding: 5px 0;
    margin: 0;
    font-size: 90%;
    height: 28px;
    color: #4A4A4A;
    font-family: 'Roboto';
    font-weight: 400;
}

.dscStatusLvl {
    position: absolute;
    width: 95%;
    left: 2.5%;
    top: 0;
    height: 16px;
    line-height: 16px;
    background-color: transparent;
    z-index: 3;
    cursor: pointer;
}

.scrollCntInf {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    transition: all .3s;
}

.cntLvlHide {
    width: 800%;
    display: table;
    transition: all .3s;
}

.cntLVlInfTbl {
    position: relative;
    padding: 10px 0;
    display: table-cell;
    width: 12.5%;
}

/*white*/
.whiteBtn {
    color: var(--primary-button);
    background-color: var(--internal-background);
    border: 1px solid var(--primary-button);
}

.whiteBtn:hover {
    background-color: #e3e3e3 !important;
    outline: none !important;
}

.tasTab {
    width: 50%;
    display: inline-flex;
}

.currencybars {
    width: 20%;
    text-align: right;
    padding: 20px 25px 0 0;
}

.currencyTab {
    padding: 1px;
    height: 27px;
    line-height: 27px;
    padding-bottom: 1.5px;
    padding-top: 1.5px;
}

.tasBars {
    width: 40%;
    max-width: 200px;
    background-color: #EFF1F3;
    padding: 20px 7px 10px 7px;
}

.tasBar {
    height: 27px;
    line-height: 27px;
    text-align: right;
    border-bottom: 3px solid #eff1f3;
    width: 100%;
    display: table;
    border-radius: 5px;
    background-color: var(--internal-background);
}

.maxpag {
    display: flex;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.Natural {
    width: auto;
    margin-left: 1%;
    display: inline-table;
}

.Juridic {
    width: 44.75%;
    margin-left: 0.25%;
    margin-right: 1%;
    display: inline-table;
}

.maxBars,
.maxBars1,
.maxBars6,
.maxBars3,
.maxBars4 {
    background-color: #EFF1F3;
    padding: 10px 1% 10px 1%;
    width: 37%;
    display: inline-table;
}

.maxBars1 {
    width: 18%;
}

.maxBars2,
.maxBars5 {
    background-color: #F7F8F9;
    padding: 10px 1% 10px 1%;
    width: 37%;
    display: inline-table;
}

.maxBars3,
.maxBars4 {
    width: 30%;
}

.maxBars5,
.maxBars6 {
    width: 47%;
}

.minBars {
    width: 23%;
}

.maxLineBar {}

.maxBar {
    text-align: right;
    height: 27px;
    line-height: 27px;
    text-align: right;
    border-bottom: 3px solid #EFF1F3;
    width: 100%;
    display: table;
    border-radius: 5px;
    background-color: var(--internal-background);
}

.maxBars2 .maxBar,
.maxBars5 .maxBar,
.maxBars4 .maxBar {
    border-color: #F7F8F9;
}

.maxBar1 {
    text-align: right;
    height: 27px;
    line-height: 27px;
    text-align: right;
    border-bottom: 3px solid #EFF1F3;
    width: 100%;
    display: table;
    border-radius: 5px;
    background-color: var(--internal-background);
}

.maxBars2 .maxBar1,
.maxBars5 .maxBar1,
.maxBars4 .maxBar1 {
    border-color: #F7F8F9;
}

.maxBar2 {
    text-align: center;
    border-bottom: 3px solid #EFF1F3;
    width: 100%;
    display: table;
    border-radius: 5px;
    background-color: var(--internal-background);
}

.reference {
    font-weight: bold;
    text-align: center;
    display: table;
    background-color: transparent;
    padding-top: 5px;
    width: 100%;
    padding-bottom: 6px;
    font-size: 95%;
}

/*
.reference1{
    font-weight: bold;
    text-align: center;
    display: table-caption;
    /*padding-top: 15px;
    background-color: #efefef;
}*/
.reference2 {
    font-weight: bold;
    text-align: center;
    padding: 15px 0 10px 0;
    width: auto;
    display: table;
    margin-left: auto;
    margin-right: auto;
    font-size: 95%;
}

.dualbTbl {
    display: table;
    width: 100%;
}

.dualbar {
    display: table-cell;
    width: 60%;
}

.maxBars6 .dualbar,
.maxBars5 .dualbar,
.maxBars3 .dualbar,
.maxBars4 .dualbar {
    width: 50%;
}

.dualbar .maxLineBar {
    width: 98%;
    margin-left: 0;
}

.dualbar1 {
    display: table-cell;
    width: 40%;
}

.dualbar1 .maxLineBar,
.dualbar2 .maxLineBar {
    width: 98%;
    margin-left: auto;
}

.dualbar2 {
    display: table-cell;
    width: 50%;
}

.dscr {
    text-align: center;
    font-size: 75%;
    padding-bottom: 3px;
}

.currencybars1 {
    width: 4%;
    text-align: right;
    display: inline-table;
    padding-top: 57px;
}

.currencybars2 {
    width: 4%;
    text-align: right;
    padding: 10px 0 0 0;
    display: inline-table;
}

.level1 {
    font-weight: bold;
    width: 62px;
    font-size: 95%;
    text-align: right;
    display: inline-flex;
    padding: 95px 0 0 0;
    vertical-align: middle;
}

.levelTbl {
    height: 100%;
    display: table;
}

.levelCell {
    display: table-cell;
    vertical-align: middle;
}

.level2 {
    padding: 8px 0;
}

.maxpag1 {
    display: flex;
    padding-top: 5px;
}

.maxBar span,
.maxBar1 span,
.maxBar2 span {
    display: table-cell;
    height: 20px;
}

.tasBar input {
    padding-right: 5px;
    width: 93%;
    border: none;
    text-align: right;
    font-family: Roboto;
    font-size: 95%;
    background-color: transparent;
}

.maxBar input,
.maxBar1 input {
    width: 95%;
    border: none;
    text-align: right;
    font-family: Roboto;
    font-size: 95%;
    padding: 0;
    padding-right: 5%;
    background-color: transparent;
}

.maxBar2 input {
    text-align: center;
}

.tasBar input:focus,
.maxBar input:focus,
.maxBar1 input:focus,
.maxBar2 input:focus {
    outline: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.maxBars6 {
    width: 46%;
    display: table-cell;
}

.maxBars5 {
    width: 27%;
    display: table-cell;
}

.maxBars4 {
    width: 27%;
    display: table-cell;
}

.maxBars {
    width: 33.3333%;
    display: table-cell;
}

.SuperContainer {
    padding-bottom: 5px;
}