@font-face {
  font-family: PROXIMANOVA-REGULAR;
src: url('font/PROXIMANOVA-REGULAR.OTF'),url('font/PROXIMANOVA-REGULAR.ttf'),url('font/ProximaNova-Regular.eot'),url('font/ProximaNova-Regular.woff2'),url('font/ProximaNova-Regular.woff');
}

#menuicon{
  color:white;
  line-height: 70px;
cursor:pointer;
height: 100%;
  width: 100px;
position: absolute;
overflow: hidden;
}
.my_accordion_bar{
position:absolute;
background-image:url('images/menu_sidearw_blk.png');
background-position: right 25px center;
background-repeat:no-repeat;
border:1px solid black;
border-color: black;
margin-right:20px;
border-top:1px !important;
border-left: none;
}
.preLevelPatch,
.ui-state-active.my_accordion_bar
{
position:absolute;
background-image:url('images/menu_sidearw_wht.png');
background-position: right 25px center;
background-repeat:no-repeat;
border:1px solid black;
border-color: black;
margin-right:20px;
border-top:1px !important;
border-left: none;
}
.ui-state-active.my_accordion_bar.urlParent{
background-image: none !important;
border-bottom: 1px solid black !important;
}
.my_accordion_bar:hover{
background-color:#d6d6d6;
-moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.my_accordion_bar:not(.blankbody)[aria-expanded="true"][aria-selected="true"]{
border-bottom-color: transparent;
}
.ui-icon-triangle-1-e{
display:none;
}
.ui-accordion-header-icon{
display:none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover,
.patchRed {
  border: 1px solid #E21A23;
  background-color: #C0C0C0	;
  font-weight: normal;
  color: black;
border-left: 7px solid #E21A23;
animation-duration:10s;
}
.ui-widget-content {
  border: 1px solid black;
  background: #ffffff;
  color: #333333;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
   border-bottom-left-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
   border-bottom-right-radius: 0px;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 0px 0 0 0;
  font-size: 12pt;
  min-height: 43px;
height:43px;
  display: flex;
  padding-left: 20px;
  align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-align-items: center;
  color: #000000;
  font-family: PROXIMANOVA-REGULAR !important;
line-height:1;
border-left: 1px solid black;
  margin-left: -1px;
}/*
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active{
border:1px solid #E21A23;
border-left: 7px solid #E21A23 !important;
background-color:#E21A23 !important;
color:#ffffff !important;
} */
.preLevelPatch,.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active{
border:1px solid #E21A23;
  border-left: 7px solid #E21A23 !important;
background-color:#E21A23 !important;
color:#ffffff !important;
border-bottom: black !important;
}
.visitedChild:not(.ui-state-active):not(.preLevelPatch),
.urlParent.ui-state-active,
#breadcum-container .preLevelPatch
{
background: #d6d6d6!important;
border-left: 7px solid #E21A23 !important;
background-image:url('images/menu_sidearw_red.png') !important;
background-position: right 25px center !important;
background-repeat: no-repeat !important;
color: #000000 !important;
}
#breadcum-container .myaccordion:not(.level_0) .preLevelPatch{
border-left: none !important;
}

.myaccordion:not(.visitedParent) .visitedChild:not(.preLevelPatch):not(.urlParent)
{
border-bottom: #E21A23 !important;
}

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 0.5px solid black;
  background: white;
  font-weight: normal;
  color: #000000;
}*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

   background-color: white;
 animation-duration:10s;
}
.ui-accordion .ui-accordion-content {
  border-top: 0;
  overflow: auto;
  border-left: 7px solid #E21A23;
  color: #3B3B3B;
  padding: 13px;
  padding-left: 20px;
  font-size: 12pt;
  font-family: PROXIMANOVA-REGULAR !important;
margin-left: -1px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0px
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0px;
}
#menu-container{
display:none;
z-index:5;
height:auto;
width:100%;
left:0;
position:absolute;
}
.ui-widget{
font-family:PROXIMANOVA-REGULAR !important;
}
.typeImgWrapper{
width: 18%;
  text-align: right;
margin-right: 18px;
}
.pdf{
background-image: url(images/PDF_icon.png);
  width: 21px;
  height: 27px;
}
.video{
background-image: url(images/play_icon.png);
  width: 27px;
  height: 27px;
}
.story{
background-image: url(images/module_icon.png);
  width: 35px;
  height: 27px;
}
.word{
background-image: url(images/worddoc_icon.png);
  width: 28px;
  height: 27px;
}
.type_accordion{
position:absolute;
background-image:url('images/menu_sidearw_blk.png');
background-repeat:no-repeat;
background-position: right 12px bottom 5px;
border:1px solid black;
}
.blankbody + div{
display:none !important;
}
.blankbody{
border-left: 1px solid transparent;
}
#container{
width:100%;
height:768px;
position:absolute;
}
.myaccordion{
position:absolute;
display:inline-block;
top: -20px;
z-index:2;
font-size:0.9em;
}
#menuheader{
float: right;
color: #ffffff;
line-height: 70px;
font-size: 18pt;
font-family:PROXIMANOVA-REGULAR !important;
/* 	margin-right: 1.4%; */
}
#menu{
position:absolute;
top: 26px;
background-image:url('images/hamburgermenu_icon_wht.png');
background-repeat:no-repeat;
width: 50px;
height: 50px;
display: block;
}

