.full-width {
    width: 100%;
}
.half-width {
    width: 50%;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

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

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

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

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

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

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

.flex-start-center {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.flex-start-between {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

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

.margin-left-small {
    margin-left: .5em;
}

.margin-right-small {
    margin-right: .5em;
}

.margin-top-small {
    margin-top: .5em;
}

.margin-top {
    margin-top:1em;
}

.margin-bottom-small {
    margin-bottom: .5em;
}

.ml-1 {
    margin-left:.25rem!important;
}

.mr-2 {
    margin-left:.5rem!important;
}
.mr-1  {
    margin-right: .5em;
}
.mr-3 {
    margin-right: 1em;
}
.mr-4 {
    margin-right: 2em;
}
.ml-2 {
    margin-left: 2px;
}

.ml-3 {
    margin-left: 5px;
}

.ml-4 {
    margin-left: .5em;
}

.ml-5 {
    margin-left: 1em;
}

.mt-1 {
    margin-top:5px;
}

.mt-2 {
    margin-top: 10px;
}

.mt-3 {
    margin-top:.5em;
}

.mt-4 {
    margin-top: 1em;
}

.mt-5 {
    margin-top:2em;
}

.fa {
    font-weight: 900;
}

.main-text-color {
    color: #212529;
}

.main-title {
    font-size:16px;
    color: #212529;
    font-weight: 700;
}

.big-title {
    color: #212529;
    font-size:24px;
    font-weight: 700;
}

.big-text {
    font-size: 28px;
    font-weight: 700;
}

.huge-text {
    font-size: 32px;
    font-width: 700;
}

.normal-text {
    color: #212529;
    font-size: 14px;
    color: #212529;
}

.tip-text {
    font-size: 12px;
    color:#aaa;
}

.bold-text {
    font-size: 14px;
    font-weight: 700;
    color: #212529;
}
.dot {
    border-radius: 50%;
    height: 6px;
    margin-right: 5px;
    width: 6px;
    background-color: #2196F3;
}
.dot-green {
    border-radius: 50%;
    height: 6px;
    margin-right: 5px;
    width: 6px;
    background-color: #4CAF50;
}
.dot-yellow {
    border-radius: 50%;
    height: 6px;
    margin-right: 5px;
    width: 6px;
    background-color: #FFC200;
}
.bg-green {
    background: #4CAF50;
    color: #FFF;
}
.bg-blue {
    background: #2196F3;
    color: #FFF;
}
.text-yellow {
    color: #FFC200;
    font-size: 20px;
    font-weight: 700;
}
.text-right {
    text-align: right;
}
.fr {
    float: right;
}

.flex-1 {
    flex:1;
}
.flex-2 {
    flex:2;
}
.flex-3 {
    flex:3;
}