/* **********************************************************************
Common styles:
 */
*, *::before, *::after {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body, html {
	font-family: 'Candara', Verdana, Sans-serif;
	font-size: 16px;
	margin: 0 auto auto auto;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
	margin-block-start: 0px;
	margin-block-end: 0px;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
}
button, input[type='button'], input[type='reset'], input[type='submit'], select {
	height: 34px;
	-webkit-appearance: button;
	cursor: pointer;
}
button:not(:last-child) {
	margin-right: 5px;
}
input[type='text'], input[type='password'], input[type='email'], input[type='number'], input[type='date'], select {
	font-family: 'Candara', Verdana, Sans-serif;
	font-size: 16px;
	height: 24px;
	padding-left: 6px;
	padding-right: 6px;
	line-height: 1.3em;
	color: #555;
	background-image: none;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}
input[disabled], 
select[disabled] {
	background-color: white;
	color: black;
	font-weight: normal;
}
input:required:not(:focus),
select:required:not(:focus) {
	background-color: #fffc00;
	font-weight: normal;
}
input:focus:not(:required), 
select:focus:not(:required) {
	background-color: #fff500; 
	border-color: #66afe9;
	font-weight: bold;
	outline: 0;
}
input:focus:required, 
select:focus:required {
	background-color: #ffe500; 
	border-color: #66afe9;
	font-weight: bold;
	outline: 0;
}
input:not(:focus,:required,:disabled), 
select:not(:focus,:required,:disabled) {
    background-color: #ffffb0;
}
tr.edit-row td.rst-check {
    background-color: #ffffb0;
}
form.dialog-form td.ctrl-table-label-col {
    background-color: #ffffb0;
}
img.tile-logout {
    float: right;
}
div.cpns > div.dialogs-container {
    display: flex;
    flex-direction: column;
}
div.shrs_dialog-scroll-section {
    margin-top: 10px;
    /* margin-left: 20px; */
}
.indicator {
	float: right;
	margin-left: 3px;
	width: 15px;
}
.indicator-message {
	position: absolute;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	background-color: orangered;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
div.dialog-status {
	border: none;
}
div.dialog-status.has-warning {
	color: red;
}
div.dialog-status.has-error {
	color:	red;
}
input.has-warning, input:focus.warning, select.warning, select:focus.warning {
	color: black;
	background-color: #ffd57d;
}
input.has-error, input:focus.has-error, select.has-error, select:focus.has-error {
	color: black;
	border-color: red;
	background-color: #ffd57d;
}
input:hover.has-error + .error-indicator, select:hover.has-error + .error-indicator {
	position: absolute;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: #ff4442;
	border-color: #ff4442;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 3px;z-index:1000;
}
input.a, input.c, input.i, input.p, input.pc, input.d, input.r,
div.txt.a, div.txt.c, div.txt.i, div.txt.p, div.txt.pc, div.txt.d, div.txt.r,
td.a, td.c, td.i, td.p, td.pc, td.d, td.r {
	text-align: right;
}
option {
	height: 24px;
}
table {
    background-color: white;
}
table {
	border-collapse: collapse;
}
thead:not(.modal-body-table) > tr > th {
	white-space: nowrap;
/* 	border: none; */
}
.ToolTip {
	/* display: none; */
	white-space: nowrap;
	z-index: 1000;
	position: absolute;
	background-color: white;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	border-radius: 3px;
	padding-left: 3px;
	padding-right: 3px;
	width: auto;
	height: auto;
}
/*
div.dialog input[type=text], div.dialog input[type=date] {
    float: right;
}
*/
/* **********************************************************************
 * Page header styles:
 */
div.page-header {
	z-index: 2001;
	height: 43px;
	width: 100%;
	background-color: rgba(102,175,233,1);
}
div.page-logo {
    top: 0px;
	clear: left;
	float: left;
    min-width: 180px;
}
label.page-label {
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 5px;
    margin-right: 25px;
}
div.page-logo > div.page-icon {
	clear: left;
	float: left;
}
div.page-label {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 5px;
	margin-right: 25px;
}
div.login-link {
	font-size: 1.2em;
	font-weight: bold;
    margin-top: 20px;
    margin-left: 40px;
}
img.page-icon {
	clear: left;
	float: left;
	width: 32px;
	height: 32px;
    margin-top: 5px;
    margin-left: 5px;
	margin-right: 22px;
}
div.page-menu {
	float: right;
}
div#pageContent {
	clear: left;
	float: left;
	min-width:	600px;
}
div.header-menu-wrapper {
	float: right;
	font-weight: bold;
}
div.header-menu-wrapper > img:first-child {
	float: right;
	margin-right:	5px;
	margin-top:	5px;
}
div.header-menu-wrapper > img:not(:first-child) {
	float: right;
	margin-right:	20px;
	margin-top:	5px;
}
div.header-menu-wrapper > div.menu-item {
    float: left;
    padding-left: 5px;
	padding-right: 5px;
	margin-top: 18px;
	margin-right: 50px;
}
div.menu-item > img.tile {
    float: right;
}
/* **********************************************************************
 * Page content styles:
 */
div.page-content {
    clear: both;
    float: left;
}
div.content-header {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    width: 100%;
    clear: left;
    float: left;
    display: block;
}
div.content-scroll {
    margin-left: 20px;
    margin-right: 20px;
    clear: left;
    float: left;
    overflow-x: auto;
    overflow-y: auto;
    top: 0px;
    left: 0px;
}
div.tabs-container {
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    border-bottom: none;
    height: 30px;
}
div.tab {
    float: left;
    height: 100%;
    border-top: 1px solid silver;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 2px;
    color: gray;
    /* border-bottom: 1px solid white; */
    position: relative;
    top: 11px;
}
div.tab.current {
	background: white;
	color: black;
	border-bottom: 1px solid white;
}
div.content.current, 
div.table-content.current, 
div.content.scroll-content.current {
    background-color: rgba(100, 176, 232, 0.14);
    border-bottom: none;
    /* margin-left: 20px; */
}
div.main-scroll-section, div.tab-scroll-section {
    clear: left;
    overflow-x: auto;
    overflow-y: auto;
    top: 0px;
    left: 0px;
    min-width:	420px;
    float: left;
    display: block;
}
div.main-page-content {
    /* clear: left; */
    overflow-x: auto;
    overflow-y: auto;
    top: 0px;
    left: 0px;
    min-width:	420px;
    float: left;
    display: block;
}
div.main-scroll-content, div.tab-scroll-content, div.dialog-scroll-content {
    clear: left;
    float: left;
    background: rgba(100, 176, 232, 0.14);
    /* border-top: 1px solid silver; */
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    min-width: 400px;
}
div.dialog-scroll-content {
    /* clear: left; */
    float: left;
    border: 0px none;
    padding: 0px 0px 0px 0px;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 600px;
    display: block;
    width: 600px;
}
div.tab-scroll-content {
    /* background: rgba(100, 176, 232, 0.14); */
    /* margin-left: 20px; */
    margin-bottom: 10px;
    margin-right: 10px;
}
div.cpn_dialog-dialog.dialog.scroll-content {
    margin-bottom: 20px;
}
div.cpns.content {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: fit-content;
    margin-bottom: 10px;
    margin-left: 20px;
    /* clear: left; */
}
div.main-scroll-content {
    margin-left: 20px;
    margin-right: 20px;
}
.cpns {
	margin-left: 20px;
}
.cpns-content.content.current > div.scroll-section> div.tab-scroll-content {
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
}
table.content-table {
    /* padding-left: 10px; */
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 10px;
    text-align: left;
    white-space: nowrap;
    border: 0px;
    clear: left;
    float: left;
    background-color: white;
    margin-bottom: 20px;
}
table.content-table > thead > tr {
    border-top: none;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    white-space: nowrap;
}
table.content-table > thead > tr > th {
    background: rgba(100, 175, 233, 0.3);
    border: 1px solid silver;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    height: 34px;
    padding-left: 6px;
    padding-right: 6px;
    white-space: nowrap;
}
table.content-table > tbody > tr:not(.edit-row) > td {
    border: 1px solid silver;
    overflow: hidden;
    font-weight: normal;
    padding-left: 6px;
    padding-right: 6px;
}
table.content-table > tbody > tr.edit-row > td:not(.txt) {
    border: 1px solid silver;
    overflow: hidden;
    font-weight: normal;
	padding-left: 0px;
	padding-right: 0px;
}
table.content-table > tbody > tr.edit-row > td.txt {
    border: 1px solid silver;
    overflow: hidden;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
}
table.edit-table > tbody > tr:not(.edit-row) > td {
    border: 1px solid silver;
    overflow: hidden;
    font-weight: normal;
    padding-left: 6px;
    padding-right: 6px;
}
table.edit-table > tbody > tr.edit-row > td:not(.txt) {
    border: 1px solid silver;
    overflow: hidden;
    font-weight: normal;
	padding-left: 0px;
	padding-right: 0px;
}
table.edit-table > tbody > tr.edit-row > td.txt {
    border: 1px solid silver;
    overflow: hidden;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
}

table.content-table > tbody > tr > td.cpn-name {
	min-width: 100px;
}
table.content-table > tbody > tr > td.cpn-count {
	min-width: 150px;
}
table.content-table > tbody > tr > td.cpn-scp {
	min-width: 150px;
}
table.content-table > tbody > tr.data-row {
    background-color: white;
}
table.content-table > tbody > tr.data-row.selected {
    background-color: rgba(211,211,211);
}
table.content-table input, table.content-table select {
    border-radius: 0px;
    border: none;
    width: 100%;
}
div.tiles-container {
    width: 100%;
    clear: both;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0px solid transparent;
}
div.tiles-container img {
    padding-right: 10px;
}
div.tiles-container button {
    float: right;
    margin-left: 10px;
}
.dialog {
    clear: both;
    float: left;
}
.modal-wrapper {
	clear: both;
	float: left;
}
.modal-content {
	/* padding-top: 20px; */
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	/* font-weight:400; */
}
.modal-header {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom: 0px solid #e5e5e5;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
}
.main-title {
	clear: left;
	float: left;
	font-size: 24px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.main-subtitle {
	clear: left;
	float: left;
	font-size: 20px;
	font-weight: bold;
/*	margin-top: 10px; */
	margin-bottom: 10px;
}
.detail-title {
	clear: left;
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.detail-subtitle {
	clear: left;
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.element-title {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	clear: left;
	margin-bottom: 20px;
	float: left;
}
.dialog-header {
	clear: both;
	float: left;
	padding-left: 5px;
}
.dialog-title {
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	clear: left;
	margin-bottom: 10px;
	float: left;
}
.dialog-subtitle {
	font-size: 16px;
	font-weight: bold;
	/* margin-top: 20px; */
	clear: left;
	margin-bottom: 15px;
}
.dialog-subsubtitle {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}
.dialog-hint {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    float: left;
    clear: left;
}
.dialog-content {
	padding: 20px;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	outline: 0;
	width: 540px;
	opacity: 1;
	top: 20px;
	left: calc(50% - 250px);
}
.dialog-body > form {
	/* padding: 5px; */
	border: 1px solid silver;
	clear: left;
	float: left;
	/* margin-top: 10px; */
	display: block;
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}
div#groupCompany {
	height: 230px;
	border: 1px solid silver;
	padding: 5px 5px 5px 5px;
}
div#groupEvent {
	border: 1px solid silver;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	height: 60px;
}
div#groupLabel {
	font-weight: bold;
	margin-bottom: 5px;
}
/* **********************************************************************
 * General dialog styles:
 */
input.rst-exercise {
    width: 50px;
}
th.shh-nickname {
    min-width: 200px;
    max-width: 200px;
    width: 200px;
}
th.inv-amount {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}
th.currency {
    min-width: 80px;
    max-width: 80px;
    width: 80px;
}
th.inv-ex-rate {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}
th.shr-scl {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
}
th.shr-ssc {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}
th.shr-grp {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
}
th.shr-count {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}
th.shr-pps {
    min-width: 120px;
    max-width: 120px;
    width: 120px;
}
.dialog-footer {
	text-align: right;
	clear: both;
	float: right;
    width: 100%;
}
.dialog-status {
	clear: left;
	float: left;
	margin-top: 5px;
	width: 100%;
	padding: 3px 3px 3px 3px;
	border: 1px solid silver;
	border-radius: 3px;
}
th.rst-vested {
    min-width: 60px;
    max-width: 60px;
    width: 60px;
}
th.rst-start, th.exe-period, th.exe-window {
    min-width: 120px;
    max-width: 120px;
    width: 120px;
}
th.rst-cliff, th.rst-period, th.rst-install, th.exe-period {
	min-width: 100px;
    max-width: 100px;
    width: 100px;
}
th.exe-window {
	min-width: 80px;
    max-width: 80px;
    width: 80px;
}
th.rst-unit, th.exe-unit {
    min-width: 85px;
    max-width: 85px;
    width: 85px;
}
table.content-table input[type=number] {
    text-align: right;
}
th.shp-name {
    min-width: 195px;
    max-width: 195px;
    width: 195px;
}
th.shp-issue {
    min-width: 140px;
    max-width: 140px;
    width: 140px;
}
th.shp-cpt {
    min-width: 180px;
    max-width: 180px;
    width: 180px;
}
th.shp-scl {
    min-width: 180px;
    max-width: 180px;
    width: 180px;
}
th.shp-grp {
    min-width: 180px;
    max-width: 180px;
    width: 180px;
}
th.shp-count {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}
/* 
.dialog-status.has-error {
	background-color: rgba(255, 130, 128, 1);
}
 */
div.dialog-body label.login-hint > a {
	text-decoration: underline;
	cursor:	pointer;
}
div.dialog-body label.login-hint > a:hover {
	color: blue;
}
/* **********************************************************************
 * Page footer styles
 */
div.page-footer {
	bottom: 11px;
	position: absolute;
	height: 20px;
	padding-left: 20px;
}
/* **********************************************************************
 * Welcome dialog styles:
 */
div#dlgWel {
	width: 500px;
    margin-top: 10px;
	clear: both;
	float: left;
    margin-top: 20px;
/*
    padding: 5px 5px 5px 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
 */
}
p.description {
	width: 500px;
	clear: left;
	float: left;
}
/* **********************************************************************
 * Login dialog styles:
 */
