.dashboard-w1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 130px;
    justify-content: flex-end;
    overflow: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    position: relative;
    align-items: center;
    padding: 30px 20px;
}
.bg--primary {
    background-color: #7367f0 !important;
}
.b-radius--10 {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}
.dashboard-w1 .icon {
    position: absolute;
    bottom: 0;
    left: 0;
}
.dashboard-w1 .icon i {
    font-size: 72px;
    color: rgba(255, 255, 255, 0.15);
    margin-left: -15px;
    margin-bottom: -4px;
}
.dashboard-w1 .details {
    text-align: right;
    width: 100%;
}
.dashboard-w1 {
    min-height: 200px;
}
.dashboard-w1 .details .status, .dashboard-w1 .details .amount, .dashboard-w1 .details .currency-sign {
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}
p, li, span {
    color: #5b6e88;
    margin-bottom: 0;
}
.dashboard-w1 .details .desciption span {
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    margin-top: 5px;
}
.text--small {
    font-size: 0.75rem !important;
}
.bg--pink {
    background-color: #E91E63 !important;
}
.bg--orange {
    background-color: #FF9800 !important;
}
.bg--cyan {
    background-color: #00BCD4 !important;
}
.bg--success {
    background-color: #28c76f !important;
}
.bg--warning {
    background-color: #ff9f43 !important;
}
.bg--danger {
    background-color: #ea5455 !important;
}
.bg--1 {
    background-color: #127681 !important;
}
.bg--2 {
    background-color: #ea907a !important;
}
.bg--4 {
    background-color: #4f8a8b !important;
}
.mt5{
    margin-top: 5px !important;
}
.mn5-auto{
    margin: 5px auto !important;
}
.spa-page .form-check .form-check-input {
    opacity: 1 !important;
    height: 15px !important;
    width: 15px !important;
    z-index: 1000 !important;
}
.form-check, label {
    color: #000000 !important;
}
.sidebar-wrapper ul.nav p {
    color: #000000;
}
/* Pagination */
nav.flex.items-center.justify-between p.text-sm.text-gray-700.leading-5 {
    margin-top: 10px;
    margin-bottom: 10px;
}
svg:not(:root) {
    overflow: hidden;
    width: 12px;
}
/* flex */
.display_flex{
    display: flex;
}
.mn5-zero{
    margin: 5px 0px;
}
#store-trip .form-group.bmd-form-group {
    margin-top: 13px !important;
}
/* Select2 */
.selectbox textarea.select2-search__field{
    height: 22px !important;
}
.selectbox span.select2.select2-container.select2-container--default {
    margin-top: 7px;
}
.selectbox .select2-container--default .select2-selection--multiple {
    border: 1px solid #d2d2d2 !important;
    border-radius: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}
/* Date picker */
#datePicker .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    z-index: 99999999 !important;
}
/* Select box */
select.form-control:not([size]):not([multiple]) {
    height: 36px !important;
}
/* Radio button */
input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    height: 15px;
    width: 50px !important;
    position: relative;
}
#bookingView th{
    width: 10%;
}
/* Modal Popup */
.modal-header {
    background: #0a8bc7 !important;
}
.modal-header .close {
    margin-top: -8px !important;
}
.form-inputs input, select {
    background-color: #eee;
    border: none;
    padding: 7px 15px;
    margin: 8px 0;
    width: 100%;
    color: #000;
}
.form-inputs button {
    border-radius: 20px;
    border: 1px solid #da0f13;
    background-color: #da0f13;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 45px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in;
}
.custom-btn {
    border-radius: 20px !important;
    color: #FFFFFF;
    font-size: 12px !important;
    font-weight: bold !important;
    padding: 4px 45px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    transition: transform 80ms ease-in !important;
}
#alert-box {
    width: 50%;
    margin: 0 auto;
}
#alert-box p.text-white {
    margin: 5px 0;
}
#alert_otp{
    font-weight: bold;
}
#alert_process_msg h4.text-white {
    margin: 5px 0;
    text-align: center;
}
.form-check .form-check-input {
    z-index: 1 !important;
    opacity: 1 !important;
    height: 100% !important;
}
.form-check .form-check-label {
    left: 15px;
}
.trip_box {
    margin-top: 15px;
}
.file-upload {
    margin-top: 8px;
}
.required{
    color: red;
}
.sidebar .sidebar-wrapper {
    height: calc(95vh - 75px) !important;
}