/*
** Detecno
** v1.2018.03.07
** 
 */


 @font-face { 
   font-family: 'Roboto'; 
   font-style: normal; 
   font-weight: 400; 
   src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Roboto-Regular.ttf) format('truetype'); 
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 
 } 

 @font-face { 
   font-family: 'Roboto'; 
   font-style: normal; 
   font-weight: 400; 
   src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Roboto-Regular.ttf) format('truetype'); 
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 
 } 
 
 @font-face { 
   font-family: 'Roboto'; 
   font-style: normal; 
   font-weight: 700; 
   src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/Roboto-Bold.ttf) format('truetype'); 
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 
 } 

 @font-face { 
   font-family: 'Roboto'; 
   font-style: normal; 
   font-weight: 700; 
   src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/Roboto-Bold.ttf) format('truetype'); 
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 
 } 


*
{
    font-family: 'Raleway', sans-serif!important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
.x-border-layout-ct,
.x-grid3-row-alt,
.x-box-mc
{
    background-color: #ececec;
}
body,
.x-form-text, textarea.x-form-field,
.x-form-item-label,
.x-fieldset legend,
.x-btn-group-header,
.x-paging-info,
.x-resizable-handle,
.x-grid3-cell-inner,
.x-grid3-hd-btn,
.x-grid-group-hd div.x-grid-group-title,
.x-dd-drag-ghost,
.x-tree-node-loading a span,
.x-tree-node,
.x-tree-node a span, .x-dd-drag-ghost a span, .x-tree-node a, .x-dd-drag-ghost a,
.x-date-inner a,
.x-date-inner .x-date-active,
.x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a,
.x-box-mc,
.x-box-blue .x-box-mc h3,
.x-panel-body,
.x-tab-panel .x-panel-body,
.x-progress-text-back,
.x-form-empty-field,
.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner,
.x-grid3-row-checker:after, 
.x-grid3-row-expander:after,
a.x-menu-item,
.x-tip .x-tip-header-text,
.x-tip .x-tip-body
{
    color:#8a8a8a;
}

.ext-el-mask {background-color: #4a4b4b;}
.ext-el-mask-msg {background-color: transparent;padding: 0px;}
.ext-el-mask-msg div{color:#fff;background-color: #4a4b4b;}
.x-mask-loading div {background-color:#4a4b4b;background-image:url(../images/detecno32/loading.gif);}
.x-splitbar-proxy{background-color: #aaa;}
.x-color-palette a {border-color:#fff;}
.x-color-palette em {border-color:#aca899;}
.x-ie-shadow {background-color:#777;}
.x-shadow .xsmc {background-image: url(../images/default/shadow-c.png);}
.x-shadow .xsml, .x-shadow .xsmr {background-image: url(../images/default/shadow-lr.png);}
.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);}
.loading-indicator {font-size: 14px;background-image: url(../images/detecno32/loading.gif);}
.x-spotlight {background-color: #ccc;}
.x-tab-panel-header, .x-tab-panel-footer{overflow:hidden;zoom:1;}


.x-tab-strip-active span.x-tab-strip-text {font-weight:700;}
.x-tab-strip-disabled .x-tabs-text {color:#aaaaaa;}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:after{content:"\f2d3";}
.x-tab-panel-body {width: inherit!important;}
.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/detecno32/scroll-left.gif);}
.x-tab-scroller-left-over {background-position: 0 0;}
.x-tab-scroller-left-disabled 
{
    background-position: -18px 0;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}
.x-tab-scroller-right {background-image:url(../images/detecno32/scroll-right.gif);}

.ext-webkit .x-form-text,
.ext-webkit textarea.x-form-field
{
    border-width:2px;
}

.x-form-text, 
.ext-ie .x-form-file
{
    height:22px;
}

.ext-strict .x-form-text 
{
    height:20px;
}

.x-form-check-group-label 
{
    border-bottom: 1px solid;
}

.x-form-field-wrap .x-form-trigger
{
    background-image: url(../images/detecno32/trigger-2.png);
    height: 100%;
    background-size: auto 100%;
    width: 20px;
}

.x-form-field-wrap .x-form-date-trigger
{
    background-image: url(../images/detecno32/date-trigger.png);
}

.x-small-editor .x-form-field-wrap .x-form-trigger
{
    height:100%;
    min-height: 20px;
}

.x-form-field-wrap .x-form-trigger-over
{
    background-position:20% 0;
}

.x-form-field-wrap .x-form-trigger-click 
{
    background-position:40% 0;
}

.x-trigger-wrap-focus .x-form-trigger 
{
    background-position:60% 0;
}

.x-trigger-wrap-focus .x-form-trigger-over
{
    background-position:80% 0;
}

.x-trigger-wrap-focus .x-form-trigger-click
{
    background-position:100% 0;
}

.x-form-field-wrap .x-form-clear-trigger
{
    background-image: url(../images/detecno32/clear-trigger.png);

}

.x-form-field-wrap .x-form-search-trigger
{
    background-image: url(../images/detecno32/search-trigger.png);
}

.x-form-invalid, 
textarea.x-form-invalid,
.ext-webkit .x-form-invalid,
.ext-webkit textarea.x-form-invalid,
.ext-safari .x-form-invalid
{
    background-image:url(../images/detecno32/invalid_line.gif);
    border-color:#ff5757;
}

.x-form-inner-invalid, 
textarea.x-form-inner-invalid
{
    background-image:url(../images/detecno32/invalid_line.gif);
}

.x-form-invalid-msg 
{
    color:#c0272b;
    text-align:left;
    background-size: 14px;
    padding-left:0px;
    word-break: break-word;
    margin-top:2px;
}

.x-form-invalid-msg:before 
{
    content: "\f071";
    color:#ffd000;
    margin-right: 6px;
}


.x-small-editor .x-form-text 
{
    height: 22px;
}

.x-form-invalid-icon 
{
    height:25px;
    width:19px;
}

.x-form-invalid-icon:after
{
    position: relative;
    content: "\f06a";
    color: #ff5757;
    font-size: 1em;
    line-height: 1.8em;
    margin-left: 0px;
}

.x-form-item-label
{
    font-weight: 700;
}

.x-btn 
{
    border: 1.4px solid;
    margin-left: 2px;
}

.x-btn-icon .x-btn-small .x-btn-text 
{
    width:14px;
}

.x-btn-text-icon .x-btn-icon-small-left .x-btn-text
{
    padding-left:21px;
}

.x-btn-text-icon .x-btn-icon-small-right .x-btn-text
{
    padding-right:21px;
}

.x-btn-text-icon .x-btn-icon-medium-left .x-btn-text
{
    padding-left:29px;
}

.x-btn-text-icon .x-btn-icon-medium-right .x-btn-text
{
    padding-right:29px;
}

.x-btn-text-icon .x-btn-icon-large-left .x-btn-text
{
    padding-left:37px;
}

.x-btn-text-icon .x-btn-icon-large-right .x-btn-text
{
    padding-right:37px;
}

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

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

.x-btn-mc em.x-btn-arrow 
{
    padding-right:0px;
}

.x-btn-mc em.x-btn-arrow:after
{
    content:"\f078";
    padding-left: 2px;
}

.x-btn-mc em.x-btn-split 
{
    padding-right: 0px;
}

.x-btn-mc em.x-btn-split:after
{
    content: "\f078";
    border-left: 1.4px solid;
    margin-left: 5px;
    padding-left: 5px;
}

.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
{
    padding:inherit;
}

.x-btn-over .x-btn-mc em.x-btn-split:after, 
.x-btn-click .x-btn-mc em.x-btn-split:after, 
.x-btn-menu-active .x-btn-mc em.x-btn-split:after, 
.x-btn-pressed .x-btn-mc em.x-btn-split:after 
{
    content: "\f078";
    padding-left: 5px;
}

.x-btn-mc em.x-btn-arrow-bottom
{
    background-image: url(../images/detecno32/minus.png);
    padding-bottom: 13px;
    background-position-y: 15px;
}

.x-btn-mc em.x-btn-split-bottom
{
    background-image: url(../images/detecno32/minus.png);
    padding-bottom: 13px;
    background-position-y: 15px;
}

.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/detecno32/minus.png);
    padding-bottom: 13px;
    background-position-y: 15px;
}

.x-btn.group .x-btn-mr
{
    width: 0px;1
}

.x-btn-group-notitle .x-btn-group-tc
{
    height: 0px;
}

.x-btn-group-bwrap
{
    width: inherit;
}

.x-toolbar .x-item-disabled, .x-toolbar .x-item-disabled *
{
    color:gray;
}

.x-toolbar .x-btn-mc em.x-btn-split
{
    border-left: 1.4px solid rgba(0,0,0,0);
}

.x-toolbar .x-btn-mc em.x-btn-split:after 
{
    border-left: 1.4px solid rgba(0,0,0,.3);
    content: "\f078";
    font-size:.8em;line-height: 0.1em;vertical-align:-15%;
    padding-left: 3px;
    margin-left: 5px;
}

.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 
{
    border-left: 1.4px solid rgba(0,0,0,0);
}

.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split:after, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split:after, 
.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split:after, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split:after
{
    border-left: 1.4px solid rgba(0,0,0,.3);
    content: "\f078";
    font-size:.8em;line-height: 0.1em;vertical-align:-15%;
    padding-left: 3px;
    margin-left: 5px;
}

.x-toolbar .x-btn-mc em.x-btn-split-bottom 
{
    background-image:url(../images/detecno32/minus.png);
}


.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/detecno32/minus.png);
}

.x-toolbar .xtb-sep 
{
    width: 2px;
    margin: 0 2px;
}

.x-toolbar .x-btn-mc em.x-btn-arrow 
{
    padding-right:0px;
}

.x-toolbar .x-btn-text-icon .x-btn-icon-small-left .x-btn-text 
{
    padding-left:18px;
}

.x-toolbar .x-btn-mc em.x-btn-split 
{
    padding-right: 0px;
}

.x-tbar-page-last:after
{
    content: "\f050";
    position: relative;
    left: -4px;
}

.x-tbar-page-first:after
{
    content: "\f049";
    position: relative;
    left: -4px;
}

.x-tbar-page-next:after
{
    content: "\f04e";
    position: relative;
    left: -3px;
}

.x-tbar-page-prev:after
{
    content: "\f04a";
    position: relative;
    left: -3px;
}

.x-tbar-loading:after
{
    content: "\f021";
    position: relative;
    left: -3px;
}

.x-item-disabled .x-tbar-loading:after
{
    content: "\f021";
    color:rgba(0,0,0,.5);
    position: relative;
    left: -4px;
}

.x-item-disabled .x-tbar-page-first:after
{
    content: "\f049";
    color:rgba(0,0,0,.5);
    position: relative;
    left: -4px;
}

.x-item-disabled .x-tbar-page-last:after
{
    content: "\f050";
    color:rgba(0,0,0,.5);
    position: relative;
    left: -4px;
}

.x-item-disabled .x-tbar-page-next:after
{
    content: "\f04e";
    color:rgba(0,0,0,.5);
    position: relative;
    left: -3px;
}

.x-item-disabled .x-tbar-page-prev:after
{
    content: "\f04a";
    color:rgba(0,0,0,.5);
    position: relative;
    left: -3px;
}

.x-statusbar .x-status-busy 
{
    background-image: url(../images/detecno32/loading.gif);
}

.x-statusbar .x-status-text-panel
{
    border-color: #99bbe8 #fff #fff #99bbe8;
}

.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/detecno32/e-handle.png);
    background-color: transparent;
}

