/* Display flex */
.displayFlex {
    display: flex;
}

.displayNone {
    display: none;
}

.displayNone520px {
    display: unset;
    animation: all 0.5s ease-in-out;
}

.displayInlineBlock {
    display: inline-block;
}

.displayBlock {
    display: block;
}

.displayFlex dt {
    margin-right: 10px;
}

.displayFlex dd {
    margin-right: 10px;
}

.displayFlex dd:empty:after {
    display: none !important;
}

/* Flex direction */
.flexColumn {
    flex-direction: column;
}

.flexRow {
    flex-direction: row;
}

.flexRow600px {
    flex-direction: row;
}


/* Flex Align Items */
.flexAlignItemsStart {
    align-items: flex-start;
}

.flexAlignItemsCenter {
    align-items: center;
}

.flexAlignItemsEnd {
    align-items: flex-end;
}

.flexAlignItemsBaseline {
    align-items: baseline;
}


/* Flex Wrap */
.flexWrap {
    flex-wrap: wrap;
}

.flexNoWrap {
    flex-wrap: nowrap;
}


/* Flex Justify Content */
.flexJustifySpaceBetween {
    justify-content: space-between;
}

.flexJustifySpaceAround {
    justify-content: space-around;
}

.flexJustifyStart {
    justify-content: flex-start;
}

.flexJustifyCenter {
    justify-content: center;
}

.flexJustifyEnd {
    justify-content: flex-end;
}

/* Float */
.floatRight {
    float: right;
}


/* Display grid */
.gridContainer {
    display: grid;
}

.gridContainer900px {
    display: grid;
}

.gridContainer1200px {
    display: grid;
}

.gridInformation {
    display: grid;
    grid-column-gap: 1%;
    grid-row-gap: 12px;
    align-items: center;
}

.gridRiskInformation {
    display: grid;
    grid-row-gap: 12px;
    align-items: center;
}

.gridInformation7px {
    display: grid;
    grid-column-gap: 1%;
    grid-row-gap: 7px;
    align-items: center;
}

.gridInformation2columns {
    display: grid;
    grid-column-gap: 0.5%;
    grid-row-gap: 0;
    align-items: center;
}

.gridInformation2columnsRowGap {
    display: grid;
    grid-column-gap: 0.5%;
    grid-row-gap: 12px;
    align-items: center;
}

.gridInformationColumn1fr1fr1fr {
    grid-template-columns: 1fr 1fr 1fr;
}

.gridInformationColumn1fr1fr1fr1fr {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.gridInformationColumn1fr2fr1fr2fr {
    grid-template-columns: 1fr 2fr 1fr 2fr;
}

.gridInformationColumn2fr1fr2fr1fr {
    grid-template-columns: 2fr 1fr 2fr 1fr;
}

.gridInformationColumn1fr1fr1fr2fr {
    grid-template-columns: 1fr 1fr 1fr 2fr;
}

.gridInformationColumn1fr1fr1fr4fr {
    grid-template-columns: 1fr 1fr 1fr 4fr;
}

.gridInformationColumn1fr2fr2fr2fr {
    grid-template-columns: 1fr 2fr 2fr 2fr;
}

.gridInformationColumn1fr2fr2fr1fr {
    grid-template-columns: 1fr 2fr 2fr 1fr;
}

.gridInformationColumn1fr1fr {
    grid-template-columns: 1fr 1fr;
}

.gridInformationColumn1fr2fr {
    grid-template-columns: 1fr 2fr;
}

.gridInformationColumn1fr3fr {
    grid-template-columns: 1fr 3fr;
}

.gridInformationColumn1fr5fr {
    grid-template-columns: 1fr 5fr;
}

.gridInformationColumn2fr4fr {
    grid-template-columns: 2fr 4fr;
}

.gridInformationColumn6fr {
    grid-template-columns: repeat(6, 1fr);
}

/* Gap */
.columnGap1 {
    column-gap: 1%;
}

.columnGap2 {
    column-gap: 2%;
}

.columnGap4 {
    column-gap: 4%
}

.rowGap1 {
    row-gap: 1%
}

.rowGap1px {
    row-gap: 1px;
}

.rowGap5px {
    grid-row-gap: 5px;
}

.gap4px {
    gap: 4px;
}

.gap8px {
    gap: 8px;
}

.gap15px {
    gap: 15px;
}

.gap16px {
    gap: 16px;
}

.gap24px {
    gap: 24px;
}


/* Rows */
.gridRows {
    grid-auto-rows: auto;
}

.gridRowHeight30px {
    grid-auto-rows: minmax(30px, auto);
}

.gridRowStart1 {
    grid-row-start: 1;
}

.gridRowStart2 {
    grid-row-start: 2;
}

.gridColumnStart1 {
    grid-column-start: 1;
}

.gridColumnStart2 {
    grid-column-start: 2;
}

.gridColumnStart3 {
    grid-column-start: 3;
}

.gridColumnStart4 {
    grid-column-start: 4;
}


/* Column */
.grid2Columns {
    grid-template-columns: 58% 38%;
}

.grid2Columns6040 {
    grid-template-columns: 60% 40%;
}

.grid2ColumnsMedium {
    grid-template-columns: 46% 54%;
}

.grid3Columns1Fr {
    grid-template-columns: repeat(3, 1fr);
}

.grid4Column1fr {
    grid-template-columns: repeat(4, 1fr);
}


.grid2Columns40 {
    grid-template-columns: 41% 59%;
}

.grid2Columns50 {
    grid-template-columns: 50% 50%;
}

.grid2Columns64 {
    grid-template-columns: 64.5% 35%;
}

/* Start */

.tableLayoutFixed {
    table-layout: fixed;
}

/* Other */
.top8 {
    top: 8%;
}

.top15 {
    top: 15%;
}

/* Margin */
.marginAuto {
    margin: auto;
}

.pointerEventNone {
    pointer-events: none;
}