* {
   box-sizing: border-box;
   -webkit-backface-visibility: hidden;
}

#introSlideContainer {
   text-align: center;
}

#specialLogBox {
   display: none;
}

#article,
#modulesPage {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 4200;
   border: none;
   visibility: hidden;
}

body.touchscreen #landingTwoMainVideo,
body.touchscreen #landingTwoMainText,
body.touchscreen .oneAppendedGlossaryPage,
body.touchscreen .thirdCombinedLoc,
body.touchscreen .thirdModuleLoc,
body.touchscreen .thirdSummaryLoc,
body.touchscreen .newExplanationTitle,
body.touchscreen #landing_page,
body.touchscreen .oneGlossaryGroup,
body.touchscreen #glossaryPage .singleGroupContentEntry[data-type="spaceForPicture"] {
   border: none !important;

}

body.touch_portrait .cc_select[data-var="subType"],
body.touch_portrait #kb_print .cc_select[data-var="keyboardShortcutModuleFilter"] {
   font-size: 17px;
}

body.touch_portrait .newExplanationTitle {
   font-size: 30px;
}

body.touch_landscape .glossaryLoadMoreItem {
   height: 35px !important;
   margin-bottom: 8px;
}

.oneAppendedGlossaryPage[data-meta="beginner_coding_lessons"] .relatedFeaturesSection {
   display: none;
}

#modulesPage {
   z-index: 4500;
}

.ksCopyPageGetOrder,
.ksCopyPageToggleImages,
.ksCopyPageTitle {
   background: #452e56;
   padding: 8px;
   position: absolute;
   top: 40px;
   right: 79px;
}


.goalLineHeading,
.goalLineQuestion,
.goalLineExplanation {
   border: 1px solid #303231a1;
   margin-bottom: 14px;
}

.goalLineHeading {

   font-size: 20px;

   margin-bottom: 30px;
}

.goalLineQuestion {
   font-size: 18px;
   padding-left: 40px;
}

.goalLineQuestion i {
   color: #427d38;
}

.goalLineExplanation {
   padding-left: 127px;
}

.goalLineExplanation i {
   color: #93688d;
}

.temporary_container {
   background: blue;
   z-index: 400;
   border: 6px solid green;
   position: fixed;
   height: 188px;
   left: 337px;
   overflow: hidden;
   width: 800px;
   z-index: 0;
   left: -4000px;
}

.tableContentsCount {
   display: inline-block;
}

.ksCopyPageGetOrder,
.ksCopyPageToggleImages {
   cursor: pointer;
   top: unset;
   background: #6e5577;
   bottom: 30px;
}

.ksCopyPageGetOrder {
   bottom: 78px;
   background: #272757;
}

.ksCardLine {
   border-bottom: 1px solid #80808057;
   margin-bottom: 8px;
}

.reorganizeTocLineItem {
   text-align: center;
   padding: 18px;
}

.reorganizeTocLineItem[data-active="yes"] {
   color: yellow;
   font-size: 16px;
}

#smallModuleList {
   position: absolute;
   top: -4px;
   z-index: 11;
   /* padding: 18px; */
   background: #0f0c0f;
   font-size: 15px;
   border: 1px solid #4c4c4c;
   width: 96%;
   left: 2%;
   display: none;
}

#classes_topBar,
#classes_topBarTwo,
#classes_searchBox,
#classes_mainArea,

#classes_bottomBar {
   border: 1px solid #80807a;
   min-height: 30px;
   /* margin-bottom: 5px; */
   position: relative;
   width: 100%;
}

#classes_topBarTwo {
   height: 40px;
}

#classes_sidebar {
   position: relative;
   height: 100%;
   border: 1px solid yellow;
   width: 150px;
   display: inline-block;
   vertical-align: top;
   font-size: 16px;
}

#classes_mainAreaInner {
   height: 100%;
   width: 50%;
   border: 1px solid #00ffff85;
   display: inline-block;
   vertical-align: top;
   width: calc(100% - 150px);
   position: relative;
   font-size: 16px;
}

#classes_topBar {
   height: 70px;
   border: 1px solid #00ffff5e;
}

#classes_logo {
   border: 1px solid #ffff002b;
   position: absolute;
   right: 0;
   padding: 6px;
   font-size: 36px;
   font-family: "Lobster Two", cursive;
   color: #5cacc6;
}

#classes_bottomBar {
   /* position: absolute; */
   bottom: 0;
   width: 100%;
   background: #0e0f20;
   height: 50px;
}

#codingClasses {
   position: fixed;
   width: 100%;
   bordeR: 1px solid #34a7ae;
   height: 100%;
   left: 0;
   top: 0;
}

#classes_searchBox {
   background: #06063a;
   border: 1px solid #80808057;
   width: 172px;
   outline: none;
}

#smallModuleListTitle {
   background: black;
   text-align: center;
   position: relative;
   height: 30px;
   line-height: 30px;
   font-size: 19px;
}

#classes_mainArea {
   height: calc(100% - 160px);
   font-size: 0px;
}

.moduleListingClose {
   position: absolute;
   cursor: pointer;
   right: 21px;
   top: 10px;
}



/*.oneSmallModuleItem {
   background: #000000;
   border: 1px solid #363535;
   padding: 5px;
   margin: 4px;
   margin-bottom: 10px;
   display: inline-block;
   color: lightblue;
}*/

.oneSmallModuleGroup {
   background: #1c212b;
   border: 1px solid black;
   /* padding: 4px; */
   margin-bottom: 15px;
   margin: 14px;
}

.oneSmallModuleGroupTitle {
   /* border: 1px solid #6a7272; */
   display: inline-block;
   /* width: 213px; */
   padding: 4px;
   background: #0a2241;
   text-align: center;
   display: block;
   font-size: 21px;
   border-bottom: 2px solid black;
   margin-bottom: 4px;
}

.oneSmallModuleGroup:nth-child(even) .oneSmallModuleGroupTitle {
   background: #263a53;


}

.oneSmallModuleGroup:nth-child(even) {
   background: #1b2735;
}

.oneSmallModuleGroup .smallItemMetaOnly {
   display: none;
}


.ksCardLine i {
   margin-right: 12px;
   font-size: 12px;
}

.landingRowScreenshotContainer img {
   border: 1px solid yellow;
   /* filter: hue-rotate(175deg) saturate(88%) opacity(90%); */
}

#variousLandingVids .landingRowScreenshotContainer img {
   border: none;
   width: 100%;
   cursor: pointer;
}

#ksCopyInner {
   border: 3px solid #4f5959;
   width: 98%;
   height: 99%;
   overflow-y: auto;
}

#ksCopyMainTitle {
   font-size: 24px;
   text-align: center;
   /* border: 2px solid yellow; */
   margin: 8px;
   padding: 6px;
}

.ksCopySubtitle {
   padding: 4px;
   margin: 2px;
   text-align: center;
   border: 1px solid lightgray;
}

.vidAndPledgedSection {
   border: 1px solid magenta;
   height: 370px;
}

.backedSection,
.tableOfContents,
.storySection {
   display: inline-block;
   width: 30%;
   border: 1px solid #080808;
   vertical-align: top;
}

.storySection {
   border: 1px solid cyan;
}

#ksCopyInner[data-contentsposition="fixed"] .tableOfContents {
   position: fixed;
   top: 11px;
}

#ksCopyInner[data-contentsposition="fixed"] .storySection {
   margin-left: 25%;
   width: 51%;
}

#ksCopyInner[data-contentsposition="fixed"] .tableOfContents {
   width: 23%;
   border-bottom: 4px solid #0072ff;
   height: 95%;
   overflow-y: auto;
}

#ksCopyInner[data-contentsposition="relative"] .reorganizeToc {
   display: none;
}

#ksCopyInner[data-contentsposition="fixed"] .reorganizeToc {
   position: fixed;
   top: 109px;
   border: 1px solid #81b4b4;
   width: 20%;
   min-height: 211px;
   background: #0b1b39;
   padding: 8px;
   right: 76px;
}

.reorganizeTocLineTitle {
   background: black;
   text-align: center;
   border-bottom: 2px solid gray;

}

.reorganizeTocLine {
   bordeR: 1px solid gray;
   margin-bottom: 30px;
   background: #29303a;
}

.reorganizeTocLineButton {
   background: #050519;
   display: inline-block;
   margin: 4px;
   padding: 4px 8px;
   cursor: pointer;
   opacity: .4;
   border-bottom: 1px solid #00800000;
}

.reorganizeTocLineButton.active {
   opacity: 1;
   color: lightblue;
   border-bottom: 1px solid;
}



#ksCopyInner[data-contentsposition="fixed"] .backedSection,
#ksCopyInner[data-contentsposition="fixed"] .bannerSection,
#ksCopyInner[data-contentsposition="fixed"] .vidAndPledgedSection,
#ksCopyInner[data-contentsposition="fixed"] #ksCopyMainTitle,
#ksCopyInner[data-contentsposition="fixed"] .ksCopySubtitle {
   display: none;
}

.oneStoryContainerHeading {
   font-size: 24px;
   text-align: center;
   margin-bottom: 4px;
   /* border: 1px solid #d3d3d340; */
   position: relative;
   background: black;
   height: 50px;
   line-height: 50px;
}

.storyInnerContainer {
   border: 1px solid #5a5a5a1a;
}


.storyInnerContainer .oneStoryContainer:first-child .moveUp {
   display: none;
}

.storyInnerContainer .oneStoryContainer:last-child .moveDown {
   display: none;
}

.storyHeadingMoveSection {
   position: absolute;
   bottom: 4px;
   right: 0;
}

.oneStoryContainerHeading[data-meta="story"] .storyHeadingMoveSection {
   display: none;
}

.storyHeadingMoveButton {
   display: inline-block;
   font-size: 16px;
   cursor: pointer;
   color: cyan;
}

.storyHeadingMoveButton:hover {
   color: lightblue;
}

.oneStoryContainerInner {
   padding: 6px;
}

.oneStoryContainerInner[data-meta="goal"] {
   padding: 40px;
}

.storyValueLine {
   margin-bottom: 8px;
}

.oneStoryContainerImage {
   border: 2px solid #929283;
   position: relative;
   background: #07070f;
   min-height: 100px;
}

.oneStoryContainerImage img {
   width: 70%;
}

#ksCopyPage[data-copypageimages="off"] .oneStoryContainerImage img {
   visibility: hidden;
}

#ksCopyPage[data-copypageimages="off"] .oneStoryContainerImage {
   height: 14px;
   border: none;
   min-height: unset;
}

.tocLine {
   font-size: 17px;
   padding: 4px 0px;
   padding-left: 8px;
   cursor: pointer;
   border-bottom: 1px solid black;
   position: relative;
}

.toc_nice,
.moveHere {
   display: inline-block;
}

.moveHere {
   position: absolute;
   right: 0;
   color: #d9d97a;
   display: none;
   opacity: .4;
   top: 0;
}

.moveHere:hover {
   opacity: 1;
}

.tocLine[data-active="true"] {
   color: cyan;
   border-bottom: 1px solid;
}

.toc_nice:hover {
   color: #4eacca;

}

.backedSection {
   width: 26%;
}

.storySection {
   width: 43%;
   min-height: 700px;
}

.oneStoryContainer {
   border: 1px solid #080808;
   margin-bottom: 29px;
   background: #0b0b20;
   color: lightblue;
   line-height: 30px;
}

.backedSection {
   overflow: hidden;
}

.vidPledged_vid,
.vidPledged_pledged {
   width: 65%;
   display: inline-block;
   border: 1px solid green;
   overflow: hidden;
   vertical-align: top;
   position: relative;
}

.vidPledged_vid {
   height: 368px;
}

.vidPledged_vid img {
   position: absolute;
   width: 72%;
   /* height: 100%; */
}

.vidPledged_pledged {
   width: 33%;
}

.bannerSection {
   width: 100%;
   margin-top: 12px;
}

.bannerSection img {
   width: 100%;
}

.ks_card {
   background: #293e4b;
   /* padding: 12px; */
   margin: 12px;
   border: 2px solid black;
   display: none;
}

.notDoneLine {
   background: #453a58;
   padding: 6px;
   margin: 6px;
   display: inline-block;
   color: lightblue;
}

.ksCardTitle {
   background: #07174a;
   color: lightblue;
   text-align: center;
   padding: 8px;
   font-size: 20px;
}

.ks_card[data-complete="yes"] .ksCardTitle {
   background: #091b05;
}

.ksCardExplanation,
.ksCardPicture {
   background: #2f2b2c;
   height: 120px;
   width: 91%;
   /* bordeR: 2px solid cyan; */
   display: inline-block;
   vertical-align: top;
   margin-left: 2%;
   margin-bottom: 23px;
   margin-top: 12px;
   height: 520px;
}

.ksCardPicture {
   font-size: 21px;
   height: 200px;
   color: lightblue;
   width: 90%;
   height: 500px;
   overflow: hidden;
}

.ksCardPicture img {
   width: 100%;
}

.ksCardExplanation {
   background: #16052b;
   color: lightblue;
   padding: 8px;
   height: unset;
   background: none;
}

.ks_card[data-active="true"] {
   border: 3px solid #3368848c;
   color: #ffffff94;
   background: black;
   display: block;
   width: 89%;
   background: #000000;
}

.ks_card[data-complete="yes"] {
   background: #031918;
}

.landingRowScreenshotContainer {
   border: 2px solid yellow;
   position: relative;
   width: 63%;
   display: inline-block;
   /* max-height: 300px; */
   overflow: hidden;
}


#variousLandingVids .landingRowScreenshotContainer {
   border: none;


}


#modulePageScreenshotCaption,
#lightboxCaption,
.modulePageScreenshotCaption,
.landingRowScreenshotCaption,
.landingRowScreenshotInfo {
   position: absolute;

   z-index: 15;
   color: yellow;
   border: 1px solid yellow;
   padding: 10px;
   top: 270px;
   right: 70px;
}

#modulePageScreenshotCaption,
#lightboxCaption,
.modulePageScreenshotCaption,
.landingRowScreenshotContainer .landingRowScreenshotCaption,
.landingRowScreenshotContainer .landingRowScreenshotInfo {
   font-size: 15px;
   color: lightblue;
   border: 1px solid lightblue;
   top: 107px;
   background: black;
}




.landingRowScreenshotContainer .landingRowScreenshotCaption,
#page[data-finalstatus="final"] .landingRowScreenshotInfo {
   display: none;
}

#landingTwoSlideshowCaption,
#lightboxCaption,
.modulePageScreenshotCaption,
.landingRowScreenshotContainer .landingRowScreenshotCaption {
   border: 3px solid rgb(0 0 0 / 78%);
   color: rgb(187 188 193);

   font-size: 20px;
   background: #0c0f24;
   background: #111217;
   top: unset;
   bottom: 45px;
   width: 490px;
   right: 12px;
   bottom: 12px;



   box-shadow: rgb(121 117 164) 3px 3px 10px;
   border: 1px solid rgb(187 188 193 / 48%);
   padding: 9px;




}

body.touch_landscape #lightboxCaption {
   display: none;
}

body.touch_landscape .modulePageScreenshotCaption {
   display: none;
}

#lightbox.recording #lightboxCaption {
   width: 28%;
   max-width: unset;
   padding: 7px;
   font-size: 13px;
   right: 50px;
   box-shadow: none;
   background: black;
   border: 1px solid #212020;
}


#page[data-finalstatus="final"] .landingRowScreenshotCaption {
   display: block;
}




#variousLandingVids {
   /* border: 2px solid cyan; */
   /* padding-top: 80px; */
   position: relative;
}

#variousLandingVids[data-imagetype="video"] {
   /* border: 4px solid #75c84d; */
}

#variousLandingVids[data-imagetype="screenshots"] {
   /* border: 4px solid #db64c5; */
}

.variousLandingVidsCaption {
   background: #0e1127;
   font-size: 23px;
   text-align: center;
   margin-bottom: 5px;
   padding: 8px 0px;
   color: #d1d1d1;
}

.variousLandingVidsCaption i {
   font-size: 20px;
   line-height: 37px;
}

#variousLandingVids .newPointsArea {
   /* border: 1px solid #3e9da2; */
}

.plyr__control--overlaid img {
   filter: hue-rotate(35deg) saturate(88%) opacity(90%);


}

.extraFeatureFinalInfo {
   positioN: relative;
   top: 0;
   font-size: 14px;
   padding: 12px;
   opacity: 0.8;
   color: white;
   display: none;
}

.landingRowVideoContainer .oneVideoActualName {
   background: #030620;
   color: #b9bcc8;
}

.callToActionLine {
   /* border: 1px solid #ff00ff3d; */
}

#slideshowBar,
#sampleBottomBar {
   position: relative;
   bottom: 0;
   background: #0e223c;
   width: 100%;
   left: 0;
   height: 223px;
   color: #a8b2b5;
   font-size: 30px;
   padding-top: 7px;
   /* padding-left: 15px; */
   border: 1px solid #191e38;
   /* margin-top: 10px; */
   overflow: hidden;
   border-top: none;
   /* padding-bottom: 200px; */
}

.slideshowBarTasks {
   font-size: 20px;
}

.afterBarScrollDown {
   font-size: 24px;
   text-align: center;
   padding: 3px 0px;
   background: #191e38;
   opacity: .4;
   width: 70px;
   position: absolute;
   right: 0;
   cursor: pointer;
   transition: .3s opacity, .3s background;
}

.afterBarScrollDown:hover {
   opacity: 1;
}

#page[data-finalstatus="final"] .slideshowBarTasks {
   display: none;
}

.slideTitle {
   font-size: 20px;
   text-align: center;
   margin-bottom: 8px;
   background: #191e38;
   background: #121629f0;
   color: #afd5e2;
   font-family: 'Lobster Two';
   position: relative;
   transition: .3s background;
}

.afterBarScrollDown[data-type="features"],
#slideshowBar[data-type="features"] .slideTitle {
   background: #091a33;
}

.slideTitleText {
   display: inline-block;
}

.slideshowPickerButton {
   display: inline-block;
   cursor: pointer;
   background: #07072469;
   margin-right: 8px;
   padding: 4px;
   font-family: arial;
   font-size: 15px;
   position: absolute;
   right: 4px;
   color: lightgray;
   top: 2px;
   opacity: .5;
   transition: .3s opacity;
}

.slideshowPickerButton:hover {
   opacity: .8;
}

.slideshowPickerButton[data-type="modules"] {
   right: 100px;
}

#slideshowBar[data-type="modules"] .slideshowPickerButton[data-type="modules"] {
   opacity: 1;
}

#slideshowBar[data-type="features"] .slideshowPickerButton[data-type="features"] {
   opacity: 1;
}

#slideshowBar {
   background: #14192400;
   font-size: 0;
   /* border: 1px solid white; */
}

.slideshowBarTitle {
   position: absolute;
   right: 0;
   bottom: 0;
   font-size: 14px;
   background: black;
   padding: 4px;
   opacity: .6;
}

#page[data-finalstatus="final"] .slideshowBarTitle {
   display: none;
}

.slideshowBarLeft,
.slideshowBarRight {
   background: black;
   position: relative;
   padding: 0px 17px;
   color: #c2c0c0;
   cursor: pointer;
   /* left: 15px; */
   /* right: unset; */
   /* top: 4px; */
   display: inline-block;
   font-size: 40px;
   height: 128px;
   line-height: 128px;
   color: lightblue;
   cursor: pointer;
   /* border: 1px solid #add8e62e; */
   border-bottom: none;
   opacity: .6;
   transition: .3s opacity;
}

.slideshowBarLeft:hover,
.slideshowBarRight:hover {
   opacity: 1;
}

#page[data-finalstatus="final"] .slideShowBarLeft,
#page[data-finalstatus="final"] .slideShowBarRight {
   border: none;
}

.slideshowBarLeft i,
.slideshowBarRight i {
   line-height: inherit;
   cursor: pointer;
}

.slideshowBarRight {
   /* right: 0; */
   /* left: unset; */
}

.secondSlideshowBarContentInner,
.slideshowBarContent {
   position: relative;
   /* top: 4px; */
   background: #000000;
   /* left: 94px; */
   width: calc(100% - 120px);
   font-size: 25px;
   overflow: hidden;
   vertical-align: top;
   white-space: nowrap;
   height: 141px;
   padding-top: 0;
   display: inline-block;
   /* border: 1px solid yellow; */
}

.secondSlideshowBarContentInner,
.slideshowBarContentInner {
   width: 100%;
   overflow: hidden;
   /* transition: .7s transform; */
   width: 100%;
   display: inline-block;
   vertical-align: top;
   /* border: 1px solid green; */
   /* height: 39px; */
   margin: 0;
   position: relative;
   left: 0;
   font-size: 12px;
}

.slideObjPos {
   display: inline-block;
   opacity: 1;
   /* display: none; */
   font-size: 22px;
   positioN: absolute;
   display: none;
}

.slideObjInfo {
   display: inline-block;
   bordeR: 1px solid #8123b11c;
   vertical-align: top;
   /* height: 78px; */
   overflow: hidden;
   width: 36%;
   font-size: 16px;
}

.slideObjInfo[data-position="1"] {
   margin: 0% 9%;
}


