.xCoord {
	float:left;
	background-color:pink;
	width:20%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	height:5px;
}

.xCoordEnd {
	float:left;
	background-color:pink;
	width:19%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	height:5px;
}

.xCoordNum {
	float:left;
	background-color:red;
	width:20%;
	line-height:15px;
	font-size: 12px;
}

.entry-content .pipeline_cont a {
	text-decoration: none;
}



.mytr,.mytr2 {
    color: #000;
    font-size: 14px;
    line-height:1;
    text-align:left;
    float:left;
	padding:11px 0;
}
.mytr p,.mytr2 p{
    color: #000;
    font-size: 14px;
    line-height:1;
    padding:0 10px 0 0;
    margin: 0;
}


.page-template-pipeline-preclinical .mytr,.page-template-pipeline-preclinical .myth {
	margin-right:1%;
}

.pipeline_cont table,.pipeline_cont table td {
	border: none;
	padding: 0;
	margin: 0;
	height: 50px;
	vertical-align: top;
}
.entry-content .pipeline_cont th {
	padding: 0;
	font-weight: normal;
	text-transform: none;
}


.pipeline_cont table tr td:first-child {
	border-bottom:1px dashed #cdc1d7;
}
.group_description {
	padding-bottom:15px;
	display: none;
	font-weight: normal;
}

.desc_link {
	display: inline;
	vertical-align: text-top;
}

.desc_link:after {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	content: "\f501";
	font: normal 10px/2 Genericons;
	vertical-align: text-bottom;
}
.titleopen:after {
	content: "\f502";
  	left: -3px;
  	top:3px;
    position: relative;
}


.pipeline_cont #dc-3 table tr td:first-child,.pipeline_cont #dc-8 table tr td:first-child{
	border-color:#8ba8c0;
}
.pipeline_cont #dc-4 table tr td:first-child,.pipeline_cont #dc-9 table tr td:first-child {
	border-color:#c79594;
}

.pipeline_cont #dc-7 table tr td:first-child,.pipeline_cont #dc-10 table tr td:first-child  {
	border-color:#e0c184;
}
.pipeline_cont #dc-6 table tr td:first-child,.pipeline_cont #dc-11 table tr td:first-child  {
	border-color:#af8cbf;
}
.pipeline_cont #dc-5 table tr td:first-child,.pipeline_cont #dc-12 table tr td:first-child  {
	border-color:#9fb281;
}


.pipeline_cont table tr:last-child td:first-child {
	border: none;
}
.pipeline_cont table tr td:first-child:hover {
	background-color: #f2f2f2;
	cursor: pointer;

}
.page-template-pipeline-preclinical table tr td:first-child:hover {
	background-color: transparent;
	cursor: default;
}



.drug_desc {
    color: #000;
font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height:1.3;
    text-align:left;
    padding:2px 5px 5px 0;
    padding:15px;
    display: none;
}


.drug_desc li,.drug_desc a, .drug_desc sub,.drug_desc sup{
    font-size: 13px;
    line-height:1.3;
}

.mydTitle {

	font-weight: 600;
	font-weight: normal;
    font-size: 20px;
    margin-top:15px;
    margin-bottom: 15px;
   /* position: relative; */
    height: 10px;
    border: none;
    border-right: 1px solid #fff;
}
.entry-content .pipeline_cont .mytitleRow  .mydTitle {
	padding: 0;
	height: 44px;
	margin: 0;
}



.home .mydTitle {
	border-right-color: #5d5d74;
}
.home .dp {
	border-right-color: #5d5d74;
}
.pipedivtitle {
	position: absolute;
	left: 15px;
	top:6px;
	min-width: 200px;
}
.pipeholder {
	margin: 0;
	height: 0;
	padding: 0;
}
.entry-content .pipeholder td {
	padding: 0;
	border: none !important;
}

.mydTitle a {
	text-decoration: none;
	color: #336676;
}
.mydTitle a:hover {
	color: #e4a225;
}
.home .mydTitle a {
	color:#fff;
}
.home .mydTitle a:hover {
	color: #0d7899;
}
.pipedivtitle:before {
	content:"";
	background-image:url(/wp-content/uploads/2019/02/logo-bug.png);
	width: 18px;
	height: 17px;
	background-size: cover;
	position: absolute;
	left:-30px;
	top:7px;
}
.mytitleRow {
	position: relative;
	background-color: #dfdfe6;
}
@-moz-document url-prefix() { /* firefox work around */
	.mytitleRow {
		height: 44px;
	}
	.entry-content .pipeline_cont .mytitleRow  .mydTitle {
		height: auto;
	}
}


