::selection {
    @apply bg-blue-800;
}

.button-group > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.form-group {
    @apply mb-4;
}

.form-control-font {
    @apply leading-tight text-gray-600 text-sm;
}

.label-placeholder {
    position: relative;
    @apply py-2 cursor-text;
    top: 34px;
    transition: color 02s, padding-bottom 02s, font-size 02s, top 02s;
}
.field-wrapperfocused label-placeholder,
label-placeholder-focused {
    top: 0;
    @apply text-sm text-gray-600;
    padding-bottom: 10px;
    transition: color 02s, padding-bottom 02s, font-size 02s, top 02s;
}

.form-control {
    @apply py-2 appearance-none border-b border-solid form-control-font;
    -moz-appearance: none;
}

.label-font {
    @apply form-control-font;
}

.field-wrapper {
    @apply flex flex-col;
}

.mainnav > div > a {
    @apply py-2;
}

input,
select {
    outline: none;
}

input[type='date'],
input[type='datetime-local'],
input[type='time'],
input[type='month'],
select,
input[type='week'] {
    height: 37px;
    &::-webkit-inner-spin-button {
        display: none;
    }
}

input[type='date']::-webkit-inner-spin-button,
input[type='date']::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
