@font-face {
    font-family: Lato-Regular;
    src: url('Lato-Regular.ttf');
}
@font-face {
    font-family: Lato-Black;
    src: url('Lato-Black.ttf');
}
@font-face {
    font-family: Lato-Heavy;
    src: url('Lato-Heavy.ttf');
}

html,
body {
    height: 100%; 
    padding: 0;
    margin: 0;
	font-family: Lato-Regular; 
	font-size: 17px; 
	letter-spacing:0.01em;
	overflow: hidden;
    cursor:default;
    
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#panels {
	display: table; 
    width: 100%;
    height: 100%;
	overflow:hidden;
}

#panels > div {   
    display: table-row;   
    width: 100%;
}

#block-left {
	display: table-cell;  
	vertical-align:top;
    position: relative;
    
}

#block-right {
	display: table-cell;  
	vertical-align:top;
	height:100%;	
    position: relative;
    background-color:right;
}

.transition {
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.widget {
	height:100%;  
	overflow:auto;
}

.block-data {
    display: table; 
    width: 100%;
    height: 100%; 
}

.block-data > div{   
    display: table-row;   
    width: 100%;
}

.block-data > div > div{   
    display: table-cell;   
    width: 100%;
    border-radius:10px; 

}

.header > div {
	border:1px dashed #fff;
	background-color:green;
	
}

.content > div {
    height: 100%;  
	background-color:pink;	
	
}

.footer > div {
    height:50px; 
	border:1px dashed #fff;
}

a:link {color:#000;}
a:visited, a:active {color:#000;}
a:hover{color:#000;}

#toc a:link {color:#fff;}
#toc a:visited, #toc a:active {color:#fff;}
#toc a:hover{color:#fff;}

#standards-splitview a:link, #standards-fullview a:link {color:#a277a1;}
#standards-splitview a:visited, #standards-splitview a:active, #standards-fullview a:visited, #standards-fullview a:active {color:#a277a1;}
#standards-splitview a:hover, #standards-fullview a:hover{color:#a277a1;}


/* Toolbox */
textarea, select {font-family: Lato-Regular; font-size: 17px; padding:1%; resize: none;}
textarea:focus, select:focus { outline: none;}
.black {font-family: Lato-Black;}
.heavy {font-family: Lato-Heavy;}
.bold {font-weight:bold;}
.disable {display:none;}
.visible {display:inline;}
.uppercase {text-transform:uppercase;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.block {display:block;}
.inline {display:inline-block;}
.clear {display:none;}
.middle {vertical-align: middle;}
.hidden {display: none !important;}
.disabled{pointer-events: none; cursor: none; 
    opacity:0.2 !important; 
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)' !important; 
    filter: alpha(opacity=2)!important; 
    -khtml-opacity: 0.2!important; 
    -moz-opacity:20!important;
}
.goToDisable{pointer-events: none; cursor: none; 
    opacity:0.2 !important; 
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)' !important; 
    filter: alpha(opacity=2)!important; 
    -khtml-opacity: 0.2!important; 
    -moz-opacity:20!important;
}

.menu-disabled{cursor: none; 
opacity:0.2; 
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)'; 
filter: alpha(opacity=20); 
-khtml-opacity: 0.2; 
-moz-opacity:20;
}
.align-right {text-align:right; float:right;}
.align-center {text-align:center; margin-left:auto; margin-right:auto;}
.align-left {text-align:left;}
.imgContainer {display:block;} /* max-width:100%; max-height: 80vh; margin-bottom:-3px; */
.img {position:relative;}
.img-has-border {margin:1.5em 2.5em 0em 0em;}
#lock {display:none; position:absolute; z-index:1000; height:100%; width:100%; background-color:rgba(0, 0, 0, 0.5)}
.thumbnailTitle {margin-left:1em; font-style:italic;} /*float:right; vertical-align:bottom;*/
.focus {position:relative;}
.imgElement {max-width:100%; max-height: 100%; display: block;}
.imgTransparent {opacity: 0.0; filter: alpha(opacity=0);}

#documentViewer.splitView, #mainDocumentViewer.fullView, #mainDocumentViewer.dialog-box, #mainDocumentViewer.logIssue-box, #alertDocumentViewer.alert-box, #modalOverlay, #formInputModalOverlay, #camera-wizard.camera-dialog, #camera-wizard.proctor-dialog, #camera-wizard.short-camera-dialog, #login-dialog.login-timeout{ 
    /* 105% required because the panels are using 95% to prevent scoll bugs */
    height:100%;
    width:100%; 
    position:absolute; 
    top:0em; 
    /*
    background-color:rgba(0, 0, 0, 0.5);
    */
    background:url(../images/overlay_alpha.png) repeat 0 0;  

    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;        
}
/*.force-wizard #camera-wizard #demo-overlay {
    display: none;
}
.force-wizard #camera-wizard.camera-dialog #demo-overlay, .force-wizard #camera-wizard.proctor-dialog #demo-overlay, .force-wizard #camera-wizard.short-camera-dialog #demo-overlay {
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    position: fixed;
    opacity: 0.1;
    pointer-events:none;
    background:url(../images/demo-overlay.png);
    background-size: 20%;
    background-repeat: repeat;
}*/
.force-wizard-helper {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 1s linear, height 0s, width 0s;
    width: 0;
    height: 0;
    position: absolute;
}
.force-wizard .force-wizard-helper {
    visibility: visible;
    opacity: 1;
    width: 30em;
    height: auto;
    left: -30.5em;
    top: 3em;
    font-weight: bold;
    padding: 2em 2em 2em 2em;
    /*padding: 2em 3em 2em 3em;*/
    color: #573a08;
    border-radius: 5px;
    cursor: default;
    z-index:2;
}
.force-wizard .proctor-dialog .force-wizard-helper {
    left: -31.25em;
}
.force-wizard-helper .wizard-helper-arrow {
    width: 16px;
    height: 65px;
    overflow: hidden;
    position: absolute;
    right: -16px;
    margin: auto;
    top: 5px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.force-wizard-helper .wizard-helper-arrow:after {
    content: "";
    position: absolute;
    left: 6px;
    bottom: 20px;
    width: 23px;
    height: 23px;
    box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
  
    transform: rotate(45deg);
}
.force-wizard-helper, .force-wizard-helper .wizard-helper-arrow:after {
    background-color: #fdecd5;
    border: 2px solid #c9b48a;
}
.force-wizard-helper .helper-icon-close {
    display: none;
    background-image: url(/html5/images/exit-icon-tutorial-helper.svg);
    background-repeat: no-repeat; 
    height:0.75em;
    width: 0.75em;
    position: absolute;
    margin: auto;
    top: 2.25em;
    left: 1em;
    cursor: pointer;
}
.mobileWidgetLeft {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 1101;
}
.mobileWidgetLeftBlock, .mobileWidgetRightBlock {
    height: 100%;
}
.mobileWidgetRight {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 1100;
}
#mobileFormModalOverlay {
    height:100%;
    width:100%; 
    position:absolute; 
    top:0em; 
    background-color:rgba(0, 0, 0, 0.8);

    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s; 
    -webkit-overflow-scrolling: touch;
}
#form-text-input.form-dialog-box{
    height:50%;
    width:45%; 
    position:absolute; 
    cursor:move;
    z-index:308;
}
#mainDocumentViewer.fullView{
    z-index:302;
}
#mainDocumentViewer.tutorial{
    z-index:10003;
}
#mainDocumentViewer.dialog-box{
    z-index:20000;
}
#alertDocumentViewer.alert-box, #mainDocumentViewer.logIssue-box {
    z-index:20002;
}
#modalOverlay{
    z-index: 304;
    display: none;
}
#mobileFormModalOverlay{
    z-index: 304;
}
#formInputModalOverlay{
    z-index: 307;
}
#camera-wizard.camera-dialog, #camera-wizard.proctor-dialog, #camera-wizard.short-camera-dialog{
    z-index:1103;
}
#login-dialog.login-timeout {
    z-index: 20001;
}
#login-dialog.login-timeout #login-component {
    margin: 0 auto;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* centers the thumbnail title */
.thumbnailBlock {
    display: flex;
    align-items: center;
}

#viewBox {
    max-width:98%; 
    max-height:95%; 
    margin:0 auto; 
    position: relative; 
    top: 50%; /*48%; */
    transform: translateY(-50%);  
    display:block;
}
#form-text-input.form-dialog-box #viewBox {
    max-width:100%; 
    max-height:100%; 
}

#documentBox {
    position: relative; 
    display:block; 
    margin:0 auto;
    text-align:center;  
}

#documentViewer #documentBox {
    top: 50%; 
    transform: translateY(-50%); 
    max-width:90%;  
    max-height:90%;
}

#mainDocumentViewer #viewBox {
    /*
    max-width:99%; 
    max-height:99%; 
    top: 50%; 
    */
}
#mainDocumentViewer #documentBox { 
    /*
    max-width:99%;
    max-height:99%;
    */
}
#mainDocumentViewer .imgContainer {/*max-width:100%; max-height: 85vh;*/}
#mainDocumentViewer #img-block{color:white;}

#img-actions {
    position:absolute;
    width:100%;
    /*
    height:40px;    
    top:-40px;
    padding-right:24px;
    left:-6px;
    */
    top:-2.5em;
    text-align:center;
}
#img-action-block {
    width:auto;
    height:100%;
    margin:0 auto;
    margin-right:-12px;  
}
#img-action-block .img-close, #img-action-block #img-title {
    display: none;
}
#mainDocumentViewer #img-action-block .img-close {
    display: inline;
}
#img-title-block {
    width:100%;
    top:-1.8em;
    text-align:left;
    padding-bottom:0.3em;
}
#mainDocumentViewer #img-title-block {
    display: none;
}
#img-title-inline {
    padding:0em 2em; 
    color:white; 
    text-align:left; 
    font-size:1.2em; 
    font-style:italic;
    margin-left:-0.5em;
}
.img-close, .img-close-inline {

    height:32px;
    width:32px;
    left:-0.5em;
    top:-0.5em;
    background: url(../images/close.png); 
    background-size:cover; 
    position:absolute; 
    margin-top:0.25em;
    cursor:pointer;
}
#mainDocumentViewer .img-close {
    height:32px;
    width:28px;
    background: url(../images/close.png); 
    background-size:cover; 
    float:right;
    left:auto;
    right:-0.2em;
    top:1.2em;
}
.wizard-card .img-close {
    height:32px;
    width:28px;
    background: url(../images/close.png); 
    background-size:cover; 
    float:right;
    left:auto;
    right:-0.5em;
    top:-0.7em;
}
#mainDocumentViewer #img-title {display:none;}

#documentviewer-title, #img-title {padding:0em 2.6em; color:white; text-align:left; font-size:1.2em; font-style:italic;}
.img-close-documentviewer {
    height:32px;
    width:28px;
    position:absolute; 
    background: url(../images/close.png); 
    background-size:cover; 
    margin-top:0.25em;
    cursor:pointer; 
    
    
    /*
    top:0em; 
    left:-0.8em; 
    right:-0.1em; 
    */
    z-index:2;
    left:0.5em;
    top:0.5em;
}
#documentviewer-title {/*padding-bottom:0.5em;*/padding-top:1em;}
#panels #panel-transition-helper{display:none;}
#img-title {margin-left:-0.5em;}



.img-zoom, .img-expand, .img-text-expand, .form-expand {
    background: url(../images/zoom-in.svg); 
    background-size:cover; 
    cursor:pointer;
    position:absolute; 
    top:1em;
    margin-top:0.25em;
    margin-left:0.5em;
    z-index: 2;    
}
.form-expand.disabled {
    display:none;
}
.img-zoom {
    right:0em;
    height:32px;
    width:28px;
    cursor:pointer; 
    top:3em; 
    right:1.5em;
}
.img-expand {
    left:1em;
    float:left;
    height:38px;
    width:34px;
}
.thumbnailExpand {
    display:none;
}
#scenario-splitview .img-expand, #training-view .img-expand{
    left:auto;
    float:right;
    top:0.3em; 
    right:0.5em; 
}

#resources-splitview .img .img-expand, #resources-fullview .img .img-expand {
    left:auto;
    float:right;
    top:0.3em; 
    right:0.5em;  
}

#resources-fullview .img-expand, #resources-fullview .img-zoom {
    display:none;
}

#training-view .tabElementContainer .img-expand {right:0em;}
.tabElementData {
    min-height: 50px;
}

.img-text-expand {
    right:-0.1em;
    top:-1.3em;
    /*float:left;*/
    height:38px;
    width:34px;
}
#image-text-component {position:relative}


#mainDocumentViewer .img-zoom {display:none;}

/* form element */

.formElementContainer {
    position: relative;
    height: 100%;
    width: 100%;
}
   
.overlayDiv {
    position: absolute;
    display: table;
    word-wrap: break-word;
    overflow: hidden;
    float: left;
    /*background-color: red;*/
}

.checkRadioDiv {
    /*margin-top:-5px; margin-left:-4px;*/
    display: inline-block;
    margin: 0px;
}
.formCheckRadio {
    vertical-align: top;
    display: inline-block;
    padding: 0;
    /*margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -.5em;
   margin-top: -.5em;*/
}
.formLabel {
    /*position:relative; top:-4px;*/
    vertical-align: top;
}
.clickableOverlayDiv {
    cursor: pointer;
    margin-top:-2px;
}
.unclickableOverlayDiv {
    cursor: default;
}
/*.form-input-scroll {
    max-height:500px;
}*/
.inputContainer {
    display: none;
    z-index: 999999999999;
    border:3px solid black;
    padding: 10px;
    min-width: 350px;
    position: fixed;
    
}
.multiArrow {
    display:none;
    position: fixed;
}
a.inputContainerX {
    height:20px;
    width:20px;
    top:0.1em; 
    right:0.1em;
    position:absolute;  
    cursor:pointer;
    background-color:#33466b;
}
a.inputContainerX:hover {background-color:#526689;}
.inputContainerTitle {
    font-weight: bold;
    position: relative;
    top: -7px;
}
/*
.inputContainerRadioCheck {
    margin-left: 20px;
}
.inputContainerRadioCheckLabel {
    position: relative;
    top: -2px;
    font-size: 14px;
}
*/
.inputContainerRadioCheck {
    float: left;
    /*margin-top:0.5em; commented out because it caused misaligned radio buttons on mobile... can add back in if it causes issues on desktop*/
}
.inputContainerRadioCheckLabel {
    display: block; margin-left: 1.5em;
    padding-bottom: 5px;
}
.form-expand {
    right:0.5em;
    top:-2em;
    float: right;
    height:38px;
    width:34px;
}

.formBox {
    /*
    background: #333;
    color: #fff;
    */
    position: absolute;
    padding: 1px;
    height: 100%;
}

.leftBox {
    left: 0;
}
.centerBox {
    left: 0;
    right: 0;
    text-align: center;
}
.rightBox {
    right: 0;
}

.topBox {
    top: 0;
}
.middleBox {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.bottomBox {
    bottom: 0;
}

.formDialogCloseButton {
  height:30px;
  width:30px;
  top:34%; 
  right:0em;
  position:absolute;  
  margin: -10px 0 0 0;
  padding: 1px;
  cursor:pointer;
}

.inputContainerDialog {background-color: rgba(255, 255, 255, 0); border: none !important; z-index: 310; /*padding-top: 20px;*/ width: 1px !important; height: 1px !important;}
.pageintro .inputContainerDialog { z-index: 10002;}
.inputContainerDialog .ui-dialog-titlebar {display:none;}
.inputContainerDialog .ui-dialog-content {padding: 10px;}

.formElementDialog .ui-dialog-content {padding: 0;}
.formElementDialog .ui-dialog-titlebar-close {display: none;}
.formElementDialog {border: none !important; padding-top: 0; padding-bottom: 0; z-index: 309 !important;}

#block-left.no-touch-scroll {
    left: 0;
    -webkit-overflow-scrolling: touch;
    /*position: fixed;*/
    top: 0;
}

#block-right.no-touch-scroll {
    right: 0;
    -webkit-overflow-scrolling: touch;
    /*position: fixed;*/
    top: 0;
}

/*.dialogContainer {
    padding-left: inherit;
    padding-right: inherit;
    left: 0;
    right: 0;
    margin-left: -10px;
    margin-right: -30px;
}*/
.formElementContainer .form-expand {top:-0.6em; right:0.5em;}

.imgTextElementContainer {
    position: relative;
    height: 100%;
    width: 100%; 
}

/* Dialogs */
#dialog-box {
    position:relative;
    background:white; 
    min-height:15em; 
    max-width:50%; 
    margin: 0 auto;
    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: solid 4px rgba(255, 255, 255, 0.9);
    box-shadow: 8px 8px 30px #000;     
}

#dialog-title {
    background:grey; 
    width:100%;
    color:#fff;
    padding:0.9em 0em 1.1em 0em;
}
#dialog-title-content {
    position:relative; 
    font-size:1.2em;
    padding:0em 1em;
}
#dialog-message {
    background: white; 
    height:auto; 
    width:100%;
}
#dialog-message-content {
    padding:1em 1.5em;
}
#dialog-actions {
    margin-top:0em;
    padding:1em 1em 2em 1em;
}
a.btn-accept {
    background-color:#5ead1c;
    color:#fff;
    padding:0.5em 2em 0.6em 2em;
    cursor:pointer;
}
a.btn-accept:visited, a.btn-accept:active {

}
a.btn-accept:hover{
    background-color:#357302;
}

