body {
    background-color: #004c97;
}

.has-loader {
    min-height: calc(60px + 1.5em);
    position: relative;
}

.has-loader > * {
    opacity: 0.1;
}

.has-loader::before {
    background: transparent url('/assets/img/loading-bars.svg') no-repeat top center;
    background-size: auto 60px;
    content: attr(data-loading-text) !important;
    display: inline-block;
    left: 0;
    margin: auto;
    max-height: 100%;
    opacity: 1;
    padding: 60px 15px 0;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    width: 100%;
    z-index: 3;
}

.btn > * {
    pointer-events: none;
}

.w-5 {
    width: 5%
}

.w-10 {
    width: 10%
}

.w-15 {
    width: 15%
}

.w-20 {
    width: 20%
}

.w-25 {
    width: 25%
}

.w-30 {
    width: 30%
}

.w-35 {
    width: 35%
}

.w-40 {
    width: 40%
}

.w-45 {
    width: 45%
}

.w-50 {
    width: 50%
}

.w-55 {
    width: 55%
}

.w-60 {
    width: 60%
}

.w-65 {
    width: 65%
}

.w-70 {
    width: 70%
}

.w-75 {
    width: 75%
}

.w-80 {
    width: 80%
}

.w-85 {
    width: 85%
}

.w-90 {
    width: 90%
}

.w-95 {
    width: 95%
}

.w-100 {
    width: 100%
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.d-flex {
    display: flex
}

.d-inline {
    display: inline
}

.justify-content-between {
    justify-content: space-between !important
}

.custom-icon {
    width: 1em;
    height: 1em;
}

.badge-custom {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    margin: 1px 2px;
    padding: 4px 10px;
}

.cursor-pointer {
    cursor: pointer;
}

.title--has-mg {
    margin-bottom: 16px;
}

.align-items-center {
    align-items: center;
}

.vertical-align-sub {
    vertical-align: sub !important;
}

.is-invalid *:not(input) {
    color: red;
    border-color: red;
}

.is-invalid input {
    border-color: red;
}

.text-line-through {
    text-decoration: line-through !important;
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #1a7bb9;
    border-color: #1a7bb9;
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #f8ac59;
    border-color: #f8ac59;
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ED5565;
    border-color: #ED5565;
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #23c6c8;
    border-color: #23c6c8;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #1ab394;
    border-color: #1ab394;
}

.tox-fullscreen .tox.tox-tinymce.tox-fullscreen {
    z-index: 10001;
    max-width: calc(100vw - 220px);
    margin-left: 220px;
}

.list-group-horizontal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.list-group-horizontal > .list-group-item:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:nth-of-type(5n) {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.list-group-horizontal > .list-group-item:nth-of-type(5n + 1) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.list-group-horizontal > .list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.modal {
    z-index: 2050 !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.to-be-delivered-label {
    margin-right: 3px;
}

.badge-purple, .label-purple {
    background-color: #663399;
    color: #FFF
}

.badge-yellow, .label-yellow {
    background-color: #ffc107;
    color: #FFF
}

.color-switch {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    padding-left: 20px;
}