.objectLR {
    background-color: #f5f5f5;
    vertical-align: middle;
    font: caption;
    width: 15%
}
.objectC {
    background-color: #f5f5f5;
    vertical-align: middle;
    font: caption;
    width: 35%
}
.valueC {
    vertical-align: middle;
    font: caption;
    width: 10%
}
.object {
    background-color: #f5f5f5;
    vertical-align: middle;
    font: caption;
    width: 20%
}

.value {
    background-color: #f5f5f5;
    vertical-align: middle;
    font-family: Lucida Sans Unicode;
    font-size: smaller;
    width: 20%
}
.object0 {
    border:none;
    vertical-align: middle;
    font: caption;
    width: 10%
    
}


.value0 {
    vertical-align: middle;
    font-family: Lucida Sans Unicode;
    font-size: smaller;
    color: Blue;
    width: 10%
}
.object1 {
    vertical-align: middle;
    font: caption;
    width: 10%
}

.value1 {
    vertical-align: middle;
    font-family: Lucida Sans Unicode;
    font-size: smaller;
    color: Blue;
    width: 25%
}


        .textbox
        {
	        font-family:Lucida Sans Unicode; font-size:small; border-style:groove; width:120px;
        }
        .textbox1 
        {
            font-family: Lucida Sans Unicode;font-size: small;border-style: groove;width: 156px;
        }
        .blankLine
        {
	        background-color: #638FD3; height:15px
        }
        .button
        {
	        font-weight:bold; font-family:Lucida Sans Unicode; font-size:small; color:olive;
        }
        .alwaysVisibleButton
        {
	        font-weight:bold; font-family:Lucida Sans Unicode; font-size:small; color:#C00000; text-align:center; text-decoration:underline; background-color:PeachPuff; width:200px;
        }
        .linkbutton
        {
	        font-family:Lucida Sans Unicode; color:DodgerBlue; font-size:small
        }
        .linkbutton2
        {
	        font-family:Lucida Sans Unicode; color:Yellow; font-size:medium;
        }
        .linkbutton3
        {
	        font-family:Lucida Sans Unicode; color:DodgerBlue; font-size:small; font-weight:bold;
        }
        .dropdown
        {
	        font-family:Lucida Sans Unicode; font-size:small; border-style:groove; width:160px
        }
        .dropdown2
        {
	        font-family:Lucida Sans Unicode; font-size:small; font-weight:bold; border-style:groove; font:smallcaption
        }
        .listbox
        {
	        font-family:Lucida Sans Unicode; font-size:small; border-style:groove; Height:27px
        }
        .heading
        {
	        text-align: center; font-family:Lucida Sans Unicode; font-weight:bolder; Font-Size:x-large; Color:blue
        }
.tableBorder {
          border: 1px solid black;
          border-collapse: collapse;
          height: 100%;
          width: 100%;
        }
.tableBorder tr {
    border: 1px solid black;
    border-collapse: collapse;
}
.tableBorder td {
    border: 1px solid black;
    border-collapse: collapse;
}

.tableGridBorder {
    height: 100%;
    width: 100%;
}
    .tableGridBorder td {
        border-bottom: 1px dotted black;
        border-collapse: collapse;
    }
        .table
        {
	       background-color:#f5f5f5; height :100%; width:100%; 
        }
        .panel
        {
	        Height:100%; Width:100%; border-style:none
        }
        .mainHeading
        {
	        vertical-align:middle; background-color: #638FD3; font-family:Lucida Sans Unicode; font-weight:bold; Font-Size:Medium; Color:White; text-transform: none; font: caption; text-align: center; letter-spacing: 0.2pc
        }
        .errorMsg
        {
	        font-weight:bold; font-family:Lucida Sans Unicode; font-size:x-small; color:red; width:100px
        }
        .tdErrorMsg
        {
            background-color:#f5f5f5; vertical-align:middle; width:20%
        }
        .checkbox
        {
            font-family:Lucida Sans Unicode; font-size:x-small
        }
        .textarea
        {
            border-style:groove; width:100%; height:60px
        }
        .table2
        {
	        background-color:ivory; height :117%; 
width:100%; 
        }
        .object2
        {
	        vertical-align:middle; font:caption;
}
        .value2
        {
	        vertical-align:middle; font-family:Lucida Sans Unicode; font-size:smaller; color:Blue; width:25%
        }
        .tdErrorMsg2
        {
            background-color:#f5f5f5; vertical-align:middle; width:19%
        }
        .tdSpanned2
        {
	        vertical-align:middle; font:caption; width:50%
        }
        .textarea2
        {
            border-style:groove; width:90%; height:60px
        }
        .table3
        {
			 text-align:center; color:White; font-family:Lucida Sans Unicode; font-size:small; font-weight:bold; height:100%; width:100%; 
        }
        .object3
        {
	        vertical-align:middle; font:caption; font-size:12pt; width:20%
        }
        .value3
        {
	        vertical-align:middle; font-family:Lucida Sans Unicode; font-size:small; color:blue; width:20%
        }

        .tdErrorMsg3
        {
            background-color:ivory; vertical-align:middle; width:19%
        }
        .tdSpanned3
        {
	        vertical-align:middle; font-family:Lucida Sans Unicode; font-size:small; width:50%
        }
        .textarea3
        {
            border-style:groove; width:90%; height:60px
        }
        .formview
        {
			Width:100%
        }
        .headerTable
        {
			background-color: #638FD3; height :100%; width:100%;  color:White
        }
        .row1
        {
			background-color:ivory
        }
        .row2
        {
			background-color:wheat
        }
        .masterLogoRow
        {
			width:100%; height:100px; background-color: #99D3DF;
        }
