/* line 116, ../../Sass/_base.scss */
body {
  font-family: 'Roboto';
}

/* Modal */
/* line 4, ../../Sass/ChangePassword.scss */
.md-modal {
  visibility: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 450px;
  z-index: 6000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

/* line 24, ../../Sass/ChangePassword.scss */
.md-show {
  visibility: visible;
}

/* line 28, ../../Sass/ChangePassword.scss */
.md-content {
  margin-left: auto;
  margin-right: auto;
  padding: 8px 15px 10px 15px;
  background-color: #373230;
}
/* line 35, ../../Sass/ChangePassword.scss */
.md-content p {
  color: #fff;
}

/* line 40, ../../Sass/ChangePassword.scss */
.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 5000;
  opacity: 0;
  background: rgba(147, 144, 143, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

/* line 56, ../../Sass/ChangePassword.scss */
.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}

/* Form */
/* line 62, ../../Sass/ChangePassword.scss */
#chgPassForm {
  margin-bottom: 0 !important;
}

/* line 66, ../../Sass/ChangePassword.scss */
.input {
  position: relative;
  display: block;
  margin: 1em;
}

/* line 72, ../../Sass/ChangePassword.scss */
.input-field {
  position: relative;
  display: block;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}
/* line 79, ../../Sass/ChangePassword.scss */
.input-field:focus {
  outline: none;
}

/* line 84, ../../Sass/ChangePassword.scss */
.input-label {
  display: inline-block;
}

/* line 88, ../../Sass/ChangePassword.scss */
.input-label-content {
  position: relative;
}

/* Sugoi */
/* line 94, ../../Sass/ChangePassword.scss */
.input--sugoi {
  width: 370px;
  overflow: hidden;
  background: #666666;
  padding: 10px;
}

/* line 101, ../../Sass/ChangePassword.scss */
.input-field--sugoi {
  position: absolute;
  top: 0;
  right: 100%;
  height: 100% !important;
  margin-bottom: 0 !important;
  font-size: 14px !important;
  padding-top: 0 !important;
  padding-left: 8px !important;
  padding-right: 5px !important;
  padding-bottom: 0 !important;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s !important;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

/* line 123, ../../Sass/ChangePassword.scss */
.input-label--sugoi {
  display: block;
  margin-bottom: 0 !important;
  cursor: text;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

/* line 137, ../../Sass/ChangePassword.scss */
.input-field--sugoi:focus,
.input-filled .input-field--sugoi {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

/* line 143, ../../Sass/ChangePassword.scss */
.input-field--sugoi:focus + .input-label--sugoi,
.input-filled .input-label--sugoi {
  -webkit-transform: translate3d(60%, 0, 0);
  transform: translate3d(60%, 0, 0);
  pointer-events: none;
}

/* line 150, ../../Sass/ChangePassword.scss */
.button-sugoi {
  padding: 10px 15px;
  color: #fff;
  font-size: 16px;
  display: block;
  margin-top: 5px;
  margin-left: auto;
}

/* Effect 1: Fade in and scale up */
/* line 162, ../../Sass/ChangePassword.scss */
.md-effect-1 .md-content {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

/* line 173, ../../Sass/ChangePassword.scss */
.md-show.md-effect-1 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* Effect 11: Super scaled */
/* line 182, ../../Sass/ChangePassword.scss */
.md-effect-11 .md-content {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

/* line 193, ../../Sass/ChangePassword.scss */
.md-show.md-effect-11 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}