.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/detecno32/s-handle.png);
    background-color: transparent;
}

.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north
{
    background-image:url(../images/detecno32/s-handle.png);
    background-color: transparent;
}

.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast
{
    background-image:url(../images/detecno32/se-handle.png);
    background-color: transparent;
}

.x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest
{
    background-image:url(../images/detecno32/nw-handle.png);
    background-color: transparent;
}

.x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast
{
    background-image:url(../images/detecno32/ne-handle.png);
    background-color: transparent;
}

.x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest
{
    background-image:url(../images/detecno32/sw-handle.png);
    background-color: transparent;
}

.x-grid3 
{
    width: inherit!important;
}

.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td
{
    font:normal 12px 'Roboto', sans-serif;
    vertical-align: middle;
}

.x-grid3-hd-row td 
{
    border-bottom: 1px solid;
}

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

.x-grid3-row 
{
    width: inherit!important;
}

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

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

.x-grid3-header-pop-inner
{
    background-image:url(../images/default/grid/hd-pop.gif);
}

.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner,
.x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner 
{
    height: auto;
}

.sort-asc .x-grid3-sort-icon 
{
    background-image: url(../images/detecno32/plus.png);
    background-size: contain;
    width: 14px;
    height: 14px;
    margin-left:5px;
}

.sort-desc .x-grid3-sort-icon
{
    background-image: url(../images/detecno32/minus.png);
    background-size: contain;
    width: 14px;
    height: 14px;
    margin-left:5px;
}


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

.x-grid3-body
{
    width: fit-content!important;

}
 
.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);
}

.x-grid3-row-selected
{
    border-style: solid;
}

.x-grid3-row.x-grid3-row-selected.x-grid3-row-expanded, 
.x-grid3-row.x-grid3-row-expanded
{
    background-color: #dddddd94!important;
}

.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;
    border-top-color:#fff;
    border-right-color:#6fa0df !important;
}

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

.x-grid3-topbar, .x-grid3-bottombar
{
    font:normal 14px 'Roboto', sans-serif;
}

.xg-hmenu-sort-asc :before
{
    content:"\f15d";
    margin-right: 5px;
}

.xg-hmenu-sort-desc:before
{
    content:"\f15e";
    margin-right: 5px;
}

.xg-hmenu-lock .x-menu-item-icon:before
{
    content:"\f023";
    margin-right: 5px;
}

.xg-hmenu-unlock .x-menu-item-icon:before
{
    content:"\f13e";
    margin-right: 5px;
}

.x-grid3-hd-btn
{
    text-decoration: none;
}

.x-grid3-hd-btn:after
{
    content:"\f0d7";
    position: relative;
    left: 2.75px;
    top: 30%;
}

td.x-grid3-hd-menu-open .x-grid3-hd-btn
{
    background-color: #ccc;
}

.x-grid3-row-expander:after
{
    content: "\f0fe";
    position:relative;
    top:2.5px;
}

.x-grid3-row-expanded .x-grid3-row-expander:after
{
    content: "\f146";
    position:relative;
    top:2.5px;
}

.x-grid3-body .x-grid3-td-checker 
{
    vertical-align: middle;
}

.x-grid3-row-checker:after, 
.x-grid3-hd-inner.x-grid3-hd-checker .x-grid3-hd-checker:after
{
    content: "\f096";/*blank*/
}

.x-grid3-row-selected .x-grid3-row-checker:after, 
.x-grid3-hd-checker .x-grid3-hd-checker-on:after,
.x-grid3-hd-checker-on .x-grid3-hd-checker:after
{
    content: "\f14a"!important; /*check*/
}


.x-grid3-body .x-grid3-td-numberer
{
    vertical-align: middle;
}

.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner
{
    padding: 0px!important;
    text-align: center;
}

.x-grid3-body .x-grid3-td-row-icon
{
    background-image:url(../images/detecno32/grid3-special-col-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 div.x-grid-group-title
{
    background-image:url(../images/detecno32/group-collapse.gif);
    background-position:3px 6px;
    font:bold 14px 'Roboto', sans-serif;
}

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

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

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

.x-grid-empty 
{
    color:gray;
    font:normal 14px 'Roboto', sans-serif;
}

.x-dd-drag-ghost
{
    font: normal 14px 'Roboto', sans-serif;
    border-color: gray #bbb #bbb gray;
}

.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.gif);
}


.x-tree-node-expanded .x-tree-node-icon,
.x-tree-node-collapsed .x-tree-node-icon
{
    display: none;
}

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

.x-tree-node-loading a span
{
    font-style: italic;
}

.ext-ie .x-tree-node-el input
{
    width:14px;
    height:14px;
}

.x-tree-arrows .x-tree-elbow-end-plus,
.x-tree-arrows .x-tree-elbow-plus,
.x-tree-no-lines .x-tree-elbow-end-plus,
.x-tree-no-lines .x-tree-elbow-plus,
.x-tree-lines .x-tree-elbow-plus,
.x-tree-lines .x-tree-elbow-end-plus
{
    background-image:url(../images/detecno32/plus.png);
    margin-left: 5px;
}

.x-tree-arrows .x-tree-elbow-end-minus,
.x-tree-arrows .x-tree-elbow-minus,
.x-tree-no-lines .x-tree-elbow-end-minus,
.x-tree-no-lines .x-tree-elbow-minus,
.x-tree-lines .x-tree-elbow-minus,
.x-tree-lines .x-tree-elbow-end-minus
{
    background-image:url(../images/detecno32/minus.png);
    margin-left: 5px;
}

li.x-tree-node:last-child
{
    border-bottom: 3px solid;
}

