
* {
    outline: medium none !important;
}

img {
    max-width: 100%;
}

.material .panel {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c7b97b !important;
    border-radius: 0;
}
.material .panel .panel-header {
    padding: 15px;
}
.material .panel .panel-header .title {
    color: #898989;
    font-size: 1.4rem;
}
.panel .panel-header .subtitle {
    color: #9e9e9e;
    font-size: 0.9rem;
}
.material .panel .panel-header .row:last-child {
    margin-bottom: 0;
}
.material .panel .panel-header form .input-field:first-child {
    margin-top: 0;
}
.material .panel .panel-header form .input-field:last-child input {
    margin-bottom: 0;
}
.material .panel .panel-body {
    padding: 10px 35px;
}
.material .panel .panel-footer {
    padding: 15px;
}
.material .panel.panel-bordered .panel-header {
    border-bottom: 1px solid #f0f0f0;
}
.material .panel.panel-bordered .panel-header h5 {
    font-size: 30px;
}
.material .panel.panel-bordered .panel-header:not(:first-of-type) {
    border-top: 1px solid #f0f0f0;
}
.material .panel.panel-bordered .panel-footer {
    border-top: 1px solid #f0f0f0;
}
.material .panel.panel-bordered .panel-header {
    background-color: #c7ba86;
    color: #fff;
}
.panel.panel-bordered .panel-footer {
    background-color: #f5f1e6;
}

.material .btn.small, .material .btn-flat.small {
    font-size: 0.95rem;
    height: 32px;
    line-height: 32px;
    padding: 0 1.7rem;
}
.material .btn.very-small, .material .btn-flat.very-small {
    height: 32px;
    line-height: 32px;
    padding: 0 14px;
}

.material .fixed-action-btn .btn-floating {
    margin: 0 3px;
}
.material .btn i, .material .btn-large i, .material .btn-flat i, .material .btn-floating i, .material .btn-large i {
    vertical-align: -5px;
}
.material .input-field .prefix ~ label {
    width: calc(100% - 3rem) !important;
}
.material select.browser-default {
    color: #737373;
}
.material nav .nav-wrapper form {
    height: 100%;
}
.material nav .nav-wrapper .input-field {
    height: 100%;
}
.material .error {
    background: #ea454b none repeat scroll 0 0;
}
.material .success {
    background: #8bc34a none repeat scroll 0 0;
}
.material .error-text {
    color: #ea454b;
}
.material .success-text {
    color: #8bc34a;
}

p code {
    background: #efefef none repeat scroll 0 0;
    font-size: 0.95rem;
    padding: 2px 3px;
}
.material .waves-effect.waves-lighten-1 .waves-ripple {
    background-color: rgba(0, 0, 0, 0.18);
}
.material .waves-effect.waves-lighten-2 .waves-ripple {
    background-color: rgba(0, 0, 0, 0.16);
}
.material .waves-effect.waves-lighten-3 .waves-ripple {
    background-color: rgba(0, 0, 0, 0.14);
}
.material .waves-effect.waves-lighten-4 .waves-ripple {
    background-color: rgba(0, 0, 0, 0.12);
}
.material .waves-effect.waves-lighten-5 .waves-ripple {
    background-color: rgba(0, 0, 0, 0.1);
}
.material .waves-effect.waves-darken-1 .waves-ripple {
    background-color: rgba(0, 0, 0, 0.23);
}
.material .waves-effect.waves-darken-2 .waves-ripple {
    background-color: rgba(0, 0, 0, 0.26);
}
.material .waves-effect.waves-darken-3 .waves-ripple {
    background-color: rgba(0, 0, 0, 0.29);
}
.material .waves-effect.waves-darken-4 .waves-ripple {
    background-color: rgba(0, 0, 0, 0.32);
}
.material .waves-effect.waves-light.waves-lighten-1 .waves-ripple {
    background-color: rgba(255, 255, 255, 0.35);
}
.material .waves-effect.waves-light.waves-lighten-2 .waves-ripple {
    background-color: rgba(255, 255, 255, 0.3);
}
.material .waves-effect.waves-light.waves-lighten-3 .waves-ripple {
    background-color: rgba(255, 255, 255, 0.25);
}
.material .waves-effect.waves-light.waves-lighten-4 .waves-ripple {
    background-color: rgba(255, 255, 255, 0.2);
}
.material .waves-effect.waves-light.waves-lighten-5 .waves-ripple {
    background-color: rgba(255, 255, 255, 0.1);
}
.material .waves-effect.waves-light.waves-darken-1 .waves-ripple {
    background-color: rgba(255, 255, 255, 0.5);
}
.material .waves-effect.waves-light.waves-darken-2 .waves-ripple {
    background-color: rgba(255, 255, 255, 0.55);
}
.material .waves-effect.waves-light.waves-darken-3 .waves-ripple {
    background-color: rgba(255, 255, 255, 0.6);
}
.material .waves-effect.waves-light.waves-darken-4 .waves-ripple {
    background-color: rgba(255, 255, 255, 0.65);
}
.login-wrapper {
    margin: 79px auto;
    position: relative;
    width: 420px;
}
.login-wrapper .panel .panel-header, .login-wrapper .panel .panel-footer {
    padding: 10px 35px;
}
.login-wrapper .panel .panel-header {
    text-align: center;
}
.login-wrapper .panel .panel-header h5 {
    margin: 0px 0;
}
.login-wrapper .panel .panel-footer {
    font-size: 12px;
}
.right-align {
    text-align: right;
}


