:root {
    /* colours */
    --body-copy: #686868;
    --body-copy-light: #b4b4b4;
    --primary: #00B38A;
    --primary-hover: #00B38A;
    --flyout-icons: #34353c;
    --menu-background: #00B38A;
    --menu-color: #707070;
    --menu-buttons: white;
    --menu-buttons-hover: #ffa91f;
    --primary-buttons: #3d9fea;
    --primary-buttons-hover: #2f89ce;
    /* --secondary: #18ebce; */
    --secondary: #707070;
    --secondary-hover: #5f5f5f;
    --success: #3ec671;
    --success-hover: #33af62;
    --warning: #f1721d;
    --warning-hover: #df6819;
    --danger: #f1664c82;
    --danger-hover: #e66049;
    --body-background-url: none;
    --graph-fill:rgba(54, 162, 235, 0.2);
    /* other color */
    --ui-green: #4aebce;
    --ui-pink: #f8bbbb;
    --ui-yellow: #ecec31;
    --ui-bg: #f5f5f5;
    --panel-background: rgba(253, 253, 253, 0.65);;
    --ui-progress: #3ec671;
    --ui-stars: #ebd223;
    --banner-active: #ebd223;
    --banner-top10: #3d9fea; /* primary */
    --banner-perfect: #f7ff1e; /* gradient ? */
    --banner-popular: #00A7A7;
    --banner-overdue: #cb1d1d;
    /* custom scroll */
    --scrollbar-bg: transparent;
    --scrollbar-bg-white: #fff;
    --scrollbar-bg-ui: #f5f5f5;
    --thumb-bg: #a5a5a5;
    --newrequest : #ecec31;
    --awating-approval : #f9a6a6;
    --approved : #3ec671;
    --declined : #f1664c;
    --menu-links : #ffffff;
    --menu-icons : #707070;
    --menu-icons-hover-bg : #eeeeee;
    --primary-1: color-mix(in srgb,var(--primary),#FFF 10%);
    --primary-2: color-mix(in srgb,var(--primary),#FFF 20%);
    --primary-3: color-mix(in srgb,var(--primary),#FFF 30%);
    --primary-4: color-mix(in srgb,var(--primary),#FFF 40%);
    --primary-5: color-mix(in srgb,var(--primary),#FFF 50%);
    --primary-6: color-mix(in srgb,var(--primary),#FFF 60%);
    --primary-7: color-mix(in srgb,var(--primary),#FFF 70%);
    --primary-8: color-mix(in srgb,var(--primary),#FFF 75%);
    --primary-9: color-mix(in srgb,var(--primary), #f1f1f1 80%);
    --primary-10: color-mix(in srgb,var(--primary),#f1f1f1 90%);
    --primary-11: color-mix(in srgb,var(--primary),#f1f1f1 99%);
}

.menu>li>a {
  color:white;
}
.menu-holder a {
    color: white ;
}
.login-panel {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.login-box, .menu-holder{
 background:#00B38A; 
}

a.no-float.btn.btn-default.btn-success {
    margin-left: 15px;
    border-radius: 6px;
}

.background-image{
  background-image: url(https://fundamental.knowhow.training/client-css/PLACEHOLDER/background.jpg);
}



.page-title .fa-television{
    display :none;
}

.install-banner{
    display:inline-block;
}


.navbar {
    background-color: #00B38A;
    border: none;
}
.navbar-default .navbar-nav>li>a{
  color:white
}
@media (min-width: 992px) {
    .navbar-default .navbar-nav>.active>a {
        color: #ffa91f;
        border-bottom: 4px solid #ffa91f;
    }
}
 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        border-bottom: 4px solid white;
    }
@media (min-width: 992px) {
    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        border-bottom: 4px solid white;
    }
}


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

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

.card{
  
  box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
  border: 1px solid rgba(0, 0, 0, .05);
  border-radius:10px;
}

.card:hover {
	background-color:#43b38a0d;
}

.chat li .chat-body p{
    color: black;
}

.knowledge-center strong {
    font-weight: 700 !important;
}

.user-contact-search .user span {
    color: white;
}

.goals-card {
	border-radius:10px;
}

div.goals-card-header {
  font-weight:700;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

a.pull-right.btn.btn-sm.btn-default.btn-open-survey {
  border-radius:6px;
}

div.well.well-lg.sidebar-tile {
  box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
  border: 1px solid rgba(0, 0, 0, .05);
  border-radius:10px;
}

div.course-row-cards.slides.clearfix.inprogress {
  box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
  border: 1px solid rgba(0, 0, 0, .05);
  border-radius:10px;
}

.course-row-cards {
  box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
  border: 1px solid rgba(0, 0, 0, .05);
  border-radius:10px;
}

div.hero-overlay {
  border-radius:10px;
}

button.btn.btn-default {
  box-shadow: 0 0 0px rgba(0, 0, 0, 0) !important;
  border-radius:8px;
}

button.btn.btn-default.active {
  border-radius:8px;
}

button.courseDoneButton {
  border-radius:6px;
}

.course-outline-icon-wrapper.col-xs-1 {
    background: none;
    box-shadow: none;
}

.component-index-indicator{
  display:none;
}

.component-type-icon{
 	display:inline-block; 
}

.dashboard-stat-well{
 display:none; 
}

.course-outline .section-card .course-outline-icon-wrapper {
    margin-right: 0;
}