/* Colors

brand blue: #445e6f;
brand-green: #01b671;

bg-grey: #f7f7f7;
border-grey: #dddddd;


*/



/*

Global

*/

body {
	font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #445e6f;
	background-color: #f7f7f7;
}

a:hover {
	text-decoration: none;
}

.glyphicon {
	top: 2px;
}

body .pattern {
	background: url(cssimages/pattern.jpg) repeat 0 0 white;
}

.brandgreen {
	color: #01b671;
}

.form-control:focus {
border-color: #01b671;
-webkit-box-shadow: inset 0 1px 0px rgba(0,0,0,.075),0 0 8px rgba(1,182,113, .8);
box-shadow: inset 0 1px 0px rgba(0,0,0,.075),0 0 8px rgba(1,182,113, .8);
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #b7b7b7!important;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #b7b7b7!important;
    opacity:  1;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #b7b7b7!important;
    opacity:  1;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #b7b7b7!important;
}

.mtop10 {
	margin-top: 10px;
}

.dash-btn {
	background: url(cssimages/pattern.jpg) repeat 0 0 white;
	border-radius: 3px;
	border: 1px solid #dddddd;
	text-align: center;
	line-height: 50px;
	margin-bottom: 12px;
}



/*

Header

*/


.top-header {
	background-color: #445e6f;  /* brand blue */
	padding: 3px 0;
}

.top-header_text {
	color: #7b92a4;
	float: right;
	font-size: 12px;
	padding: 9px 0;
}

header {
	background-color: #01b671;  /* brand green */
	padding: 20px 0;
}

header .logo {
	float: left;
}

header .logo h1 {
	margin: 0; padding: 0;
}

header ul.header_contact {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
	margin-top: 10px;
}
@media (max-width: 1200px) {

	header ul.header_contact {
		margin-top: 17px;
	}

}

header .header_contact li {
	float: right;
	color: white;
	font-size: 12px;
	padding-left: 15px;
}

header .header_contact li.visible-lg-block {
	float: none;
}

nav {
	padding: 25px 0;
	font-size: 15px;
	border-bottom: 1px solid #dddddd;
	background: url(cssimages/pattern.jpg) repeat 0 0 white;

}

nav .nav_dash {
	color: #01b671;  /* brand green */
	font-size: 16px;
}

nav ul.nav_links {
    margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}

nav ul.nav_links li {
	float: right;
	color: #445e6f;  /* brand blue */
	padding-left: 30px;
}




/*

Main

*/

main {
	background-color: #f7f7f7;
	padding-bottom: 50px;
}

.main-borderwrap {
	padding: 50px;
	border-radius: 3px;
	border: 1px solid #dddddd;
	margin: 15px 0;
	overflow: auto;
}

.page-title {
	color: #42454e;
	font-size: 20px;
	margin-bottom: 20px;
}

.page-desc {
	font-size: 15px;
	margin-bottom: 25px;
	color: #8b98a1;
}

.page-desc a {
  color: #01b671;  /* brand green */
}



/* 
Login
*/


.login-intro {
	margin-top: 20px;
	padding: 50px;
	background: white;
	border-radius: 5px 5px 0 0;
	border: 1px solid #dddddd;

}

.login-form {
	padding: 40px 50px;
	border-radius: 0 0 5px 5px;
	border: 1px solid #dddddd;
	border-top: none;
}

.login-form .input-group-addon {
	background: white;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    border: 1px solid #dddddd!important;
    border-right: none!important;
    color: #bdbdbd;
}

.login-form .form-inline .form-group {
  width: 49%;
}

.login-form .form-inline .form-group > div{
  width: 100%;
}


.login-form .form-inline .form-group input {
	border-left: none!important;
}

.login-trouble {
	padding-left: 25px;
}




/* Edit Users List */

ul.edit-user_list, ul.edit-user_list ul {
	margin: 0; padding: 0; 
	list-style-type: none;
}

ul.edit-user_list ul{
	width: 100%;
	display: block;
	overflow: auto;
	background: url(cssimages/pattern.jpg) repeat 0 0 white;
}

ul.edit-user_list > li {
	line-height: 45px;
	border: 1px solid #dddddd;
	margin-bottom: 10px;
}

