/*
 * Copyright (c) 2022. LeanSoft.ro
 * All Rights Reserved.
 */

html { height: 100%; }
*,*:before,*:after { box-sizing: border-box }
a:link { text-decoration: none; outline: none; }
img { width: auto; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
font { vertical-align: unset !important; }
canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol { margin-top: 0; margin-bottom: 10px; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }

button, input, select, textarea { outline: 0; }
input[readonly],
input[disabled],
select[readonly],
select[disabled],
textarea[disabled],
textarea[disabled],
textarea[readonly] { background-color: #f5f5f5 !important; color: #adadad; cursor: not-allowed; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
input[type="checkbox"] { accent-color: var(--themeAccentGround); }
input[type="radio"] { accent-color: var(--themeAccentGround); }

::-webkit-scrollbar { width: 4px; height: 4px; box-shadow: none; }
::-webkit-scrollbar-track { background-color: #bbb; border-radius: 5px; }
::-webkit-scrollbar-thumb { background-color: #888; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #555; }
::-webkit-scrollbar-button { display: none; }

.fade { opacity: 0; transition: opacity .15s linear; }
.fade.in { opacity: 1; }

.nav { padding-left: 0; margin-bottom: 0; list-style: none; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 10px 15px}
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; }
.nav > li.disabled > a { color: #999999; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #428bca; }

.navbar { position: relative; z-index: 1000; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; }
.navbar-nav { margin: 7.5px -15px; }
.navbar-nav .open > .dropdown-menu { display: block; }
.navbar-nav .open > a { outline: 0; }
.navbar-nav .dropdown { position: relative; }
.navbar-nav .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: solid 1px #cccccc; border-radius: 10px; box-shadow: 0 0 var(--form--shadowWidth) var(--form--shadowColor); background-clip: padding-box; font-size: 14px; }
.navbar-nav .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.navbar-nav .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; }
.navbar-nav .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #ffffff; text-decoration: none; background-color: #428bca; }
.navbar-nav .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; background-color: #428bca; text-decoration: none; }
@media (max-width: 0px) { /* 767 */
	.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }
	.navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px; }
	.navbar-nav .open .dropdown-menu > li > a { line-height: 20px; }
	.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; }
}
@media( min-width: 0px ) { /* 768 */
	.navbar-nav { float: left; margin: 0 }
	.navbar-nav > li { float: left }
	.navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px }
}
@media (min-width: 0px) { /* 768 */
	.navbar-left { float: left !important; }
	.navbar-right { float: right !important; }
}
@media (min-width: 768px) {
	.navbar-right .dropdown-menu { right: 0; left: auto; }
}

