body{

    /* background: url('{% static "img/background_img.JPG" %}') no-repeat center center fixed; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family:'HelveticaNeue','Arial', sans-serif;
	/*
    background: rgb(242,126,17);
	background: linear-gradient(0deg, rgba(242,126,17,0.7819502801120448) 27%, rgba(255,255,255,1) 100%);
	*/
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(242,126,17,0.7763480392156863) 79%, rgba(242,126,17,0.847926267281106) 100%);
	background-attachment: fixed;
	margin: 0px
}
a{color:#f0f8ff;text-decoration: none;}
a:hover{color:#f0f8ff; }
.pull-right{float: right;}
.pull-left{float: left;}
h4{
    color: #f9fafb;
}

.container {
    width: 100vw;
    height: 100vh;
    background: #6C7A89;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}
.box {
    width: 300px;
    height: 300px;
    background: #fff;
}

.login-form {
	width: 300px;
	margin: 30px auto;
}
.login-form form {
	margin-bottom: 15px;
    background: rgb(242,126,17);
	background: #FFFFFF;
    box-shadow: 5px 5px 15px -2px #000000;
    -webkit-box-shadow: 5px 5px 15px -2px #000000;
    padding: 30px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

small{
	color: #000000;
}
.login-form h2 {
    margin: 0 0 15px;
}
.form-control, .login-btn {
    min-height: 38px;
    border-radius: 10px;
}
.input-group-addon .fa {
    font-size: 18px;
}
.login-btn {
    font-size: 15px;
    font-weight: bold;
}
.social-btn .btn {
	border: none;
    margin: 10px 3px 0;
    opacity: 1;
}
.social-btn .btn:hover {
    opacity: 0.9;
}
.social-btn .btn-primary {
    background: #507cc0;
}
.social-btn .btn-info {
	background: #64ccf1;
}
.social-btn .btn-danger {
	background: #df4930;
}
.or-seperator {
    margin-top: 20px;
    text-align: center;
    border-top: 1px solid #ccc;
}
.or-seperator i {
    padding: 0 10px;
    background: #f7f7f7;
    position: relative;
    top: -11px;
    z-index: 1;
}
div#form{
	position: absolute;
	width:360px;
	height:320px;
	height:auto;
	background-color: #0062cc;
	margin:auto;
	border-radius: 5px;
	padding:20px;
	left:50%;
	top:50%;
	margin-left:-180px;
	margin-top:-200px;
}
div.form-item{position: relative; display: block; margin-bottom: 10px;}
 input{transition: all .2s ease;}
 input.form-style{
	display: block;
	width: 100%;
	height: 44px;
	padding: 5px 5%;
	border:1px solid #FFFFFF; /*borda input*/
	-moz-border-radius: 27px;
	-webkit-border-radius: 27px;
	border-radius: 27px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #F27E11; /*fundo input*/
	font-family:'HelveticaNeue','Arial', sans-serif;
	font-size: 105%;
	letter-spacing: .8px;
}
div.form-item .form-style:focus{outline: none; border:1px solid #F27E11; columns: #000000;; }
div.form-item p.formLabel {
	position: absolute;
	left:26px;
	top:10px;
	transition:all .4s ease;
	color:#f1f1f1;
}
input[type="submit"].login{
	float:right;
	width: 112px;
	height: 37px;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	border-radius: 19px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: transparent; /*Botão - fundo*/
	border:1px solid #f9fafb;
	color: #FFFFFF; /*Botão - letra*/
	font-weight: bold;
}
input[type="submit"].login:hover{background-color: #fff; border:1px solid #f9fafb; color:#0062cc; cursor:pointer;}
input[type="submit"].login:focus{outline: none; border: #f9fafb}
select.form-style2{
	display: block;
	width: 100%;
	height: 44px;
	padding: 5px;
	-moz-border-radius: 27px;
	-webkit-border-radius: 27px;
	border-radius: 27px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #F27E11; /*fundo input*/
	font-family:'HelveticaNeue','Arial', sans-serif;
	font-size: 105%;
	letter-spacing: .8px;
	color: #000000 !important;
}
.inputbtn{
	background-color: #F27E11 !important;
}
select {
    border: 1px solid #fff;
    background-color: transparent;
    color: white;
}
select option{
  	background-color: transparent !important;
	-webkit-appearance: none;
    -moz-appearance: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
}

::-webkit-input-placeholder {
	color: #FFFFFF;
	font-family: Andale Mono, monospace;
 }
 
 :-moz-placeholder {
	color: #FFFFFF;
	font-family: Andale Mono, monospace;
 }
 
 ::-moz-placeholder {
	color: #FFFFFF;  
	font-family: Andale Mono, monospace;
 }
 
 :-ms-input-placeholder {  
	color: #FFFFFF;  
	font-family: Andale Mono, monospace;
 }