a.btn-decline{
    display:block;
    margin:1.5em 0em;
    background-color:#ddd;
    /*color:#343434;*/
    color:#343434;
    padding:0.5em 2em 0.6em 2em;
    cursor:pointer;
}
a.btn-decline:visited, a.btn-decline:active {
}
a.btn-decline:hover{
    background-color:#808080;
    color:#fff;
}
.notice-dialog a.btn-decline{
    display:block;
    margin:1.5em 0em;
    background-color:#bb1919;
    color:#fff;
    padding:0.5em 2em 0.6em 2em;
    cursor:pointer;
}
.notice-dialog a.btn-decline:hover{
    background-color:#9f0c0c;
    
}
#dialog-input-content #dialog-input-textarea {
    border:1px solid #a9a9a9;
    width:90%;
    margin:0 auto;
}     
#dialog-input-content #dialog-input-textarea #logIssue-textBox {
    width:98%;
    height:5em;
    border-width:0px;
}
#dialog-input-content select {
    width:90.5%;
    margin:1em 0em;
}
.form-text-container {
    display: none;
}
.form-text-container.ui-dialog-content{
    padding: 0em;
    overflow: visible;
}
.form-text-container .form-text-input-close {
    cursor: pointer;
    width: 2em;
    height: 2em;
    background-size: 2em 2em;
    background-image: url(/html5/images/close.svg);
    position: absolute;
    right: -1em;
    top: -0.8em;
}
.form-dialog-box {
    position:relative;
    background-color: rgb(48, 70, 108); 
    margin: 0 auto;
    border: solid 2px rgba(255, 255, 255, 0.9);
    box-shadow: 8px 8px 30px #000;
    min-height: 15em;   
    max-width:100%;
    width:100%;
}
.form-dialog-title {
    color: #fff;
}
.form-dialog-text-input-area {
    margin-top: 1em;
    background-color: #fff;   
    color: black;
}
.form-dialog-text-input {
    width:97.2%;
}
.form-dialog-actions {
    margin-top:0em;
    padding: 1em 1em 0em 1em;
    text-align:center;
}

a.form-btn-accept {
    background-color:grey;
    color:#fff;
    padding:0.5em 2em 0.6em 2em;
    cursor:pointer;
}
.inputContainerDialog .form-input-scroll .form-dialog-actions {
    padding: 1em 0em;
}
.inputContainerDialog .form-input-scroll .form-dialog-actions .form-btn-accept {
    width:100%; display:block; padding:0.5em 0em; text-align:center;
}
a.form-btn-accept:visited, a.form-btn-accept:active {

}
a.form-btn-accept:hover{
    background-color:grey;
}

.img-table {display:table; border-collapse: separate;}
.img-row {display:table-row;}
.img-cell {display:table-cell;}
.img-cell.image {
    /*
    border:5px solid rgba(255, 255, 255, 0.9);
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px;

    box-shadow: 3px 3px 30px #000; 
    */
    border: solid 5px rgba(255, 255, 255, 0.9);
}
.img-cell.image:first-child { border-top-left-radius: 5px; }
.img-cell.image:last-child { border-top-right-radius: 5px; }
.img-cell.image:first-child { border-bottom-left-radius: 5px; }
.img-cell.image:last-child { border-bottom-right-radius: 5px; }

.img-cell.img-text {
    whitespace: nowrap;  
    width:1px; /* not sure why you have to specify at least 1px */
    padding-top:0.5em;
    text-align:center;
    color:rgba(255, 255, 255, 0.9);
}




