@import url("https://fonts.googleapis.com/css?family=Oxygen:300,400,700&Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import "mobile.css?v1.0";
@import "mmenu-light.css";
@import "all.min.css";
html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  background: #F4F3EF;
  font-family: "Oxygen", sans-serif !important;
}

#wrapper {
  flex: 1 0 auto;
}

#footer {
  flex-shrink: 0;
}

a:hover {
  text-decoration: none !important;
}

.row {
  width: 100% !important;
}

p {
  font-family: "Oxygen", sans-serif;
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.33px;
}

strong {
  font-weight: 700;
}

.info {
  color: #8B8B8B;
  display: inline-flex;
  height: 100%;
  padding: 8px;
}
.info:hover {
  color: #d3b065;
}

.gray-outline {
  display: inline-block;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 3px 7px;
  min-width: 35px;
  background: #fff;
}

.filter-option-inner-inner i {
  margin-right: 10px;
  color: #e9ae48;
  font-size: 16px;
  position: relative;
  top: 2px;
  opacity: 0.7;
}

html .form-control {
  background: #FFFFFF !important;
  border: 1px solid #E6E6E6 !important;
  border-radius: 3px !important;
  height: calc(1.45em + .75rem + 2px);
  padding: 6px 10px;
  font-size: 13px;
}
html .form-control.form-control-lg {
  height: 40px;
}

.lgpicker .dropdown-toggle {
  height: 40px !important;
}

.table td, .table th {
  padding: 7px 10px;
  vertical-align: middle;
  border-top: 1px solid #E6E6E6;
}
.table tbody {
  border-bottom: 1px solid #E6E6E6;
}
.table tbody tr:hover {
  background: #fffdf8;
}

textarea {
  min-height: 70px;
}

hr {
  display: inline-flex;
  flex: 1;
  width: 100%;
}

label {
  font-size: 13px;
  padding: 0 10px;
  margin: 0;
  font-weight: 400;
  white-space: pre;
}

label.label-sm {
  font-size: 11px;
  font-weight: 700;
  padding: 0;
  margin: 5px 0;
}

label.label-lg {
  font-size: 16px;
}

.text-center {
  text-align: center !important;
}

/* Globals */
.bootstrap-select {
  font-family: "Oxygen", sans-serif !important;
}
.bootstrap-select .dropdown-menu {
  padding: 0 !important;
  border-radius: 0px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
  border: 0;
}
.bootstrap-select .dropdown-menu .dropdown-item {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 8px 10px;
  font-size: 12px;
}
.bootstrap-select .dropdown-menu .dropdown-item:hover {
  background: #d3b065;
  color: #fff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.bootstrap-select .dropdown-toggle::after {
  color: #d3b065;
}
.bootstrap-select .dropdown-toggle {
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 2px;
  font-size: 13px;
  height: 32px;
}
.bootstrap-select .dropdown-toggle:hover {
  border-color: #d3b065;
}

.form-group {
  margin: 0;
  display: flex;
  align-items: center;
}
.form-group label {
  margin: 0;
}

.inputDesc {
  font-size: 10px;
  font-weight: 300;
}

.is-green {
  color: #86cd67;
}

.is-red {
  color: #C60000;
}

.is-orange {
  color: #CE8C1A;
}

.is-dark {
  color: #8B8B8B;
}

.is-gray {
  color: #D9D9D9;
}

.is-brand {
  color: #d3b065;
}

/* Icons */
.email {
  background: url("../images/email-ico.svg") center center no-repeat;
  display: inline-flex;
  min-width: 16px;
  height: 100%;
}

.banners {
  background: url("../images/banner-ico.svg") center center no-repeat;
  display: inline-flex;
  min-width: 16px;
  height: 100%;
}

.posts {
  background: url("../images/post-ico.svg") center center no-repeat;
  display: inline-flex;
  min-width: 16px;
  height: 100%;
}

.i-search {
  background: url("../images/i-search.svg") center center no-repeat;
  display: inline-flex;
  min-width: 16px;
  height: 100%;
}

.messages {
  background: url("../images/messages-ico.svg") center center no-repeat;
  display: inline-flex;
  min-width: 16px;
  height: 100%;
}

.i-down {
  background: url("../images/i-dropdown.svg") center center no-repeat;
  display: inline-flex;
  min-width: 16px;
  height: 100%;
  min-height: 8px;
}

.copyClipboard {
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  display: inline-flex;
  border-radius: 2px;
  background: #d3b065 url("../images/copy.svg") center center no-repeat;
  position: relative;
}

.previous::before {
  display: inline-block;
  color: #6c757d;
  content: " ";
  width: 13px;
  height: 8px;
  background: url("../images/i-previous.svg") left center no-repeat;
  background-size: auto 100%;
}

.next::after {
  display: inline-block;
  color: #6c757d;
  content: " ";
  width: 12px;
  height: 8px;
  background: url("../images/i-play.svg") right center no-repeat;
  background-size: auto 100%;
}

.video {
  position: relative;
  display: flex;
  align-items: center;
}
.video::after {
  display: inline-block;
  color: #6c757d;
  content: " ";
  width: 16px;
  height: 16px;
  background: url("../images/play-button.svg") left center no-repeat;
  background-size: auto 100%;
  margin-left: 10px;
}

.export {
  position: relative;
  display: flex;
  align-items: center;
}
.export::after {
  display: inline-block;
  color: #6c757d;
  content: " ";
  width: 18px;
  height: 16px;
  background: url("../images/i-export.svg") left center no-repeat;
  background-size: auto 100%;
  margin-left: 10px;
}

.i-linkedin {
  background: url("../images/i-in.svg") center center no-repeat;
  display: inline-flex;
  min-width: 16px;
  height: 100%;
}

.i-yt {
  background: url("../images/i-yt.svg") center center no-repeat;
  display: inline-flex;
  min-width: 16px;
  height: 100%;
}

.i-instagram {
  background: url("../images/i-instagram.svg") center center no-repeat;
  display: inline-flex;
  min-width: 16px;
  height: 100%;
}

.i-fb {
  background: url("../images/i-fb.svg") center center no-repeat;
  display: inline-flex;
  min-width: 16px;
  height: 100%;
}

/* Headings */
.is-title {
  font-weight: bold;
  margin: 0 0 5px 0;
}

.is-subtitle {
  font-weight: 300;
}

.h6, h6 {
  font-size: 0.9rem;
}

/* Buttons */
.btn {
  white-space: pre;
  display: inline-flex;
  align-items: center;
}

.btn:hover {
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1) !important;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  background: #F7F7F7 !important;
  border-color: #D9D9D9 !important;
}

.btn.btn-lg {
  padding: 10px 20px;
  line-height: 1.5;
  border-radius: 2px;
  font-weight: bold;
  font-size: 13px;
}

.btn-green {
  background: #86cd67;
  background-image: linear-gradient(225deg, #96D27C 0%, #6BC25A 84%, #6AC259 100%);
  border: 1px solid rgba(0, 0, 0, 0.21);
  border-radius: 2px;
  color: #fff;
  transition: all 80ms linear 1ms;
}
.btn-green:hover {
  background-image: linear-gradient(180deg, #96D27C 0%, #6BC25A 84%, #6AC259 150%);
  color: #fff;
  transition: all 80ms linear 1ms;
}

.btn-secondary {
  font-weight: 300;
  background-color: #00C721;
  color: #fff;
  border-color: #E6E6E6;
  font-size: 12px;
  letter-spacing: 0.31px;
  border-radius: 2px;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #d3b065;
  border-color: #c89c3d;
}
.btn-secondary:hover::after, .btn-secondary:hover::before {
  filter: brightness(3) sepia(0) hue-rotate(360deg) saturate(0) !important;
  opacity: 0.7;
}
.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.1rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #D9D9D9;
  border-color: #D9D9D9;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: #d3b065;
  border-color: #c89c3d;
}

.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.inlineGroup {
  display: inline-flex;
  align-items: center;
}

.lock {
  background: url("../images/lock.svg") center center no-repeat;
  display: inline-flex;
  width: 23px;
  height: 31px;
}

.fake-input {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 2px;
  height: 40px;
  display: flex;
  flex: 1 0;
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.33px;
  padding-left: 15px;
}

/* Dim content on menu hover */
#menu ul:hover ~ #overlay {
  display: block;
  visibility: visible;
  opacity: 0.6;
  transition: all 80ms linear 1ms;
}

#overlay {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  height: calc(100% - 65px);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background: black;
  z-index: 10;
  transition: all 80ms linear 1ms;
}

.breadcrumb-item {
  font-weight: 300;
  margin-right: 5px;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  color: #6c757d;
  content: " ";
  width: 15px;
  height: 8px;
  background: url("../images/i-play.svg") left center no-repeat;
  background-size: auto 100%;
}

.togglePanel {
  background: #F7F7F7;
  display: inline-block;
  flex: 1 0;
  width: 100%;
  margin: 0 auto;
  padding: 0 25px 0 25px;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  transition: all 80ms linear 1ms;
}
.togglePanel a {
  position: relative;
}
.togglePanel a.toggle::after {
  background: url("../images/i-plus.svg") center center no-repeat;
  content: " ";
  font-size: 1.45rem;
  font-weight: bold;
  color: #E9AE49;
  right: -5px;
  top: 0;
  width: 23px;
  padding: 0;
  height: 100%;
  position: absolute;
}
.togglePanel a.toggle.is-toggled::after {
  background: url("../images/i-minus.svg") center center no-repeat;
  content: " ";
  font-size: 1.45rem;
  font-weight: bold;
  right: -5px;
  top: 0;
  width: 23px;
  padding: 0;
  height: 100%;
  position: absolute;
}
.togglePanel .toggle:hover ::after {
  background: url("../images/i-plus.svg") center center no-repeat;
}
.togglePanel .row {
  margin-bottom: 20px;
}
.togglePanel .collapsed {
  height: 0;
  opacity: 0;
  margin: 0 !important;
  visibility: hidden;
}
.togglePanel a {
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.33px;
  line-height: 32px;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
}

.is-disabled {
  filter: brightness(0.7) sepia(0) hue-rotate(360deg) saturate(0) !important;
  opacity: 0.4 !important;
  cursor: not-allowed;
}

.has-arrows {
  position: relative;
}
.has-arrows:hover::before, .has-arrows:hover::after {
  opacity: 0.6;
}
.has-arrows::before {
  width: 60px;
  height: 100%;
  top: 0;
  content: " ";
  position: absolute;
  left: -50%;
  background: url("../images/arrow-right.svg") center center no-repeat;
}
.has-arrows::after {
  width: 60px;
  height: 100%;
  top: 0;
  content: " ";
  position: absolute;
  right: -50%;
  background: url("../images/arrow-left.svg") center center no-repeat;
}

