/* 既存クラスを調整 */
/* all font 15px */
* {
    font-size: 15px;
    font-weight: 400;
}

/* custom button */
/* ボタンデフォルト */
.btn,
.btn-block,
.btn-lg {
    font-size: 15px;
    font-weight: 400;
    line-height:normal;
    display:inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-danger {
    /* dangerの場合はAdminから更にカスタマイズしなくてもfocus時など違和感ないのでそのまま採用している */
    background-color: #dc143c;
}




/* progressbar */
.progress-bar {
    color:white;
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
}


/* 荒くならないようにmaxを100%に設定 */
img {
    max-width: 100%;
    height: auto;
}

.wf-mplus1p {
    font-family: "M PLUS 1p";
}

/* 微調整。モーダル画面を中央にする */
.modal-body {
    margin: 3%;
}

.modal-dialog-centered {
    /* modal-dialog-centered内のmodal-contentを更に真ん中寄せにしたいため。 */
    justify-content: center;
}

/* 微調整。fasの右側をbootstrapのmr-2付与と同様にする */
.fas {
    margin-right: 8px;
}

/* bootstrap */
/* adminlteで原色ぽい色になるのでbootstrap設定に合わせる */
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #d4edda;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.btn-info {
    color: #fff;
    background-color: #00ced1;
    border-color: #00ced1;
}

/* bootstrap datepicker関連 ==============================bgn*/
/* datepickerの出現位置.bottomの場合inputに被るので出現位置を修正 */
.datepicker-orient-bottom{
    margin-top: 60px;
}
/* .datepicker-months 月をクリックした際のUI */
.datepicker-months .table-condensed thead tr {
    /* bootstrap-datepickerのtitle部分を高さ0 */
    height:0;
}
.datepicker-months .table-condensed tfoot tr {
    /* bootstrap-datepickerのfooter部分を高さ0 */
    height:0;
}
/* .datepicker-years 年をクリックした際のUI */
.datepicker-years .table-condensed thead tr {
    /* bootstrap-datepickerのtitle部分を高さ0 */
    height:0;
}
.datepicker-years .table-condensed tfoot tr {
    /* bootstrap-datepickerのfooter部分を高さ0 */
    height:0;
}
/* bootstrap datepicker関連 ==============================end*/

.tooltip-inner {
    /* tooltipが変な長さで折り返さないようにする */
    max-width: 100%;
    /* center寄りにするための微調整 bgn */
    padding-top:5px;
    padding-bottom:6px;
    /* 右側に。がある場合がほとんど。全角句読点で終わる場合右側空白が大きく見えるので見た目的に左右差調整。逆に全角句読点で終わらない場合は個々対応すること。 */
    /* padding-left:10px; */
    /* padding-right:3px; */
    /* center寄りにするための微調整 end */
}

.badge {
    font-size: 100%;
    font-weight: 400;
}

/* toastr ※現在は不使用 bgn*/
.toast {
    max-width:fit-content;
    max-height:fit-content;
}
#toast-container {
    min-height:100vh;
    display:inline-flex;
    justify-content: center;
    flex-direction:column;
}
#toast-container>div {
    width:fit-content;
    height:fit-content;
}
#toast-container .toast-info {
    background-color: #d4edda;
    /* background-color: rgba(40, 167, 69, .85); */
    color: black;
    /* 改行を反映したい */
    white-space: pre;
    /* display:inline-flex; */
}
#toast-container.toast-top-center>div {
    width:fit-content!important;
}
.toast-message {
    height:fit-content;
}
/* toastr ※現在は不使用 end*/

/* 戻るボタン用設定。bgn */
/* サイドバー開閉の開に対応 */
.css_page_header {
    height:100%;
    width:40px;
    top:79px;
    left:259px;
    position: fixed;
}
.layout-navbar-fixed-custombigger .css_page_header {
    top:92px;
}
.css_transition_enabled.css_page_header {
    transition: left 0.3s ease-in-out;
}
/* サイドバー開閉の閉に対応 */
/* .sidebar-mini-xs.sidebar-collapse .css_page_header { */
.sidebar-mini-xs.sidebar-collapse .css_page_header {
    left:78px;
}
/* 戻るボタン用設定。end */