/* OVERRIDES */

#navbardisplayname {
  margin-right: 24px;
}
.nav .dropdown i.fa {
  display: flex;
}
footer #footer-top {
  display: flex;
  justify-content: flex-end;
}
/* option sets */

.option-set-options .option-value {
  font-size: 44px;
}
.option-set-options .option-info {
  ont-size: 22px;
}
/* end option sets */

#site-logo,
#site-logo-mobile,
#footer-logo {
  background-image: url('/Themes/lockton/Assets/images/logo-white-footer.svg');
}
.navbar.navbar-default #navbar-main-top-container .navbar-header .navbar-brand,
.navbar.navbar-default #navbar-main-top-container .navbar-collapse .navbar-brand {
  background-image: url('/image/bcdcd67e-a3df-466a-ab74-7c104c73d6da');
}
.digit {
  background-color: #d8d8d8;
  border-radius: 7px;
  padding: 5px 5px;
  font-size: 34px;
  width: 35px;
  height: 60px;
  display: inline-block;
}
.colon {
  font-size: 30px;
  display: inline-block;
}
.countdownlabels {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  width: 88px;
}
.homepage .content-page-tile {
  padding-right: 40px;
  padding-left: 40px;
  min-width: 40%;
  border: 1px solid #ddd;
  margin: 5px;
}
/* banners for pages */

#my-benefits-banner {
  background-image: url('/image/4f665fd6-b322-4393-96d2-c5fba790cb77') !important;
}
#my-benefits #my-benefits-banner {
  background-image: url('/image/e5976082-4d0c-4d9f-b939-883f673a42cb') !important;
}
#pages_claims #my-benefits-banner {
  background-image: url('/image/5ddc89b1-d118-477a-99cc-7339c5f18d7e') !important;
}
#pages_spendingaccounts #my-benefits-banner {
  background-image: url('/image/13ec97ca-24b6-4b1c-aa85-0fa626dbbbf8') !important;
}
#pages_resource #my-benefits-banner,
#pages_resources #my-benefits-banner {
  background-image: url('/image/4814b601-63ec-45f8-a787-fc2d0b93f5fa') !important;
}
#pages_dependants #my-benefits-banner {
  background-image: url('/image/608fa2cd-bc90-46b9-ae42-d503fc067384') !important;
}
#pages_contactus #my-benefits-banner {
  background-image: url('/image/fcc5b9d9-ed1b-49fe-a694-a05fce3ce00d') !important;
}
/* permenant fixes */

.option-set-option-tile.disabled .option-sub-note {
  display: block;
  color: #b9b9b9;
}
#my-benefits-banner > div > div {
  width: auto;
  display: inline-block;
  box-shadow: 0 0 0px 23px rgba(255, 255, 255, 0.63921568627451);
  background-color: rgba(255, 255, 255, 0.63921568627451);
  border-radius: 0%;
  width: 60%;
  padding-left: 10px;
}
.btn.btn-primary,
.btn.btn-default {
  outline: none;
}
/* gap below grey sub banner */

.lockton-benefit-sub-banner {
  margin-bottom: 14px;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: 'EB Garamond', serif;
}
/* cut out unused space below login box on login page */

body.login-page > div#wrap > div.container > .content-wrap > .content {
  min-height: inherit;
}
/* fix page banner to the right hand side of the page */

.lockton-page-banner {
  background-position: right;
}
/* benefit groups filter s */

#benefit-page-filters .btn.benefit-filter-btn {
  font-size: 21px;
  font-family: 'Sarabun', sans-serif;
}
/* Enable the inspector outside of benefits pages */

body #basicInspector {
  display: block !important;
}
/* make space above the H1 on the page banners a bit shorter */

.lockton-page-banner h1 {
  margin-top: -20px;
}
/* make page banners a bit wider */

#my-benefits-banner > div > div {
  width: 72%;
}
/* hide cookie warning */

div#cookieaccept {
  display: none;
}
/* make login screen company logo smaller */

.navbar-brand-right {
  height: calc(70px) !important;
}
.lockton-page-banner p {
  font-size: 14px;
}
.lockton-page-banner h1 .underline_blue {
  font-size: 32px;
}
body.login-page > div#wrap {
  background-attachment: fixed;
}
html,
body {
  overflow-x: hidden !important;
}
body {
  overflow-x: hidden !important;
}
.spending_accounts img {
  width: 75px;
}
.spending_accounts h1 {
  font-size: 21px;
  text-decoration: none;
  font-weight: bold;
}
.spending_accounts ul {
  list-style-type: none;
  padding-left: 0px;
}
.spending_accounts li {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
  text-align: center;
}
.spending_accounts li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  content: none;
  color: #696969;
}
/***** MY RESOURCES *****/

.resources {
  width: 100%;
}
.resources-icons {
  display: inline-block;
  vertical-align: top;
  width: 20px;
}
.resources-benefits {
  width: 30%;
  display: inline-block;
  vertical-align: top;
}
/******** END *********/

/****** NAVI BAR & TEXT ******/

.navbar.navbar-default {
  background-color: #FFFFFF;
  font-family: Sarabun, sans-serif;
}
.navbar.navbar-default #navbar-main-top-container span {
  font-family: Sarabun, sans-serif;
}
.navbar.navbar-default #navbar-main-top-container .navbar-text,
.navbar.navbar-default #navbar-main-top-container i,
.navbar.navbar-default #navbar-main-top-container span {
  color: #615352;
}
.navbar.navbar-default #navbar-main-bottom-container {
  background-color: #615352;
}
.navbar.navbar-default #navbar-main-top-container {
  border-bottom: none;
}
.navbar.navbar-default #navbar-main-top-container .navbar-header .navbar-brand {
  width: 200px;
}
.carousel-indicators li {
  background-color: #337AB7 !important;
}
.menu-text {
  color: #FFFFFF;
  font-family: Sarabun, sans-serif;
}
a:hover .menu-text {
  color: #C0C0C0;
}
#my-benefits .benefit-tile-content .tile-title {
  display: none;
}
#my-benefits #benefit-tiles > .tile .benefit-tile-content h3 {
  margin-top: 15px;
  text-align: left;
  font-family: Sarabun, sans-serif;
  font-size: 21px;
  font-weight: 700;
}
#my-benefits #benefit-tiles > .tile .benefit-tile-content {
  font-family: Sarabun, sans-serif;
}
.gauge-container > .gauge > .dial,
.gauge-container > .gauge > .value {
  stroke-dasharray: 30 2;
}
.dropdown-menu li:nth-child(1) {
  display: none;
}
#benefit-tiles > .tile a.benefit-tile-switch {
  font-size: 15px;
}
#benefit-details .lockton-page-banner h1 .underline_blue {
  font-family: Sarabun, Arial, Helvetica, sans-serif;
}
.widget h1,
.widget h3,
#my-benefits-banner h1 > span {
  font-family: Sarabun, sans-serif;
}
h1,
#divTitleController h1 span,
h2,
h3,
h4,
h4 span,
h5 {
  font-family: Sarabun, sans-serif;
}
@media (max-width: 768px) {
  .navbar.navbar-default #navbar-main-top-container .navbar-header .navbar-brand {
    background-size: auto 100% !important;
    background-position-x: 50% !important;
    background-position-y: 50% !important;
  }
}
/******** END *********/