.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }
    /* Modal Content */
    .modal-content2 {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 20%;
    border-radius:10px 10px;
    }
    /* The Close Button */
    .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    }
    .close:hover,
    .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    }
    .vouchercode{
    width:50%;
    height:25%;
    border:1px solid  rgb(255, 44, 128);;
    border-radius:5px 5px;
    margin:20px;
    padding:15px;
    }
    .btn-integrer{
    width:30%;
    background-color:rgb(255, 44, 128);;
    padding:15px;
    border-radius:10px 10px;
    color:#fff;
    font-family:monospace	;
    font-size:20px;}
    .table_rider {
       width: 100%;
       border:1px solid #bfbfbf;
       margin-bottom: 100px;
    }
    .table_rider td , .table_rider th{
    border:1px solid #bfbfbf;
    text-align: center;

    }
    .search_text{
    border:1px solid #bfbfbf;
    padding: 1%;
    width: 30%;
    }
    .succes_allert {
       text-align: center;
       width: 100%;
       background: rgba(137, 224, 137,.3);
       color:#000;
       font-size: 20px;
    }
    button {
       margin: 10px;
    }
   .btn-success{
      margin-top: 4px;
   }
   .btn-danger{
      width: 131px;
      margin-top:4px;
   }
   .btn-primary{
      width: 131px;
   }
   .modal-backdrop {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1040;
      width: 100vw;
      height: 100vh;
      background-color: #000;
  }

  .modal-content.image-upload-1.popup-box1 {
   position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 30%;
   pointer-events: auto;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0,0,0,.2);
   border-radius: .3rem;
   outline: 0;
}

body{
   background: #d9d9d9;
}
.container_form {
    padding: 60px;
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
 }
 .content_form{
    padding: 60px;
    text-align: left;
    background: #fff;
    border-radius: 5px 5px;
    box-shadow: 5px 5px 5px #737373;
 
 }

 .content_form h2 {
     font-size:40px;
     color:#737373;
 }

 .back_to {
    color:#fff;
    padding: 10px;
    width:200px;
    border-radius: 5px 5px;
    background: rgb(201, 65, 110);
    margin: 20px;
    text-decoration: none;

       }
       .save-but{
          color:#fff;
          padding: 10px;
          width:100px;
          border-radius: 5px 5px;
          background: rgb(201, 65, 110);
          margin-top:20px;
       }
       .save-but:hover{
          color:rgb(201, 65, 110);
          border:1px solid rgb(201, 65, 110);
          padding: 10px;
          width:100px;
          border-radius: 5px 5px;
          background:#fff ;
          margin-top:20px;
       }

       a.btnqq{
         color:#fff;
         text-decoration: none;
       
      }

      a.btnqq:hover{
         color:#fff;
       text-decoration: none;
      }
      

      body{
         background:  #d9d9d9;
      }
      .switch {  
      margin-top:20px;
      position: relative;
      display: inline-block;
      width: 65px;
      height: 34px;
      }
      .switch input { 
      opacity: 0;
      width: 0;
      height: 0;
      }
      .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ff0000;
      -webkit-transition: .4s;
      transition: .4s;
      }
      .slider:before {
      position: absolute;
      content: "";
      height: 31px;
      width: 30px;
      left: .5px;
      bottom: 4px;
      background-color:rgb(255, 44, 128);
      -webkit-transition: .4s;
      transition: .4s;
      }
      input:checked + .slider {
      background-color: #ff99cc
      ;
      }
      input:focus + .slider {
      box-shadow: 0 0 1px #ff0000;
      }
      input:checked + .slider:before {
      -webkit-transform: translateX(27px);
      -ms-transform: translateX(27px);
      transform: translateX(27px);
      }
      /* Rounded sliders */
      .slider.round {
      border-radius: 34px;
      }
      .slider.round:before {
      border-radius: 50%;
      }
      .border-switch{
      border:1px solid rgb(255, 44, 128);
      width:60px;
      height:32px;
      border-radius: 34px 34px;
      }
      .msg_succes {
      width: 70%;
      padding: 20px;
      background-color: rgba(108, 245, 144 , 0.2);
      color:#000;
      text-align: center;
      }

      .container_form {
         padding: 60px;
         display:flex;
         justify-content: center;
         flex-wrap: wrap;
      }
      .content_form{
         padding: 60px;
         text-align: left;
         background: #fff;
         border-radius: 5px 5px;
         box-shadow: 5px 5px 5px #737373;
      
      }
     
      .back_to {
         color:#fff;
         padding: 10px;
         width:200px;
         border-radius: 5px 5px;
         background: rgb(201, 65, 110);
         margin: 20px;
         text-decoration: none
     
            }
            .save-but{
               color:#fff;
               padding: 10px;
               width:100px;
               border-radius: 5px 5px;
               background: rgb(201, 65, 110);
               margin-top:20px;
            }
            .save-but:hover{
               color:rgb(201, 65, 110);
               border:1px solid rgb(201, 65, 110);
               padding: 10px;
               width:100px;
               border-radius: 5px 5px;
               background:#fff ;
               margin-top:20px;
            }
         
  
    
            body{
               background-color: #fff;
           }
       
       
              .newInp{
                  width: 200px;
              }
       
       
       b, strong {
    font-weight: none;
}

