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

#ksCopyNotes {
   color: #cf84cb;
}

#ksCopyInnerTitle {
   text-align: center;
   font-size: 30px;
   background: #070723;
   color: lightblue;
   position: relative;
}

.mission_options_area,
.innerTitleButtonsArea {
   position: absolute;
   top: 10px;
   right: 41px;
   cursor: pointer;
   font-size: 21px;
}

.mission_options_area {
   right: unset;
   left: 15px;
   font-size: 18px;
   top: 14px;
   opacity: .6;
}

.innerTitleButtonsArea i {
   opacity: .6;
   padding: 0px 8px;
   transition: .3s opacity;
}

.innerTitleButtonsArea i:hover {
   opacity: 1;
}

.innerTitleOptions {
   font-size: 16px;
   position: absolute;
   top: 10px;
   left: 50px;
   /* border: 1px solid #00ffff91; */
   display: none;
}


.innerTitleOptionsToggleWord,
.innerTitleOptionsButton {
   display: inline-block;
   opacity: .6;
   transition: .3s opacity;
}

.innerTitleOptionsButton {
   cursor: pointer;
   padding: 0px 4px;
   margin-right: 7px;
}

.innerTitleOptionsButton:hover {
   opacity: 1;
}



.hideSidebar {
   color: lightblue;
   cursor: pointer;
   text-align: center;
   position: absolute;
   bottom: 8px;
   right: 8px;
   font-size: 17px;
   opacity: 0.6;
   transition: .3s opacity;

}

.over500Customization {
   display: inline-block;
   color: #b9aecc;
}

.hideSidebar:hover {
   opacity: 1;
   /* display: none; */
}

.hundredsOfFeatures,
.hundredsOfCustomizationOptions,
.firstSummaryColored {
   display: inline;
}

.hundredsOfFeatures {}

.summaryColoredOne {
   color: #59cbcf;
}

.summaryColoredTwo {
   color: #7499d6;
}

.summaryColoredThree {
   color: #4aa5b7;
}

.summaryColoredFour {
   color: #afa7c0;
}

.toggleArticleOptions {
   position: absolute;
   font-size: 28px;
   right: 60px;
   cursor: pointer;
   color: lightblue;
   opacity: .6;
   top: 29px;
   transition: .3s opacity;
}

.toggleArticleOptions:hover {
   opacity: 1;
}

body.touchscreen .toggleArticleOptions,
body.touch_landscape .toggleArticleOptions {
   opacity: .6;
}

.hideSidebar: hover {
   opacity: 1;
}

.articleActionButtons {
   /* border: 1px solid #add8e669; */
   padding: 8px;
   margin-top: 25px;
}

.articleActionButton {
   display: inline-block;
   margin: 6px;
   /* border: 1px solid #add8e61f; */
   padding: 6px 10px;
   background: #02022c;
   cursor: pointer;
   margin-right: 15px;
}

#firstSummary a {
   color: #598ebc;
}

.articleActionButton[data-type="reasonsToUse"] {
   background: #112253;
   /* margin-right: 26px; */
}

.articleActionButton[data-type="whySiteMade"] {
   background: #382543;
   color: #a1c3d8;
}

.articleActionButton[data-type="whoSiteFor"] {
   background: #09393c;
   color: #90c3da;
}

.articleActionButton[data-type="keyboardShortcuts"] {
   background: #0f093c;
   color: #90c3da;
}

.articleActionButton[data-type="briefModuleList"] {
   background: #201e31;
   color: #a4b8c5;
}

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

.firstSummaryItem {
   margin-bottom: 18px;
   padding: 0px 20px;
}

#header_placeholder,
#articleBody,
#articleHeader {
   text-align: center;
   font-size: 40px;
   color: lightblue;
   background: #04041b;
   margin-bottom: 40px;
   width: 96%;
   margin-left: 2%;
}

.welcomeOtherFont {
   font-family: "Lobster Two", cursive;
   display: inline-block;
   color: #6a7ea2;
   text-shadow: 4px 0px #0d2c40db;
}

.firstSummaryTitle {
   background: #2b2b4f;
   text-align: center;
   margin-bottom: 10px;
}

body.touch_portrait .newExplanationLine {
   font-size: 32px;
   line-height: 40px;
   /* border: 1px solid green; */
   margin-bottom: 10px;

}

#articleHeader {
   background: none;
   font-size: 47px;
   color: #587ea6;
   background: black;
   margin-bottom: 0;
   padding-bottom: 5px;
}

#header_placeholder {
   height: 100px;
   background: black;
   margin-bottom: 0;
   display: none;
}

#firstSummary {
   border: 1px solid #add8e61a;
   padding: 12px;
   /* margin-bottom: 70px; */
   font-size: 18px;
   padding-top: 0;
   /* border: 3px solid cyan; */
}

