@import url('font.css');
body{
    padding: 0;
    margin: 0;
    font-size: 14px !important;
    font-family: "Poppins", sans-serif !important;
    background:#e2e2e2 !important;
}
.header{
    background:#ec9c18;
}
a.nav-link {
    font-size: 18px;
    color: #fff !important;
    transition: 1s;
}
a.nav-link:hover{
    color:#ff5215 !important;
    transition: 0.5s;
}
.dashboard h4{
    font-size: 20px;
}

.table th, td{
    font-size: 20px;
}
.orders small{
    font-size: 10px;
    color: #000;
}
.menu-icon{
    margin-right: 35px;
    margin-left: 15px;
    cursor: pointer;
}
.btn.btn-main{
    padding: 4px;
    font-size: 14px;
}
.btn.btn-green{
    padding: 4px;
    font-size: 14px;
}border-black
.navbar-toggler-icon{
    background:url("../images/menu.svg");
}
.nav-menu{
    font-size: 20px;
    margin-right: 20px;
}
.header-top a{
    color: #ffff;
    text-decoration: none;
}
.cash-box{
    margin-bottom: 10px !important;
}
.cash-box{
    border: 1px solid #000;
    padding: 8px;
    text-align: center;
    align-items: center;
    border-radius: 6px;
}
.navbar-nav.side-nav{flex-direction: column;}
.dropdown-toggle::after{
    display: none !important;
}
.header-menu .navbar-nav .nav-link{
    padding-right: 14px !important;
}
.leftmenutrigger, .navbar-nav li a .shortmenu{
    display: none
}
.vr-left{
    border-right: 1px dashed #797979 !important;
    height: auto;
}
ul.navbar-nav.animate.side-nav{
    justify-content: space-evenly;
}
.br-dotted{
    border-bottom: 1px dashed #797979;
}
.driver-details p{
    margin-bottom: 2px !important;
}
.side-nav li{
    text-align: center;
} 
.side-nav.active li{
    text-align: left;
}
a.nav-link.active{
    color: #ffffff !important;
    background: #ff5215 !important; 
    border: none;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: #ffffff !important;
    background: #ff5215 !important; 
    border: none;
}
.side-nav a.nav-link:hover {
    color: #ffffff !important;
    background: #ff5215;
    border-right: 2px solid #FCA100;
    transition: 0.5s;
}

.container-width{
    padding-left: 83px;
}

.header .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x,2.75rem);
    padding-left: var(--bs-gutter-x,0.75rem);
    margin-right: auto;
    margin-left: auto;
}
.container-width .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x,2.75rem);
    padding-left: var(--bs-gutter-x,2.75rem);
    margin-right: auto;
    margin-left: auto;
}
.w-profile {
    width: 100px;
    border: 3px solid #04d126;
    margin: 0px;
    padding: 0px;
    border-radius: 50%;
}
.navbar-toggler:focus{
    box-shadow: none  !important;
}

.nav-left{
    display: none;
}
.mobile-link-img{
    position: relative;
}
.mobile-link-img .d-flex{
    position: absolute;
    top: calc(50% - 50px);
    left: 10px;
    color:#fff;
}
button.btn.btn-save{
    background: #d1912b;
    color: #fff;
}
.drop_zone {
    border: 2px dashed #cccccc;
    border-radius: 4px;
    padding: 15px;
    height: 120px;
    transition: background-color .1s linear .1s;
    text-align: center;
    position: relative;
  }
  .upload-container {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    width: 100%; 
}
.txt-ylw{
    color: #d1912b;
}
.br-green{
    padding: 2px 15px;
    border-radius: 4px;
    border: 1px solid #04d126;
}
.vr{
    border: 1px dashed #797979 !important;
    height: 180px;
}
a{
    text-decoration: none !important;
}
.text-green{
    color: #64e482;
}
.form-control:disabled, .form-control[readonly]{
    background: #fff !important;
}
.upload-label {
    flex-grow: 1;
    color: #666;
}

.upload-icon {
    width: 24px;
    height: 24px;
    background-size: contain;
    cursor: pointer;
}

.upload-input {
    display: none;
}
  .drop_zone.dragover {
    background-color: #F5F5F5;
  }
  
  .drop_zone > span {
    color: #CCCCD3;
    font-size: 12pt;
    text-align: center;
    display: block;
    margin-bottom: 5px;
    z-index: -1;
    pointer-events: none;
  }
  
  .drop_zone > label {
    background: #EEE;
  }
  
  .drop_zone > label > input {
    display: none;
  }
  
  .glyphicon-refresh-animate {
      -animation: spin .7s infinite linear;
      -webkit-animation: spin2 .7s infinite linear;
  }
  
  @-webkit-keyframes spin2 {
      from { -webkit-transform: rotate(0deg);}
      to { -webkit-transform: rotate(360deg);}
  }
  
  @keyframes spin {
      from { transform: scale(1) rotate(0deg);}
      to { transform: scale(1) rotate(360deg);}
  }