div#dlgLgL {
	width: 450px;
    margin-top: 10px;
	clear: both;
	float: left;
    margin-top: 20px;
    padding: 5px 5px 5px 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
/*
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
 */
}
div#bdyLgL > form > label.remember-label {
    float: left;
    padding-left: 5px;
}
div#bdyLgL > form > label.login-hint {
    clear: left;
    float: left;
}
div#bdyLgL > form > input[type=text], 
div#bdyLgL > form > input.login-username {
	width: 100%;
	margin-bottom: 5px;
}
div#bdyLgL > form > label.input-label {
    clear: left;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
div#bdyLgL > form > input[type=checkbox].remember-checkbox {
	clear: left;
	float: left;
}
div#bdyLgL label.login-hint {
	clear: both;
	float: left;
	margin-left: 3px;
	margin-top: 5px;
}
div#bdyLgL label.login-hint a#sign_up_now {
	margin-left: 10px;
}
/* **********************************************************************
Login password dialog
 */
div#dlgLgP {
	width: 450px;
	clear: both;
	float: left;
    margin-top: 20px;
    padding: 5px 5px 5px 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
div#bdyLgP label.login-hint {
    clear: left;
    float: left;
    margin-top: 5px;
}
div#bdyLgP a#forgotten {
	text-decoration: underline;
	cursor:	pointer;
}
div#bdyLgP a#forgotten:hover {
	color: blue;
}
div#bdyLgP > label {
    clear: left;
    float: left;
}
div#bdyLgP > input, 
div#bdyLgP > label, 
div#bdyLgP > label > input {
    clear: left;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
