/* These inject tags are used for dynamically creating imports for themelet styles, you can place them where ever you like in this file. */
/* inject:imports */
/* endinject */
/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */
body {
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000000;
	//background-color: #0e3d5e; 
	background-color: #FFFFFF; 
}


#wrapper {
	margin: auto;	
	max-width: 1280px;
	position: relative;
}

#header {
	background-color: #0e3d5e;

}

#myPages {
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  position: absolute;
  right: 40px;
  top: 0px;
  z-index: 6; }

#language {
  display: block;
  padding: 5px 5px 5px 5px;	
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 250;
}

#selectLanguage {
	padding: 15px 15px 15px 15px;
}

#qtaLogo {
  /*position: absolute;*/
  padding: 15px 5px 5px 15px;	
  position: relative;
  left: 5px;
  top: 5px;
}

#qtaTopNav{
  position: absolute;
  width:auto;
  padding: 5px 5px 5px 5px;	
  margin: 5px 5px 5px 5px;	
  left: 200px;
  top: 20px;
  z-index: 250;
}

.topnav {
  overflow: hidden;
  background-color: #0e3d5e;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  margin-top: 15px;

  margin: 0px 5px 0px 5px;
  padding: 5px 5px;
  text-decoration: none;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 800px) {
  /*.topnav a:not(:first-child) {display: none;}*/
  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 800px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
	z-index: 250;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.qta_text_heavy{
font-size: 58px;
}

.qta_text_large{
	font-size: 30px;
}

.qta_text_medium{
	font-size: 25px;
}

.qta_text_small{
	font-size: 15px;
}


table {
	font-size:14px;
}  


p{
	padding: 1px;
	margin: 1px;
}

.qta_place_on_bottom {
    position: absolute;
    bottom: 0;
	width: 100%;
}

.qta_center{
	text-align: center;
}

* {
    box-sizing: border-box;
}

.qta_small_ruler{
	width: 95%;
	height: 3px;
	padding: 0px;
}

/* Create three equal columns that floats next to each other */
.qta_columns_two {
    float: left;
    width: 50%;
    padding: 0px;
}

.qta_columns_three {
    float: left;
    width: 33.33%;
    padding: 1px;
}

.qta_columns_four {
    float: left;
    width: 25%;
    padding: 1px;
}

/* Clear floats after the columns */
.qta_row:after {
    content: "";
    display: table;
    clear: both;
}

.qta_center {
    margin: auto;
    padding: 10px;
}

.qta_center_text_left{
	margin-left: auto;
    margin-right: auto;

}


/*Text colors*/
.qta_text_color_dark_blue{
	color: #0e3d5e;
}

.qta_text_color_light_blue{
	color: #85c9f0;
}
.qta_text_color_red{
	color: #d61219;
}
.qta_text_color_white{
	color: #ffffff;
}

.qta_text_color_black{
	color: #000000;
}

/*Background colors*/
.qta_background_color_dark_blue{
	background-color: #0e3d5e;
}
.qta_background_color_light_blue{
	background-color: #85c9f0;
}
.qta_background_color_red{
	background-color: #d61219;
}

.qta_background_color_red_gradient{
	background: red; /* For browsers that do not support gradients */
    background: linear-gradient(to right, #4f0709 , #d61219); /* Standard syntax (must be last) */
}

.qta_background_color_white{
	background-color: #ffffff;
}

.qta_background_color_grey{
	background-color: #A6A6A6;
}

.qta_ce_cert_img {
    height: 75px;
    width: 150px;
    display: flex;
    align-items: flex-end;
}

a {
  color: #585858;
  text-decoration: none; }




#header_separator {
	width: 100%;
	height: 3px;
	padding: 0px;
	margin: 0px;
	background-color: #85c9f0;
	z-index: 250;
}

#qtaNavBar{
	/*height: 50px;*/
	padding-right: 15px;
}

#content{
	/*background-color: #FFFFFF;*/
}






/* ***************QTATracer specific CSS *********************/
/* ***************   portlet design      *********************/
#portletHeading {
  display: inline;
  /*color: #003366;*/
  color: #585858; }

