/* Minification failed. Returning unminified contents.
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(50,39): run-time error CSS1039: Token not allowed after unary operator: '-red'
(56,28): run-time error CSS1039: Token not allowed after unary operator: '-red'
(60,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(86,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-over-helper-light-blue'
(87,24): run-time error CSS1039: Token not allowed after unary operator: '-hover-over-helper-light-blue'
(91,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-over-helper-light-blue'
(92,24): run-time error CSS1039: Token not allowed after unary operator: '-hover-over-helper-light-blue'
(96,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-over-helper-light-blue'
(97,24): run-time error CSS1039: Token not allowed after unary operator: '-hover-over-helper-light-blue'
(100,36): run-time error CSS1039: Token not allowed after unary operator: '-hover-over-helper-light-blue'
(103,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-over-helper-light-blue'
(104,24): run-time error CSS1039: Token not allowed after unary operator: '-hover-over-helper-light-blue'
(155,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-over-helper-light-blue'
(156,24): run-time error CSS1039: Token not allowed after unary operator: '-hover-over-helper-light-blue'
(238,28): run-time error CSS1039: Token not allowed after unary operator: '-hover-over-helper-light-blue'
(277,35): run-time error CSS1039: Token not allowed after unary operator: '-disabled-grey'
(344,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
 */
/* Variables
-----------------------------------------------------------*/
:root {
    --ukhsa-primary-teal: #007C91;
    --ukhsa-secondary-midnight: #003B5C;
    --ukhsa-secondary-plum: #582C83;
    --ukhsa-secondary-moonlight: #1D57A5;
    --ukhsa-secondary-wine: #8A1B61;
    --ukhsa-secondary-cherry: #E40046;
    --dhsc-primary-green: #00AB8E;
    --white: #ffffff;
    --black: #000000;
    --red: #f00;
    --disabled-grey: #ababab;
    --hover-over-helper-light-blue: #dbeef9;
}

/* Styling
-----------------------------------------------------------*/
body {
    background-color: var(--white);
    color: #232323;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-size: .85em;
}

header, footer, nav, section { display: block; }

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    margin: 0 0 1.5em 0;
    padding: 0 1.4em 1.4em 1.4em;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea { min-height: 75px; }

.editor-label { margin: 1em 0 0 0; }

.editor-field { margin: 0.5em 0 0 0; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: var(--red); }

.field-validation-valid { display: none; }

.input-validation-error {
    background-color: #fee;
    border: 1px solid var(--red);
}

.validation-summary-errors {
    color: var(--red);
    font-weight: bold;
}

.validation-summary-valid { display: none; }

/* Security Styles
-----------------------------------------------------------*/
#Security_Login .control-group { margin-bottom: 3px; }

#Security_Master .container { min-height: 100%; }

#Security_Footer ol { list-style-type: decimal; }

.mainbackgroundSecurity { background-color: lightgray; }

#Security_Page .container {
    z-index: 1;
    background-color: white;
}

#Security_Page .navbar .navbar-inner { z-index: 2; }

#Security_Page .navbar .navbar-inner .container { z-index: 2; }

#Security_Page.popover{
    background-color: var(--hover-over-helper-light-blue);
    border-color: var(--hover-over-helper-light-blue);
}

#Security_Page .popover-title{
    background-color: var(--hover-over-helper-light-blue);
    border-color: var(--hover-over-helper-light-blue);
}

#Security_Page .popover-content{
    background-color: var(--hover-over-helper-light-blue);
    border-color: var(--hover-over-helper-light-blue);
}

#Security_Page .arrow{ color: var(--hover-over-helper-light-blue); }

#Security_Page #Admin {
    background-color: var(--hover-over-helper-light-blue);
    border-color: var(--hover-over-helper-light-blue);
}

#Security_Page h1 {
    font-family: Arial;
    font-size: 1.8em;
}

#Security_Page h2 {
    font-family: Arial;
    font-size: 1.6em;
}

#Security_Page h3 {
    font-family: Arial;
    font-size: 1.5em;
}

#Security_Page h4 {
    font-family: Arial;
    font-size: 1.4em;
}

