body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Helvetica Neue,Roboto,"Sans-serif"!important;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.directionContainer,.main-container,body,html{height:100%;overflow:hidden}.main-container{display:flex;flex-direction:column}.drawer-z-indx{z-index:-1}.overlay{background:#000;height:100%;opacity:.2;position:fixed;width:100%}.loaderIcon,.overlay{left:0;top:0;z-index:99}.loaderIcon{bottom:0;color:#142a4a;margin:auto;position:absolute;right:0}.MuiBox-root,.MuiDrawer-root{z-index:99}.lightMode .header-titel{color:#fff!important}.lightMode .mdSectionList{background-color:#fff;color:#000}.lightMode .mdSectionList .mdSectionListItem .bgActive,.lightMode .mdSectionList .mdSectionListItem .subSectionListItem.active span{color:#5491cc!important}.lightMode .mdSectionList .mdSectionListItem .subSectionListItem.active{border-color:#5491cc!important;color:#0f0e30!important}.lightMode .mdSectionList .mdSectionListItem .subSectionListItem{color:#000}.lightMode .mdSectionList .mdSectionListItem{border-color:#142a4a}.lightMode .mdSectionList .mdSectionListItem .heading{color:#000}.lightMode .mdSectionList .nextPrevContainer .arrow{border-color:#0f0e30}.lightMode .mdSectionList .nextPrevContainer{color:#000}.lightMode .mdSectionList .nextPrevContainer .arrow:hover{background-color:#0f0e30;border-color:#0f0e30;color:#fff!important}.lightMode .main-wrapper .mdSectionWrapper{background-color:#fff;color:#000!important}.lightMode .main-wrapper .postWrapper li{color:#000}.lightMode h3,.lightMode h4,.lightMode h5,.lightMode p,.lightMode span,.lightMode strong{color:#000!important}.lightMode .topologyContainer{background-color:hsla(0,0%,97%,.5);border:none!important}.lightMode .mdSectionList .icon-background{color:#000}.lightMode .main-wrapper .postWrapper h1,.lightMode .main-wrapper .postWrapper h2{background-color:#1e235a!important}.switchBtnWrapper{margin-right:22px;position:absolute;right:145px;top:16px;z-index:9}.switchBtnWrapper .checkbox{opacity:0;position:absolute}.switchBtnWrapper .checkbox-label{align-items:center;border:2px solid #aad037;border-radius:50px;cursor:pointer;display:flex;height:24px;justify-content:space-between;padding:5px;position:relative;width:100px}.switchBtnWrapper .checkbox-label .ball{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:25px;justify-content:center;position:absolute;top:4px;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:25px}.switchBtnWrapper .checkbox-label .ball svg{font-size:16px}.switchBtnWrapper .checkbox:checked+.checkbox-label .ball{-webkit-transform:translateX(52px);transform:translateX(52px)}.switchBtnWrapper .text{color:#fff!important;font-size:10px;font-weight:600;text-transform:uppercase}.header{align-items:center;background-color:#0f0e30;border-bottom:1px solid rgba(76,159,80,.28);display:flex;letter-spacing:1px;padding:16px;position:-webkit-sticky;position:sticky;top:0}.logo-container{height:35px;width:190px}.logo-container .logo{height:100%;object-fit:contain;width:100%}.header-titel{font-size:20px!important;letter-spacing:1px!important;margin-left:3vw!important;width:45%}.header-titel,.startTourBtn{color:#fff;font-family:Helvetica Neue,Roboto,"Sans-serif"!important}.startTourBtn{background:transparent;border:2px solid #aad037;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:2px;margin:5px 10px;padding:10px;position:absolute;right:16px;text-transform:uppercase;top:11px}.startTourBtn:hover{background-color:#aad037;color:#000}.react-joyride__spotlight{border:3px solid #aad037!important}.footer{background-color:#0f0e30;border-top:1px solid rgba(76,159,80,.28);bottom:0;display:flex;flex-direction:column;height:9.9vh;padding:0 3vw;width:auto;z-index:1300}.content{display:flex;flex-direction:row;height:90%;justify-content:space-between}.ask-div,.connect-div{align-self:center}.connect-div{color:#fff;padding-top:1vh;width:15%}.icon-a{color:#fff!important;font-size:23px;padding-left:4.5%;padding-right:4.5%}.copy-right{color:#fff;font-size:13px;letter-spacing:1px;margin-bottom:6px;padding-bottom:12px}.ask-button{background-color:#112346!important;width:100px!important}.modal-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:12px}.modal-body{padding:0 12px 12px}.modal-footer{align-items:center;border-top:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:15px}.send-but{background-color:#112346!important}.show-err{visibility:hidden}.snack-success div{background-color:#dff0d8;border-color:#d6e9c6;border-radius:4px;color:#3c763d}.input-box{padding-top:14px}.input-label{display:inline-block;font-size:15px;font-weight:600;margin-bottom:5px}.custum-input{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;color:#555;font-size:14px;line-height:1.42857143;outline:none;padding:6px 12px;width:94%}.custum-input:focus{border:1px solid #225c96}.reference-main{align-items:center;display:flex;flex-direction:column;height:97%}.reference-title{color:#080a3e;padding:1.3vh 0}.reference-ex-div{background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;color:#333;font-family:monospace;font-size:13px;height:100%;line-height:1.42857143;overflow:auto;padding:8px;width:100%;word-break:break-word}.directionContainer{overflow-x:scroll!important}.directionContainer .bgImg{height:100vh;position:fixed;width:100%;z-index:-1}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}.main-wrapper{display:inline-flex;height:100%;justify-content:space-between}.main-wrapper .lab-tab-container{min-width:500px}.main-wrapper .drawer-div{display:flex}.main-wrapper .mdSectionWrapper{background:rgba(15,14,48,.8);border:1px solid rgba(76,159,80,.28);border-radius:8px;color:#fff!important;margin:20px 20px 15px 0;overflow-y:auto}.main-wrapper .mdSectionWrapper #mdSection{height:97%;overflow-y:auto}.main-wrapper .mdSectionWrapper .addExtraPadding h1,.main-wrapper .mdSectionWrapper .addExtraPadding h2{padding-left:35px}.main-wrapper .mdSectionList{list-style:none;margin-bottom:0;max-width:280px;padding:0;transition:min-width .3s ease}.main-wrapper #mdSection img{display:block;margin-top:16px;max-width:100%;object-fit:contain}.main-wrapper #mdSection .btn-scroll-top{align-items:self-start;background:#e7e9eb;border:1px solid #d3d3d3;border-radius:4px;bottom:10%;color:#000;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:9%}.main-wrapper .postWrapper div:first-child{position:-webkit-sticky;position:sticky;top:0}.main-wrapper .postWrapper h1,.main-wrapper .postWrapper h2{background-color:#0f0e30;color:#fff;letter-spacing:1px;margin:0;padding-left:20px;padding-right:40px}.main-wrapper .postWrapper h1{border-top-left-radius:8px;border-top-right-radius:8px;font-size:16px;font-weight:400;margin-bottom:-1px;padding-top:17px}.main-wrapper .postWrapper h2{align-items:center;border-bottom:1px solid rgba(76,159,80,.28);display:flex;font-size:15px;font-weight:500;padding-bottom:10px;padding-top:10px;position:-webkit-sticky;position:sticky;top:35px}.main-wrapper .postWrapper h3,.main-wrapper .postWrapper h4,.main-wrapper .postWrapper h5,.main-wrapper .postWrapper p{padding-left:24px;padding-right:24px}.main-wrapper .postWrapper h3,.main-wrapper .postWrapper h4,.main-wrapper .postWrapper h5{font-size:15px;letter-spacing:1px}.main-wrapper .postWrapper li,.main-wrapper .postWrapper p{font-size:14px;letter-spacing:1px}.main-wrapper .postWrapper li{color:#fff;margin:6px 0}.main-wrapper .postWrapper p{color:#fff;font-size:14px;margin:16px 0 6px}.main-wrapper .postWrapper strong{color:#fff}.main-wrapper .postWrapper .preContents{padding:0 16px}.main-wrapper .postWrapper .preContents pre{background:#d0d7de;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #888;color:#000;font-size:14px;margin-top:0;padding:0 16px 16px}.main-wrapper .postWrapper .preContents pre code{display:block;padding-top:10px}.main-wrapper .postWrapper p code{background-color:#eef1f2;border-radius:4px;color:#000;margin-left:4px;padding-left:4px}.main-wrapper .postWrapper blockquote{border-left:.25em solid #d0d7de;color:#57606a;margin:0;padding:0 1em}.main-wrapper .nextPrevSection{background:#dee8f4;border:1px solid #f1f1f1;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;justify-content:space-between;padding:24px 20px}.main-wrapper .nextPrevSection .nextPrevContainer{cursor:pointer;display:flex;flex-direction:column}.main-wrapper .nextPrevSection .nextPrevContainer .title{color:#868686;font-size:16px;font-style:italic}.main-wrapper .nextPrevSection .nextPrevContainer .heading{color:#142a4a;font-size:14px}.main-wrapper .directionContent{align-items:baseline;display:flex;min-width:550px;position:relative}.main-wrapper .directionContent .post{height:100%;width:100%}.main-wrapper .directionContent .rotateLeft{rotate:0deg;transition:.5s}.main-wrapper .directionContent .rotateRight{rotate:180deg;transition:.5s}.main-wrapper .directionContent .hideShowRefBtn{left:-17px}.main-wrapper .directionContent .hideShowRefBtn,.main-wrapper .directionContent .hideShowTopologyBtn{background:#fff;border:1px solid #e9e9e9;border-radius:30px;cursor:pointer;height:45px;padding-top:4px;position:absolute;top:36px;width:45px;z-index:9}.main-wrapper .directionContent .hideShowRefBtn svg,.main-wrapper .directionContent .hideShowTopologyBtn svg{background:#142a4a;border-radius:30px;color:#fff;height:20px;padding:5px;width:20px}.topologyContainer{align-items:center;background-color:rgba(15,14,48,.8);border:1px solid rgba(76,159,80,.28)!important;border-radius:6px;display:flex;justify-content:center;margin:20px 20px 15px 0;min-width:540px;position:relative;width:50%}.topologyContainer .topologyContent{align-items:flex-end;display:flex;flex-direction:column}.topologyContainer .topologyContent .imageViewWrapper{background:#fff;border-radius:6px;margin:20px 16px;padding:1%;position:relative}.topologyContainer .topologyContent .imageViewWrapper img{width:100%}.topologyContainer .overlay{opacity:.8;z-index:9999}.topologyContainer .enlargeBtn{background:#fff;border:1px solid #f1f1f1;border-radius:50%;cursor:pointer;height:50px;margin:4px;position:absolute;top:0;width:50px}.topologyContainer .enlargeBtn svg{background-color:#142a4a;border-radius:50%;color:#fff;padding:5px}.topologyContainer .topologyWrapper{align-items:center;border-radius:6px;bottom:0;display:flex;height:110%;justify-content:center;left:0;margin:auto;position:fixed;right:0;top:0;-webkit-transform:scale(.8);transform:scale(.8);width:100%;z-index:9999}.topologyContainer .topologyWrapper .labsImage{background:#fff;border-radius:6px;height:100%;position:relative;transition:all .2s ease-in-out;width:100%}.topologyContainer .topologyWrapper .labsImage .imageViewWrapper{height:100%;margin:0;width:100%}.topologyContainer .topologyWrapper .labsImage .imageViewWrapper img{height:100%}.topologyContainer .closeIcon{background-color:#142a4a;border-radius:50%;color:#fff;cursor:pointer;font-size:35px;margin:10px;padding:10px;position:absolute;right:-24px;top:6px;-webkit-transform:scale(.8);transform:scale(.8);transition:all .2s ease-in-out}.topologyContainer .wifiLabsWrapper{display:flex;height:90%;justify-content:center;width:auto}.topologyContainer .wifiLabsWrapper img{border-radius:4px}img[alt="13"],img[alt="32"],img[alt="36_2"],img[alt=menu]{width:100%}img[alt=introLogo]{height:40px;margin-left:8px;width:50px}img[alt="4"],img[alt="5"],img[alt="6"],img[alt="7"],img[alt="8"],img[alt="9"]{display:block;height:65%;margin:0 auto;width:75%}img[alt="14"],img[alt="15"],img[alt="16"],img[alt="17"]{display:block;height:45%;margin:0 auto;width:45%}img[alt="19_1"]{padding-bottom:10%;width:40%}img[alt="19_2"],img[alt="19_3"]{height:80%;width:60%}img[alt="19_3"]{display:block;margin:0 auto}img[alt="20_1"],img[alt="20_2"],img[alt="28_1"],img[alt="28_3"],img[alt="29_2"],img[alt="29_3"],img[alt="34_1"],img[alt="34_3"],img[alt="35_1"],img[alt="35_2"],img[alt="35_3"]{padding-bottom:4%;width:60%}img[alt="20_3"],img[alt="28_2"],img[alt="29_1"],img[alt="34_2"]{width:60%}img[alt="21_1"],img[alt="21_2"]{height:80%;width:100%}img[alt="22"]{display:block;height:70%;margin:0 auto;width:80%}img[alt="23"],img[alt="24"]{height:80%;width:90%}img[alt="30_1"]{display:block;margin:0 auto;width:65%}img[alt="30_2"],img[alt="30_3"],img[alt="35_4"]{display:block;margin:0 auto;width:80%}img[alt="31_1"],img[alt="36_1"]{display:block;margin:0 auto;width:35%}img[alt="31_2"]{display:block;margin:0 auto;width:100%}.copyContentBtn{background:#d0d7de;border:none;border-top-left-radius:4px;border-top-right-radius:4px;padding:8px 10px;text-align:right;width:100%}.copyContentBtn span{align-items:center;cursor:pointer;display:inline-flex;font-size:13px}.copyContentBtn span svg{font-size:16px;margin-right:4px}.mdSectionList{background-color:rgba(15,14,48,.8);border:1px solid rgba(76,159,80,.28);border-radius:8px;margin:20px 20px 15px!important}.mdSectionList li.mdSectionListItem:last-child{border-bottom:none}.mdSectionList .mdSectionListItem{border-bottom:1px dashed #aad037}.mdSectionList .mdSectionListItem .bgActive{color:#aad037!important;font-weight:500}.mdSectionList .mdSectionListItem .heading{align-items:center;color:#fff;cursor:pointer;font-size:15px;justify-content:space-between;letter-spacing:1px;padding:8px;width:95%}.mdSectionList .mdSectionListItem .heading .upArrow{rotate:180deg}.mdSectionList .mdSectionListItem .heading .activeArrow{rotate:0;transition:.3s}.mdSectionList .mdSectionListItem .subHeaderList{border-radius:6px;list-style:none;margin:8px 10px;padding:0 10px}.mdSectionList .mdSectionListItem .subSectionListItem{color:#fff;cursor:pointer;display:flex;font-size:14px;letter-spacing:1px;margin:4px 0 10px}.mdSectionList .mdSectionListItem .subSectionListItem.active{border-right:3px solid #aad037;color:#aad037!important;padding-right:8px}.mdSectionList .mdSectionListItem .subSectionListItem.active span{color:#aad037!important}.mdSectionList .mdSectionListItem .subSectionListItem.active .subSectionListBar{color:#fff;display:block;height:10px;width:4px}.mdSectionList .icon-background{background:transparent;border:none;color:#fff;cursor:pointer;padding:10px 14px}.mdSectionList .listWrapper{height:90%;overflow-x:hidden;overflow-y:auto}.mdSectionList .listWrapper::-webkit-scrollbar{background-color:transparent;height:4px;width:4px}.mdSectionList .listWrapper::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}.mdSectionList .nextPrevContainer{align-items:center;border-top:1px solid rgba(76,159,80,.28);color:#fff;display:flex;height:10%;justify-content:flex-end;padding:0 20px}.mdSectionList .nextPrevContainer .arrow{align-items:center;border:2px solid #fff;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;margin:0 10px;width:30px}.mdSectionList .nextPrevContainer .arrow svg{font-size:20px}.mdSectionList .nextPrevContainer .arrow:hover{background:#fff;border:2px solid #fff;color:#000}.lab-tab-container{align-self:center;margin:0 auto}.diagram-outer{height:100%;overflow:auto;position:relative;width:100%}.diagram-outer .inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAQklEQVRYw+3OMREAIAwEsIdjrX+fVYCNHxIFObubPi/JzLS1bippaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWkV+COAA2P2WEJmAAAAAElFTkSuQmCC);border-radius:.8em;box-shadow:0 0 10px 1px rgba(0,0,0,.25);height:100%;left:0;margin:0!important;position:absolute;top:0}.diagram-outer .node-box{border:2px solid #fff;border-radius:2%;box-shadow:0 0 5px 0 #888;position:absolute}.diagram-outer .node-box .box-text{font-size:.85em}.diagram-outer .network{background-color:#f5f5f5;height:62%;left:4%;top:13.5%;width:27%}.diagram-outer .fabric{background-color:#e8f4f8;height:20%;left:39%;top:35%;width:35%}.diagram-outer .farm{background-color:#f5f5f5;height:44%;left:81%;top:21%;width:12%}.diagram-outer .diagram-svg{height:98%;position:absolute}.diagram-outer .diagram-svg .svg-line{stroke:#817979;stroke-width:2}.node{background:#dbd4d4;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fff;border-radius:.2rem;box-shadow:0 0 6px 1px #888;cursor:pointer;height:10%;position:absolute;width:6.5%}.node,.titel-div{text-align:center}.titel-div{background-color:rgba(0,0,0,.4)}.node-titel{color:#fff;font-size:.6em;font-weight:600;line-height:1;overflow:hidden;padding:2px;text-shadow:-1px -1px 1px #067195,1px -1px 1px #067195,-1px 1px 1px #067195,1px 1px 1px #067195}.node-focus{box-shadow:0 0 6px 1px #104e85!important}.menu-text{font-size:.9rem!important;line-height:1!important}.modalContainer{justify-content:center}.boxWrapper,.modalContainer{align-items:center;display:flex}.boxWrapper{background-color:#fff;border-radius:6px;box-shadow:0 0 2px 1px rgba(0,0,0,.25);flex-direction:column;margin:30px;outline:none;padding:20px 30px;text-align:center;width:430px}.boxWrapper h4.textInfo{font-size:20px;margin:0}.boxWrapper form.formWrapper{align-items:center;display:flex;flex-direction:column;width:100%}.boxWrapper .blueBtn{background:#142a4a;border:1px solid #5491cc;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-size:20px!important;height:45px;padding:10px 30px;text-transform:capitalize;width:auto}
/*# sourceMappingURL=main.1b803188.css.map*/