.home .mytitleRow {
	background-color:#282746;
}
.mytitleRow:after {
	content: "";
	position: absolute;
	top: 17px;
	bottom: 17px;
	left:100%;
	width:1000px;
	background-color:#dfdfe6;
	z-index: -1;
}
.home .mytitleRow:after {
	background-color: #282746;
	left: -2000px;
	width: 10000px;
	height: 10px;
}

.mytitleRow td:first-child:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0px;
	right: 98.7%;
	width: 27px;

	background-color:#dfdfe6;
	z-index: -1;
	display: block;


/*
	width: 45px;
		height: 23px;
		top: 10px;
	-webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);

	transform: rotate(-90deg);  */
}

.home .mytitleRow:before {
	content: "";
	content: none;
	position: absolute;
	background-color:#282746;
	z-index: -1;
	display: block;
	height: auto;
	transform: none;
	-webkit-clip-path: none;
	clip-path: none;
	top: 17px;
	bottom: 17px;
	right: 100%;
	width: 1000px;
}
.drug_detailsX a {
	color:#336676;
}
.drug_detailsX a:hover {
	color:#e4a225;
}

@media not all and (min-resolution:.001dpcm) { /* safari hack */
	@media {/* your code for Safari Desktop & Mobile 2*/
		.home .mytitleRow:after {
			height:10px;
			bottom: auto;
			top: auto;
			margin-top: 17px;
			left:-1000px;
		}
	}
}



.mytitleRow .mydTitle:first-child,
.mytitleRow .mydTitle:last-child {
	border: none;
}
.mytitleRow .mydTitle:first-child {
	position: relative;
}
.mytitleRow .mydTitle:last-child {
	position: relative;
}
.mytitleRow .mydTitle:last-child:after {
	content:"";
	background-image: url(/wp-content/themes/alkahest/images/right_pipe.png);
	background-repeat: no-repeat;
	background-position: left center;
	position: absolute;
	left:99.5%;
	top:0;
	bottom:0;
	width: 222px;
}

.home .mytitleRow .mydTitle:last-child:after {
	content:"";
	background-image: url(/wp-content/themes/alkahest/images/right_pipe_drk.png);
	background-repeat: no-repeat;
	background-position: left center;
	position: absolute;
	left:99.5%;
	top:0;
	bottom:0;
	width: 221px;
}

.home .mytitleRow .mydTitle:first-child:before {
	content:"";
	background-image: url(/wp-content/themes/alkahest/images/right_pipe_drk.png);
	background-repeat: no-repeat;
	background-position: left center;
	position: absolute;
	right:100%;
	top:0;
	bottom:0;
	width: 221px;
	transform: rotate(180deg);
	background-color: #110f32;
}



.mydTitle .group_description p{
	font-size: 16px;
}
.hasContent {
   cursor: pointer;
}
.pipeline_widget{
	position:relative;
	z-index:2;
}
.pipeline_widget label{
	cursor: pointer;
	margin-right:20px;
		padding-left: 17px;
	color:#234F71;
	font-size: 23px;
}

.pipeline_widget .searchon {
	background-color: #234F71;
}
.pipeline_widget .searchon label {
	color:#fff;
}
.pipeline_widget input {
	border:none;
	font-size: 23px;
	color:#666666;
	padding-top:5px;
	padding-bottom:3px;
		padding-right:30px;
	background-color: #e7edf2;
	margin-left:17px;
	/*margin-right:28px; */
}
.pipeline_widget #pipes {
	padding-right:46px;
	max-width: 305px;
}



