html, body {
    font:normal 12px verdana;
    margin:0;
    padding:0;
    border:0 none;
    overflow:hidden;
    height:100%;
}
p {
    margin:5px;
}

.x-form-focus, textarea.x-form-focus, .x-form-check-focus
{
    border: 1px solid  Navy; 
}

.wd-check-readonly .x-form-check-focus
{
	border: 1px solid Silver !important;
}

 
.wd-user-icon { background: url(../images/user.gif) 0 4px no-repeat !important;}
.wd-exclamation-icon { background: url(../images/exclamation.gif) 0 4px no-repeat !important;}
.wd-split { background: url(../images/details.gif) 0 4px no-repeat !important;}
.wd-edit { background: url(../images/article.gif) 0 4px no-repeat !important;}
.wd-wait { background: url(../images/wait.gif) 0 4px no-repeat !important;}
.wd-error { background: url(../images/warning.gif) 0 4px no-repeat !important;}
.wd-upload { background: url(../images/Upload.png) 0 0px no-repeat !important;} 
.wd-zoom { background: url(../images/info.png) 0 0px no-repeat !important;}
.wd-zoom-wr { background: url(../images/zommwrite.png) 0 0px no-repeat !important;}
.wd-lookup-search { background: url(../images/magnifying.png) 0 0px no-repeat !important;}

.x-menu-item-icon.wd-wait, .x-tree-node-icon.wd-wait
{
	background: url(../images/wait.gif) 0 -2px no-repeat !important;
}


.x-menu-item-icon.wd-split
{ 
	background: url(../images/details.gif) 0 1px no-repeat !important;
}

.x-menu-item-icon.wd-edit
{ 
	background: url(../images/article.gif) 0 1px no-repeat !important;
}

.x-menu-item-icon.wd-error
{ 
	background: url(../images/warning.gif) 0 1px no-repeat !important;
}

.x-tree-node-icon.wd-split
{ 
	background: url(../images/details.gif) 0 1px no-repeat !important;
}

.x-tree-node-icon.wd-edit
{ 
	background: url(../images/article.gif) 1px 1px no-repeat !important;
}

button.wd-save-file {
    background-image: url(../images/SaveFile.bmp);	
    background-repeat: no-repeat;
}

button.wd-navigation{
    background-image: url(../images/tree.gif);	
    background-repeat: no-repeat;
}

button.wd-album
{
    background-image: url(../images/album.gif);	
    background-repeat: no-repeat;
}

button.wd-help
{
    /*background-image: url(../images/bookIcon.gif); */
    background-image: url(../images/help16.gif);
	background-repeat: no-repeat;
}

button.wd-close
{
    background-image: url(../images/tab-close-on.gif);	
    background-repeat: no-repeat;
}

button.wd-logoff
{
    background-image: url(../images/door_out.png);
	background-repeat: no-repeat;
}

button.wd-no-license
{
    background-image: url(../images/no_license.gif);
	background-repeat: no-repeat;
}

button.wd-home
{
    background-image: url(../images/home.png);
	background-repeat: no-repeat;
}

#wd-loading {
	position: absolute;
	left: 45%;
	top: 40%;
	margin-left: -45px;
	padding: 2px;
	z-index: 20001;
	height: auto;
	border: 1px solid #ccc;
}
         
#wd-loading .wd-loading-indicator {
	background: white;
	color: #444;
	font: bold 13px tahoma, arial, helvetica;
	padding: 10px;
	margin: 0;
	height: auto;
}
         
#wd-loading .wd-loading-indicator img {
	margin-right:8px;
	float:left;
	vertical-align:top;
	color: Red
}
         
#wd-loading-msg {
	font: normal 10px arial, tahoma, sans-serif;
}

.wd-icon-message-text 
{
	font: normal 12px verdana, arial, tahoma, sans-serif;
	margin-left: 10px;	
	display: inline-block; 
	vertical-align:top;
}

.wd-icon-message-container.wd-login-error
{
	margin-left: 45px;	
	color: Red;
}

.wd-icon-message-container.wd-notification
{
	margin-top: 15px;	
	margin-left: 15px;	
}

