/* Adalimumab, Infliximab, Golimumab  */

div[data-medication="Infliximab"] .title,
div[data-medication="Adalimumab"] .title,
div[data-medication="Golimumab"] .title,
label[data-keypoint="Infliximab"],
label[data-keypoint="Adalimumab"],
label[data-keypoint="Golimumab"] {
    background-image: url(../images/circle_infliximab.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right calc(100% - 160px) center;
}

/* Vedolizumab */
div[data-medication="Vedolizumab"] .title,
label[data-keypoint="Vedolizumab"] {
    background-image: url(../images/circle_vedolizumab.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right calc(100% - 160px) center;
}

/* Ustekinumab Anti-Zytokine*/
div[data-medication="Ustekinumab"] .title,
label[data-keypoint="Ustekinumab"] {
    background-image: url(../images/circle_ustekinumab.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right calc(100% - 160px) center;
}

div[data-medication] .title {
    display: inline-block;
    background-position: right center;
    padding-right: 20px;
}

/* Kinase-Inhibitoren*/
div[data-medication="Tofacitinib"] .title,
label[data-keypoint="Tofacitinib"] {
    background-image: url(../images/circle_tofacitinib.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right calc(100% - 160px) center;
}

div[data-medication] .title {
    display: inline-block;
    background-position: right center;
    padding-right: 20px;
}

/* Zellbasierte-Therapien*/
div[data-medication="Darvadstrocel"] .title,
label[data-keypoint="Darvadstrocel"] {
    background-image: url(../images/circle_darvadstrocel.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right calc(100% - 160px) center;
}

div[data-medication] .title {
    display: inline-block;
    background-position: right center;
    padding-right: 20px;
}
.studies-listing div[data-medication] .title {
    display: flex;
    font-weight: bold;
    padding-left: 1em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-bottom: 2px;
}
.studies-listing div[data-medication*="COVID-19 Studien"] .title { border: 1.5px solid #db4748; color: #db4748; background: white; line-height: calc(1.6em - 3px); }
.studies-listing div[data-medication="COVID-19 Studien"] .title { border: 1.5px solid #db4748; color: #db4748; background: white; line-height: calc(1.6em - 3px); }
.studies-listing div[data-medication="Darvadstrocel"] .title { background: #864064; color: white; }
.studies-listing div[data-medication="Tofacitinib"] .title { background: #7fc494; color: white; }
.studies-listing div[data-medication="Vedolizumab"] .title { background: #24408a; color: white; }
.studies-listing div[data-medication="Adalimumab"] .title { background: #64c7db; color: white; }
.studies-listing div[data-medication="Golimumab"] .title { background: #64c7db; color: white; }
.studies-listing div[data-medication="Infliximab"] .title { background: #64c7db; color: white; }
.studies-listing div[data-medication="Ustekinumab"] .title { background: #afc689; color: white; }



/* Vedolizumab Anti-Adhäsion */
.studies-listed .category .studies .study[data-drug-class="Anti-Adhäsion"],
.studies-compare .study[data-drug-class="Anti-Adhäsion"] .study-header,
.selected-studies-listing .item[data-drug-class="Anti-Adhäsion"] {
    background-color: #00468c;
}

/* Adalimumab, Infliximab, Golimumab Anti-TNFα */
.studies-listed .category .studies .study[data-drug-class="Anti-TNFα"],
.studies-compare .study[data-drug-class="Anti-TNFα"] .study-header,
.selected-studies-listing .item[data-drug-class="Anti-TNFα"] {
    background-color: #45c6dd;
}

/* Ustekinumab Anti-Zytokine*/
.studies-listed .category .studies .study[data-drug-class="Anti-Zytokine"],
.studies-compare .study[data-drug-class="Anti-Zytokine"] .study-header,
.selected-studies-listing .item[data-drug-class="Anti-Zytokine"] {
    background-color: rgba(175, 195, 135, 1);
}

/* Kinase-Inhibitoren */
.studies-listed .category .studies .study[data-drug-class="Kinase-Inhibitoren"],
.studies-compare .study[data-drug-class="Kinase-Inhibitoren"] .study-header,
.selected-studies-listing .item[data-drug-class="Kinase-Inhibitoren"] {
    background-color: #76c093;
}

/* Zellbasierte-Therapien */
.studies-listed .category .studies .study[data-drug-class="Zellbasierte-Therapien"],
.studies-compare .study[data-drug-class="Zellbasierte-Therapien"] .study-header,
.selected-studies-listing .item[data-drug-class="Zellbasierte-Therapien"] {
    background-color: #8b4664;
}

/* Zellbasierte-Therapien */
.studies-listed .category .studies .study[data-drug-class*="COVID-19 Studien"],
.studies-compare .study[data-drug-class*="COVID-19 Studien"] .study-header,
.selected-studies-listing .item[data-drug-class*="COVID-19 Studien"],

.studies-listed .category .studies .study[data-drug-class="COVID-19 Studien"],
.studies-compare .study[data-drug-class="COVID-19 Studien"] .study-header,
.selected-studies-listing .item[data-drug-class="COVID-19 Studien"] {
    border: 1.5px solid #db4748;
    background-color: white;
    color: #db4748;
    outline-offset: -3px;
}
.selected-studies-listing .item[data-drug-class*="COVID-19 Studien"] button,
.selected-studies-listing .item[data-drug-class="COVID-19 Studien"] button {
    color: #db4748;
}
.selected-studies-listing .item[data-drug-class*="COVID-19 Studien"] button.study-item,
.selected-studies-listing .item[data-drug-class="COVID-19 Studien"] button.study-item {
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: -6px center;
    background-image: url(../images/checkbox-unchecked-shadow.png);
}
.compare-page .add-study .selected-studies-listing .active[data-drug-class*="COVID-19 Studien"] button.study-item,
.compare-page .add-study .selected-studies-listing .active[data-drug-class="COVID-19 Studien"] button.study-item {
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: -6px center;
    background-image: url(../images/checkbox-checked-shadow.png);
}
.selected-studies-listing .item[data-drug-class*="COVID-19 Studien"] button.x,
.selected-studies-listing .item[data-drug-class="COVID-19 Studien"] button.x {
    background-image: url(../images/btn_close_x_covid.png);
}

.studies-listed .category .studies .study.covid-19 {
    width:145px;
    border: 1.5px solid #db4748;
    background-color: white;
    color: #db4748;
}
label[data-keypoint*="COVID-19 Studien"],
label[data-keypoint="COVID-19 Studien"] {
    color: #db4748;
    font-weight: bold;
}
.category[data-title*="COVID-19 Studien"] .headline
.category[data-title="COVID-19 Studien"] .headline {
    color: #db4748;
}
.studies-compare .study[data-drug-class*="COVID-19 Studien"] .study-header,
.studies-compare .study[data-drug-class="COVID-19 Studien"] .study-header {
    border: none;
}
.studies-compare .study[data-drug-class*="COVID-19 Studien"] .study-header .study-title-wrapper,
.studies-compare .study[data-drug-class="COVID-19 Studien"] .study-header .study-title-wrapper {
    width: 100%;
    height: 100%;
}
.studies-compare .study[data-drug-class*="COVID-19 Studien"] .study-header .study-title,
.studies-compare .study[data-drug-class="COVID-19 Studien"] .study-header .study-title {
    border: 1.5px solid #db4748;
    height: calc(100% - 2px);
    margin-right: 1px;
}

.study[data-drug-class*="COVID-19 Studien"] button.study-context-menu-button,
.study[data-drug-class="COVID-19 Studien"] button.study-context-menu-button {
    border: 1.5px solid #db4748;
    background-image: url(../images/3dots-covid.png);
}
.study[data-drug-class*="COVID-19 Studien"] button.study-context-menu-button:active,
.study[data-drug-class*="COVID-19 Studien"] button.study-context-menu-button:hover,
.study[data-drug-class="COVID-19 Studien"] button.study-context-menu-button:active,
.study[data-drug-class="COVID-19 Studien"] button.study-context-menu-button:hover {
    border:none;
    /* padding-left: 18px; */
    /* padding-right: 33px; */
}



/* MULTIPLE COMBINATION  Anti-Adhäsion + Anti-TNFα */
.studies-listed .category .studies a.study[data-drug-class="Anti-Adhäsion,Anti-TNFα"],
.studies-compare .study[data-drug-class="Anti-Adhäsion,Anti-TNFα"] .study-header,
.selected-studies-listing .item[data-drug-class="Anti-Adhäsion,Anti-TNFα"] {
    background-image: linear-gradient(315deg, rgba(69, 198, 221, 1) 0%, rgba(69, 198, 221, 1) 49%, rgba(0, 70, 140, 1) 50%, rgba(0, 70, 140, 1) 100%);
}
/* MULTIPLE COMBINATION  Anti-Adhäsion + Anti-TNFα + new */
.studies-listed .category .studies a.study.new[data-drug-class="Anti-Adhäsion,Anti-TNFα"] {
    background-image: url(../images/banderole_neu.png), linear-gradient(315deg, rgba(69, 198, 221, 1) 0%, rgba(69, 198, 221, 1) 49%, rgba(0, 70, 140, 1) 50%, rgba(0, 70, 140, 1) 100%);
    /* w3c */
}

/*################################################*/
.studies-listed .category .studies a.study[data-drug-class="Anti-Adhäsion,Anti-TNFα"][data-abstract="true"] {
    background-image: url(../images/icon_speaker.png), linear-gradient(315deg, rgba(69, 198, 221, 1) 0%, rgba(69, 198, 221, 1) 49%, rgba(0, 70, 140, 1) 50%, rgba(0, 70, 140, 1) 100%);
    /* w3c */
    background-size: 15px, 100%;
    background-position: 96% 9%, 0% 0%;
}

.studies-listed .category .studies a.study.new[data-abstract="true"][data-drug-class="Anti-Adhäsion,Anti-TNFα"] {
    background-image: url(../images/icon_speaker.png), url(../images/banderole_neu.png), linear-gradient(315deg, rgba(69, 198, 221, 1) 0%, rgba(69, 198, 221, 1) 49%, rgba(0, 70, 140, 1) 50%, rgba(0, 70, 140, 1) 100%);
    /* w3c */
    /*background-size: 15px, 100%;*/
    background-size: 15px, 37px, 100%, 99%;
}

/* MULTIPLE COMBINATION  Anti-Adhäsion + Anti-TNFα + new + abstract */

/*.studies-listed .category .studies a.study.new[data-drug-class="Anti-Adhäsion,Anti-TNFα"] {
    background-image: url(../images/banderole_neu.png), linear-gradient(315deg, rgba(69, 198, 221, 1) 0%, rgba(69, 198, 221, 1) 49%, rgba(0, 70, 140, 1) 50%, rgba(0, 70, 140, 1) 100%);
    background-size: 100%;
    background-position: 0% 0%;
}
*/
/* MULTIPLE COMBINATION  Anti-Adhäsion + Anti-Zytokine + new  */
.studies-listed .category .studies a.study.new[data-drug-class="Anti-Adhäsion,Anti-Zytokine"] {
    background-image: url(../images/banderole_neu.png), linear-gradient(315deg, rgba(0, 70, 140, 1) 0%, rgba(0, 70, 140) 49.9%, rgba(175, 195, 135, 1) 50%, rgba(175, 195, 135, 1) 100%);
    /* w3c */
    /*background-size: 15px, 100%;*/
}
/* MULTIPLE COMBINATION  Anti-Adhäsion + Anti-TNFα */

.studies-listed .category .studies .study[data-drug-class="Anti-Adhäsion,Anti-Zytokine"],
.studies-compare .study[data-drug-class="Anti-Adhäsion,Anti-Zytokine"] .study-header,
.selected-studies-listing .item[data-drug-class="Anti-Adhäsion,Anti-Zytokine"] {
    background-image: linear-gradient(315deg, rgba(0, 70, 140, 1) 0%, rgba(0, 70, 140) 49.9%, rgba(175, 195, 135, 1) 50%, rgba(175, 195, 135, 1) 100%);
    /* w3c */
    background-size: 100%;
}

.studies-listed .category .studies a.study[data-abstract="true"] {
    background-image: url(../images/icon_speaker.png);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 95% 9%;
}

.studies-listed .category .studies a.study.new {
    background-image: url(../images/banderole_neu.png);
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: 0% 0%;
}

.studies-listed .category .studies a.study.new[data-abstract="true"] {
    background-image: url(../images/icon_speaker.png), url(../images/banderole_neu.png);
    background-size: 15px, 36px;
    background-repeat: no-repeat, no-repeat;
    background-position: 95% 9%, 0% 0%;
}

/*"drugClass": "Anti-Adhäsion"
"drugClass": "Anti-TNFα"
"drugClass": "Anti-Zytokine"
"drugClass": "Anti-Adhäsion,Anti-TNFα"
"drugClass": "Anti-Adhäsion,Anti-Zytokine"
"drugClass": "Anti-TNFα,Anti-Zytokine"
"drugClass": "Anti-Adhäsion,Anti-TNFα,Anti-Zytokine"*/

.studies-listed .category .studies a.study {
    background-size:  100%;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    background-position: 95% 9%;
}
.studies-listed .category .studies a.study.new {
    background-size: 37px, 100%, 100%, 99%;
    background-position: 0% 0%, 95% 9%;
}

.studies-listed .category .studies a.study.new[data-drug-class="Anti-Adhäsion,Anti-TNFα,Anti-Zytokine"],
.studies-listed .category .studies a.study.new[data-drug-class="Anti-Adhäsion, Anti-TNFα, Anti-Zytokine"] {
    /* with new */
    background-image: url(../images/banderole_neu.png), linear-gradient(315deg,
                                                                        rgba(175, 195, 135, 1)0%, rgba(175, 195, 135, 1) 33.3%,
                                                                        rgba(69, 198, 221, 1) 33.4%, rgba(69, 198, 221, 1) 66.6%,
                                                                        rgba(0, 70, 140, 1) 66.7%, rgba(0, 70, 140, 1) 100%);
    /* w3c */
    background-size: 37px, 100%;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    background-position: 0% 0%, 95% 9%;
}

.studies-listed .category .studies a.study.new[data-drug-class="Anti-Adhäsion,Anti-TNFα,Anti-Zytokine"][data-abstract="true"],
.studies-listed .category .studies a.study.new[data-drug-class="Anti-Adhäsion, Anti-TNFα, Anti-Zytokine"][data-abstract="true"] {
    /* with new */
    background-image:  url(../images/icon_speaker.png), url(../images/banderole_neu.png), linear-gradient(315deg,
                                                                                                          rgba(175, 195, 135, 1)0%, rgba(175, 195, 135, 1) 33.3%,
                                                                                                          rgba(69, 198, 221, 1) 33.4%, rgba(69, 198, 221, 1) 66.6%,
                                                                                                          rgba(0, 70, 140, 1) 66.7%, rgba(0, 70, 140, 1) 100%);
    /* w3c */
    background-size: 15px, 37px, 100%;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    background-position: 95% 9%, 0% 0%, 95% 9%;
}


.studies-listed .category .studies a.study.new[data-drug-class="Anti-Adhäsion, Anti-TNFα, Anti-Zytokine, Kinase-Inhibitoren"] {
    background-image: url(../images/banderole_neu.png), linear-gradient(315deg,
                                                                        rgba(175, 195, 135, 1)0%, rgba(175, 195, 135, 1) 25%,
                                                                        rgba(69, 198, 221, 1) 25%, rgba(69, 198, 221, 1) 50%,
                                                                        rgba(0, 70, 140, 1) 50%, rgba(0, 70, 140, 1) 75%,
                                                                        #76c093 75%, #76c093 100%);
    /* w3c */
    background-size: 37px, 100%;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    background-position: 0% 0%, 95% 9%;
}

.studies-compare .study[data-drug-class="Anti-Adhäsion, Anti-TNFα, Anti-Zytokine, Kinase-Inhibitoren"] .study-header {
    background-image: linear-gradient(315deg,
                                      rgba(175, 195, 135, 1)0%, rgba(175, 195, 135, 1) 25%,
                                      rgba(69, 198, 221, 1) 25%, rgba(69, 198, 221, 1) 50%,
                                      rgba(0, 70, 140, 1) 50%, rgba(0, 70, 140, 1) 75%,
                                      #76c093 75%, #76c093 100%);
    /* w3c */
    background-size:  100%;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    background-position: 95% 9%;
}

.studies-listed .category .studies a.study[data-drug-class="Anti-Adhäsion,Anti-TNFα,Anti-Zytokine"],
.studies-compare .study[data-drug-class="Anti-Adhäsion,Anti-TNFα,Anti-Zytokine"] .study-header,
.selected-studies-listing .item[data-drug-class="Anti-Adhäsion,Anti-TNFα,Anti-Zytokine"],
.studies-listed .category .studies a.study[data-drug-class="Anti-Adhäsion, Anti-TNFα, Anti-Zytokine"],
.studies-compare .study[data-drug-class="Anti-Adhäsion, Anti-TNFα, Anti-Zytokine"] .study-header,
.selected-studies-listing .item[data-drug-class="Anti-Adhäsion, Anti-TNFα, Anti-Zytokine"] {
    background-image:  linear-gradient(315deg,
                                       rgba(175, 195, 135, 1)0%, rgba(175, 195, 135, 1) 33.3%,
                                       rgba(69, 198, 221, 1) 33.4%, rgba(69, 198, 221, 1) 66.6%,
                                       rgba(0, 70, 140, 1) 66.7%, rgba(0, 70, 140, 1) 100%);
    /* w3c */
    background-size:  100%;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    background-position: 95% 9%;
}

.studies-compare .study[data-drug-class="Anti-Adhäsion,Anti-TNFα,Anti-Zytokine"] .study-header {
    background-image: linear-gradient(315deg,
                                      rgba(175, 195, 135, 1)0%, rgba(175, 195, 135, 1) 33.3%,
                                      rgba(69, 198, 221, 1) 33.4%, rgba(69, 198, 221, 1) 66.6%,
                                      rgba(0, 70, 140, 1) 66.7%, rgba(0, 70, 140, 1) 100%);
    text-align: center;
}

.studies-listed .category .studies a.study[data-drug-class="Anti-Adhäsion,Anti-TNFα,Anti-Zytokine,Kinase-Inhibitoren"],
.studies-compare .study[data-drug-class="Anti-Adhäsion,Anti-TNFα,Anti-Zytokine,Kinase-Inhibitoren"] .study-header,
.selected-studies-listing .item[data-drug-class="Anti-Adhäsion,Anti-TNFα,Anti-Zytokine,Kinase-Inhibitoren"] {
    background-image:  linear-gradient(315deg,
                                       rgba(175, 195, 135, 1)0%, rgba(175, 195, 135, 1) 33.3%,
                                       rgba(69, 198, 221, 1) 33.4%, rgba(69, 198, 221, 1) 66.6%,
                                       rgba(0, 70, 140, 1) 66.7%, rgba(0, 70, 140, 1) 100%);
    /* w3c */
    background-size:  100%;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    background-position: 95% 9%;
}

.studies-compare .study .study-header {
    text-align: center;
    color: rgba(255, 255, 255, 1);
}