@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Hind+Madurai:400,500,600,700");

/*@media only screen and (min-width: 768px) {
    html {
        scroll-behavior: smooth; 
    }
} */

/* Keyword values
font-smooth: auto;
font-smooth: never;
font-smooth: always;  */
    
/* ::-moz-selection { background: #fee400; }
::selection { background: #fee400; } */


html {
    font-size: 16px;
    scroll-behavior: smooth; 
}

body {
  font-family: "Open Sans", sans-serif;
  
   -webkit-font-smoothing: antialiased; 
   -moz-osx-font-smoothing: grayscale; 
}

a { color: #0556AD;}

a:hover { color: #044A96;}

h1 {
  font-size: 46px;
  font-family: "Hind Madurai", sans-serif;
  margin: 0 0 20px 0;
  font-weight: 600;
}

h1 span {
    font-weight: normal;
}

h2, h3 { font-family: "Hind Madurai", sans-serif;}

a:focus { color: #044A96;}

/* Skip to main content */ 
#skiptocontent a:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    outline: 0;
    -webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
}

#skiptocontent a {
    padding: 8px;
    font-size: 18px;
    position: absolute;
    top: -45px;
    left: 0px;
    color: #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #033871;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
}


/* Dropdown Focus for accessibilty */ 
.dropdown-toggle:focus {
    outline: 0;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

p {
  color: #333333;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
}

p a {
    text-decoration: underline;
}



/* - - - Hover underline for links inside paragraph text - - - */
p a,
#policy-content ul li a, 
#policy-content ul ol a,
.inner-content ul li a,
.inner-content ul ol a {
  border-bottom: 1px solid #0556AD;
  text-decoration: none!important;
  
  width: calc(100%);
  background-repeat: no-repeat;
  background-size: 0%;
  transition: background-size .7s;
}


p a:hover,
#policy-content ul li a:hover, 
#policy-content ul ol a:hover,
.inner-content ul li a:hover,
.inner-content ul ol a:hover{
  border: none!important;
  background-image: linear-gradient(transparent calc(100% - 1px), #0556AD 1px);
  transition: background-size .7s;
  background-size: 100%;
  padding-bottom: 1px;
}

#policy-content table {
    margin-bottom:30px;
}


.d-inline {
  display: inline;
}

section {
  padding: 50px 0;
}

.bg-grey {
  background: #F7F8FB;
}

.bg-blue {
  background: #0556AD;
}

.white {
  color: white;
}

/* - - - - - - - - - - - - - - - - - 
   Header
- - - - - - - - - - - - - - - - - */
header {
  background: #0556AD;
  padding: 25px 0;
}

header .banner-seperator {
  position: relative;
  display: inline-block;
  width: 3px;
  height: 56px;
  background-color: rgba(255, 255, 255, 0.25);
  font-size: 0;
  margin: 0 25px;
}

header h1 {
  font-family: "Hind Madurai", sans-serif;
  font-weight: 400;
  font-size: 48px;
  color: #FFF;
  margin: 5px 0 0 0;
}

header img {
  width: 82px;
}

/*header input {
  width: 200px;
  border: none;
  font-size: 16px;
  padding: 10.1px 10px 10px 10px;
  margin: 10px 0; 
}*/

input.search-query {
    font-size: 16px!important;
}


header button {
  padding: 12px 18px;
  font-size: 17px;
  border: 1px solid #f7f8fb;
  border-left: none;
  background: #f7f8fb;
  color: #0556AD;
}

header button:hover {
    background: #e7ebed;
    border: 1px solid #e7ebed;
    border-left: 0;
}

/* - - - - - - - - - - - - - - - - - 
          Navigation
- - - - - - - - - - - - - - - - - */
.navbar-default {
  background: #044993;
  font-size: 16px;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a {
  color: white;
  padding: 20px 30px;
  font-size: 18px;
}

.navbar-nav { margin: 0 -15px;}

.navbar-default .navbar-nav > li > a:hover {
  color: white;
}

.navbar-default .navbar-nav > .active > a, .navbar-default
.navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background: #033871;
  color: white;
}

.navbar-default .navbar-nav > li > a:hover {
    background: #033871;
}

.navbar-default .navbar-nav > .open > a, .navbar-default
.navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background: #044A96;
  color: white;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: white;
}



.navbar-nav > li > .dropdown-menu {
  background: #044A96;
  border: none;
  padding: 0;
}

.navbar-header p {
  color: white;
  margin: 0;
  position: absolute;
  right: 50px;
  top: 2px;
}

/* - - - Mobile Nav icon - - - */
.navbar-toggle {
  border: none;
  color: white;
}

.navbar-toggle .icon-bar {
  background: white !important;
  border-radius: 0;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background: transparent;
  border: 1px solid
}

/* - - - Mobile Search Icon - - - */

.btn-search {
    color: white;
    padding: 10px!important;
    background: transparent!important;
    border: none!important;
}

.btn-search:active, .btn-search:focus {
    color: white;
}

/* - - - - - - - - - - - - - - - - - 
   Breadcrumbs
- - - - - - - - - - - - - - - - - */
.breadcrumb {
  font-size: 16px;
  font-weight: 600;
  background: white;
  margin: 0;
  padding: 15px 0;
}

.breadcrumb .active {
  color: #737373;
}

.breadcrumb a:focus {
    color: #0556AD;
}

.breadcrumb > li + li:before {
  content: '\f054';
  display: inline-block;
  font: var(--fa-font-regular);
  font-size: 12px;
  padding: 0px 10px;
}

/* - - - - - - - - - - - - - - - - - 
   Guidance Box
- - - - - - - - - - - - - - - - - */
.guidanceBox {
  padding: 25px 20px;
  color: white;
}


@media only screen and (min-width: 600px) {
    .guidanceBox#vectorSwoosh {
        background-image: url(/img/swoosh-vector.svg);
        background-repeat: no-repeat;
        background-position: right;
    }
}

