.main-header-root{position:absolute;top:0;left:0;right:0;height:10%;display:flex;align-items:center;background-color:#00f;color:#fff;font-weight:600;margin-bottom:1%}.main-header-root.row:after{content:"";display:table;clear:both}.main-header-root .whiteLink{color:#fff}.main-header-root .left{float:left;width:20%;display:flex;align-items:center}.main-header-root .middle{width:80%}.main-header-root .spacer{flex:1}.main-header-root .login{width:50px}.main-header-root .right{float:right;width:20%}.main-header-root .loginDiv{width:34px}.main-footer-root{margin-top:8px;width:100%;display:flex;align-items:center;text-align:center;line-height:20px;background-color:#00f;color:#fff;height:10%;padding-top:10px;padding-bottom:10px;padding-left:10px;border-top-width:1px;border-top-color:#000;border-left-width:1px;border-left-color:#000}.main-footer-root .github-star-badge{color:#fff;align-items:center;padding:3px 10px;border:1px solid white;border-radius:3px;margin-left:4px}.main-footer-root .github-star-badge:hover{background-image:linear-gradient(-180deg,#00f,#fff 90%);border-color:#1b1f2359;background-position:-.5em}.main-footer-root .material-icons{background-color:#00f;width:20px;height:24px;padding-right:3px;fill:#fff}.main-main-root.mainClass{width:80%;margin-left:10%;padding-left:3px;margin-top:10%}.main-main-root .headerClass{width:50%;border:2px solid rgb(240,230,230);text-align:center;margin-left:25%;margin-bottom:3px}.main-main-root .frameClass{border:2px solid rgb(240,230,230);padding:1%;margin-bottom:3px}.main-main-root .expClass{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.main-main-root .expWidthClass{width:48%;text-align:center;border-radius:25px;border-color:#f0e6e6;border-style:solid;margin-bottom:1%}.main-main-root .expWidthClass ul{margin-right:10%;margin-left:10%}.main-main-root .expWidthClass ul li{padding-right:10%;padding-left:10%}.main-main-root .subscribeClass{border:1px solid blue;margin-top:1%}.main-main-root .payButtonClass{background-color:#00f;color:#fff}.main-main-root .btnMarketBase{border:2px solid rgb(240,230,230);background-color:transparent;border-radius:3px;margin-right:1%;color:#8a2be2;text-decoration:underline}@media only screen and (max-width: 600px){.main-main-root.mainClass{margin-top:20%}.main-main-root .expClass{display:contents;gap:10px}.main-main-root .expWidthClass{width:100%}}.content{margin-top:7%;height:90%;margin-bottom:3%}.login-root.login{color:#4a4a4a;display:flex;justify-content:center;align-items:center;min-height:100vh;margin-top:3%}.login-root .loginForm{width:350px;position:relative}.login-root .loginForm .form-field:before{font-size:20px;position:absolute;left:15px;top:17px;color:#888;content:" ";display:block;background-size:cover;background-repeat:no-repeat;z-index:1}.login-root .loginForm .form-field:nth-child(1):before{background-image:url(/assets/logos/img/user-icon.png);width:20px;height:20px;top:15px}.login-root .loginForm .form-field:nth-child(2):before{background-image:url(/assets/logos/img/lock-icon.png);width:16px;height:16px;top:17px}.login-root .loginForm .form-field{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;position:relative;border-style:groove}.login-root .loginForm input{font-family:inherit;width:100%;outline:none;background-color:#fff;border-radius:4px;border:none;display:block;padding:.9rem .7rem;box-shadow:0 3px 6px #00000029;font-size:17px;color:#4a4a4a;text-indent:40px}.login-root .loginForm .btn{outline:none;border:none;cursor:pointer;display:inline-block;padding:.4rem .8rem;text-align:center;background-color:#8c5ee9;color:#fff;border-radius:4px;box-shadow:0 3px 6px #00000029;white-space:nowrap;font-size:14px}.login-root .loginForm .othersBtn{margin-left:5px}.login-root .loginForm span{font-family:inherit;width:100%;background-color:#fff;border-radius:4px;border:none;display:block;box-shadow:0 3px 6px #00000029;font-size:17px;text-align:center;color:red}.new-user-root.newUser,.forget-password-root.forgetPass{display:flex;color:#4a4a4a;justify-content:center;align-items:center;min-height:100vh}.user-root.allPageClass{border:1px solid blue;margin:10%}.user-root .headerClass{border:1px solid blue;display:flex}.user-root .headerLeft{border:1px solid blue;width:20%}.user-root .headerMid{border:1px solid blue;width:60%;text-align:center}.user-root .headerRight{border:1px solid blue;width:20%}.user-root .bodyClass{border:1px solid blue;display:flex}.user-root .rightBody{border:1px solid blue;border-radius:10%;margin:1%;width:60%;text-align:center}.user-root .ownerInfoClass{border:1px solid blue;border-radius:10%;margin:1%;width:30%;text-align:center}.user-root .footerClass{border:1px solid blue}.title-root.titleRow{display:grid;grid-template-columns:30% 58% 17%}.title-root .left{padding-left:3%}.title-root .right{text-align:left}@media only screen and (max-width: 1200px){.title-root.titleRow{display:grid;grid-template-columns:30% 40% 30%}}@media only screen and (max-width: 520px){.title-root.titleRow{display:grid;grid-template-columns:30% 30% 30%}}@media only screen and (max-width: 395px){.title-root.titleRow{display:grid;grid-template-columns:30% 10% 30%}}.summary-root.card-about{padding-left:1%;padding-right:1%}.summary-root .editClass{width:99%;height:100px}.core-skills-root.card-about{padding-left:1%;padding-right:1%;display:block;height:auto;width:100%}.core-skills-root ul{margin:8px 0 0 16px;padding-left:16px}.core-skills-root li{margin-bottom:6px}.education-root.card-education,.experience-root.card-experience{padding-left:1%}.resume-root .bodyResume{border-style:solid;border-width:1px;border-color:#000;margin-left:10px;margin-right:10px}.resume-root .card-container{display:flex;flex-wrap:wrap;border-style:solid;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:1px}.resume-root .btn{outline:none;border:none;cursor:pointer;display:inline-block;margin:.5rem auto;padding:.5rem;text-align:center;background-color:#8c5ee9;color:#fff}.mini-product-root.miniMainFrame{width:100%;align-items:center;padding:1%}.mini-product-root .imgSize{width:100%}.product-profile-root.productFrame{display:flex}.product-profile-root .photosFrame{display:grid;grid-template-columns:20% 70%;column-gap:1%;width:40%;margin-right:1%}.product-profile-root .sidePhotos{width:100%}.product-profile-root .miniPhoto{width:80%;cursor:pointer}.product-profile-root .mainPhotoImg{width:100px}.product-profile-root .mainPhotoImg:hover{transform:scale(1.5)}.product-profile-root .productInfo{width:90%}.all-products-root .mainFrame{padding:1%;display:grid;grid-template-columns:80% 20%}.all-products-root .left{width:100%}.all-products-root .productClass{width:100%;margin-bottom:1%;display:grid;grid-template-columns:24% 24% 24% 24%;row-gap:2%;padding-bottom:100px}.all-products-root .allClass{width:100%;margin:.5%;padding:.5%}.all-products-root .profileClass{width:100%}.all-products-root .cartFrame{width:100%;border:1px solid red;margin-left:1%}.all-products-root .btnProductDetails{cursor:pointer}tr.users-row-root{border:1px solid blue;width:80%}tr.users-row-root td{border:1px solid blue;width:20%;text-align:center}.auto-main-root .headerClass{margin-top:10%;border:1px solid blue;display:flex}.auto-main-root .headerLeft{border:1px solid blue;width:20%}.auto-main-root .headerMid{border:1px solid blue;width:60%;text-align:center}.auto-main-root .headerRight{border:1px solid blue;width:20%}.auto-main-root .mainFrame{border:1px solid blue;display:flex;margin-top:1%}.auto-main-root .container{border:1px solid blue;width:40%}.auto-main-root .usersHeaderTable{border:1px solid blue;width:100%}.auto-main-root .usersHeaderTable th{border:1px solid blue}@media only screen and (max-width: 600px){.auto-main-root .menu{margin-top:20%}.auto-main-root .mainFrame{display:contents}.auto-main-root .container{width:99%;margin-top:1%}}.new-project-root.newUser{display:flex;color:#4a4a4a;justify-content:center;align-items:center;min-height:100vh}.all-projects-root .SDLCTitles{color:#24292e;display:flex;align-items:center;font-size:12px;padding:3px;border:1px solid rgba(27,31,35,.2);border-radius:3px;background-image:linear-gradient(-180deg,#fafbfc,#eff3f6 90%);margin-top:1%;font-weight:600;height:100%}.all-projects-root .SDLCTitles a{color:#000}.all-projects-root .SDLCTitles h1{align-items:center;background-color:bisque}.all-projects-root .AllProjects{color:#000}.all-projects-root .AllProjects li{cursor:pointer}.all-projects-root .SDLC{color:#000;align-items:center}.all-projects-root .SDLC h1{align-items:center;background-color:bisque}.project-main-root .navMainProject{display:flex;align-items:center;text-align:center;line-height:20px;background-color:#00f;color:#fff;height:40px;padding-left:10px}.project-main-root .SDLCTitles{color:#24292e;display:flex;align-items:center;font-size:12px;padding:3px 40px;border:1px solid rgba(27,31,35,.2);border-radius:3px;background-image:linear-gradient(-180deg,#fafbfc,#eff3f6 90%);margin-left:20px;font-weight:600;cursor:pointer}.project-main-root .SDLCTitles a{color:#000}.user-stories-root .addNew{padding-top:3%;font-size:medium}.user-stories-root .addNew span,.user-stories-root .addNew select,.user-stories-root .addNew input{margin-left:3px;margin-right:3px}.user-stories-root .viewAll{color:#00f;margin-top:3px;border-style:double}.user-stories-root .viewAll tr{border-style:double;border-width:1px;border-color:#00f}.user-stories-root .viewAll th{border-style:double}.user-stories-root .viewAll td{border-style:double;border-width:1px;border-color:#00f}.user-stories-root .actors table,.user-stories-root .actors td{border:1px solid blue}.mainDiv{font-size:medium;width:80%;padding-left:10%;padding-right:10%}form{width:70%}.form-field{border-style:groove}label{display:inline;width:100%;font-weight:200;padding-left:40%}input{display:inline;width:98.7%;padding-right:2px}textarea{display:inline;width:99%;height:50px}#divInfo{align-items:center;align-content:center;padding-left:30px}table{border:2px solid rgba(0,0,0,.3);width:50px}td{border:1px solid rgb(0,0,0)}#btnSubmit{align-items:center}#mainFrame{padding-left:30%;margin-top:10px;border-width:1px;border-style:solid;border-color:#3b17a1;align-items:right;align-content:right;align-self:right}#title{border:1px solid rgb(75,70,70);width:50%}.lblTitle{border:1px solid rgb(225,228,18);margin-top:1px;margin-bottom:1px}html,body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:14px;color:#333;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:8px 0}p{margin:0}a,a:visited,a:hover{color:#1976d2;text-decoration:none}a:hover{color:#125699}