/* Blood Bag Portlets border and margins */
.portletFrame {
  margin: -2px 0px 40px 0px;
  padding: 5px 8px 8px 13px;
  border: 1px groove #666666;

  border-radius: 7px;
  box-shadow: 8px 8px 5px #AAAAAA;
  background: #EEF0F2; }

/*  for BLLogReadoutDetailsPortlet placed below BLLogReadoutPortlet */
.portletFrameDetails {
  margin: -25px 0px 40px 3px;
  padding: 5px 8px 8px 13px;
  border: 1px groove #666666;
  border-radius: 7px;
  box-shadow: 8px 8px 5px #AAAAAA;
  background: #EEF0F2; }

#selectSearchBloodGroup {
  width: 175px; }

#selectSearchNode {
  width: 175px; }

#txtSearchTracerId {
  width: 175px; }

#txtSearchProductCode {
  width: 175px; }

#txtSearchDonationIdNumber {
  width: 175px; }

#bloodGroupSelectSpan {
  width: 190px;
  overflow: hidden; }

#tracerIdSearchSpan {
  width: 190px; }

#blueTextSmall {
  font-size: 62%; }

/* QTA Search area blLogHeader  */
#searchRow1 {
  margin: 7px 5px 2px 5px;
  position: relative; }

#searchRow2 {
  margin: 3px 5px 2px 5px;
  position: relative; }

#searchRow3 {
  margin: 3px 5px 0px 5px;
  position: relative; }

#searchButton {
  font-size: 80%;
  font-weight: bold;
  color: #093; }

#searchSimpleRow1 {
  margin: 3px 5px 7px 5px;
  position: relative;
  /* margin-right:250px; */ }

#searchButtonSpan1 {
  margin-left: 5px;
  margin-right: 7px; }

#bloodGroupSearch {
  white-space: nowrap; }

#searchLabel {
    text-align: left;
    color: #036;
}

#search {
  text-align: left;
  color: #036; }

#searchForm {
  border-left: 1px groove #666666;
  border-top: 1px groove #666666;
  border-right: 1px groove #666666;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background: #fff;
  padding-bottom: 2px;
  margin-bottom: -3px; }

#simpleSearchForm {
  margin: -5px 0px 0px 0px;
  padding-top: 2px;
  border-left: 1px groove #666666;
  border-bottom: 1px groove #666666;
  border-right: 1px groove #666666;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  background: #fff; }

#clearForm {
  margin: 4px;
  position: absolute;
  right: -2px;
  bottom: -2px; }

#clearFormButton {
  padding: 2px 5px;
  font-size: 60%;
  font-weight: bold;
  color: #933; }

#advancedSearchLabel {
	color: #585858;
  	text-decoration: underline;
}

#advancedSearchLabel:hover {
	color: #03BCF5;
  	text-decoration: underline;
	cursor: pointer;
}



  
  
/* ***************   Node portlet - success or error saving a node      *********************/  
#success {
  font-size: 112%;
  font-weight: bold;
  color: #0c0; }

#error {
  font-size: 112%;
  font-weight: bold;
  color: #f00; }

.tracer_info_img {
  text-align: center; }



/* ***************   Support FAQ page      *********************/
.faqHead {
  font-size: 80%;
  font-weight: bold;
  color: #006; }

#faqdiv p {
  margin: 0px;
  padding: 0px; }  
  
  
  
/* ***************   Home page      *********************/  
 #home_text_1{
	position: relative;
	margin: 0px;
}

#home_text_2{
	background-color: #85c9f0; 
}

#home_text_3{
	color: #FFFFFF;
	padding: 10px;
}

#dummy_white_border_1{
	background-color: #FFFFFF; 
	height: 8px;
}

