.dataTable {
	width: 100% !important; 
}

div.dataTables_wrapper div.dataTables_length select {
	width: 60px !important;
}

.text-right {
	text-align: right;
}

.sorting:focus, .page-link:focus {
  border: 2px solid #212b32 !important;
  box-shadow: inset 0 0 0 2px !important;
  outline: 4px solid #ffeb3b !important;
  /* 1 */
  outline-offset: 0 !important;	
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: inherit !important;
    border: inherit !important;
    background-color: inherit !important;
    background:  inherit !important;
    background:  inherit !important;
    background: inherit !important;
    background: inherit !important;
    background: inherit !important;
    background: inherit !important;
}

table.minimal th {
    /* color: #505050; */
	border-style: solid !important;
	border-color: black !important;
	border-width: 1px !important;
    font-size: inherit !important;
	background: #005eb8 !important;
    color: white !important;
}

.sortable .dataTable th {
    /* color: #505050; */
	border-style: solid !important;
	border-color: black !important;
	border-width: 1px !important;
    font-size: inherit !important;
	background: #005eb8 !important;
    color: white !important;
}

.navbar-default .navbar-nav > li > a:focus {
  outline: 0px solid;
}

.navbar-default .navbar-nav > li.nav-item:hover {
	border-bottom: 0px solid white !important;
}

.navbar-default .navbar-content .navbar-menu > * {
     width: 100% !important; 
}

.contact-name {
  text-decoration: none !important;
}

.tbl-span-left-th {
	width:45% !important;
	border: 1px solid black !important;
	text-align:center;
	padding:12px;
	display:inline-block;
	height:100%;
}
.tbl-span-right-th {
	width:45%  !important;
	border-right: 1px solid  !important;
	border-top: 1px solid  !important;
	border-bottom: 1px solid  !important;
	text-align:center;
	padding:12px;
	display:inline-block;
height:100%;
}

.tbl-span-left-td {
	width:45% !important;
	border-left: 1px solid  !important;
	border-right: 1px solid  !important;
	border-bottom: 1px solid  !important;
	text-align:center;
	padding:12px;
	display:inline-block;
height:100%;

}
.tbl-span-right-td {
	width:45%  !important;
	border-right: 1px solid  !important;
	border-bottom: 1px solid  !important;
	text-align:center;
	padding:12px;
	display:inline-block;
height:100%;
}


.d-show-over {
	display: block !important;
}

.d-none {
	display: none !important;
}



.override-show {
	display:block !important;
}
.override-inline {
	display:inline !important;
}

.override-inlineblock {
	display:inline-block !important;
}

.card-layout .displaying-payslip .styled-select-float-left {
    float: left;
}

.floating-right {
	float: right !important;

}
.floating-left{
	float: left !important;

}
.payslip-select-span {
	float:right;
	width:80%;
}


.nav-link-active {
    display: block;
    padding: .5rem 1rem;
    color: #ffffff;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.nav-link-active:hover {

    color: #ffffff !important;
}

.nav-link-active:focus {

    color: #ffffff !important;
}

.navbar-default .navbar-nav > li.active, .navbar-default .navbar-nav > li > span.active {
    border-bottom: 3px solid white;
}

.navbar-default .navbar-nav > li.active {
    border-bottom: 3px solid white;
}

.screenreader-text {
  position: absolute;
  left: -999px;
  width:1px;
  height: 1px;
  top: auto;
}

 .screenreader-text:focus {
    display: inline-block;
    height: auto;
    width: auto;
    position: static;
    margin: 10px;

}

.div-layout-table { 
    font-size: 1rem;
    line-height: 1.5;
    border-bottom: 1px solid #d8dde0;
    display: table-cell;
    vertical-align: inherit;
}


#future-details {
	position:relative;
}
#add-nominee-person {
	min-height:84px;
}
#add-nominee-organisation {
	min-height:84px;
}
#allocation-chart {
	min-width:140px !important;
}
#undo-button {
	width:200px;
}
#undo-button {
	width:200px;
}
#save-button {
	width:200px;
}
#warning-icon {
	text-align: center;
}
.nominations-center{
	text-align: center;
}
.footer-area--top {
   width: 100% !important;
}


nav .logo {
	width: 98.5%;
            background-image: url("/ukgwa/20260505174744oe_/https://mynhspension.nhsbsa.nhs.uk/images/nhs-header-left.png"), url("/ukgwa/20260505174744oe_/https://mynhspension.nhsbsa.nhs.uk/images/nhs-header-right.png");
            background-repeat: no-repeat;
            background-position: left center, right center;
		height: 100px !important;
		
		background-size: inherit !important; 
        }