.modal-open { overflow: hidden; }
.modal { position: fixed; top: 92px; right: 0; bottom: 26px; left: 0; z-index: 1040; display: none; overflow: auto; }
.modal.fade .modal-dialog { transform: translate(0, -25%); transition: transform .3s ease-out; }
.modal.in .modal-dialog {transform: translate(0, 0); }
.modal-dialog { z-index: 1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto; }
.modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000000; pointer-events: none; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: .5; filter: alpha(opacity=50); }
.modal-header { min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; }
.modal-title { margin: 0; line-height: 1.428571429; }
.modal-body { position: relative; padding: 20px; }
.modal-body .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: .2; filter: alpha(opacity=20); padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }
.modal-body .close:hover, .modal-body .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50); }
.modal-footer { padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after { display: table; content: " "; }
.modal-footer:after { clear: both; }
.modal-footer:before, .modal-footer:after { display: table; content: " "; }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
@media screen and (min-width: 768px) {
	.modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
	.modal-dialog { right: auto; left: 50%; width: 600px; padding-top: 30px; padding-bottom: 30px; }
}

body { margin: 0; }
body { position: relative; width: 100%; min-width: 820px; height: 100%; min-height: 420px; overflow: hidden; background: url( "../images/pattern.png" ) repeat; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; }
body:not(.session) > .barSide { display: none; }
body.bodyLite > .view > .port { padding: 0 !important; }
body.barSideClosed > .view > .port { padding-left: 0 !important; }
body.barSideClosed > .lotd2 { margin-left: 0; }
body.session > .view > .port { justify-content: unset !important; padding-left: 55px; }
body.modal-open { margin-right: 0; }

body > .view { position: fixed; left: 0; top: 92px; right: 0; bottom: 26px; z-index: 0; overflow: auto; }
body > .view > .port { display: flex; flex-direction: column; min-width: max-content; min-height: 100%; align-items: center; justify-content: center; gap: var(--view-port--spaceDivider); padding: var(--view-port--spacePadding); }
body > .view > .port .modal { display: flex; flex-direction: column; min-width: max-content; align-items: safe center; justify-content: safe center; padding: 15px 15px 15px 55px; }

.textarea { border-color: #cccccc; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px !important; }
.table { display: table; width: 100%; }
.row { display: table-row; }
.cell { display: table-cell; }
.icon { font-family: FontAwesome, sans-serif; font-style:normal; font-size: 14px; }
.empty_td { text-align: center; font-style: italic; }

.lotd2 { position: fixed; width: 180px; height: 78px; z-index: 1031; left: 50%; top: 12px; transform: translate( -50%, 0 ); margin-left: 125px; background-color: var(--barLeadGroundColor); }
.lotd2 .extra { position: absolute; left: 0; right: 0; top: 0; height: 10px; background-color: var(--barHeadGroundColor); }
.lotd2 .top { position: absolute; left: 0; right: 0; top: 0; margin: 0 11px 0 11px; height: 10px; background-color: var(--barLeadGroundColor); border-left: solid var(--barHeadMarkerWidth) var(--barHeadMarkerColor); border-top: solid var(--barHeadMarkerWidth) var(--barHeadMarkerColor); border-right: solid var(--barHeadMarkerWidth) var(--barHeadMarkerColor); border-radius: 10px 10px 0 0; }
.lotd2 .left { position: absolute; left: 0; top: 10px; width: 15px; height: 30px; background-color: var(--barHeadGroundColor); border-right: solid var(--barHeadMarkerWidth) var(--barHeadMarkerColor); border-bottom: solid var(--barHeadMarkerWidth) var(--barHeadMarkerColor); border-radius: 0 0 10px 0; }
.lotd2 .right { position: absolute; right: 0; top: 10px; width: 15px; height: 30px; background-color: var(--barHeadGroundColor); border-left: solid var(--barHeadMarkerWidth) var(--barHeadMarkerColor); border-bottom: solid var(--barHeadMarkerWidth) var(--barHeadMarkerColor); border-radius: 0 0 0 10px; }
.lotd2 .center { position: absolute; left: 30px; right: 30px; top: 13px; bottom: 10px; display: flex; align-items: center; }
.lotd2 .center img { max-width: 100%; max-height: 100%; }

.barHead { position: absolute; left: 0; top: 0; z-index: 1030; display: table; width: 100%; height: 52px; background-color: var(--barHeadGroundColor); border-bottom: solid var(--barHeadMarkerWidth) var(--barHeadMarkerColor); transition: transform 0.75s ease; }
.barHead.hide2 { transform: translateY(-52px); }
.barHead.show2 { transform: translateY(0); }
.barHead .content { display: table-row; }
.barHead .content.session > .segment.logo { width: 250px; padding-left: 0; }
.barHead .content > .segment { display: table-cell; height: 100%; }
.barHead .content > .segment.logo { width: 100%; text-align: center; vertical-align: middle; }
.barHead .content > .segment.menu .nav { height: 100%; }
.barHead .content > .segment.menu .nav .item { height: 100%; border-right: solid var(--barHeadMenuDividerWidth) #00000044; }
.barHead .content > .segment.menu .nav .item:first-child { border-left: solid var(--barHeadMenuDividerWidth) #00000044; }
.barHead .content > .segment.menu .nav .item > a { height: 100%; padding: 14px 18px 14px 18px; }
.barHead .content > .segment.menu .nav .item > a:hover { background-color: #ffffff22; }
.barHead .content > .segment.menu .nav .item > a:focus { background-color: transparent; }
.barHead .content > .segment.menu .nav .item:active,
.barHead .content > .segment.menu .nav .item.dropdown.open > .dropdown-toggle,
.barHead .content > .segment.menu .nav .item.dropdown.active > .dropdown-toggle,
.barHead .content > .segment.menu .nav .item.dropdown.open.active > .dropdown-toggle { background-color: #00000022; }
.barHead .content > .segment.menu .nav .item .badge { display: inline-block; position: absolute; left: 50%; top: 4px; transform: translate(-50%, 0); height: 14px; padding: 2px 4px; background-color: var(--barHeadBadgeGroundColor); border-radius: 3px; font-size: var(--barHeadBadgeTextHeight); font-weight: bold; color: var(--barHeadBadgeTextColor); line-height: 1; text-align: center; text-shadow: none; white-space: nowrap; }
.barHead .content > .segment.menu .nav .item .badge:empty{ display: none; }
.barHead .content > .segment.menu .nav .item .icon { font-size: var(--barHeadMenuIconHeight); color: var(--barHeadMenuIconColor); }
.barHead .content > .segment.menu .nav .item .text { font-size: var(--barHeadMenuTextHeight); color: var(--barHeadMenuTextColor); }
.barHead .content > .segment.menu .nav .item .avatar { position: relative; width: 36px; height: 36px; overflow: hidden; background-color: var(--barHeadGroundColor); border: 1px solid var(--barHeadMenuIconColor); border-radius: 50%; }
.barHead .content > .segment.menu .nav .item .avatar .image { width: 100%; height: 100%; }
.barHead .content > .segment.menu .nav .item .avatar .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.barHead .content > .segment.menu .nav .item .user { padding-left: 12px; font-weight: bold; }
.barHead .content > .segment.menu .nav .dropdown .dropdown-menu .icon { display: inline-block; width: 20px; font-size: var(--barHeadDropIconHeight); color: var(--barHeadDropIconColor); text-align: center; }
.barHead .content > .segment.menu .nav .dropdown .dropdown-menu .text { font-size: var(--barHeadDropTextHeight); color: var(--barHeadDropTextColor); }
.barHead .content > .segment.menu .nav .dropdown .dropdown-menu > li > a:hover,
.barHead .content > .segment.menu .nav .dropdown .dropdown-menu > li > a:focus,
.barHead .content > .segment.menu .nav .dropdown .dropdown-submenu:hover > a,
.barHead .content > .segment.menu .nav .dropdown .dropdown-submenu:focus > a { background: rgba( 0, 0, 0, 0.1 ); }

.barLead { position: absolute; left: 0; top: 52px; z-index: 1029; display: table; width: 100%; height: 40px; background-color: var(--barLeadGroundColor); border-bottom: solid var(--barLeadBorderWidth) var(--barLeadBorderColor); box-shadow: 0 0 5px #00000044; transition: transform 0.75s ease; }
.barLead.hide2 { transform: translateY(-92px); }
.barLead.show2 { transform: translateY(0); }
.barLead .stage { position: absolute; width: 100%; height: 100%; padding-top: 8px; background-color: #ff000022; font-size: 18px; color: var(--barLeadCrumbTextColor); text-align: center; z-index: -1; }
.barLead .content { display: table-row; }
.barLead .content > .segment { display: table-cell; }
.barLead .content > .segment.crumbs { vertical-align: middle; transition: opacity .25s ease, transform .25s ease; }
.barLead .content > .segment.crumbs.show2 { opacity: 1; transform: translateY(0); }
.barLead .content > .segment.crumbs.hide2 { opacity: .01; transform: translateX(-20px); }
.barLead .content > .segment.crumbs ul { float: left; margin: 0; padding: 0 15px; list-style: none; }
.barLead .content > .segment.crumbs ul li { float: left; font-size: 12px; padding-top: 2px; padding-right: 5px; }
.barLead .content > .segment.crumbs ul li .icon { padding: 0 5px; font-size: var(--barLeadCrumbIconHeight); color: var(--barLeadCrumbIconColor); }
.barLead .content > .segment.crumbs ul li .text { font-size: var(--barLeadCrumbTextHeight); color: var(--barLeadCrumbTextColor); }
.barLead .content > .segment.crumbs ul li + li:before { padding: 0 5px; content: " > "; font-size: var(--barLeadCrumbDividerHeight); color: var(--barLeadCrumbDividerColor); }
.barLead .content > .segment.links { vertical-align: middle; transition: opacity .25s ease, transform .25s ease; }
.barLead .content > .segment.links.show2 { opacity: 1; transform: translateY(0); }
.barLead .content > .segment.links.hide2 { opacity: .01; transform: translateX(20px); }
.barLead .content > .segment.links ul { margin-right: 20px; list-style: none; }
.barLead .content > .segment.links ul li { position: relative; float: right; font-size: 12px; border-left: solid var(--barLeadLinkDividerWidth) var(--barLeadLinkDividerColor); }
.barLead .content > .segment.links ul li:first-child { border-right: solid var(--barLeadLinkDividerWidth) var(--barLeadLinkDividerColor); }
.barLead .content > .segment.links ul li a { display: inline-block; padding: 0 10px; line-height: 39px; text-decoration: none; white-space: nowrap; }
.barLead .content > .segment.links ul li a:hover { background-color: var(--barLeadLinkGroundHoverColor, #00000011); }
.barLead .content > .segment.links ul li a:active { background-color: var(--barLeadLinkGroundFocusColor, #00000022); }
.barLead .content > .segment.links ul li a .icon { padding-right: 5px; font-size: var(--barLeadLinkIconHeight); color: var(--barLeadLinkIconColor); }
.barLead .content > .segment.links ul li a .text { font-size: var(--barLeadLinkTextHeight); color: var(--barLeadLinkTextColor); }

.barSide { position: fixed; left: 0; top: 107px; bottom: 41px; z-index: 1029; display: flex; flex-direction: column; width: 40px; background-color: var(--barSideGroundColor); border-radius: 0 10px 10px 0; box-shadow: 0 0 5px #00000044; transition: transform 0.75s ease, width 0.5s ease; }
.barSide.hide2 { transform: translateX(-40px); }
.barSide.show2 { transform: translateX(0); }
.barSide.open { width: 200px; }
.barSide.open .content { overflow-y: auto; }
.barSide.lock { width: 200px; }
.barSide .search { display: flex; flex-direction: row; align-items: center; height: 38px; overflow: hidden; background-color: var(--themeAccentGround); border-top: solid 1px var(--themeAccentMarker); border-right: solid 1px var(--themeAccentMarker); border-bottom: solid 3px var(--themeAccentMarker); border-top-right-radius: 10px; }
.barSide .search > .icon { padding: 0 15px 0 15px; color: #ffffff; }
.barSide .search > .text { width: 150px; height: 24px; padding: var(--inputFieldPadding); background-color: var(--modelLinearInputFieldNoneGroundColor); border: solid var(--modelLinearInputFieldBorderWidth) var(--themeAccentMarker); border-radius: var(--modelLinearInputFieldBorderRadius); font-size: var(--modelLinearInputFieldTextHeight); color: var(--modelLinearInputFieldTextColor); transition: border-color .2s; outline: none; }
.barSide .search > .text:focus { background-color: var(--modelLinearInputFieldFocusGroundColor); }
.barSide .content { position: relative; height: 100%; display: flex; flex-direction: column; flex: 1; border-right: solid var(--barSideBorderWidth) var(--barSideBorderColor, #d1d1d1); border-bottom: solid var(--barSideBorderWidth) var(--barSideBorderColor, #d1d1d1); border-bottom-right-radius: 10px; overflow: hidden; }
.barSide .content .list { display: flex; flex-direction: column; flex-wrap: wrap; width: 200px; margin: 0; padding: 0; list-style: none; background-color: var(--barSideGroundColor, #f5f5f5); }
.barSide .content .list > .item { position: relative; border-bottom: solid var(--barSideBorderWidth) var(--barSideBorderColor, #bbbbbb); }
.barSide .content .list > .item.current > .link { border-left: solid 5px var(--themeAccentMarker); }
.barSide .content .list > .item.current > .link:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--themeAccentGround); opacity: 0.1; }
.barSide .content .list > .item.current > .link .icon { margin-left: -5px; }
.barSide .content .list > .item:not(.test) > .list { display: none; }
.barSide .content .list > .item > .link { display: flex; align-items: center; height: 35px; white-space: nowrap; text-decoration: none; transition: background 0.2s ease; }
.barSide .content .list > .item > .link:hover { background-color: var(--barSideMenuItemGroundHoverColor, #00000011); color: #ffffff; }
.barSide .content .list > .item > .link:active { background-color: var(--barSideMenuItemGroundFocusColor, #00000022); color: #ffffff; }
.barSide .content .list > .item > .link > .icon { width: 42px; color: var(--barSideMenuItemIconColor); text-align: center; }
.barSide .content .list > .item > .link > .text { width: 132px; font-weight: bold; color: var(--barSideMenuItemTextColor); overflow: hidden; }
.barSide .content .list > .item > .link > .note { position: absolute; top: 0; right: 24px; font-size: 10px; font-style: italic; color: var(--barSideMenuItemIconColor); }
.barSide .content .list > .item > .link > .arrow { width: 20px; font-family: FontAwesome, sans-serif; font-size: 10px; color: var(--barSideMenuItemTextColor); text-align: center; transition: transform .25s ease-in-out; }
.barSide .content .list > .item > .list { display: flex; flex-direction: column; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; background-color: #ededed; }
.barSide .content .list > .item > .list > .item.current { position: relative; }
.barSide .content .list > .item > .list > .item.current > .link { border-left: solid 5px var(--themeAccentMarker); }
.barSide .content .list > .item > .list > .item.current > .link:before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--themeAccentGround); opacity: 0.1; }
.barSide .content .list > .item > .list > .item.current > .link .icon { margin-left: -5px; }
.barSide .content .list > .item > .list > .item:first-child { border-top: solid var(--barSideBorderWidth) var(--barSideBorderColor, #bbbbbb); }
.barSide .content .list > .item > .list > .item > .link { display: flex; align-items: center; height: 35px; white-space: nowrap; text-decoration: none; transition: background 0.2s ease; }
.barSide .content .list > .item > .list > .item > .link:hover { background-color: var(--barSideMenuItemGroundHoverColor, #00000011); color: #ffffff; }
.barSide .content .list > .item > .list > .item > .link:active { background-color: var(--barSideMenuItemGroundFocusColor, #00000022); color: #ffffff; }
.barSide .content .list > .item > .list > .item > .link .icon { width: 42px; color: var(--barSideMenuItemIconColor); text-align: center; }
.barSide .content .list > .item > .list > .item > .link > .text { width: 132px; font-weight: bold; color: var(--barSideMenuItemTextColor); overflow: hidden; }
.barSide .content .list > .item > .link > .item > .link > .note {  }
.barSide .content .list > .item > .list > .item > .link > .arrow { width: 20px; font-family: FontAwesome, sans-serif; font-size: 10px; color: var(--barSideMenuItemTextColor); text-align: center; }
.barSide .content .list > .item.open > .link > .arrow { transform: rotate(180deg); }

.barFoot { position: absolute; left: 0; bottom: 0; z-index: 1030; display: table; width: 100%; height: 26px; background-color: var(--barFootGroundColor); border-top: solid var(--barFootBorderWidth ) var(--barFootBorderColor ); box-shadow: 0 0 5px #00000044; transition: transform 0.75s ease; }
.barFoot.hide2 { transform: translateY(26px); }
.barFoot.show2 { transform: translateY(0); }
.barFoot .content { display: table-row; }
.barFoot .content > .segment { display: table-cell; padding: 0 5px 0 5px; text-align: center; vertical-align: middle; white-space: nowrap; }
.barFoot .content > .segment.roles { width: 200px; border-right: solid var(--barFootDividerWidth) var(--barFootDividerColor); }
.barFoot .content > .segment.stamp { width: 200px; border-left: solid var(--barFootDividerWidth) var(--barFootDividerColor); }
.barFoot .content > .segment > .icon { font-family: FontAwesome, sans-serif; font-size: var(--barFootIconHeight); color: var(--barFootIconColor); }
.barFoot .content > .segment > .text { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: var(--barFootTextHeight); color: var(--barFootTextColor); }
.barFoot .content > .segment > .text.name { font-weight: bold; color: var(--barFootMarkColor); }
.barFoot .content > .segment > .text.time { width: 100%; }
.barFoot .content > .segment > .link { font-weight: bold; color: var(--barFootMarkColor); }

.form { overflow: hidden; }
.form { position: relative; display: table; border-radius: var(--form--borderRadius); box-shadow: 0 0 var(--form--shadowWidth) var(--form--shadowColor); transition: opacity .25s ease, transform .25s ease; }
.form.arrive { opacity: 1; transform: translateY(0); }
.form.depart { opacity: .01; transform: translateY(20px); }

.form > * > :first-child { border-top-left-radius: var(--form--borderRadius); border-top-right-radius: var(--form--borderRadius); }
.form > * > :last-child { border-bottom-left-radius: var(--form--borderRadius); border-bottom-right-radius: var(--form--borderRadius); }
.form > .locker,
.form > .locker > .mask { border-radius: var( --lockerBorderRadius ); }

.form .head { display: flex; flex-direction: row; background-color: var(--form-head--groundColor); border: solid var(--form-head--borderWidth) var(--form-head--borderColor); border-bottom: solid var(--form-head--markerWidth) var(--form-head--markerColor); }
.form .head > :first-child:dir(ltr) { border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.form .head > :first-child:dir(rtl) { border-top-right-radius: inherit; border-bottom-right-radius: inherit; }
.form .head > :last-child:dir(ltr) { border-top-right-radius: inherit; border-bottom-right-radius: inherit; }
.form .head > :last-child:dir(rtl) { border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.form .head > .title { display: flex; flex-direction: row; flex-grow: 1; align-items: center; gap: var(--form-head-title--spaceDivider); padding: var(--form-head-title--spacePadding); }
.form .head > .title > .icon { font-size: var(--form-head-title-icon--fontSize); color: var(--form-head-title-icon--fontColor); }
.form .head > .title > .text { font-size: var(--form-head-title-text--fontSize); color: var(--form-head-title-text--fontColor); }
.form .head > .options { display: flex; flex-direction: row; }
.form .head > .options > :last-child:dir(ltr) { border-top-right-radius: var(--form--borderRadius); border-bottom-right-radius: inherit; }
.form .head > .options > :last-child:dir(rtl) { border-top-left-radius: var(--form--borderRadius); border-bottom-left-radius: inherit; }
.form .head > .options > .option { display: flex; flex-direction: row; flex-basis: 0; flex-grow: 1; flex-shrink: 1;; align-items: center; justify-content: center;  min-width: 0; padding: var(--form-head-option--spacePadding); background-color: var(--form-head-option--groundColor); border: 0; transition: filter .2s; }
.form .head > .options > .option:dir(ltr) { border-left: solid var(--form-head-option--borderWidth) var(--form-head-option--borderColor); }
.form .head > .options > .option:dir(rtl) { border-right: solid var(--form-head-option--borderWidth) var(--form-head-option--borderColor); }
.form .head > .options > .option:disabled { filter: brightness(0.7); }
.form .head > .options > .option:enabled { cursor: pointer; }
.form .head > .options > .option:enabled:hover { filter: brightness(1.1); }
.form .head > .options > .option:enabled:active { filter: brightness(0.9); }
.form .head > .options > .option.basic > .icon { color: var(--form-head-optionBasic-icon--fontColor); }
.form .head > .options > .option.danger > .icon { color: var(--form-head-optionDanger-icon--fontColor); }
.form .head > .options > .option > .icon { font-size: var(--form-head-option-icon--fontSize); }
.modal .form .head > .title { cursor: move; }

.form .body { display: flex; flex-direction: column; background-color: var(--form-body--groundColor); border-left: solid var(--form-body--borderWidth) var(--form-body--borderColor); border-right: solid var(--form-body--borderWidth) var(--form-body--borderColor); }

.form .alerts { display: flex; flex-direction: column; }
.form .alerts .alert { min-width: 100%; max-width: 0; padding: var(--modelAlertPadding, 4px 10px); border-bottom: solid var(--modelAlertBorderWidth, 1px) var(--modelAlertSuccessBorderColor, #d1d1d1); text-align: center; }
.form .alerts .alert.caution { background-color: var(--modelAlertCautionGroundColor, #faf6e1); }
.form .alerts .alert.caution .icon { color: var(--modelAlertCautionIconColor, #c09853); }
.form .alerts .alert.caution .icon:before { content: '\f071'; }
.form .alerts .alert.caution .text { color: var(--modelAlertCautionTextColor, #c09853); }
.form .alerts .alert.error { background-color: var(--modelAlertErrorGroundColor, #f0dcdc); }
.form .alerts .alert.error .icon { color: var(--modelAlertErrorIconColor, #b94a48); }
.form .alerts .alert.error .icon:before { content: '\f06a'; }
.form .alerts .alert.error .text { color: var(--modelAlertErrorTextColor, #b94a48); }
.form .alerts .alert.notice { background-color: var(--modelAlertNoticeGroundColor, #d7ebf5); }
.form .alerts .alert.notice .icon { color: var(--modelAlertNoticeIconColor, #3a87ad); }
.form .alerts .alert.notice .icon:before { content: '\f05a'; }
.form .alerts .alert.notice .text { color: var(--modelAlertNoticeTextColor, #3a87ad); }
.form .alerts .alert.success { background-color: var(--modelAlertSuccessGroundColor, #ddeed6); }
.form .alerts .alert.success .icon { color: var(--modelAlertSuccessIconColor, #468847); }
.form .alerts .alert.success .icon:before { content: '\f058'; }
.form .alerts .alert.success .text { color: var(--modelAlertSuccessTextColor, #468847); }
.form .alerts .alert .icon { padding: var(--modelAlertIconPadding, 0 5px); font-family: FontAwesome; font-size: var(--modelAlertIconHeight, 14px); }
.form .alerts .alert .text { font-size: var(--modelAlertTextHeight, 12px); }

.form .tabs { width: 100%; height: 46px; z-index: 100; background: url("../images/tabsBg.png") repeat; border-bottom: solid 1px var(--modelTabsBorder); }
.form .tabs .row .cell { padding: 5px; text-align: center; vertical-align: middle; }
.form .tabs .row .cell.blank { width: 50px; }
.form .tabs .row .cell .tab { position: relative; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; }
.form .tabs .row .cell .tab.active { background-color: var(--modelTabsItemActiveGround); border: solid 1px var(--modelTabsItemActiveBorder); color: var(--modelTabsItemActiveText); }
.form .tabs .row .cell .tab.inactive { background-color: var(--modelTabsItemInactiveGround); border: solid 1px var(--modelTabsItemInactiveBorder); color: var(--modelTabsItemInactiveText); }
.form .tabs .row .cell .tab.inactive:hover { background-color: #e3e3e3; }

.form .lotd { min-height: 120px; background-color: var(--modelLotdGroundColor); border-bottom: solid var(--modelLotdBorderWidth) var(--modelLotdBorderColor); }
.form .lotd .content { text-align: center; vertical-align: middle; }
.form .lotd .content .logo { max-width: 250px; max-height: 100px; }
.form .lotd + .controls { padding-top: 15px; }

.form .controls { position: relative; background-color: var(--form-body--groundColor); }
.form .controls.linear { padding: var(--modelControlsPadding); }
.form .controls.linear .row:not(:first-child) .control.section { padding-top: 20px; }
.form .controls.linear .control.section { padding: var(--sectionPadding); border-bottom: solid var(--modelSectionDividerWidth) var(--modelSectionDividerColor); box-shadow: 0 var(--modelSectionShadowWidth) 0 0 var(--modelSectionShadowColor); }
.form .controls.linear .control.section .text { font-size: var(--modelSectionTextHeight); color: var(--modelSectionTextColor); }
.form .controls.linear .control.input { display: inline-table; margin: 5px 0 0 0; padding: var(--inputPadding); background-color: var(--modelLinearInputNoneGroundColor); border: solid var(--modelLinearInputBorderWidth) var(--modelLinearInputNoneBorderColor); border-radius: var(--modelLinearInputBorderRadius); transition: background-color .2s, border-color .2s; }
.form .controls.linear .control.input:hover { background-color: var(--modelLinearInputHoverGroundColor); border-color: var(--modelLinearInputHoverBorderColor); }
.form .controls.linear .control.input .label { padding: var(--inputLabelPadding); }
.form .controls.linear .control.input .label .icon { color: var(--modelLinearInputLabelIcon); }
.form .controls.linear .control.input .label .text { font-size: var(--modelLinearInputLabelTextHeight); color: var(--modelLinearInputLabelTextColor); overflow: auto; }
.form .controls.linear .control.input .label .comment { font-size: var(--modelLinearInputLabelCommentHeight); color: var(--modelLinearInputLabelCommentColor); }
.form .controls.linear .control.input .label .dynlen { display: none; float: right; padding-right: 30px; font-size: var(--modelLinearInputLabelCommentHeight); color: var(--modelLinearInputLabelCommentColor); }
.form .controls.linear .control.input .label .required { color: var(--modelLinearInputLabelRequired); }
.form .controls.linear .control.input .label .required:before { content: "\2a"; }
.form .controls.linear .control.input .field { display: block; position: relative; float: left; }
.form .controls.linear .control.input .field .text { float: left; height: 24px; padding: var(--inputFieldPadding); background-color: var(--modelLinearInputFieldNoneGroundColor); border: solid var(--modelLinearInputFieldBorderWidth) var(--modelLinearInputFieldNoneBorderColor); border-radius: var(--modelLinearInputFieldBorderRadius) 0 0 var(--modelLinearInputFieldBorderRadius); font-size: var(--modelLinearInputFieldTextHeight); color: var(--modelLinearInputFieldTextColor); transition: border-color .2s; outline: none; }
.form .controls.linear .control.input .field .text:hover { background-color: var(--modelLinearInputFieldHoverGroundColor); border-color: var(--modelLinearInputFieldHoverBorderColor); }
.form .controls.linear .control.input .field .text:hover + .icon { border-color: var(--modelLinearInputIconHoverBorderColor); }
.form .controls.linear .control.input .field .text:focus { background-color: var(--modelLinearInputFieldFocusGroundColor); border-color: var(--modelLinearInputFieldFocusBorderColor); }
.form .controls.linear .control.input .field .text:focus + .icon { border-color: var(--modelLinearInputIconFocusBorderColor); }
.form .controls.linear .control.input .field .text:nth-child(2) { border-radius: 0; }
.form .controls.linear .control.input .field .textarea { float: left; display: block; margin-top: 0; padding: 0 4px; vertical-align: bottom; height: 50px; background-color: var(--modelLinearInputFieldNoneGroundColor); border: solid var(--modelLinearInputFieldBorderWidth) var(--modelLinearInputFieldNoneBorderColor); border-radius: var(--modelLinearInputFieldBorderRadius) 0 var(--modelLinearInputFieldBorderRadius) var(--modelLinearInputFieldBorderRadius); font-size: var(--modelLinearInputFieldTextHeight); color: var(--modelLinearInputFieldTextColor); transition: border-color .2s; outline: none; resize: none; }
.form .controls.linear .control.input .field .textarea:hover { background-color: var(--modelLinearInputFieldHoverGroundColor); border-color: var(--modelLinearInputFieldHoverBorderColor); }
.form .controls.linear .control.input .field .textarea:hover + .icon { border-color: var(--modelLinearInputIconHoverBorderColor); }
.form .controls.linear .control.input .field .textarea:focus { background-color: var(--modelLinearInputFieldFocusGroundColor); border-color: var(--modelLinearInputFieldFocusBorderColor); }
.form .controls.linear .control.input .field .textarea:focus + .icon { border-color: var(--modelLinearInputIconFocusBorderColor); }
.form .controls.linear .control.input .field .select2 { float: left; min-height: 24px; background-color: var(--modelLinearInputFieldNoneGroundColor); border: solid var(--modelLinearInputFieldBorderWidth) var(--modelLinearInputFieldNoneBorderColor); border-radius: var(--modelLinearInputFieldBorderRadius) 0 0 var(--modelLinearInputFieldBorderRadius); }
.form .controls.linear .control.input .field .select2:hover .select2-selection__arrow { border-color: var(--modelLinearInputIconHoverBorderColor); }
.form .controls.linear .control.input .field .select2:hover + .icon { border-color: var(--modelLinearInputIconHoverBorderColor); }
.form .controls.linear .control.input .field .select2-container--default { background-color: unset; border: unset; border-radius: unset; }
.form .controls.linear .control.input .field .select2-container--default.select2-container--open + .icon { border-color: var(--modelLinearInputIconFocusBorderColor); }
.form .controls.linear .control.input .field .select2-container--default.select2-container--focus + .icon { border-color: var(--modelLinearInputIconFocusBorderColor); }
.form .controls.linear .control.input .field .radio { display: block; position: relative; float: left; margin:0 10px 0 0; padding: 0 0 0 22px; color: var(--modelLinearInputFieldHoverBorderColor); font-size: 12px; line-height: 24px; cursor: pointer; }
.form .controls.linear .control.input .field .radio:last-child { margin:0 0 0 0; }
.form .controls.linear .control.input .field .radio input { position: absolute; left: -9999px; }
.form .controls.linear .control.input .field .radio .check { display: block; box-sizing: content-box; position: absolute; left: 0; top: 3px; width: 17px; height: 17px; background-color: #ffffff; border: solid var(--modelLinearInputFieldBorderWidth) var(--modelLinearInputFieldNoneBorderColor); border-radius: 50%; transition: border-color .3s; }
.form .controls.linear .control.input .field .radio:hover .check { border-color: var(--modelLinearInputFieldHoverBorderColor); }
.form .controls.linear .control.input .field .radio:active .check { background-color: var(--modelLinearInputFieldFocusGroundColor); }
.form .controls.linear .control.input .field .radio input:focus + .check { background-color: var(--modelLinearInputFieldFocusGroundColor); border-color: var(--modelLinearInputFieldFocusBorderColor); }
.form .controls.linear .control.input .field .radio input + .check:after { position: absolute; top: 4px; left: 4px; width: 9px; height: 9px; opacity: 0; background-color: var(--modelLinearInputIconTextColor); border-radius: 50%; content: ''; }
.form .controls.linear .control.input .field .radio input:checked + .check { border-color: var(--modelLinearInputFieldFocusBorderColor); }
.form .controls.linear .control.input .field .radio input:checked + .check:after { opacity: 1; }
.form .controls.linear .control.input .field .icon { float: left; box-sizing: content-box; width: var(--modelLinearInputIconWidth); height: var(--modelLinearInputIconHeight); background-color: var(--modelLinearInputIconNoneGroundColor); border: solid var(--modelLinearInputIconBorderWidth) var(--modelLinearInputIconNoneBorderColor); border-left: none; border-radius: 0 var(--modelLinearInputIconBorderRadius) var(--modelLinearInputIconBorderRadius) 0; color: var(--modelLinearInputIconTextColor); line-height: var(--modelLinearInputIconHeight); transition: border-color .3s; text-align: center; }
.form .controls.linear .control.input .field.error .icon { background-color: var(--modelLinearInputIconErrorGroundColor); }
.form .controls.linear .control.input .field.valid .icon { background-color: var(--modelLinearInputIconValidGroundColor); }
.form .controls.stack { width: 100%; }
.form .controls.stack .labels .row { background-color: var(--modelStackLabelsGround); }
.form .controls.stack .labels .row .cell { border-bottom: solid 1px var(--modelStackLabelsBorder); white-space: nowrap; }
.form .controls.stack .labels .row .cell:not(:first-child) { border-left: solid 1px var(--modelStackLabelsBorder); }
.form .controls.stack .labels .row .cell.picker { min-width: 30px; text-align: center; }
.form .controls.stack .labels .row .cell.flags { min-width: 30px; }
.form .controls.stack .labels .row .cell.field { white-space: nowrap; }
.form .controls.stack .labels .row .cell.field .text { display: table-cell; width: 100%; padding: 8px; text-align: center; color: var(--modelStackLabelsText); }
.form .controls.stack .labels .row .cell.field .icon { display: table-cell; width: 1px; padding: 8px 4px; background-color: var(--modelStackIconGround); border-left: solid 1px var(--modelStackLabelsBorder); color: var(--modelStackIconText); font-weight: normal; }
.form .controls.stack .labels .row .cell.options { min-width: 40px; white-space: nowrap; }
.form .controls.stack .labels .row .cell.options .text { display: table-cell; width: 100%; padding: 8px; text-align: center; color: var(--modelStackLabelsText); }
.form .controls.stack .labels .row .cell.options .icon { display: table-cell; width: 1px; padding: 8px 4px; background-color: var(--modelStackIconGround); border-left: solid 1px var(--modelStackLabelsBorder); color: var(--modelStackIconText); font-weight: normal; }
.form .controls.stack .fields .row:nth-child(odd) { background-color: var(--modelStackFieldsGround); }
.form .controls.stack .fields .row:not(:first-child) { border-top: solid 1px var(--modelStackFieldsBorder); }
.form .controls.stack .fields .row:hover { background-color: rgba(77,116,150,0.1); }
.form .controls.stack .fields .row .cell:not(:first-child) { border-left: solid 1px var(--modelStackFieldsBorder); }
.form .controls.stack .fields .row .cell.pages { padding: 8px; transition: background-color .2s; text-align: center; border-top: solid 1px var(--modelStackFieldsBorder); }
.form .controls.stack .fields .row .cell.pages .page { font-size: 12px; font-weight: bold; line-height: 12px; color: var(--modelStackPagesTextActive); }
.form .controls.stack .fields .row .cell.pages .page.active { font-size: 12px; color: var(--modelStackPagesText); }
.form .controls.stack .fields .row .cell.pages .separator { font-size: 12px; line-height: 12px; color: var(--modelStackPagesSeparator); }
.form .controls.stack .fields .row .cell.flags { padding: 0 10px 0 10px; text-align: center; white-space: nowrap; }
.form .controls.stack .fields .row .cell.flags .flag { padding: 3px; border: none; cursor: pointer; background-color: transparent; color: var(--modelStackFlagsText); }
.form .controls.stack .fields .row .cell.flags .flag .icon { font-weight: normal; color: var(--modelStackFlagsIcon); }
.form .controls.stack .fields .row .cell.field { padding: 6px; color: var(--modelStackFieldsText); transition: background-color .2s; text-align: center; }
.form .controls.stack .fields .row .cell.field:hover { background-color: rgba(77, 116, 150, 0.2); }
.form .controls.stack .fields .row .cell.operations { padding: 0 10px 0 10px; text-align: center; white-space: nowrap; }
.form .controls.stack .fields .row .cell.operations .operation { padding: 3px; border: none; cursor: pointer; background-color: transparent; }
.form .controls.stack .fields .row .cell.operations .operation .icon { font-weight: normal; color: var(--modelStackOperationsIcon); }
.form .controls.stack .fields .row .cell.options { padding: 0 10px 0 10px; text-align: center; white-space: nowrap; }
.form .controls.stack .fields .row .cell.options .option { padding: 3px; border: none; cursor: pointer; background-color: transparent; }
.form .controls.stack .fields .row .cell.options .option .icon { font-weight: normal; color: var(--modelStackOptionsIcon); }
.form .controls.stack .fields .row.caution { background-color: var(--modelAlertCautionGroundColor, #faf6e1) !important; }
.form .controls.stack .fields .row.error { background-color: var(--modelAlertErrorGroundColor, #f0dcdc) !important; }
.form .controls.stack .fields .row.notice { background-color: var(--modelAlertNoticeGroundColor, #d7ebf5) !important; }
.form .controls.stack .fields .row.success { background-color: var(--modelAlertSuccessGroundColor, #ddeed6) !important; }
.form .controls.stack .empty td { padding: 8px; background-color: var(--modelStackFieldsGround); text-align: center; font-style: italic; color: var(--modelStackFieldsText); }
.form .controls.sheet { width: 100%; }
.form .controls.sheet .ilist { width: 100%; padding: 5px; }
.form .controls.sheet .labels .row { background-color: var(--modelSheetLabelsGround); }
.form .controls.sheet .labels .row .cell { padding: 8px; width: 104px; height: 40px; border-bottom: solid 1px var(--form-body--borderColor); text-align: center; white-space: nowrap; }
.form .controls.sheet .labels .row .cell:not(:first-child) { border-left: solid 1px var(--modelSheetLabelsBorder); }
.form .controls.sheet .labels .row .cell.blank { background-color: #ffffff; }
.form .controls.sheet .values .row:nth-child(even) { background-color: var(--modelSheetValuesGround); }
.form .controls.sheet .values .row:not(:first-child) { border-top: solid 1px var(--modelSheetValuesBorder); }
.form .controls.sheet .values .row .cell { padding: 8px; width: 104px; height: 40px; text-align: center; white-space: nowrap; }
.form .controls.sheet .values .row .cell:not(:first-child) { border-left: solid 1px var(--modelSheetValuesBorder); }
.form .controls.sheet .values .row .cell.label { background-color: #eaeaea; }
.form .controls.sheet .values .row .cell.field { transition: background-color .2s; }
.form .controls.sheet .values .row .cell.field:hover { background-color: rgba(77,116,150,0.1); }
.form .controls.sheet .values .row .cell.field.differ { background-color: #FFFF5544; }
.form .controls.sheet .values .row .cell.field .itext { margin: 0 auto; padding: 0 5px 0 5px; width: 84px; height: 24px; background-color: #edf1f5; border: 1px solid var(--form-body--borderColor); text-align: center; color: #333333; }
.form .controls.sheet .iempty td { background-color: #fcfcfc; color: #333333; }

.form .controls .aview { width: 28px; height: 24px; line-height: 20px; background-color: var(--modelAviewGroundColor); border: solid var(--modelAviewBorderWidth) var(--modelAviewBorderColor); border-radius: var(--modelAviewBorderRadius); }
.form .controls .aview:disabled { filter: brightness( 80% ); }
.form .controls .aview:enabled { cursor: pointer; }
.form .controls .aview:enabled:hover { filter: brightness( 110% ); }
.form .controls .aview:enabled:active { filter: brightness( 90% ); }
.form .controls .aview .icon { font-family: FontAwesome; font-size: var(--modelActionIconHeight, 14px); }
.form .controls .aview .icon { float: none !important; background: none !important; border: none !important; color: var(--modelAviewIconColor) !important; }
.form .controls .aview .text { font-size: var(--modelActionTextHeight, 13px); }

.form .controls .iview { width: 28px; height: 24px; background: transparent; border: transparent; }
.form .controls .iview:disabled { filter: brightness( 80% ); }
.form .controls .iview:enabled { cursor: pointer; }
.form .controls .iview:enabled:hover { filter: brightness( 110% ); }
.form .controls .iview:enabled:active { filter: brightness( 90% ); }
.form .controls .iview .icon { font-size: 18px; }
.form .controls .iview.basic .icon { color: #777777 !important; }
.form .controls .iview.engage .icon { color: var(--themeAccentGround) !important; }

.form .notions { display: flex; flex-direction: column; }
.form .notions .notion { min-width: 100%; max-width: 0; padding: var(--modelNotionPadding, 4px 10px); background-color: var(--modelNotionGroundColor, #f8f8f8); border-top: dashed var(--modelNotionBorderWidth, 1px) var(--modelNotionBorderColor, #d1d1d1); text-align: center; }
.form .notions .notion.basic .icon { color: var(--modelNotionBasicIconColor, #3a87ad); }
.form .notions .notion.danger .icon { color: var(--modelNotionDangerIconColor, #b92925); }
.form .notions .notion .icon { padding: var(--modelActionIconPadding, 0 5px); font-family: FontAwesome; font-size: var(--modelNotionIconHeight, 14px); }
.form .notions .notion .text { font-size: var(--modelNotionTextHeight, 12px); font-style: italic; color: var(--modelNotionBasicTextColor, #333333); }
.form .notions .notion .text .mark { color: var(--modelNotionMark, #b92925); }
.form .notions .notion .text .mark:before { content: "\2a"; }

.form .foot { display: flex; flex-direction: row; background-color: var(--form-foot--groundColor); border: solid var(--form-foot--borderWidth) var(--form-foot--borderColor); }
.form .foot > :first-child:dir(ltr) { border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.form .foot > :first-child:dir(rtl) { border-top-right-radius: inherit; border-bottom-right-radius: inherit; }
.form .foot > :last-child:dir(ltr) { border-top-right-radius: inherit; border-bottom-right-radius: inherit; }
.form .foot > :last-child:dir(rtl) { border-top-left-radius: inherit; border-bottom-left-radius: inherit; }
.form .foot > .actions { display: flex; flex-direction: row; flex-grow: 1; align-items: center; justify-content: center; gap: var(--form-foot-actions--spaceDivider); padding: var(--form-foot-actions--spacePadding); }
.form .foot > .actions > .action { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: var(--form-foot-action--spaceDivider); border: solid var(--form-foot-action--borderWidth); border-radius: var(--form-foot-action--borderRadius); padding: var(--form-foot-action--spacePadding); transition: filter .2s; }
.form .foot > .actions > .action:disabled { filter: brightness(0.7); }
.form .foot > .actions > .action:enabled { cursor: pointer; }
.form .foot > .actions > .action:enabled:hover { filter: brightness(1.1); }
.form .foot > .actions > .action:enabled:active { filter: brightness(0.9); }
.form .foot > .actions > .action.basic { background-color: var(--form-foot-actionBasic--groundColor); border-color: var(--form-foot-actionBasic--borderColor); }
.form .foot > .actions > .action.basic > .icon { color: var(--form-foot-actionBasic-icon--fontColor); }
.form .foot > .actions > .action.basic > .text { color: var(--form-foot-actionBasic-text--fontColor); }
.form .foot > .actions > .action.danger { background-color: var(--form-foot-actionDanger--groundColor); border-color: var(--form-foot-actionDanger--borderColor); }
.form .foot > .actions > .action.danger > .icon { color: var(--form-foot-actionDanger-icon--fontColor); }
.form .foot > .actions > .action.danger > .text { color: var(--form-foot-actionDanger-text--fontColor); }
.form .foot > .actions > .action.engage { background-color: var(--form-foot-actionEngage--groundColor); border-color: var(--form-foot-actionEngage--borderColor); }
.form .foot > .actions > .action.engage > .icon { color: var(--form-foot-actionEngage-icon--fontColor); }
.form .foot > .actions > .action.engage > .text { color: var(--form-foot-actionEngage-text--fontColor); }
.form .foot > .actions > .action > .icon { font-family: FontAwesome; font-size: var(--form-foot-action-icon--fontSize); }
.form .foot > .actions > .action > .text { font-size: var(--form-foot-action-text--fontSize); }

.form .procurements .procurement { position: relative; padding: 10px; background-color: #fcfcfc; transition: background-color .2s; }
.form .procurements .procurement:nth-child(even) { border-top: dotted 3px var(--modelProcurementBorder); }
.form .procurements .procurement .procurementContainer { position: relative; height: 65px; }
.form .procurements .procurement .field { color: #777777; font-size: 10px; }
.form .procurements .procurement .value { font-size: 12px; color: var(--modelProcurementValue); }
.form .procurements .procurement .value.changed { color: #ad3333; }
.form .procurements .procurement .value2 { font-size: 12px; color: var(--modelProcurementValue); }
.form .procurements .procurement .separator { font-size: 12px; color: var(--modelProcurementSeparator); }
.form .procurements .procurement .procurementName { position: absolute; left: 10px; width: 610px; }
.form .procurements .procurement .procurementName .value,
.form .procurements .procurement .procurementName .value a { font-size: 16px; font-weight: bold; color: var(--modelProcurementValue); }
.form .procurements .procurement .procurementName .value.changed,
.form .procurements .procurement .procurementName .value.changed a { color: #ad3333; }
.form .procurements .procurement .procurementCode { position: absolute; left: 20px; top: 28px; }
.form .procurements .procurement .roundLine { position: absolute; left: 20px; top: 43px; }
.form .procurements .procurement .roundType { position: absolute; left: 150px; top: 28px; text-align: center; }
.form .procurements .procurement .roundBidEquality { position:absolute; left: 150px; top: 43px; text-align: center; }
.form .procurements .procurement .roundBidBlind { position:absolute; left: 310px; top: 28px; text-align: center; }
.form .procurements .procurement .roundBidAwarding { position:absolute; left: 310px; top: 43px; text-align: center; }
.form .procurements .procurement .roundBidRank { position:absolute; left: 470px; top: 13px; }
.form .procurements .procurement .roundBidRank .field { font-size:10px; }
.form .procurements .procurement .roundBidRank .value { font-size:12px; font-weight: bold; }
.form .procurements .procurement .roundBidTotal { position:absolute; left:470px; top:28px; text-align:center; }
.form .procurements .procurement .roundBidTotal .field { font-size:10px; }
.form .procurements .procurement .roundBidTotal .value { font-size:12px; }
.form .procurements .procurement .roundBidBest { position:absolute; left:470px; top:43px; text-align:center; }
.form .procurements .procurement .roundBidBest .field { font-size:10px; font-weight: bold; color: #fe6e00; }
.form .procurements .procurement .roundBidBest .value { font-size:12px; font-weight: bold; color: #fe6e00; }
.form .procurements .procurement .roundStampStart { position:absolute; left:570px; top:13px; width:200px; text-align:right; }
.form .procurements .procurement .roundStampStop { position:absolute; left:570px; top:28px; width:200px; text-align:right; }
.form .procurements .procurement .roundDuration { position:absolute; left:570px; top:43px; width:200px; text-align:right; }
.form .procurements .procurement .roundDuration .value { font-weight: bold; }
.form .procurements .procurement .roundDuration .value2 { cursor:pointer; color: #fe6e00; }
.form .procurements .procurement .quiz { position: relative; height: 68px; background-color: #f8fafc; border: solid 1px #bcbcbc; border-radius: 5px; transition: background-color .2s; }
.form .procurements .procurement .quiz:hover { background-color: #edf1f5; border: solid 1px #999999; }
.form .procurements .procurement .quiz.added { background-color: #faebda; }
.form .procurements .procurement .quiz.removed { background-color: #faebda; }
.form .procurements .procurement .quiz.winner { background-color: #e5eee2; }
.form .procurements .procurement .quiz.seconder { background-color: #f1eac4; }
.form .procurements .procurement .quiz.loser { background-color: #f1e5e5; }
.form .procurements .procurement .quiz .field { font-size: 10px; color: #777777; }
.form .procurements .procurement .quiz .value { font-size: 12px; color: #3d6486; }
.form .procurements .procurement .quiz .value.changed { color: #ad3333; }
.form .procurements .procurement .quiz .quizName { position: absolute; left: 10px; top: 8px; width: 300px; }
.form .procurements .procurement .quiz .quizName .value { font-size: 13px; font-weight: bold; color: var(--modelProcurementQuiz); }
.form .procurements .procurement .quiz .quizName .value.changed { color: #ad3333; }
.form .procurements .procurement .quiz .quizCode { position: absolute; left: 20px; top: 45px; }
.form .procurements .procurement .quiz .quizQuantity { position: absolute; left: 150px; top: 45px; }
.form .procurements .procurement .quiz .quizPrice { position: absolute; left: 310px; top: 0; }
.form .procurements .procurement .quiz .quizBidMin { position: absolute; left: 310px; top: 15px; }
.form .procurements .procurement .quiz .quizBidMax { position: absolute; left: 310px; top: 30px; }
.form .procurements .procurement .quiz .quizDirection { position: absolute; left: 310px; top: 45px; }
.form .procurements .procurement .quiz .quizBidRank { position: absolute; left: 470px; top: 0; }
.form .procurements .procurement .quiz .quizBidRank .field { font-size: 10px; }
.form .procurements .procurement .quiz .quizBidRank .value { font-size: 12px; font-weight: bold; }
.form .procurements .procurement .quiz .quizBidValue { position: absolute; left: 470px; top: 15px; }
.form .procurements .procurement .quiz .quizBidValue .field { font-size: 10px; }
.form .procurements .procurement .quiz .quizBidValue .value { font-size: 12px; font-weight: bold; }
.form .procurements .procurement .quiz .quizBidTotal { position: absolute; left: 470px; top: 30px; }
.form .procurements .procurement .quiz .quizBidTotal .field { font-size: 10px; }
.form .procurements .procurement .quiz .quizBidTotal .value { font-size: 12px; }
.form .procurements .procurement .quiz .quizBidBest { position: absolute; left: 470px; top: 45px; }
.form .procurements .procurement .quiz .quizBidBest .field { font-size: 10px; font-weight: bold; color: #fe6e00; }
.form .procurements .procurement .quiz .quizBidBest .value { font-size: 12px; font-weight: bold; color: #fe6e00; }
.form .procurements .procurement .quiz .quizBidPrice { position: absolute; left: 620px; top: 15px; }
.form .procurements .procurement .quiz .quizBidInput { position: absolute; left: 0; top: 0; width: 100px; height: 30px; border: solid var(--modelLinearInputFieldBorderWidth) var(--modelLinearInputFieldNoneBorderColor); border-radius: var(--modelLinearInputFieldBorderRadius) 0 0 var(--modelLinearInputFieldBorderRadius); color: var(--modelLinearInputFieldTextColor); font-size: 15px; text-align: center; transition: border-color .2s; outline: none; }
.form .procurements .procurement .quiz .quizBidInput:hover { background-color: var(--modelLinearInputFieldHoverGroundColor); border-color: var(--modelLinearInputFieldHoverBorderColor); }
.form .procurements .procurement .quiz .quizBidInput:focus { background-color: var(--modelLinearInputFieldFocusGroundColor); border-color: var(--modelLinearInputFieldFocusBorderColor); }
.form .procurements .procurement .quiz .quizBidSuppliera { position: absolute; left: 620px; top: 0; }
.form .procurements .procurement .quiz .quizBidSuppliera .field { font-size: 9px; }
.form .procurements .procurement .quiz .quizBidSuppliera .value { font-size: 9px; }
.form .procurements .procurement .quiz .quizBidSupplierb { position: absolute; left: 620px; top: 15px; }
.form .procurements .procurement .quiz .quizBidSupplierb .field { font-size: 9px; }
.form .procurements .procurement .quiz .quizBidSupplierb .value { font-size: 9px; }
.form .procurements .procurement .quiz .quizBidSupplierc { position: absolute; left: 620px; top: 30px; }
.form .procurements .procurement .quiz .quizBidSupplierc .field { font-size: 9px; }
.form .procurements .procurement .quiz .quizBidSupplierc .value { font-size: 9px; }
.form .procurements .procurement .quiz .quizBidAction { position: absolute; left: 99px; top: 0; height: 30px; background: var(--themeAccentGround); border: solid var(--modelActionBorderWidth, 1px) var(--themeAccentMarker); border-radius: 0 5px 5px 0; font-size: 16px; color: var(--modelActionEngageTextColor, #ffffff ); text-align: center; cursor: pointer; }
.form .procurements .procurement .quiz .quizBidAction:hover { filter: brightness( 110% ); }
.form .procurements .procurement .quiz .quizBidAction:active { filter: brightness( 90% ); }
.form .procurements .procurement .quiz .quizBidHistory { position: absolute; left: 630px; top: 45px; width: 80px; text-align: center; }
.form .procurements .procurement .quiz .quizBidHistory .value { color: #fe6e00; cursor: pointer; }
.form .procurements .procurement .empty { font-size: 18px; font-weight: bold; color: #4d7496; }

.form .widget.calendar { display: flex; flex-direction: column; align-items: stretch; width: 1200px; height: 600px; background-color: var(--form-body--groundColor); }
.form .widget.calendar > .band { display: flex; align-items: center; padding: 5px; }
.form .widget.calendar > .band > .fields { display: flex; flex-direction: row; }
.form .widget.calendar > .band > .fields > .field { display: flex; flex-direction: row; }
.form .widget.calendar > .band > .fields > .field > .option { display: flex; flex-direction: column; align-items: center; padding: 5px; cursor: pointer; }
.form .widget.calendar > .band > .fields > .field > .option > .check { width: 20px; height: 20px; border: 1px solid var(--themeAccentMarker); border-radius: 4px; box-shadow: inset 0 0 0 3px white; }
.form .widget.calendar > .band > .fields > .field > .option > .radio { width: 20px; height: 20px; border: 1px solid var(--themeAccentMarker); border-radius: 50%; box-shadow: inset 0 0 0 3px white; }
.form .widget.calendar > .band > .fields > .field > .option > .label { position: relative; }
.form .widget.calendar > .band > .fields > .field > .option.mark > .check { background-color: var(--themeAccentGround); }
.form .widget.calendar > .band > .fields > .field > .option.mark > .radio { background-color: var(--themeAccentGround); }
.form .widget.calendar > .band > .range { display: flex; flex-direction: row; justify-content: center; width: 100%; }
.form .widget.calendar > .band > .range > .text { padding: 5px; font-size: 16px; }
.form .widget.calendar > .band > .actions { display: flex; flex-direction: row; background-color: unset; border-top: unset; border-radius: unset;  }
.form .widget.calendar > .graph { flex: 1 0 auto; }
.toastui-calendar-popup-container { position: fixed; }
.toastui-calendar-see-more-container { position: fixed; }
.toastui-calendar-time { height: 498px !important; }

.form .widget.carver { background-color: var(--form-body--groundColor); }
.form .widget.carver .container { width: 600px; height: 400px; padding: 0; background-color: #eef0f3; border-bottom: solid 1px var(--form-body--borderColor); }
.form .widget.carver .container .image { max-width: 100%; max-height: 100%; }
.form .widget.carver .container .cropper-view-box { border-radius: 50%; }
.form .widget.carver .metrics .cell { padding: 10px 10px 0 10px; text-align: center; }
.form .widget.carver .metrics .cell .metric { display: inline-block; }
.form .widget.carver .actions { background-color: unset; }
.form .widget.carver .actions .cell { padding: 10px 10px 0 10px; }
.form .widget.carver .actions .cell .input { display: none; }
.form .widget.carver .actions .cell .action { margin: 0 1px 0 1px; }
.form .widget.carver .separator { display: inline-block; width: 10px; }

.form .widget.figure { position: relative; padding: 10px; background-color: var(--modelLotdGroundColor); border-bottom: solid var(--modelLotdBorderWidth) var(--modelLotdBorderColor); }
.form .widget.figure .frame { position: relative; width: 128px; height: 128px; overflow: hidden; margin: 0 auto; background-color: var(--modelLinearInputFieldNoneGroundColor); border: 2px solid var(--modelLinearInputFieldHoverBorderColor); border-radius: 50%; }
.form .widget.figure .frame:hover { background-color: var(--modelLinearInputFieldHoverGroundColor); border-color: var(--themeAccentGround); cursor: pointer; }
.form .widget.figure .frame:hover .icon { display: unset; }
.form .widget.figure .frame .image { position: absolute; width: 100%; height: 100%; }
.form .widget.figure .frame .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: bold; font-size: 48px; color: #525252; }
.form .widget.figure .frame .icon { display: none; position: absolute; left: 50%; bottom: 10px; transform: translate(-40%, 0); font-size: 20px; color: var(--themeAccentGround); }

.form .widget.chat .message { display: table; width: 100%; min-width: 530px; border-bottom: dashed 1px #d1d1d1; }
.form .widget.chat .message:hover { background-color: rgba(77,116,150,0.05); }
.form .widget.chat .message .user { display: table-cell; padding: 5px; white-space: nowrap; }
.form .widget.chat .message .user .name { font-weight: bold; text-align: center; }
.form .widget.chat .message .user .stamp { font-size: 10px; text-align: center; color: #777777; }
.form .widget.chat .message .text { display: table-cell; width: 100%; max-width: 1px; padding: 5px; }
.form .widget.chat .empty { padding: 5px; font-style: italic; }
.form .widget.flow .scheme { min-width: 800px; padding: 0 10px 0 10px; border-bottom: dashed 1px #d1d1d1; transition: background-color .2s; }
.form .widget.flow .scheme:hover { background-color: rgba(77,116,150,0.05); }
.form .widget.flow .scheme .line { position: relative; padding-top: 10px; }
.form .widget.flow .scheme .line .number { font-size: 12px; }
.form .widget.flow .scheme .line .name { font-size: 14px; font-weight: bold; }
.form .widget.flow .scheme .line .status { font-size: 16px; }
.form .widget.flow .scheme .line .status.approve { font-weight: bold; color: #468847; }
.form .widget.flow .scheme .line .status.reject { font-weight: bold; color: #b94a48; }
.form .widget.flow .scheme .line .status.cancel { font-weight: bold; color: #b94a48; }
.form .widget.flow .scheme .line .index { position: absolute; top: 12px; right: 5px; width: 80px; font-style: italic; font-size: 12px; text-align: right; color: #777777; }
.form .widget.flow .scheme .stages { padding-left: 50px; padding-bottom: 10px; }
.form .widget.flow .scheme .stages .stage { display: inline-table; padding: 5px 0 5px 0; }
.form .widget.flow .scheme .stages .stage.active .group { font-weight: bold; }
.form .widget.flow .scheme .stages .stage.active .users { background-color: #4d749622; }
.form .widget.flow .scheme .stages .stage.optional .users { background-color: var(--modelAlertCautionGroundColor, #faf6e1); }
.form .widget.flow .scheme .stages .stage .group { padding: 5px 10px 10px 10px; font-size: 14px; text-align: center; }
.form .widget.flow .scheme .stages .stage .users { background-color: #fbfbfb; border: dashed 1px #c3c3c3; border-radius: 5px; transition: background-color .2s; }
.form .widget.flow .scheme .stages .stage .users:hover { background: rgba( 0, 0, 0, 0.03 ); }
.form .widget.flow .scheme .stages .stage .users .user { display: inline-table; padding: 10px; }
.form .widget.flow .scheme .stages .stage .users .user .name { font-size: 13px; padding-bottom: 5px; }
.form .widget.flow .scheme .stages .stage .users .user .role { font-size: 12px; }
.form .widget.flow .scheme .stages .stage .users .user .role .label { color: #777777; }
.form .widget.flow .scheme .stages .stage .users .user .role .value { font-size: 12px; }
.form .widget.flow .scheme .stages .stage .users .user .stamp { font-size: 10px; }
.form .widget.flow .scheme .stages .stage .users .user .stamp .label { color: #777777; }
.form .widget.flow .scheme .stages .stage .users .user .stamp .value { }
.form .widget.flow .scheme .stages .stage .users .user .answer { font-size: 12px; padding-top: 5px; }
.form .widget.flow .scheme .stages .stage .users .user .answer .label { color: #777777; }
.form .widget.flow .scheme .stages .stage .users .user .answer .value { font-weight: bold; font-size: 12px; }
.form .widget.flow .scheme .stages .stage .users .user .answer .value.approve { color: #468847; }
.form .widget.flow .scheme .stages .stage .users .user .answer .value.reject { color: #b94a48; }
.form .widget.flow .scheme .stages .bond { display: inline-table; height: 100px; padding: 10px; }
.form .widget.flow .scheme .stages .bond .icon { font-size: 20px; color: var(--themeAccentGround); }
.form .widget.flow .empty { padding: 5px; font-style: italic; }

.form .widget.grid { min-width: 620px; }
.form .widget.grid .line { padding-top: 10px; }
.form .widget.grid .line .entry { display: inline-table; margin-left: 10px; width: 200px; height: 100px; background: var(--modelActionBasicGroundColor, #f3f3f3); border: solid var(--modelActionBorderWidth, 1px) var(--modelActionBasicBorderColor, #c1c1c1); border-radius: 5px; color: var(--modelActionBasicTextColor, #333333); transition: background-color .2s; cursor: pointer; }
.form .widget.grid .line .entry:hover { filter: brightness( 110% ); }
.form .widget.grid .line .entry:active { filter: brightness( 90% ); }
.form .widget.grid .line .entry:first-child { margin-left: 0; }
.form .widget.grid .line .entry.regular .icon { color: #646464; }
.form .widget.grid .line .entry.current .icon { color: var(--themeAccentGround); }
.form .widget.grid .line .entry .icon { display: block; padding-top: 5px; font-size: 48px; line-height: 48px; text-align: center; }
.form .widget.grid .line .entry .name { display: block; padding: 0 5px 0 5px; font-size: 14px; text-align: center; }
.form .widget.grid .line .entry .stamp { display: block; font-size: 12px; text-align: center; color: #777777; }
.form .widget.grid .empty { padding: 5px; font-style: italic; }

.form .briefs { background-color: var(--form-body--groundColor); border-top: solid 1px #d9d9d9; width: 100%; }
.form .briefs tbody tr td { padding: 5px 5px 0 5px; text-align: right; }
.form .briefs tbody tr:last-child td { padding: 5px; }

.select2-results__option { min-height: 1.6em; } /** fix empty option height */
.select2-container .select2-selection { outline: none; }
.select2-container .select2-selection--single { background-color: var(--modelLinearInputFieldNoneGroundColor); border: solid var(--modelLinearInputFieldBorderWidth) var(--modelLinearInputFieldNoneBorderColor); border-radius: var(--modelLinearInputFieldBorderRadius) 0 0 var(--modelLinearInputFieldBorderRadius); }
.select2-container .select2-selection--single:hover{ border-color: var(--modelLinearInputFieldNoneBorderColor); }
.select2-container .select2-selection--single .select2-selection__arrow { border-left: solid 1px var(--modelLinearInputFieldNoneBorderColor); transition: border-color .2s; }
.select2-container .select2-selection--single .select2-selection__rendered { color: var(--modelLinearInputFieldTextColor); }
.select2-container .select2-selection--multiple { border: solid var(--modelLinearInputFieldBorderWidth) var(--modelLinearInputFieldNoneBorderColor); border-radius: var(--modelLinearInputFieldBorderRadius) 0 var(--modelLinearInputFieldBorderRadius) var(--modelLinearInputFieldBorderRadius); }
.select2-container .select2-selection--multiple:hover{ border-color: var(--modelLinearInputFieldNoneBorderColor); }
.select2-container .select2-selection--multiple .select2-selection__choice { border-radius: var(--modelLinearInputFieldBorderRadius); }
.select2-container .select2-selection--multiple .select2-selection__choice:hover { border-color: var(--modelLinearInputFieldHoverBorderColor); }
.select2-container .select2-selection--multiple .select2-selection__choice__remove { color: var(--modelLinearInputFieldTextColor); }
.select2-container .select2-selection__clear { margin-right: 5px; position: relative; color: var(--modelLinearInputFieldTextColor); font-size: 16px; }
.select2-container .select2-search--inline .select2-search__field:focus { background-color: var(--modelLinearInputFieldFocusGroundColor); border-color: var(--modelLinearInputFieldFocusBorderColor); }
.select2-container .select2-search--dropdown .select2-search__field { background-color: var(--modelLinearInputFieldFocusGroundColor); border: solid 1px var(--modelLinearInputFieldFocusBorderColor); border-radius: var(--modelLinearInputBorderRadius); color: var(--modelLinearInputFieldTextColor); outline: 0; }
.select2-container--open .select2-dropdown { background-color: var( --modelLinearInputFieldNoneGroundColor, #ffffff); border-color: var(--modelLinearInputFieldFocusBorderColor); box-shadow: 0 0 1px 0 #00000022; }
.select2-container--open .select2-dropdown--below { overflow: hidden; }
.select2-container--open .select2-dropdown .select2-results .select2-results__options { color: var(--modelLinearInputFieldTextColor); }
.select2-container--open .select2-dropdown .select2-results .select2-results__options .select2-results__option .select2-results__group { padding: 0 0 0 6px; }
.select2-container--open .select2-selection--single { border-color: var(--modelLinearInputFieldFocusBorderColor); }
.select2-container--open .select2-selection--single .select2-selection__arrow { border-color: var(--modelLinearInputFieldFocusBorderColor); }
.select2-container--focus .select2-selection--single { background-color: var(--modelLinearInputFieldFocusGroundColor); border-color: var(--modelLinearInputFieldFocusBorderColor); }
.select2-container--focus .select2-selection--single .select2-selection__arrow { border-color: var(--modelLinearInputFieldFocusBorderColor); }
.select2-container--focus .select2-selection--multiple { border: solid var(--modelLinearInputFieldBorderWidth) var(--modelLinearInputFieldFocusBorderColor); }
.select2-container--default.select2-container--focus .select2-selection--multiple{ border: solid 1px var(--modelLinearInputFieldFocusBorderColor); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--modelActionBasicGroundColor, #f3f3f3); color: var(--modelActionBasicTextColor, #333333); }
.select2-container--default .select2-results__option[aria-selected="true"] { background-color: var(--themeAccentGround); color: var(--modelActionEngageTextColor, #ffffff); }
select[readonly].select2-hidden-accessible + .select2-container { pointer-events: none; touch-action: none; }
select[readonly].select2-hidden-accessible + .select2-container .select2-selection { background: #eee; box-shadow: none; }

.tooltip { position: absolute; z-index: 1050; display: block; font-size:12px; line-height:14px !important; visibility:visible; }
.tooltip.top { padding: 5px 0; margin-top: -3px; }
.tooltip.right { padding: 0 5px; margin-left: 3px; }
.tooltip.bottom { padding: 5px 0; margin-top: 3px; }
.tooltip.left { padding: 0 5px; margin-left: -3px; }
.tooltip-inner { max-width: 400px; padding: 3px 8px; background-color: var(--pluginTooltipGroundColor); border: solid var(--pluginTooltipBorderWidth) var(--pluginTooltipBorderColor); border-radius: var(--pluginTooltipBorderRadius); font-size: var(--pluginTooltipTextHeight); color: var(--pluginTooltipTextColor); white-space: pre-wrap; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0; }
.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: #000000; border-width: 5px 5px 0; }
.tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: #000000; border-width: 5px 5px 0; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px; }
.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: #000000; border-width: 0 5px 5px; }
.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: #000000; border-width: 0 5px 5px; }
.tooltip .tooltip-inner { text-align: center; }
.tooltip .tooltip-inner .icon { padding: 0 5px 0 0 !important; color: #000000 !important; }

.modal-content { border-bottom-color: rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.modal-content .modal-body { border-radius: var(--pluginModalBorderRadius) var(--pluginModalBorderRadius) 0 0; }
.modal-content .modal-footer { border-radius: 0 0 var(--pluginModalBorderRadius) var(--pluginModalBorderRadius); }
.modal-header { background-color: #f9f9f9; }
.modal-header .close { margin-top: 5px; font-size: 15px !important; }
.modal-title { font-weight: 600; font-size: 15px; color: #555555; }
.modal-backdrop { z-index: auto; }
.modal-footer { background-color: #f9f9f9; }
.btn { margin: 0 3px 0 3px; padding: 4px 10px; transition: background-color .2s; border-radius: var(--modelActionBorderRadius, 5px); font-size: var(--modelActionTextHeight, 13px); z-index: 2; cursor: pointer; }
.btn.btn-default { background-color: #f3f3f3; border: solid var(--modelActionBorderWidth, 1px) var(--modelActionBasicBorderColor, #c1c1c1); color: var(--modelActionBasicTextColor, #333333); }
.btn.btn-default:hover { filter: brightness( 110% ); }
.btn.btn-default:active { filter: brightness( 90% ); }
.btn.btn-primary { background-color: var(--themeAccentGround); border: solid var(--modelActionBorderWidth, 1px) var(--themeAccentMarker); color: var(--modelActionEngageTextColor, #ffffff); }
.btn.btn-primary:hover { filter: brightness( 110% ); }
.btn.btn-primary:active { filter: brightness( 90% ); }

.clipper { display: none; padding: 10px }
.clipper .content { width: 600px; height: 300px; padding: 5px 10px 5px 10px; background-color: var(--pluginClipperContentGroundColor); border: solid var(--pluginClipperContentBorderWidth) var(--pluginClipperContentBorderColor); border-radius: var(--pluginClipperContentBorderRadius); font-size: var(--pluginClipperContentTextHeight); color: var(--pluginClipperContentTextColor); text-align:left; }
.clipper .escape { margin: 0 auto; padding: 4px 10px; background-color: var(--pluginClipperEscapeGroundColor); border: solid var(--pluginClipperEscapeBorderWidth) var(--pluginClipperEscapeBorderColor); border-radius: var(--pluginClipperEscapeBorderRadius); font-size: var(--pluginClipperEscapeTextHeight); color: var(--pluginClipperEscapeTextColor); transition: background-color .2s; cursor: pointer; }
.clipper .escape:hover { filter: brightness( 110% ); }
.clipper .escape:active { filter: brightness( 90% ); }

.screener { display: none; position: absolute; padding: 5px; width: 250px; max-width: 250px; height: 250px; max-height: 250px; z-index: 1000; background-color: var(--pluginScreenerGroundColor ); border: solid var(--pluginScreenerBorderWidth) var(--pluginScreenerBorderColor); border-radius: var(--pluginScreenerBorderRadius); font-size: var(--pluginScreenerTextHeight); color: var(--pluginScreenerTextColor); text-align: center; vertical-align: middle; }
.screener img { max-width: 238px; max-height: 238px; }

#noty_layout__topRight { top: 103px; right: 12px; width: 325px; }
.noty_theme__relax.noty_type__info,
.noty_theme__relax.noty_type__information { background-color: var(--pluginNotyGroundColor); border: solid var(--pluginNotyBorderWidth) var(--pluginNotyBorderColor); border-left: solid var(--pluginNotyMarkerWidth) var(--pluginNotyMarkerColor); font-size: var(--pluginNotyTextHeight); color: var(--pluginNotyTextColor); }
.noty_body .icon { margin-right: 10px; padding-bottom: 3px; font-size: var(--pluginNotyIconHeight); color: var(--pluginNotyIconColor); }

.blink, .blink .select2-selection { background-color: #ffeeee !important; }
.blink { background-color: #e5eee2; }
.blink:disabled { background-color: #e5eee2; }

.control.font_awesome { width: 60px; padding: 10px 20px 10px 10px }
.control.font_awesome .fa_icon{ font-family: FontAwesome, sans-serif; font-size: 32px; color: #2f2f2f; }
.control.font_awesome .fa_code{ font-size:10px; }

/** dropdowns mobile */
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; }
.nav .open > .dropdown-main,
.nav .open > .dropdown-main:hover,
.nav .open > .dropdown-main:focus { background-color: var(--otherDropdownGround); border-left: solid 1px #263a4a; border-right: solid 1px #263a4a }

.ui-menu { display: block; float: left; padding: 0; list-style: none; background-color: #ffffff; border-right: solid 1px var(--otherUiMenuBorder); border-bottom: solid 1px var(--otherUiMenuBorder); border-left: solid 1px var(--otherUiMenuBorder); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item { float: left; clear: left; width: 100%; margin: 0; padding: 3px 5px 3px 5px; font-size: 13px; }
.ui-menu .ui-menu-item.ui-state-focus { background-color: var(--otherUiMenuGround); color: #ffffff; cursor: pointer; }

.blank.view { width: 24px; height: 27px; }
.blank.add { width: 21px; height: 27px; }

.ilist { width: 100%; padding: 5px; border-radius: 5px; border-bottom: 1px solid #bbbbbb; }
.ilist .labels .row { background-color: #f0f0f0; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; }
.ilist .labels .row .cell { white-space: nowrap; border-bottom: solid 1px #bbbbbb; }
.ilist .labels .row .cell:not(:first-child) { border-left: solid 1px #cccccc; }
.ilist .labels .row .cell.flags { min-width: 40px; }
.ilist .labels .row .cell.field { white-space: nowrap; padding: 0; }
.ilist .labels .row .cell.field .table { background-color: transparent; }
.ilist .labels .row .cell.field .text { display: table-cell; width: 100%; padding: 8px; text-align: center; color: #333333; }
.ilist .labels .row .cell.field .icon { display: table-cell; width: 1px; padding: 8px 4px; font-weight: normal; background-color: #e9e9e9; border-left: solid 1px #cccccc; color: var(--themeAccentGround); }
.ilist .labels .row .cell.options { min-width: 40px; white-space: nowrap; border-bottom: solid 1px var(--form-body--borderColor); }
.ilist .labels .row .cell.options .text { display: table-cell; width: 100%; padding: 8px; text-align: center; color: #333333; }
.ilist .labels .row .cell.options .icon { display: table-cell; width: 1px; padding: 8px 4px; font-weight: normal; background-color: #e9e9e9; border-left: solid 1px #cccccc; color: var(--themeAccentGround); }
.ilist .fields .row { border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; transition: background-color .2s; }
.ilist .fields .row:nth-child(odd) { background-color: #f9f9f9; }
.ilist .fields .row:not(:first-child) { border-top: solid 1px #cccccc; }
.ilist .fields .row:hover { background-color: rgba(77,116,150,0.1); }
.ilist .fields .row .cell:not(:first-child) { border-left: solid 1px #cccccc; }
.ilist .fields .row .cell.field { padding: 6px; transition: background-color .2s; text-align: center; }
.ilist .fields .row .cell.field:hover { background-color: rgba(77,116,150,0.2); }
.ilist .fields .row .cell.options .icon { color: var(--themeAccentGround); }
.icolumn { background-color: #f0f0f0; }
.itext { float: left; padding: 0 5px 0 5px; width: 50px; height: 24px; border: 1px solid #cccccc; transition: border-color .2s; outline: none; font-size: 13px; color: #333333; }
.itext:hover { border-color: var(--themeAccentGround); }
.itext:focus { background-color: #edf1f5; border-color: var(--themeAccentGround); box-shadow: 0 0 1px 0 var(--form--shadowColor); }
.iempty td { background-color:#fcfcfc; color:#333333; }

#map_canvas label { width: auto; display:inline; }
#map_canvas img { max-width: none; max-height:none; }

#popper { position: absolute; z-index: 1000; display: flex; align-items: center; justify-content: center; overflow: hidden; background-color: var(--pluginPopperGroundColor); border: solid var(--pluginPopperBorderWidth) var(--pluginPopperBorderColor); border-radius: var(--pluginPopperBorderRadius, 5px); width: 250px; max-width: 250px; height: 250px; max-height: 250px; }