.user-detail .label{color:#5c5c5c;font-size:12px;text-align:left}.user-detail .input{color:#000;font-size:15px;text-align:left}.user-detail .button{border-color:#000;color:#000;font-size:13px;padding:10;width:11rem}.user-detail .button:hover{background-color:#fff;border-color:#7b7b7b;column-count:#7b7b7b}.user-detail .button.submit{background-color:#000;color:#fff}.home{cursor:default;width:100%}.home .dashboard-card{background-color:#f2f2f2;border-radius:7.5px;color:#000;padding:1rem 0}.home .dashboard-card .data{font-size:72px;font-weight:700;line-height:unset}@media screen and (max-width:768px){.home .dashboard-card .data{font-size:60px}}.home .dashboard-card .label{font-size:16px;font-weight:700}@media screen and (max-width:768px){.home .dashboard-card .label{font-size:14px}}.home .recent-scan-card{background-color:#f2f2f2;border-radius:7.5px;color:#000;padding:1rem 0}.home .recent-scan-card .data{font-size:20px;font-weight:700;line-height:unset}@media screen and (max-width:768px){.home .recent-scan-card .data{font-size:16px}}.home .recent-scan-card .label{color:#000;font-size:10px}@media screen and (max-width:768px){.home .recent-scan-card .label{font-size:8px}}.home .recent-saved-colors-table{background-color:#fff;border:1px solid #424242;color:#424242;margin:2%;padding:0 2%}.home .recent-saved-colors-table .label{font-size:16px;font-weight:700;margin:3%}@media screen and (max-width:768px){.home .recent-saved-colors-table .label{font-size:12px}}.home .recent-saved-colors-table table{border-collapse:collapse;table-layout:fixed}.home .recent-saved-colors-table tr{font-size:12px}@media screen and (max-width:768px){.home .recent-saved-colors-table tr{font-size:10px}}.home .recent-saved-colors-table tr:not(:last-child){border-bottom:1px solid #424242;padding:10px}.home .recent-saved-colors-table th{text-align:left}.home .recent-saved-colors-table td{background-color:#fff;padding:7px;width:20%}.login .sign-up-container,.small-input-label{font-size:14px}.login .btn-sign-in{background-color:#000}.login .header{font-size:58px;font-weight:700;margin-top:0}.login .input{border:1px solid gray;border-radius:5px;padding:3%}.login .label{margin-bottom:2%}.login .label.password{margin-bottom:2%;margin-top:5%}.login .forgot-pwd-container{margin-top:2%}.login .btn-sign-in{border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:10%;padding:2%;width:100%}.login .sign-up-container{margin-top:3%}.login .sign-up-container .sign-up-link{text-decoration:underline}.login .black-link{color:#000;cursor:pointer}@media(min-width:192px){.login .container{max-width:90%}.login .header{font-size:38px}}@media(min-width:576px){.login .container{max-width:80%}.login .header{font-size:52px}}@media(min-width:768px){.login .container{max-width:60%}}@media(min-width:992px){.login .container{max-width:40%}}.signup .small-link-container,.small-input-label{font-size:14px}.signup .btn-sign-confirm-login,.signup .btn-sign-up{background-color:#000}.signup .header{font-size:40px;font-weight:700;margin:10px}.signup .sub-header{font-size:26px;font-weight:700;margin:0}.signup .section-Header{margin:20px}.signup .section-content-item{margin-left:1%;margin-right:1%}.signup .input{padding:1.2%}.signup .email{padding:.7%}.signup .error-text{margin-top:2%}.signup .divider{border:1px solid #afafaf;margin-top:30px}.signup .label{margin-bottom:2%}.signup .label.password{margin-bottom:2%;margin-top:5%}.signup .forgot-pwd-container{margin-top:2%}.signup .btn-sign-up{color:#fff;cursor:pointer;font-size:22px;margin-left:0;margin-top:1%;padding:1%;width:50%}.signup .btn-sign-confirm-login{border:1px solid gray;border-radius:5px;color:#fff;cursor:pointer;font-size:22px;min-width:200px;padding:5% 20%}.signup .confirmation-text{text-align:center}.signup .small-link-container{margin-top:1%}.signup .small-link-container .black-link{color:#000;cursor:pointer;text-decoration:underline}@media(min-width:192px){.signup .container{max-width:90%}.signup .header{font-size:38px}.signup .section{display:block}.signup .section .gutter{max-width:15%}}@media(min-width:576px){.signup .container{max-width:80%}.signup .header{font-size:52px}.signup .section{display:flex;flex-direction:row;min-width:100%}.signup .section .gutter{max-width:15%}}.small-input-label{font-size:14px}.btn-back{background-color:#000;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:1em;width:10em}.app{text-align:center}@keyframes app-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{position:relative}.app .header{background-color:#fafafa;font-size:20px;font-weight:600;padding:1.5rem 2rem}.app .header .icon{cursor:pointer;font-size:1.2em}.app .sidebar{padding:1rem}@media screen and (max-width:768px){.app .sidebar{pading:.75rem}}.app .sidebar .item{color:#fff;cursor:pointer;font-size:16px;padding:1rem 2rem;text-align:left;transition:all .2s}.app .sidebar .item.active,.app .sidebar .item:hover{background-color:#5c5c5c}@media screen and (max-width:768px){.app .sidebar .item{font-size:14px}}.forgot-password .small-link-container,.small-input-label{font-size:14px}.forgot-password .btn-forgot-pwd{background-color:#000}@media(min-width:576px){.col-sm-6{flex:0 0 50%;max-width:50%}}@media(min-width:768px){.col-md-6{flex:0 0 50%;max-width:50%}.col-md-12{flex:0 0 100%;max-width:100%}}.forgot-password .header{font-size:40px;font-weight:700;margin-top:0}.forgot-password .sub-header{font-size:26px;font-weight:700;margin-top:0}.forgot-password .input{padding:3%}.forgot-password .label{margin-bottom:2%}.forgot-password .label.password{margin-bottom:2%;margin-top:5%}.forgot-password .forgot-pwd-container{margin-top:2%}.forgot-password .btn-forgot-pwd{border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:10%;padding:2%;width:75%}.forgot-password .confirmation-text{text-align:center}.forgot-password .small-link-container{margin-top:1%}.forgot-password .small-link-container .black-link{color:#000;cursor:pointer;text-decoration:underline}@media(min-width:192px){.forgot-password .container{max-width:90%}.forgot-password .header{font-size:38px}}@media(min-width:576px){.forgot-password .container{max-width:80%}.forgot-password .header{font-size:52px}}@media(min-width:768px){.forgot-password .container{max-width:60%}}@media(min-width:992px){.forgot-password .container{max-width:40%}}