/*Container body*/
.container {
	background: url(images/body_gradient_gr5.jpg);
	margin: 0 auto;
	padding: 0 10px 10px;
    position: relative;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.top-button {
    display: inline-block;
    margin: 0 auto 10px; /* Adjusted margin */
    padding: 10px 20px; /* Smaller padding */
    font-size: 16px; /* Smaller font size */
    border: none;
    border-radius: 5px;
    background-color: #90C549;
    color: white;
    cursor: pointer;
    text-align: center;
    width:200px;
}

.top-button:hover {
    background-color: #73A23A;
}

.button-row {
    display: flex; /* Use flexbox to align buttons horizontally */
    justify-content: center; /* Center align the buttons */
    margin-bottom: 15px; /* Adjusted margin */
}

.side-link {
    display: inline-block;
    padding: 6px 8px; /* Smaller padding */
    font-size: 12px; /* Smaller font size */
    text-decoration: none;
    color: white;
    background-color: #90C549;
    border-radius: 4px;
    margin: 0 8px; /* Smaller margin */
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden; /* Hide overflowed text */
	width: 200px; /* Set a fixed width */
    text-overflow: ellipsis; /* Add ellipsis for overflowed text */
}

.side-link:hover {
    background-color: #73A23A;
}



.container {
    text-align: left;
    margin-top: 50px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 300px;
    border: 1px solid #ccc;
    z-index: 1;
    left: 100%; /* Moves the dropdown to the right of the button */
    top: 0; /* Keeps it aligned at the same height as the button */
    
}

.dropdown:hover .dropdown-content {
    display: block; /* Show dropdown on hover */
}

.dropdown-content .row {
    display: flex;
}

.side-link {
    padding: 12px 16px;
    text-decoration: none;
    color: black;
    flex: 1; /* Equal width for each item */
    text-align: center;
}

.side-link:hover {
    background-color: #f1f1f1;
}

.small-arrow {
    font-size: 10px; /* Adjust the size to your preference */
}
/*Backgroud of page*/
.bodybg {
	color:#fbfbfe;
}
.lsthrf
{
	color:#0f2f5f;
 	text-decoration:none;
 	font-weight:bold;
}

.lst
{
	
	color:#0f2f5f;
}
.RghtColHgt
{
	height:800px;
}
.RghtColFontSpot
{
	color:white;
	text-decoration:none;
	font-size:12px;
	font-family:Arial;
	height:620px;
}

.RghtColFont
{
	color:white;
	text-decoration:none;
	font-size:14px;
	font-family:Arial;
	height:620px;
}
.contentarea
{
	
	font-family:Arial;	
	color:#0f2f5f;
	font-size:14px;
	height:100%;
}
.PageHeading
{
	font-size:18px;
	color:#0f2f5f;
}

.buttonDCIPS {
  background-image: linear-gradient(#42A1EC, #0070C9);
  border:px solid #0077CC;
  border-radius: 4px;
  color: #FFFFFF;
  display: block;
  float: left;
  font-family: arial, verdana, sans-serif;
  font-size: 8px;
  max-width: 40px;
  overflow: hidden;
  padding: 1px 30px 0px 15px;
  text-align: center;
  margin-right: 30px;
  }
  
  .buttonDCIPS:hover {
	background-image: linear-gradient(#51A9EE, #147BCD);
	border-color: #1482D0;
	text-decoration: none;
  }

/*dcips hrupdates dropdown. js is at dcips.js */
.dropbtn {
	background-image: linear-gradient(#42A1EC, #0070C9);
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}


.dropbtn:hover, .dropbtn:focus {
	background-color: #2980B9;
}


.dropdown {
	position: relative;
	display: inline-block;
}


.dropdown-content {
	display: none;
	position: absolute;
	background-color:#90C549;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}


.dropdown-content a {
	color: rgb(255, 255, 255);
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}


.dropdown-content a:hover {background-color: #73A23A}


.show {display:block;}
/******************************************************************************************************************/
/*For Dropdown Menu*/
/******************************************************************************************************************/
.preload1 {background: url(images/dcipsbar_1.gif);}
.preload2 {background: url(images/dcipsbar_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(images/dcipsbar_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ffffff; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 5px; cursor:pointer;background: url(images/dcipsbar_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 6px 0 6px; height:35px; background: url(images/dcipsbar_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(images/dcipsbar_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#b5d7ff; background: url(images/dcipsbar_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(images/dcipsbar_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(images/dcipsbar_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #E0E0E0; padding:3px; border:1px solid #000000; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #E0E0E0;}
#nav li ul.sub li a.fly
{background:#E0E0E0 url(images/arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#E0E0E0; color:#000000; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#E0E0E0 url(images/arrow_over.gif) 80px 6px no-repeat; color:#000000;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #E0E0E0; padding:3px; border:1px solid #000000; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#E0E0E0 url(images/arrow_over.gif) 80px 6px no-repeat; color:#000000; border-color:#E0E0E0;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#E0E0E0 url(images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:000000;}