.modal {
  background: rgba(19, 19, 19, 0.8);
}
.modal .modal-body {
  padding: 20px 25px;
}
.modal .modal-footer {
  background: #fafafa;
  border: 0 !important;
  min-height: 80px;
  padding: 25px 30px;
}
.modal .modal-header {
  background: #FFF7E9;
  min-height: 80px;
  font-family: "Oxygen", sans-serif;
  font-weight: bold;
  font-size: 22px;
  color: #000000;
  letter-spacing: 0.56px;
  padding: 0 30px;
  display: flex;
  align-items: center;
  position: relative;
  border: 0 !important;
}
.modal .modal-header .close {
  position: relative;
  background: url("../images/closeModal.svg") center center no-repeat;
  width: 80px;
  height: 80px;
  display: inline-flex;
  cursor: pointer;
  top: 0;
  right: -30px;
  padding: 0;
  margin: 0;
}
.modal .modal-header .close:hover {
  background: rgba(0, 0, 0, 0.1) url("../images/closeModal.svg") center center no-repeat;
  background-size: 20px 20px;
}

.sysModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(19, 19, 19, 0.8);
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sysModal .modal-wrap {
  background: #fff;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  max-width: 650px;
  justify-content: space-between;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.7);
}
.sysModal .modal-wrap .content {
  padding: 40px 0;
  display: block;
  flex: 1 0;
  align-items: center;
  text-align: center;
}
.sysModal .modal-wrap .top {
  background: #FFF7E9;
  line-height: 80px;
  font-family: "Oxygen", sans-serif;
  font-weight: bold;
  font-size: 22px;
  color: #000000;
  letter-spacing: 0.56px;
  padding: 0 40px;
  display: flex;
  align-items: center;
  position: relative;
}
.sysModal .modal-wrap .top i {
  margin-right: 20px;
}
.sysModal .modal-wrap .top .close {
  right: 0;
  position: absolute;
  background: url("../images/closeModal.svg") center center no-repeat;
  width: 80px;
  height: 80px;
  display: inline-flex;
  cursor: pointer;
}
.sysModal .modal-wrap .top .close button {
  width: 100%;
  height: 100%;
}
.sysModal .modal-wrap .top .close:hover {
  background: rgba(0, 0, 0, 0.1) url("../images/closeModal.svg") center center no-repeat;
  background-size: 20px 20px;
}
.sysModal .modal-wrap .bottom {
  height: 100px;
  display: flex;
  align-items: center;
  background: #F7F7F7;
  justify-content: center;
}
.sysModal .modal-wrap .bottom button {
  text-transform: uppercase;
  height: 50px;
  width: 100%;
  max-width: 200px;
  line-height: 0;
  justify-content: center;
}

.sysTable thead {
  background: #F7F7F7;
}
.sysTable thead tr th {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 400;
  border: 0;
}
.sysTable tbody tr th, .sysTable tbody tr td {
  font-size: 11px;
  font-weight: 400;
}

.progress {
  background: #E6E6E6;
  border-radius: 3px;
  overflow: initial;
}
.progress .progress-bar {
  background: #86cd67;
  position: relative;
  border-radius: 2px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  min-width: 7.5%;
}
.progress .percentage {
  background: transparent;
  color: #fff;
  display: inline-block;
  position: absolute;
  width: 24px;
  font-size: 9px;
  font-weight: bold;
  text-align: center;
  height: 100%;
  line-height: 16px;
}

.courseHeader {
  display: flex;
  flex: 1 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 45px 0 70px 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSIxMDAiPgo8cmVjdCB3aWR0aD0iNTYiIGhlaWdodD0iMTAwIiBmaWxsPSIjZmZmIj48L3JlY3Q+CjxwYXRoIGQ9Ik0yOCA2NkwwIDUwTDAgMTZMMjggMEw1NiAxNkw1NiA1MEwyOCA2NkwyOCAxMDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VmZjVmOSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+CjxwYXRoIGQ9Ik0yOCAwTDI4IDM0TDAgNTBMMCA4NEwyOCAxMDBMNTYgODRMNTYgNTBMMjggMzQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y5ZjlmOSIgc3Ryb2tlLXdpZHRoPSIyIj48L3BhdGg+Cjwvc3ZnPg==");
  flex-direction: column;
  box-shadow: inset 0px -25px 70px 20px #f1f0ed;
  transition: #d3b065;
  min-height: 215px;
}
.courseHeader.adskills {
  background: #ddecfb url("../images/products/adskillsBG.jpg") center top no-repeat;
  background-size: cover;
  box-shadow: inset 0 0 24px -20px #000;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
}
.courseHeader.adskills .instructorName {
  color: #fff !important;
}
.courseHeader.adskills img {
  box-shadow: none;
  background: transparent;
  position: relative;
}
.courseHeader.digitalConsulting {
  background: #ddecfb url("../images/products/digitalConsultingBG.jpg") center top no-repeat;
  background-size: cover;
}
.courseHeader.digitalConsulting img {
  box-shadow: none;
  background: transparent;
  position: relative;
  min-height: 60px;
  height: 100%;
}
.courseHeader.entreBlueprint {
  background: #105453 url("../images/products/entreBlueprintBG.jpg") center top no-repeat;
  box-shadow: none;
  background-size: auto 100%;
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
}
.courseHeader.entreBlueprint img {
  box-shadow: none;
  background: transparent;
  position: relative;
  top: -15px;
}
.courseHeader.millionaireAccelerator {
  background: #ddecfb url("../images/products/millionaireAcceleratorBG.jpg") center top no-repeat;
  background-size: cover;
  box-shadow: inset 0 0 24px -20px #000;
  border-bottom: 3px solid rgba(0, 0, 0, 0.08);
}
.courseHeader.millionaireAccelerator img {
  box-shadow: none;
  background: transparent;
  position: relative;
  top: 18px;
  height: 55px;
}
.courseHeader.millionaireProductivitySecrets {
  background: #ddecfb url("../images/products/millionaireProductivitySecretsBG.jpg") center top no-repeat;
  background-size: cover;
  box-shadow: inset 0 0 24px -20px #000;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
}
.courseHeader.millionaireProductivitySecrets img {
  box-shadow: none;
  background: transparent;
  position: relative;
}
.courseHeader.awesomeLifeChallenge {
  background: url("../images/products/awesomeLifeChallengeBG.jpg") center top no-repeat;
  background-size: 100% auto;
  border-bottom: 0;
  box-shadow: inset 0px -12px 27px #f4f3ee;
}
.courseHeader.awesomeLifeChallenge img {
  box-shadow: none;
  background: transparent;
  position: relative;
  top: 2px;
}
.courseHeader.affiliateMillionaireAccelerator {
  background: #ddecfb url("../images/products/affiliateMillionaireAcceleratorBG.jpg") center top no-repeat;
  background-size: cover;
  box-shadow: inset 0 0 24px -20px #000;
}
.courseHeader.affiliateMillionaireAccelerator img {
  position: relative;
  box-shadow: none;
  background: transparent;
  min-height: 100px;
  top: 0px;
  margin-bottom: -10px;
}
.courseHeader.agencyMillionaireAccelerator {
  background: #ddecfb url("../images/products/agencyMillionaireAcceleratorBG.jpg") center top no-repeat;
  background-size: cover;
  box-shadow: inset 0 0 24px -20px #000;
}
.courseHeader.agencyMillionaireAccelerator img {
  position: relative;
  min-height: 100px;
  top: 0;
  margin-bottom: -10px;
  background: rgba(255, 255, 255, 0.81);
}
.courseHeader.courseMillionaireAccelerator {
  background: #ddecfb url("../images/products/courseMillionaireAcceleratorBG.jpg") center top no-repeat;
  background-size: cover;
  box-shadow: inset 0 0 24px -20px #000;
}
.courseHeader.courseMillionaireAccelerator img {
  position: relative;
  min-height: 100px;
  top: 0;
  margin-bottom: -10px;
  background: rgba(255, 255, 255, 0.81);
}
.courseHeader .instructorName {
  padding-top: 20px;
  font-size: 13px;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  z-index: 2;
}
.courseHeader .instructorName strong {
  font-weight: 400;
  border-right: 2px solid #d3b065;
  padding: 0 8px 0 3px;
}
.courseHeader img {
  -webkit-animation: fadein 2s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s;
  /* Firefox < 16 */
  -ms-animation: fadein 2s;
  /* Internet Explorer */
  -o-animation: fadein 2s;
  /* Opera < 12.1 */
  animation: fadein 2s;
  max-height: 80px;
  box-shadow: 0px 0px 550px 150px rgba(255, 255, 255, 0.8);
  background: #fff;
}

