::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
font-family: var(--default-font);
        font-size: 13px;
  color: rgb(0, 0 ,0 , 0.7);
  opacity: 0.7; /* Firefox */
}


input.khyzer[type=text], input.ro[type=text], input.khyzer[type=email], input.khyzer[type=password], select, textarea {
    width: 100%;
    max-width: 196px;
    min-width: 196px;
    font-family: var(--default-font);
    font-size: 13px;
    /* font-weight: bold; */
    height: auto;
    padding: 6px;
    border: 0;
    border: 1px solid var(--green);
    /* border-bottom: 1.5px solid #8e959f; */
    color: black;
    background-color: white;
    border-radius: 2px;
    box-sizing: border-box;
    resize: vertical;
    text-align: center;
    margin-top: 5px;
}


input[type=text]:focus {
  /*border-bottom:2px solid #3f51b5;*/

}



: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 {
    /* color: white; */
    background: transparent;
    /* border: 1px solid white; */
    /* border-bottom: 1px solid white; */
    text-align: left;
    text-align-last: center;
    border-radius: 0px;
    /* margin-top: 12px; */
    max-width: 196px;
    font-size: 13px;
    cursor: pointer;
    min-width: 120px;
}

select option { padding: 4px;cursor: pointer; }
/*select option:first-child{
  color: white;
}*/

select:focus{
  outline: none;
  /*color:black;*/
  /*font-weight: bold;*/
}




input:focus,
textarea:focus,
button:focus {
    outline: 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;}*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

  font-size: 12px;
}



}