body{
    background-color:#ffffff;
    color:#000000;
}

*.x-column{
    font:normal 11px  tahoma, arial, helvetica, sans-serif ;
    font-size:12px ;
    letter-spacing: 0.035em;
}

*.my-icon {
    background: var(--avgeo-logo-url) no-repeat;
    width: var(--avgeo-logo-width);
    height: var(--avgeo-logo-height);
    background-size: contain !important;
}

*.enterprise-icon {
    background: var(--enterprise-logo-url) no-repeat;
    width: var(--enterprise-logo-width);
    height: var(--enterprise-logo-height);
    background-size: contain !important;
}

.x-login-body *.my-icon {
    width: var(--avgeo-logo-login-width);
    height: var(--avgeo-logo-login-height);
}

.x-login-body *.enterprise-icon {
    background: var(--enterprise-login-logo-url) no-repeat;
}

*.ext-el-mask{
    background-color:#fffefe;
}

*.ext-el-mask-msg{
    border-color:var(--secondary-color);
    background-color:#dddddd;
    /* background-image:url(../images/default/box/tb.gif); */
    background-image:none;
    border:0px;
}

*.ext-el-mask-msg div{
    background-color:#eeeeee;
    border-color:var(--secondary-color);
    color:#222222;
    font:normal 11px  tahoma , arial , helvetica , sans-serif ;
}

*.x-mask-loading div{
    background-color:#fbfbfb;
    background-image:url(../images/default/grid/loading.gif);
}

*.x-item-disabled{
    color:#333;
}

*.x-splitbar-proxy{
    background-color:#aaaaaa;
}

*.x-color-palette a{
    /* border-color:#5cdee4; */
}

*.x-color-palette a:hover, *.x-color-palette a.x-color-palette-sel{
    border-color:#2caeb4;
    background-color:#eaeaea;
}

*.x-color-palette em{
    border-color:#09877e;
}

*.x-ie-shadow{
    background:none ;
    /* background-image:url(../images/default/shadow-c.png); */
    background-image: none;
}

*.x-shadow *.xsmc{
    /* background-image:url(../images/default/shadow-c.png); */
    background-image: none;
}

*.x-shadow *.xsml, *.x-shadow *.xsmr{
    /* background-image:url(../images/default/shadow-lr.png); */
    background-image: none;
}

*.x-shadow *.xstl, *.x-shadow *.xstc, *.x-shadow *.xstr, *.x-shadow *.xsbl, *.x-shadow *.xsbc, *.x-shadow *.xsbr{
    /* background-image:url(../images/default/shadow.png); */
    background-image: none;
}

*.loading-indicator{
    font-size:11px ;
    background-image:url(../images/default/grid/loading.gif);
}

*.x-spotlight{
    background-color: #020202;
}

*.x-tab-panel-header, *.x-tab-panel-footer{
    background-color:var(--secondary-color);
    border-color:var(--secondary-color);
    border: 0px;
    padding-bottom: 0px;
    overflow:hidden ;
    zoom:1 ;
}

ul.x-tab-strip-top{
    background-color:var(--secondary-color);
    /* background-image:url(../images/default/tabs/tab-strip-bg.gif); */
    background-image:none;
    border-bottom-color:var(--secondary-color);
    border: 0px;
    padding: 2px 0 3px 0;
}

ul.x-tab-strip-bottom{
    background-color:var(--secondary-color);
    /* background-image:url(../images/default/tabs/tab-strip-btm-bg.gif); */
    border-top-color:var(--secondary-color);
    background-image:none;
    border: 0px;
}

*.x-tab-panel-header-plain *.x-tab-strip-spacer, *.x-tab-panel-footer-plain *.x-tab-strip-spacer{
    border-color:var(--secondary-color);
    background-color:#eaeaea;
}

*.x-tab-strip span.x-tab-strip-text{
    font:normal 12px  tahoma , arial , helvetica ;
    color:#000;
    letter-spacing: 0.035em;
}

*.x-tab-strip-over span.x-tab-strip-text{
    color:#111111;
}

*.x-tab-strip-active span.x-tab-strip-text{
    color:#000;
    font-weight:bold;
}

*.x-tab-strip-disabled *.x-tabs-text{
    color:#aaaaaa;
}

*.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text, .x-tab-strip-top .x-tab-strip-active .x-tab-left, .x-tab-strip-top .x-tab-strip-active .x-tab-right {
    background-color:#f2f2f2;
}

*.x-tab-strip-top *.x-tab-right, *.x-tab-strip-top *.x-tab-left, *.x-tab-strip-top *.x-tab-strip-inner{
    /* background-image:url(../images/default/tabs/tabs-sprite.gif); */
    background-image:none;
    background-color:#d5d5d5;
    border-radius: 6px;
}

*.x-tab-strip-bottom *.x-tab-right{
    /* background-image:url(../images/default/tabs/tab-btm-inactive-right-bg.gif); */
    background-image:none;
}

*.x-tab-strip-bottom *.x-tab-left{
    /* background-image:url(../images/default/tabs/tab-btm-inactive-left-bg.gif); */
    background-image:none;
}

*.x-tab-strip-bottom *.x-tab-strip-over *.x-tab-left{
    /* background-image:url(../images/default/tabs/tab-btm-over-left-bg.gif); */
    background-image:none;
}

*.x-tab-strip-bottom *.x-tab-strip-over *.x-tab-right{
    /* background-image:url(../images/default/tabs/tab-btm-over-right-bg.gif); */
    background-image:none;
}

*.x-tab-strip-bottom *.x-tab-strip-active *.x-tab-right{
    /* background-image:url(../images/default/tabs/tab-btm-right-bg.gif); */
    background-image:none;
}

*.x-tab-strip-bottom *.x-tab-strip-active *.x-tab-left{
    /* background-image:url(../images/default/tabs/tab-btm-left-bg.gif); */
    background-image:none;
}

*.x-tab-strip *.x-tab-strip-closable a.x-tab-strip-close{
    background-image:url(../images/default/tabs/tab-close.gif);
    top: 6px;
}

*.x-tab-strip *.x-tab-strip-closable a.x-tab-strip-close:hover{
    background-image:url(../images/default/tabs/tab-close.gif);
}

*.x-tab-panel-body{
    border-color:var(--secondary-color);
    background-color:#ffffff;
}

*.x-tab-panel-body-top{
    border-top:0 none ;
}

*.x-tab-panel-body-bottom{
    border-bottom:0 none ;
}

*.x-tab-scroller-left{
    background-image:url(../images/default/tabs/scroll-left.gif);
    border-bottom-color:var(--secondary-color);
}

*.x-tab-scroller-left-over{
    background-position:0 0 ;
}

*.x-tab-scroller-left-disabled{
    background-position:-18.0 0 ;
    opacity:0.5 ;
    -moz-opacity:0.5 ;
    filter:alpha(opacity = 50 ) ;
    cursor:default ;
}

*.x-tab-scroller-right{
    background-image:url(../images/default/tabs/scroll-right.gif);
    border-bottom-color:var(--secondary-color);
}

*.x-tab-panel-bbar *.x-toolbar, *.x-tab-panel-tbar *.x-toolbar{
    border-color:var(--secondary-color);
}

*.x-form-field{
    font-weight:normal ;
    font-size:12px;
    font-family:arial,tahoma,helvetica,sans-serif;
}

*.x-form-display-field{
    color:#000000;
    font-weight:normal ;
    font-size:12px ;
    font-family:arial,tahoma,helvetica,sans-serif;
}

*.x-form-text, textarea.x-form-field{
    border-radius: 8px;
    background-color: #fff;
    /* background-image:url(../images/default/form/text-bg.gif); */
    background-image:none;
    border-color:#b2b2b2;
    color:#000000;
}

*.x-form-select-one{
    background-color:#ffffff;
    border-color:var(--secondary-color);
}
*.x-form-check-group-label{
    border-bottom:1.0 solid ;
    border-bottom-color:var(--secondary-color);
    color:#333333;
}

*.x-editor *.x-form-check-wrap{
    background-color:#ffffff;
}

*.x-form-field-wrap *.x-form-trigger{
    background-image:url(../images/default/form/trigger.gif);
    border-bottom-color:#b2b2b2;
    height:33px;
    border-style:none none solid solid ;
    border-radius: 0 8px 8px 0;
}

*.x-form-field-wrap *.x-form-date-trigger{
    background-image:url(../images/default/form/date-trigger.gif);
}

*.x-form-field-wrap *.x-form-clear-trigger{
    background-image:url(../images/default/form/clear-trigger.gif);
}

*.x-form-field-wrap *.x-form-search-trigger{
    background-image:url(../images/default/form/search-trigger.gif);
}

*.x-form-field-wrap *.x-form-phone-trigger{
    background-image:url(../images/default/form/phone-trigger.png);
}

*.x-form-field-wrap *.x-form-cellphone-trigger{
    background-image:url(../images/default/form/cellphone-trigger.png);
}

*.x-trigger-wrap-focus *.x-form-trigger{
    border-bottom-color:var(--primary-color);
}

*.x-item-disabled *.x-form-trigger-over{
    border-bottom-color:#b2b2b2;
}

*.x-item-disabled *.x-form-trigger-click{
    border-bottom-color:#b2b2b2;
}

*.x-form-focus, textarea.x-form-focus{
    border-color:var(--primary-color);
}

*.x-form-invalid, textarea.x-form-invalid{
    background-color:#ffffff;
    /*background-image:url(../images/default/grid/invalid_line.gif);*/
    background-image:none;
    border-color:#ff0000;
}

*.ext-webkit *.x-form-invalid{
    background-color: #fff;
    border-color: #f00;
}

*.x-form-inner-invalid, textarea.x-form-inner-invalid{
    background-color:#ffffff;
    background-image:url(../images/default/grid/invalid_line.gif);
}

*.x-form-grow-sizer{
    font:normal 12px  tahoma , arial , helvetica , sans-serif ;
}

*.x-form-item{
    font:normal 12px  tahoma , arial , helvetica , sans-serif ;
    color:#000000;
}

*.x-form-invalid-msg{
    color:#c0272b;
    font:normal 11px  tahoma , arial , helvetica , sans-serif ;
    background-image:url(../images/default/shared/warning.gif);
}

*.x-form-empty-field{
    color:#bebebe;
}

*.x-small-editor *.x-form-field{
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
    color:#000000;
}

*.ext-webkit *.x-small-editor *.x-form-field{
    font-weight:normal ;
    font-size:12px ;
    font-family:arial,tahoma,helvetica,sans-serif;
}

*.x-form-invalid-icon{
    background-image:url(../images/default/form/exclamation.gif);
}

*.x-fieldset{
    border-color:var(--primary-color);
    margin-bottom: 10px;
    border-radius: 8px;
}

*.x-fieldset legend{
    font:bold 12px  tahoma , arial , helvetica , sans-serif ;
    color:#222222;
}

*.x-btn{
    font:normal 11px  tahoma , verdana , helvetica ;
}

*.x-btn button{
    font:normal 12px  arial , tahoma , verdana , helvetica;
    color: #222;
}

*.x-btn em{
    font-style:normal ;
    font-weight:normal ;
}

*.x-btn-tl, *.x-btn-tr, *.x-btn-tc, *.x-btn-ml, *.x-btn-mr, *.x-btn-mc, *.x-btn-bl, *.x-btn-br, *.x-btn-bc{
    /* background-image:url(../images/default/button/btn.gif); */
    background-image:none;
    background: #d5d5d5;
}

*.x-btn-click *.x-btn-text, *.x-btn-menu-active *.x-btn-text, *.x-btn-pressed *.x-btn-text{
    color:#000000;
}

*.x-btn-disabled *{
    color:#bebebe !important;
}

*.x-btn-mc em.x-btn-arrow{
    background-image:url(../images/default/button/arrow.gif);
}

