@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

.flexi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1rem;
}

.flexi-grid-col {
    display: flex;
    align-items: end;
    justify-content: center;    
}

.row-input {
    margin: auto;
    background-color: #222;
    color: #fff;
    min-width: 80px;
}

.mw-80 {
min-width: 80%;
}

.middle-align {
    align-items: center;
}

.badge-Green {
    border: 2px solid #fff;
    background-color: green;
}

.badge-Orange {
    border: 2px solid #fff;
    background-color: orange;
}

.badge-Blue {
    border: 2px solid #fff;
    background-color: blue;
}

.badge-Purple {
    border: 2px solid #fff;
    background-color: purple;
}

.badge-White {
    border: 2px solid #fff;
    background-color: #fff;
}

.badge-Red {
    border: 2px solid #fff;
    background-color: red;
}

.badge-Grey {
    border: 2px solid #fff;
    background-color: grey;
}

.vertical-align-middle {
    vertical-align: middle;
    border-top: none !important;
}

.Black {
    color: #222 !important;
}

.White {
color: #fff !important;
}

.Green {
color: #5FD59F !important;
}

.Orange {
    color:orange !important;
}

.Red {
color: red !important;
}

.Grey {
color: gray !important;
}

.Blue {
    color: #1f53be !important;
}

@media (min-width: 1800px) {
    /*.row-input {
	max-width: 60%;
    }*/
}