body, .xui-ui-ctrl,.xui-node-select, .xui-node-input, .xui-node-button, .xui-node-textarea, .xui-wrapper{
    font-family: 'Manrope';

}


.login_down {
    width:0;
    height:0;
    border-top:20px solid #ffffff;
    border-left:165px solid transparent;
    border-right:165px solid transparent;
}
.index{
    background: url(img/newbglogin.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;

}
.xui-treegrid-cells-mousedown, .xui-treegrid-cells-mousedown .xui-treegrid-cella, .xui-treegrid-cell-mousedown, .xui-treegrid-cell-mousedown .xui-treegrid-cella, .xui-treegrid-cells-checked, .xui-treegrid-cells-checked .xui-treegrid-cella, .xui-treegrid-cell-checked, .xui-treegrid-cell-checked .xui-treegrid-cella {
    background-color:unset;
    color:unset;
}
#qrcode img{
    border:10px solid white;
}
/*Font Setting*/
.xui-ui-ctrl,
.xui-ui-reset{
    color:#ffffff;
    font-family:'Manrope';
    font-size:.5rem;
    font-size:11px;
    font-weight:normal;
}
.xui-dialog-border{
    box-shadow:unset;
}
.xui-dialog-frame {
    border-radius:8px;
}
.setting-xui-border{
    border-style:unset;
    border-top-width:0px;
    border-bottom-width:0px;
    border-left-width:0px;
    border-right-width:0px;
}
.xui-dialog-tbar{
    background-color:#171A24;
    background-image:unset;
    height:32px;
}
.xui-uibar-top td, .xui-uibar-top-s td, .xui-uibar-bottom td, .xui-uibar-bottom-s td {
    background-image:unset;
}
.xui-dialog{
    border-radius:8px;
    overflow:hidden;
    background-color:#23262F;

}

::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius:999px;
}
::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius:999px;
}
.xui-uibg-content {
    background-color:#23262F;
}
.xui-uicon-maini,.xui-uicon-main {
    background-image:unset;

}
.xui-dialog-caption {
    font-size:13px;
    font-weight:600;
    line-height:16px;
    color:#ffffff;
    top:8px;
}
.xui-panel-panel, .xui-dialog-panel {
    background-color:transparent;
}
.xui-uibg-bar {
    background-color:unset;
}
.xui-treegrid-header, .xui-treegrid-fhcell, .xui-treegrid-hcell {
    background:unset;
}
.xui-treegrid-fhcell, .xui-treegrid-hcell {
    border:0px;
}
.xui-treegrid-header, .xui-treegrid-fhcell, .xui-treegrid-hcell {
    background:unset;

}
.xui-treegrid-fcell, .xui-treegrid-cell, .xui-treegrid-cells-group, .xui-treegrid-preview, .xui-treegrid-summary {
    border-right:0px;
}
.xui-treegrid-cells-active, .xui-treegrid-cells-active .xui-treegrid-cella, .xui-treegrid-cell-active, .xui-treegrid-cell-active .xui-treegrid-cella {
    background-color:unset;
}
.xui-uiborder-b2 {
    border-bottom:0px;
}
.xui-treegrid-alt {
    background-color:#2E3139;
    border-radius:8px;
}
.xui-treegrid-row,xui-treegrid-cells {
    height:32px;
}
.xui-treegrid-cell {
    height:32px;
    padding-top:6px;
}
.xui-treegrid-cells-mouseover {
    background-color:unset;
}
.xui-treegrid-cells-mouseover.xui-treegrid-alt{
    background-color:#2E3139;
}
.xui-treegrid-hcells, .xui-treegrid-cells {
    font-size:14px;
    font-weight:400;
    text-align:left;
}
.xui-treegrid-hcellcaption {
    font-size:14px;
    font-weight:400;
    opacity:0.5;
}
.xui-treegrid-cellcaption {
    font-size:14px;
    font-weight:400;
}
.xui-treegrid-hcella {
    text-align: left;
    line-height: inherit;
    padding-left: 20px;
}
.xui-treegrid-cella {
    text-align: left;
    line-height: inherit;
    padding-left: 20px;
    font-size:14px;
    font-weight:400;
}
.xui-treegrid-cells {
    margin-right:8px;
}
.menuSelected {
    filter: brightness(0) saturate(100%) invert(87%) sepia(100%) saturate(7462%) hue-rotate(327deg) brightness(102%) contrast(105%);
}

