/* Custom styles goes here */

.logo-image{
    height:100px !important;
    width:auto !important;
}

.invalid-form {
    width: 100%;
    margin-top: .25rem;
    font-size: 85.714285%;
    color: var(--tblr-form-invalid-color);
}

.input-validation-error {
    border: 1px solid red;
    box-shadow: 0 0 13px inset rgba(255, 0, 0, 0.09);
}
.input-group input-group-flat {
    border: 1px solid red;
    box-shadow: 0 0 13px inset rgba(255, 0, 0, 0.09);
}
.valid {
    border: 1px solid green;
    box-shadow: 0 0 13px inset rgba(0, 128, 0, 0.09);
}

.required::after {
    content: " *" !important;
    color: red !important;
}

.card-header {
    align-items: normal !important;
    flex-wrap: nowrap !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-content: stretch !important;
    padding: var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x) !important;
    margin-bottom: 0 !important;
    color: var(--tblr-card-cap-color) !important;
    background-color: var(--tblr-card-cap-bg) !important;
    border-bottom: var(--tblr-card-border-width) solid var(--tblr-card-border-color) !important;
}
.card-header-multiple {
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-content: stretch !important;
    padding: var(--tblr-card-cap-padding-y) var(--tblr-card-cap-padding-x) !important;
    margin-bottom: 0 !important;
    color: var(--tblr-card-cap-color) !important;
    background-color: var(--tblr-card-cap-bg) !important;
    border-bottom: var(--tblr-card-border-width) solid var(--tblr-card-border-color) !important;
}
.picture input[type="file"] {
    FONT-WEIGHT: 200;
    cursor: pointer;
    display: block;
    height: 10%;
    left: 13%;
    opacity: 0 !important;
    position: absolute;
    top: 30%;
    width: 140px;
}

.avatar {
    border: solid 2px #e1e1e1;
}

.page-body {
    margin-top: 0px !important;
    margin-bottom: var(--tblr-page-padding-y);
}
.ts-control{
    max-height:80px;
    overflow-y:auto
}
.bg-disabled{
    background-color: #f8f9fa !important;
}