:root {
    --body-max-width: 100%;
    --main-color: #2A23AF;
    --color-primary: #2A23AF;
    --secondary: #CCCED7;
    --primary: #2A23AF;
    --light-blue: #14B3DB;
    --red: #ED4747;
    --yellow: #EBB215;
    --violet: #6923AF;
    --green: #1EAE6A;
    --gray: #8B817E;
    --light-gray: #D3D3D3;
    --pink: #EF2989;
    --white: #FFFFFF;
    --black: #020024;
    --orange: #F47D4A;
}

@media (min-width: 1024px) {
    .custom-datetime-filter .form-widget {
        flex: 0 0 90%;
        padding-left: 5px;
    }
}

p.datetime,
p.place-address {
    margin: 0;
}

.datagrid-header-tools .datagrid-search {
    padding-right: 0;
    display: none;
}

.field-boolean .badge-boolean-false {
    background: var(--red);
    border: none;
    color: var(--white);
}

.field-boolean .badge-boolean-true {
    background: var(--green);
    color: var(--white);
}

.service-usage input {
    max-width: 175px !important;
}

.badge-order-new {
    color: var(--white);
    background-color: var(--primary);
}

.badge-order-on_pause {
    color: #fff;
    background-color: var(--orange);
}

.badge-order-canceled_by_customer {
    color: var(--black);
    background-color: var(--secondary);
}

.badge-order-canceled_by_driver {
    color: var(--black);
    background-color: var(--secondary);
}

.badge-order-waiting_for_driver_at_origin {
    color: #fff;
    background-color: var(--violet);
}

.badge-order-driver_at_origin {
    color: var(--black);
    background-color: var(--yellow);
}

.badge-order-driver_is_moving_to_destination {
    color: var(--black);
    background-color: var(--pink);
}

.badge-order-driver_at_destination {
    color: #fff;
    background-color: var(--gray);
}

.badge-order-delivered {
    color: var(--black);
    background-color: var(--green);
}

.badge-order-renewed {
    color: var(--black);
    background-color: var(--light-blue);
}

.badge-payout-none {
    color: #fff;
    background-color: var(--gray);
}

.badge-payout-pending {
    color: var(--black);
    background-color: var(--yellow);
}

.badge-payout-failed {
    color: var(--black);
    background-color: var(--danger);
}

.badge-payout-successful {
    color: var(--black);
    background-color: var(--green);
}

.badge-charge-INITIATED {
    color: var(--black);
    background-color: var(--yellow);
}

.badge-charge-IN_PROGRESS {
    color: var(--black);
    background-color: var(--yellow);
}

.badge-charge-ABANDONED {
    color: var(--black);
    background-color: var(--danger);
}

.badge-charge-CANCELLED {
    color: var(--black);
    background-color: var(--danger);
}

.badge-charge-FAILED {
    color: var(--black);
    background-color: var(--danger);
}

.badge-charge-DECLINED {
    color: var(--black);
    background-color: var(--danger);
}

.badge-charge-RESTRICTED {
    color: var(--black);
    background-color: var(--danger);
}

.badge-charge-CAPTURED {
    color: var(--black);
    background-color: var(--green);
}

.badge-charge-VOID {
    color: var(--black);
    background-color: var(--danger);
}

.badge-charge-TIMEDOUT {
    color: var(--black);
    background-color: var(--danger);
}

.badge-charge-UNKNOWN {
    color: var(--black);
    background-color: var(--danger);
}

.badge-refund-success {
    color: var(--black);
    background-color: var(--green);
}

.badge-refund-failed {
    color: var(--black);
    background-color: var(--danger);
}

.main {
    width: 400px;
    margin: 20px auto;
}

.box-body {
    margin-top: 50px;
}

.btn-main {
    color: white;
    background-color: var(--main-color);
}

.btn-main:hover {
    color: white;
}

.danger {
    color: var(--danger);
}

.order-log-items {
    min-width: 600px;
}

.order-log-items .order-log-item:not(:last-child) {
    margin-bottom: 15px;
}

.order-log-item .time {
    font-size: x-small;
    float: right;
}

.order-log-item .type {
    float: left;
    padding-bottom: 5px;
}

.selected-driver {
    padding-top: 5px;
}

.arabic textarea,
.arabic input {
    direction: rtl;
    text-align: right;
}

pre.json {
    width: 1000px;
    margin-bottom: 0;
}

.btn-launch-email-customers {
    border-color: var(--text-indigo-600);
    background-color: var(--indigo-100);
    color: var(--text-indigo-600);
}

.btn-launch-email-drivers {
    border-color: var(--text-green-600);
    background-color: var(--green-100);
    color: var(--text-green-600);
}

.media-body {
    padding-left: 5px;
    min-width: 150px;
    max-width: 150px;
}

.media {
    margin-bottom: 5px;
}

a.list:not(:last-of-type) {
    display: block;
    margin-bottom: 5px;
}

h4:last-of-type {
    margin-top: 25px;
}

.data-row dt {
    font-weight: bold !important;
}

.form-panel {
    border: var(--light-gray) solid 1px;
    border-radius: 6px;
    padding: 0 10px 5px 10px;
}

.datalist .data-row {
    box-shadow: 0 1px var(--light-gray) !important;
    padding: 15px 0 15px 0 !important;
}

.datalist .data-row:last-child {
    box-shadow: none !important;
}

.ea-new .field-form_panel,
.ea-edit .field-form_panel {
    padding-bottom: 35px;
}

.hidden {
    display: none;
}