@charset "utf-8";
@import url(font.css);

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html,
html .halflings {
	-webkit-font-smoothing: antialiased !important;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],
template {
	display: none;
}
a {
	background-color: transparent;
}
a:active,
a:hover {
	outline: 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b,
strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
mark {
	background: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	height: 0;
}
pre {
	overflow: auto;
}
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html input[disabled] {
	cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
}
optgroup {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
# FONT PATH
--------------------------------------------------------------*/
@font-face {
	font-family: 'FontAwesome';
	src: url("../fa/fontawesome-webfont.eot?v=4.2.0");
	src: url("../fa/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"),
		url("../fa/fontawesome-webfont.woff?v=4.2.0") format("woff"),
		url("../fa/fontawesome-webfont.ttf?v=4.2.0") format("truetype"),
		url("../fa/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal;
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
	font-size: 1.33333em;
	line-height: 0.75em;
	vertical-align: -15%;
}

.fa-2x {
	font-size: 2em;
}

.fa-1x {
	font-size: 1.3em;
}

.fa-3x {
	font-size: 3em;
}

.fa-4x {
	font-size: 4em;
}

.fa-5x {
	font-size: 5em;
}

.fa-fw {
	width: 1.28571em;
	text-align: center;
}

.fa-ul {
	padding-left: 0;
	margin-left: 2.14286em;
	list-style-type: none;
}
.fa-ul > li {
	position: relative;
}

.fa-li {
	position: absolute;
	left: -2.14286em;
	width: 2.14286em;
	top: 0.14286em;
	text-align: center;
}
.fa-li.fa-lg {
	left: -1.85714em;
}

.fa-border {
	padding: .2em .25em .15em;
	border: solid 0.08em #eee;
	border-radius: .1em;
}

.pull-right {
	float: right;
}

/*
.pull-left {
 float:left;
}*/

.fa.pull-left {
	margin-right: .3em;
}
.fa.pull-right {
	margin-left: .3em;
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
.fa-rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.fa-rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.fa-rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.fa-flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.fa-flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
	filter: none;
}

.fa-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}

.fa-stack-1x {
	line-height: inherit;
}

.fa-stack-2x {
	font-size: 2em;
}

.fa-inverse {
	color: #fff;
}

.fa-glass:before {
	content: "";
}

.fa-music:before {
	content: "";
}

.fa-search:before {
	content: "";
}

.fa-envelope-o:before {
	content: "";
}

.fa-heart:before {
	content: "";
}

.fa-star:before {
	content: "";
}

.fa-star-o:before {
	content: "";
}

.fa-user:before {
	content: "";
}

.fa-window-close-o {
	content: "";
}

.fa-film:before {
	content: "";
}

.fa-th-large:before {
	content: "";
}

.fa-th:before {
	content: "";
}

.fa-th-list:before {
	content: "";
}

.fa-check:before {
	content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
	content: "";
}

.fa-search-plus:before {
	content: "";
}

.fa-search-minus:before {
	content: "";
}

.fa-power-off:before {
	content: "";
}

.fa-signal:before {
	content: "";
}

.fa-gear:before,
.fa-cog:before {
	content: "";
}

.fa-trash-o:before {
	content: "";
}

.fa-home:before {
	content: "";
}

.fa-file-o:before {
	content: "";
}

.fa-clock-o:before {
	content: "";
}

.fa-road:before {
	content: "";
}

.fa-download:before {
	content: "";
}

.fa-arrow-circle-o-down:before {
	content: "";
}

.fa-arrow-circle-o-up:before {
	content: "";
}

.fa-inbox:before {
	content: "";
}

.fa-play-circle-o:before {
	content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
	content: "";
}

.fa-refresh:before {
	content: "";
}

.fa-list-alt:before {
	content: "";
}

.fa-lock:before {
	content: "";
}

.fa-flag:before {
	content: "";
}

.fa-headphones:before {
	content: "";
}

.fa-volume-off:before {
	content: "";
}

.fa-volume-down:before {
	content: "";
}

.fa-volume-up:before {
	content: "";
}

.fa-qrcode:before {
	content: "";
}

.fa-barcode:before {
	content: "";
}

.fa-tag:before {
	content: "";
}

.fa-tags:before {
	content: "";
}

.fa-book:before {
	content: "";
}

.fa-bookmark:before {
	content: "";
}

.fa-print:before {
	content: "";
}

.fa-camera:before {
	content: "";
}

.fa-font:before {
	content: "";
}

.fa-bold:before {
	content: "";
}

.fa-italic:before {
	content: "";
}

.fa-text-height:before {
	content: "";
}

.fa-text-width:before {
	content: "";
}

.fa-align-left:before {
	content: "";
}

.fa-align-center:before {
	content: "";
}

.fa-align-right:before {
	content: "";
}

.fa-align-justify:before {
	content: "";
}

.fa-list:before {
	content: "";
}

.fa-dedent:before,
.fa-outdent:before {
	content: "";
}

.fa-indent:before {
	content: "";
}

.fa-video-camera:before {
	content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
	content: "";
}

.fa-pencil:before {
	content: "";
}

.fa-map-marker:before {
	content: "";
}

.fa-adjust:before {
	content: "";
}

.fa-tint:before {
	content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
	content: "";
}

.fa-share-square-o:before {
	content: "";
}

.fa-check-square-o:before {
	content: "";
}

.fa-arrows:before {
	content: "";
}

.fa-step-backward:before {
	content: "";
}

.fa-fast-backward:before {
	content: "";
}

.fa-backward:before {
	content: "";
}

.fa-play:before {
	content: "";
}

.fa-pause:before {
	content: "";
}

.fa-stop:before {
	content: "";
}

.fa-forward:before {
	content: "";
}

.fa-fast-forward:before {
	content: "";
}

.fa-step-forward:before {
	content: "";
}

.fa-eject:before {
	content: "";
}

.fa-chevron-left:before {
	content: "";
}

.fa-chevron-right:before {
	content: "";
}

.fa-plus-circle:before {
	content: "";
}

.fa-minus-circle:before {
	content: "";
}

.fa-times-circle:before {
	content: "";
}

.fa-check-circle:before {
	content: "";
}

.fa-question-circle:before {
	content: "";
}

.fa-info-circle:before {
	content: "";
}

.fa-crosshairs:before {
	content: "";
}

.fa-times-circle-o:before {
	content: "";
}

.fa-check-circle-o:before {
	content: "";
}

.fa-ban:before {
	content: "";
}

.fa-arrow-left:before {
	content: "";
}

.fa-arrow-right:before {
	content: "";
}

.fa-arrow-up:before {
	content: "";
}

.fa-arrow-down:before {
	content: "";
}

.fa-mail-forward:before,
.fa-share:before {
	content: "";
}

.fa-expand:before {
	content: "";
}

.fa-compress:before {
	content: "";
}

.fa-plus:before {
	content: "";
}

.fa-minus:before {
	content: "";
}

.fa-asterisk:before {
	content: "";
}

.fa-exclamation-circle:before {
	content: "";
}

.fa-gift:before {
	content: "";
}

.fa-leaf:before {
	content: "";
}

.fa-fire:before {
	content: "";
}

.fa-eye:before {
	content: "";
}

.fa-eye-slash:before {
	content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
	content: "";
}

.fa-plane:before {
	content: "";
}

.fa-calendar:before {
	content: "";
}

.fa-random:before {
	content: "";
}

.fa-comment:before {
	content: "";
}

.fa-magnet:before {
	content: "";
}

.fa-chevron-up:before {
	content: "";
}

.fa-chevron-down:before {
	content: "";
}

.fa-retweet:before {
	content: "";
}

.fa-shopping-cart:before {
	content: "";
}

.fa-folder:before {
	content: "";
}

.fa-folder-open:before {
	content: "";
}

.fa-arrows-v:before {
	content: "";
}

.fa-arrows-h:before {
	content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
	content: "";
}

.fa-twitter-square:before {
	content: "";
}

.fa-facebook-square:before {
	content: "";
}

.fa-camera-retro:before {
	content: "";
}

.fa-key:before {
	content: "";
}

.fa-gears:before,
.fa-cogs:before {
	content: "";
}

.fa-comments:before {
	content: "";
}

.fa-thumbs-o-up:before {
	content: "";
}

.fa-thumbs-o-down:before {
	content: "";
}

.fa-star-half:before {
	content: "";
}

.fa-heart-o:before {
	content: "";
}

.fa-sign-out:before {
	content: "";
}

.fa-linkedin-square:before {
	content: "";
}

.fa-thumb-tack:before {
	content: "";
}

.fa-external-link:before {
	content: "";
}

.fa-sign-in:before {
	content: "";
}

.fa-trophy:before {
	content: "";
}

.fa-github-square:before {
	content: "";
}

.fa-upload:before {
	content: "";
}

.fa-lemon-o:before {
	content: "";
}

.fa-phone:before {
	content: "";
}

.fa-square-o:before {
	content: "";
}

.fa-bookmark-o:before {
	content: "";
}

.fa-phone-square:before {
	content: "";
}

.fa-twitter:before {
	content: "";
}

.fa-facebook:before {
	content: "";
}

.fa-github:before {
	content: "";
}

.fa-unlock:before {
	content: "";
}

.fa-credit-card:before {
	content: "";
}

.fa-rss:before {
	content: "";
}

.fa-hdd-o:before {
	content: "";
}

.fa-bullhorn:before {
	content: "";
}

.fa-bell:before {
	content: "";
}

.fa-certificate:before {
	content: "";
}

.fa-hand-o-right:before {
	content: "";
}

.fa-hand-o-left:before {
	content: "";
}

.fa-hand-o-up:before {
	content: "";
}

.fa-hand-o-down:before {
	content: "";
}

.fa-arrow-circle-left:before {
	content: "";
}

.fa-arrow-circle-right:before {
	content: "";
}

.fa-arrow-circle-up:before {
	content: "";
}

.fa-arrow-circle-down:before {
	content: "";
}

.fa-globe:before {
	content: "";
}

.fa-wrench:before {
	content: "";
}

.fa-tasks:before {
	content: "";
}

.fa-filter:before {
	content: "";
}

.fa-briefcase:before {
	content: "";
}

.fa-arrows-alt:before {
	content: "";
}

.fa-group:before,
.fa-users:before {
	content: "";
}

.fa-chain:before,
.fa-link:before {
	content: "";
}

.fa-cloud:before {
	content: "";
}

.fa-flask:before {
	content: "";
}

.fa-cut:before,
.fa-scissors:before {
	content: "";
}

.fa-copy:before,
.fa-files-o:before {
	content: "";
}

.fa-paperclip:before {
	content: "";
}

.fa-save:before,
.fa-floppy-o:before {
	content: "";
}

.fa-square:before {
	content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
	content: "";
}

.fa-list-ul:before {
	content: "";
}

.fa-list-ol:before {
	content: "";
}

.fa-strikethrough:before {
	content: "";
}

.fa-underline:before {
	content: "";
}

.fa-table:before {
	content: "";
}

.fa-magic:before {
	content: "";
}

.fa-truck:before {
	content: "";
}

.fa-pinterest:before {
	content: "";
}

.fa-pinterest-square:before {
	content: "";
}

.fa-google-plus-square:before {
	content: "";
}

.fa-google-plus:before {
	content: "";
}

.fa-money:before {
	content: "";
}

.fa-caret-down:before {
	content: "";
}

.fa-caret-up:before {
	content: "";
}

.fa-caret-left:before {
	content: "";
}

.fa-caret-right:before {
	content: "";
}

.fa-columns:before {
	content: "";
}

.fa-unsorted:before,
.fa-sort:before {
	content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
	content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
	content: "";
}

.fa-envelope:before {
	content: "";
}

.fa-linkedin:before {
	content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
	content: "";
}

.fa-legal:before,
.fa-gavel:before {
	content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
	content: "";
}

.fa-comment-o:before {
	content: "";
}

.fa-comments-o:before {
	content: "";
}

.fa-flash:before,
.fa-bolt:before {
	content: "";
}

.fa-sitemap:before {
	content: "";
}

.fa-umbrella:before {
	content: "";
}

.fa-paste:before,
.fa-clipboard:before {
	content: "";
}

.fa-lightbulb-o:before {
	content: "";
}

.fa-exchange:before {
	content: "";
}

.fa-cloud-download:before {
	content: "";
}

.fa-cloud-upload:before {
	content: "";
}

.fa-user-md:before {
	content: "";
}

.fa-stethoscope:before {
	content: "";
}

.fa-suitcase:before {
	content: "";
}

.fa-bell-o:before {
	content: "";
}

.fa-coffee:before {
	content: "";
}

.fa-cutlery:before {
	content: "";
}

.fa-file-text-o:before {
	content: "";
}

.fa-building-o:before {
	content: "";
}

.fa-hospital-o:before {
	content: "";
}

.fa-ambulance:before {
	content: "";
}

.fa-medkit:before {
	content: "";
}

.fa-fighter-jet:before {
	content: "";
}

.fa-beer:before {
	content: "";
}

.fa-h-square:before {
	content: "";
}

.fa-plus-square:before {
	content: "";
}

.fa-angle-double-left:before {
	content: "";
}

.fa-angle-double-right:before {
	content: "";
}

.fa-angle-double-up:before {
	content: "";
}

.fa-angle-double-down:before {
	content: "";
}

.fa-angle-left:before {
	content: "";
}

.fa-angle-right:before {
	content: "";
}

.fa-angle-up:before {
	content: "";
}

.fa-angle-down:before {
	content: "";
}

.fa-desktop:before {
	content: "";
}

.fa-laptop:before {
	content: "";
}

.fa-tablet:before {
	content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
	content: "";
}

.fa-circle-o:before {
	content: "";
}

.fa-bandcamp:before {
	content: "";
}

.fa-stop-circle {
	content: "";
}

.fa-quote-left:before {
	content: "";
}

.fa-quote-right:before {
	content: "";
}

.fa-spinner:before {
	content: "";
}

.fa-circle:before {
	content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
	content: "";
}

.fa-github-alt:before {
	content: "";
}

.fa-folder-o:before {
	content: "";
}

.fa-folder-open-o:before {
	content: "";
}

.fa-smile-o:before {
	content: "";
}

.fa-frown-o:before {
	content: "";
}

.fa-meh-o:before {
	content: "";
}

.fa-gamepad:before {
	content: "";
}

.fa-keyboard-o:before {
	content: "";
}

.fa-flag-o:before {
	content: "";
}

.fa-flag-checkered:before {
	content: "";
}

.fa-terminal:before {
	content: "";
}

.fa-code:before {
	content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
	content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
	content: "";
}

.fa-location-arrow:before {
	content: "";
}

.fa-crop:before {
	content: "";
}

.fa-code-fork:before {
	content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
	content: "";
}

.fa-question:before {
	content: "";
}

.fa-info:before {
	content: "";
}

.fa-exclamation:before {
	content: "";
}

.fa-superscript:before {
	content: "";
}

.fa-subscript:before {
	content: "";
}

.fa-eraser:before {
	content: "";
}

.fa-puzzle-piece:before {
	content: "";
}

.fa-microphone:before {
	content: "";
}

.fa-microphone-slash:before {
	content: "";
}

.fa-shield:before {
	content: "";
}

.fa-calendar-o:before {
	content: "";
}

.fa-fire-extinguisher:before {
	content: "";
}

.fa-rocket:before {
	content: "";
}

.fa-maxcdn:before {
	content: "";
}

.fa-chevron-circle-left:before {
	content: "";
}

.fa-chevron-circle-right:before {
	content: "";
}

.fa-chevron-circle-up:before {
	content: "";
}

.fa-chevron-circle-down:before {
	content: "";
}

.fa-html5:before {
	content: "";
}

.fa-css3:before {
	content: "";
}

.fa-anchor:before {
	content: "";
}

.fa-unlock-alt:before {
	content: "";
}

.fa-bullseye:before {
	content: "";
}

.fa-ellipsis-h:before {
	content: "";
}

.fa-ellipsis-v:before {
	content: "";
}

.fa-rss-square:before {
	content: "";
}

.fa-play-circle:before {
	content: "";
}

.fa-ticket:before {
	content: "";
}

.fa-minus-square:before {
	content: "";
}

.fa-minus-square-o:before {
	content: "";
}

.fa-level-up:before {
	content: "";
}

.fa-level-down:before {
	content: "";
}

.fa-check-square:before {
	content: "";
}

.fa-pencil-square:before {
	content: "";
}

.fa-external-link-square:before {
	content: "";
}

.fa-share-square:before {
	content: "";
}

.fa-compass:before {
	content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
	content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
	content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
	content: "";
}

.fa-euro:before,
.fa-eur:before {
	content: "";
}

.fa-gbp:before {
	content: "";
}

.fa-dollar:before,
.fa-usd:before {
	content: "";
}

.fa-rupee:before,
.fa-inr:before {
	content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
	content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
	content: "";
}

.fa-won:before,
.fa-krw:before {
	content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
	content: "";
}

.fa-file:before {
	content: "";
}

.fa-file-text:before {
	content: "";
}

.fa-sort-alpha-asc:before {
	content: "";
}

.fa-sort-alpha-desc:before {
	content: "";
}

.fa-sort-amount-asc:before {
	content: "";
}

.fa-sort-amount-desc:before {
	content: "";
}

.fa-sort-numeric-asc:before {
	content: "";
}

.fa-sort-numeric-desc:before {
	content: "";
}

.fa-thumbs-up:before {
	content: "";
}

.fa-thumbs-down:before {
	content: "";
}

.fa-youtube-square:before {
	content: "";
}

.fa-youtube:before {
	content: "";
}

.fa-xing:before {
	content: "";
}

.fa-xing-square:before {
	content: "";
}

.fa-youtube-play:before {
	content: "";
}

.fa-dropbox:before {
	content: "";
}

.fa-stack-overflow:before {
	content: "";
}

.fa-instagram:before {
	content: "";
}

.fa-flickr:before {
	content: "";
}

.fa-adn:before {
	content: "";
}

.fa-bitbucket:before {
	content: "";
}

.fa-bitbucket-square:before {
	content: "";
}

.fa-tumblr:before {
	content: "";
}

.fa-tumblr-square:before {
	content: "";
}

.fa-long-arrow-down:before {
	content: "";
}

.fa-long-arrow-up:before {
	content: "";
}

.fa-long-arrow-left:before {
	content: "";
}

.fa-long-arrow-right:before {
	content: "";
}

.fa-apple:before {
	content: "";
}

.fa-windows:before {
	content: "";
}

.fa-android:before {
	content: "";
}

.fa-linux:before {
	content: "";
}

.fa-dribbble:before {
	content: "";
}

.fa-skype:before {
	content: "";
}

.fa-foursquare:before {
	content: "";
}

.fa-trello:before {
	content: "";
}

.fa-female:before {
	content: "";
}

.fa-male:before {
	content: "";
}

.fa-gittip:before {
	content: "";
}

.fa-sun-o:before {
	content: "";
}

.fa-moon-o:before {
	content: "";
}

.fa-archive:before {
	content: "";
}

.fa-bug:before {
	content: "";
}

.fa-vk:before {
	content: "";
}

.fa-weibo:before {
	content: "";
}

.fa-renren:before {
	content: "";
}

.fa-pagelines:before {
	content: "";
}

.fa-stack-exchange:before {
	content: "";
}

.fa-arrow-circle-o-right:before {
	content: "";
}

.fa-arrow-circle-o-left:before {
	content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
	content: "";
}

.fa-dot-circle-o:before {
	content: "";
}

.fa-wheelchair:before {
	content: "";
}

.fa-vimeo-square:before {
	content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
	content: "";
}

.fa-plus-square-o:before {
	content: "";
}

.fa-space-shuttle:before {
	content: "";
}

.fa-slack:before {
	content: "";
}

.fa-envelope-square:before {
	content: "";
}

.fa-wordpress:before {
	content: "";
}

.fa-openid:before {
	content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
	content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
	content: "";
}

.fa-yahoo:before {
	content: "";
}

.fa-google:before {
	content: "";
}

.fa-reddit:before {
	content: "";
}

.fa-reddit-square:before {
	content: "";
}

.fa-stumbleupon-circle:before {
	content: "";
}

.fa-stumbleupon:before {
	content: "";
}

.fa-delicious:before {
	content: "";
}

.fa-digg:before {
	content: "";
}

.fa-pied-piper:before {
	content: "";
}

.fa-pied-piper-alt:before {
	content: "";
}

.fa-drupal:before {
	content: "";
}

.fa-joomla:before {
	content: "";
}

.fa-language:before {
	content: "";
}

.fa-fax:before {
	content: "";
}

.fa-building:before {
	content: "";
}

.fa-child:before {
	content: "";
}

.fa-paw:before {
	content: "";
}

.fa-spoon:before {
	content: "";
}

.fa-cube:before {
	content: "";
}

.fa-cubes:before {
	content: "";
}

.fa-behance:before {
	content: "";
}

.fa-behance-square:before {
	content: "";
}

.fa-steam:before {
	content: "";
}

.fa-steam-square:before {
	content: "";
}

.fa-recycle:before {
	content: "";
}

.fa-automobile:before,
.fa-car:before {
	content: "";
}

.fa-cab:before,
.fa-taxi:before {
	content: "";
}

.fa-tree:before {
	content: "";
}

.fa-spotify:before {
	content: "";
}

.fa-deviantart:before {
	content: "";
}

.fa-soundcloud:before {
	content: "";
}

.fa-database:before {
	content: "";
}

.fa-file-pdf-o:before {
	content: "";
}

.fa-file-word-o:before {
	content: "";
}

.fa-file-excel-o:before {
	content: "";
}

.fa-file-powerpoint-o:before {
	content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
	content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
	content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
	content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
	content: "";
}

.fa-file-code-o:before {
	content: "";
}

.fa-vine:before {
	content: "";
}

.fa-codepen:before {
	content: "";
}

.fa-jsfiddle:before {
	content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
	content: "";
}

.fa-circle-o-notch:before {
	content: "";
}

.fa-ra:before,
.fa-rebel:before {
	content: "";
}

.fa-ge:before,
.fa-empire:before {
	content: "";
}

.fa-git-square:before {
	content: "";
}

.fa-git:before {
	content: "";
}

.fa-hacker-news:before {
	content: "";
}

.fa-tencent-weibo:before {
	content: "";
}

.fa-qq:before {
	content: "";
}

.fa-wechat:before,
.fa-weixin:before {
	content: "";
}

.fa-send:before,
.fa-paper-plane:before {
	content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
	content: "";
}

.fa-history:before {
	content: "";
}

.fa-circle-thin:before {
	content: "";
}

.fa-header:before {
	content: "";
}

.fa-paragraph:before {
	content: "";
}

.fa-sliders:before {
	content: "";
}

.fa-share-alt:before {
	content: "";
}

.fa-share-alt-square:before {
	content: "";
}

.fa-bomb:before {
	content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
	content: "";
}

.fa-tty:before {
	content: "";
}

.fa-binoculars:before {
	content: "";
}

.fa-plug:before {
	content: "";
}

.fa-slideshare:before {
	content: "";
}

.fa-twitch:before {
	content: "";
}

.fa-yelp:before {
	content: "";
}

.fa-newspaper-o:before {
	content: "";
}

.fa-wifi:before {
	content: "";
}

.fa-calculator:before {
	content: "";
}

.fa-paypal:before {
	content: "";
}

.fa-google-wallet:before {
	content: "";
}

.fa-cc-visa:before {
	content: "";
}

.fa-cc-mastercard:before {
	content: "";
}

.fa-cc-discover:before {
	content: "";
}

.fa-cc-amex:before {
	content: "";
}

.fa-cc-paypal:before {
	content: "";
}

.fa-cc-stripe:before {
	content: "";
}

.fa-bell-slash:before {
	content: "";
}

.fa-bell-slash-o:before {
	content: "";
}

.fa-trash:before {
	content: "";
}

.fa-copyright:before {
	content: "";
}

.fa-at:before {
	content: "";
}

.fa-eyedropper:before {
	content: "";
}

.fa-paint-brush:before {
	content: "";
}

.fa-birthday-cake:before {
	content: "";
}

.fa-area-chart:before {
	content: "";
}

.fa-pie-chart:before {
	content: "";
}

.fa-line-chart:before {
	content: "";
}

.fa-lastfm:before {
	content: "";
}

.fa-lastfm-square:before {
	content: "";
}

.fa-toggle-off:before {
	content: "";
}

.fa-toggle-on:before {
	content: "";
}

.fa-bicycle:before {
	content: "";
}

.fa-bus:before {
	content: "";
}

.fa-ioxhost:before {
	content: "";
}

.fa-angellist:before {
	content: "";
}

.fa-cc:before {
	content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
	content: "";
}

.fa-meanpath:before {
	content: "";
}


/*--------------------------------------------------------------
# MAIN STYLE
--------------------------------------------------------------*/


body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px !important;
	height: 100%;
	position: relative;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Open Sans', sans-serif;
}

a {
	color: rgb(20, 120, 235);
}
a:focus {
	outline: none;
	text-decoration: none;
}

::-moz-selection {
    color: #fff;
    background: #007954;
}


::selection {
    color: #fff;
    background: #007954;
}

/*--------------------------------------------------------------
# FORM CONTROL
--------------------------------------------------------------*/
.form-control {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/*--------------------------------------------------------------
# TOP HEADER
--------------------------------------------------------------*/
#top-header {
	background: #007954;
	color: #fff;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	min-height: 30px;
}
#top-header #user {
	padding: 5px;
}
#top-header #user i {
	font-size: 1.6em;
	vertical-align: middle;
}

