*:focus {
	outline:0 !important;
}

h2 {
	font-size:14px;
	font-weight:bold;
}

.navbar-white {
	background-color:#fff;
	border-color:#e3e3e6;
}

.navbar-inverse {
	background-color:#281E5D;
}

.main-header {
	padding:12px 0;
}

.brand-logo {
	padding-right:25px;
	margin-top:4px;
}

.navbar-brand {
	padding-top:0;
}

.main {
	max-width:100%;
	padding-top:100px;
}

.sub-main {
	padding-top:20px;
}

.content {
	width:100%;
	min-height:450px;
}

.footer {
	padding:30px 0;
}

.form-control {
	box-shadow:none;
	height:40px;
}

.form-group label {
	font-weight:400;
}

.form-control:focus {
	box-shadow:none;
	border-color:#333;
}

a {
	color:#111;
}

a:hover, a:focus {
	color:#777;
}

.btn {
	font-weight:700;
}

.btn-filled {
	background-color:#281E5D;
	padding:8px;
	text-transform:uppercase;
	border:2px solid #281E5D;
	color:#fff;
}

.btn-filled:hover, .btn.btn-filled:focus {
	color:#fff;
	opacity:.85;
}

.btn-outlined {
	background-color:#fff;
	padding:8px;
	text-transform:uppercase;
	border:2px solid #281E5D;
	color:#281E5D;
}

.btn-outline:hover, .btn.btn-filled:focus {
	opacity:85;
}

.checkbox {
	margin-bottom:2rem;
}

.nav>li>a {
	color:#fff;
	border-width:2px;
	border-style:solid;
	border-color:transparent;
	padding-left:0;
	padding-right:0;
	margin-right:15px;
}

.nav>li>a:focus, .nav>li>a:hover {
	border-bottom-color:#fff;
	background:transparent;
}

.nav>li>a.active {
	font-weight:700;
	border-bottom-color:#fff;
	background:transparent;
}

.navbar-inverse .navbar-nav>li>a {
	color:#fff;
}

.datepicker table tr td.today {
	background-color:#333;
	border-color:#333;
	color:#fff;
}

.datepicker table tr td.today:hover {
	background-color:#555;
	border-color:#555;
	color:#fff;
}

.form-login {
	padding:40px 0;
}

.form-login h1 {
	border-bottom:1px solid #333;
	padding-bottom:1.25rem;
}

hr {
	border-color:#333;
}

.search-box {
	background-image:url(../images/search.svg);
	background-size:14px 14px;
	background-position:10px center;
	background-repeat:no-repeat;
	padding-left:30px;
}

.itemResult {
	width:100%;
	margin:1.5rem 0;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
  border-radius:2rem;
  height:8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
  border:1px solid #eee;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #333;
  border-radius:2rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
  border-radius:2rem;
}

.slidingProductItems {
	max-width:100%;
	margin:0;
}

.slidingProductItems li {
	padding-bottom:0;
	margin-bottom:1.5rem;
}

.itemResult strong {
	color:#333;
}

.itemResult img {
	width:140px;
	border-color:#333;
}

.itemProductContent p {
	width:150px;
	text-overflow:ellipsis;
	word-wrap:break-word;
	overflow:hidden;
	font-size:12px;
}

.itemResultProduct .itemResult {
	margin-top:1.85rem;
	margin-bottom:1.85rem;
}

.itemProductContent p.itemProductName {
	font-size:14px;
}

.slidingProductItems {
	text-align:left;
}

.slidingProductItems li {
	margin-left:15px;
	margin-right:15px;
}

.slidingProductItems li:first-child {
	margin-left:0;
}

.slidingProductItems li:last-child {
	margin-right:0;
}

.slidingProductItems li div.itemResultProduct {
	padding-left:1.85rem;
	padding-right:1.85rem;
	border:1px solid #ddd;
	border-radius:.5rem;
}

.slidingProductItems li.loader-container {
	margin:0;
}

.tableItems tr th {
	color:#fff;
	padding:10px;
	text-align:center;
}

.tableItems tr td {
	padding-top:1.5rem;
}

.tableItems tr td.priceTd {
	text-align:right;
}

.tableItems strong {
	color:#333;
}

.delete {
	text-align:center;
}

.delete img {
	width:auto;
}

.SubTotalTable td {
	padding:10px;
}

/* LOGIN PAGE */

.loginBody {
	height:100%;
	width:100%;
	background-image:url(../images/enterprise-quotation.jpg);
	background-size:cover;
	background-repeat:no-repeat;
}

.loginBody nav {
	display:none;
}

.loginBody .content {
	max-width:40rem;
	position:absolute;
	right:15vw;
	top:50%;
	transform:translateY(-50%);
	margin:0;
	box-shadow:0 14px 22px rgba(0,0,0,0.5);
}

.loginBody .form-login {
	padding:20px;
}

.loginBody .form-login img {
	max-width:100%;
	height:auto;
}

.login-logo {
	margin-bottom:1rem;
}

.text-left {
	text-align:left !important;
}

.text-right {
	text-align:right !important;
}

.table-borderless>tbody>tr>td, .table-borderless>tbody>tr>th, .table-borderless>tfoot>tr>td, .table-borderless>tfoot>tr>th, .table-borderlesse>thead>tr>td, .table-borderless>thead>tr>th {
	border:0 !important;
	vertical-align:middle;
}

/* .StepsBtn {
	width:100%;
	text-align:right;
} */

.card {
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	min-width:0;
	word-wrap:break-word;
	background-color:#fff;
	background-clip:border-box;
	border:1px solid rgba(0,0,0,.125);
	border-radius:.25rem;
	cursor:pointer;
}

.card-body {
	-webkit-box-flex:1;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	padding:3.25rem;
	display:flex;
	justify-content:space-between;
}

.card-body span, .card-body div {
	font-size:2.5rem;
}

.card-body span {
	font-weight:700;
}

.card-title {
	display:flex;
	align-items:center;
}

.card-title img {
	margin-right:15px;
}

.totalHolder {
	width:auto;
}

.Total {
	width:50%
}

.Total td {
	padding:8px;
}

.Total td:nth-child(5) {
	text-align:right;
	font-weight:700;
}

@media (max-width:768px) {
	.navbar-inverse .navbar-nav>li>a {
		padding-left:15px;
		margin-right:0;
	}
	
	.nav>li>a:focus, .nav>li>a:hover {
		background-color:#444 !important;
	}
}

@media (max-width:480px) {
	
	.card {
		margin-bottom:.25rem;
	}
	
	.card-body {
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
}

.ui-dialog { position: fixed !important; padding: .2em !important; width: 300px !important; overflow: hidden !important; top: 50% !important; left: 50% !important; transform:translate(-50%, -50%) !important; }