/* templates */
/* .data {display: table; width:100%; height:100%;} */
.block-main-content-left-75 {width:70%; height:87%; display:inline-block; background-color:#f5f5f7;}
.block-main-content-left-75 > .widget {border:1px solid #ddd; margin:3.85% 0% 0% 2%; height:90%; background-color:#fff;}
.block-main-content-left-50 {width:50%; display:inline-block;}
#block-left.block-left-0 {width:0%; height:100%; overflow:hidden; display:none;}
.block-main-menu-right-25 {width:30%; height:100%; display:inline-block; color:#fff; background-color:#f5f5f7;}
.block-main-menu-right-25 > .widget {margin:9% 4.2em 0% 0%; background-color:#30466c; height:90%; border:1px solid #30466c;}
.block-standard-explorer-right-50 {background-color:#5a305a; width:50%; height:100%; display:inline-block; color:#fff;  }
.block-standard-explorer-right-100 {background-color:#5a305a; width:100%; min-height:100%; display:inline-block; color:#fff; position:relative; z-index:2;}
.block-resource-explorer-right-50 {background-color:#004c66; width:50%; min-height:100%; display:inline-block; color:#fff;}
.block-resource-explorer-right-100 {background-color:#004c66; width:100%; min-height:100%; display:inline-block; color:#fff; position:relative; z-index:2;}
.block-contents-explorer-right-50 {background-color:#295f58; width:50%; min-height:100%; display:inline-block; color:#fff;}
.block-contents-explorer-right-100 {background-color:#295f58; width:100%; min-height:100%; display:inline-block; color:#fff; position:relative; z-index:2;}
.block-note-explorer-right-50 {background-color:#826e41; width:50%; min-height:100%; display:inline-block; color:#fff;}
.block-note-explorer-right-100 {background-color:#826e41; width:100%; min-height:100%; display:inline-block; color:#fff; position:relative; z-index:2;}
.block-source-explorer-right-50 {background-color:#eaeaea; width:50%; min-height:100%; display:inline-block; color:#fff;}
.block-scenario-explorer-right-50 {background-color:#30466c; width:50%; min-height:100%; display:inline-block; color:#fff;}


/* custom scroll */
.scroll {}
.scroll-content {
	position:relative; 
	width:100%; 
	height:92%; 
	padding:1em 0em 1em 2em; 
	overflow:auto;  
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.scroll-tutorial {
    position:relative; 
    width:100%; 
    height:92%; 
    padding:1em 0em 1em 0em; 
    /*overflow:auto; */ 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
#dialog-message.scroll-content { 
    padding:1em 1em 1em 2em; 
}
.scroll-content-full {
    margin-top:.5em;
}

/* misc */
.element {margin:1.5em 0;}
/*ul, ol {padding-top:0em; margin-top:0em;}*/ /* Commented to allow spacing above lists like the designer has it */
/*#scenario-content #text-content .myTitle {margin-bottom:-1em;}*/
 
.resourceReference {
    font-size: 1.1em; 
    font-family: Lato-Black; 
    width:90%; 
    display:block; 
    text-indent:-2.85em; 
    margin-left:2.95em;
}
#scenario-splitview .resourceReference {
    width:90%;
    text-indent:-1.35em; 
    margin-left:2.05em;
}
.resourceReference .standardexplorersplitview {color:#8d358e; margin:1em 1.5em; cursor:pointer;}
.resourceReference .standardexplorersplitview:before {
    /*
	content: "\25BA";
    width:20px;
    height:20px;
	margin:0em 0.5em 0em 0em;
	color:#8d358e;
    */
    content: "";
    width: 0;
	height: 0;
    border-top: 8px solid transparent;
	border-left: 11px solid #8d358e;
	border-bottom: 8px solid transparent;  
    display:inline-block;
    margin-right:0.75em;   
}
#scenario-splitview .resourceReference .standardexplorersplitview {background-color:#fff; color:#5a305a; margin:1em 0em; padding:0.3em 1.5em;}
.resourceReference .resourceexplorersplitview, .image-link/*, .resourceReference .resourceexplorersplitview*/ {color:#246f74; margin:1em 1.5em; cursor:pointer;}
.resourceReference .resourceexplorersplitview:before, .image-link:before/*, .resourceReference .resourceexplorersplitview:before */ {
    /*
	content: "\25BA";
    width:20px;
    height:20px;
	margin:0em 0.5em 0em 0em;
	color:#246f74; 
    */
    content: "";
    width: 0;
	height: 0;
    border-top: 8px solid transparent;
	border-left: 11px solid #246f74;
	border-bottom: 8px solid transparent;  
    display:inline-block;
    margin-right:0.75em;
    
}
#resources-splitview .resourceReference-block {display:block; background-color:#fff;  margin:1em 0em; padding:0.3em 1.5em;}
#resources-splitview .resourceReference {max-width:92%;}
#resources-splitview .resourceReference .resourceexplorersplitview {color:#214c63;}
#resources-splitview .resourceReference .resourceexplorersplitview:before {color:#214c63;}
#scenario-splitview .resourceReference .resourceexplorersplitview:before {
    position:relative; 
    top:0.1em;
}
#scenario-splitview .resourceReference {
    max-width:92%;
}
#scenario-splitview .resourceReference .resourceexplorersplitview, #scenario-splitview .image-link/*, #scenario-splitview .resourceReference .resourceexplorersplitview*/ {
    background-color:#fff; 
    color:#004c66; 
    margin:1em 0em 1em 0em; 
    /*padding:0.3em 1.5em;*/
}
#scenario-splitview .resourceReference .resourceexplorersplitview, #scenario-splitview .image-link/*, #scenario-splitview .resourceReference .resourceexplorersplitview*/ {
    background-color:#fff; 
    color:#004c66; 
    margin:1em 0em 1em 0em; 
    /*padding:0.3em 1.5em;*/
}
#scenario-splitview .image-link {
    padding:0.25em 1em; 
    display:block;
}
.resourceReference .scenarioexplorersplitview {color:#30466c; margin:1em 1.5em; cursor:pointer;}
.resourceReference .scenarioexplorersplitview:before, #scenario-splitview .image-link:before {
    /*
    content: "\25BA";
    width:20px;
    height:20px;
    margin:0em 0.5em 0em 0em;
    color:#30466c;
    */
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 11px solid #30466c;
    border-bottom: 8px solid transparent;  
    display:inline-block;
    margin-right:0.75em;
}
#scenario-splitview .resourceReference-block {display:block; background-color:#fff; color:#30466c; margin:1em 0em; padding:0.3em 1.5em;}
#scenario-splitview .resourceReference .scenarioexplorersplitview {color:#30466c;}

/*main menu */
#tablet-explorer-menu {display:none;}

#menu.active {display:block; position:absolute; z-index:311; top:0em; right:0em; padding:0.5em; background-color:#fff; border:3px solid rgba(0, 0, 0, 0.5);}
#menu.inactive, #tablet-system-menu.inactive {display:none; position:absolute; z-index:0;}
.main-menu-block {position:absolute; z-index:302; top:0.3em; right:0.9em; cursor:pointer;}
.main-menu-block.tablet-training-image-viewer, .main-menu-block.tablet-explorer-image-viewer {z-index:0;}


#menu-explorer-items {display:inline-block; vertical-align:top; position:relative; }
#menu-system-items { display:inline-block; width:15em; text-align:right; text-transform:uppercase;}
#menu-return {width:90%; position:absolute; top:0.5em; right:2em; font-size:0.77em; font-family: Lato-Black; font-style:italic; cursor:pointer;}
#menu-system {margin:2em 1em 0em 0em; font-size:0.95em; font-family: Lato-Black;}
#menu-system div {padding:0.2em 0em; cursor:pointer;}
#main-menu-icon {width:2.7em; height:2.7em; border-radius: 25px; font-size:15px;}
#main-menu-icon.default {background-color:#30466c;}
#main-menu-icon.default #svg path {fill: #fff;}
#main-menu-icon.tocTab, #main-menu-icon.standard-explorer, #main-menu-icon.resource-explorer, #main-menu-icon.contents-explorer, #main-menu-icon.notes-explorer, #main-menu-icon.source-explorer, #main-menu-icon.scenario-explorer {background-color:#fff;}
#main-menu-icon.tocTab #svg path {fill: #30466c;}
#main-menu-icon.standard-explorer #svg path {fill: #5a305a;}
#main-menu-icon.resource-explorer #svg path {fill: #004c66;}
#main-menu-icon.contents-explorer #svg path {fill: #295f58;}
#main-menu-icon.notes-explorer #svg path {fill: #826e41;}
#main-menu-icon.source-explorer #svg path {fill: #000;}

#main-menu-icon.scenario-explorer #svg path {fill: #30466c;}

#svg path {
  fill: red;
  
}
#svg {
height:30px;
width:32px;
}


.menu-tocTab, .menu-standard-explorer, .menu-resource-explorer, .menu-contents-explorer, .menu-notes-explorer, .menu-source-explorer, .menu-scenario-explorer {
width: 6em; display:inline-block; vertical-align:middle;  padding:0.6em 0.7em 0.3em 0.7em; 
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
cursor:pointer;
}
.menu-title {margin:0.9em 0em 0.5em 0em; text-transform:uppercase; font-family: Lato-Black; text-align:center; font-size:0.88em; 
/* helps with translations */
/*
overflow-wrap: break-word;
word-wrap: break-word;
*/
font-size:0.8vw;
}
.icon{height:5em; width:6em; display:table-cell; margin:0 auto; vertical-align:middle;}


.menu-tocTab .menu-icon {background: url(../images/resourceExplorer.svg); width: 5.3em; height: 3.6em; margin:0 auto; background-size:cover;}
.menu-tocTab .menu-title {color:#004c66;}
.menu-tocTab.activePanel {background-color:#004c66;}
.menu-tocTab.activePanel .menu-icon {background: url(../images/resourceExplorer-inverted.svg); width: 5.3em; height: 3.6em; background-size:cover;}
.menu-tocTab.activePanel .menu-title {color:#fff;}

.menu-standard-explorer .menu-icon {background: url(../images/standardExplorer.svg); width: 4em; height: 5em; margin:0 auto; background-size:cover;}
.standard-explorer.mobile-explorer-menu-icon {background: url(../images/standardExplorer.svg); width: 4em; height: 5em; margin:0 auto; background-size:cover;}

.menu-standard-explorer .menu-title {color:#5a305a;}
.menu-standard-explorer.activePanel {background-color:#5a305a;}
.menu-standard-explorer.activePanel .menu-icon, .menu-standard-explorer.featuredPanel .menu-icon {background: url(../images/standardExplorer-inverted.svg); width: 4em; height: 5em; background-size:cover;}
.menu-standard-explorer.activePanel .menu-title {color:#fff;}

.menu-resource-explorer .menu-icon {background: url(../images/resourceExplorer.svg); width: 5.3em; height: 3.6em; margin:0 auto; background-size:cover;}
.menu-resource-explorer .menu-title {color:#004c66;}
.menu-resource-explorer.activePanel {background-color:#004c66;}
.menu-resource-explorer.activePanel .menu-icon {background: url(../images/resourceExplorer-inverted.svg); width: 5.3em; height: 3.6em; background-size:cover;}
.menu-resource-explorer.activePanel .menu-title {color:#fff;}

.menu-contents-explorer .menu-icon {background: url(../images/contentExplorer.svg); width: 5.7em; height: 3.5em; margin:0 auto; background-size:cover;}



.menu-contents-explorer .menu-title {color:#295f58;}
.menu-contents-explorer.activePanel {background-color:#295f58;}
.menu-contents-explorer.activePanel .menu-icon {background: url(../images/contentExplorer-inverted.svg); width: 5.7em; height: 3.5em; background-size:cover;}
.menu-contents-explorer.activePanel .menu-title {color:#fff;}

.menu-notes-explorer .menu-icon {background: url(../images/notesExplorer.svg); width: 3.7em; height: 5em; margin:0 auto; background-size:cover;}
.menu-notes-explorer .menu-title {color:#826e41;}
.menu-notes-explorer.activePanel {background-color:#826e41;}
.menu-notes-explorer.activePanel .menu-icon {background: url(../images/notesExplorer-inverted.svg); width: 3.7em; height: 5em; background-size:cover;}
.menu-notes-explorer.activePanel .menu-title {color:#fff;}

.menu-source-explorer .menu-icon {background: url(../images/sourceExplorer.svg); width: 4.7em; height: 4.7em; margin:0 auto; background-size:cover;}
.menu-source-explorer .menu-title {color:#454545;}
.menu-source-explorer.activePanel {background-color:#454545;}
.menu-source-explorer.activePanel .menu-icon {background: url(../images/sourceExplorer-inverted.svg); width: 4.7em; height: 4.7em; background-size:cover;}
.menu-source-explorer.activePanel .menu-title {color:#fff;}

.menu-scenario-explorer .menu-icon {background: url(../images/scenarioExplorer.svg); width: 5.1em; height: 4em; margin:0 auto; background-size:cover;}
.menu-scenario-explorer .menu-title {color:#30466c;}
.menu-scenario-explorer.activePanel {background-color:#30466c;}
.menu-scenario-explorer.activePanel .menu-icon {background: url(../images/scenarioExplorer-inverted.svg); width: 5.1em; height: 4em; background-size:cover;}
.menu-scenario-explorer.activePanel .menu-title {color:#fff;}

.block-main-content-left-50 .block {margin-top:3.2em;}



/* toc */
#toc {height:94%; font-size:1.05em; }
.toc-section {padding: 0em 1em 1em 1em; }
#toc .toc-data {}

#toc-navigation {height:35%;} /* #toc-navigation + #toc-misc = 100% */

#toc-navigation-title {height:5%; margin-bottom: 1em;} /* #toc-navigation-title + #toc-navigation-content = 100% */
#toc-navigation-content {height:95%; /*padding-right:1.5em;*/ padding: 0em 0em 0em 2em;}

#toc-misc {height:65%; margin-top: 1em;}
#toc-misc-content {height:99%; padding-right:1.5em;}
#toc-misc .toc-section {padding: 0em 0em 1em 0em; }

#toc-course-structure, #toc-screen-notes {display:table; width:100%; text-transform:uppercase; font-family: Lato-Black; font-size:0.85em; margin-top:1em;}
#toc-course-structure-header, #toc-screen-notes-header {display:table-row; }
#toc-course-structure-header-title, #toc-screen-notes-header-title {display:table-cell; width:70%; padding:0em 0em 1em 1em;}
#toc-screen-notes-header-title {padding-left:0em;}
#toc-course-structure-header-action, #toc-screen-notes-header-action {display:table-cell; width:30%; text-align:right; }
#toc-course-structure-header-action a, #toc-screen-notes-header-action a {font-size:1.2em; font-family: Lato-Heavy; margin-right:0.7em; cursor:pointer; position:relative; z-index:50;}
#toc-screen-notes-header-action a {margin-right:0em;}

#toc li a {cursor:pointer;}
#toc .tree {padding-left:0em; margin-top:0em;}
#toc .tree .tree-parent .tree-child {margin:0.2em 0em 0.2em 1.5em;}
#toc .tree .tree-parent .tree-child.selected:before {
	content: "\25CF";
    width:20px;
    height:20px;
	margin:0em 0.5em 0em -1.4em;
	color:#fff;
}

#toc-explorer-data {padding:0.8em 0em;   }
#toc-explorer-data.borderTop {border-top:1px solid #97a2b5;}
#toc-explorer-data.borderBottom {border-bottom:1px solid #97a2b5;}
.toc-explorer-item {text-transform:uppercase; font-family: Lato-Heavy; padding:0.2em 0em; }
.toc-explorer-item :before {
	content: "";
    width: 0;
	height: 0;
    border-top: 7px solid transparent;
	border-left: 10px solid #fff;
	border-bottom: 7px solid transparent;
    
	position:relative;
	top:0.1em;
	display:inline-block;
    margin-right:1em;
}
.toc-explorer-item a {cursor:pointer;}
#toc-screen-notes-block {width:100%;}
#toc-screen-notes-block-content {width:95%; height:10em; border:0.5% solid #fff; color:#fff; background-color:#45597b;  font-size:0.85em; padding:2%;}
#toc-screen-notes-action {width:100%; text-align:right; margin-top:0.7em;}
#toc-screen-notes-action-item {border:1px solid #fff; padding:2px 9px 1px 9px; text-transform:uppercase; font-family: Lato-Heavy; font-size:13.5px; cursor:pointer;}




/* training content */

#menu-header.training {
    display:none;
}
.block-main-content-left-75 > .widget > #training-view > #menu-header {display:none;}
.block-main-content-left-50 > .widget > #training-view > #menu-header {height:4.8%;}
.block-main-content-left-50 > .widget > #training-view > #training-content{background-color:#fff; height:90%;}


/*
.block-main-content-left-50 #breadcrumb {max-width:45%;}
#breadcrumb {color:#30466c; display:block; padding:0.7em 0em 0.5em 0em; max-width:90%; position:absolute; z-index:1; top:0em; left:1em; height:auto;}
.block-main-content-left-75 .widget #breadcrumb {position:absolute; z-index:1; top:0em; left:1em; height:auto;}
#breadcrumb:before {
	content: "\25B2";
    width:20px;
    height:20px;
	margin:0em 0.2em 0em 0.5em;
	color:#30466c;
}
*/

#breadcrumb {color:#30466c; display:block; padding:0.7em 0em 0.5em 0em; width:100%; position:absolute; z-index:9; top:0em; left:1em; height:auto;}
#breadcrumb-data {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 2em);}
#breadcrumb-cell, #breadcrumb-title{display: inline;}
#breadcrumb-cell{padding-right: 0.3em;}
#breadcrumb-cell-img {
    
    width: 0;
	height: 0;
	border-right: 7px solid transparent;
	border-bottom: 10px solid #36446a;
	border-left: 7px solid transparent;
	position:relative;
	top:-.1em;
	display:inline-block;
    margin-right:0.5em;
    
    
    cursor: pointer;
    /*
    display:inline-block;
    width:0.85em;
    height:0.85em;
    background-size: 0.85em 0.85em;
    background-image: url(/html5/images/breadcrumb-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(-90deg);
    position:relative;
    top:0.1em;
    */
}
/*#breadcrumb-title span{
    text-overflow: ellipsis; 
    white-space: nowrap; 
    overflow: hidden; 
    word-wrap: normal;
    display: inline-block;
    position: relative;
    max-width: calc(47% - 2em);
}*/
/*
.block-main-content-left-50 #breadcrumb {max-width:47%;}
*/

.timeRemaining-show {display:inline-block;}
.timeRemaining-hide {display:none;}

#timeRemainingCenteredOverlay { 
    bottom: -3px;
    left: 0;
    right: 0;
    margin: auto;
    color: #ffffff;
    opacity: 0.85;
    position: absolute;
    z-index: 999999999;
    background: #4c4c4c;
    width: fit-content;
    padding: 0 2em;
    border-radius: 0.5em 0.5em 0 0;
    height:4.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: inset #4c4c4c 0 0 0 1px, inset #cbcbcb 0 0 0 2px, inset #ababab 0 0 0 3px;
}
.timeRemainingCenteredOverlayDesc, .timeRemainingCenteredOverlayTimer {display:inline-block; position:relative; font-size: 1.25em;}
.timeRemainingCenteredOverlayDesc {margin-right:0.5em;}

#timeRemaining { 
    top:2em;
    left:1.2em;
    color:orange;
    position:absolute;
    z-index:100;
    font-size:1em;
}
#timeRemaining img {margin-left:-0.2em; cursor:pointer;}
.timeRemainingDesc, .timeRemainingTimer {display:inline-block; position:relative; top:-0.2em;}
.timeRemainingDesc {margin-right:0.5em;}

#timeRemaining.timeRemainingWarning { color:red; }

#training-fullview {height:100%;}
#training-view {height:100%; font-size:1.05em;}
#training-title {margin-left:0.5em;}
#training-content {/*height:95%;*/ height:100%; margin-left:-0.5em; /*Pretty sure this padding was causing scroll issues: padding:0.5em 1em 0em 2em;*/}
/*.training-section {padding: 0em 2em 1em 2.3em; color:#000;}*/
.training-header-title {
	font-size: 2.4em;
	margin-top:0.05em; 
	color:#31466c;
}
.training-timer-margin {margin-top: 20px;}

#training-content .training-section {padding: 0em 0em 1em 2.1em; min-height:100%; }
#training-content .training-section-data {padding:0.5em 0.1em 0em 0em; padding-bottom:3em; margin-left:-2.1em;
}
/* required for log issue button */
.pilot-mode #training-content .training-section-data { 
    padding-bottom:7.5em;
}
#training-content .element:last-child {
    margin-bottom: 3em;
}
#training-content .mCS_no_scrollbar {min-height:99%;}
#training-content .mCS_no_scrollbar_y {min-height:99%;}
#training-content .training-section-footer {clear:both; position:absolute; bottom:0px; width:100%; margin:0em 0em 0em -1.3em; /*height:5em;*/ }
#training-content .training-section-footer-data {
    padding: 0em 0em 1em 0em; 
    font-size:1em; 
}

.block-main-content-left-75 #training-content .training-section-footer #previous { display:inline-block; width:26%; text-align:left; font-style:italic; color:#31466c; z-index:1;}
.block-main-content-left-75 #training-content .training-section-footer #license {font-size:0.7em; position:relative; top:1em; display:inline-block; width:45%; text-align:center; line-height:1.5em; color:#808080;
}
/* required for log issue button*/
.pilot-mode .block-main-content-left-75 #training-content .training-section-footer #license {
    height:8em;
}
.block-main-content-left-75 #training-content .training-section-footer #next { display:inline-block; width:26%; text-align:right; font-style:italic; color:#31466c; z-index:1;}
.block-main-content-left-75 #training-content .training-section-footer #previous-desc {display:inline-block;cursor:pointer;}
.block-main-content-left-75 #training-content .training-section-footer #next-desc {display:inline-block;cursor:pointer;}

.block-main-content-left-75 #training-content .training-section-footer #previous-desc:hover {color:#718dff;}
.block-main-content-left-75 #training-content .training-section-footer #next-desc:hover {color:#718dff;}


.block-main-content-left-50 #training-content .training-section-footer #previous {
    display:inline-block; text-align:left; font-style:italic; color:#31466c;
    width:45%;
    left:0em;
    position:absolute;
    top:1em;
    z-index:1;
}
.block-main-content-left-50 #training-content .training-section-footer #license {font-size:0.7em; position:relative; top:1em; display:inline-block; width: calc(100% - 2em); text-align:center; line-height:1.5em; color:#808080; margin-top:2em;
}
/* required for log issue button*/
.pilot-mode .block-main-content-left-50 #training-content .training-section-footer #license {   
    height:8em;
}
.block-main-content-left-50 #training-content .training-section-footer #next {
    display:inline-block; text-align:right; font-style:italic; color:#31466c;
    width:45%;
    right:1.5em;
    position:absolute;
    top:1em;
    z-index:1;
}
.block-main-content-left-50 #training-content .training-section-footer #previous-desc {display:inline-block;cursor:pointer;}
.block-main-content-left-50 #training-content .training-section-footer #next-desc {display:inline-block;cursor:pointer;}

.block-main-content-left-50 #training-content .training-section-footer #previous-desc:hover {color: #718dff;}
.block-main-content-left-50 #training-content .training-section-footer #next-desc:hover {color:#718dff;}




.training-header {margin:0.5em 0em 0em 0em;}
.training-header-data {display:table-row;}
.QRCode {display:table-cell; vertical-align:top;} 
/*.QRCode-item {width:2.65em; height:2.5em; border:1px solid #000; position:relative; top:0.2em; z-index:0; margin-right:0.5em; }*/
.QRCode-item {width:2.65em; height:2.5em; position:relative; top:0.2em; z-index:0; margin-right:0.5em; }






/* standards explorer */
#standards-splitview {height:100%; position:relative;}

.standards-section {padding: 0em 2em 0em 0em;  margin:0em 0em 0em 0em;}
#standard-content {/*padding-right:2em;*/}
#standard-headers { display: inline-block; }
.standard-data {color: rgba(255, 255, 255, 0.75); }
.standards-header-block {width:100%; border-bottom:1px solid #a47aa4;}
.standards-header-title-active, .standards-header-title-inactive {cursor:pointer; padding:0.1em 0.5em; font-weight:bold; color:#a47aa4;  font-size:1.5em; display:inline-block; font-family: Lato-Heavy;} /* font-size:1.2vw; */
.standards-header-title-active {border-bottom:0.2em solid #a47aa4; }
.standards-header-title-inactive {}
.standard-clause-list-block {white-space: nowrap; display:inline-block; float:right; text-align:right; font-size:0.85em; margin:0.5em 0em 0.5em 0em;}
#standards-splitview .standard-clause-list-block {margin:0.5em 0em 1.5em 0em; width:100%;}
.standard-clause-list-block select {font-size:0.95em; padding:0.31em 0.8em 0.2em 0.2em; color:#5a305a; width:27em; margin-left:0.2em;}
.standards-clause-title {
    color:#fff; 
    margin:0.7em 0em 0.5em 0em;
    line-height: 1em; 
    /*height: 3.7vmax; */
    font-size: 1.9vw; 
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 20em;
} /* font-size: 2.4em; font-size:2vw; */

/*.standards-header-title-active span {float: left;}
#standard-headers {float: left; white-space: nowrap;}*/
.standards-nav {margin:0.6em 0em 0em 0em;}
.standards-nav-item-active, .standards-nav-item-inactive {cursor:pointer; font-family: Lato-Black; display:inline-block; padding: 0.25em 1em 0.2em 1em; margin:0.2em 0.1em 0.2em 0em; font-size:0.81em; border:1px solid #fff;}
.standards-nav-item-active {background-color:#fff; color:#5a305a;}
.standards-nav-item-inactive {background-color:#5a305a; color:#fff;}
.clause-block {overflow: hidden; border-bottom:1px solid #a47aa4; padding:0em 0em 3em 0em; margin:0em 1em 2em 0em;}
.clause-block .standard-title {color:#fff; font-size:1.65em; margin:0.3em 0em 0em 0em; }
.clause-block .clause-title {color:#a47aa4; font-size:1.3em; margin:0.5em 0em 0em 0em;}
.clause-block .clause-data {color:#fff; margin:0.7em 0em 0em 0em; 
opacity: 0.75;  
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; 
filter: alpha(opacity=75); 
-khtml-opacity: 0.55; 
-moz-opacity:75;
}

#standards-splitview #menu-header {height:3.4em;}
#standards-splitview #standards-header {padding:0em 2em;} /*height:12em;*/
#standards-splitview #standards-content { width:100%; display:table; padding: 0em 0em 0em 0em;  margin:0em 0em 0em 0em;}
#standards-splitview .scroll-content {height:72%;}
#standards-splitview #standards-clause-block {margin-top:6px;}


#standards-fullview #timeRemaining {top:2.15em; left:1.8em;}

#standards-fullview {height:100%; overflow-y:hidden;}
#standards-fullview #menu-header {height:3.4em;}

#standards-fullview #standards-header {height:10em; padding:0em 2em;}
#standards-fullview #standards-table {display:table; height:100%; width:100%;}

#standards-fullview .standards-cell.clauses {height:35%; vertical-align:middle;}
#standards-fullview .standards-cell.title {height:75%; vertical-align:top;}

#standards-fullview .standards-section {height:78%; width:100%; display:table; padding: 0em 0em 0em 0em;  margin:0em 0em 0em 0em;}
#standards-fullview .standards-row {display:table-row;}
#standards-fullview .standards-cell {display:table-cell; overflow: hidden; height:78%; max-height:78%;}
#standards-fullview .standards-cell.clause-data {width:49.5%; min-width:49.5%; vertical-align:top;}
#standards-fullview .standards-cell.cell-divider {
    width:1%; 
    height:93%; 
    opacity:0.3; 
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'; 
    filter: alpha(opacity=30); 
    -khtml-opacity: 0.3; 
    -moz-opacity:30;
    display:table-cell; 
    vertical-align:bottom;
}
#standards-fullview .cell-divider-block {width:1px; background-color:#fff; height:97%;}
#standards-fullview .cell-divider-spacer {height:7%;}
#standards-fullview .standards-header-section {width:100%; height:77%; display:table; padding: 0em 0em 0em 0em;  margin:0em 0em 0em 0em;}

#standards-fullview .block { }
#standards-fullview .CustomScroll {/*height:95%; padding-right:1.5em; */}
#standards-fullview .clause-block {display:inline-block; width:98%; padding:0em 0em 0em 0em; margin:0em 0em 0em 0em;}
#standards-fullview .standard-clause-list-block {margin-right:0em;}
#standards-fullview .standards-clause-title {margin:0em 0em 0.5em 0em;}
/*
#standards-fullview .clause-block-right {display:inline-block; width:46%; border-left:1px solid #d5cbd5; vertical-align:top; padding:0em 0em 0em 2%; margin:2em 0em 0em 2%;}
*/
#standards-fullview .standards-nav {margin:0em 2em;}
#standards-fullview .standards-nav-item-active, #standards-fullview .standards-nav-item-inactive {cursor:default;}
#standards-fullview .clause-block, .clause-block-right {border-bottom:0px;}
#standards-fullview .clause-block .standard-title, #standards-fullview .clause-block-right .standard-title{color:#fff; font-size:1.65em; /*margin:0.3em 0em 0em 0em;*/ }
#standards-fullview .clause-block .clause-title, #standards-fullview .clause-block-right .clause-title{color:#a47aa4; font-size:1.3em; /*margin:0.5em 0em 0em 0em;*/}
#standards-fullview .clause-block .clause-data, #standards-fullview .clause-block-right .clause-data {color:#fff; letter-spacing:0.02em;
opacity: 0.75;  
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; 
filter: alpha(opacity=75); 
-khtml-opacity: 0.55; 
-moz-opacity:75;
}



/* resource explorer */
#resources-splitview {height:100%; position:relative;}
#resources-splitview #documentViewer.splitView {overflow:hidden;}
#resources-splitview #documentBox, #resources-fullview #documentBox{
   margin-top:8%; 
   height:91vh;
   max-width:94%;
   top: 0%; 
   transform: translateY(0%); 
}
#resources-fullview #documentBox {
    margin-top:3%;
    height:90vh;
    max-width:96%;
}
#resources-fullview #documentBox #img-block, #resources-splitview #documentBox #img-block{
    /*padding-top:85px;*/
}
#resources-splitview #documentBox #documentBox-component, #resources-fullview #documentBox #documentBox-component, #doc-display-training/*, #doc-display-explorer*/{
    height:100%;
}
#doc-display-explorer{
    height:101%;
}
#documentBox-component{
    
}
#resources-splitview #documentBox #documentBox-component, #resources-fullview #documentBox #documentBox-component {
    vertical-align:bottom;
}
.docFrame {
    width:99%;
    height:99%;
}
#doc-display-training, #doc-display-explorer {
    position:relative;
    /*height:94%;*/
    display:block;
}
#doc-display-training iframe, #doc-display-explorer iframe {
    border:5px solid transparent;
    /*border-s*/
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    display:block;
}
#doc-menu-block {position:relative; height:100%; /*margin-top:2%;*/}
#doc-menu, .iv-icon-menu{
    position:absolute; 
    z-index:999; 
    top:0em;
    right: 0;
    left: 0;
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto;
    white-space: nowrap;
}

#screen-display {
    
    /*border:5px solid rgba(255, 255, 255, 0.9);*/
    /* Commented this out for now due to margin issues.  Could be re-enabled later.  --BC (2019-07-16) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display:block;
    text-align: left;
    background-color: #1a4c64;
    height:94%;
}

/*
#documentBox-component:hover #doc-menu {
    display:block;
}
*/
.showControls {display:block;}
/* Edge */
@supports (-ms-ime-align:auto) {
  .showControls {
        display:table;
        position:absolute;
        left: 42%;
        -ms-transform: translateX(-50%);
   }  
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
   .showControls {
        display:table;
        position:absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
   }  
}


.hideControls {display:none;}




/*
#resources-splitview #documentViewer #documentBox #documentBox-component #doc-display iframe:hover #doc-menu{
    display:block;
    background-color:pink;
}
#resources-splitview #documentViewer #documentBox #documentBox-component:hover #doc-menu {
    display:block;
    background-color:blue;
}
*/



.doc-display-training #doc-menuBlock, .doc-display-explorer #doc-menuBlock, .iv-menu-block {
   background-color:rgba(255,255,255,0.95);
   padding:0.3em 0.6em 0.3em 0.6em;
   border-bottom:5px solid #ebebeb;
   border-right:5px solid #ebebeb;
   border-left:5px solid #ebebeb;
   -moz-border-radius: 0 0 0.5em 0.5em; 
   -webkit-border-radius: 0 0  0.5em 0.5em; 
}
/* Edge */
@supports (-ms-ime-align:auto) {
    .doc-display-training #doc-menuBlock, .doc-display-explorer #doc-menuBlock, .iv-menu-block {
       text-align:center;
       border-bottom-right-radius:15px;
       border-bottom-left-radius:15px;
    }  
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
   .doc-display-training #doc-menuBlock, .doc-display-explorer #doc-menuBlock, .iv-menu-block {
       text-align:center;
       border-bottom-right-radius:15px;
       border-bottom-left-radius:15px;
    }
}
/*.doc-display-explorer #doc-menuBlock {
   background-color:#fff;
   padding:0.3em 0.6em 0.3em 0.6em;
   border-bottom:5px solid #ebebeb;
   border-left:5px solid #ebebeb;
   -moz-border-radius: 0 0.5em 0 0.5em; 
   -webkit-border-radius: 0 0.5em  0 0.5em; 
}*/
#p2f-fitWidth, #p2f-fitPage, #p2f-zoomIn, #p2f-zoomOut, #p2f-rotate, #p2f-fullScreen, #p2f-close, .iv-close, .iv-expand, .iv-zoom-in, .iv-zoom-out  { 
    height: 1.9em;
    cursor:pointer;
    position:relative;
    display: inline-block;
}
.iv-expand, #p2f-fullScreen { 
    height: 1.65em;
    top:-0.15em;
}
#p2f-rotate  { 
    height: 1.8em;
}
#p2f-fitWidth { 
    height: 1.6em;
    top:-0.1em;
}
#p2f-close, .iv-close { 
    top: 0.3em;
    height: 2.3em;
}

.iv-close {
    margin-left:0.2em;
}
#block-left .iv-expand, #block-right .iv-expand {
    display:none;
}
#block-right #iv-container.thumbnail-image-viewer .iv-expand {
    display: inline-block;
    content:url('../images/fullscreen-icon-noBorder.svg');
}
/*Firefox Fix*/
@-moz-document url-prefix() {
    #block-right #iv-container.thumbnail-image-viewer .iv-expand {
        background: url('../images/fullscreen-icon-noBorder.svg');
        background-repeat: repeat;
        background-repeat: no-repeat;
        width: 1.7em;
    }    
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    #block-right #iv-container.thumbnail-image-viewer .iv-expand {
        background: url('../images/fullscreen-icon-noBorder.svg');
        background-repeat: repeat;
        background-repeat: no-repeat;
        width: 1.7em;
    } 
}
@supports (-ms-ime-align:auto) {
    #block-right #iv-container.thumbnail-image-viewer .iv-expand {
        background: url('../images/fullscreen-icon-noBorder.svg');
        background-repeat: repeat;
        background-repeat: no-repeat;
        width: 1.7em;
    }
}
#block-right #iv-container.thumbnail-image-viewer.thumbnail-expanded-viewer .iv-expand {
    content:url('../images/minimize-icon-noBorder.svg');
}
/*Firefox Fix*/
@-moz-document url-prefix() {
    #block-right #iv-container.thumbnail-image-viewer.thumbnail-expanded-viewer .iv-expand {
        background: url('../images/minimize-icon-noBorder.svg');
        background-repeat: repeat;
        background-repeat: no-repeat;
        width: 1.7em;
    }    
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    #block-right #iv-container.thumbnail-image-viewer.thumbnail-expanded-viewer .iv-expand {
        background: url('../images/minimize-icon-noBorder.svg');
        background-repeat: repeat;
        background-repeat: no-repeat;
        width: 1.7em;
    } 
}
@supports (-ms-ime-align:auto) {
    #block-right #iv-container.thumbnail-image-viewer.thumbnail-expanded-viewer .iv-expand {
        background: url('../images/minimize-icon-noBorder.svg');
        background-repeat: repeat;
        background-repeat: no-repeat;
        width: 1.7em;
    }
}
.mobileWidgetRight.explorer-expanded-document
{
    position:fixed;
    left:0;
    z-index:1102;
}
.mobileWidgetRight.explorer-expanded-document #p2f-fullScreen {
    content:url('../images/minimize-icon-noBorder.svg');
}
/*#p2f-close {
    height: 2.4em;
    cursor:pointer;
    position:relative; 
    top:0.5em;
    display:none;
}*/
#p2f-close {display:inline-block;}


