h1,
.h1 {
  color: #7AC143;
}

/* ==========================================================================
   5 Theme
   ========================================================================== */
/*
   5.1 BASE
   ========================================================================== */
/*
   5.1.1 Typography
   ========================================================================== */
h1 {
  color: #7AC143;
}

h2 {
  color: #0081C6;
}

h3 {
  color: #C6C1B8;
}

h4 {
  color: #7AC143;
}

h5 {
  color: #0081C6;
}

.main-content h1 {
  color: #7AC143;
}
.main-content.has-tabs {
  position: relative;
  z-index: 201;
}
.main-content.has-tabs .nav-tabs-wrapper {
  margin-top: -55px;
}

/*
   5.1.2 Icon-font
   ========================================================================== */
/*
   5.1.3 Colors
   ========================================================================== */
.corporate .navbar-header .site-title,
.corporate .navbar.navbar-alpha .header-row .site-title {
  color: #C6C1B8;
}
.corporate .navbar.navbar-alpha .menu-links .menu-item:hover a:after, .corporate .navbar.navbar-alpha .menu-links .menu-item.active a:after {
  background: #C6C1B8;
}

.legal .navbar-header .site-title,
.legal .navbar.navbar-alpha .header-row .site-title {
  color: #C6C1B8;
}
.legal .navbar.navbar-alpha .menu-links .menu-item:hover a:after, .legal .navbar.navbar-alpha .menu-links .menu-item.active a:after {
  background: #C6C1B8;
}

.hse .navbar-header .site-title,
.hse .navbar.navbar-alpha .header-row .site-title {
  color: #0081C6;
}
.hse .navbar.navbar-alpha .menu-links .menu-item:hover a:after, .hse .navbar.navbar-alpha .menu-links .menu-item.active a:after {
  background: #0081C6;
}

.tax .navbar-header .site-title,
.tax .navbar.navbar-alpha .header-row .site-title {
  color: #0081C6;
}
.tax .navbar.navbar-alpha .menu-links .menu-item:hover a:after, .tax .navbar.navbar-alpha .menu-links .menu-item.active a:after {
  background: #0081C6;
}

/*
   5.1.3.1 Accent colors (blocks)
   ========================================================================== */
.widget-experience-canvas .accent-color-one,
.accent-color-one {
  background-color: #7AC143;
}

.widget-experience-canvas .accent-color-two,
.accent-color-two {
  background-color: #0081C6;
}

.widget-experience-canvas .accent-color-three,
.accent-color-three {
  background-color: #C6C1B8;
}

.widget-experience-canvas .accent-color-four,
.accent-color-four {
  background-color: #0081C6;
}

.widget-experience-canvas .accent-color-five,
.accent-color-five {
  background-color: #00985F;
}

/*
   5.1.3.2 Accent colors (text)
   ========================================================================== */
.text-accent-color-one {
  color: #7AC143;
}

.text-accent-color-two {
  color: #0081C6;
}

.text-accent-color-three {
  color: #C6C1B8;
}

.text-accent-color-four {
  color: #0081C6;
}

.text-accent-color-five {
  color: #00985F;
}

/*
   5.1.3.3 Accent colors (headers)
   ========================================================================== */
.header-accent-color-one h1,
.header-accent-color-one h2,
.header-accent-color-one h3,
.header-accent-color-one h4,
.header-accent-color-one h5,
.header-accent-color-one h6 {
  color: #7AC143;
}

.header-accent-color-two h1,
.header-accent-color-two h2,
.header-accent-color-two h3,
.header-accent-color-two h4,
.header-accent-color-two h5,
.header-accent-color-two h6 {
  color: #0081C6;
}

.header-accent-color-three h1,
.header-accent-color-three h2,
.header-accent-color-three h3,
.header-accent-color-three h4,
.header-accent-color-three h5,
.header-accent-color-three h6 {
  color: #C6C1B8;
}

.header-accent-color-four h1,
.header-accent-color-four h2,
.header-accent-color-four h3,
.header-accent-color-four h4,
.header-accent-color-four h5,
.header-accent-color-four h6 {
  color: #0081C6;
}

.header-accent-color-five h1,
.header-accent-color-five h2,
.header-accent-color-five h3,
.header-accent-color-five h4,
.header-accent-color-five h5,
.header-accent-color-five h6 {
  color: #00985F;
}

/*
   5.1.4 Links
   ========================================================================== */
/*
   5.1.5 Buttons
   ========================================================================== */
