:root {
    --brand-first: #9f5662; /*Header gradient, Header UIgroup, Icono gradient, Footer*/
    --brand-second: #878283;
    --brand-third: #9f5662;

    /* Process */
    --process-header-bg: #d7d8d9;
    --process-title-color: #000;
    --progress-bar-content: var(--brand-second);
    --uigroup-header-color: var(--brand-first);

    /* UI Groups */
    --medical-bg-color: var(--brand-second);
    --text-color-odd: white;
    
    /* Inputs */
    --label-color: var(--brand-first);
    --input-border-color: var(--brand-third);
    --input-border-color-odd: white;
    
    --option-color-icon: #d7d8d9;
    --option-color-selected-bg: #d7d8d9;
    
    /* Buttons */
    --back-button: var(--brand-first);
    --action-button: var(--brand-first); 
    --next-button: var(--brand-first);
    --button-disabled-font: white;
    --custom-button: var(--brand-first);
    --button-add: black;
    --button-add-bg: #d7d8d9;
    
    /* Footer */
    --footer-bg-color: white;
    --footer-font-color: #000;
    --footer-links-color: var(--brand-second);
    --footer-image-visibility: none; /* Block: image visible; None: Image not visible */
    
    
    /*Selection Table*/
    --selection-table-button: var(--brand-second);
    --selection-table-selected-bg: var(--brand-first);
    --selection-table-border-top: var(--brand-third);
    --selection-table-border-side: var(--brand-third);
    --selection-table-border-bottom: var(--brand-third);
    --text-color-selection-table: var(--brand-first);

    /* Message */
    --info-message-bg: #d7d8d9;
    --info-message-color: black;
    --info-message-border-color: var(--brand-first);
    --warning-message-bg: var(--brand-second);
    --warning-message-color: black;
    --warning-message-border-color: var(--brand-first);
    --error-mesagge-bg: #e6007f2a;
    --error-message-color: #E6007E;
    --error-message-border-color: var(--brand-first);
    --success-message-bg: #52BBB5;
    --success-message-bg-customer: var(--brand-first);
    --success-message-color: black;
    --success-message-border-color: var(--brand-first);
    --success-message-icon: var(--brand-first);
    --message-header-line: black;
    --confirmation-border-color: var(--brand-first);
    --travel-summary-bg: #d7d8d9;
    --travel-summary-font: black;
    --product-summary-bg: #d7d8d9;
    --text-color-summary: black;

    /* Slider bar */
    --slider-rail-bg-color: #d0ccc2;
    --slider-track-bg-color: var(--brand-second);
    --slider-handle-bg-color: var(--slider-track-bg-color);
    --slider-mark-color: #122945;
    --slider-value: #1e1c1d;
    --slider-handle-active: var(--slider-track-bg-color);
    --slider-handle-hover: var(--slider-track-bg-color);

    /* Tabs */
    --tab-border-color: var(--brand-first);
    --tab-text-color: white;
    --tab-active-font-color: var(--brand-first);

     /*Multibricks*/
     --multibrick-header-bg: var(--brand-second);
     --multibrick-header-font-color: #040404;
     --multibrick-add-button: var(--brand-first);
     --mutibrick-add-font-color: white;
     --multibrick-remove-button: #E6007E;
}

.sk-attr.sk-option--graphical .sk-field .sk-option-list .sk-option-item label.sk-selected span {
    color:black !important;
}

.text-gr-pink{
    background:none !important;
}

.sk-nav .sk-nav-content .sk-logos img[class*="sk-logo"],
.sk-toolbar .sk-logos img[class*="sk-logo"] {
    cursor: default;
    pointer-events: none;
}

/* ----- PROCESS ----- */
/* Process header */
.sk-app[data-device-resolution="no-mobile"] .sk-page .sk-main .sk-zone .sk-row .sk-row-content .sk-comp .sk-process.sk-process--with-header .sk-process-header .sk-process-header-content .process-title span.h1.text-gr-blue {
    color: transparent !important;
    background: var(--process-header-bg) !important;
    -webkit-background-clip: text !important;
}