#home_col1_img{
	width: 100%;
	height: 265px;
	background-image: url(../images/QTA_SIN_2704_Blood_Donor_TDY.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#home_col2_img{
	width: 100%;
	height: 265px;
	background-image: url(../images/QTA_SIN_2705_Doctor_TDY.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}
#home_col3_img{
	width: 100%;
	height: 265px;
	background-image: url(../images/QTA_SIN_2703_Doctor_iPad_TDY_2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#home_col1_txt, #home_col2_txt, #home_col3_txt{
	height: 200px;
	padding: 30px;
}

#home_quality_protect_img {
	position: relative;
	width: 100%;
	height: 662px;
	align-content: center;
	background-image: url(../images/QTA_Header_Testtubes1_Geometric.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#home_process{
	height: auto;
	background-color: #ffffff;
}
#home_process_img {
	position: relative;
	/*width: 100%;
	height: 300px; */
	width: 100%;
	height: 200px;
	padding: 10px;
	align-content: center;
	background-image: url(../images/QTA_Chain.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding:50px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#home_wasted_blood_col1_img{
	width: 80%;
	height: 415px;
	background-image: url(../images/QTA_SIN_2707_Blood_Bag.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#home_wasted_blood_col2_txt{
	padding: 40px;	
}

/* ***************   Solution page      *********************/  
#solutions_text_1{
	width: 40%;
	position: absolute;
	bottom: 20%;
	right: 10%;
	margin: 0px;
}

#solutions_text_2{
	background-color: #85c9f0; 
}

#solutions_text_3{
	color: #FFFFFF;
	padding: 10px;
}

#dummy_white_border_1{
	background-color: #FFFFFF; 
	height: 8px;
}

#solutions_img {
	position: relative;
	width: 100%;
	height: 662px;
	align-content: center;
	background-image: url(../images/QTA_Header_Solutions_Geometric.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#qta_blood_bag_with_tracer_img{
	width: 400px;
	height: 429px;	
	position: relative;
	background-image: url(../images/QTA_blood_bag_with_tracer.png);
	background-repeat: no-repeat;
	background-size: cover;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#qta_blood_bag_with_tracer_circle_img{
	width: 164px;
	height: 164px;
	position: absolute;
    bottom: 30%;
    right: 0px;
	background-image: url(../images/QTA_solution_circle.png);
	background-repeat: no-repeat;
	background-size: cover;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#solution_example_container{
	width: 90%;	
}
#solutions_diffrent_setups{
	/*width: 95%;*/
}

#solutions_examples_header {
    padding-top: 2%;
    /*padding-left: 5%;*/
}

#solutions_examples{
	/*padding-left: 5%;*/
}

#qta_soution1_img{
	position: relative;
	width: 497px;
	height: 136px;
	align-content: center;
	background-image: url(../images/QTA_solution_1.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#qta_soution2_img{
	position: relative;
	width: 782px;
	height: 126px;
	align-content: center;
	background-image: url(../images/QTA_solution_2.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#qta_soution3_img{
    position: relative;
	width: 911px;
	height: 156px;
    align-content: center;
    background-image: url(../images/QTA_solution_3.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    background-position: center;
    transition: all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
    -webkit-transition: all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#solutions_examples_txt1 ul{
	padding-left: 5%;
}

#solution_other_products_col2_txt{
	padding-top: 5%;
}
#qta_test_tubes_img{
	position: relative;
	width: 428px;
	height: 416px;
	align-content: center;
	background-image: url(../images/QTA_test_tubes.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}


/* ***************   Technology page      *********************/  
#technology_text_1{
	width: 40%;
	position: absolute;
	bottom: 20%;
	right: 10%;
	margin: 0px;
}

#technology_text_2{
	background-color: #85c9f0; 
}


#technology_img {
	position: relative;
	width: 100%;
	height: 662px;
	align-content: center;
	background-image: url(../images/QTA_Header_Artificial_Intelligence_Geometric.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#technology_img_circle_img{
	position: absolute;
	width: 200px;
	bottom: 50px;
    left: 50px;
}

#technology_img_circle_img img{
	width: 100%;
	height: auto;
}

#technology_qta_tracer_img {
	position: relative;
	width: 483px;
	height: 523px;
	background-image: url(../images/QTA_Tracer.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#technology_tracer_info_txt1{
	padding-top: 0px;
}

