﻿input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=date],
input[type=datetime-local],
input[type=time],
textarea,
select {
    display: block;
    width: 100%;
    min-height: 46px;
    padding: 10px 13px;

    color: #183149;
    font: inherit;
    line-height: 1.4;

    background: #f8fafc;
    border: 1px solid #cbd6e2;
    border-radius: 9px;

    transition:
        border-color .16s,
        box-shadow .16s,
        background-color .16s;
}

input:not([type]):hover,
input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
input[type=number]:hover,
input[type=date]:hover,
input[type=datetime-local]:hover,
input[type=time]:hover,
textarea:hover,
select:hover {
    border-color: #91a8bd;
}

input:not([type]):focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=time]:focus,
textarea:focus,
select:focus {
    background: white;
    border-color: #159eb4;
    box-shadow: 0 0 0 4px rgba(21,158,180,.15);
    outline: none;
}

input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #159eb4;
    vertical-align: middle;
}


