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

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

 /*
    Ext Theme
 */
body 
{
    /*background-color:#e4eaf6;*/
    background-color: #ececec;
    color:#4a4b4b;
}

.ext-el-mask 
{
    background-color: #4a4b4b;
}

.ext-el-mask-msg 
{
    border:none;
    background-color: transparent;
    background-image:none;
    padding: 0px;
}

.ext-el-mask-msg div 
{
    background-color: #363d4a;
    border:none;
    color:#fff;
    border-radius:8px;
    /*font:normal 14px 'Raleway', sans-serif;*/
    /*font-family: 'Raleway', sans-serif;*/
}

.x-mask-loading div 
{
    background-color:#4a4b4b;
    background-image:url(../images/detecno32/loading.gif);
}

.x-item-disabled 
{
    color: #ddd;
}

.x-item-disabled * 
{
    color: #ddd !important;
}

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

.x-color-palette a 
{
    border-color:#fff;
}

.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel 
{
    border-color:#8bb8f3;
    background-color: #deecfd;
}

.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
{
    background-color: rgba(0, 0, 0, 0.52);
    border-color:#8db2e3;
    overflow:hidden;
    zoom:1;
}

.x-tab-panel-header, .x-tab-panel-footer 
{
    border-color: rgba(0,0,0,.3);
}

ul.x-tab-strip-top
{
    background-color: #032b49;
    background-image: none;
    border-bottom-color: rgba(0, 0, 0, 0.52);
}

ul.x-tab-strip-bottom
{
    background-color: #032b49;
    background-image: none;
    border-top-color: rgba(0, 0, 0, 0.52);
}

.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer 
{
    border-color: rgba(0,0,0,.3);
    background-color: #032b49;
}

.x-tab-strip span.x-tab-strip-text 
{
    /*font:normal 11px 'Raleway', sans-serif;*/
    color:#fff;
}

.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
{
    background-image: none;
}

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

.x-tab-strip-active span.x-tab-strip-text 
{
    color:#fff;
    font-weight:700;
}

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

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

ul.x-tab-strip li 
{
    background-color: #4e6a96;
}

ul.x-tab-strip li:hover 
{
    background: rgba(0, 0, 0, 0.52);
}

ul.x-tab-strip li.x-tab-strip-active 
{
    background-color: rgba(0, 0, 0, 0.52);
}

ul.x-tab-strip-top li 
{
    border-radius: 2px 2px 0 0;
}

ul.x-tab-strip-bottom li 
{
    border-radius: 0 0 2px 2px;
}

.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 
{
    background-image: none;
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close 
{
    font: normal normal normal 10px/1 FontAwesome !important;
    background-image:none;
    color: #fff;
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:after
{
    content:"\f2d3";
} 

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover
{
    background-image:none;
    color:rgba(0,0,0,.5);
}

.x-tab-panel-body 
{
    border-color: rgba(0, 0, 0,.3);
    background-color: #fff;
    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);
    border-bottom-color:#8db2e3;
    border: none;
}

.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);
    border-bottom-color:#8db2e3;
    border: none;
}

.x-tab-panel-bbar .x-toolbar, 
.x-tab-panel-tbar .x-toolbar
{
    border-color:#99bbe8;
}

.x-form-text, textarea.x-form-field
{
    color: #4a4b4b;
    background-color:#ffffff;
    background-image:none;
    border-color:rgba(0,0,0,.2);
    border-radius: 4px;
}

.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-select-one 
{
    background-color:#fff;
    border-color:#b5b8c8;
}

.x-form-check-group-label 
{
    border-bottom: 1px solid #99bbe8;
    color: #fff;
}

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

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

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

.x-form-field-wrap input 
{
    border-radius: 4px 0 0 4px;
}

.x-form-field-wrap .x-form-trigger.x-form-trigger-over
{
    background-color:rgba(0,0,0,.4);
}

