#learnableContentAreaMain {
    padding-left: 20px;
    padding-right: 20px;
}
    
#learnableReviewAreaMain {
    overflow-y: auto;
    display: inline-block;
    padding-left:20px;
    padding-right: 5px !important;
    color: #58666a;
    position:relative;
    max-height:75vh;
}

#controllerAreaMain {
    position: fixed;
    width:12.75in;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    height: 5em;
    top: 0.0em;
    z-index:200;
    background:white;
}

#controllerArea {
    width: 100%;
    position: relative;
    top:1em;
}

.beLearnableOL {
}

.beLearnableLI {
}

.beSerialNumber {
    border-radius:0.5em;
    //background:hsl(205,100%,80%);
    padding-left: 0.3em;
    padding-right: 0.1em;
    display:none;
}

.beSelectedLearnable {
    background: #ef5612;
    color: white;
}

.gradePageSelectedLearnable {
}

.feLearnableObjective {
    background:#ef5612;
    border: 1px solid #ef5612;
    border-radius:0.5em;
    padding: 0.8em;
    color: white;
    font-size: 18px;
    
    width:100%;
    margin-bottom:1em;
    margin-top:1em;
    margin-right: 2em;
}

.beLearnableTitle {
    font-size:2.4em;
    font-family: "font-family: 'Raleway', Arial, Helvetica, sans-serif;";
}

.beLearnablePageTitle {
    font-size:2.4em;
    font-family: "font-family: 'Raleway', Arial, Helvetica, sans-serif;";
    border: 1px solid #ffffff;
}

.goalTitleText, .learnableTitleText {
}

.beSelectedLearnable .learnableTitleText {
    color: white;
}

.gradePageSelectedLearnable .learnableTitleText {
}

.beSelectedLearnable .learnableTitleText:hover {
    color: #bbbbbb;
}

.gradePageSelectedLearnable .learnableTitleText:hover {
    color: #cccccc;
}


.beSelectedLearnable  .learnableCollapse:hover {
    color: #cccccc;
}

.gradePageSelectedLearnable  .learnableCollapse:hover {
    color: #cccccc;
}

.goalTitleText:hover, .learnableTitleText:hover {
    color: #ef5612;
    cursor: pointer;
}

.egGoToParent {
    padding: 0.8em;
    //color: white;
    font-size: 18px;
    
    width:100%;
    //margin-bottom:1em;
    //margin-top:0.2em;
    margin-right: 2em;
}

.beWarning {
    background:hsl(0,50%,45%);
    border-radius:0.5em;
    padding: 0.8em;
    color: hsl(0,20%,90%);
    width:85%;
    margin-bottom:1em;
    margin-top:0.2em;
}

.questionArea {
    padding: 0.8em;
    width:100%;
    margin-bottom:0.6em;
    margin-top:0.1em;
    border: 1px solid black;
    border-radius: 8px;
}

.beWarning::before {
    content: 'WARNING: ';
}


.egCheckbox {
    display: inline-block;
}

.egUncheckedCheckbox::before {
    content: url(/img/UI/check-box-no-check-sign.svg);
}

.egCheckedCheckbox {
    content: url(/img/UI/check-box-with-check-sign.svg);
}

.egIndeterminateCheckbox {
    content: url(/img/UI/check-box-indeterminate.svg);
}

.beUnselectedLearnable > .egIndeterminateCheckbox {
    display: none;
}

.beUnselectedLearnable > .egCheckedCheckbox {
    display: none;
}


.beSelectedLearnable > .egIndeterminateCheckbox {
    display: none;
}
.gradePageSelectedLearnable > .egIndeterminateCheckbox {
    display: none;
}

.beSelectedLearnable > .egUncheckedCheckbox {
    display: none;
}
.gradePageSelectedLearnable > .egUncheckedCheckbox {
    display: none;
}

.bePartSelectedLearnable > .egUncheckedCheckbox {
    display: none;
}

.bePartSelectedLearnable > .egCheckedCheckbox {
    display: none;
}

.beLearnableLIL0 {
}

.beLearnableLIL0:hover {
}

.beLearnableLIL1 {
}

.beLearnableLIL1:hover {
}

.beLearnableLIL2 {
}

.beLearnableLIL3 {
}

.beLearnableLIL4 {
}

.beLearnableLIL5 {
}

.beLearnableL0 {
    font-size:1.6em;
    padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left: 10px;
}

.beLearnableL1 {
    font-size:1.3em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left: 10px;
}

.beLearnableL2 {
    font-size:1.25em;
    padding-top:0.45em;
    padding-bottom:0.45em;
    padding-left: 10px;
    margin-left: 10px;
}

.beLearnableL3 {
    font-size:1.2em;
    padding-top:0.4em;
    padding-bottom:0.4em;
    padding-left: 10px;
    margin-left: 20px;
}

.beLearnableL4 {
    font-size:1.15em;
    padding-top:0.35em;
    padding-bottom:0.35em;
    padding-left: 10px;
    margin-left: 30px;
}