#wrapper {
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  margin: 20px auto;
  left: 0;
  right: 0;
  display: flex;
  max-width: 1200px;
  width: 100%;
  min-height: 550px;
}
#wrapper.courseMain {
  padding: 0;
  margin-top: -35px;
  max-width: 920px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#wrapper.courseMain #content {
  padding: 0;
}
#wrapper .videoPreload {
  min-height: 490px;
  background: #F7F7F7;
  display: block;
  position: relative;
}
#wrapper .videoPreload img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45%;
  margin-bottom: -45%;
}
#wrapper #courseHeader {
  background: #000;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 70px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding-left: 30px;
  color: #fff;
  position: relative;
}
#wrapper #courseHeader .flexrow {
  width: 100%;
}
#wrapper #courseHeader .flexrow .right {
  padding-right: 20px;
}
#wrapper #courseHeader .flexrow .right .btn {
  background-color: #00C721;
  color: #fff;  
  opacity: 0.7;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 8px 15px;
}
#wrapper #courseHeader .flexrow .right .btn:hover {
  background: #d3b065;
  color: #fff;
  opacity: 1;
}
#wrapper #courseHeader .is-subtitle {
  position: relative;
  top: 4px;
}
#wrapper #content {
  display: block;
  flex: 1 0;
  padding: 0 35px;
}
#wrapper #content #top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}
#wrapper #content #top .left ol li {
  font-family: "Oxygen", sans-serif;
  font-size: 11px;
  color: #000000;
  letter-spacing: 0.31px;
  line-height: 1.5;
}
#wrapper #content #top .left ol li.active {
  font-weight: bold !important;
}
#wrapper #content #top .left ol li a {
  color: #000000;
}
#wrapper #content #top .left ol.breadcrumb {
  padding: 0;
  margin: 0;
}
#wrapper #content #top .right {
  display: inline-block;
}
#wrapper #content #top .right ul {
  margin: 0;
  display: flex;
}
#wrapper #content #top .right ul li {
  display: flex;
  align-items: center;
}
#wrapper #content #top .right ul li a {
  font-size: 12px;
  color: #000000;
  letter-spacing: 0.31px;
  line-height: 8px;
  padding-left: 20px;
}
#wrapper #content #top ol {
  background: transparent;
}
#wrapper #content #middle {
  padding: 1px 0 0 0;
}
#wrapper #content #middle .lesson {
  background: #000;
  align-items: center;
  padding: 1px 3px 2px 3px;
  margin-right: 5px;
  position: relative;
  top: -4px;
  font-size: 9px;
  font-weight: bold;
  color: #fff;
  border-radius: 2px;
}
#wrapper #content .bottomnav {
  display: inline-flex;
  margin: 10px auto 30px auto;
}
#wrapper #content .bottomnav li {
  padding: 0 0 0 20px;
}
#wrapper #bottom {
  display: flex;
  flex: 1 0;
  justify-content: space-between;
  margin-bottom: 10px;
}
#wrapper #bottom .right {
  display: inline-flex;
}
#wrapper #bottom ul.pagination-list li {
  display: inline-flex;
}
#wrapper #bottom ul.pagination-list li a {
  background: #F7F7F7;
  border: 1px solid #E6E6E6;
  padding: 2px 10px;
  font-size: 11px;
  color: #8B8B8B;
  letter-spacing: 0;
  line-height: 24px;
  border-radius: 2px;
  transition: all 80ms linear 1ms;
}
#wrapper #bottom ul.pagination-list li a:hover {
  background: #fff;
  color: #d3b065;
  transition: all 80ms linear 1ms;
}
#wrapper #bottom ul.pagination-list li a.is-current {
  background: #E6E6E6;
}
#wrapper #bottom ul.pagination-list li a.is-current:hover {
  color: #8B8B8B;
}
#wrapper .sidebar {
  width: 270px;
  background: #F7F7F7;
}
#wrapper .sidebar .topLogo {
  padding: 30px 40px;
  display: flex;
  box-shadow: 0 1px 0 #e6e6e6;
}
#wrapper .sidebar .topLogo img {
  max-height: 55px;
  display: inline-block;
  width: auto;
  margin: 0 auto;
}
#wrapper .sidebar .title {
  font-family: "Oxygen", sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  display: flex;
  min-height: 60px;
  margin: 0;
  width: 100%;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.07);
  align-items: center;
  padding-left: 27px;
}
#wrapper .sidebar ul li.is-active span ::after {
  background: url("../images/i-minus.svg") center center no-repeat;
}
#wrapper .sidebar ul li.is-active span a {
  box-shadow: none;
  background: #fff;
}
#wrapper .sidebar ul li span {
  display: block;
}
#wrapper .sidebar ul li span a {
  background: transparent;
  width: 100%;
  display: inline-block;
  font-family: "Oxygen", sans-serif;
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.33px;
  line-height: 16px;
  padding: 19px 15px 17px 25px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.07);
  position: relative;
  transition: all 50ms linear 50ms;
}
#wrapper .sidebar ul li span a:hover {
  color: #d3b065;
  background: #fff;
  transition: all 100ms linear 1ms;
  text-decoration: none;
  box-shadow: inset 2px 0px 0 #d3b065, -5px 2px 7px 0px rgba(0, 0, 0, 0.07);
}
#wrapper .sidebar ul li span a:hover::after {
  border: none;
  right: 18px;
}
#wrapper .sidebar ul li span a::after {
  background: transparent url("../images/i-play.svg") center center no-repeat;
  content: " ";
  font-size: 1.45rem;
  font-weight: bold;
  font-family: "Oxygen", sans-serif;
  color: #d3b065;
  right: 20px;
  width: 23px;
  padding: 0 4px;
  height: 23px;
  line-height: 17px;
  position: absolute;
  margin-top: -3px;
}
#wrapper .sidebar .is-toggled {
  padding: 15px 15px 5px 30px;
}
#wrapper .sidebar .is-toggled .sublistHead {
  padding: 8px 5px;
  display: inline-flex;
  width: 100%;
  font-family: "Oxygen", sans-serif;
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.33px;
  position: relative;
  left: -7px;
  font-weight: 400;
  text-decoration: none;
}
#wrapper .sidebar .is-toggled .sublistHead:hover {
  color: #d3b065;
}
#wrapper .sidebar .is-toggled .sublistHead:hover::before {
  background: #d3b065;
}
#wrapper .sidebar .is-toggled .sublistHead::before {
  display: block;
  position: relative;
  top: 4px;
  bottom: 0;
  left: -5px;
  height: 9px;
  width: 2px;
  content: " ";
  background: #D9D9D9;
}
#wrapper .sidebar .is-toggled .sublistHead.is-active {
  padding: 10px 5px;
}
#wrapper .sidebar .is-toggled .is-active {
  font-family: "Oxygen", sans-serif;
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.33px;
  position: relative;
  left: -7px;
  font-weight: bold;
}
#wrapper .sidebar .is-toggled .is-active::before {
  display: block;
  position: relative;
  top: 4px;
  bottom: 0;
  left: -5px;
  height: 9px;
  width: 2px;
  content: " ";
  background: #d3b065;
}
#wrapper .sidebar .has-dropdown {
  background: #fff;
}
#wrapper .sidebar .has-dropdown .is-toggled {
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.33px;
}
#wrapper .sidebar .has-dropdown span {
  background: #fff;
  box-shadow: none;
}
#wrapper .sidebar .sublist {
  background: #fff;
  margin-bottom: 0;
  margin-top: 5px;
}
#wrapper .sidebar .sublist li {
  display: block;
}
#wrapper .sidebar .sublist li a {
  font-family: "Oxygen", sans-serif;
  font-size: 12px;
  color: #000000;
  letter-spacing: 0;
  line-height: 16px;
  font-weight: 300;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  flex: 1 0;
  align-items: center;
  position: relative;
  width: 100%;
  margin: 0 auto 15px auto;
}
#wrapper .sidebar .sublist li a i {
  margin-right: 0px;
}
#wrapper .sidebar .sublist li a:hover {
  color: #d3b065;
  background-size: 100% auto;
}
#wrapper .sidebar .sublist li a.is-active {
  background: url("../images/active-sidebar.svg") center center;
  background-size: 100% auto;
  color: #fff;
  padding: 2px 13px 0px 10px;
  max-width: 100%;
  line-height: 18px;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  flex: 1 0;
  align-items: center;
}
#wrapper .sidebar .sublist li a.is-active::before {
  display: none;
}
#wrapper .sidebar #trainingLogo {
  display: flex;
  justify-content: center;
  margin: 20px auto 10px auto;
  position: relative;
  max-width: 75%;
}
#wrapper .courseOverview {
  display: grid;
  grid-template-columns: 5fr 3fr;
  grid-template-rows: 1fr;
  grid-column-gap: 25px;
  background: #fff;
  padding: 30px;
}
#wrapper .courseOverview .courseList .course {
  margin-bottom: 20px;
  border: 1px solid #E6E6E6;
  border-radius: 3px;
}
#wrapper .courseOverview .courseList .course .top {
  position: relative;
  top: 5px;
}
#wrapper .courseOverview .courseList .course .top a {
  position: relative;
}
#wrapper .courseOverview .courseList .course .top a p {
  display: inline-block;
  width: 30px;
  line-height: 30px;
  background: #d3b065;
  color: #fff;
  margin: 0;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  border-radius: 2px;
  position: relative;
  left: 5px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
}
#wrapper .courseOverview .courseList .course .top a span {
  padding-left: 30px;
  color: #000;
  position: relative;
  top: 3px;
  font-weight: bold;
}
#wrapper .courseOverview .courseList .course ul {
  color: #000;
  font-size: 12px;
  margin: 12px 0 20px 60px;
}
#wrapper .courseOverview .courseList .course ul li {
  margin-bottom: 7px;
}
#wrapper .courseOverview .courseList .course ul li a {
  position: relative;
  color: #000;
}
#wrapper .courseOverview .courseList .course ul li a::after {
  height: 1px;
  content: " ";
  position: absolute;
  bottom: -1px;
  width: 100%;
  background: #d3b065;
  left: 0;
  right: 0;
  opacity: 0.3;
}
#wrapper .courseOverview .courseList .course ul li a:hover::after {
  opacity: 1;
}
#wrapper .courseOverview .courseSidebar {
  padding-top: 10px;
}
#wrapper .courseOverview .courseSidebar .is-subtitle {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 10px;
}
#wrapper .courseOverview .courseSidebar .instructor {
  display: flex;
  flex-direction: column;
}
#wrapper .courseOverview .courseSidebar .instructor .des {
  padding: 0;
  display: flex;
  flex-direction: column;
}
#wrapper .courseOverview .courseSidebar .instructor .wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  padding-left: 10px;
  margin-top: 10px;
}
#wrapper .courseOverview .courseSidebar .instructor .avatar {
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 65% 90%, 50% 75%, 0% 75%);
  overflow: hidden;
  position: absolute;
  top: -55px;
  right: 0;
}
#wrapper .courseOverview .courseSidebar .instructor .avatar img {
  display: inline-block;
  width: 100%;
  max-width: 100px;
}
#wrapper .courseOverview .courseSidebar .instructor .name {
  font-family: "Montserrat", sans-serif;
  color: #d3b065;
  font-size: 14px;
  display: inline-flex;
}
#wrapper .courseOverview .courseSidebar .instructor .about {
  font-family: "Montserrat", sans-serif;
  display: inline-flex;
  font-size: 11px;
  font-weight: 400;
}
#wrapper .courseOverview .courseSidebar .instructor p {
  padding-left: 10px;
  margin-top: 15px;
  font-family: #d3b065;
  font-size: 11px;
  margin-bottom: 20px;
}
#wrapper .courseOverview .courseSidebar .courseResources ol {
  padding: 0;
  margin-left: 15px;
}
#wrapper .courseOverview .courseSidebar .courseResources ol li {
  list-style: decimal;
  text-align: left;
  padding: 10px 0;
  width: 100%;
  position: relative;
  font-size: 12px;
}
#wrapper .courseOverview .courseSidebar .courseResources ol li::after {
  border-bottom: 1px solid #E6E6E6;
  height: 1px;
  width: calc(100% + 10px);
  position: absolute;
  content: " ";
  bottom: 0;
  left: -15px;
}
#wrapper .courseOverview .courseSidebar .courseResources ol li a {
  position: relative;
  color: #000;
}
#wrapper .courseOverview .courseSidebar .courseResources ol li a::after {
  height: 1px;
  content: " ";
  position: absolute;
  bottom: -1px;
  width: 100%;
  background: #d3b065;
  left: 0;
  right: 0;
  opacity: 0.3;
}
#wrapper .courseOverview .courseSidebar .courseResources ol li a:hover::after {
  opacity: 1;
}

.stripes {
  top: 0;
  grid: repeat(5, 200px)/repeat(10, 1fr);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#507eb1), color-stop(10%, #709dc7), color-stop(38%, #dde9f5), color-stop(48%, #eaf2f9), color-stop(62%, #f6f9fc));
  background: linear-gradient(#507eb1, #709dc7 10%, #dde9f5 38%, #eaf2f9 48%, #f6f9fc 62%);
}

header {
  z-index: 90;
  background: #15223e !important;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  max-height: 60px;
  min-height: 60px;
}
header #logo {
  background: transparent;
  text-indent: -9999px;
  min-width: 270px;
  display: grid;
  background-size: 100%;
  min-height: 60px;
  position: relative;
  z-index: 2;
  align-items: center;
}
header #logo a {
  position: relative;
  display: flex;
  background: url("../images/logow.svg") left center no-repeat !important;
  background-size: auto 100%;
  height: 38px;
  transition: all 100ms linear 1ms;
}
header #logo a:hover {
  opacity: 0.8;
  transition: all 100ms linear 1ms;
}