div#dlgLgP input.login-password {
    width: 100%;
	margin-bottom: 5px;
}
/* **********************************************************************
Forgot password dialog
 */
div#dlgLgF {
    width: 420px;
    margin-top: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    clear: left;
    float: left;
    padding: 10px 10px 10px 10px;
}
.dialog-header {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
}
div#bdyLgF {
    clear: left;
	float: left;
	width: 400px;
}
div#bdyLgF > form > label {
    clear: left;
	float: left;
	margin-bottom: 10px;
}
div#bdyLgF > form > input[type=text] {
    clear: right;
	float: right;
	width: 300px;
}
div#bdyLgF > form > input[name=ul] {
	margin-bottom: 5px;
}
div#bdyLgF > form > label.ul-label {
	margin-top: 0px;
}
div#bdyLgF > form > label.ue-label {
	margin-top: 10px;
}
div#bdyLgF div.center {
    clear: left;
	font-family: curier;
	font-size: 18px;
	display: flex;
	justify-content: center;
}
div#bdyLgF div.center > input.code {
	font-family: curier;
	font-size: 20px;
	padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    letter-spacing: 2px;
}
div#dlgLgF input.login-password {
    clear: right;
	float: right;
	width: 250px;
	margin-bottom: 5px;
}
/* **********************************************************************
Forgot password dialog
 */
