.bg-primary {
  background-color: #287dd0!important;
  /*background-color: #0a2f53 !important;*/
}
.bg-primary-2 {
  background-color: #1a8bf8!important;
}
.bg-primary-3 {
  background-color: #69a6df!important;
}
.bg-primary-4 {
  background-color: #fcfcfc!important;
}
.form-control::placeholder{
  color: #fcfcfc!important;
}
body {
  font-family: "Open Sans", sans-serif;
  /*background: #b8b5b5!important;
  color: #f6f9ff!important;*/
}
.auth-brand-logo {
  margin-bottom: 1rem;
}

.auth-brand-logo img {
  width: 100px;
}
.right-radius {
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
}

.left-radius {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
}

.input-radius {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
}

.input-p-35 {
  padding: 30px !important;
}

.card-radius {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
}

.form-control:active,
.form-control:focus {
  border-color: #fff!important;
}

.btn-eyes:focus,
.form-control:hover,
.form-control:active,
.form-control:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
/*
    Avatars
   ------------------------
*/
.avatar {
	display: inline-block;
	position: relative;
	width: 3rem;
	height: 3rem;
	text-align: center;
	border: #e7e7e7;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	line-height: 3rem;
	max-width: 100%;
}

.avatar.avatar-xs {
	width: 1.8rem;
	height: 1.8rem;
	line-height: 1.8rem;
}

.avatar.avatar-sm {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
}

.avatar.avatar-xl {
	width: 7rem;
	height: 7rem;
	line-height: 7rem;
}