.masterLogoRow2 {
    width: 100%;
    height: 50px;
    background-color: #99D3DF;
}
        .masterMenuRow
        {
			background-color:#E9E9E9; width:100%; height:5px;
        }
        .masterFooter
        {
			background-color: #CDCDCD; width: 100%;height :25px; font-size:small ; font-family :Lucida Sans Unicode; letter-spacing: normal;
        }
.masterLogoRow2 {
    background-color: #99D3DF;
}
        .loginMsgs
        {
			font-size:small; font-family:Lucida Sans Unicode; font-weight:bold; color:#638fd3;
        }
        .user
        {
			font-size:small; font-family:Lucida Sans Unicode; color:#638fd3;
        }
        .loginBox
        {
			background-color:#f5f5f5; width:38%; vertical-align:bottom;
        }
        .pwdControl
        {
			font:caption; font-size:small; color:Maroon; font-weight:bold;
        }
        .loginControl
        {
			font:caption; font-size:small; color:Maroon; font-weight:bold; text-decoration:underline;
        }
        .menu
        {
			font-size:medium; font-family:Lucida Sans Unicode; color:orange;
        }
        .menuSelected
        {
			font-size:small; font-family:Lucida Sans Unicode; color:black; font-weight:bold;
        }
        .menuHover
        {
			font-size:small; font-family:Lucida Sans Unicode; color:white; font-weight:bold;
        }
        .sitePath
        {
			font-size:small; font-family:Lucida Sans Unicode; color:olive;
        }
        .gridCols1
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; font-size:smaller; width:12%
        }
        .gridCols2
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; font-size:smaller; width:13%
        }
        .gridCols3
        {
	        vertical-align:top; text-align:center; font-family:Lucida Sans Unicode; font-size:smaller; width:18%
        }
        .gridCols4
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; font-size:smaller; width:57%
        }
        .gridCols5
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; font-size:smaller; width:40%
        }
        .gridCols6
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; font-size:smaller; width:17%
        }
        .gridHeading1
        {
	        vertical-align:bottom; text-align:left; font-family:Lucida Sans Unicode; font-size:x-small; width:12%
        }
        .gridHeading2
        {
	        vertical-align:bottom; text-align:left; font-family:Lucida Sans Unicode; font-size:x-small; width:13%
        }
        .gridHeading3
        {
	        vertical-align:middle; text-align:center; font-family:Lucida Sans Unicode; font-size:x-small; width:18%
        }
        .gridHeading4
        {
	        vertical-align:bottom; text-align:left; font-family:Lucida Sans Unicode; font-size:x-small; width:57%
        }
        .gridHeading5
        {
	        vertical-align:bottom; text-align:left; font-family:Lucida Sans Unicode; font-size:x-small; width:40%
        }
        .gridHeading6
        {
	        vertical-align:bottom; text-align:left; font-family:Lucida Sans Unicode; font-size:x-small; width:17%
        }
        .gridPanel
        {
	        Height:50px; Width:50px; border-style:none
        }
        .gridObject
        {
	        vertical-align:middle; font-family:Lucida Sans Unicode; color:Black; font-size:small; font-weight:bold; width:50%
        }
        .gridValue
        {
	        vertical-align:middle; font-family:Lucida Sans Unicode; font-size:small; width:50%
        }
        .txtOff
        {
	        font-family:Lucida Sans Unicode; font-size:small; border-style:groove;
        }
        .txtAreaOff
        {
	        font-family:Lucida Sans Unicode; font-size:small; border-style:groove; height:80px; width:90%;
        }
        .ddOff
        {
	        font-family:Lucida Sans Unicode; font-size:small;
        }
        .offTable
        {
	        background-color:ivory; height :100%; width:100%;
        }
        .offEditTable
        {
	        background-color:White; height :100%; width:100%; 
        }
        .headerRow
        {
	        vertical-align:bottom; text-align:center; font-family:Lucida Sans Unicode; font-weight:bold; font-size:small; color:Yellow; background-color: Tan; height:15px;
        }
        .headerRowCol1
        {
	        vertical-align:bottom; text-align:left; font-family:Lucida Sans Unicode; color:Yellow; font-weight:bold; font-size:small; background-color: Tan; height:100%; width:15%;
        }
        .headerRowCol2
        {
	        vertical-align:bottom; text-align:left; font-family:Lucida Sans Unicode; color:Yellow; font-weight:bold; font-size:small; background-color: Tan; height:100%; width:30%;
        }
        .headerRowCol3
        {
	        vertical-align:bottom; text-align:left; font-family:Lucida Sans Unicode; color:Yellow; font-weight:bold; font-size:small; background-color: Tan; height:100%; width:25%;
        }
        .headerRowCol4
        {
	        vertical-align:bottom; text-align:right; font-family:Lucida Sans Unicode; color:Yellow; font-weight:bold; font-size:small; background-color: Tan; height:100%; width:30%;
        }
        .headerRowCol5
        {
	        vertical-align:bottom; text-align:left; font-family:Lucida Sans Unicode; color:Yellow; font-weight:bold; font-size:small; background-color: Tan; height:100%; width:55%;
        }
        .gridOffHeader1
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; color:Black; font-weight:bold; font-size:small; height:100%; width:15%
        }
        .gridOffHeader2
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; color:Black; font-weight:bold; font-size:small; height:100%; width:30%
        }
        .gridOffHeader3
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; color:Black; font-weight:bold; font-size:small; height:100%; width:25%
        }
        .gridOffHeader4
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; color:Black; font-weight:bold; font-size:small; height:100%; width:30%
        }
        .gridOffCol1
        {
	        vertical-align:top; font-family:Lucida Sans Unicode; color:Blue; font-size:small; height:100%; width:15%
        }
        .gridOffCol2
        {
	        vertical-align:top; font-family:Lucida Sans Unicode; color:Blue; font-size:small; height:100%; width:30%
        }
        .gridOffCol3
        {
	        vertical-align:top; font-family:Lucida Sans Unicode; color:Blue; font-size:small; height:100%; width:25%
        }
        .gridOffCol4
        {
	        vertical-align:top; font-family:Lucida Sans Unicode; color:Blue; font-size:small; height:100%; width:30%
        }
        .gridOffCol5
        {
	        vertical-align:top; font-family:Lucida Sans Unicode; color:Blue; font-size:small; height:100%; width:45%
        }
        .listbox
        {
            font-family:Lucida Sans Unicode; font-size:small; width:auto;
        }
        .pnlOff
        {
	        Height:80px; width:90%; border-style:groove; border-width:thin;
        }

       .pnlReqGrd 
       {
         height:117px; width: 78%; border-style: groove; border-width: thin;
       }

