/************************************************************** SECURITY LOGIN **************************************************************/
.securityPage{max-width:990px; margin:0 auto; padding: 20px 0; font-family:Arial,sans-serif;}
.securityPageTop > .logo {display: block;width: 190px;height: 60px;background-image: url('resource?name=logo');background-size: contain;background-repeat: no-repeat;margin: 12px 20px;}

#os_title {display:block !important;}
#os_title h1{color: #e11b22; margin-top: 40px; text-align: center; font-weight: 500; font-size: 36px; padding-bottom: 20px;}
#os_description {display:block !important;}
#os_description p{font-size: 16.1px; line-height: 1.6428571433; margin: 0 0 10px; box-sizing: border-box; color: #4b4b4b;}
.b_index {background-color:#f9f9f9;}
/* HATE SPEACH, DIE*/
.securityPage{min-height:300px;}
.securityPage #page_top{float:left; width:100%; height: 100px;}
.securityPage #login{width:400px; margin:0 auto;}
.securityPage .container{border:none;}
.securityPage h1 {color:#666; margin: 10px auto; max-width: 990px;}
.securityPage p{color:#666; font-size:16px;}
.securityPage #page_content{float: none; margin: 0 auto; position: relative; max-width: 990px;}
.securityPage #page_content input.button, .securityPage #page_content input[type="submit"]{background:#e11b22 !important; filter:none; border-radius:5px; padding:10px 20px; cursor:pointer; width:auto; font-size: 16px; border: 2px solid #ca181f!important; color:#fff;}
.securityPage #page_content input.button:active:hover, .securityPage #page_content input[type="submit"]:hover{background:#941216 !important; filter:none; -ms-filter:none; border: 2px solid #580b0d!important;}
#accept input.button_loud { background:#e11b22 !important; filter:none; -ms-filter:none; border: 2px solid #fff!important;}
#accept input.button_loud:active:hover { background:#941216 !important; filter:none; -ms-filter:none; border: 2px solid #580b0d!important;}
.securityPage #page_content input#but_login{width:100%;}
.securityPage #page_content input#but_forgotten{padding:0px; background:transparent!important; border:none!important; text-decoration:none!important; color:#117fba; text-align: center; width:100%;}
.securityPage #contactus{text-align: center; width:100%; float: left; margin-top: 20px;}

.securityPage #errordiv {border-radius: 5px; padding: 20px; width:auto; color:#B30505; }
.securityPage #errordiv h3{margin-top:0px; color:#666!important; font-size:18px; font-weight:normal;}
.securityPage #errordiv ul{border:none;}
.securityPage .invalidFormText{padding-bottom:10px; color:#B30505; display:block;}

#b_index .securityPage .form ul{box-sizing: border-box; margin:0px 0 20px; padding: 20px 60px; width: 100%;  box-shadow: 0 2px 5px #dddddd; background:#fff;}
#b_index .securityPage #errordiv{width:400px;}

/* Client Request  */

body {
    background: #f5f5f5;
}

.btn-default {
	background-color: #EEEFF3 !important;
}

.panel.front .icon-star-full {
    color: #fff;
}

.panel.front .icon-star-empty {
    color: #fff;
}

.panel.front {
    background-color: #e11b22;
}

.flip .front h2, .flip .front p {
	color: #ffffff;
}

.navbar-progress-wrapper ul.progress-menu li.active {
	color:#ffffff;
    background: #e11b22;
}

.panel-heading h2 {
	color: #e11b22;
}

#b_explore .panel {
    min-height: 500px;
}

.actions-wrapper.row {
    padding: 25px 0 0;
}

#transfer-options #options-money .panel-body .option-explanation {
	min-height: 150px;
}

#step-up-age-text, #current-pension-pod-text {
	min-height: 80px !important;
}
#fro_options_explore_pension_stepUpAge_value {
    font-size: 35px !important;
}

#fro_options_explore_pension_stepUpAge_noIncreases_age, #fro_options_explore_pension_stepUpAge_withIncreases_age {
    padding-bottom: 4px !important;
}