/* - - - - - - - - - - - - - - - - - 
   Banner
- - - - - - - - - - - - - - - - - */
.banner {
    background: #F7F8FB;
}

/*.banner .row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
} */

.homepageBanner {
    background: #FFF
}
.homepageBanner .skewImage {
    height: 380px;
}

@media only screen and (min-width: 1200px) {
    .homepageBanner .skewImage {
        height: 320px;
    }
}

.banner .box {
    background: #fff;
    padding: 35px 20px;
}

.banner .box h2 {
      margin-top: 0;
}

.banner .box p {

}

/* - - - - - - - - - - - - - - - - - 
   Panels
- - - - - - - - - - - - - - - - - */
.panel {
  border: 1px solid #E4E4E4;
  border-radius: 0;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
}

.panel .panel-heading {
  padding: 20px 20px 10px 20px;
}

.panel .panel-heading .far {
    margin-left: 10px;
    display: table-cell;
    color: #0456AD;
}

.panel-heading div {
    display: table-cell;
}


.panel .panel-heading h2, .panel .panel-heading h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  color: #0556AD;
}

.panel .panel-body {
  padding: 0px 20px 25px 20px;
  flex-grow: 1;
}

.panel .panel-body p {
  margin: 0;
}

.panel .fa-chevron-right {
  font-size: 18px;
  margin-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  transition: .25s ease-in-out .1s;
}

.panel .fa-chevron-right:hover {
    padding: 0;
    transition: .25s ease-in-out 0s;
}


.panel .included-content h4 { margin-right: 15px;}


.included-content .col-md-4:nth-child(3n)  {
    border: none;   
}


/* - - - Panel Tag - - - */
.panelTag {
    padding: 0;
}
.panelTag p {
    margin: 0;
    padding: 10px 0;
}

.panelHead {
   border-bottom: 2px solid #f0f2f7;
   margin: 0px 20px;
}

.panelHead p {
    font-weight: 600;
}


/* - - - Panel Footer - - - */
.panelFooter {
   border-top: 2px solid #f0f2f7;
   margin: 0px 20px;
}

.panelFooter p {
     font-weight: 500;
     color:#545454;
}

.panelFooter a p { 
    font-size: 16px;
    font-weight: 600;
    color: #0556AD;
    
}

.panelFooter i {
    padding-right: 10px;
    color: #545454;
}

/* - - - Panel Actions - - - */

.panel-actions {
    margin: 0 20px;
    margin-top: auto;
    padding: 10px 0;
    border-top: 2px solid #f0f2f7;
}

.panel-actions p {
    font-size: 17px;
    color: #545454;
    margin: 0;
}

.panel-actions span {
    margin-right: 2px;
}


/* - - - - - - - - - - - - - - - - - 
    Secondary Panels
- - - - - - - - - - - - - - - - - */
.secondaryPanel { box-shadow: none;}

.secondaryPanel .panel-body { 
    padding: 20px;
    min-height: 150px;
}

.secondaryPanel .panel-body h2 {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
}