*.x-btn-mc em.x-btn-split{
    background-image:url(../images/default/button/s-arrow.gif);
}

*.x-btn-over *.x-btn-mc em.x-btn-split, *.x-btn-click *.x-btn-mc em.x-btn-split, *.x-btn-menu-active *.x-btn-mc em.x-btn-split, *.x-btn-pressed *.x-btn-mc em.x-btn-split{
    background-image:url(../images/default/button/s-arrow-o.gif);
}

*.x-btn-mc em.x-btn-arrow-bottom{
    background-image:url(../images/default/button/s-arrow-b-noline.gif);
}

*.x-btn-mc em.x-btn-split-bottom{
    background-image:url(../images/default/button/s-arrow-b.gif);
}

*.x-btn-over *.x-btn-mc em.x-btn-split-bottom, *.x-btn-click *.x-btn-mc em.x-btn-split-bottom, *.x-btn-menu-active *.x-btn-mc em.x-btn-split-bottom, *.x-btn-pressed *.x-btn-mc em.x-btn-split-bottom{
    background-image:url(../images/default/button/s-arrow-bo.gif);
}

*.x-btn-group-header{
    color:#666666;
}

*.x-btn-group-tc{
    background-image:url(../images/default/button/group-tb.gif);
}

*.x-btn-group-tl{
    background-image:url(../images/default/button/group-cs.gif);
}

*.x-btn-group-tr{
    background-image:url(../images/default/button/group-cs.gif);
}

*.x-btn-group-bc{
    background-image:url(../images/default/button/group-tb.gif);
}

*.x-btn-group-bl{
    background-image:url(../images/default/button/group-cs.gif);
}

*.x-btn-group-br{
    background-image:url(../images/default/button/group-cs.gif);
}

*.x-btn-group-ml{
    background-image:url(../images/default/button/group-lr.gif);
}

*.x-btn-group-mr{
    background-image:url(../images/default/button/group-lr.gif);
}

*.x-btn-group-notitle *.x-btn-group-tc{
    background-image:url(../images/default/button/group-tb.gif);
}

*.x-toolbar{
    border-color:var(--secondary-color);
    border: 0px;
    background-color:#d5d5d5;
    /* background-image:url(../images/default/toolbar/bg.gif); */
    background-image:none;
}

*.x-toolbar .x-toolbar-cell {
    border: 1px solid #d5d5d5;
}

*.x-toolbar .x-toolbar-cell:hover {
    border: 1px solid #f2f2f2;
}

*.x-toolbar td, *.x-toolbar span, *.x-toolbar div, *.x-toolbar label{
    font:normal 11px  arial , tahoma , helvetica , sans-serif;
    color:#000000;
}

*.x-toolbar input, *.x-toolbar select{
    font:normal 11px  arial , tahoma , helvetica , sans-serif ;
}

*.x-toolbar *.x-item-disabled{
    color:#333;
    opacity: 0.8;
}

*.x-toolbar *.x-btn-mc em.x-btn-split{
    background-image:url(../images/default/button/s-arrow-noline.gif);
}

*.x-toolbar *.x-btn-over *.x-btn-mc em.x-btn-split, *.x-toolbar *.x-btn-click *.x-btn-mc em.x-btn-split, *.x-toolbar *.x-btn-menu-active *.x-btn-mc em.x-btn-split, *.x-toolbar *.x-btn-pressed *.x-btn-mc em.x-btn-split{
    background-image:url(../images/default/button/s-arrow-o.gif);
}

*.x-toolbar *.x-btn-mc em.x-btn-split-bottom{
    background-image:url(../images/default/button/s-arrow-b-noline.gif);
}

*.x-toolbar *.x-btn-over *.x-btn-mc em.x-btn-split-bottom, *.x-toolbar *.x-btn-click *.x-btn-mc em.x-btn-split-bottom, *.x-toolbar *.x-btn-menu-active *.x-btn-mc em.x-btn-split-bottom, *.x-toolbar *.x-btn-pressed *.x-btn-mc em.x-btn-split-bottom{
    background-image:url(../images/default/button/s-arrow-bo.gif);
}

*.x-toolbar *.xtb-sep{
    background-image:url(../images/default/grid/grid-split.gif);
}

*.x-tbar-page-first{
    background-image:url(../images/default/grid/page-first.gif) !important;
}

*.x-tbar-loading{
    background-image:url(../images/default/grid/refresh.gif) !important;
}

*.x-tbar-page-last{
    background-image:url(../images/default/grid/page-last.gif) !important;
}

*.x-tbar-page-next{
    background-image:url(../images/default/grid/page-next.gif) !important;
}

*.x-tbar-page-prev{
    background-image:url(../images/default/grid/page-prev.gif) !important;
}

*.x-item-disabled *.x-tbar-loading{
    background-image:url(../images/default/grid/loading.gif) !important;
}

*.x-item-disabled *.x-tbar-page-first{
    background-image:url(../images/default/grid/page-first-disabled.gif) !important;
}

*.x-item-disabled *.x-tbar-page-last{
    background-image:url(../images/default/grid/page-last-disabled.gif) !important;
}

*.x-item-disabled *.x-tbar-page-next{
    background-image:url(../images/default/grid/page-next-disabled.gif) !important;
}

*.x-item-disabled *.x-tbar-page-prev{
    background-image:url(../images/default/grid/page-prev-disabled.gif) !important;
}

*.x-paging-info{
    color:#444444;
}

*.x-toolbar-more-icon{
    background-image:url(../images/default/toolbar/more.gif) !important;
}

*.x-resizable-handle{
    background-color:#ffffff;
}


*.x-resizable-over *.x-resizable-handle-east, *.x-resizable-pinned *.x-resizable-handle-east, *.x-resizable-over *.x-resizable-handle-west, *.x-resizable-pinned *.x-resizable-handle-west{
    /*background-image:url(../images/default/sizer/e-handle.gif);*/
    background-color: var(--secondary-color)
}

*.x-resizable-over *.x-resizable-handle-south, *.x-resizable-pinned *.x-resizable-handle-south, *.x-resizable-over *.x-resizable-handle-north, *.x-resizable-pinned *.x-resizable-handle-north{
    /*background-image:url(../images/default/sizer/s-handle.gif);*/
    background-color: var(--secondary-color)
}

*.x-resizable-over *.x-resizable-handle-north, *.x-resizable-pinned *.x-resizable-handle-north{
    /*background-image:url(../images/default/sizer/s-handle.gif);*/
    background-color: var(--secondary-color)
}

*.x-resizable-over *.x-resizable-handle-southeast, *.x-resizable-pinned *.x-resizable-handle-southeast{
    /*background-image:url(../images/default/sizer/se-handle.gif);*/
    background-color: var(--secondary-color)
}

*.x-resizable-over *.x-resizable-handle-northwest, *.x-resizable-pinned *.x-resizable-handle-northwest{
    /*background-image:url(../images/default/sizer/nw-handle.gif);*/
    background-color: var(--secondary-color)
}

*.x-resizable-over *.x-resizable-handle-northeast, *.x-resizable-pinned *.x-resizable-handle-northeast{
    /*background-image:url(../images/default/sizer/ne-handle.gif);*/
    background-color: var(--secondary-color)
}

*.x-resizable-over *.x-resizable-handle-southwest, *.x-resizable-pinned *.x-resizable-handle-southwest{
    /*background-image:url(../images/default/sizer/sw-handle.gif);*/
    background-color: var(--secondary-color)
}

*.x-resizable-over *.x-resizable-handle, *.x-resizable-pinned *.x-resizable-handle{
    opacity:1 ;
}

*.x-resizable-proxy{
    border-color:#00353b;
}

*.x-resizable-overlay{
    background-color:#ffffff;
}

*.x-grid3{
    background-color:#ffffff;
}

*.x-grid-panel *.x-panel-mc *.x-panel-body{
    border-color:var(--secondary-color);
    border: 0px;
}

*.x-grid3-hd-row td{
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
    color:#000000;
    border-left:0px solid;
    padding-left: 1px;
    border-right-color: #d5d5d5;
}

*.x-grid3-row td, *.x-grid3-summary-row td{
    font-weight:normal ;
    font-size:11px;
    font-family:arial,tahoma,helvetica,sans-serif;
}

*.x-grid-row-loading{
    background-color:#ffffff;
    background-image:url(../images/default/shared/loading-balls.gif);
}

*.x-grid3-row{
    border-color:#fff;
    border-top-color:#fff;
}

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

*.x-grid3-row-over{
    border-color:#fff;
    background-color:#dddddd;
    /* background-image:url(../images/default/grid/row-over.gif); */
    background-image:none;
}

*.x-grid3-resize-proxy{
    background-color:#777777;
}

*.x-grid3-resize-marker{
    background-color:#777777;
}

*.x-grid3-header{
    background-color:#f2f2f2;
    /* background-image:url(../images/default/grid/grid3-hrow2.gif); */
    background-image:none;
    padding: 3px;
}

*.x-grid3-header-pop{
    border-left-color:var(--secondary-color);
}

*.x-grid3-header-pop-inner{
    border-left-color:#ff80ff;
    /* background-image:url(../images/default/grid/hd-pop.gif);  */
    background-image:none;
}

td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open{
    border-left-color:#d5d5d5;
    border-right-color:#d5d5d5;
    font-weight:bold;
}

td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner{
    background-color:#dddddd;
}

*.x-grid3-sort-icon{
    position: relative;
    top: -2px;
    width: 15px;
    height: 15px;
    opacity: 0.5;
}

*.sort-asc *.x-grid3-sort-icon{
    background-image:url(../images/default/grid/sort_asc.gif);
}

*.sort-desc *.x-grid3-sort-icon{
    background-image:url(../images/default/grid/sort_desc.gif);
}

*.x-grid3-cell-text, *.x-grid3-hd-text{
    color:#000000;
}

*.x-grid3-split{
    background-image:url(../images/default/grid/grid-split.gif);
}

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

*.x-dd-drag-proxy *.x-grid3-hd-inner{
    background-color:#f9f9f9;
    background-image:url(../images/default/grid/grid3-hrow-over2.gif);
    border-color:#098b91;
}

*.col-move-top{
    background-image:url(../images/default/grid/col-move-top.gif);
}

*.col-move-bottom{
    background-image:url(../images/default/grid/col-move-bottom.gif);
}

td.grid-hd-group-cell{
    background:repeat-x bottom ;
    background-image:url(../images/default/grid/grid3-hrow.gif);
}

.ux-grid-hd-group-cell {
    border-bottom: 1px solid #d0d0d0;
}

*.x-grid3-row-selected{
    background-color:#ddd !important;
    background-image:none ;
    border-color:#098b91;
    border: 0px;
}

*.x-grid3-cell-selected{
    background-color:#cbcbcb !important;
    color:#000000;
}

*.x-grid3-cell-selected span{
    color:#000000 !important;
}

*.x-grid3-cell-selected *.x-grid3-cell-text{
    color:#000000;
}

*.x-grid3-locked td.x-grid3-row-marker, *.x-grid3-locked *.x-grid3-row-selected td.x-grid3-row-marker{
    background-color:#ebeadb !important;
    background-image:url(../images/default/grid/grid-hrow.gif) !important;
    color:#000000;
    border-top-color:#5cdee4;
    border-right-color:#007fc4 !important;
}

*.x-grid3-locked td.x-grid3-row-marker div, *.x-grid3-locked *.x-grid3-row-selected td.x-grid3-row-marker div{
    color:#333333 !important;
}

*.x-grid3-dirty-cell{
    background-image:url(../images/default/grid/dirty.gif);
}

*.x-grid3-topbar, *.x-grid3-bottombar{
    font:normal 11px  arial , tahoma , helvetica , sans-serif ;
}

*.x-grid3-bottombar *.x-toolbar{
    border-top-color:#069eb8;
}