/* Opensecurity */
#os_description {
    text-align: center;
	width: 80%;
	margin: auto;
	padding-bottom: 20px;
}

input#inp_username, input#inp_password {
    border: 0px;
    border-bottom: 1px solid black;
    background: #f5f5f5;
    outline: none;
}


/* Security forms - no framework css available for some reason */
.securityPage br{display:none}
.securityPage .container{background:transparent; box-shadow:none; padding:0;}
.securityPage .form legend{display:none;}
.securityPage .form, .securityPage .formunder{padding:0px; width:100%; font-size:16px; background:transparent; border-radius:0px; border:none; margin: 0 0 20px;}
.securityPage .form li {list-style:none; padding: 20px 0 0; clear:left; vertical-align:bottom; width:100%; box-sizing:border-box;}
.securityPage .form label, .securityPage .form span.label{margin:0px 5px 0 0; padding:0;  font-weight:normal; color:#666; width:auto; display:block; float:none; font-size:16px !important;}
.securityPage .form input, .securityPage .form select, .securityPage .form textarea, .securityPage .form .buttonset {display:inline; }
.securityPage .form select, .securityPage .formunder select{margin-top:2px; font-size: 16px; padding: 8px 5px;}
.securityPage .form input, .securityPage .formunder input{border:1px solid #ccc; border-radius:0px; padding:7px 5px; font-size:16px; width:100%;}
.securityPage .form input{display:block;}
.securityPage .form .checkbox{margin-top:10px;}

.securityPage .formunder ul{margin:0; padding:0px 0px 40px 0px; float:left; width:100%; box-sizing:border-box;}
.securityPage .formunder li{list-style:none; padding:5px 0; vertical-align:bottom; clear:left; float:left; width:100%;}
.securityPage .formunder label, .securityPage .formunder span.label{display:block; padding-bottom:10px; color: #666; font-weight: normal;}
.securityPage .formunder select, .securityPage .formunder input{margin: 0 0 20px 0;}

#b_questions .formunder{margin-bottom:20px;}
#b_questions ul#email{padding:0;}
#b_questions ul#email p{margin:0;}

#b_password .form ul{padding:0;}
#b_password .form{margin-bottom:20px;}
#b_password input[type="submit"] {margin-left:0;}

/* Opensecurity login (the redirect page). Hide "Logging in" text, give the white page a pretty background*/
#b_redirect h1{display:none;}
#b_redirect form{display:none;}
#b_redirect  #javascriptversion{display:none}
#b_redirect div#wrapper{height:35em}	/* reasonable size for gradient fill back ground */

/* FRO tool */
.navbar-header {
	background-image: url('resource?name=logo');
}
#modal-help .modal-body {
	max-height: 420px;
	overflow-y: auto;
}


/************************************************************** CLIENT LIST **************************************************************/
#main.errorpage, #b_homepage #main{
	background-image: linear-gradient(#3e1051 88px,#3e1051,#fff 0);
	background-color: #fff;
    background-repeat: repeat-x;
}

#clientHeader {
    height:88px;
    width:100%;
    padding-bottom:0;
    background-color:#3e1051;
}

#clientHeader input.logo {
    background: #3e1051;
    width: 133px;
    height: 56px;
    margin: 0px 10px;
    color: #fff;
}

#a_logout {
	color: #fff;
}

#b_ifa_clients #clientHeader {
    content:' ';
    display:block;
    margin:auto;
    background-image:url('resource?name=headerLogo&companyName=advisacenta');
    background-repeat:no-repeat;
    background-position:50%;
}

#companyLogo {
    width:131px;
    height:50px;
    content:' ';
    display:block;
    margin:6px auto;
    background-image:url('resource?name=headerLogo&companyName=advisacenta');
    background-repeat:no-repeat;
}

#header #logo {
    display:none;
}


/* hide the footer */
#container #pageContainer #footer {
    display:none;
}