#Security_Page h5 {
    font-family: Arial;
    font-size: 1.2em;
}

#Security_Page h6 {
    font-family: Arial;
    font-size: 1.8em;
}

#Security_Page button.btn {
    background-color: #999999;
    color: white;
    background-image: none;
}

#Security_Page button.btn:hover {
    background-color: #b9b8b8;
    color: white;
    background-image: none;
}

#Security_Page .popover h3 {
    font-size: 1em;
    font-weight: bold;
}

.contactAdministrator {
    background-color: var(--hover-over-helper-light-blue);
    border-color: var(--hover-over-helper-light-blue);
    padding: 1em;
    margin-top: 1em;
    margin-right: 3em;
}

/* Styles for login pages
-----------------------------------------------------------*/
.login-image-div {
    margin-bottom: 25px; 
    margin-left: 70px; 
    margin-right: -40px; 
    width: 440px; 
    display: inline-block;
}

.login-image {
    margin-top: 5px!important;
    margin-left: -30px!important;
}

.login-body {
    margin-top: -10px;
    margin-right: 30px;
    float: right;
    display: inline-block;
    width: 392px;
}

.control-group.msg-wrap {
    width: 350px;
    word-wrap: normal;
    white-space: pre-line;
}

.indent {
    width: 800px;
    margin-left: 75px;
    margin-right: -175px;
    word-wrap: hyphenate;
}

.control-group.validation-msg { padding: 10px 0px; }

/* Styles for registration form
-----------------------------------------------------------*/
.page-header-register { margin-left: 20px; }

.section-header { margin-bottom: 0px; }

.registration-section { background-color: #f6f5f5; }

.bullet-point { list-style-type: disc; }

.validation-message-container { margin-bottom: 10px; }

.float-right { float: right; }

.float-left { float: left; }

.text-middle { vertical-align: middle; }

.section-full-width {
    margin-left: 8.51063829787234%;
    margin-right: 8.51063829787234%;
}

/* Styles for maintenance/error pages
-----------------------------------------------------------*/
.error-code-container { text-align: center; }

.error-code-container p { color: #c5c5c5; }

.error-page-header h1 { font-size: 1.8rem; }

/* Styles for dynamic validators
-----------------------------------------------------------*/
.dynamic-validator {
    padding: 12px;
    display: none;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    background-color: var(--hover-over-helper-light-blue);
    margin-bottom: 15px;
}

.text-underline { text-decoration: underline; }

.text-bold { font-weight: bold }

/* General logged-out styling
-----------------------------------------------------------*/
.required-entry-field:after {
    content: " *"; /* mandatory form fields producing a red asterisk after the label */
    color: red;
    font-weight: bold;
}

div.controls-row > span.required-security-question { width: 0px; }

.required-security-question:after {
    content: " *"; /* mandatory form fields producing a red asterisk after the security question select boxes */
    color: red;
    font-weight: bold;
    position: absolute;
    margin: 0px 0px 0px 424px;
}

div.controls-row > select.offset1.span5.registration-left-indent { margin-left: 8.51063829787234%; }

div.controls-row > input.span5.registration-security-answer {
    margin-right: 8.51063829787234%;
    float:right;
    width: 37.5%;
}

p.required-entry-field.left-align {
    margin: 0px;
    float: left;
}

label.user-disabled { color: var(--disabled-grey); }

/* SGSS shared modal 
-----------------------------------------------------------*/
.sgss-modal {
    display: none; 
    position: fixed; 
    z-index: 1; /* Sit on top */
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
    margin-left: 0px; /* overriding the default bootstrap modal styling */
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.sgss-modal-content {
    position: fixed;
    background-color: #fefefe;
    width: 80%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    border: 1px solid #888;
    padding: 20px;
}

.sgss-modal-content p { font-size: 19px; }

/* SGSS shared modal (close button)
-----------------------------------------------------------*/
.close-sgss-modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-sgss-modal:hover,
.close-sgss-modal:focus {
    color: var(--black);
    text-decoration: none;
    cursor: pointer;
}