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


/* h1, h2, h4 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 400
}

h6 {
    margin: 0;
    font-weight: 400
}

h1 {
    font-size: 2rem
}

h2 {
    font-size: 1.5rem
}

h3 {
    margin-bottom: 1rem;
    margin-top: 0;
    font-size: 1.25rem
}

h4 {
    font-size: 1rem
}

body {
    color: #000;
    font-size: 1rem;
    background-image: none;
    background-color: #e9ebee
}
 */
#logo {
    margin-top: -25px;
    zoom: 80%;
    overflow: visible;
}
#localePicker {
    display: none;
}
/*
#logo a {
    color: #000
}

#topMenu ul {
    margin-left: 5px
}

#topMenu ul li {
    margin-right: 4px;
    border-radius: .15rem .15rem 0 0
}

#topMenu ul li:hover a {
    text-decoration: underline
}
*/
#topMenu ul li.selected {
    background-color: #007681
}

#topMenu ul li.selected:hover {
    background-color: #005f68
}

#topMenu ul li:not(.selected) {
    background-color: #fff
}

#topMenu ul li:not(.selected) a {
    color: #000
}

#localeButton {
    color: #000
}
/*
#container {
    background-color: #fff;
    border-radius: .15rem
}

.popup .content {
    border-radius: 0
}
*/
a.UD_textbutton, button {
    background-color: #007681;
    color: #fff;
    border-color: #005f68;
    box-shadow: rgba(0,0,0,.5) 0 1px 3px 0;
    text-shadow: none
}

a.UD_textbutton:not(:disabled):hover, button:not(:disabled):hover {
    background-color: #005f68;
    color: #fff
}

a.UD_textbutton_admin {
    background-color: #fff;
    color: #000;
    border-color: #f2f2f2;
    box-shadow: rgba(0,0,0,.5) 0 1px 3px 0;
    text-shadow: none
}

a.UD_textbutton_admin:not(:disabled):hover {
    background-color: #d9d9d9;
    color: #000
}

.emailButton {
    background-color: #1d2124;
    color: #fff;
    border-color: #121416;
    box-shadow: rgba(0,0,0,.5) 0 1px 3px 0;
    text-shadow: none
}

.emailButton:not(:disabled):hover {
    background-color: #616f79;
    color: #fff
}

input[type=password], input[type=text], textarea {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .15rem;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}