.wd-icon-message-container.wd-notification.wd-error-notification
{
	color: Red;
}

.wd-default-btn .x-btn-text
{
	font-weight: bold;
	color: Navy;
}

.wd-notnull .x-form-item-label
{
	font-weight: bold;
	color: Purple;
}	

input.x-form-focus, textarea.x-form-focus
{
	background-color: #FFFFE0;
    background: #FFFFE0;
}

/*
.ext-safari input.x-form-focus.x-form-invalid, .ext-safari textarea.x-form-focus.x-form-invalid {
    background:#FFFFE0 url(../../ExtJS/resources/images/default/grid/invalid_line.gif) repeat-x bottom;
	border: 1px solid Navy;
}
input.x-form-focus.x-form-invalid, textarea.x-form-focus.x-form-invalid
{
    background:#FFFFE0 url(../../ExtJS/resources/images/default/grid/invalid_line.gif) repeat-x bottom;
}
*/

input.x-form-invalid, textarea.x-form-invalid,
.x-form-invalid, textarea.x-form-invalid, .ext-safari .x-form-invalid
{
    background:#ffeeee;
	border: 1px solid #ff7870;
}
/**/

.x-tab-strip-text
{
    margin-top: 1px;
    background-position: 0 3px !important;
}

.x-layout-collapsed-west {
    background-image: url(../images/opcoes.gif);
    background-repeat: no-repeat;
    background-position: center;
}



.x-grid3-body .x-grid3-td-numberer 
{
	background-image: none;
	background-color: #efefef;
	border-left: none;
    border-right: 1px solid #d0d0d0;	
    padding-right: 0px;
    padding-left: 0px;
}

.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer
{
	background-image: none;
}

.ext-ux-wd-grid-dataScroller {
    z-index:1;
    background:none!important;
    position:absolute;
    height:0px;
    right:0px;
    top:0px;
    width:18px;
    overflow:auto;
}

.ext-ux-wd-grid-dataScroller div {
    background:none;
    width:1px;
    overflow:hidden;
    font-size:1px;
    height:0px;
}

.ext-ux-wd-grid-columnScroller {
    z-index:1;
    background:none!important;
    position:absolute;
    height:18px;
    bottom:0px;
    left:0px;
    width:0px;
    overflow:auto;
}

.ext-ux-wd-grid-columnScroller div {
    background:none;
    width:0px;
    overflow:hidden;
    font-size:1px;
    height:1px;
}

.x-form-check-wrap-inner input
{
	left: -1px	!important;
	top: 1px	!important;
	height: 19px !important;
	width: 18px !important;
}	

.x-editor .x-form-check
{
    vertical-align:top !important;
    margin-top: -1px !important;
}


.wd-window-tab .x-tab-strip .x-tab-strip-text
{
	color:Purple;
}

.wd-window-tab.wd-tool-focus .x-tab-strip-active .x-tab-strip-text
{
    padding-top: 3px;
    border-bottom: 1px solid Navy;
}

.wd-edit-tab .x-tab-strip .x-tab-strip-text
{
	color:Navy;
	padding-top: 4px !important;
	border-bottom: 0px !important;
}

.wd-tbar-zoom
{
    background-image: url(../images/info.png) !important;
}

.wd-tbar-preview
{
    background-image: url(../images/lupa.png) !important;
}

.wd-tbar-refresh
{
	background-image: url(../images/refresh.gif) !important;
}

.wd-tbar-edit-cell
{
    background-image: url(../images/database-table-edit.png) !important; 
}

.wd-tbar-print
{
    background-image: url(../images/print.gif) !important; 
}

.wd-tbar-expand
{
    background-image: url(../images/expand.png) !important; 
}

.wd-tbar-export-excel
{
	background-image: url(../images/excel.gif) !important; 
}

.wd-tbar-show-audit
{
	background-image: url(../images/audit.gif) !important; 
}

.wd-tbar-add
{
	background-image: url(../images/add.png) !important; 
}

.wd-tbar-clone  
{
	background-image: url(../images/clone-icon.gif) !important; 
}

.wd-tbar-remove
{
	background-image: url(../images/delete.gif) !important; 
}

