﻿.content {
    padding: 0px;
    margin: 0px;
}

.rz-form-field-content {
/*    padding-top:8px;
    padding-left:8px;*/
}

/***********************************************/
/* CARD                                       */
/*********************************************/
.card-grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}
.card-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}
.card-waldo {
    content: "";
    flex-grow: 0;
    visibility: hidden;
    height: 10px !important;
    width: 332px;
}
.app-card {
    margin: 10px;
    height: 460px;
    width: 100%;
}

/***********************************************/
/* FLOW                                       */
/*********************************************/


.flow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.flow {
    /*margin:8px;*/
}

.image-flow {
    height: 100px;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}

    .image-flow:hover {
/*    transform: scale(1.3);
      border: 1px black;
*/
        cursor: pointer;
    }


/***********************************************/
/* LAYOUT                                     */
/*********************************************/
.space-between {
    width: 100%;
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
}

.trim {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.clickable !important {
    cursor: pointer;
}

.app-clickable {
    cursor: pointer;
}

.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nooverflow {
    overflow: hidden;
    text-overflow: ellipsis;
}

/***********************************************/
/* ACTIONS                                    */
/*********************************************/
.actions {
    display: flex;
    align-items: flex-start;
    margin-top: 16px;
    margin-bottom: 16px;
}

    .actions > * {
        margin-left: 16px;
        margin-right: 16px;
    }
