/* FOS BUTTONS
   ----------------------------- */
/* TODO: ALIGN WITH SAP-1377_TEST, BEAWARE OF HTML CLASSES, WE NEED TO UPDATE THEM :) */
.fos-btn{
    font-family:MuseoSans, "sans-serif";
    font-size:12px;
    font-weight:700;
    background:#ca0614;
    border:0;
    border-radius:3px;
    outline:none;
    color:#ffffff;
    text-transform:uppercase;
    padding:10px 40px;
}

a.fos-btn {
    display:inline-block;
}

/* FOS BUTTONS MODIFIERS & HELPER CLASSES
   ----------------------------- */

.fos-btn--reset{
    background:#1f1f1f;
}
.fos-btn--white{
    background:white;
    color:#4c4c4c;
}
.fos-btn--reset:hover{
    background:#0D0D0D;
    color:white;
}
.fos-btn--block{
    display:block;
    width: 100%;
}

/* NO ROUND CORNERS */
.fos-btn--no-round-corners{
    border-radius:0;
}

/* INPUT FILE BUTTON
   ----------------------------- */

.fos-btn-inputfile{
    width:0.1px;
    height:0.1px;
    opacity:0;
    overflow:hidden;
    position:absolute;
    z-index:-1;
}

.fos-btn-inputfile-box{
    padding:8px;
    background:#fafafa;
    border:1px solid #ccc;
    line-height:1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fos-btn-inputfile + label{
    max-width:200px;
    font-size:14px;
    font-weight:400;
    text-overflow:ellipsis;
    white-space:nowrap;
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    padding:5px 10px;
    margin: auto 0 0 auto;
    text-transform:uppercase;
    line-height:18px;
    color:#f1e5e6;
    background-color:#1f1f1f;
}

.fos-btn-inputfile:focus + label,
.fos-btn-inputfile + label:hover{
    background-color:#222;
}

.fos-btn-inputfile-label{
    font-size:11px;
    margin:20px 0 8px;
    font-family:MuseoSans;
    font-weight:300;
    color:#333333;
    text-transform:uppercase;
    line-height:20px;
}

.fos-btn-inputfile:focus + label,
.fos-btn-inputfile.has-focus + label{
    outline:1px dotted #000;
    outline:-webkit-focus-ring-color auto 5px;
}

.fos-btn-inputfile + label *{
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.uploadFile, .fos-btn-inputfile-helper-text{
    margin-top:16px;
    color:#333;
    font-weight:300;
}
.fos-btn-inputfile-fake-placeholder{
    margin:auto 0;
    color: #757575;
    font-size: 14px;
}

/*
/* TODO: GROUP BUTTONS
   ----------------------------- */
/*
.groupBtn input {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #4d4d4d;
}
.groupBtn button {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background:#333333;
    border-color:#333333;
    color:white;
}*/