@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.flex {
    display: flex;
    align-items: center;
    justify-content:center;
}

.flex_column {
    display: flex;
    align-items: center;
    justify-content:center;
    flex-direction: column;
}

.grid {
    display: grid;
    /* align-items: center;
    justify-items: center; */
}

.grid_2 {
    display: grid;
    align-items: center;
    justify-items: center;
    grid-template-columns: 1fr 1fr;
}

.table-cell {
    display: table-cell;
}

.table_fixed {
    table-layout: fixed;
}

.margin0 {
    margin: 0 !important;
}

.padding0 {
    padding: 0 !important;
}


.hide {
    display: none !important;
}

.hide_soft {
    display: none;
}

.round {
    border-radius: 50%;
}

.black {
    color: black;
}

.white {
    color: white;
}

.w100{
    width: 100%;
}

.h100 {
    height: 100%;
}



.wide_2 {
    grid-column: 1 / 3 !important;
}

.wide_3 {
    grid-column: 1 / 4 !important;
}

.wide_4 {
    grid-column: 1 / 5 !important;
}


.fit_container {
    height: 100%;
    width: 100%;
}

.top {
    align-self: start;
}

.scroll {
    overflow: scroll;
}

.hide_overflow {
    overflow: hidden;
}

.text_center {
    text-align: center;
}

.text_left {
    text-align: left;
}

.text_right {
    text-align: right;
}

.pointer {
    cursor:pointer;
}

.justify_start {
    justify-self: start;
}

.justify_end {
    justify-self: end;
}

.align_start {
    align-self: start;
}

.align_start {
    align-self: start;
}

.keep_line_breaks {
    white-space: pre-wrap;
}

.auto_height {
    height: auto !important;
}


/*---------------------------------------DIVIDERS----------------------------------------------*/
/* Dashed border */
hr.dashed {
    border-top: 3px dashed #bbb;
}

/* Dotted border */
hr.dotted {
border-top: 3px dotted #bbb;
}

/* Solid border */
hr.solid {
border-top: 3px solid #bbb;
width: 100%;
}

/* Rounded border */
hr.rounded {
border-top: 8px solid #bbb;
border-radius: 5px;
}