#mainContainer {
    margin-top:    10px;
    margin-bottom: 10px;
}

h4.card-title {
    margin-bottom: 0;
}

.warning {
    color: red;
}

#myTabContent {
    padding:                    10px;
    border:                     1px solid #DFD7CA;
    border-top:                 none;
    border-bottom-left-radius:  5px;
    border-bottom-right-radius: 5px;
}

.form-group > label.control-label {
    font-weight: bold;
    float:       left;
    text-align:  left;
    display:     inline-block;
    align-self:  baseline;
}

.form-inline .form-group, .form-inline .input-group-btn {
    width: 100%;
}

#myTabContent h3 {
    font-weight: bold;
}

.spaced-left {
    margin-left: 30px;
}

#editCharacterForm > .form-wrapper > .form-group, .sectionEdit > .form-group {
    margin-bottom: 15px;
}

#editCharacterForm > .form-wrapper > .form-group > div > *, .sectionEdit > .form-group > div > * {
    width: 100%;
}

#editCharacterForm textarea {
    min-height: 100px;
}

.sectionEdit input {
    height: 36px;
}

.input-group-append > button {
    padding: 5px 12px;
}

.sectionHeading {
    text-decoration: underline;
}

h4.card-title > a {
    color: unset;
}

.form-inline .form-wrapper > hr {
    width: 100%;
}

#addSection {
    margin-bottom: 10px;
}

#sections {
    width: 100%;
}

div.tab-content {
    padding: 10px 1rem;
}

div.tab-content {
    border: 1px solid #DFD7CA;
}

.nav-link {
    padding: 0.5rem 1rem;
}

div.tab-content {
    border-top:                 none;
    border-bottom-left-radius:  4px;
    border-bottom-right-radius: 4px;

}

.form-wrapper {
    width: 100%;
}

/* ---------- Magie ---------- */

#calculatorForm label {
    margin-top: 7px;
}

#calculatorForm > div.form-group:not(:first-of-type) {
    margin-top: 20px;
}

#calculatorForm div.form-group:first-of-type button:not(:first-of-type) {
    margin-left: 10px;
}

#result span {
    background-color: lightgray;
    padding:          2px 5px;
}

/* ---------- Tools ---------- */

#toolTableWrapper {
    overflow-x: auto;
}

#toolsTable th > div.tablesorter-header-inner {
    white-space: nowrap;
}

#toolsTable thead input[type="search"] {
    border-radius: 5px;
    border:        1px solid black;
}

#toolsTable thead input[type=search]:focus-visible {
    outline: unset;
}

#toolsTable tr > td:nth-of-type(5) {
    word-break: break-word;
    width:      200px;
}

label {
    align-self: center !important;
}

#category {
    width: 100%;
}

input[type="checkbox"].form-control:focus {
    color:      unset;
    border:     unset;
    box-shadow: unset;
}

.form-group + .form-group {
    margin-top: 15px;
}

/**
 * New World
 */

#nw-overview {
    display:               grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap:              10px;
}

#nw-overview > a {
    border:        1px solid lightgray;
    border-radius: 10px;
    box-shadow:    5px 5px 5px lightgray;
    text-align:    center;
    padding:       10px;
    color:         black;
}

#nw-overview > a > i {
    font-size: 50px;
}

#nw-overview > a:nth-of-type(1) > i {
    color: #93C54B;
}

#nw-overview > a:nth-of-type(2) > i {
    color: #e06643;
}

#nw-overview > a:nth-of-type(3) > i {
    color: #cf4bf1;
}

#nw-overview > a:nth-of-type(4) > i {
    color: #1239a6;
}

#nw-overview > a > p {
    margin-bottom: 0;
    margin-top:    10px;
}

.bootstrap-tagsinput .tag {
    color:            #3E3F3A;
    background-color: #dddddd;
    padding:          2px 10px;
    border-radius:    10px;
}

/**
 * Rod Rangers
 */

.fishingLevelGroup_0 {
    background-color: #FF000033;
    border-color:     #FF0000;
}

.fishingLevelGroup_1 {
    background-color: #EC120033;
    border-color:     #EC1200;
}

.fishingLevelGroup_2 {
    background-color: #DA240033;
    border-color:     #DA2400;
}

.fishingLevelGroup_3 {
    background-color: #C8360033;
    border-color:     #C83600;
}

.fishingLevelGroup_4 {
    background-color: #B6480033;
    border-color:     #B64800;
}

.fishingLevelGroup_5 {
    background-color: #A35B0033;
    border-color:     #A35B00;
}

.fishingLevelGroup_6 {
    background-color: #916D0033;
    border-color:     #916D00;
}

.fishingLevelGroup_7 {
    background-color: #7F7F0033;
    border-color:     #7F7F00;
}

.fishingLevelGroup_8 {
    background-color: #6D910033;
    border-color:     #6D9100;
}

.fishingLevelGroup_9 {
    background-color: #5BA30033;
    border-color:     #5BA300;
}

.fishingLevelGroup_10 {
    background-color: #48B60033;
    border-color:     #48B600;
}

.fishingLevelGroup_11 {
    background-color: #36C80033;
    border-color:     #36C800;
}

.fishingLevelGroup_12 {
    background-color: #24DA0033;
    border-color:     #24DA00;
}

.fishingLevelGroup_13 {
    background-color: #12EC0033;
    border-color:     #12EC00;
}

.fishingLevelGroup_14 {
    background-color: #00FF0033;
    border-color:     #00FF00;
}

#personalFishingDataOverview {
    padding:       20px;
    text-align:    center;
    margin-bottom: 20px;
}

#personalFishingDataOverview > div.personalDataWrapper {
    width:                 100%;
    margin-bottom:         20px;
    display:               grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap:              10px;
    border:                1px solid #e7e1d7
}

#personalFishingDataOverview > div.personalDataWrapper > span {
    padding: 10px;
}

#personalFishingDataOverview > div.personalDataWrapper > span:not(:last-of-type) {
    border-right: 1px solid #e7e1d7
}

#fullHistoryButton {
    display:       none;
    margin-bottom: 20px;
}

#personalFishingDataOverview.shortened {
    height:   550px;
    overflow: hidden;
}

#personalFishingDataOverview.shortened > #fullHistoryButton {
    display: block;
}

#fishingUpdateForm {
    margin-bottom: 20px;
}

#newFishingLevel, #newFishingLevel + button {
    float: left;
}