ul.edit-user_list ul li {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

ul.edit-user_list ul .edit-user_list-number {
	width: 80px;
	text-align: center;
	border-right: 1px solid #dddddd;
}

.edit-user_list-name {
	min-width: 300px;
	color: #01b671;  /* brand green */
	font-size: 16px;
}

.edit-user_list-date {
	font-size: 13px;
}

.edit-user_list-number {
	color: #b7b7b7;
	font-size: 16px;
}

ul.edit-user_list ul .edit-user_list-edit {
	float: right!important;
	background-color: #01b671;
	padding: 0;
}

ul.edit-user_list ul .edit-user_list-edit a {
	color: white;
	text-align: center;
	line-height: 45px;
	display: block;
	width: 100px;
}

ul.edit-user_list ul .edit-user_list-edit a {
	text-decoration: none;
}




/* 
New User Application
*/


ul.create-nav {
	margin: 0; padding: 0;
	list-style-type: none;
	border-radius: 3px;
	border: 1px solid #dddddd;
	overflow: auto;
	padding-left: 20px;
	background: url(cssimages/pattern.jpg) repeat 0 0 white;
	margin-bottom: 25px;
}

ul.create-nav li {
	float: left;
	margin-right: 40px;
	font-size: 16px;
	line-height: 60px;

}

ul.create-nav li a {
	color: #445e6f;  /* brand blue */
	line-height: 50px;


}

ul.create-nav li a:hover, ul.create-nav li a.active {
	color: #01b671;  /* brand green */
}

.application_form {
	
	
}

.application_form input{
	border-radius: 3px!important;
	height: 45px;
	font-size: 15px;
	padding-left: 20px;
}



.app-form_sm {
	width: 30%;

}

.app-form_lg {
	width: 39%;
}

.app-form_sm > div, .app-form_lg > div{
	width: 100%;
}

.prev-nxt {
	border-top: 1px solid #dddddd;
	padding-top: 25px;
	margin-top: 25px;
}


/* 
Forms
*/

.form-inline .form-group {
	margin-bottom: 7px;
}

.form-inline .form-group input {
	border: 1px solid #dddddd!important;
}

.btn_fifo {
color: #fff;
background-color: #01b671;
padding: 15px 30px;
border-radius: 3px;
}

.btn_fifo:hover {
color: #fff!important;
}


.page-title .btn {
	float: right;
}


/* 

Footer 

*/

footer {
	padding: 25px 0;
	border-top: 1px solid #dddddd;
	background-color: #f7f7f7;
}

footer .footer_contacts {
	font-size: 12px;
	color: #b7b7b7;
	text-align: center;
}

footer .footer_contacts-left {
	text-align: right;
}

footer .footer_contacts-right {
	text-align: left;
}

/*
Media Queries
*/

@media (max-width: 570px) {
	.page-title .btn {
		margin-top: 10px;
		float: none;
		clear: both;
		display: block;
	}
}

@media (max-width: 768px) {

	header .logo {
		float: none;
	}

	header .logo h1 {
		text-align: center;
	}

	footer .footer_contacts {
		text-align: center;
		margin-bottom: 7px;
	}

	ul.create-nav {
		border: none;
		padding-left: 0;
		background-color: transparent;
	}

	ul.create-nav li{
		width: 100%;
		line-height: 26px;
	}

	ul.create-nav li a {
		line-height: 26px;
	}

	.app-form_sm, .app-form_lg {
		width: 100%;
	}

	.login-form .form-inline .form-group {
	  width: 100%;
	}

	.dash-btn {
		text-align: left;
		padding-left: 20px;
	}



	
}

@media (min-width: 768px) and (max-width: 992px) {

	.app-form_lg {
		width: 38%;
	}

}


@media (max-width: 992px) {

	.main-borderwrap {
		border: none;
		padding: 0;
	}

	.login-intro {
		border: none;
		padding: 0;
		background: none!important;
	}

	.login-wrapper {
		background: url(cssimages/pattern.jpg) repeat 0 0 white;
		padding: 25px 0;
		text-align: center;
	}

	.login-form {
		border: none;
	}

	.login-form .btn_fifo {
		width: 100%;
		margin-bottom: 10px;
	}

	.login-trouble {
		width: 100%;
		display: block;
		padding: 0;
		text-align: center;
	}

	.login-intro .glyphicon {
		display: none;
	}

	.dash .main-borderwrap {
		margin-top: 30px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.dash .main-borderwrap {
		padding: 65px;
	}
}

/* Delete user button */

.btn-danger.btn-delete {
	border-radius: 3px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	vertical-align: middle;
	padding: 8px 10px;;
	border: 1px solid transparent;
	background-image: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.page-title .btn-delete {
	float: right;
	display: inline-block;
}


/* Edit user table data list */
.edit-user_list .user-col {

}
.edit-user_list .user-col.user-uid {
	width:80px;
}
.edit-user_list .user-col.user-biz-name {
	width:20%;
	max-width:200px;
}
.edit-user_list .user-col.user-username {
	width:15%;
	max-width:150px;
}
.edit-user_list .user-col.user-name {
	width:15%;
	max-width:280px;
}
.edit-user_list .user-col.user-reg {
	max-width:210px;
}
.edit-user_list .user-col.user-edit {
	width:100px;
}


span.loan-product-label {
	display:inline-block;
	border-radius: 3px;
	background: #01b671;
	color: #fff;
	font-size: 10px;
	font-weight:bold;
	line-height:1;
	padding: 3px 4px 5px;
	position: relative;
	top: -3px;
}

/* tablet & smaller desk */
@media (min-width: 768px) and (max-width: 1200px) {
	.edit-user_list .user-col.user-uid {
		height:90px;
	}
	.edit-user_list .user-col.user-biz-name,
	.edit-user_list .user-col.user-username,
	.edit-user_list .user-col.user-name {
		width: 25%;
		max-width: none;
		min-width: 0;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
}

/* mobile */
@media (max-width: 767px) {
	.edit-user_list .user-col.user-uid {
		text-align: left;
		width: 50%;
		border: none;
	}
	.edit-user_list .user-col.user-biz-name,
	.edit-user_list .user-col.user-username,
	.edit-user_list .user-col.user-name,
	.edit-user_list .user-col.user-reg {
		width: 50%;
		max-width: none;
		min-width: 0;
	}
	.edit-user_list .user-col.user-reg {
		width: 100%;
	}
}


.dev-notice {
	display:block; color:#ffffff; text-align:center; line-height:1; padding:20px; text-transform:uppercase; font-weight:bold;
}