.x-form-field-wrap .x-form-trigger.x-form-trigger-click
{
    background-color:rgba(0,0,0,.8);
}

.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-trigger-wrap-focus .x-form-trigger
{
    border-bottom-color:#737b8c;
}

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

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

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

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

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

.x-form-invalid-msg 
{
    color:#c0272b;
    text-align:left;
    /*font:normal 14px 'Raleway', sans-serif;*/
    background-size: 14px;
    background-image:none;
    padding-left:0px;
    word-break: break-word;
    margin-top:2px;
}

.x-form-invalid-msg:before 
{
    font: normal normal normal 14px/1 FontAwesome !important;
    content: "\f071";
    color:#ffd000;
    margin-right: 6px;
}

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

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

.x-form-invalid-icon 
{
    font: normal normal normal 14px/1 FontAwesome !important;
    background-image:none;
    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;
    color:rgba(0,0,0,.5);
}

.x-fieldset
{
    border-color:rgba(0,0,0,.2);
}

.x-fieldset legend
{
    /*font:bold 14px 'Raleway', sans-serif;*/
    color:rgba(0,0,0,.5);
}

.x-btn 
{
    /*font:normal 11px 'Raleway', sans-serif;*/
    border: 1.4px solid rgba(0,0,0,.2);
    border-radius:4px;
    margin-left: 2px;
}

.x-btn button
{
    /*font:normal 10px 'Raleway', sans-serif;*/
    color:#fffffa;
}

.x-btn-over .x-btn button
{
    background-color:rgba(0, 0, 0, 0.52);
    color:#fff;
}

.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-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:none;
}

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

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

.x-btn-mc em.x-btn-arrow 
{
    background-image:none;
    font: normal normal normal 10px/1 FontAwesome !important;
    padding-right:0px;
}

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

.x-btn-mc em.x-btn-split 
{
    font: normal normal normal 10px/1 FontAwesome !important;
    background-image: none;
    padding-right: 0px;
}