/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/

#footer {
	height: 30px;
	text-align: center;
	background: #007954;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
#footer p {
	padding: 7px 0 0px 0;
	margin-bottom: 0;
	color: #fff;
}

/*--------------------------------------------------------------
# SCROLL UP
--------------------------------------------------------------*/
a.scrollup {
	display: none;
	color: #fff;
	height: 55px;
	width: 55px;
	font-size: 22px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 40px;
	opacity: 0, 5;
	border-radius: 50%;
	z-index: 999;
	background-color: #36cbd4;
	cursor: pointer;
}
a.scrollup:hover {
	opacity: 1;
	background-color: #36cbd4;
	color: #fff;
}

/*--------------------------------------------------------------
# LIST STYLE
--------------------------------------------------------------*/

.list-type1 {
	width: 30vw;
	margin-left: 18px;
}

.list-type1 ul {
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
	font-size: 15px;
	font-family: sans-serif;
	padding: 0;
	margin-bottom: 4em;
}
.list-type1 ul ul {
	margin: 0 0 0 2em;
}

.list-type1 a {
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: .6em 0;
	background: #93c775;
	color: #000;
	text-decoration: none;
	/*-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: 10em;*/
	transition: all .2s ease-in-out;
}

.list-type1 a:hover {
	background: #d6d4d4;
	text-decoration: none;
	transform: scale(1.1);
	font-weight: bold;
}

