/*
   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;
} */

/*
# GRRL Maroon #660033
# GRRL Straw  #ff9933
# GRRL Straw light  #ffb770
*/


#info {background-color: #ffb770;border: 1px solid #000;}

.toggle-vis:hover {color: #603;outline: 2px solid #603;}
#loginForm {background: #f93;}

#container {background: #f9f9f9;}

#sendContainer {background-color: #603;}

#logo a {color: #000; text-decoration: none;}

a {color: blue; text-decoration: underline;}

#topMenu li.selected {background-color: #000;}

#topMenu li {margin-right: 1rem; background: #603;}

#topMenu li.selected a {color: #000; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;}

#topMenu li.selected {background: #f9f9f9; background-color: #f9f9f9; color: #000;}

#topMenu li:hover {background: #fff; background-color: #fff;}
#topMenu li a:hover {color: #222;}

#error {background-color: #fffbeb; border: 1px solid #000;}

a.UD_textbutton, a.UD_textbutton_admin, .UD_textbutton_admin, button.dt-paging-button, a.dt-paging-button, a.button.dt-paging-button, input[type="submit"], input[type="button"], button {background: #603; background-color: #603; border: 1px solid #603;}

a.UD_textbutton:hover, button.dt-paging-button:hover:not(.disabled), a:not(.disabled).dt-paging-button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover {background-color: #fff; color: #000; border: 1px solid #000;}

.dropdownButton {color: #fff; background: #603; border-color: #000;}

div.dt-container .dt-input {border: 1px solid #000;}

div.dt-container .dt-search input {border: 1px solid #000;}

.dropdownContent {background: #000;}

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

.dropdown-has-hover:hover, .dropdown-has-hover:focus {
	background: #fff;
	background-color: #fff;
	cursor: pointer;
        color: #000;
}

table.dataTable thead>tr>th.dt-orderable-asc:hover,
table.dataTable thead>tr>th.dt-orderable-desc:hover,
table.dataTable thead>tr>td.dt-orderable-asc:hover,
table.dataTable thead>tr>td.dt-orderable-desc:hover {outline:2px solid #000;}

div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {border: 1px solid #000;}