label, label-question 
{
   color: #808080;
   font-size: medium;
}

label::after
{
  content:":";
}

.radio-label
{
   color:inherit!important; 
  font-weight: bold;
  /* font-style: italic; */
}

.radio-label::after
{
  content:""!important;
}


.radio-label-small
{
  color:#666666!important;
  font-weight: normal;
  font-size: small;
}

.radio-label-small::after
{
  content:""!important;
}


label-question::after
{
  content:"??";
}

textarea
{
  font-family: inherit;
  font-weight: bold;
}

input.submit,
input[type=submit],
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=radio],
input[type=select],
textarea,
select
{
   border: 0.1em solid #000080;
   color: #0000ff;
   font-weight: bold;
   font-size: medium;
   padding: 4px;
   background-color:#f0f0ff;
}


input[type=number]
{
   border-radius: 3px;
   padding-right: 0px!important;
   color:#0000cc;
   font-weight:bold;
   letter-spacing:3px;
}

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
  /*  -webkit-appearance: none; */
    margin-left:5px;
    background-color: red;
    color:#00ff00;
    
}

input.submit,
input[type=submit]
{
  font-weight:normal;
  padding: 8px;
  border-radius:4px;
  cursor:pointer!important;
}


input:invalid+span:after {
  position: absolute;
  content: '✖';
  color: #ff0000;
  padding-left: 5px;
}

input:valid+span:after {
  position: absolute;
  content: '✓';
  color: #00aa00;
  padding-left: 5px;
}


select
{
  outline:0;  /* remove the focus box */
}


input[type=checkbox]
{
   top: +5px;
   color: #0000ff;
   font-weight: bold;
   font-size: x-large;
   background-color:#ffffff;
}


input[type=text]:hover!important
{
   /* do nothing */
   color:#00ff00;

}

input:hover, textarea:hover
{
  /* color:#ff0000; */
  background-color:#ffffff;
  border: 0.1em solid #0080ff;
}

.muted
{
   color:#333333; /*a0a0a0;*/
   font-size: medium;
}

.ml-15
{
   margin-left: 15px;
}

.mb-5
{
  margin-bottom: 5px;
}
.mb-10
{
  margin-bottom: 10px;
}
.mb-15
{
  margin-bottom: 15px;
}