#nav {
  z-index: 100;
  width: 100%;
  max-width: 1200px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
}
#nav ul {
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 100;
}
#nav ul li {
  height: 100%;
  float: left;
  list-style: none;
}
#nav ul li a {
  font-family: "Oxygen", sans-serif;
  font-weight: 300;
  height: 100%;
  font-size: 0.8rem;
  text-align: center;
  display: flex;
  align-items: center;
  text-decoration: none;
  letter-spacing: 0.33px;
}
#nav ul li a:hover, #nav ul li a:focus {
  text-shadow: 0 3px 21px #d3b065;
  color: rgba(255, 255, 255, 0.8);
}
#nav ul li a:hover span:after, #nav ul li a:focus span:after {
  width: 0;
  height: 0;
  border: 0.313em solid transparent;
  border-bottom: none;
  border-top-color: #d3b065;
  content: "";
  vertical-align: middle;
  display: inline-block;
  position: relative;
  right: -0.313em;
  opacity: 0.5;
}
#nav ul li a:first-child {
  padding: 0 10px 0 15px;
}
#nav ul li a span {
  font-size: 13px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#nav a {
  display: none;
}
#nav li {
  position: relative;
}
#nav li a {
  color: #fff;
  display: block;
}
#nav li a:hover:after {
  display: none;
}
#nav li a:active {
  background: #d3b065 !important;
}
#nav li ul {
  display: none;
  position: absolute;
  top: 90%;
  height: auto;
  padding: 5px 18px 15px 18px;
  border-radius: 3px;
  width: 100%;
  background: #fff;
}
#nav li ul:before {
  width: 15px;
  height: 0;
  border: 0.55em solid transparent;
  border-top: none;
  border-bottom-color: #fff;
  content: "";
  vertical-align: middle;
  display: flex;
  position: absolute;
  top: -6px;
  margin: 0 auto !important;
  left: 50px;
}
#nav li ul li {
  background: #fff;
  width: 100%;
}
#nav li ul li a {
  font-size: 12px;
  color: #000;
  line-height: 35px;
  border-bottom: 1px solid #E6E6E6;
  white-space: nowrap;
  padding: 0 !important;
  display: inline-block;
  background: #fff;
  text-align: left;
  width: 100%;
  font-weight: 400;
}
#nav li ul li a:hover {
  color: #d3b065;
  text-shadow: none !important;
  border-bottom: 1px solid #d3b065;
}
#nav li:hover ul {
  display: inline-table;
  left: 0;
  right: 0;
}
#nav li:not(:first-child):hover ul {
  left: -1px;
}
#nav span:after {
  width: 0;
  height: 0;
  border: 0.313em solid transparent;
  border-bottom: none;
  border-top-color: #E9AE49;
  content: "";
  vertical-align: middle;
  display: inline-block;
  position: relative;
  right: -0.313em;
}

#footer {
  background: #15223e;
  box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.6);
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-top: 80px;
}
#footer #core-values {
  color: #fff;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 50px;
}
#footer .wrap {
  display: flex;
  flex: 1;
  max-width: 1190px;
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
  padding: 80px 10px;
}
#footer .wrap .top {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr 1fr;
  grid-template-rows: 1fr;
}
#footer .wrap .top .blog-posts .postWrap {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr 32px;
  grid-column-gap: 20px;
}
#footer .wrap .top .blog-posts .postWrap .date {
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 3px;
  height: 36px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
#footer .wrap .top .blog-posts .postWrap .date span {
  opacity: 0.6;
  color: #fff;
  width: 100%;
  font-size: 11px;
}
#footer .wrap .top .blog-posts .postWrap .date small {
  opacity: 0.4;
  color: #fff;
  width: 100%;
  font-size: 8px;
}
#footer .wrap .top .blog-posts .postWrap .post {
  opacity: 0.5;
  transition: all 80ms linear 1ms;
}
#footer .wrap .top .blog-posts .postWrap .post:hover {
  opacity: 1;
}
#footer .wrap .top .blog-posts .postWrap .post h6 {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
}
#footer .wrap .top .blog-posts .postWrap .post p {
  padding: 0;
  margin: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}
#footer .wrap .top .heading {
  color: #fff;
  font-weight: 700;
  font-size: 19px;
  margin-bottom: 10px;
}
#footer .wrap .top .social {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#footer .wrap .top .social ul {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 32px 32px 32px 32px;
  grid-column-gap: 10px;
}
#footer .wrap .top .social ul li {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  transition: all 80ms linear 1ms;
}
#footer .wrap .top .social ul li:hover {
  background: rgba(255, 255, 255, 0.8);
}
#footer .wrap .top .social ul li:hover span {
  filter: brightness(0.1);
}
#footer .wrap .top .social ul li a {
  transition: all 80ms linear 1ms;
  display: flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
}
#footer .wrap .top .social ul li a span {
  width: 100%;
  height: 32px;
  max-width: 16px;
}
#footer .wrap .top .list {
  display: flex;
  flex-direction: column;
}
#footer .wrap .top .list ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
#footer .wrap .top .list ul li {
  width: 100%;
  display: flex;
  flex: 1;
}
#footer .wrap .top .list ul li a {
  font-size: 13px;
  color: #fff;
  opacity: 0.6;
  line-height: 30px;
  transition: all 80ms linear 1ms;
  font-weight: 300;
}
#footer .wrap .top .list ul li a:hover {
  transition: all 80ms linear 1ms;
  opacity: 1;
}
#footer #copyr {
  display: flex;
  flex: 1;
  max-width: 100%;
  width: 100%;
  background: #030917;
}
#footer #copyr .wrap {
  display: grid;
  grid-template-columns: 1fr 120px;
  grid-template-rows: 1fr;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  padding: 25px 0;
  align-items: center;
}
#footer #copyr .wrap .left {
  color: #fff;
  font-size: 13px;
  line-height: 30px;
  font-weight: 300;
  padding-left: 5px;
}
#footer #copyr .wrap .left span {
  opacity: 0.5;
}
#footer #copyr .wrap .left a {
  color: #fff;
  padding-left: 40px;
  opacity: 0.5;
  transition: all 80ms linear 1ms;
}
#footer #copyr .wrap .left a:hover {
  opacity: 1;
  transition: all 80ms linear 1ms;
}
#footer #copyr .wrap .right {
  justify-content: flex-end;
  display: flex;
  align-items: flex-end;
}
#footer .logo {
  display: inline-flex;
  background: url("../images/logofooter.svg") center center no-repeat;
  background-size: auto 100%;
  opacity: 0.6;
  height: 32px;
  width: 100%;
}
#footer .logo:hover {
  opacity: 1;
}

.filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #E6E6E6;
}
.filters .left {
  display: inline-flex;
  flex-direction: row;
  flex: 1 0;
}
.filters .right {
  display: inline-flex;
  flex-direction: row;
  flex: 1 0;
  justify-content: flex-end;
}

.dataRange {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.dataRange input {
  max-width: 120px;
}
.dataRange small {
  margin: 0 10px;
}
.dataRange label {
  white-space: pre;
  font-weight: 400;
}

.flexrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flexrow .left {
  display: flex;
  align-items: center;
}
.flexrow .right ul {
  margin: 0;
  padding: 0;
}
.flexrow .right ul li a {
  color: #000;
  font-size: 12px;
}

/* Funnel Styling */
#funnelList .funnelWrap {
  display: grid;
  grid-template-columns: 2fr 4fr;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 30px;
  margin-bottom: 40px;
}

.funnelSide {
  padding: 0 30px 0 0;
}

.funnelPreview {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 2px;
}
.funnelPreview:hover {
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
  border-color: #D9D9D9;
  transition: all 80ms linear 1ms;
}
.funnelPreview:hover .funnelImage {
  opacity: 0.9;
}
.funnelPreview .funnelLink {
  font-size: 11px;
  color: #000000;
  letter-spacing: 0.28px;
  line-height: 11px;
  text-align: center;
  width: 100%;
  padding: 15px 0;
  display: inline-flex;
  flex: 1 0;
  justify-content: center;
  transition: all 80ms linear 1ms;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.funnelPreview .funnelLink:hover {
  color: #d3b065;
  transition: all 80ms linear 1ms;
}

.funnelImage {
  background: #F7F7F7;
}

.funnelUrl {
  position: relative;
  transition: all 80ms linear 1ms;
}
.funnelUrl:hover .url {
  transition: all 80ms linear 1ms;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1) !important;
}
.funnelUrl .controls {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-items: center;
  height: 100%;
  align-items: center;
  flex: 1 0;
}
.funnelUrl .controls ul {
  display: flex;
  flex-direction: row;
  margin: 0;
  justify-items: center;
  margin-right: 1px;
}
.funnelUrl .controls ul li {
  display: flex;
  height: 100%;
  position: relative;
}
.funnelUrl .controls ul li a {
  background: #F7F7F7;
  color: #8B8B8B;
  height: 40px;
  line-height: 40px;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0px -1px 0 rgba(0, 0, 0, 0.1);
  min-width: 40px;
  text-align: center;
  transition: all 80ms linear 1ms;
  z-index: 8;
  border-radius: 0;
  position: relative;
}
.funnelUrl .controls ul li a:hover::before {
  display: block;
}
.funnelUrl .controls ul li a::before {
  background: #000;
  position: absolute;
  width: calc(100% + 1px);
  height: 16px;
  line-height: 16px;
  top: -15px;
  left: 0;
  font-size: 7px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  display: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.funnelUrl .controls ul li a.preview::before {
  content: "preview";
}
.funnelUrl .controls ul li a.copy::before {
  content: "copy";
}
.funnelUrl .controls ul li a.edit::before {
  content: "edit";
}
.funnelUrl .controls ul li a:hover {
  z-index: 10;
  background: #d3b065;
  height: 39px;
  color: #fff;
  transition: all 80ms linear 1ms;
  box-shadow: inset 1px 1px 0 #c89c3d, 1px 1px 0 #c89c3d;
}

.funnelShortlink {
  position: relative;
  transition: all 80ms linear 1ms;
  display: flex;
  flex-direction: row;
  background: #F7F7F7;
  padding: 10px;
}
.funnelShortlink .url {
  font-size: 12px !important;
  height: 34px;
  line-height: 34px;
  border-right: 0 !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.funnelShortlink:hover .url {
  transition: all 80ms linear 1ms;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1) !important;
}

.funnelTrackingTags {
  margin: 10px auto 20px auto;
}

.toggles {
  justify-content: space-between;
  display: flex;
  justify-items: end;
  padding: 25px 0;
}

.url {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 2px;
  height: 40px;
  line-height: 40px;
  display: flex;
  flex: 1 0;
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.33px;
  padding-left: 15px;
}

.funnelUTM {
  background: #F7F7F7;
  display: inline-block;
  flex: 1 0;
  width: 100%;
  margin: 0 auto;
  padding: 0 25px 0 25px;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  transition: all 80ms linear 1ms;
}
.funnelUTM:hover {
  transition: all 80ms linear 1ms;
}
.funnelUTM a {
  position: relative;
}
.funnelUTM a.toggle::after {
  background: url("../images/i-plus.svg") center center no-repeat;
  content: " ";
  font-size: 1.45rem;
  font-weight: bold;
  color: #E9AE49;
  right: -5px;
  top: 0;
  width: 23px;
  padding: 0;
  height: 100%;
  position: absolute;
}
.funnelUTM a.toggle.is-toggled::after {
  background: url("../images/i-minus.svg") center center no-repeat;
  content: " ";
  font-size: 1.45rem;
  font-weight: bold;
  right: -5px;
  top: 0;
  width: 23px;
  padding: 0;
  height: 100%;
  position: absolute;
}
.funnelUTM .toggle:hover ::after {
  background: url("../images/i-plus.svg") center center no-repeat;
}
.funnelUTM .row {
  margin-bottom: 20px;
}
.funnelUTM .collapsed {
  height: 0;
  opacity: 0;
  margin: 0 !important;
  visibility: hidden;
}
.funnelUTM a {
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.33px;
  line-height: 32px;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  padding: 10px 0;
}

#allCourses {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  width: 100%;
  padding: 30px 15px;
  margin: 0 auto;
  max-width: 1202px;
}
#allCourses > div.wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#allCourses .wrap {
  transition: all 80ms linear 1ms;
  position: relative;
  background: #e8e8e4;
  border: 1px solid rgba(0, 0, 0, 0.02);
  border-radius: 3px;
}
#allCourses .wrap .new {
  position: absolute;
  height: 24px;
  width: 44px;
  color: #fff;
  right: 0;
  top: 0;
  font-weight: 700;
  font-size: 11px;
  display: flex;
  background: radial-gradient(#C60000, #e02c2c);
  opacity: 1;
  z-index: 10;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
#allCourses .wrap:hover {
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.09);
  border: 1px solid rgba(211, 176, 101, 0.6);
}
#allCourses .wrap:hover a {
  background: #d3b065;
  color: #fff;
  transition: all 80ms linear 1ms;
}
#allCourses .wrap:hover .course .bg img {
  transition: all 80ms linear 1ms;
  filter: drop-shadow(-2px 3px 6px rgba(0, 0, 0, 0.1)) brightness(1.02);
}
#allCourses .bottom {
  padding: 20px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #fff;
  height: 100%;
  display: flex;
  flex: 1 0;
  flex-direction: column;
}
#allCourses .bottom a {
  width: 100%;
  text-align: center;
  align-items: center;
  display: inline-block;
  margin-top: 10px;
  background: #F7F7F7;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