.pnlReqGrd1 {
    height: 100%;
    width: 100%;
    border-style: groove;
    border-width: thin;
}
        .grid_Hist_Header1
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; color:White; font-weight:bold; font-size:small; height:100%; width:20%
        }
        .grid_Hist_Col1
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; font-size:small; height:100%; width:20%
        }
        .grid_Hist_Header2
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; color:White; font-weight:bold; font-size:small; height:100%; width:24%
        }
        .grid_Hist_Col2
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; font-size:small; height:100%; width:24%
        }
        .grid_Hist_Header3
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; color:White; font-weight:bold; font-size:small; height:100%; width:18%
        }
        .grid_Hist_Col3
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; font-size:small; height:100%; width:18%
        }
        .grid_Hist_Header4
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; color:White; font-weight:bold; font-size:small; height:100%; width:15%
        }
        .grid_Hist_Col4
        {
	        vertical-align:top; text-align:left; font-family:Lucida Sans Unicode; font-size:small; height:100%; width:15%
        }
        .hist_Table
        {
			width:100%; height:100%;
        }
        .no_rec_Col
        {
			background-color: #d1ddf1; width: 100%;height :100%; font-size:large ; font-weight:bolder; font-family :Lucida Sans Unicode; color:#507cd1;
        }
        .addRotator
        {
	        vertical-align:middle; font-family:Lucida Sans Unicode; color:Black; font-size:small; font-weight:bold;
        }
        .tdProfile
        {
			BORDER-LEFT-COLOR: #990000; BORDER-BOTTOM-COLOR: #990000; WIDTH: 33%; BORDER-TOP-STYLE: double; BORDER-TOP-COLOR: #990000; BORDER-RIGHT-STYLE: double; BORDER-LEFT-STYLE: double; BACKGROUND-COLOR: #99cc99; BORDER-RIGHT-COLOR: #990000; BORDER-BOTTOM-STYLE: double; font-weight:bold;
        }
        .fv_usr
        {
			Width:100%; background-color:ivory;
        }

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}
#PrivacyPolicy
{
	color: Red;
	margin-left: 30px;
	}
 /*class add for master Management Form*/