*.x-props-grid *.x-grid3-td-name *.x-grid3-cell-inner{
    background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;
    color:#000000 !important;
}

*.x-props-grid *.x-grid3-body *.x-grid3-td-name{
    background-color:#ffffff !important;
    border-right-color:#4bcdd3;
}

*.xg-hmenu-sort-asc *.x-menu-item-icon{
    background-image:url(../images/default/grid/hmenu-asc.gif);
}

*.xg-hmenu-sort-desc *.x-menu-item-icon{
    background-image:url(../images/default/grid/hmenu-desc.gif);
}

*.xg-hmenu-lock *.x-menu-item-icon{
    background-image:url(../images/default/grid/hmenu-lock.gif);
}

*.xg-hmenu-unlock *.x-menu-item-icon{
    background-image:url(../images/default/grid/hmenu-unlock.gif);
}

*.x-grid3-hd-btn{
    background-color:#f9f9f9;
    background-image:url(../images/default/grid/grid3-hd-btn.gif);
}

*.x-grid3-body *.x-grid3-td-expander{
    background-image:url(../images/default/grid/grid3-special-col-bg2.gif);
}

*.x-grid3-row-expander{
    background-image:url(../images/default/grid/row-expand-sprite.gif);
}

*.x-grid3-body *.x-grid3-td-checker{
    background-image:url(../images/default/grid/grid3-special-col-bg.gif);
}

*.x-grid3-row-checker, *.x-grid3-hd-checker{
    background-image:url(../images/default/grid/row-check-sprite.gif);
}

*.x-grid3-body *.x-grid3-td-numberer{
    background-image:url(../images/default/grid/grid3-special-col-bg.gif);
}

*.x-grid3-body *.x-grid3-td-numberer *.x-grid3-cell-inner{
    color:#444444;
}

*.x-grid3-body *.x-grid3-td-row-icon{
    background-image:url(../images/default/grid/grid3-special-col-bg.gif);
}

*.x-grid3-body *.x-grid3-row-selected *.x-grid3-td-numberer, *.x-grid3-body *.x-grid3-row-selected *.x-grid3-td-checker, *.x-grid3-body *.x-grid3-row-selected *.x-grid3-td-expander{
    background-image:url(../images/default/grid/grid3-special-col-sel-bg.gif);
}

*.x-grid3-check-col{
    background-image:url(../images/default/menu/unchecked.gif);
}

*.x-grid3-check-col-on{
    background-image:url(../images/default/menu/checked.gif);
}

*.x-grid-group, *.x-grid-group-body, *.x-grid-group-hd{
    zoom:1 ;
}

*.x-grid-group-hd{
    border-bottom-color:var(--secondary-color);
}

*.x-grid-group-hd div.x-grid-group-title{
    background-image:url(../images/default/grid/group-collapse.gif);
    color:#5f5f5f;
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
}

*.x-grid-group-collapsed *.x-grid-group-hd div.x-grid-group-title{
    background-image:url(../images/default/grid/group-expand.gif);
}

*.x-group-by-icon{
    background-image:url(../images/default/grid/group-by.gif);
}

*.x-cols-icon{
    background-image:url(../images/default/grid/columns.gif);
}

*.x-show-groups-icon{
    background-image:url(../images/default/grid/group-by.gif);
}

*.x-grid-empty{
    color:#bebebe;
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
}

*.x-grid-with-col-lines *.x-grid3-row td.x-grid3-cell{
    border-right-color:#4accd2;
}

*.x-grid-with-col-lines *.x-grid3-row{
    border-top-color:#4accd2;
}

*.x-grid-with-col-lines *.x-grid3-row-selected{
    border-top-color:#16989e;
}

*.x-pivotgrid *.x-grid3-header-offset table td{
    background:repeat-x 50.0 100.0 ;
    background-image:url(../images/default/grid/grid3-hrow.gif);
    border-left:1.0 solid ;
    border-right:1.0 solid ;
    border-left-color:#4bcdd3;
    border-right-color:var(--secondary-color);
}

*.x-pivotgrid *.x-grid3-row-headers{
    background-color:#f9f9f9;
}

*.x-pivotgrid *.x-grid3-row-headers table td{
    background:repeat-x left top ;
    background-image:url(../images/default/grid/grid3-rowheader.gif);
    background-color:#eeeeee;
    border-left:1.0 solid ;
    border-right:1.0 solid ;
    border-left-color:#4bcdd3;
    border-right-color:var(--secondary-color);
    border-bottom:1.0 solid ;
    border-bottom-color:var(--secondary-color);
}

*.x-dd-drag-ghost{
    color:#000000;
    font:normal 11px  arial , helvetica , sans-serif ;
    border-top-color:var(--secondary-color);
    border-right-color:#189aa0;
    border-bottom-color:#189aa0;
    border-left-color:var(--secondary-color);
    background-color:#ffffff;
}

*.x-dd-drop-nodrop *.x-dd-drop-icon{
    background-image:url(../images/default/dd/drop-no.gif);
}

*.x-dd-drop-ok *.x-dd-drop-icon{
    background-image:url(../images/default/dd/drop-yes.gif);
}

*.x-dd-drop-ok-add *.x-dd-drop-icon{
    background-image:url(../images/default/dd/drop-add.png);
}

*.x-view-selector{
    background-color:#d5d5d5;
    border-color:#00676d;
}


*.x-tree-root-ct {
    padding: 5px;
}

*.x-tree-node-expanded *.x-tree-node-icon{
    background-image:url(../images/default/tree/folder-open.gif);
}

*.x-tree-node-leaf *.x-tree-node-icon{
    background-image:url(../images/default/tree/leaf.png);
}

*.x-tree-node-collapsed *.x-tree-node-icon{
    background-image:url(../images/default/tree/folder.gif);
}

*.x-tree-node-loading *.x-tree-node-icon{
    background-image:url(../images/default/tree/loading.gif) !important;
}

*.x-tree-node *.x-tree-node-inline-icon{
    background-image:none ;
}

*.x-tree-node-loading a span{
    font-style:italic ;
    color:#444444;
}

*.ext-ie *.x-tree-node-el input{
    width:15.0 ;
    height:15.0 ;
}

*.x-tree-lines *.x-tree-elbow{
    background-image:url(../images/default/tree/elbow.gif);
}

*.x-tree-lines *.x-tree-elbow-plus{
    background-image:url(../images/default/tree/elbow-plus.gif);
}

*.x-tree-lines *.x-tree-elbow-minus{
    background-image:url(../images/default/tree/elbow-minus.gif);
}

*.x-tree-lines *.x-tree-elbow-end{
    background-image:url(../images/default/tree/elbow-end.gif);
}

*.x-tree-lines *.x-tree-elbow-end-plus{
    background-image:url(../images/default/tree/elbow-end-plus.gif);
}

*.x-tree-lines *.x-tree-elbow-end-minus{
    background-image:url(../images/default/tree/elbow-end-minus.gif);
}

*.x-tree-lines *.x-tree-elbow-line{
    background-image:url(../images/default/tree/elbow-line.gif);
}

*.x-tree-no-lines *.x-tree-elbow-plus{
    background-image:url(../images/default/tree/elbow-plus-nl.gif);
}

*.x-tree-no-lines *.x-tree-elbow-minus{
    background-image:url(../images/default/tree/elbow-minus-nl.gif);
}

*.x-tree-no-lines *.x-tree-elbow-end-plus{
    background-image:url(../images/default/tree/elbow-end-plus-nl.gif);
}

*.x-tree-no-lines *.x-tree-elbow-end-minus{
    background-image:url(../images/default/tree/elbow-end-minus-nl.gif);
}

*.x-tree-arrows *.x-tree-elbow-plus{
    background-image:url(../images/default/tree/arrows.gif);
}

*.x-tree-arrows *.x-tree-elbow-minus{
    background-image:url(../images/default/tree/arrows.gif);
}
*.x-tree-arrows *.x-tree-elbow-end-plus{
    background-image:url(../images/default/tree/arrows.gif);
}
*.x-tree-arrows *.x-tree-elbow-end-minus{
    background-image:url(../images/default/tree/arrows.gif);
}

*.x-tree-node{
    color:#000000;
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
    letter-spacing: 0.035em;
}

*.x-tree-node a, *.x-dd-drag-ghost a{
    color:#000000;
}

*.x-tree-node a span, *.x-dd-drag-ghost a span{
    color:#000000;
    line-height: 20px;
}

*.x-tree-node *.x-tree-node-disabled a span{
    color:#bebebe !important;
}

*.x-tree-node div.x-tree-drag-insert-below{
    border-bottom-color:#0045b1;
}

*.x-tree-node div.x-tree-drag-insert-above{
    border-top-color:#0045b1;
}

*.x-tree-dd-underline *.x-tree-node div.x-tree-drag-insert-below a{
    border-bottom-color:#0045b1;
}

*.x-tree-dd-underline *.x-tree-node div.x-tree-drag-insert-above a{
    border-top-color:#0045b1;
}

*.x-tree-node *.x-tree-drag-append a span{
    background-color:#dddddd;
    border-color:#1b9da3;
}

*.x-tree-node *.x-tree-node-over{
    background-color:#dddddd;
}

*.x-tree-node *.x-tree-selected{
    background-color:#dddddd;
}

*.x-tree-drop-ok-append *.x-dd-drop-icon{
    background-image:url(../images/default/tree/drop-add.png);
}

*.x-tree-drop-ok-above *.x-dd-drop-icon{
    background-image:url(../images/default/tree/drop-over.gif);
}

*.x-tree-drop-ok-below *.x-dd-drop-icon{
    background-image:url(../images/default/tree/drop-under.gif);
}

*.x-tree-drop-ok-between *.x-dd-drop-icon{
    background-image:url(../images/default/tree/drop-between.gif);
}

*.x-date-picker{
    border-color:#ff0000;
    background-color:#ffffff;
}

*.x-date-middle, *.x-date-left, *.x-date-right{
    /* background-image:url(../images/default/shared/hd-sprite.gif); */
    background-image:none;
    background: var(--secondary-color);
    color:#ffffff;
    font:bold 11px  sans serif , tahoma , verdana , helvetica ;
}

*.x-date-middle *.x-btn *.x-btn-text{
    color:#ffffff;
}

*.x-date-middle *.x-btn-mc em.x-btn-arrow{
    background-image:url(../images/default/toolbar/btn-arrow-light.gif);
}

*.x-date-right a{
    background-image:url(../images/default/shared/right-btn.gif);
}

*.x-date-left a{
    background-image:url(../images/default/shared/left-btn.gif);
}

*.x-date-inner th{
    /* background-image:url(../images/default/panel/white-top-bottom.gif); */
    background-image:none;
    background: #bfbfbf;
    border-bottom-color:#bfbfbf;
    font:normal 10px  arial , helvetica , tahoma , sans-serif ;
    color:#595959;
}

*.x-date-inner td{
    border-color:#f2f2f2;
}

*.x-date-inner a{
    font:normal 11px  arial , helvetica , tahoma , sans-serif ;
    color:#000000;
}

*.x-date-inner *.x-date-active{
    color:#000000;
}

*.x-date-inner *.x-date-selected a{
    background-color:#d8d8d8;
    background-image:none ;
    border-color:var(--secondary-color);
}

*.x-date-inner *.x-date-today a{
    border-color:#000000;
}

*.x-date-inner *.x-date-selected span{
    font-weight:bold ;
}

*.x-date-inner *.x-date-prevday a, *.x-date-inner *.x-date-nextday a{
    color:#aaaaaa;
}

*.x-date-bottom{
    border-top-color:var(--secondary-color);
    background-color:var(--secondary-color);
    /* background-image:url(../images/default/panel/white-top-bottom.gif); */
    background-image:none;
    background-position:0 -2.0 ;
}

