body{
	font-family: "roboto";
	background: #f7f7f7;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	min-height: 100vh;
}

a{
	color: #007aff;
	text-decoration: none;
	transition: all .15s ease;
}

.main-wrapper
{
	min-height: 94vh;
}

.sign-page .main-wrapper{
	width: 100%;
	padding: 0;
	margin: 0;
}

.sign-page .main-wrapper #container > .row{
	width: 100%;
	padding: 0;
	margin: 0;
}

.sign-image{
	width: 100%;
}

#signModal .modal-step{
	display: none;
}

#signModal .modal-step.step1{
	display: block;
}

.modal-step .step-title{
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin-top: 0;
	font-size: 1.5em;
	margin-bottom: 30px;
}

footer{
	background: #333;
	color: #eee;
	margin-top: 40px;
	padding: 10px;
	line-height: 2em;
	font-size: .8em;
	position: static;
	bottom: 0;
	left: 0;
	right: 0;
}

footer a{
	color: #fff;
	text-decoration: none !important;
}

footer .text-right{
	margin-bottom: 0;
}

footer a:hover{
	color: #096bd6;
}

.flash-success{
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.invite-register .logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

h1.head-title{
	margin-bottom: 30px;
	margin-top: 30px;
	font-weight: 200;
	border-bottom: 1px solid grey;
	padding-bottom: 20px;
}

.invite-register p.intro{
	margin-bottom: 30px;
	font-size: 1.1em;
}

.invite-register .form-group{
	margin-bottom: 30px;
	font-size: 1.1em;
}

.invite-register .form-control{
	border: 0;
	box-shadow: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	padding: 20px 10px;
	font-size: 1.1em;
}

.code-details{
    padding: 20px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	background: #fff;
	font-weight: bold;
	color: #096bd6;
}

.noc-block{
	padding: 20px;
}

.error-page .logo{
	max-width: 150px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

.error-page .container{
	margin-top: 50px;
	background: white;
}

.password-wrap .form-group{
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 50%;
}

div.header{
	margin-top: 0px;
	/* border-bottom: 1px solid #ccc; */
	/* margin-bottom: 30px; */
	/* padding-bottom: 20px; */
	/* height: 6vh; */
	/* padding-top: 50px; */
	background: #fff;
}

.navbar{
	margin-bottom: 0;
}

.navbar-brand{
	height: auto;
}

.navbar-nav>li>a{
	padding-bottom: 29px;
	padding-top: 29px;
}

div.header nav{
	/* margin-top: 8px; */
}

.text-muted.logo{
	margin-top: 5px;
}

.main-logo{
/* 	color: #000;
	font-weight: 100;
	letter-spacing: 2px;
	border: 1px solid #000;
	font-size: .7em;
	padding: 5px 10px;
	text-decoration: none; */
	max-width: 120px;
}
.main-logo a:hover{
/* 	background: #000;
	color: #fff; */
}

.coloredLine {
    margin: 20px auto 0;
    width: 40px;
    border-bottom: 1px solid #ccc;
    display: block;
    margin-bottom: 50px;

}

.btn-primary{
	background: #096bd6;
	border-color: #096bd6;
}

/* LOGIN */

.login-wrapper h1
{
	text-align: center;
	color: #007aff;
}

.login-wrapper .form-control
{
	font-size: 1.1em;
	padding: 20px;
}

.login-wrapper .form-group
{
	margin-bottom: 20px;
}

.login-wrapper .form-horizontal
{
	margin-bottom: 100px;
}


.login-wrapper .form-errors
{
	margin-bottom: 40px;
	padding-bottom: 10px;
	color: #d9534f;
	border-bottom: 1px solid #d9534f;
}

/* REGISTRATION */

.registration h1{
	text-align: center;
	color: #007aff;
}

.register-marketing{
	border-right: 1px solid #eee;
}

.register-marketing h3{
	font-weight: normal;
}

.register-marketing ul{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	font-size: 1.1em;
	color: #333;
}


.register-marketing li{
	line-height: 3em;
	color: #096bd6;
}

.register-marketing li i{
	width: 35px;
	display: inline-block;
	text-align: center;
	border:  1px solid #096bd6;
	margin-right: 10px;
	height: 35px;
	line-height: 32px;
	border-radius: 35px;
	font-size: 1.1em;
}

.registration label.control-label{
	display: none;
}

.registration .form-control{
	font-size: 1.1em;
	padding: 20px;
}

.registration .fos_user_registration_register{
	margin-top: 20px;
}

.registration .form-group
{
	margin-bottom: 20px;
}
.registration .footer
{
	margin-top: 100px;
}

.registration .formSection a{
	text-decoration: none;
}

.help-block .glyphicon{
	display: none;
}

.titleblock{
	color: #096bd6;
	margin-bottom: 20px;
}

.titleblock .coloredLine{
	margin-bottom: 20px;
	margin-left: 0;
}

.invite-register{
	margin-bottom: 100px;
}

 .invite_confirmed a img{
	margin-bottom: 20px;
}



/* MEDIA QUERIES */

@media (max-width: 480px) {
   	.main-logo{
      max-width: 90px;
   	}
   .invite_confirmed a img{
		max-width: 180px;
		margin-bottom: 20px;
   }
   div.header{
   }
}


@media (max-width: 767px) {
   	.main-logo{
      max-width: 90px;
   	}
    .btn-xs-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }
    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
    div.header nav{
    	/* margin-top: 10px; */
    }

    div.header h3{
    	margin-top: 20px;
    }

    .sign-page .main-wrapper{
    	min-height: 0;
    }

    .navbar .pull-right
    {
    	float: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }
    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }
    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}
@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }
    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }
}