/* Add your styling overrides here */

/* the background colour here is for the whole page, outside the central container */
/*html
{
    background: hsl(54, 27%, 98%);
    font-size: 0.9em;
    font-family: 'Open Sans',"Trebuchet MS", Arial , Helvetica , Verdana;
}*/

/*input, textarea, keygen, select, button
{
    font-family: 'Open Sans',"Trebuchet MS", Arial , Helvetica , Verdana;
}*/

/*a,
h1,
h2,
h3
{
    color: hsl(54, 12%, 20%);
}*/

 /*the background image for the login page logo*/
.branding > .logo {
    background-image: url("Images/DXS_logo.png");
    background-size: contain;
    height: 60px;
    width: 300px;
}

/* the image for the homepage link in the header*/
.homeLink
{
    background-image: url("Images/DXS_logo.png");
}

/*a:hover
{
    color: hsl(54, 100%, 30%);
}*/

/* generally used for heading elements */
/*.background-fill
{
    background-color: hsl(54, 58%, 94%);
}*/

/*fieldset
{
    border-color:  hsl(54, 40%, 80%);
}*/

/*.border {
    border-color: #0B70B7;
}*/

/*ul.grid li a
{
    border-color: hsl(54, 40%, 80%);
}*/

/*ul.grid li
{
    background-color: hsl(54, 58%, 94%);
}*/

/*.border-bottom
{
    border-color: hsl(54, 40%, 80%);
}*/

/*.border-good
{
    border-color: hsl(91, 51%, 51%);
}*/

/*.border-warning
{
    border-color: hsl(39, 100%, 50%);
}*/

/*.background-hover:hover
{
    background-color: hsl(54, 58%, 94%);
}*/

/* the container element around the entire page */
/*.container
{
    box-shadow: 0 0 9px hsl(54, 40%, 80%);
}*/

/* the header at the top of every page */
/*.header
{
    border-bottom: hsl(54, 29%, 91%) 1px solid;
    box-shadow: 0 1px 1px hsl(54, 29%, 91%);
}*/

/*table.restyled
{
    border: 1px solid hsl(54, 40%, 80%);
}*/

/*table.restyled th
{
    background-color: hsl(54, 58%, 94%);
}*/

/*table.restyled th,
table.restyled td
{
    border: hsl(54, 40%, 80%) 1px solid;
}*/


/* an example of how to get 2 columns on the ServiceCatalogue page */
/*ul.services li
{
    float: left;
    width: 49%;
}

ul.services li:nth-of-type(even)
{
    margin-left: 10px;
}

ul.services:after
{
    clear: both;
    content: ' ';
    display: block;
    height: 0;
    font-size: 0;
}*/

/* an example of how to set a nice minimum dimensions for all input elements on the self service form components (AutoGen page) */
/*
.autoform td input[type='text'], 
.autoform td textarea, 
.autoform td select
{
    min-width: 320px;
}
.autoform td input.dateInput
{
    min-width: 0;
}
*/
/* an example of how to align all the labels in front of form components on the left*/
/*
.form .layoutElement label
{
    text-align: left;
}
table.autoform > tbody > tr > td:first-child
{
    text-align: left;
}
*/

/* an example of how to get rid of the background message in the information boxes in Self Service */
/*
.autoform .message.information {
    padding-left: 10px;
    background: none;
}
*/

.hr-label::before 
{
    border-top: 1px #0B70B7 solid;
}

table.restyled 
{
    border-collapse: collapse;
    border: 0;
}

table.restyled th,
table.restyled td 
{
    border: none;
}

table.restyled tbody td.white 
{
    background: #ffffff;
    height: 15px;
}

table.restyled th
{
    background: #0B70B7;
    font-weight: bold;
    font-size: 100%;
    color: #ffffff;
}

table.restyled tbody td
{
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    background: #F1F5FD;
}

table.restyled tbody td a
{
    text-decoration: none;
}

tr td 
{
    border-left: 0 solid;
    border-right: 0 solid;
}

.myDetails
{
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
    padding-right: 0;
}

.myDetails .blueTopBorder 
{
    border-top: 2px solid #0B70B7;
}

.myDetails .restyled td 
{
    padding-right: 80px;
}

.lastUpdatedRequests 
{
    width: 100%;
    padding-left: 0;
}

.lastUpdatedRequests,
.latestKnownErrors {
    margin-bottom: 10px;
    overflow: hidden;
}

div.section
{
    margin-bottom: 0;
}

.border
{
    border: 1px solid;
    border-color: #0B70B7;
}

.latestNewsArticles .newsArticle h3
{
    margin: 0;
    padding: 2px 5px;
}

.latestNewsArticles .article .summary 
{
    color: #ffffff;
}

.background-fill
{
    background-color: #0B70B7;
    color: #ffffff;
}

.border-bottom 
{
    border-bottom: 0;
}

.bottomPadding
{
    padding-bottom: 10px;
}

.italics
{
    font-style: italic;
}

table.restyled textarea.larger
{
    height: 70px !important;
    width: 99%;
}

.restyled .noBottomBorder td 
{
    border-collapse: collapse !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
}

.radioButtonList label
{
    display:inline !important;
}

.actionButtons {
    margin-right: 20px;
    margin-bottom: 30px;
}

.largerButton {
    float: right;
    width: 200px;
    height: 25px;
    margin: 10px;
}