#menubar{
position:absolute;
top: -27px;
left: 32px;
font-size:18pt;
color:#ffffff;
font-family:PROXIMANOVA-REGULAR !important;
}
#breadcum-container .myaccordion:not(.myaccordionparent) .ui-state-active
{
/* border-left: 1px solid black !important; */
border-left: 1px solid transparent !important;
}


.my_accordion_bar:focus{
/* outline:none; */
}
[tabindex]:not([tabindex="-1"]):focus{
outline: 1px solid #498bf9 !important;
outline-offset: -1px;
outline: -webkit-focus-ring-color auto 5px !important;
z-index: 1;
}
.myaccordionparent .my_accordion_bar{
border-left: 1px solid black;
}
.my_accordion_bar.borderLeft{
border-left: 1px solid black;
  margin-left: -1px;
}
#navgation-container
{
position: absolute;
z-index: 0;
display: none;
right: 3px;
top: 64px;
float: right;
width: 100%;
top: 30px;
left: 0;
bottom:0;
right:0;
max-width:970px;
margin:0 auto;
}
#navgation-container .nxtBackBtn{
float: right;
}
.disabled{
opacity: 0.5;
pointer-events: none;
}

.link-container #icon {
  float: left;
  margin: 0 15px;
}
.link-container #link {
    float: left;
    line-height: 29px;
    color: #0000ff !important;
    text-transform: uppercase;
  /* text-decoration: underline #0000ff; */
  border-bottom: 1.33px solid #0000ff;
  font-size:12pt;
  text-decoration:none;
  line-height: 23px;
}
#back
{
/* background-image:url('images/previous_icon.png'); */
background-repeat: no-repeat;
  position: relative;
  width: 100px;
  height: 30px;
display:inline-block;
cursor:pointer;
}
#next
{
/* background-image:url('images/next_icon.png'); */
background-repeat: no-repeat;
  position: relative;
  width: 100px;
  height: 30px;
display:inline-block;
cursor:pointer;
}

.testMe{
width: 82%;
pointer-events: none;
}
.level_0 {
width: 25%;
left: 0% !important;
}
.level_1 {
width: 25%;
}
.level_2 {
width: 50%;
}
.level_0.lastLevel{
width: 50%;
left: 0% !important;
}
.level_1.lastLevel{
width: 50%;
left: 25% !important;
}
.level_2.lastLevel{
width: 50%;
left: 50% !important;
}
.urlParent {
background-image: none;
pointer-events: none;
}
.typeImg{
pointer-events: auto;
  display: inline-block;
  background-repeat: no-repeat;
margin-left:10px;
}
.typeImg:last-child
{
margin-right:-7px;
}
.typeImg:first-child,
{
margin: 0;
}

