/* colors */
.primary-color{
    color: var(--primary-text-color) !important;
}
.secondary-color{
    color: var(--secondary-text-color) !important;
}
.accent-color{
    color: var(--accent-text-color) !important;
}
.disabled-color{
    color: var(--disabled-text-color) !important;
}
.warn-color{
    color: var(--warn-text-color) !important;
}

/* backgrounds */
.primary-background{
    background: var(--primary-background-color) !important;
}
.basic-background{
    background: var(--basic-background-color) !important;
}
.accent-background{
    background: var(--accent-background-color) !important;
}
.disabled-background{
    background: var(--disabled-background-color) !important;
}
.warn-background{
    background: var(--warn-background-color) !important;
}
.highlight-background{
    background: var(--highlight-background-color) !important;
}

/* button */
button, .button{
    border: none;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    background: var(--content-background-color);
    color: var(--content-text-color);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
}
button.primary, .button.primary{
    background: var(--primary-background-color);
    color: var(--white-text-color);
}
button.accent, .button.accent{
    background: var(--accent-background-color);
    color: var(--white-text-color);
}
button.warn, .button.warn{
    background: var(--warn-background-color);
    color: var(--white-text-color);
}
button:disabled, .button.disabled{
    background: var(--disabled-background-color);
    color: var(--disabled-text-color);
    box-shadow: none;
}
/* text */
.text-primary{
    color: var(--primary-text-color) !important;
}
.text-secondary{
    color: var(--secondary-text-color) !important;
}
/* badge */
.badge{
    border: 1px solid var(--content-border-color);
    background: var(--content-background-color);
    color: var(--content-text-color);
}
.badge.primary{
    border: none;
    background: var(--primary-background-color);
    color: var(--content-text-color);
}
.badge.accent{
    border: none;
    background: var(--accent-background-color);
    color: var(--white-text-color);
}
.badge.highlight{
    border: none;
    background: var(--highlight-background-color);
    color: var(--content-text-color);
}
.badge.warn{
    border: none;
    background: var(--warn-background-color);
    color: var(--white-text-color);
}
.badge.disabled{
    border: none;
    background: var(--disabled-background-color);
    color: var(--disabled-text-color);
}

/* item-card */
.item-card .item-card-date i {
    color: var(--icon-color);
}
.item-card .item-card-date{
    color: var(--accent-text-color);
}
.item-card .item-card-user {
    background: var(--basic-background-color);
    color: var(--secondary-text-color);
}
.item-card .item-card-image{
    color: var(--icon-color);
}
.item-card .item-card-title{
    color: var(--content-text-color);
}
.item-card .item-card-subtitle{
    color: var(--secondary-text-color);
}

/* title */
.page-title,
.page-title:not(:first-child){
    font-size: 32px;
    line-height: 32px;
    font-weight: 500;
    margin: 0;
    padding: 0;
}
.page-title i{
    margin-right: 8px;
    font-size: 28px;
    margin-top: 10px;
}

.section-title{
    margin: 28px 0;
}
.section-title i{
    margin-right: 8px;
}
.section-description{
    font-size: 16px;
    line-height: 21px;
    margin: 10px 0 20px 0;
}

/* widgets */
.file-selector-widget .file-selector-widget-input input{
    display: none;
}
.file-selector-widget .file-selector-clear-button{
    position: absolute;
    bottom: 10px;
    right: 5px;
    background: transparent;
    box-shadow: none;
    padding: 3px;
    min-width: 0;
    min-height: 0;
    line-height: 1;
}

/* card */
.content-card .content-card-title{
    font-size: 18px;
    font-weight: normal;
}
.content-card .content-card-subtitle{
    font-weight: normal;
    font-size: 13px;
}
.content-card .content-card-header .page-title i{
    margin-top: 0;
}

.form-error-details {
    display: none;
}