@import url('https://fonts.googleapis.com/css?family=Manrope&display=swap');

html { height: 100vh; box-sizing: border-box; }
* { box-sizing: inherit; margin: 0; font-family: Manrope, "Open Sans", sans-serif; font-size: 15px; }
body { position: relative; margin: 0; padding-bottom: 6rem; height: 100vh; min-width: 500px; background: url('./images/bg.jpg.xhtml') center no-repeat fixed; background-size: cover; }

#body { width: 100%; background-size: 100%; background-repeat: no-repeat; background-position: center center; }

#page-container { position: relative; min-height: 100vh; }

#header { margin: 0 auto; height: 0; }
#header .ui-widget-content { border: none; }
#content { margin: 55px 10px 0px 75px; padding-bottom: 75px; }
#footer { display: none; position: fixed; bottom: 0; width: 100%; padding-top: 15px; background-color: #efefef; text-align: center; font-size: 8px; height: 60px; border-top: 1px outset lightgray; }
#footer .bigger { font-size: 11px; font-weight: bold; }
#footer .smaller { font-size: 9px; }

.bold { font-weight: bold !important; }

form .label { text-align: right; min-width: 200px; font-weight: bold; padding-right: 10px; }
form .balance-label { text-align: right; max-width: 300px; }
form .value { text-align: left; min-width: 500px; }
form .value .ui-picklist-filter { min-width: auto; }
form .balance-value { text-align: left; min-width: 150px; font-weight: bold; }
form .value input, form .value textarea { min-width: 500px; }