#technology_tracer_info_txt1 ul{
	list-style-position: outside;
	line-height: 2.0em;
	color: #d61219;
}



#technology_container{
	width: 90%;	
}

#technology_header {
    padding-top: 2%;
	padding-left: 0px;
    /*padding-left: 5%;*/
}

#technology_qta_ap_container{
	position: relative;
	height:350px;
}
#technologh_qta_ap_blue_banner{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 90%;
}

#qta_ap_col1_txt{
	padding: 30px;
	padding-left: 5%;
	width: 50%;
}
#technology_half_computer_img{
	position: absolute;
	right:0px;
	top:0px;
	width: 386px;
	height: 355px;
	
	background-image: url(../images/QTA_solution_half_computer.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#technology_half_computer_circle_img{

	position: absolute;
	width: 200px;
	bottom: 100px;
    right: 240px;
}

#technology_half_computer_circle_img img{
	width: 100%;
	height: auto;
}

#technology_smart_extra_features_container{
	
	width: 90%;
}

#technology_smart_extra_features_cin{
	position:relative;
	height: 440px;
}

#technology_smart_extra_features_cin_header{
	padding-top: 65px;
}

#technology_smart_extra_features_cin_img{
	position: absolute;
	right:0px;
	top: 0px;
	width: 460px;
	height: 392px;
	
	background-image: url(../images/QTA_technology_cin.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;	
}

#technology_smart_extra_features_reader{
	position:relative;
	height: 440px;
}

#technology_smart_extra_features_reader_header{
	padding-top: 22px;
}

#technology_smart_extra_features_reader_img{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 465px;
	height: 390px;
	
	background-image: url(../images/QTA_technology_reader.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;	
}

#technology_smart_extra_features_web{
	position:relative;
	height: 440px;
}

#technology_smart_extra_features_web_header{
	padding-top: 52px;
}

#technology_smart_extra_features_web_img{
	position: absolute;
	right: 0px;
	top: 0px;
	
	width: 510px;
	height: 325px;
	
	background-image: url(../images/QTA_technology_web_portal.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;	
}


/*****************   PRESS page **********************************/
.date_link_article {
	font-weight: bold;
}

.pressArticle {
	margin: 10px 10px 10px 10px;
	padding: 15px 15px 15px 15px;
	spacing: 10px;
	border-style: solid;
	border-width: thin;
	border-color: #85c9f0;
}

/*****************   ABOUT page **********************************/
#about_img {
	position: relative;
	width: 100%;
	height: 396px;
	align-content: center;
	background-image: url(../images/hono.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#about_text_1{
	width: 40%;
	position: absolute;
	top: 20%;
	right: 10%;
	margin: 0px;
}

.about_contact_columns_margins{
	padding: 15px 15px 15px 15px;
}


/*****************   SUPPORT page **********************************/
#support_img {
	position: relative;
	width: 100%;
	height: 500px;
	align-content: center;
	background-image: url(../images/QTA_SIN_2703_Doctor_iPad_TDY_2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#support_text_1{
	width: 40%;
	position: absolute;
	bottom: 20%;
	left: 5%;
	margin: 0px;
}


/*****************   MEDIA page **********************************/
#media_img {
	position: relative;
	width: 100%;
	height:700px;
	align-content: center;
	background-image: url(../images/TDY_Header_Runway_web.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#media_text_1{
	width: 40%;
	position: absolute;
	bottom: 20%;
	right: 2%;
	margin: 0px;
}


/*****************   PRESS page **********************************/
#press_img {
	position: relative;
	width: 100%;
	height:500px;
	align-content: center;
	background-image: url(../images/PRESS_web.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding:10px 0px;
	background-position: center;
	transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
	-webkit-transition:all 400ms cubic-bezier(0.25,0.1,0.25,1) 0s;
}

#press_text_1{
	width: 80%;
	position: absolute;
	top: 2%;
	left: 5%;
	margin: 0px;
}




/* ***************   tables, tr, td ...      *********************/   
th {
  padding: 6px;
  spacing: 2px; }

td {
  padding: 2px;
  spacing: 2px; }