.beLearnableL5 {
    font-size:1.1em;
    padding-top:0.3em;
    padding-bottom:0.3em;
    padding-left: 10px;
    margin-left: 40px;
}

.beLearnableL6 {
    font-size:1.05em;
    padding-top:0.3em;
    padding-bottom:0.3em;
    padding-left: 10px;
    margin-left: 50px;
}

.beLearnableL7 {
    font-size:1em;
    padding-top:0.3em;
    padding-bottom:0.3em;
    padding-left: 10px;
    margin-left: 60px;
}

.beLearnableL8 {
    font-size:1em;
    font-style: italic;
    padding-top:0.3em;
    padding-bottom:0.3em;
    padding-left: 10px;
    margin-left: 70px;
}

.beLearnableL9 {
    font-size:1em;
    font-style: italic;
    padding-top:0.2em;
    padding-bottom:0.2em;
    padding-left: 10px;
    margin-left: 80px;
}

.beLearnableL10 {
    font-size:1em;
    font-style: italic;
    padding-top:0.2em;
    padding-bottom:0.2em;
    padding-left: 10px;
    margin-left: 90px;
}


.gradePageLearnableL0 {
    font-size:1.3em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left: 0px;
}
.gradePageLearnableL1 {
    font-size:1.3em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left: 30px;
}
.gradePageLearnableL1 a {
    color : #000000;
}
.gradePageLearnableL2 {
    font-size:1.3em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left: 60px;
}
.gradePageLearnableL2 a {
    color : #222222;
}
.gradePageLearnableL3 {
    font-size:1.3em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left: 90px;
}
.gradePageLearnableL3 a {
    color : #444444;
}
.gradePageLearnableL4 {
    font-size:1.3em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left: 120px;
}
.gradePageLearnableL5 {
    font-size:1.3em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left: 150px;
}
.gradePageLearnableL6 {
    font-size:1.3em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left: 180px;
}
.gradePageLearnableL7 {
    font-size:1.3em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left: 210px;
}
.gradePageLearnableL8 {
    font-size:1.3em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left: 240px;
}
.gradePageLearnableL9 {
    font-size:1.3em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left: 270px;
}
.gradePageLearnableL10 {
    font-size:1.3em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left: 300px;
}

.learnableCollapse {
    cursor: pointer;
    margin-bottom: -0.1em;
    vertical-align: baseline;
}

.learnableCollapse:hover {
    color: #ef5612;
}

.egHierElemL0 {
    width: .75em;
    height: .75em;
}

.egHierElemL1 {
    width: .72em;
    height: .72em;
}

.egHierElemL2 {
    width: .7em;
    height: .7em;
}

.egHierElemL3 {
    width: .68em;
    height: .68em;
}

.egHierElemL4 {
    width: .66em;
    height: .66em;
}

.egHierElemL5 {
    width: .64em;
    height: .64em;
}

.egHierElemL6 {
    width: .62em;
    height: .62em;   
}

.egHierElemL7 {
    width: .6em;
    height: .6em;
}

.egHierElemL8 {
    width: 1.1em;
    height: 1.1em;
}

.egHierElemL9 {
    width: 1.1em;
    height: 1.1em;
}

.egHierElemL10 {
    width: 1.1em;
    height: 1.1em;
}

.egHierGlyphL0 {
    font-size:0.8em;
}

.egHierGlyphL1 {
    font-size:0.7em;
}

.egHierGlyphL2 {
    font-size:0.65em;
}

.egHierGlyphL3 {
    font-size:0.645em;
}

.egHierGlyphL4 {
    font-size:0.64em;
}

.egHierGlyphL5 {
    font-size:0.635em;
}

.egHierGlyphL6 {
    font-size:0.9em;   
}

.egHierGlyphL7 {
    font-size:0.635em;
}

.egHierGlyphL8 {
    font-size:0.635em;
}

.egHierGlyphL9 {
    font-size:0.635em;
}

.egHierGlyphL10 {
    font-size:0.635em;
}


.gradePageHierGlyphL0 {
    font-size:0.65em;
}
.gradePageHierGlyphL1 {
    font-size:0.65em;
}
.gradePageHierGlyphL2 {
    font-size:0.65em;
}
.gradePageHierGlyphL3 {
    font-size:0.65em;
}
.gradePageHierGlyphL4 {
    font-size:0.65em;
}
.gradePageHierGlyphL5 {
    font-size:0.65em;
}
.gradePageHierGlyphL6 {
    font-size:0.65em;
}
.gradePageHierGlyphL7 {
    font-size:0.65em;
}
.gradePageHierGlyphL8 {
    font-size:0.65em;
}
.gradePageHierGlyphL9 {
    font-size:0.65em;
}
.gradePageHierGlyphL10 {
    font-size:0.65em;
}
/*
 *  Rounded Scrollbar Style 1
 */

#learnableReviewAreaMain::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color: #F5F5F5;
}

#learnableReviewAreaMain::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#learnableReviewAreaMain::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ef5612;
}