/***************************/
/* White
/***************************/

.tpd-skin-white .tpd-content,
.tpd-skin-white .tpd-title,
.tpd-skin-white .tpd-close {
    color: #000000;
}

.tpd-skin-white .tpd-background-content,
.tpd-skin-white-no-padding .tpd-background-content {
    background-color: #FFFFFF;
}

.tpd-skin-white .tpd-content p,
.tpd-skin-white-no-padding .tpd-content p {
    margin: 2px 0 2px 0;
}

.tpd-skin-white .tpd-background,
.tpd-skin-white-no-padding .tpd-background {
    border-width: 1px;
    border-color: #AAAAAA;
}

.tpd-skin-white .tpd-background-title,
.tpd-skin-white-no-padding .tpd-background-title {
    background-color: #5b45e3;
}

/* line below the title */
.tpd-skin-white .tpd-title-wrapper,
.tpd-skin-white-no-padding .tpd-title-wrapper {
    border-bottom: 1px solid #AAAAAA;
}

/* shadow */
.tpd-skin-white .tpd-background-shadow,
.tpd-skin-white-no-padding .tpd-background-shadow {
    box-shadow: none;
}

/***************************/
/* Validation Error
/***************************/

.tpd-skin-validation-error .tpd-content,
.tpd-skin-validation-error .tpd-title,
.tpd-skin-validation-error .tpd-close {
    color: var(--visiv-validation-text-color);
}

.tpd-skin-validation-error .tpd-background-content {
    background-color: var(--visiv-validation-back-color);
}

.tpd-skin-validation-error .tpd-background {
    border-width: 1px;
    border-color: var(--visiv-validation-border-color);
}

.tpd-skin-validation-error .tpd-background-title {
    background-color: var(--visiv-validation-back-color);
}
/* line below the title */
.tpd-skin-validation-error .tpd-title-wrapper {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--visiv-validation-border-color);
}
/* shadow */
.tpd-skin-validation-error .tpd-background-shadow {
    box-shadow: none;
}

/* links */
.tpd-skin-validation-error a {
    color: var(--visiv-validation-text-color);
}

.tpd-skin-validation-error a:hover {
    color: var(--visiv-validation-text-color);
}

/***************************/
/* THEMED
/***************************/

.tpd-skin-themed .tpd-content,
.tpd-skin-themed .tpd-title,
.tpd-skin-themed .tpd-close {
    color: var(--visiv-theme-base-2-text-color);
}

.tpd-skin-themed .tpd-background-content {
    background-color: var(--visiv-theme-base-2-back-color) !important;
}

.tpd-skin-themed .tpd-content p {
    margin: 2px 0 2px 0;
}

.tpd-skin-themed .tpd-background {
    border-width: 1px;
    border-color: var(--visiv-theme-base-1-border-color) !important;
    background-color: var(--visiv-theme-base-1-back-color) !important;
}

.tpd-skin-themed .tpd-background-border-hack {
    border-color: var(--visiv-theme-base-1-border-color) !important;
}

.tpd-skin-themed .tpd-background-title {
    background-color: var(--visiv-theme-base-1-back-color);
}
/* line below the title */
.tpd-skin-themed .tpd-title-wrapper {
    border-bottom: 1px solid var(--visiv-theme-base-1-border-color);
}
/* shadow */
.tpd-skin-themed .tpd-background-shadow {
    box-shadow: none;
}
/* spinner */
.tpd-skin-themed .tpd-spinner-spin {
    border-color: unset;
    border-left-color: unset;
}

/* links */
.tpd-skin-themed a {
    color: unset;
}

.tpd-skin-themed a:hover {
    color: unset;
}