/**
 *
 * Apply Here your Custom CSS
 *
*/

.page-container .main-content {
	padding-bottom:45px;
}

/*** ****/
.sidebar-menu #main-menu li  .badge > i{
	font-size: 11px !important;
}
/**** Text *****/

.text-orange {
	color: #f17c08;
}

.text-green {
	color: green;
}

.text-dark {
	color:#303641;
}

/************ Logo ***************/
.logo-env {
	background:#0055a5;
}

.page-container .sidebar-menu .logo-env > div.sidebar-collapse a {
	border:none;
}

.sidebar-collapse-icon i {
	color:white;
}

/********** QA Feed **************/

.light-info {
	border:1px #e5e5e5 solid;
	text-align:center;
	padding:5px;
	margin:0px;
	margin-bottom:20px;
	font-size: 20px;
}

.light-info-second-row {
	border:1px #e5e5e5 solid;
	text-align:center;
	padding:5px;
	margin:0px;
	margin-bottom:20px;
	font-size: 18px;
}

.panel-title {
	font-size: 18px;
}

.status-indicator {
	padding-top:10px;
	font-size:60px;
}



.qa-feed .panel-body {
	padding-bottom:0;
}

.nav-tabs.bordered + .tab-content {
	margin-bottom:0;
}

.nav-tabs.bordered + .no-padding{
	padding:0 !important;
}

.padded-tab{
	padding: 20px 25px;
}
#user-tab > li {
	width:25%;
	font-size:16px;
	text-align: center;
}

.qa-feed .nav-tabs {
	padding-left:15px;
}
.qa-feed .nav-tabs > li {
	width:19.5%;
	font-size:20px;
	text-align: center;
}
#user-tab > li.active > a,
.qa-feed .nav-tabs > li.active > a {
	background: white;
	border-bottom:1px solid white;
}

#user-tab > li > a,
.qa-feed .nav-tabs > li > a {
	border: 1px #e5e5e5 solid;
	background: #f7f7f7;
}

.qa-feed label {
	font-size:18px;
}

.blended:not(:focus)  {
		border:none;
		font-size:16px;
		padding:2px;
}

/**** Panels ****/
.panel-heading {
	padding-bottom:10px;
}

.panel-info {
	border-color: #76B5D0;
}
.panel-info > .panel-heading {
	background-color: #76B5D0;
}
.panel-info > .panel-heading > .panel-title > a {
	color: white;
}

.panel-success {
	border-color: #00a65a;
}
.panel-success > .panel-heading {
	background-color: #00a65a;
}
.panel-success > .panel-heading > .panel-title > a {
	color: white;
}

.panel-review {
	border-color: #ebd34c;
}
.panel-review > .panel-heading {
	background-color: #ebd34c;
}

.panel-followup {
	border-color: #701c1c;
}
.panel-followup > .panel-heading {
	background-color: #701c1c;
}
.panel-followup > .panel-heading > .panel-title > a {
	color: white;
}

.panel-deleted {
	border-color: rgb(148, 148, 148);
;
}
.panel-deleted > .panel-heading {
	background-color: rgb(148, 148, 148);
;
}
.panel-deleted > .panel-heading > .panel-title > a {
	color: #bbb;
}

.panel-deleted > .panel-heading > .panel-title > a > span{
	text-decoration: line-through;
}

/***** Color based legend *******/

.color-based-legend {
	font-size:20px;
}

.color-based-legend .text-muted {
	color:#f0f0f1;
}

.color-based-legend .text-success {
	color:#00a65a;
}

.color-based-legend .text-info {
	color:#76B5D0;
}

.color-based-legend .text-review {
	color:#ebd34c;
}

.color-based-legend .text-deleted {
	color: rgb(148, 148, 148);
}


/****** charts ******/

.ct-series-d .ct-bar {
	stroke:#999999;
}

.ct-series-a .ct-line,
.ct-series-a .ct-point,
.ct-series-b .ct-bar  {
	stroke: #0055a5;
}

.ct-series-b .ct-line,
.ct-series-b .ct-point {
	stroke: #f17c08;
}

.ct-series-c .ct-line,
.ct-series-c .ct-point {
	stroke: #efb345;
}

.ct-series-d .ct-line,
.ct-series-d .ct-point,
.ct-series-c .ct-bar {
	stroke: #ac1818;
}

.ct-series-e .ct-line,
.ct-series-e .ct-point,
.ct-series-a .ct-bar {
	stroke: green;
}

.ct-series-f .ct-line {
	stroke: rgb(0, 219, 0);
	stroke-dasharray: 10px 10px;
}

.ct-bar{
	stroke-width:60px;
}

.ct-label {
	font-size:1.125rem;
}

.ct-axis-title {
	font-size:16px;
}

.test-stated-legend {
	color:green;
}

.test-expected-legend {
	color: rgb(0, 219, 0);
}

.test-one-legend {
	color:#0055a5
}

.test-two-legend {
	color:#f17c08;
}

.test-three-legend {
	color:#efb345;
}

.test-dist-legend {
	color:#ac1818;
}