#allCourses .course {
  overflow: hidden;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  position: relative;
  min-height: 187px;
}
#allCourses .course .bg {
  display: flex;
  background-image: linear-gradient(134deg, #FFFFFF 0%, #F7F7F7 100%, #F7F7F7 100%, #F7F7F7 100%);
  text-align: center;
  height: 100%;
  min-height: 100%;
  flex: 1;
  width: 100%;
  position: absolute;
  align-content: center;
  justify-content: center;
}
#allCourses .course .bg img {
  max-width: 200px;
  height: calc(100% - 10px);
  position: relative;
  top: 10px;
}
#allCourses .course .is-locked {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: flex;
  background: radial-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.9));
  opacity: 1;
  z-index: 10;
  justify-content: center;
  align-items: center;
}
#allCourses .course .is-locked .lock {
  transform: scale(1.4);
}
#allCourses .course img {
  display: inline-flex;
  flex: 1 0;
  width: 100%;
  transition: all 80ms linear 1ms;
}

#trackingPixels .selectDomainFullW {
  border-bottom: 1px solid #D9D9D9;
  background: #F7F7F7;
  padding: 25px;
  display: flex;
  flex-direction: row;
  vertical-align: center;
}
#trackingPixels .bootstrap-select {
  width: 100% !important;
  height: 40px;
  display: inline-flex;
}
#trackingPixels .bootstrap-select button {
  height: 40px;
}
#trackingPixels label {
  font-weight: bold;
  padding: 10px 20px 10px 0;
  white-space: nowrap;
}
#trackingPixels .table-sm {
  font-size: 12px;
}
#trackingPixels table thead {
  background: #F7F7F7;
}
#trackingPixels table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #E6E6E6;
}

#trackingPixelsInputs {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 30px;
  row-gap: 20px;
  display: grid;
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 40px;
  margin-bottom: 20px;
}
#trackingPixelsInputs .wrap {
  position: relative;
}

#resourcesLayout nav {
  background: #F7F7F7;
  border-bottom: 1px solid #E6E6E6;
  padding: 0 12px;
}
#resourcesLayout nav ul {
  height: 100%;
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
}
#resourcesLayout nav ul li {
  min-height: 45px;
  display: flex;
  vertical-align: middle;
}
#resourcesLayout nav ul li a {
  font-family: "Oxygen", sans-serif;
  font-size: 12px;
  color: #070707;
  letter-spacing: 0.31px;
  line-height: 14px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  padding: 5px 20px;
}
#resourcesLayout nav ul li a i {
  margin-right: 10px;
}
#resourcesLayout nav ul li a:hover {
  background: #fff !important;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  position: relative;
  top: 1px;
}
#resourcesLayout nav ul li a.is-active {
  background: #fff !important;
  color: #d3b065;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  position: relative;
  top: 1px;
}
#resourcesLayout .resourceList {
  display: grid;
  grid-template-columns: 2fr auto;
  grid-template-rows: auto;
  padding: 30px 0;
}
#resourcesLayout .resourceList .sidenav ul {
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.1);
}
#resourcesLayout .resourceList .sidenav ul li {
  display: flex;
  height: 100%;
  flex: 1 0;
  width: 100%;
  min-height: 45px;
}
#resourcesLayout .resourceList .sidenav ul li a {
  display: flex;
  background: #F7F7F7;
  width: 100%;
  color: black;
  font-weight: 300;
  font-size: 12px;
  align-items: center;
  flex: 1 0;
  padding: 10px 20px;
  border-bottom: 1px solid #E6E6E6;
  position: relative;
}
#resourcesLayout .resourceList .sidenav ul li a::after {
  display: inline-block;
  color: #6c757d;
  content: " ";
  width: 12px;
  height: 8px;
  background: url("../images/i-play.svg") right center no-repeat;
  background-size: auto 100%;
  position: absolute;
  right: 15px;
  filter: invert(0.4) sepia(0) saturate(1) hue-rotate(0deg) brightness(0.5);
  opacity: 0.3;
}
#resourcesLayout .resourceList .sidenav ul li a.is-active, #resourcesLayout .resourceList .sidenav ul li a:hover {
  background: #fff;
  color: #d3b065;
}
#resourcesLayout .resourceList .sidenav ul li a.is-active::after, #resourcesLayout .resourceList .sidenav ul li a:hover::after {
  display: inline-block;
  color: #6c757d;
  content: " ";
  width: 12px;
  height: 8px;
  background: url("../images/i-play.svg") right center no-repeat;
  background-size: auto 100%;
  position: absolute;
  right: 15px;
  filter: none !important;
  opacity: 1;
}
#resourcesLayout .resourceList .resource {
  padding-left: 20px;
}
#resourcesLayout .resourceList .resource .wrap {
  border: 1px solid #E6E6E6;
  background: #F7F7F7;
  padding: 20px;
  border-radius: 2px;
  margin-top: 10px;
  position: relative;
}
#resourcesLayout .resourceList .resource .wrap:hover .copyClipboard {
  opacity: 1;
}
#resourcesLayout .resourceList .resource .wrap .copyClipboard {
  position: absolute;
  top: -1px;
  right: -1px;
  opacity: 0.9;
}
#resourcesLayout .resourceList .resource .wrap .copyClipboard:hover::before {
  display: block;
}
#resourcesLayout .resourceList .resource .wrap .copyClipboard::before {
  content: "copy";
  background: #000;
  position: absolute;
  width: calc(100% + 2px);
  height: 16px;
  line-height: 16px;
  top: -15px;
  left: -1px;
  font-size: 7px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: none;
}
#resourcesLayout .resourceList .resource .wrap pre {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

#AffiliateToolsUpgrade .logo {
  min-width: 200px;
}
#AffiliateToolsUpgrade .features {
  margin-top: 10px;
  max-width: 90%;
}
#AffiliateToolsUpgrade p {
  font-size: 14px;
  color: #000000;
  letter-spacing: 0.36px;
  line-height: 32px;
  font-family: #d3b065;
  margin-top: 20px;
  font-weight: 300;
}

#pageSettings .modal-dialog {
  max-width: 650px;
}

#leadList {
  margin-bottom: 20px;
}
#leadList table {
  margin: 0;
}
#leadList table tbody tr td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 200px;
}
#leadList table tbody tr td:last-child {
  font-size: 16px;
  color: #8B8B8B;
  padding: 5px;
  vertical-align: middle;
}
#leadList table tbody tr td:last-child a {
  color: #8B8B8B;
}

#commissions .commissionListTop ul {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
}
#commissions .commissionListTop ul li {
  padding: 0 0 0 30px;
  display: inline-flex;
  align-items: center;
  flex: 1 0;
  min-height: 80px;
  font-family: "Montserrat", sans-serif;
}
#commissions .commissionListTop ul li div {
  display: flex;
  flex-direction: column;
}
#commissions .commissionListTop ul li strong {
  display: inline-flex;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
#commissions .commissionListTop ul li span {
  display: inline-flex;
  font-size: 12px;
  line-height: 16px;
  color: #FFB639;
}
#commissions .commissionListTop ul li:nth-child(1) {
  background: #3F3F3F;
}
#commissions .commissionListTop ul li:nth-child(2) {
  background: #343434;
}
#commissions .commissionListTop ul li:nth-child(3) {
  background: #262626;
}
#commissions .commissionListTop ul li:nth-child(4) {
  background: #191919;
}
#commissions .commissionListTop ul li:nth-child(5) {
  background: #0d0d0d;
}
#commissions .commissionListTop ul li:nth-child(6) {
  background: #000;
}

#payments .notice {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: -0.05px;
  line-height: 16px !important;
  padding: 6px 5px 6px 10px;
  background: #FFFFFC;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  display: block;
}
#payments .paymentsListTop ul {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  margin: 0;
}
#payments .paymentsListTop ul li {
  padding: 0 0 0 30px;
  display: inline-flex;
  align-items: center;
  flex: 1 0;
  min-height: 80px;
  font-family: "Montserrat", sans-serif;
}
#payments .paymentsListTop ul li div {
  display: flex;
  flex-direction: column;
}
#payments .paymentsListTop ul li strong {
  display: inline-flex;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}
#payments .paymentsListTop ul li span {
  display: inline-flex;
  font-size: 12px;
  line-height: 16px;
  color: #FFB639;
}
#payments .paymentsListTop ul li:nth-child(1) {
  background: #3F3F3F url("../images/reserve.svg") no-repeat;
  background-position: calc(100% - 25px) center;
}
#payments .paymentsListTop ul li:nth-child(2) {
  background: #343434 url("../images/pending.svg") no-repeat;
  background-position: calc(100% - 25px) center;
}
#payments .paymentsListTop ul li:nth-child(3) {
  background: #262626 url("../images/readytopay.svg") no-repeat;
  background-position: calc(100% - 25px) center;
}
#payments .paymentsListTop ul li:nth-child(4) {
  background: #191919 url("../images/totalpaid.svg") no-repeat;
  background-position: calc(100% - 25px) center;
}

#payoutsList #submitTax {
  display: flex;
  flex: 1 0;
  justify-content: space-between;
  flex-direction: row;
}
#payoutsList #submitTax .status {
  font-size: 12px;
  display: flex;
  flex: 1 0;
}
#payoutsList #submitTax .status button {
  color: #C60000;
  font-size: 12px;
  background: #F7F7F7;
  min-width: 140px;
  width: 100%;
}
#payoutsList .table tbody tr td:nth-child(1) {
  width: 15%;
}
#payoutsList .table tbody tr td:nth-child(2) {
  width: 10%;
}
#payoutsList .table tbody tr td:nth-child(3) {
  width: 10%;
}