@media only screen and (max-height: 600px) {
   body.touch_landscape #firstSummary {
      font-size: 16px;
      line-height: 18px;
   }

   body.touch_landscape .whoCanUseLine,
   body.touch_landscape .useOwnToolsLine,
   body.touch_landscape .siteMadeLine,
   body.touch_landscape .reasonOutlineLineThree,
   body.touch_landscape .reasonOutlineLine {
      font-size: 14.5px;
      line-height: 17px;
   }

   body.touch_landscape .whoCanUseLine i {
      font-size: 10px;
   }


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

   body.touch_landscape #page #articleInnerContainer {
      padding-top: 5px;
      padding-bottom: 5px;
   }

   body.touch_landscape .siteMadeLine i,
   body.touch_landscape .useOwnToolsLine i,
   body.touch_landscape .reasonOutlineLine i {
      top: 2px;
   }
}

@media only screen and (min-height: 1000px) {

   body.touchscreen #articleBody,
   body.touchscreen #firstSummary {
      font-size: 34px;
      line-height: 45px;
   }

   body.touchscreen #articleHeader {
      padding-bottom: 30px;
   }

   body.touchscreen .firstSummaryTitle {
      margin-bottom: 18px;
   }

   body.touchscreen .articleActionButton {
      font-size: 28px;
      /* min-width: 343.4px; */
      width: 46%;
      /* border: 1px solid yellow; */
      text-align: center;
   }


   body.touchscreen .whoCanUseContainer,
   body.touchscreen .reasonsToUseContainer,
   body.touchscreen .whySiteMadeContainer {
      font-size: 30px;
      line-height: 49px;
   }



   body.touchscreen .useOwnToolsLine {
      font-size: 27px;
   }

   body.touchscreen .whoCanUseLevelTwo {
      font-size: 21px;
   }

   body.touchscreen .rowColors {
      font-size: 18px;
      padding-right: 8px;
   }


   body.touchscreen .reasonOutlineLineThree i,
   body.touchscreen .reasonOutlineLine i {
      top: 19px;
   }

   body.touchscreen .whoCanUseTitle,
   body.touchscreen .reasonsToUseTitle,
   body.touchscreen .whySiteMadeTitle {
      font-size: 32px;
   }

   body.touchscreen .reasonOutlineLineTwo {
      font-size: 24px;
   }
}

.sectionEnd {
   /* border: 1px solid yellow; */
   height: 240px;
   position: relative;
}

.sectionEnd[data-type="whyMade"] {
   height: 332px;

}

.whoCanUseContainer,
.reasonsToUseContainer,
.whySiteMadeContainer {
   /* border: 1px solid magenta; */
   /* margin-bottom: 40px; */
   font-size: 18px;
   border: 1px solid #81c4e31a;
}

.whoCanUseContainer {
   /* margin-bottom: 200px; */
}

.whySiteMadeContainer {
   font-size: 19px;
}

.whoCanUseTitle,
.reasonsToUseTitle,
.whySiteMadeTitle {
   font-size: 27px;
   text-align: center;
   background: #162651;
   margin-bottom: 18px;
   /* margin-top: 300px; */
}

.whySiteMadeTitle {
   background: #311940;
}

.whoCanUseTitle {
   background: #031f21;
}

.whySiteMadeFinal {
   /* border: 1px solid #6e8ba0; */
   padding: 14px;
   /* margin-bottoM: 400px; */
   /* margin-top: 400px; */
}

.useOwnToolsLine {
   /* border: 1px solid #8a8a79; */
   margin-left: 40px;
   margin-bottom: 18px;
   font-size: 17px;
   background: #3737587a;
   /* display: inline-block; */
   padding: 5px;
   /* padding-left: 18px; */
   color: #a0b6df;
}


.useOwnToolsLine:nth-child(odd) {
   background: #3737454f;
   color: lightblue;
}

.useOwnToolsLine i {
   font-size: 13px;
   margin-right: 10px;
}

.siteMadeLine {
   margin-bottom: 19px;
   /* font-size: 16px; */
   position: relative;
   padding-left: 34px;
}

.reasonsToUseFinal {
   padding-right: 30px
}

.reasonsToUseInner,
.whySiteMadeInner {
   border: 2px solid green;
   min-height: 40px;
   display: none;
}


.whoCanUseList,
.reasonsToUseList,
.whySiteMadeList {
   display: none;
}

.whoCanUseLine,
.reasonsToUseLine,
.whySiteMadeLine {
   padding: 4px 24px;
   margin-bottom: 8px;
}

.whoCanUseLine i {
   font-size: 13px;
   margin-right: 8px;
}

.articleNotes {
   bordeR: 3px solid magenta;
   padding: 18px;
   background: #121b3e;
}


.reasonOutlineLineThree,
.reasonOutlineLine {
   margin-bottom: 16px;
   padding-left: 34px;
   position: relative;
   /* font-size: 16px; */
}