.custom-select {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 6px 6px 12px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-sizing: border-box;
    border-radius: 10px;
    height:48px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 8px 0px;
}

.custom-select select {
    display: none; /*hide original SELECT element:*/
}
.select-selected {

}
.select-selected-label {
    position: static;
    width: 100%;
    height: 16px;
    left: 0px;
    top: 0px;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;

    letter-spacing: 0.005em;

    color: rgba(255, 255, 255, 0.65);
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 0px 0px;
}
.select-selected-value {
    position: static;
    width: 100%;
    height: 20px;
    left: 0px;
    top: calc(50% - 20px/2 + 8px);

    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    /* identical to box height, or 154% */

    letter-spacing: 0.005em;
    color: #FFFFFF;

}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    background-image:url("https://coxarch.cox.ru/p/ArchProj48/img/arrowdown.svg");
    top: 12px;
    right: 6px;
    width: 24px;
    height: 24px;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;

    cursor: pointer;
    user-select: none;
}

/*style items (options):*/
.select-items {
    overflow:hidden auto;
    position: absolute;
    padding: 6px 6px 6px 12px;
    background: #393C44;
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-sizing: border-box;
    border-radius: 10px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 8px 0px;
    max-height:350px;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
.select-nomenu div:hover {
    background-color: #393C44;
}
.select-items div, .select-selected {

    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    /* identical to box height, or 154% */

    letter-spacing: 0.005em;
    color: #FFFFFF;
}
.select-firstimg {
    position:static;
    width: 16px;
    height: 16px;
    left: 0px;
    top: 2px;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-right: 8px;
}
.select-secondimg {
    position: static;
    width: 16px;
    height: 16px;
    left: 115px;
    top: 2px;



    /* Inside Auto Layout */

    flex: none;
    order: 2;
    flex-grow: 0;
    margin: 0px 8px;

}
.select-caption-oneimg {
    position: static;
    width: 67px;
    height: 20px;
    left: 24px;
    top: 0px;
    font-size:14px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 0px;
}
.select-caption-twoimg {
    position: static;
    width: 67px;
    height: 20px;
    left: 24px;
    top: 0px;
    font-size:14px;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 0px 0px;
}
.select-caption-noimg {
    position: static;
    width: 430px;
    height: 20px;
    font-size:14px;
    left: 0px;
    top: calc(50% - 20px/2 + 8px);
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin: 0px 0px;

}
.select-item{
    height:32px;
    display: flex;
    flex-direction: row;
}
.select-nomenu {
    cursor:none;
}
.xui-input-box, .xui-comboinput-box, .xui-texteditor-box, .xui-texteditor-input {
    background:transparent;
    border:0px;
}
.xui-ui-readonly, .xui-ui-inputreadonly, .xui-ui-itemreadonly, .xui-ui-readonly, .xui-ui-itemreadonly *, .xui-ui-readonly * {
    color:inherit;
}
textarea:focus, input:focus, *:focus{
    outline: none;
}
.maininput {
    padding-left:12px;
}

.sepline {
    background-color:rgba(255, 255, 255, 0.3)

}
.msgmain {
    background-color:rgba(255, 255, 255, 0.05)
}
.msgavatar {
    border-radius: 99999px;
    width: 40px;
    height: 40px;
}

textarea.xui-node-textarea {
    color:#A6A7AB;
    background: #393B43;
    border: 1px solid #585A61;
    box-sizing: border-box;
    border-radius: 8px;
    padding-left:8px;
    padding-top:8px;
    line-height:16px;
    font-size:12px;
    font-weight:400;
}
.dotted{
    text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.message {
    width:100%;
    padding-right:16px;
    padding:8px;
    display:flex;
    flex-direction:row;

}
.message-avatar {
    position: static;
    width: 32px;
    height: 32px;
    left: 8px;
    top: 8px;
    border-radius: 99999px;
}
.message-main {
    display:flex;
    flex-direction:column;
    width:98%;
}
.message-top {
    display:flex;
    flex-direction:row;
}
.message-name {
    position: static;
    top:0px;
    padding-left:8px;
    min-width:250px;
    font-weight: 600;
    font-size: 14px;
    width:100%;
    line-height: 24px;
    letter-spacing: 0.005em;
}
.message-body {
    position: static;
    top:32px;
    padding-left:8px;
    min-width:300px;
    flex-basis:fill;
    padding-right:16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.005em;
}
.message-body a {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.005em;
    text-decoration-line: underline;
    color: #4A90E2;
}
.message-list {
    min-width: 399px;
    width: 100%;
    min-height: 238px;
    height: 100%;
    margin-bottom: 40px;
    position: absolute;
    z-index: 1;
    overflow: hidden auto;

}
.message-ts {
    top:0px;
    padding-right:16px;
    position:static;
    width:80px;
    text-align:right;
    font-size:8px;
    font-weight:400;
}
.message-photo {
    border-radius: 8px;
    max-width: 160px;
    max-height:160px;
    height:160px;
    cursor:pointer;

}
.message-video {
    border-radius: 8px;
    width: 250px;
    height:200px;
    max-height:200px;

}
.messages-attach-button {
    border-top:0px;
    text-align:left;
    border-left:0px;
    border-right:0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background:transparent;
    padding-top:4px;
    padding-bottom:2px;
    color:#ffffff;
    font-size:12px;
    line-height:16px;
    font-weight:400;
    cursor:pointer;

}
.messages-attach-button-last {

    text-align:left;

    cursor:pointer;
    border:0px;
    background:transparent;
    padding-top:4px;
    padding-bottom:2px;
    color:#ffffff;
    font-size:12px;
    line-height:16px;
    font-weight:400;

}
.messages-viewer {
    background:rgba(23, 26, 36, 0.9);
}
.viewer-photo{
    max-height:95%;
    max-width:95%;
    min-height:200px;
    min-width:200px;
}
.tink-rates {
    width:100%;

}
.rates-row {
    display:flex;

}
.rates-buy, .rates-sell{
    flex:1;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;


    letter-spacing: 0.005em;
}
.rates-amounts {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    flex:2;
    text-align: center;
    letter-spacing: 0.005em;
    width: 184px;
}
.tink-minusfive{
    margin-top:5px;
}
.deals {
    display:flex;
    font-size:12px;
    padding:8px;
    flex-direction:column;


}
.mydeals {
    display:flex;
    font-size:11px;
    padding:8px;
    flex-direction:column;


}
.deals-header {
    display:flex;
    flex-direction:row;
    height:18px;
    display:flex;
    color:#A6A7AB;
}
.deals-buy{
    color:#17A600;
}
.deals-sell{
    color:#FF1818;
}
.deals-row{
    display:flex;
    flex-direction:row;
    height:18px;
}
.deals-td {
    flex:1;

}
.mydeals-row{
    display:flex;
    flex-direction:row;
    height:18px;
}
.mydeals-td {
    flex:1;

}
.mydeals-center{
    text-align:center;
}
.mydeals-right {
    text-align:right;
}
.mydeal {
    border-radius:8px;
    height:40px;
    padding-top:8px;
    padding-right:8px;
    padding-left:8px;
    padding-bottom:8px;
}
.crypto_addr{
    padding:5px;
    font-size:14px;
    color:white;
}
.crypto_addr a,a:hover {
    color:#FFDD2D;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
}
.myorder {
    border-radius:8px;
    height:76px;
    padding-top:8px;
    padding-right:8px;
    padding-left:8px;
    padding-bottom:8px;
    margin-bottom:8px;
}
.mydeals-dark {
    background-color:#21242D;
}

.mydeals-cancelbutton {
    background: #FFDD2D;
    justify-content: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    font-weight:400;

    font-size:14px;
    line-height: 32px;
    cursor:pointer;
    color:#000000;
    height:32px;
    border-radius: 6px;
}
.nowrp {
    white-space: nowrap;
}
.iyiadmin input{
    border: 1px solid white;
}

.trading_row {
    width:100%;
    display:flex;
    flex-direction:row;
    font-size:14px;
    flex-basis:auto;
    padding-left:5px;
    padding-right:5px;
    height:18px;
    flex:none;
    align-self:flex-end;
}
.trading_volume {
    display:flex;
    order:1;
    width:45%;

}
.trading_price {
    display:flex;
    text-align:right;
    width:45%;
    order:2;
    justify-content: flex-end;
}
.trading_buy {
    color:#17A600;

}
#buypane {
    display:flex;
    flex-direction:column;
    margin:5px;
    flex-wrap: nowrap;
    gap:5px;
    padding-left:10px;
    padding-bottom:5px;

}
#buypane > :first-child {
    margin-top: auto !important;
    /* use !important to prevent breakage from child margin settings */
}
#sellpane {
    display:flex;
    flex-direction:column;
    margin:5px;
    padding-left:10px;
    flex-wrap: nowrap;
    gap:5px;
    padding-top:5px;
}
.trading_sell {
    color:#FF1818;


}