/* Text inputs */
.material input:not([type]),
.material input[type=text],
.material input[type=password],
.material input[type=email],
.material input[type=url],
.material input[type=time],
.material input[type=date],
.material input[type=datetime],
.material input[type=datetime-local],
.material input[type=tel],
.material input[type=number],
.material input[type=search],
.material textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 45px;
  width: 100%;
  font-size: 14px;
  margin: 0 0 15px 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: all 0.3s;
  z-index: 3;
  position: relative;
}

.material input:not([type]):disabled, input:not([type])[readonly="readonly"],
.material input[type=text]:disabled,
.material input[type=text][readonly="readonly"],
.material input[type=password]:disabled,
.material input[type=password][readonly="readonly"],
.material input[type=email]:disabled,
.material input[type=email][readonly="readonly"],
.material input[type=url]:disabled,
.material input[type=url][readonly="readonly"],
.material input[type=time]:disabled,
.material input[type=time][readonly="readonly"],
.material input[type=date]:disabled,
.material input[type=date][readonly="readonly"],
.material input[type=datetime]:disabled,
.material input[type=datetime][readonly="readonly"],
.material input[type=datetime-local]:disabled,
.material input[type=datetime-local][readonly="readonly"],
.material input[type=tel]:disabled,
.material input[type=tel][readonly="readonly"],
.material input[type=number]:disabled,
.material input[type=number][readonly="readonly"],
.material input[type=search]:disabled,
.material input[type=search][readonly="readonly"],
.material textarea.materialize-textarea:disabled,
.material textarea.materialize-textarea[readonly="readonly"] {
  color: rgba(0, 0, 0, 0.26);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.26);
}

.material input:not([type]):disabled + label,
.material input:not([type])[readonly="readonly"] + label,
.material input[type=text]:disabled + label,
.material input[type=text][readonly="readonly"] + label,
.material input[type=password]:disabled + label,
.material input[type=password][readonly="readonly"] + label,
.material input[type=email]:disabled + label,
.material input[type=email][readonly="readonly"] + label,
.material input[type=url]:disabled + label,
.material input[type=url][readonly="readonly"] + label,
.material input[type=time]:disabled + label,
.material input[type=time][readonly="readonly"] + label,
.material input[type=date]:disabled + label,
.material input[type=date][readonly="readonly"] + label,
.material input[type=datetime]:disabled + label,
.material input[type=datetime][readonly="readonly"] + label,
.material input[type=datetime-local]:disabled + label,
.material input[type=datetime-local][readonly="readonly"] + label,
.material input[type=tel]:disabled + label,
.material input[type=tel][readonly="readonly"] + label,
.material input[type=number]:disabled + label,
.material input[type=number][readonly="readonly"] + label,
.material input[type=search]:disabled + label,
.material input[type=search][readonly="readonly"] + label,
.material textarea.materialize-textarea:disabled + label,
.material textarea.materialize-textarea[readonly="readonly"] + label {
  color: rgba(0, 0, 0, 0.26);
}