.x-tree-node
{
    font: normal 14px 'Roboto', sans-serif;
}

.x-tree-node a span, .x-dd-drag-ghost a span, .x-tree-node a, .x-dd-drag-ghost a
{
    font-size: 11px;
}

.x-tree-node .x-tree-node-disabled a span
{
    color:gray !important;
}

.x-tree-node div.x-tree-drag-insert-below
{
    border-bottom-color:#36c;
}

.x-tree-node div.x-tree-drag-insert-above
{
    border-top-color:#36c;
}

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

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

.x-tree-node .x-tree-drag-append a span
{
    background-color:gray;
    border-color:gray;
}

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

.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-middle,.x-date-left,.x-date-right
{
    font:bold 14px 'Roboto', sans-serif;
}

.x-date-right a:before
{
    content:"\f0da";
    padding-left:3px; 
}

.x-date-left a:after
{
    content:"\f0d9";
    padding-left:3px; 
}

.x-date-inner th
{
    font:normal 13px 'Roboto', sans-serif;
}

.x-date-inner a
{
    font:normal 14px 'Roboto', sans-serif;
    padding:2px 7px 1px 3px;
}

.x-date-inner .x-date-selected a
{
    padding:1px 6px 1px 2px;
}

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

.x-date-inner .x-date-disabled a
{
    background-color:#eee;
    color:#bbb;
}

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

.x-date-mmenu .x-menu-item
{
    font-size:13px;
    color:#000;
}

.x-date-mp td
{
    font:normal 14px 'Roboto', sans-serif;
}

.x-date-mp-btns button
{
    background-color:transparent;
    border-width: 1.4px;
    font:normal 14px 'Roboto', sans-serif;
}

.x-date-mp-ybtn a.x-date-mp-prev:after
{
    content: "\f0d9";
    line-height: 15px;
}

.x-date-mp-ybtn a.x-date-mp-next:before
{
    content: "\f0da";
    line-height: 15px;
}

.x-date-mp-ybtn a.x-date-mp-prev:hover:after,
.x-date-mp-ybtn a.x-date-mp-next:hover:before
{
    color:rgba(0,0,0,.3);
}

.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: normal 14px 'Roboto', sans-serif;
}

.x-tip .x-tip-header-text
{
    font: bold 14px 'Roboto', sans-serif;
}

.x-tip .x-tip-body
{
    font: normal 14px 'Roboto', sans-serif;
}

.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/detecno32/tip-anchor-sprite.png);
}

.x-menu
{
    border-width: 1.4px;
}

.x-menu-list-item
{
    font:normal 14px 'Roboto', sans-serif;
    padding: 0px;
}

a.x-menu-item
{
    padding:3px 21px;
}

.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/detecno32/group-checked.gif);
}

.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-image: url(../images/default/box/tb.gif);
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

.x-box-mc h3
{
    font-size: 18px;
    font-weight: bold;
}

.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-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
{
    font: normal 15px 'Roboto', sans-serif;
}

.x-combo-list-hd
{
    font:bold 14px 'Roboto', sans-serif;
    background-image: url(../images/default/layout/panel-title-light-bg.gif);
}

.x-combo-list-small
{
    font:normal 14px 'Roboto', sans-serif;
}

.x-panel
{
    font-size: 14px;
}

.x-panel-header
{
    font-weight:700; 
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    border-width: 1.4px;
}

.x-panel-header.x-accordion-hd
{
    border-radius:0px;
}

.x-panel-body
{
    width:inherit!important;
}

.x-tab-panel .x-panel-body
{
    border-width: 0.05em;
}

.x-panel-bbar .x-toolbar,
.x-panel-tbar .x-toolbar 
{
    border-width: 1.4px;
    width: inherit!important;
}

.x-panel-tbar-noheader .x-toolbar, 
.x-panel-mc .x-panel-tbar .x-toolbar
{
    border-width: 1.4px;
}

.x-panel-bl 
{
    background: #007be0 no-repeat 0 bottom;
    padding-left: 6px;
    zoom: 1;
}

.x-panel-tl .x-panel-header
{
    font:bold 14px 'Roboto', sans-serif;

}

.x-panel-tl, .x-panel-tr, 
.x-panel-bl, .x-panel-br 
{
    border-width: 1.4px;
   
}

.x-panel-mc
{
    font: normal 14px 'Roboto', sans-serif;
    border-top:6px solid;
    padding: 0px;
}

.x-tool:after
{
    width: 100%;
    vertical-align: 1.875px;
    position: relative;
    left: -1.25px;
}

.x-tool-toggle:after
{
    content: "\f106";
    left: 0.535px;
}

.x-tool-close:after
{
    content: "\f00d";
    left: -.18px;
}

.x-tool-minimize:after
{
    content: "\f2d1";
}

.x-tool-maximize:after
{
    content: "\f2d0";
}

.x-tool-restore:after
{
    content: "\f2d2";
    left: -1.785px;
}

.x-tool-gear:after
{
    content: "\f013";
    left: -0.535px;
}

.x-tool-pin:after
{
    content: "\f08d";
    left: 0.44625px;
}

.x-tool-unpin
{
    transform: rotate(90deg);
}

.x-tool-unpin:after
{
    content: "\f08d";
    left: 0.44625px;
}

.x-tool-right:after
{
    content: "\f101";
    left: 1.0725px;
}

.x-tool-left:after
{
    content: "\f100";
    left: 0.44625px;
}

.x-tool-up:after
{
    content: "\f102";
    left: 0.44625px;
}

.x-tool-down:after
{
    content: "\f103";
    left: 0.44625px;
}

.x-tool-refresh:after
{
    content: "\f021";
    left: -0.715px;
}

.x-tool-minus:after
{
    content: "\f068";
    left: -.535px;
    vertical-align: 0.875px;
}

.x-tool-plus:after
{
    content: "\f067";
    left: -.535px;
}

.x-tool-help:after
{
    content: "\f128";
    left: 0.44625px;
}

.x-tool-search:after
{
    content: "\f002";
    left: -0.72px;
}

.x-tool-save:after
{
    content: "\f0c7";
    left: -0.57px;
}

.x-tool-print:after
{
    content: "\f02f";
    left: -0.875px;
}

.x-panel-collapsed .x-tool-toggle, .x-tool-expand-north,.x-tool-expand-south,.x-tool-expand-west,.x-tool-expand-east
{
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.x-tool-collapse-north:after,.x-tool-expand-north:after
{
    left: 0.44625px;
    content: "\f103";
}

.x-tool-collapse-west:after,.x-tool-expand-west:after
{
    left: 0.44625px;
    content: "\f100";
}

.x-tool-collapse-east:after,.x-tool-expand-east:after
{
    left: 0.44625px;
    content: "\f101";
}

.x-tool-collapse-south:after,.x-tool-expand-south:after
{
    left: 0.44625px;
    content: "\f103";
}

.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 14px 'Roboto', sans-serif;
}

.x-window-tl .x-window-header
{
    font:bold 14px 'Roboto', sans-serif;
}

.x-window-mc 
{
    font: normal 14px 'Roboto', sans-serif;
    border-top:0px;
    border-width: 1.4px;
}

.x-window-bbar .x-toolbar 
{
    box-shadow: inset 0px 0px 1px 0px;
}

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

.x-window-plain .x-window-body
{
    color: rgba(0,0,0,.5);
}

.x-html-editor-wrap iframe 
{
    width: inherit!important;
}

