:root {
    --text-color: #444;

    --app-dialog-shadown: 0 0px 0px 7px rgb(0 0 0 / 0.07), 0 4px 6px -4px rgb(0 0 0 / 0.1), 0 0px 32px rgba(0, 0, 0, 0.25);
    --app-dialog-border: 1px solid #c9c9c9;
    --app-popup-shadown: 0px 25.6px 57.6px rgba(0, 0, 0, 0.13), 0px 0px 16.4px rgba(0, 0, 0, 0.11);
    --app-popup-border: 1px solid #dadada;

    --app-background-color: #edf0f3;
    --app-item-hover: #edf0f3;
    --app-item-hover: #99d6ff66;

    --app-button-bg: #3788d8;

    --app-input-border-color: #86b7fe;
    --app-input-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);

    /* fullcalendar */
    --fc-small-font-size: .85em !important;
    --fc-page-bg-color: #fff !important;
    --fc-neutral-bg-color: hsla(0, 0%, 82%, .3) !important;
    --fc-neutral-text-color: grey !important;
    --fc-border-color: #ddd !important;
    --fc-button-text-color: #444 !important;
    --fc-button-bg-color: #fff !important;
    --fc-button-active-bg-color: #fff !important;
    --fc-button-active-border-color: #979797 !important;
    --fc-button-border-color: #fff !important;
    --fc-button-hover-bg-color: #fff !important;
    --fc-button-hover-border-color: #979797 !important;
}

body {
    font-size: 14px !important;
    background: var(--app-background-color);
}

.modal-dialog .modal-content {
    border-radius: 4px !important;
}

.table-hover {
    cursor: pointer;
}

.btn {
    font-size: 13.5px !important;
    border-radius: 4px !important;
    padding: 4px 15px !important;
}

.btn.btn-outline-gray,
.btn.btn-outline-gray:hover,
.btn.btn-outline-gray:active {
    border-color: #ced4da;
}

.dataTable td {
    padding: 6px !important;
}

.link-default {
    color: #65a3ff !important;
}

.link-default:hover {
    text-decoration: underline !important;
}

input[type=text],
input[type=search] {
    cursor: text !important;
}

hr {
    background: #ccc;
    border: 1px solid #444;
}

hr.vertical {
    height: 18px;
    margin-left: 10px;
    margin-right: 10px;
}