.node-salesforce .ctype {
    display: none;
}
.node-salesforce .block-page-title-block .field.field--name-title{
    font-size: 2rem;
    color: #012f44;
}

/* View mode Full */

.node-salesforce .field--label-inline {
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin: 5px 0px;
}

.field--label-inline .field__label, .field--label-inline .field__item{
    display: unset;
}
/* .node-salesforce .paragraph--view-mode--full .field .field{
    display: inline
} */

.node-salesforce .paragraph--view-mode--full .field__label {
    font-weight: 700;
    font-size: 1rem;
    color: #333
}

.node-salesforce .paragraph--view-mode--full span {
    font-size: 1rem;
}

/* View mode VCP Product */

.node-salesforce .paragraph--view-mode--vcp-product .field{
    display: grid;
    grid-template-columns: 1fr 2fr;
}
@media (max-width: 700px) {
    .node-salesforce .paragraph--view-mode--vcp-product .field,
    .node-salesforce .paragraph--view-mode--new-test-analysis .field,
    .node-salesforce .field--label-inline{
        grid-template-columns: 1fr;
    }
}

.node-salesforce .paragraph--view-mode--vcp-product .field .field{
    display: inline
}

.node-salesforce .paragraph--view-mode--vcp-product .field__label {
    font-weight: 700;
    font-size: 1rem;
}

.node-salesforce .paragraph--view-mode--vcp-product span {
    font-size: 1rem;
}

.node--type-sf-invitrodiagnosticproduct.node--view-mode-full .field.field--name-field-sf-specimen-type .field__label {
    font-size: 1rem;
    font-weight: bold;
}

.node-salesforce .field__items {
    flex-direction: column;
    display: flex;
}
.node-salesforce .field__items.slick-slider {
    flex-direction: row;
}
.node-salesforce .my-slick .field__items.slick-slider img {
    width: 200px;
    height: 200px;
    border: 1px solid #ccc;
    object-fit: contain;
}

/* View mode wpel */

/* .node-salesforce .paragraph--view-mode--wpel .field{
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin-bottom: 10px
} */

/* .node-salesforce .paragraph--view-mode--wpel .field .field{
    display: inline
} */

.node-salesforce .paragraph--view-mode--wpel .field__label {
    font-weight: 700;
    font-size: 1rem;
}

.node-salesforce .paragraph--view-mode--wpel span {
    font-size: 1rem;
}

/* View mode Test Analysis */

.node-salesforce .paragraph--view-mode--new-test-analysis .field{
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin: 5px 0px
}

.node-salesforce .paragraph--view-mode--new-test-analysis .field .field{
    display: inline
}

.node-salesforce .paragraph--view-mode--new-test-analysis .field__label {
    font-weight: 700;
    font-size: 1rem;
}

.node-salesforce .paragraph--view-mode--new-test-analysis span {
    font-size: 1rem;
}
.node-salesforce .paragraph--type--sf-storagedetailstype {
    display: flex;
    flex-direction: column;
}
.node-salesforce .paragraph--type--sf-addresstype * {
    display: inline !important;
}

.generic-label,
.label-sales-force,
.generic-label.panel,
.site-details-activity-container > :first-child,
.field--name-field-sit-site-activity.field--type-entity-reference.field__item,
.field--name-field-sf-case.field--type-entity-reference-revisions.field--label-above,
.field--name-field-sf-laboratory-scope-of-tes.field--type-entity-reference-revisions.field--label-above .field__label {
    font-size: 1.2rem;
    text-align: left;
    color: #d86421;
    font-weight: bold;
    margin: .5rem 0;
    margin-top: 20px;
}

.field.field--name-field-sf-pp-panel-type.field--type-entity-reference.field--label-inline .field__item {
    font-size: 1rem;
    text-align: left;
    color: #d86421;
    font-weight: bold;
    margin: 0;
}
.site-details-container {
    display: flex;
    gap: 10px;
    width: 100%;
}
@media (max-width:650px){
    .site-details-container {
        flex-direction: column;
    }
}

.site-details-container .field__item {
    flex: 1;
}

.site-details-activity-container > *{
    margin: 13px 0;
}

.site-details-activity-container > .paragraph {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
}