@-ms-document url-prefix() {
.ui-accordion .ui-accordion-header{
    flex: 1;
/*   font-size:11.8pt; */
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
  .ui-accordion .ui-accordion-header{
  font-size:11.8pt;
  }
.pdf{
background-image: url(images/PDF_icon.png);
  width: 22px;
  height: 27px;
}
.video{
background-image: url(images/play_icon.png);
  width: 28px;
  height: 27px;
}
}
@supports (-ms-ime-align:auto) {
.level_2.lastLevel { width:49.1%;
}
.ui-accordion .ui-accordion-header{
  font-size:11.8pt;
  }

}

#breadcum-container{
width: inherit;
height: inherit;
position: absolute;
top: 0px;
left: 0;
/* pointer-events: none; */
cursor: pointer;
display: none;
}

#breadcum-container .preLevelPatch,
#breadcum-container .myaccordion:not(.lastLevel).ui-state-active
{
    border-bottom: 1px solid black !important;
    border-right: 1px solid black !important;
}
#breadcum-container .ui-accordion-content
{
display: none !important;
}
#breadcum-container #menu-container
{
display: block !important;
}
#breadcum-container .lastLevel {
/* pointer-events: none; */
/* background: #d6d6d6!important; */


}

.progress {
  border-radius: 0px !important;
-moz-border-radius: 0px !important;
-ms-border-radius: 0px !important;
-o-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
}

.timestamp{
font-size:10pt;
font-family:PROXIMANOVA-REGULAR !important;
}
/* #my_accordion_bar_1_3{
border-left:0.5px solid black;
margin-left:-1px;
} */
#link .timestamp{
display: none;
}
.level_0 .ui-state-active{
/*border: 1px solid transparent;*/
}

@-moz-document url-prefix() {
  .ui-accordion .ui-accordion-header{
      padding-left: 15px;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ specific styles go here */
.level_2 {
width: 48.7% !important;
}
}

@media only screen and (max-width: 710px) and (min-width: 500px){
/* .typeImgWrapper{
  width:42%;
} */
.typeImg{
pointer-events: auto;
  display: inline-block;
  background-repeat: no-repeat;
margin-left:5px;
}
.typeImg:last-child
{
margin-right:1px;
}
}

@media only screen and (max-width: 1015px) and (min-width: 969px){
.ui-accordion .ui-accordion-header{
font-size:12pt
}
.ui-accordion .ui-accordion-content{
font-size:12pt
}
.link-container #link {
font-size:12pt;
}
.timestamp{
font-size:10pt;
}
#menubar{
font-size:17pt;
}
#menuheader{
font-size: 17pt;
}
}
@media only screen and (max-width: 969px) and (min-width: 765px){
.ui-accordion .ui-accordion-header{
font-size:10.5pt;
padding-left:15px;
}
.ui-accordion .ui-accordion-content{
font-size:10pt;
padding-left:15px;
}
.typeImgWrapper {
  width: 25%;
}
.testMe{
width: 75%;
}
.timestamp{
font-size:9pt;
}
.link-container #link {
font-size:10.5pt;
}
#menubar{
font-size:15pt;
}
#menuheader{
font-size: 15pt;
}
}
@media only screen and (max-width: 765px) and (min-width: 599px){
.ui-accordion .ui-accordion-header{
font-size:10pt;
padding-left:9px;
}
.ui-accordion .ui-accordion-content{
font-size:9pt;
padding-left:9px;
}
.typeImgWrapper {
  width: 30%;
}
.testMe{
width: 70%;
}
.timestamp{
font-size:8pt;
}
.link-container #link {
font-size:10pt;
}
#menubar{
font-size:14pt;
}
#menuheader{
font-size: 14pt;
}
}
@media only screen and (max-width: 599px) and (min-width: 450px){
.ui-accordion .ui-accordion-header{
font-size:8pt;
padding-left:3px;
}
.ui-accordion .ui-accordion-content{
font-size:7pt;
padding-left:3px;
}
.timestamp{
font-size:6pt;
}
.typeImg:last-child{
margin-right:0px;
}
.link-container #link {
font-size:8pt;
}
#menubar{
font-size:12pt;
}
#menuheader{
font-size: 12pt;
}
.typeImgWrapper {
  width: 28%;
}
.testMe{
width: 72%;
}
}