::-webkit-scrollbar { background-color: #eee; }
::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #bbb; border: 3px solid #eee; border-radius: 12px; }


#input-close { top: 10px; right: 10px; }

#input-back { position: absolute; z-index: 1; }

.input-wrap .input:hover { border-color: #aaa; }
.input-wrap .input.focus:hover { border-color: #87ceeb; }


html.page-daily .header-btn:not(.on):hover { background: #eee; }

#pop-memo-txt:hover { background: #ffee6b; }
#pop-memo-write { justify-content: center; align-items: center; padding: 30px; }
#pop-memo-write-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; transition: opacity 200ms; opacity: 0; }
#pop-memo-write-wrap { max-width: 440px; max-height: 600px; box-shadow: 0 0 20px rgba(0,0,0,0.15); border-radius: 14px;
	transition-property: transform, opacity; transition-duration: 200ms; transform: scale(0.9); opacity: 0; }
#pop-memo-write-body-wrap > div { height: 100%; }
#pop-memo-write-body::-webkit-scrollbar-thumb { background-color: #444; }
#pop-memo-btn-del:hover, #pop-memo-write-btn-close:hover, #pop-memo-btn-submit:hover { opacity: 1!important; }

#pop-memo-write.on #pop-memo-write-back { opacity: 0.35; }
#pop-memo-write.on #pop-memo-write-wrap { transform: scale(1); opacity: 1; }

#list-table.oil .btn.del:hover { background-color: unset; }
#list-table.oil .btn.del:active { background-color: unset; }

.mysetting-list:hover { background: #eee; }

.leave-btn.yes:hover { background: #222; }
.leave-btn.no:hover { color: inherit; background: #0001; border-color: #aaa; }

#inquiry-result-btn:hover { opacity: 1; cursor: pointer; }


#top-m-menu-area { padding-bottom: 20px!important; }
#top-m-app-btn-area { display: flex; gap: 5px; width: 100%; padding: 0 0 20px 32px; margin-top: 0!important; transform: translateY(-20px); opacity: 0; transition-duration: 0ms;
	 transition-property: opacity, transform; transition-timing-function: cubic-bezier(0, 0, 0.5, 1);
}
#top-m-app-btn-area #top-m-app-andriod { max-width: 100%; width: 107px; }
#top-m-app-btn-area #top-m-app-ios { margin-top: 5px; }
#top-m-bottom-area { padding: 0 32px!important; margin-top: 0!important; transform: translateY(-20px); opacity: 0; transition-duration: 0ms;
	 transition-property: opacity, transform; transition-timing-function: cubic-bezier(0, 0, 0.5, 1);
}
#top-m-bottom-wrap { padding-left: 0!important; }
#top-m-area.ani #top-m-app-btn-area { opacity: 1; transform: translateY(0); transition-duration: 200ms; transition-delay: 180ms; }
#top-m-area.ani #top-m-bottom-area { opacity: 1; transform: translateY(0); transition-duration: 200ms; transition-delay: 210ms; }

#top-m-top-area #top-logo, #top-m-top-area, #top-current-page { color: #000!important; }
#top-m-logo { padding-left: 24px; }
.top-m-menu { border-radius: 10px; }
.top-m-menu:hover { background: #0001; }
.top-m-menu:active { background: #0002; }

#top-m-user-area .btn:hover { opacity: 1; }
#top-m-bottom-area .btn:hover { opacity: 1; background: none!important; }


.date-box.is:hover { box-shadow: 0 0 20px #0002; }

.input-x:hover .x-bar { background: #ccc; }

#maint-btn-new:hover { background: linear-gradient(to top, #000 0%, #444); }
#maint-item-btn-add:hover { background: linear-gradient(to bottom, #fff, #eee); }
#maint-btn-add:hover { background: linear-gradient(to bottom, #fafafa, #ddd); }
.maint-sel-btn:hover { background: rgba(255,255,255,0.2); }
.maint-item-pop-btn:hover { background: linear-gradient(145deg, #ddd, #bbb); }

#set-close-btn-submit:hover { opacity: 0.75; }

.list-head-wrap { transition: none!important; }


.cert-btn:hover { background: #333; }


#daily-table .svg:hover { background-color: #0001; }
#daily-table .svg.btn-del:hover { opacity: 0.75; background-color: transparent!important; box-shadow: none; }
#daily-table .pop-weather-btn:hover { background-color: rgba(0,0,0,0.05); }
#daily-table #pop-btn-del:hover { background-color: #eb4747; }



.solo-page { padding-top: 20px; padding-bottom: 200px; }
.solo-page-top { max-width: 400px; }
.solo-page-body { margin-top: 20px; }
.solo-page-main { max-width: 420px; display: flex; justify-content: center; padding-left: 30px; padding-right: 30px; }
.solo-page-main > div > div { width: 100%; }
.solo-page-bottom { max-width: 300px; margin-top: 30px; }


.slide-popup-back { transition-duration: 250ms; }
.slide-popup-wrap { display: flex; justify-content: center; max-height: 100%; padding: 40px; transform: scale(0.95); opacity: 0;
	transition-property: opacity, transform; transition-duration: 250ms;
}
.slide-popup-wrap > div { background: #f8fafb; box-shadow: 0 0 20px rgba(0,0,0,0.2); border-radius: 20px; overflow: hidden; }
.slide-popup-body::-webkit-scrollbar { width: 14px; background: transparent; }
.slide-popup-body::-webkit-scrollbar-thumb { border: 5px solid transparent; }

.slide-popup.on .slide-popup-wrap { transform: scale(1); opacity: 1; }

html.dark .slide-popup.pc .slide-popup-wrap > div { background: #333; }



body.pop-input #maint-btn-new.ismaint { z-index: 0; }

html.dark ::-webkit-scrollbar { background-color: #333; }
html.dark ::-webkit-scrollbar-thumb { background-color: #666; border-color: #333; }

html.dark #pop-input { box-shadow: 0 0 20px #000; }
html.dark .input-wrap .input.focus:hover { border-color: #aaa; }
html.dark #pop-input .input { background: #111!important; border-color: #444!important; }

html.dark #maint-input-table { background: #111!important; }

html.dark #date-picker .date-box:hover { background: #444; }
html.dark #date-picker .date-box:active { background: #555; }

html.dark .mysetting-list:hover { background: #333; }

html.dark.page-daily .header-btn:not(.on):hover { background: #333; }