@font-face {
    font-family: 'sharp-sans';
    src: url(https://files2.inspire360.tech/font/6153a51464fd9a162862edbe.woff);
    font-display: fallback;
    font-size: 2rem;
    font-weight: 400;
    font-style: normal;
}
[data-dapr-font="sharp-sans"],
    body.section-public #page-container *[data-dapr-font="sharp-sans"] {
    font-family: sharp-sans !important;
}
@font-face {
    font-family: 'sharp-sans';
    src: url(https://files2.inspire360.tech/font/6153a5ba49d04849b2452b7e.woff);
    font-display: fallback;
    font-size: 2rem;
    font-weight: 700;
    font-style: normal;
}
[data-dapr-font="sharp-sans"],
    body.section-public #page-container *[data-dapr-font="sharp-sans"] {
    font-family: sharp-sans !important;
}
@font-face {
    font-family: 'sharp-sans';
    src: url(https://files2.inspire360.tech/font/6153a591f326646211513603.woff);
    font-display: fallback;
    font-size: 2rem;
    font-weight: 600;
    font-style: normal;
}
[data-dapr-font="sharp-sans"],
    body.section-public #page-container *[data-dapr-font="sharp-sans"] {
    font-family: sharp-sans !important;
}


.navbar.navbar-subdom {
    background: #201c21 !important;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    z-index: 2;
}

.navbar.navbar-subdom .navbar-nav > li > a,
.navbar.navbar-subdom #my-account-drop,
.navbar.navbar-subdom .mobile-menu-toggle {
    color: #ffffff;
    transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
}

.navbar.navbar-subdom .nav > li > a:hover,
.navbar.navbar-subdom .nav > li > a:focus,
.navbar.navbar-subdom .nav > li.active > a,
.navbar.navbar-subdom .nav > li.open > a,
.navbar.navbar-subdom .nav > li.open > a:hover,
.navbar.navbar-subdom .nav > li.open > a:focus,
.profile-login.btn-login.btn.btn-trans {
    color: #f2f2f2 !important;
    background: transparent !important;
    transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
}

.subdom .navbar.navbar-admin .navbar-nav>li>a.btn-primary,
.subdom .navbar.navbar-admin .navbar-nav>li>a.btn-primary:hover,
.subdom .navbar.navbar-admin .navbar-nav>li>a.btn-primary:active,
.subdom .navbar.navbar-admin .navbar-nav>li>a.btn-primary:focus {
    color: #ffffff;
    background-color: #201c21;
}
.subdom .navbar.navbar-admin .navbar-nav>li>a.btn-primary .fa {
    color: #ffffff;
}

body.section-public {
    background-color: #ffffff !important;
    background-image: none;
}

.section-public .nav-tabs>li.active>a,
.section-public .nav-tabs>li.active>a:hover,
.section-public .nav-tabs>li.active>a:focus {
    background-color: #ffffff;
}

