
input {
    background-color:inherit;border-style:inset;border-radius:8px 8px 8px 8px;
    height:30px;border-width:2px .4px .4px 2px;border-color: #4a4a4a9a #827e7e #827e7e #4a4a4a9a;
    font-size:12pt;font-family:Arial;color:#999696;padding:1px 5px 2px 5px; font-weight: 400;
}
select {
    background:transparent;border-style:inset;border-radius:8px 8px 8px 8px;
    height:35px;border-width:2 .4 .4 2;border-color: #4a4a4a9a #827e7e #827e7e #4a4a4a9a;
    font-size:14pt;font-family:Arial, Helvetica, sans-serif;padding:1px 5px 2px 5px;width:60%; 
    color:#999696; font-stretch: expanded;color-scheme:light dark;
}
select option {
    background-color: #202121;
    color: #cecece;
    border-width: 0px;
    font-size: 11pt;
}
#d {
    position:       absolute;
    top:            200px;
    left:           40%;
}
#halign {display: flex;}

input[type="date"] {width:150px;color-scheme:light dark;}
input[type="checkbox"] { appearance: none; border: .02px #919191 solid; width:15px; height:15px; top: 5px; left: -4px; position:relative; border-radius: 4px 4px 4px 4px; }
input[type="checkbox"]:checked { background-color:#219821; border-style: inset;}
input[type="radio"] { appearance: none; border: 1px #919191 solid; width:15px; height:15px; top: 5px; left: -4px; position:relative; border-radius: 50% 50%; }
input[type="radio"]:checked { background-color:#219821; }
input[type="text"] { width:300px; height:40px; border-radius:8px 8px 8px 8px; border:1px inset #999393; font-size:14pt; padding-left:10px; padding-right:10px; }
input[type="email"] { width:300px; height:40; border-radius:8px 8px 8px 8px; border:1px inset #999393; font-size:14pt; padding-left:10px; padding-right:10px; }
input[type="password"] { width:300px; height:40px; border-radius:8px 8px 8px 8px; border:1px inset #999393; font-size:14pt; padding-left:10px; padding-right:10px; }
input[type="button"] { color: #d6d6e1;background-color: #3838e7; border-style: none; width:140px; height:45px;border-radius: 15px 15px 15px 15px;cursor:pointer; }
input[type="button"]:hover { color: #121212;background-color: #a4a4c7; border-style: none; width:140px; height:45px;border-radius: 15px 15px 15px 15px;cursor:pointer; }

.input-prompt {
    position: absolute;
    font-style: italic;
    font-family: Arial;
    font-size: 12pt;
    color: rgb(158, 151, 151);
    background-color: #2121219a;
    margin: 0.2em 0.5em 0.2em 0.5em;
    border-radius:5px 5px 5px 5px;
}
::-webkit-input-placeholder {
    color       : #bcb4b4;
    font-size   : 12pt;
    font-weight : 200;
    font-family : 'agency fb';
    font-stretch: ultra-expanded;
}