.siteMadeLine i,
.reasonOutlineLineThree i,
.reasonOutlineLine i {
   font-size: 13px;
   margin-right: 7px;
   position: absolute;
   top: 9px;
   left: 12px;
}

.useOwnToolsLine i,
.reasonOutlineLineThree i {
   transform: rotate(45deg);
   margin-left: 49px;
   /* color: green; */
}

.useOwnToolsLine i {
   margin-left: 3px;
}

.reasonOutlineLineThree {
   padding-left: 80px;
   /* color: #4f37ff; */
   margin-bottom: 22px;
}

.whoCanUseLevelTwo,
.reasonOutlineLineTwo {
   padding-left: 3px;
   margin-bottom: 10px;
   background: #1a1a3b;
   padding: 6px;
   display: inline-block;
   /* font-size: 16px; */
}

.whoCanUseLevelTwo {
   font-size: 15px;
   background: #081e27;
   /* color: lightgray; */
}

.containerOne .reasonOutlineLineTwo {

   background: #0f2459;
}

.containerThree .reasonOutlineLineTwo {
   background: #4f3166;
}

.containerFour .reasonOutlineLineTwo {
   background: #314066;
}



.whoCanUseLevelTwoContainer,
.reasonOutlineTwoContainer {
   padding-left: 69px;
   margin-top: 8px;
   margin-bottom: 10px;
}

.whoSiteForHighlight {
   display: inline-block;
   color: #9c98c9;
   color: #5baea0;
}

#articleBody {
   font-size: 20px;
   text-align: left;
   background: #04041b7a;
   padding-left: 15px;
   min-height: 1700px;
   /* padding-top: 15px; */
   /* height: 80px; */
   /* min-height: unset; */
   background: black;
   position: relative;
   height: unset;
   padding-right: 15px;
}

#glossaryPage .windowMeasurements {
   position: absolute;
   bottom: -12px;
   left: unset;
   right: 49px;
   opacity: .4;



}



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


.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;
   opacity: .1;
}

.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;
}


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

.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: 2px solid #2e6b83;
   width: 100%;
   cursor: pointer;
}

#vidTest1,
#ksCopyInner {
   border: 1px solid #292b2b;
   width: 100%;
   height: 94%;
   overflow-y: auto;
   font-size: 0;
}

#vidTest1 {
   position: fixed;
   z-index: 75;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: #0f1f1f;
   display: none;
}

body.touch_landscape #ksCopyInner {
   height: unset;
   /* height: 300px; */
   overflow-y: unset !important;
   !i;
   !;
   position: relative;
}

#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;
   font-size: 16px;
}

.storySection {
   border: 1px solid #373a3a4a;
}

#ksCopyInner[data-contentsposition="fixed"] .tableOfContents {
   position: relative;
   /* top: 11px; */
   /* border: 2px solid green; */
}

#ksCopyInner[data-contentsposition="fixed"] .storySection {
   margin-left: 2%;
   width: 73%;
   height: 100%;
   overflow-y: auto;
}

body[data-organizeview="on"] #ksCopyInner[data-contentsposition="fixed"] .storySection {
   border: 2px solid green;
   width: 53%;
}

body.outline_new #ksCopyInner[data-contentsposition="fixed"] .storySection {
   height: unset;
   overflow-y: unset
}

#ksCopyInner[data-toc="hidden"] .storySection {
   /* border: 2px solid green; */
   margin-left: 0;
   width: 100% !important;
}


#ksCopyInner[data-contentsposition="fixed"] .tableOfContents {
   width: 25%;
   /* border-bottom: 4px solid #0072ff; */
   padding: 8px;
   overflow-y: auto;
   height: 100%;
}

body[data-organizeview="on"] #ksCopyInner[data-contentsposition="fixed"] .tableOfContents {

   width: 30%;
}

#ksCopyInner[data-toc="hidden"] .tableOfContents {
   display: none;
}


#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;
   display: none;
}

.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: #243457;
   height: 50px;
   line-height: 50px;
}

.headingTop {
   position: absolute;
   top: 0;
   left: 10px;
   color: #ade6b8;
   display: none;
}

.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;
   display: none;
   color: cyan;
}

.storyHeadingMoveButton:hover {
   color: lightblue;
}

.oneStoryContainerInner {
   padding: 20px;
   background: #0b0b20;
   padding-bottom: 30px;
   /* border-bottom: 2px solid teal; */
   text-align: left;
}

.oneStoryContainerVideoLink {
   background: #4f4552;
   padding: 10px;
   font-size: 20px;

}

.oneStoryContainerVideoLink a {
   color: #4fbde1;
}

.oneStoryContainerVideo {
   width: 81%;
   background: #522b59;
   display: inline-block;
   /* margin: 0 auto; */
}

body.touch_portrait .oneStoryContainerVideo {
   width: 84%;
}

.oneStoryContainer[data-type="moduleList"] .oneStoryContainerVideo,
.oneStoryContainer[data-type="goal"] .oneStoryContainerVideo {
   display: none;
}