.pipeline_widget h2{
	color:#000;
	font-size: 23px;
	margin-left: 17px;
	font-weight: bold;
	font-weight: normal;
}
.pipeline_widget input[type="checkbox"]{
	position:absolute;
	top:8px;
	right:25px;
	height:auto;
}
button.btn {
	border:none;
	background-image: url("magnify.png");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 4px 7px;
	cursor: pointer;
	height: 40px;
	text-indent: -9999px;
	width: 28px;
	/*float: right;*/
	position: absolute;
	top:0;
	right:0;
	border-left:0;
	padding:0;
	margin-right:30px;
}
.entry-content .backtotop {
    background-color: #234F71;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    font-weight: 700;
    font-weight: normal;
    padding: 5px 15px 6px;
    display: block;
    text-transform: uppercase;
    vertical-align: bottom;
    text-decoration: none;
    margin:10px 0 5px 0;
    width:90px;
}


.clickme a{
	font-size: 13px;
}

.drug_cat {
	padding:0 25px 25px 25px;
}



.mytl2 {
	width:380px;
	float:left;
}
.mytr {
	width:145px;
}
.mytr2 {
	position:relative;
	width:344px;
	padding-right:32px;

}
.mycol1 {
	width:240px;
	float:left;
}

.closebutton span {
	background-color: #234F71;
    border: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    font-weight: normal;
    line-height: 1;
    padding: 4px 10px;
}
.drug_desc h3{
	font-size: 1.4em;
}
@media screen and (max-width: 1620px) {
	.drug_detailsX {
		width:725px;
	}
	.myth{
		width:42px;
	}
	.mytl {
		width:116px;
	}
	.mytl2 {
		width:304px;
	}
	.mytr {
		width:116px;
	}
	.mytr2 {
		width:268px;
	}
	.mycol1 {
		width:192px;
	}
}

@media screen and (max-width: 1400px) {
	.drug_detailsX {
		width:624px;
	}
	.myth{
		width:36px;
	}
	.mytl {
		width:100px;
	}
	.mytl2 {
		width:261px;
	}
	.mytr {
		width:100px;
	}
	.mytr2 {
		width:226px;
	}
	.mycol1 {
		width:165px;
	}
	.mytr p,.mytr2 p,.mytr,.mytr2 {
		font-size: 12.5px;
	}
}

@media screen and (max-width: 1280px) {
	.mytr p, .mytr2 p {
		font-size: 16px;
	}
	.mytr, .mytr2 {
    	font-size: 16px;
    	padding: 7px 0;
	}

	.mydTitle {
	    font-size: 20px;
    	margin-bottom: 23px;
    	margin-top: 23px;
	}
	.myth {
    	margin-bottom: 5px;
    	padding-bottom: 3px;
    }
	.pipeline_widget h2 {
		font-size: 16px;
		margin-left: 17px;
	}

	.pipeline_widget label {
		font-size: 16px;
    	margin-right: 20px;
    	padding-left: 17px;
    }
	.pipeline_widget input[type="checkbox"]{
		top:6px;
	}
	.pipeline_widget input {
		font-size: 16px;
	}
	.drug_detailsX {
		width:570px;
	}
	.myth{
		width:33px;
	}
	.mytl {
		width:91px;
	}
	.mytl2 {
		width:239px;
	}
	.mytr {
		width:91px;
	}
	.mytr2 {
		width:203px;
	}
	.mycol1 {
		width:151px;
	}
	.pipeline_widget #pipes {
		max-width: 242px;
	}
	button.btn {
		height:31px;
		background-size: 61%;
		background-color: #e7edf2;
		margin-right:17px;
	}
	.pipeline_widget input {
    	font-size: 16px;
	}
	.mytr p,.mytr2 p,.mytr,.mytr2 {
		font-size: 11.5px;
	}
}

@media screen and (max-width: 1130px) {
	.page-template-pipeline .entry-content, .page-template-pipeline-preclinical .entry-content {
    	padding-left: 0;
	}

	.pipehead {
    	margin-left: 0;
	}
	.page-template-pipeline #left_nav, .page-template-pipeline-preclinical #left_nav {
		float:none;
		width:95%;
		margin-bottom: 5%;
	}
	.page-template-pipeline #content,.page-template-pipeline-preclinical #content {
		float: none;
		max-width: 95%;
	}
	#pipe-ph {
		width: 275px;
		float:right;
		margin:0 5% 0 0;
	}
	#pipe-ta {
		width: 275px;
		margin:0 0 0 5%;
		float:left;
	}
}


.drug_cat {
	width: 1078px;
}

