@charset "utf-8";
.ui-button-text-only .ui-button-text { padding: .1em 1em!important; text-shadow: none!important; text-align: none!important }
.ui-panel .ui-panel-content { padding: 0!important }
.ui-menubar { background: none; border: none; padding: 0 2px!important }
.ui-menu .ui-menu-list .ui-menuitem { border-radius: 0 0 0 0; padding: 0; display: block; margin: 0!important; position: relative }
.ui-menu .ui-menu-list .ui-menuitem a { line-height: 28px!important }
.ui-menu .ui-menu-list .ui-menuitem a .ui-icon-triangle-1-s { background-position: -64px -13px }
.ui-menu .ui-menu-list .ui-menuitem ul { width: 210px; box-shadow: none; border-top: none; background: #e7e7e7; margin: 0!important; padding: 0!important; border-radius: 0; border: none; top: 34px !important;}
.ui-menu .ui-menu-list .ui-menuitem ul .ui-menuitem { background: none; width: 100% }
.ui-menu .ui-menu-list .ui-menuitem ul .ui-menuitem a:hover { }
.ui-menu .ui-menu-list .ui-menuitem ul .ui-menuitem a { color: #333; line-height: 18px!important; padding: 4px 3px; border-bottom: 1px dotted #fff }
.ui-menu .ui-menu-list .ui-menuitem-active a { background: #7485ed; box-shadow: none; border-radius: 0; color: #fff }
.ui-menu .ui-menu-list .ui-menuitem-active a:hover { background: #7485ed!important; color: #fff }
.ui-menu .ui-menu-list .ui-menuitem-active ul li.ui-menuitem-active a:hover { background: #8496ff!important; color: #fff }
.ui-menu .ui-menu-list .ui-menuitem-active ul li:hover { background: #8496ff!important; color: #fff }
.ui-menu .ui-menu-list .ui-menuitem ul li.ui-menuitem a.ui-menuitem-link { background-color: transparent!important; box-shadow: none!important }
.ui-state-disabled { opacity: 1!important }
.btn-block { width: 16px; height: 16px; background: url(../images/icon-block.png) no-repeat!important; border: none!important; padding: 2px 8px!important; cursor: pointer; margin: 0 }
.btn-un-block { width: 16px; height: 16px; background: url(../images/icon-unblock.png) no-repeat!important; border: none!important; padding: 2px 8px!important; cursor: pointer; margin: 0 }
.btn-approve { width: 16px; height: 16px; background: url(../images/icon-approve.png) no-repeat!important; border: none!important; padding: 0!important; cursor: pointer; margin: 0; display: inline!important; float: none!important }
.data-table th { background: #b5d4eb!important; font: bold 12px/20px Arial, Helvetica, sans-serif; color: #000!important; text-align: left!important; text-indent: 3px }
.ui-datatable tbody td { font-family: 'Noto Sans', sans-serif!important; cursor: auto; font-size: 13px; font-weight: 400; color: #000; background: #fff; border: 1px solid #d9d9d9!important; text-indent: 3px!important; /* padding: 8px 1px!important */ }
.ui-datatable tbody td:hover{box-shadow:none !important}
.ui-datatable tbody tr.ui-datatable-odd td { background: #fff; cursor: auto }
.ui-datatable tbody tr.ui-datatable-even td {  cursor: auto }
.ui-datatable tbody tr:hover { background: #cde9ff!important; cursor: pointer!important; box-shadow:none !important }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #b5d4eb }
.ui-datatable .ui-paginator { background: #e0e0e0; border: 1px solid #ccc; border-top: none!important }
span.ui-paginator-pages .ui-state-active { background: #fff!important }
.ui-paginator-rpp-options { background: #f5f5f5 }
.ui-datatable tbody tr.ui-state-highlight td { text-shadow: none; background: #e6ebff!important }
.ft-v-search-left-panel .ui-state-default { background: none!important; border: 1px solid #ccc!important; box-shadow: none }
.ui-slider .ui-slider-range { background: #b6b6b6; box-shadow: none!important }
.ui-slider { box-shadow: none; /* width: 260px; */ background: #d9d9d9; border: none!important; margin: 10px 0 10px 0px }
.ui-slider-horizontal .ui-slider-handle { background: #eaeaea!important; width: 16px; border: 2px solid #bababa!important; top: -6px; cursor: pointer; border-radius: 50%; height: 16px }
.ui-slider-horizontal { height: 5px }
.ft-v-search-left-panel span.ui-autocomplete .ui-autocomplete-input { float: left; display: block; border: 1px solid #d1d1d1; background: #fff; padding: 10px 2px; text-indent: 5px; font: 15px/18px Arial, Helvetica, sans-serif; color: #2e2e2e; width: 93%!important }
.ft-v-search-left-panel span .hasDatepicker { border: none!important; width: 100% }
div.ui-shadow { box-shadow: none!important }
ul.ui-autocomplete-items { padding: 5px!important }
ul li.ui-autocomplete-item { font-family: 'Noto Sans', sans-serif!important; font-size: 12px; font-weight: 400; color: #333!important; text-shadow: none!important; background: none!important }
ul li.ui-autocomplete-item:hover { background: #3399ff !important; color: #fff!important }
ul li.ui-state-highlight { background: #3399ff !important; color: #fff!important }
.ui-datepicker th { background:#3c3c3c !important border-bottom:1px solid #B9BAD3
}
.ui-datepicker td .ui-state-highlight { text-shadow: none!important; font-weight: 700; color: #333; background: #fbac9e!important }
span.f-data { float: left; margin: 0 20px 0 0; font: bold 12px/18px Arial, Helvetica, sans-serif; color: #963 }
span.t-data { float: left; font: bold 12px/18px Arial, Helvetica, sans-serif; color: #963 }
span.f-data span { color: #000; margin: 0 0 0 5px }
span.t-data span { color: #000; margin: 0 0 0 5px }
.ft-form-block-sr span.f-data { font: 11px/18px Arial, Helvetica, sans-serif; margin-right: 5px!important }
.ft-form-block-sr span.t-data { font: 11px/18px Arial, Helvetica, sans-serif }
.ft-v-search-result-panel span.ui-autocomplete .ui-autocomplete-input { display: block; float: left; width: 100%; border: 1px solid #cec8c8; border-radius: 5px; background: #fff; padding: 4px 5px!important }
.ft-v-search-result-panel span .hasDatepicker { width: 80%; background: #fff; border: 1px solid #d3d3d3; padding: 4px!important; float: left }
.ft-form-block-sr .ui-state-default { box-shadow: none!important; border: 1px solid #fff }
.ft-form-block-sr .ui-slider-horizontal .ui-slider-handle { margin-left: 0!important }
.ui-dialog .ui-dialog-title { margin: 0 }
.ui-dialog .ui-dialog-titlebar { background: #00796b; color: #fff; text-shadow: none; font-family: 'Noto Sans', sans-serif!important; font-size: 14px; font-weight: 700; padding: 8px 10px }
.ui-dialog .ui-dialog-content { background: #fff; font-family: 'Noto Sans', sans-serif!important; font-size: 13px; font-weight: 400; padding: 15px }
.ui-dialog .ui-widget-header .ui-icon { background: url(../images/btn-close.png) no-repeat center center!important; width: 24px; height: 24px; padding: 0!important }
.ui-dialog .ui-widget-header .ui-icon:hover { box-shadow: none!important; background-color: none!important; border: none; -moz-box-shadow: 0!important; -webkit-box-shadow: 0!important; box-shadow: 0!important }
.ui-dialog .ui-dialog-titlebar-close:hover { box-shadow: none!important; background: none!important; border: none!important; padding: 1px }
.ui-dialog { border-radius: 5px; box-shadow: 1px 1px 1px #333; border: 0 }
.ft-v-search-rht-panel th.ui-state-default { background: #338799!important; color: #fff!important; text-shadow: none!important; border: none!important }
.ft-v-search-rht-panel .ui-datatable tbody td { background: #F3F3F3!important; padding: 5px 0!important; border-bottom: 1px solid #d0d0d0!important }
.ft-v-search-rht-panel .ui-datatable table { float: left }
.data-tb .hasDatepicker { background: #fff!important; float: left; padding: 2px!important; border-radius: 0 0 0 0!important; box-shadow: none!important; width: 82%; border: 1px solid #ABABAB!important }
.data-tb a { display: block; float: left; padding: 4px 0 0 5px }
.data-tb .ui-autocomplete-input { width: 90%; background: #fff; border: 1px solid #ababab; box-shadow: none }
.ui-tabs { border: none }
.ui-tabs .ui-tabs-nav li { background: #b3d3fa!important; margin: 0 2px!important; color: #29326d!important; border: 1px solid #fff!important }
.ui-tabs .ui-tabs-nav { background: #b3b3b3!important; border-radius: 5px 5px 0 0!important }
.ui-tabs .ui-tabs-nav li.ui-state-active { background: #fff!important }
.ui-tabs .ui-tabs-nav li.ui-state-active a { color: #333!important; text-shadow: none!important }
.ui-tabs .ui-tabs-panel { border: 5px solid #b3b3b3; float: left; width: 100%; border-top: none!important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.dlg-table-block table { border-collapse: collapse; border: 1px solid #fff }
.dlg-table-block table tr th { background: #f1c399!important }
.overlaypanelmain { margin: -3px 0 0 }
.overlaypanel { background: #f0f0f0!important; border: 1px solid #ccc; border-radius: 5px; padding: 5px }
.overlaypanel-arrow { background: url(../images/overpanel-arrow.png); height: 6px; width: 11px; margin: 0 0 0 20px }
.overlaypanel table th { background: #f06!important; color: #fff!important; padding: 0 3px!important; text-shadow: none!important }
.overlaypanel table td { padding: 3px 2px!important; text-align: left!important; font-weight: 400; font-size: 11px!important; white-space: nowrap }
.ui-overlaypanel { background: none; padding: 0; border: none }