add customer page: password-change.component.html

customer/app/src/styles.scss

@@ -1,110 +1,27 @@
 /* You can add global styles to this file, and also import other style files */
 
 
+$font-size-xs: 0.625rem;
+$font-size-sm: 1rem;
+$font-size-md: 1.25rem;
+$font-size-lg: 2.5rem;
+$font-size-xl: 6.25rem;
+
+$primary:       #E3000E ;
+$secondary:     #D2D2D2 ;
+$light:         #FFFFFF ;
+$dark:          #3A3A39 ;
+
+// regular style toast
+@import '~ngx-toastr/toastr';
+@import "styles/bootstrap-custom";
+
+html{
+  height: 100%;
+}
+
 body{
-  font-family: "Poppins", Arial, sans-serif;
-  background: #151111;
-  font-size: 15px;
-  line-height: 1.8;
-  font-weight: 300;
-  color: gray;
-  background: url("/assets/images/bg_4.jpg") no-repeat fixed;
-  background-size: cover;
+  min-height: 100%;
+  height: 100%;
 }
 
-.fit-content{
-
-  .fit-navbar{
-    position: relative;
-  }
-
-}
-
-
-.btn {
-  cursor: pointer;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  -ms-border-radius: 0;
-  border-radius: 0;
-  -webkit-box-shadow: none !important;
-  box-shadow: none !important;
-  font-size: 13px; }
-.btn:hover, .btn:active, .btn:focus {
-  outline: none; }
-.btn.btn-primary {
-  background: #e5ce48;
-  border: 1px solid #e5ce48;
-  color: #000; }
-.btn.btn-primary:hover,.btn.btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active {
-  border: 1px solid #e5ce48;
-  background: transparent;
-  color: #e5ce48; }
-.btn.btn-primary.btn-outline-primary {
-  border: 1px solid #e5ce48;
-  background: transparent;
-  color: #e5ce48; }
-.btn.btn-primary.btn-outline-primary:hover {
-  border: 1px solid transparent;
-  background: #e5ce48;
-  color: #fff; }
-.btn.btn-white {
-  background: #fff;
-  border: 1px solid #fff;
-  color: #000; }
-.btn.btn-white:hover {
-  border: 1px solid #000;
-  background: #000;
-  color: #fff; }
-.btn.btn-white.btn-outline-white {
-  border-color: rgba(255, 255, 255, 0.8);
-  background: none;
-  border-width: 1px;
-  color: #fff; }
-.btn.btn-white.btn-outline-white:hover, .btn.btn-white.btn-outline-white:focus, .btn.btn-white.btn-outline-white:active {
-  background: #e5ce48;
-  border-color: #e5ce48;
-  color: #000; }
-.btn.btn-outline-black {
-  border-color: black;
-  background: none;
-  border-width: 1px;
-  color: #000; }
-.btn.btn-outline-black:hover, .btn.btn-outline-black:focus, .btn.btn-outline-black:active {
-  background: #000;
-  border-color: #000;
-  color: #fff; }
-
-
-.login-form .form-group {
-  position: relative; }
-
-.login-form .form-control {
-  border: transparent !important;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
-  height: 58px !important;
-  padding-left: 0;
-  padding-right: 0;
-  background: transparent !important;
-  color: rgba(255, 255, 255, 0.9) !important;
-  font-size: 13px;
-  border-radius: 0px;
-  -webkit-box-shadow: none !important;
-  box-shadow: none !important; }
-.login-form .form-control::-webkit-input-placeholder {
-  /* Chrome/Opera/Safari */
-  color: rgba(255, 255, 255, 0.9); }
-.login-form .form-control::-moz-placeholder {
-  /* Firefox 19+ */
-  color: rgba(255, 255, 255, 0.9); }
-.login-form .form-control:-ms-input-placeholder {
-  /* IE 10+ */
-  color: rgba(255, 255, 255, 0.9); }
-.login-form .form-control:-moz-placeholder {
-  /* Firefox 18- */
-  color: rgba(255, 255, 255, 0.9); }
-.login-form .form-control:focus, .login-form .form-control:active {
-  border-color: #e5ce48 !important; }
-
-.login-form textarea.form-control {
-  height: inherit !important; }