.horizontal{
  width: 25%;
  padding: 5px;
}
.horizontal1{
  width: 50%;
  padding: 10px;
}
.middle{
  width: 33%;
  padding: 10px;
}
.middle1{
  width: 75%;
  padding: 10px;
}

.full{
  width: 100%;
  padding: 10px;
}

// input[type=text],[type=date] {
//   width: 100%;
//   padding: 12px 20px;
//   margin: 8px 0;
//   display: inline-block;
//   border: 1px solid #ccc;
//   border-radius: 4px;
//   box-sizing: border-box;
// }
// textarea
// {
//     width: 100%;
//     padding: 15px 15px;
//     display: inline-block;
//     border: 1px solid #ccc;
//     border-radius: 4px;
//     box-sizing: border-box;
// }

.center{
  color: blue;
}
@media (max-width: 600px){
.horizontal,.middle,.horizontal1,.middle1 {
width: 100%;
}}


  .postColumn{
    border: 1px solid #ccc;
    width: 78%;
    margin-left: 15px;
  }
  .colName{
    text-align: center;
    padding: 5px;
  }
  .fieldWrapper{
    margin-top: 20px;
  }
  

  .clr-input {
    color: #212529;
    border: 1px solid #ced4da;
    border-radius: 0.35rem;
    padding: 0.75rem 0.75rem;
    margin-top: 3px;
    width: 100%;
    margin-bottom: 10px;
  }
  input[type=text],textarea {
    width: 100%;
    padding: 15px 15px;
   // margin: 8px 0;
   background-color:rgb(255, 255, 255);
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
  }
  .required-field{
    color: red;
  
  }
  .postColumn{
    border: 1px solid #ccc;
    width: 78%;
    margin-left: 15px;
  }
  .colName{
    text-align: center;
    padding: 5px;
  }
  .colfields{
    border: 1px solid black;
    margin: 17px;
    text-align: center;
    padding: 3px;
  }
  
  select{
    width: 100%;
    margin-top: 3px;
    padding: 5px 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }