.login-page-name {
    color:white;
    background-color:#00cc00;
    font-size:14px;
    width: 100%;
    display: inline-block;
    border-top: 7px solid #FF0000;
}
.img-tanomos {
    height: 56px;
}
.page-name {
	color:white;
    background-color:#00cc00;
    font-size:22px;
}

.padding-lr0 {
    padding-left:0;
    padding-right:0;
}

.padding-lr5 {
    padding-left:5px;
    padding-right:5px;
}

.padding-tb5 {
    padding-top:5px;
    padding-bottom:5px;
}
.padding-tb15 {
    padding-top:15px;
    padding-bottom:15px;
}

.btn-wide {
    width:75px;
}

.btn-wide90 {
    width:90px;
}

.main-tr {
	background-color:#F5F5F5;
}

.search-date-form{
    display:inline;
    width:34%;
}

table.table-headerfixed-colorless {
	table-layout: fixed;
}

table.table-headerfixed-colorless thead,
table.table-headerfixed-colorless tbody,
table.table-headerfixed-colorless tr,
table.table-headerfixed-colorless td,
table.table-headerfixed-colorless th {
    display: block;
}
.table-headerfixed-colorless > thead > tr > th,
.table-headerfixed-colorless > tbody > tr > th,
.table-headerfixed-colorless > tfoot > tr > th,
.table-headerfixed-colorless > thead > tr > td,
.table-headerfixed-colorless > tbody > tr > td,
.table-headerfixed-colorless > tfoot > tr > td {
    font-size:12px;
    line-height: 1.4285;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

table.table-headerfixed-colorless tr:after {
    content: '';
    display: flex;
    visibility: hidden;
    clear: both;
}

table.table-headerfixed-colorless tbody {
    height: 480px;
    overflow-y: scroll;
}

table.table-headerfixed-colorless tbody td,
table.table-headerfixed-colorless thead th{
    float: left;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px; 
}


.input-not-null {
    background-color:#E7FF4C;
}

.edge {
	width:calc(100% - 16px);
}
.ie {
	width:calc(100% - 17px);
}

input[disabled]{
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* iPhone表示用 */
@media (max-width: 1200px) and (min-width: 860px){
  .container{
    width: 1170px;
  }
}

/* TOUGHBOOK表示用 */
@media (max-width: 1100px) and (min-width: 854px) {
  .container {
    width: 960px;
  }
}

/* TOUGHPAD表示用 */
@media (max-width: 856px) and (min-width: 768px) {
  .container {
    width: 800px;
  }
}