body {
    color: #505d69;
}

.login {
    background-color: #FFFFFF !important;
}

.hidden {
    display: none;
}

#result_list thead th {
    background: #eff2f7 !important;
    border-bottom: 1px solid #d3d4d6 !important;
    border-right: 1px solid #eaeaea !important;
}

#result_list thead th:last-child {
    border-right: none !important;
}

.btn-delete {
    font-family: "Font Awesome 5 Free", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 900;
}

ul, li {
    list-style: none;
}

.navbar-header {
    height: 50px;
}

a, a:active {
    color: #505d69;
}

select[required], input:not([type='submit'])[required], input:not([type='submit'])[required]:focus {
    border-left: 1px solid #e85353 !important;
}

.vertical-menu {
    top: 50px;
}

.paginator {
    margin-top: 10px;
    float: right;
}

.paginator a, .paginator span, .paginator a:link, .paginator a:visited {
    padding: 5px 7px;
    margin: 1px;
    background: #F5F5F5;
    border: thin solid #F0F0F0;
}

.paginator span.this-page, .paginator a:hover {
    color: #fff;
    background-color: #5664d2;
    border-color: #5664d2;
}

.navbar-header .btn {
    height: 50px !important;
}

body, #sidebar-menu ul li a, td, th, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .menu-title {
    font-family: 'Play', sans-serif !important;
}

#sidebar-menu {
    padding: 0 0 50px 0;
}

#sidebar-menu ul li.menu-title {
    background: #181e2d !important;
    border-top: thin solid #121621 !important;
    border-bottom: thin solid #121621 !important;
    color: #ddd;
    opacity: .8;
    box-shadow: rgb(200 200 200 / 10%) 0 1px 1px 0 inset;
}

.vertical-collpsed #sidebar-menu li:not(.menu-title, :nth-child(2)) {
    border-top: thin solid #141823;
    box-shadow: rgb(200 200 200 / 10%) 0 1px 1px 0 inset;
}

.vertical-collpsed #sidebar-menu li {
    width: 70px !important;
}

.tooltip-arrow:before {
    border-right-color: #293041 !important;
}

.tooltip-inner {
    background: #293041 !important;
    opacity: 1 !important;
}

#sidebar-menu li:not(.menu-title, :nth-child(2)), .vertical-collpsed #sidebar-menu li:nth-child(2) {
    border-top: thin solid #141823;
    box-shadow: rgb(200 200 200 / 10%) 0 1px 1px 0 inset;
}

.vertical-collpsed .footer, .footer {
    left: 0;
}

div.breadcrumbs a {
    color: unset !important;
}

div.breadcrumbs {
    background: unset !important;
    padding: unset !important;
    font-size: unset !important;
    color: unset !important;
}

#content {
    padding: unset !important;
}

#content h1 {
    font-weight: 300 !important;
    font-size: 20px !important;
    color: #666 !important;
}

#changelist-filter {
    order: 1;
    width: 100%;
    max-height: 650px;
    overflow-y: auto;
    background: #f8f8f8;
    border-left: none;
    margin: 0;
}

#changelist-filter ul {
    margin: 0;
    padding: 0;
}

#changelist-filter h3 {
    margin: 0;
    padding: 10px;
    background: #888;
    color: #fff;

}

#changelist-filter li:nth-child(odd) {
    background: #F0F0F0;
}

#changelist-filter-clear {
    float: right;
    font-size: 14px;
    margin-top: 10px;
}

#changelist-filter li {
    margin: 0;
    padding: 7px 10px;
}

#changelist-filter li a {
    color: #333;
}

#changelist-filter li:hover {
    background: #f0f0f0;
}

#changelist-filter li.selected {
    border-color: #F0F0F0;
    margin-left: 0;
    font-weight: bold;
    padding: 7px 10px;
}

#result_list {
    margin-bottom: unset !important;
}

#changelist table tbody tr.selected {
    background-color: #f1f5f7;
}

table thead th .text a:focus, table thead th .text a:hover, thead th, thead th.sorted {
    background: unset !important;
}

table thead th {
    border-bottom: 2px solid #eee !important;
}

.object-tools {
    font-size: 10px;
    font-weight: bold;
    padding-left: 0;
    float: right;
    position: relative;
    margin-top: -45px;
}

.object-tools li {
    float: left;
    margin-left: 5px;
}

#changelist {
    display: block;
}

.vDateField, .vTimeField {
    width: 110px !important;
    display: inline-block;
}