.x-btn-mc em.x-btn-split:after
{
    content: "\f078";
    border-left: 1.4px solid rgba(0,0,0,.3);
    margin-left: 5px;
    color: #fff;
    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
{
    background-image:none;
    font: normal normal normal 10px/1 FontAwesome !important;
    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-header 
{
    color: #d2d2d2;
}

.x-btn-group-tc
{
    background-image: none;
    /*border-top: 1.4px solid rgba(0,0,0,.3);
    background-color: rgba(0,0,0,.2);*/
}

.x-btn-group-tl
{
    background-image: none;
    background-color: rgba(0,0,0,.2);
    border-top: 1.4px solid rgba(0,0,0,.3);
    border-left: 1.4px solid rgba(0,0,0,.3);
    padding: 0px;
    border-radius: 1.4px 1.4px 0 0;
}

.x-btn-group-tr
{
    background-image: none;
    /* background-color: rgba(0,0,0,.2);
    border-top: 1.4px solid rgba(0,0,0,.3);*/
    border-right: 1.4px solid rgba(0,0,0,.3);
    padding: 0px;
    /*border-radius: 0 1.4px 0 0;*/
}

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

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

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

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

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

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

.x-btn-group-notitle .x-btn-group-tc 
{
    background-image: none;
}

.x-toolbar
{
    border-color: rgba(0,0,0,.2);
    background-color: #4e6a96;
    background-image: none;
    border-width: 0 0 1.4px 0;
}

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

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

.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label
{
    /*font:normal 11px 'Raleway', sans-serif;*/
}

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

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

.x-toolbar .x-btn-mc em.x-btn-split
{
    background-image:none;
    border-left: 1.4px solid rgba(0,0,0,0);
    font:normal normal normal 14px/1 FontAwesome !important;
}

.x-toolbar .x-btn-mc em.x-btn-split:after 
{
    background-image:none;
    border-left: 1.4px solid rgba(0,0,0,.3);
    content: "\f078";
    font-size:.8em;line-height: 0.1em;vertical-align:-15%;
    color:#fff;
    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 
{
    background-image:none;
    border-left: 1.4px solid rgba(0,0,0,0);
    font:normal normal normal 14px/1 FontAwesome !important;
}

.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
{
    background-image:none;
    border-left: 1.4px solid rgba(0,0,0,.3);
    content: "\f078";
    font-size:.8em;line-height: 0.1em;vertical-align:-15%;
    color:#fff;
    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 
{
    background-image: none;
    background-color: rgba(0,0,0,.5);
    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 !important;*/
    padding-left:18px;
}

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

.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
{
    background-image: none!important;
    font:normal normal normal 14px/1 FontAwesome !important;
}

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

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

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

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

.x-tbar-loading:after
{
    content: "\f021";
    color:#fff;
    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-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-paging-info 
{
    color:#444;
}

.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-handle 
{
    background-color:#fff;
    color: #000;
}

.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-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
{
    background-color: #032b49;
}

.x-resizable-proxy
{
    border-color:#3b5a82;
}

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

.x-grid3 
{
    background-color:#ffffff;
    width: inherit!important;
}

.x-grid-panel .x-panel-mc .x-panel-body 
{
    border-color:rgba(1,1,1,.5);
}

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

.x-grid3-hd-row td 
{
    border-left-color: rgba(255, 255, 255, 0.3);
    border-right-color: rgba(0,0,0,.3);
    border-bottom: 1px solid;
    border-bottom-color: rgba(0,0,0,.3);
    background-color: #4e6a96;
}

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

.x-grid3-row 
{
    /*border:0 none;*/
    width: inherit!important;
    border-color: rgba(0,0,0,0.2);
    /*padding: 10px 0px;*/
}

.x-grid3-row-alt
{
    background-color: rgb(236, 236, 236);
}

.x-grid3-row-over
{
    background-color: rgba(0, 0, 0, .3);
    background-image:none;
}

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

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

.x-grid3-header
{
    background-color: #4e6a96;
    background-image:none;
}

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

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

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-image: none;
    background-color: rgba(0,0,0,.4);
}

.x-grid3-cell-inner
{
    color: rgba(0, 0, 0, 0.4);
}

.x-grid3-hd-inner
{
    color: rgba(255, 255, 255, 0.71);
    background-color: #4e6a96;
}

.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-cell-text, .x-grid3-hd-text
{
    color:#fff;
}

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

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

.x-grid3-body
{
    width: fit-content!important;
}
 
.x-dd-drag-proxy .x-grid3-hd-inner
{
    background-color:rgba(0,0,0,.3);
    background-image:none;
    border-color:#aaccf6;
}

.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
{
    background-color: rgba(78, 106, 150, .8)!important;
    background-image: none;
    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-body .x-grid3-row-selected .x-grid3-td-expander,.x-grid3-body .x-grid3-td-expander
 {
     background-color: rgba(0,0,0,.2);
 }

.x-grid3-row-selected .x-grid3-cell-inner 
{
    color: #fff;
}

.x-grid3-cell-selected
{
    background-color: rgba(0,0,0,.2) !important;
    color:#fff;
}

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

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

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

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

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

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

.x-grid3-bottombar .x-toolbar
{
    border-top-color:#a9bfd3;
}

.x-props-grid .x-grid3-td-name .x-grid3-cell-inner
{
    background-image: none!important;
    color: #fff !important;
    border-left: 8px solid #4e6a96;
}

.x-props-grid .x-grid3-td-value
{
    color:#fff !important;
}

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

.xg-hmenu-sort-asc .x-menu-item-icon
{
    background-image: none;
}

.xg-hmenu-sort-asc :before
{
    font: normal normal normal 14px/1 FontAwesome !important;
    content:"\f15d";
    margin-right: 5px;
}

.xg-hmenu-sort-desc .x-menu-item-icon
{
    background-image: none;
}

.xg-hmenu-sort-desc:before
{
    font: normal normal normal 14px/1 FontAwesome !important;
    content:"\f15e";
    margin-right: 5px;
}

.xg-hmenu-lock .x-menu-item-icon
{
    background-image: none;
}

.xg-hmenu-lock .x-menu-item-icon:before
{
    font: normal normal normal 14px/1 FontAwesome !important;
    content:"\f023";
    margin-right: 5px;
}

.xg-hmenu-unlock .x-menu-item-icon
{
    background-image: none;
}

.xg-hmenu-unlock .x-menu-item-icon:before
{
    font: normal normal normal 14px/1 FontAwesome !important;
    content:"\f13e";
    margin-right: 5px;
}

.x-grid3-hd-btn
{
    background-color:rgb(255,255,255);
    background-image:none;
    font: normal normal normal 16px/1 FontAwesome !important;
    text-decoration: none;
    color:rgba(0,0,0,.3);
}

.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-body .x-grid3-td-expander
{
    background-image:none;
    background-color: rgba(0, 0, 0, 0.6);
}

.x-grid3-row-expander,
.x-grid3-row-expanded .x-grid3-row-expander
{
    background-image:none;
    font: normal normal normal 14px/1 FontAwesome !important;
}

.x-grid-row-editor-buttons-default-bottom
{
    background-color: #032b49;
}

.x-grid-row-editor .x-panel-body
{
    background-color: #032b49;
}

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

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

.x-grid3-body .x-grid3-td-checker 
{
    background-image: none;
    background-color: rgba(0,0,0,.5);
    vertical-align: middle;
}

.x-grid3-row-checker, .x-grid3-hd-checker
{
    background-image:none;
}

.x-grid3-row-checker:after, 
.x-grid3-hd-inner.x-grid3-hd-checker .x-grid3-hd-checker:after
{
    font: normal normal normal 14px/1 FontAwesome !important;
    content: "\f096";/*blank*/
    color:#fff;
}

.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
{
    font: normal normal normal 14px/1 FontAwesome !important;
    content: "\f14a"!important; /*check*/
    color:#fff;
}

/*

.x-grid3-row-checked .x-grid3-row-checker.x-grid3-row-selected .x-grid3-row-checker:after, 
.x-grid3-hd-checker .x-grid3-hd-checker-on

*/

.x-grid3-body .x-grid3-td-numberer
{
    background-image:none;
    background-color: rgba(0,0,0,.3);
    vertical-align: middle;
}

.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner
{
    color:#fff;
    /*padding: 10px 3px 10px 5px!important;*/
    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-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: none;
}

.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:#4e628a;
}

.x-grid-group-hd div.x-grid-group-title
{
    background-image:url(../images/detecno32/group-collapse.gif);
    background-position:3px 6px;
    color: rgba(0,0,0,.4);
    font:bold 14px 'Raleway', 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-cols-icon 
{
    color:#fff;
}

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

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

.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;
}
.x-dd-drag-ghost
{
    color:#000;
    font: normal 14px 'Raleway', sans-serif;
    border-color: #ddd #bbb #bbb #ddd;
    background-color:#fff;
}

.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-view-selector
{
    background-color:#c3daf9;
    border-color:#3399bb;
}

.x-tree-node-expanded .x-tree-node-icon
{
    background-image:none;
    display: none;
}

.x-tree-node-expanded, .x-tree-node-collapsed
{
    background-color: #032b49;
}

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

.x-tree-node-collapsed .x-tree-node-icon
{
    background-image:none;
    display: none;
}

.x-tree-node-loading .x-tree-node-icon
{
    background-image:url(../images/detecno32/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:14px;
    height:14px;
}

.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
{
    background-image:none;
}

.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 #4e6a96;
}

.x-tree-node
{
    color:#000;
    font: normal 14px 'Raleway', sans-serif;
}

.x-tree-node-expanded a span, .x-tree-node-collapsed a span
{
    color: #fff!important;
}

.x-tree-node .x-tree-node-expanded.x-tree-node-over,
.x-tree-node .x-tree-node-collapsed.x-tree-node-over
{
    background-color: rgba(0, 0, 0, .3);
}

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

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

.x-tree-node .x-tree-selected a span, .x-dd-drag-ghost a span
{
    color:#fff;
}

.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:#ddd;
    border-color:gray;
}

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

.x-tree-node .x-tree-selected
{
    background-color: #032b49;
}

.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-picker
{
    border-color: #737b8c;
    background-color:#fff;
}

.x-date-middle,.x-date-left,.x-date-right
{
    background-image: none;
    background-color: #032b49;
    color:#fff;
    font:bold 14px 'Raleway', sans-serif;
}

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

.x-date-middle .x-btn-mc em.x-btn-arrow
{
    background-image:none;
}

.x-date-right a
{
    background-image: none;
    font: normal normal normal 20px/1 FontAwesome !important;
}

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

.x-date-left a
{
    background-image: none;
    font: normal normal normal 20px/1 FontAwesome !important;
}

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

.x-date-inner th
{
    background-color:#363d4a;
    background-image:none;
    border-bottom-color:rgba(0,0,0,.2);
    font:normal 13px 'Raleway', sans-serif;
    color:#fff;
}

.x-date-inner td
{
    border-color: rgba(0,0,0,.2);
}

.x-date-inner a
{
    font:normal 14px 'Raleway', sans-serif;
    color: #4b4b4b;
    padding:2px 7px 1px 3px;
}

.x-date-inner .x-date-active
{
    color:#4b4b4b;
}

.x-date-inner .x-date-selected a
{
    background-color:rgba(0, 0, 0, 0.52);
    background-image:none;
    border-color:rgba(0,0,0,.8);
    padding:1px 6px 1px 2px;
}

.x-date-inner .x-date-today a
{
    border-color: rgba(0,0,0,.2);
}

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

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

.x-date-bottom
{
    border-top-color:#737b8c;
    background-color:#032b49;
    background-image:none;
}

.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover
{
    color:#fff;
    background-color:rgba(0, 0, 0, 0.82);
}

.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
{
    background-color: #032b49;
}

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

.x-date-mp-btns button
{
    background-color:transparent;
    color:#fff;
    border-color: rgba(0,0,0,.2);
    border-width: 1.4px;
    border-radius: 8px;
    font:normal 14px 'Raleway', sans-serif;
}

.x-date-mp-btns button:hover
{
    background-color: rgba(0, 0, 0, 0.52);
}

.x-date-mp-btns
{
    background-color:#032b49;
    background-image: none;
}

.x-date-mp-btns td
{
    border-top-color: #c5d2df;
}

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

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

td.x-date-mp-sel a
{
    background-color: rgba(0, 0, 0,.5);
    background-image: none;
    border-color:rgba(0, 0, 0, 0.52);
}

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

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

.x-date-mp-ybtn a.x-date-mp-next:before
{
    content: "\f0da";
    color:#fff;
    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);
}

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

.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 'Raleway', sans-serif;
}

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

.x-tip .x-tip-header-text
{
    font: bold 14px 'Raleway', sans-serif;
    color:rgba(1,1,1,.3);
}

.x-tip .x-tip-body
{
    font: normal 14px 'Raleway', sans-serif;
    color:rgba(1,1,1,.3);
}

.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-color: rgba(0,0,0,.2);
    border-width: 1.4px;
    background-color: #032b49;
    background-image: none;
}