.vertical_align_top{ vertical-align:top;}

.object4
 {
	vertical-align:middle; font:caption; font-size:12pt; width:14%
 }
.value4
 {
    vertical-align:middle; font-family:Lucida Sans Unicode; font-size:small; color:blue; width:10%
 }
 .object5
 {
	vertical-align:middle; font:caption; font-size:12pt; width:30%
 }
.value5
 {
    vertical-align:middle; font-family:Lucida Sans Unicode; font-size:small; color:blue; width:30%
 }
 .blankLine2
 {
	        background-color:#e0e0eb; height:15px
 }
  .blankLine3
 {
	        background-color: #ffff99; height:15px
 }
   .blankLine4
 {
	        background-color: #ccccff; height:15px
 }
 .dropdown3
 {
	        font-family:Lucida Sans Unicode; font-size:small; border-style:groove; width:120px
 }
.fontbold {
     vertical-align: middle;
    background-color: #FFFF00;
    font-family: Lucida Sans Unicode;
    font-weight: bold;
    Font-Size: Medium; 
}
.fontbold2 {
    vertical-align: middle;
    background-color: #ffa600;
    font-family: Lucida Sans Unicode;
    font-weight: bold;
    Font-Size: Medium;
}
.GridPager a,
.GridPager span {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span {
    background: Orange;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    border: 1px solid #3AC0F2;
}

.GVFixedHeader {
    font-weight: bold;
    background-color: Green;
    position: relative;
    top: expression(this.parentNode.parentNode.parentNode.scrollTop-1)
}

.GVFixedFooter {
    font-weight: bold;
    background-color: Green;
    position: relative;
    bottom: expression(getScrollBottom(this.parentNode.parentNode.parentNode.parentNode))
}

.DataGridFixedHeaderp {
    POSITION: relative;
    TOP: -1px;
    BACKGROUND-COLOR: white
}

.cus-on-dept h3 {
    text-align: left;
    margin: 0;
    font-size: 16px;
}

.cus-card-div.cus-tabs-content-div {
    padding: 0;
}

.tabs-content-div {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.cus-card-div.cus-tabs-content-div .card-content {
    padding: 0;
}

.cus-total-text > h5 {
    font-size: 12px;
}

.cus-total-num {
    text-align: right;
}

.cus-footer-ul > li {
    display: inline-block;
    width: 18%;
    text-align: center;
}

.cus-footer-ul {
    padding: 0;
    text-align: center;
    margin-bottom: 2px;
}

.hry-logo {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
}

    .hry-logo > img {
        width: 60px;
        height: 65px;
        margin: auto;
    }

.digital-hry-logo > img {
    width: 100px;
    height: 60px;
    margin: auto;
}

.nic-hry-logo > img {
    width: 100px;
    height: 50px;
    margin: auto;
}

.cus-footer {
    background: #32485d;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .cus-footer p {
        text-align: center;
        color: #eee;
        font-weight: bold;
        font-size: 15px;
        margin-bottom: 0;
    }
.master-table {
    width: 100%;
    height: 100%;
    position: relative;
    border: 0;
    left: 0px;
    top: 0px;
}
.width-10-pr {
    width: 10%;
}
.mix-st-1 {
    width: 76%;
    vertical-align: middle;
}
.align-vert-centre {
    vertical-align: central
}
.width-14-pr {
    width: 14%;
}
.st-wd-100 {
    width: 100%;
}
.st-vert-top {
    vertical-align: top;
}
.st-color-1 {
    background-color: #f5f5f5;
}
.st-wd-76 {
    width: 76%;
}
.w-h-100 {
    width: 100%;
    height: 100%;
}
.st-mix-2 {
    overflow: auto;
    position: inherit;
}
.st-w-h-bgclor-100 {
    width: 100%;
    height: 100%;
    background-color: #88BBD6;
}
.st-mix-3 {
    width: 33%;
    height: 250px;
}
.st-brdr-clps {
    border-collapse: collapse;
}
.st-h-140 {
    height: 140px;
}
.st-login-mix {
    font-weight: bold;
    color: white;
    background-color: #6b696b;
    height: 18px;
}
.st-h-30 {
    height: 30px
}
.st-clr-r {
    color: red;
}
.st-clr-r-ft-l {
    color: red;
    font-size: large
}
.st-w-33 {
    width: 33%;
}
.st-ft-b-mix {
    color: #990000;
    font-weight: bold;
}
.st-h-w-mix {
    height: 117px;
    width: 408px;
}
.st-h50-w-100 {
    height: 50px;
    width: 100px;
}
.st-mix-5 {
    color: black;
    font-style: italic
}
.st-mix-6 {
    font-weight: bold;
    font-size: 0.9em;
    color: white;
    background-color: #990000
}
.st-bgclr-6 {
    background-color: #F7F7DE;
}
.st-login-mix2 {
    font-weight: bold;
    color: white;
    background-color: #6b696b;    
}
.st-fnt-clr-r {
    font-weight: normal;
    color: red;
}
.st-h-w-mix2 {
    height: 30px;
    width: 129px;
}
.st-h-24 {
    height: 24px
}
.st-clr-g{
    color:green;
}
.st-mix7 {
    border-left-color: #990000;
    border-bottom-color: #990000;
    width: 33%;
    border-top-style: double;
    border-top-color: #990000;
    border-right-style: double;
    border-left-style: double;
    border-right-color: #990000;
    border-bottom-style: double
}
.st-display-n {
    display: none;
}
.st-bg-clr-dg{
    background-color: darkgray;
}
.st-clr-10 {
    background-color: #cc3300;
}
.st-mix-11 {
    font-size: larger;
    border-right: solid;
}
.st-bg-clr-1 {
    background-color: #ffff00;
}
.st-bg-clr-2 {
    background-color: #ffd9b3;
}
.st-bg-clr-3 {
    background-color: #ffb366;
}
.st-bg-clr-4 {
    background-color: #009900;
}
.st-bg-clr-5 {
    background-color: #ff9933;
}
.st-bg-clr-6 {
    background-color: #ccddff;
}
.st-bg-clr-7 {
    background-color: #99bbff;
}
.st-bg-clr-8 {
    background-color: #2952a3;
}
.st-bg-clr-9 {
    background-color: #1f3d7a;
}
.st-bg-clr-10 {
    background-color: #142952;
}
.st-bg-clr-11 {
    background-color: #99b411;
}
.st-bg-clr-12 {
    background-color: #a57373;
}
.st-bg-clr-13 {
    background-color: #ffd903;
}
.st-bg-clr-14 {
    background-color: #fc7d05;
}
.st-bg-clr-15 {
    background-color: #ff0000;
}
.st-bg-clr-16 {
    background-color: coral;
}
.st-bg-clr-17 {
    background-color: mediumseagreen;
}
.st-bg-clr-18 {
    background-color: Highlight;
}
.st-pd-10 {
    padding-top: 10px;
}
.st-clr-ice {
    color: aliceblue;
}
.st-modal-mix {
    position: absolute;
    width: 80%;
    z-index: 9999993;
    display: block;
    top: 100px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 5px;
    box-shadow: rgb(170, 170, 170) 0px 2px 8px;
    overflow: hidden;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.st-modal-mix2 {
    position: absolute;
    background: #fff;
    color: #000;
    right: 3px;
    top: 5px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 20px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 0 10px 0 #000;
}
.st-modal-mix3 {
    cursor: pointer;
}
/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.modal-content {
    /*background-color: #353333;*/
    margin: auto;
    /*padding: 20px;*/
    /*border: 1px solid #888;*/
    width: 80%;
}

/* Modal Content */
.modal-content2 {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 70%;
}

.modal-content-Service {
    background-color: #ffffff;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
.close-Service {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close-Service:hover,
    .close-Service:focus {
        color: #0033cc;
        text-decoration: none;
        cursor: pointer;
    }
.auto-style1 {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    left: 0px;
    top: 0px;
}

.st-wh-100-posi-rel {
    height: 100%;
    width: 100%;
    position: relative;
    left: 0px;
    top: 0px;
}
.st-h-407-txt-c {
    height: 407px;
    text-align: center;
}
.st-font-16 {
    font-size: 16pt
}
.st-bg-clr-y {
    background-color: yellow;
}
.st-pd-all-15 {
    padding: 15px 15px 15px 15px;
}
.st-pd-all-25 {
    padding: 25px 25px 25px 25px;
}
.st-btn-upld {
    background-color: #f44336;
    border: none;
    color: white;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 2px 2px;
    border-radius: 12px;
}
.st-pd-top-25 {
    padding-top: 25px;
}
.st-clr-blue {
    color: blue;
}
.st-wd-60 {
    width: 60%;
}
.st-wd-40 {
    width: 40%;
}
.tablePopUp {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    .tablePopUp td, .tablePopUp th {
        border: 1px solid #ddd;
        padding: 8px;
    }

    .tablePopUp tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    .tablePopUp tr:hover {
        background-color: #ddd;
    }

    .tablePopUp th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #4CAF50;
        color: white;
    }
#cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 9999;
    display: none;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
.st-pd-top-35 {
    padding-top: 35px;
}
.st-clr-y-centr {
    background-color: yellow;
    text-align: center;
}
.st-wd-250 {
    width: 250px;
}
.st-mix-12 {
    text-align: center;
    font-size: smaller;
    vertical-align: text-top;
}
.st-mix-13 {
    text-align: left;
    vertical-align: text-top;
}
.st-w-750 {
    width: 750px;
}
.st-clr-c1 {
    color: #ff3300
}
.st-h-42 {
    height: 42px;
}
.st-h-32 {
    height: 32px;
}
.st-h-55 {
    height: 55px;
}
.st-w-h-mix {
    width: 309px;
    height: 177px
}
.st-f-bld-m {
    font-weight: bold;
    font-size: medium
}
.st-app-set {
    padding: 5px;
    background-color: #66ffcc;
}
.st-app-set2 {
    padding: 5px;
    background-color: #f2f2f2;
}
.st-pd-5 {
    padding: 5px;
}
.st-pd-mix3 {
    width: 100%;
    display: inline-block;
}
.st-pd-0 {
    padding: 0;
}
.st-app-mix {
    display: inline-block;
    margin: 2px;
}
.st-grid-mix {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 10px;
}
.grid-h-w-mix {
    height: 35px;
    width: 500px;
}
.st-inline-blk-zindex {
    display: inline-block;
    z-index: 1;
}
.st-pd-top-3 {
    padding-top: 3px;
}
.gridview-container {
    width: 100%; /* Make the container full width */
    overflow-x: auto; /* Enable horizontal scrolling when content overflows */
    margin: 20px 0; /* Optional: margin around the grid */
}

/* GridView styling */
.gridview {
    width: 100%; /* Set to 100% so that the grid takes the full width of the container */
    border-collapse: collapse; /* Collapse borders for better styling */
}

    .gridview th, .gridview td {
        border: 1px solid #ddd; /* Border around the cells */
        padding: 8px; /* Cell padding */
        text-align: center; /* Center text */
    }

    /* Optional: styling for the header */
    .gridview th {
        background-color: #f2f2f2;
    }
.st-hw-100-bgclr {
    width: 100%;
    height: 100%;
    background-color: #cccc99;
}
.st-w-70 {
    width: 70%;
}
.st-w-30 {
    width: 30%;
}
.st-mix-20 {
    width: 70%;
    border-right: darkolivegreen thick solid;
    border-top: darkolivegreen thick solid;
    border-left: darkolivegreen thick solid;
    border-bottom: darkolivegreen thick solid;
}
.st-clr-15 {
    color: #ff0000;
}
.st-mix-21 {
    width: 30%;
    border-right: darkolivegreen thick solid;
    border-top: darkolivegreen thick solid;
    border-left: darkolivegreen thick solid;
    border-bottom: darkolivegreen thick solid;
}