in footer (only one right now) */
text-align: center;
}
.calendar tfoot .ttip { /* Tooltip (status bar) cell | */
background: #CCCCCC;
color: #000000;
height: 20px;
font-size: 10px;
}
.calendar tfoot .hilite { /* Hover style for buttons in footer */
background: #afa;
border: 1px solid #084;
color: #000;
padding: 1px;
}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
background: #7c7;
padding: 2px 0px 0px 2px;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
cursor: default;
border: 1px solid #DDDDDD;
background: #ffffff;
z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}
.calendar .combo .label-IEfix {
width: 4em;
}
.calendar .combo .hilite {
background: #F5F5F5;
}
.calendar .combo .active {
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
background: #ffffff;
font-weight: bold;
}
.calendar td.time {
border-top: 1px solid #8a8;
padding: 1px 0px;
text-align: center;
background-color: #dfb;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
padding: 0px 3px 0px 4px;
border: 1px solid #898;
font-weight: bold;
background-color: #fff;
}
.calendar td.time .ampm {
text-align: center;
}
.calendar td.time .colon {
padding: 0px 2px 0px 3px;
font-weight: bold;
}
.calendar td.time span.hilite {
border-color: #000;
background-color: #686;
color: #fff;
}
.calendar td.time span.active {
border-color: #f00;
background-color: #000;
color: #0f0;
}
div.ctrl_dateEdit{
display:inline-block;
white-space: nowrap; /*отключить перенос строк*/
position: relative;
border-radius: 3px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.ctrl_dateEdit>div:first-child
{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}
div.ctrl_dateEdit input[type="text"]{
border-right-width: 0px;
width:100%;
/*padding-right: 30px;*/
}
div.ctrl_dateEdit .img-calendar, .ctrl_dateEditBtnClear, .ctrl_dateEditBtnClearIcon {
width: 30px;
height: 22px;
background: url('~CmpDateEdit/calendar') no-repeat top left transparent;
cursor:pointer;
display: block;
position: absolute;
right: 0;
top: 0;
}
div.ctrl_dateEdit .img-calendar:active {
background-position: 0 -22px;
}
div.ctrl_dateEdit.ctrl_disable .img-calendar{
cursor:default;
background-position: 0 -44px;
}
.ctrl_dateEditBtnClearIcon
{
background: url('~CmpDateEdit/button_clear') no-repeat transparent;
}
.ctrl_dateEdit.withClearButton
{
padding-right: 46px;
}
.ctrl_dateEdit.withClearButton .img-calendar
{
right: 24px;
}
.ctrl_dateEditBtnClearIcon
{
width: 24px;
}
.ctrl_dateEditBtnClear
{
width: 24px;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F7F9',
endColorstr='#E0E5E9',GradientType=0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F7F9), to(#E0E5E9));
background-image: -webkit-linear-gradient(top, #F5F7F9, #E0E5E9);
background-image: linear-gradient(top, #F5F7F9, #E0E5E9);
background-image: -moz-linear-gradient(center top , #F5F7F9, #E0E5E9);
background-repeat: repeat-x;
border-radius: 0 3px 3px 0;
border-left: 1px solid #BFBFBF;
}
.ctrl_dateEditBtnClear:hover, .ctrl_dateEditBtnClear:active
{
filter: none;
background-color: #E0E5E9;
background-position: 0 -22px;
transition: background-position 0.1s linear 0s;
}
.ctrl_dateEditBtnClear:active
{
background-image: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ctrl_dateEdit.ctrl_disable .ctrl_dateEditBtnClear
{
cursor: default;
background-image: none;
background-color: #EDEDED !important;
box-shadow: none;
}
.ctrl_dateEdit.ctrl_disable .ctrl_dateEditBtnClearIcon
{
cursor: default;
}
.ctrl_dependence::after
{
content: '*';
color: #FF0000 !important;
position: absolute;
left: -10px;
top: 0;
}
.ctrl_dependence.not_dependence::after
{
content: '';
}
.ctrl_edit
{
display: inline-block;
position: relative;
border-radius: 3px;
}
.ctrl_edit input
{
height: 100%;
}
div.grid {
width: 100%;
height: 100%;
position: relative;
}
div.grid_wait {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #FFFFFF;
opacity: 0.5;
display: none;
padding-top: 34px;
}
div.grid.noheader div.grid_wait {
padding-top: 0px;
}
div.grid_disable_cont {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: 0.15;
display: none;
padding-top: 34px;
}
div.grid.ctrl_disable div.grid_disable_cont {
display: block;
}
div.grid.noheader div.grid_disable_cont {
padding-top: 0px;
}
div.grid_header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 34px;
background-color: #FFFFFF;
line-height: 34px;
font-size: 24px;
font-weight: bold;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: default;
padding-right: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.grid_header div.grid_settings {
float: left;
width: 28px;
height: 34px;
margin-right: 5px;
background: url('~CmpGrid/settings') no-repeat top center transparent;
cursor: pointer;
}
div.grid_header div.grid_settings:active {
background-position: 0 -34px;
}
div.grid_header .btn_actions {
position: absolute;
right: 0;
top: 3px;
}
div.grid_columns {
position: absolute;
top: 34px;
left: 0;
width: 100%;
overflow: hidden;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background-color: #F0F0EB;
}
div.grid_data_cont.withfooter {
padding-bottom: 54px;
}
div.grid_data_cont {
width: 100%;
height: 100%;
padding-top: 64px;
}
div.grid_data {
width: 100%;
height: 100%;
overflow: auto;
position: relative;
line-height: 18px;
background-color: #FFFFFF;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
div.grid_params_cont {
padding-top: 34px;
top: 0;
left: 0;
position: absolute;
display: none;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
filter: alpha(opacity=50);
}
div.grid.noheader div.grid_params_cont {
padding-top: 0px;
}
div.grid_data_info {
display: none;
position: absolute;
top: 50%;
margin-top: -12px;
left: 5px;
right: 5px;
height: 24px;
line-height: 24px;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
color: #737373;
overflow: hidden;
}
div.grid_filters {
position: absolute;
top: 0;
left: 0;
min-height: 44px;
width: 100%;
display: none;
}
div.grid_filters.filter-block {
display: block;
z-index: auto;
}
div.grid_filters .filterPanel {
white-space: nowrap;
position: absolute;
top: 100%;
margin-top: -1px;
left: 0;
width: 100%;
padding: 5px 5px 5px 0;
background-color: #F0F0EB;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
div.grid_filters .filterBtnHide {
float: right;
}
div.grid_filters .filterBtnSearch, div.grid_filters .filterBtnClear {
float: left;
margin-left: 5px;
}
div.grid_footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 54px;
background-color: #F0F0EB;
}
div.grid_columns table.grid_columns {
table-layout: fixed;
width: 100%;
height: 100%;
border-collapse: separate;
cursor: default;
}
table.grid_columns div.sort_item, table.grid_columns div.filter_icon {
float: right;
height: 28px;
width: 100%;
}
table.grid_columns td.column_caption {
padding: 0px 5px;
overflow: hidden;
border-right: 1px solid #FFFFFF;
}
table.grid_columns td.column_caption .table_caption {
table-layout: fixed;
width: 100%;
height: 28px;
border-spacing: 0;
border-collapse: collapse;
}
table.grid_columns td.column_caption td.caption,
table.grid_columns td.column_caption td.caption_sort {
text-overflow: ellipsis;
overflow: hidden;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
padding: 5px 0;
}
div.grid.nowrap table.grid_columns td.column_caption {
white-space: nowrap;
}
table.grid_columns td.column_caption td.icn {
width: 24px;
}
div.grid_data table.grid_data {
border-collapse: separate;
border-spacing: 0;
padding: 0;
margin: 0;
table-layout: fixed;
width: 100%;
height: 1px;
}
table.grid_data td.column_data {
padding: 5px 5px;
overflow: hidden;
text-overflow: ellipsis;
}
table.grid_data > tbody > tr.active {
background-color: #D8EAF4;
}
table.grid_data > tbody > tr:hover {
background-color: #D8EAF4;
}
table.grid_data > tbody > tr.active:hover {
background-color: #C4E3F3;
}
div.grid.selected_values table.grid_data > tbody > tr.active {
background-color: #F0F0F0;
}
div.grid.selected_values table.grid_data > tbody > tr:hover {
background-color: #F0F0F0;
}
div.grid.selected_values table.grid_data > tbody > tr.active:hover {
background-color: #EAEAEA;
}
table.grid_data > tbody > tr > td {
border-top: 1px solid #EEEEEE;
}
div.grid_filters table.grid_filters {
border-collapse: separate;
border-spacing: 0;
padding: 0;
margin: 0;
height: 100%;
table-layout: fixed;
width: 100%;
background-color: #F0F0EB;
}
table.grid_filters td.column_filter {
padding: 10px 5px;
overflow: hidden;
}
.grid_footer .ctrl_range {
margin-top: 14px;
padding-left: 10px;
}
.grid.noheader .grid_header, .grid.noheader .btn_actions {
display: none;
}
.grid.noheader div.grid_data_cont {
padding-top: 30px;
}
.grid.noheader div.grid_columns {
top: 0;
}
.grid_profile_active_item {
}
.grid__wf {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.grid__wf-container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border-spacing: 0;
border-collapse: separate;
table-layout: fixed;
background-color: #f0f0f0;
}
.grid__wf-column {
vertical-align: top;
}
.grid__wf-value {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.grid__wf-value:not(:empty) {
padding: 5px;
}
.grid__column-size {
position: absolute;
top: 0;
right: -5px;
bottom: 0;
width: 5px;
cursor: e-resize;
}
span.label
{
}
span[note="labelWithNote"]
{
position: relative;
display: inline-block;
}
span.labelNote
{
bottom: 0mm;
display: block;
font-weight: normal;
left: 0;
line-height: 2.5mm;
position: absolute;
text-align: center;
text-decoration: none;
white-space: nowrap;
width: 100%;
border-top: 1px solid black;
}
div.sort_item {
background-image: url(~CmpSort/sort);
background-repeat: no-repeat;
}
.sort-ordernone,
.sort-nextsort {
background-position: center 0;
}
.sort_block {
position: relative;
}
.sort_block > .sort_level {
display: none;
}
.sort-orderasc .sort_block > .sort_level {
position: absolute;
top: -4px;
font-size: 9px;
right: 4px;
display: block;
}
.sort-orderdesc .sort_block > .sort_level {
position: absolute;
top: -4px;
font-size: 9px;
right: 4px;
display: block;
}
.sort-orderasc {
background-position: center -28px;
}
.sort-orderdesc {
background-position: center -56px;
}
div.filter_icon
{
background: url('~CmpFilter/filter_icon') no-repeat center top transparent;
}
div.filter_icon.active
{
background-position: center -28px;
}
.filter
{
cursor:default;
background: url('~CmpFilter/table_search') repeat-x 0 bottom;
height: 37px;
min-height: 37px;
}
tr.filter-block
{
}
tr.filter-none
{
display: none;
}
.filter tr.filter-header td
{
color:#000;
padding:2px 2px 2px 5px;
vertical-align: top;
}
.filter tr.filter-input>td
{
padding:2px;
text-align:center;
vertical-align:bottom;
}
.but-filter-search-b,
.but-filter-search{
cursor:pointer;
float:left;
}
.but-filter-search>img{
background: url('../images/filter-button.gif') no-repeat;
width: 20px;
height: 22px;
}
.but-filter-search-b>img{
background: url('../images/but-filter-search.gif') no-repeat;
width: 60px;
height: 22px;
}
.but-filter-search-b>img:hover,
.but-filter-search>img:hover{
background-position: 0 -22px;
}
.but-filter-clear{
cursor:pointer;
float:right;
}
.but-filter-clear>img{
background: url('../images/but-filter-clear.gif') no-repeat;
width: 89px;
height: 22px;
}
.filter-clear>img:hover{
background-position: 0 -22px;
}
.filter-clear{
cursor:pointer;
float:left;
}
.filter-clear>img{
background: url('../images/filter-clear.gif') no-repeat;
width: 30px;
height: 22px;
}
.filter-clear>img:hover{
background-position: 0 -22px;
}
.filteritem_s,.filteritem_po
{
display: inline-block;
vertical-align: middle;
margin: 2px 0;
position: relative;
padding-left: 20px;
}
.filteritem_s:before,.filteritem_po:before
{
content: 'с ';
position: absolute;
top: 0;
left: 3px;
}
.filteritem_po
{
margin-top: 2px;
}
.filteritem_po:before
{
content: 'по ';
}
.filter_win {
border: 1px solid #ddd;
padding: 10px;
background-color: #F0F0EB;
}
.fw_caption{
display: block;
color: #333333;
font-size: 22px;
font-weight: normal;
margin-bottom: 10px;
}
.fw_item_lable {
display: inline-block;
width:150px;
}
.fw_item_value {
border: 1px solid #ddd;
padding: 10px;
background-color: #F0F0EB;
}
.formSized{
position: relative;
height: auto;
width: auto;
margin: 0 auto;
}
.formSizedContainer{
background-color: rgba(0,0,0,0.0) !important;
overflow: auto !important;
}
.formFrame{
background:url('~CmpForm/framebg') repeat transparent;
padding: 30px 10px 10px;
position: absolute;
}
.formFrame .frameCaption{
margin-top: -30px;
line-height: 30px;
margin-right: 40px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
cursor: default;
color: #FFFFFF;
user-select: none;
}
.formFrame .frameClose {
position: absolute;
display: block;
width: 40px;
height: 20px;
background-color: #DC322F;
color: #FFFFFF;
text-align: center;
line-height: 20px;
cursor: pointer;
top: 5px;
right: 10px;
user-select: none;
}
div.tree {
width: 100%;
height: 100%;
position: relative;
}
div.tree_header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 34px;
background-color: #FFFFFF;
line-height: 34px;
font-size: 24px;
font-weight: bold;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: default;
padding-right: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.tree_header div.tree_settings {
float: left;
width: 28px;
height: 34px;
margin-right: 5px;
background: url('~CmpTree/settings') no-repeat top center transparent;
cursor: pointer;
}
div.tree_header div.tree_settings:active {
background-position: 0 -34px;
}
div.tree_header .btn_actions {
position: absolute;
right: 0;
top: 3px;
}
div.tree_columns {
position: absolute;
top: 34px;
left: 0;
width: 100%;
overflow: hidden;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background-color: #F0F0EB;
}
div.tree_data_cont.withfooter {
padding-bottom: 54px;
}
div.tree_data_cont {
width: 100%;
height: 100%;
padding-top: 64px;
}
div.tree_data {
width: 100%;
height: 100%;
overflow: auto;
position: relative;
line-height: 18px;
background: #FFFFFF;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
div.tree_params_cont {
padding-top: 34px;
top: 60px;
left: 20px;
position: fixed;
display: none;
width: 95vw;
height: 90vh;
background: rgba(255, 255, 255, 0.5);
filter: alpha(opacity=50);
z-index: 1;
}
div.tree.noheader div.tree_params_cont {
padding-top: 0;
}
div.tree_data_info {
display: none;
position: absolute;
top: 50%;
margin-top: -12px;
left: 5px;
right: 5px;
height: 24px;
line-height: 24px;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
color: #737373;
overflow: hidden;
}
div.tree_filters {
min-height: 44px;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #F0F0EB;
display: none;
}
div.tree_filters.filter-block {
display: block;
z-index: 0;
}
div.tree_filters .filterPanel {
white-space: nowrap;
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 5px 5px 5px 0;
background-color: #F0F0EB;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
div.tree_filters .filterBtnHide {
float: right;
}
div.tree_filters .filterBtnSearch, div.tree_filters .filterBtnClear {
float: left;
margin-left: 5px;
width: 150px;
}
div.tree_filters .filterBtnSearch, div.tree_filters .filterBtnHide {
margin-bottom: 5px;
}
div.tree_footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 54px;
background-color: #F0F0EB;
}
div.tree_columns table.tree_columns {
border-collapse: separate;
border-spacing: 0;
padding: 0;
margin: 0;
height: 100%;
width: 100%;
margin-right: 18px;
padding-right: 18px;
}
table.tree_columns div.sort_item, table.tree_columns div.filter_icon {
float: right;
height: 28px;
width: 100%;
cursor: pointer;
}
table.tree_columns td.column_caption {
padding: 0 5px;
overflow: hidden;
border-right: 1px solid #FFFFFF;
}
div.tree_data table.tree_data {
border-collapse: separate;
border-spacing: 0;
padding: 0;
margin: 0;
table-layout: fixed;
width: 100%;
height: 1px;
}
table.tree_columns td.column_caption .table_caption {
table-layout: fixed;
width: 100%;
height: 28px;
border-spacing: 0;
border-collapse: collapse;
}
table.tree_columns td.column_caption td.caption,
table.tree_columns td.column_caption td.caption_sort {
text-overflow: ellipsis;
overflow: hidden;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
cursor: default;
padding: 5px 0;
}
div.tree.nowrap table.tree_columns td.column_caption {
white-space: nowrap;
}
table.tree_columns td.column_caption td.caption_sort {
cursor: pointer;
}
table.tree_columns td.column_caption td.icn {
width: 24px;
}
table.tree_columns td.column_caption td.icnsl {
width: 20px;
}
table.tree_data td.column_data {
padding: 5px 5px;
overflow: hidden;
text-overflow: ellipsis;
}
table.tree_data > tbody > tr.active {
background-color: #D8EAF4;
}
table.tree_data > tbody > tr:hover {
background-color: #D8EAF4;
}
table.tree_data > tbody > tr.active:hover {
background-color: #C4E3F3;
}
div.tree.selected_values table.tree_data > tbody > tr.active {
background-color: #F0F0F0;
}
div.tree.selected_values table.tree_data > tbody > tr:hover {
background-color: #F0F0F0;
}
div.tree.selected_values table.tree_data > tbody > tr.active:hover {
background-color: #EAEAEA;
}
table.tree_data > tbody > tr > td {
border-top: 1px solid #EEEEEE;
}
div.tree_filters table.tree_filters {
border-collapse: separate;
border-spacing: 0;
padding: 0;
margin: 0;
height: 100%;
table-layout: fixed;
width: 100%;
}
table.tree_filters td.column_filter {
padding: 10px 5px;
overflow: hidden;
}
div.tree_data td.firstnode {
padding-left: 18px;
}
div.tree_data td.firstnode div.btnOC {
background: url("~CmpTree/sq") left -62px no-repeat transparent;
width: 18px;
height: 18px;
position: relative;
float: left;
left: -18px;
margin-right: -18px;
cursor: pointer;
}
div.tree_data tr.node.nochilds div.btnOC {
display: none;
}
div.tree_data tr.node.closed div.btnOC {
background-position: 0 -62px;
}
div.tree_data tr.node.opened div.btnOC {
background-position: 0 -1px;
}
.tree.noheader .tree_header, .tree.noheader .btn_actions {
display: none;
}
.tree.noheader div.tree_data_cont {
padding-top: 30px;
}
.tree.noheader div.tree_columns {
top: 0;
}
/*
state0 - выключенная галочка
state1 - включенная серая галочка
state2 - включенная обыкновенная
*/
div.selectlist
{
background: url('~CmpSelectList/select') no-repeat;
width:17px;
height: 17px;
}
div.selectlist.state0
{
background-position: 0 0;
}
div.selectlist.state1
{
background-position: 0 -17px;
}
div.selectlist.state2
{
background-position: 0 -34px;
}
input.SelectListItem {
vertical-align: middle;
}
/* для определения фокуса на SelectListItem
input.SelectListItem.focus:after {
content: "";
border: 1px solid #0E3460;
display: inline-block;
width: 14px;
height: 16px;
}*/
div.popupMenu
{
cursor: pointer;
width: auto;
position: fixed;
display: none;
border: 1px solid rgb(165, 165, 165);
background-color: rgb(255, 255, 255);
border-radius: 6px 6px 6px 6px;
box-shadow: 0px 3px 10px -1px rgba(0, 0, 0, 0.45);
padding: 5px 0;
}
div.popupMenu.waitAction
{
overflow: hidden;
}
div.popupMenu.waitAction > div.item,
div.popupMenu.waitAction > div.popupGroupItem
{
display: none;
}
div.popupMenu div.item.waittext
{
display: none;
padding: 5px 15px;
}
div.popupMenu.waitAction>div.item.waittext
{
display: block;
}
div.popupMenu.notactive>div.item>table
{
/*opacity: 0.3;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);*/
}
div.popupMenu.notactive>div.item.active>table
{
opacity: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
div.popupMenu:hover
{
/*display: block;*/
}
div.popupMenu div.item
{
position: relative;
}
div.popupMenu div.item.separator
{
border-top: 1px solid #E5E5E5;
margin: 9px 1px;
}
div.popupMenu div.item td.itemCaption
{
white-space: nowrap;
padding: 0px 15px 0px 28px;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
line-height: 20px;
}
div.popupMenu div.item[default="true"] td.itemCaption
{
font-weight: bold;
}
div.popupMenu div.item td.caret
{
background: url('~CmpPopupMenu/haveitems') no-repeat left center transparent;
width: 8px;
display: none;
}
div.popupMenu div.item.haveItems > table td.caret
{
display: table-cell;
}
div.popupMenu div.item:hover, div.popupMenu div.item:active
{
background-color: #0081C2;
}
div.popupMenu div.item:hover >table>tbody>tr> td.itemCaption, div.popupMenu div.item:active >table>tbody>tr> td.itemCaption
{
color: #FFFFFF;
cursor:pointer;
}
div.popupMenu div.item div.subItems
{
display: none;
position: absolute;
top: 0px;
left: 0px;
}
div.popupMenu div.item.active>div.subItems
{
display: block;
}
div.popupMenu div.item.ctrl_disable
{
background-color: transparent !important;
}
div.popupMenu div.item.ctrl_disable>table
{
cursor: default;
}
div.popupMenu div.item.ctrl_disable>table>tbody>tr>td.itemCaption
{
color: #999999;
text-shadow: none;
}
div.popupMenu div.item .itemIcon
{
vertical-align: middle;
border: 0 none;
margin-left: -19px;
margin-right: 3px;
margin-top: -2px;
}
div.popupMenu div.item.ctrl_disable .itemIcon
{
opacity: 0.5;
}
div.popupMenu div.item .itemIcon[src=""]
{
display: none;
}
img.D3Image
{
border: 0 none;
}
#CompositionCont
{
table-layout: fixed;
}
#CompositionCont div.composition_cell
{
padding: 5px;
height: 100%;
width: 100%;
overflow: auto;
}
#CompositionCont>tbody{
height: 100%;
}
div.comp_buttons{
position: relative;
text-align: right;
padding: 5px;
}
div.unitEditForm.withUnitProps
{
padding: 0;
}
.unitEditContent
{
padding: 10px 20px;
}
div.unitEditForm table.unit_form_fields
{
width: 100%;
}
div.unitEditForm table.unit_form_fields td.caption, div.unitEditForm table.unit_form_fields td.value
{
padding-top: 10px;
color: #555555;
}
div.unitEditForm div.unit_form_buttons
{
text-align: right;
padding: 10px 0 0;
}
div.unitEditForm.withUnitProps div.unit_form_buttons
{
padding: 10px 20px 0;
}
div.textArea
{
border-radius: 3px;
position: relative;
}
div.textArea textarea
{
height: 100%;
padding: 3px 6px;
width: 100%;
}
.ctrl_pageControl[mode="vertical"] {
width: 100%;
height: 100%;
}
.ctrl_pageControl[mode="vertical"] .pageControl-content {
width: 100%;
height: 100%;
}
.ctrl_pageControl[mode="horizontal"] {
padding: 35px 0 0;
}
.ctrl_pageControl[mode="horizontal"] > .div_ul
{
position: relative;
height: 35px;
margin: -35px 0 0;
overflow: hidden;
white-space: nowrap;
width: 100%;
}
.ctrl_pageControl[mode="vertical"] > .div_ul {
margin: 0 15px;
}
.ctrl_pageControl[mode="horizontal"].bg
{
border-bottom: 2px solid #5C98BB;
}
.ctrl_pageControlTabs
{
list-style-type: none;
margin: 0;
padding: 0;
height: 30px;
position: relative;
}
.ctrl_pageControlTabs.bg
{
background-color: #FFFFFF;
}
.ctrl_pageControl[mode="horizontal"] > .div_ul .ctrl_pageControlTabBtn
{
display: inline-block;
line-height: 20px;
}
.ctrl_pageControlTabBtn .centerTB
{
float: left;
height: 20px;
padding: 5px;
width: auto;
cursor: pointer;
font-size: 16px;
display: inline-block;
margin-right: 16px;
border-bottom: 5px solid #DDDDDD;
color: #0066CC;
}
.ctrl_pageControl[mode="horizontal"] > .div_ul .ctrl_pageControlTabBtn .centerTB:hover
{
border-bottom-color: #0066CC;
}
.ctrl_pageControl[mode="horizontal"] > .div_ul .ctrl_pageControlTabBtn.active .centerTB
{
color: #000000;
border-bottom-color: #000000;
}
.ctrl_pageControlTabBtn.ctrl_disable
{
background-color: transparent !important;
}
.ctrl_pageControlTabBtn.ctrl_disable .centerTB
{
color: #C5C5C5;
cursor: default;
border-bottom-color: #DDDDDD;
}
.ctrl_pageControlTabPage
{
min-height: 100px;
display: none;
height: 100%;
width: 100%;
overflow: auto;
}
.button_scroll {
display: none;
position: absolute;
top: 0;
width: 20px;
height: 35px;
opacity: 0.9;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.button_scroll:hover {
opacity: 1;
}
.next_scroll {
right: 0;
background: url("~CmpPageControl/scroll_next") no-repeat scroll 0 -6px transparent;
}
.prior_scroll {
left: 0;
background: url("~CmpPageControl/scroll_prior") no-repeat scroll 0 -6px transparent;
}
.div_ul::before {
content: '';
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 5px;
background-color: #dddddd;
}
.ctrl_pageControl[mode="vertical"] {
display: flex;
flex-direction: row;
}
.ctrl_pageControl[mode="vertical"] > .div_ul .ctrl_pageControlTabBtn .centerTB
{
white-space: nowrap;
float: none;
border-bottom: none;
border-left: 5px solid #DDDDDD;
margin: 3px 0;
padding: 10px 5px;
width: 100%;
}
.ctrl_pageControl[mode="vertical"] > .div_ul .ctrl_pageControlTabBtn .centerTB:hover
{
border-left-color: #0066CC;
}
.ctrl_pageControl[mode="vertical"] > .div_ul .ctrl_pageControlTabBtn.active .centerTB
{
color: #000000;
border-left-color: #000000;
}
.ctrl_range
{
position: relative;
height: 30px;
}
.ctrl_range_go_prior, .ctrl_range_go_next, .ctrl_range_page, .ctrl_range_go_last
{
display: inline-block;
float: left;
width: 38px;
height: 28px;
cursor: pointer;
border-color: #DDDDDD;
border-style: solid;
border-width: 1px 1px 1px 0;
}
.ctrl_range_go_prior
{
background: url('~CmpRange/btn_prior') no-repeat center center #FFFFFF;
border-left-width: 1px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.ctrl_range_go_next
{
background: url('~CmpRange/btn_next') no-repeat center center #FFFFFF;
}
.ctrl_range_last_bt {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.ctrl_range_go_last
{
background: url('~CmpRange/btn_last') no-repeat center center #FFFFFF;
}
.ctrl_range_page.active
{
color: #0088CC;
cursor: default;
}
.ctrl_range_pages
{
display: inline-block;
float: left;
list-style: none;
margin: 0;
padding: 0;
}
.ctrl_range_page
{
line-height: 28px;
text-align: center;
overflow: hidden;
margin: 0;
width: auto;
min-width: 32px;
padding: 0 3px;
background-color: #FFFFFF;
}
.ctrl_range_go_prior:hover, .ctrl_range_go_next:hover, .ctrl_range_page:hover, .ctrl_range_go_last:hover
{
background-color: #F5F5F5;
}
.ctrl_range_amount, .ctrl_range_go, .ctrl_range_from_pages
{
display: inline-block;
position: relative;
cursor: pointer;
text-align: center;
width: auto;
padding: 0 10px;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F7F9',
endColorstr='#E0E5E9',GradientType=0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F7F9), to(#E0E5E9));
background-image: -webkit-linear-gradient(top, #F5F7F9, #E0E5E9);
background-image: linear-gradient(top, #F5F7F9, #E0E5E9);
background-image: -moz-linear-gradient(center top , #F5F7F9, #E0E5E9);
background-repeat: repeat-x;
border-radius: 3px;
border-spacing: 0;
border-color: #DDDDDD #BBBBBB #999999;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 #FFFFFF inset;
text-shadow: 0 1px 0 #FFFFFF;
}
.ctrl_range_amount:hover, .ctrl_range_go:hover, .ctrl_range_amount:active, .ctrl_range_go:active, .ctrl_range_from_pages:hover, .ctrl_range_from_pages:active
{
filter: none;
background-color: #E0E5E9;
background-position: 0 -24px;
border-color: #BBBBBB;
transition: background-position 0.1s linear 0s;
}
.ctrl_range_amount:active, .ctrl_range_go:active, .ctrl_range_from_pages:active
{
background-image: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ctrl_range_amount_tip, .ctrl_range_go_tip
{
display: none;
position: absolute;
bottom: 20px;
left: -15px;
padding: 7px;
border-radius: 5px;
background-color: #FFFFFF;
box-shadow: #000000 2px 2px 20px -2px;
}
.ctrl_range_nav
{
display: inline-block;
position: absolute;
height: 23px;
right: 5px;
line-height: 24px;
}
.ctrl_range_amount_item
{
font-size: 13px;
line-height: 14px;
margin-bottom: 8px;
}
.ctrl_range_amount_item:hover
{
text-shadow: white 0 0 5px;
cursor:pointer;
}
.ctrl_range_cont
{
float: left;
line-height: 20px;
margin-left: 20px;
}
.ctrl_mask
{
background: #E3FADE;
}
.ctrl_mask_warning
{
background: #FF8888;
}
.ctrl_completer
{
display: block;
position: fixed;
background: #FFF;
border: 1px solid #9696AA;
z-index: 10;
margin-top: -2px;
overflow: auto;
text-align: left;
}
.ctrl_completer_item
{
padding: 4px 6px;
}
.ctrl_completer_item:hover,.ctrl_completer_item.active
{
background: rgb(233,255,227); /* Old browsers */
background: -moz-linear-gradient(top, rgba(233,255,227,1) 0%, rgba(221,246,218,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(233,255,227,1)), color-stop(100%,rgba(221,246,218,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(233,255,227,1) 0%,rgba(221,246,218,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(233,255,227,1) 0%,rgba(221,246,218,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(233,255,227,1) 0%,rgba(221,246,218,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(233,255,227,1) 0%,rgba(221,246,218,1) 100%); /* W3C */
cursor: pointer;
}
.ctrl_completer_item+.ctrl_completer_item+.ctrl_completer_no_data {
display: none;
}
div.statgrid
{
width: 100%;
height: 100%;
position: relative;
}
div.statgrid_header
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 34px;
background-color: #FFFFFF;
line-height: 34px;
font-size: 24px;
font-weight: bold;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: default;
padding-right: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.statgrid_header div.statgrid_settings
{
float: left;
width: 28px;
height: 34px;
margin-right: 5px;
background: url('~CmpStatGrid/settings') no-repeat top center transparent;
cursor: pointer;
}
div.statgrid_header div.statgrid_settings:active
{
background-position: 0 -34px;
}
div.statgrid_header .btn_actions
{
position: absolute;
right: 0;
top: 3px;
}
div.statgrid_columns
{
position: absolute;
top: 34px;
left: 0;
width: 100%;
height: 30px;
overflow: hidden;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background-color: #F0F0EB;
}
div.statgrid_data_cont
{
width: 100%;
height: 100%;
padding-top: 64px;
padding-bottom: 36px;
background-color: #FFFFFF;
}
div.statgrid_data
{
width: 100%;
height: 100%;
overflow: auto;
position: relative;
line-height: 18px;
background: #FFFFFF;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
div.statgrid_data_info {
display: none;
position: absolute;
top: 50%;
margin-top: -12px;
left: 5px;
right: 5px;
height: 24px;
line-height: 24px;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
color: #737373;
overflow: hidden;
}
div.statgrid_filters
{
min-height: 44px;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #F0F0EB;
display: none;
}
div.statgrid_filters.filter-block
{
display: block;
}
div.statgrid_filters .filterPanel
{
white-space: nowrap;
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 5px 5px 5px 0;
background-color: #F0F0EB;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
div.statgrid_filters .filterBtnHide
{
float: right;
}
div.statgrid_filters .filterBtnSearch, div.statgrid_filters .filterBtnClear
{
float: left;
margin-left: 5px;
}
div.statgrid_footer
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 36px;
line-height: 36px;
overflow: hidden;
background-color: #F0F0EB;
text-indent: 5px;
}
span.statgrid_footer_text
{
margin-left: 20px;
}
div.statgrid_columns table.statgrid_columns
{
border-collapse: separate;
border-spacing: 0;
padding: 0;
margin: 0;
height: 100%;
width: 100%;
margin-right: 18px;
padding-right: 18px;
}
table.statgrid_columns div.sort_item, table.statgrid_columns div.filter_icon
{
float: right;
height: 28px;
width: 100%;
cursor: pointer;
}
table.statgrid_columns td.column_caption
{
padding: 0 5px;
overflow: hidden;
border-right: 1px solid #FFFFFF;
}
div.statgrid_data table.statgrid_data
{
border-collapse: separate;
border-spacing: 0;
padding: 0;
margin: 0;
table-layout: fixed;
width: 100%;
height: 1px;
}
table.statgrid_columns td.column_caption .table_caption
{
table-layout: fixed;
width: 100%;
height: 28px;
border-spacing: 0;
border-collapse: collapse;
}
table.statgrid_columns td.column_caption td.caption, table.statgrid_columns td.column_caption td.caption_sort
{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
cursor: pointer;
padding: 0;
}
table.statgrid_columns td.column_caption td.caption_sort
{
cursor: pointer;
}
table.statgrid_columns td.column_caption td.icn
{
width: 24px;
}
table.statgrid_data td.column_data
{
padding: 5px 5px;
overflow: hidden;
text-overflow: ellipsis;
}
/*table.statgrid_data>tbody>tr:nth-child(even)
{
background-color: #F8F8F8;
}
table.statgrid_data>table>tbody>tr:nth-child(odd)
{
background-color: #FFFFFF;
}*/
table.statgrid_data.show_activerow>tbody>tr.active
{
background: #D8EAF4;
}
table.statgrid_data>tbody>tr>td
{
border-top: 1px solid #EEEEEE;
}
table.statgrid_data.show_activerow>tbody>tr:hover
{
background-color: #D8EAF4;
}
table.statgrid_data.show_activerow>tbody>tr.active:hover
{
background-color: #C4E3F3;
}
div.statgrid.selected_values table.statgrid_data.show_activerow>tbody>tr.active
{
background-color: #F0F0F0;
}
div.statgrid.selected_values table.statgrid_data.show_activerow>tbody>tr:hover
{
background-color: #F0F0F0;
}
div.statgrid.selected_values table.statgrid_data.show_activerow>tbody>tr.active:hover
{
background-color: #EAEAEA;
}
div.statgrid_filters table.statgrid_filters
{
border-collapse: separate;
border-spacing: 0;
padding: 0;
margin: 0;
height: 100%;
table-layout: fixed;
width: 100%;
background-color: #E6ECF2;
}
table.statgrid_filters td.column_filter
{
padding: 10px 5px;
overflow: hidden;
}
div.statgrid_data td.firstnode
{
padding-left: 18px;
}
div.statgrid_groups
{
position: absolute;
top: 34px;
left: 0;
width: 100%;
height: 34px;
line-height: 26px;
overflow: hidden;
background-color: #EEEEEE;
text-indent: 5px;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}
div.statgrid_groups div.groupfield
{
display: inline-block;
height: 26px;
margin: 4px 4px;
background: #FFFFFF;
text-indent: 0px;
padding: 0 4px;
cursor: pointer;
}
div.statgrid.withgroups div.statgrid_columns
{
top: 68px;
}
div.statgrid.withgroups div.statgrid_data_cont
{
padding-top: 98px;
}
div.statgrid.withgroups .groupcell
{
padding: 5px 0;
}
div.statgrid.withgroups div.grouptoggle
{
background:url("~CmpTree/sq") left -63px no-repeat transparent;
width: 18px;
height: 18px;
position: relative;
float: left;
cursor: pointer;
}
div.statgrid.withgroups tr.grouprow.closed div.grouptoggle
{
background-position: 0 -62px;
}
div.statgrid.withgroups tr.grouprow.opened div.grouptoggle
{
background-position: 0 -1px;
}
div.statgrid.withgroups div.statgrid_data_cont td.groupdatacell
{
background: #EEEEEE;
}
div.statgrid.withgroups table.statgrid_data td.groupcell
{
background: #EEEEEE;
}
table.statgrid_data tr.groupsumm td.column_data
{
background: #FEFEE1;
}
table.statgrid_data tr.lasttr {
font-size: 0;
height: 0;
line-height: 0;
display: table-row;
}
table.statgrid_data tr.lasttr td,
table.statgrid_data tr.lasttr td.groupcell {
padding: 0;
}
table.statgrid_data tr.lasttr td * {
display: none;
}
.statgrid__column-size {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 5px;
cursor: e-resize;
}
.ctrl_file
{
display: inline-block;
width: 100%;
border-radius: 3px;
}
.ctrl_file.ctrl_warning
{
background-color: transparent;
}
.ctrl_file .file_label
{
line-height: 22px;
display: inline-block;
float: left;
}
.ctrl_file .file_loader
{
display: inline-block;
}
.ctrl_file .file_loader .file_select
{
width: 120px;
height: 22px;
position: relative;
overflow: hidden;
line-height: 22px;
display: inline;
}
.ctrl_file .file_select input
{
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
cursor: pointer;
position: absolute;
top: 0;
right: 0;
}
.ctrl_file .file_select input:hover+span
{
text-decoration: none;
}
.ctrl_file .file_save, .ctrl_file .file_delete, .ctrl_file .file_select span
{
color: #3E9AC6;
text-decoration: underline;
cursor: pointer;
line-height: 22px;
margin-left: 5px;
}
.ctrl_file .file_save:hover, .ctrl_file .file_delete:hover, .ctrl_file .file_select span:hover
{
text-decoration: none;
}
.ctrl_file .file_info
{
display: inline-block;
}
.ctrl_file .file_select.loading
{
border: 1px solid lightblue;
}
.ctrl_file .file_select.loading span
{
text-decoration: none;
}
.ctrl_file .progress
{
height: 100%;
width: 0;
background-color: lightblue;
position: absolute;
top: 0;
left: 0;
opacity: .5;
}
.ctrl_file .file_select.loading input
{
display: none;
}
.ctrl_file .percent
{
position: absolute;
right: 3px;
top: 0;
color: #3E9AC6;
}
.ctrl_radiogroup.gorizontal div.ctrl_radioitem
{
display: inline-block;
}
div.ctrl_radioitem
{
cursor: pointer;
}
.ctrl_radiogroup.ctrl_disable,.ctrl_radioitem.ctrl_disable,.ctrl_radioitem.ctrl_disable input
{
background: transparent !important;
}
/* styler-blue*/
.repeaterstyler.styler-blue{
background-color: #def8fa;
background: -moz-linear-gradient(top, #def8fa 0%, #d7f0f2 100%);
background: -webkit-linear-gradient(top, #def8fa 0%, #d7f0f2 100%);
background: -o-linear-gradient(top, #def8fa 0%, #d7f0f2 100%);
background: linear-gradient(top, #def8fa 0%, #d7f0f2 100%);
}
.repeaterstyler.styler-blue.active,
.repeaterstyler.styler-blue.active:hover,
.repeaterstyler.styler-blue:hover{
background-color: #c8f6fa;
background: -moz-linear-gradient(top, #c8f6fa 0%, #c2eef2 100%);
background: -webkit-linear-gradient(top, #c8f6fa 0%, #c2eef2 100%);
background: -o-linear-gradient(top, #c8f6fa 0%, #c2eef2 100%);
background: linear-gradient(top, #c8f6fa 0%, #c2eef2 100%);
}
.repeaterstyler.active .repeaterstyler.styler-blue,
.repeaterstyler.active:hover .repeaterstyler.styler-blue,
.repeaterstyler:hover .repeaterstyler.styler-blue{
background-color: #c8f6fa;
background: -moz-linear-gradient(top, #c8f6fa 0%, #c2eef2 100%);
background: -webkit-linear-gradient(top, #c8f6fa 0%, #c2eef2 100%);
background: -o-linear-gradient(top, #c8f6fa 0%, #c2eef2 100%);
background: linear-gradient(top, #c8f6fa 0%, #c2eef2 100%);
}
/* styler-yellow*/
.repeaterstyler.styler-yellow{
background-color: #fcf8de;
background: -moz-linear-gradient(top, #fcf8de 0%, #f4f0d6 100%);
background: -webkit-linear-gradient(top, #fcf8de 0%, #f4f0d6 100%);
background: -o-linear-gradient(top, #fcf8de 0%, #f4f0d6 100%);
background: linear-gradient(top, #fcf8de 0%, #f4f0d6 100%);
}
.repeaterstyler.styler-yellow.active,
.repeaterstyler.styler-yellow.active:hover,
.repeaterstyler.styler-yellow:hover{
background-color: #fcf5ca;
background: -moz-linear-gradient(top, #fcf5ca 0%, #f4edc3 100%);
background: -webkit-linear-gradient(top, #fcf5ca 0%, #f4edc3 100%);
background: linear-gradient(top, #fcf5ca 0%, #f4edc3 100%);
}
.repeaterstyler.active .repeaterstyler.styler-yellow,
.repeaterstyler.active:hover .repeaterstyler.styler-yellow,
.repeaterstyler:hover .repeaterstyler.styler-yellow{
background-color: #fcf5ca;
background: -moz-linear-gradient(top, #fcf5ca 0%, #f4edc3 100%);
background: -webkit-linear-gradient(top, #fcf5ca 0%, #f4edc3 100%);
background: linear-gradient(top, #fcf5ca 0%, #f4edc3 100%);
}
/* styler-red */
.repeaterstyler.styler-red{
background-color: #f4d8d8;
background: -moz-linear-gradient(top, #f4d8d8 0%, #F9EBEB 100%);
background: -webkit-linear-gradient(top, #f4d8d8 0%, #F9EBEB 100%);
background: linear-gradient(top, #f4d8d8 0%, #F9EBEB 100%);
}
.repeaterstyler.styler-red.active,
.repeaterstyler.styler-red.active:hover,
.repeaterstyler.styler-red:hover{
background-color: #ebb2b2;
background: -moz-linear-gradient(top, #ebb2b2 0%, #F0C7C7 100%);
background: -webkit-linear-gradient(top, #ebb2b2 0%, #F0C7C7 100%);
background: linear-gradient(top, #ebb2b2 0%, #F0C7C7 100%);
}
.repeaterstyler.active .repeaterstyler.styler-red,
.repeaterstyler.active:hover .repeaterstyler.styler-red,
.repeaterstyler:hover .repeaterstyler.styler-red{
background-color: #ebb2b2;
background: -moz-linear-gradient(top, #ebb2b2 0%, #F0C7C7 100%);
background: -webkit-linear-gradient(top, #ebb2b2 0%, #F0C7C7 100%);
background: linear-gradient(top, #ebb2b2 0%, #F0C7C7 100%);
}
/*styler-pink*/
.repeaterstyler.styler-pink{
background-color: #FFDBFF;
/* background: -moz-linear-gradient(top, #FFDBFF 0%, #ffe5ff 100%);
background: -webkit-linear-gradient(top, #FFDBFF 0%, #ffe5ff 100%);
background: linear-gradient(top, #FFDBFF 0%, #ffe5ff 100%);*/
}
.repeaterstyler.styler-pink.active,
.repeaterstyler.styler-pink.active:hover,
.repeaterstyler.styler-pink:hover{
background-color: #FFBDFF;
/* background: -moz-linear-gradient(top, #FFBDFF 0%, #FFD6FF 100%);
background: -webkit-linear-gradient(top, #FFBDFF 0%, #FFD6FF 100%);
background: linear-gradient(top, #FFBDFF 0%, #FFD6FF 100%);*/
}
.repeaterstyler.active .repeaterstyler.styler-pink,
.repeaterstyler.active:hover .repeaterstyler.styler-pink,
.repeaterstyler:hover .repeaterstyler.styler-pink{
background-color: #FFBDFF;
/* background: -moz-linear-gradient(top, #ebb2b2 0%, #F0C7C7 100%);
background: -webkit-linear-gradient(top, #ebb2b2 0%, #F0C7C7 100%);
background: linear-gradient(top, #ebb2b2 0%, #F0C7C7 100%); */
}
/* styler-green */
.repeaterstyler.styler-green{
background-color: #BFE9AA;
background: -moz-linear-gradient(top, #BFE9AA 0%, #DFE9AA 100%);
background: -webkit-linear-gradient(top, #BFE9AA 0%, #DFE9AA 100%);
background: linear-gradient(top, #BFE9AA 0%, #DFE9AA 100%);
}
.repeaterstyler.styler-green.active,
.repeaterstyler.styler-green.active:hover,
.repeaterstyler.styler-green:hover{
background-color: #b6cd91;
background: -moz-linear-gradient(top, #b6cd91 0%, #d0e195 100%);
background: -webkit-linear-gradient(top, #b6cd91 0%, #d0e195 100%);
background: linear-gradient(top, #b6cd91 0%, #d0e195 100%);
}
.repeaterstyler.active .repeaterstyler.styler-green,
.repeaterstyler.active:hover .repeaterstyler.styler-green,
.repeaterstyler:hover .repeaterstyler.styler-green{
background-color: #b6cd91;
background: -moz-linear-gradient(top, #b6cd91 0%, #d0e195 100%);
background: -webkit-linear-gradient(top, #b6cd91 0%, #d0e195 100%);
background: linear-gradient(top, #b6cd91 0%, #d0e195 100%);
}
table.ctrl_unitprops
{
table-layout: fixed;
width: 100%;
}
.ctrl_fieldset {
border: none;
padding: 12px 0;
}
.ctrl_fieldset_legend {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 5px 6px 3px;
border-bottom: 1px solid #ddd;
}
.ctrl_expander {
position: relative;
min-height: 24px;
}
.ctrl_expander > .expander_zone_click {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: auto;
height: 24px;
line-height: 24px;
padding-left: 21px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-decoration: none;
font-size: 13px;
color: #0088CC;
cursor: pointer;
background: url('~CmpExpander/arrow') 4px -7px no-repeat;
}
.ctrl_expander.show > .expander_zone_click {
background-position: 4px 10px;
}
.ctrl_expander.turn > .expander_zone_click {
top: auto;
bottom: 0;
}
.ctrl_expander > .expander_zone_click:hover {
color: #000;
}
.ctrl_expander.ctrl_disable > .expander_zone_click {
color: #555;
cursor: default;
}
.ctrl_expander > .expander_content {
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
padding: 24px 0 0;
display: none;
}
.ctrl_expander.show > .expander_content {
display: block;
}
.ctrl_expander.turn > .expander_content {
padding: 0 0 24px;
}
.ctrl_expander.vertical{
width: 24px;
}
.ctrl_expander.vertical.show
{
width: auto;
}
.ctrl_expander.vertical.turn.show > .expander_content {
padding: 0 24px 0 0;
}
.ctrl_expander.vertical > .expander_content {
padding: 0 0 0 24px;
}
.ctrl_expander.vertical > .expander_zone_click {
left: 0;
right: auto;
bottom: auto;
top: 0;
height: 100%;
border-right: 1px solid #DDDDDD;
width: 0;
padding-left: 18px;
background: url('~CmpExpander/arrow_v') -12px 7px no-repeat;
}
.ctrl_expander.vertical.show > .expander_zone_click {
background-position: 4px 7px;
}
.ctrl_expander.vertical.turn.show > .expander_zone_click {
border: 0 none;
border-left: 1px solid #DDDDDD;
left: auto;
right: 0;
background-position: 4px 7px;
}
.ctrl_expander.vertical > .expander_zone_click .caption_cont {
display: none;
/*
display: inline-block;
transform: rotate(-90deg);
*/
}
.ctrl_cellLabel {
margin-left: 1px;
}
.ctrl_cellLabel .ctrl_cellLabel_child {
border: 1px solid black;
margin-left: -1px;
text-align: center;
overflow: hidden;
}
.ctrl_CodeEditor{
border: 1px solid #ddd;
}
.CodeMirror{
background: transparent !important;
}
/*.ctrl_CKEditor{
border: 1px solid #ddd;
}
.CKEditor{
background: transparent !important;
}
*/
.ctrl_CustomFilter {
position: relative;
overflow: hidden;
}
.ctrl_CustomFilter ul {
margin: 0;
padding: 0;
}
.ctrl_CustomFilter li{
cursor: pointer;
border-bottom: 2px solid transparent;
margin: 5px 0;
}
.ctrl_CustomFilter li.active {
background-color: #f6f5f5;
}
.ctrl_CustomFilter.vertical li {
display: block;
position: relative;
width: 100%;
height: 36px;
line-height: 36px;
font-size: 13px;
padding-left: 15px;
}
.ctrl_CustomFilter.vertical li.active {
border-left-color: #d9606f;
}
.ctrl_CustomFilter.horizontal li {
border-bottom-color: #bbb;
display: inline-block;
padding: 6px 10px;
}
.ctrl_CustomFilter.horizontal li.active {
border-bottom-color: #d9606f;
}
.ctrl_layout
{
table-layout: fixed;
}
.ctrl_layout > tr
{
}
.ctrl_layout > tbody > tr > td
{
padding: 4px 10px;
}
.ctrl_hyper_link:hover {
cursor: pointer;
}
.ctrl_add_filter {
padding-top: 0px;
font-size: 20px;
font-weight: 500;
line-height: 1;
padding: 15px;
color: #000000;
z-index: 1;
}
.ctrl_add_filter>.ctrl_edit{
width:500px;
}
.ctrl_add_filter>img {
display: inline-block;
height: 23px;
width: 23px;
background-size: cover;
transition: all 0.01s;
vertical-align: middle;
background-size: 23px 23px;
}
.ctrl_add_filter>img:hover {
cursor: pointer;
}
.ctrl_add_filter>div[cmptype="CheckBox"]{
font-size: 14px;
color: black;
}
.toolbarCtrl {
width: 100%;
height: 44px;
max-height: 44px;
background-color: #505e6a;
text-align: right;
}
.toolbarCtrl .toolbarCtrl_container {
padding: 6.5px;
white-space: unset;
vertical-align: middle;
height: 100%;
box-sizing: border-box;
}
.toolbarCtrl .toolbarCtrl_container .ctrl_button {
font-size: 15px;
background-color: #fff;
color: #000;
}
.toolbarCtrl .toolbarCtrl_container .button_cancel {
font-size: 15px;
background-color: #505e6a;
color: #fff;
border: 1px solid #fff;
}
.toolbarCtrl .toolbarCtrl_container .button_cancel:hover {
font-size: 15px;
background-color: #505e6a;
color: #819ba8;
border: 1px solid #819ba8;
}
.toolbarCtrl .toolbarCtrl_container .button_cancel.ctrl_disable {
color: #babcbc;
border: 1px solid #e8e9e7;
background-color: #e8e9e7;
}
.toolbarCtrl .toolbarCtrl_container .ctrl_disable {
color: #babcbc;
border: 1px solid #e8e9e7;
background-color: #e8e9e7;
}
.toolbarCtrl .toolbarCtrl_container .left {
height: 100%;
color: #fff;
float: left;
padding: 0px 10px 0px 10px;
border-right: 1px solid #bbbbbb;
}
.toolbarCtrl .toolbarCtrl_container .center {
height: 100%;
color: #fff;
float: left;
padding: 0px 10px 0px 10px;
}
.toolbarCtrl .toolbarCtrl_container .right {
color: #fff;
float: right;
padding: 0px 10px 0px 10px;
border-left: 1px solid #bbbbbb;
height: 100%;
}
.toolbarCtrl .toolbarCtrl_container .label {
float: left;
color: #fff;
padding: 5px 5px 5px 10px;
}
.toolbarCtrl .toolbarCtrl_container .header {
float: left;
color: #fff;
padding: 0px 10px 0px 5px;
height: 100%;
font-size: 20px;
border-right: 1px solid #bbbbbb;
}
.toolbarCtrl .toolbarCtrl_container .info_about_record_ctrl {
color: white;
}
.toolbarCtrl > .toolbarCtrl_container > .toolbarItemGroup input,
.toolbarCtrl > .toolbarCtrl_container > .toolbarItemGroup textarea {
padding: 5px 10px ;
}
.info_about_record_ctrl {
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
font-size: 18px;
color: grey
}
.infobox_Ctrl
{
display: flex;
margin: 4px 0;
color:grey;
border: solid 1px lightgrey;
}
.infobox_Ctrl_icon_container
{
display: flex;
align-items: center;
padding: 7px 11px;
}
.infobox_Ctrl_icon
{
font-size: 25px;
}
.infobox_Ctrl_text
{
padding: 5px 5px 5px 0;
font-size: 12px;
}
/* class error для компонента InfoBox */
.infobox_Ctrl.error
{
color:#a40028;
border: solid 1px #a40028;
}
/* class success для компонента InfoBox */
.infobox_Ctrl.success
{
color:#079A2D;
border: solid 1px #079A2D;
}
/* class warrning для компонента InfoBox */
.infobox_Ctrl.warning
{
color: #000;
border: solid 1px #feee33;
}
.dialogCtrl {
background-color: white;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: 0 0 20px 0 #222;
-webkit-box-shadow: 0 0 20px 0 #222;
-moz-box-shadow: 0 0 20px 0 #222;
display: none;
left: 50%;
margin: -120px 0 0 -190px;
padding: 20px 20px 20px 20px;
position: fixed;
top: 40%;
width: 350px;
z-index: 5;
}
.dialogCtrl-background {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
opacity: .50;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);
z-index: 5;
}
.dialogCtrl-background.active, .dialogCtrl.active {
display: block;
}
.dialogCtrl .dialogCtrl-text{
}
.dialogCtrl .dialogCtrl-caption {
font-weight: bold;
font-size: 16px;
text-align: center;
padding-bottom: 5px;
}
.dialogCtrl .dialogCtrl-buttons {
text-align: center;
padding-top: 10px;
}
.dialogCtrl .dialogCtrl-loading-table {
width: 100%;
border-spacing: 10px;
}
.dialogCtrl .dialogCtrl-loading-table .dialogCtrl-loading-icon {
text-align: right;
}
.er-button {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: middle;
padding: 4px 14px 2px;
border: 0 none;
border-bottom: 4px solid transparent;
background: transparent;
font: 1.8rem/32px 'Roboto', sans-serif;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
color: #232323;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.er-button:not(.er-button_closed) {
border-color: rgba(195, 200, 205, 0.6);
background-color: rgb(235, 240, 245) !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.er-eyes .er-button {
padding: 3px 13px 2px;
border: 1px solid transparent;
border-bottom: 4px solid transparent;
text-shadow: none;
}
.er-eyes .er-button:not(.er-button_closed) {
border-color: #232323;
background-color: white !important;
box-shadow: none;
}
.er-button:active:not(.ctrl_disable):not(.er-button_closed),
.er-button_active:not(.ctrl_disable):not(.er-button_closed) {
padding-top: 6px;
border-bottom-width: 2px;
}
.er-button_active:not(.ctrl_disable):not(.er-button_closed) {
text-decoration: underline;
}
.er-eyes .er-button:active:not(.ctrl_disable):not(.er-button_closed),
.er-eyes .er-button_active:not(.ctrl_disable):not(.er-button_closed) {
padding-top: 5px;
}
.er-button:focus {
outline: 0 none;
}
.er-button::-moz-focus-inner {
border: 0 none;
}
.er-button.ctrl_disable {
color: #c8c8c8;
}
.er-radio-group {
position: relative;
white-space: normal;
}
.er-edit {
position: relative;
border: 2px solid rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.8);
background-clip: padding-box;
color: #232323;
}
.er-eyes .er-edit {
border-color: #555555;
}
.er-edit.ctrl_warning {
background-color: rgba(255, 250, 205, 0.8);
}
.er-edit.ctrl_mask_warning {
border-color: rgba(255, 0, 0, 0.3);
}
.er-eyes .er-edit.ctrl_mask_warning {
border-color: #e16f5f;
}
.er-edit__input {
display: block !important;
height: auto !important;
border-radius: 0 !important;
font: 1.8rem/30px 'Roboto', sans-serif !important;
color: inherit !important;
}
.er-check-box {
position: relative;
display: inline-block;
vertical-align: middle;
width: 32px;
height: 32px;
border: 2px solid rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.8);
background-clip: padding-box;
}
.er-eyes .er-check-box {
border-color: #555555;
}
.er-check-box.ctrl_warning {
background-color: rgba(255, 250, 205, 0.8);
}
.er-check-box__input {
position: absolute;
top: 0;
left: 0;
-webkit-appearance: none;
-moz-appearance: none;
opacity: 0;
}
.er-check-box__input,
.er-check-box__svg {
display: block;
width: 100%;
height: 100%;
margin: 0;
}
.er-check-box__path {
stroke: transparent;
fill: transparent;
stroke-width: 3px;
}
.er-check-box__input:checked + .er-check-box__svg > .er-check-box__path {
stroke: #232323;
}
.er-message {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 50;
text-align: center;
white-space: nowrap;
background: rgba(0, 0, 0, 0.3);
}
.er-eyes .er-message {
background-color: rgba(0, 0, 0, 0.8);
}
.er-message::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.er-message__body {
display: inline-block;
vertical-align: middle;
min-width: 320px;
max-width: 80%;
min-height: 280px;
max-height: 100%;
text-align: start;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
background: white;
}
.er-eyes .er-message__body {
box-shadow: none;
}
.er-message__buttons {
padding: 15px 20px;
overflow: hidden;
text-align: end;
background: #59beea;
border-bottom: 1px solid transparent;
}
.er-eyes .er-message__buttons {
background-color: white;
border-bottom-color: #232323;
}
.er-message__title,
.er-message__text {
padding: 0 20px;
margin: 5px 0;
overflow: hidden;
text-overflow: ellipsis;
}
.er-message__title {
margin-top: 10px;
font-size: 26px;
}
.er-message__text {
margin-bottom: 10px;
font-size: 18px;
white-space: normal;
}
.er-message__close {
width: 18px !important;
}
.er-message__field {
margin-top: 14px;
}
.er-textarea {
position: relative;
border: 2px solid rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.8);
background-clip: padding-box;
color: #232323;
}
.er-eyes .er-textarea {
border-color: #555555;
}
.er-textarea.ctrl_warning {
background-color: rgba(255, 250, 205, 0.8);
}
.er-textarea.ctrl_mask_warning {
border-color: rgba(255, 0, 0, 0.3);
}
.er-eyes .er-textarea.ctrl_mask_warning {
border-color: #e16f5f;
}
.er-textarea__input {
display: block !important;
height: 120px !important;
border-radius: 0 !important;
font: 1.8rem/30px 'Roboto', sans-serif !important;
color: inherit !important;
}
.er-button-edit {
display: table;
border: 2px solid rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.8);
background-clip: padding-box;
color: #232323;
}
.er-eyes .er-button-edit {
border-color: #555555;
}
.er-button-edit .ctrl_ButtonEdit_Cell {
border: 0 none !important;
}
.er-button-edit .ctrl_ButtonEdit_Guide {
display: none !important;
}
.er-button-edit .ctrl_ButtonEdit_Bg {
background-color: transparent !important;
}
.er-button-edit .ctrl_ButtonEdit_Content > input {
display: block !important;
height: auto !important;
border-radius: 0 !important;
font: 1.8rem/30px 'Roboto', sans-serif !important;
color: inherit !important;
}
.er-combo-box {
position: relative;
border: 2px solid rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.8);
background-clip: padding-box;
color: #232323;
overflow: hidden;
}
.er-eyes .er-combo-box {
border-color: #555555;
}
.er-combo-box.ctrl_warning {
background-color: rgba(255, 250, 205, 0.8);
}
.er-combo-box__title,
.er-combo-box__svg {
position: absolute;
height: 30px;
top: 50%;
margin-top: -15px;
}
.er-combo-box__title {
right: 30px;
left: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.er-combo-box__svg {
right: 0;
width: 30px;
}
.er-combo-box__path {
stroke: rgba(0, 0, 0, 0.5);
fill: transparent;
stroke-width: 2px;
}
.er-combo-box__select {
position: relative !important;
display: block !important;
width: 100% !important;
padding: 2px !important;
border: 0 none !important;
background: transparent !important;
font: 1.8rem/30px 'Roboto', sans-serif !important;
opacity: 0 !important;
}
.er-combo-box__item {
font-size: 20px !important;
}
.er-mask {
display: none;
}
.er-date-edit {
position: relative;
width: 200px;
border: 2px solid rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.8);
background-clip: padding-box;
color: #232323;
}
.er-eyes .er-date-edit {
border-color: #555555;
}
.er-date-edit.ctrl_warning {
background-color: rgba(255, 250, 205, 0.8);
}
.er-date-edit.ctrl_mask_warning {
border-color: rgba(255, 0, 0, 0.3);
}
.er-eyes .er-date-edit.ctrl_mask_warning {
border-color: #e16f5f;
}
.er-date-edit__input {
display: block !important;
height: auto !important;
border-radius: 0 !important;
font: 1.8rem/30px 'Roboto', sans-serif !important;
color: inherit !important;
} |