/* Safariでbtnの背景が上書きされる問題の対処 */
.btn {
    -webkit-appearance: none;
    appearance: none;
}
html {
    scroll-padding-top: 100px;
}
#style-index {
    top:100px;
    max-height:60vh;
}
#place {
    max-width:200px;
}
.form-select {
    padding-right: 1.75rem;
    background-position: right 0.2rem center;
}
.clock {
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-nav .nav-link.active {
    text-decoration: underline;
}
.modal-backdrop {
    --bs-backdrop-zindex: -1;
    --bs-backdrop-bg: #ffffff;
}
.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2);
}

.datepicker {
    padding: 4px 16px;
}
.datepicker table tr td span {
    height: 36px;
    line-height: 36px;
}

.btn-3d {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
    border: 8px outset #f5f5f5;
}
.btn-3d:not([class*=btn-outline]) {
    border-color: #f5f5f5 !important;
}
.btn-3d:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
    border: 1px outset #f5f5f5 !important;
}

.btn-3d-md {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
    border: 6px outset #f5f5f5;
}
.btn-3d-md:not([class*=btn-outline]) {
    border-color: #f5f5f5 !important;
}
.btn-3d-md:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
    border: 1px outset #f5f5f5 !important;
}

.btn-3d-sm {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
    border: 4px outset #f5f5f5;
}
.btn-3d-sm:not([class*=btn-outline]) {
    border-color: #f5f5f5 !important;
}
.btn-3d-sm:active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
    border: 1px outset #f5f5f5 !important;
}
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance:textfield;
}
.frame-value {
    min-height: 1rem;
}
.btn-close {
    --bs-btn-close-opacity: 1;
    --bs-btn-close-hover-opacity: 1;
}
.password-show, .password-hide {
    cursor: pointer;
}