/*
Colors

HEX: #F58220
ORANGE

HEX: #FBAF3C
YELLOW

HEX: #CD2033
RED

HEX: #576EB2
PURPLE

HEX: #63A5B9
TEAL

HEX: #0F1E3C
INDIGO

*/

.pf-widget.lytics-widget {
    background-color: #0F1E3C; /* default background color */
    color: #fff;
    border-radius: 0px;
    box-shadow: none;
    font-family: "Benton Sans Book",Helvetica,sans-serif;
}

    /* headline */
    .pf-widget.lytics-widget .pf-widget-headline {
        color: #FFFFFF;
        font-size: 28px;
        font-family: "Benton Sans Book",Helvetica,sans-serif;
    }

    /* "x" button */
    .pf-widget.lytics-widget .pf-widget-close {
        color: #39aec0;
    }

    /* buttons */
    .pf-widget.lytics-widget .pf-widget-btn {
        border-radius: 0px;
        padding: 1px 25px;
        background-color: #ff6d02;
    }

        /* confirm button */
        .pf-widget.lytics-widget .pf-widget-btn.pf-widget-ok {
            background-color: #ff6d02; /* previously  */
            color: #fff;
            box-shadow: none;
            border: 0;
            border-radius: 100px;
            font-family: "Benton Sans Medium",Helvetica,sans-serif;
        }

        /* cancel button */
        .pf-widget.lytics-widget .pf-widget-btn.pf-widget-cancel {
            background: transparent;
            color: #fff;
            border: 1px solid #6a6a6a;
        }

    /* img */
    .pf-widget.lytics-widget .pf-widget-img {
        border-radius: 0px;
    }

    .pf-widget.lytics-widget .pf-widget-footer {
        font-size: 9px;
    }



    /* 7/1/2021 additions for TC21 */
    /* https://github.com/tableau-mkt/www/issues/5148/ */


    /* .bg-xxxx - optional background colors  */
    .pf-widget.lytics-widget.bg--orange {
        background-color: #F58220;
    }

    .pf-widget.lytics-widget.bg--yellow {
        background-color: #FBAF3C;
    }

    .pf-widget.lytics-widget.bg--red {
        background-color: #CD2033;
    }

    .pf-widget.lytics-widget.bg--teal {
        background-color: #63A5B9;
    }

    .pf-widget.lytics-widget.bg--purple {
        background-color: #576EB2;
    }



/* NEW FOR TC22 */

/* TC22 fonts from Kendall */
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=dfe4773f-0041-417a-a2ae-f6e5bc9cb08e"); /* permissions thing? */

