*{box-sizing:border-box;margin:0;padding:0}body{--thumbNumber:"5";font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:16px;margin:auto}.main{background-image:linear-gradient(rgba(34,40,65,.9),rgba(34,40,65,.9)),url(//5087845.fs1.hubspotusercontent-na1.net/hubfs/5087845/raw_assets/public/TCOW_Theme/images/bg_1.jpeg);background-size:cover}.main,.mainPage{align-items:center;height:100vh;width:100%}.header{background:#fff;box-shadow:0 2px 10px #b6b6b6;float:left;width:100%}.header p{color:#456da4;font-size:24px;margin-left:40%;margin-top:10px}.logo{background-image:url(../images/manpowergroup-logo-400-2x.png);background-size:200px 37px;float:left;height:37px;margin-left:150px;margin-top:10px;width:200px}.subHeader{color:#456da4;margin-top:10px;width:100%}.container{align-items:center;text-align:center}.container,.inHeader{float:left;width:100%}.inHeader{height:3%}.leftPanel{float:left;height:94%;width:30%}.leftPanelscore{float:left;height:94%;width:25%}.rightPanel{float:left;height:95%;width:70%}.inputFields{background:#2d334b;border-radius:25px;height:95%;margin:0 5%;min-height:100px;overflow:auto;padding-left:10%;text-align:left;width:90%}.inputFields p{color:#fff;padding-top:20px}.subDivs{float:left;height:50px;margin-left:50px;padding:0 10px}.tpmargin{margin-top:20px}.leftBorder{border-left:1px solid #23283f}.subDivs p{color:#23283f}.logoName{background:#fff;border:1px solid #23283f;border-radius:40px;min-width:50px}.editButton,.logoName{margin-top:10px;padding:15px}.editButton{border:1px solid #d7813a;border-radius:20px;cursor:pointer;float:left;height:50px}.resultDiv{background:#fff;border-radius:25px;float:left;height:95%;margin:0 5%;min-height:100px;width:40%}.rounded_top{border-top-left-radius:25px;border-top-right-radius:25px;float:left;height:8%;padding:5px;width:100%}.rounded_top p{color:#fff;font-weight:700}.grn_bg{background:#56756b}.orng_bg{background:#d7813a}.blue_bg{background:#222841}.rsltFloatDiv{float:left;height:90px;padding-top:10px;width:100%}.gryFloatDiv{background:#f7f7f7;float:left;height:10px;width:100%}.centralDiv{float:left;height:99%;width:45%}.rightSlide{border-left:1px solid #fff;float:left;height:70%;margin-left:5%;padding-left:3%;padding-top:3%;width:20%}.rightSlide p{color:#fff;margin-bottom:10px;margin-top:20px;text-align:left}.centralSubDiv{float:left;height:99%;width:100%}.centralSubDiv p{color:#fff;font-size:40px;font-weight:700;margin:70px}.centralHeaderDiv{height:200px;margin-top:100px}.sideList{float:left;height:90%;margin:20%;text-align:left;width:90%}.sideList p{border-left:5px solid #f60;color:#fff;font-size:16px;font-weight:400;margin-bottom:15px;padding:15px}.slidecontainer,.slider{width:100%}.slider{-webkit-appearance:none;appearance:none;background-image:linear-gradient(90deg,red,orange,green);border-radius:5px;height:25px;opacity:.7;outline:none;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#04aa6d;border-radius:50%;cursor:pointer;height:100px;width:100px}.slider::-webkit-slider-thumb:before{content:var(--thumbNumber)}.slider::-moz-range-thumb{background:#04aa6d;border-radius:50%;cursor:pointer;height:100px;width:100px}.slidersmallInputs{-webkit-appearance:none;appearance:none;background-image:linear-gradient(90deg,#fff,#fff);border-radius:5px;height:2px;outline:none;-webkit-transition:.2s;transition:opacity .2s;width:90%}.slidersmallInputs::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:6px solid #d7813a;border-radius:50%;cursor:pointer;height:20px;width:20px}.slidersmall{-webkit-appearance:none;appearance:none;background-image:linear-gradient(90deg,red,orange,green);border-radius:5px;height:5px;opacity:.7;outline:none;-webkit-transition:.2s;transition:opacity .2s;width:100%}.slidersmall:hover{opacity:1}.slidersmall::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#04aa6d;border-radius:50%;cursor:pointer;height:25px;width:25px}.slidersmall::-moz-range-thumb{background:#04aa6d;border-radius:50%;cursor:pointer;height:25px;width:25px}input[type=button]{background-color:#d7813a;border:none;border-radius:10px}input[type=button],input[type=reset],input[type=submit]{color:#fff;cursor:pointer;margin:4px 2px 4px 50px;padding:16px 32px;text-decoration:none}input[type=reset],input[type=submit]{background:none;border:1px solid #fff;border-radius:10px}input[type=button]:disabled{background:#9a9a9a;color:#383636;cursor:default}.form__field{background:transparent;border:0;color:#fff;font-family:inherit;font-size:24px;outline:0;padding:7px 0;transition:border-color .2s;width:90%}.error-message{bottom:0;color:#ff0707;left:0;margin-bottom:15px;position:absolute;width:100%}.hidden{display:none}.sideSpan{color:#fff;font-size:18px;margin-right:10px}.border{border-bottom:1px solid #fff;height:.5px;width:90%}.wsiScoreDiv{background:#39445f;border-radius:10px;float:left;height:100px;margin:20px 0;text-align:center;width:90%}.wsiScoreDiv p{font-size:20px;margin-bottom:10px}.wsiButton{background:#d7813a;border-radius:10px;cursor:pointer;height:30px;margin:0 auto;text-align:center;width:70%}.wsiButton p{font-size:12px!important;padding-top:7px!important}.headerLeftDiv{width:54%}.rightBorder{border-right:1px solid #456da4;float:left;height:50%;margin:5% 0;width:1px}.rightBorderWhite{border-right:1px solid #fff!important}.innerSpan{color:#878ba7;display:inline-block;line-height:normal;width:99%}.headerLeftDiv,.headerRightDiv{float:left;height:100%;height:100px;line-height:70px;text-align:center}.headerRightDiv{width:44%}.headerRightDiv span{font-size:18px}.progressBar{height:37px;margin:8%}.Progress_Status{background-color:#5c7d70;border-radius:15px;width:100%}.myprogressBar{background-color:#2d334b;border-bottom-left-radius:25px;border-top-left-radius:25px;color:#000;height:35px;line-height:32px;text-align:center;width:40%}.progressLeftDiv{float:left;height:25px;margin-top:10px;width:50%}.grayPColor{color:#2d334b}.greenPColor{color:#5c7d70}.orangeBarColor{background:#d7813a}select{appearance:none;border:none;border-bottom:1px solid #fff;cursor:inherit;font-size:inherit;line-height:inherit;margin:0;outline:none;padding:0 1em 0 0;width:100%;z-index:1}.select,select{background:#222841;color:#fff}.select{align-items:center;border-bottom:1px solid var(--select-border);border-radius:.25em;cursor:pointer;display:grid;font-size:1rem;grid-template-areas:"select";line-height:1.1;margin-bottom:20px;margin-top:10px;max-width:30ch;min-width:15ch;padding:.25em .5em;position:relative}select:focus+.focus{bottom:-1px;left:-1px;position:absolute;right:-1px;top:-1px}.midDiv{float:left;height:100%;min-height:100px;width:98%}