@charset "utf-8";
/**
 * Basic
 */
body {
	font-size:14px;
	padding-top: 80px;
	background-color: #FFF;
	word-break:break-all;
	word-wrap: break-word;
}

@media (max-width: @screen-xs-max) {
  .modal {
		position: absolute;
	}
}

#content{
	background: #FBFCEF;
	padding-top: 40px;
	padding-bottom: 40px;
}

.form-control{
	font-size:14px;
	height: 28px;
	padding: 3px 6px;
}
.form-control-original{
	font-size: 16px;
	height: 37px;
	padding: 6px 12px;
}
.progress {
	margin-bottom: 0px;
}

@media (min-width: 1200px) {
	.container {
		width: 100%;
		padding-right: 50px;
		padding-left: 50px;
		margin-bottom:50px;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.container {
		width: 100%;
		padding-right: 25px;
		padding-left: 25px;
		margin-bottom:25px;
	}
	.main-data {
		padding-right: 0px;
		padding-left: 0px;
	}
}

@media (max-width: 767px) {
	.container > .container-fluid{
		padding:0px;
	}
	.main-data {
		padding-right: 0px;
		padding-left: 0px;
	}
}

/**
 * Nico Button
 */
.btn-pink {
	color: #fff;
	background-color: #ff64b1;
	border-color: #ff5aac;
	-webkit-transition-timing-function: ease;
		-o-transition-timing-function: ease;
			transition-timing-function: ease;
	-webkit-transition-duration: .3s;
		-o-transition-duration: .3s;
			transition-duration: .3s;
	-webkit-transition-property: all;
		-o-transition-property: all;
			transition-property: all;
}
.btn-pink:focus, .btn-pink.focus {
	color: #fff;
	background-color: #ff3197;
	border-color: #d9006c;
}
.btn-pink:hover {
	color: #fff;
	background-color: #ff3197;
	border-color: #ff1d8d;
}
.btn-pink.active, .btn-pink.active, .open > .btn-pink.dropdown-toggle {
	color: #fff;
	background-color: #ff4ba4;
	border-color: #ff3b9c;
}
.btn-pink.active:hover, .btn-pink.active:focus, .btn-pink.active.focus, .btn-pink.active:hover, .btn-pink.active:focus, .btn-pink.active.focus, .open > .btn-pink.dropdown-toggle:hover, .open > .btn-pink.dropdown-toggle:focus, .open > .btn-pink.dropdown-toggle.focus {
	color: #fff;
	background-color: #ff0d85;
	border-color: #d9006c;
}
.btn-pink:active, .btn-pink.active, .open > .btn-pink.dropdown-toggle {
	background-image: none;
}
.btn-pink.disabled, .btn-pink.disabled:hover, .btn-pink.disabled:focus, .btn-pink.disabled.focus, .btn-pink.disabled:active, .btn-pink.disabled.active, .btn-pink[disabled], .btn-pink[disabled]:hover, .btn-pink[disabled]:focus, .btn-pink[disabled].focus, .btn-pink[disabled]:active, .btn-pink[disabled].active, fieldset[disabled] .btn-pink, fieldset[disabled] .btn-pink:hover, fieldset[disabled] .btn-pink:focus, fieldset[disabled] .btn-pink.focus, fieldset[disabled] .btn-pink:active, fieldset[disabled] .btn-pink.active {
	background-color: #ff64b1;
	border-color: #ff5aac;
}
.btn-pink .badge {
	color: #ff64b1;
	background-color: #fff;
}

/**
 * Umi Button
 */
.btn-emerald {
	color: #fff;
	background-color: #18bc9c;
	border-color: #17b394;
	-webkit-transition-timing-function: ease;
		-o-transition-timing-function: ease;
			transition-timing-function: ease;
	-webkit-transition-duration: .3s;
		-o-transition-duration: .3s;
			transition-duration: .3s;
	-webkit-transition-property: all;
		-o-transition-property: all;
			transition-property: all;
}
.btn-emerald:focus, .btn-emerald.focus {
	color: #fff;
	background-color: #128f76;
	border-color: #084237;
}
.btn-emerald:hover {
	color: #fff;
	background-color: #128f76;
	border-color: #107d67;
}
.btn-emerald.active, .btn-emerald.active, .open > .btn-emerald.dropdown-toggle {
	color: #fff;
	background-color: #15a589;
	border-color: #13987e;
}
.btn-emerald.active:hover, .btn-emerald.active:focus, .btn-emerald.active.focus, .btn-emerald.active:hover, .btn-emerald.active:focus, .btn-emerald.active.focus, .open > .btn-emerald.dropdown-toggle:hover, .open > .btn-emerald.dropdown-toggle:focus, .open > .btn-emerald.dropdown-toggle.focus {
	color: #fff;
	background-color: #0e6f5c;
	border-color: #084237;
}
.btn-emerald:active, .btn-emerald.active, .open > .btn-emerald.dropdown-toggle {
	background-image: none;
}
.btn-emerald.disabled, .btn-emerald.disabled:hover, .btn-emerald.disabled:focus, .btn-emerald.disabled.focus, .btn-emerald.disabled:active, .btn-emerald.disabled.active, .btn-emerald[disabled], .btn-emerald[disabled]:hover, .btn-emerald[disabled]:focus, .btn-emerald[disabled].focus, .btn-emerald[disabled]:active, .btn-emerald[disabled].active, fieldset[disabled] .btn-emerald, fieldset[disabled] .btn-emerald:hover, fieldset[disabled] .btn-emerald:focus, fieldset[disabled] .btn-emerald.focus, fieldset[disabled] .btn-emerald:active, fieldset[disabled] .btn-emerald.active {
	background-color: #18bc9c;
	border-color: #17b394;
}
.btn-emerald .badge {
	color: #18bc9c;
	background-color: #fff;
}

/*
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.fileinput-button {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px;
	direction: ltr;
	cursor: pointer;
}
/* Fixes for IE < 8 */
@media screen\9 {
	.fileinput-button input {
		filter: alpha(opacity=0);
		font-size: 100%;
		height: 100%;
	}
}

/* Sunday Color */
.sunday > .ui-state-default {
	background: none!important;
	background-color: #fcc !important;
	color: #f00!important;
}
/* Saturday Color */
.saturday > .ui-state-default {
	background: none!important;
	background-color: #ccf !important;
	color: #00f!important;
}
/* Holiday Color */
.holiday > .ui-state-default {
	background: none!important;
	background-color: #fcc !important;
	color: #f00!important;
}
/* full Color */
.full > .ui-state-default {
	background: none!important;
	background-color: #da9eff !important;
	color: #4800D2 !important;
}
.ui-state-active{
	border: 2px solid #ff7300 !important;
}

/**
 * Custom
 */

@media (min-width: 768px) {
	.ui-datepicker-inline{
		width: 100% !important;
	}
	.f-right {
		float:right;
	}
	.width20per {
		width:20% !important;
	}
	.width30per {
		width:30% !important;
	}
	.width45per {
		width:45% !important;
	}
	.width50per {
		width:50% !important;
	}
	.width70per {
		width:70% !important;
	}
	.width80per {
		width:80% !important;
	}
	.width90per {
		width:90% !important;
	}
}
@media (max-width: 767px) {
	.ui-datepicker-inline{
		width: 51em !important;
	}
	//ol,ul {
	//	margin-left: -20px;
	//}
	.width20per {
		width:100%;
	}
	.width30per {
		width:100% !important;
	}
	.width45per {
		width:45% !important;
	}
	.width50per {
		width:100%;
	}
	.width70per {
		width:100%;
	}
	.width80per {
		width:100%;
	}
	.width90per {
		width:100%;
	}
}
.btn-none {
	color: #333;
	background-color: transparent;
	border-color: transparent;
	padding: 0px;
	font-size: 14px;
}
.no-action {
	pointer-events : none;
}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
	margin-left:0px
}
.checkbox-inline,.radio-inline {
	margin-right:10px
}
.badge-danger {
	background-color: #F44336;
}
.popover-content > .thumbnail {
	margin-bottom:0px;
}
.btn-operation {
	width:80px;
}
.line-through {
	text-decoration:line-through;
}
.p-nl2br {
	white-space: pre-wrap;
}
.new-form{
	float:left;
	margin-right:3px;
}
.add-date{
	width:65px;
}
.width30px{
	width:30px !important;
}
.width40px{
	width:40px !important;
}
.width50px{
	width:50px !important;
}
.width55px{
	width:55px !important;
}
.width60px{
	width:60px !important;
}
.width70px{
	width:70px !important;
}
.width80px{
	width:80px !important;
}
.width90px{
	width:90px !important;
}
.width100px{
	width:100px !important;
}
.width110px{
	width:110px !important;
}
.width115px{
	width:115px !important;
}
.width120px{
	width:120px !important;
}
.width130px{
	width:130px !important;
}
.width150px{
	width:150px !important;
}
.width200px{
	width:200px !important;
}
.width220px{
	width:220px !important;
}
.width100per {
	width:100%;
}
.maxWidth100per {
	max-width:100%;
}
.inline-block{
	display: inline-block !important;
}
.width-auto{
	width: auto !important;
}
.labors-margin {
	margin-top: 7px;
	margin-bottom: 0px;
}
#accept-detail-static .form-control-static {
	min-height: 19px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.wordBreak {
	word-break:break-all;
}
.badge-span{
	display: inline-block !important;
	padding: 3px 7px !important;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

.driver-holiday {
	background-color: #CCC !important;
}
.time-alert {
	background-color: #ffff7f !important;
}
.time-danger {
	background-color: #ff7f7f !important;
}
.navbar-brand {
	background: url("img/act-logo.png") no-repeat left center;
	background-size: contain;
	height: 71px;
}
@media (min-width: 768px) {
	.navbar-brand {
		//width: 458px;
		width: 420px;
	}
}
@media (max-width: 767px) {
	.navbar-brand {
		width: 100%;
		max-width: 74%;
	}
	.navbar-collapse{
		background: #FFF;
		border: 1px solid #eee;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#newModal .modal-dialog,
	.ng-isolate-scope > .modal-dialog {
	    width: 98%;
	    padding: 1%;
	}
	#newModal-detail .col-lg-2,
	#newModal-detail .col-md-2,
	#newModal-detail .col-sm-2 {
		padding-right: 12px !important;
	}
}

.table-vcenter tbody tr > th,
.table-vcenter tbody tr > td {
	vertical-align: middle !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #333;
	background-color: #ffeacc;
	border-bottom-color: transparent;
}
.nav-tabs > li.active:focus > a {
}
.table thead tr.ledgers > th {
	background-color: #ffeacc;
}
.table tbody tr.ledgers > td {
	background-color: #FFF;
}
.table tbody tr.cancel > td {
	background-color: #CCC !important;
}

.table-hover tbody tr.cancel:hover > td {
	background-color: #CCC !important;
}

.navbar-default {
	background: #FFF;
	padding:10px 15px 0;
	background:url("img/border-line.png") center bottom repeat-x;
	height:90px;
}

footer {
	padding: 10px 0;
	background: #FFF;
	text-align:center;
	color:#999;
	font-size:12px;
	border-top:2px solid #D55500
}

.content-block{
	margin-bottom:22px;
}

.none{
	display:none;
}

.inline{
	display:inline;
}

.direction-detail-place{
	min-width: 90px !important;
	max-width: 150px !important;
}
.complete-reserved-code{
	font-size: 3em;
}