﻿
*{
    box-sizing:border-box;
    padding:0;
    margin:0;
}

.background {
    /*background-image: url(./Images/CO-llaboa_background.png);
    background-repeat:no-repeat;
    background-size:cover;*/
   /*background-color:darkgray;*/

}

.btn-menu {
    font-size: 1.2em;
    background-color:navy;
    color:white;
}

.btn-menu:hover {
    background: lightblue;
    color: white;
}

/*.btn-menu:hover{
    background-color:navy;
    color:white;

}*/

.btn-function {
    width: 100px;
}

.btn-function-lg{
    width:150px;
}

h1 {
    margin-top: 20px;
    text-align: left;
    margin-bottom: 0px;
    padding: 10px 10px 10px;
    color: black;
}


/*入力画面等でののborder無しのTable用*/
.table-noborder tr td {
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-style: none;
    vertical-align: middle;
}

    /*border無しのTableでラベルとテキストの縦位置が一致するように調整*/
    .table-noborder tr td > span {
       /* color: blue;*/
        padding-top: 3px;
        vertical-align: middle;
    }

    .grid {
        height: 550px;
        overflow: auto;
        margin-bottom: 10px;
        border-radius: 4px;
    }

    .grid table {
        table-layout: fixed;
    }

    .grid tr th {
        position: sticky;
        top: 0;
          background-color: darkgray;
        color: white;
      /*  background-color: whitesmoke;
        color:black;*/
        font-size: .8em;
        font-weight: normal;
        padding: 4px;
        vertical-align: middle;
        text-align: center;
        /* z-index:100;*/
    }

    .grid tr td {
        padding: 4px;
    }

    .status-grid {
        height: 550px;
        overflow: auto;
        margin-bottom: 10px;
        border-radius: 4px;
    }

    .status-grid table {
        table-layout: fixed;
    }

    .status-grid tr th {
        position: sticky;
        top: 0;
        background-color: whitesmoke;
        color:black;
        font-size: .8em;
        font-weight: normal;
        padding: 4px;
        vertical-align: middle;
        text-align: center;
        /* z-index:100;*/
    }

    .status-grid tr td {
        padding: 4px;
    }







/*列固定した時のため、背景色設定
.grid tr:nth-child(odd) > td {
    background-color: whitesmoke;
}

列固定した時のため、背景色設定
.grid tr:nth-child(even) > td {
    background-color: white;
}*/




/*JQuery UIダイアログのフォントを通常に設定する。*/
.ui-dialog .ui-dialog-content {
    /*  color:red;*/
    font-weight: normal;
    font-size: smaller;
}

/*JQuery UIダイアログを最前面に設定する。*/
/*.ui-front {
    z-index: 1000;
}*/