#changelist .actions label {
    margin-bottom: unset !important;
    line-height: 36px;
    display: inline-flex;
    margin-left: 5px;
}

#changelist .actions label:first-child {
    margin-left: 0;
}

.results {
    margin-top: 10px;
}

table thead th.sorted .sortoptions {
    float: right;
    text-align: right;
    position: relative;
    display: flex;
    justify-items: center;
    font-weight: 400 !important;
}

table thead th.sorted .sortoptions + div.text {
    float: left;
}

table thead th.sorted {
    background: #F5F5F5;
}

table thead th.sorted .sortoptions a.sortremove:before {
    content: "\ed16";
    font-family: "remixicon", serif !important;
    top: 0;
    left: 0;
    opacity: .7;
}

table thead th.sorted .sortoptions a.sortremove:after {
    content: "\\";
    position: absolute;
    top: -6px;
    left: 3px;
    font-size: 20px;
    opacity: .7;
}

table thead th.sorted:hover .sortoptions a.sortremove {
    visibility: visible;
}

table thead th.sorted .sortoptions a.descending:before {
    content: "\ea4b";
    font-family: "remixicon", serif !important;
    font-weight: bold !important;
}

table thead th.sorted .sortoptions a.ascending:before {
    content: "\ea75";
    font-family: "remixicon", serif !important;
    font-weight: bold !important;
}

thead th.sorted a.sortremove {
    visibility: hidden;
}

.actions button {
    margin-left: 5px;
}

.submit-row a.deletelink {
    height: unset !important;
}

input.btn {
    box-shadow: none !important;
}

#changelist-search div {
    display: flex;
}

select:focus {
    outline: none;
    border-color: #ced4da !important;
}

input[type='text'], input[type='email'], input[type='password'], input[type='number'] {
    height: 36px;
    padding: 0.47rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

input[type='text']:focus {
    outline: none;
}

.form-row div:not(.selector) {
    display: block;
}

.form-row > div {
    width: 100%;
}

.form-row div select, .form-row div text {
    float: left;
}

#sidebar-menu ul li a i {
    opacity: 1;
}

body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active,
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i {
    color: #FFF !important;
}

.scroll-to-top {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 20px;
    color: #8590a5;
    cursor: pointer;
    opacity: .8;
}

.scroll-to-top:hover {
    color: #FFF;
}

/*select + .related-widget-wrapper-link, .related-widget-wrapper-link + .related-widget-wrapper-link {*/
/*    float: right;*/
/*    margin-top: 8px;*/
/*}*/
.aligned label {
    line-height: unset;
    padding: 0 !important;
}

.form-row label input[type="checkbox"] {
    margin-right: 10px;
}

.aligned ul label {
    display: flex !important;
    justify-items: center;
}

form .aligned ul {
    padding-left: 0 !important;
}

form .aligned p.help, form .aligned div.help {
    padding-left: 0 !important;
    font-size: 13px;
    color: #999;
}

#changelist-search label {
    float: left;
    margin-top: 8px;
    margin-right: 10px;
}

div.help {
    width: 100%;
}

.actions input {
    margin-left: 5px;
}

#content-main {
    padding-top: 15px;
}

#toolbar {
}

#toolbar #searchbar {
    margin: 0 5px 0 0 !important;
    height: 38px !important;
    width: 350px;
}

p.datetime {
    font-size: 0;
}

p.datetime br {
    content: " ";
    margin-left: 10px !important;
}

.selector .selector-filter {
    border-right: thin solid #ced4da !important;
    border-left: thin solid #ced4da !important;
}

.selector .selector-filter input {
    font-size: 14px;
}

fieldset h2, .module h2, .selector .selector-available h2 {
    padding: .75rem 1.25rem .75rem 1rem;
    margin-bottom: 0;
    background-color: #f1f5f7;
    border-top: thin solid #ced4da !important;
    border-right: thin solid #ced4da !important;
    border-left: thin solid #ced4da !important;
    border-bottom: thin solid #ced4da !important;
    color: #505d69;
    font-size: 1rem;
}

.navbar-header .btn {
    padding: 0 0 0 15px;
    border: none;
}

.aligned label:not(.vCheckboxLabel):after {
    height: calc(1rem - 4px);;
}

ul.errorlist {
    width: 100%;
    padding-left: 0 !important;
}

ul.errorlist li {
    color: #ec4848;
}

.form-row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.logo {
    line-height: 50px;
}

