.welcome_title {
    color: var(--primary);
    text-align: left;
    font: normal normal 600 28px/40px var(--primary_font);
    letter-spacing: 0;
    opacity: 1;
}
.welcome_subtitle {
    color: var(--primary);
    text-align: left;
    font: normal normal normal 16px/23px var(--primary_font);
    letter-spacing: 0;
    opacity: 1;
}

.welcome_step_title {
    color: var(--primary);
    text-align: center;
    font: normal normal 600 20px/23px var(--primary_font);
    letter-spacing: 0;
    opacity: 1;
}
.welcome_step_desc {
    color: var(--primary);
    text-align: center;
    font: normal normal normal 16px/24px var(--primary_font);
    letter-spacing: 0;
    opacity: 1;
}

.useCaseGalleryContainer {
    background-color:#f8fafc;
    height: 137px;
}

.useCaseGallery .dx-gallery-indicator {
    bottom: 18px;
}

.dashboard_number {
    color: var(--primary);
    text-align: center;
    font: normal normal 300 64px var(--primary_font);
    letter-spacing: 0;
    opacity: 1;
}
.dashboard_entityName {
    color: var(--primary);
    text-align: center;
    font: normal normal normal 20px/23px var(--primary_font);
    letter-spacing: 0;
    opacity: 1;
}

.dashboard_option{
    color: var(--quaternary);
    text-align: center;
    font: normal normal 600 16px/22px var(--primary_font);
    letter-spacing: 0.4px;
    text-transform: uppercase;
    cursor: pointer;
    opacity: 1;
}
.dashboard_option:hover{
    color: var(--text-color);
}
.dashboard_recent{
    color: var(--primary);
    text-align: left;
    font: normal normal normal 14px/18px var(--primary_font);
    letter-spacing: 0;
    opacity: 1;
}
.dashboard_recent_title {
    color: var(--primary);
    text-align: left;
    font: normal normal 400 18px/23px var(--primary_font);
    letter-spacing: 0;
    opacity: 1;
}
.recent_title_overflow {
    text-overflow: ellipsis;
    max-width: 68%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    left: 56px;
}
.dashboard_createdAgo {
    color: var(--secondary);
    text-align: right;
    font: normal normal normal 16px/20px var(--primary_font);
    letter-spacing: 0;
    opacity: 1;
}

.hoverRecent:hover{

    background-color: #e8ecf6;
    cursor:pointer;
}

.iconsHeight{
    height:42px
}
.iconList{
    height:18px
}
.dx-item.dx-list-item.dx-state-hover:hover{
    background-color:#e8ecf6
}

.bgrColor{
    background-color: #f9f9f9;
}

.link-arrow {
    position: absolute;
    margin-left: 2px;
}

.animated-tile {
    position: relative;
    /*border: 1px solid #366cc4;*/
    font-weight: 100;
    display: block;
    cursor: pointer;
    border-radius: 500px;
    overflow: hidden;
    z-index: 5;
    /* background-color: #f9f9f9; */
    background-color: #f8fafc;
    transition: all 0.2s ease-out;
    /*box-shadow: 10px 10px 20px -12px hsl(0deg 0% 34% / 71%);*/
    /*box-shadow: 10px 10px 6px 1px hsl(0deg 0% 34% / 71%);*/
    /*box-shadow: 10px 11px 19px -13px hsl(0deg 0% 34% / 71%);*/
    /*box-shadow: 10px 11px 16px -10px hsl(0deg 0% 34% / 71%)*/
    box-shadow: 10px 11px 12px -12px hsl(0deg 17% 68% / 71%);

}
.animated-tile.hoverForTileLinks:hover{
    background-color: #e8ecf6;
}
.animated-tile:hover > div > div > img {
    /*background: rgba(50,108,196, .1);*/
    /*margin-top: -2px;*/
    border: 1px #366cc4;
    /*box-shadow: 10px 10px 10px -12px hsl(0deg 17% 68% / 71%);*/
    /*box-shadow: 13px 13px 11px -12px hsl(0deg 17% 68% / 71%);*/
    transform: scale(1.08);
}

.animated-tile:hover:after {
    left: 0;

}

.animated-tile > div > div > img {
    height:60px;
    transition: all 0.4s ease-out;

}

.shadow-general {
    box-shadow: 10px 11px 12px -12px hsl(0deg 17% 68% / 71%);
}

.entity-background {
    background-color: var(--text_field_fill);
}

.welcome-tip-links {
    color:#1d87c8!important;
    cursor: pointer;
}

.welcome-tip-links.disabled {
    color:grey!important;
    opacity: 0.5;
    /* pointer-events: none; */
    /* text-decoration: none; */
    cursor: pointer;
}

.dashboard-entity-name-subtitle {
    color: var(--secondary);
    text-align: center;
    font: normal normal normal 14px/18px var(--primary_font);
    letter-spacing: 0;
    opacity: 1;
    margin: auto;
    margin-top: -8px;
}

.recent-activity-subtitle {
    color: var(--light-gray_2);
    position: absolute;
    left: 56px;
    top: 43px;
}

.tile-view-img-no-entity {
    height: 60px;
    width: 220px;
}