*.x-date-inner a:hover, *.x-date-inner *.x-date-disabled a:hover{
    color:#000000;
    background-color:#d8d8d8;
}

*.x-date-inner *.x-date-disabled a{
    background-color:#eeeeee;
    color:#bbbbbb;
}

*.x-date-mmenu{
    background-color:#eeeeee !important;
}

*.x-date-mmenu *.x-menu-item{
    font-size:10px ;
    color:#000000;
}

*.x-date-mp{
    background-color:#ffffff;
}

*.x-date-mp td{
    font:normal 11px  arial , helvetica , tahoma , sans-serif ;
}

*.x-date-mp-btns button{
    background-color:#fff;
    color:#333;
    border: 0px;
    font:normal 11px  arial , helvetica , tahoma , sans-serif ;
}

*.x-date-mp-btns{
    background-color:var(--secondary-color);
    /* background-image:url(../images/default/panel/white-top-bottom.gif); */
    background-image:none;
    background-position:0 -2.0 ;
}

*.x-date-mp-btns td{
    border-top-color:var(--secondary-color);
}

td.x-date-mp-month a, td.x-date-mp-year a{
    color:#333333;
}

td.x-date-mp-month a:hover, td.x-date-mp-year a:hover{
    color:#fff;
    background-color:var(--secondary-color);
}

td.x-date-mp-sel a{
    background-color:#bfbfbf;
    /* background-image:url(../images/default/panel/white-top-bottom.gif); */
    background-image:none;
    background-position:0 -2.0 ;
    border-color:#fff;
}

*.x-date-mp-ybtn a{
    background-image:url(../images/default/panel/tool-sprites.gif);
}

td.x-date-mp-sep{
    border-right-color:#bfbfbf;
}

*.x-tip *.x-tip-close{
    background-image:url(../images/default/qtip/close.gif);
}

*.x-tip *.x-tip-tc, *.x-tip *.x-tip-tl, *.x-tip *.x-tip-tr, *.x-tip *.x-tip-bc, *.x-tip *.x-tip-bl, *.x-tip *.x-tip-br, *.x-tip *.x-tip-ml, *.x-tip *.x-tip-mr{
    background-image:url(../images/default/qtip/tip-sprite.gif);
}

*.x-tip *.x-tip-mc{
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
}

*.x-tip *.x-tip-ml{
    background-color:#ffffff;
}

*.x-tip *.x-tip-header-text{
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
    color:#333333;
}

*.x-tip *.x-tip-body{
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
    color:#333333;
}

*.x-form-invalid-tip *.x-tip-tc, *.x-form-invalid-tip *.x-tip-tl, *.x-form-invalid-tip *.x-tip-tr, *.x-form-invalid-tip *.x-tip-bc, *.x-form-invalid-tip *.x-tip-bl, *.x-form-invalid-tip *.x-tip-br, *.x-form-invalid-tip *.x-tip-ml, *.x-form-invalid-tip *.x-tip-mr{
    background-image:url(../images/default/form/error-tip-corners.gif);
}

*.x-form-invalid-tip *.x-tip-body{
    background-image:url(../images/default/form/exclamation.gif);
}

*.x-tip-anchor{
    background-image:url(../images/default/qtip/tip-anchor-sprite.gif);
}

*.x-menu{
    background-color:#f2f2f2;
    background-image:url(../images/default/menu/menu.gif);
}

*.x-menu-floating{
    border-color:#d5d5d5;
}

*.x-menu-nosep{
    background-image:none ;
}

*.x-menu-list-item{
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
}

*.x-menu-item-arrow{
    background-image:url(../images/default/menu/menu-parent.gif);
}

*.x-menu-sep{
    background-color:#f2f2f2;
    border-bottom-color:#d5d5d5;
}

a.x-menu-item{
    color:#111111;
}

*.x-menu-item-active{
    /* background-image:url(../images/default/menu/item-over.gif); */
    background-image:none;
    background-color:#dddddd;
    border-color:#098b91;
    border:0px;
    padding: 1px;
}

*.x-menu-item-active a.x-menu-item{
    border-color:#098b91;
    border:0px;
}

*.x-menu-check-item *.x-menu-item-icon{
    background-image:url(../images/default/menu/unchecked.gif);
}

*.x-menu-item-checked *.x-menu-item-icon{
    background-image:url(../images/default/menu/checked.gif);
}

*.x-menu-item-checked *.x-menu-group-item *.x-menu-item-icon{
    background-image:url(../images/default/menu/group-checked.gif);
}

*.x-menu-group-item *.x-menu-item-icon{
    background-image:none ;
}

*.x-menu-plain{
    background-color:#ffffff !important;
}

*.x-menu *.x-date-picker{
    border-color:#0c8e94;
    borer: 0px;
}

*.x-cycle-menu *.x-menu-item-checked{
    border-color:#16989e !important;
    background-color:#f2f2f2;
}

*.x-menu-scroller-top{
    background-image:url(../images/default/layout/mini-top.gif);
}

*.x-menu-scroller-bottom{
    background-image:url(../images/default/layout/mini-bottom.gif);
}

*.x-box-tl{
    background-image:url(../images/default/box/corners.gif);
}

*.x-box-tc{
    background-image:url(../images/default/box/tb.gif);
}

*.x-box-tr{
    background-image:url(../images/default/box/corners.gif);
}

*.x-box-ml{
    background-image:url(../images/default/box/l.gif);
}

*.x-box-mc{
    background-color:#eeeeee;
    background-image:url(../images/default/box/tb.gif);
    font-family:arial,tahoma,helvetica,sans-serif;
    color:#393939;
    font-size:12px ;
}

*.x-box-mc h3{
    font-size:14px ;
    font-weight:normal ;
}

*.x-box-mr{
    background-image:url(../images/default/box/r.gif);
}

*.x-box-bl{
    background-image:url(../images/default/box/corners.gif);
}

*.x-box-bc{
    background-image:url(../images/default/box/tb.gif);
}

*.x-box-br{
    background-image:url(../images/default/box/corners.gif);
}

*.x-box-blue *.x-box-bl, *.x-box-blue *.x-box-br, *.x-box-blue *.x-box-tl, *.x-box-blue *.x-box-tr{
    background-image:url(../images/default/box/corners-blue.gif);
}

*.x-box-blue *.x-box-bc, *.x-box-blue *.x-box-mc, *.x-box-blue *.x-box-tc{
    background-image:url(../images/default/box/tb-blue.gif);
}

*.x-box-blue *.x-box-mc{
    background-color:#c3daf9;
}

*.x-box-blue *.x-box-mc h3{
    color:#17385b;
}

*.x-box-blue *.x-box-ml{
    background-image:url(../images/default/box/l-blue.gif);
}

*.x-box-blue *.x-box-mr{
    background-image:url(../images/default/box/r-blue.gif);
}

*.x-combo-list{
    border-radius: 8px;
    border-color:var(--primary-color);
    background-color:#dddddd;
    font-weight:normal ;
    font-size:12px ;
    font-family:arial,tahoma,helvetica,sans-serif;
}

*.x-combo-list-inner{
    background-color:#ffffff;
}

*.x-combo-list-hd{
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
    color:#333333;
    background-image:url(../images/default/layout/panel-title-light-bg.gif);
    border-bottom-color:#199ba1;
}

*.x-resizable-pinned *.x-combo-list-inner{
    border-bottom-color:#fff;
}

*.x-combo-list-item{
    border-color:#fff;
}

*.x-combo-list *.x-combo-selected{
    border-color:#ff8000!important;
    background-color:#dddddd;
    border:0px!important;
}

*.x-combo-list *.x-toolbar{
    border-top-color:#ff80ff;
}

*.x-combo-list-small{
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
}

*.x-panel{
    border-color:var(--secondary-color);
    border: 0px;
}

*.x-panel-header{
    color:#ffffff;
    font-weight:bold ;
    font-size:13px ;
    font-family:tahoma,arial,verdana,sans-serif ;
    border-color:var(--secondary-color);
    border: 0px;
    letter-spacing: 0.035em;
    /* background-image:url(../images/default/panel/white-top-bottom.gif); */
    background-image:none;
    background: var(--primary-color);
    padding:10px 5px;
}

*.x-panel-body{
    border-color:var(--secondary-color);
    background-color:#f2f2f2;
    border: 0px;
}

.x-window-body.x-window-panel-body {
    background: #f2f2f2 !important;
}

*.x-panel-bbar *.x-toolbar, *.x-panel-tbar *.x-toolbar{
    border-color:var(--secondary-color);
    border: 0px;
    padding:3px;
}

*.x-panel-tbar-noheader *.x-toolbar, *.x-panel-mc *.x-panel-tbar *.x-toolbar{
    border-top-color:var(--secondary-color);
    border: 0px;
}

*.x-panel-body-noheader, *.x-panel-mc *.x-panel-body{
    border-top-color:var(--secondary-color);
    border: 0px;
}

*.x-panel-tl *.x-panel-header{
    color:#333333;
    font-weight:bold ;
    font-size:11px ;
    font-family:tahoma,arial,verdana,sans-serif ;
}

*.x-panel-tc{
    /* background-image:url(../images/default/panel/top-bottom.gif); */
    background-image:none;
}

*.x-panel-tl, *.x-panel-tr{
    /* background-image:url(../images/default/panel/corners-sprite.gif); */
    border-bottom-color:var(--secondary-color);
}

*.x-panel-bl, *.x-panel-br{
    /* background-image:url(../images/default/panel/corners-sprite_b.gif); */
    border-bottom-color:var(--secondary-color);
}

*.x-panel-bc{
    /* background-image:url(../images/default/panel/top-bottom_bc.gif); */
    background-image:none;
}

*.x-panel-mc{
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
    font-weight:normal ;
    background-color:#f1f1f1;
}

*.x-panel-ml{
    background-color:#ffffff;
    /* background-image:url(../images/default/panel/left-right.gif); */
    background-image:none;
}

*.x-panel-mr{
    /* background-image:url(../images/default/panel/left-right.gif); */
    background-image:none;
}

*.x-tool{
    background-image:url(../images/default/panel/tool-sprites.gif);
}

*.x-panel-ghost{
    background-color:#f2f2f2;
}

*.x-panel-ghost ul{
    border-color:var(--secondary-color);
}

*.x-panel-dd-spacer{
    border-color:var(--secondary-color);
}

*.x-panel-fbar td, *.x-panel-fbar span, *.x-panel-fbar input, *.x-panel-fbar div, *.x-panel-fbar select, *.x-panel-fbar label{
    font:normal 11px  arial , tahoma , helvetica , sans-serif ;
}

*.x-window-proxy{
    background-color:#fcfcfc;
    border-color:var(--secondary-color);
}

*.x-window-tl *.x-window-header{
    color:#fff;
    font-weight:bold ;
    font-size:13px ;
    font-family:tahoma,arial,verdana,sans-serif ;
    margin-bottom: 5px;
    letter-spacing: 0.035em;
}

*.x-window-tc{
    /* background-image:url(../images/default/window/top-bottom.png); */
    background-image: none;
}

*.x-window-tl{
    /* background-image:url(../images/default/window/left-corners.png); */
    background-image: none;
}

*.x-window-tr{
    /* background-image:url(../images/default/window/right-corners.png); */
    background-image: none;
}

*.x-window-bc{
    /* background-image:url(../images/default/window/top-bottom.png); */
    background-image: none;
}

*.x-window-bl{
    /* background-image:url(../images/default/window/left-corners.png); */
    background-image: none;
}

*.x-window-br{
    /* background-image:url(../images/default/window/right-corners.png); */
    background-image: none;
}

*.x-window-mc{
    border-color:var(--secondary-color);
    border: 0px;
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
    background-color:#f2f2f2;
}

*.x-window-ml{
    /* background-image:url(../images/default/window/left-right.png); */
    background-image: none;
}