.btn-accent-one {
  color: white;
  background-color: #7AC143;
  border-color: transparent;
}
.btn-accent-one:hover, .btn-accent-one:focus, .btn-accent-one.focus, .btn-accent-one:active, .btn-accent-one.active, .open > .btn-accent-one.dropdown-toggle {
  color: white;
  background-color: #629d34;
  border-color: transparent;
}
.btn-accent-one:active, .btn-accent-one.active, .open > .btn-accent-one.dropdown-toggle {
  background-image: none;
}
.btn-accent-one.disabled, .btn-accent-one.disabled:hover, .btn-accent-one.disabled:focus, .btn-accent-one.disabled.focus, .btn-accent-one.disabled:active, .btn-accent-one.disabled.active, .btn-accent-one[disabled], .btn-accent-one[disabled]:hover, .btn-accent-one[disabled]:focus, .btn-accent-one[disabled].focus, .btn-accent-one[disabled]:active, .btn-accent-one[disabled].active, fieldset[disabled] .btn-accent-one, fieldset[disabled] .btn-accent-one:hover, fieldset[disabled] .btn-accent-one:focus, fieldset[disabled] .btn-accent-one.focus, fieldset[disabled] .btn-accent-one:active, fieldset[disabled] .btn-accent-one.active {
  background-color: #7AC143;
  border-color: transparent;
}
.btn-accent-one .badge {
  color: #7AC143;
  background-color: white;
}
.btn-accent-one.btn-outline {
  color: #7AC143;
  background-color: transparent;
  border-color: #7AC143;
}
.btn-accent-one.btn-outline:hover, .btn-accent-one.btn-outline:focus, .btn-accent-one.btn-outline.focus, .btn-accent-one.btn-outline:active, .btn-accent-one.btn-outline.active, .open > .btn-accent-one.btn-outline.dropdown-toggle {
  color: #629d34;
  border-color: #5d9531;
}
.btn-accent-one.btn-outline:active, .btn-accent-one.btn-outline.active, .open > .btn-accent-one.btn-outline.dropdown-toggle {
  background-image: none;
}
.btn-accent-one.btn-outline.disabled, .btn-accent-one.btn-outline.disabled:hover, .btn-accent-one.btn-outline.disabled:focus, .btn-accent-one.btn-outline.disabled.focus, .btn-accent-one.btn-outline.disabled:active, .btn-accent-one.btn-outline.disabled.active, .btn-accent-one.btn-outline[disabled], .btn-accent-one.btn-outline[disabled]:hover, .btn-accent-one.btn-outline[disabled]:focus, .btn-accent-one.btn-outline[disabled].focus, .btn-accent-one.btn-outline[disabled]:active, .btn-accent-one.btn-outline[disabled].active, fieldset[disabled] .btn-accent-one.btn-outline, fieldset[disabled] .btn-accent-one.btn-outline:hover, fieldset[disabled] .btn-accent-one.btn-outline:focus, fieldset[disabled] .btn-accent-one.btn-outline.focus, fieldset[disabled] .btn-accent-one.btn-outline:active, fieldset[disabled] .btn-accent-one.btn-outline.active {
  color: #7AC143;
  border-color: #7AC143;
}

.btn-accent-one {
  border-color: #7AC143;
  color: white;
  background: #7AC143;
}
.btn-accent-one:hover, .btn-accent-one:focus, .btn-accent-one:active, .btn-accent-one:link {
  color: white;
}
.btn-accent-one:hover {
  background: #6eb03a;
  border-color: #6eb03a;
  color: white;
}
.btn-accent-one.btn-outline {
  background: transparent;
  color: #7AC143;
}
.btn-accent-one.btn-outline i {
  border-color: #7AC143;
  background-color: transparent;
}
.btn-accent-one.btn-outline i:after {
  border-color: #7AC143;
  color: #7AC143;
}
.btn-accent-one.btn-outline:hover {
  background: #7AC143;
  color: white;
}
.btn-accent-one.btn-outline:hover i {
  border-color: white;
  background-color: #7AC143;
}
.btn-accent-one.btn-outline:hover i:after {
  color: white;
}
.btn-accent-one i {
  background-color: rgba(0, 0, 0, 0.23);
}
.btn-accent-one i:after {
  border-color: white;
}

