body{
    background: var(--body-bg);
}
.top-admin-status-price-page{
    background-color: var(--top-nav) !important;
}
#navbar .mobile-navbar .row{
    background-color: var(--main-navbar-bg);
}
#menu_price .price-box{
    background: var(--price-box)
}
#slide-out {
    background: var(--slide) !important;
    background: -webkit-linear-gradient(to bottom, var(--slide-from), var(--slide));
    background: linear-gradient(to bottom, #2f2f2f, #2d2d2d);
}
.sidebar-logo-container {
    background: #565656;
}
.sidenav li > a > i, .sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"], .sidenav li > a > i.material-icons {
    color: var(--slide-icon)
}
.login-logo {
    height: 135px;
    padding: 26px 0;
}
.sidenav .user-view {
    background: var(--slide-top-main);
}
.sidenav li > a {
    color: var(--slide-font);
}
button{
    border-radius: 25px !important;
}
#menu_price .tran-box.box, #menu_history .pending_box {
    box-shadow: 1px 1px 6px 4px var(--box-shadow) !important;
}
#menu_price .tran-header{
    border-bottom: 1px solid #d3d3d3 !important;
    background: #e0e0e0 !important;
}
#menu_price .tran-body {
    background: var(--box-bg) !important;
}
.box-header {
    box-shadow: 0px 0px 10px 4px rgb(--box-header-shadow) !important;
}
#menu_price .tran-box,
.box {
    background-color: var(--box-bg) !important;
}
#menu_price .price-box-shadow-red {
    box-shadow: none;
}
#menu_price .price-box-shadow-green {
    box-shadow: none;
}
#menu_price .grid-price-item {
    display: grid;
    align-items: center;
    grid-template-columns: auto auto auto;
    gap: .6rem;
    row-gap: .85rem;
    max-height: 100%;
    overflow: auto;
    /*scrollbar-width: none;*/
    padding-bottom: 10px;
}
.top-admin-status-price-page{
    position: fixed;
    width: 100%;
    padding-right: 1rem;
    padding-top: 5px;
    padding-bottom: 5px;
    background: var(--primary);
    opacity: .8;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 5px;
}
.online-title{
    color: #dadada;
}
.offline-title{
    color: #dadada;
}
.status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin-left: 5px;
  animation: wink 1s infinite;
}

.online-circle {
  background: lightgreen;
}

.offline-circle {
  background: red;
}

/* انیمیشن چشمک زدن */
@keyframes wink {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.6);
    opacity: 0.4;
  }
}
#menu_price .tran-box {
    box-shadow: 0 5px 8px 0 rgb(255 255 255 / 20%) !important;
}
.button-primary {
    background-color: var(--bottom-primary);
    color: var(--bottom-primary-font);
    min-width: 100px !important;
    margin: 10px 0;
    width: 50% !important;
}
.all-products .product .price-item{
    border-radius: 3rem !important;
}
.all-products .product{
    background: #dcdcdc;
    padding: 0.3rem;
    border-radius: 3rem;
}
.all-products .product .price-title{
    background: #9b9b9b;
    padding: 0.7rem 0.5rem;
    border-radius: 3rem;
    color: white;
    margin-top: -1.5rem;
    width: 25%;
}
.white-text{
    color: black !important;
}
.user-details-sidebar {
    background: #565656;
}
.grey-text.text-darken-1 {
    color: #cacaca !important;
}
.toast_light {
    background-color: #e3e3e3 !important;
    color: var(--primary-dark) !important;
    box-shadow: aquamarine;
}
#toast-container {
    top: 3.2% !important;
    bottom: 100%;
    height: 100%;
    padding: 28px 15px;
    width: 100%;
    /* min-width: 90% !important; */
    background: #00000099;
}
#menu_price .tran-title-buy{
    color: var(--box-header-font);
}
.price-header div {
    font-size: 14px;
}
#menu_history .not-found {
    background-color: var(--primary);
    color: var(--bottom-primary-font);
}
.gray {
    color: var(--primary);
}
.tran-header.box-header{
    color: var(--box-header-font);
    box-shadow: 0px 0px 10px 4px rgb(--box-header-shadow) !important;
    border-bottom: 1px solid #d3d3d3 !important;
    background: #e0e0e0 !important;
}
#modal_close {
    background: var(--price-box) !important;
    color: var(--primary) !important;
    border-radius: 25px;
}
#modal_close .modal-body {
    background: var(--price-box) !important;
    color: var(--primary) !important;
}
#modal_close .modal-footer {
    background: var(--price-box) !important;
    color: var(--primary) !important;
}
button.success, .button-buy,
button.danger, .button-sell{
    border-radius: 25px !important;
}
.logout-button-li {
    background: #bd1111 !important;
}
.lottie-animation{
    display: none !important;
}
.login-main{
    background: var(--login-body);
}
.login-main .glass{
    background: var(--login-box);
    min-height: 500px;
}
.login-main input{
    background: var(--login-input-bg) !important;
    color: var(--primary) !important;
}
.login-main label{
    color: var(--primary) !important;
}
.login-main input:focus{
    background: var(--login-input-focus-bg) !important;
    color: var(--primary) !important;
}
.btn-login {
    color: var(--primary) !important;
    border: 1px solid var(--primary);
}
.btn-login:hover {
    color: var(--primary) !important;
    box-shadow: 0px 0px 6px 0px var(--primary);
}
.input-form, .input-form:focus {
    color: var(--primary) !important;
}
.login-main select:focus,
.login-main textarea:focus,
.login-main input[type=text]:focus,
.login-main input[type=tel]:focus,
.login-main input[type=number]:focus,
.login-main input[type=email]:focus,
.login-main input[type=date]:focus,
.login-main input[type=password]:focus {
    border-color: var(--primary) !important;
    box-shadow: 0.01em 0.02em 3px var(--primary) !important;
}
.logo_name {
    color: var(--primary) !important;
}
.ol_help li {
    color: var(--primary) !important;
}
.circle1, .circle2, .circle3 {display: none}
.developed-by{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 2rem;
    font-family: vazir;
    font-size: 0.8rem;
    line-height: 1.5rem;
}
#menu_price .price-box {
    padding: 1.5rem 0.5rem !important;
}
#menu_price .price-item {
    padding: 0.3rem 0 !important;
}
.tran-card.animated-div{
    border: 1px solid #dcdcdc !important;
    background: var(--box-bg) !important;
}
.transaction-card {
    background: var(--box-header-background) !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    color: var(--front);
}
.transaction-card-body{
    background-color: var(--box-bg) !important;
}
.transaction-card-footer{
    background: var(--box-header-background) !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}
#modal_confirm {
    background-color: var(--box-bg) !important;
}
#modal_confirm .modal-footer {
    background-color: var(--box-bg) !important;
}
#menu_history .item {
    background-color: var(--box-bg) !important;
    box-shadow: 0 1px 3px var(--back-shadow) !important;
    padding: .8rem 1.5rem !important;
}
#menu_history .pending_box {
    background-color: var(--box-bg) !important;
}