/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
.required label:after {
    content: " *";
    color: red;
}

.field_with_errors input {
    border: 1px solid red;
}

.field_with_errors label {
    color: red;
}

.field_with_errors select {
    border: 1px solid red;
}

.field_with_errors .trix-content {
    border: 1px solid red;
}


svg.inline-svg-icon {
    display: inline;
    width: 15px;
    height: 15px;

}

.text-2xl svg {
    width: 48px;
    height: 48px;
}

.text-xl svg {
    width: 32px;
    height: 32px;
}

.text-lg svg {
    width: 28px;
    height: 28px;
}

.text-xs svg {
    width: 12px;
    height: 12px;
}

.admin-layout {
    margin-left: 255px;
    width: calc(100% - 255px);
}

.gridtable-header > * {
    background-color: #c6005c;
}