/*container*/
.x-window-plain.x-window-dlg.x-window.x-component,
.recordView.x-component {
    background: white;
    border-radius: 4px;
    /*margin-top: -80px;*/
}

/*shadow*/
.x-shadow.x-ignore {
}

/*left top corner*/
.x-window-tl {
    background: none;
}

/*right top corner*/
.x-window-tr {
    background: none;
}

/*right middle*/
.x-window-tc {
    background: none;
}

/*body left*/
.x-window-ml {
    background: none;
}

/*body right*/
.x-window-mr {
    background: none;
}

/*body middle*/
.x-window-plain .x-window-mc,
.x-window-mc {
    background: none;
    border: none;
}

/*left bottom corner*/
.x-window-bl {
    background: none;
}

/*right bottom corner*/
.x-window-br {
    background: none;
}

/*bottom middle*/
.x-window-bc {
    background: none;
}

.x-grid3-hd-text {
    color: #333;
}

.x-vsplitbar {
    border-left: 1px solid #ddd;
}

.x-grid3-hd-row .x-grid3-hd {

}

.x-panel-header {
    border: none;
    background: #f6f6f6; /*same as sub rich table */
    color: #333;
    font-weight: normal;
    font-size: 12px;
}

.x-panel-body {
    border: none;
}

.x-panel-body.x-panel-body-noheader.x-border-layout-ct {
    background: none !important;
}

.x-grid3-header {
}

.x-grid-panel {
    border: 1px solid #dfdfdf;
}

.x-panel .x-panel-bwrap {
    border-top: 1px solid #dfdfdf;
}

/*footer*/
.x-window-bbar .x-toolbar {
    border: none;
}

.x-status .x-status-text {
    font-size: 9px;
    color: #666;
}

.x-ftree2-selected {
    background: #EFF8FF !important;
    box-shadow: -1px 0 1px #98CDF8 inset;
}

.x-ftree2-selected .x-tree3-node-text {
}

.x-grid3-row-selected {
    border-color: #98CDF8;
    background: #EFFAFF !important;
}

.x-grid3-row-over {
    background: #fbfbfb;
}

.x-toolbar {
    background: none;
    border: none;
}

.x-status-text-panel {
    border: none;
}

.x-window-tl .x-window-header {
    color: #444;
    font-size: 13px;
    padding: 6px 6px 0;
    font-weight: normal;
    font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; /*same as body*/
}

.x-panel-body-noheader p {
    font-size: 9px !important;
}

.x-window-dlg .ext-mb-text, .x-window-dlg .x-window-header-text {
    font-size: 11px;
    margin-left: 5px;
    color: #444;
}

/*progress bar*/
.x-window-dlg .x-progress-wrap {
    border-radius: 6px;
    border: none;
    background: #eee;
    margin-top: 5px;
}

.x-progress-inner {
    background: none;
    height: 22px;
}

.x-progress-bar {
    background: #79B9EC;
    border: none;
    height: 100%;
}

/*text container*/
.ext-mb-content {
}

.x-progress-text {
    display: none;
}

/*loading message*/
.x-panel-body.x-panel-body-noheader {
    background: none;
}

.ext-el-mask {
    background: none;
}

.ext-el-mask-msg {
    border: 1px solid #ccc;
    background: white;
    box-shadow: 0 1px 3px #ccc;
    border-radius: 4px;
}

.ext-el-mask-msg div {
    border: none;
}

.ext-ie .x-window-plain .x-window-mc {
    background: none;
}

.x-panel-ghost {
    background: white;
    opacity: .85;
    -moz-opacity: .85;
    filter: alpha(opacity=85);
}

.x-panel-ghost .x-window-tl {
    border: none;
}

.x-panel-ghost ul {
    border: none;
}

.x-panel-ghost .x-panel-toolbar {
    display: none;
}

.x-btn button {
    background: #89c4f4;
    color: #fff;
    border: 1px solid #70B3E9;
    width: auto !important;
    height: auto !important;

    /*same as activeButton*/
    cursor: pointer;
    padding: 1px 6px !important;
    font-size: 11px;

}

.x-btn.x-item-disabled button {
    color: #bbb !important;
    background: #F1F1F1;
    border: 1px solid #E4E4E4;
    cursor: default;
}

.x-btn.x-btn-over button,
.x-btn.x-btn-click button {
    background: #74B9F1;
    color: #fff;
}

.x-btn-tl, .x-btn-tc, .x-btn-tr,
.x-btn-ml, .x-btn-mc, .x-btn-mr,
.x-btn-bl, .x-btn-bc, .x-btn-br {
    background: none;
}

/* tooltip */
.x-ignore.x-tip.x-component {
    background: white;
    border: 1px solid #ccc;
}

.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr {
    background: none;
}

/* RANGE VIEW */
#modalRangesCDiv .rich-tab-active {
    background: #fff;
}

#modalRangesCDiv .rich-tab-inactive {
    background: #fff;
}

.confirmOkCancel input,
.confirmOkCancel a {
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.recordView .x-tool {
    background-size: 14px !important; /* Same as hideForm defined in styles.css */
}

.recordView .x-tool-maximize {
    background: url("../images/glyphicons/png/glyphicons_389_new_window_alt.png") no-repeat center;
}

.recordView .x-tool-restore {
    background: url("../images/glyphicons/png/glyphicons_388_exit.png") no-repeat center;
}

.recordView .x-tool-close {
    background: url("../images/glyphicons/png/glyphicons_197_remove.png") no-repeat center;
}