.payslip-column.p60-title {
    width: 52%;
    float: left;
    min-height: 120px;
    font-weight: bold;
}
.payslip-column.pay-to-date {
    width: 24%;
    float: left;
    min-height: 120px;
    text-align: center;
}
.payslip-column.tax-to-date {
    width: 24%;
    float: left;
    border-right: 1px solid #cccccc;
    min-height: 120px;
    text-align: center;
}
.final-tax-code {
    margin-top: 20px;	
}
.card-layout .payslip-column .column-header {
    background: #005eb8;
    color: white;
}
.payslip-column tr.last-row {
    position: static;
}
.payslip-totals {
    background: #005eb8;
    color: white !Important;
}







.navbar-default .navbar-nav > li.inactive, .navbar-default .navbar-nav > li > a.inactive {
    border-bottom: 0px solid #d8dde0;
}


navbar-nav > li:focus,
.navbar-default .navbar-nav > li > a:focus {
	background-color:#ffeb3b !important;
		color: black !important;
}

navbar-nav > li:hover,
.navbar-default .navbar-nav > li > a:hover {
	background-color:#005fb8;
	border-bottom: 3px solid #d8dde0;
	color: white ;
}
.navbar-default .navbar-nav > li:hover {
    border-bottom: 0px solid #d8dde0;
	
}

.navbar-default .navbar-nav {
    margin-top: 0px;
}


.collapsible-menu .card a {
    text-align:center !important;
	color:black !important;
	border-bottom: 3px solid #f0f4f5;

}

.collapsible-menu .card a span:hover {
    border-bottom: 3px solid black;

}
.collapsible-menu .card a:active {
    border-bottom: 3px solid #ffeb3b !important;

}
.collapsible-menu .card a:focus  {
    border-bottom: 3px solid #ffeb3b !important;	
}

.navbar .col-3 > a.active span.menu-item-label, .navbar .col-4 > a.active span.menu-item-label, .navbar .col-6 > a.active span.menu-item-label {
    border-bottom: 0px solid white;	
}

.navbar .col-3 > a.hover span.menu-item-label, .navbar .col-4 > a.hover span.menu-item-label, .navbar .col-6 > a.hover span.menu-item-label {
    border-bottom: 3px solid black;
}


.menu-item-label {
    border-bottom: 0px ;
}


a.footer-nav__list-link:hover {
  background-color:#d8dde0;
	border-bottom: 3px solid black;

		color: black; 
}

a.footer-nav__list-link:focus {
  	background-color:#ffeb3b !important;
	color: black !important;
}


.ui-accordion .ui-accordion-header.ui-accordion-header-active span:focus {
    color: black;
    line-height: 20px;
    text-indent: 0;
    background-image: none;
}

.ui-accordion .ui-accordion-header-active.ui-accordion-header:focus {
    background-color:#ffeb3b important;
	border-bottom: 3px solid black;
	color: black important;
}

.ui-accordion .ui-accordion-header.ui-accordion-header:focus {
  	background-color:#ffeb3b;
	border-bottom: 3px solid black;
	color: black !important;
}

.ui-accordion .ui-accordion-header.ui-accordion-header:focus {
  	background-color:#ffeb3b;
	border-bottom: 3px solid black;
	color: black !important;
}


.ui-accordion .ui-accordion-header-active.ui-accordion-header:focus span {
	color: black important;
}

.ui-accordion .ui-accordion-header.ui-accordion-header:focus span {
	color: black !important;
}

.ui-accordion .ui-accordion-header.ui-accordion-header:focus span {
	color: black !important;
}











.ui-accordion .ui-accordion-header.ui-accordion-header:hover {
    	background-color:#005fb8;
	border-bottom: 3px solid #d8dde0;
	color: black;
}

.ui-accordion .ui-accordion-header span.title:focus {
	color: black;
}

section.sidebar-children .ui-accordion .ui-accordion-header {
    border: none;
	color: white !important;
    background: #005fb8;
}

section.sidebar-children .ui-accordion .ui-accordion-header span {
	color: white !important;
}
section.sidebar-children .ui-accordion .ui-accordion-header:focus span {
	color: black !important;
}


.body-with-sidebar #side-bar .quick-contacts a, .body-with-sidebar #side-bar .sidebar-content a {
	color: #1d70b8 !important;
}

.body-with-sidebar #side-bar .quick-contacts a:hover, .body-with-sidebar #side-bar .sidebar-content a:hover {
	color: #003078 !important;
}


.payslips-bottom-row {
	background: #005eb8; 
    color: white ;

}
.card-layout tr.payslip-bottom-row td, .card-layout tr.payslip-bottom-row span {
background: #005eb8;
    color: white ;
}
.card-layout .total-net-pay {
   background: #005eb8;
    color: white ;
}


button:hover {
  background-color: #00662f;
}