div#dlgFPw {
    width: 420px;
    margin-top: 20px;
    clear: left;
    float: left;
    padding: 10px 10px 10px 10px;
}
div#bdyFPw > form > label {
    clear: left;
	float: left;
}
div#bdyFPw > form > input[type=text] {
    clear: right;
	float: right;
	width: 300px;
}
/* **********************************************************************
Register user dialog
 */
div#dlgLgR {
	width: 500px;
	clear: both;
	float: left;
    margin-top: 20px;
    padding: 5px 5px 5px 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
div#dlgLgR div.dialog-body label {
    clear: left;
    float: left;
    font-weight: bold;
    width: 100%;
}
div#dlgLgR div.dialog-body label input:not(.user-zip,.user-city) {
    margin-left: 10px;
    float: right;
    width: 340px;
}
div#dlgLgR div.dialog-body label input.user-zip {
    margin-left: 10px;
    float: right;
    width: 70px;
}
div#dlgLgR div.dialog-body label input.user-city {
    margin-left: 10px;
    float: right;
    width: 260px;
}
/* **********************************************************************
User profile dialog
 */
div#dlgPrf {
    position: absolute;
    background-color: white;
    width: 600px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
    padding: 5px 5px 5px 5px;
}
div#dlgPrf h4.dialog-subtitle {
    margin-top: 15px;
}
div#dlgPrf legend {
    font-size: 18px;
    font-weight: bold;
}
div#dlgPrf fieldset {
    margin-top: 10px;
    border: 1px solid silver;
    clear: left;
    float: left;
    width: 100%;
}
div#dlgPrf div.dialog-body label {
    clear: left;
    float: left;
    font-weight: bold;
    width: 100%;
}
div#dlgPrf div.dialog-body label input:not(.user-zip,.user-city), div#dlgPrf div.dialog-body label select {
    margin-left: 10px;
    float: right;
    width: 420px;
}
div#dlgPrf div.dialog-body label input.user-zip {
    margin-left: 10px;
    float: right;
    width: 70px;
}
div#dlgPrf div.dialog-body label input.user-city {
    margin-left: 10px;
    float: right;
    width: 340px;
}
/* **********************************************************************
Company content styles:
 */
