 body{
        background-color: #F6EDED;
        overflow-wrap: anywhere;
      }
      *{
         overflow-wrap: anywhere;
      }
      input::-webkit-outer-spin-button,
      input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }
      table{
        overflow: scroll;
      }

      @media (min-width: 1000px) {
        .table_div{

          background-color: white;
          width: auto;
          margin-right: 20px;
          margin-left: 280px;
          border-radius: 5px;
          box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;*/
        }
        .table{
          padding-top: 20px;
        }
        #table_desktop{
          display: inline;
        }
        #table_mobile{
          display: none;
          width: 0px;
          height: 0px;
        }
      }
      @media (max-width: 1000px) {

        .table_div{
          background-color: white;
          width: auto;
          margin-right: 5px;
          margin-left: 5px;
          overflow: scroll;
          border-radius: 5px;
          box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;*/
        }
        .table{
          padding-top: 20px;
        }
        .image{
          height: 100px;
          width: 100px;
        }
        #table_desktop{
          display: none;
          width: 0px;
          height: 0px;
        }
        #table_mobile{
          display: inline;
        }

      }

      #DataTables_Table_1_wrapper{
        padding: 0px;
        margin-top: 10px;
      }
      #DataTables_Table_1{
        padding: 0px;
        margin: 0px;
      }
      td{
        padding: 0px;
        margin: 0px;
      }
       table.dataTable tbody td{
        padding: 0px;
       }



     
      
      label{
        font-size: 18px;
        overflow-wrap: anywhere;
      }
      .contain_div{
        padding: 20px;
        overflow-wrap: anywhere;  
      }

      @media only screen and (max-width: 600px) {
        label{
          font-size: 14px;
          overflow-wrap: anywhere;
       }
        a{
          font-size: 14px;
          overflow-wrap: anywhere;
        }
        .contain_div{
          padding: 20px;
          overflow-wrap: anywhere;   
        }
      }
      input{
        width: 100%;
        height: 40px;
        border: 1px solid #f4f4f4;
        font-size:17px;
        border-radius: 5px;
        background: #f2f2f2;

      }
      option{
        width: 100%;
        height: 40px;
        border: 1px solid #f4f4f4;
        font-size:17px;
        border-radius: 5px;
         background: #f2f2f2;
      }
      select{
        width: 100%;
        height: 40px;
        border: 1px solid #f4f4f4;
        font-size:17px;
        border-radius: 5px;
         background: #f2f2f2;
      }
      .input_box{
        margin-bottom: 30px;
      }



      .save_btn {
          width:auto;
          float: right;
            background: #4CAF50;
            margin: 10px;
            padding: 10px 15px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;  
            font-size: 18px;
            font-weight: 700;          
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: block;
            border: 1px solid white;
          }

          .save_btn:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            background: #4CAF50;
            text-decoration: none;
           border: 1px solid white;
          }
          .save_btn:active {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            background: #4CAF50;
            text-decoration: none;
           border: 1px solid white;
          }

          .cancel{
          width:auto;
          float: left;
            background: #6c757d;
            margin: 10px;
            padding: 10px 15px;
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;  
            font-size: 18px;
            font-weight: 700;          
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: block;
            border: 1px solid white;
          }

          .cancel:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            background: #6c757d;
            text-decoration: none;
           border: 1px solid white;
          }
          .cancel:active {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            background: #6c757d;
            text-decoration: none;
           border: 1px solid white;
          }

          .create_btn {
          width:auto;
          float: right;
            background: #4CAF50;
            margin: 10px;
            padding: 10px 15px;
            text-align: center;
            text-decoration: none;

            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;  
            font-size: 18px;
            font-weight: 700;          
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: block;
            border: 1px solid white;
          }

          .create_btn:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            background: #4CAF50;
            text-decoration: none;
           border: 1px solid white;
          }
          .create_btn:active {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            background: #4CAF50;
            text-decoration: none;
           border: 1px solid white;
          }
          
      

          label{
            font-size: 17px;
          }