@font-face {
  font-family: 'NeutralStdRegular';
  src: url('../fonts/NeutralStdRegular.eot');
  src: url('../fonts/NeutralStdRegular.eot') format('embedded-opentype'),
       url('../fonts/NeutralStdRegular.woff2') format('woff2'),
       url('../fonts/NeutralStdRegular.woff') format('woff'),
       url('../fonts/NeutralStdRegular.ttf') format('truetype'),
       url('../fonts/NeutralStdRegular.svg#NeutralStdRegular') format('svg');
}
@font-face {
  font-family: 'NeutralStdRegularItalic';
  src: url('../fonts/NeutralStdRegularItalic.eot');
  src: url('../fonts/NeutralStdRegularItalic.eot') format('embedded-opentype'),
       url('../fonts/NeutralStdRegularItalic.woff2') format('woff2'),
       url('../fonts/NeutralStdRegularItalic.woff') format('woff'),
       url('../fonts/NeutralStdRegularItalic.ttf') format('truetype'),
       url('../fonts/NeutralStdRegularItalic.svg#NeutralStdRegularItalic') format('svg');
}
@font-face {
  font-family: 'NeutralStdMedium';
  src: url('../fonts/NeutralStdMedium.eot');
  src: url('../fonts/NeutralStdMedium.eot') format('embedded-opentype'),
       url('../fonts/NeutralStdMedium.woff2') format('woff2'),
       url('../fonts/NeutralStdMedium.woff') format('woff'),
       url('../fonts/NeutralStdMedium.ttf') format('truetype'),
       url('../fonts/NeutralStdMedium.svg#NeutralStdMedium') format('svg');
}
@font-face {
  font-family: 'NeutralStdMediumItalic';
  src: url('../fonts/NeutralStdMediumItalic.eot');
  src: url('../fonts/NeutralStdMediumItalic.eot') format('embedded-opentype'),
       url('../fonts/NeutralStdMediumItalic.woff2') format('woff2'),
       url('../fonts/NeutralStdMediumItalic.woff') format('woff'),
       url('../fonts/NeutralStdMediumItalic.ttf') format('truetype'),
       url('../fonts/NeutralStdMediumItalic.svg#NeutralStdMediumItalic') format('svg');
}
@font-face {
  font-family: 'NeutralStdBold';
  src: url('../fonts/NeutralStdBold.eot');
  src: url('../fonts/NeutralStdBold.eot') format('embedded-opentype'),
       url('../fonts/NeutralStdBold.woff2') format('woff2'),
       url('../fonts/NeutralStdBold.woff') format('woff'),
       url('../fonts/NeutralStdBold.ttf') format('truetype'),
       url('../fonts/NeutralStdBold.svg#NeutralStdBold') format('svg');
}
@font-face {
  font-family: 'NeutralStdBoldItalic';
  src: url('../fonts/NeutralStdBoldItalic.eot');
  src: url('../fonts/NeutralStdBoldItalic.eot') format('embedded-opentype'),
       url('../fonts/NeutralStdBoldItalic.woff2') format('woff2'),
       url('../fonts/NeutralStdBoldItalic.woff') format('woff'),
       url('../fonts/NeutralStdBoldItalic.ttf') format('truetype'),
       url('../fonts/NeutralStdBoldItalic.svg#NeutralStdBoldItalic') format('svg');
}



.card-product .contPlatformDescr a,
.card-product .contPlatformDescr a:hover, 
.card-product .contDrugclassDescr a,
.card-product .contDrugclassDescr a:hover{

text-decoration:underline;
color:#fff;
}


.content-pipeline{
margin-bottom: 30px;
}

.btn-filter-pipeline{
background-color:#fff;
 font-family: 'NeutralStdRegular';
  border:1px solid #ccc;
  letter-spacing: 1px;
  padding: 8px 15px 8px 15px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
color:#707070;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  position: relative;
  display: inline-block;
}
.card-filter{
  border: 1px solid #eee;
  border-radius: 7px;
  padding:0 10px;
  margin-top:30px;
} 
.card-filter .row-filter{
  padding: 30px 0px 20px;  
margin-bottom:0px;
  border-bottom: 1px solid rgba(112,112,112,0.16);
position:relative;
}