.oneStoryContainerVideo .plyr {
   min-height: 37.8vw;

}

#ksCopyPage .storyContainerVideo {
   /* border: 2px solid yellow; */
   width: 100%;
}

.oneStoryContainerInner i {
   margin-right: 10px;
   font-size: 14px;
}

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

#ksCopyInner[data-explanations="hidden"] .oneStoryContainerInner {
   display: none;
}

.storyValueLine {
   margin-bottom: 8px;
}

.storyValueLine .moduleTypesLevelTwo {
   padding-left: 70px;
}

.storyValueLine .moduleTypesLevelThree {
   padding-left: 130px;
}

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

.oneStoryContainerImage img {
   width: 86%;
   margin-left: 7%;
   padding-bottom: 15px;
   padding-top: 15px;
   max-width: 800px;
}


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

#ksCopyPage[data-copypageimages="off"] .oneStoryContainerVideo {
   display: none;
}

#ksCopyPage[data-copypageimages="off"] .oneStoryContainer[data-type="goal"] img,
#ksCopyPage[data-copypageimages="off"] .oneStoryContainer[data-type="moduleList"] img {
   visibility: visible;
}

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

#ksCopyPage[data-copypageimages="off"] .oneStoryContainer[data-type="goal"] .oneStoryContainerImage,
#ksCopyPage[data-copypageimages="off"] .oneStoryContainer[data-type="moduleList"] .oneStoryContainerImage {
   height: unset;
   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;
}

body[data-organizeview="on"] .toc_nice {
   display: inline-block;
   max-width: 285px !important;
   /* border: 1px solid; */
   position: relative;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   vertical-align: top;
}

.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;
}

#s_story,
.tocLine.story {
   /* display: none; */
}

.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;
   text-align: center;
}

#ksCopyPage[data-copypageimages="on"] #ksCopyInner[data-explanations="shown"] .oneStoryContainer {

   min-height: 850px;
}

#ksCopyInner[data-explanations="hidden"] .oneStoryContainer {
   padding-bottom: 130px;
   background: #07070f;
}



.oneStoryContainer[data-type="mainStory"] {
   /* display: none; */
}

.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.touchscreen .cc_tooltip .tooltip-inner {
   background: black;
   color: #b7c6cb;
   max-width: 500px;
}

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


body.touch_landscape #lightboxCaption {
   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: 60px;
   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;
}

.afterBarScrollUp,
.afterBarScrollDown {
   font-size: 24px;
   text-align: center;
   padding: 3px 0px;
   background: #343461;
   opacity: 0.6;
   width: 70px;
   position: absolute;
   right: 14px;
   cursor: pointer;
   transition: .3s opacity, .3s background;
   /* margin-bottom: 300px; */
   right: 0;
}



.afterBarScrollUp {
   right: 100px;
   opacity: 0.3;
}

.sectionEnd[data-type="whoCanUse"] .afterBarScrollUp {
   right: 0;
}


.afterBarScrollDown:hover {
   opacity: 1;
}

.afterBarScrollUp:hover {
   opacity: .9;
}

#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;
}


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

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

#page #actualGlossaryOptions {

   margin-left: 30px;
}

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



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

}

#glossaryOptionsSection,
.glossaryBottomBarTabs {
   display: none;
}

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

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

.glossaryNavSelectArea {
   right: 18px;
}

#page.isMobile .loadMoreSelectArea {
   height: 38px;
   line-height: 35px;
}

.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;
}

.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;
}

#page.isMobile .modulePageLoadMoreButton {
   font-size: 17px;
   vertical-align: top;
   height: 38px;
   line-height: 33px;
}

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

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

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

.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;
   font-size: 14px;
}

.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;
   font-size: 14px;
}

.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;
}


#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;
   opacity: .2;
   display: none;
}

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

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

.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;
   padding-bottom: 60px;
}

.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: 2px;
   width: 26%;
   text-align: center;
   margin-bottom: 20px;
   border: 2px solid green;
   overflow-y: auto;
   height: 55%;
   font-size: 20px;
   line-height: 31px;
   z-index: 44;
   top: 80px;
   top: 200px;
}

body[data-organizeview="on"] #jsInfo {
   top: unset;
   bottom: 17px;
   width: 20%;
}

body[data-organizeview="on"] #ksCopyPage {
   border: 3px solid yellow;
}

body[data-organizeview="on"] #ksCopyInner .reorganizeToc {
   display: block;
   z-index: 44444;
   font-size: 18px;
   right: 0;
}

body[data-organizeview="on"] #ksCopyInner .oneStoryContainerVideo {
   display: none;
}

#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;
}

body.touch_landscape {
   height: unset !important;
   overflow-y: auto !important;
   !i;
   !;
}

#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;
}

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

#lightbox.highlight {
   background: black;
}

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


#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;
}

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

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

#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;
}

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

#lightbox.highlight #lightboxImage {
   margin-top: 40px;
   border: none;
}

