body {
    background: url('https://khuzaimasalaam.files.wordpress.com/2015/03/olivepaper.jpg?w=451');
    background-repeat: repeat;
    font-family: Roboto;
    font-size: small;
    /*background-color: #A29B4C;*/
    /*background: #73880a; 
    background: -moz-linear-gradient(top, #73880a 0%, #73880a 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73880a), color-stop(100%,#73880a)); 
    background: -webkit-linear-gradient(top, #73880a 0%,#73880a 100%); 
    background: -o-linear-gradient(top, #73880a 0%,#73880a 100%); 
    background: -ms-linear-gradient(top, #73880a 0%,#73880a 100%); 
    background: linear-gradient(to bottom, #73880a 0%,#73880a 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73880a', endColorstr='#73880a',GradientType=0 );*/
}

legend {
    min-height: 30px;
    min-width: 100px;
    box-shadow: 0px 0px 10px silver;
    border: none;
    font: Raleway 14px;
    color: black;
    padding-top: 6px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    background: rgb(164,179,87); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,179,87,1)), color-stop(100%,rgba(117,137,12,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(164,179,87,1) 0%,rgba(117,137,12,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */
}


.btnorange {
    background: #627d4d; /* Old browsers */
    background: -moz-linear-gradient(top, #627d4d 0%, #1f3b08 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#627d4d), color-stop(100%,#1f3b08)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #627d4d 0%,#1f3b08 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #627d4d 0%,#1f3b08 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #627d4d 0%,#1f3b08 100%); /* IE10+ */
    background: linear-gradient(to bottom, #627d4d 0%,#1f3b08 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */
    min-width: 75px;
    border-radius: 3px;
    color: whitesmoke;
    font-family: Raleway;
    font-size: 14px;
    height: 30px;
    border: none;
    opacity: 0.8;
    /*background-image: url('images/keyicon.png')*/
}

    .btnorange:hover {
        box-shadow: 0px 0px 10px slategrey;
        opacity: 1;
    }

.tblogin {
    width: 150px;
    height: 30px;
    border: 1px solid silver;
    border-radius: 3px;
    font-family: Roboto;
    padding-left: 40px;
    background-image: url('../images/usericon.png');
    background-size: contain;
    background-position-x: left;
    background-repeat: no-repeat;
}

    .tblogin:hover {
        box-shadow: 0px 0px 10px slategrey;
    }

    .tblogin:focus {
        box-shadow: 0px 0px 10px slategrey;
    }

.tbpwd {
    width: 150px;
    height: 30px;
    border: 1px solid silver;
    border-radius: 3px;
    font-family: Roboto;
    padding-left: 40px;
    background-image: url('../images/pwdicon.png');
    background-size: contain;
    background-position-x: left;
    background-repeat: no-repeat;
}

    .tbpwd:hover {
        box-shadow: 0px 0px 10px slategrey;
    }

    .tbpwd:focus {
        box-shadow: 0px 0px 10px slategrey;
    }


.loginwatermark {
    color: grey;
    width: 150px;
    height: 30px;
    border: 1px solid silver;
    border-radius: 3px;
    font-family: Roboto;
    padding-left: 40px;
}

.divref {
    background-color: white;
    font-family: Tahoma;
    font-size: small;
    width: 100%;
}

.divsep {
    width: 100%;
    height: 10px;
}

.table1 {
    font-family: Roboto;
    font-size: small;
    width: 100%;
    cellspacing: 0px;
}

    .table1 tr {
        width: 100%;
        height: 30px;
        /*border-spacing: 0px;*/
    }


    .table1 td {
        font-family: Roboto;
        font-size: 13px;
        /*border: 1px dashed #A29B4C;*/
        border-spacing: 0px;
        padding-left: 4px;
        text-align: left;
        height: 30px;
    }

        .table1 td:last-child {
        }

.tdlbl {
    border: none;
    border-spacing: 0px;
    padding-right: 4px;
    text-align: right;
    color: whitesmoke;
    font-family: Raleway;
    font-size: 13px;
    background-color: #666600;
}


.tbtiny {
    width: 75px;
    height: 30px;
    border: 1px solid silver;
    border-radius: 3px;
    font-family: Roboto;
    padding-left: 5px;
}

.tblogin:hover {
    box-shadow: 0px 0px 10px slategrey;
}

.tblogin:focus {
    box-shadow: 0px 0px 10px slategrey;
    border-bottom-color: green;
}

.tbsmall {
    width: 150px;
    height: 30px;
    border: 1px solid silver;
    border-radius: 3px;
    font-family: Roboto;
    padding-left: 5px;
}

    .tbsmall:hover {
        box-shadow: 0px 0px 10px slategrey;
    }

    .tbsmall:focus {
        box-shadow: 0px 0px 10px slategrey;
        border-bottom-color: green;
    }

.tbbig {
    width: 275px;
    height: 30px;
    border: 1px solid silver;
    border-radius: 3px;
    font-family: Roboto;
    padding-left: 5px;
}

    .tbbig:hover {
        box-shadow: 0px 0px 10px slategrey;
    }

    .tbbig:focus {
        box-shadow: 0px 0px 10px slategrey;
        border-bottom-color: green;
    }

.tblarge {
    width: 400px;
    height: 30px;
    border: 1px solid silver;
    border-radius: 3px;
    font-family: Roboto;
    padding-left: 5px;
}

    .tblarge:hover {
        box-shadow: 0px 0px 10px slategrey;
    }

    .tblarge:focus {
        box-shadow: 0px 0px 10px slategrey;
        border-bottom-color: green;
    }

.cmdbtn {
    background: #627d4d; /* Old browsers */
    background: -moz-linear-gradient(top, #627d4d 0%, #1f3b08 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#627d4d), color-stop(100%,#1f3b08)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #627d4d 0%,#1f3b08 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #627d4d 0%,#1f3b08 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #627d4d 0%,#1f3b08 100%); /* IE10+ */
    background: linear-gradient(to bottom, #627d4d 0%,#1f3b08 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */
    min-width: 75px;
    border-radius: 3px;
    color: whitesmoke;
    font-family: Roboto;
    font-size: 14px;
    height: 30px;
    border: none;
    opacity: 1;
}

    .cmdbtn:hover {
        box-shadow: 0px 0px 10px black;
    }

.sgv {
    border: 1px dashed #A9A954;
    border-radius: 5px;
    font-family: Roboto;
    font-size: small;
    box-shadow: 0px 0px 10px silver; /*text-align: center;*/
    color: #666633;
    /*color: #333300;*/
    left: 0px;
    margin-left: auto;
    margin-right: auto;
}

    .sgv tr {
        border-style: dashed;
        border-width: 1px;
        border-color: #A9A954;
        border-radius: 10px;
        min-height: 22px;
        /*background-color:#E8D0A9;*/
        background-color: white;
        text-align: center;
        border-spacing: 2px;
        max-height: 35px;
        text-wrap: none;
        font-family: Roboto;
        font-size: small;
        font-weight: lighter;
    }

        .sgv tr + tr:hover {
            /*background-color: #A9A954;*/
            color: inherit;
            box-shadow: 0px 0px 10px silver;
            z-index: 90;
            border-right: 3px solid maroon;
            border-left: 3px solid maroon;
            background: #fcfff4;
            background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead));
            background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* IE10+ */
            background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */
        }


    .sgv th {
        border: 1px dashed #666633;
        min-height: 30px;
        font: Roboto;
        font-size: small;
        font-weight: lighter;
        border-spacing: 2px;
        padding: 5px 5px 5px 5px;
        background: #a4b357;
        background: -moz-linear-gradient(top, #a4b357 0%, #75890c 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4b357), color-stop(100%,#75890c));
        background: -webkit-linear-gradient(top, #a4b357 0%,#75890c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #a4b357 0%,#75890c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #a4b357 0%,#75890c 100%); /* IE10+ */
        background: linear-gradient(to bottom, #a4b357 0%,#75890c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */
        color: #FFFFCC;
    }

    .sgv td {
        border-style: dashed;
        border-width: 1px;
        border-color: #A9A954;
        border-spacing: 2px;
        padding: 4px;
        min-height: 25px;
        text-wrap: normal;
        text-align: left;
        border-spacing: 10px;
        font-family: Roboto;
        font-size: small;
        font-weight: lighter;
    }

.popupbkgr {
    background-color: black;
    opacity: 0.3;
}


.floater_right {
    float: right;
    top: 40%;
    right: 10px;
    border: 1px double black;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    min-height: 70px;
    min-width: 170px;
    color: white;
    position: fixed;
    padding: 10px;
    font-family: Roboto;
    font-size: small;
    box-shadow: 0px 0px 20px slategrey;
    background: #28343b; /* Old browsers */
    background: -moz-linear-gradient(top, #28343b 0%, #828c95 64%, #b5bdc8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28343b), color-stop(64%,#828c95), color-stop(100%,#b5bdc8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #28343b 0%,#828c95 64%,#b5bdc8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #28343b 0%,#828c95 64%,#b5bdc8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #28343b 0%,#828c95 64%,#b5bdc8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #28343b 0%,#828c95 64%,#b5bdc8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0 ); /* IE6-9 */
}

.floater_Warning {
    float: Left;
    top: 40%;
    left: 10px;
    border: 1px double black;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    min-height: 70px;
    min-width: 170px;
    color: white;
    position: fixed;
    padding: 10px;
    font-family: Roboto;
    font-size: small;
    box-shadow: 0px 0px 20px slategrey;
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}


.mainblock {
    /*min-height: 400px;*/
    width: 100%;
    box-shadow: 0px 0px 30px black;
    background-color: whitesmoke;
}

.popuppnl {
    border: 3px solid silver;
    padding: 10px;
    box-shadow: 0px 0px 50px black;
    background-color: whitesmoke;
    min-height: 10px;
    min-width: 10px;
    max-height: 600px;
    max-width: 100%;
    overflow: auto;
    text-align: center;
    z-index: 999;
}

.pnlgeneral {
    border: 1px solid silver;
    padding: 10px;
    background-color: whitesmoke;
    min-height: 10px;
    min-width: 10px;
    max-height: 600px;
    max-width: 100%;
    overflow: auto;
    text-align: center;
}

.divmain {
    width: 98%;
    padding: 10px;
    min-height: 10px;
    background-color: whitesmoke;
    overflow: auto;
}

.circle {
    border-radius:50%;
    box-shadow: 0px 0px 20px black;
}

.txtbox {
    border: 1px solid gray;
    height: 35px;
    font-family: Khula;
    padding: 4px;
    border-radius: 3px;
    margin: 2px;
}
    .txtbox:disabled {
        cursor:not-allowed;
    }

.txtbox-large {
    width: 95%;
}

.txtbox-med {
    width: 60%;
}

.txtbox-sm {
    width: 40%;
}

.txtbox-tiny {
    width: 20%;
}

.txtbox-num {
    text-align: right;
}


.ngv {
    border: 1px solid #A9A954;
    font-family: Khula;
    font-size: small;
    color: #333300;
    left: 0px;
    margin-left: auto;
    margin-right: auto; /*max-width: inherit;*/
    background-color: white;
    margin-bottom: 10px;
}

    .ngv tr {
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        min-height: 20px;
        /*background-color:#E8D0A9;*/
        background-color: transparent;
        text-align: center;
        border-spacing: 2px;
        max-height: 35px;
        text-wrap: none;
        text-align: left;
    }

        .ngv tr + tr:hover {
            /*background-color: #A9A954;*/
            color: inherit;
            z-index: 90;
            border: 1px solid silver;
            box-shadow: 0px 0px 10px #e5e2e2;
            cursor: pointer;
            background-color: lightgray;
        }

        .ngv tr::selection {
            background: -webkit-gradient(linear, left top, left bottom, from(#D4AF37), to(#FFEEB5));
            background: -moz-linear-gradient(top, #D4AF37, #f47a20);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4AF37', endColorstr='#FFEEB5');
        }

    .ngv th {
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        /*border-radius: 5px;*/
        min-height: 35px;
        font: Khula;
        font-size: 14px;
        font-weight: normal;
        min-width: 50px;
        border-spacing: 2px;
        padding: 5px 5px 5px 5px;
        background-color: silver;
        color: black;
        text-transform: uppercase;
        text-align: center;
    }

        .ngv th a:link {
            color: #FFFFCC;
        }

    .ngv td {
        border-style: solid;
        border-width: 1px;
        border-color: lightgray;
        /*border-radius:10px;*/
        border-spacing: 2px;
        padding: 4px 2px 2px 2px;
        min-height: 22px;
        /*text-wrap: normal;*/
        /*text-align: left;*/
    }

        .ngv td:hover {
            /*box-shadow: 0px 0px 20px black;*/
            /*z-index: 90;*/
        }

.ngvcellcenter {
    border-style: dashed;
    border-width: 1px;
    border-color: #A9A954;
    /*border-radius:10px;*/
    border-spacing: 2px;
    padding: 4px 2px 2px 2px;
    min-height: 22px;
    /*text-wrap: normal;*/
    text-align: center;
}
.ChkBoxClass input {
    width: 25px;
    height: 25px;
    font-weight: lighter;
    border-style: solid;
    border-style: groove;
    vertical-align: central;
    font-size: small;
    font-family: Lora;
    margin-right: 5px;
}

.updprogress {
    min-width: 25px;
    min-height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 900;
}