.list-type1 span {
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #93c775;
	height: 2.5em;
	width: 2.5em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	/*font-weight: bold;*/
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	color: #000;
}

/*--------------------------------------------------------------
# NAVIGATION
--------------------------------------------------------------*/
#navigation {
	background: #fff;
	position: relative;
	width: 100%;
	z-index: 100;
	margin: 0 auto;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.75);
}
#navigation.navbar-fixed-top {
	position: fixed;
	z-index: 1030;
}
#navigation .dropdown-menu {
	border-top: 0;
	border-color: #007854;
}
#navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
	border-top: 2px solid #007854;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-left: 0;
}
#navigation .dropdown-menu > li.dropdown-submenu:hover > a,
#navigation .dropdown-menu > li.dropdown-submenu:focus > a {
	background: #007854;
	color: #fff;
}
#navigation .dropdown-menu > li.dropdown-submenu:hover > a:after,
#navigation .dropdown-menu > li.dropdown-submenu:focus > a:after {
	border-left-color: #fff;
}
#navigation .dropdown-menu > li > a:hover {
	background: #007854;
	color: #fff;
	filter: none;
}
#navigation .toggle-nav {
	float: left;
	color: #000;
	display: block;
	padding: 10px;
	font-size: 14px;
	text-decoration: none;
}
#navigation .toggle-nav:hover {
	background-color: #006245;
}
/*#navigation #brand {*/
#navigation #logo {
	width: 162px;
	height: 51px;
	float: left;
	color: #fff;
	font-size: 20px;
	margin-top: 3px;
	padding-right: 11px;
	margin-left: 15px;
	padding-bottom: 3px;
	background: url("../image/logo.png") no-repeat;
	/*line-height: 20px;
  */
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#navigation #brand {
		/*background: url("../img/logo@2x.png") no-repeat;*/
		background-size: 144px 0px;
	}
}
#navigation #brand:hover {
	text-decoration: none;
}
#navigation .toggle-mobile {
	color: #007854;
	background: #fff;
	display: block;
	padding: 17px 10px 9px 10px;
	text-decoration: none;
	float: right;
}
#navigation .toggle-mobile i {
	font-size: 18px;
}
#navigation .mobile-nav {
	display: none;
}
#navigation .mobile-nav > li > ul {
	display: none;
}
#navigation .mobile-nav.open {
	display: block;
	list-style: none;
	padding: 0 20px 20px 20px;
	margin: 0;
	background: #007854;
}

