@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css");
@import url("/coreui/css/style.min.css");
@import url("/coreui/vendors/simplebar/css/simplebar.css");
@import url("/coreui/css/vendors/simplebar.css");

.pointer {
    cursor: pointer;
}

.password-eye .eye {display: inline-block;}
.password-eye .eye-slash {display: none;}
.password-eye.slash .eye {display: none;}
.password-eye.slash .eye-slash {display: inline-block;}

.bank-version {
    font-size: 60%;
    padding-top: 0.67em;
    vertical-align: bottom;
}

.main-page-head {
    padding: 7px 12px;
}

.mw-auto {
    margin-left: auto!important;
}

.fixed-form {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000000;
    background: rgba(0, 0, 21, 0.5);
}

.fixed-form.show {display: flex!important;}

.fixed-form .content {
    min-width: 200px;
}

.form-group .dropdown .dropdown-toggle {
    width: 100%;
    text-align: left;
    padding-right: 20px;
}

.form-group .dropdown .dropdown-menu {
    width: 100%;
}

.form-group .dropdown .dropdown-toggle:after {
    position: absolute;
    right: 10px;
    top: calc(50% - 2px);
}

.dropdown-item.selected {
    background-color: rgba(3,102,252,10%);
}

.tableHead > .btn:first-child {
    margin-left: auto;
}

.btn.activated {
    position: relative;
}

.btn.activated:after {
    content: '';
    display: block;
    position: absolute;
    top:-4px;
    right:-4px;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    background: #fc6603;
}

.loadingButton .spinner-border {display: none;}
.loadingButton.loading .spinner-border {display: inline-block;}
.loadingButton.loading svg {display: none;}
.loadingButton svg {display: inline-block;}

.formGroup {
    margin-bottom: 1rem!important;
}

.formGroup:last-child {
    margin-bottom: 0!important;
}

.createButton {
    padding: 6px 10px;
}

.actionsBlock {
    width: calc(100px + 0.5rem);
}

.actionsBlock > button:last-child {
    margin-right: 0!important;
}

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

.colorizedValue {
    padding: 0.25rem;
    border-radius: 7px/25%;
}

@media (min-width: 768px){
    .header-toggler {
        visibility: hidden;
    }
}

.proxyCell .proxy {
    display: inline;
    max-width: 190px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 15px;
    position: relative;
}

.proxyCell .proxyIP {
    font-size: 0.8em;
    color: #2eb85c;
    padding-left: 30px;
}

.proxyCell .proxy:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-radius: 5px;
}

.proxyCell .proxy.success:after {background: #2eb85c;}
.proxyCell .proxy.error:after {background: #6e2828;}
.proxyCell .proxy.none:after {background: #2f3845;}

.proxyCell .proxy.error {font-weight: bold; color: #6e2828;}

.dropdown-item {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dropdown-menu-200 .dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

.fs08 {font-size: 0.8em;}

.cardLimits {
    color: #6e2828;
    font-size: 0.8em;
}

.transStatus {
    color: #319c43;
    font-size: 0.8em;
}

.statisticLine {
    font-size: 0.8em;
}

.statisticLine span {
    width:30px;
    display: inline-block;
}