/* - - - - - - - - - - - - - - - - - 
    Coloured Panels
- - - - - - - - - - - - - - - - - */
.Lettertemplate { border-bottom: 4px solid #FFBF00; }
.Form { border-bottom: 4px solid #6300BF; }
.Flowchart { border-bottom: 4px solid #009F99; }
.Guides { border-bottom: 4px solid #92C01F; }
.Tool { border-bottom: 4px solid #019EE1;}


/* - - - - - - - - - - - - - - - - - 
   Image Panels
- - - - - - - - - - - - - - - - - */

.imagePanel {
    background: #FFF;
    margin-bottom: 20px;
}

.imagePanel .content {
    padding: 20px;
}

.imagePanel img {
    min-height: 100%;
    object-fit: cover;
}
/* - - - - - - - - - - - - - - - - - 
   Intro
- - - - - - - - - - - - - - - - - */
.intro h1 { font-size: 46px;}

.intro p {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #545454;
}

.intro p:last-child {
    margin-bottom: 0;
}

/* - - - - - - - - - - - - - - - - - 
    Ministerial Introduction
- - - - - - - - - - - - - - - - - */
.ministerial-introduction img {
  width: 190px;
  margin: 5px auto;
}

.ministerial-introduction  .col-md-6:nth-child(2n){
    border-left: 1px solid #e4e4e4;
}

/* - - - - - - - - - - - - - - - - - 
    Left Hand Nav
- - - - - - - - - - - - - - - - - */
.leftHandNav {
  margin-top: 30px;
}

.leftHandNav h2 {
  margin-bottom: 30px;
  padding-top: 8px;
  font-weight: 600;
}

.leftHandNav ul {
  list-style: none;
  font-size: 16px;
  padding: 0;
}

.leftHandNav ul ul {
    padding-left:20px;
}

.leftHandNav ul li {
  margin-bottom: 30px;
}

.leftHandNav ul li a:hover {
  color: #0556AD;
}

.leftHandNav li.active a {
  color: #333;
  font-weight: 600;
}

.leftHandNav li.active a:hover {
  text-decoration: none;
}

.navTitle h2 a { color: #333;}
.navTitle h2 a:hover { color: #0556AD;}

.leftHandNav .fa-chevron-right {
    margin-top: 3px;
}


/* - - - - - - - - - - - - - - - - - 
    Right Hand Nav
- - - - - - - - - - - - - - - - - */

.right-nav {
    padding: 20px;
    background: #F0F2F7;
}

.right-nav ul {
    list-style: none;
    padding: 0;
    font-size: 18px;
}

.right-nav li { padding: 10px 0;}

.right-nav h1 {
    font-size: 24px;
    padding-bottom: 20px;
    margin: 0;
    border-bottom: 1px solid #e7e9ee;
}

a.linkTypeH2 {
    display: block;
    border-bottom: 1px solid #E7E9EE;
    padding-bottom: 10px;
    font-weight: 600;
}

a.linkTypeH3 {
    padding-left: 25px;
    display: block;
}

a.linkTypeH4 {
    padding-left: 50px;
    display: block;
}

a.linkTypeH5 {
    padding-left: 70px;
    display: block;
}

/* - - - - - - - - - - - - - - - - - 
    Guidance Filters
- - - - - - - - - - - - - - - - - */
.filters {
    background: #F0F2F7;
    padding: 20px 0 10px 0;
}

/* - - - - - - - - - - - - - - - - - 
    Inner Content
- - - - - - - - - - - - - - - - - */
.inner-content h2 { 
    border-bottom: 2px solid #F0F2F7;
    padding: 30px 0 5px 0;
    margin-bottom: 20px;
    color: #333;
    
}

.inner-content h3 { padding: 10px 0 0 0;}

.inner-content h4 { padding: 15px 0 0 0;}

.inner-content li { margin-bottom: 10px;}

.inner-content ul, ol .supportingContent ul, ol {
  color: #333;
  font-size: 18px;
  padding: 0px 15px 5px 15px;
  margin-left: 30px;
  line-height: 27px;
  margin-bottom: 15px;
}

/* - - added from story to make lists in lists have same spacing - - */
li ul { margin-top: 10px;}

.inner-content h5,h6 {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0 15px 0;
}

/* - - - Supporting Content - - - */
.supportingContent h2 {
    border-bottom: 2px solid #F0F2F7;
    padding: 30px 0 5px 0;
}

.supportingContent ol li {
    margin-bottom: 10px;
}
.supportingContent a {
    text-decoration: underline;
}





/* Changing the size of the external link icon */ 
i.fa.fa-external-link.external-link {
    font-size: 15px;
    margin-left: 5px;
}


/* - - - Contact Box - - - */
.contactBox { padding: 15px;}

.contactBox h2 {
  color: #1d1d1d;
  margin-bottom: 5px;
}

.contactBox .fab {
  font-size: 30px;
  color: #0556AD;
}

.contactBox .fab:hover { text-decoration: none;}
.contactBox img { display: inline;}



span.far.fa-check.mr-1 {
    background: green;
    border-radius: 50%;
    padding: 17px;
    font-size: 30px;
    color: white;
    margin-bottom: 15px;
}

/* - - - - - - - - - - - - - - - - - 
    Policy Content
- - - - - - - - - - - - - - - - - */
#policy-content li { margin-bottom: 10px;}

#policy-content li a {  text-decoration: underline;}

#policy-content h3 { font-size: 26px;}

#policy-content h4, .inner-content h4 { 
    font-size: 20px;
    font-weight: 600;
}




/* - - - - - - - - - - - - - - - - - 
    Progress Bar
- - - - - - - - - - - - - - - - - */
.progress-wrapper {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: #f1f1f1;
}


.progress-container {
  width: 100%;
  height: 8px;
  background: #f0f2f7;
}

.progress-bar {
  height: 8px;
  background: #0456ad;
  width: 0%;
  z-index:1000;
}


/* - - - - - - - - - - - - - - - - - 
    Support Documents List
- - - - - - - - - - - - - - - - - */

.supportdocs {
    border-bottom: 1px solid #E7E9EE;
    padding: 10px 0;
}

li.supportdocs:last-child {
    border-bottom: none; 
}

/* li.supportdocs h2 {
    border: none;
    padding: 0;
    line-height: 26px;
} */


li.supportdocs .btn-link {
    margin-top: -15px;
}
#supporting-information .panel ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

#supporting-information .panel ul li h2 a {
    color: blue;
}


label {
    font-size: 18px;
    font-weight: 600;
    color: #323232;
    margin-bottom: 10px;
}


/* - - - - - - - - - - - - - - - - - 
    Alernative Formats
- - - - - - - - - - - - - - - - - */
.alternativeFormats {
    padding: 20px;
    background: #F0F2F7;
}

.alternativeFormats h2 {
   font-size: 36px;
   font-weight: 600;
   margin: 0 0 20px 0;
}

.alternativeFormats a p {
    font-weight: 600;
}

/* - - - - - - - - - - - - - - - - - 
    Tabs
- - - - - - - - - - - - - - - - - */

.nav-tabs>li>a {
    font-size: 20px;
    padding: 20px 30px;
    border-radius: 0;
}

.nav-tabs>li.active>a, .nav-tabs>li
.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #333;
}

.tab-content { margin-top: 50px;}

.tabbg {
    background: #fafbfc;
    border-bottom: 1px solid #dddddd;
    height: 70px;
}

.mt-tabs { margin-top: -70px;}

/* - - - - - - - - - - - - - - - - - 
    Buttons
- - - - - - - - - - - - - - - - - */
.btn {
  font-size: 18px;
  background: #f0f2f7;
  border-radius: 0px;
  border: 2px solid #f0f2f7;
  padding: 10px 20px;
  margin-right: 15px;
  -webkit-transition: 0.1s background-color linear, 0.1s color linear, 0.1s border-color linear;
  transition: 0.1s background-color linear, 0.1s color linear, 0.1s border-color linear;
}

/* --- Button Primary --- */
.btn-primary {
  background: #0556AD;
  border-color: #0556AD;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #044A96;
  border-color: #044A96;
  color: white;
}

/* --- Button Success --- */
.btn-success {
    background: #00852A!important;
	border-color: #00852A!important;
}

.btn-success:hover, .btn-success:active, .btn-success:focus {
	background: #007324!important;
	border-color: #007324!important;
	color: white!important;
}


/* --- Button Outline --- */
.btn-outline {
  background: transparent;
  border-color: #0556AD;
  color: #1d1d1d;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
  border-color: #0556AD;
  background: #0556AD;
  color: white;
}

/* --- Button Outline --- */
.btn-outline-line {
  background: transparent;
  border-color: #0556AD;
  color: #1d1d1d;
}

.btn-outline-line:hover, .btn-outline-line:focus, .btn-outline-line:active {
  border-color: #0556AD;
  background: transparent;
  color: #0556AD;
}

/* --- Button Outline Invert --- */
.btn-outline-invert {
  background: transparent;
  border-color: #FFF;
  color: #FFF;
}

.btn-outline-invert:hover, .btn-outline-invert:focus, .btn-outline-invert:active {
  background: #FFF;
  border-color: #FFF;
  color: #1d1d1d;
}


/* --- Button Link --- */
.btn-link {
    font-size: 16px;
    color: #0556AD;
    background: white;
    border-color: white;
    padding: 6px 0px;
}

/* --- Button Form Link --- */
.btn-form-link {
    background: transparent;
    padding: 0;
    border: none!important;
    color: #0556AD;
}

.btn-form-link:hover {
    text-decoration: underline;    
     color: #0556AD;
}


.btn-link:hover, .btn-outline-invert:focus, 
.btn-outline-invert:active {
    color: #0556AD;
}

.btn-dropdown {
  background: white;
  border-color: #0556AD;
  color: #1d1d1d;
  margin: 0;
}

.btn-dropdown:hover, .btn-dropdown:active .btn-dropdown:focus {
  color: #0556AD;
}

.dropdown .dropdown-menu {
  padding: 0;
  margin-top: 0px;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0px 7px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 6px 0px rgba(0, 0, 0, 0.2);
}

.dropdown .dropdown-menu > li {
  border-top: 1px solid #F0F2F7;
}

.dropdown .dropdown-menu > li:last-child {
  border-bottom: 1px solid #F0F2F7;
}

.dropdown .dropdown-menu > li > a {
  color: #1d1d1d;
  padding: 15px 20px;
  font-size: 18px;
  width: 100%;
  white-space: unset;
}

.dropdown .dropdown-menu > li > a:hover {
  color: #0556AD;
  background: #F0F2F7;
  text-decoration: underline;
}

.dropdown .btn-dropdown::before {
  font: var(--fa-font-regular);
  color: #0556AD;
  content: '\f078';
  margin-left: 30px;
  display: inline-block;
  float: right;
}


.dropdown.open > .btn-dropdown::before {
  content: '\f077'!important;
}


/* - - - - - - - - - - - - - - - - - 
   Blockquote
- - - - - - - - - - - - - - - - - */
blockquote {
    border-left: 5px solid #0556AD;
    padding: 10px 0 10px 20px;
    margin: 30px 0px 30px 40px;
}

.blockquote-footer {
    display: block;
    color: #6c757d;
    font-size: 95%;
    margin-left: 0px;
}

.blockquote-footer::before {
    content: "\2014 \00A0";
} 

/* - - - - - - - - - - - - - - - - - 
    Inner Page Styles
- - - - - - - - - - - - - - - - - */

.header-underline, .alternativeStyle h2 {
    border-bottom: 2px solid #F0F2F7;
    padding-bottom: 15px;
}

/* - - - - - - - - - - - - - - - - - 
    Radio Buttons
- - - - - - - - - - - - - - - - - */

.radioFeedback label {
    font-weight: 500;
    font-size: 20px;
    margin-right: 30px;
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  height: 34px;
  width: 34px;
  transition: all 0.15s ease-out 0s;
  background: #ffffff;
  border: 1px solid #d3d3d3;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #d3d3d3;
}
.option-input:checked {
  background: #0456ad;
  border-color: #0456ad;
}
.option-input:checked::before {
    height: 34px;
    width: 34px;
    position: absolute;
    content: "\f00c";
    font: var(--fa-font-regular);
    font-size: 20px;
    text-align: center;
    line-height: 34px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #0555ae;
  content: "";
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
  margin: 5px;
  z-index: 0;
}
.option-input.radio::after {
  border-radius: 50%;
}


/* - - - - - - - - - - - - - - - - - 
   Page Feeback
- - - - - - - - - - - - - - - - - */
.pageFeedback h2 {
    font-weight: 400;
    font-size: 32px;
}
.form-control {
    height: 50px;
    border-radius: 0;
}
.form-control {
    border: 1px solid #e7ebed;
}


.hideOnLoad { display: none;}

/* - - - - - - - - - - - - - - - - - 
    Footer
- - - - - - - - - - - - - - - - - */
footer {
  background: #0556AD;
  padding: 50px 0;
}

footer ul {
  list-style: none;
  padding: 0;
}

footer ul li {
  margin-bottom: 20px;
  font-size: 16px;
}

footer ul li:last-child {
  margin-bottom: 0;
}

footer ul a {
  color: white;
}

footer ul a:hover, footer ul a:focus{
  color: white;
  text-decoration: underline;
}

footer img {
  width: 100px;
}

.footerTag {
  background: #0C50A4;
  padding: 30px 0;
}

.footerTag p {
  font-size: 16px;
  color: white;
}

.footerTag img {
  width: 80px;
}

/* - - - - - - - - - - - - - - - - - 
  Select Custom Filter Styles
- - - - - - - - - - - - - - - - - */

.filters .form-control { 
    font-size: 16px;
    height: 50px;
    border: 1px solid #E4E4E4;
    border-radius:0;
}

.filters .form-group {  margin-bottom: 0;}

.custom-select { position: relative;}

.custom-select select { 
	width: 100%;
	background: white;
	padding: 13px 10px;
	border: 1px solid rgb(220,220,220);
	font-size: 16px;
	border-radius: 0!important; 
}

.select-selected { background: #FFF;}


/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  background: white;
  font-size: 16px;
  color: #333;
  padding: 13px 25px 13px 10px;
  border: 1px solid #E4E4E4;
  cursor: pointer;
  user-select: none;
  
  display: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

.select-items div { border-top: 0;}

/*hide the items when the select box is closed:*/
.select-hide { display: none;}

.select-items div:hover, .same-as-selected {
  background: #f0f2f7;
}


/* Adds in the chevron when expanded & collapsed */
/*.custom-select:after {
    position: absolute;
    color: #0456ad;
    content: "\f078";
    font: var(--fa-font-regular);
    right: 27px;
    width: 0;
    height: 0;
    top: 15px;
}*/
/*
.custom-select.select-arrow-active:after {
  content: "\f077";
}
*/

/* - - - Guidance & Support Box Dropdown - - - */
.guidance-dropdown { border-color: white;}

/* - - - Styles for dropdown/sort button on Guidance & Support page - - - */

.dropdown .dropdown-sort{
    font-size: 16px;
    padding: 13px 10px;
    width: 200px;
    border: 1px solid #E4E4E4;
}

.dropdown .dropdown-sort-menu > li {
    border: 1px solid #E4E4E4;
    border-bottom: 0;
}

.dropdown .dropdown-sort-menu > li:last-child {
    border-bottom: 1px solid #E4E4E4;
}
.dropdown  .dropdown-sort-menu  > li > a {
    font-size: 16px;
    padding: 13px 10px;
}

.dropdown .dropdown-sort-menu {
    border-top: 0;
    box-shadow: none;
    margin-top: -1px;
}

/* - - - Active Fiters - - - */
.activeFilters {
    border-top: 1px solid #E8EBEF;
    margin-top: 5px;
    padding: 20px 0 12px 0;
}

.activeFilters a {
    font-size: 16px;
    border: none;
    text-decoration: none;
}

.activeFilter {
    font-size: 16px;
    display: inline;
    padding: 8px 10px;
    background: white;
    margin-right: 10px;
    border: 1px solid #E8EBEF;
    white-space: nowrap;
}

.activeFilter:hover {
    padding: 8px 10px;
    background: white;
    margin-right: 10px;
    border: 1px solid #0556ad!important;
    text-decoration: underline;
}

.activeFilter::after { 
  font: var(--fa-font-regular);
  content: "\f00d";
  color: #999999;
  margin-left: 20px;
}


.activeFilter:hover::after {
  font: var(--fa-font-regular);
  content: "\f00d";
  color: #999999;
  margin-left: 20px;
  text-decoration: underline;
  text-decoration-color: white;
}


.clearAll::after {
  font: var(--fa-font-regular);
  content: "\f00d";
  color: #999999;
  margin-left: 5px;
}

.clearAll:hover::after {
  text-decoration: underline;
  text-decoration-color: #F0F2F7;
}

.clearAll {
    font-size: 16px;
    background-image: none;
}
.clearAll:hover {
    text-decoration: underline;
}

/* - - - - - - - - - - - - - - - - - 
  Filter Modal Styles
- - - - - - - - - - - - - - - - - */

#filter-modal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#filter-modal .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background: #F0F2F7;
  margin-top: 0;
}

#filter-modal .modal-header { background: white;}

#filter-modal .modal-title {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin-top: -4px;
}

#filter-modal .modal-footer {
    background: white;
    position: absolute;
    bottom: 0;
    width: 100%;
}




/* - - - - - - - - - - - - - - - - - 
          Turas modals
- - - - - - - - - - - - - - - - - */

.modal .modal-dialog {
    max-width: 600px;
    margin: 7rem auto;
}

.modal .modal-dialog .modal-content {
    border-radius: 0;
}

.modal .modal-dialog .modal-content .modal-header {
    border-bottom: 3px solid #f7f8fd;
    padding: 1rem;
}

.modal .modal-dialog .modal-content .modal-header .modal-title {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 600;
}

.modal .modal-dialog .modal-content .modal-header .modal-title:before {
    font: var(--fa-font-regular);
    margin-right: 15px;
    font-weight: 600;
}

.modal .modal-dialog .modal-content .modal-header .close {
    opacity: 0.5;
    margin: 3px 0 0 0;
    padding: 0;
}

.modal .modal-dialog .modal-content .modal-body {
    padding: 25px 20px;
}

.modal .modal-dialog .modal-content .modal-body p:last-child {
    margin-bottom: 0;
}

.modal .modal-dialog .modal-content .modal-body p strong {
    font-weight: 600;
}

.modal .modal-dialog .modal-content .modal-footer {
    border: none;
    background: #f7f8fd;
}

.modal .modal-dialog .modal-content .modal-footer .btn {
    margin: 0 0 0 10px;
}

.modal.modal-danger .modal-dialog .modal-content .modal-header {
    border-color: #ca1a00;
}

.modal.modal-danger .modal-dialog .modal-content .modal-header .modal-title:before {
    font: var(--fa-font-regular);
    content: "\f0e7";
    color: #ca1a00;
}

.modal.modal-warning .modal-dialog .modal-content .modal-header {
    border-color: #ff9c00;
}

.modal.modal-warning .modal-dialog .modal-content .modal-header .modal-title:before {
    content: "\f071";
    color: #ff9c00;
}

.modal.modal-info .modal-dialog .modal-content .modal-header {
    border-color: #107DDE;
}

.modal.modal-info .modal-dialog .modal-content .modal-header .modal-title:before {
    content: "\f05a";
    color: #107DDE;
}

.modal.modal-success .modal-dialog .modal-content .modal-header {
    border-color: green;
}

.modal.modal-success .modal-dialog .modal-content .modal-header .modal-title:before {
    content: "\f00c";
    color: green;
}

@media only screen and (max-width: 767px) {
    .modal .modal-dialog .modal-content .modal-footer .btn {
        margin-bottom: 0!important;
    }
}




.well {
    background-color: #F8F9FB;
    border: 1px solid #E9EAEF;
    border-radius: 0;
    font-size: 18px;
    color: #333;
}


/* - - - - - - - - - - - - - - - - - 
        Mobile Search Modal
- - - - - - - - - - - - - - - - - */
.mobile-modal .modal-dialog  {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.mobile-modal .modal-content {
  height: auto;
  background: #0556AD;
  min-height: 100%;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
}

.mobile-modal .modal-header .close {
    color: white;
    opacity: 1;
}

.modal-header span {
    font-size: 36px;
    font-weight: 500;
    padding: 5px 10px;
    float: left;
}

.modal-header span:hover {
    background: #737373;
    color: white;
}

/* - - - - - - - - - - - - - - - - - 
   Pagination
- - - - - - - - - - - - - - - - - */

.pagination li a {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    border: 1px solid #0556AD!important;
    background: transparent;
    padding: 15px 20px;
    margin-left: 5px;
}

/* - - - First Child - - - */
.pagination>li:first-child>a, 
.pagination>li:first-child>span {
    border-radius: 0px;
}

.pagination>li:first-child>a:hover {
    text-decoration: none;
}

/* - - - Last Child - - - */
.pagination>li:last-child>a, 
.pagination>li:last-child>span {
    border-radius: 0;
}

/* - - - Next Button - - - */
ul.pagination > li.next a,
ul.pagination > li.prev a{
    background: #0556AD;
    border-radius: 0;
    color: white;
}

ul.pagination > li.next a:hover,
ul.pagination > li.prev a:hover{
    background: #044A96;
    color: white;
}


/* - - - Active State - - - */
.pagination>.active>a, .pagination>.active>a:focus, 
.pagination>.active>a:hover, .pagination>.active>span, 
.pagination>.active>span:focus, .pagination>.active>span:hover {
    background: #dae6f3;
    border-color: #F0F2F7;
    color: #333;
}


.pagination>.dots>a {
    background: transparent;
    border-color: transparent;
}

.pagination>.dots>a:focus, 
.pagination>.dots>a:hover, .pagination>.dots>span, 
.pagination>.dots>span:focus, .pagination>.dots>span:hover {
    background: white;
    border-color: white;
}

/* - - - Hover and focus states - - - */
.pagination>li>a:focus, .pagination>li>a:hover, 
.pagination>li>span:focus, .pagination>li>span:hover {
    background: white;
    color: #0556AD;;
    border-color:  #0556AD;
    text-decoration: underline;
}


/* - - - - - - - - - - - - - - - - - 
   Form Group
- - - - - - - - - - - - - - - - - */


#sort{
    padding: 7px;
    width: 100%;
    font-size: 15px;
    border: 1px;
    border-style: solid;
    border-color: lightgray;
}


/* - - - - - - - - - - - - - - - - - 
   Generic Table Styles
- - - - - - - - - - - - - - - - - */
table {
    width: 100%;
    border: 1px solid #E8EBF2;
}

table thead tr th, table tbody tr td {
    padding: 10px 15px 10px 10px;
    color: #333333;
    font-size: 18px;
    border-bottom: 1px solid #E8EBF2;
    border-right: 1px solid #E8EBF2;
    vertical-align: top;
}

table tbody tr p {
    margin-bottom: 0
}


/* - - - - - - - - - - - - - - - - - 
   Sticky Header & Footer
- - - - - - - - - - - - - - - - - */

.stickyHeader {
    background: white;
    width: 100%;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.15);
    padding: 20px 0;
    margin-top: 5px;
    position: fixed;
    top: 0;
    display: flex;
    z-index: 100;
    
    animation: fadein .3s;
    -moz-animation: fadein .3s; /* Firefox */
    -webkit-animation: fadein .3s; /* Safari and Chrome */
    -o-animation: fadein .3s; /* Opera */
}



.stickyFooter {
    font-size: 18px;
    padding: 10px 0;
    background: #F0F2F7;
    width: 100%;
    z-index: 1;
    /*display: flex; */
    position: fixed;
    bottom: 0;
    
    -webkit-box-shadow: 0px -2px 8px -1px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px -2px 8px -1px rgba(0,0,0,0.10);
    box-shadow: 0px -2px 8px -1px rgba(0,0,0,0.10);
    
     animation: fadein .3s;
    -moz-animation: fadein .3s; /* Firefox */
    -webkit-animation: fadein .3s; /* Safari and Chrome */
    -o-animation: fadein .3s; /* Opera */
}


.stickyFooter .btn-link {
    background: transparent;
    border-color: transparent;
}

.stickyFooter .btn-primary {
    padding: 5px 10px;
}
 
 .stickyFooter .btn-primary span {
     color: white;
 }
 
.stickyFooter span {
    color: #333;
    margin-right: 10px;
}
    

/* - - - Fade in Keyframes - - - */    
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.mainSearchBar .form-control, .input-group-lg > .input-group-btn > .btn {
    border-radius: 0px;
}

.searchresults p span.far.fa-file, .searchresults p span.far.fa-link{
    width: initial;
    height: initial;
    padding: 0 5px 0 0;
    color:#0556AD !important;
    font-weight: 500;
}


#mainSearchResults .result {
    border-top: 1px solid #E4E4E4;
    padding: 20px 0;
}