.btn-accent-two {
  border-color: #0081C6;
  color: white;
  background: #0081C6;
}
.btn-accent-two:hover, .btn-accent-two:focus, .btn-accent-two:active, .btn-accent-two:link {
  color: white;
}
.btn-accent-two:hover {
  background: #0070ad;
  border-color: #0070ad;
  color: white;
}
.btn-accent-two.btn-outline {
  background: transparent;
  color: #0081C6;
}
.btn-accent-two.btn-outline i {
  border-color: #0081C6;
  background-color: transparent;
}
.btn-accent-two.btn-outline i:after {
  border-color: #0081C6;
  color: #0081C6;
}
.btn-accent-two.btn-outline:hover {
  background: #0081C6;
  color: white;
}
.btn-accent-two.btn-outline:hover i {
  border-color: white;
  background-color: #0081C6;
}
.btn-accent-two.btn-outline:hover i:after {
  color: white;
}
.btn-accent-two i {
  background-color: rgba(0, 0, 0, 0.23);
}
.btn-accent-two i:after {
  border-color: white;
}

.btn-accent-three {
  border-color: #C6C1B8;
  color: white;
  background: #C6C1B8;
}
.btn-accent-three:hover, .btn-accent-three:focus, .btn-accent-three:active, .btn-accent-three:link {
  color: white;
}
.btn-accent-three:hover {
  background: #bbb5aa;
  border-color: #bbb5aa;
  color: white;
}
.btn-accent-three.btn-outline {
  background: transparent;
  color: #C6C1B8;
}
.btn-accent-three.btn-outline i {
  border-color: #C6C1B8;
  background-color: transparent;
}
.btn-accent-three.btn-outline i:after {
  border-color: #C6C1B8;
  color: #C6C1B8;
}
.btn-accent-three.btn-outline:hover {
  background: #C6C1B8;
  color: white;
}
.btn-accent-three.btn-outline:hover i {
  border-color: white;
  background-color: #C6C1B8;
}
.btn-accent-three.btn-outline:hover i:after {
  color: white;
}
.btn-accent-three i {
  background-color: rgba(0, 0, 0, 0.23);
}
.btn-accent-three i:after {
  border-color: white;
}

.btn-accent-four {
  border-color: #0081C6;
  color: white;
  background: #0081C6;
}
.btn-accent-four:hover, .btn-accent-four:focus, .btn-accent-four:active, .btn-accent-four:link {
  color: white;
}
.btn-accent-four:hover {
  background: #0070ad;
  border-color: #0070ad;
  color: white;
}
.btn-accent-four.btn-outline {
  background: transparent;
  color: #0081C6;
}
.btn-accent-four.btn-outline i {
  border-color: #0081C6;
  background-color: transparent;
}
.btn-accent-four.btn-outline i:after {
  border-color: #0081C6;
  color: #0081C6;
}
.btn-accent-four.btn-outline:hover {
  background: #0081C6;
  color: white;
}
.btn-accent-four.btn-outline:hover i {
  border-color: white;
  background-color: #0081C6;
}
.btn-accent-four.btn-outline:hover i:after {
  color: white;
}
.btn-accent-four i {
  background-color: rgba(0, 0, 0, 0.23);
}
.btn-accent-four i:after {
  border-color: white;
}

.btn-accent-five {
  border-color: #00985F;
  color: white;
  background: #00985F;
}
.btn-accent-five:hover, .btn-accent-five:focus, .btn-accent-five:active, .btn-accent-five:link {
  color: white;
}
.btn-accent-five:hover {
  background: #007f4f;
  border-color: #007f4f;
  color: white;
}
.btn-accent-five.btn-outline {
  background: transparent;
  color: #00985F;
}
.btn-accent-five.btn-outline i {
  border-color: #00985F;
  background-color: transparent;
}
.btn-accent-five.btn-outline i:after {
  border-color: #00985F;
  color: #00985F;
}
.btn-accent-five.btn-outline:hover {
  background: #00985F;
  color: white;
}
.btn-accent-five.btn-outline:hover i {
  border-color: white;
  background-color: #00985F;
}
.btn-accent-five.btn-outline:hover i:after {
  color: white;
}
.btn-accent-five i {
  background-color: rgba(0, 0, 0, 0.23);
}
.btn-accent-five i:after {
  border-color: white;
}

