input.form-control::placeholder {opacity: .3;font-size:clamp(0.9rem,1vw,1.2rem);}

input::-webkit-input-placeholder { -webkit-transition:.5s;}
input:-moz-input-placeholder { -moz-transition:.5s;}
input::-moz-input-placeholder { -moz-transition:.5s;}
input:-ms-input-placeholder { -ms-transition:.5s;}


input.form-control {
    text-align:center;
    line-height: 2.35rem;
    background-color:#eee;
}
input.form-control:focus {
  box-shadow: inset 0 0px 0 #000;
  /*text-align:center;*/
  background-color:white;
}



input:focus::-webkit-input-placeholder { color:transparent;}
input:focus:-moz-placeholder { color:transparent; } 
input:focus::-moz-placeholder { color:transparent; } 
input:focus:-ms-input-placeholder { color:transparent; }





input.form-select::placeholder {opacity: .3;font-size:clamp(0.9rem,1vw,1.2rem);}
input.form-select:focus {
  box-shadow: inset 0 0px 0 #000;
  /*text-align:center;*/
  background-color:lightgrey;
}


input.fosi-input-md{
  text-align:center;
  /*line-height: 0.68rem;*/
  border: 1px solid gray;
  padding: 0.43rem;
  border-radius: 0.25rem;
}
input.fosi-input-md::placeholder {opacity: .3;font-size:clamp(0.9rem,1vw,1.2rem);}
input.fosi-input-md:focus {
  box-shadow: inset 0 0px 0 #000;
  /*text-align:center;*/
  background-color:lightgrey;
}






select.input-group-text {
    text-align:center;
    line-height: 2.35rem;
    background-color:#eee;
}
select.input-group-text:focus {
  box-shadow: inset 0 0px 0 #000;
  /*text-align:center;*/
  background-color:white;
}


  .select:focus, .select:click, .select:active {
    outline: none !important;
    box-shadow: none !important;
  }
  
  @-moz-document url-prefix() {
    select, select:-moz-focusring, select::-moz-focus-inner {
       color: transparent !important;
       text-shadow: 0 0 0 #000 !important;
       background-image: none !important;
       border:0;
    }
}


select:focus::-webkit-select { color:red;}
select:focus::-ms-select { color:red;}
select:focus::-moz-select { color:red;}







  .cards{
    transition: all 0.2s ease;
    cursor: pointer;
    /*transition: box-shadow .3s;*/

  border-radius:20px;
  border: 2px solid #ccc;
  background: #eee;
  /*float: left;*/
  }
    

.cards:hover{
    /*box-shadow: 5px 6px 6px 2px #e9ecef;*/
    /*box-shadow: 20px 20px 15px dark;*/
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
    transform: scale(1.1);
}



  .likecards{
    /*transition: all 0.2s ease;*/
    /*cursor: pointer;*/
    /*transition: box-shadow .3s;*/

  border-radius:20px;
  border: 5px solid #aaa;
  background: #eee;
  /*float: left;*/
  }




    
/*****  force the pseudo-element to show:   ****/
  input[type=text]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}