span.require {
	color : red;
}
.thin {
 	width :5%;
}
.buttons {
	padding-top: 15px;
	padding-bottom:;
	display : table;
}
.buttons .btn {
	margin-right : 5px;
}
h5 {
	color:#428bca;
	font-weight:bold;
}
/* add-on */

.aceros-logo {
	margin-top: 0px;
}
.margin-right {
	margin-right : 5px;
}
.margin-left {
	margin-left : 5px;
}
.margin-bottom {
	margin-bottom : 30px;
}
.padding-0, .no-padding {
	padding: 0
}
.padding-left-right {
	padding-left: 5px;
	padding-right: 5px;
}
.padding-left {
	padding-left: 10px;
}
.padding-right {
	padding-right: 10px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.table-responsive-lg {
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
}
 @media (max-width: 1200px) {
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
}
}
img {
 margin-top:;
}
.clear-both {
	clear: both;
}
.checkbox .help-block {
	margin-left: -20px;
}
.row-fixed {
	position: fixed;
	z-index: 101;
	width: 100%;
	height: 50px;
	margin-left: -15px;
	background-color: #f8f8f8;
	border-bottom: solid 1px #dddddd;
}
.page-header {
	font-size: 21px;
	position: fixed;
	border-bottom: 0;
	padding-bottom: 5px;
	margin: 12px 0 0 30px;
	z-index: 102;
}
.page-header-no-fix {
	font-size: 21px;
	border-bottom: 0;
	padding-bottom: 5px;
	margin: 12px 0 0 30px;
	z-index: 102;
}
.page-content {
	padding-top: 85px;
}
.toolbar {
	position: fixed;
	margin-top: 8px;
	right: 30px;
	z-index: 102;
}
.content-lg-12 {
	margin-bottom: 100px;
}
.nav>li.dropdown {
	float: right;
}
.navbar {
	min-height: 50px;
}
#page-wrapper {
	min-height: 800px;
}
body {
	background-color: #f8f8f8;
	padding-top: 100px;
}
 @media(min-width:768px) {
body {
	padding-top: 50px;
}
}
/* auto complete custom css */

.ui-autocomplete {
	z-index: 10000000;
}
.ui-menu {
	list-style: none outside none;
	margin: 0;
	padding: 5px;
}
.ui-widget-content {
	background: none repeat scroll 0 0 #eeeeee;
	border: 0 solid #878787;
	color: #111111;
	margin: 20px 30px 15px 15px;
	padding: 10px;
	border-radius: 7px;
}
.ui-autocomplete {
	display: none;
	width: 136px;
	top: 35px;
	left: 44px;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 7px 10px;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
	color: #111111;
}
.ui-menu .ui-menu-item a:hover {
	display: block;
 padding:;
	text-decoration: none;
	color: #111111;
	cursor: pointer;
	background-color: #ffffff;
}
.ui-helper-hidden-accessible {
	display: none;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
 border-top-left-radius:;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
 border-top-right-radius:;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
 border-bottom-left-radius:;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
 border-bottom-right-radius:;
}
/* -------------------------*/



/* jquery ui datepicket css */