.slideObjTitle,
.slideObjDescription {
   /* border: 1px solid #0080001c; */
   display: block;
   vertical-align: top;
}

.slideObjDescription br {
   line-height: 6px;
}

.slideObjTitle {
   text-align: center;
   /* margin-bottom: 3px; */
}

.slideObjTitle {
   /* margin: 0px 3px; */
   font-size: 19px;
   font-weight: 600;
   background: #081a38;
   background: #010916;
   padding: 3px 0px;
}

#slideshowBar[data-type="features"] .slideObjTitle {
   background: #1f2a40;
}

.slideObjDescription {
   /* width: 300px; */
   white-space: normal;
   overflow: hidden;
   padding: 0px 14px;
   color: #5aa8c0;
   font-size: 17px;
   background: #191a27;
   background: #0d0e16;
   height: 102px;
   /* border: 1px solid gold; */
}



#slideshowBar[data-type="features"] .slideObjDescription {
   font-size: 15px;
   background: #171821;
   color: lightblue;
}

.slideObjDescriptionInner {
   /* border: 1px solid #00ffff45; */
}

.secondSlideshowBarContentInner {}


.glossaryBottomBarTabs[data-location="top"] {
   display: none !important;
}

.featureSummaryDisplayStatus[data-type="features"] {
   width: unset;
}

.glossaryOptionsCog {
   display: none;
}

.secondGlossaryOptionsCog {
   /* visibility: hidden; */
   display: none;
   font-size: 18px;
}



#glossaryVideoLocation,
#playbackSpeedSection,
.featureSummaryDisplayStatus,
#overlayOnPauseSection,
.glossaryElementContainer {
   font-size: 14.5px;
}

#page #actualGlossaryOptions i {
   font-size: 11px;
}

#page #actualGlossaryOptions {

   margin-left: 30px;

   padding-left: 8px;
}

#indiegogoClone,
#discordClone {
   /* border: 1px solid green; */
   display: none;
}



#glossaryPage[data-options="shown"] #actualGlossaryOptions {
   background: #13101480;
   /* border: 1px solid #ffff0026; */
}

#glossaryOptionsSection,
.glossaryBottomBarTabs {
   display: none;
}

body.touch_landscape .glossaryBottomBarTabs {
   padding: 0;
   text-align: left;
}

.landingRowVideoContainer .oneVideo {
   width: 100%;
   margin: 0;
   border: none;
}

#page[data-glossarytype="main"] #glossaryOptionsSection,
#page[data-glossarytype="main"] .glossaryBottomBarTabs {
   display: block;
}

body.touch_landscape #glossaryOptionsSection {
   height: 36px;
}

.glossaryNavSelectArea {
   right: 18px;
}


#page[data-glossarytype="landing"] .glossaryPreviousNext,
#page[data-glossarytype="article"] .glossaryPreviousNext,
#page[data-glossarytype="landing"] .glossaryNavSelectArea,
#page[data-glossarytype="article"] .glossaryNavSelectArea {
   display: none;
}

body.touch_portrait .glossarynavSelectArea {
   /* border: 1px solid cyan; */
   position: relative;
   display: block;
   right: unset;
   height: unset;
   overflow: hidden;
   padding-top: 5px;
   padding-bottom: 5px;
}

body.touch_portrait .loadMoreSelectArea {
   height: 38px;
   line-height: 35px;
   border: none;
   background: #292937;
}

.combinedVideoArea {
   border: 1px solid black;
}

#sidebarClickArea .glossaryOptionTitle {
   margin-right: 5px;
}


#combinedLoadMoreDropdown option[value="Element inspector"] {
   /* display: none; */
}

.glossaryCurrentCountDiv,
.glossaryMainCountDiv {
   display: inline-block;
}

.windowMeasurementMove,
.windowMeasurementToggle {
   position: absolute;
   font-size: 10px;
   right: 0;
   top: 6px;
   opacity: 0.7;
   color: lightblue;
}

.windowMeasurementMove {
   right: 40px;
   color: #cbe7f2;
   cursor: pointer;
}

.oneHelpButton.toggleHelp {
   height: 32px;
   line-height: 32px;
   opacity: .7;
   color: lightblue;

}

#page.isMobile .actualGlossaryTabs .oneHelpButton {
   line-height: 51px;
   display: none;
}

.modulePageMainVideo {
   border: 1px solid #7d899e2e;
}


.thirdSummaryLoc[data-imagetype="screenshots"] .modulePageMainVideo,
.thirdModuleLoc[data-imagetype="screenshots"] .modulePageMainVideo {
   border: 1px solid red;
   display: none;
}

.modulePageScreenshot {
   display: none;
}

.thirdSummaryLoc[data-imagetype="screenshots"] .modulePageScreenshot,
.thirdModuleLoc[data-imagetype="screenshots"] .modulePageScreenshot {
   display: inline-block;

   width: 66%;
   overflow: hidden;
   position: relative;
}

body.touch_landscape .thirdSummaryLoc[data-imagetype="screenshots"] .modulePageScreenshot,
body.touch_landscape .thirdModuleLoc[data-imagetype="screenshots"] .modulePageScreenshot {
   width: 49%;
}

.modulePageScreenshot[data-hasimage="true"] .modulePageScreenshotInfo {
   background: #05021c;
   height: 380px;
   width: 587px;
   overflow: hidden;
   color: #70868e;
   display: none;
}

.modulePageScreenshot img {
   width: 100%;
   cursor: pointer;
}

.modulePageScreenshotInfo {
   font-size: 25px;
   color: #b6a135;
   position: absolute;
   z-index: 8;
   border: 1px solid #b6a13570;
   padding: 12px;
   top: 63px;
   left: 20px;
   right: unset;
   width: 94%;
   font-size: 18px;
}

.modulePageLoadMoreButton,
.modulePageLoadMoreSelectAreaOne,
.modulePageLoadMoreSelectAreaTwo,
.modulePageLoadMoreSelectAreaThree,
.modulePageLoadMoreSelectAreaFour {
   background: #252c48;
   padding-left: 8px;
}

.modulePageLoadMoreButton {
   background: #1e2953;
   padding-right: 8px;
   color: #a5bfc7;
}

body.touch_portrait .modulePageLoadMoreButton {
   font-size: 22px;
   vertical-align: top;
   height: 38px;
   line-height: 33px;
   border: none;
}

#page.isMobile .loadFromSelect {
   height: 38px;
   line-height: 38px;
   border: none;
}

.oneGlossaryBottomBarTab[data-type="combined"] {
   background: #232c39;
}

.glossaryBottomBarTabsInner {
   text-align: left;
   padding-left: 15px;
}

body.touch_landscape .glossaryBottomBarTabsInner {
   display: inline-block;
   width: unset;
   /* border: 2px solid green; */
   /* width: 124px; */
   overflow: hidden;
   white-space: nowrap;
}

.keyCodeDisplay,
.keyHintRow .keyGroup {
   display: none;
}

.keyHintRow.allKeys[data-actualkey="Ctrl + 5"],
.keyHintRow.allKeys[data-actualkey="Ctrl + 4"] {
   display: none;
}


#kb_print #filterSearchInput {
   width: calc(100% - 158px);
   outline: none !important;
}

body.touch_portrait #kb_print #filterSearchInput {
   width: calc(100% - 200px);
   border: none;
   outline: none;
}

.hoverHelp.kb {
   display: none;
}

#kb_print .keyHelp {
   padding-top: 8px;
}





#newKBPrintTitle {
   display: none;
}

#kb_print #filterSearchSection {
   background: #1f233f;
}

#kb_print .filterSearchButton {
   background: black;
   padding: 0px 5px;
   width: unset;
}

.kbPrintButton {
   visibility: visible;
   top: 33px;
   right: 8px;
   position: absolute;
   color: lightblue;
   background: #042c1e !important;
   z-index: 15;
   font-size: 17px;
   cursor: pointer;
   min-height: 24px;
   line-height: 20px;
   padding: 3px;
}


#kb_print #filterSearchSection {
   max-width: 358px;
   outline: none !important;
   right: 7px;
   bottom: -6px;
}

body.touch_portrait #kb_print #filterSearchSection {
   font-size: 20px;
   right: 39px;
   max-width: 400px;
   border: none;
}

body.touch_portrait .cc_filter_button {
   font-size: 17px;
   border: none;
}

#page[data-bottombarshown="yes"] #newKBContainer {}

#page[data-bottombarshown="no"] #newKBContainer {}

#page[data-bottombarshown="no"] #alt_feature_admin_bar,
#page[data-bottombarshown="no"] #glossaryBottomBar {
   display: none;
}


.keyHintRow.allKeys[data-actualkey="printscr"] {
   display: none;
}

.alt_glossary_admin_button {
   display: inline-block;
   background: #334658;
   padding: 3px;
   cursor: pointer;
   margin-right: 10px;
   margin-left: 20px;
}

#page #kb_print #keyboard_shortcuts {
   height: 99%;
   /* border: 3px solid #90b0a7; */
   position: relative;
   padding-bottom: 60px;
   border: 1px solid black;
}

body.touchscreen #kb_print #keyboard_shortcuts {
   border: none !important;
}

.marignReminderText.tasks {
   opacity: .9;
}




.alt_glossary_admin_button.loadAllGroups {
   background: #0d2b0d;
   display: none;
}

#page[data-glossarytype="main"] .loadAllGroups {
   display: inline-block;

}

.aceInputTitle {
   position: relative;
   background: black;
   display: inline-block;
   width: 176px;
   overflow: hidden;
   float: right;
   bottom: -10px;
}

.mainGlossarySearchTItle i {
   line-height: 36px;
}

.glossarySidebarToggle i {
   line-height: 30px;
}

.newExplanation {
   /* border: 2px solid yellow; */
}

#sidebarClickArea {
   display: none;
   margin-right: 40px;
   /* border: 1px solid green; */
}

.glossaryPageHideHelpButtons {
   /* background: #023102; */
}

.moreGlossaryHelp {
   border: 1px solid #ffff0036;
   visibility: hidden;
   display: none;
}


.sidebarClickHide,
.sidebarClickStayOpen {
   cursor: pointer;
   display: inline-block;
   /* border: 1px solid yellow; */
   width: 116px;
   text-align: center;
}

.sidebarClickStayOpen {
   display: none;
}

#glossaryPage[data-sidebarclickstatus="stayOpen"] .sidebarClickHide {
   display: none;
}

#glossaryPage[data-sidebarclickstatus="stayOpen"] .sidebarClickStayOpen {
   display: inline-block;
}

.toggleFinal {
   background: #4e1438;
   display: inline-block;
   padding: 4px;
   margin: 6px;
   cursor: pointer;
}



#featureSets {
   border: 2px solid #8fc86785;
   /* border: 7px solid yellow; */
   background: #0f0c0f;
   /* padding-top: 40px; */
   position: relative;
   height: 100%;
   overflow-y: auto;
}

.tooltipToggle {
   background: #23234c;
   padding: 4px;
   display: inline-block;
   margin-left: 5px;
   color: lightblue;
   cursor: pointer;
}

#functionMessageSection {
   width: 95%;
   border: 2px solid #88887e;
   background: black;
   color: rgb(196, 190, 190);
   text-align: center;
   opacity: .4;
   transition: .3s opacity;

}

#findReplaceOverlay {
   z-index: 80;
   positioN: fixed;
   top: 0;
   left: 0;
   width: 70%;
   height: 100%;
   background: #212334e3;
}

.pageCoverTwo {
   z-index: 80;
   positioN: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #1f223b;
   padding: 150px;
}


#ccFindReplace {
   border: 3px solid blue;
   width: 50%;
   margin-left: 10%;
   margin-top: 10%;
   position: fixed;
   padding-bottom: 18px;
   background: black;
}

.ccFindReplaceLine {
   margin: 12px;
   background: #21493e;
}

.findReplaceLabel {
   background: maroon;
   position: absolute;
   right: 0;
}

#toggleGlossaryFullWidth,
#toggleNewGlossaryPage {
   background: #210429;
   position: fixed;
   bottom: 18px;
   left: 18px;
   border: 1px solid #627378;
   color: lightblue;
   cursor: pointer;
   z-index: 1400;
   padding: 8px;
   display: none;

}

#toggleGlossaryFullWidth {
   left: 500px;
   background: blue;
}

#jsInfo {
   position: fixed;
   background: black;
   top: 0;
   overflow: hidden;
   right: 0;
   width: 26%;
   text-align: center;
   margin-bottom: 20px;
   border: 2px solid green;
   overflow-y: auto;
   height: 67%;
   font-size: 20px;
   line-height: 31px;
   z-index: 44;
   top: 80px;
}

#jsInfo.shrink {
   width: 22%;
   right: 74px;
}



.noselect {
   -webkit-touch-callout: none;
   /* iOS Safari */
   -webkit-user-select: none;
   /* Safari */
   -khtml-user-select: none;
   /* Konqueror HTML */
   -moz-user-select: none;
   /* Firefox */
   -ms-user-select: none;
   /* Internet Explorer/Edge */
   user-select: none;
   /* Non-prefixed version, currently
                               supported by Chrome and Opera */
}

body {
   background: #000000;
   color: white;
}

#functionFactoryPageInner {
   width: 54%;
   border: 4px solid rgb(8, 70, 128);
   height: 100%;
   overflow-y: auto;
}

#codeCreate {
   border: 3px solid pink;
   padding: 7px;
   width: 100%;
}

#firstDiv {
   border: 3px solid black;


   width: 100%;
   min-height: 70px;
}

.divButton {
   background: black;
   color: white;
   margin: 23px;
   padding: 5px;
   display: inline-block;
   cursor: pointer;
}



#firstDiv .ui-button-icon-only .ui-icon {
   margin-left: -4px;
}




#firstDiv {
   border: 2px solid rgb(63, 5, 5);
}



#aceTheme {
   background: #3e074c;
   color: white;
   padding: 8px;
   border: 2px solid #545454;
   margin: 6px;
   border: 2px solid #61317c;
}







#allModuleCheckboxes {
   display: none;
}














.functionFactoryInfo {
   border: 2px solid yellow;
   width: 50%;
}






.createFunctionButton {
   background: darkgreen;
}

.functionCreationBody {
   border: 3px solid orange;
   position: relative;

}

.functionCreationBodyInner {
   border: 3px solid cyan;
   background: rgb(63 58 62);
   padding: 7px;
}



.functionTypeButtons {
   background: #101527;
   border: 1px solid lightgray;
   position: fixed;
   right: 0;
   bottom: 0;
   width: 45%;
   height: 30%;
}

.functionTypeTitle {
   background: #2c365a;
   height: 28px;
   line-height: 28px;
   text-align: center;
}

.functionTypeTitle.firstArea {
   position: relative;
   /* right: 18px; */
   /* top: 18px; */
   height: 40px;
   line-height: 40px;
   /* width: 230px; */
   background: #5e4e6d;
   font-size: 20px;
   /* widtH: 95%; */
}


.oneFunctionFactoryFeature {
   border: 1px solid green;
   background: rgb(2, 2, 66);
   margin: 6px;
   width: 55%;
}

.functionFactoryFeatureTitle {
   background: black;
   text-align: center;
}

.functionCreationTypeButton {

   background: black;

   padding: 6px;

   margin: 6px;

   cursor: pointer;

   display: inline-block;

   width: 118px;

   text-align: center;

   padding-left: 13px;
}




.functionCreationTypeButton {
   border: 1px solid dimgray;
   text-transform: capitalize;
   position: relative;
}

.functionCreationTypeButton.activeButton {
   background: rgb(10, 83, 32);
   border: 1px solid cyan;
}

.functionButtonShortcut,
.functionButtonPercentage {
   position: absolute;
   right: 2px;
   height: 12px;
   width: 12px;
   text-transform: capitalize;
   font-size: 10px;
   top: 6px;
   background: darkblue;
   border: 1px solid white;
}

.functionButtonPercentage {
   background: #471741;
   left: 2px;
   /* padding: 2px; */
   height: 20px;
   width: 20px;
   opacity: .4;
   padding-top: 3px;
}

.functionConsoleSection {
   border: 2px solid pink;
   padding: 8px;
}

#functionConsole {
   background: black;
   color: lightblue;
   border: 1px solid lightgray;
}

.functionCreationModule {
   background: #040831;
   border: 3px solid #353535;
   padding: 6px;
   /* padding-top: 50px; */
}

.functionInputTitle {
   display: inline-block;
   background: #324044;
   width: 96px;
   text-align: left;
   padding-left: 8px;
   position: absolute;
   right: 0;
   overflow: hidden;
   top: 0;
}

.functionCreationLines[data-type="switch"] .functionInputTitle {
   left: unset;
   right: 120px;
   opacity: 0.9;
}



.functionCreationLines[data-type="if"] .functionInputTitle {
   left: 0;
   right: unset;
   top: unset;
   bottom: 5px;
}

.oneFunctionLineCover {
   background: black;
   opacity: .8;
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
}

.commentEndInnerYes,
.commentEndInnerNo {
   display: inline-block;
}

.functionConsoleSection {
   border: 3px solid teal;
   background: rgb(62 58 64);
   padding: 6px;
}

#functionResult {
   height: 170px;
   width: 200px;
   background: black;
   color: lightgray;
   vertical-align: top;
}

.functionCreationBodyInner input,
.functionCreationBodyInner textarea {
   background: black;
   color: white;
   border: 1px solid #676666;
   width: 300px;
   /* margin-left: 30px; */
}


.oneFunctionCreationLine input {
   width: 200px;
   border: 1px solid purple;
   height: 28px;
   border: 1px solid #a59898;
   padding-left: 5px;
}

.oneFunctionCreationLine input:disabled {

   background: #171616;
   color: #525252;
}

.createFunctionToggle {
   border: 1px solid black;
   background: #176f16;
   display: inline-block;
   margin: 3px;
   padding: 4px;
   cursor: pointer;
   opacity: .7;
}










#lightbox {
   positioN: fixed;
   height: 100%;
   padding: 0;
   z-index: 25555;
   background: #02040de8;
   top: 0px;
   /* border: 0px solid yellow; */
   width: 100%;
   display: none;
}

body.touch_portrait #lightbox {
   padding-top: 60px;
}

#lightbox.recording.normalTransition {
   background: #010101;
   padding-top: 25px;
}

#lightbox.highlight {
   background: black;
}

body[data-glossaryfullwidthstatus="off"] #lightbox {
   width: 74%;
   border: 2px solid yellow;
   overflow: hidden;
}


#lightboxTitle,
#lightboxText {
   width: 86%;
   margin-left: 7%;
   margin: 0 auto;
}



#lightboxTitle {
   background: #181c39;
   position: relative;
   margin-top: 25px;
   left: 0;
   border: 1px solid #0f0f0f;
   height: 44px;
   line-height: 44px;
   text-align: center;
   font-size: 24px;
   color: lightblue;
   border-bottom: 1px solid #27272794;
}

#page[data-showingintroslideshow="yes"] #lightboxTitle {
   
width: 64% !important;
   
max-width: 800px;
}

.lightboxAutoplaySettings,
.lightboxClose {
   position: absolute;
   top: 0;
   right: 15px;
   cursor: pointer;
   color: #acbfc1;
   font-size: 16px;
}

.lightboxAutoplaySettings {
   right: unset;
   left: 5px;
   opacity: .7;
}

#lightboxControl {
   position: absolute;
   right: 10px;
   bottom: 10px;
   z-index: 444;
   background: #181c39;
   padding: 0;
   border: 1px solid #364356;
   height: unset;
   width: unset;
   display: none;
}



.lightboxControlTitle {
   position: relative;
   height: 38px;
   line-height: 36px;
   text-align: center;
   background: black;
   color: #b9cacf;
}

.lightboxControlDebugTitle {
   position: absolute;
   right: 5px;
   bottom: 5px;
   padding: 2px;
   background: #4b2323;
   color: white;
   display: none;
}

.lightboxControlMinimize {
   position: absolute;
   top: 0;
   right: 15px;
   border: 1px solid white;
   cursor: pointer;
   color: lightblue;
   border: none;
}

.lightboxButtonsRow {
   /* border: 2px solid #455151cf; */
   /* margin-bottom: 8px; */
   padding: 8px;
}

.lightboxTimeArea,
.lightboxTimeTitle {
   display: inline-block;
}

.lightboxTimeTitle {
   padding: 4px;
}

.lightboxTimeArea {
   border: 1px solid #ccccc81f;
   background: black;
   color: lightblue;
   margin-right: 12px;
   /* padding: 4px; */
}


#lightboxAutoMoveTime {
   width: 49px;
   background: #202737;
   margin-left: 8px;
   border: 1px solid black !important;
   color: lightblue;
   padding: 4px 0px;
   padding-left: 3px;
   outline: none !important;
}

.lightboxTenMoreSeconds,
.lightboxWaitForScrollArea,
.lightboxAutoplayToggle,
.lightboxPresentationPause,
.lightboxMoveButton,
.lightboxStatus {
   cursor: pointer;
   display: inline-block;
   border: 1px solid #0000004a;
   background: #0d0d16;
   padding: 4px;
   color: lightblue;
   margin-right: 12px;
}