#lightboxImage img {
   width: 100%;
}

#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_portrait .lightboxTitleText {
   font-size: 30px;
}

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;
   }
}

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

body.touch_landscape .newExplanationLine {
   /* width: unset !important; */
}

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



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

#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;
}

#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;
}

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


#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;
}

.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;
}

.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;
}

.oneSidebarSection,
.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; */
   text-align: left;

}

body.touchscreen .oneSidebarSection,
body.touchscreen .oneAltGroup {
   border: none;
}

body.touch_landscape .oneSidebarSection {
   border: none;
}

body.touch_landscape #contactArea,
body.touch_landscape #randomModuleSection {
   display: none;
}

body.touch_portrait .oneSidebarSection {
   font-size: 23px;
}

#two,
#one {
   display: none !important;
}

.oneAltGroup {
   /* display: none; */
}

#articleLinkSection {
   /* text-align: left; */
   /* padding: 8px; */
}

.additionalInfoPhotoHeading,
.sidebarAreaTitle,
.oneAltGroupTitle {
   background: #0a2241;
   color: #afb9d2;
   margin-bottom: 8px;
   height: 40px;
   line-height: 40px;
   font-size: 16px;
   text-align: center;
}

body.touch_landscape .additionalInfoPhotoHeading,
body.touch_landscape .sidebarAreaTitle {
   height: 34px;
   line-height: 34px;

}

body.touch_portrait .additionalInfoPhotoHeading,
body.touch_portrait .sidebarAreaTitle {
   font-size: 21px;
}

.additionalInfoPhotoHeading {
   margin-top: 8px;
}

.articleSectionItem,
.contactAreaItem,
.additionalInfoItem {
   cursor: pointer;
   padding-left: 12px;
   transition: .2s color;
   color: #a2d2e2;
}

body.touch_landscape .additionalInfoItem {
   font-size: 15px;
}


.articleSectionItem:hover,
.contactAreaItem:hover,
.additionalInfoItem:hover {
   color: #e0e6e9;
}

.randomModuleInner {
   padding: 10px;
   background: black;
   position: relative;
   margin: 11px;
}

.randomModuleItem {
   background: black;
   text-align: center;
   color: #83bed6;
   border-bottom: 1px solid;
   font-size: 17px;
   cursor: pointer;
}

.randomModuleNav {
   background: black;
   text-align: center;
   padding-left: 25px;
   position: absolute;
   bottom: 0;
   left: 42px;
}

.randomModuleNav i {
   margin-right: 18px;
   font-size: 20px;
   transition: .2s color;
   cursor: pointer;
   /* border: 1px solid yellow; */
   padding: 0px 18px;
}

.randomModuleNav i:hover {
   color: #259dc5;
}



.randomModuleDescription {
   background: black;
   font-size: 13px;
   padding: 2px;
   /* padding-bottom: 20px; */
   padding-top: 8px;
}

body.touch_portrait .randomModuleDescription {
   font-size: 19px;
}





.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;
   cursor: default;
}

.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;
   display: none;
}




#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);


}

.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: block;
}

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

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



body[data-topbaronly="yes"] #theArticle {
   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"] #theArticle {
   /* border: 1px solid #456c7e40; */
}

.kbContainerClose {
   position: absolute;
   top: 4px;
   right: 8px;
   font-size: 18px;
   /* border: 2px solid green; */
   z-index: 40;
   color: #b6b1b1;
   cursor: pointer;
}

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

#smallFeaturePageTitle i {
   position: absolute;
   right: 8px;
   top: 7px;
   cursor: pointer;
}

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

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

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

   width: 70% !important;
}

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


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

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

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

}



#articleContainer {
   font-size: 0;
   padding: 33px;
   background: #0d0d0d;
   /* border: 3px solid #ffff0069; */
   position: relative;
   padding-top: 15px;
   height: calc(100% - 72px);
   padding-bottom: 19px;
}


#page[data-navshown="no"] #articleContainer {
   border: 1px solid #000000 !important;
}

body.touch_landscape .toggleArticleOptions {
   /* border: 1px solid cyan; */
   position: fixed;
   top: 47px;
}

#page[data-navshown="yes"] #articleContainer {
   /* border: 1px solid #00800045 !important; */
}

#page[data-navshown="yes"] .toggleArticleOptions {
   /* display: none; */
   z-index: 18;
}

#page #articleInnerContainer {
   display: inline-block;
   height: 100%;
   width: calc(97% - 250px);
   /* margin-left: 14%; */
   background: #242431;
   padding-top: 19px;
   overflow-y: auto;
   position: relative;
   border: 1px solid #0000004f;
   overflow-y: hidden;
   padding-bottom: 19px;
}

body.touch_portrait #page[data-navshown="yes"] #articleInnerContainer {
   /* border: 3px solid yellow; */
   width: calc(97% - 295px);
}