.avatar.avatar-xxl {
	width: 14rem;
	min-width: 14rem;
	height: 14rem;
	line-height: 14rem;
}
.avatar.avatar-big {
	width: 18rem;
	min-width: 18rem;
	height: 18rem;
	line-height: 18rem;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-magstore {
  background: #0a2f53 !important;
}

.bg-transparent {
  background-color: transparent !important;
}

/* Miscellanoeous */
body,
html {
  overflow-x: hidden;
  padding-right: 0 !important;
}

*:-moz-full-screen,
*:-webkit-full-screen,
*:fullscreen *:-ms-fullscreen {
  overflow: auto;
}

.container-scroller {
  overflow: hidden;
}

.page-body-wrapper {
  padding-left: 0;
  padding-right: 0;
  min-height: calc(100vh - 56px);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.page-body-wrapper.full-page-wrapper {
  width: 100%;
  min-height: 100vh;
  padding-top: 0;
}

.page-body-wrapper.full-page-wrapper .content-wrapper {
  width: 100%;
  max-width: none;
}

.horizontal-menu.fixed-on-scroll+.page-body-wrapper {
  padding-top: 4rem;
}

.auth .lock-profile-img {
  width: 90px;
  height: 90px;
  border-radius: 100%;
}

.auth .auth-form-light {
  background: #ffffff;
}

.auth .auth-form-light select {
  color: #c9c8c8;
}

.auth .auth-form-light .input-group .form-control:focus,
.auth .auth-form-light .input-group .typeahead:focus,
.auth .auth-form-light .input-group .tt-query:focus,
.auth .auth-form-light .input-group .tt-hint:focus,
.auth .auth-form-light .input-group .form-control:active,
.auth .auth-form-light .input-group .typeahead:active,
.auth .auth-form-light .input-group .tt-query:active,
.auth .auth-form-light .input-group .tt-hint:active {
  border-color: #f1f6f8;
}

.auth .auth-form-transparent {
  background: transparent;
}

.auth .auth-form-transparent .form-control,
.auth .auth-form-transparent .typeahead,
.auth .auth-form-transparent .tt-query,
.auth .auth-form-transparent .tt-hint,
.auth .auth-form-transparent .input-group-text {
  border-color: #d8d8d8;
}

.auth .auth-form-transparent .form-control:focus,
.auth .auth-form-transparent .typeahead:focus,
.auth .auth-form-transparent .tt-query:focus,
.auth .auth-form-transparent .tt-hint:focus,
.auth .auth-form-transparent .form-control:active,
.auth .auth-form-transparent .typeahead:active,
.auth .auth-form-transparent .tt-query:active,
.auth .auth-form-transparent .tt-hint:active,
.auth .auth-form-transparent .input-group-text:focus,
.auth .auth-form-transparent .input-group-text:active {
  border-color: #d8d8d8;
}

.auth .auth-form-transparent select {
  outline-color: #d8d8d8;
}

.auth.auth-img-bg {
  padding: 0;
}

@media (min-width: 768px) {
  .auth.auth-img-bg .auth-form-transparent {
    width: 75%;
    margin: auto;
  }
}

.auth .brand-logo {
  margin-bottom: 2rem;
}

.auth .brand-logo img {
  width: 150px;
}

.auth form .form-group {
  margin-bottom: 1.5rem;
}

.auth form .form-group label {
  font-size: .8125rem;
}

.auth form .form-group .form-control,
.auth form .form-group .typeahead,
.auth form .form-group .tt-query,
.auth form .form-group .tt-hint {
  background: transparent;
  border-radius: 0;
  font-size: .9375rem;
}

.auth form .auth-form-btn {
  height: 50px;
  line-height: 1.5;
}

.auth form .auth-link {
  font-size: 1rem;
}

.auth form .auth-link:hover {
  color: initial;
}

.auth .border {
  border: 1px solid #f1f6f8 !important;
}

.auth .border-top {
  border-top: 1px solid #f1f6f8 !important;
}

.auth .border-right {
  border-right: 1px solid #f1f6f8 !important;
}

.auth .border-bottom {
  border-bottom: 1px solid #f1f6f8 !important;
}

.auth .border-left {
  border-left: 1px solid #f1f6f8 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

/* Buttons */
.auth .btn {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 600;
  border-radius: 0.25rem;
  /* Buttons with only icons */
  /* Buttons with icon and text */
}

.auth .btn i {
  font-size: 1rem;
}

.auth .btn.btn-rounded {
  border-radius: 50px;
}

.auth .btn.btn-sm,
.btn-group-sm>.btn {
  font-size: 0.875rem;
}

.auth .btn.btn-lg,
.btn-group-lg>.btn {
  font-size: 0.875rem;
}

.auth .btn.btn-xs {
  padding: 0.5rem 0.75rem;
  font-size: 0.625rem;
}

.auth .btn.btn-icon {
  width: 31px;
  height: 31px;
  padding: 0;
}

.auth .btn.btn-icon-text .btn-icon-prepend {
  margin-right: .5rem;
}

.auth .btn.btn-icon-text .btn-icon-append {
  margin-left: .5rem;
}

.auth .btn.btn-social-icon {
  width: 50px;
  height: 50px;
  padding: 0;
}

.auth .btn-group .btn+.btn {
  border-left: 0;
}

/*social buttons*/
.auth .btn-twitter {
  background: #2caae1;
  color: #ffffff;
}

.auth .btn-twitter:hover,
.btn-twitter:focus {
  background: #1b8dbf;
  color: #ffffff;
}

.auth .btn-twitter.btn-social-icon-text {
  padding: 0 1.5rem 0 0;
  background: #59bce7;
}

.auth .btn-twitter.btn-social-icon-text i {
  background: #2caae1;
  padding: .75rem;
  display: inline-block;
  margin-right: 1.5rem;
}

.auth .btn-outline-twitter {
  border: 1px solid #2caae1;
}

.auth .btn-outline-twitter:hover {
  background: #2caae1;
  color: #ffffff;
}

.auth .btn-facebook {
  background: #3b579d;
  color: #ffffff;
}

.auth.btn-facebook:hover,
.btn-facebook:focus {
  background: #2d4278;
  color: #ffffff;
}

.auth.btn-facebook.btn-social-icon-text {
  padding: 0 1.5rem 0 0;
  background: #4e6ebd;
}

.auth.btn-facebook.btn-social-icon-text i {
  background: #3b579d;
  padding: .75rem;
  display: inline-block;
  margin-right: 1.5rem;
}

.auth.btn-outline-facebook {
  border: 1px solid #3b579d;
}

.auth.btn-outline-facebook:hover {
  background: #3b579d;
  color: #ffffff;
}

.auth.btn-google {
  background: #dc4a38;
  color: #ffffff;
}

.auth.btn-google:hover,
.btn-google:focus {
  background: #bf3322;
  color: #ffffff;
}

.auth.btn-google.btn-social-icon-text {
  padding: 0 1.5rem 0 0;
  background: #e47163;
}

.auth.btn-google.btn-social-icon-text i {
  background: #dc4a38;
  padding: .75rem;
  display: inline-block;
  margin-right: 1.5rem;
}

.auth.btn-outline-google {
  border: 1px solid #dc4a38;
}

.auth.btn-outline-google:hover {
  background: #dc4a38;
  color: #ffffff;
}

.auth.btn-linkedin {
  background: #0177b5;
  color: #ffffff;
}

.auth.btn-linkedin:hover,
.btn-linkedin:focus {
  background: #015682;
  color: #ffffff;
}

.auth.btn-linkedin.btn-social-icon-text {
  padding: 0 1.5rem 0 0;
  background: #0198e8;
}

.auth.btn-linkedin.btn-social-icon-text i {
  background: #0177b5;
  padding: .75rem;
  display: inline-block;
  margin-right: 1.5rem;
}

.auth.btn-outline-linkedin {
  border: 1px solid #0177b5;
}

.auth.btn-outline-linkedin:hover {
  background: #0177b5;
  color: #ffffff;
}

.auth.btn-pinterest {
  background: #cc2127;
  color: #ffffff;
}

.auth.btn-pinterest:hover,
.btn-pinterest:focus {
  background: #a01a1f;
  color: #ffffff;
}

.auth.btn-pinterest.btn-social-icon-text {
  padding: 0 1.5rem 0 0;
  background: #e04046;
}

.auth.btn-pinterest.btn-social-icon-text i {
  background: #cc2127;
  padding: .75rem;
  display: inline-block;
  margin-right: 1.5rem;
}

.auth .btn-outline-pinterest {
  border: 1px solid #cc2127;
}

.auth .btn-outline-pinterest:hover {
  background: #cc2127;
  color: #ffffff;
}

.auth .btn-youtube {
  background: #e52d27;
  color: #ffffff;
}

.auth .btn-youtube:hover,
.btn-youtube:focus {
  background: #c21d17;
  color: #ffffff;
}

.auth .btn-youtube.btn-social-icon-text {
  padding: 0 1.5rem 0 0;
  background: #ea5955;
}

.auth .btn-youtube.btn-social-icon-text i {
  background: #e52d27;
  padding: .75rem;
  display: inline-block;
  margin-right: 1.5rem;
}

.auth .btn-outline-youtube {
  border: 1px solid #e52d27;
}

.auth.btn-outline-youtube:hover {
  background: #e52d27;
  color: #ffffff;
}

.auth.btn-github {
  background: #333333;
  color: #ffffff;
}

.auth.btn-github:hover,
.btn-github:focus {
  background: #1a1a1a;
  color: #ffffff;
}

.auth.btn-github.btn-social-icon-text {
  padding: 0 1.5rem 0 0;
  background: #4d4d4d;
}

.auth.btn-github.btn-social-icon-text i {
  background: #333333;
  padding: .75rem;
  display: inline-block;
  margin-right: 1.5rem;
}

.auth.btn-outline-github {
  border: 1px solid #333333;
}

.auth.btn-outline-github:hover {
  background: #333333;
  color: #ffffff;
}

.auth.btn-dribbble {
  background: #ea4c89;
  color: #ffffff;
}

.auth.btn-dribbble:hover,
.btn-dribbble:focus {
  background: #e51e6b;
  color: #ffffff;
}

.auth.btn-dribbble.btn-social-icon-text {
  padding: 0 1.5rem 0 0;
  background: #ef7aa7;
}

.auth.btn-dribbble.btn-social-icon-text i {
  background: #ea4c89;
  padding: .75rem;
  display: inline-block;
  margin-right: 1.5rem;
}

.auth.btn-outline-dribbble {
  border: 1px solid #ea4c89;
}

.auth.btn-outline-dribbble:hover {
  background: #ea4c89;
  color: #ffffff;
}

.auth.btn-reddit {
  background: #ff4500;
  color: #ffffff;
}

.auth.btn-reddit:hover,
.btn-reddit:focus {
  background: #cc3700;
  color: #ffffff;
}

.auth.btn-reddit.btn-social-icon-text {
  padding: 0 1.5rem 0 0;
  background: #ff6a33;
}

.auth.btn-reddit.btn-social-icon-text i {
  background: #ff4500;
  padding: .75rem;
  display: inline-block;
  margin-right: 1.5rem;
}

.auth.btn-outline-reddit {
  border: 1px solid #ff4500;
}

.auth.btn-outline-reddit:hover {
  background: #ff4500;
  color: #ffffff;
}