@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    /*font-family: 'IPAmj明朝', メイリオ, Meiryo, 'ＭＳ　明朝', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-family: メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a, .btn-link {
    color: #0366d6;
}

button:focus {
outline:none;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

div.nobar::-webkit-scrollbar { /* Chrome, Safari 対応 */
    display: none;
}

.haisha_tooltip {
    opacity: 0;
    visibility: hidden;
    position: sticky;
    transform: translateX(-50%);
    display: none;
    padding: 5px;
    white-space: nowrap;
    font-size: 0.8rem;
    line-height: 1.3;
    background: red;
    color: #fff;
    border-radius: 3px;
    transition: 0.3s ease-in;
    text-align: left;
}
div.haisha_warn {
    background-color: orangered;
    color: white;
}

    div.haisha_warn:hover .haisha_tooltip {
        opacity: 1;
        display: block;
        visibility: visible;
        position: fixed;
        background: orangered;
    }

div.haisha_err {
    background-color: red;
    color: white;
}

    div.haisha_err:hover .haisha_tooltip {
        opacity: 1;
        display: block;
        visibility: visible;
        position: fixed;
        background: red;
    }

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.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;
}

input {
    outline: none;
}

input.login_txt {
	background-color: #f3f3f3;
	border			: none;
	border-bottom	: solid 1px #dddddd;
	width			: 100%;
	height			: 35px;
	line-height		: 35px;
	box-sizing		: border-box;
	margin			: 0px;
	margin-bottom	: 20px;
	padding-left	: 5px;
    font-size       : 30px;
}

/*//////////////////////////////////
//メニューバー関係
//////////////////////////////////*/

div.menubar {
    /*background-color    : lightgray;*/
    background-color    : #303030;
    margin              : 0px;
    height              : 60px;
    width               : 100%;
    position            : fixed;
    top                 : 0px;
    left                : 0px;
    /*border-bottom       : 2px solid darkgray;*/
    padding             : 0px;
    overflow            : hidden;
    z-index             : 999999;
}

button.menubar-menu-disabled {
    height: 54px;
    width: 70px;
    box-sizing: border-box;
    border: 0px none;
    border-radius: 10px;
    margin: 3px 5px;
    /*font-family: 'IPAmj明朝', メイリオ, Meiryo, 'ＭＳ　明朝', "ＭＳ Ｐゴシック";*/
    font-family: メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    /*background-color    : lightgray;*/
    background-color: #303030;
    outline: none;
    padding: 1px 0px;
    color: gray;
}

div.menubar-box {
    float           : left;
    margin          : 5px 10px 5px 10px;
    height          : 50px;
    font-size       : 42px;
    color           : white;
}

div.menubar-box-title {
    margin          : 2px 0px;
    height          : 24px;
    font-size       : 18px;
    line-height     : 24px;
}

div.menubar-box-user {
    margin          : 2px 0px;
    height          : 24px;
    font-size       : 18px;
    line-height     : 24px;
}

button.menubar-menu {
    height: 54px;
    width: 70px;
    box-sizing: border-box;
    border: 0px none;
    border-radius: 10px;
    margin: 3px 5px;
    /*font-family: 'IPAmj明朝', メイリオ, Meiryo, 'ＭＳ　明朝', "ＭＳ Ｐゴシック";*/
    font-family: メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    /*background-color    : lightgray;*/
    background-color: #303030;
    outline: none;
    padding: 1px 0px;
    color: white;
}

    button.menubar-menu:hover {
        box-shadow      : 0px 0px 10px 2px rgb(255 255 255 / 50%);
    }

    button.menubar-menu:active {
        box-shadow      : 0px 0px 10px 2px rgb(135 206 250 / 50%);
        color           : lightskyblue;
    }

.menubar-text {
    position: fixed;
    /*transform           : translateX(-100%);*/
    transform: translateX(-50%);
    display: inline-block;
    padding: 2px 0px;
    white-space: nowrap;
    line-height: 1.3;
    font-size: 10px;
    top: 43px;
    /*color               : #000;*/
    border-radius: 3px;
    transition: 0.3s ease-in;
    /*width: 70px;*/
    width: max-content;
}

button.menubar-menu:hover .menubar-text-text {
    opacity             : 1;
    visibility          : visible;
}

.menubar-icon {
    display             : block;
    font-size           : 2.7em !important;
    margin-bottom       : 15px;
    width               : 70px;
}

.rz-grid-table td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

li.ssc-dropdown-item:hover {
    background-color: lightblue;
    color: black;
}

div.ssc-checkbox-on::before {
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    content: '';
    display: block;
    height: 11px;
    margin-top: -1px;
    margin-left: 3px;
    position: sticky;
    width: 7px;
    transform: rotate(45deg);
}

div.ssc-checkbox-on-focus::before {
    border-right: 2px solid yellow;
    border-bottom: 2px solid yellow;
    content: '';
    display: block;
    height: 11px;
    margin-top: -1px;
    margin-left: 3px;
    position: sticky;
    width: 7px;
    transform: rotate(45deg);
}

div.ssc-radiobox-on::before {
    border: 2px solid white;
    background-color: white;
    border-radius: 3px;
    content: '';
    display: block;
    height: 6px;
    margin-top: 4px;
    margin-left: 4px;
    position: sticky;
    width: 6px;
}

div.ssc-radiobox-on-focus::before {
    border: 2px solid yellow;
    background-color: yellow;
    border-radius: 3px;
    content: '';
    display: block;
    height: 6px;
    margin-top: 3px;
    margin-left: 3px;
    position: sticky;
    width: 6px;
}

.row:hover {
    background-color: lightyellow !important;
}

.row:focus-within {
    background-color: lightyellow !important;
}

    @media (min-width: 1701px) {
        .rz-dropdown-item {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }
    }

    ::-webkit-scrollbar {
        width: 12px;
    }

    ::-webkit-scrollbar-track {
        background-color: white;
    }

    ::-webkit-scrollbar-thumb {
        background-color: dodgerblue;
        border-radius: 6px;
        margin: 2px;
        border: solid 2px white;
    }

.chat_right {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    border-style: solid;
    border-width: 0px 0px 16px 16px;
    border-color: transparent transparent transparent lightyellow;
    transform: skew(0, -10deg);
    transform-origin: right;
    width: 16px;
    height: 16px;
}
.chat_left {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
    border-style: solid;
    border-width: 0px 16px 16px 0px;
    border-color: transparent white transparent transparent;
    transform: skew(0, 10deg);
    transform-origin: left;
    width: 16px;
    height: 16px;
}