:root{
  --fontStyle: 'Noto Sans';
	--fontSize: .9em;
  --maxWidth: 100%;
  --borderRadius:0;
	--accentDarkBGalpha: var(--icrcLight);
  --accentDarkBG: var(--icrc);
  --accentDarkFG: white; 
  --accentLightBG: #FAF7F3; /*sand background */
	--accentLightFG: #484848;
  --contentBG: white;
	--contentFG: #14181F;
	--contentEmp: #9C1F31; /* highligted text */
  --pBkOthers: var(--icrc);
  --pBkOthersLight: var(--accentLightBG);
  --pBkWarning: #aa6009; /* warning strong*/
  --pBkWarningLight: #FEF3E6; /* warning light */
  --pBkBasic: #005BA4; /* note strong */
  --pBkBasicLight: #F0F8FF; /* note light */
	--footerFG: white;

  /* themable */
  --icrcLight:#646D78;
  --icrc: #454D54;
  --icrcDark: #21262C;
}

/* ===== SKIN ICRC ===== */

body{
  background: #fff none;
}

.op_txt_ul, .txt_ul{
  color: #005BA4; /* link text */
}

.default #root, .sco #root {
  margin: 0;
  background-color: var(--accentDarkBG);
}

#document {
  flex-direction: column;
  margin-top: 50px;
}

.scroller {
  padding: 1em 10%;
}

a.tooltip_a.info {
  background-color: transparent;
  box-shadow: none;
  color: var(--contentFG);
  text-shadow: none;
}
a.tooltip_a.info::before{
	content:"\e871";
}

#footer, .default #footer {
  background-color: var(--icrcDark);
}

/* HOME */
.home #root {
  background:rgba(0, 0, 0, 0) url("../img/icrc/logo.png") no-repeat scroll 3em 1em / auto 7em;
}

.home p {
  margin: 0.2em 0;
}

.home #main {
  background-color: var(--accentDarkBG);
  margin: 10em 0 0;
  overflow: hidden;
  box-shadow: 0 2px 2px #1e1e1c;
  justify-content: center;
}

.home #main::before {
  border: 10px solid #fff;
  bottom: 0;
  content: "";
  height: 80%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  z-index: -1;
}

.home #content {
  align-self: flex-end;
  background-color: var(--icrcDark);
  padding: 3em;
  flex: 0 0 auto;
}

.home section.article{
  padding:0;
  margin:0;
  text-align: left;
}

.home section.article h1{
  font-size: 4em;
  color:#fff;
}

.home section.article .hBk_co .auth{
  color:#fff;
}

.home section.article .hBk_co .version, .home section.article .hBk_co .date{
  color: #005BA4;
}

.home section.article .hBk_co .logo {
  opacity: 1;
  z-index: -2;
  box-shadow: none;
}

.home #navigation {
  margin: 50px 1em 0 0;
  align-self: flex-end;
}

.home #navigation li {
  display: block;
}

.home #navigation a.start, .home #navigation a.btnScormResume {
  background-color: #005BA4;
  color:var(--accentDarkFG);
}
.home #navigation a.start {
  width: 250px;
}
.home #navigation a.start:hover, .home #navigation a.btnScormResume:hover {
  opacity: .7;
}

.home #footer {
  flex: 0 0 50px;
}

.home #navigation a.btnScormQuit {
  color: #488ba5;
  position: fixed;
}

/* HEADER */
.default #header, .sco #header{
  background-color: var(--icrcDark);
}
.default .zen_true #header, .sco .zen_true #header {
    padding-left: 10%;
}
.default #header h1, .sco #header h1 {
  text-align: left;
  height: 50px;
  line-height: 50px;
  font-weight: 600;
  font-size:1.5em;
}
#header h1 span {
  vertical-align: baseline;
}

/* TOOLBOX */
.default #toolbox {
  margin-bottom: 40px;
}

.default #tools {
  overflow: hidden;
  flex: 0 0 50px;
}

#tools > nav, 
.scorm #tools .scormQuit {
  padding: 0;
  height: 100%;
}

.default #tools .lbl {
  padding: 0;
}

.default #tools .item, .default #tools a.btnScormQuit{
  margin: 0;
  box-shadow: none;
  background-color: transparent;
  text-shadow: none;
}
.default #tools .item:hover, .default #tools .anc_yes .item, .default #tools a.btnScormQuit:hover {
  background-color: var(--accentDarkBGalpha);
}