#footer p {
    float:none;
    padding-left:0;
}

/* hide some headings */
#quickTools h2,
#advancedTools h2 {
    display:none;
}

/* style the x2 columns */
#b_homepage div.threecol2 {
    border-right:0;
    width:50%;
    padding:0;
    margin-right:0;
}

#b_homepage #main #content div.threecol2 {
    display: none;
}

#b_homepage #main #content div.threecol3 {
    margin: 0 25% 0 25%;
}

.threecol3 {
    width:50%;
}

/* style the options screen */
.quickToolSummarySection {
    background-color:#fff;
    float:left;
    display:block;
    width:50%;
    margin:100px 25%;
}

.quickToolSummarySection #but_homeToolIcon_externalapplication,
.quickToolSummarySection #but_homeToolIcon_clientListAdviserA {
    display:none;
}


#b_homepage div.threecol2 .quickToolSummary h3,
#b_homepage div.threecol3 .quickToolSummary h3 {
    width:100%;
}

#b_homepage div.threecol2 .quickToolSummary h3 input[type="submit"],
#b_homepage div.threecol3 .quickToolSummary h3 input[type="submit"],
#b_homepage div.threecol2 .quickToolSummary h3 input[type="submit"]:hover,
#b_homepage div.threecol3 .quickToolSummary h3 input[type="submit"]:hover {
    background-color:#4f738a;
    color:#fff!important;
    padding:40px 0;
    width:100%;
    border-radius: 6px;
}

/* the three buttons we want to style */
#but_external_application,
#but_report,
#but_questionnaire {
    margin-bottom:20px;
    font-size:15px;
    width:30%;
    float:left;
    margin-left:3%;
    padding:40px 0;
    background-color:#4f738a;
    color:#fff!important;
}

#but_external_application:hover,
#but_report:hover,
#but_questionnaire:hover,
#b_homepage div.threecol2 .quickToolSummary h3 input[type="submit"]:hover,
#b_homepage div.threecol3 .quickToolSummary h3 input[type="submit"]:hover {
    background-color:#4f738a;
}

#b_homepage div.threecol2 .quickToolSummary p {
    width:100%;
    float:left;
    text-align:center;
}


/* Some positional stuff for the main container divs */
#pageContainer,
#main {
    background-image:none;
}

#clientHeader #toolLinks {
    position:relative;
    top:inherit;
    left:inherit;
    width:990px;
    height:auto;
    margin:16px auto 0 auto;
    overflow:auto;

    display:none;
}

.containerTool {
    width:100%;
    margin:auto;
    padding:100px 0;
}

#b_ifa_clients .containerTool {
    padding-top:20px;
}

.containerTool .container {
    margin-left:0;
    width:990px;
    margin:auto;
    padding:0;
    overflow:auto;
}

/* then style the top left slide out */
div.leftBar .leftBarBody {
    border-radius:0;
    height:85px;
    background-color: #f9f9f9;
}

#b_homepage div.leftBar {display:none;}
div.leftBar #existingClients{display:none;}
#clientHeader h1 input.editable{visibility:hidden;}

/* hide the top right links - support/feedback/faq/settings - except logout */
#toplinks {
    position:absolute;
    top:0;
    right:0;
}

#toplinks li {
    display:none;
}

#toplinks li:last-child {
    display:inline-block;
}

/* centre the header h1 */
#clientHeader h1 {
    float:none;
    width:100%;
    padding:0;
    text-align:center;
}

#clientHeader h1 input.disabled {
    text-align:center;
    margin:10px;
    background-color:transparent;
}

/* add in a logo */
#clientHeader h1:before {
    width:50px;
    height:50px;
    content:' ';
    display:block;
    margin:auto;
    background-image:url('resource?name=headerLogo&companyName=advisacenta');
    background-repeat:no-repeat;
}



#but_external_application {
    margin-left:0;
}

/* feedback */
.containerTool #but_questionnaire {

}

/* the table in the client list */
#b_ifa_clients #clientlist input.row_even,
#b_ifa_clients #clientlist input.row_odd {
    color:#3E1051;
}