.drug_detailsX,
.entry-content .drug_detailsX {
	width:27%;
	vertical-align: middle;
	border: none;
	padding-left: 3%
}
.page-template-pipeline-preclinical .drug_detailsX {
    width: 89.7%;
}
.pipeline_cont,
.entry-content .pipeline_cont{
	table-layout: fixed;
	margin: 0 0 0 22px;
	border: none;
}
.home .pipeline_cont {
	margin-left: 60px;
}

.mytr {
	width:23%;
}
.mycol1 {
	width:26%;

}
.mytr2 {
	width:28%;
	padding-right:0;
}

.myth,
.entry-content .pipeline_cont .myth {
	width:14%;
	border-color: #e1dfdf;
	padding: 20px 1% 8px;
	border-bottom: none;
}
.home .myth,
.home .entry-content .pipeline_cont .myth {
	border-color:#5d5d74;
}

.myth:last-child, .entry-content .pipeline_cont .myth:last-child {
	border-right: none;
	overflow-wrap:initial;
}
.entry-content .pipeline_cont td {
	border-bottom: none !important;
}
.entry-content .pipeline_cont .myth:nth-child(4),
.entry-content .pipeline_cont .myth:nth-child(5) {
	overflow-wrap:initial;
}

.dp:last-child,
.entry-content .pipeline_cont .dp:last-child{
	border-right: none;
}
.column-1,
.entry-content .pipeline_cont .column-1  {
	width:34%;
	padding-left: 1.5%;
	padding-right: .5%;
	font-weight: 600;
	font-weight: normal;
	font-size: 20px;
}
.column-1 div {
	font-weight: normal;
	margin-left: 6%;
	font-size: 14px;
}

.pipeline_cont #phase-1 .drug_progress div {
	/*top: -34px; */
}

.drug_progress,
.entry_content .drug_progress {
	padding-left: 0 !important;
	vertical-align: middle;
	border: none;
	position: relative;
}
.drug_progress div {
	height: 15px;
	background-color: #0080a2;
	border-radius: 7px;;

    position: relative;
    font-size: small;
    box-sizing: border-box;
    line-height: 1;
    transform-origin: left bottom;
   /* animation: scaleIn 1610ms 0s 1 both ease-out;*/
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top:8px;
	top:-25px;
	left:0;
}

.home .drug_progress div {
	border: 1px solid #fff;
}

    @keyframes scaleIn {
        from {
            transform: scaleX(0);
        }

        to {
            transform: scaleX(1);
        }
    }

.searchdivs input {
	padding-right:0;
	margin-left: 0;
	background-color: transparent;
}
.page-template-pipeline-preclinical .mytr2  {
	width: 25%;
}

.page-template-page-templates .mytr2 {
	/*width:33%; */
}
@media screen and (max-width: 1700px) {
	.drug_cat {
		width: 978px;
	}
}
@media screen and (max-width: 1600px) {
	.drug_cat {
		width: 878px;
	}
}
@media screen and (max-width: 1500px) {
	.drug_cat {
		width: 778px;
	}
}
@media screen and (max-width: 1400px) {
	.drug_cat {
		width: 678px;
	}
}
@media screen and (max-width: 1200px) {
	.drug_cat {
		width: 578px;
	}
}
@media screen and (max-width: 1130px) {
	.drug_cat {
		width: 95%;
	}
	.mytr p,.mytr2 p,.mytr,.mytr2 {
		font-size: 14px;
	}

}
@media screen and (max-width: 1024px) {

	.drug_desc h3{
		font-size: 1.2em;
	}
}
@media screen and (max-width: 890px) {
	.mytr p,.mytr2 p,.mytr,.mytr2 {
		font-size: 12px;
	}
}
@media screen and (max-width: 850px) {
	.home .pipeline_cont {
		margin-left: 30px;
	}
}

