/* rrac追加CSS */
h1 {
    font-size : 24px;
}
h2 {
    font-size : 20px;
    background-color: royalblue;
    color:white;
    text-align: center;
}
/* bootstrap4アラートの背景色をアプリケーションエラー背景色と同一にする */
.alert-danger {
    background-color: rgb(255, 228, 225)!important;
}
.rrac-light-bg {
    background-color: #eaeff5!important;
}
hr.rrac-hr {
    border-top: 1px solid #035fac
}

/* アプリケーションで使用する背景色 */
.rrac-bg-pink {
    background-color: #fff0f5!important;
}
.rrac-bg-green {
    background-color: #d6e9ca!important;
}
.rrac-bg-gray {
    background-color: #dcdcdc!important;
}
/* エラー項目入力域の背景色 */
input.valid_err,
select.valid_err {
    background-color: rgb(255, 228, 225);
}
/* エラー項目ファイルリスト行の背景色 */
.file_valid_err {
    background-color: rgb(255, 228, 225);
}

/* ログインページ */
/* ログインページ：タイちゃん画像 */
.rrac-login-mascot-img {
    margin-top: 1rem;
    max-width: 110px;
    position: relative;
}
.rrac-login-mascot-img img {
    width: 100%;
}
.rrac-login-mascot-img .image_title {
    position: absolute;
    color: #18084a;
    font-size:9px;
    bottom: -4px;
    right: 0;
}

/* 左サイドバー */
.rrac-left-nav {
    background-color: #eaeff5;
}
.rrac-left-nav .rrac-navbar-top {
    text-align: center!important;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
/* 左サイドバー：ロゴ */
.rrac-navbar-top img.logo-img {
    max-width: 134px;
}
/* 左サイドバー：タイちゃん画像 */
.rrac-navbar-top .mascot-img {
    padding-top: 1rem;
    max-width: 90px;
    position: relative;
    margin:auto;
}
.rrac-navbar-top .mascot-img img {
    width: 100%;
}
.rrac-navbar-top .mascot-img .image_title {
    position: absolute;
    color: #18084a;
    font-size:9px;
    bottom: -4px;
    right: 0;
}
/* 左サイドバー：メニューリスト */
ul.rrac-navbar-list {
    list-style-type: none;
    padding: 0.5rem 1.8rem;
    margin-bottom: 0;
    border-bottom: 1px solid #f5f5f5;
}
ul.rrac-navbar-list li a {
    line-height: 2rem;
}
/* 左サイドバー：メニューリスト：サブメニュー */
ul.rrac-navbar-list ul {
    list-style-type: none;
    padding-top:0.25rem
}
ul.rrac-navbar-list ul li a {
    padding-left: 1rem;
    line-height: 2rem;
}

/* コンテナ */
.rrac-container {
    padding: 2rem;
    position: relative;
}
/* ページヘッダ */
.rrac-page-header {
    border-bottom: 3px solid #035fac;
    margin-bottom: 0!important;
    padding-left:1rem;
}
/* スライダーボタン */
.rrac-btn-slider:hover {
    color: #fff;
    background-color: #ff7b1c;
    border-color: #ff7b1c;
}
.rrac-btn-slider {
    color: #ff7b1c;
    background-color: transparent;
    background-image: none;
    border-color: #ff7b1c;
    position:fixed;
    bottom: 14px;
    /* bottom: 58px; フッターあり */
    left:8px
}
/* ページフッタ */
.footer {
    height: 50px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    text-align: right;
    background-color: #fff;
    border-top: 1px solid #035fac;
    display: table;
}
.footer > div {
    display: table-cell;
    vertical-align: middle;
}
/* datatablesのDOM変更に合わせて表示位置を調整  */
div.dataTables_wrapper div.dataTables_paginate {
/*    margin-top: -2rem;*/
}
div.dataTables_wrapper div.dataTables_length {
    margin-top: -2rem;
}
div.dataTables_wrapper div.dataTables_info {
    margin-top: -2rem;
}

/* datatablesの行間 */
.table th, .table td {
    padding: 0.5rem;
}
/* datatablesのストライプ */
.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(219, 195, 123, 0.05);
}
/* datatablesのカラム */
th.check_col,td.check_col {
    text-align: center;
    width:60px;
}
th.button_col,td.button_col {
    text-align: center;
    width:75px;
}

td.num_col {
    text-align: right
}
th.num_col_footer {
    text-align: right
}
td.center_col {
    text-align: center;
}

@media screen and (max-width:1024px){
    html{
        font-size: 0.7em;
    }
}
@media screen and (max-width:480px){
    html{
        font-size: 0.6em;
    }
}

/* open/closeアイコン */
/* 初期値：開く（＋を表示、－を非表示） */
.toggle_link .fa-plus-square {
    display:inline
}
.toggle_link .fa-minus-square {
    display:none
}
/* 閉じる：開く（＋を非表示、－を表示） */
.toggle_link.toggle_link_close .fa-plus-square {
    display:none
}
.toggle_link.toggle_link_close .fa-minus-square {
    display:inline
}

/* ローディング画像 */
#rrac-loading-wrapper{
    background-color: rgba(233,236,239, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2100;
}
#rrac-loading{
    position:fixed;
    border:3px solid #e9ecef;
    background-color:#fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2200;
    padding: 20px;
    width: 300px;
}
