/*
   This is where you should put all your customisations to the swish.css
   file. Please do not edit swish.css, but instead put all your over-rides
   here.
*/

/* If your language version of the "Home", "Inbox", "Outbox" & "Logout"
 * tabs are too wide for the buttons, you can increase the width of the
 * buttons. Just uncomment this section, changing the "130" for whatever
 * you want, but make sure the "131" is exactly 1 greater than the "130".
#topMenu li a {
  width:130px;
}
#topMenu li {
  width: 131px;
}
#topMenu li.selected {
  width: 131px;
}
*/

/* Uncomment this to make the web site narrower left-to-right */
/* .content {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
} */

 body {
       background-image: none;
       background-color: white; /* #cbcccd;*/
 }

 a {
       color: #2a5135;
 }

#overlaytext {
       color: #5cb85c;
}
 .dropdownButton {
       color: #5cb85c;
       border-color: #5cb85c;
       background-color: #ffffff;
 }

 .dropdown-has-hover:hover, .dropdown-has-hover:focus {
       background: #398439;
       background-color: #398439;
       color: white;
 }

 .dropdownContent {
       background-color: #5cb85c;
       background: #5cb85c;
 }

 .dropdownContent a:hover {
       background: #398439;
       background-color: #398439;
 }

 .content {
  width: min-content;
 }

 #container {
  overflow: hidden;
  min-width: 1000px;
 }

 #topMenu li {
       border-color: #5cb85c;
       background-color: #5cb85c;
       color:white;
 }

 #topMenu li.selected {
       background: white;
       background-color: white;
       color: #5cb85c;
       border-width: 1px 1px 1px 1px;
 }

/*
 #topMenu li.selected:before {
       color: #5cb85c;
}

#topMenu li.selected:after {
       color: #5cb85c;
}

#topMenu li:hover:before {
       color: #398439;
 }

 #topMenu li:hover:after {
       color: #398439;
 }
*/

 #topMenu li:hover {
       background: #398439;
       background-color: #398439;
 }


#topMenu li:hover, #topMenu li:hover a, #topMenu li.selected a:hover {
       color: white;
       background: #398439;
       background-color: #398439;
}

#topMenu li.selected a {
        color: #5cb85c; /* #4f4e4e; */
        display:block;
        height:39px;
        width:130px; /* Set #topMenu li "width" to this plus 1 */
        font-weight: bold;
        text-decoration: none;
}


a.UD_textbutton, a.UD_textbutton_admin, .UD_textbutton_admin, button.dt-button, a.dt-button, a.button.dt-button, input[type="submit"], input[type="button"], button {
       border: 1px solid #2a5135;
       background: #5cb85c; /* old browsers */
}

 a.UD_textbutton:hover, button.dt-button:hover:not(.disabled), a:not(.disabled).dt-button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover {
       background: #398439; /* old browsers */
 }

 a.UD_buttonchosen {
       background: #5cb85c; /* old browsers */
}