#resource-content {/*padding-right:2em;*/}
.resource-block {margin:0.5em 0.5em 0.5em 0em;}
.resource-section {/*padding-left: 2em;*/}
.resource-header {min-height:2.1em;}
.resource-header-action {margin:0.45em 0.2em 0.45em 0.2em; cursor:pointer; vertical-align:top;}
.resource-header-title {width:90%; margin:0.45em 0.45em 0.45em 0.2em; text-transform:uppercase; font-weight:bold; cursor:pointer; vertical-align:top;}
.featured-resource-content, .resource-content {border:1px solid #7fa3af; /*padding:0em 1em 1em 0em;*/}
.featured-resource-content {background-color:#1a5e75;}
.resource-content {background-color:#00445c;}
.resource-item {margin:1.1em 0em 0em 1.1em; vertical-align:top;}
.featured-resource-item-thumbnail, .resource-item-thumbnail, .resource-item-thumbnail-nested {width:130px; height:80px; cursor:pointer; background-size: 130px 80px; /*border:1px solid #fff;*/}
.featured-resource-item-thumbnail {background-color:#0e485c; background: url('../images/resource_blank.png');}
.resource-item-thumbnail {background-color:#7fa3af; background: url('../images/resource_blank.png'); background-repeat: no-repeat; background-position: center center}
.resource-item-data {width:130px; height:74px; overflow:hidden; text-align:center;}
.resource-description {font-size:0.8em; /*padding:0.3em;*/ font-style:italic; text-align:center; line-height:1.3em; cursor:pointer; white-space: normal;}
.resource-item-background {background-repeat: no-repeat; background-color: #00445c; background-position: center;}
#featured-block .resource-item-background {background-repeat: no-repeat; background-color: #1a5e75; background-position: center;}


#resources-fullview #timeRemaining {top:2em; left:1.8em;}
#resources-fullview {
    height:96%; 
    overflow:hidden; padding:0em; margin:0em;
} /* overflow-x:hidden; overflow-y:hidden; Do not increase past 96% -- causes issues */

/* the block below causes issues */
/*
#resources-fullview #resource-content {height:95%; width:auto; margin-top:0em; padding:0em 0em 0em 0em; margin-left:1.5em;}
#resources-fullview .mCSB_container {height:auto; } 
*/

#resources-fullview #resource-content {
    height:95%; 
/*
    position:relative; 
	padding:1em 0em 0em 1.8em;
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
 */   

    overflow:hidden; padding:0em; margin:0em;
}

#resources-fullview #resource-content .mCustomScrollBox {/*padding-right:2em; overflow:hidden;*/
overflow:hidden; padding:0em; margin:0em 0em 0em 0.5em;
}
#resources-fullview #resource-content .mCSB_container_wrapper{
    overflow:visible;
}
#resources-fullview #resource-content .mCSB_scrollTools_horizontal {
    width:100%; max-width:100%;
}

#resources-fullview #resource-category { }
#resources-fullview .resource-content {padding-right:1.1em; min-width:17.76em;}
#resources-fullview .resource-block { display:inline-block; vertical-align:top; }  
/* border:1px solid #7fa3af; background-color:#00445c; min-height:500px; */
#resources-fullview .resource-header {/*height:5%;*/}
/* #resources-fullview .resource-header-action {} */
#resources-fullview .resource-header-title {width: auto; text-transform:uppercase; font-weight:bold; cursor:default;} /* margin:0.45em 0.45em 0.45em 0.2em; */
#resources-fullview .featured-resource-content, #resources-fullview .resource-content {
	/*
	min-height:50em;
    height:100%;
    min-height:52.1em;
    
    min-height:50em;
	*/
	
    /*min-height:800px;*/ 
    display:block;

} 
.resource-item-data {width:130px; height:83px;}
#resources-fullview .resource-section {white-space: nowrap; } /* margin-left:0.7em; padding-left:2em; */
#resources-fullview #featured-block {white-space: normal; padding-right:1.1em; min-width:17.76em; } 

#resources-fullview .scroll-content {
	/* width:99.2%; */
    position:relative; 
	width:100%; 
	height:92%; 
	padding:1em 0em 1em 2em; 
	overflow:auto;  
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.scroll-tablet-toc {
    padding:1em 0em 1em 2em; 
    overflow:auto;
}

/*
#resources-fullview .mCustomScrollBox .mCSB_container {height:55em;}
*/
/*
#resources-fullview .resource-item {}
#resources-fullview .resource-item-thumbnail {width:130px; height:80px; background-color:#7fa3af;}
#resources-fullview .resource-item-data {width:130px; height:60px; overflow:hidden;}
#resources-fullview .resource-description {font-size:0.8em; padding:0.3em; font-style:italic; text-align:center; line-height:1.3em;}

#resources-fullview .scroll-content {
	position:relative; 
	width:100%; 
	height:99%; 
	padding:1% 0% 0% 0%; 
	overflow:auto;  
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
	background-color:green;
}
*/


/* notes explorer */
#notes-splitview {overflow-y:hidden; height:96%; font-size:1.03em; position:relative;}

/*#notes-splitview #menu-header, #notes-splitview #menu-header-block {height:100%;}*/
#notes-body {height:97%;}

.notes-section { padding: 0em 1em 1em 0em;  }
.notes-display {width:100%; overflow:hidden;}
#notes-title {margin:0.6em 0.5em 1em 0em; text-align:left; position:relative; top:0.5em;}
#notes-nav {margin:0.6em 0em 0em 0em;  text-align:right; float:right;}
#screenTab, #moduleTab, #notes-action { white-space: nowrap;}