.profile-main {
    display:flex;
    flex-flow:column;
    padding:24px;
    width:calc(100% - 48px);
    gap:32px;
height:calc(100% - 48px);
}


.name {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    /* identical to box height, or 178% */
    height:32px;
    letter-spacing: 0.005em;

    color: #FFFFFF;


    /* Inside auto layout */

    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.verify_status {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 8px 0px 4px;
    gap: 4px;
    height: 24px;
    border-radius: 999px;
    flex: none;
    order: 1;
    flex-grow: 0;
}
.notverified {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */

    letter-spacing: 0.005em;

    color: #898A8D;
}
.verified {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */

    letter-spacing: 0.005em;

    color: #4A90E2;

}
.avatar {
    width: 56px;
    height: 56px;
    border-radius: 99999px;
    flex: none;
    order: 1;
    flex-grow: 0;
    padding:0;
}
.avatar img {
    width: 100%;
    height: 100%;
    border-radius: 99999px;
}
.nameblock {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;

    height: 56px;

    border-radius: 8px;

    /* Inside auto layout */

    flex: none;
    order: 2;
    flex-grow: 1;
}

.topblock {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;

    border-radius: 8px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.profile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;

}
.profile_menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;

    /* Inside auto layout */

    flex: none;

    align-self: stretch;
    flex-grow: 0;
}