.btn-accent-white {
  color: #337ab7;
  background-color: white;
  border-color: transparent;
}
.btn-accent-white:hover, .btn-accent-white:focus, .btn-accent-white.focus, .btn-accent-white:active, .btn-accent-white.active, .open > .btn-accent-white.dropdown-toggle {
  color: #337ab7;
  background-color: #e6e6e6;
  border-color: transparent;
}
.btn-accent-white:active, .btn-accent-white.active, .open > .btn-accent-white.dropdown-toggle {
  background-image: none;
}
.btn-accent-white.disabled, .btn-accent-white.disabled:hover, .btn-accent-white.disabled:focus, .btn-accent-white.disabled.focus, .btn-accent-white.disabled:active, .btn-accent-white.disabled.active, .btn-accent-white[disabled], .btn-accent-white[disabled]:hover, .btn-accent-white[disabled]:focus, .btn-accent-white[disabled].focus, .btn-accent-white[disabled]:active, .btn-accent-white[disabled].active, fieldset[disabled] .btn-accent-white, fieldset[disabled] .btn-accent-white:hover, fieldset[disabled] .btn-accent-white:focus, fieldset[disabled] .btn-accent-white.focus, fieldset[disabled] .btn-accent-white:active, fieldset[disabled] .btn-accent-white.active {
  background-color: white;
  border-color: transparent;
}
.btn-accent-white .badge {
  color: white;
  background-color: #337ab7;
}
.btn-accent-white.btn-outline {
  color: white;
  background-color: transparent;
  border-color: white;
}
.btn-accent-white.btn-outline:hover, .btn-accent-white.btn-outline:focus, .btn-accent-white.btn-outline.focus, .btn-accent-white.btn-outline:active, .btn-accent-white.btn-outline.active, .open > .btn-accent-white.btn-outline.dropdown-toggle {
  color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn-accent-white.btn-outline:active, .btn-accent-white.btn-outline.active, .open > .btn-accent-white.btn-outline.dropdown-toggle {
  background-image: none;
}
.btn-accent-white.btn-outline.disabled, .btn-accent-white.btn-outline.disabled:hover, .btn-accent-white.btn-outline.disabled:focus, .btn-accent-white.btn-outline.disabled.focus, .btn-accent-white.btn-outline.disabled:active, .btn-accent-white.btn-outline.disabled.active, .btn-accent-white.btn-outline[disabled], .btn-accent-white.btn-outline[disabled]:hover, .btn-accent-white.btn-outline[disabled]:focus, .btn-accent-white.btn-outline[disabled].focus, .btn-accent-white.btn-outline[disabled]:active, .btn-accent-white.btn-outline[disabled].active, fieldset[disabled] .btn-accent-white.btn-outline, fieldset[disabled] .btn-accent-white.btn-outline:hover, fieldset[disabled] .btn-accent-white.btn-outline:focus, fieldset[disabled] .btn-accent-white.btn-outline.focus, fieldset[disabled] .btn-accent-white.btn-outline:active, fieldset[disabled] .btn-accent-white.btn-outline.active {
  color: white;
  border-color: white;
}

.btn-primary {
  color: white;
  background-color: #7AC143;
  border-color: transparent;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: white;
  background-color: #629d34;
  border-color: transparent;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #7AC143;
  border-color: transparent;
}
.btn-primary .badge {
  color: #7AC143;
  background-color: white;
}
.btn-primary.btn-outline {
  color: #7AC143;
  background-color: transparent;
  border-color: #7AC143;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline.focus, .btn-primary.btn-outline:active, .btn-primary.btn-outline.active, .open > .btn-primary.btn-outline.dropdown-toggle {
  color: #629d34;
  border-color: #5d9531;
}
.btn-primary.btn-outline:active, .btn-primary.btn-outline.active, .open > .btn-primary.btn-outline.dropdown-toggle {
  background-image: none;
}
.btn-primary.btn-outline.disabled, .btn-primary.btn-outline.disabled:hover, .btn-primary.btn-outline.disabled:focus, .btn-primary.btn-outline.disabled.focus, .btn-primary.btn-outline.disabled:active, .btn-primary.btn-outline.disabled.active, .btn-primary.btn-outline[disabled], .btn-primary.btn-outline[disabled]:hover, .btn-primary.btn-outline[disabled]:focus, .btn-primary.btn-outline[disabled].focus, .btn-primary.btn-outline[disabled]:active, .btn-primary.btn-outline[disabled].active, fieldset[disabled] .btn-primary.btn-outline, fieldset[disabled] .btn-primary.btn-outline:hover, fieldset[disabled] .btn-primary.btn-outline:focus, fieldset[disabled] .btn-primary.btn-outline.focus, fieldset[disabled] .btn-primary.btn-outline:active, fieldset[disabled] .btn-primary.btn-outline.active {
  color: #7AC143;
  border-color: #7AC143;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*
   5.1.5 Lists
   ========================================================================== */
/*
   5.1.5 Form
   ========================================================================== */
/*
   5.1.5.1 Custom select
   ========================================================================== */
.customSelect.customSelectHover {
  border-color: #0081C6;
}
.customSelect.customSelectHover .customSelectInner:after {
  color: #0081C6;
}

.customSelect.customSelectOpen {
  border-color: #0081C6;
}
.customSelect.customSelectOpen .customSelectInner:after {
  color: #0081C6;
}

.customSelect.customSelectFocus {
  border-color: #0081C6;
}
.customSelect.customSelectFocus .customSelectInner:after {
  color: #0081C6;
}

/*
   5.1.6 Pagination
   ========================================================================== */
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: #7AC143;
}

/*
   5.2 Layout
   ========================================================================== */
/*
   5.2.1 Header
   ========================================================================== */
.category-primary-one .umbrella-header .target-audience {
  background: #7AC143;
}

.category-primary-two .umbrella-header .target-audience {
  background: #7AC143;
}

.category-primary-three .umbrella-header .target-audience {
  background: #0081C6;
}

.category-primary-four .umbrella-header .target-audience {
  background: #474747;
}

.navbar-header .site-title,
.navbar.navbar-alpha .header-row .site-title {
  color: #C6C1B8;
}

.navbar.navbar-alpha .header-row .site-title {
  color: #C6C1B8;
}
.navbar.navbar-alpha .menu-links .menu-item:after {
  background-color: #C6C1B8;
}

/*
   5.2.2 Footer
   ========================================================================== */
/*
   5.2.3 Article
   ========================================================================== */
/*
   5.2.4 Section
   ========================================================================== */
/*
   5.2.4 Aside
   ========================================================================== */
/*
   5.2.4 Navigation
   ========================================================================== */
.navbar.navbar-alpha a {
  color: #C6C1B8;
}

.navbar.navbar-alpha .menu-links .menu-item > a:after {
  background: #C6C1B8;
}

/*
   5.2.5 Tables
   ========================================================================== */
/*
   5.3 Widgets
   ========================================================================== */
.widget .detail-accent-color-one h1, .widget.experience-canvas .detail-accent-color-one h1 {
  color: #7AC143;
}
.widget .detail-accent-color-one .label, .widget.experience-canvas .detail-accent-color-one .label {
  border-color: #7AC143;
}
.widget .detail-accent-color-two h1, .widget.experience-canvas .detail-accent-color-two h1 {
  color: #0081C6;
}
.widget .detail-accent-color-two .label, .widget.experience-canvas .detail-accent-color-two .label {
  border-color: #0081C6;
}
.widget .detail-accent-color-three h1, .widget.experience-canvas .detail-accent-color-three h1 {
  color: #C6C1B8;
}
.widget .detail-accent-color-three .label, .widget.experience-canvas .detail-accent-color-three .label {
  border-color: #C6C1B8;
}
.widget .detail-accent-color-four h1, .widget.experience-canvas .detail-accent-color-four h1 {
  color: #0081C6;
}
.widget .detail-accent-color-four .label, .widget.experience-canvas .detail-accent-color-four .label {
  border-color: #0081C6;
}
.widget .detail-accent-color-five h1, .widget.experience-canvas .detail-accent-color-five h1 {
  color: #00985F;
}
.widget .detail-accent-color-five .label, .widget.experience-canvas .detail-accent-color-five .label {
  border-color: #00985F;
}

/*
   5.3.1 Widget banner
   ========================================================================== */
/*
   5.3.2 Widget Call To Action
   ========================================================================== */
/*
   5.3.3 Widget Comparison
   ========================================================================== */
/*
   5.3.4 Widget external login
   ========================================================================== */
/*
   5.3.5 Experience Canvas
   ========================================================================== */
/*
   5.3.6 Features
   ========================================================================== */
.widget-features .feature-icon {
  color: #0081C6;
}

.widget-group-highlight .widget-features .feature-icon {
  color: #0081C6;
}

/*
   5.3.7 Form
   ========================================================================== */
/*
   5.3.8 Highlight
   ========================================================================== */
.highlight-layout,
.widget-highlight {
  border-color: #0081C6;
}
.highlight-layout span,
.widget-highlight span {
  color: #0081C6;
}

/*
   5.3.9 Image Button
   ========================================================================== */
/*
   5.3.10 Image
   ========================================================================== */
/*
   5.3.11 Location
   ========================================================================== */
/*
   5.3.12 News Archive
   ========================================================================== */
/*
   5.3.13 News Detail
   ========================================================================== */
/*
   5.3.14 Price
   ========================================================================== */
/*
   5.3.15 Search Result
   ========================================================================== */
/*
   5.3.16 Sub Navigation
   ========================================================================== */
/*
   5.3.16 Subject
   ========================================================================== */
/*
   5.3.17 Table
   ========================================================================== */
/*
   5.3.18 Testimonial
   ========================================================================== */
.widget-testimonial footer {
  color: #C6C1B8;
}

/*
   5.3.19 Text message
   ========================================================================== */
/*
   5.3.20 Training edition list
   ========================================================================== */
.widget-training-edition-list .availability.full {
  color: #7AC143;
}
.widget-training-edition-list .availability.alert {
  color: #C6C1B8;
}
.widget-training-edition-list .availability.new {
  color: #0081C6;
}

/*
   5.3.21 Upcoming trainings
   ========================================================================== */
.training.category-primary-one {
  border-bottom-color: #7AC143;
}
.training.category-primary-two {
  border-bottom-color: #7AC143;
}
.training.category-primary-three {
  border-bottom-color: #0081C6;
}
.training.category-primary-four {
  border-bottom-color: #474747;
}

.widget-link.category-primary-one .widget-link-inner {
  border-bottom-color: #7AC143;
}
.widget-link.category-primary-two .widget-link-inner {
  border-bottom-color: #7AC143;
}
.widget-link.category-primary-three .widget-link-inner {
  border-bottom-color: #0081C6;
}
.widget-link.category-primary-four .widget-link-inner {
  border-bottom-color: #474747;
}

.widget-link-location {
  color: #C6C1B8;
}

/*
   5.3.22 USP Header
   ========================================================================== */
/*
   5.3.23 USP
   ========================================================================== */
/*
   5.3.24 Video Message
   ========================================================================== */
/*
   5.3.25 Widget Instructor
   ========================================================================== */
/*
  6.2 KluwerID components
  ========================================================================== */
/* ==========================================================================
   6 KluwerID Specific theme
   ========================================================================== */
/*
  6.1 Base
  ========================================================================== */
/*
  6.1.1 Sections
  ========================================================================== */
section {
  margin-bottom: 50px;
}

/*
  6.1.2 Typegraphy
  ========================================================================== */
.text-label {
  background-color: #7AC143;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  margin-left: 5px;
  margin-right: 5px;
}

/*
  6.1.3 Buttons
  ========================================================================== */
.btn.has-icon {
  padding: 8px 8px 8px 30px;
}
.btn.has-icon .icon-background {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  margin-left: 10px;
}

/*
  6.1.2 Buttons
  ========================================================================== */
.list-item {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 5px;
  background-color: #fff;
}

.list-item:hover {
  background-color: #fafafa;
}

.list-header {
  font-weight: 500;
  border: none;
}

.main-content-swag,
.main-content-title {
  font-weight: 300;
  margin: 0;
}

.main-content-swag {
  font-size: 1em;
  color: #ccc;
}

/*
  6.2 KluwerID Widgets
  ========================================================================== */
.kluwerID-form-group {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d8d8d8;
}

.kluwerID-form-group a {
  color: #000;
  text-decoration: none;
}

.kluwerID-form-group .on-hover {
  display: none;
}

.kluwerID-form-group:hover .on-hover {
  display: inline-block;
}

.kluwerID-form-widget {
  padding: 25px;
  margin-bottom: 25px;
  background-color: #fafafa;
  border: 1px solid #d8d8d8;
}

.kluwerID-form-widget-header a {
  color: #ebebeb;
  text-decoration: none;
}

.kluwerID-form-widget-body .form-group {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #d8d8d8;
}

/* ==========================================================================
   5 Theme
   ========================================================================== */
/*
   5.1 BASE
   ========================================================================== */
/*
   5.1.1 typography
   ========================================================================== */
.text-label {
  background-color: #7AC143;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  margin-left: 5px;
  margin-right: 5px;
}

/*
   5.2 LAYOUT
   ========================================================================== */
.main-content, main, .umbrella-header {
  position: static;
  z-index: 1;
}

.main-content-swag,
.main-content-title {
  font-weight: 300;
  margin: 0;
}

.main-content-swag {
  font-size: 1em;
  color: #ccc;
}

/*
   5.3 Modules
   ========================================================================== */
/*
   5.3.1 Item lists
   ========================================================================== */
.list-item {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 5px;
  background-color: #fff;
}

.list-item:hover {
  background-color: #fafafa;
}

.list-header {
  font-weight: 500;
  border: none;
}

/*
  5.3.2 KluwerID form
  ========================================================================== */
.kluwerID-form-group {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d8d8d8;
}

.kluwerID-form-group a {
  color: #000;
  text-decoration: none;
}

.kluwerID-form-group .on-hover {
  display: none;
}

.kluwerID-form-group:hover .on-hover {
  display: inline-block;
}

.kluwerID-form-widget {
  padding: 25px;
  margin-bottom: 25px;
  background-color: #fafafa;
  border: 1px solid #d8d8d8;
}

.kluwerID-form-widget-header a {
  color: #ebebeb;
  text-decoration: none;
}

.kluwerID-form-widget-body .form-group {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #d8d8d8;
}

.kluwerID-form-widget {
  position: relative;
}

.kluwerID-form-widget .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.23);
  color: #fff;
}