#mainSearchResults .result p {
    margin: 0;
}

#mainSearchResults .result p:nth-child(2){
    padding: 10px 0;
    color: #6c6c6c;
    font-size: 16px;
}

#mainSearchResults a {
    font-weight: 600;
    text-decoration:none;
    border-bottom:0px;
}

/* - - - - - - - - - - - - - - - - - 
  BETA Tag
- - - - - - - - - - - - - - - - - */

.betaBlock { background: #FFBF00;}

.betaBlock p {
    margin: 5px 0;
    font-size: 16px;
    line-height: 22px;
}

.betaBlock .closeBeta {
    cursor: pointer;
}

.betaBlock p strong { font-weight: 600; }

.betaBlock p a {
    border: none;
    text-decoration: underline!important;
}

.betaBlock p a:hover { background-image: none;}



/*#skiptocontent a {
    background: white;
    z-index: 100;
    position: absolute;
    padding: 10px;
    font-weight: 600;
    font-size: 16px;
    left: 0;
    transition: top 1s ease-out;
} */



/* - - - - - - - - - - - - - - - - - 
   Accordions
- - - - - - - - - - - - - - - - - */
.accordion.panel-group {
    border-top: 2px solid #f0f2f7;
}

.accordion.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    margin: 0;
    border-bottom: 2px solid #f0f2f7;
}

