:root {
    --body-max-width: 100%;
    --main-color: #4C5DF6;
    --color-primary: #4C5DF6;
    --secondary: #CCCED7;
    --primary: #4C5DF6;
    --light-blue: #14B3DB;
    --red: #ED3E3E;
    --yellow: #EBB215;
    --violet: #6923AF;
    --green: #1EAE6A;
    --gray: #8B817E;
    --light-gray: #D3D3D3;
    --pink: #EF2989;
    --white: #FFFFFF;
    --black: #020024;
    --orange: #F47D4A;
}

@media (min-width: 1024px) {
    .custom-datetime-filter .form-widget {
        flex: 0 0 90%;
        padding-left: 5px;
    }
}

p.datetime,
p.place-address {
    margin: 0;
}

.datagrid-header-tools .datagrid-search {
    padding-right: 0;
    display: none;
}

.field-boolean .badge-boolean-false {
    background: var(--red);
    border: none;
    color: var(--white);
}

.field-boolean .badge-boolean-true {
    background: var(--green);
    color: var(--white);
}

.main {
    width: 400px;
    margin: 20px auto;
}

.box-body {
    margin-top: 50px;
}

.btn-main:hover {
    color: white;
}

.danger {
    color: var(--danger);
}

pre.json {
    width: 1000px;
    margin-bottom: 0;
}

.form-panel {
    border: var(--light-gray) solid 1px;
    border-radius: 6px;
    padding: 0 10px 5px 10px;
}

.datalist .data-row {
    box-shadow: 0 1px var(--light-gray) !important;
    padding: 15px 0 15px 0 !important;
}

.datalist .data-row:last-child {
    box-shadow: none !important;
}

.ea-new .field-form_panel,
.ea-edit .field-form_panel {
    padding-bottom: 35px;
}

.application-user-deleted {
    text-decoration: line-through;
}

.token {
    padding: 5px;
    background-color: darkgrey;
}

button.success {
    background-color: green;
}

button.success:hover {
    background-color: green;
}

button.success:active {
    background-color: green;
}