﻿/* rj-table */
div.rj-table {
    display: table;
    border-collapse:collapse;
    border:1px solid silver;
    border-top:2px solid darkslategray;
}
div.rj-row {
    display: table-row;
    background-color:white;
    border-collapse:collapse;
    border:1px solid silver;
}
div.rj-header {
    display: table-header-group;
    font-weight:bold;
    border-collapse:collapse;
    background-color: whitesmoke;
    text-align:center;
}
div.rj-footer {
    display: table-footer-group;
    font-weight:bold;
    border-collapse:collapse;
    background-color: whitesmoke;
}
div.rj-cell {
    display:table-cell;
    padding:5px 2px;
    text-align:left;
    vertical-align:middle;
    border-collapse:collapse;
    border:1px solid silver;
}

div.rj-right {
    text-align:right;
}

div.rj-center {
    text-align:center;
}

div.rj-line {
    height:1px;
    background-color:gainsboro;
}

a.rj-button {
    display:inline-block;
    cursor:pointer;
    height:auto;
    width:auto;
    text-align:center;
    padding:6px 15px;
    color:white;
    background-color:steelblue;
    text-decoration:none;
}

a.rj-button > i {
    padding-left: 0px;
}

a.rj-button:hover {
    color:darkcyan;
    font-weight:bold;
    text-decoration:none;
    opacity:0.7;
}

a.rj-button.light {
    background-color: aliceblue;
    color: #333;
    border: 1px solid steelblue;
}

/************************************* rj-checkbox */
div.rj-checkbox {
    display:inline-block;
}
div.rj-checkbox > input {
    display:none;
}
div.rj-checkbox > span {
    float:left;
    padding-top:1px;
    padding-left:5px;
}
div.rj-checkbox > span > i {
    font-size:0.5rem;
}
div.rj-checkbox > span > i.fa-check-square-o {
    color:darkcyan;
}
div.rj-checkbox > span > i.fa-<% if (DIAG_INFO.Rows[0]["INFO01"].ToString() == "1") { %>check-circle<% } else { %>circle-thin<% } %> {
    color:darkcyan;
}
div.rj-checkbox > label {
    padding-left:5px;
    padding-right:20px;
}

/************************************* PopBottom */
div#__PopBottom {
    display:none;
    position:fixed;
    z-index:99999999;
    background-color:white;
    border-radius:15px;
    text-align:center;
    border:2px solid darkcyan;
    padding:2px;
    bottom:0px;
    right:0px;
    left:0px;
}
div#__PopBottomTitle {
    /* __PopBottomTitle */
    border-radius:15px;
    text-align:center;
    display:none;
    padding:5px;
    margin-bottom:5px;
    background-color:darkcyan;
    color:white;
    font-weight:bold;
}
i#__PopBottomClose {
    position:absolute; 
    font-size:0.7rem;
}
div#__PopBottomContent {
    text-align:left;
    padding:10px;
    overflow-y:auto;
}