.material input:not([type]):focus:not([readonly]),
.material input[type=text]:focus:not([readonly]),
.material input[type=password]:focus:not([readonly]),
.material input[type=email]:focus:not([readonly]),
.material input[type=url]:focus:not([readonly]),
.material input[type=time]:focus:not([readonly]),
.material input[type=date]:focus:not([readonly]),
.material input[type=datetime]:focus:not([readonly]),
.material input[type=datetime-local]:focus:not([readonly]),
.material input[type=tel]:focus:not([readonly]),
.material input[type=number]:focus:not([readonly]),
.material input[type=search]:focus:not([readonly]),
.material textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #7d0849;
  box-shadow: 0 1px 0 0 #7d0849;
}

.material input:not([type]):focus:not([readonly]) + label,
.material input[type=text]:focus:not([readonly]) + label,
.material input[type=password]:focus:not([readonly]) + label,
.material input[type=email]:focus:not([readonly]) + label,
.material input[type=url]:focus:not([readonly]) + label,
.material input[type=time]:focus:not([readonly]) + label,
.material input[type=date]:focus:not([readonly]) + label,
.material input[type=datetime]:focus:not([readonly]) + label,
.material input[type=datetime-local]:focus:not([readonly]) + label,
.material input[type=tel]:focus:not([readonly]) + label,
.material input[type=number]:focus:not([readonly]) + label,
.material input[type=search]:focus:not([readonly]) + label,
.material textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #7d0849;
}

.material input:not([type]).valid, .material input:not([type]):focus.valid,
.material input[type=text].valid,
.material input[type=text]:focus.valid,
.material input[type=password].valid,
.material input[type=password]:focus.valid,
.material input[type=email].valid,
.material input[type=email]:focus.valid,
.material input[type=url].valid,
.material input[type=url]:focus.valid,
.material input[type=time].valid,
.material input[type=time]:focus.valid,
.material input[type=date].valid,
.material input[type=date]:focus.valid,
.material input[type=datetime].valid,
.material input[type=datetime]:focus.valid,
.material input[type=datetime-local].valid,
.material input[type=datetime-local]:focus.valid,
.material input[type=tel].valid,
.material input[type=tel]:focus.valid,
.material input[type=number].valid,
.material input[type=number]:focus.valid,
.material input[type=search].valid,
.material input[type=search]:focus.valid,
.material textarea.materialize-textarea.valid,
.material textarea.materialize-textarea:focus.valid {
  border-bottom: 1px solid #4CAF50;
  box-shadow: 0 1px 0 0 #4CAF50;
}

.material input:not([type]).valid + label:after,
.material input:not([type]):focus.valid + label:after,
.material input[type=text].valid + label:after,
.material input[type=text]:focus.valid + label:after,
.material input[type=password].valid + label:after,
.material input[type=password]:focus.valid + label:after,
.material input[type=email].valid + label:after,
.material input[type=email]:focus.valid + label:after,
.material input[type=url].valid + label:after,
.material input[type=url]:focus.valid + label:after,
.material input[type=time].valid + label:after,
.material input[type=time]:focus.valid + label:after,
.material input[type=date].valid + label:after,
.material input[type=date]:focus.valid + label:after,
.material input[type=datetime].valid + label:after,
.material input[type=datetime]:focus.valid + label:after,
.material input[type=datetime-local].valid + label:after,
.material input[type=datetime-local]:focus.valid + label:after,
.material input[type=tel].valid + label:after,
.material input[type=tel]:focus.valid + label:after,
.material input[type=number].valid + label:after,
.material input[type=number]:focus.valid + label:after,
.material input[type=search].valid + label:after,
.material input[type=search]:focus.valid + label:after,
.material textarea.materialize-textarea.valid + label:after,
.material textarea.materialize-textarea:focus.valid + label:after {
  content: attr(data-success);
  color: #4CAF50;
  opacity: 1;
}