/* Process title */
.sk-app[data-device-resolution="no-mobile"] .sk-page .sk-main .sk-zone .sk-row .sk-row-content .sk-comp .sk-process.sk-process--with-header .sk-process-header .sk-process-header-content .process-title .text-big-10 {
    color: var(--process-title-color) !important;
}

/* Process header content */
div.process-header-welcome-button p.h3 {
    color: var(--process-title-color) !important;
}

/* ----- PROGRESS BAR ----- */
/* Progress bar content */
.sk-progress-bar .sk-step.sk-step--active .sk-step-number, .sk-progress-bar.sk-progress-bar--fixed .sk-step.sk-step--active .sk-step-number,
.sk-progress-bar .sk-step.sk-step--completed::before, .sk-progress-bar.sk-progress-bar--fixed .sk-step.sk-step--completed::before {
    background: var(--progress-bar-content) !important;
}

/* ----- UI GROUP ----- */
/* UIGroup header */
.sk-uigroup .sk-uigroup-item-header > span,
.sk-uigroup .sk-uigroup-header span {
    color: var(--uigroup-header-color) !important;
}

/* UI Group Background Even*/ 
.sk-uigroup.sk-medical:not(.sk-medical-big) .sk-uigroup-item:nth-child(even) {
    background-color: transparent !important;
}

/* -- Product summary -- */
/* Product summary background */
.sk-html .sk-html-content div.d-flex.align-middle.align-justify {
    background: var(--product-summary-bg) !important;
}

/* Product summary - Text color  */
div#sk-ProductRecommendation-Product-productSummary .sk-html-content .d-flex .text-center span.h3 {
    color: var(--text-color-summary) !important;
}

/* Product summary - Span color */
div#sk-ProductRecommendation-Product-productSummary .sk-html-content .d-flex .align-center div span.h3 {
    color: var(--text-color-summary) !important;
}

/* Product summary */
div#sk-ProductRecommendation-Product-productSummary .sk-html-content .d-flex .align-center div small {
    color: var(--text-color-summary) !important;
}

/* Product summary */
div#sk-ProductRecommendation-Product-productSummary .sk-html-content .d-flex .align-center div span {
    color: var(--text-color-summary) !important;
}

/* --- Medical odd --- */
/* Medical odd background */
.sk-uigroup.sk-medical:not(.sk-medical-big) .sk-uigroup-item:nth-child(odd) {
    background-color: var(--medical-bg-color) !important;
}

/* Medical odd label color */
.sk-uigroup.sk-medical:not(.sk-medical-big) .sk-uigroup-item:nth-child(odd) .sk-attr .sk-label > label {
    color: var(--text-color-odd) !important;
}

/* Medical odd span color */
.sk-uigroup.sk-medical:not(.sk-medical-big) .sk-uigroup-item:nth-child(odd) span {
    color: var(--text-color-odd) !important;
}

/* Medical odd radio button border */
.sk-uigroup.sk-medical:not(.sk-medical-big) .sk-uigroup-item:nth-child(odd) .sk-attr.sk-radio:not(.sk-option--graphical) label::before {
    border-color: var(--input-border-color-odd) !important;
}

/* Medical odd radio button selected */
.sk-uigroup.sk-medical:not(.sk-medical-big) .sk-uigroup-item:nth-child(odd) .sk-attr.sk-radio:not(.sk-option--graphical) label.sk-selected > span::before {
    background-color: var(--input-border-color-odd) !important;
}

/* .sk-uigroup.sk-medical.sk-medical-big .sk-medical-radio:nth-child(odd) {
    background-color: var(--medical-bg-color) !important;
} */

/* ----- LABELS ----- */
.sk-attr .sk-label > label,
#sk-TravelChubb-BasicDetails-SummaryMessage .sk-summary .sk-summary-body .details-container .detail-label {
    color: var(--label-color) !important;
}

/* ----- CHECKBOX / RADIO BUTTONS ----- */
/* Checkbox/Radio graphical selected background */
.sk-attr.sk-radio.sk-option--graphical .sk-field .sk-option-list .sk-option-item label.sk-selected {
    background: var(--option-color-selected-bg) !important;
    color:black !important;
} 