a,
a:active,
a:hover,
a:focus {
    color: #201c52;
}
.text-completed { color: #5cb85c !important; }
.bg-completed { background-color: #5cb85c !important; }
.border-completed { border-color: #5cb85c !important; }

body.section-public .btn-primary,
body.section-public .btn-primary:hover,
body.section-public .btn-primary:active,
body.section-public .btn-primary:focus,
body.section-public .btn-primary[disabled],
body.section-public .btn-primary.disabled,
body.section-public li.for-button a.btn.btn-primary {
    color: #ffffff !important;
    background-color: #201c21 !important;
    border-color: #201c21 !important;
}

.box .box-title-bg,
.box .box-title-row,
.box .box-title.box-title-bg,
.box.white .box-title.box-title-bg,
.box.white .box-title-bg {
    color: #555;
    background-color: #f5f5f5;
}

.box>h1 {
    color: #201c52 !important;
}

.box .box-title-bg .box-title,
.box.white .box-title-bg .box-title {
    color: #555;
}

.nav-tabs li.for-button { padding-top: 5px; }
.nav-tabs li.for-button a.btn {
    padding: 5px 15px;
    border: none;
    border-radius: 3px;
}


.bg-primary,
.nav-pills>li.active>a:hover {
color: #ffffff;
background-color: #201c21;
}
.section-public .bg-primary-inverted {
color: #201c21;
background-color: #ffffff;
}


body.section-public.login,
#auth-bg {
background-image: url(https://files2.inspire360.tech/resource/6178350fbd9c31368a0418a9.png) !important;
background-repeat: no-repeat !important;
background-position: center bottom !important;
background-size: cover !important;
}


#footer {
    color: #666666 !important;
    text-decoration: none;
    background: #000000 !important;
    border-top: 4px solid #24b471 !important;
    border-width: 4px 0 0 0;
    padding: 15px 0;
    min-height: 100px;
}
#footer a {
    color: #999999 !important;
}

.section-public .table-striped > tbody > tr:nth-child(odd) {
    background-color: #ffffff;
}

:root {
--lyr-auth-card-text: #fff;
--lyr-auth-card-bg: rgba(94, 227, 237, 1);
}

.navbar.navbar-subdom,
.navbar.navbar-subdom a,
.navbar.navbar-subdom .navbar-nav>li>a {
  font-family: 'sharp-sans', 'Poppins', sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: -0.05em;
  max-height: 80px;
}
.navbar.navbar-subdom a.btn-login.btn-sm {
    margin-top: 27px;
}

.section-public-enrolled .dark-header,
.section-public-account .dark-header {
  background-color: #1F1C4F;
}

.section-public-enrolled .dark-header h1,
.section-public-account .dark-header h1 {
  color: #5EE3ED;
}

.section-public-enrolled .navbar.navbar-subdom,
.section-public-enrolled .navbar.navbar-subdom .nav > li.active > a,
.section-public-enrolled .navbar.navbar-subdom .nav > li.open > a,
.section-public-account .navbar.navbar-subdom,
.section-public-account .navbar.navbar-subdom .nav > li.active > a,
.section-public-account .navbar.navbar-subdom .nav > li.open > a
{
  background: #1F1C4F !important;
}


body.login.subdom.exoslearn,
body.login.subdom.texture.exoslearn,
body.login.texture.subdom {
  background-position: bottom center !important;
}



.dark-header {
  background-color: #201c21;
}

.navbar.navbar-subdom .navbar-nav>li>a {
  line-height: 14px;
  padding: 33px 10px;
}
@media (min-width: 1380px) {
  .navbar.navbar-subdom .navbar-nav>li>a {
    padding: 33px 20px;
  }
}


#the-header.navbar.navbar-subdom {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.navbar.navbar-subdom > .container-fluid {
    padding-left: 6px;
}

.navbar.navbar-subdom .navbar-brand {
  padding: 20px 40px !important;
}


.navbar.navbar-subdom .navbar-brand>img {
    position: relative;
    height: 25px;
    width: auto
}


.navbar.navbar-subdom .navbar-nav.navbar-primary {
  display: inline-block;
  vertical-align: top;
}
.navbar.navbar-subdom .navbar-nav.navbar-primary {
  padding-left: 20px;
  padding-right: 20px;
  border-right: solid 1px #c4c4c4;
}

.navbar-collapse {
  text-align: center;
}

.platform-inspire .navbar.navbar-subdom .gutter-menu,
.platform-inspire .navbar.navbar-subdom .gutter-menu .nav>li>a,
.platform-inspire .navbar.navbar-subdom .gutter-menu .nav>li>a:hover,
 .platform-inspire .navbar.navbar-subdom .gutter-menu .nav>li>a {
  color: #ffffff !important;
  background-color: #201c21 !important;
}
.platform-inspire .navbar.navbar-subdom .gutter-menu .nav>li.active>a,
.platform-inspire .navbar.navbar-subdom .gutter-menu .nav>li.active>a:hover,
 .platform-inspire .navbar.navbar-subdom .gutter-menu .nav>li.active>a {
  color: #ffffff !important;
  background-color: #201c21 !important;
}
.platform-inspire .navbar.navbar-subdom .gutter-menu .nav {
  -webkit-box-shadow: 0 2px 3px -2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 2px 3px -2px rgba(0,0,0,0.2);
  box-shadow: 0 2px 3px -2px rgba(0,0,0,0.2);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#account-dropdown .account-image {
  padding: 20px 20px 0 0;
}

.section-public h1,
.section-public .h1,
.section-public h1,
.section-public h1,
.section-public .page-builder-content h1,
.section-public h2,
.section-public h3,
.section-public h4,
.section-public .h2,
.section-public .h3,
.section-public .h4,
.section-public h2,
.section-public h3,
.section-public h4,
.section-public h2,
.section-public h3,
.section-public h4,
.section-public .page-builder-content h2 {
    font-family: 'sharp-sans', 'Poppins', sans-serif !important;
    font-weight: 700;
}

.section-public h1,
.section-public .h1,
.section-public h1,
.section-public h1,
.section-public .page-builder-content h1 {
    font-weight: 700 !important;
    text-transform: uppercase !important;
}


.section-public,
body.section-public,
 body.section-public {
    font-family: 'sharp-sans', 'Poppins', sans-serif !important;
}