.accordion.panel-group .panel .panel-heading {
    background: #f0f2f7;
    padding: 20px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 0;
    border-left: 2px solid #0556AD;
}

.accordion.panel-group .panel .panel-heading:hover {
    background: #dae6f3!important;
}

.accordion.panel-group .panel .panel-body {
    background: #f0f2f7;
    border-left: 2px solid #0556AD;
    font-size: 18px;
}

.accordion.panel-group .panel .panel-body p {
    margin-bottom: 15px;
}

.accordion-toggle.collapsed .panel-heading {
    background: white!important;
    border: none!important;
}


.accordion-toggle.collapsed .panel-body {
    border: none!important;
}


.accordion-toggle .panel-heading:before {
    font: var(--fa-font-regular);
    content: "\f077";
    padding-left: 10px;
    color: #0556AD;
    text-decoration: none;
    float: right;
    font-weight: 400;
}

.accordion-toggle.collapsed .panel-heading:before {
    content: "\f078";
    color: #0556AD;
    text-decoration: none;
    float: right;
}


/* - - - - - - - - - - - - - - - - - 
    Calculator Accordions
- - - - - - - - - - - - - - - - - */

.accordion.panel-group.info{
    border: none;
}

.accordion.panel-group.info .panel {
    border-bottom: none;
}

