:root {
    --font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, "Meiryo UI", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body {
    font-family: var(--font-family-sans-serif);
    background-color: #e6f3fc;
}

nav {
    background-color: #2653a3;
    color: #212529
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-sans-serif);
}

.navbar-light .navbar-brand {
    font-family: var(--font-family-sans-serif);
    font-weight: bold;
    font-size: 18px;
    color: white;
}

.modal-confirm-header {
    background-color: royalblue;
    color: whitesmoke;
}

.modal-danger-header {
    background-color: firebrick;
    color: whitesmoke;
}

input[type=checkbox].search-field {
    -moz-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -o-transform: scale(0.6);
    padding: 10px;
}

.input-disabled {
    background-color: #FFF !important;
}

table {
    table-layout: fixed;
}

table td {
    overflow-wrap: anywhere;
}