.notes-nav-item-active, .notes-nav-item-inactive {text-transform:uppercase; font-family: Lato-Black; display:inline-block; padding: 0.6em 1.5em 0.6em 1.5em; margin:0em; position:relative; top:0.1em; font-size:0.85em; border:1px solid #fff;}
.notes-nav-item-active {background-color:#fff; color:#75633b; margin:0em;}
.notes-nav-item-inactive {cursor:pointer; background-color:#75633b; color:#fff; margin:0em;}
#notes-data {width:100%; height:28em;}
#notes-action {text-align:right;}
#notes-action.go-to-screen {text-align:left; display:inline-block;}
#notes-action.save-notes {float:right; display:inline-block;}
.notes-action-item-inactive {cursor:pointer; text-transform:uppercase; font-family: Lato-Black; display:inline-block; padding: 0.2em .5em 0.2em 0.5em; margin:0.5em 0em; font-size:0.85em; border:1px solid #fff;}
#notes-summary {width:100%;}
#notes-recent {width:49%; display:inline-block;}
#notes-preview {width:49%; display:inline-block; float:right; margin-top:0em;}
#notes-recent-title, #notes-preview-title {text-transform:uppercase; padding:0.5em 0em; font-size:1.05em;}
#notes-recent-data {padding:0.5em 1em 0.5em 0em; font-size:14px; width:100%; height:18em;}
.notes-recent-data-item { padding:0.3em 0.5em ; }
.notes-recent-data-item:hover{background-color:#7c693e}
.notes-recent-data-item.selected {background-color:#75633b}
.notes-recent-data-title {display:inline-block; width:59%; vertical-align:top;}
.notes-recent-data-timestamp {display:inline-block; width:39%; text-align:right; vertical-align:top;}
#recent-notes-action-block {margin-top:1.5em;}
#notes-preview-data {border:1px solid #c0b69f; padding:0.5em 0.5em; background-color:#75633b; height:15em;
width:95%; color:#fff; font-size:14px; }
#notes-preview-data .scroll-content {padding:0em 0em 0em 0em;}
#notes-preview-data .scroll-content .mCustomScrollBox {margin-right: 1em;}

#notes-preview-data-summary {font-size:14px; margin-top:0.5em;}
#notes-preview-data-summary-frame, #notes-preview-data-summary-screen, #notes-preview-data-summary-lastModified {width:100%;}
#notes-preview-data-summary-frame .title, #notes-preview-data-summary-screen .title, #notes-preview-data-summary-lastModified .title {width:24%; display:inline-block; vertical-align:top;}
#notes-preview-data-summary-frame .data, #notes-preview-data-summary-screen .data, #notes-preview-data-summary-lastModified .data {width:74%; display:inline-block; vertical-align:top;}
#notes-splitview .notes-row.actions-block {display:block; clear:both;}

#notes-fullview {height:100%; font-size:1.03em;}
#notes-fullview #menu-header {height:5%;}
#notes-fullview .notes-table {display:table; width:100%; height:95%; vertical-align:bottom;}
#notes-fullview .notes-row {display:table-row; width:100%;}
#notes-fullview .notes-row.notes-block {height:80%;}
#notes-fullview .notes-row.actions-block {width:100%; height:15%;}
#notes-fullview .notes-cell {width:49.5%; height:100%; display:inline-block; vertical-align:top; display:table-cell;}
#notes-fullview .notes-cell-data {padding:1em 2em;}
#notes-fullview .notes-cell-data.saved-notes {padding-bottom:0em;}
#notes-fullview .notes-cell-data.note-content {height:100%; padding-bottom:0em;}
#notes-fullview .notes-cell-data.export-action {padding:1% 2em 4% 2em;}
#notes-fullview .notes-cell-data.save-action {padding:1% 2.5em 4% 2.1em;}
#notes-fullview .notes-cell-data-block {height:100%; width:100%;}

#notes-fullview #notes-cell-content {height:100%;}
#notes-fullview #notes-cell-content-display {width:100%; height:100%;}
/*
#notes-fullview #notes-body {height:100%;}
#notes-fullview .block {height:100%;}
#notes-fullview .notes-section {height:100%;}

*/

#notes-fullview .scroll {padding:0.5em 0em 0em 0em;}
/*
#notes-fullview #saved-notes .mCSB_container {height:100%;}
*/
#notes-fullview #notes-nav {width:100%; margin:0em 0em 0.2em 0em;}
#notes-fullview #saved-notes .mCSB_container .notes-cell-data {padding-right:0em;}
#notes-fullview .notes-nav-item-active, .notes-nav-item-inactive {}
#notes-fullview .notes-nav-item-active {margin-bottom:1em;}
#notes-fullview .notes-nav-item-inactive {margin-bottom:1em;}
#notes-fullview .notes-section-title {margin:0.6em 0em 0em 0em; text-align:left; position:relative; top:0.5em; display:inline-block; font-family: Lato-Black;}
#notes-fullview #notes-current-module-data-title {width:100%; margin-bottom:1em; text-align:left; font-family: Lato-Black;}
#notes-fullview #notes-current-module-data, #notes-fullview #notes-other-module-data {height:25em; clear:both;  border:1px solid #c0b69f; padding:0.5em 1em; background-color:#75633b; }
#notes-fullview #notes-current-module-data {}
#notes-fullview #notes-other-module-data {height:15em; margin-top:1.5em;}
#notes-fullview .notes-item-block{margin:0em 0em 1.3em 0em;}
#notes-fullview .notes-item-header {font-family: Lato-Black; font-size:1.1em; margin:0em 0em 0.2em 0em;}
#notes-fullview .notes-item-header-number-count {font-style:italic; font-family: Lato-Regular; margin-left:0.4em;}
#notes-fullview .notes-item-header-action {cursor:pointer; vertical-align:top; margin-right:0.3em;}
#notes-fullview .notes-item-header-title {cursor:pointer; vertical-align:top;}
#notes-fullview .icon-minimize {margin-top:2px;}
#notes-fullview .module-notes-item, #notes-fullview .current-module-notes-item, #notes-fullview .other-module-notes-item {cursor:pointer; padding:0.3em 1em 0.3em 1em; line-height:1.2em; margin:1px 0px 0px 25px; }
#notes-fullview .module-notes-item:hover, #notes-fullview .current-module-notes-item:hover , #notes-fullview .other-module-notes-item:hover {background-color:#d6d1c4; color:#75633a; }
#notes-fullview .module-notes-item.selected, #notes-fullview .current-module-notes-item.selected, #notes-fullview .other-module-notes-item.selected {background-color:#d6d1c4; color:#75633a;}
#notes-fullview .notes-item-title {vertical-align:top; display:inline-block; width:59%; vertical-align:top;}
#notes-fullview .notes-item-timestamp {vertical-align:top; display:inline-block; width:39%; text-align:right; vertical-align:top;}
#notes-fullview #notes-export-action {text-align:left;}

#notes-fullview .editable-notes-section {height:100%; padding: 0% 1% 0% 0%;}

#notes-fullview #selected-note-module-header {height:auto; padding:1.6% 0% 1.4% 0%;}
#notes-fullview #selected-note-module-title {}
#notes-fullview #selected-note-frame-title {font-size:1.2em;}
#notes-fullview #notes-editable-block {height:100%;}
#notes-fullview #notes-editable-data {width:100%; height:100%; }/* margin-top:0.6em; */
#notes-fullview #notes-editable-data-area {padding: 1% 2% 2% 2%;  width:96%; height:96%}

#notes-fullview .scroll-content {
	position:relative; 
	width:100%; 
	height:100%; 
	padding:1% 0% 0% 0%; 
	overflow:auto;  
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}







/* contents explorer */
#contents-splitview {height:95%; font-size:1.03em; position:relative;}
/*#contents-title {height:auto;}*/
#contents-navigation {height:97%; width:auto; /*padding-right:2em;*/  }
/*.contents-section {padding: 0em 2em 1em 2em; }*/
#contents-header-title {
	font-size: 2.4em;
	margin-top:0.1em; 
	} 
    
#contents-fullview {}
#contents-fullview .mCustomScrollBox {height:100%; }    
#contents-fullview .mCSB_container {height:95%; max-height:95%; }  /* overflow:visible */
#mCSB_4_scrollbar_horizontal {} /* bottom:-1em; */
#contents-fullview .screenScroll {max-height:70%; overflow-y:hidden;} /* max-height:70%; */
	
#contents-data {font-size:17px; margin-top:1em;}
#contents-data .tree {margin-left:0em; }
#contents-data ul li ul {display: none; }
#contents-data ul li a {cursor:pointer;}
#contents-data ul li ul li a {cursor:pointer;}

#contents-fullview #timeRemaining {top:1.95em; left:1.85em;}
#contents-fullview {height:100%; width:100%; font-size:1.03em;}
#contents-fullview #contents-data {font-size:1.03em; }


#contents-fullview #contents-title {height:3em; padding:1em 0em 0em 1.8em;}
#contents-fullview .contents-title,  #contents-fullview .contents-title span{cursor:pointer;}
#contents-fullview #contents-navigation {height:85%; width:auto; margin:0em 0em 0em 0em; padding-right:2em; padding-left:2.1em}
#contents-fullscreen-nav-left {position:absolute; top: 55%; transform: translateY(-55%);}
#contents-fullscreen-nav-right {position:absolute; top: 55%; transform: translateY(-55%); right:0em;}
#contents-fullview #contents-header-title {margin:0.1em 1em 0.5em 0em; padding-right:1em;}
.contents-start-item, .contents-item-data {max-width:14em; display:inline-block;  vertical-align:top;}
.contents-item-data {margin-left:-0.5em; }
.contents-start-item, .contents-item {margin-bottom:3em;}
.contents-divider-data, .contents-title {width:14em; height:6em; text-align:center; display:table-cell; vertical-align:middle;}
.contents-item {display:inline-block;}
.contents-divider {width:1.2em; height:6em; display:inline-block; margin:0em 0em 0em 0em;}
.contents-divider-data { padding:1.2em 0em;}
.contents-divider-data-item {height:4px; width:1.3em; background-color:#fff; margin:0em 0em 0em -0.3em;}
.contents-title {border:4px solid #fff; padding:1em; font-family: Lato-Black;}
.contents-title.selected {background-color:#d4dfdd; color:#295f58;}
.contents-details {display:block; font-size:17px;}
.contents-details ul {
    list-style: none;
    padding-left: 0.2em 0.2em 0.2em 0em;
	margin:0.5em 0em 0em 0em;
}
.contents-details ul li {
	margin:0.5em 0em 0.1em -1.8em; 
	padding:0em;
}

.contents-details ul > li:before {
    display: inline-block;
    content: "-";
    width: 0.6em;
    margin-left:-0.8em; 
}
.contents-details ul li.selected {font-family: Lato-Black; font-style:italic;}



/* scenario explorer */
#scenario-splitview {height:100%; font-size:1.05em; position:relative; overflow-y:hidden; overflow-x:hidden; } /*  */

/*#scenario-title {height:auto;}*/
#scenario-content {height:97%; /*padding-right:2em;*/}
/*.scenario-section {padding: 0em 2em 1em 2em; }*/
#scenario-header-title {
	font-size: 2.4em;
	margin-top:0.05em; 
}
#scenario-content .scenario-section {padding: 0em 1em 1em 0.2em;}

#scenario-body {width:100%; display:block;}
#scenario-body-content {padding:0em 2em 0em 0em; display:block; margin-top:-0.5em; }
/* padding:0em 0em 0em 0em; */ 
#scenario-links {margin:0em 1em 2em 0em;}
.scenario-link-item {background-color:#ebedf1; color:#30466c; font-family: Lato-Black; padding:0em 2em; cursor:pointer; margin:0em 0em 0.5em 0em;}
.scenario-link-item a:before {
	content: "\25BA";
    width:20px;
    height:20px;	
	margin-right:0.5em;
}

#scenario-splitview #documentViewer.splitView { 
    /*
    height:105.3%;
    */
    height:100%;
}
#scenario-splitview #documentViewer #documentBox {
    top: 8%; 
    transform: translateY(0%); 
    max-width:96.5%; 
    margin-left:3%; 
    max-height:90%;
    height:100%;
}
#scenario-splitview #documentBox #documentBox-component {height:100%;}


/*#image-viewer-scroll {background-color:Red; display:table-cell; vertical-align:middle;}*/






/* source explorer */
#source-splitview {height:95%; font-size:1.05em;}
#source-splitview #menu-block-header{color:#000;}
/*#source-splitview .overlayDiv {display:none;}*/

/*#source-title {height:auto;}*/
#source-content {height:97%;}
/*.source-section {padding: 0em 2em 1em 2em; color:#000;}*/
#source-header-title {
	font-size: 2.4em;
	margin-top:0.05em; 
	color:#000; 
	/*color:#31466c;*/
}
#source-content .source-section {padding: 0em 1em 1em 0.2em; color:#000;}
#source-body {width:100%; display:block;}
#source-body-content {padding:0em 0em 0em 0em; display:block;}




/* question element */
.question-layout {display:table; table-layout: auto; width:100%;}  /* background-color:#eee; border-bottom:1px solid #ddd; */
.question-block {display:block; margin:1em 0em 2.5em 0em;}
.question-prefix {display:table-cell; width:1%; white-space:nowrap; padding-left:0.5em;}
.question-data {display:table-cell;  padding:0.5em 0.5em 0.5em 0.5em;}
.question-label {}
.question-answers {display:block; margin-top:0.5em; margin-left:2.15em;}
.question-answer-blockDisplay {display:block; text-indent:-1.55em; margin-left:1.55em}
.question-answer-inlineDisplay {display:inline-block; padding-right: 20px;}
.question-answer-textarea {width:97.7%; height:5em; font-family: Lato-Regular; font-size: 15px; padding:1%;}


/* drag/drop element */
.dragdrop-block {margin-top:1em; padding-bottom:1.5em; clear:both;}
.dragdrop-block.table {display:table; width:100%;}
.dragdrop-block.flex {
display: -webkit-box;       /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;          /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;       /* TWEENER - IE 10 */
display: -webkit-flex;      /* NEW - Chrome */
display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-direction: column;
}

.dragDropSource {width:49%; display:inline-block; vertical-align:top; margin-top:1em; position: relative; z-index: 1;}
.dragDropSource.position-right {float:right; margin-top:1.55em;}
.dragDropSource.position-left {float:left;}/* float:left; */
.dragDropSource.position-above {clear:both; width:100%;}
.dragDropSource.position-above .elementDragDropAnswerContainer, .dragDropSource.position-below .elementDragDropAnswerContainer{min-height: 11em; /*max-height: 14em;*/}
.dragDropSource.position-right .elementDragDropAnswerContainer, .dragDropSource.position-left .elementDragDropAnswerContainer{min-height: 14em;}

.dragDropSource.position-below {
-webkit-box-ordinal-group: 2;    /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 2;       /* OLD - Firefox 19- */
-ms-flex-order: 2;               /* TWEENER - IE 10 */
-webkit-order: 2;                /* NEW - Chrome */
order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
clear:both; width:100%; }




.dragDropAnswerCategories {position:relative;}

.dragDropSource-Block .dragDropAnswerCategoriesData {
    /*
    height:15em;
    */
    min-height:auto; 
    height:auto;     
    display:block; 
    clear:left; 
    padding-left:0em; 
    padding-bottom:0.5em;
}

.dragDropAnswerCategories .mCSB_container {padding:0em; margin:0em;}


.dragDropDestination {width:49%; display:inline-block; vertical-align:top; /*margin:1em;*/ }
.dragDropImageDestination {width:95%; display:inline-block; vertical-align:top; overflow: hidden; margin: 0 0 0 11px;}
.dragDropImageContainer {width:100%; position: relative;}
#drag-drop-image.dragDropDestination {margin:0em;}
.dragDropDestination.position-right {margin-top:0.5em; float:right; position: relative;}/* float:right; */
.dragDropDestination.position-left {float:left; position: relative;}
.dragDropDestination.position-above {
-webkit-box-ordinal-group: 1;    /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-ordinal-group: 1;       /* OLD - Firefox 19- */
-ms-flex-order: 1;               /* TWEENER - IE 10 */
-webkit-order: 1;                /* NEW - Chrome */
order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
clear:both; width:100%; position: relative;}
.dragDropDestination.position-below {clear:both; width:100%; position: relative; margin-top:0.5em;}

.sortable {margin: 0; padding: 0; background:#eee;}
#source-splitview .sortable {background:#f2f2f2;}

.dragDropDestinationsContainer ul {padding-bottom: 30px;}

.dragDropOverlayDiv {
    position: absolute;
    display: table;
}
.tabletDragDropAnswerSelected, .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {
   
    background-color: rgba(150,192,110,0.2);
    border:1px dotted rgba(0,0,0,0.4); 
    font-style:1.5em;
    padding:0.5em 1.2em 0.5em 1.2em;
    left:-1em;
    font-weight:bold;
    /*letter-spacing: 0.025em;*/
    position:relative;
    display:inline-block;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    background: -webkit-linear-gradient(left, #eee 0%, rgba(255,255,255,0.5) 100%);
    background: -moz-linear-gradient(left, #eee 0%, rgba(255,255,255,0.5) 100%);
    background: -o-linear-gradient(left, #eee 0%, rgba(255,255,255,0.5) 100%);
    background: -ms-linear-gradient(left, #eee 0%, rgba(255,255,255,0.5) 100%);
    background: linear-gradient(left, #eee 0%, rgba(255,255,255,0.5) 100%);
    /*
    white-space: nowrap;
    */
    display:block;
}
/*.tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {
    max-width: 40%;
}*/


.tabletDragDropAnswerSelected:before {
    top: -0.45em;
}

.dragdrop-container {
    border:2px dashed rgba(0,0,0,0.2); 
    background-color:rgba(0,0,0,0.05);
    /*padding:0.75em;
    margin:-1.37em -0.9em -0.9em -0.9em; */
    -webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    border-radius:10px;
    position:relative; top:1em;
    overflow: visible;
    
    /*
    padding:0.75em 0.45em 0.75em 0.45em;
    margin:-1.37em -0.6em 1.35em -0.6em;
    */
}
.dragdrop-container .dragdrop-block {
    margin-top:0em;
}

.dragdrop-container .sortable.destinationSortable {
    border:1px solid #000; 
    /*
    rgba(196,255,101,1);
    background-color: rgba(196,255,101,0.07);
   
    -webkit-transition:all ease 400ms;
    -moz-transition:all ease 400ms;
    -o-transition:all ease 400ms;
    transition:all ease 400ms;
    */
}
.drag-drop-answer-number {
    margin-top:0.7em;
}
/*tictactoe tutorial example */
.pageintro .dragDropDestination .dragDropOverlayDiv {
    text-align:center;
  
}
.pageintro .drag-drop-image .dragDropDestination .elementDragDropAnswer {
    padding:0em; 
    margin:0em;
    width: 100%;
    /*
    min-height:1.8em; padding:0em; margin:0.5em 0em 0em 0em; vertical-align:middle;
    */
}
.pageintro .dragDropDestination .sortable.destinationSortable.ui-sortable {
    
}

.answerTruncate {
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    display: inline-block !important;
    position: relative;
}

.minimap {
    z-index: 2;
    right: 0;
    background-color:#D3D3D3;
    opacity:0.5;
    position: absolute;
    display: none;
}

.minimapPreviewBox {
    background-color: gray;
    opacity: 0.5;
}

.zoomControls {
    display: inline-block;
    max-width: 5%;
    position: absolute;
    background-color: grey;
    border-style: solid;
    border-width: 1px;
    z-index: 2;
}
.disableControl {
    cursor: default;
    color: lightgrey !important;
}
       
.tabsList, .tabElementList {margin: 0; padding: 0; }
.tabElementBlock, .dragDropTabsBlock {margin-bottom: -4px}
/* Safari Fix */
_::-webkit-full-page-media, _:future, :root .tabElementBlock, _::-webkit-full-page-media, _:future, :root .dragDropTabsBlock{
  margin-bottom: 0px; 
}
.tabElementAdjustments {}
.tab {display: inline-block; zoom:1; /*display:inline;*/ background: #eee; border: solid 1px #999; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;}
.tab a {color:#000; text-decoration: none; font-size: 14px; line-height: 2em; display: block; padding: 0 10px; outline: none; }
.tab a:hover { text-decoration: underline; }
.tab.active { color:#000; background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #666; }
.tab a.active { font-weight: bold; }
.truncate {overflow: hidden; text-overflow: ellipsis;}



#resources-splitview .tab, #resources-fullview .tab {background: #0d4156; border-color: #2e728b;}
#resources-splitview .tab a, #resources-fullview .tab a {color:#fff;}
#resources-splitview .tab.active, #resources-fullview .tab.active {color:#fff; background: #104c65; border-color: #2e728b;}
#resources-splitview .tab.active a, #resources-fullview .tab.active a {font-weight:normal;}

#scenario-splitview .tab {background: #293a5c; border-color: #698db4;}
#scenario-splitview .tab a {color:#fff;}
#scenario-splitview .tab.active {color:#fff; background: #33466b; border-color: #698db4;}
#scenario-splitview .tab.active a {font-weight:normal;}

#source-splitview .tab {background: #d8d8d8; border-color: #000;}
#source-splitview .tab a {}
#source-splitview .tab.active {color:#fff; background: #eaeaea;}
#source-splitview .tab.active a {}

	
.dragDropDestinationsContainer {}
.dragDropTabsContainer {}
.dragDropTabsBlock {}

.ui-sortable-handle {margin:0.5em 0.5em 0.5em 0.5em;}
.single .ui-sortable-handle {margin-top: 0em;}
.dragDropDestinationsContainer-label {margin:0em 0em 0.1em 0em;}
.dragDropImageDestinationsContainer-label {margin:0em 0em 0.1em 0em; display: flex;}
.destinationBlock {border: solid #000 1px; background-color: #fafafa; /*width: 95%;*/ padding: 1% 1% 1% 1%;}
.destinationBlock .sortable {/*width:97%;*/ /*padding-left: 2%;*/}
.sequenceDestinationBlock {border: solid #000 1px; background-color: #fafafa;}
.sequenceDestinationBlock {padding:1% 1% 1% 2%; margin-bottom:1em;}
.position-right .sequenceDestinationBlock  .sortable.destinationSortable.ui-sortable.single {/*width:auto;*/ margin-right:2px;}
/*.destinationBlock.underlineAnswers {width:95%;}*/
.fadedDestination {
    opacity: 0.2; 
    border:1px solid rgba(0,0,0,0.1); 
    -webkit-transition:all ease 400ms;
    -moz-transition:all ease 400ms;
    -o-transition:all ease 400ms;
    transition:all ease 400ms;
}
.destinationBlock.underlineAnswers .fadedDestination {
     opacity: 0.3; 
     background-color:#ddd;
}

.destinationSortable {border:1px solid #b7babc; padding-top: 0.5em; margin:0.1em 0em; min-height:30px;}
.imageDestinationSortable {min-height: 5px;}
.pageintro .drag-drop-image .destinationSortable {padding-top: 0.5em; padding-bottom: 0.5em !important;}
.pageintro .myH3 {vertical-align: middle;}
.sequenceDestinationBlock .destinationSortable {margin-left:20px;}
/*.destinationSortable.single {min-height:8em; height:100%;} */
/*.destinationSortable .elementDragDropAnswer {margin:0.5em 0.5em 0.7em 0.7em; border-bottom:3px solid #6c6c6c;}*/
.underlineAnswers .elementDragDropAnswer {/*margin:0em 0.5em 0.7em 0.7em;*/ padding-bottom:0.5em; border-bottom:1px dashed #6c6c6c;}
.underlineAnswers .single .elementDragDropAnswer {border-bottom:0px; padding-bottom: 0em;}


.elementDragDropAnswer {
    display: table;
}
body > .elementDragDropAnswer {padding-left: 1.2em;}

.destinationSortable .elementDragDropAnswer{
    margin-right:1.2em;
    margin-left:1.2em;
}
.elementDragDropAnswerContainer { 
    height:100%; 
    background-color:#fff; 
    width:100%; 
    list-style-type: none; 
    /*padding-right:1.2em;*/
}
/*.mCSB_container .elementDragDropAnswerContainer{width:95%;}*/
.mCSB_container.mCS_no_scrollbar_y .elementDragDropAnswerContainer{width:100%;}
.elementDragDropAnswerContainer .elementDragDropAnswer {margin-right:1.2em; margin-left:1.2em;}

.disabledDragDrop .sortable.elementDragDropAnswerContainer {
    padding-top:0.5em;
}
.disabledDragDrop .sortable.elementDragDropAnswerContainer .elementDragDropAnswer {
    padding:0.3em 0em;
}
.disabledDragDrop .elementDragDropAnswer {
    
    opacity:0.5; 
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; 
    filter: alpha(opacity=50); 
    -khtml-opacity: 0.5; 
    -moz-opacity:50;
}


.dragDropSource-Block {/*padding: 5px;*/ background: #fff; /*width:50%;*/ border: solid #666 1px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px;}

#resources-splitview .dragDropSource-Block, #resources-fullview .dragDropSource-Block {background: #104c65; border: solid #2e728b 1px;}
#resources-splitview .elementDragDropAnswerContainer, #resources-fullview .elementDragDropAnswerContainer {background: #104c65;}
#scenario-splitview .dragDropSource-Block {background: #33466b; border: solid #698db4 1px;}
#scenario-splitview .elementDragDropAnswerContainer {background: #33466b;}
#source-splitview .dragDropSource-Block, #source-splitview .elementDragDropAnswerContainer {background: #eaeaea;}
#source-splitview .dragDropSource-Block {
    padding:0em 1em;
}


.grabCursor {  
cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
/*.grabCursor:active {
cursor: move;
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}*/




/*
.noDropCursor {

   
    cursor: url('../images/no-drop.cur'), auto !important;

}
.aliasCursor {

cursor: url('../images/cursor.cur'), auto !important;
}
*/


.noDropCursor {
 
    cursor: url('../images/nodrop-icon.svg'), auto !important;

}
.aliasCursor {

cursor: url('../images/cursor.cur'), auto !important;
}

#source-splitview .grabCursor {
    cursor: default;
    cursor: default;
    cursor: -moz-default;
    cursor: -webkit-default;
}

/* audio element */


/*
#audio {
    min-width:99%;
    max-width:99%;
    margin: 0em;
    padding: 0em;
    position:relative; 
    display:block;

div.audio-player {
	width:100%;
   
	max-width: 100%;
    min-width: 100%;
   
	margin: 0 auto;   

/*div.audio-player {
	width:100%;
   
	max-width: 100%;
    min-width: 100%;
   
	margin: 0 auto;   

}

.mejs__container.mejs__container-keyboard-inactive.mejs__audio {position:relative; display:block; max-width:99%; padding:0em; margin:0em;}

#mep_0, .mejs__container.mejs__audio {position:relative; display:block; max-width:99%; padding:0em; margin:0em;}
*/
video {
    max-width:100%;
}
.videocontent {display:none;}
/*.video-non-fullscreen {
    max-height: 500px;
}

.video-fullscreen {
    max-height: 100%;
}*/

/*
div.audio-player {
	width:100%;
	max-width: 100%;
    min-width: 100%;
	margin: 1em auto; 
    height:100%;    
    min-height:100%; 
    max-height:100%;       
}
.mejs-mediaelement {}
.mejs-controls {position:absolute; width:100%; padding:0em; margin:0em; top:0em;}
.mejs-video .mejs-controls {height:100px; top:-5.7em;
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%, #2c2d33 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.mejs-container.svg.mejs-audio {max-width:100%; min-width:100%; min-height:100px; max-height:100px;

}
.mejs-container.svg.mejs-video {max-width:100%; min-width:100%; min-height:100%; max-height:100%; position:relative; top:5.7em;

}

.mejs-layers {display:none;}
.mejs-mediaelement {position:relative; display:block;}

span.mejs-duration {
display:block;  float:right; margin:0em; padding:0em; position:relative; 
top:2.23em; left:0em; right:0em; bottom:0em; padding-right:160px; color:#fff}
*/



  
  
/* global */
#menu-header {height:5%; position:relative; z-index:10;}
.menu-block {position:relative; z-index:10; width:100%; padding-top:0.8em;}
#menu-block-header {position:relative; z-index:201; top:-0.3em; left:0.7em; }
#menu-block-header-title {white-space: nowrap; cursor:default;}

#documentViewer.splitView { 
    z-index:9; 
}
.documentviewerTitleBlock {
    display:none;
    width: 100%; /*margin:0.5em 0em;*/
}
#block-right .documentviewerTitleBlock {
    margin:0em;
}

#test-menu {display:none;}



/* lists */
.tree {list-style: none; padding-left:1em; margin-left:-1em;}
.tree .tree-parent {margin:0.2em 0em 0.2em 0em; list-style: none;}

.tree-parent-item:before{
    content: "";
    width: 0;
	height: 0;
	border-right: 7px solid transparent;
	border-top: 10px solid #fff;
	border-left: 7px solid transparent;
	position:relative;
	top:-.1em;
	display:inline-block;
    margin-right:0.25em;
    /*
    content: "";
    display:inline-block;
    width:0.75em;
    height:0.75em;
    background-size: 0.75em 0.75em;
    background-image: url(/html5/images/arrow-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(0deg);
    z-index:999;  
    position:relative;
    left:0em;
    margin-right:0.5em;
    */
    /*
	content: '\25BA';
    width:20px;
    height:20px;	
	margin-right:0.5em;
    */
}
.tree-parent-item.expand:before {
    content: "";
    width: 0;
	height: 0;
    border-top: 7px solid transparent;
	border-left: 10px solid #fff;
	border-bottom: 7px solid transparent;
    
	position:relative;
	top:0em;
    left:0.2em;
	display:inline-block;
    margin-right:0.2em;
    
    /*
    content: "";
    display:inline-block;
    width:0.75em;
    height:0.75em;
    background-size: 0.75em 0.75em;
    background-image: url(/html5/images/arrow-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(90deg);
    z-index:999;  
    position:relative;
    left:0em;
    margin-right:0.5em;
    */
    
    /*
    content: "\25BC";
    width:20px;
    height:20px;
    margin-right:0.5em;
    */
}
.tree-parent-item span {}

/*
.tree-parent-item.selected:before {
	content: "\25BC";
    width:20px;
    height:20px;
	margin-right:0.5em;
}
.tree-parent-item.selected.minimized:before {
    content: "\25BA";
    width:20px;
    height:20px;
    margin-right:0.5em;
}
*/
.tree .tree-parent .tree-child {margin:0.2em -0.5em 0.2em 1.2em; list-style: none; }
.tree .tree-parent .tree-child.selected:before {
	content: "\25CF";
	width:20px;
	height:20px;
	margin:0em 0.6em 0em -1.2em;
	color:#fff;

}
.tree .tree-parent .tree-child.selected a {font-family: Lato-Heavy; font-style:italic;}


#contents-splitview .tree .tree-parent .tree-child {display:block; text-indent:-0em; margin-left:0em;  list-style: none; }
#contents-splitview .tree .tree-parent .tree-child.selected {
display:block; text-indent:-0.4em; margin-left:0em;  list-style: none;
}



/* buttons & icons */
#triangle-large {
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-left: 13px solid #fff;
	border-bottom: 9px solid transparent;
	position:relative;
	top:-0.1em;
	cursor:pointer;
}

#triangle-med-left {
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 10px solid #fff;
	border-bottom: 6px solid transparent;
	position:relative;
	cursor:pointer;
}

#triangle-med-right {
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-left: 10px solid #fff;
	border-bottom: 6px solid transparent;
	position:relative;
	cursor:pointer;
}

.icon-minimize {
   
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-left: 11px solid #fff;
	border-bottom: 8px solid transparent;
	position:relative;
	top:0em;
	display:inline-block;
	margin-right:0.25em;
    
    /*
    display:inline-block;
    width:0.85em;
    height:0.85em;
    background-size: 0.85em 0.85em;
    background-image: url(/html5/images/arrow-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(0deg);
    margin-right:0em;
    position:relative;
    top:0.075em;
    */
}

.icon-maximize {
    
	width: 0;
	height: 0;
	border-right: 8px solid transparent;
	border-top: 11px solid #fff;
	border-left: 8px solid transparent;
	position:relative;
	top:-0.1em;
	display:inline-block;
    
    /*
    display:inline-block;
    width:0.85em;
    height:0.85em;
    background-size: 0.85em 0.85em;
    background-image: url(/html5/images/arrow-icon.svg);
    background-repeat: no-repeat;
    transform: rotate(90deg);
    margin-right:0em;
    position:rela
    */
}

/* circle arrow */
a:hover .left, a:hover .top, a:hover .bottom, a:hover .right{
opacity:0.5; 
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; 
filter: alpha(opacity=50); 
-khtml-opacity: 0.5; 
-moz-opacity:50;
}

a:hover .left:after, a:hover .top:after, a:hover .bottom:after, a:hover .right:after {
opacity:0.9; 
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; 
filter: alpha(opacity=90); 
-khtml-opacity: 0.9; 
-moz-opacity:90;
}

.left {
    font-size:15px;
    display: inline-block;
    position:relative; 
    top:-0.4em;
    width: 1.3em;
    height: 1.3em;
    border: 0.15em solid #fff;
    border-radius: 50%;
    margin-left: 1.2em;
}

.left:after {
    content: '';
    display: inline-block;
    position:relative; 
    top: -0.15em;
    left: 0.49em;
    width: 0.3em;
    height: 0.3em;
    border-top: 0.15em solid #fff;
    border-right: 0.15em solid #fff;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.right {
    font-size:15px;
    display: inline-block;
    position:relative; 
    top:-0.4em;
    width: 1.3em;
    height: 1.3em;
    border: 0.15em solid #fff;
    border-radius: 50%;
    margin-left: 1.2em;
}

.right:after {
  content: '';
  display: inline-block;
  position:relative; 
  top: -0.12em;
  left: 0.35em;
  width: 0.3em;
  height: 0.3em;
  border-top: 0.15em solid #fff;
  border-right: 0.15em solid #fff;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.previous:hover{
	
}
/*, a:hover .rightHome*/

a:hover .leftInverted, a:hover .rightInverted{ 
border: 0.2em solid #6c6c6c;
}
a:hover .leftInverted:after{
border-right: 13px solid #6c6c6c;
}
a:hover .rightInverted:after {
border-left: 13px solid #6c6c6c;
}

a:hover .rightHome:after {
border-left: 13px solid #6c6c6c;
}


.leftInverted {
    font-size:15px;
    display: inline-block;
    position:relative; 
    top:-0.06em;
    width: 1.8em;
    height: 1.8em;
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    margin-right: 0.2em;
}

.leftInverted:after {
    content: '';
    display: inline-block;
    position:relative; 
    top: 0.25em;
    left: 0.35em;
    width: 0.05em;
    height: 0.05em;
    border-top: 9px solid transparent;
    border-right: 13px solid #a6a6a6;
    border-bottom: 9px solid transparent;
}

.rightInverted {
    font-size:15px;
    display: inline-block;
    position:relative; 
    top:-0.06em;
    width: 1.8em;
    height: 1.8em;
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    margin-left: 0.4em;
}

.rightInverted:after {
content: '';
display: inline-block;
position:relative; 
top: 0.25em;
left: -0.25em;
width: 0.05em;
height: 0.05em;
border-top: 9px solid transparent;
border-left: 13px solid #a6a6a6;
border-bottom: 9px solid transparent;
}
/*
.rightHome {
display: inline-block;
position:relative; 
top:-0.06em;
width: 1.8em;
height: 1.8em;
border: 0.2em solid #ff0000;
border-radius: 50%;
margin-left: 0.4em;
}

.rightHome:after {
content: '';
display: inline-block;
position:relative; 
top: 0.25em;
left: -0.25em;
width: 0.05em;
height: 0.05em;
border-top: 9px solid transparent;
border-left: 13px solid #ff0000;
border-bottom: 9px solid transparent;
}
*/
.rightHome {
    display: inline-block;
    position:relative; 
    top:-0.06em;
    width: 2em;
    height: 2em;
    /*
    border: 0.2em solid #a6a6a6;
    border-radius: 50%;
    */
    margin-left: 0.2em;
    
    background: url(../images/home.svg);
    background-repeat: no-repeat;
    /*
    width: 40px;
    height: 40px;
    display:block;
    background-repeat: no-repeat;
    */
    
}
a:hover .rightHome {
    background: url(../images/home_dark.svg);
    background-repeat: no-repeat;
    /*
    width: 40px;
    height: 40px;
    display:block;
    background-repeat: no-repeat;
    */
}

#colorbox #cboxClose
{
top: 0;
right: 0;
}

#cboxLoadedContent{
margin-top:28px;
margin-bottom:0px;
}

/* Editor Styles (Overwrite) */
#training-view, #source-splitview{
color:#000;
}
#training-view .myItalic, #source-splitview .myItalic{
color:#000;
}
#training-view .myBold, #source-splitview .myBold{
color:#000;
}
#training-view .myStyleHighlight, #source-splitview .myStyleHighlight, #scenario-splitview .myStyleHighlight{
color:#658db5;

}

.activex {position:absolute; z-index:2;}

/* tutorial */

.pageintro-actions {
    margin:1.5em 0em;
}
@keyframes blink {
    0% {
            
            border-color: rgba(255,255,255,0.8);
            /*
            background-color: rgba(255,255,255,0.5);
            */
    }
    50% {
            
            border-color: rgba(255,255,255,0.2);
            /*
            background-color: rgba(255,255,255,0.2);
            */
    }
    100% {
            
            border-color: rgba(255,255,255,0.8);
            /*
            background-color: rgba(255,255,255,0.5)
            */
    }
}
@-webkit-keyframes blink {
    0% {
            
            border-color: rgba(255,255,255,0.8);
            /*
            background-color: rgba(255,255,255,0.5)
            */
    }
    50% {
            
            border-color: rgba(255,255,255,0.2);
            /*
            background-color: rgba(255,255,255,0.2);
            */
    }
    100% {
            
            border-color: rgba(255,255,255,0.8);
            /*
            background-color: rgba(255,255,255,0.5)
            */
    }
}
@keyframes blink-invert {
    0% {
           border-color: rgba(141,141,141,1); /* 94,173,28,1 */
           
    }
    50% {
           border-color: rgba(255,255,255,0.2);
            
    }
    100% {
           border-color: rgba(141,141,141,1);
           
    }
}
@-webkit-keyframes blink-invert {
    0% {
           border-color: rgba(141,141,141,1);
           
           
    }
    50% {
           border-color: rgba(255,255,255,0.2);
             
    }
    100% {
           border-color: rgba(141,141,141,1);
           
    }
}

.pageintro-hole {
 
    border: 3px solid #fff; 
     /*
    
    box-shadow: 2px 2px 15px #000; 
    */
}

.animate-pageintro-hole {
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -moz-animation:blink normal 1.5s infinite ease-in-out;
    /* Firefox */
    -webkit-animation:blink normal 1.5s infinite ease-in-out;
    /* Webkit */
    -ms-animation:blink normal 1.5s infinite ease-in-out;
    /* IE */
    animation:blink normal 1.5s infinite ease-in-out;
    /* Opera */  
}
.animate-pageintro-hole.invert {
    -moz-animation:blink-invert normal 1.5s infinite ease-in-out;
    /* Firefox */
    -webkit-animation:blink-invert normal 1.5s infinite ease-in-out;
    /* Webkit */
    -ms-animation:blink-invert normal 1.5s infinite ease-in-out;
    /* IE */
    animation:blink-invert normal 1.5s infinite ease-in-out;
    /* Opera */  
}
.fade-in-pageintro-hole {
   opacity: 1;
   transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
}
.pageintro-nav {
    display:none;
}
.pageintro-tooltip {
  max-width: 60%;
  width:auto;
  min-width:100px;
  border:8px solid #ddd;
  box-shadow: 2px 2px 15px #000; 
  background-color:rgba(255, 255, 255, 0.9);
  margin-right:2em;
}
.pageintro-close {
  width: 320px;
  position: fixed;
  bottom:11px;
  left:40%;
  /*margin: 0 auto;*/
  text-align: center;
  background: transparent;
  z-index:10001;
}

.pageintro-tutorial-identifier {
   text-align:center;
   width:100%; 
   /*
   position:absolute; 
   top:0em; 
   left:0em;
   padding:0.5em 0em;  
   background-color:#c1c1c1;
   */

    position:relative; 
    top:-1em; 
    left:0em; 
    padding:0em 0em 0.5em 0em; 
    color:#535353;
    /* color:#666666; */   
    background-color:#ddd; 
    border-bottom-right-radius:15px; 
    border-bottom-left-radius:15px 
}

.pageintro-steps {
   font-size:20px; 
}
.pageintro-text {
    /*padding:2% 5%;*/
    font-size:20px;
    position:relative;
}

.pageintro-text h1 {
    margin:0em;
    font-size:1.7em;
}
.pageintro-text h2 {
    margin:0em; 
    font-size:1.1em; 
    font-weight:normal; 
    border-top:1px solid #484848; 
    text-transform:lowercase;
}


.pageintro-text p {
    margin:0.5em 0em; 
}
.pageintro-text ol , .pageintro-text ul {
    display: inline-block; 
    text-align:left;
}
.pageintro-text ul {
    margin: 0.5em 0em;
}
.pageintro-text ul li {
    margin: 0.5em 0em;
}
.pageintro-stepType .stepTypeContainer {
    display:inline-block; 
    border:1px solid #9e9d9d; 
    padding:0.5em 1.5em; 
    border-radius: 15px;
}
.pageintro-stepType .stepTypeImage {
    display:inline-block;
}
.pageintro-stepType .stepTypeText {
    display:inline-block; 
    position:relative; 
    top:-1.3em; 
    margin-left:1em;
}

 #text-content li {
    padding-bottom:0.25em;
    /* text-indent:-1.4em;  */
    text-indent: 0em; 
    margin-left:1.5em;   
}
/* Firefox (All) */
@-moz-document url-prefix() {
    #text-content li {
      text-indent:0em; 
    }
}
/* Microsoft Edge Browser 12+ (All) */
@supports (-ms-ime-align:auto) {
    #text-content li {
      text-indent:0em; 
    }
}
/* Microsoft IE */
@media all and (-ms-high-contrast:none){
     #text-content li {text-indent:0em; } /* IE10 */
     *::-ms-backdrop, #text-content li {text-indent:0em; } /* IE11 */
}
#text-content ul li, #text-content ol li {
    padding-bottom:0.25em;
    text-indent:0em; 
    margin-left:0em; 
}
/* Microsoft Edge Browser 12+ (All) */
@supports (-ms-ime-align:auto) {
  #text-content ul li, #text-content ol li {
       
    }
}
.pageintro #training-view, .pageintro #block-right{
    overflow-x: hidden;
}
#tutorial-explorerDescriptions p {
    padding:0.5em 0em;
}
.explorerTitle {
    vertical-align:top; 
    white-space: nowrap; 
    padding-right:0.5em;
    font-style:italic;
    text-decoration:underline;
    width:auto;
    text-align:right;
}