.lightboxButtonsRow .lightboxMoveButton {
   display: none;
}

.lightboxStatus {
   color: #bfbf29;
   cursor: default;
}

.lightboxAutoPlayToggle {
   width: 55px;
   text-align: center;
}

.autoplayStatusWord {
   display: inline-block;
   color: #bc9bc9;
}

#lightboxImage {
   /* margin-top: 97px; */
   background: #1c2e3d;
   height: unset;
   /* margin-bottom: 15px; */
   border: 1px solid #0000003b;
   background: black;
   /* border: 2px solid green; */
}

#page[data-showingintroslideshow="yes"] #lightboxImage {
   width: 830px;
}

#page[data-showingintroslideshow="yes"] #lightboxImage img {
   width: 100% !important;
   height: unset !important;
}

#page[data-showingintroslideshow="yes"] #lightboxImage,
#page[data-showingintroslideshow="yes"] #lightboxTextArea,
#page[data-showingintroslideshow="yes"] #lightboxCaption {
   display: none;
}

#page[data-showingintroslideshow="yes"] #lightboxImageContainer {
   height: unset !important;
   width: 100% !important;
}


#page[data-showingintroslideshow="no"] #introSlideshowArea {
   display: none;
}
#introSlideshowArea {
   /* border: 3px solid purple; */
   width: 100%;
   height: calc(100% - 160px);
   overflow: hidden;
}

#introSlideContainer img{
   /* border: 2px solid #c38bba; */
}
#lightbox.highlight #lightboxImage {
   margin-top: 40px;
   border: none;
}

#lightboxImage img {
   width: 100%;
}

#introslideshowArea img {
   display: none;
   width: 64%;
   /* margin-left: 18%; */
   max-width: 800px;
}

body.touch_landscape #lightboxImage img {
   height: unset !important;
   width: 100% !important;
}

#lightboxText {
   width: 86%;
   border: 1px solid #22252299;
   background: #000000;
   height: 295px;
   overflow: hidden;
   font-size: 14px;
   padding-left: 10px;
   padding-top: 5px;
   margin-top: 33px;
   overflow-y: auto;
   color: lightblue;
   text-align: left;
}



body.touch_portrait #lightboxText {
   height: unset;

}

body.touch_landscape #lightboxTextArea {
   width: 358px !important;
}

body.touch_landscape #lightboxText {
   width: 355px !important;
   margin-top: 0;
   height: 77%;
}

#lightboxTextArea {
   position: relative;
   text-align: center;
}



body.touch_landscape #lightboxTextArea {
   display: inline-block;
   width: 189px;
   overflow: hidden;
   vertical-align: top;
   /* border: 1px solid magenta; */
}

#lightboxOverflowMessage {
   background: #131313;
   position: absolute;
   width: 86%;
   margin: 0 auto;
   /* margin-left: 7%; */
   top: 255px;
   height: 40px;
   border-top: 1px solid #d9d9c8;
   color: cyan;
   text-align: left;
   margin: auto;
   left: 0;
   display: none;
   right: 0;
}

#lightboxImageContainer {
   /* border: 1px solid yellow; */
   width: 86%;
   /* margin-left: 7%; */
   position: relative;
   overflow: hidden;
   margin: 0 auto;
   background: rgb(2, 2, 2);
}

body.touch_landscape #lightboxImageContainer {
   margin-left: 72px;
   /* border: 1px solid yellow; */
   height: unset !important;
   width: 474px !important;
   background: #000000ab;
   padding: 30px 0px;
   display: inline-block !important;
}

@media only screen and (max-height: 360px) {
   body.touch_landscape #lightboxImageContainer {
      padding: 0;
   }
}

#lightbox.recording #lightboxImageContainer {
   width: 80%;
   /* margin: 0 auto; */
}


#lightbox.recording #lightboxTitle,
#lightbox.recording #lightboxText {
   width: 80%;
   /* margin: 10%; */
}

#lightbox.recording #lightboxText {
   padding: 15px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-bottom: 0;
}

#lightbox.recording.normalTransition #lightboxText {
   border: 1px solid #4a545730;
   background: #0a0a13;
}

#lightbox.recording .newExplanationLine {
   padding: 7px 12px;
}



#lightbox.highlight #lightboxText {
   display: none;
}

.lightboxArrowLeft,
.lightboxArrowRight {
   /* border: 1px solid black; */
   position: absolute;
   bottom: 207px;
   padding: 14px;
   background: #00000029;
   cursor: pointer;
   font-size: 59px;
   color: lightblue;
   transition: .3s color;
   z-index: 18;
}

.lightboxArrowLeft:hover,
.lightboxArrowRight:hover {
   color: #dbe0e3;
}



.lightboxArrowRight {
   right: 4px;
}

#lightbox.recording.normalTransition .lightboxArrowRight,
#lightbox.recording.normalTransition .lightboxArrowLeft {
   background: none;
   display: none;
}




.createFunctionToggle[data-active="active"] {
   background: rgb(33 155 31);
   border: 3px solid #fdb964;
   opacity: 1;
}

.if_create_function_toggle,
.switch_create_function_toggle {

   background: #2a85a5;
}

.switch_break_function_toggle {
   background: dimgray;
}


.if_create_function_toggle[data-active="active"],
.switch_create_function_toggle[data-active="active"] {

   background: rgb(21 45 176);
   border: 3px solid #3671b9;

}

.switch_break_function_toggle[data-active="active"] {
   background: black;
}




.showCurrentFunctionType {
   background: black;
   border: 2px solid orange;
   padding: 4px;
}




codeCreate.functionCreationTypes[codeCreate.currentFunctionType]['statement'];

.commentLoopEnd .createFunctionToggle[data-active="active"] {
   background: rgb(117, 112, 39);
}




.oneFunctionCreationLine {
   position: relative;
   margin-bottom: 12px;
   border-bottom: 1px solid dimgray;
   padding-bottom: 3px;
   padding-left: 20px;
}

.functionCreationLines[data-type="switch"] .oneFunctionCreationLine {
   padding-bottom: 60px;
}

.oneFunctionCreationLineCover {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: rgb(53, 52, 52);
   opacity: .7;
   z-index: 4;
}

.phpDollarSign {
   display: inline-block;
   background: maroon;
   padding: 3px;
   color: #ffc254;
}

.timedVariableNameTitle {
   border: 1px solid white;
   display: inline-block;
   width: 200px;

}

.oneFunctionInputLineLabel {
   background: #15668e52;
   display: inline-block;
   width: 151px;
   border: 1px solid #00ffff3d;
}

#timedVariableName {
   /* width: 250px; */
}

.if_comment_end,
.switch_comment_end,
.switch_break {
   position: absolute;
   top: 0;
   border: 3px solid yellow;
   right: 0;
   cursor: pointer;
}

.switch_comment_end,
.switch_break {
   top: unset;
   bottom: 15px;
   border: 3px solid brown;
   padding: 6px;
   background: #32053b;
}

.switch_break {
   right: 200px;
   background: #8a2e67;
}

.switch_last_condition {
   border: 5px solid green;
   background: black;
   position: absolute;
   height: 43px;
   bottom: 0;
   overflow: hidden;
   width: 268px;
}

.lastSwitchConditionSection {
   border: 1px solid pink;
   margin: 3px;
   display: inline-block;
   opacity: .4;
   background: blue;
   padding: 3px;
   cursor: pointer;
}

.lastSwitchConditionSection[data-active="true"] {
   border: 3px solid pink;
   opacity: 1;
}

#sideAceContainer,
#functionInputContainerOne {
   border: 3px solid #5a5a5a;
   background: #2f2e33;
   height: 53%;
   width: 396px;
   display: inline-block;
   position: relative;
}

#functionInputContainerOne {
   height: 100px;
   width: 75%;
   border: 3px solid orange;
}


.functionCreateButtonSection {
   border: 3px solid purple;
   background: #1b1b1b;
   height: 802px;
}

#classes_searchArea {
   width: unset;
   position: absolute;
   border: 1px solid #d3d3d336;
   right: 70px;
}

.classes_search_area_title {
   display: inline-block;
   margin-right: 10px;
}

.divTitle {
   position: absolute;
   right: 0;
   bottom: 0;
   background: black;
   opacity: .4;
}

#codingClasses .divTitle {
   opacity: .3;
}

#classes_topBar .divTitle,
#classes_topBarTwo .divTitle {
   right: unset;
   left: 0;
}


#functionOutputArea,
#aceFunctionInputAreaOne,
.extraAceInnerClass {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   /*this to be set at 100, always */
}

#aceFunctionInputAreaOne {
   border: 4px solid cyan;

}

.withinFunctionPrint {
   border: 3px solid orange;
   background: black;
   padding: 4px;
}

.phpVersion {
   border: 5px solid #00a8ff;
}

.oneFunctionCreationLine .afterInput1,
.oneFunctionCreationLine .beforeInput1,
.oneFunctionCreationLine .afterInput2,
.oneFunctionCreationLine .beforeInput2,
.oneFunctionCreationLine .afterInput3,
.oneFunctionCreationLine .beforeInput3,
.before_input_if {
   display: inline-block;
   /* border: 1px solid green; */
}




.functionCreationLines[data-type="if"] .afterInput1,
.functionCreationLines[data-type="switch"] .afterInput2 {
   display: block;
   margin-top: 10px;
   border: 1px solid cyan;
}



.before_input_if {
   /* border: 3px solid purple; */
   min-width: 135px;
   text-align: right;
}



.beforeInput1 .ifPortion,
.beforeInput1 .elsePortion,
.beforeInput1 .elseIfPortion {
   display: inline-block;
   border: 1px dashed lightblue;
   margin-right: 8px;
   cursor: pointer;
   background: #a51a3f;
   padding: 3px;
   opacity: 0.4;
   width: 50px;
   text-align: center;
}

.elseIfPortion[data-disabled="true"] {
   border: none;
   background: none;
   opacity: 0.8;
   cursor: default;
}

.beforeInput1 .elsePortion[data-active="true"],
.beforeInput1 .elseIfPortion[data-active="true"] {
   opacity: 1;
   border: 1px solid lightblue;

}

.oneFunctionCreationLine .ifPortion {
   display: none;
}

.oneFunctionCreationLine[data-theinput="if1"] .ifPortion {
   display: inline-block;
   border: none;
   background: none;
   cursor: default;
   opacity: .8;
}

.oneFunctionCreationLine[data-theinput="if1"] .elseIfPortion,
.oneFunctionCreationLine[data-theinput="if1"] .elsePortion {
   display: none;
}

.caseManagementArea {
   border: 4px solid magenta;
}

.caseManagementInfo {
   border: 3px solid green;
   margin: 5px;
   background: #465012;
   padding: 7px;
}

.caseManagementDropdown {
   border: 2px solid white;
   margin: 5px;
   padding: 8px;
   background: #4e0e0e;
}

.caseManagementButtons {
   border: 2px solid yellow;
   margin: 3px;
   background: #35093e;
   padding: 8px;
}

.caseManagementDropdown select {
   background: black;
   color: lightgray;
}

.caseManagementButton {
   cursor: pointer;
   display: inline-block;
   background: rgb(109 71 21);
   padding: 6px;
   border: 2px solid lightgray;
   width: 72px;
   text-align: center;
}

.caseManagementButton.dropdown {
   border: 2px solid black;
}

.caseManagementButton.add {
   background: rgb(46, 20, 129);

}

.caseManagementButton.remove {
   background: rgb(38 86 60)
}

#moreAceEditors {
   border: 5px solid rgb(0, 255, 128);
   padding: 20px;
   position: relative;
   background: rgb(123 112 130);
   height: 600px;
}

.moreAceEditorsTitle {
   position: absolute;
   background: black;
   right: 0;
   bottom: 0;
   padding: 5px;
}

.extraFunctionAceArea {
   border: 1px solid rgb(127 41 41);
   /* margin: 16px; */
   /* padding: 16px; */
   background: #383030;
   height: 140px;
   width: 100%;
   overflow: hidden;
   position: relative;
}

.moreAceEditorsInfo {
   background: black;
   padding: 5px;
}

.oneMultipleAceContainer {
   border: 3px solid #88341c;
   /* padding: 8px; */
   width: 97%;
   background: dimgray;
   display: block;
   height: 140px;
   margin-bottom: 10px;
}













/*entry detail search starts here.............*/
/*entry detail search starts here.............*/
/*entry detail search starts here.............*/
/*entry detail search starts here.............*/
/*entry detail search starts here.............*/
/*entry detail search starts here.............*/
/*entry detail search starts here.............*/
/*entry detail search starts here.............*/




#searchDatabaseContainer {
   position: fixed;
   left: 30px;
   top: 30px;
   border: 3px solid cyan;
   background: black;
   height: 90%;
   width: 800px;
   padding: 15px;
   overflow-y: auto;
}

.searchDatabaseContainerTitle {
   position: absolute;
   bottom: 0;
   right: 0;
   padding: 6px;
   background: indigo;
   color: lightgray;
}

.databaseContainerLine {
   border: 1px solid rgb(28, 146, 79);
   padding: 8px;
   margin-bottom: 10px;
}

.databaseContainerLine:nth-child(odd) {
   color: lightblue;
   background: rgb(33, 33, 33);
}



/*editor themes start here.....*/
/*editor themes start here.....*/
/*editor themes start here.....*/
/*editor themes start here.....*/
/*editor themes start here.....*/
/*editor themes start here.....*/

#points,
#page {
   background: #05051c;
   height: 94%;
   width: 61%;
   position: fixed;
   /* border: 4px solid #686868; */
   /* overflow-y: auto; */
}

#stopPres,
#startPres {
   position: fixed;
   bottom: 5%;
   background: #0f3b15;
   padding: 12px;
   cursor: pointer;
}

#stopPres {
   left: 200px;
   background: #441818;
}

#points {
   background: black;
   top: 38%;
   padding: 15px;
   height: 50%;
}

.editorThemeOverlayTitle {
   position: absolute;
   right: 0;
   bottom: 0;
   padding: 14px;
   background: rgb(10, 7, 80);
}

#editorThemeOptionsContainer,
#placeholderEditors {
   display: inline-block;
   width: 57%;
   height: 89%;
   margin-right: 20px;
   background: #373734;
   margin-left: 20px;
   position: relative;
   border: 1px solid black;
   margin-top: 5%;
   vertical-align: top;
   overflow-y: auto;
}

#placeholderEditors {
   width: 34%;
}

#editorThemeOptionsContainer {
   background: #410c36;
   border: 3px solid magenta;
}

.editorThemeOptionsInner {
   border: 2px solid yellow;
   background: #060a31;
   padding-bottom: 50px;
}

.editorThemeOptionLine {
   background: rgb(8, 74, 72);
   color: lightblue;
   border: 2px solid green;
   margin: 12px;
   padding-left: 8px;

}

.editorThemeOptionLine[data-type="languageAccent"] {
   background: #144207;
   color: #efefef;
}

.editorThemeOptionLine.explanation {
   background: darkblue;
   color: pink;
   text-align: center;
}

.editorThemeOptionsHeading {
   height: 40px;
   line-height: 40px;
   background: black;
   color: lightgray;
   border-bottom: 2px solid gray;
   text-align: center;
   margin-bottom: 30px;
}

.languageAccentLineTitle {
   border: 1px solid white;
   margin-right: 8px;
   display: inline-block;
   width: 150px;
}

.languageAccentLineLabel {
   border: 1px solid cyan;
   display: inline-block;
   margin-right: 5px;
}

#editorThemeOverlay .editorThemeOptionLine input {
   background: black;
   border: 1px solid lightgray;
   width: 70px;
   display: inline-block;
   color: lightgray;
}

#themeSelectorPlaceholder {
   background: darkblue;
   width: 300px;
   padding: 0px 8px;
   color: lightblue;
}

#sampleOuterLanguageButtonsRow,
#placeholderEditorsTitle {
   background: black;
   text-align: center;
   height: 26px;
   line-height: 26px;
   /* border: 1px solid yellow; */
}

#sampleOuterLanguageButtonsRow {
   background: black;
   /* border: 1px solid cyan; */
   font-size: 0;
}

#betaTesterOverlay {
   background: #01070ae3;
   z-index: 444;
   position: fixed;
   top: 0;
   height: 100%;
   width: 100%;
   display: none;
}
    #betaTesterContainer {
        /* margin: 30px; */
        border: 2px solid rgb(38 39 40);
        padding: 30px;
        /* min-height: 830px; */
        background: rgb(2 4 19);
        position: relative;
        max-width: 824px;
        /* margin: 0 auto; */
        margin-top: 44px;
        /* padding-bottom: 80px; */
        background: #252428;
        /* padding-top: 70px; */
        padding: 0;
        /* padding-bottom: 90px; */
        margin-left:  116px;
        padding-bottom: 25px;
    }

    #betaTesterContainerHeading {
        font-size: 22px;
        /* border: 1px solid rgb(71, 71, 0); */
        margin-bottom: 12px;
        padding: 4px;
        text-align: center;
        position: relative;
        top: 0;
        left: 0;
        background: black;
        width: 100%;
        font-size: 30px;
        color: lightgray;
    }

.betaTesterAreaClose {
   position: absolute;
   cursor: pointer;
   top: 19px;
   right: 19px;
   font-size:21px;
   color:#939393;
}

    #betaTesterTwoOptions {
        border: 1px solid yellow;
        margin-bottom: 20px;
        font-size: 23px;
        padding: 4px;
        border: 2px solid rgb(0 0 0);
        text-align: center;
        margin-top: 25px;
        background: #05092b;
        margin: 10px;
        color: #baccd5;
        margin-bottom: 15px;
    }



    .betaTesterOptionTitle {
    font-size: 24px;
    padding-left: 20px;
    color: #b6cbeb;
}

.betaTesterOptionTitle a {
   color:inherit;
   text-decoration:underline;

      font-style:italic;
   transition: .1s all;
}

.betaTesterOptionTitle a:hover {
   color: #329ec5;

}

    .betaTesterOptionExplanation {
        border: 2px solid black;
        background: rgb(5 7 52);
        padding: 8px;
        margin-left: 15px;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 19px;
        color: lightblue;
        margin-left: 60px;
        margin-right: 60px;
        line-height: 33px;
    }
   #betaTesterOptionA,
    #betaTesterOptionB {
        border: 1px solid #000000;
        background: rgb(39 49 84);
        padding: 6px;
        margin-top: 30px;
        margin:  10px;
    }

    #betaTesterClosing {
        background: rgb(0 0 0);
        padding: 8px;
        margin-top: 15px;
        font-size: 19px;
        margin: 10px;
        color: #76b0d2;
    }


#betaTesterTwoOptions,
#betaTesterClosing, 
#betaTesterOptionA,
 #betaTesterOptionB {
    margin: 10px 36px;
    margin-bottom: 20px;
 }

#betaTesterClosing {
   margin-top: 0;
   margin-bottom:0;
   padding-left: 20px;
}

#betaTesterTwoOptions {
   margin-bottom: 18px;
}

.betaTesterClosingPoint {
   margin-left: 32px;
   margin-top: 6px;
   color: lightblue;
}

    .betaTesterContainerTitle {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 18px;
        background: rgb(0, 0, 39);
        opacity: .7;
        display: none;
    }

.oneSampleOuterLanguageButton {
   width: 25%;
   display: inline-block;
   margin: 0;
   text-align: center;
   height: 26px;
   line-height: 26px;
   /* border: 1px solid white; */
   font-size: 13px;
}

.sampleLeftRightGutter {
   background: rgb(80, 80, 91);
   height: 20px;
   line-height: 20px;
   /* border: 1px solid gray; */
   text-align: right;
}

.oneSampleInnerLanguageButton,
.languageSampleSizeButton {
   display: inline-block;
   background: black;
   margin: 0px;
   /* border: 1px solid lightgreen; */
}

.oneSampleInnerLanguageButton {
   width: 90px;
   text-align: center;
}

.oneSampleInnerLanguageButton[data-type="html"],
.oneSampleOuterLanguageButton[data-type="html"] {
   background: #77127e;
   color: white;
}

.oneSampleInnerLanguageButton[data-type="javascript"],
.oneSampleOuterLanguageButton[data-type="javascript"] {
   background: #094410;
   color: white;
}

.oneSampleInnerLanguageButton[data-type="css"],
.oneSampleOuterLanguageButton[data-type="css"] {
   background: #606612;
   color: white;
}

.oneSampleInnerLanguageButton[data-type="text"],
.oneSampleOuterLanguageButton[data-type="text"] {
   background: #2b0e6d;
   color: white;
}

.languageSampleSizeButton {
   height: 18px;
   width: 18px;
   text-align: center;
   line-height: 18px;
   color: #a3a1a1;
   font-size: 13px;


}

.sampleAceEditorContainer {
   /* background: #171616; */
   height: 14%;
   /* border: 1px solid rgb(126, 126, 174); */
   padding: 6px;
   font-size: 18px;
   /* color: lightblue; */
}

#htmlOne {
   height: 60%;
}

#nextThemeTasks {
   background: black;
   min-height: 81px;
   position: relative;
   width: 85%;
   margin-left: 7.5%;
   margin-top: 10px;
}

/*language selector starts here */