button:active {
  background: #00401e; 
  box-shadow: none ;
  color: #ffffff ;
  top: 4px ;
}


button:focus:not(:active):not(:hover) {
    border-color: #fd0 ;
    color: #0b0c0c !important ;
    background-color: #fd0 ;
    -webkit-box-shadow: 0 2px 0 #0b0c0c ;
    box-shadow: 0 2px 0 #0b0c0c ;
}

button:focus {
    border-color: #fd0 ;
	color: #0b0c0c !important ;
    outline: 3px solid transparent ;
    -webkit-box-shadow: inset 0 0 0 1px #fd0 ;
    box-shadow: inset 0 0 0 1px #fd0 ;
}
button:active {
    top: 2px ;
}

button:link, button:visited, button:active, button:hover {
    color: #fff ;
    text-decoration: none ;
}

button {
    font-family: "GDS Transport",arial,sans-serif ;
    
    margin-top: 0 ;
    margin-right: 0 ;
    margin-left: 0 ;
    margin-bottom: 22px ;
    padding: 8px 10px 7px ;
    border: 2px solid transparent ;
    border-radius: 0 ;
    color: #fff ;
    background-color: #00703c ;
    -webkit-box-shadow: 0 2px 0 #002d18 ;
    box-shadow: 0 2px 0 #002d18 ;
    text-align: center ;
    vertical-align: top ;
    cursor: pointer ;
    -webkit-appearance: none;
}


#modalClose {
	background-color: transparent !important ;
}

#change-contact-details .address-vertical-divider:after {
    height: 0px !important;
    
}

.button:hover {
  background-color: #00662f;
}

.button:active {
  background: #00401e; 
  box-shadow: none ;
  color: #ffffff ;
  top: 4px ;
}


.button:focus:not(:active):not(:hover) {
    border-color: #fd0 ;
    color: #0b0c0c !important ;
    background-color: #fd0 ;
    -webkit-box-shadow: 0 2px 0 #0b0c0c ;
    box-shadow: 0 2px 0 #0b0c0c ;
}

.button:focus {
    border-color: #fd0 ;
	color: #0b0c0c !important ;
    outline: 3px solid transparent ;
    -webkit-box-shadow: inset 0 0 0 1px #fd0 ;
    box-shadow: inset 0 0 0 1px #fd0 ;
}
.button:active {
    top: 2px ;
}

.button:link, .button:visited, .button:active, .button:hover {
    color: #fff ;
    text-decoration: none ;
}

.button {
    font-family: "GDS Transport",arial,sans-serif ;
    
    margin-top: 0 ;
    margin-right: 0 ;
    margin-left: 0 ;
    margin-bottom: 22px ;
    padding: 8px 10px 7px ;
    border: 2px solid transparent ;
    border-radius: 0 ;
    color: #fff ;
    background-color: #00703c ;
    -webkit-box-shadow: 0 2px 0 #002d18 ;
    box-shadow: 0 2px 0 #002d18 ;
    text-align: center ;
    vertical-align: top ;
    cursor: pointer ;
    -webkit-appearance: none;
}







link,  a:link {
    color: #1d70b8;
}

link, a {
    font-family: "GDS Transport",arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: underline;
    text-decoration-thickness: max(1px, .0625rem);
    text-underline-offset: .1em;
}

link:hover, a:hover {
    color: #003078;
}

link:hover, a:hover {
    text-decoration-thickness: max(3px, .1875rem, .12em);
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;			
}


input:focus {
  border: 2px solid #212b32 !important;
  box-shadow: inset 0 0 0 2px !important;
  outline: 4px solid #ffeb3b !important;
  /* 1 */
  outline-offset: 0 !important;	
}

select:focus {
  border: 2px solid #212b32 !important;
  box-shadow: inset 0 0 0 2px !important;
  outline: 4px solid #ffeb3b !important;
  /* 1 */
  outline-offset: 0 !important;
}

.card-layout .styled-select select:focus { 
  border: 2px solid #212b32 !important;
  box-shadow: inset 0 0 0 2px !important;
  outline: 4px solid #ffeb3b !important;
  /* 1 */
  outline-offset: 0 !important;

}

textarea.form-control {
    height: auto;
}

textarea:focus {
  border: 2px solid #212b32 !important;
  box-shadow: inset 0 0 0 2px !important;
  outline: 4px solid #ffeb3b !important;
  /* 1 */
  outline-offset: 0 !important;
}



image:focus {
  border: 2px solid #212b32 ;
  box-shadow: inset 0 0 0 2px ;
  outline: 4px solid #ffeb3b ;
  /* 1 */
  outline-offset: 0 ;
}
link:focus, a:focus {
    outline: 3px solid transparent;
    color: #0b0c0c;
    background-color: #fd0 ;
    -webkit-box-shadow: 0 -2px #fd0,0 4px #0b0c0c;
    box-shadow: 0 -2px #fd0,0 4px #0b0c0c;
    text-decoration: none;
}