.sk-attr.sk-option--graphical .sk-field .sk-option-list .sk-option-item label.sk-selected img {
    filter: brightness(0) !important;
}

.sk-attr.sk-checkbox.sk-option--graphical .sk-field .sk-option-list .sk-option-item label.sk-selected {
    background: var(--option-color-selected-bg) !important;
    color:black !important;
}

/* Checkbox Icon graphical */
.text-gr-blue, .sk-radio.sk-option--graphical .sk-field .sk-option-list .sk-option-item label .sk-option-icon {
    background: var(--option-color-icon) !important;
}

/* RADIOS */
.sk-attr.sk-radio:not(.sk-option--graphical) label::before {
    border-color: var(--input-border-color) !important;
}

.sk-attr.sk-radio:not(.sk-option--graphical) label.sk-selected > span::before {
    background-color: var(--input-border-color) !important;
}

.sk-attr.sk-radio:not(.sk-option--graphical) label.sk-selected {
    color: var(--input-border-color) !important;
}

/* ----- INPUTS ----- */
/* Border input */
.sk-attr.sk-datepicker .sk-field input.sk-input {
    border-color: var(--input-border-color) !important;
}

.sk-attr.sk-textbox div.sk-field, 
.sk-attr.sk-autocomplete .sk-field .sk-input[type="text"],
.sk-attr.sk-dropdown .sk-field .react-select .react-select__control, .sk-attr.sk-dropdown .sk-field .sk-input,
.sk-attr.sk-checkbox .sk-field .sk-option-list .sk-option-item label::before {
    border-color: var(--input-border-color) !important;
}

.sk-attr.sk-checkbox .sk-field .sk-option-list .sk-option-item input:checked + label::before {
    background-color: var(--input-border-color) !important;
    border-color: var(--input-border-color) !important;
}

/* Unica Elite ODD Flexdata icon color */
.sk-uigroup.sk-medical:not(.sk-medical-big) .sk-uigroup-item:nth-child(odd) .react-select .react-select__control:before {
    color: var(--text-color-odd) !important;
}

/* Unica Elite ODD Datepicker Placeholder */
.sk-uigroup.sk-medical:not(.sk-medical-big) .sk-uigroup-item:nth-child(odd) .sk-attr .sk-field .sk-input::-webkit-input-placeholder {
    color:  var(--text-color-odd) !important;
}

/* Unica Elite info icon color */
.sk-uigroup.sk-medical:not(.sk-medical-big) .sk-uigroup-item:nth-child(odd) .sk-attr .sk-label .sk-info {
    color: var(--text-color-odd) !important;
}

/* Unica Elite icon color */
.sk-uigroup.sk-medical:not(.sk-medical-big) .sk-uigroup-item:nth-child(odd) .sk-attr .sk-field .sk-input-icon {
    color: var(--text-color-odd) !important;
}

/* ----- INFO MESSAGE ----- */
/* Info message background */
.sk-message[data-type="INFO"] .sk-message-content {
    background: var(--info-message-bg) !important;
    border-color: var(--info-message-border-color) !important;
}

/* Info message color */
.sk-message[data-type="INFO"] .sk-message-content,
.sk-message[data-type="INFO"] .sk-message-content * {
    color: var(--info-message-color) !important;
}

/* Message Info Icon */
.sk-message[data-type="INFO"] .sk-message-content i.fa-info-circle {
    color: var(--brand-second) !important;
}


/* Message header border */
.sk-message.payment-summary-message h3 {
    border-color: var(--message-header-line) !important;
}

/* ----- WARNING MESSAGE ----- */
/* Warning message background */
.sk-message[data-type="WARNING"] .sk-message-content {
    background: var(--warning-message-bg) !important;
    border-color: var(--warning-message-border-color) !important;
}

/* Warning message color*/
.sk-message[data-type="WARNING"] .sk-message-content,
.sk-message[data-type="WARNING"] .sk-message-content * { 
    color: var(--warning-message-color) !important;
}

