body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

input[type="radio"],
input[type="checkbox"],
label{
    cursor: pointer;
}

input::placeholder {
    opacity: .5!important;
}

select.form-control {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
}

body.login-page {
    height: 90vh;
    overflow: hidden;
}

@media screen and (max-width:480px) {
    body.login-page {
        height: 80vh;
    }
}

body.login-page .login-logo{
    width: 80%;
    margin: 0 auto .9rem;
}

body.login-page .login-logo img{
    width:100%;
    height: auto;
}

/*.login-box{
    margin-bottom: 10vh;
}*/

.sidebar-brand {
    font-size: .9rem
}

.app-main,
.app-header{
    font-size: .9em;
}

.action-bar {
    background: rgba(255,255,255,.8);
    position: fixed;
    padding: 10px 20px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}

.app-content{
    padding-bottom: 5em;
}

.toast-body ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.datepicker-dropdown{
    padding: 10px
}

.datepicker-days td,
.datepicker-days th {
  min-width: 40px;
  text-align: center;
}

.js-tracking-url {
  direction: rtl;
  text-align: left;
}