.btn-tutorial-option {
    display:block;
    margin:4em 0em;
}
a.btn-tutorial-option {
    background-color:blue;
    color:#fff;
    padding:0.5em 2em 0.6em 2em;
    cursor:pointer;
    text-decoration:none;
}
a.btn-tutorial-option:visited, a.btn-tutorial-option:active {

}
a.btn-tutorial-option:hover{
    background-color:#357302;
    color: #fff;
}

.btn-accept {
    display:block;
    margin:0.5em 0em;
}
a.btn-accept {
    background-color:#5ead1c;
    color:#fff;
    padding:0.5em 2em 0.6em 2em;
    cursor:pointer;
    text-decoration:none;
}
a.btn-accept:visited, a.btn-accept:active {

}
a.btn-accept:hover{
    background-color:#357302;
    color: #fff;
}

.btn-exit {
    margin:4em 0em;
}
a.btn-exit {
   /* background-color:#838383;*/
    background-color:white;
    margin-left:1em;
    /*color:#fff;*/
    color:black;
    border:2px solid #a80202;
    padding:0.5em 2em 0.6em 2em;
    cursor:pointer;
    text-decoration:none;
}
a.btn-exit:visited, a.btn-exit:active {

}
a.btn-exit:hover{
    /*background-color:#a9a9a9;*/
    background-color:#a80202;
    color:white;
}

