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

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

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

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


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

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

.btn {
    @apply .px-3 .py-2 .uppercase .no-underline .text-sm .rounded .text-white;
}
.btn-sm {
    @apply .text-xs !important;
}
.btn.p-0 {
    padding: 0 !important;
}
.btn-primary {
    @apply .bg-primary;
}
.btn-primary:hover {
    @apply .bg-primary-light;
}
.btn-danger {
    @apply .bg-danger;
}
.btn-danger:hover {
    @apply .bg-danger-light;
}
.btn-default {
    @apply .bg-gray-600;
}
.btn-primary-light {
    @apply .bg-primary-light;
}
.btn-default:hover {
    @apply .bg-gray-600;
}

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

.toolbar-title {
    @apply .font-bold .text-gray-700 .text-lg;
}

.subtitle {
    @apply .subtitle .text-xl .font-semibold .mt-6 .font-thin .uppercase .text-gray-600;
}

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