div#dlgCpn {
	clear: both;
	float: left;
	width: 557px;
}
div#bdyCpn > label {
	clear: both;
	float: left;
	width: 100%;
	font-weight: 600;
}
div.dialog-body div.table-row {
    display: table-row;
    width: 100%;
}
div.dialog-body label.dlg-label-col {
    clear: left;
    float: left;
    height: 24px;
    display: table-col;
}
div.dialog-body .dlg-value-col {
    clear: right;
    float: right;
	width: 395px;
    margin-left: 10px;
    display: table-col;
}
table.shr-classes-table {
    clear: left;
    float: left;
    width: 100%;
    border-width: 1px;
    border-color: silver;
    border-style: solid;
    margin: 5px 2px 2px 0px;
}
div#dlgCpnS {
    width: 565px;
}
.settings-body {
	width: 100%;
}
div.settings-table {
	clear: left;
	float: left;
	background-color: transparent;
	font-weight: bold;
}
div.settings-group {
	clear: left;
	float: left;
	width: 100%;
	background-color: transparent;
	font-weight: bold;
}
div.settings-table-header-row {
	clear: left;
	float: left;
	width: 100%;
	height: 24px;
	text-align: center;
	border-bottom: 1px solid silver;
}
div.settings-table-subheader-row {
	clear: left;
	float: left;
	width: 100%;
	height: 24px;
	text-align: center;
	border-bottom: 1px solid silver;
}
div.settings-table-row:not(.settings-last-row) {
	clear: left;
	float: left;
	width: 100%;
	height: 24px;
	border-bottom: 1px solid silver;
}
div.settings-label-col {
	clear: left;
	float: left;
	width: 140px;
	height: 24px;
	padding-left: 3px;
}
div.settings-value-col {
	float: left;
	width: 330px;
	height: 24px;
}
div.settings-round-mode-col {
	float: left;
	width: 330px;
	height: 24px;
}
div.settings-precision-col {
	float: left;
	width: 80px;
	height: 24px;
}
div.settings-label1-col {
	clear: left;
	float: left;
	width: 140px;
	height: 24px;
	padding-left: 3px;
}
div.settings-value1-col {
	float: left;
	width: 46px;
	height: 24px;
}
div.settings-label2-col {
	float: left;
	width: 200px;
	height: 24px;
	padding-left: 3px;
}
div.settings-value2-col {
	float: left;
	width: 46px;
	height: 24px;
}
div.settings-round-mode-col {
	float: left;
	width: 100px;
	height: 24px;
}
div.settings-numbers-col {
	float: left;
	width:	50%;
}
input.settings-value:not(.changed), select.settings-value:not(.changed) {
	float: left;
	width: 100%;
}
input.settings-value.changed, select.settings-value.changed {
	float: left;
	width: calc(100% - 24px);
}
/* **********************************************************************
Event content styles:
 */