.languageSelectorTitle {
   height: 40px;
   line-height: 40px;
   background: rgb(11, 63, 131);
   color: white;
   font-size: 18px;
   text-align: center;
}

.editorThemeLanguageSelector {
   border: 2px solid yellow;
   color: darkgray;
   margin-bottom: 50px;
   margin-top: 50px;
}

.themeLanguageSelectorLine {
   background: rgb(59, 59, 84);
   padding: 6px;
   color: lightblue;
   margin: 13px;
}

.themeSelectorNiceTitle {
   background: black;
   width: 180px;
   padding-left: 10px;
   text-align: left;
   display: inline-block;
}

#sampleLangOne_dropdown,
#sampleLangTwo_dropdown,
#sampleLangThree_dropdown,
#sampleLangFour_dropdown {
   background: darkblue;
   color: lightblue;
   font-size: 16px;
}

.sampleLanguageSelectionButtonsRow {
   border: 2px solid cyan;
   background: darkgreen;
   padding-left: 18px;
}

.sampleLanguageApplyChanges,
.sampleLanguageSetDefaults {
   cursor: pointer;
   background: black;
   color: lightblue;
   display: inline-block;
   margin: 8px;
   font-size: 18px;
   padding: 6px;
}

.sampleLanguageSetDefaults {
   background: indigo;
}

.sampleLanguageSelectionButtonsRow {
   color: lightgray;
   padding: 12px;
   background: #000000;
   line-height: 50px;
}


#cursorOpacity,
#cursorAnimation,
#cursorBackground,
#cursorBorder,
#cursorWidth,
#cursorColor {
   background: black;
   color: lightblue;
   padding: 4px;
   width: 140px;
}



.cursorEditRow {
   display: block;
   margin: 6px;
   border: 2px solid #7e8686;
   background: #505050;
   margin-bottom: 14px;
}

.cursorEditTitle,
.cursorEditMeta {
   display: inline-block;
   background: #070e36;
   width: 135px;
   line-height: 28px;
}

.cursorEditMeta {
   background: #1c2609;
   color: white;
   border: 1px solid #535050;
   color: lightblue;
}

/*anim styles start here....*/
/*anim styles start here....*/
/*anim styles start here....*/
/*anim styles start here....*/
/*anim styles start here....*/
/*anim styles start here....*/





.animTextBox,
#typeTest1 {
   background: #04252d;
   position: fixed;
   left: 50px;
   top: 50px;
   height: 300px;
   width: 600px;
   z-index: 500;
   border: 4px solid #406d6e;
   display: inline-block;
}

.animTextbox[data-number="2"] {
   top: 150px;
   background: black;
   height: 34.86px;
}

.animTextBox {
   left: 15px;
}

.animTextBoxInner,
#typeTestInner {
   display: inline-block;
}


.animTextBox {
   top: 80px;
   height: unset;
   width: unset;
   border: none;
   padding: 8px;
   background: #193a6f;
   height: 44px;
}

.animTextBoxMeasure {
   top: -500px;
   background: #064623;
   /* padding-right: 4px; */
   /* right: 8000px; */
   /* left: unset; */
}

.typeTestTitle {
   background: black;
   position: absolute;
   bottom: 0;
   right: 0;
   padding: 15px;
   font-size: 18px;
}

.t1 {
   margin-left: 30px;
   color: orange;
}

.t2 {
   color: yellow;
   margin-left: 80px;
   border: 1px solid yellow;
}

.ccLogo {
   position: absolute;
   right: 49px;
   font-size: 48px;
   color: #7487a1;
   font-family: "Lobster Two", cursive;
   text-shadow: rgb(40 42 60) 3px 2px;
   top: 12px;
}

.t3 {
   color: cyan;
   margin-left: 120px;
}

.abc {
   background: darkblue;
   padding: 8px;
   margin: 8px;
}

#altFeaturePageTitle {
   background: #000000;
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 90px;
}


.oneAltGroup {
   background: #253850;
   padding: 8px;
   margin: 8px;
   border: 2px solid #163259;
   text-align: center;
   min-height: 140px;
   font-size: 18px;
   color: lightblue;
   margin-bottom: 20px;
   padding: 5px 0px;
   padding-top: 0px;
   /* text-align: center; */
}

.oneAltGroupTitle {
   background: #0a2241;
   color: #9faed2;
   margin-bottom: 8px;
   height: 40px;
   line-height: 40px;
   font-size: 26px;
}

.oneAltGroupContent {
   /* border: 1px solid yellow; */
   text-align: left;
   padding: 0px 16px;
   padding-left: 9%;
}

.fillContentWithRandom {
   position: absolute;
   padding: 8px;
   cursor: pointer;
   background: darkblue;
   border: 1px solid lightgray;
   right: 0;
   bottoM: 30px;
   display: none;
}

body[data-jsinfostatus="hidden"] {
   /* border: 3px solid #867d55; */
}



body[data-jsinfostatus="hidden"] #page {
   width: 99.7%;
   /* max-width: 1200px; */
   /* border-right: 5px solid #d3bcd3; */
   height: 99%;
   border: 1px solid magenta;
   padding-top: 0;
}

body[data-jsinfostatus="shown"] {
   border: 3px solid green;
}


.oneSmallModuleItem,
.oneContentItem {
   min-width: 0;
   display: inline-block;
   width: 20%;
   background: #00000047;
   border: 1px solid #00000047;
   padding: 3px 8px;
   margin: 5px 15px;
   display: inline-block;
   /* border: 1px solid #80808054; */
   margin-bottom: 6px;
   cursor: default;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   text-align: center;
   /* transition: .2s color; */
   color: #c1cedb;
   transition: .1s border, .1s color;
   cursor: pointer;
   font-size: 16px;
}

.oneSmallModuleItem {
   width: 29%;
   color: #b0b6b8;
   font-size: 15px;
}

.oneSmallModuleItem[data-meta="preview_top_bottom"],
.oneSmallModuleItem[data-meta="user_reports"] {
   display: none;
}

/*#page .oneContentItem[data-linkhelp="hasHelp"] {
   border: 4px solid #8afae2;
}

#page .oneContentItem[data-nice="3-15 settings per module"],
#page .oneContentItem[data-key="over250GUIcolors"],
#page .oneContentItem[data-nice="Glossary page"] {
   border: 1px solid #42d754;
}*/


.oneContentItem[data-original-title="nothing_yet"] {
   border: 1px solid #ffff004d;
   color: #ffff0080;
}

.oneSmallModuleItem:hover,
.oneContentItem:hover {
   color: #7ea0cb;
   border: 1px solid #7ea0cb75;
}


.oneContentItem[data-type="string"] {
   display: none;
}




.pageTitle {
   position: absolute;
   top: 0;
   right: 0;
   background: black;
   padding: 8px;
   color: lightblue;
   border: 1px solid lightblue;
   opacity: .4;
   display: none;
}

#page {
   padding-top: 60px;
   overflow-y: auto;
}




.toggleJSInfo {
   background: #0e3c39;
   display: inline-block;
   padding: 4px;
   cursor: pointer;
   position: absolute;
   right: 12px;
   top: 7px;
   opacity: .3;
}


#featureSets::-webkit-scrollbar {
   width: 13px;
}


#featureSets::-webkit-scrollbar-thumb {
   background: #334d60;


}

#page {
   overflow-y: hidden;
   /* display: none !important; */
}

.cc_tooltip {
   z-index: 20000;
   opacity: 1;
}


.cc_tooltip .tooltip-inner {

   border: 1px solid rgba(209, 206, 206, 0.32);

   padding: 5px 10px;

   max-width: 269px;

   text-align: left;

   box-shadow: rgba(8, 8, 8, 0.52) 2px 5px 6px;

   font-size: 18px;

   max-width: 380px;



   background: #292931;
   color: lightblue;

   border: 1px solid rgb(0 0 0 / 32%);


   background: rgb(163, 165, 171);

   color: rgb(4, 18, 40);


}

body.touchscreen .cc_tooltip .tooltip-inner {
   background: black;
   color: #b7c6cb;
   max-width: 500px;
}

body.touch_landscape .cc_tooltip .tooltip-inner {
   font-size: 14px;
}


.cc_tooltip .arrow,
.cc_tooltip .arrow::before {


   border-top-color: rgb(65 66 71);
   border-bottom-color: rgb(65 66 71);

   border-top-color: rgb(163, 164, 167);
   border-bottom-color: rgb(163, 164, 167);


   outline-color: blue !important;
   z-index: 100000;
}

.tooltip.show {
   opacity: 1;
}


body[data-finalstatus="yes"] {
   border: 3px solid #22640c;
   height: 99.6%;
   border: none;
}



body[data-finalstatus="yes"] #page,
body[data-finalstatus="yes"] #featureSets {
   border: none;
   /* border: 7px solid magenta !important; */
}

body[data-finalstatus="yes"] .toggleFinal {
   opacity: .4;
   opacity: .1;

}

.toggleFinal {
   top: 55px;
   position: absolute;
   right: 0;
}

body[data-finalstatus="no"] {
   border: 1px solid brown;
}


body[data-finalstatus="yes"] #one,
body[data-finalstatus="yes"] #two,
body[data-finalstatus="yes"] .toggleJSInfo,
body[data-finalstatus="yes"] .existenceCheck {
   display: none;
}


.hoverHelp,
.miniFeatureShowcase {
   display: inline-block;
   vertical-align: top;
   /* border: 1px solid #ffff003b; */
}

.hoverHelp {

   font-size: 15px;

   line-height: 70px;

   margin-left: 80px;

   opacity: .6;

   cursor: default;
}

.altFeatureMainTitle i {
   font-size: 20px;
   /* line-height: 52px; */

   height: 65px;
   vertical-align: top;
   line-height: 97px;

}

#newKBContainer,
#newGlossaryContainer {
   background: #041036;
   positioN: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 50;
   width: 70%;
   /* border: 3px solid cyan; */
}

#newKBContainer {
   position: relative;
}

#newGlossaryContainer {
   width: 100%;
}

#newKBContainer {
   z-index: 55;
   background: #191819;
   border: 4px solid #735f76c2;
   top: 0;
   /* height: 901px; */
   width: 100%;
   overflow: hidden;
   height: calc(100% - 179px);
   display: none;
}

#page[data-glossarytype="keyboard"] #newKBContainer {
   display: block;
   /* background: blue; */
}

#glossaryPage {
   position: absolute;
   width: 100%;
}

#glossaryPage[data-type="glossary"] .modulePageImageType {
   display: none !important;
}

body[data-topbaronly="yes"] #theGlossary {
   display: none !important;
}

body[data-topbaronly="yes"] #glossaryPage {
   background: black;
}

body[data-topbaronly="yes"] #glossaryTopBar {
   top: 80px;
   border: 1px solid #245a3969;
}

body[data-topbaronly="yes"] #jsInfo {
   top: 190px !important;
}

body[data-topbaronly="yes"] #page .windowMeasurements {
   background: #29263b;
   opacity: 1;
   transform: scale(2.2);
   left: 300px;
}

body[data-glossaryfullwidthstatus="on"] #small_feature_page,
body[data-glossaryfullwidthstatus="on"] #newKBContainer,
body[data-glossaryfullwidthstatus="on"] #theGlossary {
   border: 1px solid #456c7e;
}

body[data-showadminbar="no"] #small_feature_page,
body[data-showadminbar="no"] #newKBContainer,
body[data-showadminbar="no"] #theGlossary {
   border: none;
}

body[data-glossaryfullwidthstatus="off"] #small_feature_page,
body[data-glossaryfullwidthstatus="off"] #newKBContainer,
body[data-glossaryfullwidthstatus="off"] #glossaryInner {
   border: 2px solid #2e7396;
   width: 70%;
}

body[data-glossaryfullwidthstatus="off"] #glossaryInner {

   width: 70% !important;
}

#glossaryGroupsSidebar,
#page[data-glossarytype="main"] #glossaryInner {
   display: inline-block;
}


#theGlossary[data-sidebar="off"] #glossaryInner {
   width: 100%;
   height: calc(100% - 101px);
   /* border: 1px solid white; */
}

#theGlossary[data-sidebar="on"] #glossaryInner {
   /*sidebar only */
   width: calc(100% - 320px);
}

body[data-glossaryfullwidthstatus="off"] #theGlossary[data-sidebar="on"] #glossaryInner {
   /*sidebar and jsinfo*/
   width: 50% !important;

}





#page #theGlossary {
   display: block;
   height: calc(100% - 111px);
   width: 100%;
}

body[data-showadminbar="no"] #page #theGlossary {
   height: calc(100% - 69px);
}

#theGlossary>.glossaryLoadMoreItem {
   display: none;
}

#page[data-bottombarshown="no"] #theGlossary {
   height: calc(100% - 70px);
}

#glossaryGroupsSidebar,
#glossaryInner,
#small_feature_page {
   display: none;
   /* position: fixed; */
   top: 72px;
   z-index: 200;
   height: calc(100% - 206px);
}

#page[data-glossarytype="mini"] #small_feature_page {
   display: block;
}

#landing_page {
   background: rgb(10, 10, 10);
   /* padding: 40px; */
   font-size: 40px;
   display: none;
}


.landingRow {
   border: 3px solid #000000d9;
   /* padding: 12px; */
   margin-bottom: 25px;
   background: #050506;
   position: relative;
   color: lightblue;
   min-height: 540px;
   width: 94%;
   margin-left: 3%;
   overflow: hidden;
}

.landingRow:nth-child(odd) {
   color: #afbcc0;
   background: #141417;
   /* color: lightblue; */
}

body.touchscreen .landingRow {
   border: none;
}

.noVidYet {
   min-height: 200px;
   font-size: 58px;
   text-align: center;
   background: #092c4e;

}

.landingRowSummary,
.landingRowVid,
.landingRowMeta {
   position: absolute;
   right: 8px;
   color: lightblue;
   opacity: .7;
   top: 0;
   font-size: 13px;
}

body[data-metastatus="off"] .screenshotArea,
body[data-metastatus="off"] .landingRowMeta {
   display: none;
}

.landingRowMeta {
   /* top: 50px; */
   display: none;
}

.newPointAreaLine {
   margin-bottom: 6px;
   line-height: 30px;
   font-size: 19px;
   line-height: 38px;
}


   .newPointAreaLine[data-indentLevel="1"] {
      margin-left: 30px;
      color: #57afaa;
   }

#lightboxText .newPointAreaLine {
   font-size: inherit;
   line-height: 20px;
   color: lightblue;
}

body.touch_portrait #lightboxText .newPointAreaLine {
   font-size: 32px;
   line-height: 43px;
   margin-bottom: 20px;
}

#lightboxText .newPointAreaLine i {
   line-height: 20px;
}

body.touch_portrait #lightboxText .newPointAreaLine i {
   line-height: 50px;
   font-size: 14px;
}


#variousLandingVids[data-imagetype="screenshots"] .newPointAreaLine {
   font-size: inherit;
}



.newPointAreaLine i {
   font-size: 10px;
   line-height: 8px;
   height: 30px;
   line-height: 38px;
   vertical-align: top;
}

.landingRowLink,
.landingRowVid {
   right: 3px;
   font-size: 40px;
}


.landingRowSummary {
   color: lightgray;
   padding: 4px;
   /* border:1px solid yellow; */
}


.landingRowLink {
   font-size: 21px;
   color: #00e1ff;
   position: relative;
   /* border:  1px solid green; */
}

.landingRowVid,
.landingRowSummary,
.landingRowLink,
.screenInfo,
.captionInfo {
   position: relative;
   display: inline-block;
   margin: 18px;
   background: black;
   /* max-width: 200px; */
   overflow: hidden;
   font-size: 18px;
   /* border: 1px solid green; */
   padding: 12px;
}

.captionInfo {
   color: #61b372;
}

.landingRowLink {
   /* position: absolute; */
   bottom: 0;
}



.landingRowSummary[data-status="finished"] {
   /* background: unset; */
}

.landingRowVid[data-status="unclear"],
.landingRowVid[data-status="likely"],
.landingRowVid[data-status="doubtful"] {
   background: rgb(75, 9, 9);
   color: rgb(233, 233, 226);
   padding: 2px;
}

.pointsArea {
   margin-top: 8px;
}

.pointsArea.old {
   border: 4px solid #867777;
   background: #2f0606;
   max-height: 50px;
   overflow: hidden;
   color: #cdcdb5;
   display: none;
}

.introHeader {
   /* background: black; */
   text-align: left;
   font-size: 49px;
   /* height: 90px; */
   line-height: 40px;
   color: rgb(172, 172, 191);
   padding-top: 3px;
   padding-left: 15px;
   padding-bottom: 20px;
}

#landingTwo {
   /* border: 2px solid green; */
   display: none;
}

.welcomeText,
.welcomeLogo {
   display: inline-block;
   color: rgb(117 161 197);




}

.welcomeLogo {
   font-family: "Lobster Two", cursive;
   text-shadow: 4px 2px #7f8a986e;
   text-shadow: 3px 2px rgb(34 56 100 / 82%);
   ;
   color: rgb(122 162 194);

}

.landingRowTitle {
   padding: 14px;
   /* border-bottom: 1px solid #232323; */
   text-align: center;
   position: relative;
   /* padding-left: 30px; */
   font-size: 34px;
   background: #050f21;
   font-family: 'Georgia';
   font-weight: 600;
   color: #86bacb;
   background: #0c0f24;
   color: #a7aeca;
   margin-bottom: 8px;
}

.landingRowInner {
   border: 1px solid #add8e61f;
   width: 50%;
   padding: 7px;
   display: inline-block;
   vertical-align: top;
   padding-left: 30px;
   margin-left: 2px;
}

#variousLandingVids[data-imagetype="screenshots"] .landingRowInner {
   font-size: 15px;
   /* border: 4px solid #17ff003d; */
   width: 35%;
}

body.touch_portrait #variousLandingVids[data-imagetype="screenshots"] .landingRowInner {
   width: 100%;
   font-size: 30px;
}

.landingRowVideoContainer {
   display: inline-block;
   vertical-align: top;
   /* border: 1px solid #000000; */
   /* min-height: 400px; */
   /* min-width: 400px; */
   background: #052041;
   margin-left: 10px;
   margin-top: 10px;
   width: 47%;
   /* padding: 40px; */
   font-size: 20px;
}

.landingRowVideoContainer .plyr {
   min-height: 300px;
}
#variousLandingVids[data-imagetype="video"] .landingRowScreenshotContainer {
   display: none;
}

#variousLandingVids[data-imagetype="screenshots"] .landingRowVideoContainer {
   display: none;
}



.landingRowVideoContainer .oneVideoTitle {
   /* background: black; */
   /* max-height: 140px; */
   /* max-width: 140px; */
   /* border: 22px solid #79ae5c; */
}


.screenshotArea {
   border: 1px solid #000000;
   background: #240932;
   color: lightgray;
   padding: 8px;
   margin-top: 8px;
   position: relative;
   font-size: 20px;
   padding-bottom: 80px;
   display: none;
}

#variousLandingVids[data-extrafeaturefinalstatus="on"] .landingRowMeta,
#variousLandingVids[data-extrafeaturefinalstatus="on"] .screenshotArea {
   display: none;
}

#landingOne,
#landingTwo {
   display: none;
}

#landingThree {
   display: block;
   /* border: 2px solid #00ffff57; */
}

#mainCCIntro {
   background: #000000;
   border-bottom: 1px solid #3f3f3f;
   padding-bottom: 200px;
   position: relative;
   color: #cbdade;
   /* margin: 30px; */
   /* margin-bottom: 100px; */
   height: 100%;
   overflow: hidden;
   /* bordeR: 9px solid magenta; */
   /* height: 80px; */
   /* min-height: unset; */
   /* overflow: hidden; */
   max-height: 1050px;
}

.introInner {
   padding: 17px;
   font-size: 20px;
   border: 1px solid green;
   width: 60%;

}

.landingPageButton {
   display: inline-block;
   /* color: lightblue; */
   cursor: pointer;
   width: 80px;
   text-align: center;
   border: 1px solid black;
   margin: 0px 8px;
   color: lightgray;
}

.landingPageButton[data-active="yes"] {
   border: 1px solid lightblue;
   color: lightblue;
}

.introVid {
   width: 30%;
   display: inline-block;
   background: #0b0b0b;
   border: 2px solid cyan;
   vertical-align: top;
   margin-left: 20px;
   font-size: 35px;
   padding: 30px;
   color: lightblue;
}

.introInner,
.introVid {
   margin-top: 10px;
   display: inline-block;
   vertical-align: top;
   height: 440px;
   border: 2px solid #333232;
}

.introInner {
   height: unset;
}

.introTitle {
   position: absolute;
   background: black;
   bottom: 2px;
   left: 2px;
   padding: 10px;
   color: yellow;
   z-index: 44;
   bottom: unset;
   display: none;
   opacity: .4;
}

#landingTwoMenu {
   height: 60px;
   line-height: 60px;
   padding-left: 20px;
   border-bottoM: 2px solid #80808024;
   color: lightblue;
   text-align: right;
   padding-right: 80px;
}