.docsblock {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;

    width: 100%;
    height: 112px;

    flex: none;
    flex-grow: 0;
}

.docsblock_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px;
    gap: 8px;
    cursor:pointer;


    border-bottom: 1px solid #1A2627;

    /* Inside auto layout */

    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.profile_menu_item_arrow img {
    height:16px;
    width:8px;
}
.docsblock_arrow {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
    order: 1;
    flex-grow: 0;
}
.docsblock_arrow img{
    width:6px;
    height:12px;
}
.docsblock_text {

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */


    /* Base/White */

    color: #FFFFFF;


    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 1;
}
.profile_menu_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor:pointer;


    padding: 16px;
    gap: 8px;



    background: #171A24;
    border-radius: 8px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.profile_menu_item_icon {
    width: 28px;
    height: 28px;
}
.profile_menu_item_text {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    /* identical to box height, or 200% */


    /* Base/White */

    color: #FFFFFF;


    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 1;
}
.profile_menu_item_arrow {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
    order: 2;
    flex-grow: 0;
}
.banner {
    cursor:pointer;
    width:100%;

}


.headermain {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    padding: 8px 16px;
    gap: 8px;
    width: calc(100% - 32px);
    border-radius: 8px;
    background: #171A24;
}
.headerback {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 2px 0px 0px;
    gap: 10px;

    width: 16px;
    height: 18px;


    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
}
.headerback img {
    width:100%;
    height:100%;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.headertitle {
    height:24px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.005em;

    color: #FFFFFF;

    flex: none;
    order: 1;
    flex-grow: 1;
}

.profile-fieldset {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

.profile-field {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 12px;
    width:100%;
    height: 52px;
    background: #21242D;
    border: 1px solid #373A42;
    border-radius: 10px;

    flex: none;

    flex-grow: 0;
}

.profile-field-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    height: 36px;

    flex: none;
    flex-grow: 1;
}

.profile-field-title {

    height: 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.005em;
    color: #A6A7AB;


    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.profile-field-input {
    height: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.005em;

    color: #FFFFFF;


    flex: none;
    order: 1;
    align-self: stretch;
    background:transparent;
    border:0;
    flex-grow: 0;
}
.profile-field-button {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    text-align: right;
    letter-spacing: 0.005em;

    color: #4A90E2;

    flex: none;
    order: 1;
    flex-grow: 0;
}
.profile-field-button-inactive {
    color: #585A61;
}
.big-red-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    justify-content: center;
    text-align: center;
    letter-spacing: 0.005em;

    /* Base/Red */

    color: #FF1818;

    cursor:pointer;
    height: 48px;
    border-radius: 8px;
}

.profile-field-avatar-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;

    background: #171A24;
    border-radius: 8px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}