#navigation .mobile-nav.open > li {
	display: block;
	margin-top: 1px;
}
#navigation .mobile-nav.open > li:first-child {
	margin-top: 0;
}
#navigation .mobile-nav.open > li.active > a {
	background: #007854;
	color: #fff;
}
#navigation .mobile-nav.open > li.active > ul {
	background: #006245;
}
#navigation .mobile-nav.open > li > a {
	display: block;
	background: #006245;
	padding: 8px 12px;
	color: #fff;
	text-decoration: none;
}
#navigation .mobile-nav.open > li > a i {
	float: right;
	margin-top: 3px;
}
#navigation .mobile-nav.open > li > ul {
	background: #006245;
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 0;
}
#navigation .mobile-nav.open > li > ul.open {
	display: block;
}
#navigation .mobile-nav.open > li > ul > li a {
	padding: 4px 35px;
	display: block;
	color: #fff;
	text-decoration: none;
}
#navigation .mobile-nav.open > li > ul > li ul {
	list-style-type: none;
}

#navigation .main-nav {
	float: right;
}
#navigation .main-nav > li {
	float: left;
	position: relative;
	margin: 0;
}
#navigation .main-nav > li.active > a {
	background: #fff;
	text-decoration: none;
	color: #007954;
}
#navigation .main-nav > li.active > a .caret {
	border-top-color: #333;
}
#navigation .main-nav > li.active > a:hover {
	background: #fff;
}
#navigation .main-nav > li.active > a:hover .caret {
	border-top-color: #333;
}
#navigation .main-nav > li.open > a {
	background: #006245;
	text-decoration: none;
}
#navigation .main-nav > li.open > a .caret {
	border-top-color: #fff;
}
#navigation .main-nav > li.open.active > a {
	background: #fff;
}
#navigation .main-nav > li.open.active > .dropdown-menu {
	left: -2px;
}
#navigation .main-nav > li.open.active > .dropdown-menu > .active > a {
	background: #ddd;
	color: #333;
	filter: none;
}
#navigation .main-nav > li.open.active > .dropdown-menu > .active > a:after {
	border-left-color: #666;
}
#navigation .main-nav > li > a {
	display: block;
	padding: 15px 25px;
	line-height: 20px;
	color: #000;
}
#navigation .main-nav > li > a:hover {
	text-decoration: none;
	color: #007954;
}
#navigation .main-nav > li > a:hover .caret {
	border-top-color: #fff;
}
#navigation .main-nav > li > a .caret {
	border-top-color: #ccc;
}
#navigation .user {
	float: right;
}
#navigation .user > a {
	color: #fff;
}

/*--------------------------------------------------------------
# ADMIN MENU
--------------------------------------------------------------*/
#navigation #admin-menu > li > a{
	padding: 15px 18px;
}

#navigation .main-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation .main-nav .sub-menu{
    position: absolute;
    top: 45px;
    left: 28px;
    box-shadow: 0 3px 4px 0.08px rgba(0, 0, 0, 0.2);
	visibility: hidden;
}

#navigation .main-nav .main-menu{
	position:relative;
	cursor: pointer;
}

#navigation .main-nav .main-menu i{
	font-size: 16px;
}

#navigation .main-nav .main-menu:hover .sub-menu{
	visibility: visible;
	z-index: 9999; 
}

#navigation .main-nav .dropdown-menu-list{
	position:relative;
    background: white;
    border: 1px solid #c0bebe;
}

#navigation .main-nav #dropdown-menu-list-maint{
	width: 202px;
}

#navigation .main-nav #dropdown-menu-list-po{
	width: 190px;
}

#navigation .main-nav #dropdown-menu-list-user{
	width: 180px;
}

#navigation .main-nav .dropdown-menu-list .dropdown-menu-item{
	display:flex;
	flex-direction:column;
	padding-left: 27px;
	padding-right: 20px;
}

#navigation .main-nav .dropdown-menu-list:after, 
#navigation .main-nav .dropdown-menu-list:before {
	bottom: 100%;
	left: -1px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#navigation .main-nav .dropdown-menu-list:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 6px;
    left: 1px;
    background-clip: padding-box;
}

#navigation .main-nav .dropdown-menu-list:before {
	border-color: rgba(184, 184, 184, 0);
	border-bottom-color: #c0bebe;
	border-width: 7px;
    background-clip: padding-box;
}

#navigation .main-nav .dropdown-menu-link{
	text-decoration: none;
	padding-top: 15px;
	color: #000;
	text-transform:uppercase;
}

#navigation .main-nav .dropdown-menu-link:last-child{
	padding-bottom: 15px;
}

#navigation .main-nav .dropdown-menu-link:hover{
	color: #007954;
}

/*--------------------------------------------------------------
# MAIN CONTENT
--------------------------------------------------------------*/
#content {
	min-height: 91.3vh;
	overflow: hidden;
	display: block;
	position: relative;
	padding-bottom: 30px;
}

#main {
	*zoom: 1;
	background: #fff;
	margin-left: 0px;
	overflow: visible;
	padding-bottom: 30px;
	min-height: 82vh;
	height: 100%;
}
#main:after {
	content: "";
	display: table;
	clear: both;
}
#main .page-header {
	border: 0;
	margin: 10px 0 8px 0;
	padding: 0 3px;
	*zoom: 1;
}
#main .page-header:after {
	content: "";
	display: table;
	clear: both;
}

#modal-dialog-change-password {
	padding-left: 9vw;
	padding-right: 9vw;
}
#modal-footer-change-password {
	text-align: center;
}

