/*--------------------------------------------------------------
Definition of footer elements and actions

>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 General
2.0 Icons
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 General
--------------------------------------------------------------*/

.form-actions {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 38px;

    z-index: 5;
    box-sizing: border-box;
    margin-bottom: 0;
    padding: 0 20px;

    border-top: 1px solid #20669B;
    background-color: #ffffff;
    color: #20669B;
}

.form-actions .btn {
    line-height: 15px;
}

.form-actions > ul {
    margin-left: 0;
}

.form-actions > ul > li {
    list-style: none;
    float: left;
    padding-left: 40px;
    padding-right: 20px;
    background: transparent no-repeat 10px 7px;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-image-source: linear-gradient(180deg, white, #E4EEFF, white);
    border-image-slice: 1;
    border-image-repeat: stretch;
    cursor: pointer;
}

.form-actions > ul > li:first-child {
    border-left-width: 1px;
}

.form-actions > ul > li > a {
    display: inline-block;
    color: #20669B;
    text-decoration: none;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 22px;
    font-size: 1.2em;
    line-height: 21px;
}

.form-actions > ul > li:hover {
    background-color: #E4EEFF;
}

/*Labels inside the bottom footer*/
.footer-label {
    font-weight: normal;
    font-size: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    line-height: 8px;
}

/*The version number in the footer*/
.footer-version {
    display: inline-block;
    float: right;
    padding-right: 150px;
    font-style: italic;
}

/*--------------------------------------------------------------
2.0 Icons
--------------------------------------------------------------*/

.form-actions li.footer-btn.disabled {
    opacity: .65;
    cursor: not-allowed;
}

.form-actions li.footer-btn.footer-btn-assign {
    background-image: url('/assets/images/icon_assign.svg');
}

.form-actions li.footer-btn.footer-btn-edit {
    background-image: url('/assets/images/pencil.svg');
}

.form-actions li.footer-btn.footer-btn-export {
    background-image: url('/assets/images/file-export.svg');
}

.form-actions li.footer-btn.footer-btn-delete {
    background-image: url('/assets/images/delete.svg');
}

.form-actions li.footer-btn.footer-btn-reserve {
    background-image: url('/assets/images/folder-account.svg');
}

.form-actions li.footer-btn.footer-btn-abort {
    background-image: url('/assets/images/icon_cancel.svg');
}

.form-actions li.footer-btn.footer-btn-distribute {
    background-image: url('/assets/images/account-multiple.svg');
}

.form-actions li.footer-btn.footer-btn-create {
    background-image: url('/assets/images/icon_new.svg');
}

.form-actions li.footer-btn.footer-btn-save {
    background-image: url('/assets/images/icon_save.svg');
}

.form-actions li.footer-btn.footer-btn-back {
    background-image: url('/assets/images/icon_back.svg');
}

.form-actions li.footer-btn.footer-btn-cancel {
    background-image: url('/assets/images/icon_cancel.svg');
}

.form-actions li.footer-btn.footer-btn-link {
    background-image: url('/assets/images/link.svg');
}