#campaignModalOverlay
{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:11;
    display:none;
}
#campaignModalWindow
{
    position: absolute;
    top:0.5rem;
    left:0.5rem;
    background-color: white;
    z-index:12;
    display:none;
    cursor:auto;
    border: 2px solid #780000;
    width: 400px;
}
#campaignModalWindowHeader
{
    height: 1rem;
    background-color : #780000;
    color : white;
    
}
#campaignModalWindowBody
{
    padding:0.5rem;
}
#campaignModalWindowScriptedMessages
{
    padding:0.5rem;
}
#campaignModalWindowFooter
{
    padding:0.5rem;
    text-align: center;
}
#campaignModalMockButton
{
    position: absolute;
    z-index:12;
    display:none;
    width:0px;
    height:0px;
    cursor:pointer;
}
.campaignScriptedMessageBlock
{
    display:none;
}
.campaignScriptedMessageBlock div{
    margin-bottom:1rem;
}

#campaignStepContainer
{
    display:flex;
    overflow-x: auto;
}
.campaignTile
{
    margin:0.5rem;
    border: 1px solid #606060;
    position:relative;
    display:none;
}
.campaignTile a
{
    text-decoration: none;
}
.campaignTileActive
{
    border: 1px solid #0077b6;
}
.campaignTileHeader
{
    color: #606060;
    font-size: 5rem;
    padding:1rem;
    text-align: center;
}
.campaignTileActive .campaignTileHeader
{
    color: #0077b6;
}
.campaignTileBody
{
    color: #606060;
    font-size: 1rem;
    padding:0.5rem;
}
.campaignTileActive .campaignTileBody
{
    color: #000000;
}
.campaignTileFooter
{
    padding: 0.5rem;
    display:flex;
    visibility: hidden;
}
.campaignStarContainer
{
    position:relative;
    min-width: 120px;
}
.campaignStarContainer img
{
    position:relative;
    z-index:2;
    padding:0;
    margin:0;
}
.campaignStarColor
{
    position:absolute;
    width:0%;
    height:38px;
    top:0;
    left:0;
    background-color: #0077b6;
    z-index:1;
    transition: width 2s ease-in-out;
}
.campaignTileMask
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
}
.campaignTileActive .campaignTileMask
{
    display:none;
}