.wc-input
{
position: relative;
width: 100%;
height: 2.4em;
border-radius: 3px;
border: solid 1px var(--input-border);
background-color: var(--input-background);
padding: 0px;
display: table;
}
.wc-input-inline
{
float: left;
margin-right: 10px;
}
.wc-input-currency, .wc-input-float-1, .wc-input-float-2, .wc-input-float-3, .wc-input-float-4, .wc-input-int, .wc-input-date, .wc-input-time, .wc-input-datetime, .wc-input-time
{
max-width: 120px;
}
.wc-input-datetime
{
max-width: 212px;
border: 0px solid silver;
}
.wc-input-float-text
{
float: left;
padding-right: 10px;
height: 2.4em;
line-height: 2.4em;
background-color: var(--input-background);
border: 1px solid var(--input-background);
}
@media screen and (max-width: 460px)
{
.wc-input-float-text
{
width: 120px;
}
}
.wc-input-float-text-label
{
float: left;
padding-right: 10px;
height: 2.4em;
line-height: 2.4em;
background-color: rgba(0,0,0,0);
border: 1px solid rgba(0,0,0,0);
width: 120px;
}
.wc-input-input
{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
float: left;
height: 100%;
position: absolute;
width: calc(100% - 20px);
height: calc(100% - 4px);
padding-left: 7px;
text-align:left;
border: solid 0px var(--input-border);
color: var(--input-text);
border-radius: 3px;
}
.wc-input-input:focus
{
outline:none;
}
input.wc-input-input:-webkit-autofill
{
-webkit-box-shadow: 0 0 0px 1000px var(--input-background) inset !important;
}
.wc-input-input-currency, .wc-input-input-float-1, .wc-input-input-float-2, .wc-input-input-float-3, .wc-input-input-float-4, .wc-input-input-int
{
text-align: right;
}
.wc-input-input-datetime
{
width: 114px;
border: 1px solid var(--input-border);
border-radius: 3px;
text-align:center;
padding-left: 0px;
padding-right: 5px;
}
.wc-input-input-datetime-time
{
width: 75px;
margin-left: 130px;
text-align:center;
padding-left: 0px;
padding-right: 5px;
border: 1px solid var(--input-border);
border-radius: 3px;
}
.wc-input-input-chrome
{
height: calc(100% - 2px);
}
.wc-input-memo
{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
width: calc(100% - 10px);
padding-left: 7px;
text-align:left;
border: solid 0px var(--input-border);
color: var(--input-text);
border-radius: 3px;
}
.wc-input-arrow
{
position: absolute;
margin: 0px;
right: 0px;
top: 0px;
height: calc(100% - 1px);
width: 35px;
border: 0px solid #fff;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
display: table-cell;
cursor: pointer;
background-color: var(--input-selector-background);
background-image: url("images/arrow-down.svg");
background-repeat:no-repeat;
background-position:center;
background-size: 20px 20px;
}
.wc-input-arrow-plus
{
background-image: url("images/plus.svg");
}
.wc-input-arrow-chrome
{
height: calc(100% - 0px);
}