@import url(https://fonts.googleapis.com/css?family=Nunito);

:root{--blue:#3490dc;--indigo:#6574cd;--purple:#9561e2;--pink:#f66d9b;--red:#e3342f;--orange:#f6993f;--yellow:#ffed4a;--green:#38c172;--teal:#4dc0b5;--cyan:#6cb2eb;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#3490dc;--secondary:#6c757d;--success:#38c172;--info:#6cb2eb;--warning:#ffed4a;--danger:#e3342f;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:"Nunito",sans-serif;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,:after,:before{box-sizing:border-box}
html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{margin:0;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:400;line-height:1.6;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:.5rem}
p{margin-top:0;margin-bottom:1rem}

@media(max-width:1024px){
	.log-form {
		width: 80%;
		background: #fff;
		top: 10%;
		left:20%;
		margin:0 auto;
		float:left;
		padding:5%;
	}
	.buttons{
		width:75%;
	}	
}
.field_1 
{
	width: 50%;
	float: left;
}
.field_2 
{
	width: 50%;
	float: left;
}
@media(max-width:767px){

	.field_1 
	{
		width: 100%;
		float: left;
	}
	.field_2 
	{
		width: 100%;
		float: left;
	}
	.log-form {
		width: 100%;
		background: #fff;
		top: 10%;
		left:0%;
		margin:0 auto;
		float:left;
		padding:5%;
	}
	form{
		width:100%;
		float:left;
	}
	.icon {
  padding: 10px;
  background: #fff;
  border:1px solid grey;
  color: black;
  min-width: 50px;
  text-align: center;
}

.input-field {
	height: 50px;
  -webkit-appearance: none;
   border-radius: 0px;
  border: 1px solid #ccc; /*
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;*/
  width: 100%;
  padding: 15px;
  outline: none;
}


/* Set a style for the submit button */
.btn {
  border-radius: 5px;
  float: left;
  background-color: #5578eb;
  color: #fff;
  padding: 10px 15px;
  border: none;
  cursor: pointer;
  opacity: 0.9;
  width:40%;
  font-size:15px;
}
.desktop{
display:none;	
}
.mobile{
	display:block;
}
.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  margin-bottom: 15px;
  width:100%;
  float:left;
}
.btn svg{
	vertical-align:middle;
	width:30%;
	text-align:left;
}
.user,.lock 
{
  border-right: 0px;
  /*height: 50px;*/
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #ccc;
  padding: 10px 10px;
}
.section-info {
    float: left;
    margin-top: 2%;
	margin-left: 0%;
	margin-bottom: 2%;
	vertical-align:middle;
	color:#6c757d;
	width:100%;
}
.section-info svg{
	vertical-align:middle;
}
.input-field_2
{
	-webkit-appearance: none;
	border-radius: 0px;
	height: 50px;
  border: 1px solid #ccc;/*
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;*/
  padding: 15px;
  outline: none;
  width: 100%;
}
.password-secion{
	width:100%;
	float:left;
}
h3
{
  text-align: left;
}
.reset_pass 
{
  color: #9358ed;
  text-decoration: none;
  float: left;
}
/* svg.feather.feather-log-in 
{
  width: 20px !important;
  height: 12px !important;
} */
svg.feather.feather-info 
{
  width: 15px;
  height: 15px;
}
.user svg{
	vertical-align:middle;
}
.lock svg{
	vertical-align:middle;
}
.container_register{
		width: 100%;
		margin: 0 auto;
		float: left;
		position: absolute;
		left: 0%;
}
.col-md-6{
	width:100%;
	padding:2% 5%;
}
.form-group{
	padding:0px;
}
/*.buttons{
	width:85%;
}*/
}
@media(max-width:325px){
.btn {width:40%;}
}