.kluwerID-form-widget .overlay:before {
  -webkit-animation: loading-spin 2s infinite linear;
  animation: loading-spin 2s infinite linear;
  content: "\e312";
  font-size: 3em;
  display: block;
  font-family: "streamline-24px" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.kluwerID-form-group .text-info {
  padding: 10px 0;
  font-size: 0.75em;
  display: block;
}

.padding-top {
  padding-top: 25px;
}

.vertical-space {
  padding-top: 15px;
  padding-bottom: 50px;
}

@-webkit-keyframes loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes loading-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/*
  5.3.3 Profile header
  ========================================================================== */
.profile-header {
  position: relative;
  height: 350px;
  overflow: hidden;
}

.profile-header h1,
.profile-header .summary {
  color: #fff;
}

.profile-header .background-img {
  position: absolute;
  top: 0;
  left: 0;
}

.profile-header:before {
  content: " ";
  display: inline-block;
  height: 100%;
  width: 1px;
  vertical-align: middle;
}

.profile-header .wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-left: -6px;
}

/*
  5.3.4 KluwerID Alerts
  ========================================================================== */
.validation-summary-errors {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.validation-summary-errors ul {
  margin-bottom: 0;
}

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

.field-validation-error {
    color: #ff0000;
}

/*
  5.3.4 KluwerID Contact box
  ========================================================================== */
.wk-contact {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 1em;
}

.wk-contact .icon-cell {
  width: 30px;
}

.wk-contact-body {
  margin-bottom: 1em;
}

.wk-contact-list .table td {
  padding: 0.5em 0;
}

/*
  5.3.4 KluwerID Card
  ========================================================================== */
.card {
  background-color: #fff;
  padding: 25px 25px 10px 25px;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  margin-top: 30px;
  margin-bottom: 30px;
}

.card .form-control:last-child,
.card .input-group-addon:first-child {
  border-radius: 0;
}

.wkb-header .wkb-header-main .card .input-group {
  margin: 0;
}

.wkb-header .wkb-header-main .card h1 {
  color: #474747;
  padding-bottom: 0.4em;
  margin-bottom: 0.8em;
}

.card .text-info {
  padding-top: 0px; 
}

.card .btn {
  margin-top: 15px;
  margin-bottom: 15px;
    text-decoration: none;
}

/*
  5.3.4 KluwerID Branding
  ========================================================================== */
.branding-frame {
  width: 100%;
  min-height: 400px;
  margin: 30px 0;
}

.marketing-bs {
  margin-top: 30px;
  margin-bottom: 30px;
}

.marketing-bs h1 {
  font-weight: 300;
}

.marketing-bs h2 {
  color: #fafafa;
  font-size: 16px;
}

.marketing-bs p {
  color: #fff;
  font-size: 12px;
}


/*
  X TMP
  ========================================================================== */
.panel-default .panel-heading,
.panel-default .panel-footer {
  background-color: #fff;
}

.panel-default .panel-heading {
  border-bottom: none;
}

.panel-default .panel-footer {
  background-color: #fff;
}

.panel-default .panel-footer .btn.btn-sm,
.panel-default .panel-footer .btn-group-sm > .btn {
  padding: 8px 16px;
}

.panel-default .panel-footer .btn.btn-sm .icon {
  margin-right: 0.4em;
}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
  padding: 15px 0;
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th,
.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
  background-color: #fff;
}