.material input:not([type]).invalid, .material input:not([type]):focus.invalid,
.material input[type=text].invalid,
.material input[type=text]:focus.invalid,
.material input[type=password].invalid,
.material input[type=password]:focus.invalid,
.material input[type=email].invalid,
.material input[type=email]:focus.invalid,
.material input[type=url].invalid,
.material input[type=url]:focus.invalid,
.material input[type=time].invalid,
.material input[type=time]:focus.invalid,
.material input[type=date].invalid,
.material input[type=date]:focus.invalid,
.material input[type=datetime].invalid,
.material input[type=datetime]:focus.invalid,
.material input[type=datetime-local].invalid,
.material input[type=datetime-local]:focus.invalid,
.material input[type=tel].invalid,
.material input[type=tel]:focus.invalid,
.material input[type=number].invalid,
.material input[type=number]:focus.invalid,
.material input[type=search].invalid,
.material input[type=search]:focus.invalid,
.material textarea.materialize-textarea.invalid,
.material textarea.materialize-textarea:focus.invalid {
  border-bottom: 1px solid #F44336;
  box-shadow: 0 1px 0 0 #F44336;
}

.material input:not([type]).invalid + label:after,
.material input:not([type]):focus.invalid + label:after,
.material input[type=text].invalid + label:after,
.material input[type=text]:focus.invalid + label:after,
.material input[type=password].invalid + label:after,
.material input[type=password]:focus.invalid + label:after,
.material input[type=email].invalid + label:after,
.material input[type=email]:focus.invalid + label:after,
.material input[type=url].invalid + label:after,
.material input[type=url]:focus.invalid + label:after,
.material input[type=time].invalid + label:after,
.material input[type=time]:focus.invalid + label:after,
.material input[type=date].invalid + label:after,
.material input[type=date]:focus.invalid + label:after,
.material input[type=datetime].invalid + label:after,
.material input[type=datetime]:focus.invalid + label:after,
.material input[type=datetime-local].invalid + label:after,
.material input[type=datetime-local]:focus.invalid + label:after,
.material input[type=tel].invalid + label:after,
.material input[type=tel]:focus.invalid + label:after,
.material input[type=number].invalid + label:after,
.material input[type=number]:focus.invalid + label:after,
.material input[type=search].invalid + label:after,
.material input[type=search]:focus.invalid + label:after,
.material textarea.materialize-textarea.invalid + label:after,
.material textarea.materialize-textarea:focus.invalid + label:after {
  content: attr(data-error);
  color: #F44336;
  opacity: 1;
}

.material input:not([type]).validate + label,
.material input[type=text].validate + label,
.material input[type=password].validate + label,
.material input[type=email].validate + label,
.material input[type=url].validate + label,
.material input[type=time].validate + label,
.material input[type=date].validate + label,
.material input[type=datetime].validate + label,
.material input[type=datetime-local].validate + label,
.material input[type=tel].validate + label,
.material input[type=number].validate + label,
.material input[type=search].validate + label,
.material textarea.materialize-textarea.validate + label {
  width: 100%;
  pointer-events: none;
}

.material input:not([type]) + label:after,
.material input[type=text] + label:after,
.material input[type=password] + label:after,
.material input[type=email] + label:after,
.material input[type=url] + label:after,
.material input[type=time] + label:after,
.material input[type=date] + label:after,
.material input[type=datetime] + label:after,
.material input[type=datetime-local] + label:after,
.material input[type=tel] + label:after,
.material input[type=number] + label:after,
.material input[type=search] + label:after,
.material textarea.materialize-textarea + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 65px;
  opacity: 0;
  transition: .2s opacity ease-out, .2s color ease-out;
}

.material .input-field {
  position: relative;
  margin-top: 6px;
}

.material .input-field label {
  color: #6e6e6e;
  position: absolute;
  top: 15px;
  left:0px;
  font-size: 14px;
  cursor: text;
  transition: .2s ease-out;
  font-weight: normal;
  z-index: 2;
}

.material .input-field label.active {
  font-size: 12px;
  -webkit-transform: translateY(-110%);
          transform: translateY(-110%);
}

.material .input-field .prefix {
  position: absolute;
  width: 3rem;
  font-size: 2rem;
  transition: color .2s;
}

.material .input-field .prefix.active {
  color: #7d0849;
}