.irradiance-legend {
	padding-bottom: 15px;
	font-size:20px;
	border-bottom: 1px solid #e5e5e5;
	margin:0;
	margin-bottom:10px;
}

.low-sample,
.unlisted-mat {
	display:none;
	padding:15px;
}


.pager{
	padding-bottom:20px;
	font-size:16px;
}

#search-form  .user-search {
	padding:4px;
	font-size:14px;
}


/**** Popover *****/

.qa-feed .popover{
	font-size: 16px;
}

.popover.popover-primary.popover-mode {
	background-color: #fc9c3c;
	color: #ffffff;
	border-color: #fc9c3c;
}

.popover.popover-primary.bottom.popover-mode .arrow {
	border-bottom-color: #f17c08;
}

.popover.popover-primary.bottom.popover-mode .arrow:after {
	border-bottom-color: #f17c08;
}

.popover.popover-primary.popover-mode h3 {
	font-size: 18px;
	background-color: #f17c08;
	border-color: #f17c08;
}


/**** history tab *****/

.comment-checkbox  {
	font-size:28px;
}

.comments-list > li .comment-details .comment-head {
	font-size:18px;
	font-weight:bold;
	color:#303641;
}

.comments-list > li .comment-details .comment-text {
	font-size:16px;
	margin-top:5px;
	color:#545454;
}

.comments-list > li .comment-details .comment-footer {
	font-size:14px;
}

.qc-notes-history  {
	height:500px;
	overflow-y:auto;
}
.qc-notes-history .tile-stats.tile-gray p  {
	font-size: 16px;
	color:#303641
}
.qc-notes-history  .tile-stats.tile-gray h2  {
	border-bottom: 1px #666666 solid;
}
.qc-notes-history  .tile-stats.tile-gray h3  {
	color: #303641;
}

.qc-notes-history  .notes-section  {
	padding-bottom:50px;
}
.no-history {
	margin-top:150px;
}

.no-history i {
	font-size:70px;
	color:#bbbbbb;
}
.no-history h2 {
	color:#bbbbbb;
}

/******* Custom Animation ********/

@-webkit-keyframes pulseQa {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.125, 1.125, 1.125);
		transform: scale3d(1.125, 1.125, 1.125);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes pulseQa {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.125, 1.125, 1.125);
		transform: scale3d(1.125, 1.125, 1.125);
	}

	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.pulseQa {
	-webkit-animation-name: pulseQa;
	animation-name: pulseQa;
}



.toast-bottom-full-width .toast-title {
	text-align:center;
	font-size:20px;
}

.toast-bottom-full-width .toast-message {
	text-align:center;
	font-size:16px;
}

.toast-bottom-full-width .toast-close-button {
	font-size:40px;
	margin-right: 10px;
}


/******** Manufacturer, company, material, spectrometer and lcu Tables *********/

#table-lcus_length,
#table-lcus_filter,
#table-materials_length,
#table-materials_filter,
#table-manufacturers_length,
#table-manufacturers_filter,
#table-companies_length,
#table-companies_filter,
#table-spectrometers_length,
#table-spectrometers_filter,
#table-licensekeys_length,
#table-licensekeys_filter {
	border:none;
	color: black;
	font-size:14px;
}

#table-lcus_filter input,
#table-materials_filter input,
#table-manufacturers_filter input,
#table-companies_filter input,
#table-spectrometers_filter input,
#table-licensekeys_filter input {
	width:150%;
	text-align: left;
}

.dataTables_wrapper .dataTables_filter > label {
		float: left;
}

#table-lcus_wrapper div.col-md-6,
#table-materials_wrapper div.col-md-6,
#table-manufacturers_wrapper div.col-md-6,
#table-companies_wrapper div.col-md-6,
#table-spectrometers_wrapper div.col-md-6,
#table-licensekeys_wrapper div.col-md-6  {
	padding:0;
}

#table-lcus_info,
#table-lcus_paginate,
#table-materials_info,
#table-materials_paginate,
#table-manufacturers_info,
#table-manufacturers_paginate,
#table-companies_info,
#table-companies_paginate,
#table-spectrometers-info,
#table-spectrometers-paginate,
#table-licensekeys-info,
#table-licensekeys-paginate {
	border:none;
}


.table >tbody >tr.not-approved  > td{
	color:#ac1818;
	background:rgba(172, 24, 24, .2);
}


/*********** Dental material shades ************/
.well-shade {
	border:#ddd 2px solid;
	padding-bottom:0px;
	margin-bottom:40px;
}


.img-well {
	background:white;
	padding:10px;
	border:none;
	border-radius:50%;
	margin:auto;
}
.img-cont {
	height:350px;
	width:350px;
	border:10px solid #ddd;
	background:white;
	border-radius:50%;
	overflow:hidden;
	background: white;
	text-align:center;
	position:relative;
	margin:auto;
}

.img-cont img {
	position:absolute;
	max-width: 100%;
	min-height:100%;
	top:0;
	left:0;
}


.bl-notes {
	color:#303641;
	font-size:20px;
	margin:15px;
	padding:0;
}