[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

@font-face {
	font-family: 'Varela Round';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/VarelaRound.woff2') format('woff2'), url('../fonts/VarelaRound-Regular.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body, section {
	font-family: 'Varela Round', sans-serif;
	font-style: normal;
	font-weight: 400;
}

textarea {
	resize: none;
}

.hlnk {
	cursor: pointer;
}

hr.mt0 {
	margin-top: 0px;
}

/* Untested styles start */
.activeLanguage {
	background: #606060;
	color: white;
	cursor: pointer;
	padding-left: 0.5em;
	padding-right: 0.5em;
	-webkit-border-top-left-radius: 25px;
	border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	border-bottom-left-radius: 25px;
	border: 1px solid black;
}

.inactiveLanguage {
	background: #00BBE3;
	color: white;
	cursor: pointer;
	padding-left: 0.5em;
	padding-right: 0.5em;
	-webkit-border-top-right-radius: 25px;
	border-top-right-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	border-bottom-right-radius: 25px;
	border: 1px solid black;
}

.btn-file {
	position: relative;
	overflow: hidden;
}

	.btn-file input[type=file] {
		position: absolute;
		top: 0;
		right: 0;
		min-width: 100%;
		min-height: 100%;
		font-size: 100px;
		text-align: right;
		filter: alpha(opacity=0);
		opacity: 0;
		outline: none;
		background: white;
		cursor: inherit;
		display: block;
	}

.hidetopTable.table > tbody > tr:first-child > td {
	border: none;
}

.hidetopTable.table > tbody > tr:first-child > th {
	border: none;
}

.hidetopTable.table > thead > tr:first-child > th {
	border: none;
	border-color: white;
}

/* Untested styles end */

.btnaslink {
	width: 100%;
	background-color: white;
	text-align: left;
	font-size: 14px;
	margin-left: -5px;
}

	.btnaslink:hover {
		background-color: #f5f5f5;
	}

.border {
	border: 1px solid #ccc!important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.p-l-x {
	padding-left: 3em;
}

.mb0 {
	margin-bottom: 0;
}


.userAlertVM {
	height: 50px;
	position: relative;
	max-width: 80%;
}

	.userAlertVM span {
		font-size: 20px;
		font-weight: normal;
		font-family: 'Varela Round', sans-serif;
		position: absolute;
		width: 100%;
		/* Starting position */
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		/* Apply animation to this element */
		-moz-animation: userAlertVM 15s linear infinite;
		-webkit-animation: userAlertVM 15s linear infinite;
		-o-animation: userAlertVM 15s linear infinite;
		animation: userAlertVM 15s linear infinite;
	}

		.userAlertVM span:hover {
			-moz-animation-play-state: paused;
			-webkit-animation-play-state: paused;
			-o-animation-play-state: paused;
			animation-play-state: paused;
		}
/* Move it (define the animation) */
@-moz-keyframes userAlertVM {
	0% {
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	100% {
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@-webkit-keyframes userAlertVM {
	0% {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}

	100% {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@-ms-keyframes userAlertVM {
	0% {
		-moz-transform: translateX(100%); /* Firefox bug fix */
		-webkit-transform: translateX(100%); /* Firefox bug fix */
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}

	100% {
		-moz-transform: translateX(-100%); /* Firefox bug fix */
		-webkit-transform: translateX(-100%); /* Firefox bug fix */
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes userAlertVM {
	0% {
		-moz-transform: translateX(100%); /* Firefox bug fix */
		-webkit-transform: translateX(100%); /* Firefox bug fix */
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}

	100% {
		-moz-transform: translateX(-100%); /* Firefox bug fix */
		-webkit-transform: translateX(-100%); /* Firefox bug fix */
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

.pl1em {
	padding-left: 1em;
}

.pl2em {
	padding-left: 2em;
}

.cursorpointer {
	cursor: pointer;
}

table.promofairCP td {
	height: 4em;
	vertical-align: middle;
}

.displayInline {
	display: inline !important;
}

.color-red {
	color: red;
}

.margintop2em {
	margin-top: 2em;
}
.navbar-default .navbar-nav > li > a {
	color: #476d88;
}

.text-success1
{
	/*color: green;*/
	color:#31c720;
}
.text-cancel
{
	color:red;
}

.text-pending
{
	color: #195de9;
}
.text-proposal
{
	color:#3cdff6;
}
.text-allocation
{
	color: #d821c3;
}
.text-reject
{
	color:red;
}
.text-accept
{
	color: #e95413;
}
.text-confirm
{
	color: #31c720;
}

.divSelectCustomer {
	background: #e9e9e9;
	color: black;
	padding-bottom: 1px;
}

.btn-sm, .btn-group-sm > .btn {
	padding: 9px 14px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

/**
 * Bootstrap Date-picker
 */

.datepicker {
	top: 0;
	left: 0;
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

	.datepicker:before {
		content: '';
		display: inline-block;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 7px solid #ccc;
		border-bottom-color: rgba(0, 0, 0, .2);
		position: absolute;
		top: -7px;
		left: 6px
	}

	.datepicker:after {
		content: '';
		display: inline-block;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #fff;
		position: absolute;
		top: -6px;
		left: 7px
	}

	.datepicker > div {
		display: none
	}

	.datepicker table {
		width: 100%;
		margin: 0
	}

	.datepicker td, .datepicker th {
		text-align: center;
		width: 20px;
		height: 20px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px
	}

		.datepicker td.day:hover {
			background: #eee;
			cursor: pointer
		}

		.datepicker td.day.disabled {
			color: #eee
		}

		.datepicker td.new, .datepicker td.old {
			color: #999
		}

		.datepicker td.active, .datepicker td.active:hover {
			background-color: #283891;
			background-image: -moz-linear-gradient(top, #283891, #04c);
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#283891), to(#04c));
			background-image: -webkit-linear-gradient(top, #283891, #04c);
			background-image: -o-linear-gradient(top, #283891, #04c);
			background-image: linear-gradient(to bottom, #283891, #04c);
			background-repeat: repeat-x;
			border-color: #04c #04c #002a80;
			border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
			filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
			color: #fff;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
		}

			.datepicker td.active.active, .datepicker td.active.disabled, .datepicker td.active:active, .datepicker td.active:focus, .datepicker td.active:hover, .datepicker td.active:hover.active, .datepicker td.active:hover.disabled, .datepicker td.active:hover:active, .datepicker td.active:hover:focus, .datepicker td.active:hover:hover, .datepicker td.active:hover[disabled], .datepicker td.active[disabled] {
				color: #fff;
				background-color: #283891;
			}

		.datepicker td span {
			display: block;
			width: 47px;
			height: 54px;
			line-height: 54px;
			float: left;
			margin: 2px;
			cursor: pointer;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px
		}

			.datepicker td span:hover {
				background: #eee
			}

			.datepicker td span.active {
				background-color: #283891;
				background-image: -moz-linear-gradient(top, #283891, #04c);
				background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#283891), to(#04c));
				background-image: -webkit-linear-gradient(top, #283891, #04c);
				background-image: -o-linear-gradient(top, #283891, #04c);
				background-image: linear-gradient(to bottom, #283891, #04c);
				background-repeat: repeat-x;
				border-color: #04c #04c #002a80;
				border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
				filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
				color: #fff;
				text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
			}

				.datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active:active, .datepicker td span.active:focus, .datepicker td span.active:hover, .datepicker td span.active[disabled] {
					color: #fff;
					background-color: #04c
				}

			.datepicker td span.old {
				color: #999
			}

		.datepicker th.switch {
			width: 145px
		}

		.datepicker th.next, .datepicker th.prev {
			font-size: 14px
		}

	.datepicker thead tr:first-child th {
		cursor: pointer
	}

		.datepicker thead tr:first-child th:hover {
			background: #eee
		}

.input-append.date .add-on i, .input-prepend.date .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px
}

.datepicker {
	border-radius: 0;
	padding: 0;
	margin-top: 5px;
	min-width: 260px;
	background: #F5F5F5;
	-webkit-box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.38);
	-moz-box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.38);
	box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.38)
}

	.datepicker:after {
		border-bottom: 6px solid #F5F5F5
	}

	.datepicker td, .datepicker th {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		transition: all .15s ease;
		-webkit-transition: all .15s ease;
		-moz-transition: all .15s ease;
		height: 20px;
		line-height: 20px
	}

		.datepicker td.day:hover {
			background: #283891;
			cursor: pointer;
			color: #FFF
		}

		.datepicker td.day.disabled {
			color: #BFBFBF;
			text-decoration: line-through
		}

			.datepicker td.day.disabled:hover {
				background: none;
				cursor: not-allowed
			}

		.datepicker td.active, .datepicker td.active:hover {
			background-image: none;
			border-color: none;
			filter: none;
			color: #fff;
			text-shadow: none;
			background: #283891 !important
		}

		.datepicker td span {
			width: 56px;
			height: 50px;
			line-height: 50px;
			border-radius: 0;
			margin: 1px
		}

			.datepicker td span.active {
				background-image: none;
				border-color: none;
				filter: none;
				color: #fff;
				text-shadow: none;
				background: #005294 !important
			}

			.datepicker td span:hover {
				background: #005294;
				cursor: pointer;
				color: #FFF
			}

.datepicker-months {
	padding-left: 10px
}

.datepicker-days thead th, .datepicker-days thead td, .datepicker-days thead tr {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 11px
}

.datepicker-switch {
	font-size: 15px;
	letter-spacing: 2px;
	font-family: "Oswald", "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400
}

.datepicker-days thead tr:first-child {
	padding-top: 15px
}

	.datepicker-days thead tr:first-child th, .datepicker-days thead tr:first-child td {
		padding-top: 10px;
		padding-bottom: 10px
	}

.datepicker-days thead tr:nth-child(2) {
	border-top: 1px solid #CCC
}

	.datepicker-days thead tr:nth-child(2) th, .datepicker-days thead tr:nth-child(2) td {
		padding-top: 10px
	}

.ui-autocomplete {
	max-width: 350px;
	max-height: 280px;
	height: auto;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: left;
	/*border: 1px solid #dddddd;
	font-size: 13px;*/
	font-weight: 500;
	outline: none;
	list-style-type: none;
	line-height: 24px;
	/*padding: 0;*/
	background: #fff;
	color: #707070;
	cursor: pointer;
	z-Index: 999;
	-webkit-appearance: none;
	padding: 0px 0 0px 0 !important;
	/*border-radius: 15px;*/
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.23);
	border: 1px solid transparent !important;
}
	/*.ui-autocomplete::before {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 12px solid #fff;
	border-left: 12px solid transparent;
	outline: none !important;
	border-right: 12px solid transparent;
	position: absolute;
	top: -10px;
}*/

	.ui-autocomplete li {
		font-size: 13px !important;
	}

.ac-item {
	border-bottom: 1px dotted #dddddd !important;
	cursor: pointer !important;
	color: #707070 !important;
	/*padding: 7px !important;*/
}

.ui-menu .ui-menu-item {
	border-bottom: 1px dotted #dddddd !important;
	cursor: pointer !important;
	/*color: #333 !important;*/
	padding: 7px !important;
}

.ac-item:hover, .ac-item:visited, .ac-item:focus, .ac-item:link {
	color: #fff !important;
	background-color: #124680 !important;
	cursor: pointer !important;
	/*padding: 7px;*/
}

.ui-state-focus {
	color: #fff !important;
	/*border-bottom: 1px dotted #dddddd;*/
	background-color: #124680 !important;
	cursor: pointer !important;
	/*padding: 7px;*/
}


.ui-helper-hidden-accessible {
	display: none;
}