body {
    overflow-y: scroll;
}

input:not([type=checkbox], [type=radio]),
select {
    min-height: 50px;
}

label {
    line-height: 2.2 !important;
}

code {
    background-color: #ff000069;
    color: #ffffff;
    padding: 2px 3px 0;
    border-radius: 3px;
    border-bottom: 3px solid #ffffff69;
}

button.btn {
    padding: 0;
}
button a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 68px;
}
button a:hover {
    font-weight: bold;
}

.disabled {
    display: none;
}

.no-content {
    color: #d7d7d7;
    font-size: 1.7em;
    padding: 2em 0 3rem;
}

.container {
    margin: 50px auto 150px;
    min-width: 955px;
}

.mode-switch {
    display: none;
}

.nav {
    margin-bottom: 30px;
}
.nav .nav-item .nav-link {
    padding: 30px 0;
}

.tab-header {
    text-underline-position: under;
    text-decoration-color: #fff;
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-underline-offset: 4px;
    margin-bottom: 22px;
}

.content-description,
.tab-content .tab-pane .content-inner {
    border-radius: 10px;
}

.tab-content .tab-pane .content-inner  {
    border: 1px solid #b5b5b5;
    color: black;
    margin-bottom: 20px;
    /*min-height: 300px;*/
}

.content-description {
    border: 1px solid var(--bs-dark-border-subtle);
    border-radius: 10px;
    padding: 10px;
    background-color: var(--bs-dark-bg-subtle);
}

.accordion-button {
    background-color: var(--bs-dark-bg-subtle);
}

.border-radius-5 {
    border-radius: 5px !important;
}

#file,
#file-for-site {
    display: none;
}

[data-bs-theme=dark] .tab-content .tab-pane .content-inner {
    border: 0;
    background-color: #0e0d0d;
}

.mode-container * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mode-container i {
    cursor: pointer;
}

.moon-fill-icon {
    color: #c7c700;

}

.sun-fill-icon {
    color: #bd1c00;
}

.moon-fill-icon,
.sun-fill-icon,
.moon-icon,
.sun-icon {
    font-size: 20px;
}


.form-check-inline {
    margin-right: 0 !important;
}


.form-check {
    padding-left: 0 !important;
}

.container-site .site-line {
    height: 70px;
}

.container-site-add .site-line:not(:first-child) > input:first-child {
    height: 50px;
}

.container-site div button {
    width: 100px;
}

.container-site .site-line .num {
    font-weight: bold;
}

.container-site .site-line input:nth-child(2) {
    padding-left: 40px;
}

.container-site-add .site-line .add-field input:not(:first-child) {
    margin-top: 0 !important;
}

.container-site-add .site-line div input:not(:first-child, #site-name, #file-name) {
    margin-top: 15px !important;
}

.add-field button {
    padding: 0 20px;
    font-size: 1.5em;
    font-weight: bold;
    width: 55px;
}

.add-field:not(:last-child) button::before {
    content: '-';
}

.add-field:last-child button::before {
    content: '+';
}

.add-field:not(:first-child) {
    margin-top: 15px;
}

.round {
    border-radius: 0.375rem !important;
}


.col-type h5 {
    color: #fff;
    margin-top: 25px;
}

.white {
    color: #fff;
}

.container-description .content {
    color: #fff;
    background-color: var(--bs-body-bg);
    padding-bottom: 1px !important;
}

.container-description .content > ul {
    margin-bottom: 0 !important;
    padding: 0;
}

.container-description .content > ul > li {
    margin-bottom: 10px;
    margin-right: 5px;
}

[data-bs-theme=light] .no-content {
    color: #000;
}

[data-bs-theme=light] .tab-header {
    text-underline-position: under;
    text-decoration-color: #000;
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-underline-offset: 4px;
    margin-bottom: 22px;
}

[data-bs-theme=light] .white {
    color: #000;
}

[data-bs-theme=light] .container-description .content {
    background-color: var(--bs-body-bg);
}

.container-description-detail .content button {
    max-height: 50px;
}

.container-description-detail .content textarea {
    height: 50px;
    overflow-y: hidden;
}

.container-site-add div > label:not(.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12),
.container-description-detail > div > label {
    width: 244px;
    height: 51.95px;
    cursor: default;
}

.container-site-add div > label:hover,
.container-description-detail > div > label:hover {
    background-color: var(--bs-btn-bg);
}

.container-description.content-inner > div:not(:last-child) {
    border-bottom: 1px solid #ffffff90;
}

[data-bs-theme=light] .container-description.content-inner > div:not(:last-child) {
    border-bottom: 1px solid #00000030;
}


.accordion-button {
    font-weight: bold;
    color: #d37676;
}

.accordion-body .card-text {
    padding: 0;
}

.container-description .content > ul > li ul,
.accordion-body .card-text > li  ul {
    margin-bottom: 1rem;
}

.container-description .content > ul > li,
.accordion-body .card-text > li:not(:last-child) {
    margin-bottom: 1rem;
}

.container-description .content li a,
.accordion-body .card-text li a {
    color: #fff;
    font-weight: 600;
}

.container-description .content > ul > li,
.accordion-body .card-text > li {
    padding: 19px 20px;
    background-color: #56595c;
    border-radius: 10px;
    list-style: none;
}

[data-bs-theme=light] .container-description .content li a,
[data-bs-theme=light] .accordion-body .card-text li a {
    color: #000;
}

[data-bs-theme=light] .container-description .content li,
[data-bs-theme=light] .accordion-body .card-text li {
    background-color: #ededed;
}


/* site-detail Only */
.container-site-add .site-line .sheet-idx label {
    line-height: 22px !important;
    border-radius: 0.375rem !important;
}

.setting-container {
    border: 1px solid #495057;
    border-top: 0;
    background-color: #212529;
}

[data-bs-theme=light] .setting-container {
    border: 1px solid #dee2e6;
    border-top: 0;
    background-color: #fff;
}


[data-bs-theme=light] .site-line .nav .nav-item .nav-link.active {
    text-decoration: 5px underline #6c757d;
    text-underline-offset: 10px;
}