.x-html-editor-tb .x-btn-text
{
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.x-html-editor-tb .x-edit-bold:after,
.x-menu-item img.x-edit-bold:after
{
    content: "\f032";
    position: relative;
    text-align: center;
    left: -.3em;
    width: 2.14285714em;
}

.x-html-editor-tb .x-edit-italic:after, 
.x-menu-item img.x-edit-italic:after
{
    content: "\f033";
    position: relative;
    left: -.2em;
    width: 100%;
    text-align: center;
    width: 2.14285714em;
}

.x-html-editor-tb .x-edit-underline:after,
.x-menu-item img.x-edit-underline:after
{
    content: "\f0cd";
    position: relative;
    left: -.3em;
    width: 100%;
    text-align: center;
    width: 2.14285714em;
}

.x-html-editor-tb .x-edit-forecolor:after,
.x-menu-item img.x-edit-forecolor:after
{
    content: "\f031";
    position: relative;
    left: -.3em;
    width: 100%;
    text-align: center;
    width: 2.14285714em;
    border-bottom: 2px solid red;
}

.x-html-editor-tb .x-edit-backcolor:after,
.x-menu-item img.x-edit-backcolor:after
{
    content: "\f040";
    position: relative;
    left: -.3em;
    width: 100%;
    text-align: center;
    width: 2.14285714em;
    border-bottom: 2px solid yellow;
}

.x-html-editor-tb .x-edit-justifyleft:after,
.x-menu-item img.x-edit-justifyleft:after
{
    content: "\f036";
    position: relative;
    left: -.3em;
    width: 100%;
    text-align: center;
    width: 2.14285714em;
}

.x-html-editor-tb .x-edit-justifyright:after,
.x-menu-item img.x-edit-justifyright:after
{
    content: "\f038";
    position: relative;
    left: -.3em;
    width: 100%;
    text-align: center;
    width: 2.14285714em;
}

.x-html-editor-tb .x-edit-justifycenter:after,
.x-menu-item img.x-edit-justifycenter:after
{
    content: "\f037";
    position: relative;
    left: -.3em;
    width: 100%;
    text-align: center;
    width: 2.14285714em;
}

.x-html-editor-tb .x-edit-createlink:after,
.x-menu-item img.x-edit-createlink:after
{
    content: "\f0c1";
    position: relative;
    left: -.3em;
    width: 100%;
    text-align: center;
    width: 2.14285714em;
}

.x-html-editor-tb .x-edit-insertorderedlist:after,
.x-menu-item img.x-edit-insertorderedlist:after
{
    content: "\f0cb";
    position: relative;
    left: -.3em;
    width: 100%;
    text-align: center;
    width: 2.14285714em;
}

.x-html-editor-tb .x-edit-insertunorderedlist:after,
.x-menu-item img.x-edit-insertunorderedlist:after
{
    content: "\f0ca";
    position: relative;
    left: -.3em;
    width: 100%;
    text-align: center;
    width: 2.14285714em;
}

.x-html-editor-tb .x-edit-sourceedit:after,
.x-menu-item img.x-edit-sourceedit:after
{
    content: "\f1c9";
    position: relative;
    left: -.3em;
    width: 100%;
    text-align: center;
    width: 2.14285714em;
}

.x-html-editor-tb .x-edit-increasefontsize:before,
.x-menu-item img.x-edit-increasefontsize:before
{
    content: "\f031";
    position: relative;
    width: 100%;
    text-align: center;
    width: 2em;
}

.x-html-editor-tb .x-edit-increasefontsize:after,
.x-menu-item img.x-edit-increasefontsize:after
{
    content: "\f106";
    position: relative;
    left: -.7em;
    font-size: .6em;
    width: 100%;
    text-align: center;
    top: -.6em;
    width: .01em;
    font-weight: bold;
}

.x-html-editor-tb .x-edit-decreasefontsize:before,
.x-menu-item img.x-edit-decreasefontsize:before
{
    content: "\f031";
    position: relative;
    width: 100%;
    text-align: center;
    width: 2em;
}

.x-html-editor-tb .x-edit-decreasefontsize:after,
.x-menu-item img.x-edit-decreasefontsize:after
{
    content: "\f107";
    position: relative;
    left: -0.7em;
    font-size: .6em;
    width: 100%;
    text-align: center;
    top: -.6em;
    font-weight: bold;
    width: .01em;
}

.x-accordion-hd
{
    font-weight:normal;
}

.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-text
{
    font-size:14px;
    font-weight:bold;
    padding: 0 5px !important; 
}

.x-list-header
{
    background-position:0 top;
}

.x-list-header-inner div em
{
    font:normal 14px 'Roboto', sans-serif;
    line-height: 14px;
}

.x-list-body dt em 
{
    font:normal 14px 'Roboto', sans-serif;
}

.x-list-over
{
    background-color: rgba(0, 187, 240, .2);
}

.x-list-selected
{
    background-color: rgba(0, 187, 240, .4);
}

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

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

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

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

.x-slider-horz 
{
    padding-left: 6px;
}

.x-slider-vert 
{
    padding-top: 6px;
}

.x-window-dlg .ext-mb-text,
.x-window-dlg .x-window-header-text
{
    font-size:15px;
}

.x-window-dlg .ext-mb-textarea
{
    font:normal 15px 'Roboto', sans-serif;
}

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

.x-window-dlg .ext-mb-question:after
{
    content: "\f059";
    font-size: 2em;
    padding-left: 10px;
}

.x-window-dlg .ext-mb-warning:after
{
    content: "\f071";
    font-size: 2em;
    padding-left: 10px;
}

.x-window-dlg .ext-mb-info:after
{
    content: "\f05a";
    font-size: 2em;
    padding-left: 10px;
}

.x-window-dlg .ext-mb-error:after
{
    content: "\f057";
    font-size: 2em;
    padding-left: 10px;
}

.x-menu-item-arrow:after
{
    content:"\f054";
    margin: 0 0 0 8px;
}

.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar
{
    width: inherit!important;
}

label
{
    color: rgba(0, 0, 0, 0.5);
}

.x-plain-bwrap
{
    width: inherit;
}


/**Ext Theme**/

/*Color de Fondo y Bordes*/
ul.x-tab-strip-top,
ul.x-tab-strip-bottom,
.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer,
.x-grid-row-editor-buttons-default-bottom,
.x-grid-row-editor .x-panel-body,
.x-tree-node-expanded, 
.x-date-middle,
.x-date-left,
.x-date-right,
.x-date-bottom,
.x-panel-header,
.x-panel-footer,
.x-panel-tl,
.x-panel-tr, 
.x-panel-bl,
.x-panel-br,
.x-panel-bc,
.x-panel-mc,
.x-panel-ml,
.x-panel-mr,
.x-window-tc,
.x-window-tl,
.x-window-tr,
.x-window-bc,
.x-window-bl,
.x-window-br,
.x-window-ml,
.x-window-mr,
.x-window-maximized .x-window-tc,
.x-layout-collapsed,
.x-resizable-handle.x-resizable-handle-north, 
.x-resizable-handle.x-resizable-handle-south, 
.x-resizable-handle.x-resizable-handle-east, 
.x-resizable-handle.x-resizable-handle-west,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander,.x-grid3-body .x-grid3-td-expander
{
    /*background-color: #00bbf0;*/
    background-color: white;
    
}

.x-grid3-row-selected,
.x-date-mp,
.x-date-mp-btns
{
     /*background-color: #00bbf0!important;*/
     background-color: #3181ff!important;
}

.x-panel-mc
{
    /*border-color:#00bbf0;*/
     border-color:white;
}

.x-progress-bar
{
    border:none;
}

/**Color de Fondo Toolbar/Grid**/
.x-form-field-wrap .x-form-trigger,
.x-toolbar,
.x-accordion-hd,
.x-progress-bar,
.x-list-header,
.x-resizable-proxy,
ul.x-tab-strip li,
.x-date-inner th,
.x-window-proxy,
.x-tree-node-expanded,
.x-panel-body .x-form .x-btn,
.x-panel-body .x-btn,
.x-menu-item-active
{
    /*background-color: #4e6a96;*/
     background-color: #3181ff;

}

.x-props-grid .x-grid3-body .x-grid3-td-name,
.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-color: #4e6a96!important;*/
     background-color: white!important;
}

.x-props-grid .x-grid3-td-name .x-grid3-cell-inner,
li.x-tree-node:last-child,
.x-grid3-header,
.x-grid3-hd-inner,
.x-grid3-hd-row td
{
    /*border-color:#4e6a96;*/
    border-color:white;
}

/**Botones Color de Fondo**/
.x-form .x-btn,
.x-panel-body .x-btn, body .x-btn,
#btnHome,
#panelXMl .x-btn
{
   /*background-color: #4e6a96;
     background-color: #3181ff;*/
     background-color: #4a4b4b;
     border-color: #4a4b4b;
}

/*#btnSesion{
    background-color: #fff;
}
#btnSesion button
{
    color:#8a8a8a;
}*/

/**Botones Color Cursor**/
.x-form .x-btn.x-btn-over,
#btnHome.x-btn.x-btn-over,
#panelXMl .x-btn.x-btn-over,
.x-panel-body .x-btn.x-btn-over, body .x-btn.x-btn-over,
.x-btn-over,
.x-btn-over .x-btn button
{
   background-color: rgba(0, 0, 0, 0.52);
   color:#fff!important;
}

/**Color Deshabilitado**/
.x-item-disabled , .x-item-disabled *{color: rgba(0,0,0,.4) !important;}