body.section-public *:not(.input-group-btn) > .btn-primary,
body.section-public *:not(.input-group-btn) > .btn-primary:hover,
body.section-public *:not(.input-group-btn) > .btn-primary:active,
body.section-public *:not(.input-group-btn) > .btn-primary:focus,
body.section-public *:not(.input-group-btn) > .btn-primary[disabled],
body.section-public *:not(.input-group-btn) > .btn-primary.disabled {
  color: #201c21 !important;
  background-color: transparent !important;
  border-color: #201c21 !important;
  border-width: 2px;
}

body.section-public .bg-is-dark *:not(.input-group-btn) > .btn-primary,
body.section-public .bg-is-dark *:not(.input-group-btn) > .btn-primary:hover,
body.section-public .bg-is-dark *:not(.input-group-btn) > .btn-primary:active,
body.section-public .bg-is-dark *:not(.input-group-btn) > .btn-primary:focus,
body.section-public .bg-is-dark *:not(.input-group-btn) > .btn-primary[disabled],
body.section-public .bg-is-dark *:not(.input-group-btn) > .btn-primary.disabled {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff !important;
  border-width: 2px;
}



@media (max-width: 991px) {
  ul.navbar-primary > li > a .caret,
  ul.navbar-primary > li > ul.dropdown-menu {
    display: none;
  }
}
@media (min-width: 992px) {
  #the-header { z-index: 3; }

  #the-header > .container-fluid > .navbar-collapse {
    max-height: 80px;
    overflow: hidden;
  }
  ul.navbar-primary > li > ul.dropdown-menu a:hover {
    color: #f2f2f2 !important;
    background: #201c21 !important;
  }
  ul.navbar-primary > li:hover > ul.dropdown-menu {
    display: block;
  }
}
@media (max-width: 1199px) {

}
@media (min-width: 1200px) {
  .navbar.navbar-subdom {
    height: 80px;
  }
  #the-header.navbar.navbar-subdom {
    border-bottom: solid 1px #c4c4c4;
  }
  .navbar.navbar-subdom .mobile-menu-toggle {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .navbar.navbar-subdom .navbar-brand {
    height: 80px;
    max-height: 80px;
    padding: 27px 20px 28px 20px !important;
    border-right: solid 1px #c4c4c4;
  }
@media (min-width: 1380px) {
  .navbar.navbar-subdom .navbar-brand {
    padding: 27px 40px 28px 70px !important;
  }
}


  .navbar.navbar-subdom .navbar-brand>img {
      position: relative;
      height: 25px;
      width: auto
  }
}

.login-bg {
  background: rgba(94, 227, 237, 1);

}
.login-bg h1.thin {
  color: #fff;
  font-weight: 700;
}
.login-bg img.logo {
  max-height: 50px;
}
body.section-public-login .login-bg .btn.btn-primary {
  background-color: #1F1C4F !important;
  border-color: #1F1C4F !important;
  color: #fff !important;
}

html body.login.section-public-login {
  background-position: bottom right !important;
}

body #exoslearn-footer {
      background: #000 !important;
      border-top: none !important;
      padding-top: 80px;
      padding-bottom: 40px;
    }
    #exoslearn-footer .footer-heading {
        text-transform: uppercase;
        color: #00dba8 !important;
        text-decoration: none;
        border-left: solid 1px #00dba8;
    }
    #exoslearn-footer #footer-nav {
        margin: 0 0 0 0;
    }
    #exoslearn-footer #footer-nav > li {
        vertical-align: top;
        border-left: solid 1px rgba(0, 219, 168, 0.5);
        padding: 0 30px 20px 0;
        margin-bottom: 25px;
        width: 100%;
    }
    #exoslearn-footer #footer-nav > li > a {
        border-left: solid 1px rgba(0, 219, 168, 1);
        padding-left: 14px;
        font-size: 14px;
        font-weight: 600;
    }
    #exoslearn-footer #footer-nav > li > ul {
        margin: 20px 0 0 15px;
    }
    #exoslearn-footer #footer-nav > li > ul > li {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.4em;
        color: #fff;
    }
    #exoslearn-footer #footer-nav > li > ul > li > a,
    #exoslearn-footer #footer-nav > li > ul > li > a:hover,
    #exoslearn-footer #footer-nav > li > ul > li > a:active {
        color: #fff;
        text-decoration: none;
    }
    #footer-legal,
    #footer-social { margin-top: 25px; }

    @media (min-width: 768px) {
        #exoslearn-footer #footer-nav > li {
            width: 49%;
        }
    }
    @media (min-width: 992px) {
        #exoslearn-footer #footer-nav > li {
            width: 24%;
            min-height: 200px;
            margin-bottom: 50px;
        }
        #footer-legal,
        #footer-social { margin-top: 75px; }
        #footer-social.prefix-links-1 { margin-top: 60px; }
        #footer-social.prefix-links-2 { margin-top: 40px; }
    }
    @media (min-width: 1200px) {

    }