.profile-field-avatar-img {
    width: 48px;
    height: 48px;

    border-radius: 9999px;

    flex: none;
    order: 1;
    flex-grow: 0;
}
.profile-field-avatar-img img {
    width: 48px;
    height: 48px;

    border-radius: 9999px;
}
.profile-field-avatar-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 0px;
    gap: 10px;

    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    text-align: center;
    letter-spacing: 0.005em;

    color: #FFDD2D;
    border-radius: 8px;

    /* Inside auto layout */

    flex: none;
    order: 2;
    flex-grow: 1;
}

.bottom-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 10px;

    position: absolute;
    width: calc(100% - 48px - 24px);
    left: 24px;
    bottom: 24px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    justify-content: center;
    text-align: center;
    letter-spacing: 0.005em;
    cursor: pointer;
    /* Base/Black */

    color: #10131D;

    /* Base/Yellow */

    background: #FFDD2D;
    border-radius: 8px;
}
.noabs {
    position: unset;
    left:unset;
    bottom: unset;
width:calc(100% - 24px);
}
.bottom-button-disabled {
    /* Base/Yellow-Transparent */

    background: rgba(255, 221, 45, 0.1);
    border-radius: 8px;
}
.centerdiv {
 display:flex;
    flex-direction: column;
    align-self: center;
    justify-content: center;
    align-items: center;
    position:absolute;
    top:40%;
    bottom:60%;
}
.centerdiv-img{
    order:0;
    flex:none;
    display: flex;
}
.centerdiv-text{
order:1;
    flex:none;
    display: flex;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */

    text-align: center;

    /* Base/White */

    color: #FFFFFF;
}
.centerdiv-smalltext{
    order:2;
    flex:none;
    display: flex;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* or 171% */

    text-align: center;

    /* Grey/5 */

    color: #A6A7AB;
}
.twofields {
    display: flex;
    flex-direction: row;
    gap:16px;
    width:100%;
}
.twofields > div {
    flex-grow:1;
    width:45%;
    max-width: 45%;
}
#doctypes {
    width:100%;
}
.padding-0 {
    padding:0;
}
.input-file-field {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px;

    gap: 8px;

    background: #171A24;
    border-radius: 8px;

    flex: none;
    align-self: stretch;
    flex-grow: 0;
}
.input-file-field-img{
    width: 56px;
    height: 56px;


    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
}
.input-file-field-img img {
    width: 56px;
    height: 56px;
    border-radius: 8px;
}

.input-file-field-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;

    max-width: 240px;
    height: 48px;

    border-radius: 8px;

    /* Inside auto layout */

    flex: none;
    order: 2;
    flex-grow: 1;
}
.input-file-field-title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    letter-spacing: 0.005em;

    /* Base/White */

    color: #FFFFFF;


    /* Inside auto layout */

    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.input-file-field-bigtitle {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;

    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */

    letter-spacing: 0.005em;

    /* Base/White */

    color: #FFFFFF;
    border-radius: 8px;

    /* Inside auto layout */

    flex: none;
    order: 2;
    flex-grow: 1;
}
.input-file-field-name {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */

    letter-spacing: 0.005em;

    /* Grey/4 */
    overflow: hidden;
    color: #585A61;
    max-width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;

    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
}
.input-file-field-button {
    /* Inside auto layout */
    display: flex;
    flex: none;
    order: 1;
    flex-grow: 0;
}
.input-file-field-icon {

    /* Inside auto layout */
    display: flex;
    flex: none;
    order: 3;
    flex-grow: 0;
}
.input-file-field-name-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 4px;

    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
}
.kycdocs-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    /* or 171% */


    /* Grey/5 */

    color: #A6A7AB;
}
.field {
    display: flex;

    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    height: 56px;
    width:100%;
    flex: none;
    flex-grow: 1;
}
.field-title {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */

    letter-spacing: 0.005em;

    /* Grey/5 */

    color: #A6A7AB;


    /* Inside auto layout */

    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}
.field-value {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */

    letter-spacing: 0.005em;

    /* Base/White */

    color: #FFFFFF;


    /* Inside auto layout */

    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}