.container-fixed {
    position: fixed;
    left: -450px;
    top: 0;
    bottom: 0;
    height: 100vh;
    width: 450px;
    background-color: white;
    z-index: 10000;
    transition: all .3s;
}

.container-fixed.expend {
    left: 0 !important;
}

.divider-container {
    /*position: fixed;
    z-index: 10000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;*/
    margin: auto;
    /*background: #9b9b9bb5;*/
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.divider-container .card {
    background-color: unset;
}

.divider-container .card .card-body {

    padding: 0 !important;
}

.divider-container form {
    /*width: 500px;*/
    width: 225px;
    margin: auto;
}

.divider-container.in-list form {
    width: 280px;
}

.divider-container.in-list form input {
    font-size: 15px;
}

.input-divider {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    /*margin-top: 1rem;*/
    margin-top: 0rem;
}

.input-divider input {
    width: 23%;
    display: inline;
    margin-right: 3px;
    margin-left: 3px;
    direction: ltr;
    text-align: center;
}

.input-divider button {
    padding: 5px 7px;
    font-size: 12px;
}

.divider-container .btns {
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.divider-container .btns button:not(:last-child) {
    margin-left: 6px;
}

.confirm-order-detail {
    list-style: none;
}

.confirm-order-detail li {
    padding: 6px 10px;
}

.only-gram {
    display: none;
}

.select2-search.select2-search--inline {
    direction: rtl;
    text-align: right;
}

.select2-search.select2-search--inline textarea {

    padding-right: 10px !important;
    padding-top: 3px !important;
}

.swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom {
    z-index: 100000000;
}

.item-title {
    color: #4f4f4f;
}

.item-title:after {
    content: ':';
}

.item-value {
    color: #0C141C;
}

.text-gold, table.text-gold td, table.text-gold th {
    color: #e5c471 !important;
}
/*
body.dark-layout .table .thead tr:not([class*=table-]) td, body.dark-layout .table .thead tr:not([class*=table-]) th, body.dark-layout .table tbody tr:not([class*=table-]) td, body.dark-layout .table tbody tr:not([class*=table-]) th,
body.dark-layout label, body.dark-layout p, body.dark-layout small, body.dark-layout span{
    color: #e5c471;
}*/

body.dark-layout .jumbotron {
    color: #C2C6DC;
    background-color: #414561;
}

.select2-container {
    width: 100% !important;
}

.f-10 {
    font-size: 10px !important;
}

.f-12 {
    font-size: 12px !important;
}

.f-13 {
    font-size: 13px !important;
}

.f-14 {
    font-size: 14px !important;
}

.f-16 {
    font-size: 16px !important;
}

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

.f-20 {
    font-size: 20px !important;
}

.pointer {
    cursor: pointer
}

.gold {
    color: goldenrod;
}

#fixed-scrollbar {
    margin-bottom: 5px;
}

/* width */
::-webkit-scrollbar {
    width: 7px;
    height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #262C49FF;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #b2b2b2;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b2b2b2;
}

table, table tr td, table tr th, table tr td *, table tr th *{
    text-align: center !important;
}

.select-to-picture {
    width: 15px;
    height: 15px;
}

input.checked-all {
    width: 19px;
    height: 19px;
    margin: auto;
}
.table td, .table th {
    padding: .3rem .7rem !important;
    vertical-align: middle !important;
}
body {
    font-size: 1.15rem;
}

table .btn-table {
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
}

.trans-checked {
    background-color: #00000094 !important;
}
.table td, .table th {
    min-width: max-content !important;
}
hr {
    margin: 5px auto!important;
    width: 90%;
}

.pagination-loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(11, 11, 11, 0.47);
    z-index: 9999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.pagination-loading span {
    width: 100px;
    height: 100px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}


/* BUY & SELL */
.buySell-table tr {
    border-bottom: solid 5px #262c49;
}

.buySell-table thead tr th {
    background-color: #e8d401 !important;
    font-size: 15px;
    font-weight: 500;
}
.buySell-table thead tr th * {
    color: #626262 !important;
}

.buySell-table tbody tr td {
    background: #10163aab !important;
    padding: 5px !important;

}

.buySell-table tbody tr td p {
    font-weight: 300;
}

.buySell-table tbody tr td p:first-child {
    margin-bottom: 6px !important;
}

.buySell-table tbody tr {
    transition: all .3s;
}

.buySell-table tbody tr:hover {
    transform: scale(1.01);
}

.buySell-table td:first-child, .buySell-table th:first-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
}

.buySell-table td:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 4px;
    height: 100%;
    background: #e8d401;
}

.buySell-table td:last-child, .buySell-table th:last-child {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.buySell-table .sell-buy button {
    padding: .9rem 1rem;
    padding-top: calc(0.6rem - 1px) !important;
    padding-bottom: calc(0.5rem - 1px) !important;
}

.confirm-modal span {
    color: #fff !important;
}

.vertical-td {
    width: 32px;
    min-width: 60px !important;
    writing-mode: vertical-lr;
}