.table-hover > tbody > tr {
  border-bottom: 1px solid transparent;
}

.table-hover > tbody > tr:hover {
  background-color: #fff;
  border-bottom-color: #ccc;
}

.btn-circle.accordion-toggle {
  cursor: pointer;
  transition: transform .4s ease-in-out;
}
.btn-circle.accordion-toggle.collapsed {
  transform: rotate(-90deg);
}

/**/
.panel-clean {
  background-color: #e6e6e6;
  padding: 10px 25px;
  border-radius: 0;
}

.module-list li {
  background: #fff;
  border: 1px solid #e5e5e5;
  position: relative;
  margin: 15px 0;
  padding: 10px 15px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.module-list li.active {
  background-color: #7AC143;
}

/**new */
.card .btn {
    text-decoration: none;
}


.navbar .list-circled,
.navbar .list-inline{
        margin: 0;
}

.navbar ul.list-inline > li > a > .site-title {
margin-top:9px

}
.navbar ul.list-inline > li > a {
    text-decoration: none;
    font-size: 1.5em;
    color: #c6c1b8;
    background-color: #fff;
}

.navbar ul.list-circled > li > a {
  border-color: #9f9e9e;
  color: #0081C6;
  background-color: #fff;
  text-decoration: none;
}

.navbar ul.list-circled > li > a:hover, .navbar ul.list-circled > li > a:active {
  color: #474747;
  background-color: #ebebeb;
  background: #ebebeb;
}
.navbar ul.list-circled > li.active > a {
  color: #474747;
  background-color: #ebebeb; 
}
/**doubled for no overwrite bruno**/
.widget-usp-header .wkb-header-main, .widget-searchbox .wkb-header-main, .wkb-header .wkb-header-main{
    background: #ebebeb;
    position: relative;
    overflow: hidden;
    width: 100%;
    border-bottom: 2px solid #d8d8d8;
}
body {
    color: #9f9e9e;
}
.wkb-header .wkb-header-main .card h1 {
  color: #9f9e9e;
  padding-bottom: 0.4em;
  margin-bottom: 0.2em;
}
.card .text-info {
  padding-top: 0px;
}
.card-divider{
    display: block;
    line-height: 1px;
    margin: 15px 0;
    position: relative;
    text-align: center;
	z-index: 1;
}

.card .btn{
    border-radius: 32px;
}

.external-login{
    overflow:hidden;
}
.btn-wrapper,
.img-wrapper{
    float:left;
}
.img-wrapper img{
    width: 32px;
    height: 32px;
}
.btn-wrapper{
    margin-left: -38px;
    padding-left: 50px;
    width: 100%;
}
.img-wrapper {
    width: 38px;
    height: 38px;
    padding: 3px;
    margin-top: 14px;
    margin-bottom: 15px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: #EBEBEB;
}

.btn-helper{
    margin: 10px 0 0;
}

.img-wrapper.microsoft{
    padding: 7px;

}
.img-wrapper.microsoft img{
    width: 24px;
    height: 24px;    
}
.login-card-divider{
    border-top: 1px solid #D9DADC;
    display: block;
    line-height: 1px;
    margin: 15px 0;
    position: relative;
    text-align: center;
	z-index: 1;
}
.login-card-divider-label{
	background: #FFF;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0 20px;
    text-transform: uppercase;

}
/** Federation button colors **/
.federated-idp-red {
    background-color:#EF3E42;
    border-color: #EF3E42; 
    text-align:center;
    color: #fff;
} 
.federated-idp-blue {
    background-color:#0081C6;
    border-color: #0081C6; 
    text-align:center;
    color: #fff;
}
.federated-idp-darkblue {
    background-color:#395296;
    border-color: #395296; 
    text-align:center;
    color: #fff;
}
.federated-idp-green {
    background-color:#00985F;
    border-color: #00985F; 
    text-align:center;
    color: #fff;
}

.btn:hover, .btn:focus, .btn.focus {
    color: #EBEBEB !important;
}
/* Removed because when pages get a little too long they are cut-off and no ability too scroll
    .wkb-header .wkb-header-main{
    height: calc(100% - 100px);
 }*/
.widget-usp-header, .widget-searchbox, .wkb-header {
    height: 100%;
}