#landingTwoMain,
#landingTwoMainText,
#landingTwoMainImage,
#landingTwoMainVideo,
#landingTwoSecondImage,
#landingTwoSecondText,
#landingTwoMenu {
   position: relative;
   /* border: 2px solid yellow; */
   vertical-align: top;
}

.landingSignUpButton,
.landingSearchArea,
.landingLinkButton,
.landingMenuButton {
   display: inline-block;
   font-size: 14px;
}

.landingSignUpButton,
.landingLinkButton,
.landingMenuButton {
   background: #18182e;
   height: 34px;
   line-height: 34px;
   cursor: pointer;
   padding: 0px 22px;
   border: 1px solid black;
   border-radius: 4px;
   margin-right: 2px;
   font-size: 18px;
   vertical-align: top;
}

body.touch_portrait #page .landingSignUpButton,
body.touch_portrait #page .landingLinkButton,
body.touch_portrait #page .landingMenuButton {
   font-size: 27px;
}

.landingMenuButton[data-type="extra"] {
   padding-right: 0;
   padding-left: 20px;
}

.landingMenuButton[data-type="main"] {
   padding-right: 0px;
   /* margin-left: 40px; */
}

.landingMenuButton.active {
   background: black;
   color: #80b6e7;
   text-decoration: underline;
   border: 1px solid #80b6e763;

}

body.touchscreen .landingMenuButton.active {
   background: #202b38;
}

.keyboardShortcutsPartialText {
   display: none;
}

body.touchscreen .landingMenuButton {
   border: none;
}

.landingMenuButton[data-type="keyboard"] {
   /* margin-right: 30px; */
}

.landingTopMenuLinks {
   display: inline-block;
   /* bordeR: 1px solid yellow; */
   position: relative;
   vertical-align: top;
}

.landingTwoMainNavigation {
   display: inline-block;
   /* border: 1px solid #65b05b5c; */
   line-height: 40px;
   vertical-align: top;
   /* min-width: 400px; */
   text-align: left;
   position: relative;
}

.helpButtonTitleArea {
   text-align: center;
   margin-bottom: 8px;
}

.landingTwoMainNavigation>i {
   line-height: 38px;
   height: 35px;
   font-size: 15px;
   vertical-align: top;
   margin-right: 30px;
   /* border: 1px solid green; */
}

@media only screen and (max-width: 1250px) {
   .landingTwoMainNavigation>i {
      margin-right: 10px;
   }
}

.helpButtonTitleArea {
   text-align: left;
   font-weight: 600;
   margin-top: 10px;
}

.helpButtonTitleArea.first {
   margin-top: 0;
}

.landingMenuButton i {
   margin-left: 15px;
   /* cursor: alias; */
   padding: 0px 4px;
   opacity: .4;
   transition: .3s opacity;
   vertical-align: top;
   height: 30px;
   line-height: 32px;
   padding-right: 15px;
   padding-left: 8px;
   /* border-left: 1px solid cyan; */
}

.landingMenuButton[data-type="extra"] i {
   margin-left: 0px;
}

.landingMenuButton i:hover {
   opacity: 1;
}

.landingLinkButton {
   background: #353a56;
   color: #aab9da;
}

#betaTesterButton {
   background: #1b2144;
   padding: 0px 8px;
}

#glossaryTopBar #shareButtonClone,
#glossaryTopBar #topShareButton.mainIndexShare {
   background: #1b3657;
   margin-left: 10px;

}



@media only screen and (min-width: 1051px) {
   #landingTwoMenu {
      left: unset;
      right: 77px;
   }
}

@media only screen and (min-width: 1651px) {
   #landingTwoMenu {
      left: unset;
      right: 200px;
   }
}
@media only screen and (min-width: 1041px) {
   #betaTestClone, #shareButtonClone {
      display: none !important;
   }
}



.landingLinkButton:hover {
   color: #aab9da;
   ;
}

.landingLinkButton[data-type="discord"] {
   background: #38384c;
   /*color: #aaaa9a;*/
}

#page[data-glossarytype="keyboard"] #topSharebutton {
      display: none !important;;
   }

.landingSignUpButton {
   background: #0f0f10;
   color: #aaaa9a;
   display: none;
}

.toggleTopOnly {
   background: #23233a;
   position: absolute;
   top: 516px;
   left: 200px;
   padding: 25px;
   cursor: pointer;
   font-size: 21px;
   color: lightblue;
   opacity: 0.6;
   display: none;
}

body[data-topbaronly="yes"] .toggleTopOnly {
   opacity: .2;
   top: 500px;
   transform: scale(.7);
   right: 0;
   left: unset;
}

.extraGlossaryTabs,
.topGlossaryTabs {
   border: 1px solid black;
   background: #23212f;
   position: absolute;
   z-index: 333;
   text-align: left;
   width: 200px;
   color: white;
   padding: 8px;
   top: 52px;
   left: 110px;
   color: lightblue;
   display: none;
}

body.touch_landscape .topGlossaryTabs {}

.extraGlossaryTabs {
   left: 400px;
}

.topGlossaryTab {
   background: black;
   margin-bottom: 8px;
   cursor: pointer;
   line-height: 26px;
   text-align: center;
}

body.touch_portrait .topGlossaryTab {
   font-size: 21px;
   line-height: 33px;
}

.topGlossaryTab[data-type="modules"] {
   margin-bottom: 25px;
}

.topGlossaryTab[data-type="briefModules"],
.topGlossaryTab[data-type="ourMission"] {
   background: #0b0915;

}



.groupContentsTitle.loadMore {
   display: inline-block;
}

#page .glossaryLoadMoreItem i {
   /* border: 1px solid white; */
   height: 45px;
   font-size: 14px;
   color: inherit;
   line-height: 50px;
}

body.touch_landscape #page .glossaryLoadMoreItem i {
   line-height: 26px;
   width: unset;
   padding-left: 5px;
   padding-right: 5px;
}


#landingTwoMenu {
   display: block;
   border: 1px solid #482e139e;
   width: unset;
   /* right: 229px; */
   left: unset;
   position: absolute;
   /* background: #05192e; */
   z-index: 444;
   padding-right: 15px;
   padding-left: 4px;
   top: 5px;
   overflow: visible;
   z-index: 44444;
   white-space: nowrap;
   padding-top: 15px;
   padding-right: 5px;
}

#page[data-finalstatus="final"] #landingTwoMenu {
   border: none;
   /* border: 1px solid pink; */
   /* overflow: hidden; */
}


#page[data-highlightWindowMeasurement="yes"] .glossaryLogo,
#page[data-highlightWindowMeasurement="yes"] #landingTwoMenu {
   display: none;
}


#page[data-highlightWindowMeasurement="yes"] .windowMeasurements {
   bottom: unset;
   top: 0;
   background: #12062c;
   opacity: 1;
   transform: scale(2);
   right: unset;
   left: 200px;
   top: 25px;
   color: #add8e6a1;
   opacity: .8;
}




.landingSignUpButton.oneToggle {
   margin-left: 15px;
   cursor: pointer;
   color: #a2c6d6;

}

.landingMenuShowMore {
   display: none;
}

#landingTwoMainVideo,
#landingTwoMainImage {
   height: 80px;
}

#landingTwoMainVideo,
#landingTwoMainText,
#landingTwoMainImage {
   bordeR: 2px solid #99a7a754;
   height: 499px;
   display: inline-block;
   width: 49%;
   overflow: hidden;
   margin-bottom: 40px;
   /* border-bottoM: 1px solid #1d1d1d; */
   margin-bottom: 0px;
   padding-bottom: 7px;
   padding-top: 25px;
}

#landingTwoMainVideo {
   border: 2px solid #a49ca438;
   width: 50%;
   max-width: 725px;
   border: 2px solid yellow;
}

#landingTwoMainVideo .plyr {
   /* border: 5px solid #00ffa3; */
   min-height: 75%;
}

#landingTwoMain[data-imagetype="slideshow"] #landingTwoSlideshowContainer {
   display: block;
   /* border: 1px solid #acacd161; */
   overflow: hidden;
   position: relative;
}

body.touch_portrait .landingVideoOrSlideshow .changeLandingPageImageType {
   font-size: 23px;
   width: unset;
}

#landingTwoSlideshowCaption,
#landingTwoSlideshowTitle {
   position: absolute;
   background: #253a5e;
   top: 15px;
   width: 60%;
   font-size: 18px;
   text-align: center;
}

#landingTwoSlideshowTitle {
   position: relative;
   top: 0;
   width: 100%;
   background: #030321;
   border-bottom: 1px solid #acacd170;
}

#landingTwoSlideshowCaption {
   background: #020017;
   top: unset;
   bottom: 30px;
   left: 70px;
   font-size: 13px;
   padding: 5px 10px;
   line-height: 20px;
   text-align: left;
   width: unset;
   right: unset;
}

#landingTwoSlideshowCaption br {
   line-height: 9px;
}

.landingTwoSlideshowLeft,
.landingTwoSlideshowRight {
   position: absolute;
   bottom: 30px;
   font-size: 36px;
   background: black;
   cursor: pointer;
   padding: 8px;
   opacity: .7;
   transition: .3s all;
}

.landingTwoSlideshowLeft:hover,
.landingTwoSlideshowRight:hover {
   opacity: 1;
   color: lightblue;
}

.landingTwoSlideshowRight {
   right: 0px;
}

#landingTwoSlideshow img {
   width: 100%;
   cursor: pointer;
}

#landingTwoMain[data-imagetype="slideshow"] .plyr {
   display: none;
}

#landingTwoMain[data-imagetype="video"] #landingTwoSlideshowContainer {
   display: none;
}


#page[data-finalstatus="final"] #landingTwoMainText,
#page[data-finalstatus="final"] #landingTwoMainVideo {
   border: none;
   /* border-bottom: 1px solid #57c7eccc; */

}

#page[data-finalstatus="final"] #landingTwoMainVideo {
   /* border: 3px solid magenta; */
}

.makeFinalControls {
   font-size: 18px;
   display: none;
}

.durationArea,
.finalOrDraftArea {
   display: inline-block;
   margin-right: 24px;
}

.makeFinalControls select {
   background: #000c2b;
   border: none;
   padding: 8px;
   outline: none;
}

#main_intro_vid {
   width: 94%;
   /* border: 6px solid #379f6c; */
   border: none;
}

#landingThreeWideAreaClone,
#landingThreeWideArea {
   width: 100%;
   /* background: #070a1e; */
   /* background: #2f2d2f; */
   border: 1px solid #ffff0021;
   padding-top: 15px;
}

#landingThreeWideArea {
   margin-bottom: 12px;
}

#page[data-finalstatus="final"] #landingThreeWideArea,
#page[data-finalstatus="final"] #landingThreeWideAreaClone {
   border: none;
   /* border-bottom: 1px solid #ffffff7d; */
}

#landingThreeWideAreaClone {
   border: 1px solid #ff00ff1a;
   display: none;
}

.wideAreaSection {
   display: inline-block;
   width: 29%;
   vertical-align: top;
   margin-left: 2%;
   color: lightblue;
   font-size: 17px;
   line-height: 27px;
   /* bordeR: 1px solid #ffffff7a; */
}

.measurementsAgentSection {
   display: inline-block;
}



.wideAreaAnswer {
   background: #0d0e10;
   font-size: 14px;
   padding: 5px;
}

.wideAreaPrompt {
   font-size: 34px;
   /* text-align: center; */
   background: black;
   /* border-bottom: 1px solid #111111; */
   font-family: serif;
   /* font-style: italic; */
   color: #b1c8da;
   margin-bottom: 9px;
   text-align: center;

}

#loadingPracticeArea {
   background: #151f4a;
   width: 800px;
   font-size: 18px;
   padding: 30px;
   margin: 40px;
   position: relative;
   bordeR: 2px solid #6c9c9c75;
   min-height: 400px;
   margin-bottom: 10px;
   padding-bottom: 70px;
   position: absolute;
   z-index: 33;
   left: 40px;
   display: none;
}

.loadingNotes,
.loadingMainArea {
   border: 3px solid black;
   background: #2c3342;
   padding: 20px;
   color: lightblue;
   position: relative;
   min-height: 80px;
   padding-bottom: 70px;
}

.loadingMainArea {
   margin-bottom: 17px;
}

.loadingNotes {
   background: #290529;
}

.loadingPracticeAreaTitle {
   background: #000000;
   position: absolute;
   bottom: 0;
   right: 0;
   padding: 14px;
   color: lightblue;
}

.loadingNotes .loadingPracticeAreaTitle,
.loadingMainArea .loadingPracticeAreaTitle {
   padding: 3px;
   opacity: .7;

}

.loader {
   border: 1px solid black;
   background: #0a0a20;
   width: 700px;
   padding: 8px;
   font-size: 52px;
   height: 79px;
   line-height: 34px;
   display: inline-block;
}

.slideshowBarLoadAndPause .loader {
   width: unset;
   margin-left: 100px;
   font-size: 22px;
   border: 2px solid #ffff008c;
   height: 48px;
   border: none;
   background: #000000;
   /* border: 1px solid #00ffff2e; */
   position: absolute;
   right: 57px;
   min-width: 323px;
   padding-top: 2px;
}

.pauseShow,
.playShow {
   font-size: 28px;
   display: inline-block;
   cursor: pointer;
}

.loadingCircleContainer {
   border: 1px solid #ffffff70;
   padding-left: 15px;
   /* width: 140px; */
   position: relative;
   height: 38px;
   display: inline-block;
   width: 57px;
   font-size: 28px;
   margin-right: 4px;
}

.slideshowBarLoadAndPause .loadingCircleContainer {
   border: 1px solid #ffffff1a;
   border: none;
}

.loadingCircleContainer.controls {
   /* border: 1px solid yellow; */
   font-size: 20px;
   background: inherit;
}

.playControls,
.filledControls,
.pauseControls {
   position: absolute;
   top: 0;
   left: 0;
   padding-left: 8px;
   opacity: 1 !important;
   width: 54px;
   height: 30px;
   background: inherit;
   cursor: pointer;
}

.loadingCircleContainer i {
   opacity: 0;
   position: absolute;
   transition: 1.95s opacity;
   top: 3px;

}

.loadingCircleContainer.anim i {
   color: #7f969d;
   color: #484b5f;
}

#slideshowBar[data-type="features"] .loadingCircleContainer.anim i {
   color: #4b4c56;
}

.loadingCircleContainer.controls i {
   color: #999db0;
   color: #85868d;
}

.loadingCircleContainer.controls i {
   font-size: 28px;
   opacity: 1;
}

.loadingCircleContainer.play i {
   opacity: 1;
}

.loadingCircleContainer.play i,
.loadingCircleContainer.pause i {
   transition: .2s opacity;
}

.loadingCircleContainer.pause .pauseShow {
   /* z-index: 300; */
}


.loadingCircleContainer .far {
   /* hollow circle */
   transition: 2.2s opacity;
}

.loadingDot {
   transition: 4.2s opacity;
   opacity: 0;
   display: inline-block;
}

.startLoadingInterval {
   background: #171735;
   display: inline-block;
   padding: 8px;
   cursor: pointer;
}

.startLoadingInterval.pause {
   margin-left: 12px;
   background: #080101;
   margin-right: 13px;
}

.startLoadingInterval.stop {
   background: #203339;
   margin-right: 218px;

}

.loadStepSection {
   background: #021903;
   margin-top: 30px;
   padding: 8px;
}

#slideAnimTime,
#oneStepLoadTime {
   border: none;
   background: none;
   color: lightblue;
   background: black;
   width: 100px;
   margin: 0px 30px;
}

.changeOneStepLoadTime {
   padding: 0px 3px;
   background: black;
   display: inline-block;
}

.scrollDownMessage {
   text-align: center;
   /* margin-top: 30px; */
   font-size: 20px;
   display: none;
}

#landingTwoMainImage img {
   width: 96%;
   bordeR: 10px solid #a1df47;
   /* border-radius: 20px; */
}

.landingNotes {
   background: #1b1b3b;
   text-align: left;
   padding: 4px;
   font-size: 20px;
   line-height: 33px;
   display: none;
}


#page[data-finalstatus="final"] .landingNotes {
   display: none;
}

.videoOrSlideshow {
   font-size: 18px;
   text-align: center;
}

#landingTwoMainText {
   padding: 15px;
   width: 41%;
   /* padding-bottom: 7px; */
}

.togglePracticeArea {
   background: #262644;
   display: inline-block;
   padding: 4px;
   cursor: pointer;
}

#landingTwoSecondImage,
#landingTwoSecondText {
   width: 49%;
   height: 300px;
   display: inline-block;
}

.secondMessageText {
   font-size: 24px;
   font-weight: 600;
   margin-bottom: 6px;
}

.secondMessageSupport {
   width: 60%;
}

.firstMessage,
.mainMessage,
.mainMessageSupportLine {
   /* border: 1px solid #ffffff1f; */
}

.firstMessage {
   color: gray;
   font-size: 18px;
}

.mainMessage {
   color: white;
   font-size: 34px;
}

.mainMessageSupportLine {
   color: lightgray;
   font-size: 18px;
   font-family: times;
   margin: 8px;
   /* border-bottom: 1px solid #ffff0061; */
   margin-bottom: 8px;
   white-space: nowrap;
}

.typed-cursor {
   display: inline-block;
   position: relative;
   top: 0px;
   width: 10px;
   height: 24px;
}


/*body[data-infocardstatus="on"] #page {
   z-index: 44;
   transform: scale(0.48);
   position: absolute;
   top: -167px;
   left: -377px;
   border: 1px solid cyan !Important;
}*/



#ksCopyPage,
#infoCardsToggleButton,
#infoCards {
   background: #000000;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 33;
   padding: 18px;
}

#infoCards {
   display: none;
}

body[data-infocardstatus="on"] #infoCards {
   display: block;
}

#ksCopyPage {
   display: none;
}

body[data-kscopystatus="show"] #ksCopyPage {
   display: block;
}

#infoSidebar,
.infoCardsToggleImage,
.infoCardsClose {
   position: absolute;
   right: 30px;
   cursor: pointer;
   color: lightblue;
   font-size: 40px;
}

.infoCardsToggleImage {
   right: 200px;
   background: #202041;

}

.infoSidebarButton {
   font-size: 14px;
   background: black;
   margin: 5px;
   padding: 3px;
   text-align: center;
   cursor: pointer;
   border: 3px solid black;
}

.infoSidebarButton[data-active="yes"] {
   color: #b3a4c3;
   border: 3px solid;
}

body[data-glossaryfullwidthstatus="off"] #infoSidebar {
   left: 1115px;
   width: 312px;
   top: 17px;
}


.infoCardsToggleImage {
   right: 240px;
   font-size: 22px;
   background: #07174a;
   padding: 8px;
}

#infoSidebar {
   top: 100px;
   border: 1px solid #3d4343;
   width: 400px;
   height: 900px;
   background: #131326;
   cursor: default;
   overflow-y: auto;

}


#infoCardsToggleButton {
   top: unset;
   left: unset;
   right: 30px;
   bottom: 269px;
   background: #4b4b69;
   z-index: 333;
   width: 200px;
   height: 60px;
   cursor: pointer;
}

#infoCards[data-imagestatus="hide"] img {
   display: none;
}

.infoCardsDebugTitle {
   background: #2c2c2d;
   padding: 16px;
   position: absolute;
   bottom: 20px;
   color: lightblue;
   font-size: 26px;
   right: 0;
   width: 549px;
}

#infoCardsButtonsRow {
   background: #342b3b;
   position: absolute;
   width: 30%;
   bottom: 111px;
   right: 5px;
   bottom: 167px;
   padding: 6px;
}

.infoCardSelectButton,
.infoCardButton {
   background: #424d65;
   display: inline-block;
   cursor: pointer;
   padding: 6px;
   border: 1px solid #000000;
}

.infoCardSelectButton {
   background: #4f4f6e;
}

#infoCardSelect {
   border: 1px solid #515252 !important;
   outline: none !important;
   padding: 5px;
}

#infoCardsInner {
   background: #38383a6e;
   width: 57%;
   height: 101%;
   border: 5px solid #5c7084;
   /* overflow-y: auto; */
   overflow: hidden;
   padding-top: 34px;
}

#infoCardsInnerTitle {
   background: black;
   height: 45px;
   line-height: 45px;
   text-align: center;
   color: lightblue;
   display: none;
}

.allKSCards {
   height: 98%;
   border-bottom: 4px solid cyan;
   overflow-y: auto;
}

.mainMessageSupportText {
   /* border: 1px solid #ffff0024; */
   display: inline-block;
   position: relative;
   vertical-align: top;
}

#page[data-finalstatus="final"] .mainMessageSupportText {
   /* border: 1px solid #cacadc85; */
}

.showSmallModuleListing {

   display: inline-block;

   vertical-align: top;

   width: 20px;
   text-align: left;


}

#page .showSmallModuleListing i {
   font-size: 12px;
   height: 30px;
   line-height: 30px;

   text-align: left;
   margin: 0;
   cursor: pointer;
}

body.touch_landscape #page .showSmallModuleListing i {
   line-height: 20px;
}

.oneLandingModuleType {
   padding-left: 80px;
   font-size: 17px;
   margin-bottom: 7px;
   margin-top: 2px;
   color: #bcc0d5;
}

