html {
    height: 100%;
}
body {
    height: 100%;
    font-family: Roboto, Arial;
    font-size: 16px;
    margin-top: 0px;
}

table.layout {
    width: 100%;
    height: 100%;
    border: 0px;
    background: #f5f5f5;
}
/* ---- header ---- */
.header {
    background: #1565c0;
    color: #fff;
}
.header table {
    width: 100%;
}
.header .header-1 {
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 10px;
}
.header .header-1 a, .header .header-1 a:visited {
    text-decoration: none;
    color: #fff;
}
.header-1 {
    width: 66%;
}
.header-2 {
    width: 30%;
}
.header-3 {
    width: 4%;
    padding: 5px;
}
a.header-link:visited {
    color: #fff;
}
.nowrap {
    white-space: nowrap;
    display: inline-block;
}
/* ---------- search -------------- */
.search img {
    height: 16px;
    cursor: pointer;
}

.search-clear-btn {
    display: none;
}

.mark {
    color: yellow;
}
/* ---------- filter -------------- */
.filter {
    font-size: 14px;
    background: #b0c4de;
    margin: 0px;
    padding: 10px;
    position: relative;
}
.filter a {
    padding: 5px;
}

.filter input, .filter label {
    padding: 5px;
}
/* -------------- main content ----------*/
.col-1 {
    height: 100%;
    width: 66%;
    overflow-y: hidden;
    height: 450px;
    vertical-align: top;
}
.col-2 {
    height: 100%;
    width: 34%;
    vertical-align: top;
}
.header-text {
    padding: 10px;
    background: #4169e1;
    background: #b0c4de;
    font-size: 14px;
    position: relative;
}
.show-hide {
    top: 1px;
    right: 10px;
    position: absolute;
    width: 80px;
}
.show-hide a, .show-hide a:visited {
    color: #000;
    text-decoration: none;
    border-bottom: 1px dashed #000;
    padding: 2px 3px;
    font-size: 12px;
}
.label {
    font-size: 20px;
    color: #1565c0;
    font-weight: bold;
}
.list-wrapper {
    height: 100%;
    overflow-y: scroll;
}
table.list {
    border: 0px;
    width: 100%;
}
table.list tr:nth-child(odd) {
    background: #c0c0c0;
    width: 100%
}
table.list td {
    padding-left: 5px;
}
/* ------------ footer ----------- */
.footer, .footer a {
    background: #1565c0;
    color: #fff;
    padding: 5px;
    font-size: 12px;
}
.footer p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.info {
    vertical-align: top;
}
.sp {
    font-style: italic;
    font-size: 14px;
}
.arrow {
    font-size: 22px;
    text-decoration: none;
    color: #000;
}

.solver-options {
    font-size: 14px;
    padding-bottom: 10px;
}

.result {
    padding-top: 10px;
}

.loading {
    pdisplay:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('../img/ajax-loader.gif')
                50% 50%
                no-repeat;
}

div.loader .loading {
    display: block;
}