html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: inherit; /*for the $.popMsgBox() div css rem setting*/
}

body {
    /*background-image:url('apics/backgroud.jpg');*/
    /*background-color: #0067b8;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    margin: 0;
    padding-bottom: .227px;
    padding-top: .227px;
    font-family: "Segoe UI Webfont",-apple-system,"Helvetica Neue","Lucida Grande","Roboto","Ebrima","Nirmala UI","Gadugi","Segoe Xbox Symbol","Segoe UI Symbol","Meiryo UI","Khmer UI","Tunga","Lao UI","Raavi","Iskoola Pota","Latha","Leelawadee","Microsoft YaHei UI","Microsoft JhengHei UI","Malgun Gothic","Estrangelo Edessa","Microsoft Himalaya","Microsoft New Tai Lue","Microsoft PhagsPa","Microsoft Tai Le","Microsoft Yi Baiti","Mongolian Baiti","MV Boli","Myanmar Text","Cambria Math";
    display: block !important;
    color: black;
    overflow: auto;
}

div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.bodycss {
    background-color: #0067b8;
}


.bodyJan {
    background-image: url(https://www.aplplus.com/BackGroundPics/JAN.jpg);
    background-color: #0067b8;
}

.bodyFeb {
    background-image: url(https://www.aplplus.com/BackGroundPics/FEB.jpg);
    background-color: #0067b8;
}

.bodyMar {
    background-image: url(https://www.aplplus.com/BackGroundPics/MAR.jpg);
    background-color: #0067b8;
}

.bodyApr {
    background-image: url(https://www.aplplus.com/BackGroundPics/APR.jpg);
    background-color: #0067b8;
}

.bodyMay {
    background-image: url(https://www.aplplus.com/BackGroundPics/MAY.jpg);
    background-color: #0067b8;
}

.bodyJun {
    background-image: url(https://www.aplplus.com/BackGroundPics/JUN.jpg);
    background-color: #0067b8;
}

.bodyJul1stto7st {
    background-image: url(https://www.aplplus.com/BackGroundPics/usa.jpg);
    background-color: #0067b8;
}

.bodyJul {
    background-image: url(https://www.aplplus.com/BackGroundPics/JUL.jpg );
    background-color: #0067b8;
}

.bodyAug {
    background-image: url(https://www.aplplus.com/BackGroundPics/AUG.jpg);
    background-color: #0067b8;
}

.bodySep {
    background-image: url(https://www.aplplus.com/BackGroundPics/SEP.jpg);
    background-color: #0067b8;
}

.bodyOct {
    background-image: url(https://www.aplplus.com/BackGroundPics/OCT.jpg);
    background-color: #0067b8;
}

.bodyNov {
    background-image: url(https://www.aplplus.com/BackGroundPics/NOV.jpg);
    background-color: #0067b8;
}

.bodyDec {
    background-image: url(https://www.aplplus.com/BackGroundPics/DEC.jpg);
    background-color: #0067b8;
}

th {
    text-align: center;
}

td {
    text-align: center;
}

.td-left {
    text-align: left;
}

.divouter {
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.divmain {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100%;
}

.divinner {
    background-color: #eaeef0; /*#fff;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
    /*max-width: 960px;*/
    /*min-width: 320px;*/
    max-width: 100%;
    /*min-height: 338px;*/
    /*width: calc(100% - 50px);*/
    /*width: 850px;*/
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,55);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,55);
    box-shadow: 0 2px 3px rgba(0,0,0,55);
    padding: 0;
    text-align: left;
    border: 1px solid rgba(0,0,0,.4);
    top: 0px;
    left: 0px;
}

.divheader {
    padding: 12px 30px;
    width: 100%;
    float: left;
    border-collapse: separate; /*set collapse in bootstrap*/
    vertical-align: middle;
    background-color: #fff;
}

.divbar {
    background-color: black;
    width: 100%;
    height: 35px;
    color: white;
    text-align: right;
    font-size: 11px;
    padding: 3px 35px;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
}

.inputbutton {
    border: none;
    background-color: #0067b8;
    padding: 6px 25px;
    color: white;
    font-family: inherit;
    font-size: 1rem;
    border-radius: unset;
    line-height: normal;
    /*height:35px;*/ /*same as the search box: height34px + border1px*/
}

.divPopMsg {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px;
    position: relative;
    max-width: 440px;
    min-width: 320px;
    min-height: 338px;
    width: calc(100% - 50px);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,55);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,55);
    box-shadow: 0 2px 3px rgba(0,0,0,55);
    padding: 44px;
    text-align: left;
    border: 1px solid rgba(0,0,0,.4);
    top: 0px;
    left: 0px;
}

.divPopMsgContent {
    padding-top: 44px;
}

.divPopMsgfoot {
    margin-top: 20px;
    margin-bottom: 12px;
    text-align: right;
}