@media screen and (max-width: 800px) {
	.drug_cat {
		padding: 0 0 0 36px;
	}
	#left_nav {
		min-height:250px;
	}
	#pipe-ph {
		margin-top: 40px;
	}
}
@media screen and (max-width: 770px) {
	.mytr p,.mytr2 p,.mytr,.mytr2 {
		font-size: 11px;
	}
}
@media screen and (max-width: 740px) {
	.mytr p,.mytr2 p,.mytr,.mytr2 {
		font-size: 10px;
	}
}
@media screen and (max-width: 685px) {
	.mytr p,.mytr2 p,.mytr,.mytr2 {
		font-size: 9px;
	}
	.mydTitle {
	    font-size: 17px;
	}
}
@media screen and (max-width: 680px) {
	.home .pipeline_cont {
		margin-left: 12px;
	}
	.column-1 div {
		margin-left: 0;
	}
}

@media screen and (max-width: 650px) { /* small tablet portrait *//* mobile landscape */
	#pipe-ta {
		float:none;
		width:100%;
		margin-left:0;
	}
	#pipe-ph {
		float: none;
		width:100%;
	}
	.drug_cat {
    	padding: 0 0 0 7px;
    	width: 98%;
	}
	.pipeline_widget label {
    	font-size: 14px;
    	line-height: 1;
    }
	.pipeline_widget input[type="checkbox"]{
		top:3px;
	}
    .myth,.mytr p, .mytr2 p,.mytr, .mytr2 {
    	line-height: 1;
    }
	.page-template-pipeline #content, .page-template-pipeline-preclinical #content {
		max-width: 100%;
	}
	.page-template-pipeline #left_nav, .page-template-pipeline-preclinical #left_nav {
		width: 100%;
	}

	.page-template-pipeline #page, .page-template-pipeline-preclinical #page {
		margin:0 auto;
	}
	button.btn {
		height:28px;
		background-size: 50%;
		background-color: #e7edf2;
		right:auto;
	}
	.pipeline_widget input {
    	font-size: 14px;
	}
	.myth, .entry-content .pipeline_cont .myth {
		padding-left: 0;
		padding-right: 0;
	}
	.drug_detailsX, .entry-content .drug_detailsX {
		padding-left: 0;
	}
	.page-template-pipeline .entry-content .pipeline_cont {
		padding-left: 2px;
	}
	.drug_detailsX, .entry-content .drug_detailsX {
		font-size: 12px;
	}
	.home .pipeline_cont {
		margin-left: -6px;
	}
	.pipedivtitle:before {
		left: -20px;
	}
	.column-1, .entry-content .pipeline_cont .column-1 {
		width: 40%;
	}
	.home .myth {
		font-size: 9px;
	}
	.myth {
		font-size: 10px;
		text-align: center;
	}
}
@media screen and (max-width: 530px) {

	.pipeline_cont .myth:first-child {
		text-align: left;
	}
}
@media screen and (max-width: 480px) {
	.pipehead {
		margin:0 20px;
	}
	.mytr p, .mytr2 p {
	    padding: 0 5px 0 0;
    }
	.closebutton span {
		padding: 2px 4px;
	}
	.drug_desc{
	 	padding: 10px 5px;
	 	font-size: 11px;
	 }
	.entry-content .drug_desc ul li,.entry-content .drug_desc ol li,.drug_desc li{
	 	font-size: 11px;
	 }
	.drug_desc sub, .drug_desc sup{
		font-size: 75%;
	}
	.home .pipeline_cont {
	/*	margin-left: 0px; */
	}
	.page-template-pipeline .entry-content .pipeline_cont {
		margin-left: 0;
	}
	.page-template-pipeline .pipedivtitle {
		left: 40px;
		left: 20px;
	}
	.home .mytitleRow .mydTitle:first-child:before {
		/*right: auto;
		left: -8px;*/
	}

}

@media screen and (max-width: 380px) {
	.column-1, .entry-content .pipeline_cont .column-1 {
		font-size: 18px;
	}
	.home .pipeline_cont,
	.home .entry-content .pipeline_cont {
		width: 105%;
	}
	.drug_detailsX, .entry-content .drug_detailsX {
		font-size: 11px;
	}
	.myth, .entry-content .pipeline_cont .myth {
		width: 16%;
	}
	.column-1, .entry-content .pipeline_cont .column-1 {
		width:40%;
	}
	.drug_detailsX, .entry-content .drug_detailsX {
		padding-right: 2px;
	}
	.myth {
		font-size: 9px;
	}
	.home .drug_detailsX,
	.home .entry-content .drug_detailsX {
		padding-right: 0;
	}
}
