﻿.x-border-layout-ct {background-color: #fff; position: relative;}

/* Ext Defaults
--------------------------------------------------------------------------------------------------------------------------*/
/* Ext Panel */
.x-body, .x-panel-body-default  {font-size:14px!important; font-family: 'Source Sans Pro', sans-serif!important; }
.x-grid-row .x-grid-cell,.x-body{font-family: 'Source Sans Pro', sans-serif!important; font-size: 16px!important; font-weight: 400!important; color: #000000;}
.x-panel-body-default {border:0!important; margin:0; padding:0;}
.x-panel-header {background-image:none; background-color: #dddddd; }

.x-panel-header-text-default {font-size:16px!important; line-height:34px!important; font-weight:normal}

.x-panel-default {background:#fff!important}

.x-tab-default-top { box-shadow: none !important;background-image: none!important;border-radius: 0!important;border-color: #f0f0f0;}
.x-tab-default-bottom { box-shadow: none !important;background-image: none!important;border-radius: 0!important;border-color: #f0f0f0;}
/*.x-tab { margin: 0 0 0 8px!important;}*/
.x-tab-top-active, .x-tab-bottom-active { background: #fff;}
.x-tab-bar-strip-default, .x-tab-bar-strip-default-plain {background-color: #ffffff}
.x-tab-default-top-active {border-bottom-color: #fff!important;border-color: #d0d0d0;}
.x-tab-default-bottom-active {border-top-color: #fff!important;border-color: #d0d0d0;}
.tabsub .x-panel-header-default {border-bottom:0px solid #cccccc!important;background:transparent!important; margin-bottom:10px; -webkit-box-shadow: 0 0 0 0!important; -moz-box-shadow:0 0 0 0!important; box-shadow:0 0 0 0!important; }

.x-box-scroller-right .x-toolbar-scroll-right, .x-box-scroller-right .x-tabbar-scroll-right { background: url(/images/tabRight.png) no-repeat 0 0!important; height: 41px}
.x-box-scroller-left .x-toolbar-scroll-left, .x-box-scroller-left .x-tabbar-scroll-left { background: url(/images/tabRight.png) no-repeat 0 0!important; height: 41px}
.x-border-box .x-tab-bar-top .x-tab-bar-strip-default-plain { height: 0px !important;}


.x-menu-item-checked { background: silver;}

/* Ext Panel Tools */

.x-panel-header-vertical .x-tool-top, .x-panel-header-horizontal .x-tool {left:auto!important; top:2px!important; right:0!important; width:40px!important; height:34px!important; }

.x-tool-collapse-top, .x-tool-expand-bottom, .x-tool-collapse-bottom, .x-tool-expand-left, .x-tool-collapse-left {width: 40px!important; height: 24px!important; }
.x-tool-collapse-top  {background: url(/images/toolUp.png) no-repeat 0 0 !important; position: absolute;right: 0px; }

.x-tool-expand-bottom, .x-tool-expand-bottom { background: url(/images/toolDown.png) no-repeat 0 0 !important;position: absolute;right: 0px;}


.x-tool-collapse-left {background: url("/images/toolLeft.png")!important;height: 34px!important; }
.x-tool-expand-right {background: url("/images/toolRight.png")!important; width:40px!important; height:34px!important;  }

.x-tool-collapse-right {background: url("/images/toolRight.png")!important; width:40px!important; height:34px!important;  }
.x-tool-expand-left {background: url("/images/toolLeft.png")!important; width:40px!important; height:34px!important;  }

/* Ext Grid */
.x-column-header {border-right:0; background:#fff!important; height:30px!important; font-size:14px!important;font-weight: 300; padding-top:8px!important; line-height:30px!important; }
.x-column-header-over {background:#fff}
.x-grid-with-row-lines .x-grid-cell-inner {font-size:15px !important; line-height:17px!important; color:#666 !important; padding:4px 4px 0 4px;}
/* Grid Images */
.row-imagecommand {margin-left:10px!important; margin: 5px 10px 0 0 !important; height:40px!important;}

.cell-imagecommand-value { padding: 0px;}

.x-grid-group-title {font-size:14px!important; height:20px!important;}
.x-grid-group-hd-collapsed .x-grid-group-title {background-image: url("/images/tree_plus.png")!important;}
.x-grid-group-hd-collapsible .x-grid-group-title {background-image: url("/images/tree_minus.png"); }
.x-grid-group-hd-collapsible .x-grid-group-title {padding:0 0 0 24px}
div.row-cmd-cell-group-ct .x-grid-group-title {background-position:0 0!important;}

.x-grid-group-imagecommand .x-grid-group-hd .x-grid-group-title {font-size:14px!important; height:20px!important;}
.x-grid-row-summary {font-weight:bold;}
/* Grid Trigger */
.x-column-header-trigger {background-image: url("/images/gridtrigger.gif");top: -4px;}



/* Multiselect */
.x-boundlist-selected {background:orange!important;}

/* Ext Tabs 
.x-tab {background: #dddddd; }
.x-tab-top-active {background:#c9c9c9 !important}
.x-tab, .x-tab-bar-body {border:0px; -webkit-border-radius: 0!important; border-radius: 0px!important; box-shadow:0 0 0 0!important;}
.x-border-box .x-tab-bar-top .x-tab-bar-strip-default-plain {background:#f2f2f2;}
.x-tab-bar-default-plain {background:#f2f2f2 !important;} 
.x-tab:active {background:red!important;}
*/
.x-tab-bar-default-plain {background:#fff !important;} 

/* Ext Window */
.x-window-default { border-radius:0!important;background: white; box-shadow: none!important}


.xyx-window-default {background:#c9c9c9!important; border:0!important; -webkit-box-shadow: none!important; -moz-box-shadow:none!important; box-shadow:none!important; -webkit-border-radius: 0!important; -moz-border-radius:0
!important; border-radius: 0!important;}
.x-window-header-default-top {height: 40px; background:#e8e8e8!important; border:0!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow:none!important; -webkit-border-radius: 0!important; -moz-border-radius:0!important; border-radius: 0!important;}
.x-window-header-text-default {line-height:37px!important; font-size:18px!important;text-transform: uppercase;}
.x-window-body-default {background:#fff!important;border: none;}



/* Ext Form */
.x-form-layout-table {border-spacing:0!important;}
.x-form-item-label, .x-form-item {font-size:16px!important; line-height:24px!important; font-family: 'Source Sans Pro', sans-serif!important; }
.x-form-text {font-size:16px!important; line-height:22px!important;}
.x-border-box .x-form-text {height:32px; -webkit-appearance: none;   border-radius: 0;}
.x-form-trigger {background: url(/images/combobox.png) no-repeat 0 0 !important; height:32px !important; width:32px!important; border: 1px solid #b5b8c8;}
.x-form-clear-trigger {background: white url(/images/textclear.png) no-repeat 0 0 !important; height:32px !important; width:32px!important; border: 1px solid #b5b8c8;}

.x-form-trigger-wrap .x-form-spinner-up, .x-form-trigger-wrap .x-form-spinner-down {width:32px!important; height:16px!important;border: 1px solid #b5b8c8;}
.x-form-trigger-wrap .x-form-spinner-down {background: url(/images/spin_down.png) no-repeat 0 0 !important; }
.x-form-trigger-wrap .x-form-spinner-up {background: url(/images/spin_up.png) no-repeat 0 0 !important; }

.x-form-text, textarea.x-form-field {background: white;}


/* Ext Button 
.x-btn-default-medium-icon-text-left .x-btn-icon {left:5px; top:5px;}
.x-btn-default-medium .x-btn-inner {padding-right:5px; color:#666; }
.x-btn-default-medium-over {background:red!important;}
.x-btn-default-medium-over .x-btn-inner {color:#0589C7 !important;}
*/
.x-btn-default-large-icon-text-left .x-btn-icon {top:0; left:5px}
.x-btn-default-large-icon-text-left .x-btn-inner {padding: 1px 10px 0 30px!important;}
.x-btn-default-large { background: #efefef!important;border: none;}
.x-btn-default-large:hover { background: silver;}
.x-btn-default-large .x-btn-inner {font-size:14px!important;padding: 1px 10px; font-family: 'Source Sans Pro', sans-serif!important;font-weight: 700 !important; text-transform: uppercase}
.x-btn-default-medium .x-btn-inner {font-size:14px!important; padding-right:15px!important; font-family: 'Source Sans Pro', sans-serif!important; }

.x-btn-default-large.x-btn-pressed {background: #9d9d9d!important}

.x-toolbar-footer { border-top-width: 1px !important;border-top: 1px solid #c0c0c0 !important;padding-top: 5px!important;}

.x-menu-item-active .x-menu-item-link {
    border: 1px solid transparent;
    background: silver;
}


/* Toolbar Button */
.xx-btn-default-toolbar-medium {border:1px solid #c9c9c9; background: #C9C9C9;}
.x-btn-default-toolbar-medium .x-btn-icon {top:4px!important; left:2px;}
.x-btn-default-toolbar-medium-over { background: silver;border: 1px solid transparent;}


/* Ext Toolbar */
.x-toolbar {font-size:15px !important; line-height: 13px;}
.x-toolbar-default {background:#dddddd!important;display: block;overflow: hidden;}

/* Ext Disable Shadow */
.x-css-shadow {position: absolute; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; -moz-border-radius:0!important; border-radius: 0!important; display:none!important; -webkit-box-shadow: none!important; -moz-box-shadow:none!important; box-shadow:none!important;}

/*  TreePanel */
.x-tree-panel div { color: #444444; font-size: 15px!important; 'Source Sans Pro', sans-serif!important;}
.x-tree-panel .x-grid-row .x-grid-cell-inner {line-height: 30px!important; margin: 0!important; padding: 0!important; }
.x-tree-panel .x-grid-row-selected .x-grid-cell-inner { background-color: #dddddd !important; }
.x-tree-icon-parent { display: none!important; margin-right: 8px; }
.x-tree-icon-leaf { display: none!important; }
.x-tree-arrows .x-tree-elbow-plus, 
.x-tree-arrows .x-tree-elbow-minus, 
.x-tree-arrows .x-tree-elbow-end-plus, 
.x-tree-arrows .x-tree-elbow-end-minus { background-image: none; }
.x-tree-lines .x-tree-elbow-line { background-image: url("/images/tree_line.png"); height: 30px; }
.x-tree-lines .x-tree-elbow { background-image: url("/images/tree_branch_30.png"); height: 30px; }
.x-tree-lines .x-tree-elbow-minus, .x-tree-lines .x-tree-elbow-end-minus { background-image: url("/images/tree_minus.png"); margin: 3px 5px 0 0!important; }
.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-end-plus { background-image: url("/images/tree_minus.png"); margin: 3px 5px 0 0!important; }
.x-tree-lines .x-grid-tree-node-expanded .x-tree-elbow-plus { background-image: url("/images/tree_minus.png"); margin: 3px 5px 0 0!important; }
.x-tree-lines .x-tree-elbow-plus { background-image: url("/images/tree_plus.png"); margin: 3px 5px 0 0!important; }
.x-tree-lines .x-tree-elbow-end-plus { background-image: url("/images/tree_plus.png"); margin: 3px 5px 0 0!important; }