.inputbutton2 {
    border: none;
    background-color: #0067b8;
    padding: 6px 33px;
    /*font:400 ;*/
    color: white;
    font-family: inherit;
    font-size: 1rem;
    margin: 36px 5px 0px 5px;
}

.anowrap {
    white-space: nowrap;
}

.trHeader > th {
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,55);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,55);
    box-shadow: 0 2px 3px rgba(0,0,0,55);
    border: 1px solid rgba(0,0,0,.4);
}

.divGrid > .table-striped > tbody > tr:nth-child(odd) > td {
    background-color: rgb(229,244,224);
}

.table-striped > tbody > tr:nth-child(even) > td {
    background-color: white;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: yellow !important;
}

.btn-common {
    background-color: #0067b8;
}

.input-group .search-bar {
    float: right;
}

.btn-search {
    border: none;
    background-color: #eaeef0;
}

.divDetail {
    overflow: auto;
    background-color: white;
}

a.whitecolor {
    /*color: white !important;*/
}

a.blackcolor {
    color: black;
}

a.underline {
    text-decoration: underline;
}

    a.underline:hover {
        color: blue;
    }

/*.list-box {
    margin-left: -20px;
}*/

.table-striped > tbody > tr.tr-Selected > td {
    background-color: yellow !important;
}

.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #0067b8 !important; /* background-color: darkblue*/
}

.divGrid > table > tbody > tr > th,
.divGrid > table > tbody > tr > td {
    line-height: 1;
    height: 34px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

    .divGrid > table > tbody > tr > td input[type='checkbox'] {
        margin: 0px;
        line-height: 1;
    }

.form-control-textbox {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: black;
    background-color: #fff;
    background-image: none;
    border: 1px solid #66afe9;
    /*border-radius: 4px;*/
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .075),inset -1px -1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 1px 1px 1px rgba(102, 175, 233, .075),inset -1px -1px 1px rgba(102, 175, 233, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-textbox-readonly {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 0px;
    font-size: 14px;
    line-height: 1.42857143;
    color: black;
    background-color: #fff;
    background-image: none;
}

.form-control-border {
    border: 1px solid #66afe9;
}

.divtopline {
    padding-bottom: 35px;
}

.div-lr-margin {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.div-updown-margin {
    margin-top: 35px;
    margin-bottom: 35px;
}

.no-border {
    border: none;
}

.form-group .checkbox {
    margin-left: 20px;
}

.form-group label {
    font-weight: normal;
}

.alink, .alink:link, .alink:visited, .alink:hover, .alink:active, .alink:focus {
    text-decoration: none;
    color: white;
    outline: none;
}

    .inputbutton:hover,
    .alink:hover {
        background-color: #0086ef;
    }

.tbGrid > tbody > tr > th > a,
.tbGrid > tbody > tr > th > a:link,
.tbGrid > tbody > tr > th > a:visited,
.tbGrid > tbody > tr > th > a:hover,
.tbGrid > tbody > tr > th > a:active,
.tbGrid > tbody > tr > th > a:focus {
    color: white;
    outline: none;
}

.tbGrid > tbody > tr > th {
    color: white;
    outline: none;
}

.form-control {
    color: black; /* #555;*/
    font-size: 14px;
}

.search-control {
    /*display: block; // form-control
    width: 100%;*/
    height: 34px; /*calc(1.5em + 0.75rem + 2px);*/
    padding-left: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: black; /* #555;*/
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.Pager {
    color: #0067b8;
    text-align: center;
    vertical-align: central;
    margin-top: -20px; /*above table is margin-bottome 20px*/
    display: block;
    width: 100%;
    /*height: 34px;*/ /*form-control*/
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    /*color: #555;*/
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.pagination { /*Pager control*/
    margin: 14px 0px 10px 0px;
}

.nomaxwidth {
    max-width: none;
}

/*Reset Password popup*/
#txtCurPass, #txtNewPass, #txtConPass, #txtEmail {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #0067b8;
    padding-bottom: 8px;
    width: 100%;
    outline: none; /*chrome*/
    font-family: inherit;
    font-size: inherit;
}

#divtopline {
    padding: 3px;
    line-height: 22px;
    font-size: small;
    display: inline-block;
    float: right;
}

#divtopmenu {
    line-height: 22px;
    padding-top: 3px;
    font-size: small;
    display: inline-block;
    float: left;
    pointer-events: painted;
}

    #divtopmenu > a {
        color: White;
        padding-right: 5px;
        padding-left: 5px;
    }

        #divtopmenu > a:first-child {
            color: White;
            padding-right: 5px;
            padding-left: 0px;
        }