/**Color Texto**/
.x-tab-strip span.x-tab-strip-text,
.x-tab-strip-over span.x-tab-strip-text,
.x-tab-strip-active span.x-tab-strip-text,
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close,
.x-form-check-group-label,
.x-btn-over .x-btn button,
.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text,
.x-btn-mc em.x-btn-arrow:after,
.x-btn-mc em.x-btn-split:after,
.x-toolbar .x-btn-mc em.x-btn-split:after,
.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split:after, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split:after, 
.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split:after, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split:after,
.x-tbar-page-last:after,
.x-tbar-page-first:after,
.x-tbar-page-next:after,
.x-tbar-page-prev:after,
.x-tbar-loading:after,
.x-grid3-cell-text, .x-grid3-hd-text,
.x-grid3-hd-text,
.x-grid3-row-selected .x-grid3-cell-inner,
.x-grid3-cell-selected .x-grid3-cell-text,
.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker,
.x-cols-icon,
.x-tree-node .x-tree-selected a, .x-dd-drag-ghost a,
.x-tree-node .x-tree-selected a span, .x-dd-drag-ghost a span,
.x-date-middle,.x-date-left,.x-date-right,
.x-date-middle .x-btn .x-btn-text,
.x-date-inner th,
.x-date-inner .x-date-selected span,
.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover,
.x-date-mp-btns button,
td.x-date-mp-month a,td.x-date-mp-year a,
td.x-date-mp-month a:hover,td.x-date-mp-year a:hover,
.x-date-mp-ybtn a.x-date-mp-prev:after,
.x-date-mp-ybtn a.x-date-mp-next:before,
.x-combo-list-hd,
.x-combo-list .x-combo-selected,
.x-panel-bbar .x-btn button,
.x-tool-toggle-over,.x-tool-close-over, .x-tool-expand-north-over,.x-tool-expand-south-over, .x-tool-expand-west-over, .x-tool-expand-east-over,
.x-tool-minimize-over,.x-tool-maximize-over,.x-tool-restore-over, .x-tool-gear-over, .x-tool-pin-over, .x-tool-unpin-over,.x-tool-unpin-over,
.x-tool-right-over, .x-tool-left-over,.x-tool-refresh-over,.x-tool-minus-over,.x-tool-plus-over,.x-tool-help-over, .x-tool-search-over, .x-tool-save-over,
.x-tool-print-over,.x-tool-down-over, .x-tool-up-over,
.x-panel-tbar .x-btn .x-btn-over button,
.x-accordion-hd,
.x-progress-text,
.x-btn button,
.x-toolbar .x-btn button,.x-toolbar div.xtb-text,
.x-menu-item-active .x-menu-item-arrow:after,
.x-panel-header.x-accordion-hd .x-panel-header-text,
.x-list-header-inner div em,
.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc,
.x-toolbar label,
td.sort-asc .x-grid3-hd-inner
{
    color:#fff;
    /*color:#3181ff;*/
}


.x-panel-header,
.x-panel-tl .x-panel-header,
.x-window-tl .x-window-header,
.x-date-right a:before,
.x-date-left a:after,
.x-layout-collapsed,
.x-grid3-hd-inner,
.x-grid3-hd-inner.x-grid3-hd-checker .x-grid3-hd-checker:after,
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,
.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover,
{
    color:#3181ff;
}


.x-grid3-cell-selected span,
.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div,
.x-props-grid .x-grid3-td-name .x-grid3-cell-inner,
.x-tree-node-expanded a span, .x-tree-node-collapsed a span,
.x-menu-item-active a,.x-menu-item-active span
{
    color:#fff !important;
}


.x-tree-node-over a,.x-tree-node-over a span,
.x-grid3-row-over .x-grid3-cell-inner,
.x-grid3-row-selected .x-grid3-td-numberer .x-grid3-cell-inner,
.x-grid3-row-over .x-grid3-td-numberer .x-grid3-cell-inner,
.x-grid3-row-expanded .x-grid3-row-expander:after,
.x-grid3-row-selected .x-grid3-row-checker:after, 
.x-grid3-hd-checker .x-grid3-hd-checker-on:after,
.x-grid3-hd-checker-on .x-grid3-hd-checker:after
{
    color:#fff !important;
}

/**Color Fondo, formas, paneles**/
.x-tab-panel-body,
.x-form-text, textarea.x-form-field,
.x-form-select-one,
.x-editor .x-form-check-wrap,
.x-form-invalid, 
textarea.x-form-invalid,
.ext-webkit .x-form-invalid,
.ext-webkit textarea.x-form-invalid,
.ext-safari .x-form-invalid,
.x-form-inner-invalid, 
textarea.x-form-inner-invalid,
.x-resizable-handle,
.x-resizable-overlay,
.x-grid3,
.x-grid-row-loading,
.x-dd-drag-ghost,
.x-date-picker,
.x-tip .x-tip-ml,
.x-combo-list,
.x-combo-list-inner,
.x-panel-body,
.x-panel-body-noheader, 
.x-panel-mc .x-panel-body,
.x-window-mc,
.x-window-plain .x-window-mc,
.x-html-editor-wrap,
.x-html-editor-wrap iframe,
.x-grid3-hd-btn,
.x-view-selector,
body.x-body-masked .x-window-plain .x-window-mc,
.x-box-blue .x-box-mc,
.x-form-focus, textarea.x-form-focus,
.x-menu
{
    background-color: #fff;
}

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

/**Overs**/
ul.x-tab-strip li:hover,
ul.x-tab-strip li.x-tab-strip-active,
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover,
.x-form-field-wrap .x-form-trigger.x-form-trigger-over,
.x-form-field-wrap .x-form-trigger.x-form-trigger-click,
.x-grid-panel .x-panel-mc .x-panel-body,
.x-tab-panel-header, .x-tab-panel-footer,
.x-form-check-group-label,
.x-grid3-body .x-grid3-td-expander,
.x-view-selector,
.x-date-inner .x-date-selected a,
.x-date-mp-btns button:hover,
.x-cycle-menu .x-menu-item-checked,
.x-combo-list .x-combo-selected,
.x-tool-toggle-over,.x-tool-close-over, .x-tool-expand-north-over,.x-tool-expand-south-over, .x-tool-expand-west-over, .x-tool-expand-east-over,
.x-tool-minimize-over,.x-tool-maximize-over,.x-tool-restore-over, .x-tool-gear-over, .x-tool-pin-over, .x-tool-unpin-over,.x-tool-unpin-over,
.x-tool-right-over, .x-tool-left-over,.x-tool-refresh-over,.x-tool-minus-over,.x-tool-plus-over,.x-tool-help-over, .x-tool-search-over, .x-tool-save-over,
.x-tool-print-over,.x-tool-down-over, .x-tool-up-over,
.x-toolbar .xtb-sep
{
    background-color: rgba(0, 0, 0, 0.52);
}

.x-tree-node .x-tree-node-over,
.x-tree-node .x-tree-node-expanded.x-tree-node-over,
.x-tree-node .x-tree-node-collapsed.x-tree-node-over,
td.x-date-mp-sel a,
td.x-date-mp-month a:hover, td.x-date-mp-year a:hover,
.x-grid3-row-over,
.x-tree-node-collapsed,
.x-tree-node .x-tree-selected,
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:rgba(0, 0, 0, .3);
}

.x-dd-drag-proxy .x-grid3-hd-inner,
.x-grid3-cell-selected,
.x-grid3-body .x-grid3-td-numberer,
.x-menu-sep,
.x-panel-ghost,
.x-window-bbar .x-toolbar,
.x-window-plain .x-window-mc,
.x-layout-collapsed-over,
.x-progress-inner,
.x-btn-group-tl,
.x-grid3-body .x-grid3-td-checker
{
    background-color:rgba(0, 0, 0, 0);
}


/**Borders**/
.x-tab-panel-footer-plain .x-tab-strip-spacer,
.x-tab-panel-body,
.x-tab-panel-header, .x-tab-panel-footer,
.x-btn-mc em.x-btn-split:after,
.x-tab-panel .x-panel-body,
.x-date-inner td,
.x-date-inner .x-date-selected a,
.x-date-inner .x-date-today a,
.x-date-mp-btns button,
td.x-date-mp-sel a,
.x-menu,
.x-menu-item-active,
.x-menu-item-active a.x-menu-item,
.x-menu .x-date-picker,
.x-cycle-menu .x-menu-item-checked,
.x-panel,
.x-panel-header,
.x-panel-ghost ul,
.x-panel-dd-spacer,
.x-window-proxy,
.x-window-mc ,
.x-window-plain .x-window-body,
.x-layout-collapsed,
.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc,
.x-panel-body,
.x-window-plain .x-window-mc
{
    /*border-color: rgba(0,0,0,.3);*/
    border:none;
}

