.crimsonTreeNode {
    color:crimson;
    font-style: italic;
}

.img-chooser-view div {
    font: 12px Arial, Helvetica, sans-serif;
}

.x-grid-header-ct {
    #background-color: #BDCEDC !important;
}
.x-column-header {
    #background-color: #BDCEDC !important;
}
.x-grid-cell {
    #background-color: #FBFCFE !important;
}

.img-chooser-view .thumb-wrap {
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 60px;
    width: 220px;
    height: 220px;
    font-size: 1.2em;
    color: #666666;
}

.img-chooser-view .thumb-back {
    background-color: black;
    padding: 4px;
    width: 100px;
    height: 100px;
    border-radius: 15px;
    opacity: 0.8;
}

.img-chooser-view .thumb {    
    padding: 4px;
    width: 91px;
    height: 91px;
    line-height: 90px;
    text-align: center;
    font-size: 56px;
    color: #666666;
    font-family:serif;
    font-weight: bold;
    position: relative;
    border-radius: 10px;
    margin: -95px 5px 15px 5px;
}

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

.thumb-wrap img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.img-chooser-view .x-view-over {
    background-color: #BBBBBB;
    margin: 4px;
    margin-right: 0;
    padding: 60px;
    border-radius: 25px;
}

.img-chooser-view .x-view-focus {
    background-color: #c4ccd2;
    margin: 4px;
    margin-right: 0;
    padding: 60px;
    border-radius: 25px;
}

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

.images img {
    margin: 20px;
}

.icon-new {   background-image:url(/icons/icon-new.gif) !important; }
.icon-edit {  background-image:url(/icons/icon-edit.png) !important; }
.icon-delete{ background-image:url(/icons/icon-delete.gif) !important; }
.icon-triggerfield-new { background-image:url(/images/triggerfield-new.png) !important; }
.icon-thumbnail-view { background-image:url(/icons/icon-thumbnail_view.png) !important; }
.icon-combined-view { background-image:url(/icons/icon-combined_view.png) !important; }
.icon-table-view { background-image:url(/icons/icon-table_view.png) !important; }
.icon-thumbnail-view-mono { background-image:url(/icons/icon-thumbnail-view-mono.png) !important; }
.icon-combined-view-mono { background-image:url(/icons/icon-combined-view-mono.png) !important; }
.icon-table-view-mono { background-image:url(/icons/icon-table-view-mono.png) !important; }
.icon-table { background-image:url(/icons/icon-table.gif) !important; }
.icon-list { background-image:url(/icons/icon-list.png) !important; }
.icon-form { background-image:url(/icons/icon-form.gif) !important; }
.icon-pencil-mono { background-image:url(/icons/icon-pencil-mono.png) !important; }
.icon-plus-mono { background-image:url(/icons/icon-plus-mono.png) !important; }
.icon-cross-mono { background-image:url(/icons/icon-cross-mono.png) !important; }
.icon-user-mono { background-image:url(/icons/icon-user-mono.png) !important; }
.icon-upload-mono { background-image:url(/icons/icon-upload-mono.png) !important; }
.icon-download-mono { background-image:url(/icons/icon-download-mono.png) !important; }
.icon-trash-mono { background-image:url(/icons/icon-trash-mono.png) !important; }
.icon-trash-mono-neptune { background-image:url(/icons/icon-trash-mono-neptune.png) !important; }
.icon-checkmark-mono { background-image:url(/icons/icon-checkmark-mono.png) !important; }
.icon-arrow-back-mono { background-image:url(/icons/icon-arrow-back-mono.png) !important; }
.icon-document-mono { background-image:url(/icons/icon-document-mono.png) !important; }
.icon-search-mono { background-image:url(/icons/icon-search-mono.png) !important; }
.icon-external-link { background-image:url(/icons/icon-external-link.png) !important; }
.icon-duplicate { background-image:url(/icons/icon-duplicate.png) !important; }
.icon-error { background-image:url(/icons/icon-error.png) !important; }
.icon-warning { background-image:url(/icons/icon-warning.png) !important; }
.icon-filter-mono { background-image:url(/icons/icon-filter-mono.png) !important; }
.icon-mol-win { background-image:url(/icons/icon-mol-win.png) !important; }
.icon-graph { background-image:url(/icons/icon-graph.png) !important; }
.icon-tray { background-image:url(/icons/tray.png) !important; }
.icon-expand { background-image:url(/icons/icon-expand.png) !important; }
.icon-collapse { background-image:url(/icons/icon-collapse.png) !important; }
.icon-gear { background-image:url(/icons/icon-gear.png) !important; }

/* Multiline headers in ExtJs grids */
/* .x-column-header-inner .x-column-header-text { white-space: pre-wrap; } */

.fitImage {
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}

.images-view .thumb {
    background: #10141c;
    padding: 3px;
    padding-bottom: 3px;
}

.x-quirks .images-view .thumb {
    padding-bottom: 3px;
}

/*.images-view .thumb img {
    height: 160px;
    width: 180px;
}*/

/*.images-view .thumb svg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}*/

.images-view .thumb .bg {
    background: #10141c;
    /*width: 150px;*/
    height: 150px;

}

.images-view .thumb-wrap {
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
    border: 1px solid transparent;
    width: 160px;
}

.images-view .thumb-wrap .thumbtext {
    display: block;
    overflow: hidden;
    text-align: center;
    /* for ie to ensure that the text is centered */
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.images-view .x-item-over {
    border: 1px solid #1c2432;
    background: #1c2432 /*url(icons/over.gif) repeat-x left top*/;
    /*padding: 5px;*/
}

.images-view .x-item-selected {
    background: #1c2432 /*url(icons/selected.gif) no-repeat right bottom*/;
    border: 1px solid #1c2432;
    /*padding: 5px;*/
}

.images-view .x-item-selected .thumb {
    background: transparent;
}

.x-view-selector {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border: 1px dotted;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    zoom: 1;
    background-color: #c3daf9;
    border-color: #3399bb;
}

.ext-strict .ext-ie .x-tree .x-panel-bwrap {
    position: relative;
    overflow: hidden;
}

.mm-phantom-row {
    color: #cc3399;
}

.mm-monospaced-text {
    font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace !important; 
}