.oneLandingModuleType i {
   font-size: 10px;
}

.mainMessageSupportLine i {
   font-weight: 600;
   margin-right: 10px;
   margin-left: 10px;
}

.iconSpot {
   display: inline-block;
   height: 25px;
   font-size: 14px;
   overflow: hidden;
   vertical-align: top;
   color: #82a1ab;
   position: relative;
   /* top: -3px; */
   /* border: 1px solid #436a98a6; */
   vertical-align: top;
   line-height: 25px;
}

.iconSpot i {
   transform: rotate(45deg);
   line-height: inherit
}

.callToActionOne,
.callToActionTwo {
   border: 1px solid #2d5c8830;
   border-radius: 5px;
   background: #0c1028;
   display: inline-block;
   padding: 8px;
   cursor: pointer;
   font-size: 20px;
   color: #accad4;
}

.callToActionOne[data-type="intro"] {
   color: #a2afd1;
   font-weight:600;
   background: #07354aa6;
   transition: .3s all;
}


.callToActionOne:hover {
   color: #accad4;
}

.callToActionOne[data-type="intro"]:hover {
   color: #8ebfda;
}

.supportLineHighlight {
   display: inline-block;
   color: #3c7e93;
}

.supportTwo {
   color: #b2a4be;
}

.supportThree {
   color: #639a9a;
}

.supportFour {
   color: #8b9ac7;
}

#landingTwoSecondImage img {
   position: absolute;
   bottom: 0;
}

#page[data-glossarytype="landing"] #landing_page {
   display: block;
   border: 1px solid #000000;
   height: calc(100% - 0px);
   overflow-y: auto;
   z-index: 333;
   position: relative;
   /* border: 6px solid #bc61bf; */
   width: 100%;
}

#landing_page {}

body[data-glossaryfullwidthstatus="off"] #landing_page {
   width: 73%;

}




#glossaryOptionsSection {

   width: calc(100% - 300px);
   overflow: hidden;
}

#glossaryPage[data-options="shown"] #glossaryOptionsSection {
   /* border: 1px solid #ff00d04d; */
}

#page[data-glossarytype="mini"] #glossaryOptionsSection,
#page[data-glossarytype="keyboard"] #glossaryOptionsSection {
   display: none;
}

.glossaryLogo {
   /* left: 540px; */
   position: absolute;
   right: 11px;
   top: 21px;
   /* border: 1px solid green; */
   /* color: #47e6dc; */
   width: unset;
   min-width: unset;
}

.altGlossaryOptionsButton {
   display: none;
}

body[data-glossaryfullwidthstatus="on"] {
   /* border: 8px solid purple; */
}

body[data-glossaryfullwidthstatus="on"] #newGlossaryContainer {
   width: 100%;
   /* border: 2px solid #530080; */
}

body[data-showadminbar="no"] #newGlossaryContainer {
   /* border: 7px solid #64c2c9; */
}

body[data-glossaryfullwidthstatus="on"] #jsInfo {
   display: none;
}

#actualGlossaryOptions i {
   /* border: 1px solid green; */
}


#glossaryVideoLocation,
#glossaryElementDisplaySection,
#overlayOnPauseSection,
#playbackSpeedSection {
   /* border: 1px solid #ffffff38; */
}

.glossaryOptionsHelpContainer {
   vertical-align: top;
}

.glossaryLogoFull {

   line-height: 28px;

   /* border: 1px solid yellow; */
}

.glossaryLogoPartial {
   /* border: 1px solid cyan; */
   height: 31px;
   line-height: 31px;
   overflow: hidden;
}

#codeCreateNavButton i {
   line-height: 36px;
   vertical-align: top;
   height: 28px;
   line-height: 34px;
   position: relative;
}

#codeCreateNavButton {
   margin-right: 5px;
}

#vuePlaybackSpeed,
#glossaryPreferredVideoLocation {
   background: #050c1f;
   outline: none;
   border: 1px solid #101010;
}

#glossaryPreferredVideoLocation option {
   background: #050c1f;
   color: lightblue;
}

#glossary_to_do {
   position: absolute;
   bottom: 150px;
   width: 400px;
   right: 20px;
   background: #212121db;
   border: 2px solid #000000;
   padding: 6px;
   padding-bottom: 30px;
   color: #becad2;
   display: none;
}

.glossary_to_do_title {
   position: absolute;
   bottom: 0;
   background: black;
   right: 0;
   padding: 3px;
}

#glossaryInner {
   border: 2px solid cyan;
   vertical-align: top;
   width: calc(100% - 340px);
   /*ths is when sidebar is active..*/
   width: 100%;
   transition: .2s width;
   overflow: hidden;
   position: relative;
   /* vertical-align: top; */
   top: 0;
}

body[data-showadminbar="no"] #glossaryInner {
   border: none;
}





.thirdGlossaryLoc .groupContentsIcon i {

   height: 46px;
   line-height: 49px;
   font-size: 17px;
}

.thirdGlossaryLoc .individualEntryIcon i {

   height: 46px;

   line-height: 28px;

   font-size: 14px;

   /* border: 1px solid yellow; */
}

#glossaryTopBar {
   background: #000000;
   /* border-bottom: 4px solid magenta; */
   z-index: 4400;
}

body.touch_landscape #glossaryTopBar {
   overflow: visible;
}

body.touch_landscape #page[data-glossarytype="mini"] #glossaryTopBar {
   height: 80px !important;
   /* overflow: hidden; */
   /* border: 1px solid #b1a67d00 !important; */
   /* position: relative; */
   padding-top: 37px;
}

body.touch_landscape #page[data-glossarytype="keyboard"] #glossaryTopBar {
   height: 52px !important;
}

body.touch_landscape #page[data-glossarytype="keyboard"] #topBarLineTwo {
   display: none;
}

.toggleExtraFeatureFinal {
   position: absolute;
   right: 18px;
   top: 8px;
   padding: 5px;
   background: #0e3933;
   cursor: pointer;
   opacity: 0.4;
}

.toggleExtraFeatureFinal[data-extrafeaturefinalstatus="on"] {
   background: #031f03;
}

.toggleExtraFeatureFinal[data-extrafeaturefinalstatus="off"] {
   background: #341717;
}

.leftLoc,
.singleGroupContentEntry.leftLoc {
   /* border: 4px solid green !important; */
}

#lightboxText .modulePageExplanation {
   /* border: 1px solid gray; */
   width: 98%;
   padding-bottom: 8px;
   padding-left: 8px;
   padding-top: 3px;
}

#lightbox.recording #lightboxText .modulePageExplanation {
   padding-top: 0px;
}

.rightLoc,
.singleGroupContentEntry.rightLoc {
   /*border: 4px solid magenta !important;*/
}

#allGlossaryGroups[data-videolocation="left"] {
   /*bordeR: 2px solid yellow;*/
}

#allGlossaryGroups[data-videolocation="right"] {
   /* bordeR: 2px solid green; */
}

body.touch_landscape #allGlossaryGroups {
   height: calc(100% - 31px);
}

#allGlossaryGroups[data-videolocation="bottom"] {
   bordeR: 2px solid cyan;
}

#allGlossaryGroups[data-videolocation="top"] {
   /* bordeR: 2px solid magenta; */
}

#allGlossaryGroups {
   height: 100%;
   bordeR: 1px solid black;
   /* padding: 20px; */
}

body.touchscreen #allGlossaryGroups {
   border: none;
}

#glossaryGroupsSidebar {
   bordeR: 1px solid #368e6d;
   width: 305px;
   display: inline-block;
   /* background: #543259; */
   display: none;
}

body[data-showadminbar="no"] #glossaryGroupsSidebar {
   border: 1px solid #313e51;
}


.glossaryClickablePages {
   /* background: black; */
   min-height: 40px;
   position: relative;
   min-width: 40px;
   display: block;
   /* max-height: 90%; */
   /* max-width: 95%; */
}

.mainGlossarySidebar {
   display: block;
}

.thirdGlossaryLoc {
   width: 100%;
}

.toggleGlossaryPageTop,
.toggleFullWidthTop {
   position: absolute;
   top: 29px;
   left: 17px;
   background: #0f0f10;
   z-index: 15;
   cursor: pointer;
   font-size: 10px;
   opacity: .4;
}

.toggleFullWidthTop {
   top: 54px
}

.glossaryPageLink {
   display: none;
}

.createOneClickable,
.parseOneStampGroup {
   display: none;
}

.mainGlossarySidebar {
   /* border: 2px solid #00d8ff; */
}

.combinedGlossarySidebar {
   /* border: 2px solid #513762; */
}

.moduleGlossarySidebar {
   /* border: 2px solid #8f8734; */
}

.summaryGlossarySidebar {
   border: 2px solid #00ff0d;

}

body[data-showadminbar="no"] .summaryGlossarySidebar {
   border: none;
}

body[data-showadminbar="no"] .moduleGlossarySidebar {
   border: none;
}

.clickableGlossaryPageButton[data-type="summary"] {
   /* border: 1px solid #ffff0069; */
}

.clickableGlossaryPageButton[data-type="module"] {
   /* border: 1px solid #00f3ff7d; */
}

.mainGlossarySidebar .clickableGlossaryPageButton[data-type="glossary"] {
   /* border: 1px solid #d40baa5e; */
}

.clickableGlossaryPageButton {
   position: relative;
}

.combinedGlossarySidebar,
.mainGlossarySidebar,
.moduleGlossarySidebar,
.summaryGlossarySidebar {
   display: none;
   height: 99%;
}

#page[data-glossarytype="mini"] #glossaryGroupsSidebar,
#page[data-glossarytype="keyboard"] #glossaryGroupsSidebar {
   display: none !important;
}

#theGlossary[data-type="combined"] .combinedGlossarySidebar,
#theGlossary[data-type="module"] .moduleGlossarySidebar,
#theGlossary[data-type="summary"] .summaryGlossarySidebar,
#theGlossary[data-type="glossary"] .mainGlossarySidebar {
   display: block;
}

.reloadLastLoaded {
   left: 230px;
   background: #3c0e3f;
   opacity: 1;
}

.thirdCombinedLoc,
.thirdGlossaryLoc,
.thirdCombinedLoc,
.thirdModuleLoc,
.thirdSummaryLoc {
   width: 100%;
}


body.touchscreen .thirdGlossaryLoc,
body.touchscreen thirdCombinedLoc,
body.touchscreen thirdSummaryLoc,
body.touchscreen thirdModuleLoc {
   border: none !important;
}

.thirdCombinedLoc {
   /* background: #5a495a; */
}


.relatedFeaturesSection .groupContentsIcon i {
   height: 43px;
   line-height: 45px;

}

.relatedFeaturesSection .individualEntryIcon i {

   line-height: 27px;

}

.combinedVideoOperations {
   display: none;
}


.toggleFullWidthBottom {
   background: #352507;
   left: 400px;
}

.toggleGlossaryPageBottom {
   background: #163403;
   left: 200px;
}

#mainGlossarySearchInput:focus {
   outline: none;
}

.kbContainerTitle,
.kbContainerToggle {
   position: absolute;
   top: 30px;
   left: 40px;
   background: black;
   padding: 8px;
   cursor: pointer;
   color: lightblue;
}


.kbContainerToggle {
   background: #452657;
   color: #cdcdcd;
   left: 400px;
}

#kb_print[data-caller="glossaryPage"] {
   display: block;
   width: 100%;
   border: none;
   top: 0;
   height: 100%;
   position: relative;
   padding-bottom: 45px;
   background: #4a425d;
   background: #171d37;
}

#page[data-bottombarshown="no"] #kb_print {
   background: #171d37;
}

.glossaryPagePickerArea {
   background: black;
   position: absolute;
   top: 7px;
   z-index: 15;
   right: 12px;
   font-size: 12px;
   opacity: .8;
   bordeR: 1px solid yellow;
   display: none !important;
}


.glossaryPagePickerButton {
   display: inline-block;
   cursor: pointer;
   border: 1px solid #a2abaeab;
   padding: 0px 8px;
   color: #928d8d;
   cursor: pointer;
}

.slideshowBarLoadAndPause {
   font-size: 17px;
   background: #000000;
   height: 44px;
   position: relative;
   border: 1px solid #00ffff05;
   overflow: hidden;
}

.qwe,
.rty {
   font-size: 18px;
   position: absolute;
   top: 0;
   left: 300px;
   margin: 0;
   opacity: 1;
   background: #041f04;
   width: 100px;
   padding: 6;
   z-index: 5;
}


#page[data-glossarytype="mini"] .glossaryPagePickerButton.mini,
#page[data-glossarytype="main"] .glossaryPagePickerButton.main,
#page[data-glossarytype="keyboard"] .glossaryPagePickerButton.keyboard {
   background: #1e283f;
   border: 1px solid #add8e675;
   color: #b0bfc5;
}

#alt_feature_admin_bar {
   background: #000000;
   position: fixed;
   bottom: 0;
   height: 42px;
   width: 100%;
   z-index: 120;
   border: 1px solid #444444;
}

body[data-showadminbar="no"] #alt_feature_admin_bar {
   border: 2px solid yellow;
   display: none;
}

#topBarLineTwo {
   display: none;
}

.windowMeasurements {
   vertical-align: top;
}

#page>.windowMeasurements {
   position: fixed;
   top: 84%;
   right: 23px;
   left: unset;
   z-index: 444;
   width: 340px;
   opacity: 0.7;
   display: none;
}

#page .mainGlossaryNav .windowMeasurements {
   margin: 0 !important;
   position: absolute;
   left: 400px;
   z-index: 44;
   text-align: left !important;
   padding-left: 19px;
   width: 400px;
}



.altFeatureTitle {
   position: absolute;
   top: 0;
   right: 0;
   background: darkblue;
   padding: 3px;
}

.thisSectionTitle {
   border: 1px solid #466d9982;
   display: inline-block;
   margin-right: 20px;
   margin-left: 20px;
   padding: 3px;
   color: lightgray;
   width: 340px;
}

.sectionTitleActual {
   display: inline-block;
   color: #7da1c2;
}

.glossaryToggleAdminInfo {
   display: none;
}

#glossaryBottomBar {
   border: 1px solid magenta;
}

#page[data-glossarytype="mini"] #glossaryBottomBar,
#page[data-glossarytype="keyboard"] #glossaryBottomBar {
   display: none !important;
}

body[data-showadminbar="no"] #glossaryBottomBar {
   border: 1px solid #3f3f3f17;

}

.mainGlossaryNav {
   /* border: 1px solid green; */
   position: relative;
   background: inherit;
}

.modulePageScreenshotOrVideo {
   /* border: 1px solid #ffff0012; */
   position: absolute;
   left: 500px;
   font-size: 18px;
   display: none;
}

#theGlossary[data-type="summary"] .modulePageScreenshotOrVideo,
#theGlossary[data-type="module"] .modulePageScreenshotOrVideo {
   display: block;
}



.modulePageScreenshotOrVideo.secondLocation {
   z-index: 333;
   bottom: 14px;
   padding: 2px;
   /* border: 1px solid #a85eb1; */
}

#theGlossary[data-type="summary"] .modulePageScreenshotOrVideo.secondLocation,
#theGlossary[data-type="module"] .modulePageScreenshotOrVideo.secondLocation {
   display: none;
}

.changeLandingPageImageType {
   font-size: 14px;
}

.changeVariousLandingType,
.changeLandingPageImageType,
.modulePageImageType {
   display: inline-block;
   border: 1px solid #00000085;
   margin-right: 30px;
   cursor: pointer;
   width: 180px;
   text-align: center;
   background: #1b232d;
   opacity: 0.4;
}

body.touch_portrait .modulePageImageType {
   display: block;
   font-size: 25px;
   width: unset;
   margin-bottom: 5px;
   padding: 0px 4px;
}

.changeModulePageTypeSecond {
   /* border: 3px solid #7aa394; */
   position: absolute;
   left: 551px;
   top: 41.9px;
   display: none;
}



.changeLandingPageImageType {
   vertical-align: top;
}

.changeVariousLandingType[data-active="yes"],
.changeLandingPageImageType[data-active="yes"],
.modulePageImageType[data-active="yes"] {
   background: black;
   color: #a3bad0;
   border: 1px solid #a3bad030;
   opacity: 1;
}

.changeLandingPageImageType[data-active="yes"] {
   color: #55b1de;
   bordeR: 1px solid #00a1ff8a;
}

#landingTwoMain[data-imagetype="slideshow"] {
   /* bordeR: 10px solid magenta; */
}


#landingTwoMain[data-imagetype="video"] {
   /* bordeR: 10px solid blue; */
}

.landingVideoOrSlideshow {
   /* border: 1px solid cyan; */
   height: 44px;
   line-height: 33px;
}

.changeVariousLandingType {
   position: absolute;
   right: 48px;
   top: 0;
   font-size: 19px;
   margin: 0;
}

.changeVariousLandingTypeRow {
   position: sticky;
   top: 0px;
   z-index: 24;
   height: 38px;
   width: 100%;
   /* border: 3px solid magenta; */
   background: #0a0a0a;
}

body.touch_portrait .changeVariousLandingTypeRow {
   height: 51px;
}

body.touch_portrait .changeVariousLandingType {
   font-size: 28px;
   width: unset;
}

#landingArrContainer {
   /* bordeR: 2px solid yellow; */
   position: sticky;
}

.changeVariousLandingType[data-type="screenshots"] {
   right: 257px;
}

body[data-glossaryfullwidthstatus="off"] .changeVariousLandingType[data-type="screenshots"] {
   right: unset;
   left: 200px;
}

body[data-glossaryfullwidthstatus="off"] .changeVariousLandingType {
   right: unset;
   left: 400px;

}

body.touch_portrait .mainGlossaryNav {
   /* border: 1px solid yellow; */
   height: unset;
}


.disableTheNav {
   display: none;
}

.glossaryPreviousNext {
   max-width: 600px;
   left: 18px;
   min-width: 300px;
   max-width: 600px;
   width: unset;
}

body.touch_portrait .glossaryPreviousNext {
   vertical-align: top;
   bottom: unset;
   left: 2px;
   white-space: nowrap;
   /* max-width: 459px; */
   min-width: unset;
   overflow: hidden;
   /* bordeR: 1px solid yellow; */
   display: block;
   position: relative;
}

body.touch_portrait #glossaryBottomBar select {
   font-size: 20px;
   margin-bottom: 2px;
   vertical-align: top;
   color: rgb(165, 191, 199);
}

.keyboardShortcutAvailable {
   display: none;
}

#page[data-glossarytype="landing"] .disableTheNav,
#page[data-glossarytype="mini"] .disableTheNav,
#page[data-glossarytype="keyboard"] .disableTheNav {
   display: block;
   position: absolute;
   top: 0;
   left: -8px;
   width: 107%;
   height: 100%;
   background: inherit;
   z-index: 15;
   /* border: 1px solid #bfbfdf; */
}

#newKBContainer,
#small_feature_page,
#glossaryInner,
#glossaryGroupsSidebar {
   height: calc(100% - 99px);
}

#newKBContainer,
#small_feature_page {
   height: calc(100% - 7px);
}

#page.isMobile #newKBContainer,
#page.isMobile #small_feature_page,
#page.isMobile #glossaryInner,
#page.isMobile #glossaryGroupsSidebar {
   height: calc(100% - 154px);
   /* border: 3px solid green; */
}

#page[data-bottombarshown="no"] #newKBContainer,
#page[data-bottombarshown="no"] #small_feature_page,
#page[data-bottombarshown="no"] #glossaryInner,
#page[data-bottombarshown="no"] #glossaryGroupsSidebar {
   height: 100%;
}

#small_feature_page {
   position: relative;
   display: none;
   top: 0;
}

.oneGlossaryBottomBarTab[data-type="mini"] {
   background: #292742;
}

.oneGlossaryBottomBarTab[data-type="keyboard"] {
   background: #4c3248;
}





.oneGlossaryBottomBarTab {
   min-width: 85px;
   text-align: center;
}



.altFeatureTitleArea,
.keyboardShortcutsTitleArea {
   display: none;
}

body.touch_landscape #glossaryTopBar>.altFeatureTitleArea {
   display: none;
}

#page[data-glossarytype="keyboard"] .keyboardShortcutsTitleArea,
#page[data-glossarytype="mini"] .altFeatureTitleArea {
   display: block;
}

#page[data-glossarytype="keyboard"] .keyboardShortcutsTitleArea {
   max-width: 500px;
   /* border: 1px solid #0080005e; */
}


.altFeatureMainTitle {
   /* border: 1px solid yellow; */
   text-align: center;
   height: 70px;
   line-height: 70px;
   font-size: 30px;
   text-align: left;
   padding-left: 50px;
   color: #86afbd;

}

body.touch_landscape #topBarLineTwo {
   margin-top: 44px;
   height: 30px;
}

body.touch_landscape #page[data-glossarytype="mini"] #topBarLineTwo {
   margin-top: 0;
   /* padding-top: 39px; */
}

.kbPrintingAssistance {
   display: inline-block;
   font-size: 13px;
   margin-left: 18px;
   opacity: .6;
   cursor: help;
   line-height: 72px;
   height: 80px;

   vertical-align: top;
}

