:root {
    font-size: 14px;
}

body {
    direction: rtl;
}

table {
    border-collapse: collapse;
}

.Toastify__toast {
    direction: rtl !important;
    font-size: 1rem;
    font-weight: bold;
}

.Toastify__toast-body {
    text-align: right;
    direction: rtl;
    font-family: YekanBakh;
}

.Toastify__toast--warning {
    color: #000;
}

.Toastify__toast--warning .Toastify__close-button--warning {
    color: #000;
}

.datepicker-input {
    font-size: 10px;
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        right: 0 !important;
    }
}

.rating_icon_layout {
    left: auto !important;
    color: #F1C40F;
}

.recharts-sector {
    stroke: none
}

input {
    direction: ltr;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {}

.uni_text_center {
    text-align: center !important;
}

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

.uni_m_b_tiny {
    margin-bottom: 0.5rem !important;
    ;
}

.uni_m_t_medium {
    margin-top: 2rem !important;
    ;
}

.uni_m_t_tiny {
    margin-top: 0.5rem !important;
    ;
}

.uni_m_t_small {
    margin-top: 1rem !important;
    ;
}

.uni_m_b_medium {
    margin-bottom: 2rem !important;
    ;
}

.uni_m_r_small {
    margin-right: 1rem !important;
    ;
}

.uni_m_r_tiny {
    margin-right: 0.5rem !important;
    ;
}

.uni_m_r_medium {
    margin-right: 2rem !important;
    ;
}

.uni_m_l_small {
    margin-left: 1rem !important;
    ;
}

.uni_m_l_tiny {
    margin-left: 0.5rem !important;
    ;
}

.uni_full_width {
    width: 100% !important;
}

.uni_full_height {
    height: 100% !important;
}

.recharts-yAxis {
    direction: ltr;
}

.uni_flex_col {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.uni_max_content {
    width: max-content !important;
}

.uni_flex_row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.uni_flex_centeralize {
    display: flex;
    justify-content: center;
    align-items: center;
}

.rc-time-picker-panel {
    color: black
}

._loading_overlay_content {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: center;
    color: #003244;
}

.css-14hgwh {
    background-color: #003244 !important;
}

.css-1fymig2 {
    background-color: #003244 !important;
}

.css-3fvcat {
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}

ul.progress-bar {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
}

li.section {
    display: inline-block;
    padding-top: 45px;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    color: gray;
    vertical-align: top;
    position: relative;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 400px) {
    li.section {
        font-size: 9px;
    }
}

li.section:before {
    content: 'x';
    position: absolute;
    top: 2px;
    left: calc(50% - 15px);
    z-index: 1;
    width: 30px;
    height: 30px;
    color: white;
    border: 2px solid white;
    border-radius: 17px;
    line-height: 30px;
    background: gray;
}

.status-bar {
    height: 2px;
    background: gray;
    position: relative;
    top: 20px;
    margin: 0 auto;
}

.current-status {
    height: 2px;
    width: 0;
    border-radius: 1px;
    background: mediumseagreen;
}

@keyframes changeBackground {
    from {
        background: gray
    }

    to {
        background: mediumseagreen
    }
}

li.section.visited:before {
    content: '\2714';
    animation: changeBackground 0s linear;
    animation-fill-mode: forwards;
}

li.section.visited.current:before {
    box-shadow: 0 0 0 2px mediumseagreen;
}


::-webkit-scrollbar {
    width: 8px;
}

.tbl_track::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    scrollbar-width: thin;
    scrollbar-height: thin
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    background-color: transparent;
}

/* Track */
.tbl_track::-webkit-scrollbar-track {
    background: #cbcbcb;

}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(0, 50, 68);
}

/* Handle */
.tbl_track::-webkit-scrollbar-thumb {
    background: #727272;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 50, 68, 0.8);
}


div#driver-popover-item {
    direction: ltr;
}

input:active,
input:focus,
select:focus,
select:active {
    outline: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.dataPickerClass {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important
}

.tether-element {
    z-index: 100001;
}

.rc-time-picker-panel {
    z-index: 100002 !important;
}

.address_edit_box {
    margin-right: 1vh;
}