.dataTable {
	font-size: 80%;	
}

.odd {
  background: #BACFE9; }

.even {
  background: #FFFFFF; }

.export-data-links {
	font-size: 80%;
}

.header_background {
  /*background: #999999;*/
  background: #808080;
  font-weight: bold;
  color: #FFFFFF;
  width: 350px; }

.header1_background {
  /*background: #999999;*/
  background: #808080;
  font-weight: bold;
  color: #FFFFFF;
  width: 225px; }

.header2_background {
  /*background: #999999;*/
  background: #808080;
  font-weight: bold;
  color: #FFFFFF; }

.cell_width_config_portheader {
  width: 240px; }

.cell_width_readoutdetails {
  width: 170px; }

#readout_info {
  margin: 6px 0px 6px 0px; }

#tracer_info {
  margin: 6px 0px 6px 0px; }

#time_table {
  width: 360px; }

#tracer_info_table {
  background: #FFFFFF;
  width: 360px;
  margin: 6px 0px 6px 0px; }

#tracer_info_table tr {
  border: 1px solid #CCCCCC; }

#config_info_table {
  background: #FFFFFF;
  width: 400px; }

#config_info_table tr {
  border: 1px solid #CCCCCC; }

.tracer_list_item_1 {
  margin: 2px 0px 4px 15px;
  font-size: 100%; }

/* Selected row in table */
.selectedRow a {
  color: #FFFFFF; }

.selectedRow {
  /*background: #999999;*/
  background: #808080;
  /* font-weight: bold; */
  color: #FFFFFF;
  border: 1px solid #ffffff;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px; }

.selectedRow td:first-child {
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px; }

.selectedRow td:last-child {
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px; }

/*rounded corners on tables */
table#time_table tr:first-child td:first-child {
  border-top-left-radius: 6px; }

table#time_table tr:first-child td:last-child {
  border-top-right-radius: 6px; }

table#time_table tr:last-child td:first-child {
  border-bottom-left-radius: 6px; }

table#time_table tr:last-child td:last-child {
  border-bottom-right-radius: 6px; }

table#readout_table tr:nth-child(2) td:nth-child(1) {
  border-top-left-radius: 6px; }

table#readout_table tr:nth-child(2) td:last-child {
  border-top-right-radius: 6px; }

table#readout_table tr:last-child td:first-child {
  border-bottom-left-radius: 6px; }

table#readout_table tr:last-child td:last-child {
  border-bottom-right-radius: 6px; }

table#header_table tr:nth-child(2) td:nth-child(1) {
  border-top-left-radius: 6px; }

table#header_table tr:nth-child(2) td:last-child {
  border-top-right-radius: 6px; }

table#header_table tr:last-child td:first-child {
  border-bottom-left-radius: 6px; }

table#header_table tr:last-child td:last-child {
  border-bottom-right-radius: 6px; }

  
  
/* ***************   arrows previous, next..      *********************/    
#arrow-next {
  display: inline-block;
  font-size: 80%;
  font-weight: bold; }

#arrow-first {
  display: inline-block;
  font-size: 80%;
  font-weight: bold; }

#arrow-previous {
  display: inline-block;
  font-size: 80%;
  font-weight: bold; }

#arrow-last {
  display: inline-block;
  font-size: 80%;
  font-weight: bold; }

#current {
  color: #cc3333;
  font-size: 80%;
  font-weight: bold; }

.page-number {
  font-size: 80%;
  font-weight: bold; }

