select {
    -webkit-appearance: none;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid var(--Gray-300, #D0D5DD);
    background: var(--White, #FFF);

    color: var(--Gray-500, #667085);
    /* Text md/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 150% */
}

select:focus-visible {
    outline: None;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.editable.wide{
    width: 100%
}
.editable.inline-block{
    display: inline-block
}

.field_input {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.wrapper_input_with_icon{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position:relative;
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
    border: 1px solid var(--Theme-Light-Forum-Input-Form-Input---Stroke, #D0D5DD) !important;
}

.wrapper_input_with_icon:has(input:is(:-webkit-autofill, :autofill)){
    background-color: rgb(232 240 254) !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important;
}

.wrapper_input_with_icon:focus-within{
    outline: none;
    border: 1px solid var(--button-tertiary-border-hover);
}
.wrapper_input_with_icon:has(input:disabled){
    background: #EAEDED;
}

.input_with_icon{
    width: 100%;
    padding: 0 10px !important;
    max-width: 100%;
    box-sizing: border-box;
    border: none !important;
}
.input_with_icon:focus{
    border: none;
}

.input_icon{
    color: var(--gray-500, #667085);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    z-index: 2;
}

:is(input, select) {
    border: 1px solid var(--input-border);
    background: white;

    height: 36px;
    max-width: 100%;

    border-radius: 8px;
    padding: 0px 14px;

    color: var(--gray-500, #667085);
    /* Text md/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    /* 150% */

    /* box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); */
    vertical-align: bottom;
}

textarea {
    border: 1px solid var(--input-border);
    border-radius: 8px;
    background: white;

    color: var(--Gray-500, #667085);
    /* Text md/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    padding: 8px 14px;
    /* text-align: justify; */
}


textarea::placeholder{
}

form input,
form textarea {
    border-radius: 8px;
}

input:focus,
textarea:focus {
    outline: none;
    border: 1px solid var(--button-tertiary-border-hover);
}

input:active {
    border-color: (--button-primay-pressed);
}

input:disabled{
    cursor: no-drop;
    background-color: #eaeded; /*light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));*/
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
}

.input-control {
    margin-top: 12px;
    text-align: right;
}