.flex-line{display: flex;}
.flex-rows{display: flex; flex-wrap: wrap;}
.flex-cols,.flex-col{display: flex; flex-direction: column;}

.flex-line.flex-border{padding:5px 0; border-bottom:1px #bbb solid;}
.flex-line.flex-border:last-child{border:none;}
.flex-center{align-items: center; justify-content: center;}
.flex-between{justify-content: space-between;}

.flex-item100{display: flex; width: 100%;}
.flex-item50{display: flex; width: 50%;}
.flex-item30{display: flex; width: 30%;}
.flex-item25{display: flex; width: 25%;}
.flex-item10{display: flex; width: 10%;}
.flex-fix{display: flex; flex-shrink: 0;}

.flex-sb{display: flex; width:100%; justify-content: space-between;}
.flex-sb>*{margin-left:10px !important; }
.flex-sb>*:first-child{margin-left:0px !important; }

.flex-p5{padding:5px;}
.flex-p10{padding:10px;}
@media (max-width: 639px)
{
.flex-mob-column{flex-direction: column; width: 100%;}
.flex-mob-column>div{width: 100%; margin-left:0 !important;}
}