body.page > .header {
    padding: 7px
}

table.table thead th.group.one:first-child {
    padding: 11px
}

.block {
    padding-left: 4px;
    background-color: #ffebad;
    border: solid 1px #ffd145;
}

blockquote, .content-box {
    background-color: #fcfdea;
    border: solid 1px #ccc;
    border-radius: 3px;
    padding: 5px;
    width: fit-content;
}

div.header:not(div.box div.header) {
    background-color: #f2f7ff !important;
}

div.side-menu ul.menu li.header {
    color: #444 !important;
    font-weight: 700 !important;
    background-color: #f2f7ff !important;
}

h1, h2, h3 {
    margin-top: 0;
    color: #82232b;
    background-color: #fbfbfb;
    padding: 4px;
    border: solid 1px #b9b9b9;
}

h1 {
    font-size: 18px !important;
}

h2 {
    font-size: 16px !important;
}

h3 {
    font-size: 14px !important;
}

header nav {
    background-color: #17468f
}

.indent {
    margin-left: 10px;
}

.image_row {
    overflow-y: auto;
    max-height: 300px;
    max-width: 100%;
}

.image_row > .image_item {
    float: left;
    margin: 5px;
}

pre {
    background-color: #efefef;
    border: solid 1px #ccc;
    border-radius: 3px;
    padding: 5px;
}

.selected_image > img {
    background-color: #fffdb9;
    border: solid 2px red;
}


.table-bordered-all > thead > tr > th,
.table-bordered-all > thead > tr > td,
.table-bordered-all > tbody > tr > th,
.table-bordered-all > tbody > tr > td {
    border: solid 1px #e0e0e0;
}

.thumb_nail {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: solid 1px #000;
    padding: 5px;
    cursor: pointer;
}

.thumb_nail:hover {
    background-color: #fffdb9;
}


ul {
    list-style-type: none;
    padding: 0;
}

.menu:not(:first-child) {
    margin-top: 15px !important;
    border-top: 1px solid #ccc !important;
}

.menu > li:not(:first-child) {
    padding-left: 5px !important;
    font-size: 9pt !important;
}