input{
    background: #F4F5FB;
    border-radius: 8px;
    border: none;
    padding: 12px 0px 12px 10px;
    color: #6C779D;
    max-width: 100%;
}

input.active{
    background: #FFFFFF;
    border: 2px solid rgba(61, 96, 230, 0.6);
    padding: 10px 0 10px 6px;
}

input.special-width{
    width: calc(60px + 7vw);
}

input.add-padding{
    padding: 12px calc(5px + 1vw) 12px 35px;
}

input.add-padding:focus-visible{
    padding: 10px calc(3px + 1vw) 10px 33px;
}

input:focus-visible{
    outline: none;
    background: #FFFFFF;
    border: 2px solid rgba(61, 96, 230, 0.6);
    padding: 10px 48px 10px 8px;
}

.input-option-selector{
    cursor: pointer;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

::placeholder{
    color: #6C779D;
}

:-ms-input-placeholder{
    color: #6C779D;
}

::-ms-input-placeholder{
    color: #6C779D;
}

.search-box .fa-search{
    position: absolute;
    top: 59%;
    left: 10px;
    color: #FF7222;
}

.arrow-box{
    font-size: 8px;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 10px;
    top: 60%;
}

.input-option{
    border: 1px solid #C9D8E9;
    box-shadow: 0px 0px 5px #e1e4f2;
    border-radius: 8px;
    margin-top: 7px;
    display: none;
    position: absolute;
    z-index: 9999;
    background: #fff;
    width: 150%;
}

.input-option label {
    top: 11px;
    width: 8px;
}

.input-option input{
    padding: 10px;
    width: 43%;
}

.input-option input:focus-visible{
    padding: 8px;
}

.search-bar .search-content input {
  width: 100%!important;
}
.search-bar .search-content .input-option {
  width:100%!important;
}

.search-bar .search-content .input-option input {
  width: 45%!important;
}
.search-bar .search-content .input-option label {
  right: 3px!important;
}
/* Tablet */
@media (max-width: 1200px) {
  .search-bar.search-content .input-option label {
      right: unset!important;
  }
}

.single-post input{
  width: 100%;
}

/*FILE*/
.CV {
    cursor: pointer;
    /* Style as you please, it will become the visible UI component. */
}

.CV {
    opacity: 0;
    position: absolute;
    z-index: -1;
}