@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');
}
.toggle-side-menu{cursor:pointer;}

.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;
}
.disabled a{
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed;
    text-decoration: none;
}
.disabled a.selected{
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
    text-decoration: none;
}
.no-style{
    border:0 !important;
    background:none;
}
/** 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:#000 !important;
    color:#fff;
}
.btn-grey{
    background:#807C7C !important;
    color:#fff;
}
.btn-green{
    background:#3CB240 !important;
    color:#fff;
}
.btn-green.selected{
    border:1px solid #3CB240 !important;
    background:#3CB240 !important;
    color: #1a451b;
    font-weight:bold;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}
.flex-center{
    justify-content: center;
    align-items: center;
}
.btn-rounded{
    border-radius:40px;
}
.btn-xs{
    padding:4px;
}
.dropzone{
    border:2px dashed #ededed;
}
.dz-default{
    font-size:20px;
    color: #b5b3b3;
}
form.dropzone{
    border: 3px dashed #ededed;
    min-height:150px;
}
.hint{
    align-items: center;
    margin-bottom:20px;
}
.hint .label{
    margin-left:10px;
    width:30%;
    font-size:13px;
}
.btn-back{
    background:#e5e5e5;
    color:#000;
    padding:10px;
}
.align-center{
    align-items: center;
}
.no-content{
    text-align:center;
    margin: 0 auto;
}
.no-content img{
    width:20%;
}
.no-content h1{
    margin-top:20px;
}
.no-content h2{
    font-size:20px;
    font-weight:bold;
}
.no-content p{
    line-height:30px;
    width:50%;
    margin: 0 auto;
    display:block;
    margin-bottom:20px;
}
.no-content-side img{
    width:100%;
}
.no-content h1{
    margin-top:20px;
}
.no-content-side h1{
    margin-top:20px;
    font-size:20px;
    margin-bottom:0;
    padding-bottom:10px;
}
.no-content h2{
    font-size:20px;
    font-weight:bold;
}
.no-content-side .feature{
    width:10%;
    margin-right:50px;
}
.no-content p{
    line-height:30px;
    width:50%;
    margin: 0 auto;
    display:block;
    margin-bottom:20px;
}