.side-nav .dropdown .dropdown-menu li{
    text-align: left !important;
}
.sidenav .dropdown-menu[data-bs-popper] {
    top: 100%;
    left:auto ;
    /* margin-top: -0.875rem; */
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    border: none;
    background: #ff5215;
}
.dropdown-menu a.dropdown-item{
    color:#fff !important;
}

 .dropdown-menu li a:hover{
    background:#ff5215 !important;
    color:#fff !important;
}
.side-nav .dropdown .dropdown-menu li a{
    color:#fff;
}
.admin-search{
    background: #ffffff;
    border: 1px solid #ff5215;
    height: 40px;
    border-radius: 6px;
    padding: 10px;
    color:#000;
    width: 400px;
}.btn-group-sm>.btn, .btn-sm{
    font-size: 10px !important;
}
.btn-edit{
    font-size: 14px !important;
    color: #FF5215;
    text-decoration: none;
    background-color: #fff;
    padding: 4px 15px;
    border-radius: 4px;
}
.user-tabel tr{
    color: #fff;
}
.user-tabel thead{
    border-top: none !important;
    border-bottom: none !important;
}
.dt-layout-row{
    width: 100%;
   
    justify-content: space-between !important;
}
div#myTable_wrapper{
    background-color: #fff;
    font-size: 12px;
    padding: 10px;
}
.user-tabel .table th{
    background-color: #ec9c18;
}
.user-tabel .table tr{
    border-bottom: none;
}
.user-tabel .table td{
    color: #000;
    border-bottom: none !important;
}
.table td img{
    width: 28px;
}
.nav-search .form-control{
    background: #ffffff;
    border: 1px solid #ff5215;
    height: 40px;
    border-radius: 6px;
    padding: 10px;
    color:#000;
}
button#button-addon2{
    border: 1px solid #ff5215;
    background: #ffffff;
    color:#ff5215;
}
.header-menu li{
    padding: 0px 10px;
}
.user-order-details .col-lg-2{
    width: 20%;
}
.login-box{
    background:#ec9c18;
    color:#fff;
    padding: 40px;
    border-radius:8px;
}
.login-box .form-control {
    background: #FFF;
    height: 45px;
    color: #000;
}
.login-box label{
    margin-bottom: 10px;
}
.orders{
    background:#fff;
    border-radius:10px;
    padding: 20px;
    margin-bottom: 20px;
}
.orders h6{
    color: #ec9c18;
}
.input-icon i{
    position: absolute;
}
.far-box .row{
    align-items: center;
}
.border-green{
    border: 1px solid #04d126 !important;
    border-radius: 4px !important;
    padding: 5px !important;
    
}
.border-black{
    border: 1px solid #000000 !important;
    border-radius: 4px !important;
    padding: 4px 2px !important;
    font-size: 14px !important;
}
.add-box{
    background:#26273B;
    border-radius:10px;
    padding: 20px;
    margin-bottom: 20px;
}
.add-box a{
    text-decoration: none;
}
.add-box a i{
    font-size: 50px;
    color:#fff;
}
.orders a{
    text-decoration: none;
}
.clr-orang{
    color:#ff5215;
}

.orders h4{
    color:#4489fe;
    font-weight: 700;
}
.profile-box{
    background:#222339;
    padding: 20px;
}
a.btn.btn-orange{
    background:#FF5215;
    color:#fff;
}
.wid-box{
    background:#26273B;
    padding: 15px;  
    border-radius:10px;
    border: 1px solid #35364B;
    margin-bottom: 15px;
    text-align: center;
}
.bg-tabel{
    background:#ec9c18;
    color:#fff;
    padding: 30px;
}
.table th,td{
    padding: 15px !important;
    border-bottom: 1px solid #d1912b !important;
}
.user-tabel a{
    margin-right: 10px;
}

.user-tabel a i{
    color:#6F767E;
    color: #6F767E;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 6px 9px;
}
.user-tabel a i:hover{
    background:#ff5215;
    color:#fff;
}
.bg-form{
    background: #ffffff;
    padding: 20px;
    color: #000;
}
.new-product .form-control{
    background: #f1f1f1;
    height: 45px;
    color: #000;
}
.new-product .form-select{
    background:#1b1c30;
    height: 45px;
    color:#fff;
}
.select2-container--default .select2-selection--multiple {
    background-color: #1b1c30 !important;
    border: 1px solid #fff !important;
    border-radius: 4px;
    height: 45px !important;
    color:#fff;
    cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ff5215 !important;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 4px 5px !important;
    color: #fff !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color:#fff !important;
}
input[type="file"]::-webkit-file-upload-button{
    height:45px;
    background:#FF5215;
    color:#fff;
}
.panel-heading.note-toolbar{
    background:#fff;
}
.form-check-input:checked {
    background-color: #ff5215 !important;
    border-color: #ff5215 !important;
}

