:root {
	--qoc-purple: /*rgb(130,82,144)*/#825290;

	--qoc-purple-alpha: /*rgba(84, 12, 105, 0.39)*/#4d165e;;
}
.btn-primary:hover {
    color: #fff;
    background-color: #825290;
    border-color: #825290;
}
.btn-primary {border-color:#825290!important}
.focus.btn-primary, .btn-primary:focus{
	box-shadow:none!important;
}
.focus.btn, .btn:focus {
	box-shadow:none!important;
}
@media screen{
#mainNav,#sidenavToggler {
	background-color: #825290 !important;
}
}
 @media print { 
	#mainNav {display:none!important;}
	#mainNav,#sidenavToggler {
		display:none!important;
	}
 }
 @media all {
	.page-break { display: none; }
	}
@media screen {
	.titlearea{display:block!important}
}
	@media print {
	.page-break { display: block; page-break-before: always!important;}
	}

ul.navbar-sidenav {
	background-color: #4d165e !important;
}
label {
	color: #825290;
	display: inline-block !important;
	width: 250px !important;
}
li.nav-color-tab {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top: 1px solid #825290;
	border-left: 1px solid #825290;
	border-right: 1px solid #825290;
	margin-right: 5px;
	width: 150px;
	color:white;
}

.nav-link {color:white};
a.active {
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
div.tab-pane {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: 1px solid #825290;
	border-left: 1px solid #825290;
	border-right: 1px solid #825290;
	border-top: 1px solid #c0c0c0;
	margin-bottom: 10px;
	min-height: 400px;
	padding: 10px;
	width: 770px;
}
.h3 h3 {
	font-size:1.35rem;
}
.h4 h4 {
	font-size:1.35rem;
}
input.table {
	background-color: transparent;
	margin: 0px;
	vertical-align: middle;
	width: 75px;
}
table {
	width:100%;
	margin: 0px;
	padding: 0px;
	max-width: 75%;
}
table th {
	font-size: .9rem;
	font-weight: 400
}

table td {
	font-size: .9rem;
	font-weight: 300;
	padding: .35rem !important;
}
table td {
	border-bottom: 1px solid #825290;
	border-right: 1px solid #825290;
	border-left: 1px solid #825290;
	border-top: 1px solid #825290;
	height: 28px;
	margin: 0px;
	min-width: 50px;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	font-size: .9rem;
}
td.left-border {
	border-left: 1px solid #825290;
	text-align: left;
}
td.top-border {
	border-top: 1px solid #825290 !important;
	text-align: left;
}
td.right-border {
	border-right: 1px solid #825290 !important;
	text-align: left;
}
td.right-align {
	text-align: right;
}
tbody tr:nth-child(even){
  background-color: white;
}
tfoot {
	background-color: #825290;
	color: #ffffff;
}
thead {
	background-color: #825290;
	color: #ffffff;
	text-align: center;
}
table.green {
	border: 3px solid #825290;
	width: 750px;
}
table.green>thead {
	background-color: rgb(118,147,60);
}
table.green>tbody {
	background-color: rgb(155,187,89);
}
table.green td {
	border: 0px;
}
table.green tbody tr:nth-child(even){
  background-color: rgb(155,187,89);
}
table.green>tfoot {
	background-color: rgb(118,147,60);
}
table.purple {
	border: 3px solid #825290;
	background-color: #825290;
	width: 100%;
	margin-bottom:3%;
	color:white;
}
table.purple>thead {
	background-color: #825290;
}
table.purple>tbody {
	background-color: #825290;
	color:white;
}
table.purple tr {
	border: 0px;
	margin-bottom:3%;

}
table.purple td {
	border: 0px;
	color:white;
	
}
table.purple tbody tr:nth-child(even){
  background-color: #4d165e;
}
table.purple>tfoot {
	background-color: #825290;
}
table.blue {
	border: 3px solid #825290;
	width: 750px;
}
table.blue>thead {
	background-color: rgb(83,141,213);
}
table.blue>tbody {
	background-color: rgb(149,179,215);
}
table.blue td {
	border: 0px;
}
table.blue tbody tr:nth-child(even){
  background-color: rgb(149,179,215);
}
table.blue>tfoot {
	background-color: rgb(83,141,213);
}
td.quote-itemised {
	background-color:rgb(130,82,144);
	border-bottom: 1px solid #825290 !important;
	text-align: center;
	color:white;
}
.table-responsive-md {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}
.table-responsive-md>.table-bordered {
	border: 0
}
.table-totals {
	background-color:rgb(130,82,144);
}
.table-totals td {
	background-color:rgb(130,82,144); color:white;
}
@media (min-width: 576px){
.col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 26.333333%!important;
}

div.well{
	height: 250px;
  } 
  
  .Absolute-Center {
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
  }
  
  .Absolute-Center.is-Responsive {
	width: 50%; 
	height: 50%;
	min-width: 200px;
	max-width: 400px;
	padding: 40px;
  }
  
  #logo-container{
	margin: auto;
	margin-bottom: 10px;
	width:200px;
	height:30px;
	background-image:url('');
  }
  div.tab-pane {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: 1px solid #825290;
	border-left: 1px solid #825290;
	border-right: 1px solid #825290;
	border-top: 1px solid #c0c0c0;
	margin-bottom: 10px;
	min-height: 400px;
	padding: 10px;
	width:450px;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
		max-width:120px!important;
	}
}