.myCssClass{
    font-size:20px;
}

.card-datagrid-content

{

  display: grid;

  grid-auto-rows: 1fr;

  flex-wrap: wrap;

  justify-content: left;

  grid-template-columns: repeat(auto-fill, 100%);

  grid-gap: 14px;

}

.card-datagrid

{

    background: #fff;

    border-radius: 10px;

    padding: 20px;

    width: 100%;

    border: 2px solid #fff;

    display: grid;

    align-items: stretch;

    /* position: relative; */

    /* z-index: 991; */

}

.card-datagrid-title

{

    font-weight: 600;

    font-size: 15px;

}

.card-datagrid-content.grid

{

   display: grid;

   width: 100%;

   grid-template-columns: unset;

}


.card-datagrid-actions

{

    display: flex;

    flex-wrap: wrap;

    align-items: flex-end;

}

.card-datagrid:hover

{

    border: 2px solid #e5eaf3;

}

.card-datagrid-info

{

    font-weight: 300;

}


.card-datagrid.column

{

    display: flex;

    /* align-items: center; */

}

.card-datagrid-container

{

    margin-bottom: 15px;

}

.card-datagrid-container2

{

    margin-bottom: 15px;
    
    color: #ff0000;

}

.card-datagrid-content 

{

    grid-template-columns: repeat(auto-fill, 100%);

}

.display-profile-mini

{

    display: flex;

    align-items: center;

}

.display-profile-mini .user-circular

{

    margin-right: 5px;

    margin-bottom: 0;

}

.display-profile-name

{

    font-weight: 600;

    font-size: 15px;

}