.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;
}

.dashboard_number {
    color: var(--primary);
    text-align: center;
    font: normal normal 600 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 600 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;
}

.text-ellipsis {
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
}

.hoverCreateDate{
    filter: invert(54%) sepia(1%) saturate(0%) hue-rotate(83deg) brightness(93%) contrast(90%);
}
.hoverCreateDate:hover{
    
    filter: invert(54%) sepia(1%) saturate(0%) hue-rotate(83deg) brightness(1%) contrast(90%);
}

.hoverRecent {
    border: 1px solid #DDDDE5;
    cursor:pointer;
}
.hoverRecent:hover{
    border: 1px solid #272727;
    /* background-color: #e8ecf6; */
    cursor:pointer;
}

.iconsHeight{
    height:46px
}
.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;
    display: block;
    /* cursor: pointer; */
    z-index: 5;
    padding:32px;
    background-color: #F0F0F6;
    transition: all 0.2s ease-out;
    /* box-shadow: 10px 11px 12px -12px hsl(0deg 17% 68% / 71%); */

}

.animated-tile-tileview {
    position: relative;
    display: block;
    /* cursor: pointer; */
    z-index: 5;
    padding:32px;
    /* background-color: #F0F0F6; */
    transition: all 0.2s ease-out;
    /* box-shadow: 10px 11px 12px -12px hsl(0deg 17% 68% / 71%); */

}

.animated-tile.disabled {
    position: relative;
    display: block;
    opacity:50%;
    /* pointer-events: none; */
    z-index: 5;
    padding:32px;
    background-color: #ffffff;
    border:solid 1px #DDDDE5;

}
.disabledPicture{
    filter: grayscale(1);
}
.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: #F0F0F6;
    height:94px;
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.welcome-tip-links {
    /* color:#3569c3!important; */
    color:var(--quaternary);
    text-decoration: underline;
    cursor: pointer;
}

.welcome-picture-bgr{
    height: 112px; 
    width: 112px; 
    background-color: #002A64;
}

.welcome-picture-bgr-grey{
    height: 112px; 
    width: 112px; 
    background-color: #dedee4d9;;
}

.welcome-tip-links.disabled {
    color:var(--greyish);
    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;
}

.trial_container{
    color:#b98b3b; 
    background-color:#fff5f0; 
    /* padding: 2px; */
    margin-top: 9px;
    height: fit-content;

}

/* CSS for zoom effect */
.zoom-on-hover {
    transition: transform 0.3s ease-in-out;  /* Smooth transition for zoom effect */
    cursor: pointer;  /* Change cursor to indicate that the item is interactive */
}

.zoom-on-hover:hover {
    transform: scale(1.1);  /* Increase the scale to 1.2x for zoom effect */
}