#app-header {
    color                       : #596F8F;
    font-size                   : 22px;
    font-weight                 : 200;
    padding                     : 6px 15px;
    text-shadow                 : 0 1px 0 #fff;
}
#app-msg {
    background                  : #D1DDEF;
    border                      : 1px solid #ACC3E4;
    padding                     : 3px 15px;
    font-weight                 : bold;
    font-size                   : 13px;
    position                    : absolute;
    right                       : 0;
    top                         : 0;
}

#img-chooser-dlg .details {
    text-align                  : center;
}

#img-chooser-dlg .details-info {
    border-top                  : 1px solid #cccccc;
    font                        : 11px Arial, Helvetica, sans-serif;
    margin-top                  : 5px;
    padding-top                 : 5px;
    text-align                  : left;
}

#img-chooser-dlg .details-info b {
    color                       : #555555;
    display                     : block;
    margin-bottom               : 4px;
    margin-left                 : 5px;
}

#img-chooser-dlg .details-info span {
    display                     : block;
    margin-bottom               : 5px;
    margin-left                 : 10px;
}

#img-chooser-view {
    background                  : white;
    font                        : 11px Arial, Helvetica, sans-serif;
}

#img-chooser-view .thumb {
    padding                     : 3px;
}

#img-chooser-view .thumb-wrap {
    float                       : left;
    margin                      : 4px;
    margin-right                : 0;
    padding                     : 5px;
}

#img-chooser-view .thumb-wrap span {
    display                     : block;
    overflow                    : hidden;
    text-align                  : center;
}

#img-chooser-view .x-view-over {
    border                      :1px solid #dddddd;
    background-color            : #efefef;
    padding                     : 4px;
}

#img-chooser-view .x-item-selected {
    background                  : #DFEDFF;
    border                      : 1px solid #6593cf;
    padding                     : 4px;
}

#img-chooser-view .x-item-selected .thumb {
    background                  :transparent;
}

#img-chooser-view .x-item-selected span {
    color                       :#1A4D8F;
}

#img-chooser-view .loading-indicator {
    font-size                   :   11px;
    background-image            :   url('/js/backend/production/admin/resources/images/loadmask/loading.gif');
    background-repeat           :   no-repeat;
    background-position         :   left;
    padding-left                :   20px;
    margin                      :   10px;
}

#images img {
    margin      : 20px;
}

img.thumb-350 {
    max-width   : 350px;
    height      : auto;
}

img.thumb-200 {
    max-width   : 200px;
    height      : auto;
}

img.thumb-100 {
    max-width   : 100px;
    height      : auto;
}

img.thumb-50 {
    max-width   : 100px;
    height      : auto;
}

img.thumb-40 {
    max-width   : 40px;
    height      : auto;
}

#loading-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 1;
}
#loading {
    position: absolute;
    top: 40%;
    left: 45%;
    z-index: 2;
    height: 160px;
    width : 160px;

    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 12px;

    background-image: url(//s3-eu-west-1.amazonaws.com/klifi/klifi/ladegrafik.gif);
    background-repeat: no-repeat;
}
#loading span {
    padding: 5px 30px;
    display: block;
}


.head-outer {
    margin-top: 2px;
}

.head-logo {
    float: left;
    margin-right: 10px;
}

.head-logo img {
    max-width: 30px;
    height   : auto;
}

.head-text {
    font-size   : 18px;
    font-weight : bold;
    padding-top : 8px;
}


/*
.x-mask-msg .mybody-loader {
    background-image: url(//s3-eu-west-1.amazonaws.com/klifi/klifi/ladegrafik.gif);
}
*/

.icon-survey {
    background-image: url(../iconsets/icon-survey.png);
}

.icon-cms-therapies {
    background-image: url(../iconsets/old/icons/actions/document-localize.png);
}

.icon-api-request {
    background-image: url(../iconsets/old/transmit.png);
}
.icon-settings-languages {
    background-image: url(../iconsets/old/flag_green.png);
}



.menu-backend {
    background-image: url(../iconsets/old/table_multiple.png);
}

.menu-api {
    background-image: url(../iconsets/old/world.png);
}

.menu-api-cms {
    background-image: url(../iconsets/old/page_world.png);
}
.menue-systemsettings {
    background-image: url(../iconsets/old/cog.png);
}



.ux-mu-status-value {
    float: right;
    min-width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    margin: 0 3px 0 2px;
    cursor: pointer;
    overflow: hidden;
}

.icon-help {
    background-image: url(../iconsets/upload/help.png) !important;
}

/*
 * Action icons
 */
.ux-mu-icon-action-ok {
    background-image: url(../iconsets/upload/tick.png) !important;
}

.ux-mu-icon-action-upload {
    background-image: url(../iconsets/upload/arrow_up.png) !important;
}

.ux-mu-icon-action-abort {
    background-image: url(../iconsets/upload/cancel.png) !important;
}

.ux-mu-icon-action-remove {
    background-image: url(../iconsets/upload/delete.png) !important;
}

.ux-mu-icon-action-browse {
    background-image: url(../iconsets/upload/folder.png) !important;
}

/*
 * Upload status icons
 */
.ux-mu-icon-upload-ready { /*
    background-image: url(../iconsets/upload/ready.png) !important;
    */

}

.ux-mu-icon-upload-uploading {
    background-image: url(../iconsets/upload/loading.gif) !important;
}

.ux-mu-icon-upload-uploaded {
    background-image: url(../iconsets/upload/accept.png) !important;
}

.ux-mu-icon-upload-uploaderror {
    background-image: url(../iconsets/upload/exclamation.png) !important;
}

.profile-notice {
    background                  : #DFEDFF;
    border                      : 1px solid #6593cf;
    border-radius               : 5px;
    padding                     : 10px;
}

.profile-warning {
    background                  : #e02f1b;
    border                      : 1px solid #000000;
    border-radius               : 5px;
    padding                     : 10px;
}