#main .page-header .pull-left h1 {
	font-size: 30px;
	color: #007954;
	line-height: 24px;
	font-weight: 400;
	margin: 20px 0;
}
#main .page-header .header-title h1 {
	font-size: 30px;
	color: #007954;
	line-height: 24px;
	font-weight: 400;
	margin: 20px 0;
}
#main .page-header .pull-left h6 {
	color: #777;
	font-weight: normal;
	margin: 0;
}
#main .breadcrumbs {
	*zoom: 1;
	background: #f4f4f4;
}
#main .breadcrumbs:after {
	content: "";
	display: table;
	clear: both;
}
#main .breadcrumbs ul {
	list-style-type: none;
	margin: 0;
	padding: 2px 5px;
	*zoom: 1;
	float: left;
}
#main .breadcrumbs ul:after {
	content: "";
	display: table;
	clear: both;
}
#main .breadcrumbs ul > li {
	float: left;
	color: #666;
}
#main .breadcrumbs ul > li > a {
	color: #666;
	display: block;
	padding: 2px 6px;
	float: left;
}
#main .breadcrumbs ul > li i {
	float: left;
	font-size: 11px;
	margin: 7px 0 6px 0;
}
#main .breadcrumbs .close-bread {
	float: right;
}
#main .breadcrumbs .close-bread > a {
	color: #999;
	display: block;
	font-size: 14px;
	margin: 4px 8px;
}
#main .breadcrumbs .close-bread > a:hover {
	text-decoration: none;
}
#main .ui-state-highlight {
	background: red;
	height: 50px;
}

#datepicker {
	height: 23px;
	width: 90px;
	padding-left: 5px;
	padding-right: 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#datepicker:focus {
	border: 1px solid #007954;
}
#main #PO-details {
	width: 100%;
	border-spacing: 4px;
	border-collapse: separate;
}
#main .order-qty {
	height: 25px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	text-align: right;
	padding-right: 6px;
}
#main .button-group {
	margin-bottom: 15px;
}
#main .button-group .function-button {
	width: 100%;
}
.close {
	outline: none;
}
#main .btn-po {
	cursor: pointer;
}
#main .order-qty:focus {
	border: 1px solid #007954;
}
#main .basic-margin {
	text-align: center;
	padding-top: 10px;
}
#main #reminders {
	margin-left: 17px;
}
#main #reminders ul {
	font-family: 'Open Sans', sans-serif;
}
#main #reminders ul li {
	line-height: 1.8em;
}
#main .hide-checkbox {
	display: none;
}
#main .hide-checkbox:checked + .custom-checkbox:before {
	content: '\e013';
	font-family: 'Glyphicons Halflings';
}
#main .custom-checkbox {
	display: inline-block;
	cursor: pointer;
	font-size: 11px;
	margin-bottom: 0px;
	font-weight: normal;
}
#main .custom-checkbox:before {
	content: '';
	background-color: #fff;
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	color: #4a4848;
	text-align: center;
	border: 1px solid #ccc;
}

#main #po-oder-date{
	float: right;
}

#main #po-oder-date #datepicker{
	width: 80px;
	padding-left: 2px;
	padding-right: 2px;
}

#main #label-po{
	width: 113px;
	display: inline-block;
}

#main #label-po-value{
	width: 100%;
	display: inline-block;
}

#main #label-po-date{
	width: 97px;
	display: inline-block;
}

#main #label-po-date-value{
	width: 97px;
	display: inline-block;
}

/*--------------------------------------------------------------
# TABLE AND DATATABLE STYLE
--------------------------------------------------------------*/

.table.table-hover tr:hover > td {
	background: #f8f8f8;
}
.table .with-checkbox {
	vertical-align: middle;
}
.table .with-checkbox input {
	margin-left: 4px;
	margin-top: 0;
}
.table.dataTable {
	margin-bottom: 10px;
	clear: both;
}
.table.dataTable.dataTable-grouping .group {
	background: #e6e6e6;
	border-top: 2px solid #ccc;
}
.table.dataTable.dataTable-grouping .group.expanded-group {
	background: url("../img/expanded-group.jpg") no-repeat left center #e6e6e6;
	padding-left: 33px;
}
.table.dataTable.dataTable-grouping .group.expanded-group:hover {
	cursor: pointer;
}
.table.dataTable.dataTable-grouping .group.collapsed-group {
	background: url("../image/datatable/collapsed-group.jpg") no-repeat left center #e6e6e6;
	padding-left: 33px;
}
.table.dataTable.dataTable-grouping .group.collapsed-group:hover {
	cursor: pointer;
}
.table.dataTable .sorting_asc {
	background: url("../image/datatable/sorting-asc.png") no-repeat right center #eee;
}
.table.dataTable .sorting_desc {
	background: url("../image/datatable/sorting-desc.png") no-repeat right center #eee;
}
.table.dataTable .sorting {
	background: url("../image/datatable/sorting.png") no-repeat right center #eee;
}
.table.dataTable .sorting,
.table.dataTable .sorting_desc,
.table.dataTable .sorting_asc {
	padding-right: 30px;
	white-space: nowrap;
}
.table.dataTable.dataTable-scroll-x {
	border-collapse: separate;
	max-width: none;
}
.table.dataTable.dataTable-scroll-x * {
	box-sizing: initial;
}
.table.dataTable.dataTable-scroll-x td,
.table.dataTable.dataTable-scroll-x th {
	white-space: nowrap;
}
.table.dataTable th:focus {
	outline: none;
}
.table.dataTable.dataTable-reorder th:hover {
	cursor: move;
}
.table.table-colored-header thead th,
.table.table-colored-header thead td {
	/*background: #007954;
 	color: #fff;*/
	cursor: pointer;
}
.table.table-nohead thead {
	display: none;
}
.table.table-nohead thead th,
.table.table-nohead thead td {
	display: none;
}
.table.table-nohead tr:first-child td {
	border: 0;
}
.table tr td {
	vertical-align: middle;
}
.table tr td .label {
	margin-right: 3px;
}
.table tr th {
	vertical-align: middle;
	background: #eee;
}