.new-product label{
    margin-bottom: 10px;
}
.product-admin-img{
    width: 60px;
}
.user-tabel .form-check-input{
    width: 25px !important;
    height: 25px !important;
}
@media only screen and (max-width: 768px){
    .logo{
        width: 120px;
    }
    .col-6 {
        flex: 0 0 auto;
        width: 50% !important;
    }
    .dashboard .btn-main{
        padding: 4px !important;
        font-size: 14px;
    }
    ul.navbar-nav.animate.side-nav{
        justify-content: space-evenly;
        border: none;
    }
    .menu-icon{
        display: none;
    }
    .side-nav li{
        text-align: left;
    }
    .navbar-nav.side-nav span{
        display: contents !important;
    }
    .container-width .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 100%;
        padding-right: var(--bs-gutter-x,0.75rem);
        padding-left: var(--bs-gutter-x,0.75rem);
        margin-right: auto;
        margin-left: auto;
    }
    .header .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        width: 100%;
        padding-right: var(--bs-gutter-x,0.75rem);
        padding-left: var(--bs-gutter-x,0.75rem);
        margin-right: auto;
        margin-left: auto;
    }
    
  
}
@media(max-width:992px) {
    .container-width {
        padding-left:0px;
    }
    .header .search-box{
        display: none;
    }
    .menu-icon{
        display: none;
    }
    .user-order-details .col-lg-2{
        width: 33%;
    }
    .side-nav li{
        text-align: left;
    }
    .navbar-nav.side-nav span{
        display: contents !important;
    }
    .dashboard .d-flex{
        display: block !important;
    }
    .dashboard .btn-main{
        margin-bottom: 10px;
    }
    .mobile-menu{
        visibility: visible;
    }
    .navbar-collapse  {
        position: fixed;
        top: 50px;
        left: 0;
        z-index: 1;
        width: 185px;
        height: 100%;
        background: #ec9c18;
        overflow: auto;
       
        /* border-top: 1px solid #000; */
      }
      .menu-overlay {
        display: none;
        background-color: #000;
        bottom: 0;
        left: 0;
        opacity: 0.5;
        filter: alpha(opacity=50);
        /* IE7 & 8 */
        position: fixed;
        right: 0;
        top: 0;
        z-index: 49;
      }
      .nav-left{
          display: flex;
          visibility: visible;
      }
      .nav-left a{
        font-size: 18px;
        padding: 5px;
      }
     
      .navbar .nav-left{
          justify-content: end !important;
      }
      .navbar-nav .nav-link {
        padding-right: 0px;
        padding-left: 15px !important;
        margin-top: 2px;
    }
    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 500ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse{
        transition: 1s;
    } 
    a.nav-link.hide-mob{
        display: none;
    }
    .collapse .nav-item i{
        margin-right: 10px;
    }
    

}

@media(min-width:992px) {

.navbar-nav.side-nav:hover {left:0;}
.side-nav li a {
    font-size: 18px;
    /* text-align: center; */
} 




.navbar-nav li a .shortmenu {
    float: right;
    display: block;
    opacity: 1
}
.product-items .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
}
.navbar-nav.side-nav:hover li a .shortmenu{
    opacity: 0
}
 
.navbar-nav.side-nav{
    background: #ec9c18;
    position:fixed;
    top:59px;
    flex-direction: column!important;
    left:0px;
    width:70px;
    z-index: 2;
    white-space: nowrap; 
    /* overflow: hidden; */
    text-overflow: clip; 
    bottom:0;
    transition: all 0.5s ease;
    /* overflow-x:hidden; */
    padding-bottom:35px}
}
.customer-tabel i{
    color:#f9d125;
}
.menu-sec .dropdown{
    display: inline-block;
}
.nav-btn div{
display: inline-block;
}
.side-nav.active{
    width: 185px;
  
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: #fff !important;
}
  .book-trip a.nav-link {
        font-size: 18px;
        color: #ff5215 !important;
        transition: 1s;
        padding: 4px 10px;
        border: 1px solid #ff5215;
        margin-right: 5px;
    }

.form-select{
    border: none !important;
    border-bottom: 1px solid #ced4da !important;
    border-radius: 0;
}
.add-cab .form-control{
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
}
.form-control:focus{
    outline: none !important;
    box-shadow: none !important;
}
.btn-main{
    background-color: #ec9c18 !important;
    color: #fff !important;
}
.btn-green{
    background-color: #04d126 !important;
    color: #fff !important;
}
.navbar-nav.side-nav span{
    display: none;
    
}
.side-nav.active span{
    display: inline ;
   
}
.animate{
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}



#loading-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .loader img {
    width: 100px;
    height: 100px;
  }