::-webkit-input-placeholder { /* Edge */
  color: #979797;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #979797;
}

::placeholder {
  color: #979797;
}

input:focus{
  outline:none;
}


input[type=radio]{
  display:none;
}


.input_container{
  display:flex;
  align-items: center;
  margin-bottom: 15px;
}

.input_label{
  min-width:200px;
  font-size: 14px;
}

.input_container input, .input_container select{
  width:300px;
  padding:3px 5px;
  font-size: 14px;
  background: rgb(230,230,230);
  border:none;
  transition: 0.2s;
  font-family: 'Roboto Condensed', sans-serif;
  border-radius: 2px;
}

.input_container input:focus, .input_container select:focus{
  outline: none;
  background: rgb(245,245,245);
}

.readonly_value{
  width:300px;
  padding:3px 5px;
  font-size: 14px;
}

.datetime_input{
  display:flex;
  align-items: center;
  justify-content: space-between;
  width:300px;
}

.datetime_input input{
  width:48% !important;
}

.view,.noview{
  height:20px;
  margin-left: 10px;
  cursor:pointer;
}


.validation_text{
  color:grey;
  font-size: 12px;
  margin-left: 10px;
}

.reset_btn,.submit_btn,.swap_btn{
  border:none;
  border-radius: 3px;
  padding:4px 6px;
  text-decoration: none;
  color:white;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 15px;
  text-align: center;
  width: 100px;
  cursor: pointer;
}

.reset_btn {
  background: linear-gradient(var(--color3),var(--color4));
}

.submit_btn {
background: linear-gradient(var(--color5),var(--color6));
}

.swap_btn{
  background: linear-gradient(#00b712,#03771b);
}