<style type="text/css">
.topbar{
  color:#FFFFFF;
  background-color:#000000;
  border-color:#000000 #000000 #000000 #000000;
  border-width:0px 0px 0px 0px;
  border-style:solid;
}
table.topbar {
  color:#FFFFFF;
  border-width:0px 0px 0px 0px;
  border-style:solid;
}
td.topbar {
  color:#FFFFFF;
  /* background-color:#424952; */
  background-color: chocolate;
  border-color:#000000 #000000 #000000 #000000;
  border-width:0px 0px 0px 0px;
  border-style:solid;
  padding: 0px 0px 0px 0px;
}
font.top-bar-arrow{
	color: white;
}
td.accttopbar {
  color:#FFFFFF;
  background-color:gray;
  border-color:#000000 #000000 #000000 #000000;
  border-width:0px 0px 0px 0px;
  border-style:solid;
  padding: 0px 0px 0px 0px;
}
td.submenu {
  padding: 0px 0px 10px 0px;
}
a.topbar:link, a.topbar:visited, a.topbar:active {
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
}
a.topbar:hover {
    color: #F4953E;
    text-decoration: none;
    font-size: 12px;
}
font.topbar_item_selected {
}
#top-row {
	background-color:#38b5e6;
//	position: fixed;
//    width: 100%;
//    z-index: 2;
//    margin-top: 60px;
}
#header-wrapper {
	height:550px;
    background-color:#dfefee;
}
.topbar input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

label {
  //display: none;
  cursor: pointer;
  user-select: none;
}

/* background for li / select */
/* custom-dropdown */
nav[role="custom-dropdown"] {
  position: relative;
  width: 100%;
}
nav[role="custom-dropdown"] a,
nav[role="custom-dropdown"] label {
  color: #fff;
  text-decoration: none;
  font: 1.4em sans-serif;
  transition: color .3s ease-in-out;
}
nav[role="custom-dropdown"] ul {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  list-style: none;
}
nav[role="custom-dropdown"] ul > li {
  /*float: right;*/
  /*padding: .55em .55em;*/
  padding: 10px 3px 10px 3px;
  text-align: center;
  /*width: 75px;*/
  width: 85px;
  display: inline-block;

}
nav[role="custom-dropdown"] ul > li:hover {
  background-color:darkorange;
  color: #fff;
}
nav[role="custom-dropdown"] ul > li:hover > a {
  color: #fff;
}
nav[role="custom-dropdown"] ul > li.selected {
  background-color: #004A7C;
  color: #fff;
}
.login-info ul {
    padding: 0;
    margin: 0;
	display:inline-block;
	vertical-align: top;
}
.login-info li {
    display: block;
    position: relative;
}
.login-info ul a
{
    color:#fff !important;
    text-decoration:none;
    line-height:30px;
    padding:5px;
}
.login-info  ul ul {
    position: absolute;
    display: none;
	background:#fff;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.login-info ul ul li{
    width:120px;
	z-index:1;
}
.login-info li:hover ul {
    display: block;
}
.login-user:after{
    content: "\25bc";
    font-size: 16px;
}
.login-info ul li ul::before{
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 10px;
	z-index:1;
}
#header{
	position: fixed;
    width: 100%;
	z-index:1000;
}
#menu-bar {
	background-color: #14264A;
}
.login-info ul ul li a{
	color:#CC2027 !important;
	z-index:1;
}


/* ------------------------------------------------------------
    Menu Dropdown (m1 and m3) - Kevin Yanwar - 27 March 2020.
------------------------------------------------------------ */

.dropdown-master {
  /*background-color: #5e5e5e;*/
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

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

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

  text-align: right !important;
  margin-left: -75px;
  margin-top: 8px;
}

.dropdown-content a {
  color: black;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  font-size: 12px !important;
}

.dropdown-content a:hover { background-color: black; text-align: right !important; }

.dropdown-master:hover .dropdown-content { display: block; }
.dropdown-master:hover { background-color: #969696 !important; }


</style>