.table-pagination {
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.table-pagination > a {
	margin-right: 5px;
	background: #eee;
	padding: 3px 8px;
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
.table-pagination > a.disabled {
	color: #999;
}
.table-pagination > a.disabled:hover {
	background: #eee;
	cursor: default;
}
.table-pagination > a:hover {
	background: #ddd;
}
.table-pagination > span > a {
	padding: 3px 8px;
	margin-right: 5px;
	background: #eee;
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
.table-pagination > span > a.active {
	background: #007954;
	color: #fff;
}

.dataTables_wrapper .dataTables_length {
	float: left;
	min-width: 200px;
	margin: 10px 10px 5px 10px;
	line-height: 29px;
}

.dataTables_wrapper .dataTables_filter {
	float: right;
	margin: 10px 10px 5px 5px;
}

.dataTables_wrapper.no-footer .dataTables_info {
	line-height: 30px;
}

.dataTables_wrapper .dataTables_info {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.pagination {
	float: right;
	margin: 8px 5px 10px 0;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	margin-right: 5px;
	background: #eee;
	padding: 3px 8px;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid #eee;
	border-radius: 0px;
}

.pagination > li > a,
.pagination > li > span {
	z-index: 3;
	color: #fff;
	background-color: #007954;
	cursor: default;
}

.pagination > li > a.paginate_button_disabled {
	color: #999;
}
.pagination > li > a.paginate_button_disabled:hover {
	background: #eee;
	cursor: default;
}
.pagination > li > a:hover {
	background: #ddd;
}

.pagination > li > a {
	padding: 3px 8px;
	margin-right: 5px;
	background: #eee;
	color: #007954;
	text-decoration: none;
	cursor: pointer;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background: #007954;
	color: #fff;
}

.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

.dataTables_filter input {
	margin-bottom: 0;
	padding: 4px 0;
	text-indent: 8px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #aaa;
	display: inline;
	margin-left: 5px;
	background: #f6f6f6;
}

.dataTables_filter input:focus {
	background: #fff;
}
.dataTables_wrapper.no-footer .dataTables_info {
	line-height: 30px;
}
.dataTable-col_filter th {
	vertical-align: middle !important;
}
.dataTable-col_filter th input {
	margin-bottom: 0;
	width: 100%;
	padding: 4px 0;
	text-indent: 8px;
	background: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #aaa;
}
.dataTable-col_filter th input.dataTable-datepicker-to {
	margin-top: 2px;
}
.dataTable-col_filter th input:focus {
	border: 1px solid #007954;
}
.dataTable-col_filter th select {
	margin-bottom: 0;
	width: 100%;
	background: #fff;
}
.dataTables_wrapper .dataTables_length th select:focus {
	border: 1px solid #007954;
}

/*--------------------------------------------------------------
# BOX
--------------------------------------------------------------*/

.box.box-condensed .box-title {
	padding: 2px 0 2px 4px;
}
.box.box-condensed .box-title h3 {
	font-size: 18px;
}
.box.box-condensed .box-title .actions {
	margin-top: 1px;
}
.box.box-condensed .box-title .actions .btn > i {
	font-size: 12px;
}
.box.box-condensed .box-title .actions .btn {
	padding: 4px 8px;
}
.box.box-condensed .box-content {
	padding: 10px;
}
.box.box-small .box-title {
	padding: 0 0 0 3px;
}
.box.box-small .box-title h3 {
	font-size: 16px;
}
.box.box-small .box-title .actions {
	margin-top: 3px;
}
.box.box-small .box-title .actions .btn > i {
	font-size: 11px;
}
.box.box-small .box-title .actions .btn {
	padding: 2px 7px;
}
.box.box-small .box-content {
	padding: 5px;
}
.box.box-color .box-title {
	background: #007954;
}
.box.box-color .box-title h3 {
	color: #fff;
}

.box.box-bordered .table {
	margin-bottom: 0;
}
.box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned {
	border-right: 2px solid #ddd;
}
.box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned th {
	border-right: 2px solid #333;
}
.box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned td {
	text-align: center;
}
.box.box-bordered .table.table-bordered {
	border-right: 0;
}
.box.box-bordered .table.table-bordered th:first-child,
.box.box-bordered .table.table-bordered td:first-child {
	border-left: 0;
}
.box.box-bordered .table.table-bordered th:last-child,
.box.box-bordered .table.table-bordered td:last-child {
	border-right: 0;
}
.box.box-bordered .form-bordered {
	margin-bottom: 0;
}
.box.box-bordered .slimScrollDiv {
	border-bottom: 2px solid #ddd;
}
.box.box-bordered.box-color .slimScrollDiv {
	border-bottom: 2px solid #007954;
}
.box.box-bordered.box-color .box-title {
	border-color: #007954;
}
.box.box-bordered.box-color .box-content {
	border-color: #007954;
}
.box.box-bordered .box-title {
	border: 2px solid #ddd;
}
.box.box-bordered .box-content {
	border: 2px solid #ddd;
	border-top: 0;
}
.box .box-title {
	*zoom: 1;
	border-bottom: 1px solid #ddd;
	padding: 7px 0 7px 10px;
	margin-top: 20px;
}
.box .box-title:after {
	content: "";
	display: table;
	clear: both;
}
.box .box-title h3 {
	float: left;
	margin: 3px 0 3px 0;
	line-height: 24px;
	font-weight: 400;
	color: #444;
	font-size: 20px;
}
.box .box-title h3 i {
	margin: 0 10px 0 5px;
}

.box .box-title .actions {
	margin-top: 0px;
	float: right;
	margin-right: 10px;
}
.box .box-title .actions .btn {
	background: none;
	color: #333;
	padding: 5px 9px;
}
.box .box-title .actions .btn:hover {
	background: #368ee0;
	color: #fff;
}
.box .box-title .actions .content-move {
	cursor: move;
}
.box .box-content {
	*zoom: 1;
	padding: 0;
	background: #fff;
	margin-bottom: 20px;
}

.box .withpadding {
	padding: 20px;
}

.box .box-content:after {
	content: "";
	display: table;
	clear: both;
}

.table tr th.center,
.table tbody tr > td.center {
	text-align: center;
	vertical-align: middle;
}
.table tr th.left,
.table tbody tr > td.left {
	text-align: left;
	vertical-align: middle;
}
.table tr th.right,
.table tbody tr > td.right {
	text-align: right;
	vertical-align: middle;
}
.table tr.subtotal {
	background-color: #eee;
	font-weight: bold;
}
.table tr.subtotal:hover > td {
	background-color: #eee;
}
.table tr.grandtotal {
	background-color: #007954;
	color: #fff;
	font-weight: bold;
}
.table tr.grandtotal:hover > td {
	background-color: #007954;
}

/*--------------------------------------------------------------
# BUTTON CONTROL
--------------------------------------------------------------*/
.btn {
	background: #eee;
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #444;
	padding: 5px 9px;
	filter: none;
}
.btn.btn--icon .fa {
	margin-right: 5px;
}
.btn.btn-large {
	padding: 10px 16px;
}
.btn.btn-small {
	padding: 3px 7px;
}
.btn.btn-mini {
	padding: 1px 4px;
}
.btn.btn-text-left {
	text-align: left;
}
.btn i {
	font-size: 16px;
}
.btn:hover {
	background: #ccc;
	text-shadow: none;
}
.btn:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.btn.btn-default {
	border: 1px solid #ccc;
}

.btn.btn-default:active {
	outline: none;
}

.btn.btn-primary {
	background: #007954;
	color: #fff;
	text-shadow: none;
	filter: none;
}
.btn.btn-primary:hover {
	background: #006245;
	outline: none;
}
.btn.btn-info {
	background: #a4ccf1;
	text-shadow: none;
	filter: none;
}
.btn.btn-info:hover {
	background: #62a7e7;
	color: #333;
	outline: none;
}
.btn.btn-warning {
	background: #fab750;
	text-shadow: none;
	filter: none;
}
.btn.btn-warning:hover {
	background: #f8a31f;
	color: #333;
	outline: none;
}
.btn.btn-danger {
	background: #ff4433;
	text-shadow: none;
	color: #fff;
	filter: none;
}
.btn.btn-danger:hover {
	background: #e51400;
	outline: none;
}
.btn.btn-success {
	background: #40bf40;
	text-shadow: none;
	color: #fff;
	filter: none;
}
.btn.btn-success:hover {
	background: #339933;
	outline: none;
}
.btn.btn-inverse {
	background: #484848;
	text-shadow: none;
	color: #fff;
	filter: none;
}
.btn.btn-inverse:hover {
	background: #111;
	outline: none;
}

/*--------------------------------------------------------------
# DATE PICKER
--------------------------------------------------------------*/

.datepicker.datepicker-dropdown .datepicker-days .active,
.datepicker.datepicker-dropdown .datepicker-years .active,
.datepicker.datepicker-dropdown .datepicker-months .active {
	background: #007954;
}

.datepicker.datepicker-dropdown .datepicker-days .active:hover,
.datepicker.datepicker-dropdown .datepicker-years .active:hover,
.datepicker.datepicker-dropdown .datepicker-months .active:hover {
	background: #006245;
}

/*--------------------------------------------------------------
# ANOUNCEMENT INDEX PAGE
--------------------------------------------------------------*/
.hr-line{
	margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

/*--------------------------------------------------------------
# LOGIN PAGE
--------------------------------------------------------------*/

#login-form .checkbox {
	margin-bottom: 20px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#login-form .checkbox.show:before {
	content: '\e013';
	color: #007954;
	font-size: 17px;
	margin: 1px 0 0 3px;
	position: absolute;
	pointer-events: none;
	font-family: 'Glyphicons Halflings';
}
#login-form .checkbox .character-checkbox {
	width: 25px;
	height: 25px;
	cursor: pointer;
	border: 1px solid #ccc;
	vertical-align: middle;
	display: inline-block;
}
#login-form .checkbox .label {
	color: #6d6d6d;
	font-size: 13px;
	font-weight: normal;
}
#login-form .btn.btn-custom {
	font-size: 14px;
	height: 36px;
	width: 100%;
}
#login-form .forget {
	font-size: 13px;
	text-align: center;
	display: block;
}

#login-form {
	padding-left: 10vw;
	padding-right: 10vw;
}

/*--------------------------------------------------------------
# ADMIN LOGIN FORM
--------------------------------------------------------------*/

.admin-login-container{
	display: flex;
	height: 100vh;
	width: 100vw;
	justify-content: center;
	align-items:center;
}

.admin-login-form {
	width: 300px;
	border-radius: 5px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.3);
}
.admin-login-form .form-container {
	padding: 30px 20px 0px 20px;
}
.admin-login-form .form-container .input-group {
	position: relative;
	margin: 10px auto;
	width: 100%;
}
.admin-log-button {
	width: 100%;
	padding: 0px 20px 40px 20px;
}
.admin-log-button button {
	width: 100%;
}

/*--------------------------------------------------------------
# CUSTOM GRITTER ALERT
--------------------------------------------------------------*/
#gritter-notice-wrapper {
	right: auto;
	left: 50%;
	top: 30%;
	margin-left: -150.5px;
}

/*--------------------------------------------------------------
# ERROR PAGE
--------------------------------------------------------------*/
body.error .wrapper {
	position: absolute;
	top: 30vh;
	margin: 0px auto;
}
body.error .wrapper .code {
	color: #007954;
	font-size: 90px;
	text-align: center;
}
body.error .wrapper .code span {
	margin-right: 15px;
}
body.error .wrapper .desc {
	font-size: 15px;
	margin: 20px 0;
}
body.error .wrapper .input-group {
	width: 300px;
	padding: 2px;
}
body.error .wrapper .input-group input {
	border: 0;
	width: 360px;
}
body.error .wrapper .input-group .btn {
	border: 0;
	padding-left: 30px;
	padding-right: 30px;
}