.navbar-brand-box {
    /*padding: 0;*/
}

.auth-form-group-custom .form-control {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
}

.page-content {
    padding: calc(50px + 24px) calc(24px / 2) 60px calc(24px / 2);
}

.user-dropdown i {
    vertical-align: middle;
}

.user-dropdown i.user {
    font-size: 22px;
    color: #636e75;
}

.jsoneditor {
    border-color: #636e75;

}

/*.jsoneditor-outer {*/
/*    min-height: 400px;*/
/*}*/

.jsoneditor-menu {
    background-color: #636e75;
    border-bottom-color: #ccc;;
}

.inline-group .tabular td.original p {
    height: auto;
    padding-left: .75rem;
    text-decoration: underline;
}

ul.messagelist {
    padding-left: 0 !important;
}

.dropdown-menu.show {
    margin-top: 5px !important;
    right: -10px !important;
    left: auto !important;
}

table tr.form-row {
    display: table-row;
}

table tr.empty-form {
    display: none;
}

.page-title-box {
    padding-bottom: 10px;
}

/*a:link, a:visited {*/
/*    color: #343a40;*/
/*}*/

/*a:hover {*/
/*    color: #121416;*/
/*}*/

ul.pagination {
    display: block;
    margin-left: 0 !important;
}

ul.pagination li {
    list-style-type: none;
    display: inline-block;
}

.page-item.active .page-link {
    background-color: #5664d2 !important;
    border-color: #4959c4 !important;
    color: #FFF !important;
}

.pagination-rounded .page-link {
    padding: 0.5rem !important;
    margin: 0 !important;
    min-width: 32px;
    background: #F0F0F0 !important;
    color: inherit !important;
}

.dashboard-item {
    padding: calc(32px / 2) 0 !important;
}

.main-content {
    position: relative;
    min-height: 100%;
}

.main-content.is-popup {
    margin-left: 0 !important;
}

.main-content.is-popup .page-content {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.main-content.is-popup .footer {
    display: none;
}

.vertical-collpsed .vertical-menu {
    position: fixed !important;
}

.vertical-collpsed .vertical-menu .simplebar-content-wrapper {
    overflow: scroll !important;
}

body[data-sidebar=dark].vertical-collpsed {
    min-height: unset !important;
}

#layout-wrapper {
    height: 100%;
}

.form-select {
    width: 100% !important;
    padding: 0.47rem 1.75rem 0.47rem 0.75rem !important;
    background-position: right .3rem center;
}

.activity-wid .activity-list {
    padding: 0 0 15px 30px;
    list-style-type: none;
}

/* Fix jsoneditor if exist */
.jsoneditor-menu > button {
    background: transparent url('https://jsoneditoronline.org/static/media/jsoneditor-icons.15f2789d.svg');
}

fieldset .fieldBox {
    width: calc(33% - 9px) !important;
}

fieldset .fieldBox:last-child:not(first-child) {
    margin-right: 0 !important;
}

.vIntegerField {
    width: 10em !important;
}

.wide label {
    width: 160px !important;
}

div.form-row > div > .related-widget-wrapper,
div.form-row > div.fieldBox > input[type='text']:not(.vDateField),
div.form-row > div.fieldBox > input[type='email'],
div.form-row > div.fieldBox > input[type='number'],
div.form-row > div.fieldBox > input[type='password'],
div.form-row > label + input[type='text']:not(.vDateField),
div.form-row > label + input[type='email'],
div.form-row > label + input[type='number'],
div.form-row > label + input[type='password'],
div.form-row > div > select.form-select,
div.form-row > div > table {
    width: calc(100% - 160px) !important;
}

td > div.related-widget-wrapper > select.form-select {
    width: 100% !important;
}

fieldset.module.aligned {
    width: 100%;
    margin-bottom: 20px;
}

thead th.form-switch, tfoot td.form-switch {
    font-size: 13px !important;
}

.form-switch {
    padding-left: 0;
}

td.form-switch {
    text-align: center;
}

span.delete > input {
    margin-top: 0 !important;
}

span.delete > label {
    margin-bottom: 0 !important;
}

td.form-switch > div {
    display: inline-block;
    margin-top: 10px;
}

.form-switch .form-check-input {
    margin-left: 0 !important;
    width: 2.2em !important;
    height: 1.3em !important;
    font-size: 14px;
}

#result_list th:first-child, #result_list td:first-child {
    text-align: center !important;
}

button.close {
    border: none;
    background: none;
    color: inherit;
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
    text-transform: uppercase;
}