.x-menu-floating
{
    border:none;
}

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

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

.x-menu-sep
{
    background-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: transparent;
}

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

.x-menu-item-active
{
    background-color: rgba(0, 0, 0, 0.52);
    background-image: none;
    border-color:rgba(0, 0, 0, 0.82);
}

.x-menu-item-active a.x-menu-item
{
    border-color:rgba(0, 0, 0, 0.82);
}

.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-group-item .x-menu-item-icon
{
    background-image:none;
}

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

.x-menu .x-date-picker
{
    border-color:rgba(0,0,0,.2);
}

.x-cycle-menu .x-menu-item-checked
{
    border-color:#a3bae9 !important;
    background-color:#def8f6;
}

.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: #eee;
    background-image: url(../images/default/box/tb.gif);
    font-family: 'Raleway', sans-serif;
    color: #393939;
    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-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: none;
    background-color: #ffffff;
    font: normal 15px 'Raleway', sans-serif;
}

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

.x-combo-list-hd
{
    font:bold 14px 'Raleway', sans-serif;
    color:#fff;
    background-image: url(../images/default/layout/panel-title-light-bg.gif);
    border-bottom-color:#98c0f4;
}

.x-resizable-pinned .x-combo-list-inner
{
    border-bottom-color: rgba(0,0,0,.2);
}

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

