@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
* {
    font-family: 'Noto Sans Japanese', sans-serif;
}

html {
    font-size: 90%;
}

html, body, app {
    height: 100%;
}

.container-fluid {
    height: 90%;
}



.row-footer {
    margin-top: 10px;
}

.row {
    margin-bottom: 0.5rem;
}

.k-dropdown .k-dropdown-wrap {
    margin-right: 2rem;
}

.k-clear-value{
    display:none;
}

.k-tabstrip > .k-content {
    overflow: visible;
}

.k-autocomplete.k-header {
    width: 100%;
}

.k-numerictextbox .k-select {
    display: none;
}

/*grid*/
.k-grid th, .k-grid td {
    padding: 0.75rem 0.25rem;
}

    .k-grid td button {
        padding: 0.25rem;
    }

    .k-grid td .k-widget.form-control .k-input {
        padding: 0.25rem;
    }

    .k-grid td .k-list-container {
        padding: 0.25rem;
    }

    .k-grid td.nt-numeric {
        text-align: right;
    }

    .k-grid td.nt-checkbox {
        text-align: center;
    }

    .k-grid td.k-state-focused {
        box-shadow: inset 0 0 0 2px rgba(0,123,255,.4);
    }

.btn-kurodaop {
    color: #ffffff;
    background-color: #263855;
    border-color: #263855;
}

    .btn-kurodaop:hover,
    .btn-kurodaop:focus,
    .btn-kurodaop:active,
    .btn-kurodaop.active,
    .open .dropdown-toggle.btn-kurodaop {
        color: #ffffff;
        background-color: #404b5c;
        border-color: #263855;
    }

    .btn-kurodaop:active,
    .btn-kurodaop.active,
    .open .dropdown-toggle.btn-kurodaop {
        background-image: none;
    }

    .btn-kurodaop.disabled,
    .btn-kurodaop[disabled],
    fieldset[disabled] .btn-kurodaop,
    .btn-kurodaop.disabled:hover,
    .btn-kurodaop[disabled]:hover,
    fieldset[disabled] .btn-kurodaop:hover,
    .btn-kurodaop.disabled:focus,
    .btn-kurodaop[disabled]:focus,
    fieldset[disabled] .btn-kurodaop:focus,
    .btn-kurodaop.disabled:active,
    .btn-kurodaop[disabled]:active,
    fieldset[disabled] .btn-kurodaop:active,
    .btn-kurodaop.disabled.active,
    .btn-kurodaop[disabled].active,
    fieldset[disabled] .btn-kurodaop.active {
        background-color: #263855;
        border-color: #263855;
    }

    .btn-kurodaop .badge {
        color: #263855;
        background-color: #ffffff;
    }

.btn-kurodaop-alt {
    color: #ffffff;
    background-color: red;
    border-color: white;
}

    .btn-kurodaop-alt:hover,
    .btn-kurodaop-alt:focus,
    .btn-kurodaop-alt:active,
    .btn-kurodaop-alt.active,
    .open .dropdown-toggle.btn-kurodaop-alt {
        color: white;
        background-color: white !important;
        border-color: white !important;
    }

    .btn-kurodaop-alt:active,
    .btn-kurodaop-alt.active,
    .open .dropdown-toggle.btn-kurodaop {
        background-image: none;
    }

    .btn-kurodaop-alt.disabled,
    .btn-kurodaop-alt[disabled],
    fieldset[disabled] .btn-kurodaop,
    .btn-kurodaop-alt.disabled:hover,
    .btn-kurodaop[disabled]:hover,
    fieldset[disabled] .btn-kurodaop:hover,
    .btn-kurodaop-alt.disabled:focus,
    .btn-kurodaop[disabled]:focus,
    fieldset[disabled] .btn-kurodaop:focus,
    .btn-kurodaop-alt.disabled:active,
    .btn-kurodaop[disabled]:active,
    fieldset[disabled] .btn-kurodaop:active,
    .btn-kurodaop-alt.disabled.active,
    .btn-kurodaop[disabled].active,
    fieldset[disabled] .btn-kurodaop-alt.active {
        background-color: red;
        border-color: white;
    }

    .btn-kurodaop-alt .badge {
        color: #4e5560;
        background-color: #ffffff;
    }

.k-notification-content {
    font-size: 1.2em;
}

.k-notification-success {
    background-color: #28a745;
    border-color: #28a745;
    color: #fff;
}

.validate-error {
    display: inline;
}

.validate-error-input{
    border-color:red;
}


/* Bootstrap5へVerUpした際のレイアウト崩れ応急処置 */


/* グリッドツールバーの段組が効くように */
.k-toolbar {
    display: block;
}

/* ドロップダウンの幅指定 */
.k-toolbar .k-picker {
    width: auto;
    height: 2.5em;
    display: flex;
    border: 1px solid #ced4da;
}

/* データピッカーの幅指定 */
.k-toolbar .k-input {
    width: 100%;
}


/*グリッドページャーの数値隠れ*/
.k-input-value-text {
    overflow: visible;
}

.to-flex {
    display: flex;
}

/* ヘッダーメニューの遷移ボタン */
.header-nav-button:hover,
.header-nav-button:focus,
.header-nav-button:active,
.header-nav-button.active {
    color: red;
}

/* ドロップダウンに枠線をつける */
.k-dropdownlist,
.k-dropdowntree {
    border: 1px solid #ced4da;
}