#blogWebsite .table thead tr th:last-child {
  text-align: right;
  padding-right: 40px;
}
#blogWebsite .table tbody tr td:last-child {
  text-align: right;
}

#linkTracker table tbody tr {
  height: 40px;
}

.pageToggleModalSettings {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 15px;
  row-gap: 14px;
  justify-items: stretch;
  width: 100%;
  margin-top: 15px;
}
.pageToggleModalSettings .inlineGroup {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  padding: 8px 10px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
}
.pageToggleModalSettings .inlineGroup label {
  font-weight: bold;
}

.trainingLocked {
  border: 1px solid #E6E6E6;
  margin-top: 40px;
  margin-bottom: 35px;
}
.trainingLocked .top {
  background: #FFF7E9;
  display: flex;
  flex-direction: row;
  max-height: 80px;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}
.trainingLocked .top .left {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 28px;
}
.trainingLocked .top .left .is-title {
  font-size: 22px;
  font-weight: 500;
  position: relative;
  top: 2px;
}
.trainingLocked .top .right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 28px;
}
.trainingLocked .top .right .locked {
  font-weight: 300;
  font-size: 18px;
  background: url("../images/lock.svg") center right no-repeat;
  padding: 0 45px 0 0;
  line-height: 32px;
  background-size: auto 31px;
}
.trainingLocked .middle .trainingLogo {
  padding: 50px 0 35px 0;
  display: inline-flex;
  text-align: center;
  width: 100%;
  justify-content: center;
}
.trainingLocked .middle .trainingOffer {
  display: inline-flex;
  text-align: center;
  width: 100%;
  justify-content: center;
}
.trainingLocked .middle .description {
  width: 100%;
  margin: 35px auto;
  display: block;
  text-align: center;
  font-size: 16px;
}
.trainingLocked .bottom {
  display: inline-block;
  width: 100%;
  background: #F7F7F7;
  padding: 32px 0;
  text-align: center;
}
.trainingLocked .bottom button {
  min-width: 430px;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.trainingLocked .bottom button.has-arrows::before {
  left: -25% !important;
}
.trainingLocked .bottom button.has-arrows::after {
  right: -25% !important;
}
.trainingLocked .bottom small {
  display: inline-block;
  margin: 0 auto;
  max-width: 450px;
  width: 100%;
}
.trainingLocked .bottom small a {
  color: #8B8B8B;
  font-size: 11px;
}
.trainingLocked .bottom small a:hover {
  color: #000;
}
.trainingLocked h1.is-title {
  font-size: 22px;
}

.table-actions {
  position: relative;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-items: center;
  height: 100%;
  align-items: center;
  flex: 1 0;
  padding: 0 !important;
  justify-content: flex-end;
  transition: all 80ms linear 1ms;
}
.table-actions .getresponse img {
  width: 100px;
  display: block;
}
.table-actions .getresponse:hover img {
  filter: brightness(0) invert(1);
}
.table-actions .aweber img {
  width: 60px;
  display: block;
}
.table-actions .aweber:hover img {
  filter: brightness(0) invert(1);
}
.table-actions ul {
  display: flex;
  flex-direction: row;
  margin: 0;
  justify-items: center;
  transition: all 80ms linear 1ms;
}
.table-actions ul li {
  display: flex;
  height: 100%;
  position: relative;
}
.table-actions ul li button, .table-actions ul li .btn {
  background: transparent;
  color: #8B8B8B;
  text-align: center;
  transition: all 80ms linear 1ms;
  z-index: 8;
  border-radius: 0;
  position: relative;
  min-width: 36px;
  width: auto;
  justify-content: center;
  height: 40px;
}
.table-actions ul li button i, .table-actions ul li .btn i {
  font-size: 80%;
}
.table-actions ul li button:hover::before, .table-actions ul li .btn:hover::before {
  display: block;
}
.table-actions ul li button::before, .table-actions ul li .btn::before {
  background: #000;
  position: absolute;
  width: calc(100% + 2px);
  height: 16px;
  line-height: 16px;
  top: -15px;
  left: -1px;
  font-size: 7px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  display: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.table-actions ul li button.preview::before, .table-actions ul li .btn.preview::before {
  content: "preview";
}
.table-actions ul li button.copy::before, .table-actions ul li .btn.copy::before {
  content: "copy";
}
.table-actions ul li button.share::before, .table-actions ul li .btn.share::before {
  content: "share";
}
.table-actions ul li button.edit::before, .table-actions ul li .btn.edit::before {
  content: "edit";
}
.table-actions ul li button:hover, .table-actions ul li .btn:hover {
  z-index: 10;
  background: #d3b065;
  color: #fff;
  transition: all 80ms linear 1ms;
  box-shadow: inset 1px 1px 0 #c89c3d, 1px 1px 0 #c89c3d;
}

.findNewDomain {
  width: 100%;
}
.findNewDomain .btn {
  padding: 10px 12px;
  height: 40px;
  position: relative;
  left: -2px;
}
.findNewDomain .btn i {
  position: relative;
  top: 2px;
}
.findNewDomain input {
  width: 90%;
}

#followJeff {
  padding: 40px;
}
#followJeff .messenger {
  background: #e6f3ff;
  border: 1px solid #cce6ff;
  transition: all 80ms linear 1ms;
}
#followJeff .messenger a {
  color: #0084ff;
}
#followJeff .messenger:hover {
  background: #0084ff;
  border: 1px solid #006acc;
  transition: all 80ms linear 1ms;
}
#followJeff .messenger:hover a {
  color: #fff;
}
#followJeff .youtube {
  background: #fdf3f3;
  border: 1px solid #f9d9d8;
  transition: all 80ms linear 1ms;
}
#followJeff .youtube a {
  color: #cd201f;
}
#followJeff .youtube:hover {
  background: #cd201f;
  border: 1px solid #a11918;
  transition: all 80ms linear 1ms;
}
#followJeff .youtube:hover a {
  color: #fff;
}
#followJeff .podcast {
  background: #fcf9fd;
  border: 1px solid #eee0f8;
  transition: all 80ms linear 1ms;
}
#followJeff .podcast a {
  color: #872EC4;
}
#followJeff .podcast:hover {
  background: #872EC4;
  border: 1px solid #6b249b;
  transition: all 80ms linear 1ms;
}
#followJeff .podcast:hover a {
  color: #fff;
}
#followJeff .facebook {
  background: #ebeff7;
  border: 1px solid #ced7ec;
  transition: all 80ms linear 1ms;
}
#followJeff .facebook a {
  color: #3b5999;
}
#followJeff .facebook:hover {
  background: #3b5999;
  border: 1px solid #2d4474;
  transition: all 80ms linear 1ms;
}
#followJeff .facebook:hover a {
  color: #fff;
}
#followJeff .instagram {
  background: #fdf3f5;
  border: 1px solid #fadce2;
  transition: all 80ms linear 1ms;
}
#followJeff .instagram a {
  color: #e4405f;
}
#followJeff .instagram:hover {
  background: #e4405f;
  border: 1px solid #d31e40;
  transition: all 80ms linear 1ms;
}
#followJeff .instagram:hover a {
  color: #fff;
}
#followJeff .linkedin {
  background: #e8f7ff;
  border: 1px solid #b5e6ff;
  transition: all 80ms linear 1ms;
}
#followJeff .linkedin a {
  color: #0077B5;
}
#followJeff .linkedin:hover {
  background: #0077B5;
  border: 1px solid #005582;
  transition: all 80ms linear 1ms;
}
#followJeff .linkedin:hover a {
  color: #fff;
}
#followJeff .wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 25px;
  border-top: 1px solid #E6E6E6;
  padding-top: 30px;
  margin-top: 30px;
}
#followJeff .wrap > div {
  border-radius: 2px;
}
#followJeff .wrap > div a {
  padding: 25px 0 25px 25px;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#followJeff .wrap > div a i {
  font-size: 2rem;
}
#followJeff .wrap > div a div {
  margin-left: 20px;
}
#followJeff .wrap > div a small {
  opacity: 0.6;
  font-size: 12px;
}
#followJeff .wrap > div a span {
  display: flex;
  font-weight: bold;
  font-size: 16px;
  margin-top: 5px;
  line-height: 10px;
}

#facebookGroups {
  padding: 40px;
}
#facebookGroups .wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 40px;
  border-top: 1px solid #E6E6E6;
  padding-top: 30px;
  margin-top: 30px;
}
#facebookGroups .wrap > div {
  border-radius: 2px;
  overflow: hidden;
}
#facebookGroups .wrap > div:hover {
  opacity: 0.97;
  transition: all 80ms linear 1ms;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
}
#facebookGroups .wrap > div a {
  display: flex;
  flex: 1 0;
  transition: all 80ms linear 1ms;
  overflow: hidden;
  height: 100%;
}
#facebookGroups .wrap > div a:hover {
  opacity: 0.9;
  transition: all 80ms linear 1ms;
}
#facebookGroups .wrap > div a:hover img {
  transform: scale(1.1);
}
#facebookGroups .wrap > div a img {
  transition: all 80ms linear 1ms;
  width: 100%;
  transform: scale(1.15);
}

#tm:checked + .main-menu {
  display: block;
}

#menu {
  z-index: 200;
  width: 100%;
  max-width: 1200px;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
}
#menu .main-menu {
  margin: 0;
  padding: 0;
}
#menu .main-menu > li {
  position: relative;
  display: flex;
  color: white;
  height: 100%;
}
#menu .main-menu > li > a {
  flex: 1;
  align-items: center;
  position: relative;
  color: #fff;
  transition: all 80ms linear 1ms;
}
#menu .main-menu .sub-menu {
  background: #fff;
}
#menu .main-menu .sub-menu li a {
  color: #000;
  padding: 10px;
  font-size: 16px;
  border-bottom: 1px solid #D9D9D9;
}
#menu .main-menu {
  display: none;
}
#menu input[type=checkbox], #menu ul span.drop-icon {
  display: none;
}
#menu .sub-menu {
  display: none;
}
#menu input[type=checkbox]:checked + .sub-menu {
  display: block;
}

#toggle-menu .drop-icon {
  position: absolute;
  right: 0;
  top: 0;
  height: 70px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
}
#toggle-menu span.drop-icon {
  text-align: center;
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, 0.75);
  font-size: 2rem;
  background: #d3b065 !important;
  min-width: 70px;
}

#orderHistory tbody tr td:nth-child(2), #orderHistory tbody tr td:nth-child(4), #orderHistory tbody tr td:nth-child(5) {
  white-space: pre;
}
#orderHistory tbody tr td:last-child {
  width: 80px;
}