.x-combo-list .x-combo-selected
{
    border-color:rgba(0, 0, 0,.8) !important;
    background-color:rgba(0, 0, 0, 0.52);
    color:#fff;
}

.x-combo-list .x-toolbar
{
    border-top-color:#98c0f4;
}

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

.x-panel
{
    border-color: rgba(1,1,1,.3);
    font-size: 14px;
}



.x-panel-header
{
    color:#fff;
    font-weight:700; 
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    background-image:none;
    border-color: rgba(0, 0, 0, 0.2);
    border-width: 1.4px;
    /*border-radius: 4px 4px 0px 0px;*/
    background-color:#032b49;

}

.x-panel-body
{
    color: #4a4b4b;
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, 0.2);
    border-width:1.4px;
    width:inherit!important;
}

.x-panel-footer
{
    background-color: #032b49;
}

.x-tab-panel .x-panel-body
{
    color: #ffffff;
    border-color: rgba(0, 0, 0,.3);
    border-width: 0.05em;
    /*  background-color: #032b49;
    width: inherit!important;*/
}

.x-panel-bbar .x-toolbar,
.x-panel-tbar .x-toolbar 
{
    border-color: rgba(1,1,1,.3);
    border-width: 1.4px;
    width: inherit!important;
}

.x-panel-tbar-noheader .x-toolbar, 
.x-panel-mc .x-panel-tbar .x-toolbar
{
    border-top-color: rgba(0,0,0,.2);
    border-width: 1.4px;
}