#theArticle {
   height: 100%;
   overflow-y: auto;
}

body[data-strictmobileview="on"] {
   overflow-y: auto !important;
}




body[data-strictmobileview="on"] #articleContainer {
   /* background: #032321; */
   padding: 0px;
}

body[data-strictmobileview="on"] #glossaryPage {}



body[data-strictmobileview="on"] #page {
   width: 100%;
   padding-top: 0;
}


body[data-strictmobileview="on"] #newGlossaryContainer,
body[data-strictmobileview="on"] #page,
body[data-strictmobileview="on"] #glossaryPage {
   position: relative;
}

body[data-strictmobileview="on"],
body[data-strictmobileview="on"] #articleContainer,
body[data-strictmobileview="on"] #articleInnerContainer,
body[data-strictmobileview="on"] #newGlossaryContainer,
body[data-strictmobileview="on"] #glossaryPage,
body[data-strictmobileview="on"] #page,
body[data-strictmobileview="on"] #theArticle {
   height: unset !important;
}



#leftSidebar,
#rightSidebar {
   display: inline-block;
   vertical-align: top;
   width: 14%;
   border: 1px solid #ffff003d;
   height: 100%;
   font-size: 16px;
}



#leftSidebar {
   display: none;
}

#rightSidebar {
   width: 14%;
   /* width: 22%; */
   margin-left: 2%;
   background: #01012d4f;
   height: 100%;
   border: 1px solid #1a1a1a;
   /* max-width: 360px; */
   width: 250px;
   positioN: relative;
   padding-top: 36px;
}

body.touch_landscape #rightSidebar {
   height: 303px;
   overflow: hidden;
   position: fixed;
   padding-top: 25px;
   border: 2px solid #00800021;
}

body.touch_portrait #rightSidebar {
   width: 304px;
   border: none;
}

#page[data-navshown="no"] #rightSidebar {
   display: none;
}

#page[data-navshown="no"] #articleInnerContainer {
   width: calc(100% - 63px);
}

body[data-glossaryfullwidthstatus="off"] #rightSidebar {
   position: fixed;
   right: 30% !important;

   border: 2px solid yellow !important;
   background: black;

}

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

#theArticle>.glossaryLoadMoreItem {
   display: none;
}

#page[data-bottombarshown="no"] #theArticle {
   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; */
}

.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;
}

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

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

#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 #add8e62e;
   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%;
}

.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;
}

#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;
}

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

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

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

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

.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; */
}

.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 i:hover {
   opacity: 1;
}

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

.landingLinkButton.smv {
   display: none;
}

body.touch_portrait #page .landingLinkButton {
   font-size: 21px;
}

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

#subredditButtonOriginal {
   display: none;
}

body.touch_landscape #subredditButtonOriginal {
   display: inline-block;
}

#productHuntOriginal {
   background: #2e2a4c;
   margin-right: 45px;
}

.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;
}

.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;
}

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


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

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


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

#page[data-finalstatus="final"] #landingTwoMenu {
   border: none;
}


#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: 58%;
   max-width: 725px;
   border: 2px solid yellow;
}

#landingTwoSlideshowContainer {
   display: none;
}

#landingTwoMainVideo .plyr {
   border: 5px solid #3e8ba3;
}

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

#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; */
}

.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;
   margin-bottom: 140px;
   margin-top: 140px;
}

#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; */
}

.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: 37%;
   /* 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: 21px;
   font-family: times;
   margin: 8px;
   /* border-bottom: 1px solid #ffff0061; */
   margin-bottom: 8px;
   white-space: nowrap;
}


/*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;
}

body.touch_landscape #ksCopyPage {
   position: relative;
   border: 3px solid green;
   height: 100%;
   overflow-y: auto;
}















#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;
}

.oneLandingModuleType {
   padding-left: 80px;
   font-size: 16px;
   margin-bottom: 7px;
   margin-top: 2px;
}

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

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

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

.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;
}

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

#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.touchscreen #page[data-navshown="no"] #articleContainer,
body.touchscreen #articleContainer,
body.touchscreen #rightSidebar,
body.touchscreen #articleInnerContainer,
body.touchscreen #glossaryPage {
   border: none !important;
}

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: 1px solid #2c2c2c;
   z-index: 4000;
}

body.touchscreen .keyHintRow .shortcut:not(body.touchscreen .firstKeyHintRow .shortcut) {
   font-size: 21px;
}

body.touchscreen .keyHintRow:not(.firstKeyHintRow) {
   height: 61px;
}

body.touchscreen .keyHintRow .keyboardKey {
   font-size: 14px;
   width: 60px;

}

body.touchscreen .keyHintRow .key {}

.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; */
}

#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; */
}

#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;
}

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

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

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

.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;
   padding: 26px 20px 20px 26px;
}

#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: -9px;
   height: 42px;
   width: 50%;
   z-index: 1800;
   /* border: 1px solid #28351c; */
   left: 50%;
}

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