.x-btn,
.x-form-text, textarea.x-form-field,
.x-form-select-one,
.x-toolbar,
.x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar,
.x-fieldset,
.x-html-editor-wrap
{
    border-color: rgba(0,0,0,.3);
}

.x-form-focus, textarea.x-form-focus
{
    border-color: rgba(0,0,0,.52);
}

.x-grid3-row{
    /*border-top:0px;*/
    border:none;
}

.x-grid3-viewport {
    border: 1.4px solid #b2b2b2;
}

ul.x-tab-strip-top,
.x-tab-scroller-left-over,
.x-tab-scroller-right,
.x-tab-scroller-left,
.x-trigger-wrap-focus .x-form-trigger,
.x-item-disabled .x-form-trigger-over,
.x-item-disabled .x-form-trigger-click,
.x-dd-drag-proxy .x-grid3-hd-inner,
.x-grid-group-hd,
.x-date-inner th,
td.x-date-mp-month a:hover,td.x-date-mp-year a:hover,
td.x-date-mp-sel a,
.x-combo-list-hd,
.x-resizable-pinned .x-combo-list-inner,
.x-panel-ghost .x-window-tl,
.x-panel-collapsed .x-window-tl,
.x-panel-tl, .x-panel-tr, 
.x-panel-bl, .x-panel-br ,
.x-grid3-row
{
    /*border-bottom-color: rgba(0, 0, 0, 0.2);*/
    border:none;
}

ul.x-tab-strip-bottom,
.x-panel-tbar-noheader .x-toolbar, 
.x-panel-mc .x-panel-tbar .x-toolbar,
.x-grid3-bottombar .x-toolbar,
.x-date-bottom,
.x-date-mp-btns td,
.x-combo-list .x-toolbar
{
    /*border-top-color: rgba(0, 0, 0, 0.52);*/
    border:none;
}

.x-grid3-hd-row td
{
    /*border-left-color: rgba(255, 255, 255, 0.3);*/
    border-right-color: rgba(0,0,0,.3);
    border-bottom-color: rgba(0,0,0,.3);
    /*border:none;*/
}


.x-grid3-header-pop
{
    border-left-color:#d0d0d0;
}

.x-grid3-header-pop-inner
{
    border-left-color:#eee;
}

.x-props-grid .x-grid3-td-name .x-grid3-cell-inner
{
    border-left: 8px solid;
}

.x-props-grid .x-grid3-body .x-grid3-td-name
{
    border-right-color:#223;
}

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

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

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

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

.x-menu-sep
{
    border-bottom-color: transparent;
}

.x-combo-list-item
{
    border-color: transparent;
}

.x-combo-list .x-combo-selected
{
    border-color:rgba(0, 0, 0,.52) !important;
}

.x-panel-noborder .x-panel-tbar-noborder .x-toolbar
{
    border-bottom-color:rgba(1,1,1,.3);
}

.x-panel-noborder .x-panel-bbar-noborder .x-toolbar
{
    border-top-color:rgba(1,1,1,.3);
}

.x-tab-panel-bbar-noborder .x-toolbar
{
    border-top-color:rgba(1,1,1,.3);
}

.x-tab-panel-tbar-noborder .x-toolbar
{
    border-bottom-color:rgba(1,1,1,.3);
}

.x-list-header-inner div em
{
    border-left-color: rgba(0,0,0,.3);
}

.x-list-resizer
{
    border-left-color:#555;
    border-right-color:#555;
}

.x-btn-group-tl
{
    border-top: 1.4px solid rgba(0,0,0,.3);
    border-left: 1.4px solid rgba(0,0,0,.3);
    padding: 0px;
}

.x-btn-group-tr
{
    border-right: 1.4px solid rgba(0,0,0,.3);
    padding: 0px;
}

.x-btn-group-bc 
{
    border-bottom: 1.4px solid rgba(0,0,0,.3);
}

.x-btn-group-bl
{
    padding: 0px;
    border-left: 1.4px solid rgba(0,0,0,.3);
    
}

.x-btn-group-br 
{
    padding: 0px;
    border-right: 1.4px solid rgba(0,0,0,.3);  
}

.x-btn-group-ml 
{
    border-left: 1.4px solid rgba(0,0,0,.3);
    padding:0px;
}

.x-btn-group-mr
{
    border-right: 1.4px solid rgba(0,0,0,.3);
}

.x-toolbar
{
    border-width: 0 0 1.4px 0;
}

/**Redondeo Componentes**/
.ext-el-mask-msg div,
.x-date-picker,
.x-date-mp,
.x-date-mp-btns button,
.x-menu-floating,
.btnAzul,
.btnBlanco,
.loginInput
{
    border-radius:8px;
}

.x-form-text, textarea.x-form-field,
.x-btn
{
    border-radius: 4px;
}

.x-window-tr{border-radius:0px 8px 0 0;}
.x-btn-group-tl{border-radius: 1.4px 1.4px 0 0;}
.x-btn-group-bl{border-radius: 0px 1.4px ;}
.x-btn-group-br {border-radius: 1.4px 0px ;}
.x-date-left{border-radius: 8px 0 0 0;}
.x-date-right{border-radius: 0 8px 0 0;}
.x-window-br{border-radius: 0 0 8px 0;}
.x-form-field-wrap .x-form-trigger{border-radius: 0px 4px 4px 0px;}
.x-form-field-wrap input{border-radius: 4px 0 0 4px;}

ul.x-tab-strip-top li,
.x-panel-header,
.x-panel-tl,.x-panel-tr,
.x-window-tl
{
    border-radius: 8px 8px 0 0;
}

ul.x-tab-strip-bottom li,
.x-date-bottom,
.x-date-mp-btns,
.x-date-mp-btns td,
.x-panel-bbar .x-toolbar,
.x-panel-bl,
.x-window-bl
{
    border-radius: 0 0 8px 8px;
}

.x-panel-br
{
    border-radius: 0 0 8px 0;
}

/**Eiminar Imagenes y Bordes**/
.ext-el-mask-msg,
.ext-el-mask-msg div,
.x-tab-scroller-left,
.x-tab-scroller-right,
.x-form-field-wrap .x-form-trigger,
.x-menu-floating,
.x-combo-list,
.x-panel-noborder .x-panel-header-noborder,
.x-progress-wrap,
.x-progress-bar
.btnAzul,
.btnAzul .x-btn-mc , .btnBlanco .x-btn-mc
{
    border:none;
}

.ext-el-mask-msg,
ul.x-tab-strip-top,
ul.x-tab-strip-bottom,
.x-tab-strip-over ,
.x-tab-strip-bottom .x-tab-strip-over .x-tab-right, 
.x-tab-strip-bottom .x-tab-strip-over .x-tab-left,
.x-tab-strip-top .x-tab-strip-over .x-tab-right,
.x-tab-strip-top .x-tab-strip-over .x-tab-left,
.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner,
.x-tab-strip-bottom .x-tab-right,
.x-tab-strip-bottom .x-tab-left,
.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 .x-tab-strip-closable a.x-tab-strip-close,
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover,
.x-form-text, textarea.x-form-field,
.x-form-invalid-msg,
.x-form-invalid-icon,
.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,
.x-btn-mc em.x-btn-arrow,
.x-btn-mc em.x-btn-split,
.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,
.x-btn-group-tc,
.x-btn-group-tl,
.x-btn-group-tr,
.x-btn-group-bc,
.x-btn-group-bl,
.x-btn-group-br,
.x-btn-group-ml,
.x-btn-group-mr,
.x-btn-group-notitle .x-btn-group-tc,
.x-toolbar,
.x-toolbar .x-btn-mc em.x-btn-split,
.x-toolbar .x-btn-mc em.x-btn-split:after,
.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,
.x-toolbar .x-btn-over .x-btn-mc em.x-btn-split:after, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split:after, 
.x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split:after, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split:after,
.x-toolbar .xtb-sep,
.x-tbar-page-first,.x-item-disabled .x-tbar-page-first,
.x-tbar-page-last,.x-item-disabled .x-tbar-page-last,
.x-tbar-page-next,.x-tbar-page-prev,
.x-item-disabled .x-tbar-page-next,
.x-item-disabled .x-tbar-page-prev,
.x-tbar-loading,
.x-item-disabled .x-tbar-loading,
.x-grid3-row-over,
.x-grid3-header,
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,
.x-dd-drag-proxy .x-grid3-hd-inner,
.x-grid3-row-selected,
.x-props-grid .x-grid3-td-name .x-grid3-cell-inner,
.xg-hmenu-sort-asc .x-menu-item-icon,
.xg-hmenu-sort-desc .x-menu-item-icon,
.xg-hmenu-lock .x-menu-item-icon,
.xg-hmenu-unlock .x-menu-item-icon,
.x-grid3-hd-btn,
.x-grid3-body .x-grid3-td-expander,
.x-grid3-row-expander,
.x-grid3-row-expanded .x-grid3-row-expander,
.x-grid3-body .x-grid3-td-checker,
.x-grid3-row-checker, .x-grid3-hd-checker,
.x-grid3-body .x-grid3-td-numberer,
.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,
.x-tree-node-expanded .x-tree-node-icon,
.x-tree-node-leaf .x-tree-node-icon,
.x-tree-node-collapsed .x-tree-node-icon,
.x-tree-node .x-tree-node-inline-icon,
.x-tree-lines .x-tree-elbow,
.x-tree-lines .x-tree-elbow-end,
.x-tree-lines .x-tree-elbow-line,
.x-tree-lines .x-tree-elbow-end,
.x-tree-no-lines .x-tree-elbow-end,
.x-date-middle,.x-date-left,.x-date-right,
.x-date-middle .x-btn-mc em.x-btn-arrow,
.x-date-right a,
.x-date-left a,
.x-date-inner th,
.x-date-inner .x-date-selected a,
.x-date-bottom,
.x-date-mp-btns,
td.x-date-mp-sel a,
.x-date-mp-ybtn a,
.x-menu,
.x-menu-nosep,
.x-menu-item-active,
.x-menu-group-item .x-menu-item-icon,
.x-panel-header,
.x-panel-tc,
.x-panel-tl, .x-panel-tr, 
.x-panel-bl, .x-panel-br,
.x-panel-bc,
.x-panel-ml,.x-panel-mr,
.x-tool,
.x-window-tc,.x-window-tl,.x-window-tr,.x-window-bc,.x-window-bl,.x-window-br,
.x-window-ml,.x-window-mr,
.x-html-editor-tb .x-btn-text,
.x-accordion-hd,
.x-progress-bar,
.x-progress-inner,
.x-list-header,
.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc,
.x-window-dlg .ext-mb-question,
.x-window-dlg .ext-mb-warning,
.x-window-dlg .ext-mb-info,
.x-window-dlg .ext-mb-error,
.x-menu-item-arrow,
.x-row-editor .x-btns .x-plain-body,
.x-tree-lines .x-tree-elbow,
.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: none!important;
}


