html{
    overflow-x:hidden;
}
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;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    text-align: center;
}
input[type="number"] {
    -moz-appearance: textfield !important;
    text-align:center;
} 
.card:not(.card-border) {
    box-shadow: 6px 6px rgba( 234, 234, 234, 0.9);
    border-color: #FFF;
}

.navbar-brand {
    white-space: normal;
}

.btn-primary {
    background-color: #0065A6;
    border-color: #0065A6;
    color: #FFF;
}

.btn-primary:hover {
    background-color: #0A9EEB;
}

.heading-left-bordered {
    display: block;
    border-left: 0.3em solid #0065A6;
    padding-left: 0.3em;
}

html, body {
    background-color: #F9F9F9;
}
a {
    color: #007cba;
}
/*----------------------------------------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*/
#top-nav {
    background-color: #FFF;
    overflow: visible;
    width: 100%;
    min-width: 992px;
    border-bottom: 3px solid #00AAE8;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 0px;
}
#top-nav-inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 10px 2%;
    box-sizing: border-box;
    grid-gap: 40px;
}
    #top-nav .left {
        justify-self: start;
        align-self: center;
    }
    #top-nav .center {
        justify-self: start;
        align-self: center;
    }
    #top-nav .right {
        justify-self: end;
        align-self: center;
    }
        #top-nav ul
        {
            list-style: none;
            margin-bottom: 0;
            padding: 0;
        }
        #top-nav .right ul,
        #top-nav .left ul {
            display: grid;
            grid-template-columns: auto auto auto;
            grid-gap: 2vw;
        }
    #top-nav .icon-link .icon {
        font-size: 180%;
        margin-bottom: 2px;
        color: #007cba;
    }
    #top-nav .icon-link {
        padding-top: 5px;
        font-size: 80%;
        font-weight: bold;
        color: #000;
        cursor: pointer;
    }
    #top-nav li {
        text-align:center;
        align-self: center;
    }
.dropdown-menu {
    box-shadow: rgba(0,0,0,0.04) 0 2px 6px;
    padding: 0;
    border-radius: 10px;
    background-color: #FFF;
}
#top-nav .dropdown-item {
    padding: 13px 15px 13px 7px;
    line-height: 1.2em;
    color: #114B89;
    border-left: 5px solid #006ba1;
    border-bottom: 1px solid #114B89;
}
    #top-nav .dropdown-item:last-child {
        border-bottom: none;
   }

    #top-nav .dropdown-item:hover,
    #top-nav .dropdown-item.active:hover {
        background-color: #d1efff;
        border-left-color: #0A9EEB;
    }

    #top-nav .dropdown-item .icon {
        font-size: 1em;
        display: inline-block;
        width: 1em;
        text-align: center;
        margin-right: 7px;
    }

    #top-nav .dropdown-item.active,
    #top-nav .dropdown-item:active {
        border-left-color: #DF012D;
        background-color: #fff;
    }


.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;
}
.form-control {
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
}
.k-input, .k-input-solid {
    border: 1px solid #ced4da !important;
    border-radius: .25rem !important;
}
.k-input-inner {
    border: none !important;
    padding-bottom: 0.5rem !important;
}
.note-editor.note-frame .note-status-output{
    height:auto !important;
}
.note-editor.note-frame{
    box-shadow:none !important;
}
.badge-primary {
    background-color: #0065A5;
}
.badge.fair {
    background-color: #E60012;
}
.badge.osusume {
    background-color: #00A0E9;
}
.badge.kakuzai {
    background-color: #8FC31F;
}
.badge-secondary {
    background-color: #DF012D;
}
/*----------------------------------------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%;
}
.k-grid .btn,
.k-grid .btn-sm
{
    color: #FFF;
}

.k-table-td{
    white-space:normal;
}
.k-grid .k-table {
    table-layout: auto;
    max-width: 100%;
}
.k-pager-sizes .k-dropdownlist {
    width: 6em;
}
.sn-checkbox-use-protocol{
    display:none;
}