.ui-datepicker {
	display: none;
	padding: 10px;
	margin-left: 0;
	margin-top: 7px;
 width:;
	border-radius: 7px;
	background-color: #eeeeee;
}
.ui-datepicker .ui-datepicker-header {
	padding: 10px 5px;
	position: relative;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	height: 1.8em;
	position: absolute;
	top: 0px;
	width: 1.8em;
	color: #111;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
	top: 0px;
	color: #999;
}
.ui-datepicker .ui-datepicker-prev {
	left: 0px;
}
.ui-datepicker .ui-datepicker-next {
	right: 0px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 0px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 0px;
}
.ui-datepicker .ui-datepicker-prev span {
	display: block;
	left: 50%;
	margin-left: -5px;
	margin-top: 0px;
	position: absolute;
	top: 50%;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-next span {
	display: block;
 left:;
	margin-left: -10px;
	margin-top: 0px;
	position: absolute;
	top: 50%;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-title {
	line-height: 1.8em;
	margin: 0 25px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
	margin-right: 3px;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 42%;
	padding: 3px;
}
.ui-datepicker table {
	border-collapse: collapse;
	font-size: 0.9em;
	margin: 0 0 0.4em;
	width: 100%;
}
.ui-datepicker th {
	border: 0 none;
	font-weight: bold;
	padding: 7px;
	text-align: right;
}
.ui-datepicker td {
	border: 0 none;
	padding: 7px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: 0.2em;
	text-align: right;
	text-decoration: none;
	color: #111111;
}
.ui-datepicker td span, .ui-datepicker td:hover {
	background-color: #fff;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	border-bottom: 0 none;
	border-left: 0 none;
	border-right: 0 none;
	margin: 0.7em 0 0;
	padding: 0 0.2em;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	cursor: pointer;
	float: right;
	margin: 0.5em 0.2em 0.4em;
	overflow: visible;
	padding: 0.2em 0.6em 0.3em;
	width: auto;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	margin: 0 auto 0.4em;
	width: 95%;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	font-size: 0;
	width: 100%;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	left: auto;
	right: 2px;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	left: auto;
	right: 1px;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 1px;
	border-right-width: 0;
}
.ui-state-default {
 background:;
 border:;
 border-radius:;
 color:;
 font-family:;
 font-size:;
 font-weight:;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: 0.2em;
	text-align: right;
	text-decoration: none;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
	font-weight: normal;
	opacity: 0.7;
}
/* ------------------------- */



/* use to set the width of auto complete popout box */

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
	width : 500px;
}
.panel-default>.panel-heading {
	color: #ffffff;
	background-color: #0e79bd;
	border-color: #0e79bd;
}
.panel-default {
	border-color: #0e79bd;
}
.login-panel.panel-default {
	border-color: #dddddd;
}
.login-panel.panel-default>.panel-heading {
	color: #333333;
	background-color: #f5f5f5;
	border-color: #dddddd;
}
.list-group {
	min-height: 350px;
}
 @media (max-width: 768px) {
body {
	padding-top: 0px;
}
.row-fixed {
	margin-left: 0px;
	height: auto;
	position: relative;
	display: inline-block;
}
.navbar-default.navbar-fixed-top {
	position: relative;
}
.page-header {
	margin-left: 15px;
	position: relative;
}
.toolbar {
	right: auto;
	margin-left: 10px;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
}
.page-content {
	padding-top: 30px;
}
.list-group {
	min-height: inherit;
}
.toolbar .float-right {
	float: left;
}
.toolbar a {
	margin-bottom: 5px;
}
}
 @media (max-width: 480px) {
.navbar-brand {
	font-size: 14px;
	display: none;
}
}
.navbar-default .navbar-brand {
	color: #959aa1;
}
.navbar-default .navbar-brand:hover {
	color: #959aa1;
}
.login-panel {
	margin-top: 50%;
    margin-bottom: 50%;
}

.upload-photo-cover {
	display: block;
	position: relative;
	margin: 0 auto;
 	max-width:;
	height: 250px;
	overflow: hidden;
	background-color: #f7f7f7;
	border: solid 0px #333333;
	z-index: 1;
	border: solid 0px #f7f7f7;
}
.upload-photo-cover img {
	width: auto;
	height: 100%;
	position: absolute;
	left: 50%;
	-ms-transform: translate(-50%, 0); /* IE 9 */
	-webkit-transform: translate(-50%, 0); /* Safari */
	transform: translate(-50%, 0);
	z-index: 1;
	border-radius: 0;
}
.upload-photo-cover img.product_pic {
	max-width:inherit !important;
}
.upload-photo-info {
	background-color:#f7f7f7;
}