#changelist table thead th {
    padding: .75rem;
}

form .wide p,
form .wide input + p.help,
form .wide input + div.help,
.aligned label + p,
.aligned label + div.help,
.aligned label + div.readonly {
    margin-left: 160px !important;
}

.datetime input, .form-row .datetime input.vDateField, .form-row .datetime input.vTimeField {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}

/*.btn-light, .btn-primary {*/
/*    border: inherit !important;*/
/*    background: inherit !important;*/
/*    color: inherit !important;*/
/*}*/
.form-check-input {
    cursor: pointer;
}

.form-check-input:checked {
    background-color: #1cbb8c !important;
    border-color: #1cbb8c !important;
}

.selector-chosen select {
    height: calc(17.2em + 52px) !important;
}

.custom-btn {
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden= "true" focusable= "false" data-prefix= "fas" data-icon="arrow-alt-circle-right" role= "img" xmlns= "http://www.w3.org/2000/svg" viewBox= "0 0 512 512" class= "svg-inline--fa fa-arrow-alt-circle-right fa-w-16" ><path fill="white" d="M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zM140 300h116v70.9c0 10.7 13 16.1 20.5 8.5l114.3-114.9c4.7-4.7 4.7-12.2 0-16.9l-114.3-115c-7.6-7.6-20.5-2.2-20.5 8.5V212H140c-6.6 0-12 5.4-12 12v64c0 6.6 5.4 12 12 12z" class= "" ></path></svg>') !important;
    background-repeat: no-repeat !important;
    background-size: auto 45% !important;
    background-position: 8px 50% !important;
    padding-left: 35px !important;
    height: 38px !important;
}

.submit-row {
    border-top: thin solid #F0F0F0 !important;
}

.submit-row input[type="submit"][name="_save"] {
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="save" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-save fa-w-14"><path fill="white" d="M433.941 129.941l-83.882-83.882A48 48 0 0 0 316.118 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V163.882a48 48 0 0 0-14.059-33.941zM224 416c-35.346 0-64-28.654-64-64 0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64zm96-304.52V212c0 6.627-5.373 12-12 12H76c-6.627 0-12-5.373-12-12V108c0-6.627 5.373-12 12-12h228.52c3.183 0 6.235 1.264 8.485 3.515l3.48 3.48A11.996 11.996 0 0 1 320 111.48z" class=""></path></svg>') !important;
}

.submit-row input[type="submit"][name="_addanother"],
.submit-row input[type="submit"][name="_continue"] {
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-check-circle fa-w-16"><path fill="white" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z" class=""></path></svg>') !important;
}

.object-tools a.addlink {
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="plus-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-plus-circle fa-w-16"><path fill="white" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm144 276c0 6.6-5.4 12-12 12h-92v92c0 6.6-5.4 12-12 12h-56c-6.6 0-12-5.4-12-12v-92h-92c-6.6 0-12-5.4-12-12v-56c0-6.6 5.4-12 12-12h92v-92c0-6.6 5.4-12 12-12h56c6.6 0 12 5.4 12 12v92h92c6.6 0 12 5.4 12 12v56z" class=""></path></svg>') !important;
}

.object-tools a.historylink {
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="history" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-history fa-w-16"><path fill="white" d="M504 255.531c.253 136.64-111.18 248.372-247.82 248.468-59.015.042-113.223-20.53-155.822-54.911-11.077-8.94-11.905-25.541-1.839-35.607l11.267-11.267c8.609-8.609 22.353-9.551 31.891-1.984C173.062 425.135 212.781 440 256 440c101.705 0 184-82.311 184-184 0-101.705-82.311-184-184-184-48.814 0-93.149 18.969-126.068 49.932l50.754 50.754c10.08 10.08 2.941 27.314-11.313 27.314H24c-8.837 0-16-7.163-16-16V38.627c0-14.254 17.234-21.393 27.314-11.314l49.372 49.372C129.209 34.136 189.552 8 256 8c136.81 0 247.747 110.78 248 247.531zm-180.912 78.784l9.823-12.63c8.138-10.463 6.253-25.542-4.21-33.679L288 256.349V152c0-13.255-10.745-24-24-24h-16c-13.255 0-24 10.745-24 24v135.651l65.409 50.874c10.463 8.137 25.541 6.253 33.679-4.21z" class=""></path></svg>') !important;
}