#topBarLineTwo {
   display: none;
}

.windowMeasurements {
   vertical-align: top;
   left: unset;
   right: 0;
   position: absolute;
}

body.touchscreen .windowMeasurements {
   transform: scale(2);
   right: 134px;
   width: unset;
}

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

#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;
   display: none;
}

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

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

.glossaryToggleAdminInfo {
   display: none;
}

#glossaryBottomBar {
   border: 1px solid magenta;
}

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;
}

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



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

#theArticle[data-type="summary"] .modulePageScreenshotOrVideo.secondLocation,
#theArticle[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;
}

.changeModulePageTypeSecond {
   /* border: 3px solid red; */
   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: 64px;
   font-size: 19px;
   margin: 0;
}

.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;

}

#page.isMobile .mainGlossaryNav {
   /* border: 1px solid yellow; */
   height: 56px;
}


.disableTheNav {
   display: none;
}

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

#page.isMobile .glossaryPreviousNext {
   vertical-align: top;
   bottom: unset;
   left: 2px;
   white-space: nowrap;
   max-width: 459px;
   min-width: unset;
   overflow: hidden;
}

.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%;
}

#newKBContainer,
#small_feature_page {
   position: relative;
   display: block;
   top: 0;
   position: absolute;
   z-index: 15000;
   /* min-width: 900px; */
   top: 0;
   width: 100%;
   left: 0;
   height: 100%;
   display: none;
   z-index: 19;
}

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

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





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



.altFeatureTitleArea,
.keyboardShortcutsTitleArea {
   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;

}

.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: calc(100% - 71px);
}

.navTitlePartial {
   display: none;
}

#page.isMobile .navTitlePartial {
   height: 61px;

   line-height: 50px;
}


#page.isMobile #glossaryBottomBar .glossaryBottomBarTabs {
   /* bordeR: 1px solid yellow; */
   padding: 0;
   height: 70px;
   display: block !important;
}

#page.isMobile .oneContentItem {
   width: 47%;
   font-size: 1.2em;
}

#page.isMobile #glossaryBottomBar {
   height: unset;
   bordeR: 2px solid #a74eae;
}

#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;
}


#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;
}

#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;
}


#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;
}


#page.isMobile .glossaryLoadMoreSectionTitle {
   font-size: 17px;
   width: unset;
   padding-right: 5px;
}

#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) {

   #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% - 46px);
      /* border: 2px solid green; */
   }

   #theArticle {
      height: calc(100% - 41px) !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) {

   #page #landingTwoMainVideo {
      width: 39%;
      border: 1px solid #fffe002e !important;
      padding-bottom: 0;
      height: unset;
   }

   .plyr {
      /* border: 1px solid #5ca45b; */
   }
}

@media only screen and (min-width: 1650px) {

   .whoCanUseContainer,
   .reasonsToUseContainer,
   .whySiteMadeContainer {
      font-size: 20px;
   }

   .reasonOutlineLineTwo {
      font-size: 18px;
      margin-right: 12px;
   }
}

@media only screen and (min-width: 1020px) {
   body[data-strictmobileview="on"] #articleInnerContainer {
      border: 3px solid #00fff578 !important;
   }
}

@media only screen and (max-width: 1650px) {

   #page[data-glossarytype="keyboard"] .keyboardShortcutsTitleArea {
      width: 300px;
      line-height: 30px;
   }


   .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: 1600px) {
   .mostTimeConsuming {
      display: none;
   }
}

@media only screen and (max-width: 1500px) {
   .oneAltGroup {
      border: none;
      outline: none;

   }

   .articleActionButton {
      font-size: 16px;
      margin-right: 10px;
   }


}


@media only screen and (max-width: 1180px) {


   .innerTitleButtonsArea {
      font-size: 16px;
   }

   .innerTitleOptions {
      font-size: 12px;
      top: 12px;
      border: 1px solid #2ba0c67d;
      left: 10px;
   }

   #ksCopyInnerTitle {
      font-size: 26px;
   }

   .oneStoryContainerImage img {
      margin-left: 0;
      width: 100%;
   }

   .tocLine {
      font-size: 14px;
      margin-bottom: 4px;
   }

   .storySection {
      font-size: 17px;
   }

   body.touchscreen .storySection {
      font-size: 30px;

   }





   body.touchscreen .oneStoryContainer {
      line-height: 42px;
   }

   body.touch_landscape .storySection {
      font-size: 16px;
   }


   body.touch_landscape .oneStoryContainer {
      line-height: 25px;
   }

   .storySection i {
      font-size: 11px;
   }

   .changeModulePageTypeSecond {
      display: block;
      /* border: 1px solid cyan; */
      position: absolute;
      top: 54px;
      right: 0;
      left: unset;
   }

   .modulePageTypePartial {
      display: none;
   }



   .oneContentItem {
      width: 29%;
      font-size: .9em;
   }

   .oneAltGroupContent {
      padding-left: 4%;
   }

   #landingTwoMenu {
      right: 110px;
   }

   .glossaryLogoFull {
      display: none;
      line-height: 28px;
      /* right: 15px; */
      /* left: unset; */
   }

   .glossaryLogoPartial {
      display: inline-block;
   }

   .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;
   }




}