@font-face {
    font-family: "ITC Avant Garde Gothic W05";
    src: url("https://mkt.tableau.com/salesforce_fonts/4dd591d8-4168-4263-b05b-7183ddaff1f4.woff2") format("woff2"),url("https://mkt.tableau.com/salesforce_fonts/90882e39-7091-4415-b231-1e068ccdcc6f.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "SalesforceSans Regular";
    src: url("https://mkt.tableau.com/salesforce_fonts/SalesforceSans-Regular.woff2") format("woff2"),url("https://mkt.tableau.com/salesforce_fonts/SalesforceSans-Regular.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}
/* END KENDALL FONTS */


/* https://app.asana.com/0/1201717864283150/1201973681211593 */
.pf-widget.lytics-widget.bg-tc22--light-blue {
    background-color: #CFE9FE;
    color: #032D60;
}

.pf-widget.lytics-widget.bg-tc22--blue {
    background-color: #0B5CAB;
}

.pf-widget.lytics-widget.bg-tc22--yellow {
    background-color: #FBAF3C;
}

.pf-widget.lytics-widget.bg-tc22--purple {
    background-color: #576EB2;
}

    .pf-widget.lytics-widget.bg-tc22--light-blue .pf-widget-headline,
    .pf-widget.lytics-widget.bg-tc22--blue .pf-widget-headline,
    .pf-widget.lytics-widget.bg-tc22--yellow .pf-widget-headline,
    .pf-widget.lytics-widget.bg-tc22--purple .pf-widget-headline {
        font-family: "ITC Avant Garde Gothic W05";
    }

.pf-widget.lytics-widget.bg-tc22--light-blue .pf-widget-headline {
    color: #032D60;
}

.pf-widget.lytics-widget.bg-tc22--light-blue .pf-widget-message,
.pf-widget.lytics-widget.bg-tc22--blue .pf-widget-message,
.pf-widget.lytics-widget.bg-tc22--yellow .pf-widget-message,
.pf-widget.lytics-widget.bg-tc22--purple .pf-widget-message {
    font-family: "SalesforceSans Regular";
}

.pf-widget.lytics-widget.bg-tc22--light-blue .pf-widget-message {
    color: #032D60;
}



/* .text-left - optional TEXT left alignment */
.pf-widget-inline.pf-widget-variant-2.text--left .pf-widget-content,
.pf-widget-slideout.pf-widget-variant-2.text--left .pf-widget-content {
    text-align: left;
}
/* .image--left - optional IMAGE left alignment */
.pf-widget-slideout.pf-widget-variant-2.image--left .pf-widget-img {
    float: none;
    position: absolute;
    top: 20px;
    margin-left: 30px;
    left: unset;
}
/* .image--tc21 - Tableau Conference 2021 specific IMAGE alignment and size */
.pf-widget-slideout.pf-widget-variant-2.image--tc21 .pf-widget-img {
    top: unset;
    width: unset;
    height: unset;
    margin-top: 56px;
    width: 191px;
}

/* .text--tc21 - adjusts text size for TC21 */
.pf-widget.lytics-widget.text--tc21 .pf-widget-message {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 31px;
}

/* .heading--bold - optional BOLD heading */
.pf-widget.lytics-widget.heading--bold .pf-widget-headline {
    font-family: "Benton Sans Bold",Helvetica,sans-serif;
    font-size: 27px;
    line-height: 30px;
    margin-top: 98px;
    margin-bottom: 5px;
}


/* confirm button */
.pf-widget.lytics-widget.button--tc21 .pf-widget-btn.pf-widget-ok {
    background-color: #f58220; /* previously #ff6d02; */
    font-family: "Benton Sans Bold",Helvetica,sans-serif;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}


/* consolidated styles post feedback */

/* theme classes */
.pf-widget.lytics-widget.theme--dark,
.pf-widget.lytics-widget.theme--medium,
.pf-widget.lytics-widget.theme--light {
    border-radius: 15px;
    border: 1px solid #F7F5F5;
}

    /* top bar common to all themes */
    .pf-widget.lytics-widget.theme--dark .pf-widget-close,
    .pf-widget.lytics-widget.theme--medium .pf-widget-close,
    .pf-widget.lytics-widget.theme--light .pf-widget-close {
        padding-top: 5px;
        color: #0F1E3C;
    }

        .pf-widget.lytics-widget.theme--dark .pf-widget-close::before,
        .pf-widget.lytics-widget.theme--medium .pf-widget-close::before,
        .pf-widget.lytics-widget.theme--light .pf-widget-close::before {
            position: absolute;
            top: -4px;
            display: inline-block;
            left: -324px;
            width: 318px;
            text-align: left;
            z-index: -1; /* fixes overlay of "x" button */
            padding-top: 10px;
            padding-right: 2px;
            padding-bottom: 6px;
            padding-left: 30px;
            /* changes w/ theme */
            content: url("https://www.tableau.com/sites/default/files/2021-08/Tableau-Logo-100x21.png");
            background: #FFF;
        }

    /* top padding adjustment to account for top bar */
    .pf-widget.lytics-widget.theme--dark .pf-widget-content,
    .pf-widget.lytics-widget.theme--medium .pf-widget-content,
    .pf-widget.lytics-widget.theme--light .pf-widget-content {
        padding-top: 71px;
        text-align: left;
    }

    /* heading common to all themes */
    .pf-widget.lytics-widget.theme--dark .pf-widget-headline,
    .pf-widget.lytics-widget.theme--medium .pf-widget-headline,
    .pf-widget.lytics-widget.theme--light .pf-widget-headline {
        font-family: "Benton Sans Bold",Helvetica,sans-serif;
        font-size: 27px;
        line-height: 30px;
        /*
        margin-top: 98px;
        margin-bottom: 5px;
        */
    }

    /* button common to all themes */
    .pf-widget.lytics-widget.theme--dark .pf-widget-btn.pf-widget-ok,
    .pf-widget.lytics-widget.theme--medium .pf-widget-btn.pf-widget-ok,
    .pf-widget.lytics-widget.theme--light .pf-widget-btn.pf-widget-ok {
        font-family: "Benton Sans Bold",Helvetica,sans-serif;
        font-size: 11px;
        line-height: 2.25;
        text-transform: uppercase;
        color: #fff;
        box-shadow: none;
        border: 0;
        border-radius: 100px;
        /* changes w/ theme */
        background-color: #ff6d02;
    }

/* defaults for .lytics-widget are indigo background, white text */
.pf-widget.lytics-widget.theme--dark {
    background-image: url("https://www.tableau.com/sites/default/files/2021-08/350X450-Dark-Back.png");
    background-position: center bottom;
    background-repeat: no-repeat;
}

    .pf-widget.lytics-widget.theme--dark .pf-widget-close {
        color: #fff;
    }

        .pf-widget.lytics-widget.theme--dark .pf-widget-close::before {
            content: url("https://www.tableau.com/sites/default/files/2021-08/Tableau-Logo-white-100x21.png");
            background: #0F1E3C;
        }

    .pf-widget.lytics-widget.theme--dark .pf-widget-headline {
    }

    .pf-widget.lytics-widget.theme--dark .pf-widget-message {
    }

    .pf-widget.lytics-widget.theme--dark .pf-widget-btn.pf-widget-ok {
        border: 2px solid #fff;
        background: 0 0;
    }

.pf-widget.lytics-widget.theme--medium {
    background-color: #F7F5F5;
}

    .pf-widget.lytics-widget.theme--medium .pf-widget-close::before {
        background-color: #fff;
    }

    .pf-widget.lytics-widget.theme--medium .pf-widget-headline {
        color: #0F1E3C;
    }

    .pf-widget.lytics-widget.theme--medium .pf-widget-message {
        color: #0F1E3C;
    }

    .pf-widget.lytics-widget.theme--medium .pf-widget-btn.pf-widget-ok {
        background-color: #0F1E3C;
    }


.pf-widget.lytics-widget.theme--light {
    background-color: #fff;
}

    .pf-widget.lytics-widget.theme--light .pf-widget-headline {
        color: #0F1E3C;
    }

    .pf-widget.lytics-widget.theme--light .pf-widget-message {
        color: #0F1E3C;
    }

    .pf-widget.lytics-widget.theme--light .pf-widget-btn.pf-widget-ok {
        background-color: #0F1E3C;
    }

/* layout classes */
/* no image path = default */
.pf-widget.lytics-widget.layout--lg-img {
}

    .pf-widget.lytics-widget.layout--lg-img .pf-widget-img {
        top: 55px;
        left: 30px;
        width: 290px;
        height: 200px;
        margin-left: unset;
    }

    .pf-widget.lytics-widget.layout--lg-img .pf-widget-content {
        padding-top: 165px;
    }


.pf-widget-lytics-widget.layout--sm-img {
}

.pf-widget.lytics-widget.layout--sm-img .pf-widget-img {
    width: 100px;
    height: 100px;
    /*
            */
    top: unset;
    left: unset;
    margin-left: unset;
    bottom: 15px;
    right: 15px;
}

.pf-widget.lytics-widget.layout--sm-img .pf-widget-content {
    padding-top: unset;
}

    .pf-widget.lytics-widget.layout--sm-img .pf-widget-content .pf-widget-headline {
        margin-top: 60px;
    }

    .pf-widget.lytics-widget.layout--sm-img .pf-widget-content .pf-widget-message {
        margin-bottom: 10px;
    }

    .pf-widget.lytics-widget.layout--sm-img .pf-widget-content .pf-widget-btn.pf-widget-ok {
        margin-top: 40px;
        margin-bottom: 10px;
    }