.accordion.panel-group.info .panel .panel-body {
    padding: 10px 20px 20px 20px;
}

.accordion.panel-group.info .panel .panel-heading {
    padding: 15px;
    font-weight: 600;
}

.accordion.panel-group.info .accordion-toggle.collapsed .panel-heading {
    background: #dae6f3 !important;
}

.accordion.panel-group.info .panel .panel-heading .fa-circle-info {
    margin: 4px 10px 0 0;
    float: left;
}

.accordion.panel-group.info .panel .panel-heading p {
    color: #0556AD;
    margin: 0;
    overflow: hidden;
}





.accordion.panel-group.info .panel .btn-close {
    background: transparent;
    padding: 0;
    border: 0;
    font-size: 1rem;
    color: #0556AD;
    margin-top: 20px;
}

.accordion.panel-group.info .panel .btn-close .fa-x {
    font-size: 0.875rem;
}

/* - - - - - - - - - - - - - - - - - 
    Resources and Calculators
- - - - - - - - - - - - - - - - - */
    .policyResourcesCalcs h2 {
        font-weight: 600;
        margin-top: 50px;
    }

.policyResourcesCalcs h2:first-child {
    margin-top: 0;
}

.repeatableCalculation .deleteCalc {
    float: right;
    margin-right: 0;
}

@media only screen and (max-width: 768px) {
    .repeatableCalculation .deleteCalc {
        float: left;
        margin: 10px 0 0 0!important;
    }
    
    #selectionCalculationType {
        margin-bottom: 25px!important;
    }
}
/* - - - - - - - - - - - - - - - - - 
  Policy content - date published
- - - - - - - - - - - - - - - - - */
.policyDatePublished {
    margin-bottom: 30px;
}

.policyDatePublished p {
    font-size: 18px;
    display: inline-block;
    font-weight: 400;
}

.policyDatePublished p strong {
    font-weight: 600;
}

.policyDatePublished span {
    display: inline-block;
    padding: 0 5px;
    color: #333;
}


.policyVersionHistory p strong {
    font-weight: 600;
}


.policyVersionHistory .accordion.panel-group .panel .panel-body p {
    margin-bottom: 25px;
}

.policyVersionHistory .accordion.panel-group .panel .panel-body p:last-child {
    margin-bottom: 0;
}

.policyVersionHistory .accordion.panel-group .panel .panel-body p:first-child {
    margin-top: 5px;
}


@media only screen and (max-width: 576px) {
    .policyDatePublished span {
        display: none;
    }
    
     .policyDatePublished p {
         display: block;
     }
}