/* ZTree */
.ztree li span.button.default_ico_open,
.ztree li span.button.default_ico_docu,
.ztree li span.button.allagents_ico_open,
.ztree li span.button.allagents_ico_docu,
.ztree li span.button.contractagent_ico_open,
.ztree li span.button.contractagent_ico_docu,
.ztree li span.button.agent_ico_open,
.ztree li span.button.agent_ico_docu,
.ztree li span.button.allprincipals_ico_open,
.ztree li span.button.allprincipals_ico_docu,
.ztree li span.button.contractprincipal_ico_open,
.ztree li span.button.contractprincipal_ico_docu,
.ztree li span.button.allspravs_ico_open,
.ztree li span.button.allspravs_ico_docu,
.ztree li span.button.contractsprav_ico_open,
.ztree li span.button.contractsprav_ico_docu { margin-right: 2px; background-position: -110px -16px; vertical-align: top; }

.ztree li span.button.default_ico_close,
.ztree li span.button.allagents_ico_close,
.ztree li span.button.contractagent_ico_close,
.ztree li span.button.agent_ico_close,
.ztree li span.button.allprincipals_ico_close,
.ztree li span.button.contractprincipal_ico_close,
.ztree li span.button.allspravs_ico_close,
.ztree li span.button.contractsprav_ico_close { margin-right: 2px; background-position: -110px 0px; vertical-align: top; }

.ztree li span.button.principal_ico_docu,
.ztree li span.button.sprav_ico_docu,
.ztree li span.button.terminal_ico_docu,
.ztree li span.button.reportpayment_ico_docu { margin-right: 2px; background-position: -110px -32px; vertical-align: top; }

.ztree-search { display: block; margin-left: 25px; width: 17em; }


/* Bootstrap */
.form-inline-block label { display: block; }

.glyphicon-animate-rotate { animation: spin 1s linear infinite; }
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* DataTables */
/* Делаем блок поиска инлайновым, чтобы кнопки копирования и экспорта таблицы были в одной строке с блоком поиска */
div.dataTables_filter { display: inline-block; margin-left: 2em; }

/* agent/confirmencashment */
.table-text-center > tr > th { text-align: center; }
.table-cell-middle > tr > td { vertical-align: middle !important; }

/* agent/addencashment элемент #datetime_to_selector */
.addencashment_datetime_to_selector_button { width: 1em !important; height: 1.6em; }

/* contract/index */
#table-person tbody tr .newcontract { display: none; }
#table-person tbody tr.info .newcontract { display: inherit; }

/* contract/principal */
#rptree > li > ul > li span.button.edit { display: none; }
.ztree li span.button.contract-principal-required-params-form-constructor-form_ico_open,
.ztree li span.button.contract-principal-required-params-form-constructor-form_ico_docu { margin-right: 2px; background-position: -110px -16px; vertical-align: top; }
.ztree li span.button.contract-principal-required-params-form-constructor-form_ico_close { margin-right: 2px; background-position: -110px 0px; vertical-align: top; }
.ztree li span.button.contract-principal-required-params-form-constructor-param_ico_docu { margin-right: 2px; background-position: -110px -32px; vertical-align: top; }

/* terminal/monitoring */
.columnerror { font-size: 200%; font-weight: bold; }
.error_critical { color: #a94442; font-weight: bold; }
.error_major { color: #8a6d3b; font-weight: bold; }
.error_minor { color: #31708f; font-weight: bold; }
.el-table .table_danger { background-color: #ff05004f!important; font-weight: bold; }
.el-table .table_warn { background-color: #ffe8007d!important; font-weight: bold; }
.el-table .table_norm { background-color: #0069ff8f!important; font-weight: bold; }
.el-table .danger-row {
    --el-table-tr-bg-color: var(--el-color-danger-light-5);
}
.el-table .warning-row {
    --el-table-tr-bg-color: var(--el-color-warning-light-5);
}
.el-table .success-row {
    --el-table-tr-bg-color: var(--el-color-success-light-5);
}
.el-table .norm-row {
    --el-table-tr-bg-color: var(--el-color-primary-light-5);
}
.el-table{
    --el-table-row-hover-bg-color:var(--el-mask-color-extra-light);
}
.danger {
    background-color: var(--el-color-danger-light-5);
}
.warning {
    background-color: var(--el-color-warning-light-5);
}
.success {
    background-color: var(--el-color-success-light-5);
}
.norm{
    background-color: var(--el-color-primary-light-5);
}
.legend{
    background-color:var(--el-mask-color-extra-light);
}