*.x-window-mr{
    /* background-image:url(../images/default/window/left-right.png); */
    background-image: none;
}

*.x-window-maximized *.x-window-tc{
    background-color: var(--primary-color) !important;
}

*.x-window-bbar *.x-toolbar{
    border-top-color:var(--secondary-color);
}

*.x-window {
    zoom:1;
    padding: 5px;
    background: var(--primary-color);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
    /* display: inherit!important; */
}

*.x-login-window{
    zoom:1;
    padding: 30px 25px;
    background: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
    position: relative!important;
    left: 50%!important;
    top: 50%!important;
    transform: translate(-50%, -50%);
}

*.x-login-window *.x-window-mc{
    border-color:var(--secondary-color);
    border: 0px;
    font-weight:normal;
    font-size:11px;
    font-family:arial,tahoma,helvetica,sans-serif;
    background-color: #fff;
}

.x-login-window .x-window-tc {
    display: flex;
    justify-content: center;
}

*.x-login-body{
    background-image: linear-gradient(var(--login-bg-gradient-top), var(--login-bg-gradient-bottom)), var(--login-bg-url);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #e8f0fd;
    background-size: cover;
}

*.x-password-recover-body {
    background-image: radial-gradient(circle farthest-corner at 50% 52.5%, rgb(76, 76, 76) 0%, rgb(26, 26, 26) 90%);
}

*.x-password-recover-body .x-login-entrar button {
    background: rgb(76, 76, 76) !important;
}

.x-login-body .my-icon {
    margin-bottom: 25px;
}

.x-login-body .x-login-window .x-toolbar-right * {
    border-radius: 7px;
}

.x-login-body .x-login-window .x-btn-tl,
.x-login-body .x-login-window .x-btn-tc,
.x-login-body .x-login-window .x-btn-tr,
.x-login-body .x-login-window .x-btn-ml,
.x-login-body .x-login-window .x-btn-mr,
.x-login-body .x-login-window .x-btn-bl,
.x-login-body .x-login-window .x-btn-bc,
.x-login-body .x-login-window .x-btn-br {
    display: none;
}

footer.fixar-rodape{
    color: white;
    text-align: center;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    font-family: Calibri;
}

*.x-login-bbar .x-toolbar{
    background: #fff;
    border: 0px;
}

*.x-login-entrar{
    background: var(--primary-color);
}

/* --- Sele??o Colorida --- */