.contentlay{
       font-weight: none;
       font-family: inherit;
    }
       
       
       
       
              
       .topnav {
       overflow: hidden;
       background-color: rgb(201, 65, 110);
       margin-top: -50px;
       
       }
       
       .topnav a {
       float: right;
       display: block;
       color: #f2f2f2;
       text-align: center;
       padding: 14px 16px;
       text-decoration: none;
       font-size: 17px;
       }
       
       .topnav a:hover {
       background-color:  rgb(242, 94, 156);
       color: #fff;
       }
       
       .topnav a.active {
       float: left;
       background-color: rgb(242, 94, 156);
       color: white;
       }
       
       .topnav .icon {
       display: none;
       }
       
       @media screen and (max-width: 600px) {
       .topnav a:not(:first-child) {display: none;}
       .topnav a.icon {
       float: right;
       display: block;
       }
       }
       
       @media screen and (max-width: 600px) {
       .topnav.responsive {position: relative;}
       .topnav.responsive .icon {
       position: absolute;
       right: 0;
       top: 0;
       }
       .topnav.responsive a {
       float: none;
       display: block;
       text-align: left;
       }
       }
       
       .commande_en_attente , .cmd_en_cours {
           display: flex;
           justify-content: center;
           flex-wrap: wrap;
       overflow-x:scroll;
           height: 350px;
           margin-bottom: 30px;
       
       }
       
        .cmd_finish {
         
       overflow-x:scroll;
       
           height: 350px;
           margin-bottom: 30px;
           float: left;
           height: 800px;
           width: 100%;
        }
       
       .commande_en_attente table , .cmd_en_cours table  {
           width: 90%;
       }
       .commande_en_attente table th , .cmd_en_cours table th{
          padding: 1%;
       
       
          border:3px solid;
       }
       
       .commande_en_attente table td , .cmd_en_cours table td {
          text-align: center;
          padding: 1%;
          border:1px solid;
       
       }
       .cmd_finish table{
           margin-top:20px;
       }
       
       .cmd_finish table th{
           padding: 50px;
          border:3px solid;
       }
       .cmd_finish table td {
          text-align: center;
          padding: 50px;
          border:1px solid;
       }
       .Cancel_table table {
           margin-top: 20px;
       }
       .Cancel_table table th {
           padding: 50px;
          border:3px solid;
       }
       
       .Cancel_table table td {
           text-align: center;
          padding: 50px;
          border:1px solid;
       }
       
       .details_cmd{
           border: 1px solid;
           background-color: #fff;
           text-align: left;
           padding: 1%;
           float: center;
       }
       
       .export table th {
       width: 100%;
       }
       
       
       .export table th {
          padding-left: 1%;
          padding-right: 1%;
          border:1px solid;
          width: 10%;
       }
       .export table td {
          padding-left: 1%;
          padding-right: 1%;
          border:1px solid;
          width: 10%;
       }
       
       .start , .end {
           width:200px;
           text-align: center;
           border-bottom: 1px solid rgb(191, 60, 103);;
           margin:20px;
           color:rgb(191, 60, 103);
       }
       
       .export {
           width:200px;
          border: 1px solid rgb(191, 60, 103);;
          margin:20px;
           color:rgb(191, 60, 103);
           text-align: center;
       
       }
       
       .export-exel{
           margin:50px;
           display: flex;
           justify-content: space-between;
           float:bottom;
       }