@import url(https://fonts.googleapis.com/css?family=Nunito);@charset "UTF-8";

body {
    margin: 0;
    font-size: 1.1rem;
    color: #212529;
    text-align: left;
    /* background-color: #99CCFF; */
    background-color: #CCFFCC;
}

.bg-gboxm {
    background-color: #009933 !important;
    /* background-color: #3490dc !important; */
}

.bg-green {
    background-color: #00FF66 !important;
}

.card-header {
    background-color: #009933;
    color: #fff;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.125); */
}

.card-body {
    /* background-color: #CCFFCC; */
}

/* .card-header-gunpura {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    color:white;
    background-color: rgba(52,144,220, 1);
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  } */

.scroll-table {
    overflow: auto;
    white-space: nowrap;
}
/* .table-scroll::-webkit-scrollbar{
    height: 5px;
}
.table-scroll::-webkit-scrollbar-track{
background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
background: #999;
} */

/* 
/* 選択後、選択中のメニューを光らせる */
.select-menu-animation
{
    animation: flash 5s linear infinite;
    background:#38c172;
}
@keyframes flash
{
    0%,100%
    {
    opacity: 1;
    }
    50%
    {
    opacity: 0;
    }
}

/* 選択後、選択中のメニューの色を変える */
.select-menu-color-change
{
    background:#ff4500;
    border-color: #ff4500;
}

/* メニューにカーソルを合わせたとき色を変える */
.select-menu-color-change:hover {
    color: #fff;
    background-color: #ff4500;
    border-color: #ff4500;
}