html
        {
            padding-bottom: 1px; /* força barra de rolagem */
            overflow: auto !important;
        }

        body
        {
            margin: 0px;
            font-family: Segoe UI, Trebuchet MS, Arial, sans-serif !important;
            font-size: 12px;
            background-color: #f4f4f4;
        }

        /* ============================================================
         *
         *  ROBOTO FONT (ANDROID)
         *
         * ============================================================*/

        @font-face {
            font-family: 'Roboto Thin';
            src: local(Roboto Thin), url('../fonts/Roboto-Thin.woff2') format('woff2'), url('../fonts/Roboto-Thin.woff') format('woff');
        }

        @font-face {
            font-family: 'Roboto Light';
            src: local(Roboto Light), url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff');
        }

        @font-face {
            font-family: 'Roboto';
            src: local(Roboto Regular), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff');
        }

        @font-face {
            font-family: 'Roboto Medium';
            src: local(Roboto Medium), url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff');
        }

        @font-face {
            font-family: 'Roboto Bold';
            src: local(Roboto Bold), url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff');
        }

        /* ============================================================
         *
         *  KENDO + EXT AUTOCOMPLETE
         *
         * ============================================================*/
		 
        .css-text-align-right .x-form-item-label {
            text-align: right !important;
        }

        .x-form-field {
	        background-image: none !important;
        }

        .k-nodata {
	        min-height: 0px !important;
        }

        .k-widget {
	        text-align: left !important;
	        height: 22px !important;
	        padding: 0px !important;
	        border: 1px solid #C1C1C1 !important;
	        border-radius: 0px !important;
	        background-image: none !important;
	        margin: 0px !important;
        }

	        .k-widget.k-state-focused {
		        border-color: #777777 !important;
		        border-top-color: rgb(119, 119, 119) !important;
		        border-right-color: rgb(119, 119, 119) !important;
		        border-bottom-color: rgb(119, 119, 119) !important;
		        border-left-color: rgb(119, 119, 119) !important;
	        }

        .k-i-loading {
	        background-image: url(../Styles/kendo/Material/loading.gif) !important;
        }

        .k-group {
	        color: #444;
	        background-color: #fff;
        }

        .k-input {
	        text-align: left !important;
	        text-indent: 0px !important;
	        background-image: none !important;
	        height: 18px !important;
	        padding: 1px 3px 1px 3px !important;
	        display: inline-block !important;
        }

        .k-list-container {
	        background-color: #fff !important;
	        border-color: #ebebeb !important;
	        border-top-color: rgb(235, 235, 235) !important;
	        border-right-color: rgb(235, 235, 235) !important;
	        border-bottom-color: rgb(235, 235, 235) !important;
	        border-left-color: rgb(235, 235, 235) !important;
        }

	        .k-list-container.k-state-border-up {
		        border-radius: 0 0 2px 2px !important;
		        border-top-left-radius: 0px !important;
		        border-top-right-radius: 0px !important;
		        border-bottom-right-radius: 2px !important;
		        border-bottom-left-radius: 2px !important;
	        }

        .k-list > .k-state-focused, .k-list > .k-state-hover {
	        color: #444 !important;
	        background-color: #ebebeb !important;
        }

        .k-popup {
	        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2) !important;
	        box-shadow: 0 6px 8px 0 rgba(0,0,0,.2) !important;
        }

	        .k-popup.k-list-container {
		        border-width: 1px !important;
		        border-style: solid !important;
		        border-top-style: solid !important;
		        border-right-style: solid !important;
		        border-bottom-style: solid !important;
		        border-left-style: solid !important;
	        }

        .k-autocomplete > .k-i-close {
	        margin-top: 0px !important;
	        margin-right: 3px !important;
        }

        .k-autocomplete.k-state-focused {
	        /*background-color: transparent !important;*/
        }

        .k-autocomplete .k-i-loading {
	        bottom: 3px !important;
	        right: 3px !important;
        }

        .k-footer {
	        font-size: 12px !important;
	        font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif !important;
	        font-stretch: normal !important;
	        font-style: normal !important;
	        font-weight: 500 !important;
	        line-height: normal !important;
        }

        .k-list-container .k-item {
	        line-height: 1em !important;
        }

        .k-material .k-list-container .k-item,
        .k-material .k-list-container .k-item.k-state-hover,
        .k-materialblack .k-list-container .k-item,
        .k-materialblack .k-list-container .k-item.k-state-hover {
	        padding-left: 5px !important;
	        border-left: 0 !important;
        }

        .k-list-container .k-item > span {
	        -webkit-box-sizing: border-box !important;
	        -moz-box-sizing: border-box !important;
	        box-sizing: border-box !important;
	        display: inline-block !important;
	        vertical-align: top !important;
        }

	        .k-list-container .k-item > span:first-child {
		        margin: 2px !important;
		        background-size: 100% !important;
		        background-repeat: no-repeat !important;
	        }

        .k-list-container h3 {
	        font-size: 1.2em !important;
	        font-weight: normal !important;
	        padding: 0 !important;
        }

        .k-list-container p {
	        margin: 0 !important;
	        padding: 0 !important;
	        font-size: .8em !important;
        }

        .k-popup .k-list .k-item {
	        padding: 0px !important;
            min-height: 0px !important;
        }
        
        .ext-webkit .x-form-invalid, .x-form-invalid {
            border-color: #C1C1C1;
        }

        .k-widget.x-form-invalid {
            background-color: #FFF;
        }
        
        .k-autocomplete-required {
            background-color: #FFEEEE !important;
        }

        .k-autocomplete-searched {
            background-color: #dae3ef !important;
            font-weight: bold !important;
            color: #444 !important;
        }

        .k-autocomplete-image {
            background-position: 50% !important;
            width: 40px !important;
            height: 40px !important;
            border-radius: 50% !important;
            background-size: 40px !important;
            background-repeat: no-repeat !important;
            -moz-box-shadow: inset 0 0 16px rgba(0,0,0,.3) !important;
            -webkit-box-shadow: inset 0 0 16px rgba(0,0,0,.3) !important;
            box-shadow: inset 0 0 16px rgba(0,0,0,.3) !important;
            margin-right: 5px !important;
        }
        
        .loading-image {
            background-image: url(../Imagens/loading.gif) !important;
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

        .empty-image {
            background-image: url(../Imagens/imageEmpty.png) !important;
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }


        /* ============================================================
         *
         *  EXT TABULACÕES
         *
         * ============================================================*/

        /*Classes que formatam a tabulação da tela principal*/
        #tabPanelPrincipal .x-tab-strip
        {
            padding-left: 5px;
        }

        #tabPanelPrincipal  .x-tab-strip-active .x-tab-right {
            border-top: 1px solid #262B40;
            margin-top: -1px !important;
        }

        #tabPanelPrincipal ul.x-tab-strip-top
        {
            border-bottom: 1px solid #262B40 !important;
            background: #262B40;
        }

        #tabPanelPrincipal .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner span.x-tab-strip-text
        {
            color: Black;
        }

        #tabPanelPrincipal .x-tab-strip-top .x-tab-strip-active .x-tab-right, 
        #tabPanelPrincipal .x-tab-strip-top .x-tab-strip-active .x-tab-left, 
        #tabPanelPrincipal .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner
        {
            background-color: #f4f4f4;
            background-image: none; 
        }

        #tabPanelPrincipal .x-tab-strip-top{
	        margin-top:2px !important;
        }

        #tabPanelPrincipal .x-tab-strip-top .x-tab-right, 
        #tabPanelPrincipal .x-tab-strip-top .x-tab-left, 
        #tabPanelPrincipal .x-tab-strip-top .x-tab-strip-inner
        {
            background-color: #3B4366;
            background-image: none;
        }

        #tabPanelPrincipal .x-tab-strip-active
        {
            border-top: 1px solid #262B40 !important;
            border-left: 1px solid #262B40 !important;
            border-right: 1px solid #262B40 !important;
        }

        #tabPanelPrincipal .x-tab-strip-text
        {
            padding: 10px 0 5px 0;
        }

        /*Classes que formatam tabulação da Atendimento Operações*/
        .painelInfoAtendimento .x-tab-strip-active 
        {
            border-top: 1px solid #ccc !important;
            border-left: 1px solid #ccc !important;
            border-right: 1px solid #ccc !important;
        }

        .painelInfoAtendimento .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner {
            padding-bottom:1px !important;
        }

        /*Classes que formatam as Tabs de em geral*/
        .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
            padding-bottom: 1px;
        }

        .x-tab-strip-text 
        {
            height: 16px;
            position: inherit;
        }

        ul.x-tab-strip-top
        {
            background-color: transparent;
            background-image: none;
        }

        .x-tab-strip-spacer {
            height: 0px !important;
        }

        .x-tab-strip span.x-tab-strip-text {
            padding-top: 3px;
            color: White;
        }

        x-tab-strip-bottom > .x-tab-strip span.x-tab-strip-text {
            padding: 0px 0;
        }

        .x-tab-strip-top span.x-tab-strip-text {
            padding-bottom: 1px;
        }

        .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
            padding-bottom: 1px;
        }

        .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner
        {
            background-color: #3B4366;
            background-image: none; 
        }

        .x-tab-strip-top .x-tab-strip-active .x-tab-right, .x-tab-strip-top .x-tab-strip-active .x-tab-left, .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner
        {
            background-color: #ccc;
            background-image: none;   
        }

        .x-tab-strip-top .x-tab-strip-active .x-tab-right
        {
   
        }

        .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
             color:#000 !important; 
        }

        ul.x-tab-strip li
        {
            margin-right: 4px;
        }

        ul.x-tab-strip-bottom span.x-tab-strip-text
        {
            padding-bottom: 2px;
            color: White;
        }

        .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close, .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
            background: url(../Imagens/Icons/tab-close.png) no-repeat;
        }

        .x-tab-strip-active .x-tab-strip-close {
            background: url(../Imagens/Icons/tab-close-active.png) no-repeat !important;

        }

        ul.x-tab-strip-bottom .x-tab-right, ul.x-tab-strip-bottom .x-tab-strip-over .x-tab-right, ul.x-tab-strip-bottom .x-tab-left, ul.x-tab-strip-bottom .x-tab-strip-over .x-tab-left, ul.x-tab-strip-bottom .x-tab-strip-inner
        {
            background-color: #262B40;
            background-image: none;
        }

        ul.x-tab-strip-bottom .x-tab-strip-active .x-tab-right, ul.x-tab-strip-bottom .x-tab-strip-active .x-tab-left, ul.x-tab-strip-bottom .x-tab-strip-active .x-tab-strip-inner
        {
            background-color: White;
            background-image: none;
        }

        ul.x-tab-strip-bottom
        {
            padding-left: 5px;
            background-color: transparent;
            background-image: none;
            border-top: 1px Solid #CCC;
        }

        ul.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text, ul.x-tab-strip-bottom .x-tab-strip-active .x-tab-left span.x-tab-strip-text, ul.x-tab-strip-bottom .x-tab-strip-active .x-tab-strip-inner span.x-tab-strip-text
        {
            padding-bottom: 2px;
            color: Black;
        }

        ul.x-tab-strip-bottom .x-tab-strip-active .x-tab-right
        {
            border-bottom: 1px Solid #aeaeae !important;
            border-left: 1px Solid #aeaeae;
            border-right: 1px Solid #aeaeae;
        }

        .x-tab-strip-spacer
        {
            border: none !important;
            background: #fff !important;
        }

        .x-tab-strip-wrap 
        {
            overflow: inherit !important;
        }

        .x-tab-panel-header, .x-tab-panel-footer
        {
            border: 0px;
            background-color: transparent;
            padding: 0px;
        }

        /* ============================================================
         *
         * BOTÕES EXT
         *
         * ============================================================*/

        .x-btn button
        {
            color: #666666;
            font-weight: bold;
        }

        .x-btn
        {
            padding: 0px 2px 0px 2px;
            margin: 0px 3px 0px 3px;
            background-color: White;
            border: 1px Solid #BFBFBF;
            height: 28px;
        }

        .x-btn:hover
        {
            padding: 0px 2px 0px 2px;
            margin: 0px 3px 0px 3px;
            background-color: #999999;
            height: 28px;
        }

        .x-btn .x-btn-noicon .x-btn-over, .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 !important;
        }

        .x-form-file-wrap .x-form-file-text {
            height:20px !important;
        }

        .x-form-file-wrap .x-btn 
        {
            margin-top:0;
            border-left:none;
            height:5px !important;
            padding: 0;  
        }

        /* ============================================================
         *
         * PAGINAÇÕES EXT
         *
         * ============================================================*/
 
        .x-item-disabled .x-tbar-page-first
        {
            background: url(../Imagens/Cadastros/Primeira.png) !important;
        }

        .x-tbar-page-first
        {
            background: url(../Imagens/Cadastros/PrimeiraHover.png) !important;
        }

        .x-item-disabled .x-tbar-page-prev 
        {
            background: url(../Imagens/Cadastros/Anterior.png) !important;
        }

        .x-tbar-page-prev 
        {
            background: url(../Imagens/Cadastros/AnteriorHover.png) !important;
        }

        .x-tbar-page-last 
        {
            background: url(../Imagens/Cadastros/UltimaHover.png) !important;
        }

        .x-item-disabled .x-tbar-page-next 
        {
            background: url(../Imagens/Cadastros/ProximoHover.png) !important;
        }

        .x-tbar-page-next 
        {
            background: url(../Imagens/Cadastros/ProximoHover.png) !important;
        }

        .x-item-disabled .x-tbar-page-next 
        {
            background: url(../Imagens/Cadastros/Proximo.png) !important;
        }

        .x-item-disabled .x-tbar-page-last
         {
            background: url(../Imagens/Cadastros/Ultima.png) !important;
        }

        /* ============================================================
         *
         * WINDOW EXT
         *
         * ============================================================*/

        .x-window-noborder .x-window-bc {
            background-image: none !important;
        }

        .x-window-maximized .x-window-bc {
	        height: 0px !important;
        }

        .x-window-noborder .x-window-ml, .x-window-noborder .x-window-mr  {
            background-image: none !important;
            background-color: #f4f4f4;
        }

        .x-window-noborder .x-window-bl {
            background-image: none !important;
            background-color: #f4f4f4;
        }

        .x-window-noborder .x-window-br {
            background-image: none !important;
            background-color: #f4f4f4;
        }

        /* ============================================================
         *
         * TOOLBARS EXT
         *
         * ============================================================*/

        /*Classes que formatam toobar da pagina principal*/
        #tabPanelPrincipal .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar
        {
            border: none;
        }

        /*Classes que formatam toobar da pagina de cadastro*/
        #toolBarCadastro .x-panel-tbar .x-toolbar
        {
            padding-left: 10px;
            background-color: #f4f4f4;
        }

        #toolBarCadastro
        {
            border: 0px;
        }

        /*Classes que formatam toolbar da pesquisa*/
        #toolBarPesquisa
        {
            background: #F4F4F4;
        }

        .css-class-btnPesquisar {
            margin-left: -1px !important;
        }

        .css-class-btnPesquisar:focus {
             background: #262B40 !important;
        }

        .css-class-btnPreferences {
            width: 40px; !important;
            border:1px solid #BFBFBF !important;
            background: url(../Imagens/Acoes.png) no-repeat center !important;
        }

        .css-class-panelPreferences-base {
            width: 50px !important;
            float: right !important;
        }

        /*Classes que formatam toolbar em geral*/
        .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar
        {
            border: none;
        }

        .cadastroToolBar .x-btn {
            margin-left: 50px;
            margin-top: 13px\9 !important;   
        }

        .x-panel-noborder .x-panel-tbar-noborder .x-toolbar
        {
            border: none;
        }

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

        .x-panel-tbar .x-toolbar
        {
            padding: 5px;
            background-color: #f4f4f4;
        }

        .x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label,
        .x-toolbar-layout-ct td, .x-toolbar-layout-ct span, .x-toolbar-layout-ct input, .x-toolbar-layout-ct div, .x-toolbar-layout-ct select, .x-toolbar-layout-ct label {
            font-weight: bold !important;
            overflow: inherit !important;
        }

        .x-toolbar-left {
            float:right !important;
        }

        .x-toolbar-cell .x-btn-icon {
            border: none !important;
            background: none !important;   
        }

        .x-toolbar-cell{
            height:0 !important;
            overflow:inherit !important;
        }

        /* ============================================================
         *
         * KARDEX
         *
         * ============================================================*/

        .kardex-tipo-selected {
            background-color: #bfdbf5;
        }

        /* ============================================================
         *
         * PAINEL EXT
         *
         * ============================================================*/

        .x-panel-body
        {
            background-color: transparent;
            border: none;
        }

        .x-panel-btns {
            padding: 0px !important;
            border-top: 1px #d0d0d0 Solid !important;
        }

        .pagingToolBar {
            border: none !important;
        }

        .x-panel-bbar > .ext-strict .ext-webkit .x-small-editor .x-form-text, .x-tbar-page-number {
            border: none !important;
        }

        /*.x-panel-body .x-panel-body-noheader .x-column-layout-ct .x-form-item-label {
            font-weight: bold !important;
            color: #262B40 !important;
        }*/

        .x-panel-body .x-form-item-label {
            font-weight: bold !important;
            color: #262B40 !important;
        }

        .x-form-cb-label {
            position: relative;
            margin-left: 4px;
            top: -1px;
            font: bold 12px tahoma, arial, helvetica, sans-serif !important;
            color: #262B40 !important;
        }

        .x-panel-header {
            background: #e2e2e2 !important;
            border: none !important;
            border-bottom: 1px solid #ccc !important;
            color: #000 !important;
            padding: 5px;
        }

        .x-panel {
            border: 1px solid #ccc !important;
        }

        .x-tab-panel .x-panel-noborder {
            border: none !important;
        }

        .x-panel-noborder {
            border: none !important;
        }

        .panel-horizontal-separator {
             width: 100% !important;
             height: 5px;
             line-height: 10px !important;
             border-bottom: 1px solid #ccc !important;
        }

        /* ============================================================
         *
         * FORM EXT
         *
         * ============================================================*/

        #tabPanelPrincipal .x-form-text
        {
            border: 1px solid #043f60 !important;
            width: 150px !important;
            height: 50px !important;
            color: #ccc !important;
            margin-left: 10px !important;
            padding: 0 10px 0 35px !important;
            padding-top: /*\**/ 7px\9 !important;
            height: /*\**/ 24px\9 !important;
            font-style: italic !important;
        }

        .x-form-file-wrap {
            height: 24px;
        }

        .btn {
            margin-top: 0px;
            padding: 0px;
            padding-left: 13px;
        }

        .css-class-btn-cep-search {
    
        }


        /* ============================================================
         * DISABLED TEXTS
         * ============================================================*/
        .x-btn.x-item-disabled {
            background-color: #e8e8e8 !important;
        }

        .x-box-item.x-item-disabled {
            opacity: 1 !important;
        }

        .x-form-text.x-item-disabled {
            background: #e8e8e8 !important;
            opacity: 1 !important;
            font-weight: bold !important;
            color: #5f5f5f !important;
        }

        .x-item-disabled .x-form-text {
            background: #e8e8e8 !important;
            font-weight: bold !important;
            color: #5f5f5f !important;
        }

        .x-form-field-wrap {
            background-color: white;
        }

        .x-item-disabled.x-form-field-wrap {
            opacity: 1 !important;
            background: #e8e8e8 !important;
        }

        .x-item-disabled .x-form-date-trigger {
            display: none;
        }

        .x-item-disabled > .x-form-date-box {
            width: 92px !important;
        }


        
        .x-form-text .x-form-field .p-search-text-box .x-form-focus
        {
            height: 35px !important;
            padding: 2px !important;
            padding-left: 4px !important;
            border: 1px Solid #E5E5E5;
            background: #fff !important;
        }

        .x-form-num-field {
            height:10px !important;
        }

        .ext-strict .x-small-editor .x-form-text {
            height: 26px !important;
            padding: 2px !important;
            padding-left: 4px !important;
            border: 1px Solid #ccc !important;
            background: #fff !important;
        }

        .ext-strict .search-text-box .x-form-text
        {
            height: 28px !important;
            padding: 2px !important;
            padding-left: 4px !important;
            border: 1px Solid #E5E5E5;
            background: #fff !important;
        }

        .ext-strict .ext-webkit .x-small-editor .x-form-text {
            height: 26px !important;
            background: #fff !important;
            padding: 0px !important;
            border: 1px solid #bfbfbf !important;
            padding: 0 5px\9 !important;
            padding-top: /*\**/ 5px\9 !important;
            padding: 0 5px !important;
            font-weight:bold !important; 
        }

        .css-class-preferencia-toolbar .x-form-field-wrap .x-form-search-trigger  {
            height: 25px !important;
            background-position: 8px 6px !important;
            width: 30px !important;
        }

        .css-class-preferencia-toolbar .x-btn {
            margin-left: 15px !important;
            top: -2px !important;
        }

        .css-class-preferencia-textBox {
            margin-left: 15px !important;
        }

        .css-class-preferencia-toolbar .x-form-item-label {
            top: 6px !important;
            font-size: 12px !important;
        }

        .x-panel-body .css-class-teste {
            border: 1px solid #ccc !important;
        }


        /* ============================================================
         *
         * MENU EXT
         *
         * ============================================================*/

        .css-class-menu-principal {
           position :absolute;
           top :5px;
           left:5px;
           z-index:7000;
           width:800px;  
        }


        .css-class-menu-principal .x-btn-focus {
            background: #262B40 !important;
        }

        .MenuSistemaN1 .x-menu-list {
            overflow-y: scroll;
            height:518px;
        } 

        .x-menu-floating {
            border: none !important;
            background: none !important;
            height: 0 !important;
        }

        .css-class-menu-pesquisar .x-menu-list {
            margin-left: 1px;
        } 

        .x-menu-list {
            background: #fff !important;
            border: 5px solid #262B40;
        }

        .x-menu-list a {
            color: #262B40 !important;
            font-weight: bold !important;
            /*padding: 10px !important;*/
        }

        /*.x-menu-list-item a:hover {
            background: #262B40 !important;
            color: #fff !important;
        }*/


        .x-menu-item-active {
            background: #262B40;
            z-index:99999;
            border: none !important;
            padding: 1px 1px !important;
        }

        .x-menu-item-active a.x-menu-item {
            border: none !important;
        }

        .x-menu-item-active a {
            color: #ffffff !important;
        }

        .x-menu-list-item {
            width: auto !important;
            /*margin-top:5px;*/
        }

        .x-btn-menu-active {
            background: #262B40 !important;
            border: 1px #262B40 solid !important;
   
        }
        .x-btn-menu-active .x-btn-text {
             color: #fff !important;
        }

        .x-btn-menu-active .iconPesquisar {
            background: url(../Imagens/Cadastros/PesquisarBranca.png) no-repeat !important;
        }

        .x-menu-item-text {
            padding-left: 15px !important;
            margin-right: 10px !important;
        }

        .x-menu-item-icon {
            /*margin-top: 8px !important;*/ 
        }

        /* ============================================================
         *
         * SEARCH EXT
         *
         * ============================================================*/

        .p-search-text-box 
        {
            border: none;
            height:100px !important;
            background: #fff !important;   
            padding-top: 7px\9 !important;
      
        }

        .p-search-text-box-trigger {
            height: 30px !important;
            background: #fff !important;
            padding: 0px !important;
            border: 1px solid #bfbfbf !important;
            padding-left:5px !important;
            font-weight:bold !important;
            background: url(../Imagens/Cadastros/Pesquisa.png) no-repeat #bfbfbf !important;
            width: 30px !important;
            margin-right:10px;
        }

        .p-search-text-box-filter {
             background: url(../Imagens/Cadastros/SetaOpoces.png) no-repeat #bfbfbf !important;
             width: 30px !important;
             height: 30px !important;
             border-top: 1px solid #bfbfbf !important;
             border-right: 1px solid #bfbfbf !important;
             border-bottom: 1px solid #bfbfbf !important;
             margin-right:10px;
        }

        /* ============================================================
         *
         * ICONES OPERAÇÕES
         *
         * ============================================================*/        
        .css-class-icon-imendes {
            background: url(../Imagens/Icons/imendes-icon.png) no-repeat !important;
        }

        .css-class-icon-print {
            background: url(../Imagens/Operacoes/Operacoes.png) no-repeat !important;
            width:16px;
            background-position:-157px !important;
        }
        
        .css-class-icon-Flag {
            background: url(../Imagens/Icons/Flag.png) no-repeat !important;
        }

        .css-class-icon-Servico {
            background: url(../Imagens/Icons/baseline_build_black.png) no-repeat !important;
        }

        .css-class-icon-Soma {
            background: url(../Imagens/Icons/baseline_functions_black.png) no-repeat !important;
        }

        .x-menu-item-active .css-class-icon-Flag {
            background: url(../Imagens/Icons/Flag-Active.png) no-repeat !important;
        }

        .css-class-icon-DeliveryGrid {
            background: url(../Imagens/Icons/Delivery.png) no-repeat !important;
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Delivery {
            background: url(../Imagens/Icons/Delivery.png) no-repeat !important;
        }

        .x-menu-item-active .css-class-icon-Delivery {
            background: url(../Imagens/Icons/Delivery-Active.png) no-repeat !important;
        }

        .css-class-icon-grid-Atencao {
            background: url(../Imagens/Icons/Atencao.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Atencao {
            background: url(../Imagens/Icons/Atencao.png) no-repeat !important;
        }

        .x-menu-item-active .css-class-icon-Atencao {
            background: url(../Imagens/Icons/Atencao-Active.png) no-repeat !important;
        }
        
        .css-class-icon-Informacao {
            background: url(../Imagens/Icons/Information.png) no-repeat !important;
        }

        .x-menu-item-active .css-class-icon-Send {
            background: url(../Imagens/Icons/Send-Active.png) no-repeat !important;
        }

        .css-class-icon-Send {
            background: url(../Imagens/Icons/Send.png) no-repeat !important;
        }

        .x-menu-item-active .css-class-icon-Encaminhar {
            background: url(../Imagens/Icons/Encaminhar-Active.png) no-repeat !important;
        }
        .css-class-icon-Encaminhar {
            background: url(../Imagens/Icons/Encaminhar.png) no-repeat !important;
        }

        .css-class-icon-Positivo {
            background: url(../Imagens/Icons/positivo.png) no-repeat !important;
        }

        .css-class-icon-Negativo {
            background: url(../Imagens/Icons/negativo.png) no-repeat !important;
        }

        .css-class-icon-Positivo-Center {
            background: url(../Imagens/Icons/positivo.png) no-repeat center !important;
        }

        .css-class-icon-Negativo-Center {
            background: url(../Imagens/Icons/negativo.png) no-repeat center !important;
        }

        .css-class-icon-Visualizar {
            background: url(../Imagens/Icons/Visualizar.png) no-repeat !important;
        }

        .x-menu-item-active .css-class-icon-Visualizar {
            background: url(../Imagens/Icons/Visualizar-Active.png) no-repeat !important;
        }

        .css-class-icon-Check-Black {
            background: url(../Imagens/Icons/Check-Black.png) no-repeat !important;
        }

        .x-menu-item-active .css-class-icon-Check-Black {
            background: url(../Imagens/Icons/Check-Black-Active.png) no-repeat !important;
        }

        .css-class-icon-Check-Black-Eye {
            background: url(../Imagens/Icons/Check-Black-Eye.png) no-repeat !important;
        }

        .x-menu-item-active .css-class-icon-Check-Black-Eye {
            background: url(../Imagens/Icons/Check-Black-Eye-Active.png) no-repeat !important;
        }



        .css-class-menu-Return {
            background: url(../Imagens/Icons/Return.png) no-repeat !important;
        }

        .x-menu-item-active .css-class-menu-Return {
            background: url(../Imagens/Icons/Return-Active.png) no-repeat !important;
        }

        .css-class-icon-Calculadora {
            background: url(../Imagens/Icons/Calculadora.png) no-repeat !important;
        }

        .x-form-field-wrap .x-form-search-trigger {
            background: url(../Imagens/Cadastros/trigger-search.png) no-repeat !important;
            border: 1px solid #ccc;
            width: 14px;
            height: 15px;
            padding-top: 5px;
            background-position: 0 2px!important;
            border-left: none;
            padding-right: 2px;
        }

        .x-form-field-wrap .x-form-date-trigger {
            background: url(../Imagens/Cadastros/field-calendar.png) no-repeat !important;
            border: 1px solid #ccc;
            width: 14px;
            height: 15px;
            padding-top: 5px;
            background-position: 0 2px!important;
            border-left: none;
            padding-right: 2px;
        }

        .x-form-text .x-form-field .x-trigger-noedit {
            width: 75px !important;
        }

        .x-form-trigger {
            background: url(../Imagens/Cadastros/combo-field.png) no-repeat !important;
            border-top: 1px solid #ccc !important;
            border-right: 1px solid #ccc !important;
            border-bottom: 1px solid #ccc !important;
            width: 14px;
            height: 15px !important;
            padding-top: 5px;
            background-position: 0 2px!important;
        }
    
        .x-menu-item-active .css-class-icon-print {
            background: url(../Imagens/Operacoes/Operacoes.png) no-repeat !important;
            width:16px;
            background-position:-173px !important;
        }

        .css-class-icon-calendar {
            background: url(../Imagens/Cadastros/field-calendar.png) no-repeat !important;
        }

        .css-class-icon-calendar-white {
            background: url(../Imagens/Cadastros/field-calendar-white.png) no-repeat !important;
        }

        .css-class-icon-interrogacao {
            background: url(../Imagens/Icons/interrogacao.png) no-repeat !important;
        }

        .css-class-icon-print-relatorio {
            background: url(../Imagens/Relatorios/shred.png) no-repeat !important;
        }

        .css-class-simple-print {
            background: url(../Imagens/Relatorios/shred.png) no-repeat !important;
        }

        .css-class-icon-export {
            background: url(../Imagens/Relatorios/upload-files.png) no-repeat !important;
        }

        .css-class-icon-menuIniciar {
            background: url(../Imagens/Principal/iniciar.png) no-repeat !important;
        }

        .css-class-icon-menuFavoritos {
            background: url(../Imagens/Principal/favoritos.png) no-repeat !important;
        }

        .css-class-iconVendedor {
            background: url(../Imagens/Operacoes/Atendimento/Vendedor.png) no-repeat !important;  
        }

        .css-class-iconKilograma {
            background: url(../Imagens/Icons/Kilograma.png) no-repeat !important; 
        }

        .css-class-btnConsultar {
            background: url(../Imagens/Cadastros/trigger-search.png) no-repeat !important;
        }

        .css-class-iconProdutos {
            background: url(../Imagens/Operacoes/Atendimento/Produtos.png) no-repeat !important;
        }

        .css-class-iconCliente {
            background: url(../Imagens/Operacoes/Atendimento/Cliente.png) no-repeat !important;
        }

        .css-class-iconObservacao {
            background: url(../Imagens/Operacoes/Atendimento/Observacoes.png) no-repeat !important;
        }
        .css-class-iconItens {
            background: url(../Imagens/Operacoes/Atendimento/Itens.png) no-repeat !important;
        }

        .css-class-iconDescontoPorcentagem {
            background: url(../Imagens/Operacoes/Atendimento/DescontoPorcentagem.png) no-repeat !important;
        }

        .css-class-iconDescontoReal {
            background: url(../Imagens/Operacoes/Atendimento/DescontoReal.png) no-repeat !important;
        }

        .css-class-iconPesquisar {
            background: url(../Imagens/Cadastros/Pesquisar.png) no-repeat !important;
        }

        .x-btn-menu-active .css-class-iconPesquisar {
            background: url(../Imagens/Cadastros/PesquisarBranca.png) no-repeat !important;
        }

        .css-class-iconEmitidas {
           background: url(../Imagens/Operacoes/Duplicata/Emitidas.png) no-repeat !important; 
           width: 17px;
           height: 17px;
        }

        .css-class-iconJuros {
           background: url(../Imagens/Operacoes/Duplicata/Juros.png) no-repeat !important; 
           width: 17px;
           height: 17px;
        }

        .css-class-iconJurosBranco {
           background: url(../Imagens/Operacoes/Duplicata/Juros-Branco.png) no-repeat !important; 
           width: 17px;
           height: 17px;
        }

        .css-class-iconMulta {
           background: url(../Imagens/Operacoes/Duplicata/Multa.png) no-repeat !important; 
           width: 17px;
           height: 17px;
        }

        .css-class-iconPagas {
            background: url(../Imagens/Operacoes/Duplicata/Pagas.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-iconVenceHoje {
            background: url(../Imagens/Operacoes/Duplicata/VenceHoje.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-iconVencer {
            background: url(../Imagens/Operacoes/Duplicata/Vencer.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-iconVencidas {
            background: url(../Imagens/Operacoes/Duplicata/Vencidas.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-iconAcoes {
            background: url(../Imagens/Acoes.png) no-repeat !important;
            width: 17px;
            height: 17px;
        }

        .css-class-leftAlign {
            background: url(../Imagens/Icons/left-align.png) no-repeat !important;
            width: 17px;
            height: 17px;
        }

        .x-btn-menu-active .css-class-iconAcoes {
            background: url(../Imagens/AcoesHover.png) no-repeat !important; 
        }

        .css-class-iconAcoesActive {
            background: url(../Imagens/Acoes.png) no-repeat #f00 !important ;
            width: 17px;
            height: 17px;
        }

        .css-class-iconSave {
            background: url(../Imagens/Icons/Floppy.png) no-repeat !important;
            width: 17px;
            height: 17px;
        }

        .css-class-iconRegua {
            background: url(../Imagens/Icons/square.png) no-repeat !important;
            width: 17px;
            height: 17px;
        }

        .css-class-iconReguaCancela {
            background: url(../Imagens/Icons/squareCancel.png) no-repeat !important;
            width: 17px;
            height: 17px;
        }

        .css-class-iconFunil {
            background: url(../Imagens/Icons/Funnel.png) no-repeat !important;
        }

        .x-btn-menu-active .css-class-iconFunil {
            background: url(../Imagens/Icons/FunnelBranco.png) no-repeat !important;
        }

        .css-class-iconRefresh {
            background: url(../Imagens/Icons/Refresh.png) no-repeat !important;
        }

        .x-label-icon {
            width: 17px !important;
            height: 17px !important;
        }

        .css-class-pnlInformacoes-duplicatas .x-label-icon {
            height: 17px !important;
        }
        
        .x-menu-list-item-indent img {
            display:none;
        }

        .css-class-atendimento-dinheiro {
            background: url(../Imagens/Operacoes/dinheiro.png) no-repeat !important;
            float:left;
        }

        .css-class-atendimento-duplicata{
            background: url(../Imagens/Operacoes/duplicata.png) no-repeat !important;
            float:left;
        }

        .css-class-atendimento-boleto {
            background: url(../Imagens/Operacoes/boleto.png) no-repeat !important;
            float:left;
        }

        .css-class-atendimento-cheque {
            background: url(../Imagens/Operacoes/cheque.png) no-repeat !important;
            float:left;
        }

        .css-class-atendimento-cartao {
            background: url(../Imagens/Operacoes/cartao.png) no-repeat !important;
            float:left;
        }
        
        .css-class-atendimento-pix {
            background: url(../Imagens/Operacoes/pix.png) no-repeat !important;
            float:left;
        }

        .css-color-green {
            color: green !important;
        }

        .css-color-red {
            color: red !important;
        }

        .css-color-blue {
            color: blue !important;
        }


        /* ============================================================
         *
         * ICONES GENÉRICOS
         *
         * ============================================================*/
        .css-class-icon-Sales {
             background: url(../Imagens/Icons/Sales.png) no-repeat !important;
             width: 17px;
             height: 17px;
        }

        .css-class-icon-RedCircle {
             background: url(../Imagens/Icons/RedCircle.png) no-repeat !important;
             width: 17px;
             height: 17px;
        }

        .css-class-icon-GreenCircle {
            background: url(../Imagens/Icons/GreenCircle.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-BlueCircle {
            background: url(../Imagens/Icons/BlueCircle.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-HalfCircle {
            background: url(../Imagens/Icons/HalfCircle.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-EstoqueMinimo {
            background: url(../Imagens/Icons/EstoqueMinimo.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Arrow-Down {
            background: url(../Imagens/Icons/Arrow-Down.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Arrow-Up {
            background: url(../Imagens/Icons/Arrow-Up.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-YellowCircle {
             background: url(../Imagens/Icons/YellowCircle.png) no-repeat !important;
             width: 17px;
             height: 17px;
        }

        .css-class-icon-GreenCheck {
            background: url(../Imagens/Icons/GreenCheck.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Empty {
            width: 17px !important;
            height: 17px;
        }

        .css-class-icon-RedCross {
           background: url(../Imagens/Cadastros/Cancelar.png) no-repeat !important; 
           width: 17px;
           height: 17px;
        }

        .css-class-icon-Camera {
            background: url(../Imagens/Icons/camera.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Return {
            background: url(../Imagens/Icons/Return.png) no-repeat !important;
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Refund {
            background: url(../Imagens/Icons/Refund.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .x-menu-item-active .css-class-icon-Refund {
            background: url(../Imagens/Icons/Refund-Active.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-envio-cancelado {
            background: url(../Imagens/Icons/envio-cancelado.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }
        .css-class-icon-envio-enviado {
            background: url(../Imagens/Icons/envio-enviado.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-vassoura {
            background: url(../Imagens/Icons/vassoura.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-TotalSelecionado {
            background: url(../Imagens/Icons/TotalSelecionado.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-TotalSelecionadoAberto {
            background: url(../Imagens/Icons/TotalSelecionadoAberto.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Download {
            background: url(../Imagens/Icons/Download.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .x-menu-item-active .css-class-icon-Download {
            background: url(../Imagens/Icons/Download-hover.png) no-repeat !important;
            width: 17px;
            height: 17px;        
        }

        .css-class-icon-Upload {
            background: url(../Imagens/Icons/Upload.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Remessa {
            background: url(../Imagens/Operacoes/Operacoes.png) no-repeat !important; 
            width: 17px;
            height: 17px;
            background-position:-132px !important;
        }

         .x-menu-item-active .css-class-icon-Remessa {
            background: url(../Imagens/Operacoes/Operacoes.png) no-repeat !important; 
            width: 12px;
            height: 17px;
            background-position:-144px !important;
        }

        .css-class-icon-Reconciliar {
            background: url(../Imagens/Operacoes/Operacoes.png) no-repeat !important; 
            width: 15px;
            height: 17px;
            background-position:-189px !important;
        }

        .x-menu-item-active .css-class-icon-Reconciliar {
            background: url(../Imagens/Operacoes/Operacoes.png) no-repeat !important; 
            width: 16px;
            height: 17px;
            background-position:-203px !important;
        }


        .css-class-icon-RemessaRetorno {
            background: url(../Imagens/Operacoes/Operacoes.png) no-repeat !important; 
            width: 12px;
            height: 17px;
            background-position:-106px !important;
        }

        .x-menu-item-active .css-class-icon-RemessaRetorno {
            background: url(../Imagens/Operacoes/Operacoes.png) no-repeat !important; 
            width: 12px;
            height: 17px;
            background-position:-118px !important;
        }

        .css-class-icon-Pagamento {
            background: url(../Imagens/Icons/Pagamento.png); 
            width: 16px;
            height: 16px;
            background-position:0;
        }

        .css-class-icon-Reticencias {
            background: url(../Imagens/Icons/Reticencias.png) no-repeat; 
            width: 16px;
            height: 16px;
        }

        .x-menu-item-active .css-class-icon-Pagamento {
            background: url(../Imagens/Icons/Pagamento.png); 
            width: 16px;
            height: 16px;
            background-position:-16px;
        }

        .css-class-icon-Rateio {
            background: url(../Imagens/Icons/Rateio.png); 
            width: 16px;
            height: 16px;
            background-position:0;
        }

        .x-menu-item-active .css-class-icon-Rateio {
            background: url(../Imagens/Icons/Rateio-Active.png); 
            width: 16px;
            height: 16px;
            background-position:0;
        }

        .x-menu-item-active .css-class-icon-Atualizar {
            background: url(../Imagens/Icons/Atualizar-Active.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Atualizar {
            background: url(../Imagens/Icons/Atualizar.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }
        .x-menu-item-active .css-class-icon-Unlink {
            background: url(../Imagens/Icons/Unlink-Active.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Unlink {
            background: url(../Imagens/Icons/Unlink.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .x-menu-item-active .css-class-icon-Duplicar {
            background: url(../Imagens/Icons/Duplicar-Active.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Duplicar {
            background: url(../Imagens/Icons/Duplicar.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .x-menu-item-active .css-class-icon-Play {
            background: url(../Imagens/Icons/Play-Active.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Play {
            background: url(../Imagens/Icons/Play.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-Preferences {
            background: url(../Imagens/Acoes.png) no-repeat center !important;
            width: 17px;
            height: 17px;
        }

        .x-menu-item-active .css-class-Preferences {
            background: url(../Imagens/Acoes-Active.png) no-repeat center !important;
            width: 17px;
            height: 17px;
        }

        .css-class-reset-config {
            background: url(../Imagens/AcoesX.png) no-repeat center !important;
            width: 17px;
            height: 17px;
        }

        .x-menu-item-active .css-class-reset-config {
            background: url(../Imagens/AcoesX-Active.png) no-repeat center !important;
            width: 17px;
            height: 17px;
        }

        .css-class-icon-Audio {
            background: url(../Imagens/Icons/Audio.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-iconVoltar
        {
            background: url(../Imagens/Icons/Voltar.png) no-repeat !important;
            width: 17px;
            height: 17px;
        }

        .css-class-iconErrorUc {
             background: url(../Imagens/Icons/error.png) no-repeat !important;
            width: 17px;
            height: 17px;
            float: left;
        }

        .css-class-icon-notification {
            background: url(../Imagens/Icons/notification.png) #fcfcf6 no-repeat !important;
            float: left;
            background-position: 5px !Important;
        }

        .css-class-notification-supervisor {
            /*border:1px solid #f8d410;
            width:98%;
            padding:15px 25px;
            margin-left:3px;*/
            background: url(../Imagens/Icons/notification-red.png) #fdfcd2 no-repeat 10px 13px !important;
            padding:10px 0;
            border:1px solid #e6e52a !important;
            font-size:12px;
            color:#f00;
            margin-bottom:5px;
            width: 100%;
    
        }
        .css-class-notification-supervisor .x-label-value {
            font-weight: bold;
            margin-left:-50px;
        }

        .css-class-icon-transferenciaBanco {
            background-image: url(../Imagens/Operacoes/TransferenciaBanco.png);
            width: 13px;
            height:16px;
            background-position:0;
        }

        .x-menu-item-active .css-class-icon-transferenciaBanco {
            background-image: url(../Imagens/Operacoes/TransferenciaBanco.png);
            width: 14px;
            height:16px;
            background-position:-13px;
        }

        .css-class-icon-transferenciaTesouraria {
            background-image: url(../Imagens/Operacoes/TransferenciaTesouraria.png);
            width: 16px;
            height:16px;
            background-position:0;
        }

        .x-menu-item-active .css-class-icon-transferenciaTesouraria {
            background-image: url(../Imagens/Operacoes/TransferenciaTesouraria.png);
            width: 16px;
            height:16px;
            background-position:-13px;
        }

        .css-class-icon-transferenciaRegistradora {
            background-image: url(../Imagens/Operacoes/TransferenciaRegistradora.png);
            width: 16px;
            height:16px;
            background-position:0;
        }

        .x-menu-item-active .css-class-icon-transferenciaRegistradora {
            background-image: url(../Imagens/Operacoes/TransferenciaRegistradora.png);
            width: 16px;
            height:16px;
            background-position:-14px;
        }


        .css-class-icon-cancelar {
            background-image: url(../Imagens/Icons/Cancelar.png);
            width: 16px;
            height:16px;
            background-position:0;
        }

        .x-menu-item-active .css-class-icon-cancelar {
            background-image: url(../Imagens/Icons/Cancelar.png);
            width: 16px;
            height:16px;
            background-position:-16px;
        }

        .css-class-icon-cancelarRecebimento {
            background-image: url(../Imagens/Icons/CancelarRecebimento.png);
            width: 16px;
            height:16px;
            background-position:0;
        }

        .x-menu-item-active .css-class-icon-cancelarRecebimento {
            background-image: url(../Imagens/Icons/CancelarRecebimento.png);
            width: 16px;
            height:16px;
            background-position:-16px;
        }

        .css-class-icon-check {
            background-image: url(../Imagens/Icons/Check.png);
            width: 16px;
            height: 16px;
            background-position:0;
        }

        .css-class-icon-uncheck {
            background-image: url(../Imagens/Icons/Check.png);
            width: 16px;
            height: 16px;
            background-position:-16px;
        }


        .x-menu-item-active .css-class-icon-check {
            background-image: url(../Imagens/Icons/Check.png);
            width: 16px;
            height: 16px;
            background-position:-16px;
        }
        .css-class-icon-clock {
            background-image: url(../Imagens/Icons/clock.png);
            width: 16px;
            height: 16px;
        }

        .x-menu-item-active .css-class-icon-clock {
            background-image: url(../Imagens/Icons/clockActive.png);
            width: 16px;
            height:16px;
        }

        .css-class-icon-incluir {
            background-image: url(../Imagens/Cadastros/Adicionar.png);
            width: 14px;
            height:14px;
            background-position:0;
        }

        .css-class-icon-detalhar {
            background-image: url(../Imagens/Cadastros/Detalhar.png);
            width: 12px;
            height:14px;
            background-position:-28px;
        }

        .css-class-icon-editar {
            background-image: url(../Imagens/Cadastros/Editar.png);
            width: 14px;
            height:14px;
            background-position:-52px;
        }

        .css-class-icon-excluir {
            background-image: url(../Imagens/Cadastros/Excluir.png);
            width: 14px;
            height:14px;
            background-position:-80px;
        }

        .css-class-icon-file 
        {
            background-image: url(../Imagens/Relatorios/upload-files.png) !important;
        }
        
        .css-class-icon-Send-Mail 
        {
            background-image: url(../Imagens/icons/Envelope-Mail.png);
        }

        .css-class-icon-pasta 
        {
            background-image: url(../Imagens/icons/pasta.png);
        }
        
        .css-class-icon-file 
        {
            background-image: url(../Imagens/Relatorios/upload-files.png) !important;
            background-repeat: no-reapeat !important;
        }

        .css-class-icon-relatorio {
            background-image: url(../Imagens/Relatorios/relatorio.png) !important;
        }
        .css-class-icon-relatorio-folder {
            background-image: url(../Imagens/Relatorios/folder-relatorio.png) !important;
            width : 15px;
            height: 15px;
        }
        .css-class-icon-web {
            background-image: url(../Imagens/Icons/web.png) !important;
            width : 16px;
            height: 16px;
        }
        .css-class-icon-web-button {
            background-image: url(../Imagens/Icons/web-button.png) !important;
            width : 16px;
            height: 16px;
        }
        .css-class-icon-atention {
            background: url(../Imagens/Icons/notification.png) no-repeat !important;
        }

        .css-class-icon-avatar-0 {
            background: url(../Imagens/Icons/0-icon.png) no-repeat !important;
            width : 44px;
            height: 44px;   
        }

        .x-menu-item-active .css-class-icon-anexar {
            background: url(../Imagens/Icons/Anexar-hover.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-justificar {
            background: url(../Imagens/Icons/Justificar.png) no-repeat !important;
            width: 17px;
            height: 17px;    
        }

        .x-menu-item-active .css-class-justificar {
            background: url(../Imagens/Icons/Justificar-Active.png) no-repeat !important;
            width: 17px;
            height: 17px;    
        }      

        .css-class-Adicionais {
            background: url(../Imagens/Icons/Adicionais.png) no-repeat !important;
            width: 17px;
            height: 17px;    
        }

        .x-menu-item-active .css-class-Adicionais {
            background: url(../Imagens/Icons/Adicionais-Active.png) no-repeat !important;
            width: 17px;
            height: 17px;
        }

        .css-class-icon-categoria {
            background-image: url(../Imagens/Icons/Categoria.png);
            width: 17px;
            height: 17px;
        }

        .x-menu-item-active .css-class-icon-categoria {
            background-image: url(../Imagens/Icons/Categoria-Active.png);
            width: 17px;
            height: 17px;
        }

        .css-class-icon-anexar {
            background: url(../Imagens/Icons/Anexar.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-anexo {
            background: url(../Imagens/Icons/Anexo.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .x-menu-item-active .css-class-icon-ampulheta {
            background: url(../Imagens/Icons/Ampulheta-Active.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-ampulheta {
            background: url(../Imagens/Icons/Ampulheta.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .x-menu-item-active .css-class-icon-exibir-anexo {
            background: url(../Imagens/Icons/Download-hover.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-exibir-anexo {
            background: url(../Imagens/Icons/Download.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .x-menu-item-active .css-class-icon-continuar-atendimento {
            background: url(../Imagens/Icons/continuar-atendimento-hover.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-continuar-atendimento {
            background: url(../Imagens/Icons/continuar-atendimento.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }
        
        .x-menu-item-active .css-class-icon-atendimento {
            background: url(../Imagens/Icons/atendimento-hover.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-atendimento {
            background: url(../Imagens/Icons/atendimento.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

         .x-menu-item-active .css-class-icon-confirmar-faturamento {
            background: url(../Imagens/Icons/confirmar-faturamento-hover.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-icon-confirmar-faturamento {
            background: url(../Imagens/Icons/confirmar-faturamento.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }



        /* ============================================================
         *
         * DATEPICKER
         *
         * ============================================================*/

        .x-date-picker{
            border-color: #ccc;
        }

        .x-date-inner th {
            background: #FFF !important;
            color: #8f99a0 !important;
            font-weight: bold !important;
            border-color: #CCC !important;
            border-top: solid 1px;
        }

        .x-date-picker .x-date-left{
            background: #F4F4F4;
            height: 42px;
        }

        .x-date-picker .x-date-left .x-unselectable{
            background: url(../Imagens/Icons/arrow-left.png) no-repeat 0 0 !important;
            width: 18px;
            height: 38px;
            margin-left: 3px;
        }

        .x-date-picker .x-date-middle {
            background: #F4F4F4;
            height: 42px;
        }
        
        .x-date-picker .x-date-middle .x-btn {
            padding: 0px 2px 0px 2px;
            margin: 2px 3px 2px 3px;
            background-color: #FFF;
            border: 1px Solid #bfbfbf;
            height: 28px;
        }

        .x-date-picker .x-date-middle .x-btn .x-btn-text {
            color: #666666;
            font-weight: bold;
        }

        .x-date-picker .x-date-right{
            background: #f4f4f4;
            height: 42px;
        }

        .x-date-picker .x-date-right .x-unselectable{
            background: url(../Imagens/Icons/arrow-right.png) no-repeat 0 0 !important;
            width: 17px;
            height: 29px;
        }

        .x-date-picker .x-date-bottom {
            background: #f4f4f4;
            height: 40px;
            border-top-color: #CCC;
        }

        .ext-cal-monthview .ext-cal-week-link-hd {
            border-top: 1px solid #DDD;
        }

        .ext-cal-month-hd .ext-cal-hd-days-tbl {
            border-top: 1px solid #DDD;
        }
        
        .css-class-calendar {
            border-top: 0px;
        }

        .x-date-mp-btns button {
            padding: 3px 8px 5px 8px;
            margin: 2px 3px 2px 3px;
            background-color: #FFF;
            border: 1px Solid #BFBFBF;
            color: #000;
        }

        .x-date-mp table{
            background-color: #FFF;
            border: solid 1px #CCC;
        }

        .x-date-mp-btns td {
            border-top-color: #CCC;
            background-color: #F4F4F4;
        }

        .x-date-mp-prev {
            background: url(../Imagens/Cadastros/AnteriorHover.png) !important;
        }
    
        .x-date-mp-next {
            background: url(../Imagens/Cadastros/ProximoHover.png) !important;
        }

        /* ============================================================
         *
         * BOTOES
         *
         * ============================================================*/



        .x-date-middle .x-btn {
            background: #666;
        }

        .css-class-btn-Remessa {
            background: url(../Imagens/Operacoes/Operacoes-btn.png) no-repeat !important; 
            width: 17px;
            height: 17px;
        }

        .css-class-menu
        {
            background: #262B40;
            border-color: transparent;
           /* border:1px solid #ccc;*/
            margin: 0 !important;
        }

        .css-class-menu-principal .x-btn:hover {
               background: #262B40 !important;
        }

        .css-class-menu:active {
            background: #262B40 !important;   
        }

        .css-class-menu .x-btn:hover {
            padding:10px 0 !important;
            width:auto;
            margin: 0 !important;
            background: #262B40 !important;
        }

        .css-class-btnEditar {
            background-image: url(../Imagens/Operacoes/Editar.png);
            width: 14px;
            height: 14px;
        }

        .x-menu-item-active .css-class-btnEditar {
            background-image: url(../Imagens/Operacoes/Editar-Active.png);
            width: 14px;
            height: 14px;
        }

        .css-class-btnMerge {
            background-image: url(../Imagens/Icons/Arrow-Merge.png);
            width: 14px;
            height: 14px;
        }

        .x-menu-item-active .css-class-btnMerge {
            background-image: url(../Imagens/Icons/Arrow-Merge-Active.png);
            width: 14px;
            height: 14px;
        }

        .css-class-icon-justificar {
            background: url(../Imagens/Icons/Justificar.png) no-repeat !important;
            width: 16px;
            height: 16px;    
        }

        .css-class-btnOrdemServico {
            background-image: url(../Imagens/Icons/ordemServico.png);
            width: 14px;
            height: 14px;
        }

        .x-menu-item-active .css-class-btnOrdemServico {
            background-image: url(../Imagens/Icons/ordemServico-Active.png);
            width: 14px;
            height: 14px;
        }

        .css-class-btnOrdemServicoLiberar {
            background-image: url(../Imagens/Icons/liberarOrdemServico.png);
            width: 14px;
            height: 14px;
        }

        .x-menu-item-active .css-class-btnOrdemServicoLiberar {
            background-image: url(../Imagens/Icons/liberarOrdemServico-Active.png);
            width: 14px;
            height: 14px;
        }

        .css-class-btnOrdemServicoConcluir {
            background-image: url(../Imagens/Icons/concluirOrdemServico.png);
            width: 14px;
            height: 14px;
        }

        .x-menu-item-active .css-class-btnOrdemServicoConcluir {
            background-image: url(../Imagens/Icons/concluirOrdemServico-Active.png);
            width: 14px;
            height: 14px;
        }


        .css-class-icon-liberar-ordem-servico {
            background: url(../Imagens/Icons/liberarOrdemServico.png) no-repeat !important;
            width: 16px;
            height: 16px;  
        }

        .css-class-icon-concluir-ordem-servico {
            background: url(../Imagens/Icons/concluirOrdemServico.png) no-repeat !important;
            width: 16px;
            height: 16px;  
        }

        .css-class-icon-Adicionais {
            background: url(../Imagens/Icons/Adicionais.png) no-repeat !important;
            width: 16px;
            height: 16px;    
        }

        .css-class-icon-Ficha-Tecnica {
            background: url(../Imagens/Icons/Ficha-Tecnica.png) no-repeat !important;
            width: 16px;
            height: 16px;    
        }   

        .css-class-icon-importar {
            background: url(../Imagens/Icons/remessa_retorno.png) no-repeat !important;
            width: 16px;
            height: 16px;    
        }

        .css-class-btnIncluir
        {
            background-image: url(../Imagens/Operacoes/Operacoes.png);
            width: 14px;
            height:14px;
            background-position:0;
        }

        .x-menu-item-active .css-class-btnIncluir
        {
    
            background-image: url(../Imagens/Operacoes/Operacoes.png);
            width: 14px;
            height:14px;
            background-position:-14px;
        }

        .css-class-btnDetalhar
        {
            background-image: url(../Imagens/Operacoes/Operacoes.png);
            width: 12px;
            height:14px;
            background-position:-28px;
        }

        .x-menu-item-active .css-class-btnDetalhar 
        {
            background-image: url(../Imagens/Operacoes/Operacoes.png);
            width: 12px;
            height:14px;
            background-position:-40px;
        }

        .css-class-btnExcluir
        {
            background-image: url(../Imagens/Operacoes/Operacoes.png);
            width: 13px;
            height:14px;
            background-position:-80px;
        }

        .x-menu-item-active .css-class-btnExcluir
        {
            background-image: url(../Imagens/Operacoes/Operacoes.png);
            width: 13px;
            height:14px;
            background-position:-93px;
        }

        .css-class-btnConfirmar
        {
            background-image: url(../Imagens/Icons/GreenCheck.png);
        }
        .css-class-btnVoltar
        {
            background-image: url(../Imagens/Operacoes/Voltar.png);
        }

        .css-class-btnLiberarOrdemServico {
            background-color: #397ACC;
            border-color: #397ACC;
        }

        .css-class-btnLiberarOrdemServico .x-btn-text {
            color: white;
        }

        .css-class-btnConcluirOrdemServico {
            background-color: #06C06F;
            border-color: #06C06F;
        }

        .css-class-btnConcluirOrdemServico .x-btn-text {
            color: white;
        }
        
        .css-class-btnEnviarEmail
        {
            background-image: url(../Imagens/Icons/EnviarEmail.png);
        }

        .x-menu-item-active .css-class-btnEnviarEmail
        {
            background-image: url(../Imagens/Icons/EnviarEmail_Active.png);
        }

        .css-class-toolbar-btnExcluir
        {
            background-image: url(../Imagens/Operacoes/Excluir.png);
        }

        .css-class-btnCancelar
        {
            background-image: url(../Imagens/Icons/Cancel.png);
        }

        .css-class-btnEquilibrio
        {
            background-image: url(../Imagens/Operacoes/Atendimento/Equilibrio.png);
        }

        .css-class-btnSair
        {
            background-image: url(../Imagens/Cadastros/Sair.png);
        }

        .css-class-btnVendaOperacoes
        {
            background: url(../Imagens/Operacoes/Venda.jpg) no-repeat;
            width: 96px !important;
            height: 96px !important;
        }

        .css-class-btnCondicionalOperacoes
        {
            background: url(../Imagens/Operacoes/Condicional.jpg) no-repeat;
            width: 96px !important;
            height: 96px !important;
        }

        .css-class-btnPropostaOperacoes
        {
            background: url(../Imagens/Operacoes/Proposta.jpg) no-repeat;
            width: 96px !important;
            height: 96px !important;
        }

        .css-class-btnCalculator
        {
            height: 22px;
            width: 22px;
            background: url(../Imagens/Principal/Calculator-Active.png) no-repeat;
            background-size: 25px;
            background-position-y: center;
            background-position-x: 11px;
        }

        .css-class-btnCalculator:hover
        {
            height: 22px;
            width: 22px;
            background: url(../Imagens/Principal/Calculator.png) no-repeat;
            background-size: 25px;
            background-position-y: center;
            background-position-x: 11px;
        }


        .css-class-btnIniciar
        {
            background: url(../Imagens/Principal/MenuNormal.png) no-repeat left top;
            width: 60px !important;
            height: 44px !important;
            margin-left: -10px !important;
            margin-top: -6px !important;
 
        }

        .css-class-btnFavoritos
        {
            background: url(../Imagens/Principal/FavoritosNormal.png) no-repeat !important;
            width: 60px !important;
            height: 44px !important;
            margin-top: -6px !important;
 
        }

        .css-class-btnFavoritosRelatorio
        {
            background: url(../Imagens/Principal/FavoritosRelatorio.png) no-repeat !important;
            width: 60px !important;
            height: 44px !important;
            margin-top: -6px !important;
 
        }

        .css-class-btnNovoAtendimento
        {
            background: url(../Imagens/Principal/NovoAtendimento.png) no-repeat !important;
            width: 60px !important;
            height: 44px !important;
            margin-top: -6px !important;
 
        }
        
        .css-class-menu-btnNotificacoes
        {
            background: url(../Imagens/Principal/NotificacaoAlertl.png) no-repeat !important;
            width: 60px !important;
            height: 44px !important;
            margin-top: -6px !important;
 
        }

        .css-class-menu-btnSupervisao
        {
            background: url(../Imagens/Principal/SupervisaoNormal.png) no-repeat !important;
            width: 60px !important;
            height: 44px !important;
            margin-top: -6px !important;
 
        }
        
        .css-class-menu-btnMensagens
        {
            background: url(../Imagens/Principal/MensagensNormal.png) no-repeat !important;
            width: 60px !important;
            height: 44px !important;
            margin-top: -6px !important;
 
        }

        .css-class-menu-btnAtendimentoMesa
        {
            background: url(../Imagens/Principal/AtendimentoMesa.png) no-repeat !important;
            width: 60px !important;
            height: 44px !important;
            margin-top: -6px !important;
 
        }

        .css-class-btnConsultar {
    
        }

        .css-class-Pesquisar
        {
            background: url(../Imagens/Principal/Pesquisar.png) no-repeat !important;  
            width: 60px !important;
            height: 44px !important;
            /*margin-left: -10px !important;*/
            margin-top: -6px !important;
        }

        .css-class-Empresa
        {
            background: url(../Imagens/Principal/TrocarEmpresaNormal.png) no-repeat !important;
            width: 60px !important;
            height: 44px !important;
            margin-left: -10px !important;
            margin-top: -6px !important;
        }

        .css-class-Sair
        {
            background: url(../Imagens/Principal/SairNormal.png) no-repeat !important;
            width: 60px !important;
            height: 44px !important;
            margin-left: 5px !important;
            margin-top: -6px !important;
        }



        .css-class-confirmar-estoque
        {
            background-image: url(../Imagens/Operacoes/confirmar-estoque.png);
            width: 16px;
            height:16px;
            background-position:0px;
        }

        .x-menu-item-active .css-class-confirmar-estoque 
        {
            background-image: url(../Imagens/Operacoes/confirmar-estoque.png);
            width: 16px;
            height:16px;
            background-position:-16px;
        }

        .css-class-icon-grade {
            background: url(../Imagens/Icons/grade.png) no-repeat !important; 
            width: 16px;
            height: 16px;
        }
        
        .css-class-icon-equal {
            background: url(../Imagens/Icons/equal.png) no-repeat !important; 
            width: 16px;
            height: 16px;
        }
        
        .css-class-icon-exportar {
            background: url(../Imagens/Operacoes/Operacoes.png) no-repeat !important; 
            width: 13px;
            height: 17px;
            background-position:-130px !important;
        }

        .x-menu-item-active .css-class-icon-exportar {
            background: url(../Imagens/Operacoes/Operacoes.png) no-repeat !important; 
            width: 12px;
            height: 17px;
            background-position:-143px !important;
        }

          
        .css-class-icon-formacao-preco {
            background: url(../Imagens/Operacoes/formacao-preco.png) no-repeat !important; 
            width: 15px;
            height: 16px;
            background-position:0px !important;
        }

        .x-menu-item-active .css-class-icon-formacao-preco {
            background: url(../Imagens/Operacoes/formacao-preco.png) no-repeat !important; 
            width: 15px;
            height: 16px;
            background-position:-15px !important;
        }

        .css-class-icon-exportar-etiqueta {
            background: url(../Imagens/Operacoes/exportar-etiqueta.png) no-repeat !important; 
            width: 16px;
            height: 16px;
            background-position:0px !important;
        }

        .x-menu-item-active .css-class-icon-exportar-etiqueta {
            background: url(../Imagens/Operacoes/exportar-etiqueta.png) no-repeat !important; 
            width: 16px;
            height: 16px;
            background-position:-16px !important;
        }

       .css-class-icon-gerar-classificacao {
            background: url(../Imagens/Operacoes/gerar-classificacao.png) no-repeat !important; 
            width: 16px;
            height: 16px;
            background-position:0px !important;
        }

        .x-menu-item-active .css-class-icon-gerar-classificacao {
            background: url(../Imagens/Operacoes/gerar-classificacao.png) no-repeat !important; 
            width: 16px;
            height: 16px;
            background-position:-16px !important;
        }

        .css-class-icon-enviar-nfe {
            background: url(../Imagens/Operacoes/enviar-nfe.png) no-repeat !important; 
            width: 16px;
            height: 16px;
            background-position:0px !important;
        }

        .x-menu-item-active .css-class-icon-enviar-nfe {
            background: url(../Imagens/Operacoes/enviar-nfe.png) no-repeat !important; 
            width: 16px;
            height: 16px;
            background-position:-16px !important;
        }

        .css-class-icon-cancelar-nfe {
            background: url(../Imagens/Operacoes/cancelar-nfe.png) no-repeat !important; 
            width: 16px;
            height: 16px;
            background-position:0px !important;
        }

        .x-menu-item-active .css-class-icon-cancelar-nfe {
            background: url(../Imagens/Operacoes/cancelar-nfe.png) no-repeat !important; 
            width: 16px;
            height: 16px;
            background-position:-16px !important;
        }

        .css-class-icon-inutilizar-nfe {
            background: url(../Imagens/Operacoes/inutilizar-nfe.png) no-repeat !important; 
            width: 16px;
            height: 16px;
            background-position:0px !important;
        }

        .x-menu-item-active .css-class-icon-inutilizar-nfe {
            background: url(../Imagens/Operacoes/inutilizar-nfe.png) no-repeat !important; 
            width: 16px;
            height: 16px;
            background-position:-16px !important;
        }

        /* ============================================================
         *
         * DATA E HORA PRINCIPAL
         *
         * ============================================================*/
 
        .css-class-lblDiaSemana
         {
            font-size: 40px !important;
            color: #fff !important;
            text-transform:uppercase !important;
            font-weight: bold;
            margin-top: 15px !important;
            font-family: Arial !important;
   
        }
        .css-class-lblDia 
        {
           font-size: 40px !important;
           color: #fff !important;
           text-transform:uppercase !important; 
           margin-top:15px;
           margin-top:-5px\9;
            *margin-top: -3px;
            font-family: Arial !important;
        }
        .css-class-lblMes 
        {
            font-size: 15px !important;
            color: #fff !important;
            margin-top:3px;
            text-align: right !important;
            margin-top:17px;
            margin-top: 0\9;
            font-family: Arial !important;
    
        }
        .css-class-lblAno 
        {
            font-size: 25px !important;
            color: #fff !important;
            margin-top:10px;
            margin-top:-10px\9;
            font-family: Arial !important;
        }
        .css-class-lblDefault {
            font-weight:bold;
        }

        .css-class-linkButton   
        {
            font-weight:bold;
            color: #000 !important;
            text-decoration: none;
        }
        .css-class-linkButton:hover
        {
            text-decoration: underline;
        }
        .css-class-lblBold22px {
            font-weight:bold;
            font-size:22px;
        }

        /* ============================================================
         *
         * OPERACOES
         *
         * ============================================================*/

        .css-class-lblQtdProdutosAtendimento 
        {
            color: #Purple !important;
            font-weight: bold !important;
        }

        .css-class-lblQtdItensAtendimento, .css-class-lblInfoVendedorAtendimento, .css-class-lblInfoClienteAtendimento
         {
            color: Black;
            font-weight: bold !important;
        }

        .css-class-lblDescontoValorAtendimento,.css-class-lblDescontoPercentualAtendimento 
        {
            color: Maroon;
            font-size:12px !important;
            font-weight: bold !important;
        }

        .css-class-TextGreen20pxBold 
        {
            font-weight:bold;
            color: #2f8a3c;
            font-size:20px;
        }

        .css-class-TextGreen35pxBold 
        {
            font-weight:bold;
            color: #2f8a3c;
            font-size:35px;
        }        

        .css-class-TextGreen15px {
            color: #2f8a3c;
            font-size:15px;
        }

        .css-class-TextGreen15pxBold {
            font-weight:bold;
            color: #2f8a3c;
            font-size:15px;
        }

        .css-class-TextGreen12pxBold {
            font-weight:bold;
            color: #2f8a3c;
            font-size:12px;
        }

        .css-class-TextBlue20pxBold {
            font-weight:bold;
            color: #3366cc;
            font-size:20px;
        }

        .css-class-TextBlack12pxBold {
            font-weight:bold;
            color: #000;
            font-size:12px;
        }

        .css-class-TextBlue12pxBold {
            font-weight:bold;
            color: #3366cc;
            font-size:12px;
        }

        .css-class-TextRed20pxBold {
            font-weight:bold;
            color: #cc3333;
            font-size:20px;
        }

        .css-class-TextRed35pxBold {
            font-weight:bold;
            color: #cc3333;
            font-size:35px;
        }

        .css-class-TextRed12pxBold {
            font-weight:bold;
            color: #cc3333;
            font-size:12px;
        }

        .css-class-TextRed15px {
            color: #cc3333;
            font-size:15px;
        }

        .css-class-TextRed15pxBold {
            font-weight:bold;
            color: #cc3333;
            font-size:15px;
        }

        .css-class-TextBlack15pxBold {            
            color: #000;
            font-size:15px;
            font-weight:bold;
        }

        .css-class-TextBlack35px {            
            color: #000;
            font-size:35px;
        }

        .css-class-TextBold {
            font-weight:bold;
        }

        .css-class-font-11-black {
            font-size:11px;
            color:#000;           
        }

        .css-class-widget-grid .x-form-item-label {
            font-weight: normal;
            color: #8f99a0;
        }     

        .css-class-lblInfoObservacoesAtendimento 
        {
            color: Black;
            font-weight: bold !important;
            height:30px !important;
            padding-left:30px !important;
        }

        .css-class-lblAtendimentoFinalizacaoAtendimento 
        {
            margin-left:15px;
            color: #363131;
            font-weight: bold;
        }

        .css-class-lblDefault {
    
        }

    


         .css-class-toolbar-preferencia .x-form-text .x-form-field {
            height: 10px !important;
  
        }



        /* ============================================================
         *
         * PERSONALIZADAS
         *
         * ============================================================*/

        .xtb-sep {
            border: none !important;
        }

        .css-class-btnSearch /*search-button*/
        {
            border: 1px Solid #E5E5E5 !important;
            background: #E5E5E5 !important;
        }

        .css-class-txtPesquisa
        {
            border: 1px Solid #262B40 !important;
        }

        .css-class-tab /*tab*/
        {
            border-bottom: 1px solid #262B40 !important;
            background: url(../Imagens/Login/bgHeader.jpg);
        }

        .css-class-novaTab
        {
            border-top: 1px solid #262B40 !important;
            border-left: 1px solid #262B40 !important;
            border-right: 1px solid #262B40 !important;
            padding: 3px 0 3px 7px;
        }
        .css-class-tabNotSelected
        {
            border-bottom: 1px solid #262B40 !important;
            padding: 3px 0 3px 7px;
        }
        .css-class-hdPrincipal
        {
            height: 18px;
            background: url(../Imagens/Login/bordaRodape.png);
            text-align: right;
            padding-top: 4px;
            padding-right: 13px;
        }
        .css-class-bgMenu
        {
            width: 100%;
            padding-top: 5px;
            background: url(../Imagens/Login/bgHeader.jpg);
            border: none;
            padding-bottom: 10px\9;
            overflow: inherit !important;
        }

        .css-class-topoSistema
        {
            height: 21px;
            background: #262B40;
            text-align: right;
            padding-top: 4px;
            padding-right: 13px; 
        }

        .css-class-painelInfoAtendimento { 
            overflow: inherit !important;
   
        }
        .css-class-painelInfoAtendimento .x-panel-header {
             width: 60% !important;
        }

        .css-class-menuActive {
            margin-left:5px !important;
        }

        .css-class-panelTopBorder
        {
            border-top: 1px Solid #e6e6e
        }
        .x-tab-panel-footer .x-tab-strip-active {
            margin-top: -1px !important;
            border: none !important;
        }

        .x-tab-strip-bottom .x-tab-strip-active .x-tab-strip-text {
            padding-top: 5px !important;
        }

        .x-tab-strip-bottom  .x-tab-strip-active .x-tab-right, 
        .x-tab-strip-bottom  .x-tab-strip-active .x-tab-left, 
        .x-tab-strip-bottom  .x-tab-strip-active .x-tab-strip-inner
        {
            background-color: #f4f4f4 !important;
            background-image: none; 
        }

        .css-class-pnlInformacoes-column-layout
        {
            padding-bottom: -50px !important;
        }

        .css-class-pnlInformacoes-table td {
        }

        .x-grid3-hd-inner {
            border-right: 1px solid #ccc !important;
        }

        .screenMaskHolder {
            background-color: transparent;
            display: none;
        }

        .screenMask {
            background: #e6e6e6;
            position: absolute;
            z-index: 654654651000;
            width: 100%;
            height: 100%;
            opacity:0;
	        -moz-opacity: 0;
	        filter: alpha(opacity=0);
        }

        .screenMaskHolderSeemless {
            background-color: transparent;
            position: fixed;
            bottom: 0;
            right: 0;
            display: none;
            z-index: 65465465999;
        }
        
        .css-class-loading-seemless {
            z-index: 500000;
            width: 15px;
            height: 15px;
            float: left;
        }

        .css-class-loading-text-seemless {
            z-index: 500000;
            font-size: 14px;
            font-weight: bold;
            color: #0B174C;
            float: right;
        }

        /* ============================================================
         *
         * COMPONENTES
         *
         * ============================================================*/

        .css-dynamic-label {
            font-weight: bold;
            font-family: Segoe UI, Trebuchet MS, Arial, sans-serif;
        }

        .css-dynamic-label-link {
            color: blue !important; 
            cursor: pointer;
            text-decoration: underline;
        }

        .css-dynamic-label-left {
            text-align: left;
        }

        .css-dynamic-label-right {
            text-align: right;
        }

        /* ============================================================
         *
         * FILTROS
         *
         * ============================================================*/
 
         /*.x-menu-list-item .x-form-date-trigger {
             margin-left: 80px !important;
         }
 
         .x-menu-list-item .x-form-field-trigger-wrap .x-form-label-left .x-form-item-label {
             margin-left: -22px !important;
         }*/
 
 
        /* ============================================================
         *
         * EXT DATE
         *
         * ============================================================*/
 
         .x-date-menu .x-menu-list {
             border: none;
         }
 
         .css-class-loading 
         {
            position: absolute;
            z-index:500000;
            left: 50%;
            margin-left: -15px;
            top: 50%;
            margin-top: -15px;
            width:31px;
            height:31px;
        }

        .css-class-loading-background {
            padding: 50px;
            background: #fff;
            position: absolute;
            z-index:500000;
            left: 50%;
            margin-left: -65px;
            top: 50%;
            margin-top: -80px;
            width:80px;
            height:20px;
            box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 2px 6px rgba(0,0,0,0.23);
            -webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 2px 6px rgba(0,0,0,0.23);
            -moz-box-shadow: 0 0px 6px rgba(0,0,0,0.16), 0 2px 6px rgba(0,0,0,0.23);
        }


        .css-class-loading-text 
        {
            position: absolute;
            z-index:500000;
            left: 50%;
            margin-left: -80px;
            top: 50%;
            margin-top:30px;
            font-size:14px;
            font-weight: bold;
            color: #262B40;  
        }

        .css-class-menu-empresa .x-menu-list {
            height:200px !important;
        }

        /* ============================================================
         *
         * GRID EXT
         *
         * ============================================================*/

        .x-grid-panel {
            border: solid #ccc !important;
            border-width: 0px 1px 1px 1px !important;
        }

        .x-grid3-row-body {
            margin-top: -22px;
            padding: 2px;
            padding-top: 6px;
        }

        .x-panel-noborder.x-grid-panel {
	        border:none !important;
        }

        /*Classes que formatam grid de cadastro*/
        #gridCadastro .x-grid3-viewport
        {
            border: none;
        }

        #gridCadastro .x-grid3-hd-row td
        {
            font-weight: bold;
        }

        /*Classes que formatam grid em geral*/
        .x-grid3-header
        {
            padding: 0px;
        }

        .x-grid3-header
        {
            background: #e2e2e2;
            background-image: none;
            width: 100%;
            color: #042533 !important;
            border-top: 1px solid #ccc;
        }

        .x-grid3-hd-inner {
            padding: 5px 5px 5px 10px;
            font-weight:bold !important;
        }
        .x-grid3-hd-btn {
            background: url(../Imagens/Principal/imgTableHoverSeta.png) no-repeat #dbdbdb center center!important;
            border-bottom: 1px solid #dbdbdb;
        }

        .x-grid3-hd-row td
        {
            border-left: none !important;
            border-right: none !important;
        }
        .x-grid3-col
        {
            padding: 0px 0 !important;
            width: 100%;
        }

        .x-grid3-row
        {
            background-color: #FFF !important;
            border: none;
        }
        .x-grid3-row-alt
        {
            background-color: #F2F2F2 !important;
            border: none;
        }
        .x-grid3-row-over
        {
            background: #7A8ACF !important;
            border: none;
        }
        .x-grid3-row-selected
        {
            background: #AFBDFA !important;
            border: none;
        }

        .x-grid3-hd-over, .x-grid3-hd-inner
        {
            background: none !important;
        }

        .x-grid3-viewport 
        {
            margin-top: 10px\9;
        }

        .x-grid3-cell-inner 
        {
            padding-left: 4px !important;
            padding-right: 4px !important;
            font-size: 10.5px !important;
        }

        .x-grid3-td-checker 
        {
            padding: 0px !important;
            background: none !important;
        }

        .css-class-panelNotification .x-panel-body {
  
            width: 97.5% !important;
            position: fixed !important;
            bottom: 10%;
            margin: 1%;
        }

        .x-btn-focus{
            background: #ccc;
        }

        


        .x-tree-node-leaf .x-tree-node-icon {
            background: none;
        }

        .pagingToolBar .x-toolbar-cell {
	        padding: 0px !important;
        }

        .pagingToolBar .x-toolbar-cell .x-btn-icon {
            padding: 2px !important;
        }

        .pagingToolBar .x-toolbar-ct .x-toolbar-cell .x-form-text, .x-form-num-field {
	        height: 20px !important;
            font-size: 11px !important;
        }

        .x-grid3-unlocked .x-grid3-scroller {
            overflow-x: scroll !important;
        }

        .x-grid3-locked {
            border-right: 1px solid #E2E2E2;
            height: 26px !important;
        }

        /* ============================================================
         *
         * WINDOWS EXT
         *
         * ============================================================*/
        .x-window-header {
            color: #fff !important;
            line-height: 20px !important;
            padding: 6px 2px !important;
        }

        .x-window-header, .x-window-tl, .x-window-tr, .x-window-tc {
            background: #262B40;
        }

        .x-window:not(.x-window-maximized) .x-tool-close {
            background: url(../Imagens/Icons/Windows-close.png) no-repeat !important;
            width: 20px !important;
            height: 20px !important;
            background-size: 20px !important;
        }

        .x-window:not(.x-window-maximized) .x-tool-maximize {
            background: url(../Imagens/Icons/Windows-maximize.png) no-repeat !important;
            width: 20px !important;
            height: 20px !important;
            background-size: 20px !important;
        }

        .x-window:not(.x-window-maximized) .x-tool-restore {
            background: url(../Imagens/Icons/Windows-minimize.png) no-repeat !important;
            width: 20px !important;
            height: 20px !important;
            background-size: 20px !important;
        }

        .x-window-maximized .x-tool-close {
            background: url(../Imagens/Icons/Windows-cinza-close.png) no-repeat !important;
            width: 20px !important;
            height: 20px !important;
            background-size: 20px !important;
        }

        .x-window-maximized .x-tool-maximize {
            background: url(../Imagens/Icons/Windows-cinza-maximize.png) no-repeat !important;
            width: 20px !important;
            height: 20px !important;
            background-size: 20px !important;
        }       

        .x-window-maximized .x-tool-restore {
            background: url(../Imagens/Icons/Windows-cinza-minimize.png) no-repeat !important;
            width: 20px !important;
            height: 20px !important;
            background-size: 20px !important;
        }

        .icon-error {
            background-repeat: no-repeat !important;
        }
        .x-window .x-window-handle, .x-window-ml, .x-window-mr, .x-window-bc, .x-window-bl, .x-window-br {
            background: #262B40 !important;
            opacity: 1 !important;
        }

        .x-window-maximized .x-window-bc {
            background: #f4f4f4 !important;
            opacity: 1 !important;
        }

        .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr, .x-window-maximized  .x-window-tc, .x-window-maximized .x-window-tl .x-window-header {
            background: #e2e2e2 !important;
            opacity: 1 !important;   
        }

        .x-window-maximized .x-window-tl {
            border: 1px solid #ccc !important; 
        }

        .x-window-maximized .x-window-header-text {
             color: #000;
        }

        .x-notification .x-window-body {
            height: auto !important;
        }

        .css-class-notification {
            padding:10px;
            background:#fd8888;
            border:1px solid #f54040;
            font-size:12px;
            font-weight:bold
        }
        .css-class-btn-captcha {
            padding: 0 !important;
        }
        .css-class-txt-captcha {
            position: absolute;
            left:4px;
    
        }
        .css-class-img-captcha {
            margin-top: -3px !important;
        }
      
        /* ============================================================
         *
         * X.MSG
         *
         * ============================================================*/

        .x-msg-dialog .x-window-bl {
            background-color: white !important;
        }

        .x-msg-dialog .x-window-br {
            background-color: white !important;
        }

        .x-msg-dialog .x-window-ml {
            background-color: white !important;
        }

        .x-msg-dialog .x-window-mr {
            background-color: white !important;
        }

        .x-msg-dialog .x-window-footer {
            background-color: white !important;
        }

        .x-msg-dialog .x-window-mc {
            background-color: white !important;
            padding-top: 15px;
            padding-bottom: 15px;
        }
      
        /* ============================================================
         *
         * CHAT
         *
         * ============================================================*/

        .css-class-chat-log {   
          margin: 0 auto;
        }

        .css-class-chat-log .css-class-chat-log-entry {
          margin: .5em;
        }
        
        .css-class-chat-log-entry {
          display: flex;
          flex-direction: row;
          align-items: flex-end;
          max-width: 100%;
          word-wrap: break-word;
        }
        
        .css-class-chat-log-entry.css-class-chat-log-entry-mine {
          flex-direction: row-reverse;  
        }
        
        .css-class-chat-avatar {
          flex-shrink: 0;
          flex-grow: 0;
          z-index: 1;
          height: 50px;
          width: 50px;
          border-radius: 25px;
          
        }
        
        .css-class-chat-log-entry .css-class-chat-log-message {
          position: relative;
          margin: 0 12px;
        }
        
        .css-class-chat-log-entry .css-class-chat-log-message::before {
          position: absolute;
          right: auto;
          bottom: .6em;
          left: -12px;
          height: 0;
          content: '';
          border: 6px solid transparent;
          border-right-color: #ddd;
          z-index: 2;
        }
        
        .css-class-chat-log-entry.css-class-chat-log-entry-mine .css-class-chat-log-message::before {
          right: -12px;
          bottom: .6em;
          left: auto;
          border: 6px solid transparent;
          border-left-color: #232783;
        }
        
        .css-class-chat-log-message {
          background-color: #ddd;
          padding: .5em;
          border-radius: 12px;
          font-weight: lighter;
          font-size: 14px;
          max-width: 70%;
        }
        
        .css-class-chat-log-entry.css-class-chat-log-entry-mine .css-class-chat-log-message {
          border-top: 1px solid #232783;
          border-bottom: 1px solid #232783;
          background-color: #1d3b8f;
          color: #fff;
        }
        
        .css-class-chat-log-message .css-class-chat-log-timestamp {
          display: block;
          margin: .2em;
          font-size: 80%;
          color: #444;
            
        }

        .css-class-chat-log-message .css-class-chat-log-timestamp-mine {
          display: block;
          margin: .2em;
          font-size: 80%;
          color: #fff;
            
        }
          
        .css-class-menu-downloads .x-menu-list {
            background:#f4f4f4 !important;
            border:0 !important;    
        }
        
        .css-class-menu-downloads .x-menu-item-active {
            background:none !important;
        }

        .css-class-menu-downloads .x-menu-item-active a.x-menu-item {
           background:#262B40 !important;
              
        }
        
        .x-menu-item-active .css-class-icon-pasta {
            background: url(../Imagens/Icons/pasta-hover.png)  no-repeat !important;
            width:18px;     
        }

        .x-menu-item-active .css-class-mesclar-dav {
            background: url(../Imagens/Icons/pre-venda-dav-hover.png)  no-repeat !important;
            width:18px;     
        }
        
        .css-class-mesclar-dav {
            background: url(../Imagens/Icons/pre-venda-dav.png)  no-repeat !important;
            width:18px;     
        }

        .x-menu-item-active .css-class-concluir-pre-venda {
            background: url(../Imagens/Icons/pre-venda-concluir-hover.png)  no-repeat !important;
            width:18px;     
        }
        
        .css-class-concluir-pre-venda {
            background: url(../Imagens/Icons/pre-venda-concluir.png)  no-repeat !important;
            width:18px;     
        }

        .x-menu-item-active .css-class-dav-pre-venda {
            background: url(../Imagens/Icons/dav-pre-venda-hover.png)  no-repeat !important;
            width:18px;     
        }
        
        .css-class-dav-pre-venda {
            background: url(../Imagens/Icons/dav-pre-venda.png)  no-repeat !important;
            width:18px;     
        }

        .x-menu-item-active .css-class-lancar-nota-fiscal {
            background: url(../Imagens/Icons/lancar-nota-fiscal-hover.png)  no-repeat !important;
            width:18px;     
        }
        
        .css-class-lancar-nota-fiscal {
            background: url(../Imagens/Icons/lancar-nota-fiscal.png)  no-repeat !important;
            width:18px;     
        }


          .x-menu-item-active .css-class-lancar-nfe {
            background: url(../Imagens/Icons/lancar-nfe-hover.png)  no-repeat !important;
            width:18px;     
        }
        
        .css-class-lancar-nfe {
            background: url(../Imagens/Icons/lancar-nfe.png)  no-repeat !important;
            width:18px;     
        }


        .css-class-widget-portal .x-column-inner {
            height:auto !important;
        }


        .css-class-panel-avatar
        {
            margin-left: 10px !important;
            margin-right: -1px !important;
            z-index : 2;
        }

        .css-class-chat-combo-avatar
        {
            z-index : 1;
            padding: 0 0 !important;
        }

        .css-class-chat-image-avatar
        {
            z-index : 3;
        }

        .css-class-comboTrigger-avatar
        {
            height: 53px !important;
            margin-top: -15px;
        }
        
        .ext-strict .ext-webkit .x-small-editor .x-form-text.css-class-comboField-avatar
        {
            padding: 0 !important;
            border: 0px none #bfbfbf !important;
        }
               
        .css-class-panelButton-avatar
        {
            margin-left: 20px;
        }

        /* ============================================================
         *
         * UPLOAD
         *
         * ============================================================*/

        .css-class-upload-checkbox-ocr
        {
            
        }

        .css-class-upload-progressbarUpload
        {
            margin-left: 105px;
            width:400px;
        }
        
        .css-class-upload-panelUploadButtons
        {
            padding-left: 97px;
        }

        .css-class-upload-textAreaUpload
        {
            width: 394px !important;
            margin-bottom: 20px !important;
            height: 44px !important;
        }

        .css-class-upload-noImage
        {
            font-size: 20px;
            padding-left: 10px;
        }
        
        .css-class-upload-fieldSet-comentario
        {
            margin-top: 20px;
        }

        /* ============================================================
         *
         * HTML EDITOR
         *
         * ============================================================*/

        .x-html-editor-tb .x-toolbar-cell .x-font-select {
            color: black;
            height: 24px;
        }

        .x-html-editor-tb .x-toolbar-cell .x-btn-icon {
            border: solid !important;
            border-width: 1px !important;
            border-color: #ccc !important;
            padding: 0;
        }

            .x-html-editor-tb .x-toolbar-cell .x-btn-icon:hover {
                background-color: #ccc !important;
            }


        .css-html-editor-panel {
            width: auto;
            height: auto;
        }

        .x-html-editor-tb .x-btn-pressed {
            background-color: #ccc !important;
        }

        /* ============================================================
         *
         * LAYOUT GRID
         *
         * ============================================================*/

        .grid-template-wrapper {
            display: grid;
            grid-template-columns: 200px 120px 120px 120px;
            font-family: 'Roboto', 'Helvetica Neue', sans-serif;
            pointer-events: none;
        }

        .grid-template-box {
            margin-left: 5px;
            height: 60px;
            padding: 5px;
            font-weight: 600;
        }

        .grid-template-box-produto {
            padding: 5px;
        }

        .grid-template-box-produto-produto {
            white-space: nowrap; 
            overflow: hidden;
            text-overflow: ellipsis;
            color: rgb(53, 53, 53);
            font-size:16px;
            margin-bottom: 6px;
            height: 13px;
        }

        .grid-template-box-produto-embalagem {
            white-space: nowrap; 
            overflow: hidden;
            text-overflow: ellipsis;
            color: rgb(53, 53, 53);
            font-size: 14px;
            height: 13px;
            padding-bottom: 6px;
        }

        .grid-template-box-valor {
            color: rgb(126, 125, 125);
            font-size: 14px;
            padding-top:10px;
        }

        .grid-template-box .grid-template-box-titulo {
            font-size: 16px;
            font-weight: 600;
        }

        .grid-template-box-adicional {
            color: #2AC05F;
        }

        .grid-template-box-removedor {
            color: #E21B1B;
        }

        .grid-template-box-modificador {
            color: #000000;
        }

        .grid-template-box-imagem {
            position: inherit;
            display: grid;
            grid-template-columns: 55px 60px auto;
            top: 10px;
        }
        
        .grid-template-box-icons {
            display: grid;
            padding-top:10px;
            grid-template-columns: 30px 30px auto;
        }

        .grid-template-box-categoria {
            white-space: nowrap; 
            overflow: hidden;
            text-overflow: ellipsis;
            width: max-content;
            padding-top: 2px;
            font-size: 14px;
        }

        .grid-template-box-inativo{
            padding-left: 1px;
            color: red;
        }

        .grid-template-box-quantidade{
            padding-left: 1px;
            line-height: 11px;
        }

        .grid-template-img-check {
            background-image: url('../Imagens/Icons/Circle-Check.png');
            background-repeat: no-repeat;
            width: 25px;
            height: 25px;

        }

        .grid-template-img-check-gray {
            background-image: url('../Imagens/Icons/Circle-Check-Gray.png');
            background-repeat: no-repeat;
            width: 25px;
            height: 25px;
        }

        .grid-template-img-uncheck {
            background-image: url('../Imagens/Icons/Circle-Uncheck.png');
            background-repeat: no-repeat;
            width: 25px;
            height: 25px;
        }

        .grid-template-img-uncheck-gray {
            background-image: url('../Imagens/Icons/Circle-Uncheck-Gray.png');
            background-repeat: no-repeat;
            width: 25px;
            height: 25px;
        }

        /////////////////////////////////////////////////////////
        // TEMPLATE TOOLTIPE ADICIONAIS                        //
        /////////////////////////////////////////////////////////

        .template-tooltip-adicionais-itens {
            font-family: 'Roboto', 'Helvetica Neue', sans-serif; 
        }

        .template-tooltip-tipo {
            font-weight: 600;   
            width: 90px;
        }

        .template-tooltip-adicionado {
            color: #2AC05F;
        }

        .template-tooltip-removido {
            color: #E21B1B;
        }

        .template-tooltip-modificado {
            color: #000000;
        }

        .template-tooltip-embalagem {
            color: rgb(128, 128, 128);
            max-width: 230px;
            white-space: nowrap; 
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .template-tooltip-empresa-nome {
            color: rgb(128, 128, 128);
            max-width: 230px;
            white-space: nowrap; 
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .template-tooltip-empresa-estoque{
            text-align: right;
            width: 30px;
            font-weight: 600;
        }

        .template-tooltip-quantidade{
            color: rgb(128, 128, 128);
            text-align: right;
            width: 110px;
        }

        .template-tooltip-valor-total{
            color: #2AC05F; 
            text-align: right;
            width: 30px;
        }

        .template-tooltip-ficha-tecnica-itens{
            font-family: 'Roboto', 'Helvetica Neue', sans-serif; 
        }

        .template-tooltip-div-empresa-estoque{
            font-family: 'Roboto', 'Helvetica Neue', sans-serif; 
        }
        
        .template-tooltip-influenciada-adicionais{
            width: 30px;
            height: 16px;
        }

        /////////////////////////////////////////////////////////
        // Widget                                              //
        //////////////////////////////////////////////////////// 
        
        .css-class-widget-contas-receber-grid .x-grid3-scroller {
             background: #FCFCFC;
        }
       

       .css-class-widget-contas-receber-grid .x-grid3-row-last {
            border-top:1px solid #e9e6e6;
            background: #f4f4f4 !important;
        }   

        .css-class-widget-contas-receber-grid .x-grid3-hd-inner {
            color: #8f99a0 !important; 
            font-weight :normal !important;
        }
        .css-class-widget-contas-receber-grid .x-panel-btns {
            display:none !important;
        }
        
        .css-class-widget-panel .x-panel {
            border:1px solid #e9e6e6 !important;
        }

        .css-class-widget-contas-receber-grid .x-grid3-header {
            background: #FCFCFC;
            color: #fff !important;      
            border:none !important;

        }
        .css-class-widget-contas-receber-grid .x-grid3-hd-inner {
            border:none !important;    
        }
       
        .css-class-widget-contas-receber-grid {
            border: 1px solid #fff !important;
             background: #FCFCFC;

        }

         .css-class-widget-contas-receber-grid .x-grid3-body {
              background: #FCFCFC;
        }







        .css-class-widget-grid .x-grid3-scroller {
             background: #FCFCFC;
        }

        .css-class-widget-grid  .x-grid3-hd-inner {
                  color: #8f99a0 !important; 
             font-weight :normal !important;
        }
        .css-class-widget-grid .x-panel-btns {
            display:none !important;
        }
        
        .css-class-widget-panel .x-panel {
            border:1px solid #e9e6e6 !important;
        }

        .css-class-widget-grid .x-grid3-header {
             background: #FCFCFC;
            color: #fff !important;      
            border:none !important;

        }
        .css-class-widget-grid .x-grid3-hd-inner {
            border:none !important;    
        }
       
        .css-class-widget-grid{
            border: 1px solid #fff !important;
             background: #FCFCFC;

        }

        .css-class-widget-grid  .x-grid3-body {
              background: #FCFCFC;
        }

        .css-class-widget-panel .x-tool-refresh {
            background: url(../Imagens/Icons/update-23px.png)  no-repeat !important;
            width:23px;
            height:23px;
            margin-top:-5px !important;
        }

        .css-class-widget-panel .x-tool-gear {
            background: url(../Imagens/Icons/menu.png)  no-repeat !important;
            width:23px;
            height:23px;
            margin-top:-5px !important;
        }

        .css-class-widget-panel .x-tool-restore {
            background: url(../Imagens/AcoesX.png)  no-repeat !important;
            width:23px;
            height:23px;
            margin-top:-5px !important;
        }

        .css-class-widget-panel .x-tool-unpin {
            background: url(../Imagens/transparent.png)  no-repeat !important;
            width:23px;
            height:23px;
            margin-top:-5px !important;
        }

        .x-portal-column .x-tool-toggle {
            display:none !important;
        }

       .x-portal-column .x-panel-tr,
       .x-portal-column .x-panel-tc,
       .x-portal-column .x-panel-tl,
       .x-portal-column .x-panel-header, 
       .x-portal-column .x-panel-mc,
       .x-portal-column .x-panel-ml,
       .x-portal-column .x-panel-mr,
       .x-portal-column .x-panel-mc,
       .x-portal-column .x-panel-bc,
       .x-portal-column .x-panel-bl,
       .x-portal-column .x-panel-br
       {
            background: #FCFCFC !important;
            border:none !important;
        }
        
       .css-class-widget-panel .x-panel-header-text {
           font-size:15px;
           color: #8f99a0;
           font-weight: normal;
       }

        .css-class-widget-panel .x-panel-header {
            border-bottom:1px solid #e9e6e6 !important;
            background:#fff !important;
            padding-top:15px !important;
        }

        .css-class-widget-toolbar {
            padding:0 !important;
        }

        .css-class-widget-toolbar .x-panel-tbar .x-toolbar {
            padding:0 !important;
        }
            
        .css-class-widget-contas-receber-grid .ext-el-mask, .css-class-widget-grid .ext-el-mask {
            opacity:0;
        }
        
        .css-class-widget-contas-receber-icon {
            background: url(../Imagens/Widgets/contas-receber.png)  no-repeat !important;
            width:20px;
            height:20px;
        }

        .x-dd-drop-nodrop .x-dd-drop-icon {
            background: url(../Imagens/Cadastros/Cancelar.png) no-repeat !important; 
        }

        .x-dd-drop-ok .x-dd-drop-icon {
            background: url(../Imagens/Icons/GreenCheck.png) no-repeat !important;
        }

        ul.x-tab-strip.x-tab-strip-left li {float: none;}
        ul.x-tab-strip.x-tab-strip-left li.x-tab-edge{display: none}
        .x-tab-panel-header.x-tab-panel-header-left,
        .x-tab-panel-header.x-tab-panel-header-right {border-right: none; position: absolute; }
        .x-tab-panel-bwrap.x-tab-panel-bwrap-notop .x-tab-panel-tbar .x-toolbar {border-style:solid solid solid;border-width:1px 1px 1px;}
        .x-tab-panel-bwrap.x-tab-panel-bwrap-notop {background-color: white}
        .x-tab-panel-bwrap.x-tab-panel-bwrap-left {border-left: #99BBE8 1px solid;}
        .x-tab-panel-bwrap.x-tab-panel-bwrap-right {border-right: #99BBE8 1px solid;}
        .x-tab-panel-body.x-tab-panel-body-top .x-tab-panel-noborder {background-color: white;}

        .x-grid3-row td, .x-grid3-summary-row td {
            -moz-user-select: text;
            -webkit-user-select: text;
        }

        .x-grid3-hd-inner {
            padding: 5px 2px 5px 4px;
            font-weight: bold !important;
        }

        div .x-grid3-row {
            display: table-row;
        }

        .x-form-element .x-form-check-wrap {
            padding-top: 3px;
        }

        .x-fieldset {
            padding: 5px !important;
        }

        .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio {
            margin-top: 0px !important;
            margin-bottom: 1px !important;
        }

        .css-class-small-button, css-class-small-button:hover {
            width:15px !important;
            padding:0 !important;
            margin:0 0 0 -1px !important;
            height: 22px !important;
            
        }
        .css-class-small-button button {
            margin-top: -2px !important;
        }

        .css-class-small-form-button, css-class-small-form-button:hover {
            padding:0 !important;
            margin:0 0 0 -1px;
            height: 22px !important;
        }
        .css-class-small-form-button button {
            margin-top: -2px;
        }

        .pd-bt-1 {
            padding-bottom: 1px;
        }

        .bg-pos-y-7px {
            background-position-y: 7px !important;
        }

        .left-182 {
            left: 182px !important;
        }

        .left-242 {
            left: 242px !important;
        }

        .x-menu .x-menu-scroller {
            width: 100%;
            background-repeat: no-repeat;
            background-position: center;
            background-color: #262B40;
            height: 20px;
            line-height: 20px;
            cursor: pointer;
            margin: 0;
            padding: 0;
        }

        .x-menu .x-menu-scroller-active {
            height: 20px;
            line-height: 20px;
        }

        .x-menu-item-active.x-menu-scroller-active {
            padding: 0px !important;
        }

        .x-menu-scroller-top {
            background-image: url(../Imagens/Icons/arrow-up-white.png);
        }

        .x-menu-scroller-bottom {
            background-image: url(../Imagens/Icons/arrow-down-white.png);
        }

        .x-menu-scroller-top.x-menu-item-active.x-menu-scroller-active {
            background-image: url(../Imagens/Icons/arrow-up-white.png);
        }

        .x-menu-scroller-bottom.x-menu-item-active.x-menu-scroller-active {
            background-image: url(../Imagens/Icons/arrow-down-white.png);
        }

        .x-panel-border-top-only {
            border: 1px solid #ccc !important;
            border-bottom-width: 0px !important;
            border-right-width: 0px !important;
            border-left-width: 0px !important;
        }