#bdyEvt div.table-row input[type='text'], 
#bdyEvt div.table-row input[type='password'], 
#bdyEvt div.table-row input[type='email'], 
#bdyEvt div.table-row input[type='number'], 
#bdyEvt div.table-row input[type='date'], 
#bdyEvt div.table-row select {
	width: 380px;
	margin-left: 5px;
	float: right;
}
#dlgEvt {
	width:	545px;
}
#bdyEvt > div > label > input, 
#bdyEvt > div > label > select,
#bdyEvt > div > div > label > input, 
#bdyEvt > div > div > label > select {
	float: right;
	margin-left: 5px;
}
#bdyEvt table.shr-classes-table, #bdyEvt table.rst-classes-table {
    width: 100%;
    background-color: transparent;
    margin-top: 10px;
}

#bdyEvt td.ctrl-table-label-col {
    border-width: 1px;
    border-color: silver;
    border-style: solid;
}

#bdyEvt div.table-row {
    display: flow-root;
}

#bdyEvt table.dialog-content-table {
    margin-top: 5px;
}

#bdyEvt tr.tiles-row {
    background: transparent;
}

#bdyEvt table.dialog-content-table > tbody {
    background-color: white;
}

.child-captions-container > .dialog-header.header {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}
.shrs_dialog-scroll-section.scroll-section {
    margin-left: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 9px rgba(0,0,0,0.5);
}
/* **********************************************************************
Restriction content styles:
 */
table#rssTable td.edit-col {
	padding:	0px 0px 0px 0px;
}
table#rssTable td.edit-col {
	padding:	0px 0px 0px 0px;
}
table#rssTable select.rst-unit {
    width: 90px;
}
table#rssTable input, table#rssTable select {
    float: left;
}
table#rssTable input {
    width: 103px;
}
table#rssTable select.rst-type, table#rssTable input.rst-start {
    width: 130px;
}

div#dlgRss {
	clear: both;
	float: left;
	width: 312px;
}
div#dlgRss span.dlg-label-col {
    clear: left;
    float: left;
    height: 24px;
}
div#dlgRss span.dlg-value-col {
    clear: right;
    float: right;
    width: 190px;
}
div#dlgRss span.dlg-label2-col {
    clear: left;
    float: left;
    height: 24px;
    margin-left: 78px;
}
div#dlgRss span.dlg-value2-col {
    clear: right;
    float: right;
    width: 190px;
}
div#dlgRss select.rst-type, div#dlgRss input.rst-start {
    width: 190px;
}
div#dlgRss select.rst-unit {
    width: 87px;
}
div#dlgRss input, div#bdyRss select {
    float: left;
}
div#dlgRss span.dlg-value-col > input:not(.rst-start) {
    width: 103px;
}
div#dlgRss span.dlg-value2-col > input {
    width: 103px;
}
/* **********************************************************************
Cap Table
 */
