div.topHeader {
    background-color: #373739 !important;
    color: #dcdfdf !important;
}

    div.topHeader .btn {
        color: #dcdfdf !important;
    }

div.middlePartWithoutBottomToolbar,
div.middlePartWithTopActions {
    background: #69696b !important;
}

div.documentViewerPageBackground {
    background: #4f4f51 !important;
}

div.bottomViewerToolbarWrapper {
    background: #4f4f51 !important;
}

    div.bottomViewerToolbarWrapper button {
        border-right: 1px solid #474749 !important;
        border-left: 1px solid #606062 !important;
        border-top: 1px solid transparent !important;
        border-bottom: 1px solid transparent !important;
        background: transparent !important;
        color: #f5f5f5 !important;
    }

    div.bottomViewerToolbarWrapper div.additional-navigation-action {
        border-right: 1px solid #606062 !important;
        border-bottom: 1px solid transparent !important;
    }

    div.bottomViewerToolbarWrapper .btn {
        border-right: 1px solid #474749 !important;
        border-left: 1px solid #606062 !important;
        border-top: 1px solid transparent !important;
        border-bottom: 1px solid transparent !important;
        background: transparent !important;
        color: #f5f5f5 !important;
    }

    div.bottomViewerToolbarWrapper .pull-left {
        border-right: 1px solid #606062 !important;
    }

    div.bottomViewerToolbarWrapper button:hover,
    div.bottomViewerToolbarWrapper button:focus,
    div.bottomViewerToolbarWrapper .btn:hover,
    div.bottomViewerToolbarWrapper .btn:focus {
        color: #f5f5f5 !important;
        background: #59595b !important;
        border-left: 1px solid #59595b !important;
        border-right: 1px solid #59595b !important;
        border-top: 1px solid #adadad !important;
        border-bottom: 1px solid #adadad !important;
    }

div.atala-document-toolbar-wrapper {
    background-color: #4f4f51 !important;
    border-left: 1px solid #474749 !important;
    border-bottom: 1px solid #474749 !important;
}

div.atala-document-toolbar {
    border-left: 1px solid #474749 !important;
}

.ui-widget-content {
    background: #4f4f51 !important;
    color: #f5f5f5 !important;
    border: 1px solid #474749 !important;
}

    .ui-widget-content a {
        color: #f5f5f5 !important;
    }

.atala-document-thumbnailer .atala_active_thumb {
    background-color: #006a44 !important;
}

.atala-document-thumbnailer .atala_page_div:hover {
    background-color: #2D8465 !important;
}

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

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

    .sk-cube-grid.colored div {
        display: none;
    }

div.downloadFile {
    color: #f5f5f5;
}

.onhold label[for=onhold_checkbox_id] {
    margin: 0px;
    color: #f5f5f5 !important;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    top: -5px;
}

.onhold #onhold_checkbox_id{
    position: relative;
    top: -4px;
}