/**UX**/
.x-row-editor .x-btns .x-plain-body{background-color:#8a8a8a;}
.x-row-editor-body {background-color: #8a8a8a;}

/**Font Awesome**/
.fa{padding-left: 0px!important;}
.fa:before,.fa:after{font:normal normal normal 14px/1 FontAwesome !important;   
                     /* padding: 0 5px;*/
                      }
.fa-lg:before, .fa-lg:after{font-size: 1.33333333em!important;line-height: 0.75em;vertical-align: -15%;}
.fa-2x:before, .fa-2x:after{font-size: 2em!important;}
.fa-3x:before , .fa-3x:after{font-size: 3em!important;}
.fa-4x:before,.fa-4x:after{font-size: 4em!important;}
.fa-5x:before,.fa-5x:after {font-size: 5em!important;}
.fa-fw:before,.fa-fw:after {width: 1.28571429em!important;text-align: center;}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close,
.x-btn-mc em.x-btn-split,
.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,
.x-tool:after
{
    font: normal normal normal 10px/1 FontAwesome !important;
}

.x-form-invalid-msg:before,
.x-form-invalid-icon,
.x-btn-mc em.x-btn-arrow,
.x-toolbar .x-btn-mc em.x-btn-split,
.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,
.x-tbar-page-first,.x-item-disabled .x-tbar-page-first,
.x-tbar-page-last,.x-item-disabled .x-tbar-page-last,
.x-tbar-page-next,.x-tbar-page-prev,
.x-item-disabled .x-tbar-page-next,
.x-item-disabled .x-tbar-page-prev,
.x-tbar-loading,
.x-item-disabled .x-tbar-loading,
.xg-hmenu-sort-asc :before,
.xg-hmenu-sort-desc:before,
.xg-hmenu-lock .x-menu-item-icon:before,
.xg-hmenu-unlock .x-menu-item-icon:before,
.x-grid3-row-expander,
.x-grid3-row-expanded .x-grid3-row-expander,
.x-grid3-row-checker:after, 
.x-grid3-hd-inner.x-grid3-hd-checker .x-grid3-hd-checker:after,
.x-grid3-row-selected .x-grid3-row-checker:after, 
.x-grid3-hd-checker .x-grid3-hd-checker-on:after,
.x-grid3-hd-checker-on .x-grid3-hd-checker:after,
.x-html-editor-tb .x-btn-text,
.x-window-dlg .ext-mb-question,
.x-window-dlg .ext-mb-warning,
.x-window-dlg .ext-mb-info,
.x-window-dlg .ext-mb-error,
.x-menu-item-arrow
{
    font: normal normal normal 14px/1 FontAwesome !important;
}

.x-grid3-hd-btn
{
    font: normal normal normal 16px/1 FontAwesome !important;
}

.x-date-mp-ybtn a
{
    font:normal normal normal 18px/1 FontAwesome !important;
}

.x-date-right a,
.x-date-left a
{
    font: normal normal normal 20px/1 FontAwesome !important;
}

/**Col.Ad.**/
.rojo{background-color: tomato!important;color:#fff!important;}
.amarillo{background-color:#FFD62C!important;color:#fff!important;}
.verde{background-color:#32B999!important;color:#fff!important;}
.azul{background-color:#337CC7!important;color:#fff!important;}
.morado{background-color:#AA6EC5!important;color:#fff!important;}
.naranja{background-color:#ff9800!important;color:#fff!important;}

.x-btn.rojo:hover, .x-btn.rojo:focus, .x-btn.rojo:visited{background-color: rgb(255, 61, 0)!important;color: rgba(0, 0, 0,.5)!important;}
.x-btn.amarillo:hover, .x-btn.amarillo:focus, .x-btn.amarillo:visited{background-color: #f0cc36!important;color: rgba(0, 0, 0,.5)!important;}
.x-btn.verde:hover, .x-btn.verde:focus, .x-btn.verde:visited{background-color: #248b73!important;color: rgba(0,0,0,.5)!important;}
.x-btn.azul:hover, .x-btn.azul:focus, .x-btn.azul:visited{background-color: #1d4c7d!important;color: rgba(0,0,0,.5)!important;}
.x-btn.morado:hover, .x-btn.morado:focus, .x-btn.morado:visited{background-color: #744a87!important;color: rgba(0,0,0,.5)!important;}
.x-btn.naranja:hover, .x-btn.naranja:focus, .x-btn.naranja:visited{background-color: tomato!important;color: rgba(0,0,0,.5)!important;}
.x-btn.rojo:active, .x-btn.amarillo:active, .x-btn.verde:active, .x-btn.azul:active, .x-btn.morado:active,.x-btn.naranja:active{background-color:#7f7f7f!important;}
/**Login**/
#wlogin .x-form-item-label{color:rgba(255,255,255,1);}
.btnAzul{background-color:#14b9fc!important;color:#fff;float: right; }
.btnBlanco{background-color:#fff!important;color:#4a4b4b;text-transform: uppercase;border:none;}
.loginInput{padding:5px;}
.btnAzul:hover,.btnBlanco:hover{background-color:rgba(0,0,0,.5)!important;}
.btnFrmLogin:hover,.btnBlanco:hover{background-color:rgba(0,0,0,.5)!important;}
.btnBlanco .x-btn-mc button{color:#4a4b4b;}
#loginForm .x-form-invalid-msg{color:#fff;text-align:left;}
/*#btnSesion, #btnHome{padding: 2px 3px;}
#btnSesion:hover, #btnHome:hover{background-color:rgba(0,0,0,.5);}
#btnSesion.btn-over button:before{color:#fff!important;}
#body
{
    background-color: '#e4eaf6',
    background-image:'url(https://i.imgur.com/LcH0Q03.png)',
    height:'inherit'
}*/

/**Menu**/
.x-tree-root-ct{min-width: 100%;width: fit-content;}
.x-tree-node-el{padding: 10px;text-transform: uppercase;font-weight: 700;}
.x-tree-node-el .fa{width: 30px;text-align: center;}
.x-tree-node-el .fa:before, .x-tree-node-el .fa:after{font-size: 18px!important;}
.x-tree-node-el{padding: 8px 8px 8px 0px;}

/**MainPage**/
.nombre{font-size: 10px;}
.user{font-size: 11px;}
.footer{font-size: 10px;font-weight: bold;background-color: #FFFFFF;}
#header2{padding:0 5px;display: flex;display:-ms-flexbox;flex-wrap: wrap;align-items: center;justify-content: space-between;}
#header3{padding:5px;display: flex;display:-ms-flexbox;flex-wrap: wrap;align-items: center;justify-content: space-between;}
#header .fa-user-circle-o:before{font: normal normal normal 40px/1 FontAwesome !important;}

/**Anim**/
.rotate{transition: ease 2.0s;transform: rotate(360deg);transition-property: all;}

/**Estilo CSS**/
.imgradio{background-image: url(../images/detecno32/radio1.png) !important;display: none;}

.imgaceptar,.imgcancelar,.imgfind,.imgpdf,.imgxml,.imgxml2,.imgmenu,.imginv,.imgkey,.imgkey2 ,.imgkeys,.imglock, .imgzip, .imghome,.imgsearch,
.imguserAdd,.imguserDel,.imguserEdit,.imguser,.imgpassEdit,.imgreload,.imgerror,.imginfo,.imgfile,.imgfiles,.imgup,.imgjoin,.imgeraser,.imgedit,.imgatt,
.imglink,.upload-icon,.lock,.imgExcel,.addBank,.delBank,.imgvalidaSat,.imglogout,.imgerror,.imgforward,.upload-icon
{
     padding-left: 0px!important;
}

.imgaceptar:before,.imgcancelar:before,.imgfind:before,.imgpdf:before,.imgxml:before,.imgxml2:before,.imgmenu:before,.imginv:before,.imgkey:before,
.imgkey2:before,.imgkeys:before,.imglock:before, .imgzip:before, .imghome:before,.imgsearch:before,.imguserAdd:before,.imguserDel:before,.imguserEdit:before,
.imguser:before,.imgpassEdit:before,.imgreload:before,.imgerror:before,.imginfo:before,.imgfile:before,.imgfiles:before,.imgup:before,.imgjoin:before,
.imgeraser:before,.imgedit:before,.imgatt:before,.imglink:before,.upload-icon:before,.lock:before,.imgExcel:before,.addBank:before,.delBank:before,
.imgvalidaSat:before,.imglogout:before,.imgerror:before,.imgforward:before,.upload-icon:before
{
   font:normal normal normal 16px/1 FontAwesome !important;
   padding-right: 5px;
}

.imgaceptar:before{content:"\f058";}
.imguserEdit:before, .imgpassEdit:before, .imgedit:before{content:"\f040";}
.imgcancelar:before{content:"\f057";}
.imgkey:before{content:"\f08b";}
.upload-icon:before{content:"\f093";}
.imgkey2:before{content:"\f084";}
.imgzip:before{content:"\f1c6";}
.imgfind:before{content:"\f1e5";}
.imgsearch:before{content:"\f002";}
.imgpdf:before{content:"\f1c1";}
.imgxml:before{content:"\f1c1";}
.imgreload:before{content:"\f021";}
.imghome:before{content:"\f015";}
.imguserAdd:before{content:"\f234";}
.imguserDel:before{content:"\f235";}
.imguser:before{content:"\f007";}
.imgerror:before{content:"\f06a";}
.imgxml:before{content:"\f0c5";}
.imgxml2:before{content:"\f1c9";}
.imginfo:before{content:"\f059"; color:#337CC7;}
.imgfile:before{content:"\f0f6";}
.imgfiles:before{content:"\f0f5";}
.imgup:before{content:"\f176";}
.imgjoin:before{content:"\f0ee";}
.imgeraser:before{content:"\f12d";}
.imgatt:before{content:"\f0c6";}
.imglink:before{content:"\f0c1";}
.lock:before{content:"\f023";}
.imgExcel:before{content:"\f1c3";}
.addBank:before{content:"\f055";}
.delBank:before{content:"\f056";}
.imgvalidaSat:before{content:"\f046";}
.imgforward:before{content:"\f112"; }


/** GRID FILTERS **/

.x-grid3-hd-row td.ux-filtered-column {   
    font-style: italic;  
    font-weight: bold;
}		

.ux-filtered-column.sort-asc .x-grid3-sort-icon {
	background-image: url(../images/sort_filtered_asc.gif) !important;
}

.ux-filtered-column.sort-desc .x-grid3-sort-icon {
	background-image: url(../images/sort_filtered_desc.gif) !important;
}

.ux-gridfilter-text-icon {
	background-image: url(../images/find.png) !important;
}

/* Temporary Patch for Bug ??? */
.x-menu-list-item-indent .x-menu-item-icon {
	position: relative;
    top: 3px;
    left: 3px;
	margin-right: 10px;
}
li.x-menu-list-item-indent {
	padding-left:0px;
}
li.x-menu-list-item div {
	display: block;
}


/**
 * RangeMenu Styles
 **/
.ux-rangemenu-gt {
	background-image: url(../images/greater_than.png) !important;
}

.ux-rangemenu-lt {
	background-image: url(../images/less_than.png) !important;
}

.ux-rangemenu-eq {
	background-image: url(../images/equals.png) !important;
}


/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

/* AWESOME UPLOADER */
/*
For hidden file selection and form
*/
.au-hidden, .au-hidden *, *.au-hidden {
	visibility: hidden;
	width:1px;
	height:1px;
	display:block;
	z-index:-99;
	position:absolute;
}

/*
For progress bar:
*/

td.x-grid3-td-progress-cell {
    padding: 0;
}

td.x-grid3-td-progress-cell div.x-grid3-cell-inner {
    padding: 0;
    position: relative;
    height: 21px;
}

.ux-progress-cell-inner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.ux-progress-cell-background {
    background: #E0E8F3; /*url(../../resources/images/default/qtip/bg.gif) repeat-x scroll 0 -1px;*/
    white-space: nowrap;
}
.x-grid3-td-progress-cell .low {
    background: #11aa11;
}
.x-grid3-td-progress-cell .medium {
    background: #f1fa1a;
}
.x-grid3-td-progress-cell .high {
    background: #ee1111;
}

.ux-progress-cell-foreground {
    color: #000;
    background-color: #9CBFEE;
    white-space: nowrap;
    overflow: hidden
}

.ux-progress-cell-inner-right {
    text-align: right;
}

.ux-progress-cell-inner-center {
    text-align: center;
}

.ux-progress-cell .ux-progress-cell-inner div {
    padding: 3px 0 0 4px;
}

.ux-progress-cell-inner-right div {
    padding: 3px 4px 0 0;
    position: relative;
}

.ux-progress-cell-inner-center div {
    padding: 3px 0 0 0;
    position: relative;
}

.ux-progress-cell-inner-left div {
    padding: 3px 0 0 4px;
    position: relative;
}


/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}



/**TEXT COLOR**/
.txt-red { color:#ff5757;}
.txt-green { color:#32B999;}
.txt-blue { color:rgb(49, 129, 255);}
.txt-orange { color:#fdae1e;}
.txt-gray { color:#8a8a8a; }
.txt-white { color:#fff; }
.txt-yellow { color:#ffdf01; }


/**ROW EDITOR**/

.ext-ie .x-row-editor .x-form-text {
    margin:0 !important; 
}
.x-row-editor-header {
    height:2px;
    overflow:hidden;
    background: #dbdbdb;
    font-weight: bold;
}
.x-row-editor-footer {
    height:2px;
    overflow:hidden;
    background: #dbdbdb;
    font-weight: bold;
}
.ext-ie .x-row-editor-footer {
    margin-top:-1px;
}

.x-row-editor-body {
    overflow:hidden;
    zoom:1;
    background: #dbdbdb;
    padding-top:2px;
}
.x-row-editor .x-btns {
    position:absolute;
    top:28px;
    left:20px;
    padding-left:5px;
    background: #dbdbdb;
    border-radius: 0 0 8px 8px;
}
.x-row-editor .x-btns .x-plain-bwrap {
    padding-right:5px;
    background: #dbdbdb;
}
.x-row-editor .x-btns .x-plain-body {
    background: #dbdbdb;
    height:31px;
}
.x-row-editor .x-btns .x-table-layout-cell {
    padding:3px;
}

/* Fixes for IE6/7 trigger fields */
.ext-ie6 .x-row-editor .x-form-field-wrap .x-form-trigger, .ext-ie7 .x-row-editor .x-form-field-wrap .x-form-trigger {
  top: 1px;
}

.ext-ie6 .x-row-editor .x-form-field-trigger-wrap, .ext-ie7 .x-row-editor .x-form-field-trigger-wrap {
  margin-top: -1px;
}

.errorTip .x-tip-body ul{
    list-style-type:disc;
    margin-left:15px;
}