table.ct-table {
    border: none;
    white-space: nowrap;
    overflow: hidden;
    table-layout: fixed;
}
table.ct-table {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 10px;
    text-align: left;
    white-space: nowrap;
    clear: left;
    float: left;
    background-color: white;
    margin-bottom: 20px;
}
table.ct-table > thead > tr {
    white-space: nowrap;
}
table.ct-table > thead > tr > th.row-hdr,
table.ct-table > thead > tr > th.row-shdr,
table.ct-table > thead > tr > th.row-sshdr {
    background: rgba(100, 175, 233, 0.3);
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    height: 34px;
    padding-left: 6px;
    padding-right: 6px;
    white-space: nowrap;
    border: 1px solid silver;
}
table.ct-table tbody > tr:not(.space) > td {
    overflow: hidden;
    padding-left: 6px;
    padding-right: 6px;
    border: 1px solid silver;
}
table.ct-table>thead {
    vertical-align: middle;
	font-weight: bold;
	background-color: rgba(100, 175, 233, 0.2);
}
table.ct-table>thead>tr.row-hdr {
	font-size: 16px;
}
table.ct-table>thead>tr.row-shdr {
	font-size: 15px;
}
table.ct-table>thead>tr.row-sshdr {
	font-size: 14px;
}
table.ct-table>tbody>tr.row-shh, 
table.ct-table>tbody>tr.row-opt {
	font-size: 14px;
    background: white;
}
table.ct-table>tbody>tr.row-space {
    background: transparent;
    height: 16px;
}
table.ct-table > tbody>tr.row-grp,
table.ct-table > tbody>tr.row-tot,
table.ct-table > tbody>tr.row-opt-grp,
table.ct-table > tbody>tr.row-opt-tot,
table.ct-table > tbody>tr.row-cvt-tot {
	font-size: 15px;
	font-weight: bold;
    background: rgba(100, 175, 233, 0.1);
}
tr.ct-row.empty {
    border: none;
	height: 15px;
}
.captable-tile {
    float: left;
    padding-right: 5px;
}
th.col-hdr {
    padding-left: 5px;
    padding-right: 5px;
}
th.col-shr {
    width: 100px;
}
th.col-pc {
    width: 100px;
}
th.col-cur {
    width: 100px;
}
th.col-shh {
    width: 250px;
}
td.col-hdr {
    padding-left: 5px;
    padding-right: 5px;
}
td.col-evt.selected {
    background: yellow;
}
tr.row-hdr > th,
tr.row-shdr > th,
tr.row-sshdr > th {
	text-align: left;
    background: rgba(100, 175, 233, 0.3);
    border: 1px solid silver;
}
td.col-hdr {
	text-align: left;
	white-space: nowrap;
}
td.col-hdr.right {
    text-align: right;
}
.captable-tools {
    border-width: 0;
    text-align: left;
}
tr.ct-tools-row > td.ct-tools {
    text-align: left;
}
tr.ct-tools-row > td.ct-tools > img {
    margin-right: 5px;
}
tr.row-tot {
	font-size: 18px;
	font-weight: bold;
    background: rgba(255, 255, 255, 0.5);
}
div.page-body {
    float: left;
    overflow: auto;
    padding-left: 20px;
}
div.page-sidebar {
	clear: left;
	float: left;
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: transparent;
	transition: width 0.5s;
	margin-right: 5px;
}
div.header-menu-wrapper {
    height: 100%;
}
div.header-menu-wrapper .hdr-menu {
	float: left;
    margin-top: 20px;
}
ul {
	padding-left: 0px;
	list-style-type: none;
}
li.menu-item, li.menu-item-selected, li.submenu-item {
	margin-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 14px;
}
li.menu-item, li.menu-item-selected, li.submenu-item {
	border-top: 1px solid silver;
}
li.menu-item.last-item {
	border-bottom: none;
}
li.menu-item:hover:not([disabled]) {
	background-color: lightgrey;
}
h3.menu-item-label {
	font-size: 18px;
}
h4.sub-submenu-label.sub-submenu:not(:first-child) {
	padding-bottom: 3px;
	border-bottom: 1px solid silver;
	/* border-top: 1px solid silver; */
}
li[disabled] {
    color: gray;
}
ul.sidebar-menu-group {
	margin: 0 0 0 0;
	position: relative;
}
div.scroll-section {
    overflow: auto;
}
.dialog-body > label.input-label {
    clear: left;
    float: left;
}

#lgrBdy > label, #lgrBdy label > input:not(.user-zip) {
    width: 100%;
}
.user-zip-city {
    width: 100%;
}
input.user-zip {
    float: left;
    width: 19%;
}
input.user-city {
    float: right;
    width: 80%;
}


table.evt-options-table {
    width: 100%;
	border: 1px solid silver;
}
th.rdo-table-label-col {
    width: 118px;
    text-align: left;
    padding-left: 5px;
    font-weight: normal;
    vertical-align: top;
}
td.rdo-table-chkbox-col {
    width: 25px;
}
td.rdo-table-name-col > input {
    width: 100%;
}
ul#sbEvtDlgMenue {
    height: 100%;
}
div.dialog-footer > button.btn {
    margin-top: 5px;
}
div.dialog-footer > button.btn.enter {
	background-color: lightgrey;
	border-color:	black;
	border-style:	dotted;
	border-width:	1px;
    border-radius: 4px;
}
div.dialog select {
    float: right;
    /* width: 350px; */
    /* margin-left: 10px; */
}

span.dlg-label-col {
    margin-right: 10px;
}