.subscriptionsProductWrap .thead {
  background: #F7F7F7;
  padding: 9px 20px;
  font-size: 13px;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
}
.subscriptionsProductWrap .thead .right {
  width: 100px;
  text-align: center;
}
.subscriptionsProductWrap .subscriptionsProduct {
  display: grid;
  grid-template-columns: 11fr 2fr;
  border: 1px solid #E6E6E6;
  margin-top: -1px;
}
.subscriptionsProductWrap .subscriptionsProduct .status {
  display: flex;
  flex-direction: column;
  padding: 0 10px 0 0;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.subscriptionsProductWrap .subscriptionsProduct .product {
  padding: 10px 20px;
}
.subscriptionsProductWrap .subscriptionsProduct .product .productDates {
  padding-top: 5px;
/*  border-top: 1px solid #F7F7F7;*/
  margin-top: 12px;
}
.subscriptionsProductWrap .subscriptionsProduct .product .productDates .start {
  color: rgba(0, 0, 0, 0.5);
  margin-right: 10px;
}
.subscriptionsProductWrap .subscriptionsProduct .product .productDates .nextDue {
  color: #86cd67;
}

#Alert {
  padding: 15px 0 !important;
  border-radius: 0 !important;
  z-index: 20;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#Alert .alert-dismissible .close {
  padding: 0 !important;
  top: -2px;
}
#Alert .alert {
  transition: all 80ms linear 1ms;
  padding: 0 !important;
}
#Alert p {
  padding: 0;
  margin: 0;
  color: #68501e;
  letter-spacing: 0.5px;
  line-height: 22px;
}
#Alert p a {
  color: #403212;
  display: inline-block;
  border-bottom: 1px solid #d3b065;
  padding: 0;
  font-weight: 400;
}
#Alert p a:hover {
  color: #1D3476;
  border-bottom: 1px solid #1D3476;
}

#welcomeContainer {
  display: grid;
  grid-template-columns: 4.2fr 2fr;
  grid-column-gap: 35px;
  width: 100%;
  min-height: 160px;
  max-width: 1200px;
  margin: 30px auto 0 auto;
  padding: 0 15px;
}

#welcomeToEntre {
  background-image: linear-gradient(266deg, #15223e 20%, #000000 78%);
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-transition: all 80ms linear 1ms;
  -moz-transition: all 80ms linear 1ms;
  -o-transition: all 80ms linear 1ms;
  transition: all 80ms linear 1ms;
}
#welcomeToEntre .wrap {
  display: grid;
  grid-template-columns: 300px 2fr 1fr;
  grid-template-rows: 1fr;
  width: 100%;
  padding-right: 30px;
}
#welcomeToEntre:hover {
  box-shadow: 0px 1px 5px #0000005c;
  -webkit-transition: all 80ms linear 1ms;
  -moz-transition: all 80ms linear 1ms;
  -o-transition: all 80ms linear 1ms;
  transition: all 80ms linear 1ms;
  -webkit-filter: saturate(1.1);
  filter: saturate(1.1);
}
#welcomeToEntre .left {
  display: flex;
  justify-items: center;
  height: 100%;
  align-items: center;
}
#welcomeToEntre .left .entre-logo {
  background: url("../../images/welcomeEntre.svg") center left no-repeat;
  display: block;
  flex: 1;
  height: 50px;
  max-width: 100%;
  background-size: 100% 100%;
}
#welcomeToEntre .center {
  flex-direction: column;
  align-content: center;
  display: flex;
  justify-content: center;
  flex: 1;
  align-items: center;
  -webkit-transition: all 80ms linear 1ms;
  -moz-transition: all 80ms linear 1ms;
  -o-transition: all 80ms linear 1ms;
  transition: all 80ms linear 1ms;
  background: url("../images/welcome-bg.svg") center left;
  background-repeat: no-repeat;
  background-size: auto 90px;
  position: relative;
}
#welcomeToEntre .center:before {
  display: inline-block;
  width: 100px;
  height: 40px;
  content: " ";
  position: absolute;
  left: -20px;
  background: url("../images/welcome-arrow.svg") center left no-repeat;
  background-size: 48px auto;
}
#welcomeToEntre .center button {
  background: #d3b065;
  border-radius: 3px;
  border: 0;
  display: inline-block;
  width: auto;
  min-width: 200px;
  height: 40px;
  line-height: 20px;
  color: #fff;
  font-size: 14px;
  position: relative;
  transition: all 80ms linear 1ms;
}
#welcomeToEntre .center button:hover {
  background: #6aab2a;
  color: #fff;
  position: relative;
  text-shadow: 0 1px 2px #00000059;
  transition: all 80ms linear 1ms;
}
#welcomeToEntre .right {
  background: url("../images/welcome-icon.svg") center center no-repeat;
  background-size: 153px auto;
}
#welcomeToEntre:hover .right {
  -webkit-transition: all 80ms linear 1ms;
  -moz-transition: all 80ms linear 1ms;
  -o-transition: all 80ms linear 1ms;
  transition: all 80ms linear 1ms;
  -webkit-filter: brightness(1.08);
  filter: brightness(1.08);
}

#entreNationJoin {
  width: 100%;
  margin: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  border-radius: 3px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-size: cover;
  background-image: linear-gradient(90deg, #15223e 30%, #000000 118%);
  position: relative;
}
#entreNationJoin .logo {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  max-height: 55%;
  clip-path: polygon(0 0, 100% 0%, 100% 75%, 50% 100%, 0 75%);
  padding-top: 10px;
  position: relative;
  left: -1px;
  width: 101%;
}
#entreNationJoin .logo span {
  background: url("../images/entre_nation.svg") center bottom no-repeat;
  background-size: auto 100%;
  width: 200px;
  height: 45px;
}
#entreNationJoin:hover {
  box-shadow: 0px 1px 5px #0000005c;
  -webkit-transition: all 80ms linear 1ms;
  -moz-transition: all 80ms linear 1ms;
  -o-transition: all 80ms linear 1ms;
  transition: all 80ms linear 1ms;
}
#entreNationJoin a {
  position: absolute;
  max-width: 90%;
  left: 5%;
  right: 5%;
  bottom: 18px;
}
#entreNationJoin a button {
  background: #d3b065;
  border: 0;
  color: #fff;
  text-align: center;
  position: relative;
  bottom: 0;
  align-self: flex-end;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  border-radius: 3px;
  width: 100%;
}
#entreNationJoin a button:hover {
  background: #6aab2a;
  border-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  transition: all 80ms linear 1ms;
}
#entreNationJoin img {
  display: flex;
  width: 100%;
  position: relative;
  top: -25px;
}

#entreNationStoreBanner {
  background-image: linear-gradient(-30deg, #15223e 30%, #000000 130%);
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  min-height: 155px;
  align-items: center;
}
#entreNationStoreBanner .logo {
  background: url("../images/arLs.svg") center right no-repeat;
  background-size: cover;
  min-width: 260px;
  text-align: center;
  min-height: 75px;
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding-right: 30px;
  margin-left: -1px;
}
#entreNationStoreBanner .logo img {
  height: 50px;
  position: relative;
  top: 3px;
}
#entreNationStoreBanner .btn-wrap {
  padding-right: 50px;
}
#entreNationStoreBanner .btn-wrap a {
  font-size: 14px;
  position: relative;
  color: #fff;
  display: flex;
  height: 40px;
  line-height: 40px;
  border: 1px solid #d3b065;
  text-align: center;
  border-radius: 3px;
  padding: 0 16px;
  padding-right: 40px;
  transition: all 80ms linear 1ms;
}
#entreNationStoreBanner .btn-wrap a::after {
  background: url("../images/arrowYellow.svg") center right no-repeat;
  content: " ";
  height: 100%;
  width: 18px;
  display: block;
  position: absolute;
  right: 13px;
  top: 0;
  opacity: 0.9;
  background-size: 30px 100%;
}
#entreNationStoreBanner .btn-wrap a:hover {
  color: #fff;
  background: #d3b065;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
  position: relative;
  text-shadow: 0px 1px 2px #00000059;
  transition: all 80ms linear 1ms;
}
#entreNationStoreBanner .btn-wrap a:hover::after {
  opacity: 1;
  filter: brightness(6) sepia(0) hue-rotate(-48deg) saturate(0);
}

.bottomMenu {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 100;
  opacity: 1;
  box-shadow: -20px 11px 20px 10px rgba(0, 0, 0, 0.2);
  display: none;
  padding: 10px 20px 25px 20px;
  padding-top: max(15px, env(safe-area-inset-top));
  padding-bottom: max(15px, env(safe-area-inset-bottom));
}
.bottomMenu #courseAccordion .awrap {
  border-bottom: 1px solid #eaeaea;
}
.bottomMenu #courseAccordion .awrap .top {
  border-radius: 0;
}
.bottomMenu #courseAccordion .awrap .top button {
  color: #15223e;
  background: #fff;
  border-radius: 0;
  font-size: 13px;
  position: relative;
  height: 40px;
  line-height: 0;
  text-align: left !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 0 !important;
  box-shadow: none !important;
}
.bottomMenu #courseAccordion .awrap .top button:after {
  background: url("../images/i-tarrowd.svg") center right no-repeat;
  background-size: auto 9px;
  display: inline-block;
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: " ";
}
.bottomMenu #courseAccordion .awrap .top button.collapsed {
  box-shadow: none !important;
}
.bottomMenu #courseAccordion .awrap .top button.collapsed:after {
  background: url("../images/i-tarrowd.svg") center left no-repeat;
  background-size: auto 9px;
}
.bottomMenu #courseAccordion .toggledContent {
  background: #fff;
  padding: 5px 5px 15px 5px;
  font-size: 13px;
}
.bottomMenu #courseAccordion .toggledContent .courseResources {
  padding: 0;
}
.bottomMenu #courseAccordion .toggledContent .courseResources .is-subtitle strong {
  margin: 0;
  font-size: 18px !important;
}
.bottomMenu #courseAccordion .toggledContent .courseResources ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bottomMenu #courseAccordion .toggledContent .courseResources ol li {
  border-bottom: 1px solid #eaeaea;
  font-size: 12px;
  width: 100%;
  padding: 7px 0 7px 15px;
}
/* veliki menu */
@media only screen and (min-width: 1000px) {
  #menu .main-menu {
    display: flex;
    align-items: center;
  }

  #toggle-menu {
    display: none;
  }

  #menu .main-menu > li:hover {
    transition: all 80ms linear 1ms;
    background: #d3b065;
  }
  #menu .main-menu > li:hover .i-down {
    filter: invert(100%) sepia(67%) saturate(2%) hue-rotate(136deg) brightness(106%) contrast(101%);
  }
  #menu .main-menu > li:hover > a {
    font-size: 13px;
    color: #fff;
    letter-spacing: 0.5px;
  }
  #menu .main-menu > li:hover .drop-icon .i-down {
    opacity: 0.4;
    transition: all 80ms linear 1ms;
  }
  #menu .main-menu > li > a {
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 300;
    padding: 0 10px 0 17px;
    line-height: 60px;
    position: relative;
    top: 0;
  }
  #menu .main-menu .sub-menu {
    position: absolute;
    width: auto;
    left: 50%;
    top: calc(100% - 0px);
    z-index: 3000;
    display: none;
    list-style: none;
    transition: all 80ms linear 1ms;
    padding: 0 !important;
    border-radius: 2px;
    box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.1);
  }
  #menu .main-menu .sub-menu.trainingList {
    width: 220px;
    margin-left: -110px;
  }
  #menu .main-menu .sub-menu.resourceList {
    width: 140px;
    margin-left: -70px;
  }
  #menu .main-menu .sub-menu.communityList {
    width: 180px;
    margin-left: -90px;
  }
  #menu .main-menu .sub-menu.affiliateList {
    width: 140px;
    margin-left: -70px;
  }
  #menu .main-menu .sub-menu.myaccountList {
    width: 140px;
    margin-left: -70px;
  }
  #menu .main-menu .sub-menu li:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }
  #menu .main-menu .sub-menu li:first-child::before {
    content: " ";
    position: absolute;
    top: -7px;
    width: 7px;
    margin: 0 auto;
    display: inline-flex;
    justify-self: center;
    left: 0;
    right: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
  }
  #menu .main-menu .sub-menu li:first-child:hover:before {
    border-bottom: 7px solid #d6b671 !important;
  }
  #menu .main-menu .sub-menu li:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding-bottom: 1px;
  }
  #menu .main-menu .sub-menu li {
    display: inline-flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    padding: 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  }
  #menu .main-menu .sub-menu li:hover {
    box-shadow: 0 0 1px #d3b065;
    background: #d6b671;
    color: #fff !important;
    position: relative;
  }
  #menu .main-menu .sub-menu li:hover a {
    color: #fff;
    opacity: 1;
  }
  #menu .main-menu .sub-menu li a {
    font-size: 13px;
    display: inline-flex;
    flex: 1;
    white-space: pre;
    padding: 11px 15px 9px 15px;
    border: 0;
    text-align: center;
    color: #15223e;
    opacity: 0.7;
    letter-spacing: 0.1px;
    font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  }
  #menu .main-menu .sub-menu li a:hover {
    opacity: 1;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  }
  #menu label.drop-icon {
    display: none;
  }
  #menu ul span.drop-icon {
    display: inline-block;
  }
  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }
  #menu input[type=checkbox]:checked + .sub-menu {
    display: none;
  }
  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }
  #menu li:hover > input[type=checkbox] + .sub-menu {
    display: block;
  }
}
.fade-out-siblings {
  pointer-events: none;
}