.card-area link, .card-area a {
   text-decoration: none;
	text-align:center;
}

.card-area link:focus, .card-area a:focus {
    text-decoration: underline solid black;
text-align:center;
}

.card-area link:hover, .card-area a:hover {
    text-decoration: underline solid black;
text-align:center;
}

.body-with-sidebar #body-section .box-img .card-footer p:hover {
  color:#005eb8;
	text-decoration:underline;
}


.body-with-sidebar #body-section .box-img .card-footer p:focus {
  	background-color:#ffeb3b;
	border-bottom: 3px solid black;
	color: black ;
text-decoration:none;


}






thead th {
    border-bottom: 2px solid #d8dde0;
}
th {
    font-weight: 600;
}


th, td {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: 8px;
    padding-right: 16px;
    padding-top: 8px;
    border-bottom: 1px solid #d8dde0;
    text-align: left;
    vertical-align: top;
	display: table-cell;
    vertical-align: inherit;
    text-align: -internal-center;
}
//*, *:before, *:after {
//    -moz-box-sizing: inherit;
//    -webkit-box-sizing: inherit;
//    box-sizing: inherit;
//}

.nhs-top-row-para {
    border-bottom: 2px solid #d8dde0;
}
.nhs-row-para {
    border-bottom: 1px solid #d8dde0;
}
.nhs-bottom-row-para {
    border-bottom: 1px solid #d8dde0;
	margin-bottom:50px;
}

.para-span-first-col {
	width:300px;
}

h1, h2, h3, h4, h5{
  //background-color: #d8dde0;
  /* [1] */
  'Frutiger 55 Roman', Arial, sans-serif;
}

.ui-widget-content {
    border-color: #eeeeee;
    background: white url("/ukgwa/20260505174744oe_/https://mynhspension.nhsbsa.nhs.uk/Plugins/ExamplePlugin/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
    color: #212b32;
}



.card-layout, .benefits-dashboard-card .card-layout .card-layout {
    background-color: white;
}

.card-layout, .benefits-dashboard-card .card-layout .card-layout {
    box-shadow: none;
}


.card-layout .nominations-page-container i.fas.warning {
  color: black !important;
  /* color: red; */
}

.full-width-banner {
    width: 100%;
    background: #ffffff;
    z-index: -1;
}


.card-header {
//    background: #005eb8;
	color:#ffffff;
//    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.benefits-dashboard-card .card-layout .card-layout .card-header {
    background-color: #005eb8;
}

.benefits-dashboard-card .card-layout .card-layout .h3 {
    color: #ffffff;
}



input {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  -moz-appearance: none;
  /* 1 */
  -webkit-appearance: none;
  /* 1 */
  appearance: none;
  /* 1 */
  border: 2px solid #4c6272;
  /* 2 */
  border-radius: 0;
  box-sizing: border-box;
  height: 40px;
  margin-top: 0;
  padding: 4px;
  width: 100%;
}

input[type="radio"]
{
	-moz-appearance: auto;
  	-webkit-appearance: auto;
  	appearance: auto;
  	height: 20px;
  	width: 20px;
}


@media (max-width: 767px) {
.navbar-default .navbar-nav > li.active, .navbar-default .navbar-nav > li > a.active {
    border-bottom: 0px solid white;
}
.navbar-default .navbar-nav > li > a {
    color:black !important;
}
nav .logo {
    	background-size: 80%;
	background-position: left center;
	background-image: url("/ukgwa/20260505174744oe_/https://mynhspension.nhsbsa.nhs.uk/images/nhs-header-small.png")
}
}


@media (min-width: 40.0625em) {
  .nhsuk-input {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47368;
  }
}
@media print {
  .nhsuk-input {
    font-size: 14pt;
    line-height: 1.15;
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  /* stylelint-disable-line string-quotes */
  -moz-appearance: textfield;
}

input-error {
  border: 4px solid #d5281b;
}

.page-title {
                'Frutiger 55 Roman', Arial, sans-serif;
}

.divider-vertical {
    
    border-right: 5px #005eb8;
}



.body-with-sidebar #side-bar {
    background-color: white;
	border: 1px solid rgba(0, 0, 0, .125);
}

.col-2 > h2 {
    color: #005eb8;
    border-bottom: none;
    font-size: 18px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}


.feedback-message {
    color: #0b0c0c important;
    padding: 15px;
    margin-bottom: 30px;
}

.feedback-message p {
    color: #0b0c0c important;
    margin-bottom: 30px;
	font-weight:bold;
}

.card-area link, .card-area a:focus {
    text-decoration: underline !important;

}