body.error .wrapper .buttons {
	margin-top: 15px;
}

/*--------------------------------------------------------------
# FAQS
--------------------------------------------------------------*/
.question .sub-items {
	padding-left: 69px;
}
.question .sub-title {
	padding-left: 53px;
	font-size: 1.5rem;
}
.question h3 {
	color: #0d8969;
}
.question li {
	line-height: 2.9rem;
	font-size: 1.5rem;
}
#main #divFAQContainer{
	display: flex;
	align-items: center;
}
#main #divFAQNum{
	align-items: flex-start;
	margin-right: 5px;
	flex: 0 0 3%;
}
	
/*--------------------------------------------------------------
# FAQS ADMIN
--------------------------------------------------------------*/

#acc-faqs .dd-list{
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 0;
	margin-bottom:0;
}

#acc-faqs ul li{
	padding: 2px 15px;
	color: #333;
}

#acc-faqs ul li ol li{
	padding-left: 10px;
}

#acc-faqs ul li .faqs-list-container{
	display:flex;
	align-items: center;
    background-color: #f5f5f5;
	border-radius: 3px;
	border:1px solid #ccc;
	padding: 5px 10px;
}

#acc-faqs ul li h4 {
	font-size: 14px;
	font-weight: 500;
}

#acc-faqs #acc-faqs ul li ol{
	font-size: 14px;
	line-height:1.6;
}

#acc-faqs ul li .dd-handle{
	display:flex;
	justify-content:center;
	align-items:center;
	align-self:flex-start;
	margin-top: 5px;
	flex: 0 0 3%;
	min-height: 30px;
	min-width:30px;
}

#acc-faqs ul li .dd-handle:hover{
	cursor:move;
}

#acc-faqs ul li .dd3-content{
	width: 100%;
}


#acc-faqs ul li a{
	text-decoration:none;
}

#acc-faqs ul li .panel{
	margin-bottom: 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#acc-faqs ul li .panel-default{
	border-color: transparent;
}

#acc-faqs ul li .panel-default>.panel-heading{
	border-bottom: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: transparent;
}

#acc-faqs ul li .panel-default>.panel-heading{
	display: flex;
	justify-content: space-between;
}

#acc-faqs ul li .panel-default>.panel-heading h4{
	font-size: 16px;
}

#acc-faqs .panel-body{
	margin-left: 15px;
}

#acc-faqs .panel-body .sub-title{
	margin-left: -15px;
}

#acc-faqs ul li a.faqs-edit, #acc-faqs ul li a.faqs-delete{
  	display: inline-block !important;
  	opacity: 0;
	font-size: 16px;
	color: #007954;
  	transition: all .4s;
}

#acc-faqs ul li a.faqs-edit{
	margin-right: 8px;
}

#acc-faqs ul li:hover a.faqs-edit{
	opacity: 1;
	cursor: pointer;
	font-size: 16px;
	display: inline-block !important;
	color: #007954;
}

#acc-faqs ul li:hover a.faqs-delete{
	opacity: 1;
	cursor: pointer;
	display: inline-block !important;
	color: #007954;
	transition: all .4s;
}

#acc-faqs ul li a.faqs-edit:hover{
	transform:scale(2);
}

#acc-faqs ul li a.faqs-delete:hover {
	transform:scale(2);
}

.faqs-btn a, faqs-btn a:link, faqs-btn a:visited{
	color: #fff !important;
}

.faqs-btn a:hover{
	background-color: #006245 !important;
}

.faqs-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
   *zoom: 1;
}

.faqs-list li {
	line-height: 1.6;
	display:flex;
	align-items:center;
	padding: 10px;
}

.faqs-list li:not(:last-child){
	border-bottom: 1px solid #dcd9dc;
}

.faqs-list li .dd-handle{
	flex: 0 0 3%;
}

.faqs-list li .dd-handle:hover{
	cursor: move;
}

.faqs-list li .dd3-content{
	flex: 0 0 92%;
	margin-right: auto;
}

.faqs-list li .faqs-actions{
	flex: 0 0 5%;
	font-size: 16px;
}

.faqs-list li .faqs-actions a{
	font-size: 16px;
}

.faqs-list li .faqs-actions a.faqs-edit{
	margin-right: 5px;
}

.faqs-list li .faqs-actions a:link, 
.faqs-list li .faqs-actions a:visited, 
.faqs-list li .faqs-actions a:activated{
	text-decoration:none;
}

.faqs-list li a.faqs-delete, .faqs-list li a.faqs-edit {
  	display: inline-block !important;
  	opacity: 0;
  	transition: all .4s;
}

.faqs-list li a.faqs-edit{
	margin-right: 8px;
}

.faqs-list li:hover .faqs-actions a.faqs-delete {
	opacity: 1;
	cursor: pointer;
	display: inline-block !important;
}

.faqs-list li:hover .faqs-actions a.faqs-edit {
	opacity: 1;
	cursor: pointer;
	display: inline-block !important;
}

.faqs-list li .faqs-actions a:hover{
	text-decoration:none;
	color: #006245;
	cursor:pointer;
}

.faqs-list li .faqs-actions a{
	color: #007954;
}

.faqs-list li a.faqs-edit:hover{
	transform:scale(2);
}

.faqs-list li a.faqs-delete:hover {
	transform:scale(2);
}

.faqs-submit{
	width: 15%;
	margin:15px auto;
}

/*--------------------------------------------------------------
# ANNOUNCEMENT ADMIN
--------------------------------------------------------------*/
#div-anouncement .sub-items li {
	list-style: none;
}
#div-anouncement .div-anouncement-desc {
	margin-bottom: 40px;
	margin-top: 15px;
}
#div-anouncement .div-anouncement-desc p {
	line-height: 1.2rem;
	font-size: 13px;
}
.div-anouncement-title {
	margin-bottom: 22px;
}
.div-anouncement-title h4 {
	color: #007954;
}
.div-anouncement-title .sub-title {
	font-weight: bold;
	color: #656363;
	font-size: 13px;
	margin-top: -5px;
}
.btn-responsive {
	white-space: normal !important;
	word-wrap: break-word;
}

/*--------------------------------------------------------------
# FORMS 
--------------------------------------------------------------*/

.form-vertical .control-label small {
	margin-left: 20px;
}
.form-vertical.form-bordered .form-group {
	border-bottom: 1px solid #ddd;
	padding: 20px;
	margin-bottom: 0;
}

.form-horizontal.form-bordered .form-group {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
	background: #f6f6f6;
}
.form-horizontal.form-bordered .form-group:last-child {
	border-bottom: 0;
}
.form-horizontal.form-bordered .form-group [class*="col-"] {
	padding: 10px;
	background: #fff;
	border-left: 1px solid #ddd;
	*zoom: 1;
}
.form-horizontal.form-bordered .form-group [class*="col-"] [class*="col-"] {
	border-left: 0;
	padding: 0;
}
.form-horizontal.form-bordered .form-group [class*="col-"]:after {
	content: "";
	display: table;
	clear: both;
}
.form-horizontal.form-bordered .form-group [class*="col-"].control-label {
	background: none;
	border-left: 0;
}
.form-horizontal.form-bordered .form-group .control-label {
	margin: 0;
	padding: 15px 10px 5px 10px;
	color: #555;
}
.form-horizontal.form-bordered .form-group .control-label small {
	display: block;
	font-size: 12px;
	color: #888;
	font-weight: normal;
}

.form-group .control-label {
	text-align: center;
}

.form-actions {
	padding: 15px;
}

.tagsinput[id$="_tagsinput"] {
	padding-bottom: 0;
}

#reset-po .tagsinput[id$="_tagsinput"] {
	padding-top: 1px;
	padding-bottom: 0;
}

#reset-po div.tagsinput span.tag{
	margin-bottom: 0;
	margin-top: 2px;
	padding: 4px;
}

.tagsinput[id$="_tagsinput"] .tag {
	background: #368ee0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #fff;
	border: 0;
}
.tagsinput[id$="_tagsinput"] .tag a {
	color: #fff;
}

.select2-container .select2-choice {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-image: none;
	background: #fff;
	height: 34px;
	padding: 3px 12px;
}