.x-grid3-header.wd-grid-focus
{
    padding-top: 0px;
    border-bottom: 1px solid Navy !important;
}

.x-grid3-header
{
    padding-top: 0px;
    border-bottom: 1px solid White;
}

.x-form label.wd-label-focus
{
    border-bottom: 1px solid Navy;
}

.wd-tree-focus
{
     border-bottom: 1px solid Navy;
}

.wd-mask-loading div {
    padding: 5px 10px 7px 25px;
    background: #fbfbfb url( '../images/loading.gif' ) no-repeat 5px 5px;
    line-height: 13px;
}

.wd-mask-loading-error div {
    padding: 5px 10px 7px 25px;
    background: Red url( '../images/warning.gif' ) no-repeat 5px 6px;
    color:White;
    line-height: 13px;
    cursor:default;
}

.wd-mask-error
{
    background-color: Orange !important;
    -moz-opacity: 0.2;
    opacity: .20;
    filter: alpha(opacity=20);
}

.x-grid3-row td
{
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}

.x-unselectable,.x-unselectable *
{
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}

.ext-safari *:focus,.ext-chrome *:focus
{
    outline:none;
}

img.x-form-check
{
	margin-bottom: 1px;
	margin-top: 1px;
}

img.x-form-check.x-form-check-focus
{
	margin-bottom: 0px;
	margin-top: 0px;
}

.ext-ie img.x-form-check
{
	margin-top: 2px;
}

.ext-ie img.x-form-check.x-form-check-focus
{
	margin-top: 1px;
}

.wd-panel
{
    cursor:default !important;
}

label
{
    white-space:nowrap;
}

label.wd-container-label
{
    font-style:italic;
}

.ext-ie .x-menu-item-icon  
{
	margin-top:-2px;
	margin-left:-24px;
	position: static;
}

.ext-ie8 .ext-ux-wd-grid-dataScroller
{
    overflow:scroll;
}

.ext-ie8 .ext-ux-wd-grid-columnScroller
{
    overflow:scroll;
}

.ext-ie8 .ext-ux-wd-form-scroler-Y
{
    overflow:scroll;
}

.ext-ie8 .ext-ux-wd-form-scroler-X
{
    overflow:scroll;
}

.wd-action-button
{
    margin-bottom: 3px;
}

.wd-action-button .x-btn-text
{
	color: Navy;
	font-weight:bold;
    font-size: 10px !important;
}

.wd-action-button.x-btn-over .x-btn-text
{
}

.x-form-field 
{
    font-size: 11px;
}

.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
    text-align:left;
    position: relative;
}

.wd-grid-numberer-text
{
    display: block; 
    width: 35px; 
    text-align:right;
}

.wd-grid-numberer-expandable
{
    cursor:pointer;
}

.wd-elbow
{
	position:absolute;
	left:43px;
	top:5px;
}

.x-panel-collapsed .x-panel-header-text
{
    font-weight: normal;
}

.wd-align-right
{
    text-align: right;
}

.wd-user-version
{
    float: right;
    width: 250px;
    margin-right: 10px;
    line-height: 150%;
    color: Navy;
}

