body {
    font-family: "Yekan";
    background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(39, 87, 227, 1) 0%, rgba(0, 212, 255, 1) 100%);
}

.container .search {
    margin-top: 20px;
}

th,
td {
    text-align: center;
}

table tr td,
table tr th {
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.track {
    color: #dfdfdf;
}
.track tr td{
    text-align: right;
}

*, ::after, ::before {
    /* box-sizing: content-box; */
    box-sizing: border-box;
}

.x-container {
    background: white;
    padding: 15px;
    border-radius: 10px;
    box-shadow: #00000026 2px 8px 20px 0px;
    /* width: 0vw; */
    margin: auto;
}

/* Vahid */

.loginform {
    height: 270px !important;
}

/* @media only screen and (max-width: 500px) {
    body {
      background: rgb(255, 255, 255) !important;
    }
    .container mt-5{
        width:100%;
        margin: 0px !important;
    }
    button.nav-link.active {
        border: 1px solid gray !important;
        border-radius: 9px !important;
        background: #001dff !important;
        color: white !important;
        text-align: center !important;
        display: grid;
    }
    .nav.nav-tabs {
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        justify-content: space-evenly;
        align-items: stretch;
        flex-direction: column;
        margin-bottom: 23px;
    }
    li.nav-item.col-sm-4 {
         width: 33%; 
        font-size: 10px;
    }
    span.nav-link.bg-secondary {
         width: 33%;
        font-size: 13px;
    }

    .nav-link strong {
        display: none;
    }
  } */

 @media only screen and (max-width: 500px) {
    .tab-right {
        display: none !important;
    }
  }


  .tab-right {
    display: block;
    position: fixed;
    right: 0px;
    width: 265px;
    background: #1d2327;
    height: 100vh;
    top: 50px;
    /* float: right; */
    text-align: right;
    font-size: 15px;
    /* justify-content: start; */
    z-index: 1;
    padding-top: 23px;
    transition: 1s all;
}

.mp-subtab {
    width: 100%;
    padding: 16px;
    text-align: right;
    border-bottom: 1px solid gray !important;
    color: white !important;
    border-radius: 0px !important;
}
.mp-subtab.active {
    color: #1d2327 !important;
    width: 100%;
}
.badge {
    font-family: Tahoma;
    float: left;
    top: 5px;
    position: relative;
}
.badge.bg-warning {
    font-family: Tahoma;
    float: right;
    top: 5px;
    position: relative;
}
.nav-link:hover {
    isolation: isolate;
    border: none;
    background: #353c40;
}
.nav-link:focus {
    isolation: isolate;
    border: none;
    background: #353c40;
}
.mp-subtab i{
    margin-left: 8px;
}

button.nav-link.mp-subtab.active:before {
    display: inline-block;
    content: "";
    width: 15px;
    height: 19px;
    position: relative;
    background: white;
    top: 5px;
    left: -238px;
    transform: rotate(45deg);
}
button#tourbutton {
    position: fixed;
    bottom: 0px;
    z-index: 10px;
}

ul.navbar-nav {
    padding: 0;
}
.username .nav-link{
    height: 100%;
    background-color: #1d232700 !important;
    color: whitesmoke;
    margin-top: 5px;
}
.closeSidebar{
    padding: 10px;
    background-color: white;
    color: #1d2327;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 50;
    cursor: pointer;
}
.tab-content {
    border-radius: 13px;
}
.table>thead {
    color: white;
    position: sticky;
    top: 0;
    background-color: #1d2327;
}
.tab-o {
    background: white;
    padding: 15px;
    border-radius: 15px;
    box-shadow: #00000026 2px 8px 20px 0px;
}
.tab-a {
    background: white;
    padding: 15px;
    border-radius: 15px;
    box-shadow: #00000026 2px 8px 20px 0px;
}
/* .table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: white;
    --bs-table-border-color: #d3d3d3;
    --bs-table-accent-bg: white;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgb(255 255 255 / 5%);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
} */

.modal-header .btn-close {
    margin: 0 !important;

}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    width: 100%;
}
.form-check {
    display: block;
    height: 90px;
    margin-bottom: 0.125rem;
    text-align: right;
    background: whitesmoke;
    padding-left: 52px;
    padding-top: 9px;
    padding-right: 14px;
    padding-bottom: 0px !important;
}
.upimgcontract::before {
    content: "\f573";
    font-family: FontAwesome;
    left: 18px;
    position: absolute;
    top: 0;
    opacity: 0.5;
    font-size: 50px;
    color: white;
}
.upimgorder::before {
    content: "\f030";
    font-family: FontAwesome;
    left: 18px;
    position: absolute;
    top: 0;
    opacity: 0.5;
    font-size: 50px;
    color: white;
}
.upimgcontract {
    background: #c7c7c7;
    border: none;
    padding-top: 20px;
    color: rgb(29, 29, 29);
}
.upimgorder{
    background: #c7c7c7;
    border: none;
    padding-top: 20px;
}