.default #menu ul {
  padding: 0 10px;
}

.default #menu .mnu .lbl {
  border-top: 1px solid #D3D8DE;
  padding: 0.5em;
}

#menu .type_l .lbl::before, .sw_child_navList a::before {
  line-height: 20px;
}

.default #menu .mnu .lbl .item {
  font-weight: 600;
}

li.sel_yes > div {
  background-color: transparent;
  box-shadow: none;
}

.default #menu .mnu .tgle_c::before {
  content: "\e81d";
}
.default #menu .mnu .tgle_o::before {
  content: "\e81e";
}

.default #menu .mnuSrlUpBtn, .default #menu .mnuSrlDwnBtn {
  background-color: var(--icrcDark);
  box-shadow: none;
  width: 300px;
}
.default #menu .mnuSrlUpBtn:hover, .default #menu .mnuSrlDwnBtn:hover {
  background-color: var(--icrcDark);
  opacity: .7;
}

/* NAVIGATION */
.default #navigation {
  display: flex;
  flex: 0 0 40px;
  align-self: stretch;
  overflow: hidden;
}

#navigation a {
  margin: 0;
  box-shadow: none;
  background-color: transparent;
  text-shadow: none;
  font-size: 2.2em;
}
#navigation a:hover{
	background-color:var(--accentDarkBGalpha);
	color:#fff;
}

#navigation .pageTurner {
  flex: 2 1 auto;
}

#navigation ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

#navigation li {
  height:40px;
}

/* ICO  */
section.article > .hBk_ti, .sco section.article > .mainContent_ti{
  font-size: 2.5em;
  margin: 0.5em 0;
  align-items: center;
  font-weight: 600;
}

.module .hBk > h2.hBk_ti:before, .sco .mainContent > h2.mainContent_ti:before {
  background-color: var(--accentLightBG);
  border-radius: 50%;
  flex: 0 0 70px;
  line-height: 70px;
  font-size:1em;
}

.sw_child_navList a::before {
  color: var(--accentDarkBG);
}

.module .assmntUa > h2.hBk_ti:before, .sco .assmntUa > h2.mainContent_ti:before {
	content:"\e845";
}
.module .practUc > h2.hBk_ti:before, .sco .practUc > h2.mainContent_ti:beforee {
	content:"\e842";
}
.module .quest > h2.hBk_ti:before, .sco .quest > h2.mainContent_ti:before {
	content:"\e849";
}

.sw_child_navList a.courseUa::before{
  content:"\e845";
}

/* BLOCKS */
.pBk{
	background-color:var(--pBkOthersLight);
	padding: 1em 1.5em 1em 2em;
  margin: 1.5em 0 1em 15px;
  position:relative;
}
.warning{
	background-color:var(--pBkWarningLight);
}
.basic {
  background-color:var(--pBkBasicLight);
}

.pBk_ti {
  margin-top: 0;
}
.pBk_ti i.type{
  font-style:normal;
}
.pBk:not(.noTitle) > .pBk_ti i.type{
  margin:0;
}
.pBk_ti i.type + span.hidden, .pBk:not(.noTitle) > .pBk_ti i.type span{
  display:none;
}

.pBk_ti i.type::before {
  position: absolute;
  left: -0.5rem;
  top: -0.5rem;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 1.5rem;
  background-color: var(--pBkOthers);
  color: var(--accentDarkFG);
  text-align: center;
}
.basic_ti i.type::before{
  background-color:var(--pBkBasic);
}
.warning_ti i.type::before{
  background-color:var(--pBkWarning);
}

.pBk_co, .complement_co {
  background-color: transparent;
  box-shadow: none;
  margin-bottom: 0;
}

.complement_ti i.type::before {
	content:"\E82F";
}

/* SUBWIN EVAL */
.subWin #navigation {
  background-color: var(--icrc);
  flex: 0 0 40px;
}
.subWin.eval #navigation .evalCounter {
  color: var(--accentDarkFG);
}

/* RESPONSIVE */
@media (max-width:800px){
  .home #main{
    justify-content: flex-start;
  }
  section.article > .hBk_ti, .sco section.article > .mainContent_ti {
		font-size: 2em;
	}
  .default #navigation{
    bottom:-40px;
  }
  form.schForm {
    margin-block: 5px;
	}
}