* {
    font-family: "Noto Kufi Arabic", sans-serif;
    font-optical-sizing: auto;
}

.kt-footer__menu i {
    font-size: 2rem !important
}

.kt-notification__item::after {
    content: "" !important
}

.datetime-input {
    direction: ltr !important;
    text-align: right
}

/*Datatable one td Start*/

.dt-one-td thead {
    display: none !important;
}

.dt-row {
    cursor: pointer;
}

.dt-row > div:not(.slide-details) {
    display: inline-block;
}

.dt-row .main {
    overflow: hidden;
}

.dt-row .main .icon-outline {
    padding: 2px;
    border: 1px solid #EEE;
    border-radius: 50% !important;
    display: inline-block !important
}

.dt-row .main .icon-outline .icon {
    text-align: center;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border: 1px solid #DDD;
    border-radius: 50% !important;
    overflow:hidden;
}

.dt-row .main .details {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    /*max-width: 613px;*/
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /*.dt-row .main .details {
        max-width: 613px;
    }*/
}
/*mobile*/
@media (max-width: 768px) {
    .dt-row .main .actions {
        display: none
    }
    .slide-details{
        margin-right:10px !important
    }
}

.dt-row .details .title {
    display: inline-block;
    font-weight: 400;
    color: #2386C8;
    margin-bottom: 5px;
}

.dt-row .main .details .main-details {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap !important;
}

.dt-row .main .details .main-details .main-details-item {
    display: inline-block;
    margin-left: 7px;
    padding-right: 1px;
}

.data-date {
    display: inline-block;
    direction: ltr;
    text-align: right;
}

.dt-row .main {
    width: 100%;
}

.dt-row .main .actions {
    float: left !important;
    height: 56px;
}

.slide-details {
    display: none;
    margin-right: 76px;
}

.no-padding-tr {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-top: none !important;
    border-bottom: 1px solid #DDD !important;
}

.oneTdTable tbody tr:last-child .no-padding-tr {
    border-bottom: none !important;
}

.dt-row-mobile-actions {
    margin-top: 10px;
}

.dt-row-icons {
    text-align: left;
    padding: 0 15px;
    font-size: 1.2rem
}
.dt-row-icons a {
    color:#959cb6 !important;
}
.actions-links-list{
    display:block !important;
    margin-top:7px !important;
}
.actions-links-list > li{
    margin-bottom:3px !important
}
.actions-links-list > li:last-child{
    margin-bottom:0 !important
}
/*Datatable one td End*********************************************************************************************************/
div.dataTables_wrapper {
    direction: rtl;
}

.en-date {
    display: inline-block;
    direction: ltr;
    text-align: center
}

/*Shipment tags icons start*/
.shipment-icons i {
    padding-left: 4px;
}
.table-one-desktop-actions {
    overflow: visible;
    margin-right: -32px
}
/*shipments mobile style start*/
.table-one__mobile__details__ul {
    margin-right: 15px !important;
    font-size: 1.1rem;
}
.table-one__mobile__main__actions {
    display: block;
    text-align: left;
    margin: auto;
    margin-left: 7px;
    vertical-align: middle
}
/*shipments mobile style end*/

.kt-scrolltop {
    left:0;
    left:initial;
    right: 290px; 
}
@media (max-width: 768px) {
    .kt-scrolltop {
        left: 0;
        left: initial;
        right:20px;
    }
}
.display-date {
    display: inline-block !important;
    direction: ltr !important;
    text-align: right !important
}

/*tracking page start***************************************************************/
.city-box {
    border: 1px dotted #DDD;
    padding: 5px;
    margin-bottom: 10px;
}

.city-box-srcDest {
}

.city-box-desc {
    font-size: 1.5rem;
    word-spacing: 4px;
    padding-bottom: 15px;
    padding-top: 5px;
}

.city-box-Destination {
    border-right: 3px solid #FD397A;
}

.city-box-Origin {
    border-right: 3px solid #282A3C;
}

.steps-icon {
    top: 0 !important
}

.kt-list-timeline__time {
    text-align: right !important
}

.timeline-icon {
    font-size: 2rem !important;
    display: inline-block !important;
    margin-right: 4px !important;
}
/*Mobile*/
@media (max-width: 768px) {
    .mt-step-title {
        display: inline-block !important;
        text-align: right !important;
    }

    .mt-step-col {
        padding-bottom: 0 !important;
        text-align: right !important;
    }
}

.daterangepicker .drp-buttons {
    direction: rtl !important
}

.datetimepicker {
    direction: ltr;
    text-align: right
}


.accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed::after {
    color: #74788d;
    content: "" !important;
}

.pull-left{
    float:right !important
}
.pull-right {
    float: left !important
}
.kt-content {
    overflow-x: hidden !important;
}

.no-text-overflow {
    display: inline-block !important;
    width: 120px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}