.miniFeatureShowcase {
   font-size: 20px;


}

.altFeatureMainTitle i {
   font-size: 13px;

   line-height: 73px;
}


.inactiveSelectOption[data-var="keyboardShortcutModuleFilter"],
.inactiveSelectOption[data-var="subType"] {
   width: 140px !important;
}


.marginReminderText.mainMsg {
   display: none;
}

.marginReminderText.tasks {
   opacity: .9;
}

#page[data-bottombarshown="no"] #newKBContainer .marginReminderText.tasks {
   display: none;
}

#page[data-bottombarshown="no"] #newKBContainer .marginReminderText.mainMsg {
   display: block;
   margin-bottom: 10px;
}

.oneGlossaryBottomBarTab[data-type="landing"],
.oneGlossaryBottomBarTab[data-type="glossary"],
.oneGlossaryBottomBarTab[data-type="summary"],
.oneGlossaryBottomBarTab[data-type="module"],
.oneGlossaryBottomBarTab[data-type="combined"],
.oneGlossaryBottomBarTab[data-type="mini"],
.oneGlossaryBottomBarTab[data-type="keyboard"] {
   background: #1d1d1e;
   color: rgb(211, 211, 211);
   color: #9bcddc;
   border: 1px solid #1d1d1f;
   opacity: .8;
}

.oneGlossaryBottomBarTab[data-type="summary"],
.oneGlossaryBottomBarTab[data-type="combined"],
.oneGlossaryBottomBarTab[data-type="keyboard"] {
   /*background: #454d69;*/
   color: #9bcddc;
}

.oneGlossaryBottomBarTab[data-active="yes"] {

   color: rgb(130 166 202 / 92%);
   background: black;
   opacity: 1;
   border: 1px solid rgb(130 166 202 / 73%);
}

.glossaryTabsNavTitle {
   display: inline-block;
   color: #8ea4a9;
   margin-right: 20px;
}

.glossaryActualTitle,
.moduleTitleText {
   display: inline-block;
   color: rgb(172, 219, 237);
   margin-top: 5px;
   max-width: calc(100% - 76px);
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.glossaryActualTitle .oneHelpButton {
   height: 30px;
   font-size: 12px;
   line-height: 35px;
   opacity: .6;

}

.combinedHelp,
.moduleHelp,
.summaryHelp {
   display: inline-block;
   color: lightblue;


   height: 38px;
   vertical-align: top;

}

#glossaryBottomBar #glossary_nav_dropdown {
   height: 32px;
   line-height: 25px;
   border: 1px solid #000000;
   vertical-align: top;
   background: #1a1a3a;
   font-size: 15px;
   padding-left: 12px;
   outline: none;
}

.glossaryNavDropdownTitle {
   display: none;
   margin-left: 20px;
   opacity: .4;
}

.changeGlossaryNavButton {
   background: #080852;
   padding: 6px;
   display: inline-block;
   margin-left: 8px;
   cursor: pointer;
}

.combinedHelp i,
.moduleHelp i,
.summaryHelp i {
   height: 30px;
   font-size: 12px;
   line-height: 44px;
   opacity: .6;
}

#page[data-helpbuttons="off"] .oneHelpButton {
   display: none;
}

#kb_shortcut_rec {
   z-index: 400;
}

.glossaryNavDropdownArea {
   display: none;
}

.actualGlossaryTabs {
   display: inline-block;
   /* border: 1px solid #99bdc947; */
   width: calc(100% - 126px);
   vertical-align: top;
}

#page.isMobile .actualGlossaryTabs {
   width: unset;
}

body.touch_landscape #page .actualGlossaryTabs {
   /* border: 2px solid pink; */
   width: Unset;
}

.navTitlePartial {
   display: none;
}

#page.isMobile .navTitlePartial {
   height: 61px;

   line-height: 50px;
}


body.touch_portrait #glossaryBottomBar .glossaryBottomBarTabs {
   /* bordeR: 1px solid yellow; */
   padding: 0;
   height: 70px;
   display: inline-block;
   /* background: #1f1f21; */
   position: relative;
   width: unset;
   height: unset;
}

#page.isMobile .oneContentItem {
   width: 47%;
   font-size: 1.2em;
}

body.touch_portrait #glossaryBottomBar {
   height: unset;
   /* bordeR: 2px solid #a74eae; */
   min-height: 170px;
   z-index: 333;
}

#page[data-glossarytype="landing"] #glossaryBottomBar {
   display: none !important;
}



#page.isMobile .altFeatureMainTitle,
#page.isMobile .miniFeatureShowcase {
   /* font-size: 1.3em; */
}

#page.isMobile .glossaryTabsNavTitle {
   font-size: 1.5em;
}

#page.isMobile .oneGlossaryBottomBarTab {
   font-size: 21px;
   padding: 7px 16px;
   margin-right: 7px;
   border: none;
}


#page.isMobile .newExplanationLine i {
   font-size: 15px;
   line-height: 16px;

   height: 30px;
   line-height: 35px;
   vertical-align: top;
}

#page.isMobile .newExplanationLine {
   font-size: 24px;
   line-height: 35px;
}

body.touch_portrait #page.isMobile .newExplanationLine {
   font-size: 32px;
   line-height: 40px;
   /* border: 1px solid green; */
   margin-bottom: 10px;
}

#page.isMobile .groupContentsTitle {
   font-size: 21px;
}

#page.isMobile .groupContentName {
   font-size: 18.5px;
}

#page.isMobile .moduleActualTitle,
#page.isMobile .moduleTitleText {
   font-size: 19px;
}

#page.isMobile .keyHintLabel {
   font-size: 17px;
}


#theGlossary[data-type="combined"] .glossaryActualTitle,
#theGlossary[data-type="module"] .glossaryTitleText,
#theGlossary[data-type="module"] .glossaryActualTitle,
#theGlossary[data-type="summary"] .glossaryTitleText,
#theGlossary[data-type="summary"] .glossaryActualTitle {
   display: none !important;
}


#theGlossary[data-type="glossary"] .moduleTitleText,
#theGlossary[data-type="glossary"] .moduleHelp,
#theGlossary[data-type="glossary"] .summaryHelp,
#theGlossary[data-type="glossary"] .combinedHelp,
#theGlossary[data-type="summary"] .moduleHelp,
#theGlossary[data-type="summary"] .combinedHelp,
#theGlossary[data-type="combined"] .moduleHelp,
#theGlossary[data-type="combined"] .summaryHelp,
#theGlossary[data-type="module"] .combinedHelp,
#theGlossary[data-type="module"] .summaryHelp {
   display: none !important;
}


#page.isMobile[data-glossarytype="combined"] .windowMeasurements,
#page.isMobile[data-glossarytype="main"] .windowMeasurements,
#page.isMobile[data-glossarytype="module"] .windowMeasurements,
#page.isMobile[data-glossarytype="summary"] .windowMeasurements {
   display: none;
}

.oneGlossaryBottomBarTab .fullName {
   display: inline-block;
}

.oneGlossaryBottomBarTab .partialName {
   display: none;
}


#page.isMobile .oneGlossaryBottomBarTab .fullName {
   display: none;
}

#page.isMobile .oneGlossaryBottomBarTab .partialName {
   display: inline-block;
}


body.touch_portrait .glossaryLoadMoreSectionTitle {
   font-size: 22px;
   width: unset;
   padding-right: 5px;
   vertical-align: top;
   line-height: 30px;
   color: rgb(165, 191, 199);
}

body.touch_portrait .glossaryTitle {
   font-size: 22px;
}

#page.isMobile .glossarySidebarToggle,
#page.isMobile .glossarySearchToggle {
   right: 74px;
   top: 5px;
   padding: 6px 19px;
}

#page.isMobile .glossarySidebarToggle {
   right: 5px;
   top: 3px;
   padding: 2px 19px;
}

#page.isMobile .mainGlossarySearchButtonsRow {
   right: 141px;
   /* border: 2px solid cyan; */
}

#page.isMobile .keyboardKey {
   font-size: 15px;
   min-width: 70px;
}

#page.isMobile .keyHintRow {
   height: 54px;
}

#page.isMobile .firstKeyHintRow {
   height: 33px;
}

.oneStampLine:nth-child(odd) {
   background: #0b0f1d;
   color: #9ab6c0;
}

.plyr__control.plyr__control--overlaid {
   /* outline: 6px solid green; */
}

/*media queries below.....*/
/*media queries below.....*/
/*media queries below.....*/
/*media queries below.....*/
/*media queries below.....*/
/*media queries below.....*/











/*media queries below.....*/
/*media queries below.....*/
/*media queries below.....*/
/*media queries below.....*/
/*media queries below.....*/
/*media queries below.....*/
@media only screen and (max-height: 1000px) {
   #mainCCIntro {
      min-height: 925px;
      /* border: 1px solid yellow; */
   }
}

@media only screen and (max-height: 500px) {
   #betaTesterContainerInner {
      /* border: 1px solid yellow; */
      height: calc(100% - 10px);
      overflow-y:auto;
      font-size:.9em
   }

   #betaTesterTwoOptions{
      font-size: 19px;
      margin-bottom: 8px;
      text-align: left;
      padding-left: 20px;
   }

   .betaTesterOptionTitle {
         font-size: 18px;
   }

   .betaTesterOptionExplanation {
      font-size: 14px;
      padding: 4px;
      margin-bottom: 5px;
      margin-left: 0;
      margin-right: 0;
      line-height: 24px;
   }

   #betaTesterContainerHeading {
      font-size: 20px;
      margin-bottom: 0;
   }

   #betaTesterContainer {
      height: 413px;
      overflow:hidden;
      margin: 0;
      margin-left: 40px;
      margin-top: 18px;
      max-width: unset;
      width: 92%;
   }

   #betaTesterOptionA,
    #betaTesterOptionB {
       width: 49%;
       display: inline-block;
       overflow:hidden;
       height: 238px;
       margin-right: 1px;
       margin-left: 5px;
       height: 196px;
    }

   .betaTesterAreaClose {
      font-size: 19px;
      top: 11px;
   }

}

@media only screen and (max-height: 500px) {

   #page .glossaryBottomBarTabsInner {

      padding-top: 1px;
   }

   #page.isMobile #glossaryBottomBar {
      /* border: 1px solid #95ff00; */
      max-height: 26px;
      overflow: hidden;
      bottom: 0;
   }

   #page.isMobile .oneGlossaryBottomBarTab {
      padding: 0px 5px;


   }

   .keyboardKey.makeBigger .oneSpecialLineShift .oneSpecialLineText {
      margin-top: 0px;
   }

   #keyHintContainer {
      height: calc(100% - 68px);
      margin-bottom: 9px;
   }

   #page .keyboardKey,
   #page.isMobile .keyboardKey {
      font-size: 13px;
      height: 25px;
      line-height: 25px;
   }

   #page .longKey,
   #page.isMobile .longKey {
      font-size: 9px;
   }

   #kb_print[data-caller="glossaryPage"] {
      padding-bottom: 20px;

   }

   .keyboardKey .oneSpecialLine {
      line-height: 10px;
   }

   .keyHintRow,
   #page.isMobile .keyHintRow {
      height: 33px;
      line-height: 26px;
   }

   .firstKeyHintRow,
   #page.isMobile .firstKeyHintRow {
      height: 25px;

   }

   .firstKeyHintRow .shortcut,
   #page.isMobile .firstKeyHintRow .shortcut,
   .firstKeyHintRow .key,
   #page.isMobile .firstKeyHintRow .key {
      height: 25px;
      line-height: 17px;

   }

   .keyHintLabel,
   #page.isMobile .keyHintLabel {
      font-size: 12px;
   }

   #page.isMobile .oneContentItem {
      width: 32%;
   }

   .oneAltGroup {
      padding-bottoM: 4px;
      height: unset;
      min-height: unset;
   }

   .oneAltGroupTitle {

      height: 25px;
      overflow: hidden;
      line-height: 25px;
      font-size: 17px;
   }

   #page .oneContentItem,
   #page.isMobile .oneContentItem {
      font-size: 12px;
      margin: 4px;
   }

   .oneStampLine {

      font-size: 12px;
      margin-bottom: 2px;
   }

   .stampLineTitle {
      width: 200px;

      overflow: hidden;
   }

   .combinedSectionTitle {
      height: 25px;
      line-height: 25px;
      font-size: 15px;
   }

   .combinedVideoArea {
      /* border: 2px solid green; */
      width: 48%;
      min-height: unset;
   }

   .thirdCombinedLoc .oneAppendedGlossaryPage .plyr {
      height: unset;
   }

   #page.isMobile .glossarySearchToggle,
   #page.isMobile .glossarySidebarToggle {
      top: 4px;
      font-size: 13px;
   }

   #page.isMobile .glossarySidebarToggle {
      top: -1px;
   }

   .glossaryTitle {
      height: 30px;
      line-height: 30px;
   }

   #page .glossaryActualTitle,
   #page.isMobile .glossaryActualTitle,
   #page .moduleActualTitle,
   #page .moduleTitleText,
   #page.isMobile .moduleActualTitle,
   #page.isMobile .moduleTitleText {
      font-size: 14px;
      line-height: 20px;
   }

   #page .glossaryActualTitle,
   #page.isMobile .glossaryActualTitle {
      line-height: 23px;
   }

   #page .glossaryActualTitle i,
   #page.isMobile .glossaryActualTitle i,
   #page .combinedHelp i,
   #page .moduleHelp i,
   #page .summaryHelp i {
      font-size: 10px;
      line-height: 30px;
   }

   #page .glossaryActualTitle i,
   #page.isMobile .glossaryActualTitle i {
      line-height: 25px;
   }

   .modulePageExplanation.leftLoc,
   .modulePageExplanation.rightLoc {
      /* border: 2px solid magenta; */
      width: calc(100% - 513px);
      padding-left: 8px;
      padding-right: 8px;
      padding-top: 8px;
   }

   .modulePageMainVideo {
      /* border: 2px solid green; */
      min-height: unset;
      width: 500px;
      overflow: hidden;
   }

   .modulePageMainVideo .plyr {
      min-height: unset;
   }

   #glossaryBottomBar {
      /* border: 1px solid yellow !important; */
      height: 45px !important;
   }

   #sidebarClickArea,
   .glossaryElementContainer {
      display: none !important;
   }

   .mainGlossaryNav {
      display: none;
   }

   #page .glossaryTabsNavTitle,
   #page .oneGlossaryBottomBarTab {
      font-size: 10px !important;
      /* border: 1px solid purple; */
   }

   #page .glossaryTabsNavTitle {
      height: 30px;
      line-height: 23px !important;
   }

   .navTitleFull,
   .navTitlePartial {
      line-height: inherit !important;
   }

   .glossaryLogo {
      font-size: 21px;
      top: 3px;
   }

   #page #landingTwoMainVideo,
   #page #landingTwoMainText {
      border: 1px solid #5bfdd5;
      height: 395px;
      min-height: unset;
   }

   .callToActionLine {
      line-height: 15px;
      font-size: 12px;
   }

   #page .callToActionOne {
      padding: 0;
      font-size: 13px;
      line-height: 31px;
   }

   #glossaryTopBar {
      /* border: 2px solid cyan; */
      height: 40px;
   }

   .introHeader {
      padding-bottom: 5px;
   }

   #page .iconSpot {
      height: 26px;
      overflow: Hidden;
      line-height: 21px;
      /* border: 1px solid #ffffff42; */
   }


   #page .iconSpot i {
      font-size: 13px;
      line-height: 24px;
   }

   #page .mainMessageSupportLine {
      font-size: 16px;
   }

   #page[data-highlightWindowMeasurement="yes"] .windowMeasurements {
      /* height: 37px !important; */
      /* border: 1px solid yellow; */
      min-height: unset;
      transform: scale(1.3);
      top: 10px;
      left: 70px;
   }

   #landingTwoMenu {
      padding-top: 0;
      height: 40px;
   }

   .landingSignUpButton,
   .landingLinkButton,
   .landingMenuButton {
      height: 27px;
      line-height: 27px;
   }

   .landingTwoMainNavigation>i {
      line-height: 31px;
      font-size: 15px;
   }

   #page.isMobile #newKBContainer,
   #page.isMobile #small_feature_page,
   #page.isMobile #glossaryInner,
   #page.isMobile #glossaryGroupsSidebar {
      height: calc(100% - 41px);
      /* border: 2px solid green; */
   }

   body.touch_landscape #page #glossaryInner {
      height: calc(100% - 27px);
   }

   body.touch_landscape #newKBContainer {
      height: 100% !important;
   }

   body.touch_landscape #small_feature_page {
      height: calc(100% - 9px) !important;
   }

   #theGlossary {
      height: calc(100% - 41px) !important;
   }

   body.touch_landscape #theGlossary {
      height: calc(100% - 83px) !important;
   }

   body.touch_landscape #page[data-glossarytype="landing"] #theGlossary {
      height: calc(100% - 40px) !important;
   }

   body.touch_landscape #page[data-glossarytype="main"] #theGlossary {
      height: calc(100% - 39px) !important;
   }

   body.touch_landscape #page[data-glossarytype="keyboard"] #theGlossary {
      height: calc(100% - 53px) !important;
   }


   .thirdGlossaryLoc .oneVideoDiv .plyr {
      min-height: unset;
   }

   #glossaryPage[data-debug="final"] .singleGroupContentEntry[data-type="spaceForPicture"] {
      min-width: unset;
      min-height: unset;
      /* border: 2px solid #00ff9b3b; */
      max-width: 420px;
   }

   #glossaryPage[data-debug="final"] .singleGroupContentEntry[data-type="gifEntry"] {
      width: calc(100% - 430px);
      /* border: 1px solid #00ffff63; */
   }

   #page .newExplanationLine,
   #page.isMobile .newExplanationLine {
      font-size: 12px;
      /* border: 1px solid #8499847d; */
      line-height: 18px;
      padding-top: 4px;
      padding-bottom: 4px;
   }

   #page .newExplanationLine i,
   #page.isMobile .newExplanationLine i {
      font-size: 10px;
      line-height: 20px;
      height: 16px;
   }

   #page .modulePageExplanation .newExplanationLine i,
   #page.isMobile .modulePageExplanation .newExplanationLine i {
      font-size: 8px;
   }

   .oneGlossaryGroup {
      min-height: unset;
      /* border: 1px solid #00800073; */
      overflow: hidden;
   }

   #page.isMobile .groupContentsTitle i,
   .groupContentsTitle i,
   #page.isMobile .groupContentsTitle,
   .groupContentsTitle {
      font-size: 12px;
      line-height: 26px;
   }

   #page.isMobile .groupContentsTitle i,
   .groupContentsTitle i {
      line-height: 27px;
   }


   .groupContentName i,
   #page.isMobile .groupContentName i,
   .groupContentName,
   #page.isMobile .groupContentName {
      font-size: 12px;
      line-height: 16px;
      /* padding: 8px 8px 8px 55px; */
   }

   .groupContentName,
   #page.isMobile .groupContentName {
      padding: 8px 8px 8px 57px;
   }

   .groupContentName i,
   #page.isMobile .groupContentName i {
      font-size: 10px;
   }

   #page .altFeatureMainTitle,
   #page .miniFeatureShowcase,
   #page.isMobile .altFeatureMainTitle,
   #page.isMobile .miniFeatureShowcase {
      font-size: 14px;
      line-height: 35px;
   }

   #page .altFeatureMainTitle i,
   #page .miniFeatureShowcase i,
   #page.isMobile .altFeatureMainTitle i,
   #page.isMobile .miniFeatureShowcase i {
      line-height: 38px;
      font-size: 9px;
   }

   .kbPrintingAssistance {
      line-height: 38px;
      font-size: 9px;
   }

   #mainCCIntro {
      height: unset;
      padding-bottom: 40px;
   }

   .videoOrSlideshow,
   .makeFinalControls {
      display: none;
   }

}

/* end of max height 500px */

@media only screen and (max-height: 450px) {

   #page #slideshowBar {
      display: none;
   }

   #page #landingTwoMainVideo,
   #page #landingTwoMainText {
      border: 1px solid #a1965c;
      height: unset;
      min-height: unset;
   }

   #page #landingTwoMainVideo {
      padding-top: 0;
   }

   #page .mainMessageSupportLine {
      font-size: 12px;
   }

   #page .oneLandingModuleType {
      font-size: 9px;
   }

   .iconSpot {
      /* display: none; */
      height: 20px !important;
      line-height: 19px !important;
      ;
      font-size: 11px !important;
      ;
   }


   #page .iconSpot i {
      line-height: inherit !important;
      font-size: inherit !important;
   }

   #page .callToActionOne {
      padding: 0;
      font-size: 12px;
      line-height: 21px;
   }

   #page .introHeader {
      font-size: 18px;
      /* border: 1px solid #ffffff3d; */
      padding: 0;
      line-height: 28px;
      padding-left: 9px;
   }

   #page .welcomeText,
   #page .welcomeLogo {
      line-height: 24px;
   }
}

/*end of max height 450px */