.x-panel-body-noheader, 
.x-panel-mc .x-panel-body 
{
    /*bborder-top-color:#223;
    ackground-color:rgba(1,1,1,.3);
    background-color: rgba(255, 255, 255,.3);*/
    background-color: #fff;
}

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

.x-panel-bbar .x-btn button
{
    color: #fff;
}

.x-panel-tl .x-panel-header
{
    color:#fff;
    font:bold 14px 'Raleway', sans-serif;
}

.x-panel-tc
{
    background-image: none;
}

.x-panel-tl, .x-panel-tr, 
.x-panel-bl, .x-panel-br 
{
    background-image: none;
    border-bottom-color:  rgba(0, 0, 0, 0.2);
    background-color: #032b49;
    border-width: 1.4px;
    /*border-radius: 4px 4px 0px 0px;*/
}

.x-panel-bc 
{
    background-image: none;
    background: #032b49; 
}

.x-panel-mc
{
    font: normal 14px 'Raleway', sans-serif;
    background-color: #032b49;
    /*box-shadow:  inset 0px 0px 2px #000000;*/
    border-top:6px solid #032b49;
    padding: 0px;
}

.x-panel-ml
{
    background-image:none;
    background: #032b49; 
}

.x-panel-mr
{
    background-image: none;
    background-color: #032b49; 
}

.x-tool
{
    background-image: none;
}