.wd-has-tooltip
{
    background-image: url(../images/gridTooltip.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

.wd-color-info
{
    color: #0000FF;
}

.wd-color-info1
{
    color: #00008B;
}

.wd-color-info2
{
    color: #A52A2A;
}

.wd-color-info3
{
    color: #A9A9A9;
}

.wd-color-info4
{
    color: #8B0000;
}

.wd-color-info5
{
    color: #006400;
}

.wd-color-invalid
{
    color: #FF0000;
}

.wd-color-valid
{
    color: #008000;
}

.wd-color-error
{
    color: #FF0000;
}

.wd-color-inactive
{
    color: #A9A9A9;
}

.wd-color-pending
{
    color: #800080;
}

.wd-color-warning
{
    color: #DAA520;
}

.wd-style-bold
{
    font-weight: bold !important;
}

.wd-style-italic
{
    font-style: italic !important;
}

.wd-style-underline
{
    text-decoration: underline !important;
}

.wd-has-wrap-field .x-grid3-row td
{
    line-height: 16px;
}

label.wd-notnull 
{
	font-weight: bold;
	color: Purple;
}	

.x-tree-node .x-tree-node-over {
	background-color: Transparent;
}

.x-tree-node .x-tree-selected, .x-tree-node .x-tree-selected.x-tree-node-over {
	background-color: #d9e8fb;
}

.x-tree-node .x-tree-node-over a span {
    text-decoration: underline;
}

.x-grid3
{
    cursor:default;
}

.x-grid3-row-selected 
{
    cursor:pointer;
}

.x-tree-node-el.x-tree-node-leaf
{
    cursor:default !important;
}

.x-tree-node-el.x-tree-node-leaf.x-tree-selected
{
    cursor:pointer !important;
}

.x-tree-node-el.x-tree-node-leaf a span {
    cursor:default !important;
}

.x-tree-node-el.x-tree-node-leaf.x-tree-selected a span {
    cursor:pointer !important;
}

.x-form-file-btn .x-btn-text.wd-wait,
.x-form-file-zoom .x-btn-text.wd-wait
{
	background: url(../images/wait.gif) 0 -1px no-repeat !important;
}

.x-form-lookup-btn .x-btn-text.wd-wait
{
	background: url(../images/wait.gif) 0 -1px no-repeat !important;
}

.x-grid3-row-selected {
	background: #DFE8F6 !important;
	border:1px dotted #a3bae9;
}

.x-grid3-row-alt{
	background-color:#fafafa;
}

.x-grid3-row-selected.x-grid3-row-over {
	background: #DFE8F6 !important;
	border:1px dotted #a3bae9 !important;
	border-bottom:1px dotted Gray !important;
	border-top: 0px;
	padding-top: 0px;
}

.x-grid3-row-over 
{
    background: None !important;
	border-bottom:1px dotted Gray !important;
	border-top: 0px;
	padding-top: 1px;
}

.x-grid3-row-over.x-grid3-row-alt
{
    background-color:#fafafa !important;
}

.x-grid3-row-selected.x-grid3-row-over.x-grid3-row-alt
{
	background: #DFE8F6 !important;
}

.x-form-lookup-text .wd-editing
{
    color: Purple;
/*    font-style: italic; */
}

.wd-has-detail 
{
    cursor: pointer;
}

.wd-icon-message-text
{
    white-space:nowrap;
}

.wd-isreadonly, textarea.wd-isreadonly
{
    background-color: #F2F2F2;
    background: #F2F2F2;
}

input.x-form-focus.wd-isreadonly, textarea.x-form-focus.wd-isreadonly
{
    background-color: #F2F2F2;
    background: #F2F2F2;
}

.wd-over-panel .x-panel-tc
{
    background: url(../../ExtJS/resources/images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;
}

.wd-over-panel .x-panel-tr
{
	background: transparent url(../../ExtJS/resources/images/default/tabs/tabs-sprite.gif) no-repeat right -351px;
}

.wd-over-panel.x-panel-tl
{
	background: transparent url(../../ExtJS/resources/images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;
}

.wd-over-panel .x-panel-header
{
/*    color: white !important; */
    font-weight: bold !important;
}

.x-btn-wrap.x-btn-icon 
{
    width: 24px;
}

.x-btn-icon .x-btn-center
{
    text-align: left;
}

/*
.x-panel-mc
{
    background: #dfe8f6
}
*/

/*

.wd-button-panel .x-panel-body
{
    background: #BCD2EF !important;
}

.wd-split-panel .wd-field-sheet .x-panel-body
{
    background: #BCD2EF !important;
}
*/

.wd-messagebox .x-window-body
{
    background: #dfe8f6 !important;
}

.ext-ie8 .x-grid3 .x-editor .x-form-text 
{
    position:relative;
    top:1px !important;
}

.x-hide-offsets
{
    position:absolute !important;
    left:-10000px !important;
    top:-10000px !important;
    visibility:hidden !important;
}


::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 18px;
}

::-webkit-scrollbar:horizontal {
    height: 18px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 18px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 18px;  
    background-color: #ffffff; 
}