#divtopmenuright {
    line-height: 22px;
    padding-top: 3px;
    font-size: small;
    display: inline-block;
    float: right;
    pointer-events: painted;
}

    #divtopmenuright > a {
        color: White;
        padding-right: 5px;
        padding-left: 5px;
    }

        #divtopmenuright > a:first-child {
            color: White;
            padding-right: 0px;
            padding-left: 5px;
        }

#divtopname {
    line-height: 22px;
    padding-top: 3px;
    font-size: small;
    display: inline-block;
    float: right;
    color: White;
    text-decoration: underline;
    font-weight: bold;
}

.divGrid {
    line-height: 22px;
    overflow: auto;
    width: 100%;
    font-size: small;
}

.table th.goleft, .table td.goleft {
    text-align: left;
    padding-right: 10px;
}

.table th.goright, .table td.goright {
    text-align: right;
    padding-right: 10px;
}

.table th.gocenter, .table td.gocenter {
    text-align: center;
}

.table td, .table th {
    padding: 10px; /*0.75rem; in bootstrap*/ /*keep the td height is 34px*/
}

.divpopup {
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: none;
}

.divpopupouter {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100%;
}

.divpopupinner {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px;
    position: relative;
    max-width: 440px;
    min-width: 320px;
    min-height: 338px;
    width: calc(100 % - 50px);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 55);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,55);
    box-shadow: 0 2px 3px rgba(0,0,0,55);
    padding: 55px;
    padding-top: 20px;
    text-align: left;
    border: 1px solid rgba(0,0,0,.4);
    top: 0px;
    left: 0px;
}

.divpopupcontent {
    padding-top: 34px;
    text-align: center;
    padding-right: 30px;
    padding-left: 20px;
}

.divpopbottomline {
    margin-top: 20px;
    margin-bottom: 12px;
    text-align: right;
}

.btnpopup {
    border: none;
    background-color: #0067b8;
    padding: 6px 30px;
    color: white;
    font-family: inherit;
    font-size: 1rem;
    margin: 36px 5px 0px 5px;
}

.border-radius-4 {
    border-radius: 4px;
}

.btnpopup:hover {
    background-color: #0086ef;
}

a {
    color: #337ab7;
    text-decoration: none;
}

    a.decoration {
        text-decoration: underline;
    }

.center-align {
    text-align: center;
}

.btn {
    height: 34px; /*calc(1.5em + 0.75rem + 2px);*/
    font-size: 14px;
}

/*Style for Tooltip*/
.tooltip-inner {
    color: white;
    background-color: black !important;
}

.tooltip .arrow:before {
    border-top-color: black;
    border-bottom-color: black;
}

/*.tooltip.show {
    opacity: 1;
}*/

/*Remarks and Notes*/
.PopupBox {
    white-space: pre-wrap; /*display text in actual format*/
    word-wrap: break-word;
}

.remarks-width {
    width: 120px;
}

/*-------------Pop Processing Box----------------*/

.divpopupinner-Processing {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px;
    position: relative;
    max-width: 610px;
    min-width: 320px;
    min-height: 338px;
    width: calc(100 % - 50px);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 55);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,55);
    box-shadow: 0 2px 3px rgba(0,0,0,55);
    padding: 0px 25px;
    padding-bottom: 40px;
    text-align: left;
    border: 1px solid rgba(0,0,0,.4);
    top: 0px;
    left: 0px;
}

.divpopupcontent-Processing {
    padding-top: 0px 15px;
    text-align: center;
}

.divpopup-Processing {
    display: table;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    /*    display: none;*/
}

.divpopupouter-Processing {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100%;
}

.btngroup-Processing {
    text-align: center;
    padding-bottom: 5px;
}

.btnpopup-Processing {
    border: none;
    background-color: #0067b8;
    padding: 6px 30px;
    color: white;
    font-family: inherit;
    font-size: 1rem;
    width: 85px;
    padding-left: 20px;
    border-radius: 4px;
    margin: 30px 2px 0px 0px;
}

    .btnpopup-Processing:hover {
        background-color: #0086ef;
    }
/*-------------End Pop Processing Box----------------*/

.alink-disable {
    opacity: 0.65;
    pointer-events: none;
}

.bottom-line {
    border-bottom: 2px solid lightsteelblue;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 22px;
    color: lightsteelblue;
}

.bottom-line-steelblue {
    border-bottom: 2px solid steelblue;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 22px;
    color: steelblue;
}
/*Hides scrollbar for IE, Edge, Firefox*/
.forms {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    /*Hides scrollbar for Chrome, Safari and Opera*/
    .forms::-webkit-scrollbar {
        display: none;
    }

.btnhovermod, .btnhovermod:hover {
    background-color: #808080 !important;
}

.form-control {
    border-right: none;
    border-left: none;
    border-top: none;
    border-radius: 0px;
    border-bottom: 0.5px solid lightblue;
    padding-left: 0px;
    height: 30px;
    margin-top: -8px;
    padding-bottom: 0px;
}