@font-face {
  font-family: 'GothamMedium';
  src: url('../fonts/gotham-medium-webfont.woff2') format('woff2'),
  url('../fonts/gotham-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBold';
  src: url('../fonts/gotham-bold-webfont.woff2') format('woff2'),
  url('../fonts/gotham-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'GothamBook';
  src: url('../fonts/gotham-book-webfont.woff2') format('woff2'),
  url('../fonts/gotham-book-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.woff2') format('woff2'),
  url('../fonts/fontawesome-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.px-main-content {
  background-color: #f9f9fc;
  background: url(../images/background/img_banner_desktop.png) no-repeat;
}

a {
  color: #5e51a1;
}

button {
  border-radius: 4px;
  font-size: 0.75rem;
  color: #ffffff !important;
}

span[uk-icon] .px-sidebar-left + .px-main-content {
  margin-left: 240px;
}

.px-main-content .px-title {
  color: #5e51a1;
  font-weight: 600;
}

.px-card {
  position: relative;
  box-sizing: border-box;
  transition: box-shadow 0.1s ease-in-out;
  background: #fff;
  color: #666;
  border: 1px solid #e5e5e5;
  box-shadow: none;
}

.px-card-header {
  padding: 15px 30px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #f9f9fc;
  font-weight: 600;
}

.px-field {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  margin-left: 25px;
}


.px-field-custom {
  padding-bottom: 20px;
  /* border-bottom: 1px solid #e5e5e5; */
  position: relative;
  /* margin-left: 10px; */
}

.px-field > .px-field-icon {
  position: absolute;
  left: -25px;
  top: 1px;
}

.px-field > .px-field-title {
  color: #ddd;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.px-field-custom > .px-field-title {
  bottom: 100px;
  color: #ddd;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;

}

.px-field > .px-field-content {
  font-weight: 600;
}
.px-button-action {
  background-color: #fff;
  color: #5e51a1;
  text-transform: capitalize;
  font-weight: 600;
  border: 1px solid #e5e5e5;
}
.px-button-action:hover,
.px-button-action:focus {
  color: #5e51a1;
  border-color: #5e51a1;
}
.px-button-action-primary {
  background-color: #5e51a1;
  border-color: #5e51a1;
  color: #fff !important;
}
.px-button-action-primary:hover,
.px-button-action-primary:focus {
  background-color: #7162be;
}
.px-button-action .uk-icon {
  top: -2px;
  position: relative;
}
.px-button-meta {
  background-color: #f9f9fc;
  font-weight: 600;
}
.px-button-meta:hover,
.px-button-meta:focus {
  background-color: #fafafc;
}
.px-form-label {
  font-weight: 500;
  color: #424143;
}

.px-form-control {
  margin: 10px 0;
}

.px-select {
  border-radius: 4px;
}

.forgot-password-section{
  min-height: 400px;
}

.forgot-password-background{
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.px-button-forgotpwd{
  background-color: #fff;
  color: #5e51a1 !important;
  font-family: 'GothamBold';
}
  
#content_reg > .px-main-content {
  background: none !important;
}

@media (min-width: 1200px) {
  * + .uk-grid-margin,
  .uk-grid + .uk-grid,
  .uk-grid > .uk-grid-margin {
    margin-top: 10px;
  }
  .px-card-header {
    padding: 10px 25px;
  }

  .px-main-content {
    background-color: #f9f9fc;
    background: url(../images/background/img_banner_desktop.png) no-repeat;
    background-size: cover;
    background-position: center;
  }
}

/*  */
/* .uk-button-default {
  border-color: #5e51a1;
  border-radius: 5px;
  color: #5e51a1;
} */

button:disabled,
button[disabled] {
  background-color: #d8d8d8;
}

/* Page Registration */
.px-registration-content {
  background-color: #ffffff;
}

.banner-position{
  margin-top:60px;
  margin-bottom:60px !important;
}