@media only screen and (max-height: 400px) {

   #glossaryPage {
      border: none;
   }

   #page #landingTwoMainVideo {
      width: 39%;
      border: 1px solid #fffe002e !important;
      padding-bottom: 0;
      height: unset;
   }

   .plyr {
      /* border: 1px solid #5ca45b; */
   }
}


@media only screen and (max-width: 1650px) {

      .glossaryLogoFull {
      display: none;
      line-height: 28px;
      /* right: 15px; */
      /* left: unset; */
   }

   .glossaryLogoPartial {
      display: inline-block;
   }


   #page[data-glossarytype="keyboard"] .keyboardShortcutsTitleArea {
      width: 300px;
      line-height: 30px;
   }


   #page[data-glossarytype="mini"] .altFeatureMainTitle {
      display: none;
}


   .altFeatureMainTitle {
      padding-left: 15px;
      /* width: 300px; */
      /* line-height: 30px; */
   }

   .keyboardShortcutsTitleArea .miniFeatureShowcase {
      font-size: 18px;
      height: 30px;
      line-height: 30px;

   }

   .keyboardShortcutsTitleArea .altFeatureMainTitle {
      line-height: 30px;
   }

   .keyboardShortcutsTitleArea .altFeatureMainTitle i {
      /* border: 1px solid #ffff0063; */
      height: 30px;
      line-height: 30px;
   }

   .kbPrintingAssistance {
      height: 30px;
      line-height: 30px;
      /* border: 1px solid #00ffff63; */
      margin-left: 0;
   }

   .introHeader {
      font-size: 45px;
   }

}


@media only screen and (max-width: 1500px) {

   #glossaryPage[data-type="glossary"] #subredditButtonOriginal {
     display: none;
   }
   .oneAltGroup {
      border: none;
      outline: none;

   }
}


@media only screen and (max-width: 1480px) {


   #theGlossary[data-type="summary"] .modulePageScreenshotOrVideo,
   #theGlossary[data-type="module"] .modulePageScreenshotOrVideo {
      display: none;
   }

   .changeModulePageTypeSecond {
      display: block;
      /* border: 1px solid cyan; */
      position: absolute;
      top: 54px;
      right: 0;
      left: unset;
   }

   body.touch_landscape .changeModulePageTypeSecond {
      position: relative;
      display: inline-block;
      /* width: 100px; */
      vertical-align: top;
      white-space: nowrap;
      top: 0;
   }

   body.touch_portrait .changeModulePageTypeSecond {
      display: inline-block;
      position: relative;
      top: 0;
      right: 0;
      border: none;
      margin-left: 21px;
   }

   .modulePageTypePartial {
      display: none;
   }

   #theGlossary[data-type="summary"] .modulePageScreenshotOrVideo.secondLocation,
   #theGlossary[data-type="module"] .modulePageScreenshotOrVideo.secondLocation {
      display: block;
   }

   .oneContentItem {
      width: 29%;
      font-size: .9em;
   }

   .oneAltGroupContent {
      padding-left: 4%;
   }

   #landingTwoMenu {
      /* right: 110px; */
      /* left: unset; */
      /* left: 40px !important; */
   }


   .introHeader {
      font-size: 40px;
   }

   .oneLandingModuleType {
      padding-left: 26px;
   }

   .callToActionOne,
   .callToActionTwo {

      padding: 4px;
      cursor: pointer;
      font-size: 17px;
   }

}

/*end of max width 1480px */

@media only screen and (max-width: 1400px) {
   .slideObjDescription {
      font-size: 15px;
   }

   
   .landingSignUpButton,
   .landingLinkButton,
   .landingMenuButton {
      font-size: 13px;
   }





}

@media only screen and (max-width: 1300px) {

    .glossaryOptionsCog i {
      line-height: 40px;
   }

   #landingTwoMainVideo,
   #landingTwoMainText,
   #landingTwoMainImage {
      height: 480px;
   }

   .introHeader {
      font-size: 34px;
      padding-left: 5px;
      padding-top: 8px;
   }



   #landingTwoMenu>i {
      margin-right: 5px;
   }

   .iconSpot {
      height: 30px;
      overflow: hidden;
      /* line-height: 23px; */
      /* border: 1px solid #ffff0033; */
      vertical-align: top;
   }

   #page[data-finalstatus="final"] .iconSpot {
      border: none;
   }

   .iconSpot i {
      line-height: 30px;
   }

   .oneLandingModuleType {
      font-size: 13px;
      padding-left: 20px;
   }

   .mainMessageSupportLine {
      font-size: 19px;
   }

   .callToActionOne,
   .callToActionTwo {
      font-size: 15px;
   }


   #landingTwoMainText {
      width: 48%;
      /* border: 1px solid #00ffff42 !important; */
      padding-left: 5px;
      padding-right: 5px;
   }

     .secondGlossaryOptionsCog i {
      line-height: 55px;
   }

}

/*end of max width 1300px */

@media only screen and (max-width: 1200px) {

   .landingRowInner {
      /* border: 1px solid yellow; */
      width: 99%
   }

   .landingRowVideoContainer {

      width: 100%;
      text-align: center;
      position: relative;
      background: none;

   }

   .landingRowScreenshotContainer {
      widtH: 100%;
   }

   .landingRowVideoContainer .plyr {
      margin: 0 auto;
      position: relative;
      max-width: 640px;
      /* border: 1px solid cyan; */
   }

   #page .windowMeasurements {
      background: none;
      opacity: .4;
      right: unset;
      left: 30px;
      bottom: 58px;
      top: unset;
   }



   .oneContentItem {
      width: 31%;
      font-size: .8em;
      margin: 7px;
   }

   .oneAltGroupContent {
      padding-left: 2%;
   }

   #theGlossary[data-sidebar="on"] #glossaryInner {
      /*sidebar only */
      width: calc(100% - 260px);
   }

   #glossaryGroupsSidebar {
      width: 255px;
      font-size: 12px;
   }

   #glossaryPage[data-options="shown"] #actualGlossaryOptions {
      width: calc(100% - 127px);
   }

   #glossaryOptionsSection {
      width: calc(100% - 114px);
   }

   #page[data-glossarytype="main"] .altGlossaryOptionsButton {
      display: block;
   }

   #glossaryPage[data-options="shown"] .altGlossaryOptionsButton {
      right: 5px;
      top: 14px;
   }

   #glossaryPage[data-options="shown"] #actualGlossaryOptions {
      width: calc(100% - 83px);
      left: 0px;
      margin-left: 0;
   }

   .altGlossaryOptionsButton {

      position: absolute;
      right: 89px;
      /* border: 1px solid lightgray; */
      color: lightblue;
      font-size: 14px;
      opacity: .8;
      top: 30px;
      cursor: pointer;
   }


   .glossaryOptionsTitle {
      display: none !important;
   }

   #landingTwoMenu {
      right: unset;
   }

   #glossaryPage[data-options="shown"] .glossaryLogo {
      display: none;
   }

   #page[data-glossarytype="keyboard"] #topBarLineTwo,
   #page[data-glossarytype="mini"] #topBarLineTwo {
      display: block;

   }

   #page[data-glossarytype="mini"] #glossaryTopBar,
   #page[data-glossarytype="keyboard"] #glossaryTopBar {
      /* border: 3px solid green; */
      height: 140px;
   }

   #page[data-glossarytype="keyboard"] .keyboardShortcutsTitleArea,
   #page[data-glossarytype="mini"] .altFeatureTitleArea {
      visibility: hidden;
   }


   #page[data-glossarytype="mini"] #topBarLineTwo .altFeatureTitleArea,
   #page[data-glossarytype="keyboard"] #topBarLineTwo .keyboardShortcutsTitleArea {
      visibility: visible;
   }

   body[data-showadminbar="no"] #page[data-glossarytype="mini"] #theGlossary,
   body[data-showadminbar="no"] #page[data-glossarytype="keyboard"] #theGlossary {
      /* border: 3px solid magenta !important; */
      height: calc(100% - 138px);
   }


   #landingTwoMainText {
      padding: 3px 15px;
   }

   #page[data-glossarytype="main"] .altGlossaryOptionsButton {
      display: none;
      border: 1px solid green;
   }

   #page[data-glossarytype="main"] .glossaryOptionsCog {
      display: inline-block;
   }

   #page[data-glossarytype="main"] .secondGlossaryOptionsCog,
   #page[data-glossarytype="main"] .glossaryOptionsCog {/* border: 1px solid #ffff0040; */height: 40px;vertical-align: top;cursor: pointer;padding: 0px 5px;}

   
       #page .landingSignUpButton, 
      #page .landingLinkButton, 
      #page .landingMenuButton {
          padding: 0px 14px ;
       }
   #page .landingMenuButton[data-type="main"] {
      padding-right: 0;
   }

}

/*end of max width 1200px */



@media only screen and (max-width: 1070px) {





   .secondGlossaryOptionsCog {
      visibility: visible;
   }






  

   .secondGlossaryOptionsCog {
      height: 55px;
      display: none;
   }

 

   body.touchscreen .secondGlossaryOptionsCog i {
      line-height: 28px;
   }

   .glossarySearchToggle {
      top: 10px;
   }

   whi {
      /* border: 1px solid #ffff0054; */
      left: 0;
      width: 100%;
      padding-top: 5px;
      padding-bottom: 5px;
      white-space: nowrap;
      /* position: relative; */
   }

   body.touch_portrait .glossaryBottomBarTabsInner {
      width: unset;
      /* border: 1px solid #208e97; */
      vertical-align: top;
      /* background: #424267; */
   }

   body.touch_portrait .glossaryBottomBarTabsInner {
      position: relative;
      display: inline-block;
      padding-top: 22px;
   }

   #page .oneGlossaryBottomBarTab {
      margin-right: 3px;
      margin-left: 3px;
      font-size: 11px;
      min-width: 80px;
      padding: 3px;
   }

   .navTitleFull {
      display: none;
   }

   .navTItlePartial {
      display: inline-block;
   }



   #topBarLineTwo {

      background: #000000;

      border: 1px solid #26676c42;

      height: 63px;

      color: Lightblue;

   }






   .callToActionOne,
   .callToActionTwo {
      font-size: 13px;
      padding: 4px;

   }

   .landingNotes {
      display: none;
   }

   .wideAreaAnswer {
      font-size: 13px;
   }

   .wideAreaPrompt {
      font-size: 25px;
      font-family: serif;
      font-style: normal;
   }

   #landingTwoMainVideo,
   #landingTwoMainText,
   #landingTwoMainImage {
      height: unset;
      width: 80%;
      margin-bottom: 5px;
      bordeR: 1px solid #8080803b;
   }



   #landingTwoMainVideo {
      width: 50%;
      padding-left: 2%;
      padding-right: 2%;
      /* border: 1px solid #ff00ff5e !important; */
   }


   #landingTwoMainText {
      width: 48%;
      /* border: 1px solid #00ffff42 !important; */
      padding-left: 5px;
      padding-right: 5px;
   }

   #landingThreeWideArea {
      /* display: none; */
      width: 102%;
   }

   #landingThreeWideAreaClone {
      display: inline-block;
      width: 43%;
      /* padding-bottom: 40px; */
      border: 1px solid #969687 !important;
      height: 428px;
      overflow: hidden;
      display: none;
   }

   #landingThreeWideAreaClone .wideAreaSection {
      margin-left: 5%;
      width: 90%;
      /* border: 1px solid #0080006e; */
      margin-bottom: 30px;
   }

   #landingThreeWideAreaClone .scrollDownMessage {
      display: none;
   }





   #slideshowBar {
      /* width: 401px; */
      display: inline-block;
   }




}

/*end of max width 1070px */

@media only screen and (max-width: 1000px) {
   .changeLandingPageImageType {
      padding: 0px;
      margin: 0px;
      font-size: 11px;
      width: 140px;
   }

   .changeVariousLandingTypeRow {
      top: -6px;
   }
}

/*end of max width 1000px */


@media only screen and (max-width: 900px) {

   #page .windowMeasurements {
      left: 0;
   }

   .actualGlossaryTabs {
      width: calc(100% - 56px);

   }

   #glossaryPage[data-options="shown"] #actualGlossaryOptions {
      background: #06010f;
   }

   #glossaryVideoLocation,
   #playbackSpeedSection,
   .featureSummaryDisplayStatus,
   #overlayOnPauseSection,
   .glossaryElementContainer,
   #actualGlossaryOptions {
      font-size: 12px;
   }


   .altGlossaryOptionsButton {
      top: 42px;
   }

   .changeModulePageTypeSecond .modulePageImageType {
      font-size: 10px;
      width: 96px;

   }




}

/*end of max width 900px */


@media only screen and (max-width: 1040px) {



   #glossaryTopBar[data-showingmoreitems="yes"] .glossaryOptionsCog,
   #glossaryTopBar[data-showingmoreitems="yes"] .miniGlossaryMouse,
   #glossaryTopBar[data-showingmoreitems="yes"] .landingMenuButton {
      display: none;
   }


   #glossaryTopBar[data-showingmoreitems="yes"] #subredditClone,
   #glossaryTopBar[data-showingmoreitems="yes"] #indiegogoClone,
   #glossaryTopBar[data-showingmoreitems="yes"] #discordClone {
      display: inline-block;
   }

   .landingMenuShowMore {
      display: inline-block;
      /* border: 1px solid #7676655c; */
      height: 30px;
      vertical-align: top;
      cursor: pointer;
      padding: 0px 8px;
      position: relative;
   }

   .landingMenuShowMore i {
      line-height: 38px;
      font-size: 23px;
   }

   body.touch_landscape .landingMenuShowMore i {
      line-height: 30px;
   }

   .landingMenuShowMore .fa-angle-up {
      display: none;
   }

   #glossaryTopBar[data-showingmoreitems="yes"] .landingMenuShowMore .fa-angle-down {
      display: none;
   }

   #glossaryTopBar[data-showingmoreitems="yes"] .landingMenuShowMore .fa-angle-up {
      display: inline-block;
   }

   .landingLinkButton {
      display: none;
   }

   #shareButtonClone {
      display: inline-block;
   }
}

@media only screen and (max-width: 800px) {

   .mainMessageSupportLine .oneLandingModuleType i {
      margin-left: 20px;

   }

   .moreGlossaryHelp {
      visibility: visible;
   }

   .glossaryBottomBarTabs {
      bottom: 44px;
   }

   #sidebarClickArea {
      display: none !important;
   }

   #glossaryPage[data-options="shown"] .moreGlossaryHelp {

      cursor: help;
   }

   #page .wideAreaAnswer {
      font-size: 12px;
   }

   .wideAreaPrompt {
      font-size: 21px;

      margin-bottom: 10px;
   }

   .introHeader {
      font-size: 30px;
   }

   .landingRowVideoContainer {

      width: 100%;
      text-align: center;
      position: relative;
      background: none;

   }

   .landingRowVideoContainer .plyr {
      margin: 0 auto;
      position: relative;
      max-width: 640px;
      /* border: 1px solid cyan; */
      width: 90%;
   }

      .glossaryLogo {
      right: 30px;
      top: 8px;
      display: none;
   }

}

/*end of max width 800px */

@media only screen and (max-width: 700px) {

   .keyboardShortcutsFullText{
      display: none;
   }

   .keyboardShortcutsPartialText {
      display: inline-block;
   }

   #slideshowBar {
      /* width: 401px; */
      display: none;
   }




   .callToActionOne[data-type="intro"],
   .callToActionOne[data-type="glossary"] {
      display: none;
   }

   .mainMessageSupportLine {
      font-size: 16px;
   }

   .oneLandingModuletype {
      font-size: 10px;
      padding-left: 10px;
   }

   .glossaryElementContainer,
   .glossaryPageHideHelpButtons {
      display: none !important;
   }



   .glossaryNavDropdownArea {
      display: inline-block;
      /* border: 1px solid lightgray; */
   }

   .actualGlossaryTabs {
      display: none;
   }

   .navTitleFull {
      display: none;
      line-height: 29px;
   }

   .navTitlePartial {
      display: inline-block;
   }

   .glossaryBottomBarTabsInner {
      font-size: 19px;
      border-top: 1px solid yellow;
   }

   .glossaryBottomBarTabs {
      line-height: 20px;
   }

   .glossaryTabsNavTitle {
      /* border: 1px solid cyan; */
      vertical-align: top;
   }

   .modulePageMainVideo {
      border: 3px solid green;
   }

   .modulePageTypeFull {
      display: none;
   }

   .modulePageTypePartial {
      display: block;
   }

   .changeModulePageTypeSecond .modulePageImageType {
      margin-right: 4px;
   }


   .changeModulePageTypeSecond {
      top: 5px;
   }

     .landingSignUpButton,
   .landingLinkButton,
   .landingMenuButton {
      font-size: 11px;
      padding: 0px 8px;
   }



}

/*end of max width 700px */

@media only screen and (max-width: 600px) {

   .changeModulePageTypeSecond {
      top: 45px;
   }

   #page.isMobile .plyr__control.plyr__control--overlaid {
      /* border: 3px solid #ebe354; */
      border-radius: 0;
      /* top: 400px; */
   }

   .glossaryNavSelectArea {
      display: none;
   }

   #landingTwoMenu {
      padding-left: 3px;
      padding-right: 3px;
   }

 

   #landingTwoMenu>i {
      margin-right: 5px;
      font-size: 11px;
   }

   .landingMenuButton i {
      margin-left: 4px;
   }

   .landingMenuShowMore i {
      line-height: 42px;
      font-size: 18px;
   }

   .mainMessageSupportLine .iconSpot i {
      font-weight: 600;
      margin-right: 10px;
      margin-left: 5px;
   }

   .mainMessageSupportLine {
      font-size: 14px;
   }

   .wideAreaSection {
      width: 94%;
   }

   #slideshowBar {
      display: none;
   }


}

/*end of max width 600px */

#introSlideContainer {
      /* border: 1px solid yellow; */
   }
#introSlideContainer img {
      /* border: 1px solid cyan; */
}

@media only screen and (min-width: 550px) {
   
   #page[data-showingintroslideshow="yes"] #lightboxTitle,
   #introSlideContainer img {
        /* min-width: 525px; */
   }
}

@media only screen and (min-width: 730px) {
   
   #page[data-showingintroslideshow="yes"] #lightboxTitle,
   #introSlideContainer img {
        min-width: 600px;
   }
}


@media only screen and (min-width: 830px) {
   
   #page[data-showingintroslideshow="yes"] #lightboxTitle,
   #introSlideContainer img {
        min-width: 700px;
   }
}

@media only screen and (max-width: 830px) {
   
   #page[data-showingintroslideshow="yes"] #lightboxTitle,
   #introSlideContainer img {
        width: 87% !important;;
      max-width: unset;
   }
}



@media only screen and (min-height: 1700px) and (max-width: 1100px) {


   #page[data-showingintroslideshow="yes"] #lightboxTitle,
   #introSlideContainer img {
        width: 92% !important;;
      max-width: unset;
   }
   /*this is portrait for phones */
   #mainCCIntro {
      max-height: unset;
   }

   .glossaryLogo {
      display: none;
   }

   .keyboardShortcutsFullText {
      display: none;
   }
   .keyboardShortcutsPartialText {
      display: inline-block;
   }

   .newPointAreaLine {
      font-size: 28px;
      margin-bottom: 26px;
      line-height: 47px;
      border-bottom: 1px solid #add8e680;
   }

   .newPointAreaLine i {
      line-height: inherit;
   }

   #landingTwoMainText {
      border: 1px solid #ffff0075 !important;
      width: 97%;
      margin-bottom: 20px;
   }

   #landingTwoMainVideo {
      border: 1px solid #00800078 !important;
      width: 86%;
      max-width: unset;
      margin-left: 7%;
   }

   .mainMessageSupportLine {
      font-size: 37px;
      line-height: 55px;
      padding-left: 103px;
   }

   .oneLandingModuleType {
      font-size: 26px;
   }

   .wideAreaAnswer {
      font-size: 23px;
      line-height: 51px;
      margin: 17px;
      color: lightgray;
   }

   .callToActionOne,
   .callToActionTwo {
      font-size: 25px;
      padding: 6px;
      margin-left: 6px;
   }

   .callToActionLine {
      padding-left: 103px;

   }

   .wideAreaPrompt {
      font-size: 42px;
   }

   .makeFinalControls,
   .videoOrSlideshow {
      display: none;
   }

   .introHeader {
      font-size: 58px;
      padding-left: 28px;
      margin-bottom: 22px;
      padding-left: 111px;
      margin-top: 23px;
   }

   .iconSpot i,
   .iconSpot {
      line-height: inherit;
      height: inherit;
   }

   .wideAreaSection {
      width: 90%;
      margin-bottom: 8px;
   }

   #slideshowBar {
      display: none;
   }
}

@media only screen and (max-height: 500px) and (max-width: 1000px) {
   /*this is landscape for phones */

   #mainCCIntro {
      min-height: unset;
   }

   .landingRowTitle {
      font-size: 25px;
   }

   .newPointAreaLine {
      font-size: 13px;

      line-height: 34px;
      border-bottom: 1px solid #909128f0;
   }


   .newPointAreaLine i {
      line-height: inherit;
      margin-right: 8px;
   }

   .landingRowVideoContainer .plyr {

      max-width: 520px;

   }
}