@charset "utf-8";
/* CSS Document */

:root {

  --kcj-alabaster:#f8f8f8;
  --kcj-orange:rgba(249, 160, 72, 1);
  --kcj-green:rgba(51, 153, 51, 1);
  --kcj-chathams_blue:#17597c;
  --kcj-malibu:#82cdf8;
  --kcj-picton_blue:#35adf5;
  --kcj-mariner:#2781B7;
  --kcj-white:#FFF;
  --kcj-raven:#707C87;
  --kcj-hawkes-blue: #D7EFFD;
  --kcj-flush-orange: #FD8701;
  --kcj-peach-orange: #FECF99;
  --kcj-indochine: #BC6700;
  --kcj-sail: #ACDDFA;
  --kcj-flush-orange:#FD8701;
  --kcj-half-baked:#82BFD3;
  --kcj-cinnamon:#804500;
  --kcj-gallery:#EDEDED;
  --kcj-gray-chateau:#9DA2AB;
}


* {
	font-family: 'Poppins', sans-serif;
	color:#666;
}

body {
	background-color:#f8f8f8;
}


h1 {
	font-size:22px;

}

h2 {
	font-size:20px;

}

.kcj_text_picton_blue {color:var(--kcj-picton_blue);}
.kcj_text_hawkes_blue {color:var(--kcj-hawkes-blue);}
.kcj_text_chathams_blue {color:var(--kcj-chathams_blue);}

.top_nav_section {
	background-color:#17597C;
	position:sticky;
	top:0;
	left:0;
	z-index:10000;
	height:110px;
}

.top_nav_section.unstick {
  	position:static;
}

.top_nav_container {
	min-height:110px
}

.top_nav_container h1 {
	color:white;
	line-height:70px;

}

.top_nav_container a, .top_nav_container a:hover, .top_nav_container a:visited {
	color:white;
}

.nav_tab {
	display:inline-block;
	background-color:white;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	background-color:#628F9E;
	color:white;
	cursor:pointer;
}

.nav_tab a, .nav_tab a:hover, .nav_tab a:visited {
	text-decoration: none;
	color: inherit;
}

.nav_tab.active {
	background-color:#f8f8f8;
	color:#AAA;

}

.nav_tab:first-child {
	border-top-left-radius:10px;
	margin-right:1px;
}

.nav_tab:last-child {
	border-top-right-radius:10px;
}

.support_footer {
	background-color:#17597C;
	height:80px;
	color:white;
  position: relative;;
  z-index: 1000;
}

.footer_kcj_link, .footer_kcj_link:hover, .footer_kcj_link:visited {
	text-decoration: none;
	color:white;
}

.horizontal_seperator {
	display: inline-block;
	border-right: thin solid white;
	height: 60%;
	margin-left: 50px;
}

.popup_mask {
	background-color:rgba(0,0,0,0.3);
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
}

.popup_login_container {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:360px;
	min-height:260px;
	background-color:#FFF;
	box-shadow:#666 4px 4px 4px 4px;
	border-radius:8px;

}

.popup_login_container input, .password_reset_form_container input {
	border:none;
	border-bottom:#666 thin solid;
	width:100%;
}

.popup_login_container p {
	color:#666666;
}

.popup_login_header {
	background-color:#35ADF5;
	padding:20px;
	border-top-left-radius:inherit;
	border-top-right-radius:inherit;
}

.popup_login_content {
	padding:20px;
}

.popup_link_forgot_password {
	font-size:12px;
}
.pupup_btn {
	border:none;
	background-color:rgba(33,173, 245, 0.5);
	cursor:pointer;
	padding:10px;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	color:white;
}

.pupup_btn:hover {
	background-color:rgba(33,173, 245, 1);
}

.popup_login_container h1 {
	color:white;
	text-transform: uppercase;
	line-height:18px;
}

.popup_close {
	position:absolute;
	top:5px;
	right:10px;
	font-size:24px;

	cursor:pointer;
}

.popup_close i {
		color:rgba(255,255,255,.6);
}

.popup_close i:hover {
	color:rgba(255,255,255,1);
}

.content {
	position:relative;
	min-height:calc(100vh - 225px);
}

.index_main {
	background-color:#FFF;
}

.index_main h2 {
	font-size:20px;
}

.index_main h3 {
	font-size:18px;
}

.index_main hr {
	color:#333333;
	margin-right:20%;
	margin-top:4px;
}

.index_main ul {
	list-style:none;
	margin:0;
	margin-bottom:8px;
	padding:0;
}

.index_main li {
	margin-bottom:10px;
}

.disabled_resource {
	color:#000000;
  opacity: 0.2;
  cursor: pointer;
}