#search_hits {
  font-size: 80%; 
  
}

  
  
  
/* ***************   Responsive      *********************/   
@media screen and (max-width: 1280px) {
	.qta_text_heavy{
	font-size: 58px;
	}

	.qta_text_large{
		font-size: 30px;
	}

	.qta_text_medium{
		font-size: 25px;
	}

	.qta_text_small{
		font-size: 15px;
	}
	
  	body {
    	font-size: 14px;
	} 
	  
  	table {
		font-size:14px;
  	}   
	
	/**************** Home page ******************/
	#home_quality_protect_img {
		height: 662px;
	}
	
	#home_process_img {
		/*height: 80px;*/
		height: 200px;
	}
	#home_wasted_blood_col1_img{
		height: 321px;
	}
	
	#home_col1_txt, #home_col2_txt, #home_col3_txt{
		height: 160px;
		padding: 25px;
	}
	#home_col1_img{
		height: 265px;
	}
	
	#home_col2_img{
		height: 265px;
	}
	
	#home_col3_img{
		height: 265px;
	}
	
	/**************** Solution page ******************/
	#solutions_img {
		height: 662px;
	}
	
	#qta_soution1_img {
		width: 497px;
		height: 136px;
	}
	#qta_soution2_img{
		width: 782px;
		height: 126px;
	}
	
	#qta_soution3_img{
		width: 911px;
		height: 156px;
	}
	
	#qta_blood_bag_with_tracer_img{
		width: 400px;
		height: 429px;		
	}
	
	#qta_blood_bag_with_tracer_circle_img{
		width: 164px;
		height: 164px;
	}
	
	#qta_test_tubes_img{
		width: 428px;
		height: 416px;
	}
	
	/**************** Technology page ******************/
	

}



@media screen and (max-width: 991px) {
	.qta_text_heavy{
		font-size: 48px;
	}

	.qta_text_large{
		font-size: 27px;
	}

	.qta_text_medium{
		font-size: 18px;
	}

	.qta_text_small{
		font-size: 13px;
	}	

	body {
		font-size: 12px; 
	} 
	table {
		font-size:12px;
	}
	
	.dropdown-menu {
		font-size: 12px;
	}
	
	/**************** Home page ******************/
	#home_quality_protect_img {
		height: 547px;
	}
	
	#home_process_img {
		/*height: 60px;*/
		height: 170px;
	}
	
	#home_wasted_blood_col1_img{
		height: 265px;
	}
	
	#home_col1_txt, #home_col2_txt, #home_col3_txt{
		height: 120px;
		padding: 20px;
	}
	
	#home_col1_img{
		height: 219px;
	}
	
	#home_col2_img{
		height: 219px;
	}
	
	#home_col3_img{
		height: 219px;
	}	
	
	/**************** Solution page ******************/
	#solutions_img {
		height: 547px;
	}
	
	#qta_soution1_img {
		width: 410px;
		height: 112px;
	}
	#qta_soution2_img{
		width: 650px;
		height: 104px;
	}
	
	#qta_soution3_img{
		width: 752px;
		height: 129px;
	}
	
	#qta_blood_bag_with_tracer_img{
		width: 330px;
		height: 355px;		
	}
	
	#qta_blood_bag_with_tracer_circle_img{
		width: 135px;
		height: 135px;
	}
	
	#qta_test_tubes_img{
		width: 354px;
		height: 344px;
	}
	
	/**************** Technology page ******************/
	#technology_img {
		height: 547px;
	}
	
	#technology_img_circle_img{
		width: 120px;
		bottom: 10px;
		right: 5px;
	}
	
	#technology_qta_tracer_img {
		width: 360px;
		height: 384px;
	}
	#technology_qta_ap_container{
		position: relative;
		height:300px;
	}

	#technology_half_computer_img{
		width: 308px;
		height: 284px;
	}
	
	#technology_half_computer_circle_img{
		width: 120px;
		bottom: 100px;
		right: 200px;
	}
	
	
	#technology_smart_extra_features_cin{
		height: 300px;
	}

	#technology_smart_extra_features_cin_header{
		padding-top: 40px;
	}

	#technology_smart_extra_features_cin_img{
		width: 294px;
		height: 251px;
	}

	#technology_smart_extra_features_reader{
		height: 300px;
	}

	#technology_smart_extra_features_reader_header{
		padding-top: 7px;
	}

	#technology_smart_extra_features_reader_img{
		width: 297px;
		height: 249px;

	}

	#technology_smart_extra_features_web{
		height: 250px;
	}

	#technology_smart_extra_features_web_header{
		padding-top: 30px;
	}
	
	#technology_smart_extra_features_web_img{
		width: 326px;
		height: 208px;

	}
	
	
	/**************** ABOUT page ******************/
	#about_img{
		height: 325px;
	}
	
	/**************** SUPPORT page ******************/
	#support_img{
		height: 400px;
	}
	
	/**************** MEDIA page ******************/
	#media_img{
		height: 500px;
	}
	
	/**************** PRESS page ******************/
	#press_img{
		height: 500px;
	}
}

