﻿/*サイトマスター CSS*/
.navbar-brand {
    background-color: #343a40 !important;
    box-shadow: inset 0 0 0 rgb(0 0 0 / 25%);
}

/*ログイン画面 CSS*/
.frmmain {
    display: flex;
    /*border: 1px solid #333;*/
    width: 100%;
    height: 750px;
}

.left {
    width: 40%;
    margin: 15% 5% 15% 5%;
    text-align: center;
}

#login {
    border: 1px inset;
    text-align: center;
    height: 80%
}

.inputbox {
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 20%;
    padding-right: 20%;
}

.buttonbox input {
    width: 50%;
}

.space {
    height: 1%;
}

.space-top {
    height: 8%;
}

.submitbox {
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 30%;
    padding-right: 30%;
}

.submit {
    width: 50%;
}

.right {
    border: 1px inset;
    width: 60%;
    background: linear-gradient(135deg,white,aqua);
}

/*メニュー画面 CSS*/
.menu_box {
    height: 120px;
    width: 250px;
    border: outset 2px #6094C7;
    /*    background-color: #68A9D1;*/
    margin: 10px;
    padding-left: 10px;
    display: table;
}

.menu_box_cell {
    height: 120px;
    /*    background-color: #F0F8FF;*/
    padding: 10px 15px;
    text-align: center;
    vertical-align: bottom;
    display: table-cell;
}

    .menu_box_cell:hover {
        background-color: #F8EA97;
        cursor: pointer;
    }

    .menu_box_cell:focus {
        background-color: #F6DC80;
        border: solid 1px #6094C7;
        cursor: pointer;
    }

.f {
    float: left;
}

.r {
    float: right;
}

.c {
    clear: both;
}

.submenu {
    position: fixed; /* 要素の位置を固定する */
    z-index: 100;
}

/*Visible制御*/
.non-display {
    display: none;
}

/*タブ制御*/
.active {
    background-color: lightblue;
}

/*イメージタブのボタン化*/
.img-btn:active {
    opacity: 0.5;
    cursor: pointer;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
}

.checkbox-span label {
    margin-right: 2rem;
    font-size: 18px;
}

.checkbox-span input {
    margin-right: 1rem;
}

/*チェックボックス用スタイル*/
.checkbox-style input[type=checkbox] {
    margin-right:20px;
}
.checkbox-style label {
    font-size:16px;
}

.hide
{
    display: none;
}

.txt-limit {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
