::-webkit-scrollbar{
    width: 4px;
    height: 4px;
    background: #ffedea;
}
::-webkit-scrollbar-track{
    width: 4px;
    height: 4px;
    background: #ffedea;
}
::-webkit-scrollbar-thumb{
    width: 4px;
    height: 4px;
    background: #eba7ff;
}
.breadcrumb
{
    background: #fbfbfb;
    padding:10px;
    display: flex;
    justify-content: flex-end;
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
}
.breadcrumb li
{
    font-size: 13px;
}
.breadcrumb li a{
    font-size: 13px;
    text-decoration: none;
}


.form{
    padding: 10px 0;
}
.form h5 , h6
{
    color: #5c0e85;
}
.form .form-group label
{
    font-size: 15px;
    color: #585858;
}
.form .form-group .controls
{
    width: 100%;
    padding:4px 10px;
    outline: 0;
    font-size: 13px;
    margin: 5px 0;
    border-radius:0;
    border :1px solid #c8a4d9;
}
.form .form-group .controls:invalid{
    color: #ff1201;
}
.form .form-group select.controls:invalid{
    color: #000000;
}
.form .bttn
{
    border: 0; width: 100%;
    padding: 5px;font-size: 14px;border-radius: 3px;
    background: #5c0e85;color: #fff;
    margin: 5px 0;
}

.alert-box{
    width:100%;
    background: #aceaf9;
    padding: 10px;
    position: fixed;
    z-index: 999;
    top:0;
    text-align: center;
    color: #3b6089;
    transition: 0.5s all;
    font-size: 14px;
}
.alert-box button{
    float: right;
    border: 0; background: transparent;
    margin-right: 10px;
}


     /*Search Location*/

 #search-location,#search-driver,#search-vehicle
 {
     background: #f8f8f8;
     position: absolute;
     height: calc(100% + 40px);width: 100%;
     bottom: 0;
     left: 0;
     padding:10px 0;
     display: none;
     top: -25px;
     z-index: 1;
 }
#search-location i, #search-driver i,#search-vehicle i
{
    font-size: 20px;
    margin:5px 10px;
    cursor: pointer;
    color: #717171;
    float: left;
}
#search-location .text-center, #search-driver .text-center,#search-vehicle .text-center
{
    font-weight: bold;
    padding:0 0 5px  0; font-size: 15px;
}
#search-location .controls, #search-driver .controls,#search-vehicle .controls
{
    background: #fff; display: flex;
    border: 1px solid #d9d9d9;border-radius: 3px;
    margin:5px 10px;
}
#search-location .controls span, #search-driver .controls span,#search-vehicle .controls span
{
    padding: 5px 10px 5px 10px; color: #bbbbbb;
}
#search-location .controls input[type="text"], #search-driver .controls input[type="text"],#search-vehicle .controls input[type="text"]
{
    border: 0;  outline: 0; font-size: 13px;
}
#search-location .output, #search-driver  .output, #search-vehicle .output
{
    background: #fcfcfc;
    margin:5px 0;border: 1px solid #d9d9d9;border-radius: 2px;
    max-height: 230px; overflow: hidden; overflow-y: scroll;
    padding:0 8px;
}
#search-location .output .points,  #search-driver  .output .points  ,#search-vehicle  .output .points
{
    padding: 10px 4px; cursor: pointer;
}
#search-location .output .points:not(:last-child), #search-driver  .output .points:not(:last-child) ,#search-vehicle .output .points:not(:last-child)
{
    border-bottom: 1px solid #f1f1f1;
}
#search-location .output .points .material-icons,  #search-driver  .output .points .material-icons ,#search-vehicle .output .points .material-icons
{
    color: #bcbcbc; font-size: 20px; margin: 5px;border: 0;
}
#search-location .output .points h3,  #search-driver   .output .points h3,#search-vehicle .output .points h3
{
    margin: 0;padding: 0; font-size: 14px; font-weight: bold;color: #5b5b5b;border: 0;
}
#search-location .output .points h4,  #search-driver  .output .points h4 ,#search-vehicle .output .points h4
{
    display: inline-block; font-size: 13px; padding: 0; margin: 0; color: #868686;border: 0;
}

#datatablesSimple, .extraDataTable
{
    width: 100%;
}
#datatablesSimple thead tr th, .extraDataTable thead tr th
{
    border: 1px solid #c8a4d9;background: #e5c7fd; color: #5c0e85;
    padding:5px 10px;font-size: 13px;
    border-bottom: 2px solid #000000;
}
#datatablesSimple tbody tr td, .extraDataTable tbody tr td{
    padding: 3px 5px 3px 10px;
    font-size: 13px;
    border: 1px solid #c8a4d9;
}
.table_title{
    background: #5c0e85;
    color: #fff;
    padding: 8px 20px  8px 10px;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:10px 0 0 0;
}
.table_title>.fa-angle-double-down
{
    cursor: pointer;
}

.dashboard
{
    background: #7c13b4;color: white;
    padding: 10px;text-align: center;width: 100%;
    text-transform: uppercase; font-weight: bold; font-size: 0.8rem;letter-spacing: 1px;
}

.border-theme-all
{
    border: 1px solid #c8a4d9;
}
.border-theme-top
{
    border-top: 1px solid #c8a4d9;
}
.border-theme-bottom
{
    border-bottom: 1px solid #c8a4d9;
}
.border-theme-left
{
    border-left: 1px solid #c8a4d9;
}
.border-theme-right
{
    border-right: 1px solid #c8a4d9;
}

.complete-overlay{
    position: fixed;
    height: 100%;width: 100%;
    background: rgba(123, 0, 253, 0.42);
    top: 0;
    left: 0;
    z-index: 99999;
    justify-content: center;
    align-items: center;
    display: none;
}
.complete-overlay img{
    height: 50px;width: 50px;
}
.theme-color-primary
{
    background: #5c0e85
}



.table_small
{
    background: #fff;
    width: 100%;
}
.table_small>tr th,.table_small>tr td{
    border: 1px solid #7c13b4;
    padding: 4px 8px;font-size: 12px;
}
.table_small>tr th,td button, i{
    background: transparent;
    color: #7c13b4;
}

.btn-group-sm
{
    margin-bottom: 1px;
}
.btn-group-sm a.btn{
    padding:4px 7px 3px 7px;
    font-size: 11px;
    border-radius: 0;
}