.material .input-field .prefix ~ input,
.material .input-field .prefix ~ textarea {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.material .input-field .prefix ~ textarea {
  padding-top: .8rem;
}

.material .input-field .prefix ~ label {
  margin-left: 3rem;
}

@media only screen and (max-width: 992px) {
  .material .input-field .prefix ~ input {
    width: 86%;
    width: calc(100% - 3rem);
  }
}

@media only screen and (max-width: 600px) {
  .material .input-field .prefix ~ input {
    width: 80%;
    width: calc(100% - 3rem);
  }
}

/* Search Field */
.material .input-field input[type=search] {
  display: block;
  line-height: inherit;
  padding-left: 4rem;
  width: calc(100% - 4rem);
}

.material .input-field input[type=search]:focus {
  background-color: #fff;
  border: 0;
  box-shadow: none;
  color: #444;
}

.material .input-field input[type=search]:focus + label i,
.material .input-field input[type=search]:focus ~ .mdi-navigation-close,
.material .input-field input[type=search]:focus ~ .material-icons {
  color: #444;
}

.input-field input[type=search] + label {
  left: 14px;
}

.material .input-field input[type=search] ~ .mdi-navigation-close,
.material .input-field input[type=search] ~ .material-icons {
  position: absolute;
  top: 0;
  right: 14px;
  color: transparent;
  cursor: pointer;
  font-size: 2rem;
  transition: .3s color;
}

/* Textarea */
.material textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent;
}

.material textarea.materialize-textarea {
  overflow-y: hidden;
  /* prevents scroll bar flash */
  padding: 1.6rem 0;
  /* prevents text jump on Enter keypress */
  resize: none;
  min-height: 3rem;
}

.material .hiddendiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem;
  /* prevents text jump on Enter keypress */
}

/* Radio Buttons
   ========================================================================== */
.material [type="radio"]:not(:checked),
.material [type="radio"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.material [type="radio"]:not(:checked) + label,
.material [type="radio"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  transition: .28s ease;
  /* webkit (konqueror) browsers */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.material [type="radio"] + label:before,
.material [type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  transition: .28s ease;
}

/* Unchecked styles */
.material [type="radio"]:not(:checked) + label:before,
.material [type="radio"]:not(:checked) + label:after,
.material [type="radio"]:checked + label:before,
.material [type="radio"]:checked + label:after,
.material [type="radio"].with-gap:checked + label:before,
.material [type="radio"].with-gap:checked + label:after {
  border-radius: 50%;
}

.material [type="radio"]:not(:checked) + label:before,
.material [type="radio"]:not(:checked) + label:after {
  border: 2px solid #5a5a5a;
}

.material [type="radio"]:not(:checked) + label:after {
  z-index: -1;
  -webkit-transform: scale(0);
          transform: scale(0);
}

/* Checked styles */
.material [type="radio"]:checked + label:before {
  border: 2px solid transparent;
}

.material [type="radio"]:checked + label:after,
.material [type="radio"].with-gap:checked + label:before,
.material [type="radio"].with-gap:checked + label:after {
  border: 2px solid #7d0849;
}

.material [type="radio"]:checked + label:after,
.material [type="radio"].with-gap:checked + label:after {
  background-color: #7d0849;
  z-index: 0;
}

.material [type="radio"]:checked + label:after {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/* Radio With gap */
.material [type="radio"].with-gap:checked + label:after {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

/* Focused styles */
.material [type="radio"].tabbed:focus + label:before {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Disabled Radio With gap */
.material [type="radio"].with-gap:disabled:checked + label:before {
  border: 2px solid rgba(0, 0, 0, 0.26);
}

.material [type="radio"].with-gap:disabled:checked + label:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.26);
}

/* Disabled style */
.material [type="radio"]:disabled:not(:checked) + label:before,
.material [type="radio"]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
}

.material [type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.26);
}

.material [type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.26);
}

.material [type="radio"]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.26);
  border-color: #BDBDBD;
}

/* Checkboxes
   ========================================================================== */
/* CUSTOM CSS CHECKBOXES */
.material form p {
  margin-bottom: 10px;
  text-align: left;
}

.material form p:last-child {
  margin-bottom: 0;
}