.card-filter .row-filter-search{
  padding:25px 0;
  text-align: center;
}
.card-filter .row-filter-search input{
  border-radius: 20px; 
  border: 1px solid rgba(112,112,112,0.16);
}
.card-filter .row-filter button{
  background: none;
  border-radius: 5px;
  color:#707070;
  border: 1px solid #ccc;   
  font-size: 12px;
  padding-top:6px;
  padding-bottom:6px;
}
.card-filter .row-filter button.active-filter{
  background-color:#3C9673; 
  color:#fff;
}  
.card-filter .row-filter button[data-disabled=true]{
  opacity: 0.4;
}
.row-filter-type button.active-filter{
  background-color:#3C9673; 
  color:#fff;
}
.card-filter .row-filter .btn-filter-pipeline-small-drug{
  width: 23.8%;
}
.card-filter .row-filter .btn-filter-pipeline-small-right{
  width: 100%;
}
.card-filter .row-filter .btn-filter-pipeline-small-phase{
  width: 22%;
}
.card-filter .row-filter .btn-filter-pipeline-small-phase:nth-of-type(1){
  width:28.5% !important;
}
.card-filter .row-filter-button-reset{
  text-align:center;
}
.card-filter .row-filter-button-reset .button-reset-filter{
  position: relative;
  margin: auto;
  z-index: 2;
  top: 18px;
  padding: 5px 22px;
  background-color: #fff;
  background: radial-gradient(none);
border: 0;
 box-shadow: 0 1px 8px rgba(0,0,0, 0.16);
  border-radius: 8px;
  color:#707070;
}
#views-exposed-form-product-pileline-list-page-1{
  display: none;
}
.card-filter{
  margin-bottom:50px;
}

.card-product{
  padding-left: 0px !important;
  padding-right: 10px !important;
  margin-top: 30px;
  position: relative;
}
.card-product .cont-text-summary-short{
  border-top:1px solid rgba(112,112,112, 0.16);
  padding-top:10px;
  margin-top:0px;
 }
.card-product .body{
  box-shadow: 0 1px 8px rgba(0,0,0, 0.16);
  border-radius: 7px;
  padding:7px 10px;
}
.card-product .row{
  margin-left: 0;
  margin-right: 0;    
}
.card-product .first-row{
  padding:3px 0 7px 0;
  border-bottom:1px solid rgba(112,112,112, 0.16);
}

.card-product .first-row .col-md-6:first-child{
  border-right: 1px solid rgba(112,112,112, 0.16);
}

.card-product .first-row .col-md-6{
  display: table;
  height: 30px
}