.btn-close {
    height:30px;
    width:30px;
    top:-1.5em; 
    left:-1.5em;
    position:absolute; 
    background: url(../images/circle_width.png); 
    background-repeat:no-repeat;
    margin-top:0.25em;
    cursor:pointer;
    float:left;
}

.center {
    margin:0 auto; 
    position:relative; 
    top: 50%; 
    transform: translateY(-50%); 
    display:block; 
}

@-webkit-keyframes showHide { /* Chrome, Safari */
     0% {width:100%}
    100% {width:0%;}
}
@-moz-keyframes showHide { /* FF */
     0% {width:100%}
    100% {width:0%;}
}
@-ms-keyframes showHide { /* IE10 */
     0% {width:100%}
    100% {width:0%;}
}
@-o-keyframes showHide { /* Opera */
     0% {width:100%}
    100% {width:0%;}
}
@keyframes showHide {
    0% {width:100%}
    100% {width:0%;}
}

.fade {
    -moz-animation: showHide 1s normal forwards linear; /* Firefox */
    -webkit-animation: showHide 1s normal forwards linear; /* Safari and Chrome */
    -ms-animation: showHide 1s normal forwards linear; /* IE10 */
    -o-animation: showHide 1s normal forwards linear; /* Opera */
    animation: showHide 1s normal forwards linear;
}

#autoAdvanceCounter {position:absolute; width:90%; text-align:right;}
.counterBlock {display:inline-block; float:right; margin:0em 0em; height:3px;}
.counterChild {display:inline-block; height:100%; width:100%; background-color:#c2c2c2;} /* #c2c2c2 */

.focus {z-index:10002 !important;} /*cursor:pointer;*/

.tutorialElement, .forceToClickElement, .autoAdvanceElement {
    cursor: pointer; 
    position:absolute; 
    z-index:10001;  

}

.autoAdvanceElement {
    cursor: default;
    pointer-events: none; 
}

.language {
    height:32px;
    width:32px;
    background: url(../images/language.svg);
    background-size:cover;
    cursor:pointer;
    float:right;
    margin-top:-0.8em;
    margin-left:0em;
}
#scenario-splitview .language {
    margin-top:-0.8em;
    margin-left:1em;
}

a:hover .language{
opacity:0.5; 
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; 
filter: alpha(opacity=50); 
-khtml-opacity: 0.5; 
-moz-opacity:50;
}

.standardExplorerHighlight {
    background-color: #b274b2;
}

#watermark {
    height: 100%;
    width: 100%;
    font-size: 75px;
    font-weight: 900;
    color: grey;
    top: 10%;
    position: fixed;
    text-align: center;
    -ms-transform: rotate(-25deg); /* IE 9 */
    -webkit-transform: rotate(-25deg); /* Chrome, Safari, Opera */
    transform: rotate(-25deg);
    z-index: 999;
    opacity: 0.02;
    pointer-events:none;
}

#documentViewer.splitView.solidBG, #mainDocumentViewer.fullView.solidBG, #mainDocumentViewer.dialog-box.solidBG, #mainDocumentViewer.logIssue-box.solidBG, #alertDocumentViewer.alert-box.solidBG, #camera-wizard.camera-dialog.solidBG, #camera-wizard.short-camera-dialog.solidBG {background:url(../images/overlay.png) repeat 0 0;  }


#scenario-splitview #documentViewer.splitView, #scenario-fullview #documentViewer.splitView {background:none; background-color:#33466b;}

#resources-splitview #documentViewer.splitView, #resources-fullview #documentViewer.splitView {background:none; background-color:#104c65;}
#resources-splitview #documentViewer.splitView #documentviewer-title, #resources-fullview #documentViewer.splitView #documentviewer-title, #scenario-splitview #documentViewer.splitView #documentBox #documentBox-component #documentviewer-title {font-size:2.4em; padding:0em 1.3em; font-family: Lato-Heavy; font-style:normal;}
#resources-splitview #documentViewer.splitView .img-close-documentviewer, #resources-fullview #documentViewer.splitView .img-close-documentviewer, #scenario-splitview #documentViewer.splitView #documentBox #documentBox-component .img-close-documentviewer {
    margin-top:0.25em;
    z-index:2;
    left:0em;
    top:0em;
    height:32px;
    width:32px;
}
#resources-splitview #documentViewer.splitView #documentviewer-title, #scenario-splitview #documentViewer.splitView #documentBox #documentBox-component #documentviewer-title{font-size:1em; margin-left:1em; position:relative; top:0.25em;} /* font-size:2.5vh; */

#resources-splitview #documentViewer.splitView .img-close-documentviewer, #scenario-splitview #documentViewer.splitView #documentBox #documentBox-component .img-close-documentviewer {margin-top:0em;}


#resources-fullview #documentViewer.splitView .img-close-documentviewer {
    position:relative; 
}
#resources-fullview #documentViewer.splitView .documentviewerTitleBlock{
    min-height:1em;
}
#resources-fullview #documentViewer.splitView #documentviewer-title {
    font-size:1em; 
    position:relative; 
    top:1.75em;
    left:1em; 
}/* font-size:2.5vh; */
#resources-fullview #documentViewer.splitView #doc-menu-block {
    margin-top:0%;
}


.clear {display:none;}

/* temp hack */
.dragDropDestination.position-right.formElementContainer {margin-right:3em; margin-top:-0.1em;}

.dialog-text-input
{
    width: 80%;
    height: 100%;
}

/* css for scaling checkboxes
input[type=checkbox]
{
    -ms-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
}
input.big {
    font-size: 110%;
    display: inline;
}*/


#text-content {padding:0.5em}




/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* -------------  Scroll Fix */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:rgba(0,0,0,0.35);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.45);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.45);
}

.mCSB_scrollTools .scroll-invisible, .mCSB_scrollTools .scroll-invisible:hover {
    opacity:0; 
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; 
    filter: alpha(opacity=0); 
    -khtml-opacity: 0; 
    -moz-opacity:0;
    cursor: default;
}
.mCSB_scrollTools .scroll-visible {
    opacity:1; 
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; 
    filter: alpha(opacity=100); 
    -khtml-opacity: 100; 
    -moz-opacity:100;
}

.mCSB_scrollTools .scroll-btn-visible {
    opacity:0.4; 
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; 
    filter: alpha(opacity=40); 
    -khtml-opacity: 40; 
    -moz-opacity:40;
}

.block-main-content-left-50 > .widget > #training-view {overflow-y:hidden;}
.block-main-content-left-75 > .widget > #training-view {overflow-y:hidden;}
.block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ overflow-y:hidden;}
.block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data > .standards-row > .clause-data {overflow-y:hidden;}
.block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { overflow-y:hidden;}
.block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, .block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content, .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content, .block-source-explorer-right-50 > .widget > #source-splitview { overflow-y:hidden;}
.block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { overflow-y:hidden;}

#toc-navigation-content, #toc-misc-content  {padding-right:1em;}
#training-view {margin-right:0.5em;}
#standards-splitview {margin-right:1.3em;}
#standards-fullview .standards-cell.clause-data {padding-right:1em;}
#resources-splitview {padding-right:1.3em;}
#resources-fullview #resource-content {padding-right:2em;}
#contents-splitview {margin-right:1.3em;}

#notes-splitview {margin-right:1.3em;}
#scenario-splitview {margin-right:1.3em;}
#source-splitview {margin-right:1.3em;}


/* Firefox */
    @-moz-document url-prefix() { 
        .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ 
            height:1100px; 
           
        }
        .block-main-content-left-75 > .widget > #training-view > #training-content {
            height:1000px;
        }
        .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ 
            height:920px;
        }
        .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data, 
        .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data > .standards-row > .clause-data { 
            height:970px;
        }
        .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { 
            height:1100px;
        }
        #notes-recent-data {height:23em;}
        #notes-preview-data {height:22em;}

        
        .block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, .block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content, .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content { 
            height:1090px;  
        }
        .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { 
            height:980px;
        } 
        
        #resources-fullview .featured-resource-content, #resources-fullview .resource-content {
            /*min-height:1000px;*/ 
            display:block;
        }
        
        #toc-navigation {height:400px; }
        #toc-misc {height:410px; }
        #doc-display-training, #doc-display-explorer {height:785px;}
    }
/* Edge */
@supports (-ms-ime-align:auto) {
    .block-main-content-left-50 > .widget > #training-view > #training-content{ 
        height:900px;
    }
    .block-main-content-left-75 > .widget > #training-view > #training-content {
        height:820px;
    }
        
    .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ 
        height:700px;
    } 
    .standards-section {overflow-x:hidden;}
    .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data, 
    .block-standard-explorer-right-100 > .widget > #standards-fullview #standards-clause-data .standards-row .standards-cell.clause-data .CustomScroll { 
        height:680px;
    }
    .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { 
        height:890px; 
    } 
    .block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, .block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content, .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content { 
        height:875px;
    }
    .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { 
        height:745px; 
    }
    #toc-navigation {height:400px; }
    #toc-misc {height:410px; }
    #doc-display-training, #doc-display-explorer {height:800px;}
}

/* IE 11 */
@media all and (-ms-high-contrast:none){
    *::-ms-backdrop,.block-main-content-left-50 > .widget > #training-view > #training-content{ 
        height:900px;
    }
    /*
    *::-ms-backdrop,.block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ 
        height:700px;
    } 
    *::-ms-backdrop,.block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data, 

    *::-ms-backdrop,.block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { 
        height:890px; 
    } 
    *::-ms-backdrop,.block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, *::-ms-backdrop,.block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, *::-ms-backdrop,.block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content, .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content, *::-ms-backdrop,.block-source-explorer-right-50 > .widget > #source-splitview #scenario-content { 
        height:875px;
    }
    *::-ms-backdrop,.block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { 
        height:745px; background-color:red;
    }
    *::-ms-backdrop,#toc-navigation {height:400px; }
    *::-ms-backdrop,#toc-misc {height:410px; }
    *::-ms-backdrop,#doc-display {height:800px;}
    */
 }


 /* CONTENTS FULLSCREEN OVERRIDE */
#contents-fullview .mCustomScrollBox {max-width:99%; height:100%;}
#contents-fullview .mCSB_container_wrapper {overflow: visible;}
#contents-fullview .mCSB_container {height:99%; max-height:99%;}

#contents-fullview #btn-arrow-right {
    background: url(../images/contents-arrow-right.svg); 
    background-size:contain; 
    background-repeat: no-repeat;
    cursor:pointer;
    height:50px; 
    width:15px;
}
#contents-fullview #btn-arrow-left {
    background: url(../images/contents-arrow-left.svg); 
    background-size:contain; 
    background-repeat: no-repeat;
    cursor:pointer;
    height:50px; 
    width:15px;
    position:relative; 
    left:0.3em;
}


/*
#contents-fullview #contents-navigation .mCSB_scrollTools_vertical {
    opacity:0; 
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; 
    filter: alpha(opacity=0); 
    -khtml-opacity: 0; 
    -moz-opacity:0;  
}
*/
/*
#contents-fullview #mCSB_5_scrollbar_vertical, #contents-fullview #mCSB_5_dragger_vertical, #contents-fullview #mCSB_5_scrollbar_vertical .mCSB_buttonUp, #contents-fullview #mCSB_5_scrollbar_vertical .mCSB_buttonDown, #contents-fullview #mCSB_5_scrollbar_vertical .mCSB_draggerRail {opacity:0; }
*/
/*#mCSB_4_scrollbar_horizontal {}*/
/*#contents-fullview .screenScroll {max-height:100%;}*/ 


#resources-fullview .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerContainer, #resources-fullview .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonUp, #resources-fullview .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonDown, #resources-fullview #documentViewer .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerContainer.scroll-invisible, #resources-fullview #documentViewer .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonUp.scroll-invisible, #resources-fullview #documentViewer .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonDown.scroll-invisible {
    opacity:0; 
    -ms-filtebuttonUpr:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; 
    filter: alpha(opacity=0); 
    -khtml-opacity: 0; 
    -moz-opacity:0;
}

#resources-fullview #documentViewer .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerContainer, #resources-fullview #documentViewer .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonUp, #resources-fullview #documentViewer .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonDown {
    opacity:1; 
    -ms-filtebuttonUpr:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; 
    filter: alpha(opacity=100); 
    -khtml-opacity: 100; 
    -moz-opacity:100;
}

#contents-fullview #contents-data .mCustomScrollBox {min-height:38em; }  
#contents-fullview #contents-data .contents-details {white-space: normal; height:68%;}

#contents-fullview .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerContainer, #contents-fullview #contents-data .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerContainer.scroll-invisible, #contents-fullview .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonUp, #contents-fullview .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonDown, #contents-fullview #contents-data .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonUp.scroll-invisible, #contents-fullview #contents-data .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonDown.scroll-invisible{
    opacity:0; 
    -ms-filtebuttonUpr:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; 
    filter: alpha(opacity=0); 
    -khtml-opacity: 0; 
    -moz-opacity:0;
}
#contents-fullview #contents-data .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerContainer, #contents-fullview #contents-data .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonUp, #contents-fullview #contents-data .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_buttonDown {
    opacity:1; 
    -ms-filtebuttonUpr:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; 
    filter: alpha(opacity=100); 
    -khtml-opacity: 100; 
    -moz-opacity:100;
}