.password_reset_form_container {
	width:380px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

.password_reset_form_container ul {
	list-style:none;
	margin:0;
	margin-bottom:8px;
	padding:0;
}

.password_reset_form_container li {
	margin-bottom:4px;

}

.kcj_page_titles {
   color: var(--kcj-chathams_blue);
   font-size: 36px;
   font-weight: 600;
}

.kcj_social_media_link {
	width:30px;
	height:30px;
	border-radius:15px;
	background-color:#FFFFFF;
	color:#17597C;
	text-align:center;
	line-height:30px;
	margin:5px;
}

.kcj_highlight_link_wrapper {
	color: var(--kcj-chathams_blue);
  text-transform: uppercase;
}

.kcj_highlight_link_wrapper.underlined {
  display:inline-block;
	border-bottom: solid var(--kcj-chathams_blue) 2px;
}

.kcj_highlight_link_wrapper i {
	color: var(--kcj-chathams_blue);
}

.kcj_highlight_link_wrapper a,  .kcj_highlight_link_wrapper a:hover, .kcj_highlight_link_wrapper a:visited {
	text-decoration: none;
	color: var(--kcj-chathams_blue);
}

.breadcrumb_nav {
  background-color: #f8f8f8;
  padding: 0;
  padding-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  z-index:300;
}

.breadcrumb_nav_seperator {
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
}

.breadcrumb_nav a, .breadcrumb_nav a:visited, .breadcrumb_nav a:active {
  color:var(--kcj-picton_blue);
}

.breadcrumb_nav a:hover {
  color:var(--kcj-chathams_blue);
}

.resellers_links {
	font-size: 36px;
}

.resellers_links i {
		color: #35adf5;
}

.troubleshooting ul {
	list-style:disc;
	margin-left: 40px;
}

.expandanble_content {
	display:none;
}

.book_index_section {
  margin-left: 28px;
}

.book_index_section:first-child {
  margin-top: 20px;
}

.book_index_section a, .book_index_section a:visited {
  text-decoration: none;
  color:var(--kcj-chathams_blue)

}

.book_index_section a:hover, .book_index_section a:active {
  color:var(--kcj-picton_blue);
  text-decoration: none;
}


.curriculum_index {
	/*background-color:#FFF;*/
  top:0;
}


.curriculum_index h2 {
	font-size:20px;
}

.curriculum_index h3 {
	font-size:18px;
  user-select: none;
}

.curriculum_index hr {
	color:#333333;
	margin-right:20%;
	margin-top:4px;

}

.curriculum_index ul {
	list-style:none;
	margin:0;
	margin-bottom:8px;
	padding:0;
}

.curriculum_index li {
	margin-bottom:10px;
}


.curriculum_index li[name=page]:first-of-type {
  margin-top: 0;
}
.curriculum_index li[name=page] {
  margin-top:30px;
  margin-bottom:0;
}

.curriculum_index li[name=page] {
	cursor: pointer;
}

.curriculum_index_sticky {
  position: sticky;
  top: 100px;
}

.curriculum_breadcrumb_sticky {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color:#f8f8f8;
}

.submenu_links, .submenu_links:visited {
  text-decoration: none;
  color:var(--kcj-chathams_blue);
}

.submenu_links:hover {
  text-decoration: none;
  color:var(--kcj-picton_blue);
}

.submenu_links.active {
  color:var(--kcj-picton_blue);
  border-bottom: 2px solid var(--kcj-picton_blue);
}

@media (min-width: 1200px) {
    .container{
        max-width: 1180px;
    }

    .top_nav_container{
        max-width: 1140px;
    }
}

@media (min-width: 1300px) {
    .container{
        max-width: 1280px;
    }

    .top_nav_container{
        max-width: 1240px;
    }
}

.curriculum_progress_bar_wrapper {
  position: relative;
  width:100%;
  height:24px;
  z-index:1000;
  margin-left: 30px;
  margin-top: 10px;
  margin-right: 10px;
}

.curriculum_progress_bar_mask {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:24px;
  background-color:#FFE7CC;
  border-radius: 10px;
  overflow: hidden;

}

.curriculum_progress_bar_level {
  position: absolute;
  background-color:#FD8701;
  top:0;
  left:0;
  width:0%;
  height:24px;
  border-radius: 10px;
}

.curriculum_progress_percentage_completed {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:24px;
  color: white;
  text-align: center;
  text-weight: 700;
}

.curriculum_progress_completed_icon {
  width:30px;
  height:50px;
  position: absolute;
  right:0px;
  top:-10px;
}

.curriculum_progress_completed_icon .completed_icon {
  font-size: 44px;
  color:#BC6700;
}

.curriculum_progress_completed_check_button {
  display: none;
  height: 50px;
  font-size: 18px;
  line-height: 40px;
  border: thin solid white;
  border-radius: 25px;
  padding-left: 35px;
  padding-right: 35px;
  background-color: #35adf5;
  color:white;
}

.curriculum_progress_completed_check_button.deactivated {
  opacity: 0.4;
}

.btn_check {
  color: white;
}

.index_progress_checked {
  color:green;
  font-size:18px;
  font-weight:900
}

.in_line_icon_holder_new {
  position: relative;
  display: inline-block;
}

.in_line_icon_new {
  position:absolute;
  top:-23px;
  left:10px;
  width:35px;
  height:35px;
  background-image:  url("../img/icon_new_2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.in_card_icon_holder_new {
  position: relative;
}

.in_card_icon_new {
  position:absolute;
  top:-40px;
  right:-50px;
  width:80px;
  height:80px;
  background-image:  url("../img/icon_new_2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.tweet_placeholder {
  width:74px;
  height:28px;
  opacity: 0.2;
  background-image:  url("../img/button_tweet_placeholder.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}