@media only screen and (max-width: 1300px) {


   #landingTwoMainVideo,
   #landingTwoMainText,
   #landingTwoMainImage {
      height: 480px;
   }

   .introHeader {
      font-size: 34px;
      padding-left: 5px;
      padding-top: 8px;
   }

   .landingSignUpButton,
   .landingLinkButton,
   .landingMenuButton {
      font-size: 14px;
   }

   #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;
   }


}

/*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;

   }

   .landingRowVideoContainer .plyr {
      margin: 0 auto;
      position: relative;
      max-width: 640px;
      border: 1px solid cyan;
   }




   .oneContentItem {
      width: 31%;
      font-size: .8em;
      margin: 7px;
   }

   .oneAltGroupContent {
      padding-left: 2%;
   }

   #theArticle[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"] #theArticle,
   body[data-showadminbar="no"] #page[data-glossarytype="keyboard"] #theArticle {
      border: 3px solid magenta !important;
      height: calc(100% - 138px);
   }


   #landingTwoMainText {
      padding: 3px 15px;
   }

   #page .articleActionButton[data-type="keyboardShortcuts"] {
      display: none;

   }

   body.touch_landscape #theArticle {
      /* border: 1px solid yellow !important; */
      /* height: 100% !important; */
      /* height: 300% !important; */

      /* bordeR: 3px solid green !important; */

   }

}

/*end of max width 1200px */



@media only screen and (max-width: 1070px) {




   #page[data-glossarytype="main"] .altGlossaryOptionsButton {
      display: none;
      border: 1px solid green;
   }

   .secondGlossaryOptionsCog {
      visibility: visible;
   }

   #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[data-glossarytype="main"] .glossaryOptionsCog {
      display: inline-block;
   }


   .glossaryOptionsCog i {
      line-height: 40px;
   }

   .secondGlossaryOptionsCog {
      height: 55px;
      display: none;
   }

   .secondGlossaryOptionsCog i {
      line-height: 55px;
   }

   .glossarySearchToggle {
      top: 10px;
   }

   .glossaryBottomBarTabsInner {
      /* border: 1px solid #ffff0054; */
      left: 0;
      width: 100%;
      padding-top: 5px;
      padding-bottom: 5px;
      white-space: nowrap;
   }

   #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) {

   .toggleArticleOptions {
      top: 13px;
      right: 29px;
   }

   #articleContainer {
      /* border: 3px solid #ff00ff5e; */
      padding: 8px;
      /* height: calc(100% - 80px); */
   }



   #page #theArticle {
      /* width: calc(100% - 47px); */
      /* border: 1px solid #592871; */
      height: 100%;
      /* height:  100% !important; */
   }

   .changeLandingPageImageType {
      padding: 0px;
      margin: 0px;
      font-size: 11px;
      width: 140px;
   }

   #ksCopyInner[data-contentsposition="fixed"] .storySection {
      width: 67%;
   }

   #ksCopyInner[data-contentsposition="fixed"] .tableOfContents {
      width: 31%;
   }

   body.touch_landscape .storySection {
      border: 2px solid yellow !important;
      height: unset !important;
      overflow-y: unset !important;
   }


}



/*end of max width 1000px */

@media only screen and (max-width:970px) {
   #firstSummary {
      font-size: 17px;
   }
}

@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: 840px) {

   #ksCopyInnerTitle {
      text-align: left;
      padding-left: 10px;
   }

   .innerTitleOptions {
      left: 200px;
   }


   #glossaryTopBar[data-showingmoreitems="yes"] .glossaryOptionsCog,
   #glossaryTopBar[data-showingmoreitems="yes"] .miniGlossaryMouse,
   #glossaryTopBar[data-showingmoreitems="yes"] .landingMenuButton {
      display: none;
   }


   #glossaryTopBar[data-showingmoreitems="yes"] #kickstarterClone,
   #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;
      display: none;
   }

   .landingMenuShowMore i {
      line-height: 38px;
      font-size: 23px;
   }

   .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; */
   }
}

@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%;
   }


}

/*end of max width 800px */

@media only screen and (max-width: 700px) {


   #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;
   }

   .glossaryLogo {
      right: 30px;
      top: 8px;
      display: none;
   }

   .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;
   }

}

/*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;
   }

   .landingSignUpButton,
   .landingLinkButton,
   .landingMenuButton {
      font-size: 11px;
      padding: 0px 8px;
   }



   #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 */






@media only screen and (min-height: 1700px) and (max-width: 1100px) {

   /*this is portrait for phones */
   #mainCCIntro {
      max-height: unset;
   }

   .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;

   }
}