.atala-ui-icon {
    background-image: url('images/atala-ui-icons-16.png') !important;
}

.ui-state-default .atala-ui-icon {
    background-image: url('images/atala-ui-icons-16.png') !important;
}

.atala-ui-button {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #606062;
    border-right: 1px solid #474749;
}

    .atala-ui-button:hover {
        background: #5f5f61 !important;
    }

.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-dialog-titlebar-close .ui-state-hover,
.ui-dialog-titlebar-close .ui-state-focus {
    background: transparent;
    border-color: transparent;
}

    .ui-widget-header .ui-state-default span {
        background-color: #4F4F51;
    }

.ui-widget-header .ui-state-hover span {
    background-color: #5F5F61;
}

.ui-widget-header .ui-state-focus span {
    background-color: #006A44;
}

.ui-dialog-titlebar-close > span.ui-button-text {
    display: none;
}

.atala-document-toolbar {
    background-color: #4f4f51;
    border-left: 1px solid #474749;
    border-bottom: 1px solid #474749;
    border-top: 0px solid #474749;
    border-right: 0px solid #474749;
}

.atala_page_label {
    color: #f5f5f5;
}

.atala-document-thumbnailer {
    background: #69696b;
    border: 0px;
}

.ui-dialog-content .ui-buttonset,
.ui-dialog-buttonset .ui-button {
    border-color: #cfcfcf;
}

    .ui-dialog-content .ui-buttonset .ui-button,
    .ui-dialog-buttonset .ui-button {
        background-color: #eaeaea;
        color: #444444;
        border: 1px solid #474749;
        font-weight: bold !important;
    }

        .ui-dialog-content .ui-buttonset .ui-button:hover,
        .ui-dialog-content .ui-buttonset .ui-state-hover,
        .ui-dialog-buttonset .ui-button:hover,
        .ui-dialog-buttonset .ui-button.ui-state-hover {
            background-color: #cecece !important;
            color: #444444;
            border: 1px solid #474749;
            font-weight: bold !important;
        }

        .ui-dialog-content .ui-buttonset .ui-state-active,
        .ui-dialog-buttonset .ui-button.ui-state-active,
        .ui-dialog-buttonset .ui-button.ui-state-focus {
            background-color: #006a44;
            color: #eaeaea;
            border: 1px solid #474749;
            font-weight: bold !important;
        }

            .ui-dialog-buttonset .ui-button.ui-state-focus.ui-state-hover {
                color: #444444;
                border: 1px solid #474749;
                font-weight: bold !important;
            }

.atala_tool_button_save:disabled,
.atala_tool_button_save[disabled] {
    opacity: 0.2;
}

.flashButton {
    -webkit-animation-name: flashAnimation; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation-name: flashAnimation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes flashAnimation {
    0% {
        background-color: #4f4f51
    }

    50% {
        background-color: #76ad42
    }

    100% {
        background-color: #4f4f51
    }
}

/* Standard syntax */
@keyframes flashAnimation {
    0% {
        background-color: #4f4f51
    }

    50% {
        background-color: #76ad42
    }

    100% {
        background-color: #4f4f51
    }
}


div.atala-document-extratoolbar button {
    color: #f5f5f5;
}

    div.atala-document-extratoolbar button:hover {
        background-color: #5f5f61 !important;
    }

    div.atala-document-extratoolbar button:focus {
        background-color: #006a44 !important;
    }

div.localFileLoad button,
div.localFileLoad input {
    color: #f5f5f5;
    background-color: #4F4F51;
    border-top: 1px solid #474749;
    border-bottom: 1px solid #474749;
    border-right: 1px solid #474749;
    border-left: 1px solid #606062;
}

    div.localFileLoad button:hover {
        background-color: #5F5F61;
    }

.ui-state-focus,
.ui-state-hover {
    background: #006a44 !important;
    font-weight: normal !important;
}

.atala_search_input.atala_search_input_loading {
    background: url('images/preloader.GIF') right 15px center no-repeat !important;
}

.atala_page_loading {
    background: url('images/preloader.GIF') center no-repeat !important;
}