.powerPointViewer {width:85%;}
.thumbnailBlock .imgElement {border:0; width:150px; min-width: 150px; cursor:pointer; object-fit: scale-down;}
/*
.thumbnailBlock .thumbnailTitle {width:100%;}
*/
.img .image-inline.imgElement.imgTransparent {width:100%; object-fit: scale-down;}
.image-inline.imgElement.align-left, .image-inline.imgElement.align-right, .image-inline.imgElement.align-center {width:100%; object-fit: scale-down;}

/* -------------- Save Spinner ----------------- */
.saving-spinner {
  border: 4px solid #ffffff;
  border-radius: 50%;
  border-top: 4px solid rgba(0, 0, 0, 0) ;
  width: 8px;
  height: 8px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: inline-block;
}

/* -------------- Loading Dialog Spinner ----------------- */
.loading-dialog-spinner{
  border: 10px solid #000;
  border-radius: 50%;
  border-top: 10px solid rgba(0, 0, 0, 0) ;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: inline-block;
  top: 50%;
  left:50%;
  position: absolute;
}
.loading-dialog-overlay{
    position:absolute;
    height: 100%;
    width:100%;
    z-index: 2;
    background-color:white;
}

/* -------------- Loading Tab Spinner ----------------- */
.loading-tab-spinner {
  border: 10px solid #000;
  border-radius: 50%;
  border-top: 10px solid rgba(0, 0, 0, 0) ;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: inline-block;
  top: 10%;
  left:50%;
  position: absolute;
}
.loading-tab-overlay {
    position:absolute;
    height: 100%;
    width:100%;
    z-index: 2;
    background-color:transparent;
}
/* -------------- Loading Image Spinner ----------------- */
.loading-image-spinner {
  border: 10px solid #000;
  border-radius: 50%;
  border-top: 10px solid rgba(0, 0, 0, 0) ;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: inline-block;
  top: 50%;
  left:50%;
  position: absolute;
}
.loading-image-overlay {
    position:absolute;
    height: 100%;
    width:100%;
    z-index: 2;
    background-color: transparent;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#resources-fullview #resource-content{padding-left:1em;}
#resources-fullview .training-section {padding-left:1em; margin-left:0em;}
#resources-fullview .resource-section {white-space: nowrap; position:relative; right:0em;}

.upload-progress-bar {
    background: #555;
    height: 10%;  
    text-align:left;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    position: relative;
    padding: 5px;
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    margin:1em 3em;
}
    
.upload-progress-bar > span {
  display: block;
  height: 100%;
  width:1%;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: rgb(52,152,219);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}    
    
.upload-progress-bar > span:after {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background-image: linear-gradient(
    -45deg, 
    rgba(255, 255, 255, .2) 25%, 
    transparent 25%, 
    transparent 50%, 
    rgba(255, 255, 255, .2) 50%, 
    rgba(255, 255, 255, .2) 75%, 
    transparent 75%, 
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: move 2s linear infinite;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

#camera-wizard.proctor-dialog #viewBox.no-agreement-proctor{
    display: table;
    margin: 0 auto;
}
#camera-wizard.proctor-dialog #viewBox.full-agreement-proctor{
    max-height: 90%;
    min-height: 600px;
    max-width: 80%;
    min-width: 600px;
}
.proctor-dialog .btn-exit, .proctor-dialog .btn-exit:hover {
    margin:0em;
    background-color: #7a7a7a;
    color: #FFFFFF;
}
.proctor-dialog .proctor-block-container {
    margin-right: 1em; 
    margin-top: 1.5em; 
    padding-left:1em; 
    font-size: 0.85em;
    text-align: left;
}
#mobile-blacked {
    display:none;
}

.disable-selection {
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

.tooltip {
    
    padding: 10px 15px;
    
    opacity: 0.90;
    width:auto;
    position:relative;
    z-index:999999;
    max-width:500px;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px;
    font-size:1.2em;
    font-weight:bold;
    /*
    color:rgba(0,0,0,0.9);
    background: rgba(255,255,255,0.9);
    border: 3px solid rgba(0,0,0,0.5);
    */
    color:rgba(255,255,255,0.9);
    background: rgba(0,0,0,0.9);
    border: 2px solid rgba(255,255,255,0.5);
    
}

.imgViewer-expand, .imgViewer-pan-in, .imgViewer-pan-out {
    background-size:cover; 
    cursor:pointer;
    position:absolute; 
    margin-top:0.25em;
    margin-left:0.5em;
    z-index: 2;

    opacity:0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity:0;
}
.imgViewer-expand {
    background: url(../images/zoom-in.svg);
    right:0em;
    height:31px;
    width:28px;
    cursor:pointer; 
    top:3em; 
    right:1.5em;
}
.imgViewer-pan-out {
    background: url(../images/pan-out.svg);
    right:0em;
    height:28px;
    width:28px;
    cursor:pointer; 
    top:5em; 
    right:1.5em;
}
.imgViewer-pan-in {
    background: url(../images/pan-in.svg);
    right:0em;
    height:28px;
    width:28px;
    cursor:pointer; 
    top:5em; 
    right:1.5em;
}
.img-cell:hover .imgViewer-pan-in, .img-cell:hover .imgViewer-pan-out, .img-cell:hover .imgViewer-expand{
    opacity:1; 
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; 
    filter: alpha(opacity=100); 
    -khtml-opacity: 100; 
    -moz-opacity:100;
}

.login-container {
    padding: 0em 0em 1em 0em;
    background-color: white;
    width: 500px;
    border-radius: 10px;
    margin: 0 auto;
}
.login-header {
    width: 100%;
    background-color: lightgrey;
    height: 2.9em;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 1em;
}
.login-error {
    color: red;
    padding: 0em 1em 0em 1em;
}
.login-input{
    margin-bottom: -10px;
    padding: 2px;
    padding-left: 5px;
    border-width: 1px;
    height: 30px;
    font-size: 1em;
    width: 70%;
    border-radius: 3px;
    border-style: solid;
    margin: auto;
    display: block;
}
.login-actions {
    margin-top:0.5em;
    padding: 1em 1em 0em 1em;
}
.proctor-dialog-container {
    padding:0.5em 1em 1em 1em; 
    background-color: white; 
    width: 500px;
    margin: auto;
    min-height:250px;
}

.media-load-fail {
    color: red;
}
.pan-image, .zoom-image {
    height: 30px; 
    position:relative; 
    top:0.4em; 
    margin-right:0.8em; 
    margin-left:0.3em
}
.pan-image {
     background: url(../images/pan-in.svg);
     height:40px;
}
.zoom-image {
    background: url(../images/zoom-in.svg);
    height:40px;
}
.tutorial-ordered-list {
    margin-top:0.5em;
}

.blockUI.blockMsg {
    padding: 0.5em 1.5em;
    margin: 0;
    top: 40%;
    min-width:30%;
    /*
    left: 35%;
    */
    text-align: center;
    color: #000;
    border: 3px solid #aaa;
    background-color:#fff;
    cursor: wait;
    
    left:50%;
    transform:translateX(-50%);

}

.blockUI.blockMsg.blockPage h1, .blockUI.blockMsg.blockPage h3 {
	padding:0em;
    text-align:center; 
    font-size:18px;
    color:#497295;
    font-weight:normal;
}

#timeRemaining-tablet-right {
    display: none;
}

/*#contents-fullview .mCSB_container_wrapper {
    overflow-x:hidden;
}*/

.mobile-explorer {
    display:none;
}
#resources-splitview #img-block .img.inline {margin-top:0.8em;}
.inputContainer.ui-dialog-content.ui-widget-content {
    margin:0em 1.25em 0em 1.5em;
    border:1px solid #fff;  
    overflow:visible;        
}
.inputContainer .form-input-scroll {
    margin-top: -1em;
    padding-bottom:1em;
    /*
    padding-left:0.5em;
    padding-right:0.5em;
    */
    /*padding-left:1em;
    padding-right:1em;*/
    overflow: auto;
    
}
.form-input-scroll .inputContainerTitle {
    top:0;
    margin-bottom: 1em;
}
.text-input-container .form-input-scroll .inputContainerTitle {
    margin-bottom: 0;
    margin-top:1.1em;
}
.text-input-container .form-input-scroll {
    padding-bottom: 0;
}

.inputContainer.ui-dialog-content.ui-widget-content {

    /*
    border: solid 0.5em #c1c7d2;
    box-shadow: 3px 3px 8px 24px rgba(0,0,0,0.5);
    */
    
    border-bottom-left-radius:1em;
    border-top-right-radius:1em;
    /*
    box-shadow: 0px 0px 0px 12px rgba(50,69,107,0.5);
    */
    box-shadow: 0px 0px 0px 12px rgba(73,73,100,0.5);
    padding:1.25em 1em 1em 1em;
    cursor:grab;
    background-color: #494964 !important;
}
.inputContainerTitle{
    
    padding:0.25em;
    display:block;
    background-color:#fff;
    color:rgb(50,69,107);
    text-align:center;
    cursor:grab;
}
.inputContainer.ui-dialog-content.ui-widget-content .inputContainerX {
    position:absolute;
    right:-0.1em;
    top:-1.3em;
    z-index:999;
    background:transparent;
    cursor:pointer;
   
}

input[type="radio"] {
    -ms-transform: scale(1.3); /* IE 9 */
    -webkit-transform: scale(1.3); /* Chrome, Safari, Opera */
    transform: scale(1.3);
    
}

#FormHighlight-close {
    cursor:pointer;
    width:2.6em;
    height:2.6em;
    background-size: 2.6em 2.6em;
    background-image: url(/html5/images/close.svg);  

}

.inputContainerDialog {
    /*
    width: 90% !important;
    left: auto !important;
    margin:0 auto !important;
    position:relative !important;
    */
}
.form-input-scroll {
    cursor:grab;
}

.expandable-icon {
    cursor: pointer;
}
.form-input-container{
    margin-top: 3%; 
    opacity: 0;
    position: absolute;
    width:100%;
    height:94%;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: transparent;
    pointer-events: none;
}
.form-input-container-source {
    margin-top: 3%; 
    opacity: 0;
    position: absolute;
    width:100%;
    height:94%;
    top: 0;
    z-index: 2;
    background-color: transparent;
    pointer-events: none;
    right: 0;
}

/*.block-main-content-left-75 .form-input-container {
    width: 70%;
}*/

#block-left #iv-container.iv-container, #block-right #iv-container.iv-container, #block-right #iv-container.iv-container.thumbnail-image-viewer.thumbnail-expanded-viewer {
    background-color:rgba(0,0,0,0.8);
    position:fixed; 
    z-index:1101;
    width:100%;
}
#block-right #iv-container.iv-container.thumbnail-image-viewer {
    position:absolute; 
    z-index:1100;
    right: 0;
    width:100%;
    left: unset;
}
#block-left .iv-image-view, #block-right .iv-image-view {
    background-color:rgba(0,0,0,0);
    position:fixed; 
    width:100%; 
    max-width:100%;
    overflow:hidden;
}
#block-right #iv-container.thumbnail-image-viewer .iv-image-view {
    background-color:rgba(0,0,0,0);
    position:relative; 
    max-height:calc(100% - 0.5em); 
    max-width:calc(100% - 0.5em);
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    overflow:hidden;
}
#block-right #iv-container.thumbnail-image-viewer.thumbnail-expanded-viewer .iv-image-view {
    max-width:calc(100% - 1em);
}
.iv-image-wrap { 
    position:relative; 
}
#block-left .iv-large-image, #block-right .iv-large-image {
    position:relative; 
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1); 
}
#block-right #iv-container.thumbnail-image-viewer .iv-large-image {
    margin-left:0%;
}
/*#block-right #iv-container.thumbnail-image-viewer .iv-expand, #block-right #iv-container.thumbnail-expanded-viewer .iv-expand {
    cursor:pointer;
    top:-0.6em; 
    width:4em;
    height:4.75em;
    position:fixed; 
    right:2.3em;
    background-size: 4.75em 4.75em;
    background-image: url(/html5/images/fullscreen-icon.svg);
    background-repeat: no-repeat; 
    text-shadow:0 0 3px #6d6d6d;
}
#block-right #iv-container.thumbnail-expanded-viewer .iv-expand {
    background-image: url(/html5/images/min-icon.svg);
}
#block-right #iv-container.thumbnail-image-viewer .iv-expand {
    position:absolute; 
}
#block-left .iv-close, #block-right .iv-close {
    cursor:pointer;
    top:-0.6em; 
    width:4.75em;
    height:4.75em;
    position:fixed; 
    right:-0.3em;
    background-size: 4.75em 4.75em;
    background-image: url(/html5/images/exit-icon.svg);
    background-repeat: no-repeat; 
    text-shadow:0 0 3px #6d6d6d;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
#block-right #iv-container.thumbnail-image-viewer .iv-close, #block-right #iv-container.thumbnail-expanded-viewer .iv-close {
    position:absolute; 
    right:-1.2em;
    background-image: url(/html5/images/exit-icon-end.svg);
}*/

.log-issue-button {
    font-size:1.5em;
    font-weight:bold;
}

/* required for log issue button*/
.pilot-mode .log-issue-button {
    /*border-radius: 1em;
    border: 1px solid black;
    color: white;
    background-color: grey;
    cursor: pointer;
    padding: 0.5em;*/
    text-transform:uppercase; 
    font-size:1.2em;
    font-weight:bold;
    position:relative;

    -webkit-border-radius:15px; 
    -moz-border-radius:15px; 
    border-radius:15px; 
    padding:0.2em 0.5em 0.25em 0.5em;
    border:4px solid #ddd; 
    top:0.25em;
    cursor: pointer;
}
.pilot-mode .log-issue-button:before {
    content: "";
    display:inline-block;
    width:30px;
    height:30px;
    background-size: 30px 30px;
    /*
    background-image: url(/html5/images/logIssue-icon.svg);
    */
    background-repeat: no-repeat;
    transform: rotate(-22.5deg);
    position:relative;
    top:0.3em;
    padding-right:0.65em;
    z-index:999; 
}
.pilot-mode .log-issue-button:after {
    content: "";
    display:inline-block;
    width:30px;
    height:30px;
    background-size: 30px 30px;
    /*
    background-image: url(/html5/images/logIssue-icon.svg);
    */
    background-repeat: no-repeat;
    transform: rotate(22.5deg);
    position:relative;
    top:0.6em;
    left:0.75em;
    z-index:999; 
    padding-right:0.65em;
}
#mainDocumentViewer.logIssue-box.non-timed-log-issue {
    background: transparent;
}
#mainDocumentViewer.logIssue-box.non-timed-log-issue #dialog-box {
    margin: 1em;
}
#non-touch-tablet-res {
    display:none;
    background-color:black;
    color:white;
    z-index: 99999999;
    height: 100%;
    position: fixed;
    overflow: auto;
    font-size: 2em;
    padding: 0 1em;
}
.main-menu-block.menu-icon-pulse #main-menu-icon {
    animation: pulse 1.5s infinite;
}
#tutorial-helper {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 1s linear, height 0s, width 0s;
    width: 0;
    height: 0;
    position: absolute;
}
.menu-icon-pulse #tutorial-helper {
    visibility: visible;
    opacity: 1;
    min-width: 16em;
    width: auto;
    height: auto;
    right: -5px;
    top: 3.5em;
    font-weight: bold;
    padding: 2em 3em 2em 3em;
    color: #573a08;
    border-radius: 5px;
    cursor: default;
    z-index:2;
}
#tutorial-helper .tutorial-helper-arrow {
    width: 65px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    right: 0;
    margin-left: -35px;
    top: -16px;
}
#tutorial-helper .tutorial-helper-arrow:after {
    content: "";
    position: absolute;
    left: 28px;
    bottom: -20px;
    width: 23px;
    height: 23px;
    box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
  
    transform: rotate(45deg);
}
#tutorial-helper, #tutorial-helper .tutorial-helper-arrow:after {
    background-color: #fdecd5;
    border: 2px solid #c9b48a;
}
#tutorial-helper .helper-icon-close {
    background-image: url(/html5/images/exit-icon-tutorial-helper.svg);
    background-repeat: no-repeat; 
    height:0.75em;
    width: 0.75em;
    position: absolute;
    margin: auto;
    top: 2.25em;
    left: 1em;
    cursor: pointer;
}
#tutorial-helper .progressbar {
    width: 100%;
    margin-top: 2em;
    border-radius: 0.5em;
    background: #c9b48a;
}
#tutorial-helper .progressbar #progressbar-inner {
    height: 5px;
    border-radius: 0.5em;
    animation: progressbar-countdown;
    /* Placeholder, this will be updated using javascript */
    animation-duration: 40s;
    /* We stop in the end */
    animation-iteration-count: 1;
    /* Stay on pause when the animation is finished finished */
    animation-fill-mode: forwards;
    /* We start paused, we start the animation using javascript */
    animation-play-state: paused;
    /* We want a linear animation, ease-out is standard */
    animation-timing-function: linear;
}
@keyframes progressbar-countdown {
    0% {
      width: 100%;
      background: #573a08;
    }
    100% {
      width: 0%;
      background: #573a08;
    }
}
@keyframes pulse {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.3, 1.3);
    }

    100% {
        transform: scale(1, 1);
    }
}

#scenario-body-content a, #scenario-body-content a, #scenario-body-content a:visited
{
    color: white;
}