.warning {
    background: #f2cc8f !important;
    border-color: #f2cc8f !important;
    color: #141e26;
    max-width: 120px;
}

.list-buttons {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
}
.list-buttons:hover {
    background: var(--secondary-hover) !important;
    border-color: var(--secondary-hover) !important;
}

.mb-2 {
    margin-bottom: 32px !important;
}

.p-2 {
    padding: 32px !important;
}
/*box shadow*/
.container {
    padding: 16px;
    min-height: 100%;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.75);
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.75);
    border-radius: 4px;
}

:root:not([data-theme]),
:root {
    --form-element-spacing-vertical: 8px;
    --spacing: 4px;
    --background-color: #3d405b;
    --primary: #81b29a;
    --secondary: #e07a5f;
    --primary-hover: #6F9F87FF;
    --secondary-hover: #c36e57;
    --color: #aeb1b3
}

button{
    max-width: fit-content;
}

.input-md {
    max-width: 180px;
}