.x-tool:after
{
    font: normal normal normal 10px/1 FontAwesome !important;
    font-size: 10px;
    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-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
{
    background-color: rgba(1,1,1,.5);
    color:#fff;
}

.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-ghost
{
    background-color:rgba(0,0,0,.2);
}

.x-panel-ghost ul
{
    border-color:#18181a;
}

.x-panel-dd-spacer
{
    border-color:#18181a;
}

.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 'Raleway', sans-serif;
}

.x-window-proxy
{
    background-color:#1f2833;
    border-color:#18181a;
}

.x-window-tl .x-window-header
{
    color:#fff;
    font:bold 14px 'Raleway', sans-serif;
}

.x-window-tc
{
    background-image: none;
    background-color: #032b49;
    /*border-bottom: 1.4px solid rgba(0,0,0,.4);*/
}

.x-window-tl
{
    background-image: none;
    background-color: #032b49;
}

.x-window-tr
{
    background-image: none;
    background-color: #032b49;
}

.x-window-bc
{
    background-image: none;
    background-color: #032b49;
}

.x-window-bl
{
    background-image: none;
    background-color: #032b49;
}

.x-window-br
{
    background-image: none;
    background-color: #032b49;
}

.x-window-mc 
{
    border-color:rgba(0,0,0,.4);
    font: normal 14px 'Raleway', sans-serif;
    background-color:#fff;
    border-top:0px;
    border-width: 1.4px;
}

.x-window-ml 
{
    background-image: none;
    background-color: #032b49;
}

.x-window-mr 
{
    background-image: none;
    background-color: #032b49;
}

.x-window-maximized .x-window-tc
{
    background-color:#032b49;
}

.x-window-bbar .x-toolbar 
{
    background-color: rgba(0,0,0,.2);
    box-shadow: inset 0px 0px 1px 0px;
}

.x-panel-ghost .x-window-tl
{
    border-bottom-color:rgba(0,0,0,.2);
}

.x-panel-collapsed .x-window-tl
{
    border-bottom-color:rgba(0,0,0,.2);
}

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

.x-window-plain .x-window-mc
{
    background-color: #fff;
    border-color: rgba(0,0,0,.3);
}

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

body.x-body-masked .x-window-plain .x-window-mc
{
    background-color: rgb(255, 255, 255);
}

.x-html-editor-wrap
{
    border-color: rgba(0,0,0,.3);
    background-color:#fff;
}

.x-html-editor-wrap iframe 
{
    background-color: #fff;
    width: inherit!important;
}

.x-html-editor-tb .x-btn-text
{
    background-image: none;
    font: normal normal normal 14px/1 FontAwesome !important;
    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: -.8em;
    font-size: .8em;
    width: 100%;
    text-align: center;
    top: -.4em;
    width: .01em;
}

.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: -.8em;
    font-size: .8em;
    width: 100%;
    text-align: center;
    top: -.4em;
    width: .01em;
}

.x-panel-noborder .x-panel-header-noborder
{
    border:none;
}

.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-toolbar .x-btn button,.x-toolbar div.xtb-text
{
    color: rgba(255, 255, 255, 0.71);
}

.x-panel-tbar .x-btn .x-btn-over button
{
    color: #fff;
}

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

.x-accordion-hd
{
    color:#fff;
    font-weight:normal;
    background-image: none;
    background-color: #4e6a96;
}

.x-layout-collapsed
{
    background-color: #032b49;
    border-color: rgba(0,0,0,.2);
    color: #fff;
}

.x-layout-collapsed-over
{
    background-color:rgba(0,0,0,.2);
}

.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:none;
}

.x-progress-inner
{
    background-color:rgba(0,0,0,.1);
    background-image:none;
}

.x-progress-bar
{
    background-color:#4e6a96;
    background-image:none;
    border:none;
}

.x-progress-text
{
    font-size:14px;
    font-weight:bold;
    color:#fff;
    padding: 0 5px !important; 
}

.x-progress-text-back
{
    color:#aaa;

}

.x-list-header
{
    background-color: #4e6a96;
    background-image: none;
    background-position:0 top;
}