/* ----- ERROR MESSAGE ----- */
/* Error message background */
.sk-message[data-type="ERROR"] .sk-message-content {
    background: var(--error-mesagge-bg) !important;
    border-color: var(--error-message-border-color) !important;
}

.sk-premium-tag .sk-message-content {
    background: var(--error-mesagge-bg) !important;
    border-color: var(--error-message-border-color) !important;
}

/* Error message color */
.sk-message[data-type="ERROR"] .sk-message-content,
.sk-message[data-type="ERROR"] .sk-message-content * {
    color: var(--error-message-color) !important;
}

/* ----- SUCCESS MESSAGE ----- */
/* Sucess message background */
div.sk-message[data-type="SUCCESS"] .sk-message-content {
    background: var(--success-message-bg-customer) !important;
    border-color: var(--success-message-border-color) !important;
}

/* Sucess message color */
.sk-message[data-type="SUCCESS"] .sk-message-content,
.sk-message[data-type="SUCCESS"] .sk-message-content * {
    color: var(--success-message-color) !important;
}

/* Icon Color Success Message */
div#sk-AgilPay-StatusTransition-Messages-SuccessMessage .sk-message-content div.position-relative i.fas.fa-check::before {
    color: var(--success-message-icon) !important;
}

/* Confirmation border color*/
.sk-message.sk-final-confirmation .sk-template--right {
    border-color: var(--confirmation-border-color) !important;
}


/* TRAVEL SUMMARY MESSAGE*/
/* Travel summary background */
.sk-attr#sk-TravelChubb-BasicDetails-SummaryMessage .sk-summary .sk-summary-header {
    background: var(--travel-summary-bg) !important;
}

/* Travel summary text */
#sk-TravelChubb-BasicDetails-SummaryMessage .sk-summary .sk-summary-header > div span {
    color: var(--travel-summary-font) !important;
}

/* ----- BUTTONS ----- */
/* Next button */
.sk-navigation .sk-button.sk-button--next {
    background-color: var(--next-button) !important;
}

/* Back button */
.sk-navigation .sk-button-list--back .sk-button--back {
    background-color: var(--back-button) !important;
}

/* Action button */
.sk-navigation .sk-button.sk-button--action {
    background-color: var(--action-button) !important;
}

.sk-navigation button.sk-button.sk-button--next.sk-button--disabled {
    color: var(--button-disabled-font) !important;
}

/* Button, Log me in */
.process-header-welcome-button p:last-child a.sk-button {
    background: var(--action-button) !important;
}

/* Custom message button */
.sk-message.sk-message-button .sk-message-content {
    background-color: var(--custom-button) !important;
}

/* ----- FOOTER ----- */
/* Footer */
footer.footer {
    background-color: var(--footer-bg-color) !important;
}

/* Label/Icons Footer */
footer.footer * {
    color: var(--footer-font-color) !important;
}

/* Footer Links color */
footer.footer .sk-footer-products-list a {
    color: var(--footer-links-color) !important;
}

/* Footer Image */
.sk-footer-img {
    display: var(--footer-image-visibility) !important;
}