.site-details-activity-container .node__content {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
.paragraph.paragraph--type--sf-storagedetailstype.paragraph--view-mode--full {
    display: grid;
}

.paragraph.paragraph--type--sf-storagedetailstype.paragraph--view-mode--full {
    display: grid;
}

.field.field--name-field-sf-organization.field--type-entity-reference.field--label-hidden.field__item {
    display: block;
}

.node-salesforce svg.svg-inline--fa.fa-location-dot {
    display: none;
    color: white;
    font-size: 0px;
}

.sf-organization-title {
    font-weight: 700;
    font-size: 1rem;
}

.field.field--name-field-sit-org-name.field--type-string.field--label-hidden.field__item {
    font-weight: bold;
}



/* .node-salesforce-vcp .field.field--name-field-sf-product-panel.field--type-entity-reference-revisions.field--label-above {
    background: #e1e3e3;
    border-bottom: 10px solid;
    border-color: #e1e3e3;
    border-left: 5px solid #e1e3e3;
}

.field.field--name-field-sf-product-ingredients.field--type-entity-reference-revisions.field--label-inline {
    background: #e1e3e3;
    padding: 0px;
} */

.description-panel a.field-group-title {
    text-transform: none;
    font-size: 22px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0;
    /* font-family: Arial; */
}

/* .node-salesforce .field--name-field-sf-product-panel .field__items, .field--name-field-sf-product-ingredients{
    background-color: #f4f5f6;
    padding: 10px;
}
.node-salesforce .field--name-field-sf-product-panel .field__items .field--label-inline:last-child{
    margin: 0;
}
.node-salesforce .field-group-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-gap: 0 10px;
}
.node-salesforce .field-group-wrapper .field--label-inline, .paragraph--type--sf-productingredientstype .field--label-inline{
    grid-template-columns: 2fr 1fr;
    margin: 0;
}

.node-salesforce .field--name-field-sf-product-ingredients > .field__items {
    display: grid;
    grid-gap: 0 10px;
    grid-template-columns: 1fr 1fr;
}
.node-salesforce .field--name-field-sf-product-ingredients > .field__items .field--label-inline {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 10px;
} */

.field.field--name-field-sf-per-type.field--type-string.field--label-hidden.field__item,
.field.field--name-field-sf-laboratory-option-list.field--type-entity-reference .field--label-inline .field__label {
    font-weight: 700;
    line-height: 1.1;
    font-size: 1.125rem;
    margin-bottom: 0.75em;
}

.field--name-field-sf-laboratory-option-list .field__label {
    font-size: 1rem;
    line-height: 1.1;
    font-weight: 700;
}

.node--type-sf-who-evaluating-labs .paragraph.paragraph--type--sf-laboratoryscopetype {
    margin-bottom: 5px;
}

.my-slick .slick-slider {
    display: flex !important;
    flex-wrap: nowrap;
}
.my-slick .slick-slider img, .my-slick .slick-list.draggable {
    width: 200px;
}


.view-sales-force .button {
    background-color: #d86421 !important;
}
.view-sales-force .button:hover {
    background-color: #ae521d !important;
}


.icons-status svg.fa-circle-chevron-right, table svg.fa-circle-chevron-right {
    padding: 0 !important;
    color: red
}
.icons-status svg.fa-circle-check, table svg.fa-circle-check {
    padding: 0 !important;
    color: green
}
.icons-status svg.fa-clock, table svg.fa-clock {
    padding: 0 !important;
    color: #ffc107
}

.medicine-table-preheader {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    margin-bottom: 30px;
}

.download-medicine-files {
    display: flex;
    align-items: center;
    justify-content: center;
}

.download-medicine-files svg {
    padding: 0 5px !important;
}

.node--type-vector-control-product .ctype {
    display: none;
}

/*PANEL*/
.field--name-field-sf-product-panel > .field__items {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.field--name-field-sf-product-panel > .field__items > .field__item {
    background-color: #f4f5f6;
    padding: 10px;
    padding: 8px 16px;
    border-radius: 8px;
}

.field--name-field-sf-product-panel .field-sf-product-ingredients{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.field--name-field-sf-product-panel .field-group-toggler a{
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700;
    font-family: Arial, sans-serif;
    color: #008dc9;
}
.field--name-field-sf-product-panel .description-panel{
    border-top: 1px solid #e1e3e3;
    border-bottom: 1px solid #e1e3e3;
}
.field--name-field-sf-product-panel .field-group-wrapper{
    column-count: 2;
}
.field--name-field-sf-product-panel .field--label-inline{
    grid-template-columns: 1fr 1fr;
}
.field--name-field-sf-product-panel h4{
    font-size: 1.125rem;
    font-weight: 700;
    font-family: Arial, sans-serif;
    margin: 16px 0 11px 0;
}
@media (max-width: 1200px) {
    .field--name-field-sf-product-panel .field-group-wrapper{
        column-count: 1;
    }
    .field--name-field-sf-product-panel .field-sf-product-ingredients{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .field--name-field-sf-product-panel .field--label-inline{
        grid-template-columns: 1fr;
    }
}


.node-salesforce .generic-label::after,
.node-salesforce .field--label-inline > .field__label::after{
    content:":";
}

.view-sales-force .view-header {
    grid-area: view-header;
}

.view-header.view-header--sf-quality-control-labs {
    margin-bottom: 25px;
}

.view-header.view-header--sf-quality-control-labs .read_more_container {
    margin-top: 25px;
}

.view-sales-force .view-header .read_more_container {
    margin-top: 1rem;
}

.view-sales-force .view-filters {
    grid-area: view-filters;
    font-weight: bold;
}

.view-sales-force .view-content {
    grid-area: view-content;
}

.view-sales-force {
    display: grid;
    grid-template-areas: "view-filters""view-header""view-content";
    grid-template-columns: 100%;
}


.sites_grouping_selector {
    display: flex;
}

.sites_grouping_selector div {
    padding-right: 20px;
    cursor: pointer;
    font-weight: bold;
}

.sites_grouping_selector > * {
    text-decoration:  underline;
    margin-right: 10px;
    padding: 4px !important;
    color:  var(--d-l3-background);;
}
.sites_grouping_selector > *:hover,
.sites_grouping_selector > *:active,
.sites_grouping_selector > *.active,
.sites_grouping_selector > *:focus {
    background: #f2f2f2;
    color: #008dc9;
}

.site-details-active-ingredient-name {
    font-weight: bold;
    font-size: 1.1em;
    color: #008dc9;
    margin-bottom: 10px;
}

.paragraph.paragraph--type--sf-site-details {
    padding-bottom: 10px;
}

.site-details-activity-active-ingredient {
    font-style: italic;
    padding-bottom: 20px;
    font-size: 0.95em;
}

.vwa-group-default.node-salesforce.field--label-inline h4 {
    font-size: 1.5rem;
    color: #026894;
    margin-bottom: 12px;
}

.vwa-group-default {
    margin-top: 20px;
}

.vwa-group-default .generic-label {
    margin-top: 1px;
}

.vwa-vaccine-img img {
    width: 25%;
}

body.node--type-sf-finishedvaccineproducts #block-barrio-pqweb-pagetitle * {
    font-size: 16px;
    margin-bottom: 0;
}

.node--type-sf-finishedvaccineproducts.node--view-mode-full .node__content {
    margin-top: 0;
}

.vaccine-name {
    font-weight: bold;
    font-size: 26px;
}

.commercial-name {
    font-weight: bold;
    font-size: 30px;
}

.vwa-group-default .file-attachment {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    gap: 15px;
}

.vwa-group-default .file-attachment__image {
    width: 120px;
}

.vwa-group-default .file-attachment__image img {
    width: 100%;
}

.vwa-group-default .file-attachment__icon {
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vwa-group-default .fa-file {
    font-size: 60px;
}

.vwa-group-default .file-attachment__description {
    width: 300px;
}

.node--type-vector-control-product.node--view-mode-full .field__label {
    font-weight: 700;
    font-size: 1rem;
    color: #333;
}


.tablesort.tablesort--desc { 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23008dc9' d='M13.391 10.607c.17.216.084.393-.191.393h-10.398c-.275 0-.361-.177-.191-.393l5.08-6.464c.17-.216.45-.216.62 0l5.08 6.464z'/%3E%3C/svg%3E");
}

.tablesort.tablesort--asc {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23008dc9' d='M2.611 5.393c-.17-.216-.084-.393.191-.393h10.397c.275 0 .361.177.191.393l-5.08 6.464c-.17.216-.452.216-.622 0l-5.077-6.464z'/%3E%3C/svg%3E");
}

a:hover .tablesort.tablesort--desc,
a:target .tablesort.tablesort--desc,
a:hover .tablesort.tablesort--desc {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23d86421' d='M13.391 10.607c.17.216.084.393-.191.393h-10.398c-.275 0-.361-.177-.191-.393l5.08-6.464c.17-.216.45-.216.62 0l5.08 6.464z'/%3E%3C/svg%3E");
}

a:hover .tablesort.tablesort--asc,
a:target .tablesort.tablesort--asc,
a:hover .tablesort.tablesort--asc {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23d86421' d='M2.611 5.393c-.17-.216-.084-.393.191-.393h10.397c.275 0 .361.177.191.393l-5.08 6.464c-.17.216-.452.216-.622 0l-5.077-6.464z'/%3E%3C/svg%3E");
}

.tablesort {
    vertical-align: middle;
    margin: 0;
}


.vcp-documents-teaser {
    margin-bottom: 15px;
}

.vcp-documents-teaser .field--name-field-document-group-type {
    font-weight: bold;
}

.vocabulary-sf-pipeline-status svg {
    font-size: 25px;
}

.vocabulary-sf-pipeline-status .fontawesome-icon {
    text-align: center;
}

@media(min-width: 700px) {
    .node-salesforce .site-details-container .field__items {
        flex-direction: row;
    }    
}

.node-salesforce .site-details-container .field__items {
    display: flex;
    flex-wrap: wrap;
}
.node-salesforce .site-details-container .field__items > .field__item {
    flex-grow: 1;
    flex-basis: 400px;
}