x-dd-drag-ghost {	
	font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-viewport,
.x-viewport body {	
	overflow: visible
}

/* .x-viewport body {	 */
	/* height: 100% */
/* } */

.x-panel-body {
	overflow: visible
}

.x-panel,
.x-plain {
	overflow: visible
}

.x-column-header-trigger {
	margin-right: 3px
}

.x-body {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif	
}

.x-btn-default-small .x-btn-inner {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 0 0px
}

.x-btn-default-medium .x-btn-inner {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 0 1px;
	overflow: visible	
}

.x-btn-default-large .x-btn-inner {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 0 0px;
	overflow: visible
}

.x-btn-default-toolbar-small {
	border-color: transparent;
	background-color: transparent;
	background-image: none
}

.x-btn-default-toolbar-small .x-btn-inner {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-btn-default-toolbar-medium {
	border-color: transparent;
	background-color: transparent;
	background-image: none
}

.x-btn-default-toolbar-medium .x-btn-inner {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-btn-default-toolbar-large {
	border-color: transparent;
	background-color: transparent;
	background-image: none
}

.x-btn-default-toolbar-large .x-btn-inner {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-toolbar-text {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-panel-header-text-container-default {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-panel-body-default {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	border-color: transparent
}

.x-panel-header-text-container-default-framed {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-panel-body-default-framed {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-tip-default {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background-color: #333333;
	background-color: hsla(0, 0%, 20%, 0.9)
}

.x-tip-default {
	border-color: #333333;
	border-color: hsla(0, 0%, 20%, 0.9)
}

.x-tip-body-default {	
	color: #fff
}

/* sem transparências para painels desabilitados ou htmlFrame */
.x-mask {
	background: none;
}

/* fundo opaco específico para ShowMask */
.x-mask.mask-background {
	background: white;
}

/* fundo do form com ShowModal */
body.x-body.x-border-layout-ct.x-border-box.x-container.x-container-default > .x-mask {
	opacity: .5;
	background: black;	
}

.x-mask-msg {
	padding: 3px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px	
}

.x-mask-msg-inner {	
	color: white;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-mask-msg-text {
	padding: 0px 40px 20px;	
	background-image: url(images/loadmask/loading-signup.gif); 	
	background-position: center 20px
}

.x-progress-default .x-progress-text {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-btn-group-header-text-container-default {
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif	
}

.x-btn-group-header-text-container-default-framed {
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-window-body-default {
	border-color: transparent;
	background: transparent;
	border-top: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-window-header-default {	
	border-color: transparent;
	background-color: transparent
}

.x-window-header-default .x-tool-img {
	background-color: transparent
}

.x-window-header-text-container-default {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x -window-header-default-top {	
	background-color: transparent
}

.x-window-header-default-top-mc {
	background-color: transparent
}

.x-form-invalid-under {	
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-form-item-label {	
	font: normal 13px/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

/* .x-form-item, */
/* .x-form-field { */
	/* font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif */
/* } */

.x-item-disabled .x-form-item-label,
.x-item-disabled .x-form-field,
.x-item-disabled .x-form-display-field,
.x-item-disabled .x-form-cb-label,
.x-item-disabled .x-form-trigger {
	filter: none;
	opacity: 1
}

.x-form-focus{border-color: #1abc9c;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(26,188,156,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(26,188,156,.6)}

.x-form-display-field {
	font: normal 13px/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-message-box .x-window-body {
	background-color: white
}

.x-form-cb-label {
	font: normal 12px/17px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-fieldset-header-text {
	font: normal 12px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-boundlist-item {	
	font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-datepicker-column-header {	
	font: bold 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-datepicker-date {	
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-monthpicker-item {
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif	
}

.x-html-editor-wrap textarea {
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-grid-empty {	
	background-color: transparent;
	margin: 50px auto;
	left: 0;
	right: 0;
	text-align: center;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-grid-cell {
	font: normal 13px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-column-header {	
	font: 13px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif	
}

.x-column-header-open .x-column-header-trigger {
	background-color: transparent
}

.x-action-col-cell .x-item-disabled {	
	filter: none;
	opacity: 1
}

.x-grid-group-title {
	font: bold 13px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-grid-rowbody {
	font: normal 13px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-grid-row-summary .x-grid-cell,
.x-grid-row-summary .x-grid-rowwrap,
.x-grid-row-summary .x-grid-cell-rowbody {	
	font: normal 13px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-grid-editor .x-form-text {
	font: normal 13px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-grid-editor .x-form-display-field {
	font: normal 13px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-accordion-hd .x-panel-header-text-container {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-menu-item-text {
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-tab-default .x-tab-inner {
	font-size: 12px;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	line-height: 15px
}

.x-btn-plain-toolbar-small .x-btn-inner {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-btn-plain-toolbar-medium .x-btn-inner {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-btn-plain-toolbar-large .x-btn-inner {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif	
}

.x-panel-header-text-container-light {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif	
}

.x-panel-body-light {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-panel-header-text-container-light-framed {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-panel-body-light-framed {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-column-header-trigger {
	background-image: url(images/grid/filter.png);
	border-left: none
}

.x-tbar-filterButton{background-image:url(images/grid/filterButton.png)}
.x-tbar-clearButton{background-image:url(images/grid/clearButton.png)}
.x-tbar-addButton{background:url(images/grid/addButton.png) no-repeat;}
.x-tbar-addAllButton{background:url(images/grid/addAllButton.png) no-repeat;}
.x-tbar-removeButton{background:url(images/grid/removeButton.png) no-repeat;}

.x-column-header-trigger {
	border-right: none
}


/* outros css */

.btn-success {}

.btn-warning {}

.btn-info {}

.btn-primary {}

.btn-cancel {
	background-color: #465f5a!important; 
	border-color: #465f5a!important
}

.btn-cancel:hover {
	background-color: #7d7d7d!important;
	border-color: #7d7d7d!important
}

.transparent_button {
	border: none;
	background-color: transparent;
	!important
}

.transparent_button:hover {
	background-color: #036f5a;
	transition: all .5s ease-in-out;
	webkit-transition: all .5s ease-in-out;
}

.transparent_button i {
	color: #3a3a3a;
}

.transparent_button:hover i {
	transition: all .5s ease-in-out;
	webkit-transition: all .5s ease-in-out	
}

.btn-animation-2 {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: none;
	background-color: transparent;
}

.btn-animation-2:hover {
	text-decoration: none;
	background-color: #036f5a;
}

.btn-animation-2 i {
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	color: #3a3a3a;
}

.btn-animation-2:hover i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)	
}

.text-color {
	color: #036f5a;
}

.x-btn-default-small {
	border-color: #025646
}

.x-btn-default-small {	
	background-color: #036f5a;
	background-image: none
}

.x-btn-default-small-mc {	
	background-color: #036f5a
}

.x-btn-default-small-disabled {	
	background-color: #025948;
}

.x-btn-default-small-focus {
	border-color: #046b56;
	background-color: #04886d
}

.x-btn-default-small-over {
	border-color: #046b56;	
	background-color: #04886d
}

.x-btn-default-small-menu-active,
.x-btn-default-small-pressed {
	border-color: #025343;
	background-color: #025948
}

.x-btn-default-small-focus .x-frame-mc {
	background-color: #04886d
}

.x-btn-default-small-over .x-frame-mc {
	background-color: #04886d	
}

.x-btn-default-small-menu-active .x-frame-mc,
.x-btn-default-small-pressed .x-frame-mc {
	background-color: #025948
}

.x-btn-default-small-disabled .x-frame-mc {
	background-color: #025948	
}

.x-btn-default-medium {
	border-color: #025646
}

.x-btn-default-medium {	
	background-color: #036f5a;
	background-image: none
}

.x-btn-default-medium-mc {	
	background-color: #036f5a
}

.x-btn-default-medium-disabled {	
	background-color: #025948
}

.x-btn-default-medium-focus {
	border-color: #046b56;	
	background-color: #04886d
}

.x-btn-default-medium-over {
	border-color: #046b56;	
	background-color: #04886d
}

.x-btn-default-medium-menu-active,
.x-btn-default-medium-pressed {
	border-color: #025343;	
	background-color: #025948
}

.x-btn-default-medium-focus .x-frame-mc {
	background-color: #04886d
}

.x-btn-default-medium-over .x-frame-mc {
	background-color: #04886d
}

.x-btn-default-medium-menu-active .x-frame-mc,
.x-btn-default-medium-pressed .x-frame-mc {
	background-color: #025948
}

.x-btn-default-medium-disabled .x-frame-mc {
	background-color: #025948
}

.x-btn-default-large {
	border-color: #025646;
	background-image: none
}

.x-btn-default-large {	
	background-color: #036f5a
}

.x-btn-default-large-mc {	
	background-color: #036f5a
}

.x-btn-default-large-disabled {
	background-color: #025948
}

.x-btn-default-large-focus {
	border-color: #046b56;	
	background-color: #04886d
}

.x-btn-default-large-over {
	border-color: #046b56;	
	background-color: #04886d
}

.x-btn-default-large-menu-active,
.x-btn-default-large-pressed {
	border-color: #025343;	
	background-color: #025948
}

.x-btn-default-large-focus .x-frame-mc {
	background-color: #04886d
}

.x-btn-default-large-over .x-frame-mc {
	background-color: #04886d
}

.x-btn-default-large-menu-active .x-frame-mc,
.x-btn-default-large-pressed .x-frame-mc {
	background-color: #025948	
}

.x-btn-default-large-disabled .x-frame-mc {
	background-color: #025948
}

.x-form-type-text textarea.x-form-invalid-field,
.x-form-type-text input.x-form-invalid-field,
.x-form-type-password textarea.x-form-invalid-field,
.x-form-type-password input.x-form-invalid-field,
.x-form-type-number textarea.x-form-invalid-field,
.x-form-type-number input.x-form-invalid-field,
.x-form-type-email textarea.x-form-invalid-field,
.x-form-type-email input.x-form-invalid-field,
.x-form-type-search textarea.x-form-invalid-field,
.x-form-type-search input.x-form-invalid-field,
.x-form-type-tel textarea.x-form-invalid-field,
.x-form-type-tel input.x-form-invalid-field {
	background-color: #fff2f2 !important;	
	-webkit-box-shadow: 0px 0px 3px 0.3px rgba(207, 76, 53, 0.78);
	box-shadow: 0px 0px 3px 0.3px rgba(207, 76, 53, 0.78);
}

.x-viewport,.x-viewport body{margin:0;padding:0;border:0 none;position:static;overflow:visible}.x-viewport{height:100%}.x-viewport body{min-height:100%; height:100%}
.x-panel-body{overflow:visible;position:relative}
.x-panel,.x-plain{overflow:visible;position:relative}

.icon-options-menu{color: #036F5A !important}
.icon-options-menu:hover{color: #035646 !important}

.modal-header-title
{
	font-size: 15px !important;
	color: #036f5a;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	line-height: 15px;
	padding: 1px 0 0;
	text-transform: none;	
}
/* Purple Theme */

/* .x-btn-default-medium-purple { */
	/* border-color: #420256 !important */
/* } */

/* .x-btn-default-medium-purple { */
	/* -webkit-border-radius: 3px; */
	/* -moz-border-radius: 3px; */
	/* -ms-border-radius: 3px; */
	/* -o-border-radius: 3px; */
	/* border-radius: 3px; */
	/* padding: 3px 3px 3px 3px; */
	/* border-width: 1px; */
	/* border-style: solid; */
	/* background-image: none; */
	/* background-color: #55026f !important; */
	/* color: white */
/* } */

/* .x-btn-default-medium-purple:hover { */
	/* border-color: #1064a1; */
	/* background-image: none; */
	/* background-color: #780488 !important; */
/* } */

/* .x-btn-default-medium-purple:active { */
	/* border-color: #3a0348 !important; */
	/* background-image: none; */
	/* background-color: #500259 !important; */
/* } */

/* .x-column-header-purple { */
	/* border-right: 2px solid white; */
	/* color: #fafafa !important; */
	/* font: 13px/15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
	/* background-color: #55026f !important; */
/* } */

/* .x-column-header-purple:hover { */
	/* background-image: none; */
	/* background-color: #025948 !important; */
/* } */

/* .x-panel-header-default-purple { */
	/* font-size: 13px; */
	/* border: 1px solid #500259 !important; */
/* } */

/* .x-panel-header-default-purple { */
	/* background-color: #500259 !important; */
/* } */

/* .suggestion-icon { */
	/* background: url(images/form/trigger2.png) !important; */
/* } */