/* CSS Document */ /***********************************/ /* Start - Desktop View with Touch */ /***********************************/ @media (hover:none) { /* body {background-color:red;} */ #training-content .training-section-footer { position:relative; } #training-content.maincontent.scroll-content { margin:0em; padding-right:1em; } #standards-splitview, #resources-splitview, #contents-splitview, #scenario-splitview, #notes-splitview, #source-splitview, #scenario-splitview { padding-right:0.5em; margin-right:0em; } #standard-content.scroll-content, #resource-content.scroll-content, #contents-navigation.scroll-content, #notes-body.scroll-content, #source-content.scroll-content, #scenario-content.scroll-content { margin:0em; padding-right:1em; } #scenario-splitview {overflow-y:visible; overflow-x:visible; } .block-main-content-left-50 > .widget > #training-view {overflow-y:visible;} .block-main-content-left-75 > .widget > #training-view {overflow-y:visible;} .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ overflow-y:visible;} .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data > .standards-row > .clause-data {overflow-y:visible;} .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { overflow-y:visible;} .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:visible;} .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { overflow: auto; overflow-y: hidden; position:absolute; width:95%; padding: 0; margin: 0 2em 0 2em; } #resources-fullview, #resources-fullview #resource-content, #resources-fullview #resource-content .mCustomScrollBox { overflow:visible; } #resources-fullview #resource-content { margin-top:2em; } #resources-fullview #resource-section { width:90%; } #resources-fullview #resource-section { overflow:scroll; overflow-y:scroll; overflow-x:scroll; height:90%; } #resources-fullview #resource-content .training-section { overflow:scroll; overflow-y:scroll; overflow-x:scroll; padding-bottom:3em; } #resources-fullview #resource-content #training-content { /* overflow:scroll; overflow-y:scroll; overflow-x:scroll; */ } #resources-fullview .resource-header-title { width:auto; } #resources-fullview #documentViewer.splitView { position:fixed; } #contents-fullview .mCSB_container_wrapper { overflow-x:visible; } .scroll-content-full { margin-top: 0; } #contents-fullview .screenScroll { overflow-y: auto; } #contents-fullview #contents-data .contents-details { overflow-y: hidden; margin-top: .5em; } #contents-fullscreen-nav-right, #contents-fullscreen-nav-left { position: fixed; z-index:100000; } #contents-fullscreen-nav-right, #contents-fullscreen-nav-left { position: fixed; z-index:100000; } .tabletDragDropAnswerSelected:before { content: ""; display:block; width:24px; height:24px; background-size: 24px 24px; background-image: url(/html5/images/drag-icon.svg); background-repeat: no-repeat; transform: rotate(180deg); position:absolute; top:-0.65em; left:-0.5em; z-index:999; } .tabletDragDropAnswerDroppable:before { content: ""; display:block; width:24px; height:24px; background-size: 24px 24px; background-image: url('../images/cursor.cur'); background-repeat: no-repeat; position:absolute; top:-0.65em; left:-1.2em; z-index:999; } .tabletDragDropAnswerNoDrop:before { content: ""; display:block; width:24px; height:24px; background-size: 24px 24px; background-image: url('../images/nodrop-icon.svg'); background-repeat: no-repeat; transform: rotate(180deg); position:absolute; top:-0.65em; left:-1.2em; z-index:999; } .wizard-summary-scroll { overflow-y: auto; } } /***********************************/ /* End - Desktop View with Touch */ /***********************************/ @media (hover: hover) { } /*only target non-touch devices under 1024px*/ @media (max-width: 1024px) and (hover:hover) { /* drag drop on image tutorial overrides */ .pageintro .dragDropSource.position-right {clear:none; min-width:40%; width:40%; float:right; margin-left: 5%} .pageintro .dragDropSource.position-left {clear:none; min-width:40%; width:40%; float:left; margin-right: 5%} .pageintro .dragDropDestination.position-right{clear:none; min-width:55%; width:55%; float:right;} .pageintro .dragDropDestination.position-left {clear:none; min-width:55%; width:55%; float:left;} } @media (hover: hover) and (max-width: 800px){ /*#non-touch-tablet-res { display: block; width: 90%; height: 100%; position: fixed; background-color: black; z-index: 1200; color: white; padding: 10em 2em 2em 2em; }*/ } /***********************************/ /* Styles for touch devices 1024px and less and non touch under 800px */ /***********************************/ @media (max-width: 1024px) and (hover:none), (max-width: 800px) and (hover: hover) { .hyphen-auto { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .hyphen-none { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .pageintro.bumpMode #block-left.block-main-content-left-50 .widget, .pageintro.bumpMode #block-left.block-main-content-left-50 #iv-container, .pageintro #block-right.block-scenario-explorer-right-50 #iv-container, .pageintro #block-right.block-resource-explorer-right-50 #iv-container, .pageintro #block-right.block-standard-explorer-right-50 #iv-container, .pageintro .bumpMode #block-left.block-main-content-left-50 .mobileWidgetRight, .pageintro #block-right.block-scenario-explorer-right-50 .mobileWidgetRight, .pageintro #block-right.block-resource-explorer-right-50 .mobileWidgetRight, .pageintro #block-right.block-standard-explorer-right-50 .mobileWidgetRight, .pageintro #block-right.block-source-explorer-right-50 #iv-container, .pageintro.bumpMode #block-right.block-source-explorer-right-50 .mobileWidgetRight { overflow: hidden; overflow-y: hidden; overflow-x: hidden; } .pageintro .allow-scrolling{ overflow: auto !important; overflow-y: auto !important; overflow-x: hidden !important; } .pageintro .allow-panning{ overflow: scroll !important; overflow-y: scroll !important; overflow-x: scroll !important; } .pageintro-tablet-overlay { display: block; width:100%; height: 100%; pointer-events: none; } #pageintro-gesture-overlay { display: block; width: 100%; height: 100%; z-index: 10002; position: fixed; } @keyframes animateRight { 0% {right: 0em; opacity: 0.3;} 50% {right: 2em; opacity: 0.7;} 100% {right: 0em; opacity: 0.3;} } @-webkit-keyframes animateRight { /* Chrome, Safari */ 0% {right: 0em; opacity: 0.3;} 50% {right: 2em; opacity: 0.7;} 100% {right: 0em; opacity: 0.3;} } @-moz-keyframes animateRight { /* FF */ 0% {right: 0em; opacity: 0.3;} 50% {right: 2em; opacity: 0.7;} 100% {right: 0em; opacity: 0.3;} } @-ms-keyframes animateRight { /* IE10 */ 0% {right: 0em; opacity: 0.3;} 50% {right: 2em; opacity: 0.7;} 100% {right: 0em; opacity: 0.3;} } @-o-keyframes animateRight { /* Opera */ 0% {right: 0em; opacity: 0.3;} 50% {right: 2em; opacity: 0.7;} 100% {right: 0em; opacity: 0.3;} } @keyframes animateLeft { 0% {left: 0em;opacity: 0.3;} 50% {left: 2em;opacity: 0.7;} 100% {left: 0em;opacity: 0.3;} } @-webkit-keyframes animateLeft { /* Chrome, Safari */ 0% {left: 0em;opacity: 0.3;} 50% {left: 2em;opacity: 0.7;} 100% {left: 0em;opacity: 0.3;} } @-moz-keyframes animateLeft { /* FF */ 0% {left: 0em;opacity: 0.3;} 50% {left: 2em;opacity: 0.7;} 100% {left: 0em;opacity: 0.3;} } @-ms-keyframes animateLeft { /* IE10 */ 0% {left: 0em;opacity: 0.3;} 50% {left: 2em;opacity: 0.7;} 100% {left: 0em;opacity: 0.3;} } @-o-keyframes animateLeft { /* Opera */ 00% {left: 0em;opacity: 0.3;} 50% {left: 2em;opacity: 0.7;} 100% {left: 0em;opacity: 0.3;} } .pageintro-gesture-direction img{ position: absolute; top: 50%; width:6em; transform: translateY(-50%); left:auto; right:0em; transition: all 1s ease-in-out; animation: animateRight 1.4s infinite; } .pageintro-gesture-direction.swipe-right{ position: absolute; top: 50%; width:6em; transform: translateY(-50%); right:auto; left:0em; transform: rotate(180deg); transition: all 1s ease-in-out; animation: animateLeft 1.4s infinite; } .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; } .pageintro-tooltip { max-width: 100% !important; min-width:70%; display:block; background-color: rgba(255, 255, 255, 0.95); z-index:10004; max-height:70%; height:auto; margin:-4% 0% 0% 0%; position: absolute; top: 50% !important; left:50% !important; overflow-y:scroll; overflow-x:hidden; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; transition-timing-function: cubic-bezier(0.35, 0.7, 0.45, 1.4); opacity:1; /* -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); */ transform: translateY(-50%); transform: translate(-50%, -50%); } .pageintro-tutorial-identifier, .pageintro-steps, .pageintro-text { opacity:1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .pageintro-tooltip.slide-down { max-width:0% !important; min-width:50%; transform: translate(-100%, 100%); -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; opacity:0; } .pageintro-tooltip.slide-down .pageintro-tutorial-identifier, .pageintro-tooltip.slide-down .pageintro-steps, .pageintro-tooltip.slide-down .pageintro-text { opacity:0; } .pageintro-tooltip.slide-up { -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; } .pageintro-tooltip-min { /* bottom: -1.3em; z-index: 1; position: sticky; font-size:0.9em; border: 3px solid transparent; border-radius: 50%; width: 2em; height: 2em; margin: -1.3em; background-image: url(/html5/images/btn-minimize.svg); background-repeat: no-repeat; */ /* background-image: url(/html5/images/icon-info.svg); */ background-repeat: no-repeat; height: 1.2em; width: 1.2em; display:inline-block; background-size:cover; margin-right:0.5em; position:relative; top:0.25em; opacity:0.9; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; filter: alpha(opacity=90); -khtml-opacity: 0.9; -moz-opacity:90; } .pageintro-min-actions .tooltip-min, .pageintro-min-actions .tooltip-expand { /* background-image: url(/html5/images/icon-info.svg); */ background-repeat: no-repeat; height: 1.2em; width: 1.2em; display:inline-block; background-size:cover; margin-right:0.5em; position:relative; top:0.25em; opacity:0.9; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; filter: alpha(opacity=90); -khtml-opacity: 0.9; -moz-opacity:90; } .pageintro-min-actions .btn-minimize.btn-minimize-info.disabled .tooltip-min { opacity:0.5; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity:50; } /* .pageintro-min-actions .tooltip-expand { -moz-transform: scale(-1, -1); -o-transform: scale(-1, -1); -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } */ .pageintro-steps { top: -0.5em; position: relative; } .pageintro-text { position: relative; top: -1em; -webkit-overflow-scrolling: touch; touch-action: auto; } .scroll-tutorial { position: relative; margin: 1em 0em 1em 0em; /*padding: 0em 1em 0em 1em;*/ overflow: scroll; } .pageintro-stepType { display:none; } .pageintro-minimized { width: 100%; position:fixed; bottom: 0; z-index:10004; } .pageintro-interaction-type { text-align: center; } .pageintro-interaction-type .stepTypeContainer{ display:inline-block; padding: 0.4em 0em; /* -webkit-border-radius:2em; -moz-border-radius:2em; border-radius:2em; */ background-color:rgba(255,255,255,0.5); border-bottom:2px solid rgba(255,255,255,0.2); border-top:2px solid rgba(255,255,255,0.2); margin-bottom:0.5em; min-width:100%; } .pageintro-interaction-type .stepTypeImage { /* float:left; */ display:inline-block; } .pageintro-interaction-type .stepTypeImage img { height:2em; } .pageintro-interaction-type .stepTypeText { display: inline-block; top: -0.7em; position: relative; margin-left:0.3em; font-size:16px; } .pageintro-min-actions { width:100%; margin: 0 0 auto; display: inline-flex; background-color: lightgrey; } .pageintro-min-actions a.btn-accept, .pageintro-min-actions a.btn-show-info, .pageintro-min-actions a.btn-minimize-info{ display: inline-block; width: 50%; position: relative; margin: auto; text-align: center; text-decoration: none; padding: 0.2em 0.5em 0.35em 0.5em; line-height: 2; height: 2em; } .pageintro-min-actions a.btn-accept{ border: 3px solid #5ead1c; } a.btn-show-info, a.btn-minimize-info { display:block; margin:1.5em 0em; background-color:black; color:white; padding:0.5em 2em 0.6em 2em; cursor:pointer; border: 3px solid black; } .pageintro-minimized a.btn-accept:hover { background-color: #5ead1c; } .pageintro-minimized a.btn-minimize-info:hover, .pageintro-minimized a.btn-show-info:hover, .pageintro-minimized a.btn-decline:hover{ background-color: black; } .pageintro.bumpMode #block-left, .pageintro #block-right { z-index:auto; } .pageintro.bumpMode #block-right { z-index:301; } .pageintro #block-left { z-index:300; } .tablet-tutorial-no-action .pageintro-overlay { z-index:10004; background-color: rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5); } .tablet-tutorial-no-action .focus { z-index:100; } .tablet-tutorial-no-action .animate-pageintro-hole { border: none; } .tablet-tutorial-no-action .tutorialElement, .tablet-tutorial-no-action .forceToClickElement, .tablet-tutorial-no-action .autoAdvanceElement { cursor: pointer; position:absolute; z-index:100 !important; } .tablet-tutorial-no-action .pageintro-hole{ box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0); } .animate-focus, .pageintro-hole.animate-pageintro-hole.animate-focus { border: 3px solid; -moz-animation: blink-invert normal 1.5s infinite ease-in-out; -webkit-animation: blink-invert normal 1.5s infinite ease-in-out; -ms-animation: blink-invert normal 1.5s infinite ease-in-out; animation: blink-invert normal 1.5s infinite ease-in-out; } .pageintro-minimized .animate-focus { -moz-animation: blink normal 1.5s infinite ease-in-out; -webkit-animation: blink normal 1.5s infinite ease-in-out; -ms-animation: blink normal 1.5s infinite ease-in-out; animation: blink normal 1.5s infinite ease-in-out; } .pageintro-hole.animate-pageintro-hole { -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out; -moz-animation: blink normal 0s infinite ease-in-out; -webkit-animation: blink normal 0s infinite ease-in-out; -ms-animation: blink normal 0s infinite ease-in-out; animation: blink normal 0s infinite ease-in-out; } .pageintro .iv-container { z-index: 10003 !important; } .pageintro-stepType .stepTypeContainer { padding: 0.1em 0.5em 0em 0.5em; } .pageintro-minimized .stepTypeContainer.invert-step-type { background-color: rgba(0,0,0,0.5); border-bottom: 2px solid rgba(0,0,0,0.2); border-top: 2px solid rgba(0,0,0,0.2); color: #fff; } .pageintro-stepType .stepTypeText { top: -0.4em; } .pageintro-stepType .stepTypeImage img { width:1.5em; } .pageintro .inputContainerDialog { z-index: 10003; } #block-left #iv-container.iv-container, #block-right #iv-container.iv-container, #block-right #iv-container.iv-container.thumbnail-image-viewer.thumbnail-expanded-viewer { position: absolute; } #dialog-message.scroll-content { padding: 0em 1em 0em 1em; } #dialog-box { font-size: 13px; } #dialog-message { max-height: 30em; overflow: auto; } #scenario-title { padding-top:4em; } #contents-navigation.scroll-content { margin-top:1em; } .menu-icon-pulse #tutorial-helper { right: -0.8em; top: 3.2em; } } /***********************************/ /* Styles for touch devices any size and non touch under 800px */ /***********************************/ @media (hover:none), (max-width: 800px) { .dragdrop-container { padding:0.75em; margin:-1.37em -0.9em -0.9em -0.9em; } .tabletDragDropAnswerSelected, .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop { margin:0em !important; left:0.5em; top:0.5em; } /* tab element for tablet */ .tab a {font-size: 1.05em;} .tabElementBlock, .dragDropTabsBlock { margin-bottom: -5px; } /*.tab-amount { height: 1em; width: 1em; border-radius: 100em; background: black; right: 2em; margin-top: 0.4em; position: absolute; color: white; text-align: center; border-color: white; padding:0.3em; z-index: 1001; }*/ .tab-span {pointer-events: none;} .tab-number, .drag-drop-tab-number { height: 1em; width: 3em; margin-top: 1.2em; position: absolute; color: white; text-align: center; border-color: white; z-index: 1001; pointer-events: none; background-color:#fff; padding:0.1em 0.3em 0.4em 0.3em; -webkit-border-radius:60em; -moz-border-radius:60em; border-radius:60em; color:#454369; font-size:0.9em; right: 4.75em; } #source-content .tab-number{ right: 5.4em; } .tabElementData { padding-left:0.8em; padding-right:0.8em; } .tab.active {top: 0px;} .transformer-tabs ul { list-style: none; padding: 0; margin: 0; border-bottom: 0px solid white; } .transformer-tabs li { display: inline-block; padding: 0; vertical-align: bottom; } .transformer-tabs a { display: inline-block; color: #fff; text-decoration: none; padding: 0.5rem; } .transformer-tabs a.active { border-bottom: 0px solid transparent; position: relative; color: #fff; bottom: -3px; } .transformer-tabs .tab.active.selected { padding-right:10%; } .transformer-tabs ul { border-bottom: 0; overflow: hidden; position: relative; } .transformer-tabs ul:after { background-image: url('../images/notes-expand-icon.svg'); /* url('../images/down-icon.svg'); */ background-repeat: no-repeat; content: ""; position: absolute; margin-top:0.3em; right: 15px; z-index: 999; cursor: pointer; height:1.3em; width: 1.3em; max-height:1.3em; max-width: 1.3em; background-size:contain; pointer-events: none; } .training-section .transformer-tabs ul:before, #resources-splitview .transformer-tabs ul:before, #scenario-splitview .transformer-tabs ul:before, #source-splitview .transformer-tabs ul:before{ background-image: url('../images/expand-icon.svg'); /* ../images/down-icon2.svg */ background-repeat: no-repeat; content: ""; position: absolute; margin-top: 1.1em; right: 1em; cursor: pointer; height:1.3em; width:1.3em; background-size:contain; pointer-events: none; z-index:1000; } .transformer-tabs ul.open a { position: relative; display: block; } .transformer-tabs ul.tabsList { border: 0px solid #666666; } .transformer-tabs li { display: block; } .transformer-tabs a { display:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .transformer-tabs a.active { display:block; border: 0; z-index: 1; } .tabs > div { display: none; padding: 1rem; } .tabs > .active { display: block; } .dragDropSource-Block { -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; } .training-section .dragDropSource-Block { margin-top:0.2em; } .dragdrop-block.table .question-layout { } .transformer-tabs .tab { border: 0; margin-top: 0; background: rgba(0,0,0,0.05); -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; } .training-section .transformer-tabs .tab { margin:0em; background: rgba(64,68,106,0.7); } .training-section .transformer-tabs .tab.active { background: rgba(64,68,106,1); box-shadow: 0px 2px 6px rgba(0,0,0,0.9); /* #868787; */ position:relative; z-index:999; } .training-section .transformer-tabs .tab a { border-top:1px solid rgba(64,68,106,1); } .training-section .transformer-tabs .tab a span, #resources-splitview .transformer-tabs .tab a span, #rscenario-splitview .transformer-tabs .tab a span, #source-splitview .transformer-tabs .tab a span { color:#fff; } .training-section .transformer-tabs .tab a.active, #resources-splitview .transformer-tabs .tab a.active, #scenario-splitview .transformer-tabs .tab a.active, #source-splitview .transformer-tabs .tab a.active { border-top:0px solid #000; } .transformer-tabs .tab.active { margin-top:0; border: none; padding-top:0px; -moz-border-radius: 0 0.5em 0 0; -webkit-border-radius: 0 0.5em 0 0; } .transformer-tabs .tab.active a { text-decoration:none; } .training-section .transformer-tabs .tab a, #resources-splitview .transformer-tabs .tab a, #scenario-splitview .transformer-tabs .tab a, #source-splitview .transformer-tabs .tab a { padding:0.75em 1em 0.75em 1em; width:80%; /* text-overflow: ellipsis; white-space: nowrap; overflow: hidden; */ } .training-section .transformer-tabs .tab.active a, #resources-splitview .transformer-tabs .tab.active a, #scenario-splitview .transformer-tabs .tab.active a, #source-splitview .transformer-tabs .tab.active a { padding:0.75em 1em 0.75em 1em; color:#fff; /* text-transform:uppercase; */ } .drag-drop-answer-replace { position:absolute; width:60%; max-width:60%; left:17.5%; /*top: 25%;*/ z-index: 20000; padding:2%; margin:0 auto; text-align:center; font-size:0.9em; background-color:#ececf0; border:4px solid #9a97ab; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .drag-drop-answer-replace h2 { font-weight:normal; } #resources-splitview .tab, #resources-splitview .tab.active { border-color: #5e899d; } #resources-splitview .tab { background: #86a6b5; } #resources-splitview .tab.active { background: #5e899d; } #resources-splitview .transformer-tabs .tab a { border-top:1px solid #5e899d; } #scenario-splitview .tab, #scenario-splitview .tab.active { border-color: #7381b5; } #scenario-splitview .tab { background: #929dc5; } #scenario-splitview .tab.active { background: #7381b5; } #scenario-splitview .transformer-tabs .tab a { border-top:1px solid #7381b5; } #source-splitview .tab, #source-splitview .tab.active { border-color: #9c9c9c; } #source-splitview .tab { background: #b7b7b7; } #source-splitview .tab.active { background: #9c9c9c; } #source-splitview .transformer-tabs .tab a { border-top:1px solid #9c9c9c; } #notes-splitview .transformer-tabs .tab { border: 0; margin-top: 0; background: rgba(255,255,255,0.3); -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; } #notes-splitview .transformer-tabs .tab.active { background: rgba(255,255,255,0.3); margin-top:0; border: none; padding-top:0px; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; } .transformer-tabs .tabElementBlock {margin-bottom: 0} #notes-nav-mobile.transformer-tabs { width:100%; } #notes-nav-mobile.transformer-tabs ul { list-style: none; padding: 0; margin: 0; border-bottom: none; } #notes-nav-mobile.transformer-tabs li { display: inline-block; padding: 0; vertical-align: bottom; } #notes-nav-mobile.transformer-tabs a { display: inline-block; color: #fff; text-decoration: none; padding: 0.5rem; } #notes-nav-mobile.transformer-tabs a.active { border-bottom: 1px solid transparent; position: relative; color: #fff; /*bottom: -3px;*/ } #notes-nav-mobile.transformer-tabs ul { /*overflow: visible;*/ } #notes-nav-mobile.transformer-tabs ul:after { top: 7.5px; height:30px; width: 30px; } #notes-nav-mobile.transformer-tabs ul.open a { position: relative; display: block; } #notes-nav-mobile.transformer-tabs ul.tabsList { border: 1px solid #666666; } #notes-nav-mobile.transformer-tabs li { display: block; } #notes-nav-mobile.transformer-tabs a { display:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #notes-nav-mobile.transformer-tabs a.active { display:block; border: 0; z-index: 1; } #notes-nav-mobile.tabs > div { display: none; padding: 1rem; } #notes-nav-mobile.tabs > .active { display: block; } #notes-nav-mobile.transformer-tabs .tab { border: 0; margin-top: 0; } #notes-nav-mobile.transformer-tabs .tab { border: 0; -moz-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; background: rgba(255,255,255,1); border-top:1px solid #7f7046; border-bottom:2px solid #7f7046; margin:0em; } #notes-nav-mobile.transformer-tabs .tab.selected { border: 0; -moz-border-radius: 0 0.5em 0 0; -webkit-border-radius: 0 0.5em 0 0; background: rgba(255,255,255,0.7); padding:0.55em 0em 0.2em 0em; border-top:1px solid #7f7046; border-bottom:0px solid #7f7046; margin:0em; } #notes-nav-mobile.transformer-tabs .tab.selected a { color:#7e6f45; padding-top:0.125em; border-top:0px solid #7f7046; border-bottom:0px solid #7f7046; } #notes-nav-mobile.transformer-tabs .tab a { color:#7e6f45; border-top:0.05em solid #7f7046; border-bottom:1px solid #7f7046; } #notes-nav-mobile.transformer-tabs .tab a.active { margin-top:0.1em; border: none; padding-top:0px; } .mobile-notes-tabs { position:relative; top:0.15em; } .mobile-notes-tabs li#screenTab-mobile a, .mobile-notes-tabs li#moduleTab-mobile a { padding-left:1em; } } @media only screen and (max-width: 1920px) { /*.tabletDragDropAnswerSelected, .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop { margin:0em !important; left:0.5em; top:0.5em; }*/ #resources-fullview #resource-content .training-section { width:92%; } /*.tabletDragDropAnswerSelected { max-width:94.5%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:41%;}*/ } @media only screen and (max-width: 1850px) { /*.tabletDragDropAnswerSelected { max-width:95%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:42.5%;}*/ #resources-fullview #resource-content .training-section { width:86%; } } @media only screen and (max-width: 1800px) { /*.tabletDragDropAnswerSelected { max-width:95%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:43%;}*/ #resources-fullview #resource-content .training-section { width:84%; } } @media only screen and (max-width: 1750px) { /*.tabletDragDropAnswerSelected { max-width:95%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:41%;}*/ #resources-fullview #resource-content .training-section { width:82%; } } @media only screen and (max-width: 1700px) { /* body { background-color:teal; } #menu-header{background-color:teal;} */ #dialog-box { max-width:60%; } /* standards explorer */ /* #standards-splitview .scroll-content {height:72%;} */ #standards-fullview .standards-section {height:76%;} /* training content */ /* .block-main-content-left-50 #training-content .training-section-footer #previous {width:27%;} .block-main-content-left-50 #training-content .training-section-footer #license {width:43%;} .block-main-content-left-50 #training-content .training-section-footer #next {width:27%;} */ /* resource explorer */ /* #resources-fullview .featured-resource-content, #resources-fullview .resource-content { min-height:54em; } */ /*.tabletDragDropAnswerSelected { max-width:94%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:42.5%;}*/ #resources-fullview #resource-content .training-section { width:80%; } } @media only screen and (max-width: 1650px) { /*.tabletDragDropAnswerSelected { max-width:94%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:40.5%;}*/ #resources-fullview #resource-content .training-section { width:78%; } .force-wizard .wizard-card .force-wizard-helper { width: 20em; left: -20.5em;; } .force-wizard .proctor-dialog .force-wizard-helper { width: 20em; left: -21.25em; top: 1em; } } @media only screen and (max-width: 1600px) { /*.tabletDragDropAnswerSelected { max-width:95%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:42%;}*/ #resources-fullview #resource-content .training-section { width:76%; } } @media only screen and (max-width: 1550px) { /*.tabletDragDropAnswerSelected { max-width:94%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:42%;}*/ #resources-fullview #resource-content .training-section { width:73%; } } @media only screen and (max-width: 1500px) { /* body { background-color:pink; } #menu-header{background-color:pink;} */ .main-menu-block {position:absolute; z-index:100; top:0.3em; right:0.5em; cursor:pointer;} /* templates */ .block-main-content-left-75 {width:65%; height:87%; } .block-main-content-left-75 > .widget {margin:5.6% 0% 0% 3.5%; height:87%;} .block-main-menu-right-25 {width:35%;} .block-main-menu-right-25 > .widget {margin:10.5% 3.5em 0% 0%; height:87%;} /*.block-main-content-left-75 .form-input-container {width: 65%;}*/ /* toc */ /* Chrome @media screen and (-webkit-min-device-pixel-ratio:0)*/ @supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { #toc-navigation {height:45%;} #toc-misc {height:55%;} } #toc-navigation-content, #toc-misc-content {/*padding-right:1em;*/} #toc-course-structure-header-action a, #toc-screen-notes-header-action a {margin-right:0.2em;} /* training content */ #training-content {/*padding-right:0.5em;*/} /* .block-main-content-left-75 #training-content .training-section-footer #previous {width:27%;} .block-main-content-left-75 #training-content .training-section-footer #license {width:45%;} .block-main-content-left-75 #training-content .training-section-footer #next {width:23%;} .block-main-content-left-50 #training-content .training-section-footer #previous {top:-0.5em; width:32%;} .block-main-content-left-50 #training-content .training-section-footer #license {width:35%;} .block-main-content-left-50 #training-content .training-section-footer #next {top:-0.5em; width:28%;} */ /* standards explorer */ #standard-content {/*padding-right:1.3em;*/} .standards-header-title-active, .standards-header-title-inactive {padding:0.1em 0.5em;} .standards-clause-title { font-size: 1.9vw; line-height: 1.1em; } #standards-fullview .standards-clause-title { font-size: 2.1vw; } /*.standard-clause-list-block {display:block; margin:0.5em 0em 1.5em 0em; width:100%;}*/ #standards-splitview {overflow-y:hidden;} #standards-splitview #standards-header {/*height:13em;*/} .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:68.5%;} /*#standards-splitview .scroll-content {height:68.5%;}*/ #standards-fullview .standards-section {height:76%;} #standards-fullview .standard-clause-list-block {display:inline-block; margin:0.5em 0em 0em 0em; width:50%;} /* resource explorer */ #resource-content {/*padding-right:1.3em;*/} /* #resources-fullview .featured-resource-content, #resources-fullview .resource-content { min-height:49em; } */ /* contents explorer */ #contents-navigation {/*padding-right:1.3em;*/} /* scenario explorer */ #scenario-content {/*padding-right:1.1em;*/} /* source explorer */ #source-content {/*padding-right:1.1em;*/} /* notes explorer */ #notes-data {height:20em;} #notes-recent {width:100%; display:block;} #notes-preview {width:100%; display:block; float:left; margin-top:1em;} #notes-preview-data {height:10em;} #notes-fullview #notes-current-module-data {height:20em;} #timeRemaining {font-size:0.8em; top:2.3em;} /*.tabletDragDropAnswerSelected:before { left: 0.2em; top: -0.4em; }*/ /*.tabletDragDropAnswerSelected { max-width:94%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:40.5%;}*/ .block-main-content-left-75 #training-content .training-section-footer #previous { width:45%; left:0em; position:absolute; top:1em; z-index:1; } .block-main-content-left-75 #training-content .training-section-footer #license { width:100%; margin-top:2em; } .block-main-content-left-75 #training-content .training-section-footer #next { width:45%; right:1.5em; position:absolute; top:1em; z-index:1; } #resources-fullview #resource-content .training-section { width:70%; } } @media only screen and (max-width: 1450px) { /*.tabletDragDropAnswerSelected { max-width:92%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:39%;}*/ #resources-fullview #resource-content .training-section { width:68%; } } @media only screen and (max-width: 1400px) { /*.tabletDragDropAnswerSelected { max-width:94%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:39%;}*/ #resources-fullview #resource-content .training-section { width:65%; } } @media only screen and (max-width: 1350px) { /*.tabletDragDropAnswerSelected { max-width:93%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:41%;}*/ #resources-fullview #resource-content .training-section { width:62%; } .force-wizard .wizard-card .force-wizard-helper { width: 16em; left: -16.5em; } } @media only screen and (max-width: 1300px) { /*.tabletDragDropAnswerSelected { max-width:93%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:42%;}*/ #resources-fullview #resource-content .training-section { width:60%; } } /* 1280 is 720p */ @media only screen and (max-width: 1280px) { body/*, .tab a*/ {font-size:13px;} /*.tabletDragDropAnswerSelected { max-width:92%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:40%;}*/ #breadcrumb {margin-top:0.5em;} #block-left.block-main-content-left-50 #breadcrumb, #block-left.block-main-content-left-75 #breadcrumb{ margin-top:0em; } /* body { background-color:blue; } #menu-header{background-color:blue;} */ /* toc */ /* Chrome @media screen and (-webkit-min-device-pixel-ratio:0)*/ @supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { #toc-navigation {height:45%;} #toc-misc {height:55%;} } #dialog-box { max-width:65%; } /* templates */ .block-main-content-left-75 {width:60%; height:87%; } .block-main-content-left-75 > .widget {margin:7% 0% 0% 3.5%; height:87%;} .block-main-menu-right-25 {width:40%;} .block-main-menu-right-25 > .widget {margin:10.5% 3.5em 0% 0%; height:87%;} /*.block-main-content-left-75 .form-input-container {width: 60%;}*/ #breadcrumb {font-size:0.95em;} /* standards explorer */ /* #standards-splitview .scroll-content {height:68.5%;} */ #standards-fullview .standards-section {height:74%;} /* notes explorer */ #notes-fullview #notes-current-module-data {height:20em;} /* training content */ #training-content {/*padding-right:0.5em;*/} /* .block-main-content-left-75 #training-content .training-section-footer #previous {width:31%;} .block-main-content-left-75 #training-content .training-section-footer #license {width:37%;} .block-main-content-left-75 #training-content .training-section-footer #next {width:27%;} .block-main-content-left-50 #training-content .training-section-footer #previous {width:37%;} .block-main-content-left-50 #training-content .training-section-footer #license {width:25%;} .block-main-content-left-50 #training-content .training-section-footer #next {width:33%;} */ .training-header-title {margin-left:0.5em;} .mCSB_container {margin-right:1em;} .mCSB_container.mCS_no_scrollbar_y {/*margin-right:0.5em;*/} .element #text-content .myTitle {margin:0em; padding:0em; padding-bottom:0em;} .tab a {line-height: 1.4em;} .tabElementBlock/*, .dragDropTabsBlock*/ {margin-bottom: -3px} #timeRemaining {top:2.25em; font-size:1em;} #standards-fullview #timeRemaining, #resources-fullview #timeRemaining, #contents-fullview #timeRemaining {top:2.7em; left:2em;} #scenario-content #text-content .myTitle {} #scenario-content #text-content ul {padding:0.5em 2em; margin:0em;} #img-title-block {padding-bottom:0.75em;} .question-answer-blockDisplay {text-indent:-1.8em; margin-left:1.8em} #resources-fullview #featured-block {min-width:22.6em;} #resources-fullview .resource-content {min-width:22.6em;} .resourceReference { text-indent:-3em; width:92%; } #scenario-splitview .resourceReference { text-indent:-1.5em; margin-left:2.05em; } #img-title-inline { margin-left:0.5em; min-height:1.25em; padding-top:0.25em; } #img-block {position:relative; top:1em;} #resources-fullview #documentViewer.splitView #documentviewer-title { top:2em; left:1.5em; }/* font-size:2.5vh; */ #resources-fullview #resource-content .training-section { width:64%; } .training-section .transformer-tabs ul:before, #resources-splitview .transformer-tabs ul:before, #scenario-splitview .transformer-tabs ul:before, #source-splitview .transformer-tabs ul:before { margin-top: 0.9em; } .tab-number, .drag-drop-tab-number { margin-top: 0.9em; } .underlineAnswers .single .elementDragDropAnswer { padding-top: 0.3em; } .drag-drop-answer-number { margin-top:0.75em; } } @media (min-width: 1025px) and (max-width: 1280px) and (hover:none), (hover:hover) and (min-width: 801px) and (max-width: 1280px){ .menu-icon-pulse #tutorial-helper { top: 4.5em; } } @media only screen and (max-width: 1250px) { /*.tabletDragDropAnswerSelected { max-width:92%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:41%;}*/ #resources-fullview #resource-content .training-section { width:61%; } body .wizard-card, body .proctor-dialog { font-size: 13px; } } @media only screen and (max-width: 1200px) { /*.tabletDragDropAnswerSelected { max-width:92%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:42%;}*/ #resources-fullview #resource-content .training-section { width:58%; } } @media only screen and (max-width: 1079px), (max-height: 650px) { .force-wizard .wizard-card .force-wizard-helper { visibility: visible; opacity: 1; width: 25em; height: auto; font-weight: bold; padding: 2em 3em 2em 3em; color: #573a08; border-radius: 5px; cursor: default; z-index:2; left: 50%; margin-left: -12.5em; top: 50%; margin-top: -8em; box-shadow: 10px 5px 5px #0000006b; } .wizard-card .force-wizard-helper .wizard-helper-arrow { display: none; width: 65px; height: 16px; overflow: hidden; position: absolute; right: 0; margin-left: -35px; top: -16px; -webkit-transform: scaleX(1); transform: scaleX(1); } .wizard-card .force-wizard-helper .wizard-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); } .wizard-card .force-wizard-helper .helper-icon-close { display: block; } .force-wizard .helper-lightbulb { display: block !important; position:absolute; top: 0; left: 50%; transform: translateX(-50%); margin-left: auto; margin-right: auto; font-size:2em; } .helper-lightbulb .fa-lightbulb-on { color: #4caf50; } } @media only screen and (max-width: 1150px) { /*.tabletDragDropAnswerSelected { max-width:91%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:40.5%;}*/ #resources-fullview #resource-content .training-section { width:56%; } } @media only screen and (max-width: 1100px) { #timeRemaining {top:2em;} /*.tabletDragDropAnswerSelected:before { left: 0.1em; top: -0.3em; }*/ /* .tabletDragDropAnswerSelected { max-width:84%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:37%;}*/ #resources-fullview #resource-content .training-section { width:53%; } } @media only screen and (max-width: 1050px) { /*.tabletDragDropAnswerSelected { max-width:89%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:39%;}*/ #resources-fullview #resource-content .training-section { width:51%; } } @media only screen and (max-width: 1025px) { /*.tabletDragDropAnswerSelected { max-width:89.5%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:37.5%;}*/ #resources-fullview #resource-content .training-section { width:49%; } } @media only screen and (max-height: 1000px) { .form-input-container, .form-input-container-source { margin-top: 5%; height:90%; } } @media only screen and (max-width: 1000px) { #timeRemaining {top:1.8em;} /*.tabletDragDropAnswerSelected { max-width:86%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:37%;}*/ } @media only screen and (max-width: 1024px) { #timeRemainingCenteredOverlay {font-size:0.6em;} } @media only screen and (max-width: 1024px) and (max-height: 1100px) { /* body { background-color:orange; } #menu-header{background-color:orange;} */ #dialog-box { max-width:75%; } /* Firefox */ @-moz-document url-prefix() { #training-content {height:88%;} #toc{height:90%;} } #breadcrumb {font-size:0.85em;} /* templates */ .block-main-menu-right-25 {width:40%;} /* toc */ #toc .tree .tree-parent .tree-child {margin-left:1em;} /* elements */ .resourceReference .standardexplorersplitview, .resourceReference .resourceexplorersplitview, .resourceReference .scenarioexplorersplitview { margin-left:0em; } .resourceReference .standardexplorersplitview:before, .resourceReference .resourceexplorersplitview:before, .resourceReference .scenarioexplorersplitview:before { margin-left:0em; } #scenario-splitview .resourceReference .standardexplorersplitview, #scenario-splitview .resourceReference .resourceexplorersplitview, #scenario-splitview .resourceReference .scenarioexplorersplitview { padding:0.3em 0.5em; } /* standards explorer */ #standards-splitview #standards-header {/*height:13.5em;*/} .standards-clause-title { font-size: 2.2vw; line-height: 1.1em; /*height: 4.5vmax;*/ } #standards-fullview .standards-clause-title { font-size: 2.4vw; } /* #standards-splitview .scroll-content {height:70.5%;} */ /* resource explorer */ /* #resources-fullview .featured-resource-content, #resources-fullview .resource-content { min-height:40em; } */ /* notes explorer */ #notes-fullview #notes-current-module-data {height:25em;} #notes-fullview #notes-other-module-data {height:20em;} /* resource explorer */ /* #resources-fullview .resource-block {width:100%; display:block;} #resources-fullview .featured-resource-content, #resources-fullview .resource-content {min-height:0em;} */ /* training content */ #training-content .training-section-footer {width:100%;} /* .block-main-content-left-75 #training-content .training-section-footer #previous {width:29%;} .block-main-content-left-75 #training-content .training-section-footer #license {width:35%;} .block-main-content-left-75 #training-content .training-section-footer #next {width:29%;} */ .block-main-content-left-75 #training-content .training-section-footer #previous-desc {display:none;} .block-main-content-left-75 #training-content .training-section-footer #next-desc {display:none;} /* .block-main-content-left-50 #training-content .training-section-footer #previous {width:26%; } .block-main-content-left-50 #training-content .training-section-footer #license {width:42%; } .block-main-content-left-50 #training-content .training-section-footer #next {width:26%;} */ .block-main-content-left-50 #training-content .training-section-footer #previous-desc {display:none;} .block-main-content-left-50 #training-content .training-section-footer #next-desc {display:none;} /* drag/drop element */ .dragDropSource.position-right {clear:both; min-width:100%; width:100%; float:none;} .dragDropSource.position-left {clear:both; min-width:100%; width:100%; float:none;} .dragDropDestination.position-right{clear:both; min-width:100%; width:100%; float:none;} .dragDropDestination.position-left {clear:both; min-width:100%; width:100%; float:none;} .tab {border-bottom:1px solid #999999; margin-bottom:-2px; margin-top:0.5em;} .tab.active {top: 1px; z-index: 11; border-bottom: none;} .dragDropSource-Block {position:relative; z-index:10;} .scenario-section .dragDropSource-Block {position:relative; z-index:0;} .dragDropSource-Block .dragDropAnswerCategoriesData { /* height:18em;*/ min-height:auto; height:auto; } .dragDropSource.position-right .elementDragDropAnswerContainer, .dragDropSource.position-left .elementDragDropAnswerContainer { min-height:14em; height:auto; } .dragDropSource.position-below .elementDragDropAnswerContainer, .dragDropSource.position-above .elementDragDropAnswerContainer { min-height: 11em; /*max-height: 14em;*/ height: auto; } .resourceReference{ text-indent:-1.5em; margin-left:2em; width:90%; } #scenario-splitview .resourceReference { text-indent:-2em; margin-left:2.05em; line-height:1.5em; } .tree-parent-item:before{ border-right: 6px solid transparent; border-top: 9px solid #fff; border-left: 6px solid transparent; } .tree-parent-item.expand:before { border-top: 6px solid transparent; border-left: 9px solid #fff; border-bottom: 6px solid transparent; } #breadcrumb-cell-img { border-right: 6px solid transparent; border-bottom: 9px solid #36446a; border-left: 6px solid transparent; } .toc-explorer-item :before { border-top: 6px solid transparent; border-left: 9px solid #fff; border-bottom: 6px solid transparent; } .icon-minimize { border-top: 6px solid transparent; border-left: 9px solid #fff; border-bottom: 6px solid transparent; } .icon-maximize { border-right: 6px solid transparent; border-top: 9px solid #fff; border-left: 6px solid transparent; } } @media only screen and (max-width: 975px){ /*.tabletDragDropAnswerSelected { max-width:89%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:39%;}*/ } @media only screen and (max-width: 950px){ /*.tabletDragDropAnswerSelected { max-width:91%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:39%;}*/ } @media only screen and (max-width: 900px){ /*.tabletDragDropAnswerSelected { max-width:89%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:37%;}*/ .proctor-dialog .proctor-block-container { margin-top: 1.25em; font-size: 0.7em; } } /* iPad landscape */ @media only screen and (max-width: 1024px) and (max-height: 768px){ /* standards explorer */ /* #standards-splitview .scroll-content {height:61%;} */ } /* misc */ @media only screen and (max-height: 900px){ /* standards explorer */ /* #standards-splitview .scroll-content {height:70%;} */ .inputContainer { min-width: 250px; } } @media only screen and (max-height: 800px){ /* standards explorer */ /* #standards-splitview .scroll-content {height:66.5%;} */ } /* ------------------------------------------- */ /* OLD (800 Below) - Do not update any further*/ /* ------------------------------------------- */ @media screen and (max-width: 800px), (max-width: 1024px) and (hover:none) { .notes-recent-data-item { overflow: hidden; } .form-input-scroll{overflow-y: auto;} .destinationBlock.underlineAnswers { padding-top:0.2em; padding-bottom:0em; margin-bottom:0.4em; } /* Toolbox */ #viewBox { max-width:95%; max-height:95%; } #camera-wizard #viewBox { max-width:100%; max-height:100%; } #mainDocumentViewer #documentBox { max-width:95%; } /* Drag/Drop Fix */ .dragDropSource-Block .dragDropAnswerCategoriesData { min-height:auto; height:auto; } /*.elementDragDropAnswerContainer { min-height: 1em; height:100%; }*/ /* templates */ .block-main-content-left-75 {width:55%; height:87%; } .block-main-content-left-75 > .widget {margin:10.2% 0% 0% 4%; height:86%;} .block-main-menu-right-25 {width:45%;} .block-main-menu-right-25 > .widget {margin:12.5% 3.5em 0% 0%; height:86%;} /* tablet config */ #training-view #menu-header {display:none;} #training-title {margin-top:2em;} #block-right.block-main-menu-right-100 { background-color:#30466c; color:#fff; box-shadow: 1px 0px 2px #1e1e1e; width:92.5%; height:100%; position:absolute; left:0%; } #block-left.block-main-content-left-100 { width:92.5%; height:100%; position:absolute; left:0%; box-shadow: 1px 0px 2px #777777; } #block-right.block-right-0 {width:0%; height:100%; overflow:hidden; display:none;} #block-left.block-main-content-left-50 {display:none;} #block-right.block-standard-explorer-right-50 { /* rgba(90, 48, 90, 0.8), rgba(90, 48, 90, 1) */ background: #5a305a; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #733e73, #5a305a); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #733e73, #5a305a); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #733e73, #5a305a); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #733e73, #5a305a); /* Standard syntax */ box-shadow: 1px 0px 2px #1e1e1e; width:92.5%; height:100%; position:absolute; left:0%;} /* width:88%; position:absolute; left:0%; */ #block-right.block-resource-explorer-right-50 { background: #004c66; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #186782, #004c66); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #186782, #004c66); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #186782, #004c66); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #186782, #004c66); /* Standard syntax */ box-shadow: 1px 0px 2px #1e1e1e; width:92.5%; height:100%; position:absolute; left:0%;} #block-right.block-note-explorer-right-50 { background: #826e41; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #937d4c, #826e41); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #937d4c, #826e41); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #937d4c, #826e41); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #937d4c, #826e41); /* Standard syntax */ box-shadow: 1px 0px 2px #1e1e1e; width:92.5%; height:100%; position:absolute; left:0%;} #block-right.block-contents-explorer-right-50 { background: #295f58; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #28796e, #295f58); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #28796e, #295f58); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #28796e, #295f58); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #28796e, #295f58); /* Standard syntax */ box-shadow: 1px 0px 2px #1e1e1e; width:92.5%; height:100%; position:absolute; left:0%;} #block-right.block-source-explorer-right-50 { background: #eaeaea; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #eaeaea, #eaeaea); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #eaeaea, #eaeaea); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #eaeaea, #eaeaea); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #eaeaea, #eaeaea); /* Standard syntax */ box-shadow: 1px 0px 2px #777777; width:92.5%; height:100%; position:absolute; left:0%;} #block-right.block-scenario-explorer-right-50{ background: #30466c; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #30466c, #3b598e); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #30466c, #3b598e); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #30466c, #3b598e); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #30466c, #3b598e); /* Standard syntax */ box-shadow: 1px 0px 2px #1e1e1e; width:92.5%; height:100%; position:absolute; left:0%;} #scenario-splitview #documentViewer.splitView{ background: #30466c; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #30466c, #3b598e); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #30466c, #3b598e); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #30466c, #3b598e); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #30466c, #3b598e); /* Standard syntax */} #block-right.block-standard-explorer-right-100 {width:92.5%; height:100%; position:absolute; left:0%;} #block-right.block-resource-explorer-right-100 {width:92.5%; height:100%; position:absolute; left:0%;} #block-right.block-note-explorer-right-100 {width:92.5%; height:100%; position:absolute; left:0%;} #block-right.block-contents-explorer-right-100 {width:92.5%; height:100%; position:absolute; left:0%;} /* training content */ #training-view {height:95%;} /* .scroll-content {height:75%;} */ .training-header {padding-left: 0.6em;} #training-content .training-section-data {margin-left:-1.55em;} .training-section-footer {} #training-content .training-section-footer {margin:0em 0em 0.5em 0em; width:95%;} .block-main-content-left-100 #training-content .training-section-footer #previous-desc {display:none;} .block-main-content-left-100 #training-content .training-section-footer #next-desc {display:none;} .block-main-content-left-100 #training-content .training-section-footer #previous {width:26%;} .block-main-content-left-100 #training-content .training-section-footer #license {width:40%;} .block-main-content-left-100 #training-content .training-section-footer #next {width:26%;} .block-main-content-left-75 #training-content .training-section-footer #previous {width:27%;} .block-main-content-left-75 #training-content .training-section-footer #license {width:40%;} .block-main-content-left-75 #training-content .training-section-footer #next {width:27%;} .block-main-content-left-75 #training-content .training-section-footer #previous-desc {display:none;} .block-main-content-left-75 #training-content .training-section-footer #next-desc {display:none;} .block-main-content-left-50 #training-content .training-section-footer #previous {width:20%;} .block-main-content-left-50 #training-content .training-section-footer #license {width:35%;} .block-main-content-left-50 #training-content .training-section-footer #next {width:23%;} #breadcrumb {font-size:0.8em; padding-left:1.5em; position:relative;} #panel-nav {display:none;} #panel-nav.language-icon {display:inline-block;} #panel-nav.language-icon .language {margin-left:1em; margin-top:-1em;} /* training content */ #training-content .training-section-footer #previous {width:27%; position:relative; top:0em; display:inline-block; text-align:left; font-style:italic; color:#31466c;} #training-content .training-section-footer #license {width:42%; font-size:0.7em; position:relative; top:1em; display:inline-block; text-align:center; line-height:1.5em; color:#808080;} #training-content .training-section-footer #next {width:27%; position:relative; top:0em; display:inline-block; text-align:right; font-style:italic; color:#31466c;} #training-content .training-section-footer #previous-desc {display:inline-block;} #training-content .training-section-footer #next-desc {display:inline-block;} /* standards explorer */ #standards-splitview #standards-header {/*height:13.5em;*/} /* testing - start */ #menu-header {} #training-content{height:94%; position:relative; top:0em;} #breadcrumb {margin-top:1.4em;} #timeRemaining, #timeRemaining-tablet-right {display:inline-block; top: 1.5em; position: fixed; right: 15%; left: auto; z-index: 10; color: orange;} /*.block-source-explorer-right-50 #timeRemaining-tablet-right {z-index: 1001;}*/ .bumpMode #timeRemaining-tablet-right, #timeRemaining{display: none;} .bumpMode #timeRemaining{display:inline-block; right: 25%;} #training-title {margin-top:0em;} #test-menu { /* width:93.3%; border-bottom-left-radius:2em; */ height:100%; width:1em; position:absolute; left:0em; top:0em; background-color:#30466c; display:table; border:0em; padding:0em; margin:0em; z-index:0; } #test-menu-title {padding:0em 0.5em 0em 2.2em; display:table-cell;vertical-align:middle; text-transform:uppercase; font-family: Lato-Black; font-size:0.85em; color:#fff; } .arrow-down { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #30466c; position:absolute; top:2em; right:1.2em; } .arrow-right { width: 0; height: 0; left:0.9em; border-top: 9px solid transparent; border-left: 13px solid #30466c; border-bottom: 9px solid transparent; position: absolute; top: 50%; transform: translateY(-50%); } #toc-course-structure-header-title {} .block-standard-explorer-right-50 {position:relative; z-index:200;} /* testing - end */ #tablet-system-menu { min-width:25%; height:100%; display:block; position:absolute; z-index:201; top:0em; right:0em; background: #262626; box-shadow: 0px 1px 2px #1e1e1e; } #menu-system div, #menu-system-b div{font-size:0.9em; font-family: Lato-Regular; text-transform:none; background:#3f403f; padding:0.6em; border-bottom:1px solid #262626; /* border-top:1px solid #393a3a; */ } #menu-system div:before { /* content: "\25C9"; width:20px; height:20px; margin:0em 0.5em 0em 0.5em; color:#7e7e7e; */ } #menu-system div:hover { /* background-color:#5b5b5b; */ } #menu-system div:hover:before { /* content: "\25C9"; width:20px; height:20px; margin:0em 0.5em 0em 0.5em; color:#d7d6d6; */ } #tablet-explorer-menu {display:block; position:absolute; right:0em; background-color:#eeeeee; height:100%; top:0em; font-size:17px;} /* top:3.4em; */ .menu-standard-explorer {margin-top:3.4em;} #main-menu-icon.default {background-color:transparent;} #main-menu-icon.default #svg path {fill: #30466c;} #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:transparent; } /* #main-menu-icon.default {background-color:transparent;} #main-menu-icon.default #svg pathsvg path {fill: transparent;} #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:transparent;} #main-menu-icon.standard-explorer #svg path {fill: #fff;} #main-menu-icon.resource-explorer #svg path {fill: #fff;} #main-menu-icon.contents-explorer #svg path {fill: #fff;} #main-menu-icon.notes-explorer #svg path {fill: #fff;} #main-menu-icon.source-explorer #svg path {fill: #fff;} #main-menu-icon.scenario-explorer #svg path {fill: #fff;} */ .menu-tocTab, .menu-standard-explorer, .menu-resource-explorer, .menu-contents-explorer, .menu-notes-explorer, .menu-source-explorer, .menu-scenario-explorer { /* width: 2.75em; */ width: 3.5em; display:block; padding:0.5em 0em 0.5em 0em; -webkit-border-radius:0px 7px 7px 0px; -moz-border-radius:0px 7px 7px 0px; border-radius:0px 7px 7px 0px; -webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; /* border-bottom:1px solid #ddd; */ } .icon{height:2.5em; width:2em; display:block; text-align:center; } .menu-tocTab .menu-icon, .menu-standard-explorer .menu-icon, .menu-standard-explorer.activePanel .menu-icon, .menu-standard-explorer.featuredPanel .menu-icon {width: 1.34em; height: 1.7em; } .menu-tocTab .icon-block, .menu-standard-explorer .icon-block, .menu-standard-explorer.activePanel .icon-block {padding-top:0.35em;} .menu-tocTab .menu-icon, .menu-tocTab.activePanel .menu-icon {width: 1.9em; height: 1.3em; } .menu-tocTab .icon-block, .menu-tocTab.activePanel .icon-block {padding-top:0.55em;} #tablet-explorer-menu .menu-tocTab.activePanel {/* border-bottom:1px solid #fff; */ background-color:rgba(0, 76, 102, 0.95);} #tablet-explorer-menu .menu-standard-explorer.activePanel {/* border-bottom:1px solid #fff; */ background-color:rgba(90, 48, 90, 0.95);} #tablet-explorer-menu .menu-standard-explorer.featuredPanel { background-color:rgba(90, 48, 90, 0.95); -webkit-animation: flickerAnimation 2s infinite; -moz-animation: flickerAnimation 2s infinite; -o-animation: flickerAnimation 2s infinite; animation: flickerAnimation 2s infinite; } .menu-resource-explorer .menu-icon, .menu-resource-explorer.activePanel .menu-icon {width: 1.9em; height: 1.3em; } .menu-resource-explorer .icon-block, .menu-resource-explorer.activePanel .icon-block {padding-top:0.55em;} #tablet-explorer-menu .menu-resource-explorer.activePanel {/* border-bottom:1px solid #fff; */ background-color:rgba(0, 76, 102, 0.95);} .menu-contents-explorer .menu-icon, .menu-contents-explorer.activePanel .menu-icon {width: 1.74em; height: 1.1em;} .menu-contents-explorer .icon-block, .menu-contents-explorer.activePanel .icon-block {padding-top:0.6em;} #tablet-explorer-menu .menu-contents-explorer.activePanel {/* border-bottom:1px solid #fff; */ background-color:rgba(41, 95, 88, 0.95);} .menu-notes-explorer .menu-icon, .menu-notes-explorer.activePanel .menu-icon {width: 1.25em; height: 1.8em;} .menu-notes-explorer .icon-block, .menu-notes-explorer.activePanel .icon-block {padding-top:0.25em;} #tablet-explorer-menu .menu-notes-explorer.activePanel {/* border-bottom:1px solid #fff; */ background-color:rgba(130, 110, 65, 0.95);} .menu-source-explorer .menu-icon, .menu-source-explorer.activePanel .menu-icon {width: 1.65em; height: 1.7em;} .menu-source-explorer .icon-block, .menu-source-explorer.activePanel .icon-block {padding-top:0.35em;} #tablet-explorer-menu .menu-source-explorer.activePanel {/* border-bottom:1px solid #fff; */ background-color:rgba(69, 69, 69, 0.95);} .menu-scenario-explorer .menu-icon, .menu-scenario-explorer.activePanel .menu-icon {width: 1.6em; height: 1.2em;} .menu-scenario-explorer .icon-block, .menu-scenario-explorer.activePanel .icon-block {padding-top:0.55em;} #tablet-explorer-menu .menu-scenario-explorer.activePanel {/* border-bottom:1px solid #fff; */ background-color:rgba(59, 89, 142, 0.95);} /* 48, 70, 108 */ @keyframes flickerAnimation { 0% { opacity:1; } 50% { opacity:0.8; } 100% { opacity:1; } } @-o-keyframes flickerAnimation{ 0% { opacity:1; } 50% { opacity:0.8; } 100% { opacity:1; } } @-moz-keyframes flickerAnimation{ 0% { opacity:1; } 50% { opacity:0.8; } 100% { opacity:1; } } @-webkit-keyframes flickerAnimation{ 0% { opacity:1; } 50% { opacity:0.8; } 100% { opacity:1; } } /* toc */ #toc .tree .tree-parent .tree-child {margin-left:0.5em;} /* temp - start -- remove duplicate info */ /* #toc-navigation {height:0%; display:none;} #toc-navigation-title {} #toc-misc {height:100%;} */ #toc-navigation-content { height: 90%; padding-right: 1em; } #toc-explorer-data {} #toc-screen-notes, #toc-screen-notes-block, #toc-screen-notes-action {} /* temp - end -- remove duplicate info */ /* standards explorer */ .standards-section {padding: 0em 0em 0em 0em;} .standards-clause-title { font-size: 3.4vw; line-height: 1.1em; /*height: 4.7vmax;*/ } #standards-splitview #standards-header {/*height:13em; */} .standard-clause-list-block {text-align:left;} .standard-clause-list-block select { font-size:0.8em; margin-top:0.5em;} #standards-fullview .standard-clause-list-block {text-align:right; margin-top:-1em} /* notes explorer */ #notes-nav{text-align:left; float:left; margin-top:1em;} #notes-fullview #notes-other-module-data {height:16.5em;} .notes-nav-item-active {font-size:0.75em;} .notes-nav-item-inactive {font-size:0.75em;} .doc-display-explorer #doc-menu, .doc-display-training #doc-menu { /*position:absolute;*/ top:0em; /*right:0em; */ } /*.doc-display-training #doc-menu { position:absolute; top:0em; left:0em; right:auto; }*/ .showControls, .hideControls {display:block;} /*#p2f-fitPage, #p2f-fitWidth, #p2f-zoomIn, #p2f-zoomOut {display:none;}*/ #p2f-close {display:inline-block;} .mobileWidgetRight #p2f-fullScreen { display:none; } #tablet-system-menu #menu-system-items #menu-system {display:none;} .tree-parent-item:before{ border-right: 8px solid transparent; border-top: 11px solid #fff; border-left: 8px solid transparent; } .tree-parent-item.expand:before { border-top: 8px solid transparent; border-left: 11px solid #fff; border-bottom: 8px solid transparent; } #breadcrumb-cell-img { border-right: 8px solid transparent; border-bottom: 11px solid #36446a; border-left: 8px solid transparent; } .toc-explorer-item :before { border-top: 8px solid transparent; border-left: 11px solid #fff; border-bottom: 8px solid transparent; } .icon-minimize { border-top: 8px solid transparent; border-left: 11px solid #fff; border-bottom: 8px solid transparent; } .icon-maximize { border-right: 8px solid transparent; border-top: 11px solid #fff; border-left: 8px solid transparent; } } /* @media only screen and (max-width: 750px) { body{} #block-left.block-main-content-left-100, #block-right.block-main-content-left-100, #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-source-explorer-right-50, #block-right.block-scenario-explorer-right-50 { width:92%; } } @media only screen and (max-width: 700px) { body{} #block-left.block-main-content-left-100, #block-right.block-main-content-left-100, #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-source-explorer-right-50, #block-right.block-scenario-explorer-right-50, #block-right.block-main-menu-right-100 { width:91.3%; } } */ /* @media only screen and (max-width: 570px) { } @media only screen and (max-width: 599px) { body{} #mobile-blacked { display:inline; position:fixed; color:white; z-index: 1000000; background-color:black; width:100%; height:100%; } .mobile-message-container { width: 70%; margin: 0 auto; transform: translateY(200%); } #block-left.block-main-content-left-100, #block-right.block-main-content-left-100, #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-source-explorer-right-50, #block-right.block-scenario-explorer-right-50, #block-right.block-main-menu-right-100 { width:89.8%; } } @media only screen and (max-width: 600px) { body{} #block-left.block-main-content-left-100, #block-right.block-main-content-left-100, #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-source-explorer-right-50, #block-right.block-scenario-explorer-right-50, #block-right.block-main-menu-right-100 { width:89.9%; } } @media only screen and (max-width: 550px) { body{} #block-left.block-main-content-left-100, #block-right.block-main-content-left-100, #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-source-explorer-right-50, #block-right.block-scenario-explorer-right-50, #block-right.block-main-menu-right-100 { width:89%; } } @media only screen and (max-width: 500px) { body{} #block-left.block-main-content-left-100, #block-right.block-main-content-left-100, #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-source-explorer-right-50, #block-right.block-scenario-explorer-right-50, #block-right.block-main-menu-right-100 { width:87.5%; } #training-content .training-section-footer-data { padding: 1em 0.5em 0.5em 0em; } } @media only screen and (max-width: 450px) { body{} #block-left.block-main-content-left-100, #block-right.block-main-content-left-100, #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-source-explorer-right-50, #block-right.block-scenario-explorer-right-50, #block-right.block-main-menu-right-100 { width:86.1%; } } @media only screen and (max-width: 400px) { body{} #block-left.block-main-content-left-100, #block-right.block-main-content-left-100, #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-source-explorer-right-50, #block-right.block-scenario-explorer-right-50, #block-right.block-main-menu-right-100 { width:84.2%; } } */ @media only screen and (max-width: 850px) { /*.destinationSortable .elementDragDropAnswer { padding-right:1.2em; }*/ /*.tabletDragDropAnswerSelected { max-width:90%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:36%;}*/ .force-wizard .proctor-dialog .force-wizard-helper { width:90% !important; left: 50% !important; margin-left: -45% !important; top: 20.5em !important; } .proctor-dialog .force-wizard-helper .wizard-helper-arrow { width: 65px !important; height: 16px !important; overflow: hidden !important; position: absolute !important; top: -15px !important; right: 5em !important; -webkit-transform: scaleX(-1) !important; transform: scaleX(-1) !important; } .proctor-dialog .force-wizard-helper .wizard-helper-arrow:after { content: "" !important; position: absolute !important; top: 7px !important; width: 23px !important; height: 23px !important; } } @media only screen and (max-width: 825px) { /*.tabletDragDropAnswerSelected { max-width:89.5%; } .tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:35.5%;}*/ } @media only screen and (max-width: 800) { .force-wizard .proctor-dialog .force-wizard-helper { visibility: visible; opacity: 1; width: 25em; height: auto; font-weight: bold; padding: 2em 3em 2em 3em; color: #573a08; border-radius: 5px; cursor: default; z-index:2; left: 50%; margin-left: -12.5em; top: 50%; margin-top: -8em; box-shadow: 10px 5px 5px #0000006b; } .proctor-dialog .force-wizard-helper .wizard-helper-arrow { display: none; width: 65px; height: 16px; overflow: hidden; position: absolute; right: 0; margin-left: -35px; top: -16px; -webkit-transform: scaleX(1); transform: scaleX(1); } .proctor-dialog .force-wizard-helper .wizard-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); } .proctor-dialog .force-wizard-helper .helper-icon-close { display: block; } } @media screen and (max-width: 800px), (max-width: 1024px) and (hover:none) { /* ------------------------------------------------------------------- */ /* Added 2020-03-19 */ /* Blackout Message added in for non-touch devices over 800px width and under 600px in height */ #block-left.block-main-content-left-50 .widget #training-view #training-content, .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 #source-content{ height:auto !important; height:unset !important; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body{ height:100% !important; height:unset !important; } .block-note-explorer-right-50 #notes-splitview { overflow-y: unset; } /* IE11 */ _:-ms-fullscreen, :root #contents-splitview > #menu-header > .block > .menu-block { margin-top: -1.3em; } _:-ms-fullscreen, :root .block-note-explorer-right-50 > .widget{ overflow: hidden; } _:-ms-fullscreen, :root .block-note-explorer-right-50 > .widget .go-to-screen{ margin-bottom: 2em; } _:-ms-fullscreen, :root .block-note-explorer-right-50 > .widget #notes-preview-data-summary{ margin-bottom: 4em; } _:-ms-fullscreen, :root #block-left, _:-ms-fullscreen, :root #block-right, _:-ms-fullscreen, :root .block-note-explorer-right-50 .widget{overflow:hidden!important; overflow-y: hidden !important; overflow-x: hidden !important;} #tablet-system-menu_block {overflow: auto}; /* Added 2020-03-19 */ /* Blackout Message added in for non-touch devices over 800px width and under 600px in height */ /* ------------------------------------------------------------------- */ /*.tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop { max-width:70.5%; }*/ /*.destinationSortable .elementDragDropAnswer { padding-right:1.2em; }*/ .dragdrop-container .fadedDestination{ /* background-color: rgba(254,144,151,0.05); */ } /* Image Viewer */ #block-left.block-main-content-left-50 #iv-container + .widget #training-view, #block-right.block-standard-explorer-right-50 #iv-container + .widget #standards-splitview, #block-right.block-resource-explorer-right-50 #iv-container + .widget #resources-splitview, #block-right.block-scenario-explorer-right-50 #iv-container + .widget #scenario-splitview, #block-right.block-source-explorer-right-50 #iv-container + .widget #source-splitview{ height:10000%; } #block-right.block-standard-explorer-right-50 .widget #standards-splitview, #block-right.block-resource-explorer-right-50 .widget #resources-splitview, #block-right.block-scenario-explorer-right-50 .widget #scenario-splitview, #block-right.block-source-explorer-right-50 .widget #source-splitview{ height:auto; } #block-left.block-main-content-left-50 .widget #training-view{ height:auto; min-height:100%; } #block-right #iv-container.iv-container.thumbnail-image-viewer { width:100%; } #iv-container.iv-container { background-color:rgba(0,0,0,0.8); position:absolute; z-index:11; width:100%; } .iv-image-view { background-color:rgba(0,0,0,0); position:fixed; width:100%; max-width:100%; overflow:hidden; } .iv-image-wrap { position:relative; } .iv-large-image { position:relative; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); margin-left:0%; } .ui-dialog .iv-close { margin-left: 0em; } /* .iv-close { cursor:pointer; top:-0.6em; width:4.75em; height:4.75em; background-size: 4.75em 4.75em; background-image: url(/html5/images/exit-icon.svg); background-repeat: no-repeat; } #block-left .iv-close { text-shadow:0 0 3px #6d6d6d; -webkit-transition:all ease 200ms; -moz-transition:all ease 200ms; -o-transition:all ease 200ms; transition:all ease 200ms; position:absolute; left:-0.3em; -moz-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); filter: none; -ms-filter: "None"; } #block-right .iv-close, #block-right #iv-container.thumbnail-image-viewer .iv-close, #block-right #iv-container.thumbnail-expanded-viewer .iv-close { background-image: url(/html5/images/exit-icon.svg); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; right:-0.3em; } .bumpMode #block-right .iv-close { position:absolute; }*/ .ui-dialog .iv-close { z-index: 308; } .iv-expand { display: none; } /* Document Viewer */ .docFrame { width:98.6%; height:98.7%; } .mobileWidgetRight { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); /* z-index: 999999;*/ } .mobileWidgetRightBlock { height: 100%; } .mobileWidgetLeft { position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); /*z-index: 999999;*/ } .mobileWidgetLeftBlock { height: 100%; } #panels #panel-transition-helper, .bumpMode #panels #panel-transition-helper { top: 0; left: 0; width: 10%; height: 100%; position: absolute; z-index:1102; display:block; } .bumpMode #panels #panel-transition-helper { right: 0; left: unset; } #doc-menu-block {height:100%; margin-top:0%;} .documentviewerTitleBlock { display: none; } #doc-display-explorer, #doc-display-training { height:100%; } #breadcrumb { width:100%; } #breadcrumb-cell { padding-right:0em; } #breadcrumb-title { position:relative; left:0em; width:96%; } /* Toolbox */ .img-zoom {/* display:none;*/} .img-expand {/* display:none; */} .thumbnailBlock { position:relative; display:block; width:100%; } .thumbnailExpand { display:block; } /* ------------------------------------------- Start - Menu ------------------------------------------- */ #menu-explorer-items {width:80%;} #menu-system-items {width:100%; float:left; text-align:left; font-size:0.9em; color:#fff; } #menu-system, #menu-system-b {margin:0em 0em 0em 0em;} .main-menu-block {top:0.5em; right:0.78em;} .main-menu-block { z-index:999; } #main-menu-icon { margin-top:0em; } .main-menu-block #main-menu-icon.standard-explorer #svg path, #main-menu-icon.resource-explorer #svg path, #main-menu-icon.contents-explorer #svg path, #main-menu-icon.notes-explorer #svg path, #main-menu-icon.scenario-explorer #svg path { fill: #fff; } #tablet-explorer-menu { display:none; } /*************************************************/ /*************************************************/ /* Start - Animate */ /*************************************************/ /*************************************************/ #menu-system { white-space: nowrap; } #tablet-system-menu.inactive { min-width:0%; width:0%; display:block; position:fixed; min-width:0%; width:0%; height:0%; max-height:0%; z-index:301; opacity: 0; filter: alpha(opacity=0); padding:0em; } #tablet-system-menu.active { min-width:100%; width:100%; height:100%; display:block; position:absolute; z-index:201; top:0em; right:0em; z-index:9999; background-color:rgba(0,0,0,0.7); opacity: 1; filter: alpha(opacity=1); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; } #tablet-system-menu.inactive #tablet-system-menu_block { width:0%; opacity: 0; filter: alpha(opacity=0); } #tablet-system-menu.active #tablet-system-menu_block { width:90%; height:100%; background-color:#fff; position:absolute; top:0em; right:0em; box-shadow: 0px 2px 4px #1e1e1e; opacity: 1; filter: alpha(opacity=1); -webkit-transition: all 0.65s ease; -moz-transition: all 0.65s ease; -o-transition: all 0.65s ease; transition: all 0.65s ease; overflow:scroll; } /*************************************************/ /*************************************************/ /* End - Animate */ /*************************************************/ /*************************************************/ #menu-system div{ font-size:1.5em; background:#fff; padding:1em 0.6em; /* border-bottom:1px solid #e0e2de; */ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); } #tablet-system-menu #menu-system-items #menu-system {display:block;} #menu-system-b div { font-size:1.5em; background:#fff; padding:1em 0.6em; border-bottom:1px solid #e0e2de; } #menu-system div:before { content:""; margin:0em 1em 0em 0.5em; } #menu-system-b div:before { content:""; margin:0em 1em 0em 0.5em; } #menu-system div span{ color:#000; } #menu-system-b div span { color:#000; text-transform:uppercase; } #mobile-standard-menu-header { height:1.9em; padding:1em; } #tablet-system-menu-close { display:inline-block; width:1em; height:1em; background-size: 1em 1em; background-image: url(/html5/images/cancel-icon.svg); background-repeat: no-repeat; padding:0.1em 0.7em 0.1em 0em; float:right; position:relative; top:0.5em; } .tablet-system-menu-expand { display:inline-block; width:1em; height:1em; background-size: 1em 1em; background-image: url(/html5/images/down-icon.svg); background-repeat: no-repeat; position:relative; top:0.2em; padding:0em 0.4em 0em 0em; float:right } #mobile-explorer-menu-block { padding:1em; text-align:center; display:block; } .mobile-explorer-menu-icon { background-color:yellow; margin:0.5em 1em; display:inline-block; /* -webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em; */ } #menu-system #mobile-standard-menu-item-icon { border:1px solid rgba(255,255,255,0.5);-webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; padding:0.75em 0.5em 0.5em 0.5em; } #menu-system #mobile-standard-menu-item-text { color:#fff; position:relative; top:-0.15em; left:1em; text-transform:uppercase; } .standard-explorer.mobile-explorer-menu-icon { background-color:#5a305a; } #menu-system #mobile-standard-menu-item { background: #5a305a; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #733e73, #5a305a); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #733e73, #5a305a); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #733e73, #5a305a); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #733e73, #5a305a); /* Standard syntax */ } .standard-explorer.mobile-explorer-menu-icon.menu-icon { background: url(../images/standardExplorer-inverted.svg); width: 2.3em; height: 1.6em; background-size:contain; background-repeat: no-repeat; margin:0em; } #menu-system #mobile-resource-menu-item-icon { border:1px solid rgba(255,255,255,0.5);-webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; padding:0.75em 0.5em 0.5em 0.5em; } #menu-system #mobile-resource-menu-item-text { color:#fff; position:relative; top:-0.15em; left:1em; text-transform:uppercase; } #menu-system #mobile-resource-menu-item { background: #004c66; background: -webkit-linear-gradient(left, #186782, #004c66); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #186782, #004c66); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #186782, #004c66); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #186782, #004c66); /* Standard syntax */ } .resource-explorer.mobile-explorer-menu-icon.menu-icon { background: url(../images/resourceExplorer-inverted.svg); width: 2.3em; height: 1.6em; background-size:contain; background-repeat: no-repeat; margin:0em; } #menu-system #mobile-contents-menu-item-icon { border:1px solid rgba(255,255,255,0.5);-webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; padding:0.75em 0.5em 0.5em 0.5em; } #menu-system #mobile-contents-menu-item-text { color:#fff; position:relative; top:-0.2em; left:1em; text-transform:uppercase; } #menu-system #mobile-contents-menu-item { background: #295f58; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #28796e, #295f58); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #28796e, #295f58); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #28796e, #295f58); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #28796e, #295f58); /* Standard syntax */ } .contents-explorer.mobile-explorer-menu-icon.menu-icon { background: url(../images/contentExplorer-inverted.svg); width: 3.2em; height: 1.5em; background-size:contain; background-repeat: no-repeat; margin:0em; } #menu-system #mobile-notes-menu-item-icon { border:1px solid rgba(255,255,255,0.5);-webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; padding:0.75em 0.5em 0.5em 0.5em; } #menu-system #mobile-notes-menu-item-text { color:#fff; position:relative; top:-0.2em; left:1em; text-transform:uppercase; } #menu-system #mobile-notes-menu-item { background: #826e41; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #937d4c, #826e41); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #937d4c, #826e41); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #937d4c, #826e41); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #937d4c, #826e41); /* Standard syntax */ } .notes-explorer.mobile-explorer-menu-icon.menu-icon { background: url(../images/notesExplorer-inverted.svg); width: 3.2em; height: 2em; background-size:contain; background-repeat: no-repeat; margin:0em; } #menu-system #mobile-scenario-menu-item-icon { border:1px solid rgba(255,255,255,0.5);-webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; padding:0.75em 0.5em 0.5em 0.5em; } #menu-system #mobile-scenario-menu-item-text { color:#fff; position:relative; top:-0.2em; left:1em; text-transform:uppercase; } #menu-system #mobile-scenario-menu-item { background: #30466c; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #3b598e, #30466c); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #3b598e, #30466c); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #3b598e, #30466c); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #3b598e, #30466c); /* Standard syntax */ } #menu-header #menu-swipe #triangle-large { visibility: hidden; } .scenario-explorer.mobile-explorer-menu-icon.menu-icon { background: url(../images/scenarioExplorer-inverted.svg); width: 3.2em; height: 2em; background-size:contain; background-repeat: no-repeat; margin:0em; } #menu-system #mobile-source-menu-item-icon { border:1px solid rgba(255,255,255,0.5);-webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; padding:0.75em 0.5em 0.5em 0.5em; } #menu-system #mobile-source-menu-item-text { color:#fff; position:relative; top:-0.2em; left:1em; text-transform:uppercase; } #menu-system #mobile-source-menu-item { background: #b1b1b1; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #b1b1b1, #d7d7d7); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #b1b1b1, #d7d7d7); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #b1b1b1, #d7d7d7); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #b1b1b1, #d7d7d7); /* Standard syntax */ } .source-explorer.mobile-explorer-menu-icon.menu-icon { background: url(../images/sourceExplorer-inverted.svg); width: 3.2em; height: 2em; background-size:contain; background-repeat: no-repeat; margin:0em; } /* #source-splitview #triangle-large {border-left-color:#000;} */ /* ------------------------------------------- End - Menu ------------------------------------------- */ /* ------------------------------------------- Start - MISC ------------------------------------------- */ #training-content .training-section-footer { width:100%; margin:0em; padding:0em; position:relative; margin-top:2em; } .block-main-content-left-100 #training-content .training-section-footer #previous-desc {display:none;} .block-main-content-left-100 #training-content .training-section-footer #next-desc {display:none;} .block-main-content-left-50 #training-content .training-section-footer #previous-desc {display:none;} .block-main-content-left-50 #training-content .training-section-footer #next-desc {display:none;} /* .block-main-content-left-100 #training-content .training-section-footer #previous { position:absolute; left:0em; top:1em; } .block-main-content-left-100 #training-content .training-section-footer #license { width:100%; margin-top:3.5em; } .block-main-content-left-100 #training-content .training-section-footer #next { position:absolute; right:0em; top:1em; } */ #dialog-message-content { padding:1em 0em; } .destinationsContainer, .dragDropDestination.position-right, .dragDropDestination.position-left { margin-top:1em; } /*.sequenceDestinationBlock .destinationSortable {margin-left:4%;}*/ .destinationBlock.underlineAnswers .sortable.destinationSortable.ui-sortable.single { /*width:98.5%;*/ /*width:95%; margin-left:0.5%;*/ } .loading-dialog-spinner{ top: 32%; left:41%; } #mainDocumentViewer.fullView { z-index:999; } /*.elementDragDropAnswerContainer {min-height:2em; width:100%; padding-right:0em;}*/ .dragDropSource.position-right .elementDragDropAnswerContainer, .dragDropSource.position-left .elementDragDropAnswerContainer, .dragDropSource.position-below .elementDragDropAnswerContainer, .dragDropSource.position-above .elementDragDropAnswerContainer { min-height:2em; width: 100%; padding-right:0em; } .powerPointViewer {width:100%;} .imgElement {margin-top:0.25em; margin-bottom: 1.5em;} .thumbnailImageBlock, .inlineImageBlock { display:table-cell; position:relative; vertical-align:middle; } .thumbnailBlock .thumbnailTitle { margin:0em 0em 0em 0em; display:table-cell; position:relative; vertical-align:middle; padding-left:1em; position:relative; top:-1em; /* top:-0.75em; left:0.5em; */ } /* #thumbnail .imgElement { width:100%; min-width: 100%; margin:0.25em 0em 0em 0em; } .image-inline.imgElement.align-left, .image-inline.imgElement.align-right, .image-inline.imgElement.align-center { width:100%; min-width: 100%; margin:0.25em 0em 0em 0em; text-align:left; object-fit: cover; } .img .image-inline.imgElement.imgTransparent { object-fit: cover; } #thumbnail .thumbnailTitle { width:100%; margin:0.25em 0em 1.5em 0em; } */ /* ------------------------------------------- End - MISC ------------------------------------------- */ /* ------------------------------------------- Start - Panels ------------------------------------------- */ #block-left.block-main-content-left-100, #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-scenario-explorer-right-50 { width:100%; } /* ------------------------------------------- End - Panels ------------------------------------------- */ .menu-block { margin-top:0.5em; } #training-title { margin:0.5em 0em 1em 0em; } .training-header { margin:0em 0em 0em 0em; padding-left:0em; } #training-content .training-section {padding: 0em 0em 1em 0em; min-height:100%; } #training-content .training-section-data {padding:0em 0em 0em 0em; margin-left:0em;} #text-content {padding:0.5em 0em 0.5em 0em} .element { margin-bottom:0.5em; } #text-content p { margin:0em; } /* .question-answers { display:block; margin-top:0.5em; margin-left:0em; } .question-answer-blockDisplay { text-indent:0em; margin-left:0em } .question-block { border:1px solid #ddd; padding:0.5em; } .question-layout { background-color:#ddd; } .question-label label p { margin:0em; } .question-answer-blockDisplay label p { display:inline-block; margin:0em; position:relative; top:-0.15em; } */ .question-answer-blockDisplay { margin-left:1.35em; } .question-block { margin-left:-0.5em; } /* ------------------------------------------- Start - TRAINING ------------------------------------------- */ #menu-header.training { display:block; } #menu-header.training .menu-block { position:fixed; padding-bottom:1.1em; padding-top:1.4em; margin-top:0em; background: #eee; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #eee, #fff); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #eee, #fff); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #eee, #fff); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #eee, #fff); /* Standard syntax */ /* background: rgba(255,255,255,0.05); */ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); } #menu-header.training .menu-block #triangle-large { border-left: 13px solid transparent; } #menu-header.training .menu-block #menu-block-header-title { color:#40446a; padding-top:0.2em; } #breadcrumb { font-size:1em; padding-left:0em; margin-top:1.5em; max-width:80%; position:relative; margin-bottom:-5em; margin-left:-0.25em; min-height:3em; max-width:90%; } #breadcrumb-data div { padding-bottom:1em; } #training-view { width:100%; margin-right:0em; } #training-content { padding:0em 2em 1em 2em; margin:0em; width:100%; position:relative; top:4em; } #training-content.scroll-content { overflow:visible; } .QRCode { display:none; } .QRCode-item { width:auto; height:auto; margin-right:0em; } .QRCode-item img { width:2.35em; height:2.2em; top:0.2em; } .training-header-title { font-size:1.7em; margin-left:0em; /* margin-left:0.3em; */ margin-top:0.2em; } .resourceReference { text-indent:-1.5em; margin-left:1.5em; padding-bottom:0.5em; } /* ------------------------------------------- End - TRAINING ------------------------------------------- */ /* ------------------------------------------- Start - STANDARD EXPLORER ------------------------------------------- */ #block-right.block-standard-explorer-right-50 > .widget > #standards-splitview { width:98%; overflow-y: visible; } #standards-splitview .menu-block { position:fixed; padding-bottom:1.1em; padding-top:1.4em; margin-top:0em; background: #5a305a; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #733e73, #5a305a); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #733e73, #5a305a); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #733e73, #5a305a); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #733e73, #5a305a); /* Standard syntax */ /* background: rgba(255,255,255,0.05); */ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); } #block-right.block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ padding-right:0.3em; height:auto; } #standards-splitview #standards-header { height:auto; margin-top:1.75em; } .scroll-content { padding:1em 0em 1em 1.5em; } .standards-header-block { margin-top:-0.5em; } .standard-clause-list-block span { display:block; font-size:1.1em; } .standard-clause-list-block select { font-size:0.9em; margin-top:0.5em; width:100%; padding:0.5em 0.1em; } .standards-header-block { margin-bottom:1em; } .standards-clause-title { font-size:1.7em; line-height: 1.1em; padding:0em 0em; margin-bottom:0.8em; width: 100%; } .scroll.scroll-content.mCustomScrollbar { -ms-touch-action: auto; touch-action: auto; /* mCS_no_scrollbar */ } /* ------------------------------------------- End - STANDARD EXPLORER ------------------------------------------- */ /* ------------------------------------------- Start - RESOURCE EXPLORER ------------------------------------------- */ #resources-splitview .menu-block { top:0em; } #resources-splitview { width:100%; padding:0em; } #resources-splitview .menu-block { position:fixed; padding-bottom:1.1em; padding-top:1.4em; margin-top:0em; background: #28546d; background: -webkit-linear-gradient(left, #376d86, #28546d); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #376d86, #28546d); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #376d86, #28546d); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #376d86, #28546d); /* Standard syntax */ /* background: rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.05); */ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); } #resource-content { width:100%; padding-right:1.1em; height:auto; margin-top:0em; padding-bottom:5em; } #resource-content .resource-block { position:relative; top:3.25em; } .resource-item.inline { } .featured-resource-item-thumbnail { /* background-size:cover; */ background-size: 100%; } .resource-item-thumbnail { /* background-size:cover; */ background-size: 100%; } /* ------------------------------------------- End - RESOURCE EXPLORER ----------------------------- */ /* ------------------------------------------- Start - CONTENTS EXPLORER ------------------------------------------- */ #contents-splitview { width:100%; } #contents-splitview .menu-block { position:fixed; padding-bottom:1.025em; padding-top:1.4em; margin-top:0em; background: #3b6761; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #3c7f75, #3b6761); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #3c7f75, #3b6761); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #3c7f75, #3b6761); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #3c7f75, #3b6761); /* Standard syntax */ /* background: rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.05); */ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); } #contents-navigation { padding-top:0em; margin-top:1.3em; height:auto; } #contents-header-title { font-size:1.7em; width:95%; margin-top:1em; } .contents-section { width:93%; } #contents-data { font-size:1.15em; padding-right:1em; } #contents-data .tree { padding-left:0em; margin-left:0em; width:95%; } /* ------------------------------------------- End - CONTENTS EXPLORER ------------------------------------------- */ /* ------------------------------------------- Start - NOTES EXPLORER ------------------------------------------- */ #notes-splitview { width:100%; } #notes-splitview .menu-block { position:fixed; padding-bottom:1.025em; padding-top:1.4em; margin-top:0em; background: #85764e; background: -webkit-linear-gradient(left, #958558, #85764e); background: -o-linear-gradient(right, #958558, #85764e); background: -moz-linear-gradient(right, #958558, #85764e); background: linear-gradient(right, #958558, #85764e); /* background: #826e41; background: -webkit-linear-gradient(left, #937d4c, #826e41); background: -o-linear-gradient(right, #937d4c, #826e41); background: -moz-linear-gradient(right, #937d4c, #826e41); background: linear-gradient(right, #937d4c, #826e41); background: rgba(0,0,0,0.05); border-bottom: 1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.05); */ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); } .notes-section { width:93%; } #notes-title { font-size:1.7em; margin-top:1em; } #notes-nav { margin-top:0.25em; } #notes-data { padding:0.5em 1em; font-size:1.1em; height:12em; } #screenTab, #moduleTab { font-size:1em; padding:0.5em 0.75em; } .notes-action-item-inactive { font-size:1em; padding:0.25em 0.75em; } #notes-recent-data { height:auto; } #recent-notes-action-block { margin-top:0.5em; } #notes-preview-data { height:auto; } #notes-preview {display:none;} #notes-preview.has-saved-notes { display: inline-block; } /* ------------------------------------------- End - NOTES EXPLORER ------------------------------------------- */ /* ------------------------------------------- Start - SCENARIO EXPLORER ------------------------------------------- */ #scenario-splitview { width:100%; height: auto; } #scenario-splitview .menu-block { position:fixed; padding-bottom:1em; padding-top:1.4em; margin-top:0em; background: #4e5e91; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #434e73, #4e5e91); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #434e73, #4e5e91); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #434e73, #4e5e91); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #434e73, #4e5e91); /* Standard syntax */ /* background: rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.05); */ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); } #scenario-content { margin-top:4em; height:auto; width:98%; } #scenario-header-title { font-size:1.7em; } #scenario-body-content { padding:0em 0em 0em 0em; } #scenario-body #text-content div ul { padding-right:0em; } #resource-tutorial-id { position:relative; top:0.2em; } /* ------------------------------------------- End - SCENARIO EXPLORER ------------------------------------------- */ /* ------------------------------------------- Start - SOURCE EXPLORER ------------------------------------------- */ #source-splitview { width:100%; padding:0em; } /*#source-splitview #menu-header {z-index:1001;}*/ #source-splitview .menu-block { top:0em; position:fixed; padding-bottom:0.955em; padding-top:1.4em; margin-top:0em; background: #eaeaea; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #eaeaea, #eaeaea); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #eaeaea, #eaeaea); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #eaeaea, #eaeaea); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #eaeaea, #eaeaea); /* Standard syntax */ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); } #source-splitview .menu-block { position:fixed; padding-bottom:1em; padding-top:1.4em; margin-top:0em; background: #d7d7d7; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #d7d7d7, #ddd); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #d7d7d7, #ddd); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #d7d7d7, #ddd); /* For Firefox 3.6 to 15 */ background: linear-gradient(right, #d7d7d7, #ddd); /* Standard syntax */ /* background: rgba(255,255,255,0.05); */ box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); } #source-content.scroll-content { width:100%; padding-right:1.1em; height:auto; margin-top:4em; padding-bottom:5em; } #source-header-title { font-size:1.7em; } #source-content .source-section { margin-top:1em; } /* ------------------------------------------- End - SOURCE EXPLORER ----------------------------- */ /* body{} #block-left.block-main-content-left-100, #block-right.block-main-content-left-100, #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-source-explorer-right-50, #block-right.block-scenario-explorer-right-50, #block-right.block-main-menu-right-100 { width:82.5%; } #training-content .training-section-footer-data { padding: 1em 1em 0.5em 0em; } */ /* ----------------------------------------------------- */ /* ----------------------------------------------------- */ /* START - BUMP MODE */ /* ----------------------------------------------------- */ /* ----------------------------------------------------- */ #panels { position:absolute; } .bumpMode #block-left.block-main-content-left-50 { position:absolute; top:0%; display:inline-block; width:90%; z-index:1; left:0%; /*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;*/ } #block-left.block-main-content-left-50 { position:absolute; top:0%; display:inline-block; width:90%; z-index:1; left:-82%; /*-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;*/ } #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-scenario-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-source-explorer-right-50 { z-index:301; width:92%; left:8%; box-shadow: 2px 2px 15px #000; } .bumpMode #block-right.block-standard-explorer-right-50.bump, .bumpMode #block-right.block-resource-explorer-right-50.bump, .bumpMode #block-right.block-contents-explorer-right-50.bump, .bumpMode #block-right.block-scenario-explorer-right-50.bump, .bumpMode #block-right.block-note-explorer-right-50.bump, .bumpMode #block-right.block-source-explorer-right-50.bump { position:absolute; top:0%; left:90%; box-shadow: 2px 2px 15px #000; /* cursor: default; pointer-events: none; */ z-index:301; } .bumpMode #block-right.block-standard-explorer-right-50.bump .widget, .bumpMode #block-right.block-resource-explorer-right-50.bump .widget, .bumpMode #block-right.block-contents-explorer-right-50.bump .widget, .bumpMode #block-right.block-scenario-explorer-right-50.bump .widget, .bumpMode #block-right.block-note-explorer-right-50.bump .widget, .bumpMode #block-right.block-source-explorer-right-50.bump .widget { overflow: hidden; overflow-y: hidden; overflow-x: hidden; } .bumpMode #block-right.block-standard-explorer-right-50.bump .widget #standard-content, .bumpMode #block-right.block-standard-explorer-right-50.bump .widget #standards-header, .bumpMode #block-right.block-resource-explorer-right-50.bump .widget #resource-content, .bumpMode #block-right.block-contents-explorer-right-50.bump .widget #contents-navigation, .bumpMode #block-right.block-scenario-explorer-right-50.bump .widget #scenario-content, .bumpMode #block-right.block-note-explorer-right-50.bump .widget #notes-body, .bumpMode #block-right.block-source-explorer-right-50.bump .widget #source-content { pointer-events:none; } #block-left.block-main-content-left-50 .widget, #block-left.block-main-content-left-50 #iv-container , .bumpMode #block-right.block-scenario-explorer-right-50 #iv-container, .bumpMode #block-right.block-resource-explorer-right-50 #iv-container, .bumpMode #block-right.block-standard-explorer-right-50 #iv-container, #block-left.block-main-content-left-50 .mobileWidgetRight, .bumpMode #block-right.block-scenario-explorer-right-50 .mobileWidgetRight, .bumpMode #block-right.block-resource-explorer-right-50 .mobileWidgetRight, .bumpMode #block-right.block-standard-explorer-right-50 .mobileWidgetRight, .bumpMode #block-right.block-source-explorer-right-50 #iv-container, .bumpMode #block-right.block-source-explorer-right-50 .mobileWidgetRight { overflow: hidden; overflow-y: hidden; overflow-x: hidden; } #block-left.block-main-content-left-50 .widget #training-view #training-content, #block-left.block-main-content-left-50 #iv-container, .bumpMode #block-right.block-scenario-explorer-right-50 #iv-container, .bumpMode #block-right.block-resource-explorer-right-50 #iv-container, .bumpMode #block-right.block-standard-explorer-right-50 #iv-container, #block-left.block-main-content-left-50 .mobileWidgetRight, .bumpMode #block-right.block-scenario-explorer-right-50 .mobileWidgetRight, .bumpMode #block-right.block-resource-explorer-right-50 .mobileWidgetRight, .bumpMode #block-right.block-standard-explorer-right-50 .mobileWidgetRight, .bumpMode #block-right.block-source-explorer-right-50 #iv-container, .bumpMode #block-right.block-source-explorer-right-50 .mobileWidgetRight { pointer-events:none; } .bumpMode #block-left.block-main-content-left-50 .widget, .bumpMode #block-left.block-main-content-left-50 #iv-container, #block-right.block-scenario-explorer-right-50 #iv-container, #block-right.block-resource-explorer-right-50 #iv-container, #block-right.block-standard-explorer-right-50 #iv-container, .bumpMode #block-left.block-main-content-left-50 .mobileWidgetRight, #block-right.block-scenario-explorer-right-50 .mobileWidgetRight, #block-right.block-resource-explorer-right-50 .mobileWidgetRight, #block-right.block-standard-explorer-right-50 .mobileWidgetRight, #block-right.block-source-explorer-right-50 #iv-container, .bumpMode #block-right.block-source-explorer-right-50 .mobileWidgetRight { overflow: auto; overflow-y: auto; overflow-x: auto; } .bumpMode #block-left.block-main-content-left-50 .widget #training-view #training-content, .bumpMode #block-left.block-main-content-left-50 #iv-container, #block-right.block-scenario-explorer-right-50 #iv-container, #block-right.block-resource-explorer-right-50 #iv-container, #block-right.block-standard-explorer-right-50 #iv-container, .bumpMode #block-left.block-main-content-left-50 .mobileWidgetRight, #block-right.block-scenario-explorer-right-50 .mobileWidgetRight, #block-right.block-resource-explorer-right-50 .mobileWidgetRight, #block-right.block-standard-explorer-right-50 .mobileWidgetRight, #block-right.block-source-explorer-right-50 #iv-container, #block-right.block-source-explorer-right-50 .mobileWidgetRight { pointer-events:auto; } #training-content {padding:0em 1.5em; } #block-left.block-main-content-left-50 .widget #menu-header.training .block {margin:0em;} #block-left.block-main-content-left-50 .widget #breadcrumb {width:90%; min-width:90%; margin-top:0em;} .block-main-content-left-50 #training-content .training-section-footer {width:100%; height:10em;} .block-main-content-left-50 #training-content .training-section-footer #previous { } .block-main-content-left-50 #training-content .training-section-footer #license { display:block; width:100%; top:3em; } .block-main-content-left-50 #training-content .training-section-footer #next { position:absolute; right:0em; top:1em; } .main-menu-block, .main-menu-block.tablet-training-image-viewer, .main-menu-block.tablet-explorer-image-viewer { z-index:302; } .bumpMode .main-menu-block.tablet-explorer-image-viewer { z-index: 300; } .bumpMode .main-menu-block.tablet-training-image-viewer, .main-menu-block.tablet-explorer-image-viewer, .main-menu-block.tablet-explorer-image-viewer.tablet-training-image-viewer, .main-menu-block.tablet-training-image-viewer.tablet-explorer-image-viewer { z-index: 0; } .bumpMode #main-menu-icon.standard-explorer #svg path, .bumpMode #main-menu-icon.resource-explorer #svg path, .bumpMode #main-menu-icon.contents-explorer #svg path, .bumpMode #main-menu-icon.scenario-explorer #svg path, .bumpMode #main-menu-icon.notes-explorer #svg path { fill: #39456b; } #block-right.block-standard-explorer-right-50.bump #standards-splitview #triangle-large, #block-right.block-resource-explorer-right-50.bump #resources-splitview #triangle-large, #block-right.block-contents-explorer-right-50.bump #contents-splitview #triangle-large, #block-right.block-scenario-explorer-right-50.bump #scenario-splitview #triangle-large, #block-right.block-note-explorer-right-50.bump #notes-splitview #triangle-large, #block-right.block-source-explorer-right-50.bump #source-splitview #triangle-large { opacity: 0; filter: alpha(opacity=0); } #block-right.block-standard-explorer-right-50 #standards-splitview #triangle-large, #block-right.block-resource-explorer-right-50 #resources-splitview #triangle-large, #block-right.block-contents-explorer-right-50 #contents-splitview #triangle-large, #block-right.block-scenario-explorer-right-50 #scenario-splitview #triangle-large, #block-right.block-note-explorer-right-50 #notes-splitview #triangle-large, #block-right.block-source-explorer-right-50 #source-splitview #triangle-large { opacity: 1; filter: alpha(opacity=100); } #block-left.block-main-content-left-50 { height:100%; overflow:visible; } #block-left.block-main-content-left-50 #breadcrumb{ overflow:hidden; margin-top:1.5em; } #block-left.block-main-content-left-50 #training-view { overflow:visible; } /* ----------------------------------------------------- */ /* ----------------------------------------------------- */ /* END - BUMP MODE */ /* ----------------------------------------------------- */ /* ----------------------------------------------------- */ .proctor-dialog-container { width:80%; margin:0 auto; border:4px solid #a9a9a9; -webkit-border-radius:0.25em; -moz-border-radius:0.25em; border-radius:0.25em; } .force-wizard .proctor-dialog .force-wizard-helper { width: 16em; left: -13.5em; top: 1em; } #block-left, #block-right, #block-left .widget, #block-right .widget, #doc-display-explorer, .mobileWidgetRightBlock{ -ms-scroll-chaining: none; overflow-y:scroll; -webkit-overflow-scrolling: touch; } #doc-display-explorer, .mobileWidgetRightBlock{ overflow-x:scroll; } .pageintro #block-left, .pageintro #block-right, .pageintro #block-left .widget, .pageintro #block-right .widget, .tablet-tutorial-no-action #doc-display-explorer, .tablet-tutorial-no-action .mobileWidgetRightBlock{ overflow-y:hidden; overflow-x: hidden; -webkit-overflow-scrolling: auto; } /* drag/drop element */ .dragDropSource.position-right {clear:both; min-width:100%; width:100%; float:none;} .dragDropSource.position-left {clear:both; min-width:100%; width:100%; float:none;} .dragDropDestination.position-right{clear:both; min-width:100%; width:100%; float:none;} .dragDropDestination.position-left {clear:both; min-width:100%; width:100%; float:none;} a:hover .leftInverted, a:hover .rightInverted{ border: 0.2em solid #a6a6a6; } a:hover .leftInverted:after{ border-right: 20px solid #a6a6a6; } a:hover .rightInverted:after { border-left: 20px solid #a6a6a6; } a:hover .rightHome:after { border-left: 20px solid #a6a6a6; } .leftInverted { font-size:23px; width: 2.2em; height: 2.2em; border: 0.2em solid #a6a6a6; } .leftInverted:after { content: ''; top: 0.4em; left: 0.45em; border-top: 16px solid transparent; border-right: 20px solid #a6a6a6; border-bottom: 16px solid transparent; } .rightInverted { font-size:23px; top:-0.06em; width: 2.2em; height: 2.2em; border: 0.2em solid #a6a6a6; } .rightInverted:after { content: ''; top: 0.4em; left: -0.45em; border-top: 16px solid transparent; border-left: 20px solid #a6a6a6; border-bottom: 16px solid transparent; } .rightHome { top:-0.06em; width: 3.6em; height: 3.6em; margin-left: 0.2em; background: url(../images/home.svg); background-repeat: no-repeat; } a:hover .rightHome { background: url(../images/home_dark.svg); background-repeat: no-repeat; } #resources-splitview .element #text-content .myTitle { margin-top:0.3em; } #standards-splitview, #resources-splitview, #notes-splitview, #scenario-splitview, #source-splitview, #contents-splitview { min-height:100%; height:100%; } #resources-splitview #documentViewer.splitView, .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { min-height:100%; height:100%; overflow-y:scroll; overflow:auto; } #resources-splitview #documentViewer.splitView #screen-display { /* margin-top:-2em; */ /* Commented this out for now to try to fix overlapping placement of frame resources */ } #documentBox-component { position:relative; top:0.6em; } #resources-splitview #documentViewer.splitView #documentviewer-title { margin-left:2em; position:relative; top:0.5em; } #resources-splitview #documentViewer.splitView .img-close-documentviewer{ margin-top:0.25em; left:1em; } #scenario-splitview .resourceReference .standardexplorersplitview, #scenario-splitview .resourceReference .resourceexplorersplitview, #scenario-splitview .resourceReference .scenarioexplorersplitview { position:relative; top:0.2em } .resource-link .resourceReference { /* text-indent:-1.5em; margin-left:1.5em; */ padding-bottom:0.5em; line-height:1.5em; text-indent:-1.25em; margin-left:1.8em; width:90%; max-width:90%; } #scenario-splitview .resource-link .resourceReference { text-indent:-1.75em; margin-left:1.75em; padding-bottom:0.5em; max-width:92%; line-height:1.5em; } #scenario-splitview .resourceReference .resourceexplorersplitview:before { top:0em; } #menu-system .disabled { opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=1); -khtml-opacity: 1; -moz-opacity:1; } #menu-system #mobile-resource-menu-item.disabled #mobile-resource-menu-item-icon, #menu-system #mobile-resource-menu-item.disabled #mobile-resource-menu-item-text { opacity:0.15; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=15)'; filter: alpha(opacity=0.15); -khtml-opacity: 0.15; -moz-opacity:0.15; text-decoration: line-through; } .sortable.destinationSortable.single { /*padding-left:1em; */ /*padding-top:0.1em;*/ } .sortable.destinationSortable.single div { /*padding:0.2em 0em 0.35em 0em;*/ } #menu-header.training { height:4.5em; } .form-input-container, .form-input-container-source { margin-top: 5em !important; margin-left: 1em !important; height: 85% !important; width: calc(100% - 2em) !important; } /* ----------------------------------------------------- */ /* ----------------------------------------------------- */ /* START - FONT SIZING */ /* ----------------------------------------------------- */ /* ----------------------------------------------------- */ body { font-size: 1.2em; letter-spacing:0.01em; } #breadcrumb-title { left:0.5em; } .textarea, select, .question-answer-textarea{ font-size: 1.2em; } #notes-preview-data-contents, .notes-recent-data-title, .notes-recent-data-timestamp { font-size: 1.4em; } #notes-preview-data-summary { font-size: 0.9em; } .question-answer-textarea { padding:0.25em 0.5em 0.5em 0.5em; } .notes-recent-data-item .notes-recent-data-title { padding:0.25em 0.5em 0.5em 0em; margin-left:-0.3em; width:56%; } .notes-recent-data-item.selected .notes-recent-data-title { width:53%; padding:0.25em 0.5em 0.5em 0.5em; margin-left:0em; } .notes-recent-data-timestamp { width:32%; padding:0.25em 0.5em 0.5em 0.5em; float:right; } #notes-preview-data-contents { padding:0em 0.5em 0.5em 0.15em; } #standard-select { padding-left:0.5em; } /* .main-menu-block {position:absolute; z-index:100; top:0.3em; right:0.5em; cursor:pointer;} */ .main-menu-block { top:0.45em; right:1.6em; } #svg { height:46px; width:48px; } .bumpMode .main-menu-block { z-index:300; right:14%; } .bumpMode .main-menu-block.form-expanded-bump { z-index:0; } .main-menu-block.form-expanded-explorer { z-index:100; } #triangle-large { border-top: 12px solid transparent; border-left: 16px solid #fff; border-bottom: 12px solid transparent; top:-0.1em; } #notes-data, #notes-nav-mobile { position:relative; z-index:3; } #screenTab-mobile a, #moduleTab-mobile a { font-size:0.8em; } #resources-splitview #documentViewer.splitView { margin-top:1em; } #resources-splitview .resource-description { font-size:0.7em; line-height:1em; } .resource-block .resource-content{ /* text-align:justify; text-align-last: justify; */ padding-right:1em; } .resource-block .resource-content .resource-item-data { text-align:center; /* display:flex; justify-content: center; */ } .resource-item-data { line-height:0.9em; width:170px; height:85px; } .featured-resource-item-thumbnail, .resource-item-thumbnail, .resource-item-thumbnail-nested { background-repeat:no-repeat; /* background-size:contain; */ } .featured-resource-item-thumbnail, .resource-item-thumbnail, .resource-item-thumbnail-nested { width:170px; height:104px; } .resource-item-thumbnail-nested { background-size: cover; } .blockUI.blockMsg.blockPage h1, .blockUI.blockMsg.blockPage h3 { font-size:19px; } #timeRemaining { top:1.3em; } #timeRemaining, #timeRemaining-tablet-right { top: 1.3em; } .timeRemainingDesc{display:none;} .question-answer-blockDisplay { text-indent:-1.25em; margin-left:1em; } /* .inputContainer.ui-dialog-content.ui-widget-content { margin:0em 1.25em 0em 1.5em; border:1px solid #fff; overflow:visible; } .inputContainer .form-input-scroll { padding-bottom:1em; padding-left:1.25em; padding-right:1.25em; } .inputContainer.ui-dialog-content.ui-widget-content .inputContainerX { position:absolute; right:0.2em; top:-0.8em; z-index:999; background:transparent; } #FormHighlight-close { cursor:pointer; width:2em; height:2em; background-size: 2em 2em; background-image: url(/html5/images/close.svg); } */ *:focus { outline: none; } /*#mobileFormModalOverlay { z-index:1002; }*/ .dialogContainer.ui-dialog-content.ui-widget-content { margin-left:-0.25em; } .dialogContainer.ui-dialog-content.ui-widget-content .formElementContainer { /* position: absolute; top: -10%; */ } #text-content li { /* text-indent:0em; margin-left:1.5em; padding-bottom:0.25em; */ } #text-content p { padding:0em 0em 0.5em 0em; } /* #training-view #text-content li, #scenario-splitview #text-content li { text-indent:0em; margin-left:1.5em; padding-bottom:0.25em; } */ #form-text-input.form-dialog-box{ height:50%; width:80%; position:absolute; cursor:move; z-index:308; } } /* Resolution under 800px for non-touch devices */ @media screen and (max-width: 800px) and (hover:hover) { #block-left, #block-right, #doc-display-explorer, .mobileWidgetRightBlock { -ms-scroll-chaining: unset; overflow-y: hidden; -webkit-overflow-scrolling: unset; } #resources-splitview #documentViewer.splitView, #notes-splitview, .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { overflow-y: unset; overflow: unset; } } @media only screen and (max-width: 750px) { .resource-item-data { line-height:0.9em; width:155px; height:85px; } .featured-resource-item-thumbnail, .resource-item-thumbnail, .resource-item-thumbnail-nested { width:155px; height:95px; } } @media only screen and (max-width: 700px) { /*.tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:71.5%;}*/ /*.destinationSortable .elementDragDropAnswer { padding-right:1.2em; }*/ /*.tabletDragDropAnswerSelected { max-width:90%; }*/ #breadcrumb-title { width:95%; } .resource-item-data { line-height:0.9em; width:140px; height:85px; } .featured-resource-item-thumbnail, .resource-item-thumbnail, .resource-item-thumbnail-nested { width:140px; height:86px; } #documentBox-component { position:relative; top:0.75em; } } @media only screen and (max-width: 675px) { /*.tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:68.5%;} .tabletDragDropAnswerSelected { max-width:89%; }*/ } @media only screen and (max-width: 650px) { /* body{} #block-left.block-main-content-left-100, #block-right.block-main-content-left-100, #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-source-explorer-right-50, #block-right.block-scenario-explorer-right-50, #block-right.block-main-menu-right-100 { width:90.9%; } */ /*.tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:70%;}*/ #training-content { padding:0em 1.25em; } .login-container { width:80%; margin:0 auto; } .login-container .login-header h1 { font-size:1.4em; position:relative; top:0.35em; } /* Document Viewer */ .mobileWidgetRight { /* width: 99.2%; */ width:100%; } .docFrame { width:98.3%; height:98.7%; } .tab-number { right: 4.5em; } .transformer-tabs .tab.active.selected { padding-right:14%; } } @media only screen and (max-width: 600px) { .mobile-explorer { display:inline-block; } .desktop-explorer { display:none; } /*.tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:68%;} .tabletDragDropAnswerSelected { max-width:88%; }*/ #breadcrumb-title { left:0.25em; width:94%; } .bumpMode .main-menu-block { z-index:300; right:15%; } .resource-item-data { line-height:0.9em; width:175px; height:85px; } .featured-resource-item-thumbnail, .resource-item-thumbnail, .resource-item-thumbnail-nested { width:175px; height:108px; } #documentBox-component { position:relative; top:1.25em; } .inputContainer { min-width: 150px; } .text-input-container .form-input-scroll .inputContainerTitle { margin-bottom: 0; margin-top: 0; } .inputContainer.ui-dialog-content.ui-widget-content { border-bottom-left-radius: 0.5em; border-top-right-radius: 0.5em; box-shadow: 0px 0px 0px 8px rgba(73,73,100,0.5); padding: 1.25em 1em 0em 1em; } .form-dialog-actions { padding: 1.2em 1em 0.4em 1em; } /* body { font-size: 0.9em; letter-spacing:0.01em; } */ .pageintro-tutorial-identifier { top:-1.3em; } .pageintro-text { font-size:16px; } .pageintro-tooltip { font-size: 0.9em; letter-spacing:0.01em; } } @media only screen and (max-width: 550px) { /*.tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:71%;}*/ .pageintro-interaction-type .stepTypeText { display: inline-block; top: -0.6em; position: relative; margin-left:0.3em; font-size:15px; } .resource-item-data { line-height:0.9em; width:160px; height:85px; } .featured-resource-item-thumbnail, .resource-item-thumbnail, .resource-item-thumbnail-nested { width:160px; height:98px; } .transformer-tabs .tab.active.selected { padding-right:18%; } #menu-header.training .menu-block #menu-block-header-title { padding-top:0.2em; } .menu-icon-pulse #tutorial-helper { min-width:10em; } } @media only screen and (max-width: 500px) { .timeRemainingCenteredOverlayDesc {display: none;} /*.tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:72%;} .tabletDragDropAnswerSelected { max-width:87%; }*/ .tabletDragDropAnswerSelected:before { content: ""; top:-0.3em; left:-0.5em; } #breadcrumb-title { width:94%; } .dragdrop-container { padding:0.75em 0.45em 0.75em 0.45em; margin:-1.37em -0.6em 1.35em -0.6em; } #training-content { padding:0em 1em; } .imgElement {/*width:100%; min-width: 100%;*/ margin:0.25em 0em 0em 0em;} .thumbnailBlock .thumbnailTitle { width:100%; margin:0.25em 0em 1.5em 0em; display:block; padding-left:0em; position:relative; top:0em; } .image-inline.imgElement.align-left, .image-inline.imgElement.align-right, .image-inline.imgElement.align-center { /* width:100%; min-width: 100%; */ margin:0.25em 0em 0em 0em; /* text-align:left; float:left; */ object-fit: cover; } .img .image-inline.imgElement.imgTransparent {object-fit: cover;} .block-main-content-left-100 #training-content .training-section-footer #previous { position:absolute; left:0em; top:1em; } .block-main-content-left-100 #training-content .training-section-footer #license { width:100%; margin-top:3.5em; } .block-main-content-left-100 #training-content .training-section-footer #next { position:absolute; right:0em; top:1em; } /* Document Viewer */ .mobileWidgetRight { /* width: 98.7%; */ width:100%; } .docFrame { width:97.8%; height:98.7%; } .timeRemainingDesc{display:none;} .bumpMode .main-menu-block { z-index:300; right:15.5%; } /* ----------------------------------------------------- */ /* ----------------------------------------------------- */ /* START - FONT SIZING */ /* ----------------------------------------------------- */ /* ----------------------------------------------------- */ #breadcrumb-title { left:0.5em; } .textarea, select, .question-answer-textarea{ font-size: 1em; } #notes-preview-data-contents, .notes-recent-data-title, .notes-recent-data-timestamp { font-size: 1em; } #notes-preview-data-summary { font-size: 0.8em; } .question-answer-textarea { padding:0.25em 0.5em 0.5em 0.5em; } .notes-recent-data-item, .notes-recent-data-item.selected { width:100%; } .notes-recent-data-item .notes-recent-data-title { padding:0.25em 2% 0.5em 2%; margin-left:0em; width:55%; } .notes-recent-data-item.selected .notes-recent-data-title { width:55%; padding:0.25em 2% 0.5em 2%; margin-left:0em; } .notes-recent-data-item .notes-recent-data-timestamp { width:35%; padding:0.25em 2% 0.5em 2%; } .notes-recent-data-item.selected .notes-recent-data-timestamp { width:35%; padding:0.25em 2% 0.5em 2%; } #notes-preview-data-contents { padding:0em 0.5em 0.5em 0.15em; } #standard-select { padding-left:0.5em; } /* .main-menu-block {position:absolute; z-index:100; top:0.3em; right:0.5em; cursor:pointer;} */ .main-menu-block { top:0.55em; right:1.6em; } #svg { height:38px; width:40px; } .bumpMode .main-menu-block { z-index:300; right:14%; } #triangle-large { border-top: 10px solid transparent; border-left: 14px solid #fff; border-bottom: 10px solid transparent; top:-0.1em; } #notes-data, #notes-nav-mobile { position:relative; z-index:3; } #screenTab-mobile a, #moduleTab-mobile a { font-size:0.8em; } #resources-splitview #documentViewer.splitView { margin-top:1em; } #resources-splitview .resource-description { font-size:0.7em; line-height:1em; } .resource-item-data { line-height:0.9em; width:156px; height:85px; } .featured-resource-item-thumbnail, .resource-item-thumbnail, .resource-item-thumbnail-nested { width:156px; height:96px; } #contents-data .tree .tree-parent {font-size:0.9em;} #menu-system { font-size:0.9em; } #mobile-standard-menu-item-icon, #mobile-resource-menu-item-icon, #mobile-contents-menu-item-icon, #mobile-notes-menu-item-icon, #mobile-scenario-menu-item-icon, #mobile-source-menu-item-icon{ margin-left:-1em; } #menu-system-b { font-size:0.9em; margin-left:-1em; } .tab-number { right: 4.15em; } .transformer-tabs .tab.active.selected { padding-right:14%; } #contents-navigation { margin-top:0.8em; } .resource-link .resourceReference { text-indent:-1.4em; margin-left:1.8em; } #scenario-splitview .resource-link .resourceReference { text-indent:-1.85em; margin-left:1.75em; } #documentBox-component { position:relative; top:1.35em; } #resources-splitview #documentViewer.splitView #documentviewer-title { margin-left:2em; top:0.4em; font-size:1.25em; } #documentviewer-title { /* helps with translations */ overflow-wrap: break-word; word-wrap: break-word; } .block-main-content-left-50 #training-content .training-section-footer #license { top:5em; } #menu-header.training .menu-block #menu-block-header-title { padding-top:0em; } } @media only screen and (max-width: 480px) { /*.tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:71%;}*/ } @media only screen and (max-width: 450px) { /*.tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:71%;}*/ /*.destinationSortable .elementDragDropAnswer { padding-right:1.2em; }*/ .destinationSortable .tabletDragDropAnswerSelected:before { left: -0.3em; } .resource-item-data { line-height:0.9em; width:135px; height:82px; } .featured-resource-item-thumbnail, .resource-item-thumbnail, .resource-item-thumbnail-nested { width:135px; height:83px; } .tab-number { right: 4.3em; } .transformer-tabs .tab.active.selected { padding-right:17%; } #documentBox-component { position:relative; top:1.5em; } .resource-header-title {width:85%;} } @media only screen and (max-width: 400px) { #timeRemaining-clock { display: none; } .timeRemainingDesc, .timeRemainingTimer { margin-right: 0.4em; top: 0.125em; } /*.tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:66%;} .tabletDragDropAnswerSelected {max-width: 86%;}*/ /*.destinationSortable .elementDragDropAnswer { padding-right:2em; }*/ .destinationSortable .tabletDragDropAnswerSelected:before { left: -0.2em; } #breadcrumb-title { width:93%; } .main-menu-block { right:1em; } .bumpMode .main-menu-block { z-index:300; right:15%; } .featured-resource-item-thumbnail, .resource-item-thumbnail, .resource-item-thumbnail-nested { width:115px; height:71px; } .resource-item-data { width:115px; height:70px; } .transformer-tabs .tab.active.selected { padding-right:24%; } .blockUI.blockMsg { width:70%; } #documentBox-component { position:relative; top:1.85em; } #resources-splitview #documentViewer.splitView #documentviewer-title { margin-left:1.55em; } .tab-number, .drag-drop-tab-number { right: 3em; } .training-section .transformer-tabs .tab a, #resources-splitview .transformer-tabs .tab a, #scenario-splitview .transformer-tabs .tab a, #source-splitview .transformer-tabs .tab a { padding: 0.75em 1em 0.75em 0.5em; } .menu-icon-pulse #tutorial-helper { min-width: 8em; right: -0.6em; top:2.8em; padding: 1em 1em 2em 1em; } #tutorial-helper .helper-icon-close { top: unset; bottom: 1em; left: 0; right: 0; } #tutorial-helper .progressbar { margin-top: 1em; margin-bottom: 1em; } } @media only screen and (max-width: 350px) { body{} /* #block-right.block-main-content-left-100, #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-source-explorer-right-50, #block-right.block-scenario-explorer-right-50, #block-right.block-main-menu-right-100 { width:100%; } */ .thumbnailImageBlock { width:100%; } .thumbnailBlock .imgElement {width:100%; min-width: 100%;margin:0.25em 0em 0em 0em;} #training-content .training-section-footer-data { padding: 1em 1em 0.5em 0em; } .standards-clause-title { text-overflow: initial; white-space: normal; } /* Document Viewer */ .mobileWidgetRight { /* width: 97.8%; */ width: 100%; } .docFrame { width:96.9%; height:98.5%; } .featured-resource-item-thumbnail, .resource-item-thumbnail, .resource-item-thumbnail-nested { width:106px; height:65px; } .resource-item-data { width:106px; height:65px; } .tab-number { right: 4.15em; } } @media only screen and (max-width: 320px) { .featured-resource-item-thumbnail, .resource-item-thumbnail, .resource-item-thumbnail-nested { width:106px; height:65px; } .resource-item-data { width:106px; height:65px; } .resource-header-title {width:80%;} /*.tabletDragDropAnswerDroppable, .tabletDragDropAnswerNoDrop {max-width:63%;} .tabletDragDropAnswerSelected { max-width:83%; }*/ } /** iPhone only **/ /*@media screen and (max-device-width: 480px) { body{} #block-left.block-main-content-left-100, #block-right.block-main-content-left-100, #block-right.block-standard-explorer-right-50, #block-right.block-resource-explorer-right-50, #block-right.block-note-explorer-right-50, #block-right.block-contents-explorer-right-50, #block-right.block-source-explorer-right-50, #block-right.block-scenario-explorer-right-50, #block-right.block-main-menu-right-100 { width:86.8%; } }*/ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* ------------- Scroll Fix */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ @media only screen and (max-height: 1200px) { /* 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, .block-source-explorer-right-50 > .widget > #source-splitview #source-content { height:1090px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:1090px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox {min-height:32em; } #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, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ height:880px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:820px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:685px; } .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 { 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;} } /* IE11 */ /* _:-ms-fullscreen, :root .block-main-content-left-50 > .widget > #training-view > #training-content, .block-main-content-left-75 > .widget > #training-view > #training-content{background-color:red;} */ _:-ms-fullscreen, :root .block-main-content-left-50 > .widget > #training-view > #training-content, _:-ms-fullscreen, :root .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content { height:880px; } _:-ms-fullscreen, :root .block-main-content-left-75 > .widget > #training-view > #training-content { height:820px; } _:-ms-fullscreen, :root .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:685px; } _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data, _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview #standards-clause-data .standards-row .standards-cell.clause-data .CustomScroll { height:680px; } _:-ms-fullscreen, :root .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:890px; } _:-ms-fullscreen, :root .block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, _:-ms-fullscreen, :root .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content { height:875px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:745px; } _:-ms-fullscreen, :root .block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content { height:860px; } _:-ms-fullscreen, :root #toc-navigation {height:400px; } _:-ms-fullscreen, :root #toc-misc {height:410px; } _:-ms-fullscreen, :root #doc-display-training, _:-ms-fullscreen, :root #doc-display-training {height:800px;} } @media only screen and (max-height: 1100px) { /* 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:1000px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:900px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:820px; } .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:870px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:1020px; } #notes-recent-data {height:28em;} #notes-preview-data {height:25em;} .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 #source-content { height:990px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:880px; } #resources-fullview .featured-resource-content, #resources-fullview .resource-content { min-height:900px; 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, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ height:880px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:820px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:685px; } .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 { 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;} } /* IE11 */ /* _:-ms-fullscreen, :root .block-main-content-left-50 > .widget > #training-view > #training-content, .block-main-content-left-75 > .widget > #training-view > #training-content{background-color:red;} */ _:-ms-fullscreen, :root .block-main-content-left-50 > .widget > #training-view > #training-content, _:-ms-fullscreen, :root .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content { height:880px; } _:-ms-fullscreen, :root .block-main-content-left-75 > .widget > #training-view > #training-content { height:820px; } _:-ms-fullscreen, :root .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:685px; } _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data, _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview #standards-clause-data .standards-row .standards-cell.clause-data .CustomScroll { height:680px; } _:-ms-fullscreen, :root .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:890px; } _:-ms-fullscreen, :root .block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, _:-ms-fullscreen, :root .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content { height:875px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:745px; } _:-ms-fullscreen, :root .block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content { height:860px; } _:-ms-fullscreen, :root #toc-navigation {height:400px; } _:-ms-fullscreen, :root #toc-misc {height:410px; } _:-ms-fullscreen, :root #doc-display-training, _:-ms-fullscreen, :root #doc-display-explorer {height:800px;} } @media only screen and (max-height: 1000px) { /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-main-content-left-75 > .widget > #training-view > #training-content{background-color:blue;} */ /* Chrome */ /* @supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { #toc-navigation {height:45%;} #toc-misc {height:55%;} } */ #notes-data {height:14em;} #resources-fullview .featured-resource-content, #resources-fullview .resource-content { min-height:730px; } /* Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #contents-fullview #contents-data .mCustomScrollBox {min-height:30em;} .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:71%;} .block-main-content-left-50 > .widget > #training-view > #training-content { height:92% } /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content { max-height:86%; height:86%; height:855px; } */ /*.block-main-content-left-75 > .widget > #training-view > #training-content { height:98% }*/ /* .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:870px; } #toc-navigation {height:400px; } #toc-misc {height:410px; } #doc-display {height:785px;} */ } /* 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:900px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:845px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:715px; } .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:785px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:920px; } #notes-recent-data {height:19em;} #notes-preview-data {height:16em;} .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 #source-content { height:900px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:780px; } #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, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ height:880px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:820px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:685px; } .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 { 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;} } /* IE11 */ /* _:-ms-fullscreen, :root .block-main-content-left-50 > .widget > #training-view > #training-content, .block-main-content-left-75 > .widget > #training-view > #training-content{background-color:red;} */ _:-ms-fullscreen, :root .block-main-content-left-50 > .widget > #training-view > #training-content, _:-ms-fullscreen, :root .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content { height:880px; } _:-ms-fullscreen, :root .block-main-content-left-75 > .widget > #training-view > #training-content { height:820px; } _:-ms-fullscreen, :root .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:685px; } _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data, _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview #standards-clause-data .standards-row .standards-cell.clause-data .CustomScroll { height:680px; } _:-ms-fullscreen, :root .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:890px; } _:-ms-fullscreen, :root .block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, _:-ms-fullscreen, :root .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content { height:875px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:745px; } _:-ms-fullscreen, :root .block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content { height:860px; } _:-ms-fullscreen, :root #toc-navigation {height:400px; } _:-ms-fullscreen, :root #toc-misc {height:410px; } _:-ms-fullscreen, :root #doc-display-training, _:-ms-fullscreen, :root #doc-display-explorer {height:800px;} } @media only screen and (max-height: 950px) { /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-main-content-left-75 > .widget > #training-view > #training-content{background-color:purple;} */ #notes-data {height:13em;} #resources-fullview .featured-resource-content, #resources-fullview .resource-content { min-height:730px; } /* Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { /*.block-main-content-left-75 > .widget > #training-view > #training-content { height:91% }*/ #contents-fullview #contents-data .mCustomScrollBox {min-height:30em; } #standards-splitview {overflow-y:hidden;} .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:67%; } /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ max-height:86%; height:86%; height:835px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:780px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:850px; } */ /* #toc-navigation {height:385px; } #toc-misc {height:365px; } #doc-display {height:770px;} */ } /* 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:840px; overflow-x:hidden; } .block-main-content-left-75 > .widget > #training-view > #training-content{ height:780px; overflow-x:hidden; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:650px; } .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:700px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:850px; } .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 #source-content { height:840px; } /*.block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:715px; }*/ .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox {min-height:30em; } #toc-navigation {height:385px; } #toc-misc {height:365px; } #doc-display-training, #doc-display-explorer {height:770px;} } /* Edge */ @supports (-ms-ime-align:auto) { .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ height:840px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:780px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:650px; } .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:645px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:850px; } .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:840px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:720px; } #toc-navigation {height:390px; } #toc-misc {height:365px; } #doc-display-training, #doc-display-explorer {height:770px;} } /* IE11 */ _:-ms-fullscreen, :root .block-main-content-left-50 > .widget > #training-view > #training-content, _:-ms-fullscreen, :root .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ height:840px; } _:-ms-fullscreen, :root .block-main-content-left-75 > .widget > #training-view > #training-content { height:780px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:650px; } _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data, _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview #standards-clause-data .standards-row .standards-cell.clause-data .CustomScroll { height:645px; } _:-ms-fullscreen, :root .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:850px; } _:-ms-fullscreen, :root .block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, _:-ms-fullscreen, :root .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content { height:840px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:750px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:30em; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:515px; } _:-ms-fullscreen, :root .block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content{ height:825px; } _:-ms-fullscreen, :root #toc-navigation {height:390px; } _:-ms-fullscreen, :root #toc-misc {height:365px; } #doc-display-training, _:-ms-fullscreen, :root #doc-display-explorer {height:770px;} } @media only screen and (max-height: 900px) { .form-input-container, .form-input-container-source { margin-top: 6%; height:88%; } /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-main-content-left-75 > .widget > #training-view > #training-content{background-color:aqua;} */ #resources-fullview .featured-resource-content, #resources-fullview .resource-content { min-height:700px; } #notes-data {height:12em;} /* Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #contents-fullview #contents-data .mCustomScrollBox {min-height:30em; } .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:67%;} /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ max-height:86%; height:86%; height:790px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:720px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:800px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:580px; } */ /* #standards-splitview .scroll-content {height:600px; background-color:red;} */ /* #toc-navigation {height:370px; } #toc-misc {height:345px; } #doc-display {height:720px;} */ } /* 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:790px; overflow-x:hidden; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:730px; overflow-x:hidden; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:600px; } .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:665px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:800px; } .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 #source-content { height:790px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:700px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:26em; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:475px; } #toc-navigation {height:370px; } #toc-misc {height:345px; } #doc-display-training, #doc-display-explorer {height:720px;} } /* Edge */ @supports (-ms-ime-align:auto) { .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ height:790px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:740px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:600px; } .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:610px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:800px; } .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:790px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:700px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:28em; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:475px; } #toc-navigation {height:370px; } #toc-misc {height:345px; } #doc-display-training, #doc-display-explorer {height:720px;} } /* IE11 */ _:-ms-fullscreen, :root .block-main-content-left-50 > .widget > #training-view > #training-content, _:-ms-fullscreen, :root .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content { height:790px; } _:-ms-fullscreen, :root .block-main-content-left-75 > .widget > #training-view > #training-content { height:740px; } _:-ms-fullscreen, :root .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:600px; } _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data, _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview #standards-clause-data .standards-row .standards-cell.clause-data .CustomScroll { height:610px; } _:-ms-fullscreen, :root .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:800px; } _:-ms-fullscreen, :root .block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, _:-ms-fullscreen, :root .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, _:-ms-fullscreen, :root .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content { height:790px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:725px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:28em; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:500px; } _:-ms-fullscreen, :root .block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content{ height:775px; } _:-ms-fullscreen, :root #toc-navigation {height:370px; } _:-ms-fullscreen, :root #toc-misc {height:345px; } _:-ms-fullscreen, :root #doc-display-training, _:-ms-fullscreen, :root #doc-display-explorer {height:720px;} } @media only screen and (max-height: 850px) { /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-main-content-left-75 > .widget > #training-view > #training-content{background-color:green;} */ #notes-data {height:11em;} #resources-fullview .featured-resource-content, #resources-fullview .resource-content { min-height:650px; } /* Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #contents-fullview #contents-navigation {height:83%;} #contents-fullview #contents-data .contents-details {white-space: normal; height:65%;} #contents-fullview #contents-data .mCustomScrollBox {min-height:26em; } .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:65%;} .block-standard-explorer-right-100 .widget #standards-fullview .standards-section {height:75%;} /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ height:740px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:690px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:745px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:530px; } */ /* #standards-splitview .scroll-content {height:66%;} */ /* #toc-navigation {height:350px; } #toc-misc {height:315px; } #doc-display {height:660px;} */ } /* 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:700px; overflow-x:hidden; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:690px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:550px; } .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:610px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:745px; } .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 #source-content { height:740px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:675px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:24em; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:450px; } #toc-navigation {height:350px; } #toc-misc {height:315px; } #doc-display-training, #doc-display-explorer {height:660px;} } /* Edge */ @supports (-ms-ime-align:auto) { .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ height:740px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:690px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:550px; } .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:555px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:745px; } .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:740px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:675px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:26em; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:450px; } #toc-navigation {height:350px; } #toc-misc {height:315px; } #doc-display-training, #doc-display-explorer {height:660px;} } /* IE11 */ _:-ms-fullscreen, :root .block-main-content-left-50 > .widget > #training-view > #training-content, _:-ms-fullscreen, :root .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ height:740px; } _:-ms-fullscreen, :root .block-main-content-left-75 > .widget > #training-view > #training-content { height:690px; } _:-ms-fullscreen, :root .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:550px; } _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data, _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview #standards-clause-data .standards-row .standards-cell.clause-data .CustomScroll { height:555px; } _:-ms-fullscreen, :root .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:745px; } _:-ms-fullscreen, :root .block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, _:-ms-fullscreen, :root .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, _:-ms-fullscreen, :root .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content { height:740px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:680px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:27em; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:460px; } _:-ms-fullscreen, :root .block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content { height:725px; } _:-ms-fullscreen, :root #toc-navigation {height:350px; } _:-ms-fullscreen, :root #toc-misc {height:315px; } _:-ms-fullscreen, :root #doc-display-training, _:-ms-fullscreen, :root #doc-display-explorer {height:660px;} } @media only screen and (max-height: 800px) { /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-main-content-left-75 > .widget > #training-view > #training-content{background-color:gray;} */ #resources-fullview .featured-resource-content, #resources-fullview .resource-content { min-height:600px; } #notes-data {height:10em;} /* Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { .block-main-content-left-50 > .widget > #training-view > #training-content { height:93% /* height:795px; */ } /*.block-main-content-left-75 > .widget > #training-view > #training-content { height:93% }*/ #contents-fullview #contents-navigation {height:82%;} #contents-fullview #contents-data .contents-details {white-space: normal; height:64%;} #contents-fullview #contents-data .mCustomScrollBox {min-height:19em; } .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:66%;} .block-standard-explorer-right-100 .widget #standards-fullview .standards-section {height:73%;} /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ max-height:86%; height:86%; height:695px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:650px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:695px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:495px; } */ /* #standards-splitview .scroll-content {height:62%;} */ /* #toc-navigation {height:340px; } #toc-misc {height:295px; } #doc-display {height:610px;} */ } /* 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:690px; } .block-main-content-left-75 > .widget > #training-view > #training-content{ height:650px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:495px; } .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:550px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:695px; } .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 #source-content { height:690px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:630px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:22em; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:415px; } #toc-navigation {height:340px; } #toc-misc {height:295px; } #doc-display-training, #doc-display-explorer {height:610px;} } /* Edge */ @supports (-ms-ime-align:auto) { .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ height:690px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:650px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:495px; } .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:495px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:695px; } .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:690px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:630px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:24em; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:415px; } #toc-navigation {height:340px; } #toc-misc {height:295px; } #doc-display-training, #doc-display-explorer {height:610px;} } /* IE11 */ _:-ms-fullscreen, :root .block-main-content-left-50 > .widget > #training-view > #training-content, _:-ms-fullscreen, :root .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content { height:690px; } _:-ms-fullscreen, :root .block-main-content-left-75 > .widget > #training-view > #training-content { height:650px; } _:-ms-fullscreen, :root .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:495px; } _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data, _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview #standards-clause-data .standards-row .standards-cell.clause-data .CustomScroll { height:495px; } _:-ms-fullscreen, :root .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:695px; } _:-ms-fullscreen, :root .block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, _:-ms-fullscreen, :root .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, _:-ms-fullscreen, :root .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content { height:690px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:630px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:23em; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:400px; } _:-ms-fullscreen, :root .block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content { height:675px; } _:-ms-fullscreen, :root #toc-navigation {height:340px; } _:-ms-fullscreen, :root #toc-misc {height:295px; } _:-ms-fullscreen, :root #doc-display-training, _:-ms-fullscreen, :root #doc-display-explorer {height:610px;} } @media only screen and (max-height: 750px) { .force-wizard #camera-wizard.proctor-dialog #viewBox { top: 5em; transform: unset; } /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-main-content-left-75 > .widget > #training-view > #training-content{background-color:yellow;} */ #notes-data {height:13em;} #resources-fullview .featured-resource-content, #resources-fullview .resource-content { min-height:550px; } /* Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #contents-fullview #contents-navigation {height:81%;} #contents-fullview #contents-data .contents-details {white-space: normal; height:60%;} #contents-fullview #contents-data .mCustomScrollBox {min-height:16em; } .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:63%;} .block-standard-explorer-right-100 .widget #standards-fullview .standards-section {height:71%;} /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ max-height:86%; height:86%; height:645px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:600px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:645px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:440px; } */ /* #standards-splitview .scroll-content {height:61%;} */ /* #toc-navigation {height:315px; } #toc-misc {height:270px; } #doc-display {height:560px;} */ } /* 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:640px; } .block-main-content-left-75 > .widget > #training-view > #training-content{ height:600px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:440px; } .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:490px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:645px; } .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 #source-content { height:640px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:590px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:21em; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:375px; } #toc-navigation {height:315px; } #toc-misc {height:270px; } #doc-display-training, #doc-display-explorer {height:560px;} } /* Edge */ @supports (-ms-ime-align:auto) { .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content { height:640px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:610px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:440px; } .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:435px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:645px; } .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:645px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:590px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:20em; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:350px; } #toc-navigation {height:315px; } #toc-misc {height:270px; } #doc-display-training, #doc-display-explorer {height:560px;} } /* IE11 */ _:-ms-fullscreen, :root .block-main-content-left-50 > .widget > #training-view > #training-content, _:-ms-fullscreen, :root .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content { height:640px; } _:-ms-fullscreen, :root .block-main-content-left-75 > .widget > #training-view > #training-content { height:610px; } _:-ms-fullscreen, :root .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:440px; } _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data, _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview #standards-clause-data .standards-row .standards-cell.clause-data .CustomScroll { height:435px; } _:-ms-fullscreen, :root .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:645px; } _:-ms-fullscreen, :root .block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, _:-ms-fullscreen, :root .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, _:-ms-fullscreen, :root .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content { height:645px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:580px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:20em; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:365px; } _:-ms-fullscreen, :root .block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content { height:630px; } _:-ms-fullscreen, :root #toc-navigation {height:315px; } _:-ms-fullscreen, :root #toc-misc {height:270px; } _:-ms-fullscreen, :root #doc-display-training, _:-ms-fullscreen, :root #doc-display-explorer {height:560px;} } @media only screen and (max-height: 700px) { /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-main-content-left-75 > .widget > #training-view > #training-content{background-color:fuchsia;} */ /*#breadcrumb {margin-top:2em;}*/ #notes-data {height:9em;} #resources-fullview .featured-resource-content, #resources-fullview .resource-content { min-height:500px; } /* Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #contents-fullview #contents-navigation {height:80%;} #contents-fullview #contents-data .contents-details {white-space: normal; height:59%;} #contents-fullview #contents-data .mCustomScrollBox {min-height:17em; } .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:59%;} .block-standard-explorer-right-100 .widget #standards-fullview .standards-section {height:68%;} /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ max-height:86%; height:86%; height:600px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:555px; } */ .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:97%; } /* .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:395px; } #standards-splitview .scroll-content {height:57%;} */ /* #toc-navigation {height:295px; } #toc-misc {height:250px; } #doc-display {height:515px;} */ } /* 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:595px; } .block-main-content-left-75 > .widget > #training-view > #training-content{ height:555px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:395px; } .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:435px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:595px; } .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 #source-content { height:595px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:540px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:18em; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:325px; } #toc-navigation {height:295px; } #toc-misc {height:250px; } #doc-display-training, #doc-display-explorer {height:515px;} } /* Edge */ @supports (-ms-ime-align:auto) { .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content { height:595px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:565px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:395px; } .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:380px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:595px; } .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:595px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:540px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:18em; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:325px; } #toc-navigation {height:295px; } #toc-misc {height:250px; } #doc-display-training, #doc-display-explorer {height:515px;} } /* IE11 */ _:-ms-fullscreen, :root .block-main-content-left-50 > .widget > #training-view > #training-content, _:-ms-fullscreen, :root .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ height:595px; } _:-ms-fullscreen, :root .block-main-content-left-75 > .widget > #training-view > #training-content { height:565px; } _:-ms-fullscreen, :root .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:395px; } _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data, _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview #standards-clause-data .standards-row .standards-cell.clause-data .CustomScroll { height:380px; } _:-ms-fullscreen, :root .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:595px; } _:-ms-fullscreen, :root .block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, _:-ms-fullscreen, :root .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, _:-ms-fullscreen, :root .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content { height:595px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:530px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:18em; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:315px; } _:-ms-fullscreen, :root .block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content { height:580px; } _:-ms-fullscreen, :root #toc-navigation {height:295px; } _:-ms-fullscreen, :root #toc-misc {height:250px; } _:-ms-fullscreen, :root #doc-display-training, _:-ms-fullscreen, :root #doc-display-explorer {height:515px;} } @media only screen and (max-height: 650px) { .force-wizard #camera-wizard.proctor-dialog #viewBox { top: 1em; transform: unset; } .form-input-container, .form-input-container-source { margin-top: 7%; height:86%; } /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-main-content-left-75 > .widget > #training-view > #training-content{background-color:orange;} */ #resources-fullview .featured-resource-content, #resources-fullview .resource-content { min-height:450px; } #notes-data { height: 9em; } /* Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #contents-fullview #contents-navigation {height:79%; } #contents-fullview #contents-data .contents-details {white-space: normal; height:55%;} #contents-fullview #contents-data .mCustomScrollBox {min-height:13em; } .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:56%;} .block-standard-explorer-right-100 .widget #standards-fullview .standards-section {height:65%;} /* .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ max-height:86%; height:86%; height:555px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:495px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:545px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:330px; } */ /* #standards-splitview .scroll-content {height:55%;} */ /* #toc-navigation {height:265px; } #toc-misc {height:220px; } #doc-display {height:455px;} */ } /* 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:535px; } .block-main-content-left-75 > .widget > #training-view > #training-content{ height:495px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:330px; } .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:375px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:545px; } .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 #source-content { height:535px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:485px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:16em; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:273px; } #toc-navigation {height:265px; } #toc-misc {height:220px; } #doc-display-training, #doc-display-explorer {height:455px;} } /* Edge */ @supports (-ms-ime-align:auto) { .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content{ height:535px; } .block-main-content-left-75 > .widget > #training-view > #training-content { height:480px; } .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:330px; } .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:320px; } .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:545px; } .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:535px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:485px; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:16em; } .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:273px; } #toc-navigation {height:255px; } #toc-misc {height:210px; } #doc-display-training, #doc-display-explorer {height:455px;} } /* IE11 */ _:-ms-fullscreen, :root .block-main-content-left-50 > .widget > #training-view > #training-content, _:-ms-fullscreen, :root .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content { height:535px; } _:-ms-fullscreen, :root .block-main-content-left-75 > .widget > #training-view > #training-content { height:480px; } _:-ms-fullscreen, :root .block-standard-explorer-right-50 > .widget > #standards-splitview > #standard-content{ height:330px; } _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview > #standards-clause-data, _:-ms-fullscreen, :root .block-standard-explorer-right-100 > .widget > #standards-fullview #standards-clause-data .standards-row .standards-cell.clause-data .CustomScroll { height:320px; } _:-ms-fullscreen, :root .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { height:545px; } _:-ms-fullscreen, :root .block-contents-explorer-right-50 > .widget > #contents-splitview #contents-navigation, _:-ms-fullscreen, :root .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, _:-ms-fullscreen, :root .block-scenario-explorer-right-50 > .widget > #scenario-splitview #scenario-content { height:535px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation { height:480px; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .mCustomScrollBox { min-height:15.4em; } _:-ms-fullscreen, :root .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-data .contents-details { height:260px; } _:-ms-fullscreen, :root .block-resource-explorer-right-100 > .widget > #resources-fullview #resource-content { height:520px; } _:-ms-fullscreen, :root #toc-navigation {height:255px; } _:-ms-fullscreen, :root #toc-misc {height:210px; } _:-ms-fullscreen, :root #doc-display-training, _:-ms-fullscreen, :root #doc-display-explorer {height:455px;} } /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ @media only screen and (min-width: 801px) and (max-height: 600px) { /* Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:53%;} .block-contents-explorer-right-50 .widget #contents-splitview #contents-navigation {margin-top:1em; height:94%;} #contents-fullview #contents-data .contents-details {height:53%;} #contents-fullview #contents-data .mCustomScrollBox {min-height: 10em;} .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content {margin-top:1em; height:91%;} #resources-fullview .featured-resource-content, #resources-fullview .resource-content {min-height: 400px;} .block-scenario-explorer-right-50 .widget #scenario-splitview #scenario-content, .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content {margin-top:1em; height:88%;} .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body {height:95%;} } .dialog-box #dialog-message { max-height: 15em; overflow: auto; } #scenario-splitview { top:-1em; } /* Firefox */ @-moz-document url-prefix() { .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:350px;} .block-contents-explorer-right-50 .widget #contents-splitview #contents-navigation {margin-top:2em; height:500px;} .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation{height:450px;} #contents-fullview #contents-title {margin-top: 1em;} #contents-fullview #contents-data .mCustomScrollBox {min-height: 10em;} #resources-fullview .featured-resource-content, #resources-fullview .resource-content {min-height: 400px;} .block-scenario-explorer-right-50 .widget #scenario-splitview #scenario-content, .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content, .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { margin-top:2em; height:525px; } #menu-header, .block-main-content-left-50 > .widget > #training-view > #menu-header {height:1%;} #toc-navigation {height: 240px;} #toc-misc {height: 210px;} } } /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ @media only screen and (max-width: 800px) and (max-height: 600px) { #dialog-box, .login-container { max-width: 95%; min-height: unset; } #dialog-title { padding: 0.2em 0em 0.4em 0em; } .login-container #dialog-message { max-height:8em; overflow: auto; } .dialog-box #dialog-message { max-height: 15em; overflow: auto; } #dialog-message.scroll-content { padding: 0.1em 0.1em 0.1em 0.1em; } #dialog-message-content { padding: 0.5em 0em; } #dialog-actions { padding: 0em 1em 0em 1em; } a.btn-accept { padding: 0.2em 0.5em 0.35em 0.5em; display: inline-block; /*width:40%;*/ } a.btn-decline { padding: 0.2em 0.5em 0.35em 0.5em; display: inline-block; margin: 0.5em 0em; width:40%; } #login-dialog #viewBox { top:0; transform: none; } .login-header { margin-bottom: 0; height: 1.9em; } .login-container .login-header h1 { top: 0; } .login-actions { margin-top: 0; } #contents-navigation.scroll-content { margin-top:2em; } } /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ @media only screen and (min-width: 801px) and (max-height: 500px) { /* Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:50%;} .block-standard-explorer-right-100 .widget #standards-fullview .scroll-content {height:80%;} .block-contents-explorer-right-50 .widget #contents-splitview #contents-navigation {margin-top:1.5em; height:90%;} #contents-fullview #contents-data .contents-details {height:40%;} #contents-fullview #contents-data .mCustomScrollBox {min-height: 6em;} .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content {height:90%;} #resources-fullview .featured-resource-content, #resources-fullview .resource-content {min-height: 300px;} .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body {height:94%;} } /* Firefox */ @-moz-document url-prefix() { .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:350px;} .block-contents-explorer-right-50 .widget #contents-splitview #contents-navigation {margin-top:2em; height:500px;} .block-contents-explorer-right-100 > .widget > #contents-fullview #contents-navigation{height:450px;} #contents-fullview #contents-title {margin-top: 1em;} #contents-fullview #contents-data .mCustomScrollBox {min-height: 10em;} #resources-fullview .featured-resource-content, #resources-fullview .resource-content {min-height: 400px;} .block-scenario-explorer-right-50 .widget #scenario-splitview #scenario-content, .block-main-content-left-50 > .widget > #training-view > #training-content, .block-source-explorer-right-50 > .widget > #source-splitview #scenario-content, .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content, .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body { margin-top:2em; height:525px; } #menu-header, .block-main-content-left-50 > .widget > #training-view > #menu-header {height:1%;} #toc-navigation {height: 240px;} #toc-misc {height: 210px;} } } /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ @media only screen and (max-width: 800px) and (max-height: 500px) { #resources-splitview #documentViewer.splitView #documentviewer-title { margin-left:1.75em; top:0.25em; font-size:1.15em; } } /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ @media only screen and (min-width: 801px) and (max-height: 400px) { /* Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { .block-standard-explorer-right-50 .widget #standards-splitview #standard-content {height:35%;} .block-standard-explorer-right-100 .widget #standards-fullview .scroll-content {height:60%;} .block-contents-explorer-right-50 .widget #contents-splitview #contents-navigation {margin-top:2em; height:86%;} #contents-fullview #contents-data .contents-details {height:30%;} #contents-fullview #contents-data .mCustomScrollBox {min-height: 4em;} .block-resource-explorer-right-50 > .widget > #resources-splitview #resource-content {height:88%;} #resources-fullview .featured-resource-content, #resources-fullview .resource-content {min-height: 200px;} .block-note-explorer-right-50 > .widget > #notes-splitview #notes-body {height:93%;} } } /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ @media only screen and (max-width: 800px) and (max-height: 400px) { #breadcrumb { padding-top:0em; } #contents-navigation{ margin-top:3em; } #notes-section { margin-top:-1em; } .destinationSortable .tabletDragDropAnswerSelected:before { left: -0.2em; } } /* ---------------------------------------------- */ /* Added 2020-03-19 */ /* Blackout Message added in for non-touch devices over 800px width and under 600px in height */ @media only screen and (min-width: 801px) and (max-height: 600px) and (hover:hover)/*, (hover:none) and (min-width: 1025px) and (max-height:600px)*/ { @-moz-document url-prefix() { #non-touch-tablet-res {display: block; background-color:black;color:white;z-index: 99999999;height: 100%;position: fixed;overflow: auto;font-size: 2em;padding: 0 1em;} } } /*IE does not know about hover: (touch/ non-touch)*/ @media only screen and (min-width: 801px) and (max-height: 600px){ _:-ms-fullscreen, :root #non-touch-tablet-res {display: block; background-color:black;color:white;z-index: 99999999;height: 100%;position: fixed;overflow: auto;font-size: 2em;padding: 0 1em;} } /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ @media only screen and (max-height: 500px) { .pageintro-tooltip { max-height: 60%; margin: -4% 5% 0% 5%; } #notes-data { height:7em; } } /* ---------------------------------------------- */ /* ---------------------------------------------- */ /* ---------------------------------------------- */ @media only screen and (max-height: 350px) { .pageintro-tooltip { max-height: 60%; margin: -5% 5% 0% 5%; } #notes-data { height:5em; } } /* ---------------------------------------------- */ /* One or more available input mechanism(s) cannot hover (or there are no pointing input mechanisms) */ /* ---------------------------------------------- */ /* At least one input mechanism of the device includes a pointing device of limited accuracy. */ @media (any-pointer: coarse) { a:hover .language{ opacity:1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity:100; } }