/* Remove default checkbox */
.material [type="checkbox"]:not(:checked),
.material [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

.material [type="checkbox"] {
  /* checkbox aspect */
}

.material [type="checkbox"] + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 22px;
    line-height: 21px;
  font-size: 14px;
  font-weight: normal;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}

.material [type="checkbox"] + label:before,
.material [type="checkbox"]:not(.filled-in) + label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 2px;
  transition: .2s;
}

.material [type="checkbox"]:not(.filled-in) + label:after {
  border: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.material [type="checkbox"]:not(:checked):disabled + label:before {
  border: none;
  background-color: rgba(0, 0, 0, 0.26);
}

.material [type="checkbox"].tabbed:focus + label:after {
  -webkit-transform: scale(1);
          transform: scale(1);
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

.material [type="checkbox"]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #7d0849;
  border-bottom: 2px solid #7d0849;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.material [type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26);
}

/* Indeterminate checkbox */
.material [type="checkbox"]:indeterminate + label:before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #7d0849;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.material [type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent;
}

.material [type="checkbox"].filled-in + label:after {
  border-radius: 2px;
}

.material [type="checkbox"].filled-in + label:before,
.material [type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
  z-index: 1;
}

.material [type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%;
}

.material [type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0;
}

.material [type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.material [type="checkbox"].filled-in:checked + label:after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #7d0849;
  background-color: #7d0849;
  z-index: 0;
}

.material [type="checkbox"].filled-in.tabbed:focus + label:after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1);
}

.material [type="checkbox"].filled-in.tabbed:checked:focus + label:after {
  border-radius: 2px;
  background-color: #7d0849;
  border-color: #7d0849;
}

.material [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent;
}

.material [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD;
}

.material [type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent;
}

.material [type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD;
}

/* Select Field
   ========================================================================== */
.material select {
  display: none;
}

.material select.browser-default {
  display: block;
}

.material select {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 5px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  height: 3rem;
}

.material .select-label {
  position: absolute;
}

.material .select-wrapper {
  position: relative;
}

.material .select-wrapper input.select-dropdown {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  outline: none;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  font-size: 14px;
  margin: 0 0 15px 0;
  padding: 0;
  display: block;
}

.material .select-wrapper span.caret {
  color: initial;
  position: absolute;
  right: 0;
  top: 16px;
  font-size: 10px;
}

.material .select-wrapper span.caret.disabled {
  color: rgba(0, 0, 0, 0.26);
}

.material .select-wrapper + label {
  position: absolute;
  top: -14px;
  font-size: 0.8rem;
}

.material select:disabled {
  color: rgba(0, 0, 0, 0.3);
}

.material .select-wrapper input.select-dropdown:disabled {
  color: rgba(0, 0, 0, 0.3);
  cursor: default;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -ms-user-select: none;
  /* IE10+ */
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.material .select-wrapper i {
  color: rgba(0, 0, 0, 0.3);
}

.material .select-dropdown li.disabled,
.material .select-dropdown li.disabled > span,
.material .select-dropdown li.optgroup {
  color: rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.prefix ~ .select-wrapper {
.material   margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.material .prefix ~ label {
  margin-left: 3rem;
}

.material .select-dropdown li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
  float: right;
}

.material .select-dropdown li.optgroup {
  border-top: 1px solid #eee;
}

.material .select-dropdown li.optgroup.selected > span {
  color: rgba(0, 0, 0, 0.7);
}

.material .select-dropdown li.optgroup > span {
  color: rgba(0, 0, 0, 0.4);
}

.material .select-dropdown li.optgroup ~ li.optgroup-option {
  padding-left: 14px;
}

/* File Input
   ========================================================================== */
.material .file-field {
  position: relative;
}

.material .file-field .file-path-wrapper {
  overflow: hidden;
  padding-left: 10px;
}

.material .file-field input.file-path {
  width: 100%;
}

.material .file-field .btn, .file-field .btn-large {
  float: left;
  height: 3rem;
  line-height: 3rem;
}

.material .file-field span {
  cursor: pointer;
}

.material .file-field input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}


.material .btn, .material .btn-large,
.material .btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  outline: 0;
  padding: 0 2rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  background-color: #7d0849;
  color: #fff;
}
.material .btn:hover, .material .btn-large:hover,
.material .btn-flat:hover {
  background-color: #9f9266;
}

