html {
  font-size: 14px;
}

body {
  font-family: Roboto, Prakas !important;
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* theme override */
.table thead th {
    font-size: 14px !important;
}

/* Form */
.form-group label.required:after, .table th.required:after, .table th label.required:after {
    content: '*';
    color: red;
    margin-left: 5px;
}

/* Toaster */
#toast-container > div {
    opacity: 1 !important;
    color: #303034;
    border-radius: 4px;
    box-shadow: 0 2px 13px 0 rgba(146, 144, 157, 0.41);
    padding: 20px;
    padding: 25px 25px 25px 80px;
    width: 370px;
}

    #toast-container > div .toast-message {
        font-size: 16px !important;
        margin-top: 2px;
    }

        #toast-container > div .toast-message ul {
            font-size: 12px !important;
            color: #ff495c;
            padding-left: 15px;
        }

#toast-container > .toast-success {
    background-color: #e2fcf1 !important;
    border: 1px solid #2ece88;
    border-left: 6px solid #0abd57;
    background-image: url('../img/success.png') !important;
    background-position: 22px 13px !important;
}

#toast-container > .toast-error {
    background-color: #fff0f2 !important;
    border: 1px solid #fcadb5;
    border-left: 6px solid #ff495c;
    background-image: url('../img/fail.png') !important;
    background-position: 22px 13px !important;
}

#toast-container > .toast-warning {
    background-color: #fff0d2 !important;
    border: 1px solid #ffcd64;
    border-left: 6px solid #ffb822;
    background-image: url('../img/warn.png') !important;
    background-position: 22px 13px !important;
}

#toast-container .toast-close-button:before {
    color: #b4b7c5;
    font-size: 2rem;
}

button.toast-close-button {
}

/* swal2 */
.swal2-container .btn-default {
    min-width: 100px !important;
}

.swal2-container .btn-danger {
    min-width: 100px !important;
    margin-left: 5px;
}

.swal2-container .btn-primary {
    min-width: 100px !important;
    margin-left: 5px;
}

/* fix theme */
.dropdown-toggle::after {
    border: none;
}

.ts-control {
    padding: 10px !important;
}

.flatpickr-calendar .flatpickr-next-month,
.flatpickr-calendar .flatpickr-prev-month {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flatpickr-calendar .numInputWrapper span.arrowDown,
.flatpickr-calendar .numInputWrapper span.arrowUp {
    display: block !important;
}

.flatpickr-calendar .flatpickr-day.today:not(.selected) {
    color: #377dff !important;
    border: 1px solid #377dff !important;
    background-color: transparent !important;
}

.flatpickr-input:disabled {
    color: #8c98a4 !important;
    background-color: #f8fafd !important;
    opacity: 1;
    cursor: default;
}

    .flatpickr-input:disabled ~ div .flatpickr-clear-btn {
        display: none;
    }