/* the back button as a non-slideout */
div.leftBar {
    width:auto;
}

div.leftBar .leftBarBody {
    position:relative!important;
    left:0!important;
    height:auto;
    background-color:transparent;
}

div.leftBar #sidebarClicker {
    display:none;
}

div.leftBar #home {
    background-color:transparent;
    padding-left:0;
}

/* styling form elements */
input[type="text"],
input[type="password"],
select {
    display: block;
    width: 90%;
    height: 34px;
    padding:0px 12px;
    font-size: 14px;
    line-height: 1.4285;
    color: #555;
    border: 1px solid #ccc;
	border-radius: 4px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#b_ifa_clients .form_inline ul,
#filterButtons {
    margin:1%;
}

#b_ifa_clients .form_inline li {
    width: 31%;
    vertical-align: top;
}

#b_ifa_clients .form_inline li #searchDob select, #b_ifa_clients .form_inline li #searchDob input {
    width:27.5%;
}

input.button[type="submit"] {
    padding:10px;
}

#b_ifa_clients .form_inline {
    width: 100%;
    padding: 0;
}

#b_ifa_clients #clientlist {
    width: 100%;
    margin-left: 0;
}

/* hide some inputs from the clients search */
#b_ifa_clients .form_inline li#li_search_id,
#b_ifa_clients .form_inline #li_search_event,
#b_ifa_clients .form_inline #li_search_ni,
#b_ifa_clients .form_inline #li_search_immedidate_ret,
#b_ifa_clients #table_clientsummary,
.idCol,
.niCol,
.eventCol,
.eventDataCol,
.eventDateCol,
#immediateRetCol,
.immediateRetColumn  {
    display:none;
    background-color:red;
}



/* RESPONSIVENESS */

@media (max-width: 767px) {
    select {
        width: 97%;
    }
    #b_ifa_clients .form_inline li {
        width: 100%;
    }

    #b_ifa_clients .form_inline li #searchDob select, #b_ifa_clients .form_inline li #searchDob input {
        width:29.5%;
    }
}

@media (max-width: 1023px) {
    #header,
    .container,
    .containerTool .container,
    #clientHeader #toolLinks,
    #main #content,
    #pageContainer #content {
        width:100%;
    }

    .quickToolSummarySection {
        width:80%;
        margin:100px 10%;
    }

    #b_ifa_clients .form_inline,
    #clientlist {
        padding:2.5%;
        width:85%;
        margin:5%;
    }

    #b_ifa_clients table#clientstable {
        width:90%;
        margin-left:2.5%;
    }

    #b_ifa_clients #table_clientsummary {
        width:90%;
        padding:20px;
        margin:5%;
    }

    #but_external_application, #but_report, #but_questionnaire {
        width:80%;
        margin:2% 10%;
    }
}

.release-notes-modal .modal-dialog {
    width: 60%;
}

#faq_main {
    width: 100%;
    display: flex;
    height: 600px;
    overflow: auto;

}

#faq_left {
    padding-left: 30px;
    vertical-align: top;
    background: #f0f0f0;
    width: 20%;
}

#faq_release_notes_link_container {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.3em;
}

#faq_release_notes_container {
    display: flex;
    flex-direction: column;
}


#faq_faq_link_container {
    padding-top: 10px;
    font-size: 1.3em;
}

#faq_right {
    padding-left: 10%;
    width: 80%;
    padding-right: 10%
}
.summary-choice #choice-title {
   font-size: 22px!important;
}

#chart-message .title li{
    text-align: left;
}

span#getHelpOpenAdviceModal.p-as-a {
    margin-block-end: 0;
    display: inline;
    color: blue ;
    text-decoration: underline;
    cursor: pointer;
}
#modal-before-you-start iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#b_scheme_options #configure-options.container-fluid {
    padding: 0;
    margin: 25px 0;
}
#b_scheme_options #main>.container {
    padding-bottom: 20px;
}