.select2-container .select2-choice div {
	border-left: 0;
	background: none;
}
.select2-container .select2-choice .select2-arrow {
	background: none;
	border: 0;
}
.select2-container.select2-drop-above .select2-choice {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-image: none;
}
.select2-container .select2-search-choice-close {
	top: 3px;
}
.select2-container .select2-choices {
	background-image: none;
}
.select2-container.select2-container-multi .select2-choices {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #fff;
}
.select2-container.select2-container-multi .select2-choices .select2-search-field input {
}
.select2-container.select2-container-multi .select2-choices .select2-search-choice {
	background: #eee;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.select2-results,
.select2-search,
.select2-with-searchbox {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.help-block-cwh-delivery{
	float: right;
	margin-top: 3px;
	margin-bottom: 15px;
	font-size: 10px;
	cursor:pointer;
	text-transform:uppercase;
}

.typeahead{
	z-index: 9999;
}


/*--------------------------------------------------------------
# NESTED SORTING
--------------------------------------------------------------*/
.dd-list {
	list-style: none;
}
.dd-placeholder, .dd-empty { 
	margin: 5px 0; 
	padding: 0; 
	min-height: 30px; 
	background: #f2fbff; 
	border: 1px dashed #b6bcbf; 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
}
.dd-empty { 
	border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel {
	line-height: 1.6;
	padding: 10px;
	position: absolute; 
	pointer-events: none; 
	z-index: 9999; 
	background-color:#f5f5f5; 
	border: 1px solid #ccc;
}

.dd-dragel .dd-handle, 
.dd-dragel .dd3-content{
	float: left;
}

.dd-dragel .faqs-actions{
	float: right;
}

.dd-dragel .faqs-actions a{
	color: #007954;
}

.dd-dragel .dd3-content{
	margin-left: 10px;
	margin-right: auto;	
}

.dd-dragel .faqs-actions a{
	font-size: 16px;
}

.dd-dragel .faqs-actions a.faqs-edit{
	margin-right: 5px;
}

/* ADMIN FAQ DRAGABBLE*/	
.dd-dragel .panel{
	margin-bottom: 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dd-dragel .panel-default{
	border-color: transparent;
}

.dd-dragel .faqs-list-container .dd-handle{
	display:flex;
	justify-content:center;
	align-items:center;
	align-self:flex-start;
	margin-top: 5px;
	flex: 0 0 3%;
	min-height: 30px;
	min-width:30px;
}

.dd-dragel .panel-default>.panel-heading{
	border-bottom: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: transparent;
}

.dd-dragel .panel-default>.panel-heading{
	display: flex;
	justify-content: space-between;
}

.dd-dragel .panel-default>.panel-heading h4{
	font-size: 16px;
}

.dd-dragel a.faqs-edit, .dd-dragel a.faqs-delete{
  	opacity: 0;
}

/* ADMIN MULTI SELECT*/	

.select2-container-multi .select2-choices{
	min-height: 34px;
}

.select2-container-multi .select2-choices .select2-search-choice{
	margin: 5px 0 3px 5px;
}

.select2-container-multi .select2-choices .select2-search-field input{
	margin: 3px 0px 0px 5px;
	font-size: inherit;
}


/* ADMIN DELETE OLD PO*/	

.box-content form.form-po{
	padding-top: 6px;
}

.box-content form.form-po .form-group{
	display: flex;
	align-items: center;
	justify-content:flex-end;
	background:none;
	padding: 10px 10px 15px 10px;
}

.box-content form.form-po .form-group label{
	margin-right: 10px;
}

.box-content form.form-po .form-group .sel-rows{
	overflow-x: hidden;
	margin-right: 10px;
}

.box-content form.form-po .form-group .btn{
	padding: 7px 20px;
}
/*--------------------------------------------------------------
# MEDIA QUERIES 
--------------------------------------------------------------*/
/*
	0 - 600px:      Phone
	600 - 900px:    Tablet portrait
	900 - 1200px:   Tablet landscape
	[1200 - 1800] is where our normal styles apply
	1800px + :      Big desktop
*/


@media print {
	#navigation,
	.breadcrumbs,
	.page-header,
	.box-title {
		display: none !important;
	}

	#main {
		margin-left: 0;
	}

	body {
		background-color: #fff;
		color: #000;
	}
	a {
		text-decoration: none;
	}
	a[href^=http]:after {
		content: " <" attr(href) "> ";
	}
}


@media only screen and (min-width: 160em) {
	.container{
		width: 160em;
		padding-right: 20px;
		padding-left: 20px;
	}
	
	#login-form{
		padding-left: 6vw;
    	padding-right: 6vw;
	}
}


/* Big desktop */
@media only screen and (min-width: 120em) {
	.container{
		width: 120em;
		padding-right: 20px;
		padding-left: 20px;
	}
	
	#login-form{
		padding-left: 6vw;
    	padding-right: 6vw;
	}
}


/* Tablet landscape */
@media only screen and (max-width: 75em) {
	#navigation #admin-menu > li > a{
		 padding: 15px 8px;
	}
	
	.container{
		width: 100%;
	}
	
	.question .sub-items {
		padding-left: 58px;
	}
	
	.question .sub-title {
		padding-left: 42px;
	}
}

/* Tablet portrait */
@media only screen and (max-width: 56.25em) {
	
	.container{
		width: 100%;
	}
	
	#navigation .main-nav > li > a{
		 padding: 15px 8px;
	}
	
	#navigation #admin-menu > li > a{
		 padding: 15px 8px;
	}

	table.table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
	
	.question .sub-items{
		padding-left: 50px;
	}
	
	.question .sub-title{
		padding-left: 35px;
	}
	
	#main #divFAQContainer{
		display: flex;
		align-items: center;
	}
	
	#main #divFAQNum{
		flex: 0 0 5%;
	}
	
	#main #divFAQTitle{
		flex: 1;
	}
	
	#main #divFAQTitle h3 {
		font-size: 18px;
	}
	
	#main #divFAQContainer .sub-items{	
		
	}
	
}

/* Tablet portrait */
@media only screen and (max-width: 767px) {
	
	.mobile-sidebar-toggle {
		display: block !important;
	}

	#navigation #brand {
		padding-right: 0 !important;
	}
	#navigation .main-nav {
		display: none;
	}
	#navigation .toggle-nav {
		display: none !important;
	}
	
	.header-title {
		text-align: center;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	
	.list-type1 {
		width: 300px;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	
	#btnChangePass {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	
	#main .button-group {
		margin-bottom: 15px;
	}
	#main .button-group #btnSave,
	#main .button-group #btnDownloadViewConsolidated,
	#main .button-group #btnView,
	#main .button-group #btnDownload {
		width: 60%;
	}
	#main #reminders h3 {
		text-align: center;
	}
		
	.container{
		width: 100%;
	}
	
	#main #divFAQContainer{
		display: flex;
		align-items: center;
	}
	
	#main #divFAQNum{
		flex: 0 0 6%;
	}
	
	#main #divFAQTitle{
		flex: 1;
	}
	
	.question .sub-items{
		padding-left: 58px;
	}
	
	.question .sub-title{
		padding-left: 42px;
	}
	
	#navigation .main-nav > li > a{
		 padding: 15px 6px;
	}
	
	#navigation #admin-menu > li > a{
		 padding: 15px 6px;
	}
	
	table.table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
	
	#main #po-oder-date{
		float: none;
		margin-right: 20px;
	}
	
	#main #label-po-date{
		margin-right: 15px;
	}
	
}

/* Phone */
@media only screen and (max-width: 37.5em) {
	
	.mobile-sidebar-toggle {
		display: block !important;
	}

	#navigation #brand {
		padding-right: 0 !important;
	}
	#navigation .main-nav {
		display: none;
	}
	#navigation .toggle-nav {
		display: none !important;
	}
	
	.header-title {
		text-align: center;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	
	.list-type1 {
		width: 300px;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	
	#btnChangePass {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	
	.question .sub-items{
		padding-left: 50px;
	}
	
	.question .sub-title{
		padding-left: 35px;
	}
	
	table.table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
	
	#main .button-group {
		margin-bottom: 15px;
	}
	#main .button-group #btnSave,
	#main .button-group #btnDownloadViewConsolidated,
	#main .button-group #btnView,
	#main .button-group #btnDownload {
		width: 60%;
	}
	
	#main #po-oder-date{
		float: none;
	}
}

/*--------------------------------------------------------------
# EDITABLE
--------------------------------------------------------------*/
.editable-click, a.editable-click, a.editable-click:hover{
	border-bottom: none;
	color: #333;
}

/*--------------------------------------------------------------
# ANIMATION
--------------------------------------------------------------*/

.blink {
	-webkit-animation: blink .90s linear infinite;
	-moz-animation: blink .90s linear infinite;
	-ms-animation: blink .90s linear infinite;
	-o-animation: blink .90s linear infinite;
	 animation: blink .90s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}

/*--------------------------------------------------------------
# UTILITIES
--------------------------------------------------------------*/
.text-align-right {
	text-align: right !important;
}
.text-align-left {
	text-align: left !important;
}
.text-align-center {
	text-align: center !important;
}
.gutter-vertical {
	margin-top: 20px;
}

.modal-header-green{
	background-color:#007954;
	color:#fff;
}

.modal-header-green .close{
	color:#fff;
}