﻿body{
    min-width:992px;
}
pre, * {
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

pre {
    white-space: pre-wrap;
}

.card:not(.card-border) {
    box-shadow: rgba(0,0,0,0.04) 0 2px 6px;
    border-color: #FFF;
}

.navbar-brand {
    white-space: normal;
}

.btn-primary {
    background-color: #43425D;
    color: #FFF;
}

.btn-primary:hover {
    background-color: #514F92;
}

.headline-left-bordered {
    display: block;
    border-left: 0.3em solid #BA007C;
    padding-left: 0.3em;
}

html, body {
    background-color: #F0F0F7;
}

#sidebar {
    background-color: #43425D;
    position: fixed;
    z-index: 1030;
    height: 100vh;
    width:16.6666667%;
    min-width:165px;
    overflow-y:auto;
}

#sidebar2 {
    background-color: #43425D;
    position: fixed;
    z-index: 1030;
    height: 100vh;
    width: 16.6666667%;
    min-width: 165px;
    overflow-y: auto;
}
.modal-open {
    margin-right: 0 !important;
    box-shadow: rgba(0,0,0,0.04) 0 2px 6px;
}
.menu-icon {
    font-size: 2.5rem;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
/*----------------------------------------login*/
#login {
    background-color: #FFF;
}
.login-logo{
    margin-bottom:2rem;
    text-align:center;
}
.login-logo img{
    max-width: 80%;
}
    #login .main-visual {
        background-color: #302E5E;
    }

        #login .main-visual h1, #login .main-visual h2 {
            color: #FFF;
        }
/*----------------------------------------dashboard*/
#sidebar h1 {
    padding-bottom:.6rem;
    background-color: #FFF;
    margin-bottom: 0;
    border-right: 1px solid #F0F0F0;
}
#sidebar h1 img{
    max-width: 100%;
}

    #sidebar li a {
        padding: 15px 2px 15px 10px;
        display: block;
        color: #FFF;
        border-bottom: 1px solid #212140;
    }

#sidebar li .icon {
    font-size: 1.2em;
    display: inline-block;
    width: 1.3em;
    text-align: center;
}

#sidebar li a.active {
    background-color: #3B3B53;
    border-left: #BA007C 5px solid;
    padding-left: 5px;
}

#sidebar li a:hover {
    background-color: #3B3B53;
}

#sidebar2 h1 {
    padding-bottom: .6rem;
    background-color: #FFF;
    margin-bottom: 0;
    border-right: 1px solid #F0F0F0;
}

    #sidebar2 h1 img {
        max-width: 100%;
    }

#sidebar2 li a {
    padding: 15px 2px 15px 10px;
    display: block;
    color: #FFF;
    border-bottom: 1px solid #212140;
}

#sidebar2 li .icon {
    font-size: 1.2em;
    display: inline-block;
    width: 1.3em;
    text-align: center;
}

#sidebar2 li a.active {
    background-color: #3B3B53;
    border-left: #BA007C 5px solid;
    padding-left: 5px;
}

#sidebar2 li a:hover {
    background-color: #3B3B53;
}

#top-nav {
    background-color: #FFF;
}

.dropdown-menu {
    box-shadow: rgba(0,0,0,0.04) 0 2px 6px;
}

.k-grid-norecords-template {
    border: none !important;
}
.jisseki-table {
    font-size:1.5rem;
}
.jisseki-icon {
    display: inline-block;
    font-size: 1em !important;
    margin-right:0.3em;
}
/*----------------------------------------grid*/
.k-filter-row {
    background-color:#f5f5f5;
}

.hidden_cell {
    visibility: hidden;
}

.visible_cell:nth-child(even) {
    background-color: #DFFFB2;
    border-top: 1px solid #ccc;
}

.visible_cell:nth-child(odd) {
    background-color: #e8ffc6;
    border-top: 1px solid #ccc;
}
#grid-session tbody tr {
    cursor: move;
}

#grid-session .placeholder {
    outline-style: dashed;
    outline-width: 1px;
    outline-color: red;
}
.k-pager-sizes .k-dropdown, .k-pager-sizes > select {
    width: 6em;
}
.k-grid td {
    padding: .2em .3em;
}
.k-edit-form-container {
    width: 100%;
}
.k-grid-norecords-template {
    width: 100%;
}