/********************************************/
/*  共通                                    */
/********************************************/
html,
body {
  font-size: 0.95vw;
  background: #f4f6f9;
}

@media only screen and (max-width: 414px) {
    html, body{
        font-size: 7px;
    }
}

.card-title{
    font-size: 1.1rem;
}

.wrapper{
    background: #f4f6f9;
}
.content-wrapper, .main-footer, .main-header {
    margin-left: 0px;
}

.alert {
    margin-bottom: 0rem !important;
    font-size: 0.9vw;
    margin-bottom: 0rem;
}

.visible_false{
    visibility: hidden;
}

.hidden{
    display: none;
}

.right{
    text-align:right;
}

.table th {
    text-align:center;
}

.center{
    text-align:center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { margin-left: 1rem; }

/********************************************/
/*  ローディング                            */
/********************************************/
#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.3;
}

#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("../img/gif-load.gif") center center no-repeat;
}

/********************************************/
/* メッセージ                               */
/********************************************/
#message_close{
    float: right;
    cursor:pointer;
    color: transparent !important;
}

#modalmessagearea{
    cursor:pointer;
}
.modal-footer {
    padding: 0.5rem;
}

/********************************************/
/* 通知                                     */
/********************************************/
#notify_dialog{
    margin: 0.5rem auto;
}
#notify_box{
    pointer-events: none;
}
#notify_area{
    text-align:center;
}
/*色*/
.bgcolor_orange{
    background-color:#eaa045 !important;
}
.bgcolor_red{
    background-color:#F26964 !important;
}
.bgcolor_blue{
    background-color:#02AEDC !important;
}
.bgcolor_green{
    background-color:#79D1B0 !important;
}
.bgcolor_lightgray{
    background-color:#C8C8C8 !important;
}
.bgcolor_brawn{
    background-color:#A6341F !important;
}
.bgcolor_gray{
    background-color:#7C858E;
}

.bgcolor_pink{
    background-color:#f7c6be;
}
.bgcolor_skyblue{
    background-color:#b4dce6;
}
.bgcolor_lightgreen{
    background-color:#aedecc;
}
.bgcolor_lightyellow{
    background-color:#fdeb93;
}

.bgcolor_white{
    background-color:white;
}

.bgcolor_lightorange{
    background-color:#fff7bb !important;
}

.color_orange{
    color:#eaa045;
}
.color_red{
    color:#F26964;
}
.color_blue{
    color:#02AEDC;
}
.color_green{
    color:#79D1B0;
}
.color_lightgray{
    color:#C8C8C8;
}
.color_brawn{
    color:#A6341F;
}
.color_gray{
    color:#7C858E;
}
.color_lightyellow{
    color:#fdeb93;
}
.color_skyblue{
    color:#b4dce6;
}

.color_white{
    color:white;
}

.ui-datepicker-prev span.ui-icon,
.ui-datepicker-next span.ui-icon
 {
    text-indent: 0;
}