.object-tools a.viewsitelink {
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="link" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-link fa-w-16"><path fill="white" d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z" class=""></path></svg>') !important;
}

#changelist-search input[type='submit'] {
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-search fa-w-16"><path fill="black" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z" class=""></path></svg>') !important;
}

.btn-delete-icon,
.submit-row a.deletelink,
form input[value='delete_selected'] + input + input[type='submit'] {
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="trash-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-trash-alt fa-w-14"><path fill="white" d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z" class=""></path></svg>') !important;
}

form a.closelink {
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" class="svg-inline--fa fa-times fa-w-11"><path fill="white" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" class=""></path></svg>') !important;
}

form a.button.cancel-link {
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" class="svg-inline--fa fa-times fa-w-11"><path fill="black" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" class=""></path></svg>') !important;
}

a.inline-deletelink {
    background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="trash-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-trash-alt fa-w-14"><path fill="gray" d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z" class=""></path></svg>') !important;
}

select.filtered {
    border-color: #ced4da !important;
}

select.filtered option {
    padding: 10px 5px;
    border-bottom: thin solid #F0F0F0;
    overflow: hidden;
}

.btn-danger {
    color: #fff !important;
    background-color: #ff3d60 !important;
    border-color: #ff3d60 !important;
}
.custom-table td{
    padding: 5px
}
.custom-table td:first-child{
    background-color: #f8f8f8;
}
.custom-table tr:nth-of-type(odd) td:not(:first-child){
    --bs-table-accent-bg: #fff !important;
}
.select2 .select2-selection{
    height: 36px;
    border: 1px solid #ced4da;
}
.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-width: 0 4px 5px 4px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 36px;
}
.select2 .select2-selection span.select2-selection__rendered{
    line-height: 36px;
}
.select2 .select2-selection .select2-selection__rendered .select2-selection__choice{
    line-height: 22px;
}
.select2-search.select2-search--inline,
.select2-container--default .select2-search--dropdown{
    display: none;
}
@media (max-width: 1439px) {
    fieldset .fieldBox {
        width: calc(50% - 10px) !important;
    }
}

@media (width: 1024px) {
    fieldset .fieldBox {
        margin: 0 !important;
        padding: 0 !important;
    }

    fieldset .fieldBox + .fieldBox {
        margin-top: 0 !important;
        padding-top: 0 !important;
        border-top: none;
    }

    .form-select {
        width: 100% !important;
    }
}

@media (max-width: 1023px) {
    .page-content {
        padding: calc(50px + 24px) 0 40px 0 !important;
    }

    .card {
        margin-bottom: 10px;
    }

    fieldset .fieldBox {
        width: calc(100vw - 30px) !important;
        padding: 10px 0 !important;
        margin: 0 !important;
    }

    fieldset .fieldBox + .fieldBox {
        margin-right: 0 !important;
        margin-left: 0 !important;
        border-top: none;
    }

    div.form-row > div > .related-widget-wrapper,
    div.form-row > div > select.form-select,
    div.form-row > div.fieldBox > input[type='text']:not(.vDateField),
    div.form-row > div.fieldBox > input[type='email'],
    div.form-row > div.fieldBox > p.datetime,
    div.form-row > div.fieldBox > input[type='number'],
    div.form-row > div.fieldBox > input[type='password'] {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .aligned label + p {
        margin-left: 0 !important;
    }

    p.datetime input {
        margin: 5px 0 !important;
    }

    p.datetime br {
        content: none;
    }

    .form-row {
        padding: 0 !important;
    }

    .fieldBox.form-switch, .checkbox-row.form-switch {
        flex-direction: row-reverse;
        justify-content: flex-end;
        justify-items: center;
        margin: auto !important;
        align-items: center;
    }

    .fieldBox.form-switch label, .checkbox-row.form-switch label {
        margin-right: 10px;
        width: auto !important;
        margin-bottom: 0 !important;
    }

    .aligned .form-row input[type='checkbox'] {
        flex: none !important;
    }

    .object-tools li {
        margin-right: 5px;
    }

    .object-tools li + li {
        margin-left: 0;
    }

    .object-tools {
        margin-top: unset;
    }

    .submit-row {
        padding: 10px 0 !important;
        margin-top: 30px;
    }

    .submit-row .btn {
        margin-bottom: 5px;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .navbar-header .dropdown .dropdown-menu {
        margin-top: 5px;
        left: unset !important;
        right: 5px !important;
    }

    .navbar-header {
        padding: 0 5px 0 0 !important;
    }
}