input, select, iframe {
    height: 30px;
    width: 97%;
    background-color: var(--inputColor);
    border: var(--inputBorder);
    border-radius: var(--inputRadius);
    box-shadow: var(--inputShadow);
    color: var(--inputFontColor);
    padding-left:5px;
}

iframe {
    height: 250px;
    width: 100%;
    padding:0px;
}

select {
    width:100%;
    margin-bottom:10px;
}
    select option {
        background: rgb(81,135,212, 0.95);
    }



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--inputPlaceholderColor);
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--inputPlaceholderColor);
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--inputPlaceholderColor);
}

    input:focus {
        outline: none;
    }



input[type=checkbox] {
    width: 20px;
    height: 20px;
}

    input[type=text], input[type=password] {
        padding-left: 5px;
        padding-right: 5px;
        height: 30px;
        text-align:left;
    }

        input[type=text]:hover, input[type=password]:hover,
        input[type=text]:active, input[type=password]:active {
            background: var(--inputHover);
        }

    input[type=button], input[type=submit] {
        width: 100%;
        height: 30px;
        background: var(--variantColor);
        cursor:pointer;
    }


.mini {
    max-width: 100px;
}

.filledSelectbox {
    background-color: var(--variantColor);
}