body {
    padding-top: 30px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/* input,
select,
textarea {
    max-width: 280px;
} */
.hiragino {
    font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "メイリオ", Meiryo, Arial, sans-serif;
}
.textblack{
    color:black;
}

.containercolor
{
    background-color:mistyrose;
    /*margin-top: 50px;*/
}
div {
    padding: 10px 10px 10px 10px;
}

table
{
    margin-left: auto;
    margin-right: auto;
}

.table , .table th , .table td{

    border-color:black;
    border-width: 1px;
    border-style: solid;
}

.table td
{
    background-color:white;
}

.table th , .table-heder 
{
    background-color: lightcoral;
}

.table th, .table td
{
    border-top:initial;
    padding: 3px;
}

table td {	background: white;}
table tr:nth-child(odd) td {	background:lavenderblush;}


.btn
{
   border-radius: 0.8rem;
   font-size:1.4rem;
}


footer {
    padding-top:5px;
}

.basiccolor {
    background-color: lavenderblush !important;
}

.table th , .table-head 
{
    background: rgb(241, 142, 142) !important;
}

.table td > *{
    margin: 0;
}

.table td > .btn
{
   border-radius: 0.8rem;
   margin: 0.1rem !important;
   font-size:1.4rem;
}

.menu td > .btn {
    font-size:1.8rem;
    margin: 0.4rem !important;
    width:340px;
}
.swing {
    animation-name: anime;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    transform: translateY(10px);
    color: red;
}

@keyframes anime {
    from {
        transform: translateY(-10px);
    }

    50% {
        transform: translateY(10px);
    }

    to {
        transform: translateY(-10px);
    }
}
.tshadow
{
    text-shadow:2px 2px 2px #7b5c5c;
    font-weight: bold;
    color:crimson;

}

.list  .btn
{
   width: 55px !important;
   padding: 3px;
   font-size: 14px !important;;
}

input:read-only
{
    background-color: lightgrey;
}


.sorter-false {
    background-image: none !important;
    cursor: default;
    padding: 5px !important;
}

th.tablesorter-headerUnSorted {
    background: #FAFAFA;
    background-image: url('images/bg.gif');
    background-repeat: no-repeat !important;
    background-position: center right !important;
}

th.tablesorter-headerAsc {
    background: #FAFAFA !important;
    background-image: url('images/asc.gif') !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
}

th.tablesorter-headerDesc {
    background: #FAFAFA !important;
    background-image: url('images/desc.gif') !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
}

.link
{
    color: blue;
    text-decoration: underline;
}

.modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
}