.column-id { width: 100px; }
.column-short { width: 75px; }
.column-checkbox { width: 30px; }
.table-menu-btn { height: 25px; width: 25px; margin: 1px; }
.table-title-header { line-height: 40px; text-align: left; }
.ui-paginator .ui-paginator-pages a, .ui-paginator a, .ui-paginator select { background: transparent !important; border: none !important; color: white !important; font-weight: bold !important; font-size: 14px !important; }
.ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-rpp-options { position: relative; top: -3px; }
.ui-paginator-top .ui-state-default .ui-icon, .ui-paginator-bottom .ui-state-default .ui-icon { background-image: url(/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-humanity&v=10.0.0&e=10.0.2&v=1635755536436); }
.ui-paginator select option { margin: 40px; background: #d2954c; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
.ui-paginator a.ui-state-active { color: orange !important; }

.ui-analog-clock { width: 20vw; margin: 0 auto; }

.important-tab .ui-accordion-header { font-weight: bold; color: red; }

#login-title { display: block; color: rgb(246, 168, 40); font-variant: small-caps; font-size: 40px; text-align: center; text-shadow: 2px 2px rgb(246, 168, 40); }
#login-subtitle { display: block; color: #e65321; font-weight: bold; font-variant: small-caps; font-size: 35px; text-align: center; }
#login-powered { display: block; color: #002b44; font-size: 15px; text-align: center; }

.logotyp-login { margin: 25px auto; display: block; width: 80vw; max-width: 600px; min-width: 400px; }

#handyForm { position: absolute; right: 0; top: 0; }

#login-form .login-panel { text-align: center; margin: 100px auto 15px; width: 350px; box-shadow: 2px 0px 10px #595a5a; }
#login-form .login-panel tfoot td { text-align: center; }
#login-form .login-label { display: block; margin: 10px auto; }
#login-form .login-err, #login-form .login-incorrect, #login-form .login-blocked { color: red; }
#login-form .login-out { color: blue; }
#login-form .login-info { text-align: center; margin: 15px auto 100px; width: 350px; }
#login-form .login-info .text { display: block; font-size: 12px; font-weight: bold; }
#login-form .login-info .content { display: block; color: black; text-decoration: none; font-size: 13px; }
.login-panel .ui-panelgrid-footer .ui-widget-header { background: #f8f5f5; padding-bottom: 15px; }

.kyc-state { display: block; text-align: center; font: bold; color: black; margin: 0 10px 10px; }
.kyc-state hr { margin-top: 5px; }

#menu-tip a { display: block; text-decoration: none; color: black; position: absolute; top: 150px; left: 10px; font-size: 20px; font-weight: bold; writing-mode: vertical-rl; transform:scale(-1); }

#trnBuyForm .ui-panelgrid-header, #trnSellForm .ui-panelgrid-header, #checkCachingForm .ui-panelgrid-header { text-align: right; color: black; font-size: 11px; }

.transparent-menu { background: transparent; border-width: 0; }
.menu-btn { display: inline-block; margin: 10px; border-radius: 10px; }
.menu-contact-info { text-align: center; margin: 25px; }

.crud-panel { text-align:center; min-width: 700px; }
.crud-panel .crud-grid { width: 100%; height: 100%; }
.crud-grid .ui-panelgrid-footer { text-align: center !important; }
.calc-glow { position: relative; }

.single-error-panel { background: transparent; width: 60%; min-width: 400px; margin: 10px auto; text-align: center; color: red !important; }

.stats-panel { margin: 0 auto 25px; max-width: 1400px;  }
.stats-panel .ui-panel-content { display: flex; justify-content: space-around; flex-wrap: wrap; }
.stats-panel .stats-item { text-align: center; margin-bottom: 15px; padding: 0 15px; }
.stats-panel .stats-item h5 { margin-bottom: 10px; }

table .enabled { width: 100px; text-align: center; }
table .enabled .ui-button-text-only .ui-button-text { padding: 5px; }
.start-button { width: 100%; }
.voucher-sm-button { width:  100%; height: 45px !important; margin-top: 10px; }

.table-toolbar { padding: 10px 5px; margin: 10px 0; }
.table-toolbar-btn { margin: 0 5px; }

.confirm-error { color: red; }
.confirm-accept { color: green; }

.confirm-error-block { color: red; text-align: center; display: block; font-weight: bold; margin: 15px auto; }
.confirm-wait { animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; color: black; }

.office-info-panel { border: 1px solid #dddddd; width: 60%; margin: 20px auto; }
.office-info-panel > div { text-align: center; border-width: 0; font-weight: bold; }
.office-info-panel td { text-align: center; }

.support-panel { text-align: center; position: relative; margin: 0 auto; }
.support-panel tfoot.ui-panelgrid-footer { text-align: center; }
.support-panel .title { display: block; font-size: 12px; }
.support-panel .content { margin-bottom: 10px; display: block; font-weight: bold; text-decoration: none; font-size: 17px; }
.support-panel .support-text { font-weight: bold; padding: 5px; display: block; }

.ui-g .label { width: 30%; }
.ui-g .value { width: 70%; }

.calc-panel  > div { background: transparent !important; border-width: 0 !important; width: 90%; margin: 25px auto; }
.calc-panel form { margin: 0 10px; }
.calc-panel form .ui-panel-titlebar { text-align: center; }
.calc-panel .ui-panel-content { padding: 20px 1em; }

/*.calculator { min-width: 500px; }*/
.calculator .perspective { font-size: 12px; text-align: right; color: grey; display: block; margin-top: 5px; }
.calculator .ui-panelgrid-footer { color: black; background: transparent; }
.calculator .ui-panelgrid-footer button { height: 60px; }
.calculator .ui-g { margin-top: 10px; }
.calculator .ui-panelgrid-footer { margin-top: 30px; }
.calculator .in-words { line-height: 15px; top: 10px; position: relative; }

.calculator .ui-panelgrid-cell { line-height: 60px; text-align: right; padding-right: 20px; } 
.calculator .ui-panelgrid-cell .ui-selectonemenu { width: 100%; height: 60px; }
.calculator .ui-panelgrid-cell .ui-spinner { width: 100%; height: 60px; }
.calculator .ui-panelgrid-cell .ui-selectonemenu label { height: 100%; padding: 0 10px; }
.calculator .ui-panelgrid-cell input, .calculator .ui-panelgrid-cell > button { width: 100%; height: 60px; padding: 0 15px; }
.calculator .ui-panelgrid-header { background: transparent; } 
.calc-main-applet .ui-panelgrid-header { text-align: right !important; border: none; background: transparent; color: grey; font-size: 13px; }
.calc-main-applet .ui-panelgrid-header input { width: 60px; text-align: right; }
.calc-main-applet .ui-panelgrid-header .rate-input input { width: 100px; text-align: right; background-color: #EBEBE4 !important; }

.calculator .promocode-panel { margin-bottom: 5px; }
.calculator .promocode-panel .ui-g { margin-top: 0; }
.calculator .promocode-panel .ui-widget-content { background: transparent; }
.calculator .promocode-panel .ui-panelgrid-cell { line-height: 40px; text-align: right; padding-right: 20px; } 
.calculator .promocode-panel .ui-panelgrid-cell input, .calculator .promocode-panel .ui-panelgrid-cell > button { width: 100%; height: 40px; padding: 0 15px; }
.calculator .promocode-panel input[readonly] { background-color: #EBEBE4 !important; }
.calculator .ui-panelgrid-cell .calc-small-btn { min-height: 30px; height: auto; width: auto; display: inline; padding: 0; }

.calculator .rate-panel { margin-top: 5px; }
.calculator .rate-panel .ui-widget-content { background: #cb842e; height: 30px; border: 1px solid #fff !important; }
.calculator .rate-panel .ui-panelgrid-cell  { line-height: 0; }
.calculator .rate-panel .rate-label { text-align: right; color: #fff; font-size: 12px; }
.calculator .rate-panel .rate-value { text-align: left; color: #fff; }
.calculator .rate-panel .rate-value span { font-size: 12px; }
.calculator .rate-panel .rate-info { text-align: center; color: #fff; font-size: 12px; }

.calculator .kyc-data .ui-panelgrid-cell { line-height: 0; text-align: center; }

.credit-info-small { line-height: normal; color: darkred; text-align: left; display: block; margin-top: 10px; }
.credit-info-confirm .ui-chkbox-box { margin-top: 25px; }
.credit-info-confirm .ui-chkbox .ui-chkbox-box { float: left; }
.credit-info-confirm .ui-chkbox .ui-chkbox-label { width: 420px; margin-top: 22px; line-height: 20px; }

.transaction-confirm { font-weight: normal; text-align: left; padding-bottom: 15px; }
.transaction-confirm .ui-chkbox-box { margin-top: 5px; }
.transaction-confirm .ui-chkbox-label { width: 90%; }

/*.borderless, .login-panel { box-shadow: 2px 0px 10px #595a5a; }*/
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th { border-style: none !important; }
.center-column { text-align: center; }
.centris table tr td { text-align: center; }
.centris .ui-panel-footer { text-align: center !important; }

.centrala { text-align: center; }
.bolda { font-weight: bold; }
.righta { text-align: right; }

.ui-dialog .ui-dialog-title { float: none; margin: .3em 16px .1em 0; text-align: center; line-height: 25px; }
.ui-draggable .ui-dialog-titlebar { text-align: center; }

.bill-content { width: 100%; height: 400px; border-width: 0; white-space: pre; font-family: monospace; }

.readonly input, .readonly { background-color: #EBEBE4 !important; }

.balance-panel { width: 600px; margin: 50px auto; }
.balance-panel .currency, .balance-panel .value { width: 50%; text-align: right;  }
.balance-btn { text-align: center; margin: 5px; }

.filter-panel { width: 800px; margin: 50px auto; }
.filter-panel label { padding: 0 15px; }

.footer-panel { margin: 0 auto; text-align: center; width: 100%; }
.footer-panel-label { display: block; font-weight: bold; }
.footer-panel .ui-widget-content { background: transparent; }

.aside-panel { width: 300px; margin: 50px auto; position: fixed; right: 40px; top: 15px; z-index: 1000; text-align: center; }
.aside-panel button { width: 100%; }

.ui-selectonemenu-filter-container { width: 100% !important; }
.office-choose-btn { width: 100%; height: 200px; }
.office-choose-btn .ui-button-text { font-size: 22px; }

.noHeader.ui-datatable table thead tr { display: none; }

.ui-datatable.borderless thead th, .ui-datatable.borderless tbody, .ui-datatable.borderless tbody tr, .ui-datatable.borderless tbody td { border-style: none; }

.message-carousel { width: 75vh; min-width: 50vh; margin: 15px auto; }
.message-carousel-title { display: block; font-weight: bold; font-size: 20px; margin-bottom: 10px; text-align: center; }
.message-carousel-abstract { display: block; text-align: center; margin-bottom: 20px; }
.message-carousel-button { margin: 0 auto 15px; width: 100%; text-align: center; }

.crud-panel .ui-picklist .ui-picklist-list { width: 100%; }

.ui-widget-content.BUY, .ui-widget-content.check-ACTIVE { background: #C4FCAA; }
.ui-widget-content.SELL { background: #FFBDBD; }
.ui-widget-content.DEPOSIT, .ui-widget-content.wallet-transfer-IN { background: #C4FCAA; }
.ui-widget-content.WITHDRAW, .ui-widget-content.wallet-transfer-OUT { background: #ffdddd; }
.ui-widget-content.CRYPTO_DEPOSIT { background: #C4FCAA; }
.ui-widget-content.CRYPTO_WITHDRAW { background: #ffdddd; }
.ui-widget-content.paymentmethod-COMPENSATION, .ui-widget-content.credit { background: #ccccff !important; }
.ui-widget-content.paymentmethod-CRYPTO, .ui-widget-content.credit { background: #ffff99 !important; }
.ui-widget-content.DEFERREND_PAYMENT { background: darkgrey; }
.ui-widget-content.trx-ERROR, .ui-widget-content.payment-CANCEL, .ui-widget-content.transfer-FAILED, .ui-widget-content.credit-ERROR, .ui-widget-content.credit-PAID_ERROR { color: #7B1313; }
.ui-widget-content.trx-IN_PROGRESS, .ui-widget-content.payment-ACCEPTED, .ui-widget-content.transfer-NEW, .ui-widget-content.credit-ACTIVE, .ui-widget-content.credit-PAID_ERROR { font-weight: bold; }
.ui-widget-content.payment-DONE, .ui-widget-content.trx-CLIENT_CANCEL, .ui-widget-content.trx-TIMEOUT, .ui-widget-content.trx-SELLER_CANCEL, .ui-widget-content.transfer-DONE, .ui-widget-content.check-USED, .ui-widget-content.credit-PAID, .ui-widget-content.credit-CANCEL { color: #595a5a; }

.ui-widget-content.office-PARTNER, .ui-widget-content.office-AGENT, .ui-widget-content.office-KANGA_KANTOR { background: #f7d27d; }
.ui-widget-content.office-PERSON, .ui-widget-content.office-KANGA_LOCALS { background: #ccffcc; }

.ui-widget-header a { color: brown !important; }

.minMaxPanel { width: 100%; background: transparent; }
.minMaxPanel .ui-widget-content { background: transparent; }
.minMaxPanel .ui-g { margin: 0; }
.minMaxPanel .ui-panelgrid-cell, .minMaxPanel .ui-fieldset-content { padding: 2px; line-height: 15px; font-size: 13px; text-align: center; }

.onlyMonth table, .onlyMonth a.ui-datepicker-prev, .onlyMonth a.ui-datepicker-next { display: none; }

.submenu-btn { display: block; margin: 5px auto; width:100%; }
.report-submenu { margin: 15px auto; width: 400px; text-align: center; float: right; }
.payment-submenu { margin: 15px auto; width: 600px; text-align: center; float: right; }


.check .ui-widget-content { background: transparent; }
.check .ui-g { margin: 0; }
.check-details .ui-panelgrid-cell { line-height: 30px; font-weight: bold; text-align: center; }
.check-details .ui-selectonemenu { line-height: 60px; }

.nflow-panel > div { background: transparent !important; border-width: 0 !important; width: 80%; min-width: 400px; margin: 25px auto; }
.nflow .short-input { max-width: 50%; text-align: center; }
.nflow .ui-outputlabel { display: block; margin: 0 auto; }
.nflow .ui-widget-content { background: transparent; }
.nflow .ui-g { margin: 0; }
.nflow .ui-panelgrid-header { text-align: right !important; border: none; background: transparent; color: grey; font-size: 13px; }
.nflow .ui-panelgrid-header input { width: 50px; text-align: right; }
.nflow .ui-panelgrid-header .rate-input input { width: 100px; text-align: right; background-color: #EBEBE4 !important; }
.nflow .perspective { font-size: 12px; text-align: right; color: grey; display: block; margin-top: 5px; }
.nflow .ui-panelgrid-footer { color: black; background: transparent; }
.nflow .ui-panelgrid-footer button { height: 50px; }
.nflow .ui-panelgrid-footer { margin-top: 30px; text-align: center !important; }
.nflow .in-words { line-height: 15px; top: 10px; position: relative; }
.nflow .ui-panelgrid-cell { line-height: 25px; text-align: center; padding-right: 20px; font-weight: bold; } 
.nflow .ui-panelgrid-cell .ui-selectonemenu { width: 100%; height: 50px; }
.nflow .ui-panelgrid-cell .ui-spinner { width: 100%; height: 50px; }
.nflow .ui-panelgrid-cell .ui-selectonemenu label { height: 100%; padding: 0 10px; }
.nflow .ui-panelgrid-cell input, .nflow .ui-panelgrid-cell > button { width: 100%; height: 50px; padding: 0 15px; }
.nflow .ui-panelgrid-cell > button { width: 40%; }
.nflow .ui-panelgrid-cell .small-btn { height: 40px; width: 20%; min-width: 200px; clear: both; }
.nflow .ui-panelgrid-header { background: transparent; } 
.nflow .ui-widget-content, .nflow .ui-widget-header { border: 0 none; }
.nflow .ui-selectonemenu { line-height: 50px; }
.nflow .ui-messages { position: relative; }
.nflow .important { font-weight: bold; font-size: 2em; }
.nflow .message { display: block; text-align: center; font-weight: bold; color: black; }
.nflow .message-failure { display: block; text-align: center; font-weight: bold; color: red; }
.nflow .message-success { display: block; text-align: center; font-weight: bold; color: green; }
.nflow .full-panel { width: 100%; text-align: center; }

.task-panel { width: 70%; margin: 15px auto; }
.task-panel button { width: 100%; display: block; }

.info-panel { width: 50%; margin: 15px auto; }

.incorrect-value input { color: red !important; }
.indeterminate-progressbar { height: 2px !important; margin: 5px auto; }

.status-dialog { background: transparent; box-shadow: none !important; border-style: none !important; }
.starter-img { text-align: center; height: 25%; }

.balance-btn-panel { text-align: center; margin: 5px; }
.balance-list { text-align: center; }
.balance-list .ui-widget-content { background: none; border-width: 0; }
.balance-list ul { list-style: none; padding: 0; }

.fee-settings .ui-inputfield { width: 100px; }

.info-money { display: block; border: 1px solid green; text-align: center; padding: 5px; margin: 5px; color: green; font-weight: bold; background-color: lightgreen;  }
.info-no-money { color: red; border-color: red; background-color: lightsalmon; }

.help-section { position: absolute; right: 20px; margin-top: 10px; }

.panel-new-item { margin: 15px 0; }
.panel-new-item .ui-panelgrid-content { display: flex; justify-content: flex-end; }

.menu-div { color: transparent; padding: 10px; }
.ui-confirm-dialog .ui-dialog-buttonpane { text-align: center !important; }
.ui-confirm-dialog .ui-dialog-content .ui-icon { font-size: 30px; width: 40px; height: 30px; text-align: center; }

.ui-menu .ui-menuitem-text { padding-left: 10px; }

.ui-toggleswitch { position: relative; display: inline-block; width: 60px; height: 28px; }
.ui-toggleswitch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #d2954c; -webkit-transition: .4s; transition: .4s; }
.ui-toggleswitch-slider:before { position: absolute; content: ""; height: 23px; width: 26px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; }

.organisation-list-item .ui-widget-content { margin: 10px; display: flex; align-items: center; justify-content: center; }
.organisation-list-item .name { flex: 1; font-weight: bold; }
.organisation-list-item .menu { flex: 1; text-align: right; }

.organisation-grid-item .ui-card-body { padding: 10px; text-align: center; }
.organisation-grid-item .ui-card-body .ui-card-title { font-weight: bold; margin-bottom: 20px; }
.organisation-grid-item .ui-card-body .ui-card-footer { padding-top: 20px; margin-top: 20px; border-top: 1px solid grey; } 

.btn-wide div .ui-button-text { line-height: 50px; }
.buy-sell-dialog { width: 700px !important; }
.buy-sell-dialog .risk-area { position: absolute; }
.buy-sell-dialog .risk-info-btn { position: absolute; top: 15px; left: 300px;  }

.ui-scrolltop { width: 2rem; height: 2rem; border-radius: 4px !important; outline: 0 none; background-color: #d2954c !important; }
.ui-scrolltop .ui-scrolltop-icon { font-size: 1rem; color: white !important; }

.ui-badge.ui-badge-no-gutter { background-color: orangered; width: 20px; height: 20px; }

.button-space { margin-left: 10px !important; }
.menubar { margin: 3px; }

.message-tabview { margin-bottom: 20px; }
.message-tabview .ui-scrollpanel { border: none; }

.message-card { padding-bottom: 15px; margin-bottom: 20px; }
.message-card .ui-card-title { display: block; text-align: center; font-size: 16px; font-weight: bold; padding: 5px; }
.message-card .ui-card-subtitle { display: block; text-align: center; font-size: 12px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid grey; }
.message-card .ui-card-footer { margin-top: 15px; }

.repository-title { display: block; text-align: center; font-size: 20px; margin: 15px auto; }
.repository-area { display: flex; justify-content: center; min-width: 400px; flex-wrap: wrap; }
.repository-item { width: 400px; margin: 0 15px 15px; padding: 20px; }
.repository-item .ui-card-title { font-weight: bold; font-size: 17px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid grey; }
.repository-item .ui-card-subtitle { font-size: 12px; text-align: right; color: grey; margin-bottom: 10px; }
.repository-item .ui-card-content { font-size: 14px; text-align: justify; padding: 5px; }
.repository-item .ui-card-footer { margin-top: 5px; border-top: 1px solid grey; padding: 10px 15px; text-align: right; }

.repository-preview-button-area { margin-top: 5px; padding-top: 5px; text-align: center; border-top: 1px solid grey; }

.full-grid { width: 100%; }
.full-grid td { text-align: center; }
.full-grid textarea, .full-grid input { width: 100%; }

.note-accord .ui-scrollpanel { border: none; }
.note-card { margin: 0 auto 5px; }
.note-card .ui-card-content { font-size: 14px; margin: 10px; }
.note-card .ui-card-footer { text-align: center; font-size: 12px; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid grey; }

.payment-history-area .ui-scrollpanel { border: none; }
.payment-history-item { margin-bottom: 10px; padding: 2px 10px 10px; }
.ui-chronoline-event:nth-child(even) .payment-history-item .ui-card-subtitle { text-align: left; }
.payment-history-item .ui-card-title { font-weight: bold; }
.payment-history-item .ui-card-subtitle { text-align: right; font-size: 12px; border-bottom: 1px solid lightgray; }
.payment-history-item .ui-card-content { margin: 5px; }

.btn-center .ui-panelgrid-cell { text-align: center; }

.show-if-norrow { display: none; }

.kng-fee { float: left; }

.info-header { font-weight: bold; }
.info-small { font-size: small; }
.info-strong-content { font-weight: bold; font-size: large; }

.aml-label { font-weight: bold; width: 33% !important; }
.aml-data { width: 67% !important; }
.aml-data input { width: 100%; }
.aml-data .absence-btn input { width: 80%; }
.centronis .ui-separator { margin: 10px 40px; }

.centronis { text-align: center; }
.leftis { display: block; text-align: left; }

.visible-area { display: block; }
.hidden-area { display: none; }
 
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-check { margin-right: 15px; }
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil, .ui-datatable table tbody tr td .ui-row-editor .ui-icon-check, .ui-datatable table tbody tr td .ui-row-editor .ui-icon-close
{
   background: none !important;
   text-indent: initial;
   display: inline-block;
   font-family: "primeicons" !important;
   font-size: inherit;
   text-rendering: auto;
}
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:before {
   content: "\e942";
}
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-pencil:hover {
   font-weight: bold;
}
.ui-datatable table tbody tr td .ui-row-editor .ui-icon-check:before {
    content: "\e909";
}

.ui-datatable table tbody tr td .ui-row-editor .ui-icon-close:before {
    content: "\e90b";
}


@media (min-width: 1400px) {
    .flex-panel > .ui-panelgrid-content { display: flex; flex-direction: row; }
    .flex-panel > .ui-panelgrid-content > .ui-panelgrid-cell { width: 50%; }
}

@media (max-width: 1400px) {
    .show-if-wide { display: none; }
    .show-if-norrow { display: block; }
}

@media (max-width: 1000px) {
    .show-if-super-wide { display: none; }
}


@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}