::selection 			{background:var(--secondary-color); color:#fff;}
::-moz-selection 		{background:var(--secondary-color); color:#fff;}
::-webkit-selection 	{background:var(--secondary-color); color:#fff;}




*.ext-webkit *.x-form-invalid {
    background-color: #fff;
    border-color: #f00;
}

*.x-login-window .ext-webkit .x-form-invalid {
    background-color: #e8f0fd;
}

*.x-form-invalid, *textarea.x-form-invalid {
    background-color: #fff;
    /* background-image: url(../images/default/grid/invalid_line.gif); */
    background-image: none;
    border-color: #ff0000;
}


*.x-login-window .x-form-invalid, *.x-login-window textarea.x-form-invalid {
    background-color: #e8f0fd!important;
    /* background-image: url(../images/default/grid/invalid_line.gif); */
    background-image: none;
    border-color: #ff0000;
}



*.x-login-window .x-form-text, *.x-login-window textarea.x-form-field {
    background-color: #e8f0fd;
    /* background-image: url(../images/default/form/text-bg.gif); */
    background-image: none;
    border-color: #e8f0fd;
    color: #000;
}

*.x-login-window .x-form-item {
    font: normal 12px  tahoma , arial , helvetica , sans-serif;
    color: #888;
}

*.x-login-window .x-btn-tc,
*.x-login-window .x-btn-tl,
*.x-login-window .x-btn-tr,
*.x-login-window .x-btn-tc,
*.x-login-window .x-btn-ml,
*.x-login-window .x-btn-mr,
*.x-login-window .x-btn-mc,
*.x-login-window .x-btn-bl,
*.x-login-window .x-btn-br,
*.x-login-window .x-btn-bc {
    /* background-image: url(../images/default/button/btn.gif); */
    background-image: none;
    background: #fff;
}

*.x-login-window *.x-toolbar .x-toolbar-cell {
    border: 1px solid #fff;
}


*.x-login-window *.x-btn button:hover {
    text-decoration:underline;
    border-color:#fff!important;
}


*.x-login-entrar .x-btn-tc,
*.x-login-entrar .x-btn-tl,
*.x-login-entrar .x-btn-tr,
*.x-login-entrar .x-btn-tc,
*.x-login-entrar .x-btn-ml,
*.x-login-entrar .x-btn-mr,
*.x-login-entrar .x-btn-mc,
*.x-login-entrar .x-btn-bl,
*.x-login-entrar .x-btn-br,
*.x-login-entrar .x-btn-bc {
    /* background-image: url(../images/default/button/btn.gif); */
    background-image: none;
    background: var(--primary-color);

}



*.x-login-entrar button {
    font: normal 14px  arial , tahoma , verdana , helvetica;
    color: #fff!important;
}


*.x-login-entrar .x-btn-text {
    height: 17px;
    padding: 9px 20px 26px 20px!important;
}

*.x-login-entrar .x-btn button {
    font: normal 15px  arial , tahoma , verdana;
}






*.x-panel-ghost *.x-window-tl{
    border-bottom-color:var(--secondary-color);
}

*.x-panel-collapsed *.x-window-tl{
    border-bottom-color:var(--secondary-color);
}

*.x-dlg-mask{
    background-color:#cccccc;
}

*.x-window-plain *.x-window-mc{
    border: 0px;
}

*.x-window-plain *.x-window-body{
    border: 0px;
}

body.x-body-masked *.x-window-plain *.x-window-mc{
    background-color:#e4e4e4;
    padding-bottom:2px;
}

*.x-html-editor-wrap{
    border-color:#199ba1;
    background-color:#ffffff;
}

*.x-html-editor-tb *.x-btn-text{
    background-image:url(../images/default/editor/tb-sprite.gif);
}

*.x-panel-noborder *.x-panel-header-noborder{
    border-bottom-color:var(--secondary-color);
}

*.x-panel-noborder *.x-panel-tbar-noborder *.x-toolbar{
    border-bottom-color:var(--secondary-color);
}

*.x-panel-noborder *.x-panel-bbar-noborder *.x-toolbar{
    border-top-color:var(--secondary-color);
}

*.x-tab-panel-bbar-noborder *.x-toolbar{
    border-top-color:var(--secondary-color);
}

*.x-tab-panel-tbar-noborder *.x-toolbar{
    border-bottom-color:var(--secondary-color);
}

*.x-border-layout-ct{
    background-color:#f0f0f0;
}

*.x-accordion-hd{
    color:#fff;
    font-size:12px ;
    font-family:tahoma,arial,verdana,sans-serif ;
    font-weight:bold;
    /* background-image:url(../images/default/panel/light-hd.gif); */
    background-image:none;
}

*.x-layout-collapsed{
    background-color:var(--secondary-color);
    border-color:var(--secondary-color);
    border:0px;
}

*.x-layout-collapsed-over{
    background-color:var(--secondary-color);
}

*.x-layout-split{
    position:absolute;
    height:5px;
    width:2px;
    line-height:1px;
    font-size:1px;
    z-index:3;
    background-color:var(--primary-color);
}

*.x-layout-split-west *.x-layout-mini{
    background-image:url(../images/default/layout/mini-left.gif);
}

*.x-layout-split-east *.x-layout-mini{
    background-image:url(../images/default/layout/mini-right.gif);
}

*.x-layout-split-north *.x-layout-mini{
    background-image:url(../images/default/layout/mini-top.gif);
}

*.x-layout-split-south *.x-layout-mini{
    background-image:url(../images/default/layout/mini-bottom.gif);
}

*.x-layout-cmini-west *.x-layout-mini{
    background-image:url(../images/default/layout/mini-right.gif);
}

*.x-layout-cmini-east *.x-layout-mini{
    background-image:url(../images/default/layout/mini-left.gif);
}

*.x-layout-cmini-north *.x-layout-mini{
    background-image:url(../images/default/layout/mini-bottom.gif);
}

*.x-layout-cmini-south *.x-layout-mini{
    background-image:url(../images/default/layout/mini-top.gif);
}

*.x-progress-wrap{
    border-color:var(--primary-color);
}

*.x-progress-inner{
    background-color:#fff;
    /* background-image:url(../images/default/qtip/bg.gif); */
    background-image:none;
}

*.x-progress-bar{
    background-color:#bfbfbf;
    /* background-image:url(../images/default/progress/progress-bg.gif); */
    background-image:none;
    border-top-color:var(--primary-color);
    border-top:0px;
    border-bottom:0px;
    padding-top:1px;
    padding-bottom:1px;
}

*.x-progress-text{
    font-size:11px ;
    font-weight:bold ;
    color:#ffffff;
}

*.x-progress-text-back{
    color:#5f5f5f;
}

*.x-list-header{
    background-color:#f9f9f9;
    background-image:url(../images/default/grid/grid3-hrow2.gif);
}

*.x-list-header-inner div em{
    border-left-color:var(--secondary-color);
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
}

*.x-list-body dt em{
    font-weight:normal ;
    font-size:11px ;
    font-family:arial,tahoma,helvetica,sans-serif;
}

*.x-list-over{
    background-color:#eeeeee;
}

*.x-list-selected{
    background-color:#f0f0f0;
}

*.x-list-resizer{
    border-left-color:var(--secondary-color);
    border-right-color:var(--secondary-color);
}

*.x-list-header-inner em.sort-asc, *.x-list-header-inner em.sort-desc{
    background-image:none ;
    border-color:var(--secondary-color);
}

*.x-slider-horz, *.x-slider-horz *.x-slider-end, *.x-slider-horz *.x-slider-inner{
    background-image:url(../images/default/slider/slider-bg.png);
}

*.x-slider-horz *.x-slider-thumb{
    background-image:url(../images/default/slider/slider-thumb.png);
}

*.x-slider-vert, *.x-slider-vert *.x-slider-end, *.x-slider-vert *.x-slider-inner{
    background-image:url(../images/default/slider/slider-v-bg.png);
}

*.x-slider-vert *.x-slider-thumb{
    background-image:url(../images/default/slider/slider-v-thumb.png);
}

*.x-window-dlg *.ext-mb-text{
    font-size:12px ;
}

*.x-window-dlg *.ext-mb-input{
    background-color:#ffffff;
}

*.x-window-dlg *.x-window-header-text{
    font-weight:bold ;
    font-size:12px ;
    font-family:tahoma,arial,verdana,sans-serif ;
}

*.x-window-dlg *.ext-mb-textarea{
    font-weight:normal ;
    font-size:12px ;
    font-family:arial,tahoma,helvetica,sans-serif;
    color:#000000;
    background-color:#ffffff;
}

*.x-window-dlg *.x-msg-box-wait{
    background-image:url(../images/default/grid/loading.gif);
}

*.x-window-dlg *.ext-mb-info{
    background-image:url(../images/default/window/icon-info.gif);
}

*.x-window-dlg *.ext-mb-warning{
    background-image:url(../images/default/window/icon-warning.gif);
}

*.x-window-dlg *.ext-mb-question{
    background-image:url(../images/default/window/icon-question.gif);
}

*.x-window-dlg *.ext-mb-error{
    background-image:url(../images/default/window/icon-error.gif);
}

*.x-superboxselect{
    position:relative ;
    height:auto  !important;
    min-height:18.0 ;
    margin:0.0 ;
    overflow:hidden ;
    padding:0.0 ;
    display:block ;
    outline:none  !important;
}

*.x-superboxselect ul{
    overflow:hidden ;
    cursor:text ;
}

*.x-superboxselect-display-btns{
    padding-right:33.0  !important;
}

*.x-superboxselect-btns{
    position:absolute ;
    right:0.0 ;
    top:0 ;
    overflow:hidden ;
    padding:0.0 ;
}

*.x-superboxselect-btns div{
    float:left ;
    width:17.0 ;
    height:22.0 ;
    margin-top:0.0 ;
}

*.x-form-focus *.x-superboxselect-btn-clear{
    background:no-repeat scroll left 0.0 ;
    background-image:url(../images/default/multiselect/clearfocus.gif);
}

*.x-form-invalid *.x-superboxselect-btn-clear{
    background:no-repeat scroll left 0.0 ;
    background-image:url(../images/default/multiselect/clearinvalid.gif);
}

*.x-superboxselect-btn-clear{
    background:no-repeat scroll left 0.0 ;
    background-image:url(../images/default/multiselect/clear.gif);
}

*.x-form-focus *.x-superboxselect-btn-expand{
    background:no-repeat scroll left 0.0 ;
    background-image:url(../images/default/multiselect/expandfocus.gif);
}

*.x-form-invalid *.x-superboxselect-btn-expand{
    background:no-repeat scroll left 0.0 ;
    background-image:url(../images/default/multiselect/expandinvalid.gif);
}

*.x-superboxselect-btn-expand{
    background:no-repeat scroll left 0.0 ;
    background-image:url(../images/default/multiselect/expand.gif);
}

*.x-superboxselect-btn-over{
    background-position:left -22.0 ;
}

*.x-superboxselect-btn-hide{
    display:none ;
}

*.x-superboxselect li{
    float:left ;
    margin-left:1.0 ;
    margin-bottom:1.0 ;
    line-height:1.2 ;
    padding:0 ;
}

*.x-superboxselect-stacked li{
    float:none  !important;
}

*.x-superboxselect-input input{
    background-color:#ffffff;
    border:none ;
    outline:none ;
    margin-top:1.0 ;
    margin-bottom:1.0 ;
}

body.ext-ie *.x-superboxselect-input input{
    background:none ;
    border:none ;
    margin-top:0.0 ;
}

*.x-superboxselect-item{
    position:relative ;
    border:1.0 solid ;
    border-color:#4fd1d7;
    background-color:#f1f1f1;
    padding:1.0 15.0 1.0 2.0  !important;
}

*.x-superboxselect-item{
    -moz-border-radius:3.0 ;
    -webkit-border-radius:3.0 ;
    border-radius:3.0 ;
    o-border-radius:3.0 ;
    khtml-border-radius:3.0 ;
}

body.ext-ie7 *.x-superboxselect-item{
    margin:2.0 1.0 2.0 1.0 ;
    line-height:1.2 ;
    padding:1.0 17.0 2.0 2.0  !important;
}

body.ext-ie6 *.x-superboxselect-item{
    margin:2.0 1.0 2.0 1.0 ;
    line-height:1.2 ;
    padding:2.0 19.0 4.0 2.0  !important;
}

*.x-superboxselect-item-hover{
    background-color:#d7d7d7;
    border:1.0 solid ;
    border-color:var(--secondary-color);
}

*.x-superboxselect-item-focus{
    border-color:#48cad0;
    background-color:#ebebeb;
    color:#ffffff;
}

*.x-superboxselect-item-close{
    background:no-repeat scroll left 0.0 ;
    background-image:url(../images/default/multiselect/close.gif);
    border:none ;
    cursor:pointer ;
    font-size:1px ;
    height:16.0 ;
    padding:0 ;
    position:absolute ;
    right:0.0 ;
    top:0.0 ;
    width:13.0 ;
    display:block ;
}

*.x-superboxselect-item-close:hover, *.x-superboxselect-item-close:active{
    background-position:left -12.0 ;
}

*.x-superboxselect-item-focus *.x-superboxselect-item-close{
    background-position:left -24.0 ;
}

*.x-item-disabled *.x-superboxselect-item-close{
    background-position:left -36.0 ;
}

*.x-form-field-wrap *.x-form-spinner-trigger{
    background:transparent no-repeat 0 0 ;
    background-image:url(../images/default/spinner/spinner.gif);
}

*.x-form-field-wrap *.x-form-spinner-overup{
    background-position:-17.0 0 ;
}

*.x-form-field-wrap *.x-form-spinner-clickup{
    background-position:-34.0 0 ;
}

*.x-form-field-wrap *.x-form-spinner-overdown{
    background-position:-51.0 0 ;
}

*.x-form-field-wrap *.x-form-spinner-clickdown{
    background-position:-68.0 0 ;
}

*.x-trigger-wrap-focus *.x-form-spinner-trigger{
    background-position:-85.0 0 ;
}

*.x-trigger-wrap-focus *.x-form-spinner-overup{
    background-position:-102.0 0 ;
}

*.x-trigger-wrap-focus *.x-form-spinner-clickup{
    background-position:-119.0 0 ;
}

*.x-trigger-wrap-focus *.x-form-spinner-overdown{
    background-position:-136.0 0 ;
}

*.x-trigger-wrap-focus *.x-form-spinner-clickdown{
    background-position:-153.0 0 ;
}

*.x-trigger-wrap-focus *.x-form-trigger{
    border-bottom:1.0 solid ;
    border-bottom-color:#b2b2b2;
    border-style:none none solid solid ;
}

*.x-form-field-wrap *.x-form-spinner-splitter{
    line-height:1.0 ;
    font-size:1px ;
    background:transparent no-repeat 0 0 ;
    background-image:url(../images/default/spinner/spinner-split.gif);
    position:absolute ;
    cursor:n-resize ;
}

*.x-trigger-wrap-focus *.x-form-spinner-splitter{
    background-position:-14.0 0 ;
}

*.x-html-editor-tb *.x-edit-bold, *.x-menu-item img.x-edit-bold{
    background-position:0 0 ;
    background-image:url(../images/default/editor/tb-sprite.gif);
}

*.x-html-editor-tb *.x-edit-italic, *.x-menu-item img.x-edit-italic{
    background-position:-16.0 0 ;
    background-image:url(../images/default/editor/tb-sprite.gif);
}

*.x-html-editor-tb *.x-edit-underline, *.x-menu-item img.x-edit-underline{
    background-position:-32.0 0 ;
    background-image:url(../images/default/editor/tb-sprite.gif);
}

*.x-html-editor-tb *.x-edit-justifyleft, *.x-menu-item img.x-edit-justifyleft{
    background-position:-112.0 0 ;
    background-image:url(../images/default/editor/tb-sprite.gif);
}

*.x-html-editor-tb *.x-edit-justifycenter, *.x-menu-item img.x-edit-justifycenter{
    background-position:-128.0 0 ;
    background-image:url(../images/default/editor/tb-sprite.gif);
}

*.x-html-editor-tb *.x-edit-justifyright, *.x-menu-item img.x-edit-justifyright{
    background-position:-144.0 0 ;
    background-image:url(../images/default/editor/tb-sprite.gif);
}

*.x-html-editor-tb *.x-edit-insertorderedlist, *.x-menu-item img.x-edit-insertorderedlist{
    background-position:-80.0 0 ;
    background-image:url(../images/default/editor/tb-sprite.gif);
}

*.x-html-editor-tb *.x-edit-insertunorderedlist, *.x-menu-item img.x-edit-insertunorderedlist{
    background-position:-96.0 0 ;
    background-image:url(../images/default/editor/tb-sprite.gif);
}

*.x-html-editor-tb *.x-edit-increasefontsize, *.x-menu-item img.x-edit-increasefontsize{
    background-position:-48.0 0 ;
    background-image:url(../images/default/editor/tb-sprite.gif);
}

*.x-html-editor-tb *.x-edit-decreasefontsize, *.x-menu-item img.x-edit-decreasefontsize{
    background-position:-64.0 0 ;
    background-image:url(../images/default/editor/tb-sprite.gif);
}

*.ext-strict *.x-form-text {
    height:30px;
    border-radius: 8px;
}

*.x-form-field-trigger-wrap *.x-form-field {
    border-radius: 8px 0 0 8px;
}

*.x-form-field-trigger-wrap:has(.x-form-trigger[style="display: none;"]) *.x-form-field {
    border-radius: 8px;
}

.x-window-dlg .ext-mb-download {
    background:transparent url(../images/default/download.gif) no-repeat top left;
    height:46px;
}

.x-dd-drag-proxy {
    z-index: 999999;
    opacity: 0.7;
    border: 1px dashed #999;
    background: #f0f0f0;
    padding: 5px;
}

.x-field-shortlabel {
    font-size: 11px;
    color: #777;
}

/* O item original enquanto est� sendo arrastado */
.x-view-drag-source {
    opacity: 0.4;
    background: #efefef;
    border: 1px dashed #999;
}

/* Loading */
.imagem_loading {
    background-image: var(--loading-logo-url);
    filter: var(--loading-logo-color)
}

.circle_intern {
    border-width: var(--loading-circle-thickness);
    border-top-color: var(--loading-color);
    border-left-color: var(--loading-color);
    border-right-color: var(--loading-color);
    width: var(--loading-circle-radius);
    height: var(--loading-circle-radius);
}

.div_loading h1, .div_loading p {
    color: var(--primary-color) !important;
}

.x-login-body.x-password-recover-body > .div_loading h1,
.x-login-body.x-password-recover-body > .div_loading p,
.x-login-body.x-password-recover-body > .div_loading > .loading > .imagem_loading,
.x-login-body.x-password-recover-body > .div_loading > .loading > .circle_intern {
    filter: brightness(0) saturate(100%) invert(94%) sepia(0%) saturate(7500%) hue-rotate(11deg) brightness(104%) contrast(105%); !important;
    color: #FFFFFF !important;
    border-top-color: #FFFFFF !important;
    border-left-color: #FFFFFF !important;
    border-right-color: #FFFFFF !important;
}

.div-alert-renew-password {
    align-items: center;
    height: 100vh;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
    display: flex;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 50000;
    flex-direction: column;
}

.status-renew-password {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.div-alert-renew-password h1 {
    font-family: 'Lato';
    color: #F2F2F2; /* Valor fixo substituindo a vari�vel $text_color */
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1.5px;
    text-align: center;
    width: 100%;
    z-index: 1;
    font-family: "Lato", sans-serif;
    margin-top: 13px;
    font-weight: 1000;
}

.div-alert-renew-password p {
    font-family: 'Lato';
    color: #F2F2F2; /* Valor fixo substituindo a vari�vel $text_color */
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.5px;
    text-align: center;
    width: 100%;
    z-index: 1;
    font-family: "Lato", sans-serif;
    margin-top: 20px;
}

.menu-button-container {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin: 0;
    font-size: 22px;
    color: #585858;
}

.badge-notificacao {
    position: absolute;
    bottom: 2px;
    right: -8px;
    background-color: #d32f2f;
    color: white;
    border-radius: 50%;
    padding: 1.5px 5px;
    font-size: 9px;
    font-family: Arial, sans-serif;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    z-index: 10;
}

/* ----------------------------------------- Tarefas assíncronas (js/utils/tarefasAssincronas.js)

   O painel e os avisos são HTML/CSS puros, sem componentes do ExtJS: o visual
   não fica preso ao tema do framework. As duas camadas ficam acima das janelas
   do ExtJS, que começam em z-index 9000. */

.tarefas-painel,
#avisos-tarefas {
    font-family: "Lato", Arial, sans-serif;
    color: #333;
}

/* ---------- Painel ancorado ao botão do cabeçalho ---------- */

.tarefas-painel {
    position: fixed;
    z-index: 19000;
    width: 420px;
    max-width: calc(100vw - 24px);
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.08);

    /* visibility (e não display) para que a transição rode e para que o
       posicionamento consiga medir a largura antes de exibir */
    visibility: hidden;
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
}

.tarefas-painel.aberto {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* Seta apontando para o botão. O deslocamento horizontal é ajustado por JS,
   porque o painel recua quando não cabe na tela. */
.tarefas-painel-seta {
    position: absolute;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    filter: drop-shadow(0 -1px 0 #e2e2e2);
}

.tarefas-painel-cabecalho {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #f0f0f0;
}

.tarefas-painel-titulo {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.tarefas-painel-resumo {
    font-size: 11px;
    color: #8a8a8a;
    margin-top: 2px;
}

.tarefas-painel-acoes {
    display: flex;
    gap: 4px;
}

.tarefas-painel-icone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #8a8a8a;
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
    transition: background-color 0.12s ease, color 0.12s ease;
}

.tarefas-painel-icone:hover {
    background-color: #f2f2f2;
    color: #333;
}

.tarefas-painel-icone:disabled {
    opacity: 0.35;
    cursor: default;
}

.tarefas-painel-icone:disabled:hover {
    background: transparent;
    color: #8a8a8a;
}

/* Confirmação da limpeza do histórico, entre o cabeçalho e a lista. */
.tarefas-painel-confirmacao {
    display: none;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 16px;
    background-color: #fdf7ec;
    border-bottom: 1px solid #f0e0c0;
}

.tarefas-painel-lista {
    max-height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
}

.tarefas-painel-lista::-webkit-scrollbar {
    width: 8px;
}

.tarefas-painel-lista::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;
    border-radius: 4px;
}

.tarefas-painel-vazio {
    padding: 28px 16px;
    text-align: center;
    font-size: 12px;
    color: #9a9a9a;
}

/* ---------- Item da lista ---------- */

.tarefa-item {
    padding: 12px 16px;
    border-bottom: 1px solid #f4f4f4;
    border-left: 3px solid transparent;
}

.tarefa-item:last-child {
    border-bottom: 0;
}

.tarefa-item-processando { border-left-color: #4a90d9; }
.tarefa-item-cancelando  { border-left-color: #b8860b; }
.tarefa-item-concluida   { border-left-color: #2e7d32; }
.tarefa-item-erro        { border-left-color: #d32f2f; }

.tarefa-item-topo {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.tarefa-item-titulo {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    word-break: break-word;
}

.tarefa-status {
    flex: none;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.tarefa-status-pendente    { background-color: #f0f0f0; color: #6b6b6b; }
.tarefa-status-processando { background-color: #e4f0fc; color: #15428b; }
.tarefa-status-concluida   { background-color: #e6f4ea; color: #1e7e34; }
.tarefa-status-erro        { background-color: #fdecea; color: #c62828; }
.tarefa-status-cancelada   { background-color: #f0f0f0; color: #8a8a8a; }
.tarefa-status-cancelando  { background-color: #fdf3e0; color: #a06800; }

.tarefa-progresso {
    height: 5px;
    margin-top: 9px;
    background-color: #eee;
    border-radius: 3px;
    overflow: hidden;
}

.tarefa-progresso-barra {
    height: 100%;
    width: 0;
    border-radius: 3px;
    background-color: #4a90d9;
    transition: width 0.25s ease;
}

.tarefa-item-concluida .tarefa-progresso-barra {
    background-color: #2e7d32;
}

/* Enquanto está na fila não há percentual real: a listra em movimento mostra
   que a tarefa está viva sem fingir um progresso que não existe. */
.tarefa-item-pendente .tarefa-progresso-barra {
    width: 100% !important;
    background-image: linear-gradient(90deg, #e6e6e6 25%, #d2d2d2 37%, #e6e6e6 63%);
    background-size: 400% 100%;
    animation: tarefa-listra 1.4s ease infinite;
}

@keyframes tarefa-listra {
    0%   { background-position: 100% 50%; }
    100% { background-position: 0 50%; }
}

.tarefa-item-rodape {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-top: 7px;
    font-size: 11px;
    color: #8a8a8a;
}

.tarefa-item-etapa {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tarefa-item-tempo {
    flex: none;
}

/* Recado final da tarefa: observação da conclusão, erro ou interrupção. */
.tarefa-item-aviso {
    display: none;
    align-items: flex-start;
    gap: 6px;
    margin-top: 8px;
    padding: 7px 8px;
    border-radius: 6px;
    font-size: 11px;
    line-height: 1.45;
}

.tarefa-item-aviso-sucesso {
    background-color: #eaf6ec;
    border: 1px solid #c3e6cb;
    color: #1e7e34;
}

.tarefa-item-aviso-icone {
    flex: none;
    margin-top: 2px;
    font-size: 12px;
    color: #c68a00;
}

/* min-width: 0 para que o texto possa encolher e cortar dentro do flex. */
.tarefa-item-aviso-texto {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tarefa-item-aviso-aberto .tarefa-item-aviso-texto {
    overflow: visible;
    white-space: normal;
    word-break: break-word;
}

/* Sem display: o JS liga o botão só quando o texto não cabe na linha. */
.tarefa-item-aviso-expandir {
    display: none;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: inherit;
    font-size: 9px;
    line-height: 1;
    cursor: pointer;
    opacity: 0.7;
    transition: background-color 0.12s ease, opacity 0.12s ease;
}

.tarefa-item-aviso-expandir:hover {
    background-color: rgba(0, 0, 0, 0.07);
    opacity: 1;
}

.tarefa-item-aviso-falha {
    background-color: #fdecea;
    border: 1px solid #f5c6c2;
    color: #a53229;
}

.tarefa-item-aviso-falha .tarefa-item-aviso-icone {
    color: #d32f2f;
}

.tarefa-item-acoes {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 10px;
}

/* Confirmação de cancelamento, exibida no lugar dos botões de ação. */
.tarefa-item-confirmacao {
    display: none;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
    padding: 8px 10px;
    background-color: #fdf7ec;
    border: 1px solid #f0e0c0;
    border-radius: 5px;
}

.tarefa-item-pergunta {
    flex: 1;
    min-width: 140px;
    font-size: 11px;
    color: #7a5a12;
}

.tarefa-acao-perigo {
    background-color: #c62828;
    border-color: #c62828;
    color: #fff;
}

.tarefa-acao-perigo:hover {
    background-color: #d84343;
    border-color: #d84343;
}

/* ---------- Botões (painel e avisos) ---------- */

.tarefa-acao {
    padding: 5px 12px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    background-color: #fff;
    color: #444;
    font-family: inherit;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.12s ease, border-color 0.12s ease;
}

.tarefa-acao:hover {
    background-color: #f5f5f5;
    border-color: #c2c2c2;
}

.tarefa-acao-primaria {
    background-color: #15428b;
    border-color: #15428b;
    color: #fff;
}

.tarefa-acao-primaria:hover {
    background-color: #1b56b3;
    border-color: #1b56b3;
}

/* ---------- Painel do desenvolvedor: grid de processamentos ---------- */

.barra-processamento {
    display: inline-block;
    width: 46px;
    height: 6px;
    margin-right: 4px;
    vertical-align: middle;
    background-color: #e8e8e8;
    border-radius: 3px;
    overflow: hidden;
}

.barra-processamento-preenchida {
    height: 100%;
    background-color: #4a90d9;
}

.linha-processamento-processando td { background-color: #f2f8fe; }
.linha-processamento-pendente td    { background-color: #fafafa; }
.linha-processamento-erro td        { background-color: #fdf3f2; }

/* ---------- Avisos de conclusão ---------- */

#avisos-tarefas {
    position: fixed;
    right: 16px;
    bottom: 16px;
    width: 320px;
    /* Acima do painel, para que a notificação apareça mesmo com ele aberto, e
     * acima do assistente virtual (chatBotIA.js), que fica neste mesmo canto e
     * usa até 1000001 — sem isso o balão do Wilson cobriria o aviso e os botões
     * "Baixar"/"Fechar" dele. */
    z-index: 1000010;
}

.aviso-tarefa {
    margin-top: 8px;
    padding: 12px 14px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-left: 3px solid #15428b;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
    animation: aviso-tarefa-entrada 0.18s ease;
}

.aviso-tarefa-concluida {
    border-left-color: #2e7d32;
}

.aviso-tarefa-erro,
.aviso-tarefa-cancelada {
    border-left-color: #d32f2f;
}

@keyframes aviso-tarefa-entrada {
    from { opacity: 0; transform: translateX(12px); }
    to   { opacity: 1; transform: translateX(0); }
}

.aviso-tarefa-titulo {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 4px;
}

.aviso-tarefa-concluida .aviso-tarefa-titulo {
    color: #1e7e34;
}

.aviso-tarefa-erro .aviso-tarefa-titulo,
.aviso-tarefa-cancelada .aviso-tarefa-titulo {
    color: #c62828;
}

.aviso-tarefa-texto {
    font-size: 12px;
    line-height: 1.45;
    color: #666;
    word-break: break-word;
}

.aviso-tarefa-acoes {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 10px;
}

.tarefas-aceite-fundo {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000020;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.45);
}

.tarefas-aceite {
    width: 420px;
    max-width: 100%;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    padding: 16px 18px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24);
    font-family: "Lato", Arial, sans-serif;
    color: #333;
}

.tarefas-aceite-titulo {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
}

.tarefas-aceite-texto {
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 1.5;
}

.tarefas-aceite-destaque {
    margin: 0 0 10px;
    padding: 8px 10px;
    background-color: #fff0f0;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.5;
}

.tarefas-aceite-acoes {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 14px;
}

.dataview-item-wrap {
    float: left;
    margin: 5px 5px 0 0;
    overflow: hidden;
    border: 2px solid transparent;

    &:hover {
        background: #bed0ef;
    }

    &.x-view-selected {
        background: #8db2e3;
    }
}

.dataview-item {
    width: 145px;
    position: relative;
    height: auto;
    overflow: hidden;
    padding: 5px;
    font-size: 9pt;
    text-align: center;
    cursor: pointer;

    & > img {
        object-fit: contain;
        width: 100%;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid var(--primary-color);
        border-radius: 4px;
    }

    & > .badge {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #262626;
        color: white;
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 0 5px;
        border-radius: 15px;
        font-weight: bold;
        user-select: none;

        &.center {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: fit-content;
            border-color: transparent;
            border-radius: 7px;
            padding: 0 5px;
            font-size: 11px;
            user-select: none;
        }

        &.icon {
            background: white;
            border: 1px solid #bababa;
            width: 20px;
            height: 20px;
            border-radius: 100%;
            padding: 0;
            justify-content: center;
        }
    }

    & > span:not(.badge) {
        display: inline-block;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

.avgeo-table {
    margin: 0 !important;
    width: 500px !important;

    & td {
        font-size: 12px !important;
    }
}

/* ============================================================
   driver.js - overlay/popover sempre acima do ExtJS 3.4
   (.ext-el-mask e .x-window costumam usar z-index >= 9000)
   ============================================================ */
.driver-overlay {
    z-index: 999990 !important;
}

.driver-active-element {
    z-index: 999995 !important;
}

.driver-popover {
    z-index: 1000000 !important;
}

.driver-popover-arrow {
    z-index: 1000000 !important;
}

.x-window-proxy {
    border-color: var(--primary-color, #00676C);
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.janela-icones-modernos .x-resizable-handle {
    background-color: transparent !important;
    background-image: none !important;
    opacity: 0 !important;
}

/* ============================================================
   Icones modernos de janela (fechar/maximizar/restaurar) - escopo: .janela-icones-modernos
   ============================================================ */
.janela-icones-modernos .x-tool {
    margin-top: 2px;
}

.janela-icones-modernos .x-tool-close {
    background-image: none !important;
}

.janela-icones-modernos .x-tool-close:before {
    content: "\00d7";
    display: block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

.janela-icones-modernos .x-tool-close:hover:before {
    color: #e6e6e6;
}

.janela-icones-modernos .x-tool-maximize,
.janela-icones-modernos .x-tool-restore {
    background-image: none !important;
    position: relative;
}

.janela-icones-modernos .x-tool-maximize:before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    margin: 3px auto;
    border: 2px solid #ffffff;
    box-sizing: border-box;
}

.janela-icones-modernos .x-tool-restore:before,
.janela-icones-modernos .x-tool-restore:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border: 2px solid #ffffff;
    box-sizing: border-box;
    background: var(--primary-color, #0045b1);
}

.janela-icones-modernos .x-tool-restore:before {
    top: 2px;
    left: 5px;
}

.janela-icones-modernos .x-tool-restore:after {
    top: 5px;
    left: 2px;
}

.janela-icones-modernos .x-tool-maximize:hover:before {
    border-color: #e6e6e6;
}

.janela-icones-modernos .x-tool-restore:hover:before,
.janela-icones-modernos .x-tool-restore:hover:after {
    border-color: #e6e6e6;
}


/* ============================================================
   Icone "?" de ajuda do tour guiado - images/interrogacao_azul.png
   ============================================================ */
img[class^="tour-btn-ajuda"] {
    width: 22px !important;
    height: 22px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    cursor: pointer;
    opacity: .75;
    transition: opacity .15s ease;
}

img[class^="tour-btn-ajuda"]:hover {
    opacity: 1;
}

.x-tool-tourguiado {
    background-image: url(../images/interrogacao_azul.png) !important;
    background-size: 15px 15px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .75;
    transition: opacity .15s ease;
}

.janela-cadastro-questao-avgeo .x-grid-group-hd {
    background-color: #FFFFFF !important;
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #CCCCCC !important;
}

.janela-cadastro-questao-avgeo .x-grid-group-hd div.x-grid-group-title {
    color: var(--primary-color) !important;
    font-weight: bold !important;
}

.avgeo-btn-verde .x-btn-tl, .avgeo-btn-verde .x-btn-tr, .avgeo-btn-verde .x-btn-tc,
.avgeo-btn-verde .x-btn-ml, .avgeo-btn-verde .x-btn-mr, .avgeo-btn-verde .x-btn-mc,
.avgeo-btn-verde .x-btn-bl, .avgeo-btn-verde .x-btn-br, .avgeo-btn-verde .x-btn-bc {
    background: var(--primary-color) !important;
}

.avgeo-btn-verde .x-btn-mc button,
.avgeo-btn-verde .x-btn-text {
    color: #fff !important;
    font-weight: bold !important;
}

.avgeo-btn-verde.x-btn-over .x-btn-mc,
.avgeo-btn-verde .x-btn-mc:hover {
    background: var(--secondary-color) !important;
}

.janela-cadastro-questao-avgeo.x-window {
    padding: 0 !important;
    border-radius: 10px !important;
    border: 0 !important;
    background: #F8F8F8 !important;
    overflow: hidden !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.35) !important;
}

.janela-cadastro-questao-avgeo .x-window-tl,
.janela-cadastro-questao-avgeo .x-window-tr,
.janela-cadastro-questao-avgeo .x-window-tc,
.janela-cadastro-questao-avgeo .x-window-bl,
.janela-cadastro-questao-avgeo .x-window-br,
.janela-cadastro-questao-avgeo .x-window-bc,
.janela-cadastro-questao-avgeo .x-window-ml,
.janela-cadastro-questao-avgeo .x-window-mr {
    background: #F8F8F8 !important;
    padding: 0 !important;
}

.janela-cadastro-questao-avgeo .x-window-mc {
    background-color: #F8F8F8 !important;
    border: 0 !important;
}

.janela-cadastro-questao-avgeo .x-grid3-hd-row td {
    background-color: #F0F0F0 !important;
    font-weight: bold !important;
    border-bottom: 2px solid #CCCCCC !important;
}

.janela-cadastro-questao-avgeo .x-grid3-row td {
    border-bottom: 1px solid #EFEFEF !important;
}

.avgeo-status-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.avgeo-status-dot-ok { background-color: #2E7D32; }
.avgeo-status-dot-off { background-color: #C62828; }

.avgeo-label-secao {
    font-weight: bold;
    color: var(--primary-color);
    margin: 4px 0 6px 0;
}

.janela-cadastro-questao-avgeo .x-window-tl,
.janela-cadastro-questao-avgeo .x-window-tc,
.janela-cadastro-questao-avgeo .x-window-tr {
    background: transparent !important;
    padding: 0 !important;
}

.janela-cadastro-questao-avgeo .x-window-header {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.janela-cadastro-questao-avgeo .x-tab-panel-header {
    display: none !important;
}

.janela-cadastro-questao-avgeo .x-resizable-handle {
    background-color: transparent !important;
}

.janela-cadastro-questao-avgeo .x-window-footer {
    background: #E5E5E5 !important;
    border-top: 1px solid #CCCCCC !important;
    padding: 6px 12px !important;
}

.janela-cadastro-questao-avgeo .x-window-footer .x-toolbar {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

.janela-cadastro-questao-avgeo .x-panel-tbar .x-toolbar {
    background: #EAEAEA !important;
    border: 1px solid #CCCCCC !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
    margin: 8px !important;
    box-sizing: border-box !important;
}

.janela-cadastro-questao-avgeo .x-toolbar .x-toolbar-cell {
    border: 0 !important;
}

.janela-cadastro-questao-avgeo .x-panel-btns td.x-toolbar-cell {
    padding: 0 !important;
}

.protocw-header {
    background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));
    color: #fff;
    padding: 6px 12px 0 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    user-select: none;
    font-family: arial, tahoma, verdana, helvetica, sans-serif;
}

.protocw-title {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 6px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    color: #fff;
}

.protocw-tabs {
    display: flex;
    gap: 3px;
    margin-top: 2px;
}

.protocw-tab-btn {
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--secondary-color);
    border-bottom: none;
    padding: 5px 14px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    font-family: arial, tahoma, verdana, helvetica, sans-serif;
}

.protocw-tab-btn.protocw-tab-active {
    background-color: #F8F8F8;
    color: #333;
    border-color: #A0A0A0;
}

.protocw-controls {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-top: 2px;
}

.protocw-win-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    opacity: .9;
    padding: 0;
    line-height: 1;
    font-family: arial, tahoma, verdana, helvetica, sans-serif;
}

.protocw-win-btn:hover {
    opacity: 1;
}

.protocw-toolbar-left, .protocw-toolbar-right {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 6px 4px;
}

.protocw-toolbar-left {
    margin-left: 10px;
}

.protocw-toolbar-right {
    margin-right: 10px;
}

.protocw-btn {
    border: none;
    border-radius: 4px;
    padding: 0 12px;
    height: 26px;
    line-height: 26px;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    vertical-align: middle;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.15);
    font-family: arial, tahoma, verdana, helvetica, sans-serif;
    white-space: nowrap;
}

.protocw-btn-green { background-color: var(--primary-color); }
.protocw-btn-green:hover { background-color: var(--secondary-color); }
.protocw-btn-gray { background-color: #8E8E8E; }
.protocw-btn-gray:hover { background-color: #7a7a7a; }
.protocw-btn-red { background-color: #D9534F; }
.protocw-btn-red:hover { background-color: #c9302c; }

.protocw-dropdown {
    position: relative;
    display: inline-block;
}

.protocw-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    min-width: 190px;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.2);
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    z-index: 30000;
    padding: 2px 0;
    margin-top: 4px;
}

.protocw-dropdown-menu.protocw-show {
    display: block;
}

.protocw-dropdown-item {
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 11px;
    color: #333;
    font-family: arial, tahoma, verdana, helvetica, sans-serif;
}

.protocw-dropdown-item:hover {
    background-color: #F0F0F0;
    color: var(--primary-color);
}

.protocw-link-remover {
    color: #D9534F;
    cursor: pointer;
    font-weight: bold;
    font-size: 11px;
    font-family: arial, tahoma, verdana, helvetica, sans-serif;
}

.protocw-link-remover:hover {
    text-decoration: underline;
}

.protocw-dropdown-sep {
    height: 1px;
    background: #DDD;
    margin: 2px 0;
}

.protocw-footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin: 6px 10px;
    font-family: arial, tahoma, verdana, helvetica, sans-serif;
}

.janela-cadastro-questao-avgeo .x-form-text,
.janela-cadastro-questao-avgeo .x-form-field {
    padding: 2px 6px !important;
    border: 1px solid #B0B0B0 !important;
    border-radius: 3px !important;
    background-color: #fff !important;
}

.janela-cadastro-questao-avgeo .x-form-focus,
.janela-cadastro-questao-avgeo .x-form-field:focus {
    border-color: var(--primary-color) !important;
}

.x-tool-tourguiado:hover,
.x-tool-tourguiado-over {
    opacity: 1;
}

.grid-abas-powerbi .x-panel-tbar .x-toolbar {
    background: none !important;
    border: 0 !important;
    padding: 10px 12px !important;
}

/* ============================================================
   Aba "Avaliacao do Fornecedor" da ordem de servico
   ============================================================ */
.avaliacao-fornecedor-aba {
    background-color: #ffffff;
}

/* O fundo e a borda ficam no painel interno, nao no body: assim o Ext continua
   dimensionando a region 'north' sem competir com a borda */
.avaliacao-fornecedor-cabecalho {
    background-color: transparent;
}

.avaliacao-fornecedor-painel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    gap: 24px;
    background-color: #f7f9f7;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
}

/* Reverte, so nesta aba, o "border: 0px" que .x-panel-body/.x-toolbar levam la em cima.
   A tbar fecha em cima e nas laterais, o body fecha embaixo e nas laterais: juntos formam
   uma caixa unica em volta do subtitulo + grid, como no prototipo. */
/* Aplicada via ext:qclass no tooltip da observacao. O Ext ja limita a caixa a 300px, mas
   palavra longa sem espaco nao tem onde quebrar e vazaria dessa largura. */
.avaliacao-fornecedor-qtip .x-tip-body {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.avaliacao-fornecedor-grid .x-panel-tbar .x-toolbar {
    border: 1px solid #cccccc;
    border-bottom: 0 none;
}

.avaliacao-fornecedor-grid .x-panel-body {
    border: 1px solid #cccccc;
    border-top: 0 none;
}

.avaliacao-fornecedor-grupo {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.avaliacao-fornecedor-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

/* Só o fornecedor cede largura: datas e prazo são curtos e devem aparecer inteiros */
.avaliacao-fornecedor-info + .avaliacao-fornecedor-info {
    border-left: 1px solid #dddddd;
    padding-left: 12px;
    flex-shrink: 0;
}

/* nowrap porque rótulo em duas linhas estouraria a altura fixa da region 'north' */
.avaliacao-fornecedor-info-rotulo {
    font-size: 11px;
    color: #555555;
    font-weight: bold;
    white-space: nowrap;
}

.avaliacao-fornecedor-info-valor {
    font-size: 11.5px;
    font-weight: bold;
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.avaliacao-fornecedor-cards {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.avaliacao-fornecedor-card {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 3px 10px;
    text-align: center;
    min-width: 115px;
}

.avaliacao-fornecedor-card-titulo {
    font-size: 10px;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
}

.avaliacao-fornecedor-sigla {
    border-bottom: 1px dotted #999999;
    cursor: help;
}

.avaliacao-fornecedor-card-valor {
    font-size: 15px;
    font-weight: 800;
}

.avaliacao-fornecedor-subtitulo {
    font-weight: bold;
    color: #444444;
    padding: 0 4px;
}

/* Rótulo do prazo de avaliação do fornecedor, na tbar da tela de Prazo Ordem de Serviço */
.prazo-avaliacao-fornecedor-rotulo {
    font-weight: bold;
    color: #444444;
    padding: 0 6px 0 4px;
}

.avaliacao-fornecedor-avaliador {
    color: #555555;
    font-size: 11px;
    line-height: 1.3;
}