.x-list-header-inner div em
{
    border-left-color: rgba(0,0,0,.3);
    font:normal 14px 'Raleway', sans-serif;
    line-height: 14px;
    color: rgba(255,255,255,0.8);
}

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

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

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

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

.x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc
{
    background-image: none;
    border-color: rgba(0,0,0,.3);
    color: rgba(255,255,255,0.8);
}

.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 'Raleway', sans-serif;
}

.x-window-dlg .ext-mb-question,
.x-window-dlg .ext-mb-warning,
.x-window-dlg .ext-mb-info,
.x-window-dlg .ext-mb-error
{
    background-image: none;
    font: normal normal normal 14px/1 FontAwesome !important;
}

.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
{
    background-image: none;
    font: normal normal normal 14px/1 FontAwesome !important;
}

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

.x-form .x-btn
{
   background-color: #4e6a96;
}

.x-form .x-btn.x-btn-over
{
    background-color: rgba(0, 0, 0, 0.52);
    color:#fff;
}

.x-panel-body .x-btn, body .x-btn
{
    background-color: #4e6a96;
}

.x-panel-body .x-btn.x-btn-over, body .x-btn.x-btn-over
{
   background-color: rgba(0, 0, 0, 0.52);
    color:#fff;
}

/*
    Login
*/
 .btnAzul
 {
    border-radius:8px;
    background-color:#EBC737!important;
    color:#4a4b4b;
    border:none;
 }

 .btnBlanco
 {
    border-radius:8px;
    background-color:#fff!important;
    color:#4a4b4b;
    text-transform: uppercase;
    border:none;
 }

 .loginInput
 {
    border-radius:10px;
    padding:5px;
 }
 
.btnAzul .x-btn-mc , .btnBlanco .x-btn-mc
{
    border: none;
}

.btnAzul:hover,.btnBlanco:hover
{
   background-color:#032b49!important;
}

.btnBlanco .x-btn-mc button
{
    color:#4a4b4b;
}

.btnSoporte
 {
    border-radius:8px;
    background-color:#EBC737!important;
    color:#4a4b4b;
    border:none;
 }
 
 .btnSoporte:hover
{
    background-color:#0981dc!important;
}


#loginForm .x-form-invalid-msg
{
    color:#fff;
    text-align:left;
}

.x-btn-over
{
color:#fff!important;
background-color:rgba(0, 0, 0, 0.52);
}

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

#wlogin .x-form-item-label
{
    color:rgba(255,255,255,1);
}

.fa
{
    padding-left: 0px!important;
}

.fa:before,.fa:after
{
    font:normal normal normal 14px/1 FontAwesome !important;
    /*font-family: FontAwesome !important;*/
    padding-right: 5px;
}

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

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

.nombre
{
    font-size: 10px;
}

.user
{
    font-size: 11px;
}

.footer
{
    font-size: 10px;
    font-weight: bold;
    color: #333333;
    background-color: #FFFFFF;
}

.x-tree-node-el
{
    padding: 10px;
    text-transform: uppercase;
    font-weight: 700;
   /*border: 1.4px solid rgba(0, 0, 0, 0.2);*/
}

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

#btnSesion, #btnHome
{
    background-color: #4e6a96;
    padding: 2px 3px;
}

#btnSesion:hover, #btnHome:hover
{
    background-color:rgba(0,0,0,.5);
}

.x-tree-node-el
{
    padding: 8px 8px 8px 0px;
}

.x-tree-lines .x-tree-elbow
{
    background-image: none;
}

/*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";
   color: #4caf50;
   font: normal normal normal 18px/1 FontAwesome !important;
}

.imguserEdit:before, .imgpassEdit:before, .imgedit:before
{
   content:"\f040";
}

.imgcancelar:before
{
   content:"\f057";
   color: tomato;
   font: normal normal normal 16px/1 FontAwesome !important;
}

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

#panelXMl .x-btn
{
    background-color: #4e6a96;
}