@font-face {
    font-family: SegoeUi;
    src: url('../fonts/segoe-ui/Segoe UI.ttf');
}
@font-face {
    font-family: SegoeUiBlack;
    src: url('../fonts/segoe-ui/Segoe UI Bold.ttf');
}

.left, .right{
    display:flex;
    align-items: center;     /* vertical alignment */
    justify-content: center; /* horizontal centering */
}
.bg-blue{
    background:#677DB7 !important;
}
.text-blue{
    color:#677DB7 !important;
}

.bg-green{
    background:#3CB240 !important;
}
.text-green{
    color:#3CB240 !important;
}

.bg-grey{
    background:#8B8B8B !important;
}
.text-grey{
    color:#8B8B8B !important;
}
.text-red{
    color:#D45050 !important;
}

/** Buttons **/
.btn-base{
    border-radius:10px;
    font-size:15px;
}
.btn-lg{
    padding-left:30px;
    padding-right:30px;
}
.btn-blue{
    background:#677DB7 !important;
    color:#fff;
}
.btn-black{
    background:#000 !important;
    color:#fff;
}
.btn-red{
    background:#D45050 !important;
    color:#fff;
}
.btn-grey{
    background:#807C7C !important;
    color:#fff;
}
.btn-green{
    background:#3CB240 !important;
    color:#fff;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}
.flex-center{
    justify-content: center;
}
.btn-rounded{
    border-radius:40px;
}
.btn-xs{
    padding:4px;
}
.dropzone{
    border:2px dashed #ededed;
}
.dz-default{
    font-size:20px;
    color: #b5b3b3;
}
.hint{
    align-items: center;
    margin-bottom:20px;
}
.hint .label{
    margin-left:10px;
    width:30%;
    font-size:13px;
}