@charset "UTF-8";
 
/*
**************************
RealtyNinja Login CSS
***************************/


/*! Modified --
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

b,
strong {
  font-weight: bolder;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

img {
  vertical-align: middle;
  border-style: none;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

[hidden] {
  display: none !important;
}

div.hidden {
  display:none;
}

/*new login styles*/


html, body {
    height: 100%;
}

body {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #282828;
	background-color: #FAFCFD;
}

#login_page_wrapper {
    padding: 0;
    margin: 0;
    display: flex;
	align-items: center;
    flex-direction: column;
}

#login_logo {
	margin-bottom: 45px;
	margin-top: 45px;
}

#login_box_wrapper {
	width: auto;
}

#login_box {
	min-width: 300px;
	background-color: #fff;
	box-shadow: 0 0 17px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column-reverse;
}

#login_left_pane {
	width: 100%;
	min-height: 472px;
	padding: 35px;
  background: rgb(82,152,173);
  background: -moz-linear-gradient(0deg, rgba(82,152,173,1) 0%, rgba(183,227,240,1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(82,152,173,1) 0%, rgba(183,227,240,1) 100%);
  background: linear-gradient(0deg, rgba(82,152,173,1) 0%, rgba(183,227,240,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5298ad",endColorstr="#b7e3f0",GradientType=1);
  display: flex;
}

#login_right_pane {
	width: 100%;
	min-height: 472px;
	padding: 35px;
	background-color: #fff;
}

#login_announcement_container {
	align-self: flex-end;
	color: #fff;
	text-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}

#login_announcement_container p {
	color:#fff;
}

.login_announcement_heading {
	font-weight: bold;
}

.login_announcement_text {
	margin-bottom: 25px;
}

.login_announcement_img {
  width:100%;
  margin-bottom:16px;
}

.login_announcement_img_halfwidth {
  width:50%;
  margin-bottom:16px;
}

.login_announcement_img_60width {
  width:60%;
  margin-bottom:16px;
}

.login_announcement_price {

}

.strikethrough {
    position: relative;
}

.strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 2px solid;
    border-color: red;
    transform: rotate(-5deg);
}

.sale-container {
  height: 100px;
  width: 100px;
  position: absolute;
  z-index: 10;
}
.sale-container .sale {
  position: relative;
  display: inline-block;
  background: rgb(255, 49, 0);
  box-shadow: 0 7px 35px rgba(90, 97, 105, 0.2), 0 2px 3px rgba(90, 97, 105, 0.25);
  color: white;
  height: 3.8rem;
  width: 3.8rem;
  text-align: center;
  vertical-align: middle;
  padding-top: 19px;
  line-height: 15px;
  transform: rotate(-20deg);
  animation: beat 1s ease infinite alternate;
}
.sale-container .sale:before, .sale-container .sale:after {
  content: "";
  position: absolute;
  background: inherit;
  height: inherit;
  width: inherit;
  top: 0;
  left: 0;
  z-index: -1;
  transform: rotate(30deg);
}
.sale-container .sale:after {
  transform: rotate(60deg);
}
@keyframes beat {
  from {
    transform: rotate(-20deg) scale(1);
  }
  to {
    transform: rotate(-20deg) scale(1.1);
  }
}


.login_announcement_cta {
	color: #fff !important;
	border: 1px solid #fff;
	padding: 8px 12px;
	border-radius: 8px;
}

a.login_announcement_cta:hover {
	color: #fff;
	text-decoration: none;
	text-shadow: 0px 2px 4px rgba(0,0,0,0.4);
}

a, a:visited, a:hover, a:active {
	color:#53A0BC;
}

p {
	color:#727272;
}

p.login_forgot_pass {
	margin-bottom: 10px;
}

p.back_to_login {
	margin-top: 20px;
}

.message {
	color: #004085;
    background-color: #cce5ff;
    padding: 8px 12px;
    margin-bottom: 16px;
    border: 1px solid #b8daff;
    border-radius: 4px;
}

.success {
	color: #155724;
    background-color: #d4edda;
    padding: 8px 12px;
    margin-bottom: 16px;
    border: 1px solid #c3e6cb;
    border-radius: 4px;
}

.error {
	color: #721c24;
    background-color: #f8d7da;
    padding: 8px 12px;
    margin-bottom: 16px;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
}

.message img, .success img, .error img {
	margin-right: 10px;
}

h2 {
	color: #282828;
    font-family: 'Droid Serif',serif;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 26px;
}

h3 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #282828;
	font-weight: normal;
}

input[type=text], input[type="password"] {
	border: 1px solid #C5C5C5;
	background: #fff;
	border-radius: 4px;
	color: #282828;
	padding: 10px 12px;
	font-size: 18px;
	width: 100%;
	display: block;
	margin-bottom: 20px;
}

input[type=text]:focus, input[type="password"]:focus {
	border: 1px solid #1289DE;
	outline: none;
}

input.submit {
	color: #fff;
	font-family: 'Droid Serif',serif;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 36px;
    border: 1px solid rgba(0,0,0,0.2);
    text-shadow: 0 1px rgba(0,0,0,0.75);
    padding: 10px 12px;
    border-radius: 5px;
    cursor: pointer;
    background: rgb(58,157,229);
    background: linear-gradient(180deg, rgba(58,157,229,1) 0%, rgba(22,114,180,1) 100%);
}

input.submit:hover {
	background: rgb(52,147,217);
	background: linear-gradient(180deg, rgba(52,147,217,0.9976365546218487) 0%, rgba(17,99,158,1) 100%);
}



@media (min-width: 768px) {


	#login_box {
		width: 768px;
		flex-direction: row;
	}

	#login_left_pane {
		width: 50%;
		padding: 45px;
	}

	#login_right_pane {
		width: 50%;
		padding: 45px;
	}



}