.card-product .first-row .cont-drugclass{
  color:#005A64;
  font-size:13px;
  text-align: center;
  cursor: pointer;
  font-family: NeutralStdBold;
  /*display: table-cell;*/
  vertical-align: middle;
  right: 5px;
  position: relative;
  border: 1px solid #ccc;
  padding: 3px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
-moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.card-product .first-row .cont-platform{
  color:#005A64;
   font-size:13px;
  text-align: center;
  cursor: pointer;
  font-family: NeutralStdBold;
  /*display: table-cell;*/
  vertical-align: middle;
  left: 5px;
  position: relative;
  border: 1px solid #ccc;
  padding: 3px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
-moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

.card-product .second-row{
  padding: 6px 0 0px 0;
  border-bottom:1px solid rgba(112,112,112, 0.16);
}

.card-product .second-row .cont-title{
  color:#3C9673;
  font-family: NeutralStdBold;
  font-size:22px;
  text-align: center;
  
}
.card-product .third-row{
margin-bottom:20px;
}
.card-product .third-row .col-md-12{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.card-product .third-row .cont-label-phase
{
  font-size: 11px;
  color:#ccc;
  font-weight: bold;
  margin-top: 10px;
}
.cont-label-phase
{
  font-size: 11px;
  color:#ccc;
  font-weight: bold;
  margin-top: 0;
}
.second-row-mobile{
float:left;
width:100%;
clear:both;
padding:5px 0;
}
.card-product .third-row .cont-text-phase span{
font-size: 10px;
color:#707070;
font-weight: bold;
display: inline-block;
padding:10px 0px;
width: 45px;
margin-top:10px;
text-align:center;
}
.card-product .third-row .cont-text-phase span:last-child{
border-radius: 0 8px 8px 0;
}
.card-product .third-row .cont-text-phase span.active{
padding: 18px 0px;
border-radius: 0 7px 0 0;
}

.card-product .fourth-row .col-md-12{
padding-left: 0px !important;
padding-right: 0px !important;
}

.card-product .fourth-row .cont-label-indication,
.cont-label-indication
{
font-size: 14px;
color:#707070;
font-weight: 700;
font-family: 'NeutralStdBold';
}

.card-product .fourth-row .cont-text-indication,
.cont-text-indication
{
font-size: 13px;
color:#707070;
font-family: 'NeutralStdRegular'; 
height:44px;
float:left;
}

.cont-label-indication,
.cont-text-indication,
.cont-label-right,
.cont-text-right{
clear:both;
float:left;
width:100%;
}



.card-product .fifth-row{
margin-top:10px;
}

.card-product .fifth-row .col-md-12{
padding-left: 0px !important;
padding-right: 0px !important;
}

.card-product .fifth-row .cont-label-right,
.cont-label-right
{
font-size: 12px;
color:#707070;
font-weight: bold;
font-family: NeutralStdBold;
}

.card-product .fifth-row .cont-text-right,
.cont-text-right
{
font-size: 12px;
color:#707070;
}

.card-product .sixth-row{
margin-top:15px;
}
.card-product a, .card-product a:hover, .card-product a:active, .card-product a:visited, .card-product a:focus{
  color: #005A64;
  font-family: NeutralStdBold;
}

.card-product .sixth-row .col-md-12{
padding-left: 0px !important;
padding-right: 0px !important;
}
.card-product .sixth-row .cont-text-summary-short{
height: 130px;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
}
.card-product .cont-text-summary-short{
height: 130px;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
float:left;
overflow:hidden;
}

.card-product .sixth-row {
font-size: 13px;
color:#707070;
}
.cont-text-summary-short p,
.cont-text-summary p
{
font-size: 13px;
line-height:19px;
color:#707070;
}
.card-product .sixth-row .cont-text-summary{
/*overflow: auto;*/
min-height: 130px;
display: none;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
float:left;
overflow:hidden;
   border-top:1px solid rgba(112,112,112, 0.16);
  padding-top:10px;
  margin-top:0px; 
}
.card-product .seventh-row{
padding-top:20px
}

.card-product .contDrugclassDescr{  
position: absolute;
top:0px;
left:0px;
padding-right: 10px;
width:100%;
height: 100%;
display: none;
z-index:9;
color:#fff;
}
.card-product .contDrugclassDescr .col-md-12{
background: #005A64;
line-height: 16px;
height: 100%;
border-radius: 7px;
padding:30px 20px 20px 20px;
}

.card-product .contPlatformDescr{  
position: absolute;
top:0px;
left:0px;
padding-right: 10px;
width:100%;
height: 100%;
display: none;
z-index:9;
color:#fff;
}


.card-product .contPlatformDescr p,
.contPlatformDescr p,
.contDrugclassDescr p,
.card-product .contDrugclassDescr p,
.card-product .contDrugclassDescr li,
.card-product .contPlatformDescr li
{
    font-size: 14px;
  color:#fff;
  line-height: 16px;
  margin-bottom:10px;	
}
.platform-title-card{
color:#fff;
font-size:12px;
margin-bottom:10px;
text-transform:uppercase;
 background-image:url("/sites/default/files/2019-07/platform-w.png");
background-position:left top;
background-repeat:no-repeat; 
float:left;
width:100%;
height:24px;
padding:0 0 0 42px;
  line-height: 30px !important;
}
.drugclass-title-card{
color:#fff;
font-size:12px;
margin-bottom:10px;
text-transform:uppercase;
 background-image:url("/sites/default/files/2019-07/drugclass-w.png");
background-position:left top;
background-repeat:no-repeat;
float:left; 
width:100%;
height:32px;
padding:0 0 0 35px;
  line-height: 30px !important;	
}

p.drugclass-subtitle-card{
  padding-bottom: 15px;
  margin-top: 40px;
  border-bottom: 1px solid #6e989e;
  margin-bottom: 15px !important;
}

p.platform-subtitle-card{
  padding-bottom: 15px;
  margin-top: 40px;
  border-bottom: 1px solid #6e989e;
  margin-bottom: 15px !important;
}

.card-product .contPlatformDescr .col-md-12,
.card-product .contDrugclassDescr .col-md-12
{
overflow-y:auto;
background: #005A64;
line-height: 16px;
height: 100%;
border-radius: 7px;
padding:14px 20px 20px 20px;
}

.card-product .showSummaryBtnJS{
float: right;
}

.card-product .hideSummaryBtnJS{
display: none;
float: right;
}

.card-product .btn-hide-drugclass-descr, .card-product .btn-hide-platform-descr{
position: absolute;
  right: 20px;
  bottom: inherit;
top:20px;	
width:19px;
height:23px;
background-color: transparent;
  border: 0;
background-image:url("/sites/default/files/2019-07/return.png");
background-position:left top;
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999em;
}
.title-pipeline h5{
  color:#B1B1B1;
  font-size:16px;
  font-family: NeutralStdMedium;
}
h6.drugclass-label{
font-size:15px;
width:100%;
  color: #707070;
height:32px;
font-weight:500;
font-family: 'NeutralStdRegular';
float:left;
padding:5px 0 0 41px;
background-image:url("/sites/default/files/2019-07/drugclass.png");
background-position:left top;
background-repeat:no-repeat;
}
h6.platform-label{
font-size:15px;
color:#707070;
font-weight:500;
height:24px;
width:100%;
font-family: 'NeutralStdRegular';	
float:left;
padding:0 0 0 38px;
background-image:url("/sites/default/files/2019-07/platform.png");
background-position:left top;
background-repeat:no-repeat;
}
h6.phase-label{
font-size:15px;
font-weight:500;
height:28px;
  color: #707070;
width:100%;
font-family: 'NeutralStdRegular';	
float:left;
padding:3px 0 0 41px;
background-image:url("/sites/default/files/2019-07/phase.png");
background-position:left top;
background-repeat:no-repeat;
}
h6.rights-label{
font-size:15px;
font-weight:500;
height:26px;
width:100%;
  color: #707070;	
font-family: 'NeutralStdRegular';	
float:left;
padding:3px 0 0 36px;
background-image:url("/sites/default/files/2019-07/rights.png");
background-position:left top;
background-repeat:no-repeat;
}
.row-filter-search span{
width:27px;
height:27px;	
float:left;
padding:0 10px 0 0;
background-image:url("/sites/default/files/2019-07/search-a.png");
background-position:left top;
background-repeat:no-repeat;
margin-top: 5px;
}

.btn-info-filter{
width:22px;
height:22px;	
float:left;	
border:0 !important;
background-image:url("/sites/default/files/2019-07/info-filter.png") !important;
background-position:left top !important;
background-repeat:no-repeat !important;
position:absolute;
right:0;
top:46px;
}
.btn-info-filter-mobile{
width:22px;
height:22px;	
float:left;	
border:0 !important;
background-image:url("/sites/default/files/2019-07/info-filter.png") !important;
background-position:left top !important;
background-repeat:no-repeat !important;
position:absolute;
right:0;
top:-15px;
}

.card-product .btn-hide-platform-descr{
position: absolute;
  right: 20px;
  bottom: inherit;
top:20px;	
width:19px;
height:23px;
background-color: transparent;
  border: 0;
background-image:url("/sites/default/files/2019-07/return.png");
background-position:left top;
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999em;
}
.showSummaryBtnJS{
float:left;
padding:0 10px 0 0;
width:20px;
height:21px;
background-color: transparent;
  border: 0;
background-image:url("/sites/default/files/2019-07/expand.png");
background-position:left top;
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999em;
}
.hideSummaryBtnJS{
float:left;
padding:0 10px 0 0;
width:20px;
height:21px;
background-color: transparent;
  border: 0;
background-image:url("/sites/default/files/2019-07/restr.png");
background-position:left top;
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999em;
}
.btn-filter-pipeline-small{
margin-bottom:5px;
}
.popover{
border:0 !important;
background-color:#004758 !important;	
}
.popover p{   
font-size:13px;
color:#ffffff;
}
.popover p span{
  padding: 0 10px 0 0px;
float:left;
width:56px;
font-family: 'NeutralStdMedium';
}
.popover.left > .arrow:after {
  border-left-color: #004758 !important;
}
.card-filter-mobile .row-filter{
clear:both;
}
.card-filter-mobile{
border:0;
margin:0;
}
.card-filter-mobile .row-filter.top-filter-mobile{
border-bottom: 2px solid #eee !important;
  height: 87px;
  float: left;
  width: 100%; 
  margin-bottom: 30px;
  clear: both;
}
.card-filter-mobile .search-input{
width:100%;
}



.mob-drugclass,
.mob-platform,
.mob-phase,
.mob-right,
.mob-search{
margin: 0 auto;
  height: 50px;
  width: 50px;
  display: table;
  /* padding: 20px; */
  vertical-align: middle;
}
.mob-drugclass.active,
.mob-platform.active,
.mob-phase.active,
.mob-right.active,
.mob-search.active{
background-color:#3C9673;
border-radius:10px;
}

.mob-drugclass + .txt-filter-mob,
.mob-platform + .txt-filter-mob,
.mob-phase + .txt-filter-mob,
.mob-right + .txt-filter-mob,
.mob-search + .txt-filter-mob
{
display:none;
}

.mob-drugclass.active + .txt-filter-mob,
.mob-platform.active + .txt-filter-mob,
.mob-phase.active + .txt-filter-mob,
.mob-right.active + .txt-filter-mob,
.mob-search.active + .txt-filter-mob
{
display:block;
border-top:2px solid #3C9673;
padding:5px 0 0 0;
float:left;
  font-size: 9px;
width:100%;
}
.txt-filter-mob{
clear:both;
float:left;
color:#3C9673;
width:100%;
margin-top:5px;
text-align:center;
}



.mob-drugclass button{
height:100%;
width:100%;
background-image:url("/sites/default/files/2019-07/drugclass.png") !important;
background-position:center top 9px !important;
background-repeat:no-repeat !important;
border:0 !important;
overflow:hidden;
text-indent:-9999em;
background-color:transparent !important;
}
.mob-drugclass.active button{
background-image:url("/sites/default/files/2019-07/drugclass-w.png") !important;
}

.mob-platform button{
height:100%;
width:100%;
background-image:url("/sites/default/files/2019-07/platform.png") !important;
background-position:center top 12px !important;
background-repeat:no-repeat !important;
border:0 !important;
overflow:hidden;
text-indent:-9999em;	
background-color:transparent !important;
}
.mob-platform.active button{
background-image:url("/sites/default/files/2019-07/platform-w.png") !important;
}
.mob-phase button{
height:100%;
width:100%;
background-image:url("/sites/default/files/2019-07/phase.png") !important;
background-position:center top 12px !important;
background-repeat:no-repeat !important;
border:0 !important;
overflow:hidden;
text-indent:-9999em;	
background-color:transparent !important;
}
.mob-phase.active button{
background-image:url("/sites/default/files/2019-07/phase-w.png") !important;
}


.mob-right button{
height:100%;
width:100%;
background-image:url("/sites/default/files/2019-07/rights.png") !important;
background-position:center top 12px !important;
background-repeat:no-repeat !important;
border:0 !important;
overflow:hidden;
text-indent:-9999em;	
background-color:transparent !important;
}
.mob-right.active button{
background-image:url("/sites/default/files/2019-07/rights-w.png") !important;
}


.mob-search button{
height:100%;
width:100%;
background-image:url("/sites/default/files/2019-07/search-a.png") !important;
background-position:center top 12px !important;
background-repeat:no-repeat !important;
border:0 !important;
overflow:hidden;
text-indent:-9999em;	
background-color:transparent !important;
}

.mob-search.active button{
  background-image:url("/sites/default/files/2019-07/search-a-w.png") !important;
}
.show-mobile{
  display:none !important;
}
.hide-mobile{
  display:block;
}

.hide-mobile-important{
  display:inherit !important;
}

.card-filter-mobile .row-filter .cont-filter-mobile{
padding-top:10px !important;
}
.cont-filter-mobile.cont-btn-reset-mobile{
display: block;
  float: left;
  width: 100%;
  clear: both;
  margin: 10px 0 30px 0; 
  height: 32px !important;
  border-bottom: 2px solid #eee;
  text-align: center;
  position: relative;
}
.cont-filter-mobile.cont-btn-reset-mobile button{
padding:10px 20px;
border: 0;
margin:0;
background-color:#fff;
  box-shadow: 0 1px 6px rgba(0,0,0, 0.30);
}

.card-product .contPlatformDescr a,
.card-product .contDrugclassDescr a{
color: #FFF;
}

.card-filter .row-filter .active-filter.selectPhaseClassJS:nth-of-type(1){
background-color:#F0F0CD;
color:#707070;
}
.card-filter .row-filter .active-filter.selectPhaseClassJS:nth-of-type(2){
background-color:#DCE696;
color:#707070;
}
.card-filter .row-filter .active-filter.selectPhaseClassJS:nth-of-type(3){
background-color:#CDDC64;
color:#707070;
}
.card-filter .row-filter .active-filter.selectPhaseClassJS:nth-of-type(4){
background-color:#BECD32;
color:#707070;
}





@media screen and (max-width: 1199px) {

}

@media screen and (max-width: 992px) {
  .show-mobile{
          display:block !important;
  }
  .hide-mobile{
          display:none;
  }
  .hide-mobile-important{
      display:none !important;
  }
}


@media screen and (max-width: 767px) {
.card-product {
    padding-right: 0px !important;
}
.card-product .contDrugclassDescr,
.card-product .contPlatformDescr{
  padding-right:0;
  height:auto;
}
.title-pipeline h5{   
  font-size: 12px;
}

}


.cont-link-document-pipeline a {
  opacity: 0 !important;
  top: 0;
  left: 0;
  width: 40px;
  font-size: 2px;
}

@-moz-document url-prefix() {
  .cont-link-document-pipeline a {
    position: absolute;
  }
}

.cont-link-document-pipeline .field--type-file.field--label-above {
  display: flex;
  flex-direction: column;
  align-items: center;
}