
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
font-family: 'Poppins', sans-serif;
  color: solid black;
  opacity: 9; /* Firefox */
}


input.khyzer[type=text],input.khyzer[type=email],input.khyzer[type=password], select, textarea{
  margin:auto;
  width: 100%;
  max-width: 100px;
font-family: 'Poppins', sans-serif;
  font-size: 15px;

  height:auto;

  padding: 4px;
  
  border:none;
  /*border:1px solid black;*/
   /*border-bottom:1px solid #43b051;*/
    

  /*border-radius: 8px;*/

    box-sizing: border-box;
  resize: vertical;
text-align:center;

background-color: transparent;
  color: black;

}

input[type=text]:focus {
  /*border-bottom:2px solid black;*/

}

:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
:focus:-ms-input-placeholder {  
  opacity: 0;
  -ms-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

/*select {  }*/
select{
      color:black;
    background: transparent;
    text-align-last: center;
}

select option { color: black; }
/*select option:first-child{
  color: white;
}*/

select:focus{
  outline: none;
  /*color:black;*/
  /*font-weight: bold;*/
}


input[type=password]:focus {
  border-bottom: 0px solid black;

}

input:focus,
textarea:focus,
button:focus {
    outline: none;
}





label {
  padding: 12px 12px 12px 0;
  display: inline-block;
  font size:22px;
  font-weight:600;
  margin-top: 1px;
  color: black;
  /*text-align: none;*/

}






.col-25 {
  float: left;
  width: 60%;
  margin-top: 8px;
  /*border:1px solid black;*/
  /*text-align: right;*/
  /*padding-right:12px; */
  /*border:1px solid black;*/

}



.col-75 {
  float: left;
  width: 35%;
    margin-top: 8px;
    /*border:1px solid black;*/
    /*border:1px solid black;*/

}




.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .col-25, .col-75, .col-30, input.khyzer[type=date],input.khyzer[type=text],select,textarea {
    width: 100%;
    /*margin-top: 5px;*/
  }

  /*.input.khyzer[type=text]{max-width: 300px;}*/





}