table#cvtsTable > thead > tr > th {
    font-size: 14px;
}
table#cvtsTable > tbody > tr > td {
    font-size: 12px;
}
div.main-menu {
	float:	left;
    margin-top: 20px;
    margin-left: 20px;
}
li.menu-dropdown-list {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
}
li.menu-dropdown-list.selected {
    background: gray;
    color: white;
}
div.hdr-menu {
	min-width:	160px;
}
div.hdr-menu > span.menu-label {
    display: block;
    height: 22px;
}
div.hdr-menu > ul.menu-dropdown-list {
    position: relative;
    background-color: white;
    z-index: 10;
    top: 0px;
    font-weight: normal;
    font-size: 14px;
    border-width: 1px;
    border-color: silver;
    border-style: solid;
    border-radius: 4px;
    margin: 0px;
    width: fit-content;
}
li.menu-dropdown-list:hover {
    background-color: lightgray;
}
h4.sub-submenu-label.empty:hover {
    background-color: lightgray;
}
button.restore-value, button.back-value {
    height: 24px;
    /* float: right; */
    width: 24px;
    background: transparent;
    border: none;
}
img.settins-restore {height: 14px;vertical-align: top;/* position: relative; */float: left;}
div.settings-value-col {
    width: 410px;
    float: left;
}
div.settings-round-mode-col {
    width: 330px;
    float: left;
}
div.dialog input:not([type="checkbox"]), div.dialog select {
    float: right;
}


div#dlgEvtDtl label {
    width: 100%;
}
/* **********************************************************************
Transfer styles:
 */
table#trnTable td.rst-start,
table#trnTable th.rst-start {
    min-width: 115px;
    max-width: 115px;
}
table#trnTable td.rst-check,
table#trnTable th.rst-check {
    min-width: 85px;
    max-width: 85px;
}
table#trnTable td.rst-cliff,
table#trnTable th.rst-cliff {
    min-width: 120px;
    max-width: 120px;
}
table#trnTable td.rst-period,
table#trnTable th.rst-period {
    min-width: 120px;
    max-width: 120px;
}
table#trnTable td.rst-install,
table#trnTable th.rst-install {
    min-width: 120px;
    max-width: 120px;
}
table#trnTable td.rst-exercise,
table#trnTable th.rst-exercise {
    min-width: 210px;
}
table#trnTable input[type=number]:not(.rst-exercise) {
    text-align: right;
    width: 60%;
}
table#trnTable select.rst-size {
    width: 40%;
}
table#trnTable input[type=number].rst-exercise {
    text-align: right;
    width: 50px;
}
table#trnTable select.rst-size-ex {
    width: 50px;
}
label[for=rst_ex_from] {
    margin-left: 5px;
}
label[for=rst_ex_to] {
    margin-left: 5px;
}
div#dlgExW {
    width: 220px;
}
div#dlgExW > div.dialog-footer {
	text-align: right;
	clear: right;
	float: right;
    margin-bottom: 20px;
}
label.exercise-from, label.exercise-to {
	clear: left;
	float: left;
	margin-right: 20px;
}
input.exercise-from, input.exercise-to {
	width: 70px;
	clear: right;
	float: right;
}
div.welcome-hint {
	clear: left;
	float: left;
    display: block;
    font-weight: normal;
    font-size: 18px;
}
/* **********************************************************************
Convertibles styles:
*/
table#icvTable td.cvt-interest {
    width: 68px;
}
table#icvTable td.cvt-discount {
    width: 77px;
}
table#icvTable td.cvt-fsp {
    width: 131px;
}
table#icvTable td.cvt-cap {
    width: 118px;
}
table#icvTable td.shr-scl {
    width: 148px;
}
table#icvTable td.shr-ssc {
    width: 96px;
}
table#icvTable td.shr-grp {
    width: 140px;
}
div#bdyEvt div.table-col {
	float: right;
    width: 380px;
}
div#bdyEvt input[type=checkbox].ckb-cvt {
	clear: left;
	float: left;
	width: 38px;
	margin-top: 6px;
}
div#bdyEvt div.table-col-inp {
	clear: right;
	float: right;
    width: 330px;
}
div#bdyEvt input[type=date].cvt-issue {
	float: right;
	width: 100%;
}
div#bdyEvt select.cvt-scl {
	float: right;
	width: 100%;
}
div#bdyEvt select.cvt-ssc {
	float: right;
	width: 100%;
}
div#bdyEvt select.cvt-srg {
	float: right;
	width: 100%;
}