/*custom font for text*/
@import url(https://fonts.googleapis.com/css?family=Nunito);
/*@import url(http://thecodeplayer.com/uploads/fonts/fontawesome/css/font-awesome.min.css);*/

/*Basic reset*/
* {margin: 0; padding: 0;}

body {
 /*  background: #4EB889;   */
    font-family: Nunito, arial, verdana;
}











#accordian {
    background: linear-gradient(to right,#051420, #0f102f);
    width: 210px;
    margin: 0px auto 0 auto;
    color: white;
    /*Some cool shadow and glow effect*/
    box-shadow: 
        0 0 10px 1px rgba(0, 0, 0, .3)
}
/*heading styles*/
#accordian h3 {
    font-size: 12px;
    line-height: 34px;
    padding: 0 10px;
    cursor: pointer;
    /*fallback for browsers not supporting gradients*/
    background: #191b30; 
  /*  background: linear-gradient(#003040, #002535);*/
}
/*heading hover effect*/
#accordian h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

/*
#divA, #divB,  #divC,  #divD, #divE, #divF, #divG,:hover {
    */

#divA:hover, #divB:hover, #divC:hover, #divD:hover, #divE:hover, #divF:hover {
background: linear-gradient(to right,#051420, #0f102f);
}


/*iconfont styles*/
#accordian h3 span {
    font-size: 16px;
    margin-right: 10px;
}

/*list items*/
#accordian li {
    list-style-type: none;
}

/*links*/
#accordian ul ul li a {
    color: white;
    text-decoration: none;
    font-size: 11px;
    line-height: 27px;
    display: block;
    padding: 0 15px;
    transition: all 0.15s;
}

/*hover effect on links*/
#accordian ul ul li a:hover {
    background: #003545;
    border-left: 5px solid lightgreen;
}

/*Lets hide the non active LIs by default*/
#accordian ul ul {
    display: none;
}

#accordian li.active ul {
    display: block;
}

#accordian li.noactive ul {
    display: none;
}

input[name=TxSearch] {
  width: 130px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 2px;
  font-size: 12px;
  background-color: white;
    /* 2026-09-21 acarter: search-icon PNG that has never existed in the repo and
       404s in prod. A CSS background is not covered by the global img onerror
       fallback, so the icon never drew and every page with this input fired a
       404. Inline SVG data URI instead -- no asset to go missing. */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 L21 21'/%3E%3C/svg%3E");
  background-position: 3px 3px; 
  background-repeat: no-repeat;
  padding: 6px 20px 10px 25px;
  margin-left: 30px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

input[name=TxSearch]:focus {
  width: 150px;
}

 .mybtn
{
   
    background-color: #2E7D32; /* Green */
  border: none;
  color: white;
  padding: 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
 border-radius:6px;
 height:35px;
 line-height:normal;
}
       over  {
	color: red;
     background-color: #003545;
}

 .mytxt      
 {
   
    background-color: #fff; /* Green */
  border: none;
  color: black;
  padding: 6px;
 
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
 border-radius:6px;
 border-width:1px;
 border-style:solid;
}
       .mytxt:hover  {
	color: midnightblue;
     background-color: #ffd800;
}

        /* Dropdown Button */
.dropbtn {
  background-color: #2E7D32;
  color: white;
  padding: 5px;
  font-size: 12px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  margin-right:36px;
  float:right;
  text-align: left;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size:12px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

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

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}


 /* Dropdown Button Profile Top Right */
.dropbtn2 {
  background-color: rgba(76, 148, 174, 1);
  color: white;
  padding: 5px;
  font-size: 7px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown2 {
  position: relative;
  display: inline-block;
  float:right;
  margin-right:25px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content2 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content2 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size:12px;
}

/* Change color of dropdown links on hover */
.dropdown-content2 a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown2:hover .dropdown-content2 {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown2:hover .dropbtn2 {background-color: #3e8e41;}

/* 3*/
.dropbtn3 {
  background-color: rgba(76, 148, 174, 1);
  color: white;
  padding: 5px;
  font-size: 12px;
  border: none;
  text-align: left;
}


.dropdown3 {
  position: relative;
  display: inline-block;
  float:right;
    margin-right:36px;
  float:right;
    text-align: left;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content3 {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content3 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size:12px;
}

/* Change color of dropdown links on hover */
.dropdown-content3 a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown3:hover .dropdown-content3 {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown3:hover .dropbtn3 {background-color: #3e8e41;}



/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

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

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  /* 2026-07-02 acarter (Lane 2 contrast): white on #3D8B40 was 4.23:1
     (below WCAG AA 4.5:1). Darkened to #2E7D32 (5.13:1 with white). */
  background-color: #2E7D32;
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  /* 2026-07-02 acarter (Lane 2 contrast): white on #3D8B40 was 4.23:1;
     darkened to #2E7D32 (5.13:1 with white) to pass WCAG AA. */
  background-color: #2E7D32;
  color: white;
}