/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/* Test Center Code */
.sidebar-tests {
	text-align: left !important;
}
.sidebar-tests .hr {
	float: none !important;
}
.sidebar-tests .test-search .button {
	height:100% !important;
}
.sidebar-tests .test-widget-wrap {
 border-radius:10px;
 padding:20px 10px;
 margin-bottom:30px;
 background-color:#e4e4e4;
}
.sidebar-tests .test-widget-wrap.tubes ul li {
 background-color:transparent !important;
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  	display: -ms-flexbox;  /* TWEENER - IE 10 */
  	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	align-items: center;
}
.sidebar-tests .test-widget-wrap.blue {
 background-color:#1f6d89;
}
.sidebar-tests .test-widget-wrap.blue h4 {
 color:#ffffff;
}
.sidebar-tests .test-widget-wrap h4 {
	color:#5F6568;
	padding-left:20px;
	padding-bottom:10px;
	position: relative;
}.sidebar-tests .test-widget-wrap.blue .toggle_icon {
	border: none !important;
}
.sidebar-tests .test-widget-wrap.blue .vert_icon, .sidebar-tests .test-widget-wrap.blue .hor_icon {
	border-color:#ffffff;
}
.sidebar-tests .test-widget-wrap .toggle_icon {
	left: 0px !important;
	top: 2px !important;
}
.sidebar-tests .test-widget-wrap .vert_icon, .sidebar-tests .test-widget-wrap .hor_icon {
	border-color:#5F6568;
}
.sidebar-tests .test-widget-wrap ul {
	padding:2px 0;
}
.sidebar-tests .test-widget-wrap .filters-list {
	margin:0 0 25px 0;
}
.sidebar-tests .test-widget-wrap .quick-filter {
	text-align:center;
	border-radius:5px;
	background-color:#ffffff;
}
.sidebar-tests .test-widget-wrap .quick-filter li {
	padding:0 5px
}
.sidebar-tests .test-widget-wrap ul li {
	font-size: 13px;
	color:#db6521;
	font-weight: bold;
	background-color:#ffffff;
	padding:0px 4px;
	border-radius: 4px;
	margin:0px 2px 4px 2px;
	cursor: pointer;
}
.sidebar-tests .test-widget-wrap .list-inline li {
	display:inline-block;
}
.sidebar-tests .test-widget-wrap .table-filter-letters td.selected {
	background-color: #db6521 !important;
	color: #ffffff !important;
}
.sidebar-tests .test-widget-wrap ul li.selected {
	background-color: #db6521 !important;
	color: #ffffff !important;
}
.sidebar-tests .test-widget-wrap ul li .tube-color {
	width:15px;
	height: 15px;
	border-radius: 50%;
}
.sidebar-tests .test-widget-wrap ul li .tube-name {
 	padding:0 0 0 8px;
	margin:0;
}
.sidebar-tests .test-widget-wrap ul li .tube-color.selected {
	border:2px solid #db6521;
}
.sidebar-tests .test-widget-wrap .table-filter-letters {
	width:100%;
}
.sidebar-tests .test-widget-wrap .table-filter-letters tr {
	background-color:#ffffff;
}
.sidebar-tests .test-widget-wrap .table-filter-letters td {
	padding:3px 6px;
	text-align:center;
	color:#db6521;
}
.filteredOut {
	display: none;
}

/* Accordion Section Styles */
.toggler .vert_icon {
	border-color:#db6521 !important;
}
.toggler .hor_icon {
	border-color:#db6521 !important;
}
.toggler .tube-info {
	float: right;
	height:27px;
	font-size: 14px;
	font-weight: bold;
	padding-right: 20px;
	margin-right: 20px;
	position: relative;
}
.toggler .label {
	display: none;
}
.toggler.activeTitle .label {
	display: block;
}
.toggler .tube-info .tube {
	width:15px;
	height: 15px;
	position: absolute;
	top: 50%;
	right: 0;
	background: #000000;
	transform: translateY(-50%);
	border-radius: 50%;
}
.toggle_wrap strong {
	color:#db6521 !important;
}
.page-template-tests-page .heading {
	color:#1f6d89;
}
.page-template-tests-page .heading strong {
	color:#ffffff !important;
	background:#1f6d89;
	padding-left: 40px;
}
.page-template-tests-page .sub-heading {
	color:#db6521;
	font-size:22px;
}
.page-template-tests-page .accordion-cta {
	text-align: right;
	margin-top:20px;
}
.page-template-tests-page .accordion-cta a {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.page-template-tests-page .accordion-cta a:hover {
	text-decoration: none !important;
}
.page-template-tests-page .accordion-cta p {
	color: #1f6d89;
	font-size: 14px;
	padding-right: 10px;
	display: inline-block;
}
.page-template-tests-page .accordion-cta p:hover {
	color: #db6521;
}
.page-template-tests-page .accordion-cta .cta-image {
	display: inline-block;
	max-width: 100px;
}
.page-template-tests-page .togglecontainer {
	max-height: 1807px;
	overflow-y: scroll;
}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}