@color-black: #000;
@color-blue: #0081C5;
@color-blue-light: #F6FCFF;
@color-green: #55B949;
@color-orange: #F8961B;
@color-red: #FF0000;

html, body { width: 100%; height: 100%; }
body { -webkit-text-size-adjust: 100%; font-size: 14px; }
//input, select, option, textarea { -webkit-appearance:none; }
.signin-wrap {
	position: relative; top: 50%; margin-top: -200px;
	.container {
		box-shadow: 0 1rem 10rem rgba(0,0,0,.25); max-width: 600px; background: #fff; background: rgba(255,255,255,.95); border-radius: 14px;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		.form-wrap { padding: 30px 20px; }
	}
}
.no-margin { margin: 0; }
/* .table-responsive .table { min-width: 1500px; max-width: auto !important; } */

.font-sansserif { font-family: "Open Sans Condensed", sans-serif; }
.logo {
	margin: 0; padding: 0; line-height: 100%; margin-bottom: 10px;
	a { text-decoration: none; color: #000; text-transform: uppercase; }
}

.section-tab { display: none; }
.section-tab.section-active { display: block; }

.naked { border-radius: 0; box-shadow: none; border: 0; margin: 0; background: transparent; outline: none; }
input[type=text].naked, textarea.naked { width:100%; box-shadow: none; border: 0; margin: 0; background: transparent; outline: none; }
textarea.naked {
	padding: 0;
	&:focus { outline: none; outline-color: transparent; }
}
.text-center input[type=text].naked { text-align: center; }
.line-middle { vertical-align: middle !important; }

.panel > .table-border-top { border-top: 1px solid #ddd; }

.customCheckbox {
	font-weight: normal; display: inline-block; margin-right: 10px;
	&.this { font-weight: bold; }
}

.md-header {
	padding: 10px; border-bottom: 1px solid #eee; background: #fff; position: fixed; z-index: 1000; width: 100%;
	a { z-index: 1001; position: relative; }
}

.fake-input-group {
	padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; display: inline-block; margin-top: 5px;
}

td.no-border { border-top: 0 !important; }
.td-bold {
	font-weight: bold;
	small, input{
		font-weight: bold;
	}
}
.tr-purple {
	& > td { background: #F3E5F5; }
	&:hover > td { background: #E1BEE7; }
}
.text-purple { color: #AB47BC; }

.product-form {
	.product-image {
		margin-bottom: 5px;
		img { max-width: 100%; }
	}
}

.profile-image {
	img { width: 50px; border-radius: 100px; }
}
.sidebar-profile-image { width: 25px; height: 25px; display: inline-block; top: 2px; position: relative; line-height: 1; border: 1px solid #ddd; border-radius: 100px; margin-right: 5px; }

.btn-round-check {
	height:30px;width:30px;line-height:30px;background:#ccc; display: inline-block;border-radius:100px;color:#000;
	&:hover, &:focus, &.this { background: #222; color: #fff; }
}

input.number_comma { text-align: right; }

.job-form {
	.job-people-list {
		margin: 7px 0 0; padding: 0;
		li { margin: 0; padding: 0; }
	}
	.job-people-item {
		position: relative; height: 50px; width: 190px; border: 2px solid #ddd; border-radius: 100px; cursor: pointer; margin-bottom: 5px;
		&.checked { border-color: #337ab7; }
		.job-people-item-checkbox { position: absolute; top: 10px; left: 10px; z-index: 0; }
		.job-people-item-picture {
			display: block; width: 36px; height: 36px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url('/images/favicon.png'); border-radius: 100px;
			position: absolute; top: 6px; left: 7px; z-index: 5;
		}
		.job-people-item-profile {
			position: absolute; width: 141px; top: 6px; left: 49px; font-weight: normal;
			small { display: inline-block; padding-left: 2px; top: -3px; position: relative; color: #ccc; }
		}
	}

}