@media screen and (max-width: 768px) {
	.qta_text_heavy{
		font-size: 37px;
	}

	.qta_text_large{
		font-size: 20px;
	}

	.qta_text_medium{
		font-size: 15px;
	}

	.qta_text_small{
		font-size: 10x;
	}  	

	body {
    	font-size: 10px; 
	} 
	table {
		font-size:10px;
	} 	
	
	.dropdown-menu {
		font-size: 10px;
	}
	
	.qta_columns_two {
        width: 100%;
    }
	.qta_columns_three {
        width: 100%;
    }
	.qta_columns_four {
        width: 100%;
    }
	
	/**************** Home page ******************/
	#home_col1, #home_col2, #home_col3 {
		width:100%;
		display: block;
		box-sizing: border-box;
	}
	
	#home_quality_protect_img {
		/*height: 424px;*/
		height: 300px;
	}
	
	#home_col1_txt, #home_col2_txt, #home_col3_txt{
		height: 100px;
		padding: 15px;
	}
	
	#home_process_img {
		/*height: 148px;*/
		height: 110px;
	}
	
	#home_wasted_blood_col1_img{
		height: 205px;
	}
	
	#home_col1_img{
		height: 320px;
	}
	
	#home_col2_img{
		height: 320px;
	}
	
	#home_col3_img{
		height: 320px;
	}
	
	
	/**************** Solution page ******************/
	#solutions_img {
		height: 424px;
	}
	
	#qta_soution1_img {
		width: 318px;
		height: 87px;
	}
	#qta_soution2_img{
		width: 503px;
		height: 81px;
	}
	
	#qta_soution3_img{
		width: 583px;
		height: 100px;
	}	
	
	#qta_blood_bag_with_tracer_img{
		width: 256px;
		height: 275px;		
	}
	
	#qta_blood_bag_with_tracer_circle_img{
		width: 105px;
		height: 105px;
	}
	
	#qta_test_tubes_img{
		width: 274px;
		height: 267px;
	}	
	
	/**************** Technology page ******************/
	#technology_img {
		height: 424px;
	}
	
	#technology_img_circle_img{
		width: 100px;
		bottom: 10px;
		left: 10px;
	}
	
	#technology_qta_tracer_img {
		width: 289px;
		height: 315px;
	}
	
	#technology_qta_ap_container{

		height:300px;
	}

	#technology_half_computer_img{
		width: 221px;
		height: 204px;
	}
	
	#technology_half_computer_circle_img{
		width: 100px;
		bottom: 100px;
		right: 150px;
	}
	
	#technology_smart_extra_features_cin{
		height: auto;
	}

	#technology_smart_extra_features_cin_header{
		padding-top: 5px;
	}
	
	#technology_smart_extra_features_cin_img{
		position: relative;
		width: 228px;
		height: 194px;
	}

	#technology_half_computer_circle_img{
		width: 100px;
		bottom: 100px;
		right: 150px;
	}
	
	#technology_smart_extra_features_reader{
		height: auto;
	}

	#technology_smart_extra_features_reader_header{
		padding-top: 5px;
	}
	
	#technology_smart_extra_features_reader_img{
		position: relative;
		width: 230px;
		height: 193px;

	}

	#technology_smart_extra_features_web_img{
		position: relative;
		width: 253px;
		height: 161px;

	}	
	
	/**************** ABOUT page ******************/
	#about_img{
		height: 237px;
	}
	
	/**************** SUPPORT page ******************/
	#support_img{
		height: 200px;
	}
	
	/**************** MEDIA page ******************/
	#media_img{
		height: 300px;
	}	

	/**************** PRESS page ******************/
	#press_img{
		height: 300px;
	}	
}