.material .btn.disabled, .material .disabled.btn-large,
.material .btn-floating.disabled,
.material .btn-large.disabled,
.material .btn:disabled
.material .btn-large:disabled, .material .btn-large:disabled .btn-large:disabled,
.material .btn-floating:disabled {
  background-color: #DFDFDF !important;
  box-shadow: none;
  color: #9F9F9F !important;
  cursor: default;
}

.material .btn.disabled *, .material .disabled.btn-large *,
.material .btn-floating.disabled *,
.material .btn-large.disabled *,
.material .btn:disabled
.material .btn-large:disabled *, .material .btn-large:disabled .btn-large:disabled *,
.material .btn-floating:disabled * {
  pointer-events: none;
}

.material .btn.disabled:hover, .material .disabled.btn-large:hover,
.material .btn-floating.disabled:hover,
.material .btn-large.disabled:hover,
.material .btn:disabled
.material .btn-large:disabled:hover, .material .btn-large:disabled .btn-large:disabled:hover,
.material .btn-floating:disabled:hover {
  background-color: #DFDFDF !important;
  color: #9F9F9F !important;
}

.material .btn i, .material .btn-large i,
.material .btn-floating i,
.material .btn-large i,
.material .btn-flat i {
  font-size: 1.3rem;
  line-height: inherit;
}

.material .btn, .material .btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #7d0849;
  text-align: center;
  letter-spacing: .5px;
  transition: .2s ease-out;
  cursor: pointer;
}

.material .btn:hover, .material .btn-large:hover {
  background-color: #2bbbad;
}

.material ..btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 37px;
  height: 37px;
  line-height: 37px;
  padding: 0;
  background-color: #7d0849;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle;
}

.material ..btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 37px;
}

.material ..btn-floating:hover {
  background-color: #7d0849;
}

.material ..btn-floating:before {
  border-radius: 0;
}

.material ..btn-floating.btn-large {
  width: 55.5px;
  height: 55.5px;
}

.material ..btn-floating.btn-large i {
  line-height: 55.5px;
}

.material .button.btn-floating {
  border: none;
}

.material ..fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 998;
}

.material ..fixed-action-btn.active ul {
  visibility: visible;
}

.material ..fixed-action-btn.horizontal {
  padding: 0 0 0 15px;
}

.material ..fixed-action-btn.horizontal ul {
  text-align: right;
  right: 64px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
  left: auto;
  width: 500px;
  /*width 100% only goes to width of button container */
}

.material ..fixed-action-btn.horizontal ul li {
  display: inline-block;
  margin: 15px 15px 0 0;
}

.material ..fixed-action-btn ul {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 64px;
  margin: 0;
  visibility: hidden;
}

.material ..fixed-action-btn ul li {
  margin-bottom: 15px;
}

.material ..fixed-action-btn ul a.btn-floating {
  opacity: 0;
}

.material ..btn-flat {
  box-shadow: none;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
}

.material ..btn-flat.disabled {
  color: #b3b3b3;
  cursor: default;
}

.material .btn-large {
  height: 54px;
  line-height: 54px;
}

.material .btn-large i {
  font-size: 1.6rem;
}

.material .btn-block {
  display: block;
}
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
    border-bottom: 1px solid #d9ceb1 !important;
    box-shadow: none;
}
.forgotPwd{
  margin-right: 15px;
  position: relative;
    top: 2px;
}

@media screen and (max-width: 640px) {
.login-wrapper {
    margin: 30px auto 40px;
    position: relative;
    width: 420px;
}
#login #footer-section, .dashboardPage #footer-section {
    bottom: 0 !important;
    position: relative;
}
body#login {
    background-size: inherit;
}
.loginBoxArea {
    min-height: auto;
}

} /*640*/
@media screen and (max-width: 480px) {
.login-wrapper {
    float: left;
    margin-bottom: 70px;
    width: 100%;
}
} /*480*/
@media screen and (max-width: 360px) {
.top-left-part a {
    font-size: 17px;
}
.login-wrapper {
    width: 100%;
}
.loginBoxArea {
    min-height: auto;
}
} /*360*/