/* ----- SELECTION TABLE ----- */
/*First column*/
div.sk-attr.sk-selectiontable ul li[class*="column-0"].selected {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

div.sk-attr.sk-selectiontable ul li[class*="column-0"].selected.last {
    border-bottom-color: transparent !important;
}

/* Selection table selected background */
.sk-attr.sk-selectiontable ul li[class*="column-"][data-type="HEADER"].selected {
    background: var(--selection-table-selected-bg) !important;
    background-color: var(--selection-table-selected-bg) !important;
}

/* Selection table button background */
.sk-attr.sk-selectiontable ul li[class*="column-"] .sk-button { 
    background: var(--selection-table-button) !important;
}

/* Border Selection Table Top*/
.sk-attr.sk-selectiontable ul li[class*="column-"].selected[data-type="HEADER"] {
    border-top-color: var(--selection-table-border-top) !important;
}

/*Side Border Selection Table*/
.sk-attr.sk-selectiontable ul li[class*="column-"].selected {
    border-left-color: var(--selection-table-border-side) !important;
    border-right-color: var(--selection-table-border-side) !important;
}

/*Border Bottom Selection Table*/
.sk-attr.sk-selectiontable ul li[class*="column-"].selected.last, 
.sk-attr.sk-selectiontable ul li[data-type="BODY"][class*="column-"].selected.hovered:not(.column-0) {
    border-bottom-color: var(--selection-table-border-bottom) !important;
}

/* Label Selection Table */
span.text-color-default,
.sk-selectiontable-container>ul li[data-type=HEADER] label {
    color: var(--text-color-selection-table) !important;
}

/* -----SLIDER BAR ----- */
/* Slider bar rail */
.sk-attr.sk-slider .rc-slider-rail {
    background-color: var(--slider-rail-bg-color) !important;
}

/* Slider bar track */
.sk-attr.sk-slider .rc-slider-track {
    background-color: var(--slider-track-bg-color) !important;
}

/* Slider bar handle */
.sk-attr.sk-slider .rc-slider-handle {
    background-color: var(--slider-handle-bg-color) !important;
}

/* Slider mark text */
.sk-attr.sk-slider .rc-slider-mark .rc-slider-mark-text {
    color: var(--slider-mark-color) !important;
}

/* Slider value */
.sk-slider .sk-slider-value {
    color: var(--slider-value) !important;
}

/* Slider handle active */
.sk-attr.sk-slider .rc-slider-handle:focus, .sk-attr.sk-slider .rc-slider-handle:active {
    box-shadow: 0 0 0 5px var(--slider-handle-active) !important;
}

/* Slider handle hover */
.sk-attr.sk-slider .rc-slider-handle::after {
    background-color: var(--slider-handle-hover) !important;
}

/* ----- TABS -----*/
/* Tab border*/
.sk-tabgroup:not(.sk-tabgroup--view) li.sk-tab, .sk-tabgroup:not(.sk-tabgroup--view) div.sk-tab-content {
    border-color: var(--tab-border-color) !important;
}

/* Color tab*/
div.sk-tabgroup:not(.sk-tabgroup--view) .sk-tab.sk-tab--selected {
    background-color: var(--brand-second) !important;
}

/* Text color tab*/
.sk-tabgroup .sk-tab.sk-tab--selected a {
    color: var(--tab-text-color) !important;
}

/* Tab background hover */
div.sk-tabgroup:not(.sk-tabgroup--view) .sk-tab:hover {
    background-color: var(--brand-second) !important;
}

/* Multibricks*/
.sk-attr.sk-table .sk-table-table--header-row ul li:first-child {
    background-color: var(--multibrick-header-bg) !important;
}

/* Multibrick add button */
.sk-attr.sk-table .sk-table-table--multibrick .sk-multi-brick-link--add {
    background-color: var(--multibrick-add-button) !important;
    color: var(--mutibrick-add-font-color) !important;
}

/* --- Add button --- */
/* Add button background */
a.button.sk-button.sk-multi-brick-link.sk-multi-brick-link--add.expanded {
    background: var(--button-add-bg) !important;
}

/* Add button span color */
a.button.sk-button.sk-multi-brick-link.sk-multi-brick-link--add.expanded span {
    color: var(--button-add) !important;
}

/* Add button icon color */
a.button.sk-button.sk-multi-brick-link.sk-multi-brick-link--add.expanded i.fal.fa-plus {
    color: var(--button-add) !important;
}

/* Add button hover */
a.button.sk-button.sk-multi-brick-link.sk-multi-brick-link--add.expanded:hover {
    color: var(--button-add) !important;
}

/* Multibrick remove button*/
.sk-attr.sk-table .sk-table-table--multibrick .sk-multi-brick-link--remove {
    color: var(--multibrick-remove-button) !important;
}

/* Multibrick header text*/
.sk-table .sk-table-table.sk-table-table--header-row>ul>li:first-child {
    color: var(--multibrick-header-font-color) !important;
}

/* Border Textarea */
.sk-attr.sk-textarea .sk-field .sk-input {
    border: 2px solid var(--input-border-color) !important;
}