body {
    background-color: #face2a;
    color: #000000;
    font-size: 8pt;
    font-family: MS Sans Serif;
}

A:link,
A:visited,
A:active {
    text-decoration: none;
    color: #0000FF;
}

A:hover {
    text-decoration: underline;
    color: #0000FF;
}

table {
    font-size: 8pt;
    font-family: MS Sans Serif
}

caption {
    font-weight: bold;
    white-space: nowrap;
    padding-bottom: 4px;
    text-align: left;
}

hr {
    color: #CC6600;
    height: 1;
}

.pgr {
    margin-left: -2;
}

    .pgr td {
        padding: 4 10 4 10;
        border-color: #CC6600;
        border-style: solid;
        border-width: 1px;
        background-color: #FDDB55;
    }

    .pgr .pgs {
        background-color: #D07000;
        color: #FDFBEE;
    }

.pgs A:link,
.pgs A:visited,
.pgs A:active,
.pgs A:hover {
    color: #FDFBEE;
}

.hdt,
.hdt td,
.tab,
.tab td {
    border-color: #CC6600;
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
}

    .tab,
    .tab td {
        background-color: #FDDB55;
    }

.tbn,
.tbn td {
    border-style: none;
}

.hdt table td,
.tab table td {
    border-style: none;
}

.propsTab td {
    padding-left: 0;
}

.hid {
    visibility: hidden;
    width: 0px;
}

.tt,
.tt td,
table .tt td {
    border-color: #A05800;
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
}

.th,
.th td {
    font-weight: bold;
    background-color: #D07000;
    color: #FDFBEE;
}

    .th A:link,
    .th A:visited,
    .th A:active,
    .th A:hover {
        color: #FDFBEE;
    }

.ti,
.ti td {
    background-color: #FDDB55;
}

.ta,
.ta td {
    background-color: #FDDF66;
}

.ts,
.ts td {
    background-color: #FDF0BB;
}

.tf,
.tf td {
    background-color: #FDE588;
}

.tt td {
    padding: 1 2 1 2;
}

.th td,
.tf td {
    padding: 6 2 6 2;
}

.tp,
.tp td {
    font-weight: bold;
    background-color: #FDE999;
    color: #EE0000;
}

    .tp td {
        padding: 3 2 3 2;
    }

    .tp A:link,
    .tp A:visited,
    .tp A:active,
    .tp A:hover {
        color: Maroon;
    }

    .tp table,
    .tp table td {
        border-style: none;
        padding: 0 1 0 1;
    }



select,
input,
textarea {
    font-size: 8pt;
    font-family: MS Sans Serif
}

.btnPager {
    padding: 3;
    padding-top: 1;
    padding-bottom: 1;
    overflow: visible;
}

.btn,
.btn2,
.btn3 {
    padding: 8;
    padding-top: 1;
    padding-bottom: 1;
    overflow: visible;
}

.btn2,
.btn3 {
    font-weight: bold;
}

.btn3 {
    color: red;
}

.ch input {
    margin: 0px;
    height: 13px;
    width: 13px;
    vertical-align: middle;
}

.ch2 input,
.ch2 label {
    vertical-align: middle;
}



.msg {
    font-weight: bold;
    color: Red;
    background-color: Orange;
}

.head1 {
    color: #ffffff;
    background-color: #cc6600;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

.head2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}

.userLogo {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

.woScroll {
    margin: 0px;
    overflow: hidden;
}

.contentTab {
    width: 100%;
    height: 100%;
}


.rp,
.rpe,
.rpl {
    font-size: 20px;
    font-weight: bold;
}

.rpe {
    text-align: right;
    width: 80px;
}

.rpl {
    margin: 2px;
}

.overlay {
    background-color: rgba(255, 255, 255, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
    top: 0px;
    left: 0px;
    text-align: center;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    transform: scale(0.5);
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 32px 32px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #000;
            margin: -3px 0 0 -3px;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 50px;
                left: 50px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 54px;
                left: 45px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 57px;
                left: 39px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 58px;
                left: 32px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 57px;
                left: 25px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 54px;
                left: 19px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 50px;
                left: 14px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 45px;
                left: 10px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}