.fade-out-siblings > * {
  pointer-events: auto;
  transition: 50ms opacity, 50ms transform;
}

.fade-out-siblings:hover > * {
  opacity: 0.7;
}

.fade-out-siblings:hover > *:hover {
  opacity: 1;
}

@media only screen and (max-width: 1250px) {
  #footer .top, #footer #copyr, #footer #core-values {
    padding: 0 40px;
  }

  body #welcomeToEntre .center {
    align-items: flex-end;
    background-size: auto 70px;
    padding-right: 20px;
  }
  body #welcomeToEntre .center::before {
    display: none;
  }
  body #welcomeToEntre .right {
    background-size: 120px auto;
    background-position: left center;
  }
}
@media only screen and (max-width: 1120px) {
  body #welcomeToEntre .wrap {
    grid-template-columns: 300px 1fr;
  }
  body #welcomeToEntre .wrap .center {
    background: transparent;
    padding-right: 10px;
  }
  body #welcomeToEntre .wrap .center:before {
    display: inline-block;
    width: 98px;
    background-size: 48px auto;
    background-position: center center;
  }
  body #welcomeToEntre .wrap .right {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  #footer .top, #footer #copyr, #footer #core-values {
    padding: 0 40px;
  }

  body #welcomeToEntre .wrap {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    padding: 15px 0 0 0;
    display: grid;
    justify-content: center;
    align-items: center;
  }
  body #welcomeToEntre .wrap .center {
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 20px 0;
  }
  body #welcomeToEntre .wrap .center:before {
    display: none;
  }
  body #welcomeToEntre button {
    width: 90% !important;
    margin: 0 auto;
    font-weight: 400 !important;
  }
  body .courseOverview .courseSidebar {
    display: none;
  }
  body .bottomMenu {
    display: block;
  }
  body #entreNationStoreBanner .btn-wrap {
    padding: 30px !important;
  }

  #welcomeContainer {
    grid-column-gap: 0;
    grid-template-columns: 1fr;
    grid-template-rows: 169px 160px;
    grid-row-gap: 20px;
    display: grid;
    height: 100%;
    min-height: 340px;
    padding: 0 20px;
    margin: 20px auto 0 auto;
  }
  #welcomeContainer .red {
    border: 1px solid red;
  }
}
@media only screen and (max-width: 960px) {
  #footer {
    overflow: scroll;
  }
  #footer .top, #footer #copyr, #footer #core-values {
    padding: 0 40px;
  }
  #footer #core-values {
    font-size: 24px;
    height: 72px;
  }
  #footer #copyr .wrap {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    text-align: center;
  }
  #footer #copyr .wrap .left a {
    padding: 0;
  }
  #footer .wrap {
    padding-bottom: 0;
  }
  #footer .wrap .top {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 2fr 1fr;
  }
  #footer .wrap .top .list {
    margin-bottom: 20px;
  }
  #footer .wrap .top .social {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*
 *
 *
 *
 * Bootstrap 4 Component - Custom switch
 * Version: 1.1.2
 * Copyright (c) 2017-18 Martin Haubek
 *
 *
 *
 */
.custom-switch {
  padding: 0;
  line-height: 12px;
}

.custom-switch .custom-switch-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-switch .custom-switch-input, .custom-switch .custom-switch-input:after, .custom-switch .custom-switch-input:before,
.custom-switch .custom-switch-input *,
.custom-switch .custom-switch-input *:after,
.custom-switch .custom-switch-input *:before,
.custom-switch .custom-switch-input + .custom-switch-btn {
  box-sizing: border-box;
}

.custom-switch .custom-switch-input:selection, .custom-switch .custom-switch-input:after:selection, .custom-switch .custom-switch-input:before:selection,
.custom-switch .custom-switch-input *:selection,
.custom-switch .custom-switch-input *:after:selection,
.custom-switch .custom-switch-input *:before:selection,
.custom-switch .custom-switch-input + .custom-switch-btn:selection {
  background: none;
}

.custom-switch .custom-switch-input + .custom-switch-btn {
  outline: 0;
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  width: 68px;
  height: 38px;
  margin: 0;
  padding: 4px;
  background: #adb5bd;
  border-radius: 76px;
  transition: all 150ms ease;
}

.custom-switch .custom-switch-input + .custom-switch-btn:after, .custom-switch .custom-switch-input + .custom-switch-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 29px;
  height: 29px;
}

.custom-switch .custom-switch-input + .custom-switch-btn:after {
  left: 2px;
  border-radius: 50%;
  background: white;
  transition: all 150ms ease;
}

.custom-switch .custom-switch-input + .custom-switch-btn:before {
  display: none;
}

.custom-switch .custom-switch-input + .custom-switch-btn.text-hide {
  top: -0.8rem;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn {
  background: #86cd67;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn:after {
  left: 30px;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-checked {
  opacity: 1;
  height: auto;
}

.custom-switch .custom-switch-input:checked + .custom-switch-btn ~ .custom-switch-content-unchecked {
  display: none;
  opacity: 0;
  height: 0;
}

.custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-checked {
  display: none;
  opacity: 0;
  height: 0;
}

.custom-switch .custom-switch-input:not(:checked) + .custom-switch-btn ~ .custom-switch-content-unchecked {
  opacity: 1;
  height: auto;
}

.custom-switch .custom-switch-input[disabled] + .custom-switch-btn {
  background: rgba(173, 181, 189, 0.6);
  cursor: default;
}

.custom-switch .custom-switch-input[disabled]:checked + .custom-switch-btn {
  background: rgba(40, 167, 69, 0.4);
}

.custom-switch .custom-switch-input:not([disabled]):focus ~ .custom-switch-btn {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(56, 123, 189, 0.25);
}

.custom-switch .custom-switch-input[required] ~ .custom-switch-btn {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.125rem rgba(220, 53, 69, 0.5);
}

.custom-switch .custom-switch-form-text {
  display: inline-block;
  height: 38px;
  margin-left: 0.5rem;
  line-height: 38px;
  vertical-align: top;
}

.custom-switch.custom-switch-label-io .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='42.5' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-io .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='18.13333' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='38.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-yesno .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='38.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-yesno .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-status .custom-switch-input + .custom-switch-btn {
  width: 96px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='38'%3E%3Ctext x='38.85714' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='38'%3E%3Ctext x='9.71429' y='23.75' font-size='12px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E");
}

.custom-switch.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn:after {
  left: 58px;
}

.custom-switch-sm {
  line-height: 11px;
}

.custom-switch-sm .custom-switch-input + .custom-switch-btn {
  width: 26px;
  height: 16px;
  padding: 0;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.custom-switch-sm .custom-switch-input + .custom-switch-btn:after, .custom-switch-sm .custom-switch-input + .custom-switch-btn:before {
  width: 14px;
  height: 14px;
}

.custom-switch-sm .custom-switch-input + .custom-switch-btn:after {
  left: 0;
}

.custom-switch-sm .custom-switch-input:checked + .custom-switch-btn:after {
  left: 10px;
}

.custom-switch-sm .custom-switch-form-text {
  height: 31px;
  margin-left: 0.5rem;
  line-height: 31px;
}

.custom-switch-sm.custom-switch-label-io .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='37.5' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-io .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='16' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-yesno .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-yesno .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-status .custom-switch-input + .custom-switch-btn {
  width: 88px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='31'%3E%3Ctext x='32.87671' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='31'%3E%3Ctext x='8.57143' y='19.375' font-size='11px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E");
}

.custom-switch-sm.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn:after {
  left: 57px;
}

.custom-switch-xs {
  line-height: 10px;
}

.custom-switch-xs .custom-switch-input + .custom-switch-btn {
  width: 48px;
  height: 24px;
  padding: 3px;
  border-radius: 48px;
}

.custom-switch-xs .custom-switch-input + .custom-switch-btn:after, .custom-switch-xs .custom-switch-input + .custom-switch-btn:before {
  width: 18px;
  height: 18px;
}

.custom-switch-xs .custom-switch-input + .custom-switch-btn:after {
  left: 1px;
}

.custom-switch-xs .custom-switch-input:checked + .custom-switch-btn:after {
  left: 24px;
}

.custom-switch-xs .custom-switch-form-text {
  height: 24px;
  margin-left: 0.5rem;
  line-height: 24px;
}

.custom-switch-xs.custom-switch-label-io .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='27.42857' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EO%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-io .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='12.8' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EI%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-onoff .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOff%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-onoff .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EOn%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-yesno .custom-switch-input + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3ENo%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-yesno .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EYes%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-status .custom-switch-input + .custom-switch-btn {
  width: 76px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='24'%3E%3Ctext x='25.6' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EDisabled%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='24'%3E%3Ctext x='6.85714' y='15' font-size='10px' font-family='-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji' fill='%23fff'%3EEnabled%3C/text%3E%3C/svg%3E");
}

.custom-switch-xs.custom-switch-label-status .custom-switch-input:checked + .custom-switch-btn:after {
  left: 52px;
}

.is-invalid .custom-switch .custom-switch-input ~ .custom-switch-btn,
.was-validated .custom-switch:invalid .custom-switch-input ~ .custom-switch-btn {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem #dc3545;
}

/*# sourceMappingURL=backoffice.css.map */