button, input, optgroup, select, textarea {
    font-family: "Open Sans", sans-serif;
}
/* CSS for Scrollbar-The emerging W3C standard
   that is currently Firefox-only */
   * {
	scrollbar-width: thin;
	scrollbar-color: #cacaca #ffffff;

  }
  
  /* Works on Chrome/Edge/Safari */
  *::-webkit-scrollbar {
	width: 12px;
  }
  *::-webkit-scrollbar-track {
	background: #ffffff;
  }
  *::-webkit-scrollbar-thumb {
	background-color: #cacaca;
	border-radius: 40px;
	border: 3px solid #ffffff;
  }
.link-color
{
	color: #7c5fdc;
}
.link-color:hover
{
	color: #7c5fdc;
}
.font-14px
{
	font-size: 14px;
	line-height: 16px;
}
.font-18px
{
	font-size: 18px !important;
	line-height: 18px !important;
}
.font-20px
{
	font-size: 20px;
	line-height: 20px;
}
.bold
{
	font-weight: 600;
}
.input-field
{
	margin: 10px 0 0 0;

}
.input-field input
{
border-bottom: #2c1f57 2px solid !important;
color: #2c1f57;
box-shadow:none !important;
padding: 3px !important;
}
.input-field input:not([type]):focus:not([readonly]), .input-field input[type=text]:not(.browser-default):focus:not([readonly]), .input-field input[type=password]:not(.browser-default):focus:not([readonly]), .input-field input[type=email]:not(.browser-default):focus:not([readonly]), .input-field input[type=url]:not(.browser-default):focus:not([readonly]), .input-field input[type=time]:not(.browser-default):focus:not([readonly]), .input-field input[type=date]:not(.browser-default):focus:not([readonly]), .input-field input[type=datetime]:not(.browser-default):focus:not([readonly]), .input-field input[type=datetime-local]:not(.browser-default):focus:not([readonly]), .input-field input[type=tel]:not(.browser-default):focus:not([readonly]), .input-field input[type=number]:not(.browser-default):focus:not([readonly]), .input-field input[type=search]:not(.browser-default):focus:not([readonly]), .input-field textarea.materialize-textarea:focus:not([readonly])
{
	border-bottom: 1px solid #2c1f57;
    -webkit-box-shadow: 0 1px 0 0 #2c1f57;
    box-shadow: 0 1px 0 0 #2c1f57;
}
.input-field input:not([type]):focus:not([readonly])+label, .input-field input[type=text]:not(.browser-default):focus:not([readonly])+label, .input-field input[type=password]:not(.browser-default):focus:not([readonly])+label, .input-field input[type=email]:not(.browser-default):focus:not([readonly])+label, .input-field input[type=url]:not(.browser-default):focus:not([readonly])+label, .input-field input[type=time]:not(.browser-default):focus:not([readonly])+label, .input-field input[type=date]:not(.browser-default):focus:not([readonly])+label, .input-field input[type=datetime]:not(.browser-default):focus:not([readonly])+label, .input-field input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, .input-field input[type=tel]:not(.browser-default):focus:not([readonly])+label, .input-field input[type=number]:not(.browser-default):focus:not([readonly])+label, .input-field input[type=search]:not(.browser-default):focus:not([readonly])+label, .input-field textarea.materialize-textarea:focus:not([readonly])+label
{
	color: #7c5fdc !important;
}
[type="checkbox"].filled-in:checked+span:not(.lever):after
{
	border: 2px solid #2c1f57;
    background-color: #2c1f57;
}
[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after
{
	border: 2px solid #2c1f57 !important;
}
[type="checkbox"]+span:not(.lever)
{
	height: 20px;
    line-height: 20px;
}
.input-field input[type=date]:focus + label,
.input-field input[type=text]:focus + label,
.input-field input[type=email]:focus + label,
.input-field input[type=password]:focus + label {
  color:#2c1f57;
}

.input-field input[type=date]:focus,
.input-field input[type=text]:focus,
.input-field input[type=email]:focus,
.input-field input[type=password]:focus {
  border-bottom: 2px solid #2c1f57 !important;
  box-shadow: none;
}
.input-field label {
    color: #8c8c8c;
    position: absolute;
    top: 0.3rem;
    left: 0.75rem;
    font-size: 16px;
    cursor: text;
    transition: .2s ease-out;
}
.main-contain
{
	height:100%;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row;
	overflow:hidden;
}
.content
{
	width: 100%;
	background-color:#fcfcfc;
	padding: 50px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex: 1;
	flex: 1;
	overflow: auto;
	position: relative;
}
.auth-content {
    width: 100%;
    max-width: 500px;
	margin: auto;
	
	display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.auth-content .logo
{
	width: 100%;
	text-align:center;
	display: none;
	
}
.auth-content .logo img
{
	width: auto;
}
.artwork .logo
{
	width: 100%;
	margin: 40px 0;
	display: block;
	
}
.artwork .logo img
{
	width: 150px;
}
.auth-content footer
{
	bottom: 0;
}
.auth-sidebar
{
	width: 50%;	
	-ms-flex-positive: 0;
	flex-grow: 0;
	position: relative;
}
.auth-sidebar .auth-sidebar-content
{
	background: #2c1f57 url("../img/login/bg-image.jpg") no-repeat right top; 
	background-size:cover;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
}

.auth-sidebar .artwork
{
	width: 100%;
	margin: auto;
	max-width: 80%;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-positive: 1;
    flex-grow: 1;

}
.heading1
{
	font-size: 30px;
	line-height: 30px;
}
.heading2
{
	font-size: 20px;
	line-height: 22px;
}
.large-button
{
	background: #2c1f57;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 22px;
	color: #ffffff;
	border: 0px;
	border-radius: 50px;
	padding: 10px 20px;
	outline: none;
}
.small-button
{
	background-color: #2c1f57;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	color: #ffffff;
	border: 0px;
	border-radius: 20px;
	padding: 10px 20px;

}
.large-button:hover, .small-button:hover
{
	background-color: #e82f2c;
	-webkit-transition: background-color .3s;
    transition: background-color .3s;
    transition: background-color .3s;
    transition: background-color .3s;
}
.social-media
{
	display: block;
}
.for-small-device
{
	display: none;
}
.social-media a
{
	border: 1px solid #ffffff;
	border-radius: 50px;
	text-align: center;
	color: #ffffff;
	padding: 5px;
	width: 40px;
	height: 40px;
	display: inline-flex;
	justify-content: center;
}
.social-media a + a
{
	margin-left: 20px;
}
.social-media a i
{
	font-size: 20px;
	line-height: 20px;
	padding: 5px;
}
.facebook:hover {
	background: #ffffff;
	color: #3B5998;
	transition: background-color .5s, color .5s;
  }
  
  .google:hover {
	background: #ffffff;
	color: #dd4b39;
	transition: background-color .5s, color .5s;
  }
  
  .linkedin:hover {
	background: #ffffff;
	color: #007bb5;
	transition: background-color .5s, color .5s;
  }
  .youtube:hover {
	background: #ffffff;
	color: #ff0000;
	transition: background-color .5s, color .5s;
  }
  hr.divider {
    overflow: visible;
    padding: 0;
    margin-bottom: 10px;
    border: none;
    border-top: 1px solid #e0e0e0;
    color: #6e6d7a;
    text-align: center;
}
hr.divider:after {
    content: 'Or';
    display: inline-block;
    position: relative;
    top: -13px;
    font: normal 16px/16px "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 16px;
    background: #fff;
}
ul.password-instruction li
{
	list-style-type: disc;
	text-indent: 19px;
}
.view-strength
{
	top:15px;
	right: 12px;
	display: block;

}
.view-strength .strength-bar
{
	width: 60px;
	height: 10px;
	border-radius: 5px;
	background-color: #e8e8e8;
	display: inline-block;
	overflow: hidden;
}
.view-strength .strength-bar span
{
	width: 70%;
	height: 11px;
	display: block;
}
.view-strength .strength-bar span.medium
{
	background-color: #efa310;
}
.strength
{
	font-size: 12px;
	line-height: 30px;
}
input.p-r-100px
{
	padding-right: 100px !important;
	box-sizing: border-box !important;
}

@media screen and (max-width: 1200px) {
	.heading1 {
		font-size: 25px;
		line-height: 30px;
	}

}
@media screen and (max-width: 992px) {
	
	.auth-sidebar
	{
		display: none;
	}
	.for-small-device
	{
		display: block;
		color: #2c1f57;
	}
	.for-small-device .social-media a
	{
		border:none;
		border-radius: 50px;
		text-align: center;
		color: #ffffff;
		
	}
	.facebook, .facebook:hover {
		background: #3B5998;
		color: #3B5998;
	  }
	  
	  .google, .google:hover {
		background: #dd4b39;
		color: #ffffff;
	  }
	  
	  .linkedin, .linkedin:hover {
		background: #007bb5;
		color: #ffffff;
	  }
	  .youtube, .youtube:hover {
		background: #ff0000;
		color: #ffffff;
	  }
	  .text-xs-center
	  {
		  text-align: center;
	  }
	  .sm-width-100
	  {
		  width: 100%;
	  }
	  .auth-content .logo
	{
		width: 100%;
		text-align:center;
		display: block;
		
	}
	.artwork .logo
	{
		width: 100%;
		margin: 40px 0;
		display: none;
		
	}
}

@media screen and (max-width: 767px) {


}
@media screen and (max-width: 576px) {


}