/* Needs to sync with value of body tag from Site.css*/
/* Undo styles from Site.css */
div.content {
  margin-top: 0px;
  display: block;
}
ul.ui-autocomplete.ui-menu {
  z-index: 10010;
}
/* GLOBAL KENDO OVERRIDES (of kendo.common.css and kendo.custom.css) */
.k-autocomplete,
.k-autocomplete.k-state-border-down {
  border-radius: 0px 0px;
}
input.k-textbox {
  height: 30px;
  border-radius: 0px 0px;
}
.k-calendar-container.k-state-border-up,
.k-calendar .k-link,
.k-picker-wrap .k-select,
.k-picker-wrap.k-state-border-down,
.k-picker-wrap,
.k-picker-wrap .k-input,
.k-datepicker,
.k-picker-wrap.k-state-border-down .k-input,
.k-calendar td {
  border-radius: 0px 0px;
}
.k-calendar td.k-state-focused.k-state-selected,
.k-calendar td.k-state-focused.k-state-selected.k-state-hover,
.k-state-focused,
td.k-state-focused {
  box-shadow: none;
}
/* BEGIN: Dropdown */
.k-input[type="text"],
.k-textbox,
.k-dropdown {
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 14px;
}

.mobile .k-input[type="text"],
.mobile .k-textbox,
.mobile .k-dropdown {
  font-family: -apple-system, sans-serif
}


.k-dropdown,
.k-dropdown-wrap {
  border-radius: 0px 0px;
}
.k-dropdown-wrap.k-state-border-down {
  border-radius: 0px 0px;
}
.k-list-optionlabel {
  border-radius: 0px 0px;
}
.k-textbox {
  border-radius: 0px 0px;
}
.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected {
  border-radius: 0px 0px;
}
.k-list-container.k-state-border-up {
  border-radius: 0px 0px;
}
ul.k-list > li.k-item {
  white-space: nowrap;
  overflow: hidden;
}
.k-popup .k-list .k-state-focused {
  box-shadow: none;
  border-radius: 0px 0px;
}
/* END: Dropdown */
div.k-window {
  border: none;
  border-radius: 0px 0px;
}
.k-window-titlebar {
  color: #FFFFFF;
  background-color: #55738D;
  font-size: 21px;
  font-weight: 300;
  height: 30px;
  line-height: 30px;
  border-radius: 0px 0px;
}
.k-window-titlebar .k-icon {
  background-image: url('https://kendo.cdn.telerik.com/2015.2.902/styles/Black/sprite.png');
}
.k-window-content {
  padding: 10px;
  border-radius: 0px 0px;
}
.k-window-titleless .k-window-content {
  border-radius: 0px 0px;
}
.k-edit-form-container {
  width: auto;
}
.k-edit-form-container .k-edit-buttons {
  padding: 10px 10px 0px 10px;
  border-top-width: 0px;
}
.k-tabstrip {
  border: none;
  background-color: #FFFFFF;
  box-shadow: none;
}
.k-tabstrip > .k-content {
  border: none;
  margin: 0px;
  padding: 0px;
}
.k-tabstrip:focus {
  box-shadow: none;
}
.k-tabstrip-scrollable .k-tabstrip-items {
  padding: 0px;
}
.k-tabstrip-items {
  border-bottom: 1px solid #CCCCCC;
}
.k-tabstrip-items .fa {
  font-size: 12px;
}
.k-tabstrip-items .k-item {
  background-color: #FFFFFF;
  border-width: 0px;
  border-style: none;
}
.k-tabstrip-items .k-link {
  font-family: Cabin, 'Segoe UI Semibold', Tahoma;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
  padding: 6px 15px;
}
.k-tabstrip-items .k-state-default .k-link {
  color: #55738D;
}
.k-tabstrip-items .k-state-active .k-link,
.k-tabstrip-items .k-state-subactive .k-link {
  color: #2C5172;
}
.k-tabstrip-items .k-state-default.k-state-hover {
  border-style: none;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
.k-tabstrip-items .k-state-default.k-state-hover .k-link {
  color: #2EA2D7;
}
.k-tabstrip-items .k-state-active {
  border-color: #FFFFFF;
  border-bottom: 3px solid #2C5172;
}
.k-tabstrip-items .k-state-disabled {
  border-color: #FFFFFF;
}
.k-tabstrip-items .k-item.k-state-hover {
  color: #DA590F;
}
.k-tooltip {
  border-width: 1px;
}
.k-notification {
  height: 35px;
  border-width: 0px 0px 1px 0px;
  border-radius: 0px;
}
.k-notification-wrap {
  padding: .3em .3em;
  font-size: 16px;
}
.k-widget.k-notification.k-notification-info {
  background-color: #e0f1fa;
  color: #007cc0;
  border-color: #007cc0;
}
.k-widget.k-notification.k-notification-warning {
  background-color: #fffbdd;
  color: #c19b00;
  border-color: #c19b00;
}
.k-widget.k-notification.k-notification-error {
  background-color: #ffe4d9;
  color: #ef4e4e;
  border-color: #ef4e4e;
}
.k-widget.k-notification.k-notification-success {
  background-color: #dcefdd;
  color: #009966;
  border-color: #009966;
}
div.dualList div.k-listview {
  padding: 3px;
}
div.dualListItem.k-state-focused {
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
div.dualListItem {
  white-space: nowrap;
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 3px;
  cursor: pointer;
}
.k-invalid,
.invalid {
  border-color: red;
}
span.k-invalid,
span.invalid {
  border-width: 1px;
}
.k-checkbox:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:active:before,
.k-checkbox:checked:disabled + .k-checkbox-label:hover:before {
    color: #5e5e5e;
    background: #f5f5f5;
    border-color: #cccccc;
    border-radius: 3px;
}
.k-checkbox:checked + .k-checkbox-label.indeterminate:before {
  content: "\2013";
}
span.k-dropdown.hideValidation {
  height: 30px;
  overflow: hidden;
}
/* ADVISOR VIEW STYLES */
.larger {
  font-size: 13px;
}
.tooltipHeader {
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-weight: bold;
  color: #2C5172;
}
.tabContent {
  padding: 10px 0px 0px 0px;
}
::-webkit-input-placeholder {
  font-style: italic;
}
:-moz-placeholder {
  font-style: italic;
}
::-moz-placeholder {
  font-style: italic;
}
:-ms-input-placeholder {
  font-style: italic;
  color: #999999 !important;
}
input[type="text"][disabled="disabled"].browserFixInput {
  /* Required for FF */
  background-color: #E5E5E5;
  border: 0px;
  color: #404040;
}
input[type="text"][disabled].browserFixInput {
  /* Required for FF */
  background-color: #E5E5E5;
  border: 0px;
  color: #404040;
}
/*
    AREA CLASSES

    Use these classes to define the area where content can go.
*/
.contentArea {
  padding: 10px;
}
.contentAreaTight {
  padding: 3px;
}
/*
    GENERAL SPACING

    Use contentHeader, contentGroup, and contentSection as the default
    classes for managing spacing in a UI. Use these classes unless
    there are more specific ones available, e.g. for spacing between settings.

    The general structure is:

    CONTENT HEADER

    CONTENT GROUP A
        CONTENT SECTION 1
        CONTENT SECTION 2

    CONTENT GROUP B
        CONTENT SECTION 3
        CONTENT SECTION 4

    No top margin is provided by these classes. The content's parent
    container should provide appropriate padding so that the first 
    content block is not flush to the container. The area classes above
    can be used for this functionality.
*/
.contentHeader {
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #2C5172;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.contentGroup {
  margin-bottom: 28px;
}
.contentSection {
  margin-bottom: 10px;
}
.contentGroupHeader {
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #2C5172;
  text-transform: uppercase;
}
.contentSectionHeader {
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #2C5172;
  text-transform: uppercase;
}
.contentHeader.edit,
.contentGroupHeader.edit,
.contentSectionHeader.edit {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.contentHeader.edit > .spacer,
.contentGroupHeader.edit > .spacer,
.contentSectionHeader.edit > .spacer {
  flex: 1;
}
.contentSection.framed {
  border: 1px solid #CCCCCC;
  padding: 10px;
}
.contentGroupHeader.expandCollapseAll .textHeader {
  float: left;
}
.contentGroupHeader.expandCollapseAll .accordion {
  text-align: right;
  float: right;
}
.contentGroupHeader.expandCollapseAll .accordion .fa-angle-up.hidden,
.contentGroupHeader.expandCollapseAll .accordion .fa-angle-down.hidden {
  display: none;
}
.contentGroupHeader.bordered {
  border: 1px solid #E5F3FA;
  background-color: #E5F3FA;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 1px;
  padding-right: 1px;
  /*.accordion .fa-angle-up, .accordion .fa-angle-down { display:inline; margin-left:85%; } */
}
.contentGroupHeader.bordered .textHeader {
  width: 94%;
}
.contentGroupHeader.bordered .accordion {
  width: 1%;
}
.contentGroupHeader.bordered .accordion .fa-angle-down {
  padding-left: 18px;
}
.contentGroupHeader.bordered .accordion .fa-angle-up.hidden,
.contentGroupHeader.bordered .accordion .fa-angle-down.hidden {
  display: none;
}
.contentGroupHeader.bordered.closed {
  border: 1px solid #F2F5F7;
  background-color: #F2F5F7;
  padding: 4px;
  cursor: pointer;
}
.contentHeader.bar,
.contentGroupHeader.bar,
.contentSectionHeader.bar,
.contentGroup.bar,
.contentSection.bar {
  background-color: #ECF0F2;
  padding: 5px;
  min-height: 10px;
}
.contentHeader.divider,
.contentGroupHeader.divider,
.contentSectionHeader.divider {
  border-bottom: 1px solid #CCCCCC;
}
.contentBreak {
  margin-bottom: 5px;
}
/* 
    SETTINGS SPACING

    Use these classes when displaying a set of settings. settingsLine is an
    override to the more generic contentSection.

    The general structure is:

    CONTENT GROUP
        SETTINGS LINE
            SETTINGS LABEL
            SETTINGS INPUT (no explicit class for the first settings line)
            SETTINGS INPUT INTRA
            SETTINGS INPUT INTRA

        SETTINGS LINE
            SETTINGS LABEL
            SETTINGS INPUT        
*/
div.settingsLeft {
  float: left;
}
div.settingsLeft.half {
  width: 50%;
}
div.settingsRight {
  float: right;
}
div.settingsRight.half {
  width: 50%;
}
div.settingsLine.row {
  max-width: 170rem;
}
div.settingsLine {
  margin-bottom: 15px;
}
div.settingsLine.tight {
  margin-bottom: 0px;
}
div.settingsLine.stack {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
div.settingsLine.stack.tight {
  margin-right: 10px;
}
div.settingsLine.stack.last {
  margin-right: 0px;
}
div.settingsLine.mediumMoveDown {
  margin-bottom: 6px;
}
.settingsLine .largeMoveUp {
  bottom: 25px;
  position: relative;
}
div.settingsLine.inline > div.settingsLabel,
div.settingsLine.inline > div.settingsInput,
div.settingsLine.inline > div.settingsDisplay {
  display: inline-block;
  vertical-align: top;
}
div.settingsInput .securitySymbol,
div.settingsInput #txtSecurityRestrictionNote {
  min-width: 90%;
}
div.settingsLine > div.settingsInput.settingsDollarPercentInput {
  /*  input[type="number"].numericText.k-input, .k-input[type="text"].numericText.k-input {
        max-width: 85px;
    } */
}
div.settingsLine > div.settingsInput.settingsDollarPercentInput .k-widget.k-numerictextbox {
  max-width: 85px;
}
div.settingsLine > div.settingsInput.settingsDollarPercentInput .k-widget.k-numerictextbox.percentNumericText {
  max-width: 58px;
}
div.settingsLine > div.settingsInput.settingsDollarPercentInput .k-widget.k-numerictextbox.dollarNumericText {
  max-width: 110px;
  padding-left: 12px;
}
div.settingsLine > div.settingsLabel.allowForShortTermGains {
  margin-left: 14px;
  bottom: 14px;
  position: relative;
}
div.settingsLine.indent {
  margin-left: 20px;
}
div.settingsInput.settingsSwitchInput .k-widget.k-numerictextbox,
div.settingsInput.settingsSwitchInput .percentOrDollar {
  max-width: 122px;
}
div.settingsInput.settingsSwitchInput .k-invalid-msg {
  padding-left: 2px;
}
div.settingsInput.settingsSwitchInput .k-invalid {
  padding: 0;
}
div.settingsLine.banner,
.settingsBanner {
  padding: 5px;
  background-color: #f1f5f8;
  border-width: 1px 0px;
  border-style: solid;
  border-color: #cccccc;
}
div.settingsLine .secondary:not(.k-button) {
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
}
div.settingsLabel {
  margin-bottom: 5px;
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #666666;
}
div.settingsLine.inline > div.settingsLabel {
  margin-bottom: 0px;
}
div.settingsLine.required div.settingsLabel label::after {
  content: '*';
  color: #ef4e4e;
}
div.settingsInput {
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 14px;
}
div.settingsInputIntra,
div.settingsInput.intra {
  margin-top: 7px;
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 14px;
}
div.settingsDisplay {
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  color: #444444;
}
.settingsNote {
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  color: #999999;
  text-transform: none;
}
.smallRightMargin {
  margin-right: 4px;
}
.smallLeftMargin {
  margin-left: 4px;
}
.mediumRightMargin {
  margin-right: 8px;
}
.mediumLeftMargin {
  margin-left: 8px;
}
.largeRightMargin {
  margin-right: 12px;
}
.largeLeftMargin {
  margin-left: 12px;
}
.extraLargeLeftMargin {
  margin-left: 52px;
}
.mediumMoveDown {
  margin-top: 8px;
}
.largeMoveDown {
  margin-top: 12px;
}
/*
    BUTTON AND LINK STYLES
*/
/*Primary (Default/Base) button*/
.k-button {
  height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 2px;
  font-weight: 500;
  font-size: 14px;
  font-family: Cabin, 'Segoe UI', Tahoma;
  min-width: 75px;
  text-transform: uppercase;
  background-color: #2EA2D7;
  color: #FFFFFF;
  border: none;
}

.mobile .k-button {
    font-family: -apple-system, sans-serif
}

.k-button:hover,
.k-button:active,
.k-button:active:hover,
.k-button:hover,
.k-button:active,
.k-button:active:hover {
  background-color: #207BA6;
  color: #FFFFFF;
}
.k-button:disabled,
.k-button.k-state-disabled,
.k-button.k-state-disabled:hover,
.k-button[disabled] {
    color: #ccc;
    background-color: #eee;
    border: none;
}
.k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-button:focus:not(.k-state-disabled):not([disabled]) {
  box-shadow: none;
}
/*Secondary button*/
.k-button.secondary {
  border: 1px solid #2EA2D7;
  color: #2590C2;
  background-color: #FFFFFF;
}
.k-button.secondary:disabled {
    color: #ccc;
    border-color: #eee;
}
.k-button.secondary:not([disabled]):hover,
.k-button.secondary:not([disabled]):active,
.k-button.secondary:not([disabled]):active:hover,
.k-button.secondary:not([disabled]):focus:active {
        background-color: #F2F5F7;
        color: #207BA6;
        border-color: #2EA2D7;
    }
/*Flat button*/
.k-button.flat {
  background-color: transparent;
  border: 1px solid transparent;
  color: #2590C2;
}
.k-button.flat:hover,
.k-button.flat:active,
.k-button.flat:active:hover,
.k-button.flat:focus:active {
  background-color: transparent;
  border: 1px solid #2EA2D7;
  color: #2590C2;
}
.k-button.flat.disabled,
.k-button.flat:disabled {
  pointer-events: none;
  cursor: default;
  color: #CCCCCC;
}
.k-button.panelSave,
.k-button.panelClose,
.k-button.panelDelete {
  height: 36px;
  border: none;
  color: #FFFFFF;
}
.k-button.panelSave {
  background-color: #2EA2D7;
}
.k-button.panelSave:hover,
.k-button.panelSave:active,
.k-button.panelSave:active:hover {
  background-color: #207BA6;
  color: #FFFFFF;
}
.k-button.panelClose,
.k-button.panelDelete {
  background-color: #2C5172;
}
.k-button.panelClose:hover,
.k-button.panelDelete:hover,
.k-button.panelClose:active:hover,
.k-button.panelDelete:active:hover,
.k-button.panelClose:active,
.k-button.panelDelete:active {
  background-color: #456683;
  color: #FFFFFF;
}
.k-button.panelClose.disabled,
.k-button.panelClose:disabled,
.k-button.panelDelete.disabled,
.k-button.panelDelete:disabled,
.k-button.panelSave.disabled,
.k-button.panelSave:disabled {
    background-color: #2C5172;
    color: #5A7996;
}
.k-button.icon {
  min-width: 25px;
  height: auto;
  padding: 0px 5px;
}
/*.km-switch-label-off, .km-switch-label-on, .km-state-active { 
	color: #FFFFFF;
	background-color : #2EA2D7; 
	 border-color: #FFFFFF;
}
.km-switch-handle   { width:1.69em; }
.km-switch-label-on { left:-175%;   }
    */
span.button {
  cursor: pointer;
  color: #2590C2;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 6px;
}
span.button.right {
  float: none;
  margin-left: 6px;
  margin-right: 0px;
}
span.button.lower {
  text-transform: none;
}
span.button:hover {
  text-decoration: underline;
}
span.button.fa {
  cursor: pointer;
  color: #2590C2;
  font-size: 16px;
  margin: 0px 3px;
}
span.button.fa.small,
span.button.fa.sm {
  font-size: 12px;
}
span.button.disabled,
span.button:disabled {
  cursor: default;
  color: #CCCCCC;
}
span.button.fa:hover {
  text-decoration: none;
}
span.letter {
  padding: 0px 3px;
  cursor: pointer;
  color: #2590C2;
  display: inline-block;
  height: 25px;
  line-height: 25px;
}
span.letter:not(.disabled):hover {
  background-color: #DCE1E7;
}
span.letter.selected {
  font-weight: bold;
  background-color: #DCE1E7;
}
span.letter.disabled {
  color: #CCCCCC;
  cursor: text;
}
span.button.accordion {
  font-family: Cabin, 'Segoe UI', Tahoma, Arial, sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #999999;
  text-transform: uppercase;
}
span.button.accordion .fa-angle-up,
span.button.accordion .fa-angle-down {
  font-size: 20px;
}
/*
    POPUP STYLES

    In this file, "popup" refers to a popup window used for editing settings,
    e.g. as seen on the service teams page, opened through a Kendo window.
*/
div.popup .k-window-content {
  padding: 0px;
}
div.popup .content,
div.popup .tabContent {
  padding: 10px;
}
div.popup div.save {
  border-top: 1px solid #CCCCCC;
  padding: 5px 10px;
  text-align: right;
}
div.popup .k-notification {
  height: 25px;
}
div.popup .k-notification-wrap {
  font-size: 13px;
}
/*
    PANEL STYLES

    In this file, "panel" refers to the slide-out panel e.g. as seen
    on the accounts and household pages, opened through a Kendo window.
*/
div.panel {
  display: none;
  background-color: white;
  z-index: 9999;
  -ms-scroll-limit: 0 0 0 0;
}
div.panel .k-window-content {
  padding: 0px;
  overflow: hidden;
}
div.panel .k-notification {
  height: 25px;
}
div.panel .k-notification-wrap {
  font-size: 13px;
}
div.panelHeader {
  height: 60px;
  color: #FFFFFF;
  background-color: #2C5172;
  padding: 5px 5px 5px 13px;
}
div.panelHeader .fa-close {
  color: #FFFFFF;
  font-size: 18px;
  margin-left: 10px;
}
div.panelHeader div.buttonGroup {
  float: right;
  text-align: right;
  padding: 5px;
}
span.panelHeaderIcon {
  font-size: 30px;
  color: #FFFFFF;
  margin-right: 10px;
  vertical-align: top;
  margin-top: 7px;
}
span.panelHeader {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 30px;
  font-weight: lighter;
  color: #FFFFFF;
}
span.panelHeader .secondary {
  font-size: 20px;
}
div.panel .k-tabstrip > .k-content {
  margin: 0px;
  padding: 0px;
}
div.panel .k-tabstrip-items {
  background-color: #2C5172;
  border-bottom-width: 0px;
}
div.panel .k-tabstrip-items .k-tab-on-top,
div.panel .k-tabstrip-items .k-tab-on-top {
  margin-bottom: 0px;
}
div.panel .k-tabstrip-items .k-item {
  background-color: #2C5172;
  padding: 0px;
}
div.panel .k-tabstrip-items .k-state-default .k-link {
  font-family: Cabin, Tahoma, Arial;
  font-weight: 500;
  font-size: 13px;
  color: #FFFFFF;
  text-transform: uppercase;
}
div.panel .k-tabstrip-items .k-state-active .k-link,
div.panel .k-tabstrip-items .k-state-subactive .k-link {
  color: #FFFFFF;
  background-color: #51708A;
}
div.panel .k-tabstrip-items .k-state-hover .k-link {
  color: #FFFFFF;
  background-color: #51708A;
}
div.panel .k-tabstrip-items .k-state-default.k-state-hover {
  border-color: #2C5172;
}
div.panel .k-tabstrip-items .k-state-active {
  border-width: 0px;
  border-color: transparent;
}
div.panel .k-tabstrip-items .k-item.k-state-active {
  background-color: #2C5172;
}
div.panel .k-tabstrip-items .k-item.k-state-hover {
  background-color: #51708A;
}
/*
Use this class for the panel's content body, or the content body of a tab
in the panel. Notifications should be placed outside of this class so that 
they are flush with the container.
*/
div.panel .content,
div.panel .tabContent {
  padding: 10px 20px 10px 20px;
  display: flex;
  flex-direction: column;
}
/*
    Applies the desired box shadow to panels. Add this class in Javascript
    as below, where divWindow is a Kendo Window object.

    divWindow.wrapper.addClass('panel');
*/
.k-window.panel {
  -webkit-box-shadow: 10px 0px 15px -5px #333333;
  -moz-box-shadow: 10px 0px 15px -5px #333333;
  box-shadow: 10px 0px 15px -5px #333333;
}
/* MENU STYLES 

    Use these classes to construct menus, e.g. as seen on the Households
    or Accounts page.
*/
div.menu {
  position: relative;
  display: inline-block;
}
div.menu .fa {
  font-size: 12px;
}
div.menuHeader {
  cursor: pointer;
  text-align: center;
  height: 30px;
  line-height: 30px;
  padding: 5px 10px;
  color: #2590C2;
  font-family: Cabin, Tahoma, Arial;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
}
div.menuHeader:hover {
  background-color: #DCE1E7;
}
div.menu.action div.menuHeader {
  background-color: #DDF0F9;
}
div.menu.action div.menuHeader:hover {
  background-color: #C5E3F5;
}
div.menu.selection div.menuHeader {
  height: 22px;
  line-height: 22px;
  color: #999999;
  padding: 5px;
}
div.menuContent {
  display: none;
  position: absolute;
  top: 100%;
  left: -1px;
  /* -1px to account for border */
  border: 1px solid #7CC4E6;
  background-color: white;
  z-index: 10001;
  -webkit-box-shadow: 10px 10px 5px -5px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 10px 10px 5px -5px rgba(51, 51, 51, 0.3);
  box-shadow: 10px 10px 5px -5px rgba(51, 51, 51, 0.3);
}
div.menuContent ul,
ul.menu {
  margin: 0px;
  padding: 0px;
}
div.menuContent ul li,
ul.menu li {
  display: block;
  cursor: pointer;
  height: 22px;
  line-height: normal;
  padding: 8px 10px 0px 10px;
  color: #51708A;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  background-color: #ffffff;
}
#liSettings,
#liReporting,
#liMembership,
#liCustomFields,
#liServiceTeam,
#liAdvanced,
#liRebalancing {
    z-index: 10001;
}
div.menuContent ul li a,
ul.menu li a {
  display: block;
  color: inherit;
  text-decoration: none;
}
div.menuContent ul li a:hover,
ul.menu li a:hover {
  color: inherit;
  text-decoration: none;
}
div.menuContent ul li.menuInfo,
ul.menu li.menuInfo,
div.menuContent ul li.menuInfo:hover,
ul.menu li.menuInfo:hover {
  background-color: #51708A;
  color: white;
  height: 20px;
  font-family: 'Segoe UI', Arial;
  font-size: 11px;
  font-weight: 600;
  cursor: default;
}
div.menuContent ul li.menuMessage,
ul.menu li.menuMessage,
div.menuContent ul li.menuMessage:hover,
ul.menu li.menuMessage:hover {
  background-color: #FFFFFF;
  color: #666666;
  height: auto;
  font-family: 'Segoe UI', Arial;
  font-size: 12px;
  font-weight: 500;
  font-style: italic;
  cursor: default;
}
ul.menu li.menuMessage .error {
  color: #EF4E4E;
}
div.menuContent ul li:hover,
ul.menu li:hover {
  background-color: #E5F3FA;
}
div.menuContent ul li.disabled,
ul.menu li.disabled,
div.menuContent ul li.disabled:hover,
ul.menu li.disabled:hover {
  cursor: default;
  color: #CCCCCC;
}
div.k-tooltip.menu {
  padding: 0px;
}
/*
    GRID STYLES
*/
.createEdit {
  float: right;
}
.clearStyles {
  clear: both;
  display: block;
}
.k-grid-header th.k-header.numeric {
  text-align: right;
}
table.settingsGrid {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}
table.settingsGrid,
.k-widget.settingsGrid,
.k-grid.settingsGrid {
  border-style: none;
  border-width: 0px;
  box-shadow: none;
}
table.settingsGrid thead tr,
.k-grid.settingsGrid .k-grid-header,
.k-grid.settingsGrid .k-grid-header-wrap {
  border-style: none;
  border-width: 0px;
  background-color: #F2F5F7;
}
.settingsGrid th,
.k-grid.settingsGrid .k-grid-header th.k-header,
.k-grid.settingsGrid .k-grid-header .k-header .k-link {
  border-style: none;
  border-width: 0px;
  background-color: #F2F5F7;
  color: #51678A;
  font-family: 'Segoe UI', Tahoma;
  font-weight: 500;
  font-size: 12px;
  vertical-align: middle;
  padding: 8px 4px;
  text-align: left;
}
div.row.settingsHeader .column {
  background-color: #F2F5F7;
  color: #51678A;
  font-family: 'Segoe UI', Tahoma;
  font-weight: 500;
  font-size: 12px;
  line-height: 30px;
  height: 30px;
}
div.row.settingsHeader.withButton .column {
  line-height: none;
  height: auto;
}
div.row.settingsRow {
  padding-top: 4px;
  padding-bottom: 4px;
}
.settingsGrid th.numeric,
.k-grid.settingsGrid .k-grid-header th.k-header.numeric {
  text-align: right;
}
.settingsGrid th .statusLabel {
  color: #333333;
}
.settingsGrid th .statusText {
  font-weight: bold;
}
.settingsGrid tr:hover {
  background-color: #FFFFFF;
}
.settingsGrid tr td,
.k-grid.settingsGrid tr td {
  border-style: none;
  border-width: 0px;
  padding: 8px 4px;
  border-bottom: 1px solid #EEEEEE;
}
.settingsGrid tr td.noborder,
.k-grid.settingsGrid tr td.noborder {
  border-bottom: none;
}
.settingsGrid .k-grid-content tr:last-child td,
.k-grid.settingsGrid .k-grid-content tr:last-child td {
  border-style: none;
  border-width: 0px;
}
.k-grid.settingsGrid .k-pager-wrap {
  background-color: #F2F5F7;
}
.settingsGrid .reorder {
  margin-right: 10px;
}
.settingsGrid.sortable tbody tr {
  cursor: move;
}
.k-grid.dataGrid .k-grid-header,
.k-grid.dataGrid .k-grid-header-wrap {
  background-color: #F2F5F7;
}
.k-grid.dataGrid .k-grid-header th.k-header {
  background-color: #F2F5F7;
  color: #51678A;
  font-family: 'Segoe UI', Tahoma;
  font-weight: 500;
  font-size: 12px;
  vertical-align: middle;
  padding: 8px 4px;
}
.k-grid.dataGrid .k-grid-header .k-link:link,
.k-grid.dataGrid .k-grid-header .k-link:visited {
  color: #51678A;
}
.k-grid.dataGrid .k-grid-header th.k-header.invis {
  border-left-style: none;
}
.k-grid.dataGrid .k-grid-content tr:hover {
  background-color: #F2F5F7;
}
/* Chrome requires that the td element be specified to properly show the hover color. */
.k-webkit .k-grid.dataGrid .k-grid-content tr:hover td {
  background-color: #F2F5F7;
}
.k-webkit .k-grid.dataGrid .k-grid-content tr.selected td,
.k-grid.dataGrid .k-grid-content tr.selected {
  background-color: #E5F3FA;
}
.k-grid.dataGrid tr td {
  padding: 8px 4px;
  border-style: none;
  border-width: 0px;
  border-bottom: 1px solid #EEEEEE;
}
.k-grid.dataGrid .k-pager-wrap {
  background-color: #F2F5F7;
}
.k-grid-content tr:last-child td {
  border-collapse: collapse;
}
.dataGrid .k-grid-toolbar {
  padding: 0px;
}
.dataGrid .k-grid-toolbar .toolbarRow:not(:first-child) {
  border-top: 1px solid #CCCCCC;
}
/*
    Use the gridToolbar* classes to construct
    the options associated with a data grid.
*/
div.gridToolbar {
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #CCCCCC;
  background-color: #F2F5F7;
}
div.gridToolbarRow {
  display: flex;
}
div.gridToolbar .gridToolbarRow:not(:first-child) {
  border-top: 1px solid #CCCCCC;
}
div.gridToolbarRow > div:not(.menu) {
  flex: 1;
  margin: auto;
  padding: 3px 5px;
}
div.gridToolbarRow > div:not(:last-child) {
  border-right: 1px solid #CCCCCC;
}
div.gridToolbarRow > div.plain {
  border-right-width: 0px;
}
div.gridToolbarRow > div.right {
  text-align: right;
}
div.gridToolbarRow .k-textbox.search {
  font-size: 12px;
}
.k-grid-edit-row,
.k-webkit .k-grid-edit-row td {
  background-color: #EFF8FC;
}
/*
    TOOLTIPS
*/
div.k-tooltip.setting {
  border-color: #7CC4E6;
  background-color: #E0F1FA;
}
div.k-tooltip.setting .k-callout {
  border-top-color: #7CC4E6;
}
div.k-tooltip.warning {
  border-color: #c19b00;
  background-color: #FFFBDD;
}
div.k-tooltip.warning .k-callout {
  border-top-color: #c19b00;
}
.k-callout-e {
  border-left-color: #7CC4E6;
}
.k-callout-n {
  border-bottom-color: #7CC4E6;
}
.k-widget.k-tooltip {
  margin: -5px;
  border-color: #7CC4E6;
}
.k-widget.k-tooltip.error {
  margin: -5px;
  background-color: #FFE4D9;
  border: 1px solid #ef4e4e;
  color: #333;
  font: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 12px;
}
.k-widget.k-tooltip.error > .k-callout-s {
  border-top-color: #EF4E4E;
}
/*
    ADDITIONAL CLASSES

    Add things here that have general applicability to the site.
*/
.clickable {
  cursor: pointer;
}
div.buttonRow {
  text-align: right;
  margin-top: 10px;
}
div.tos {
  font-size: 12px;
  background-color: #F2F2F2;
  color: #666666;
  padding: 3px;
}
span.hasTooltip {
  cursor: pointer;
  color: #2590C2;
}
span.hasTooltip.warning {
  color: #C19B00;
}
.clientActive {
  color: #009966;
  font-weight: bold;
}
.clientPending {
  color: #C19B00;
  font-weight: bold;
}
.clientInactive {
  color: #999999;
  font-weight: bold;
}
.authenticationLinkExpiration {
  color: #C19B00;
  font-weight: bold;
}
div.generalWarning {
  color: #C19B00;
  background-color: #FFFBDD;
  border-style: solid;
  border-color: #c19b00;
  border-width: 1px 1px 0px 1px;
  padding: 3px;
}
.warningInline {
  Color: #333333;
  border: 1px solid #C19B00;
  padding: 5px;
  background-color: #FFFBDD;
  margin-bottom: 5px;
}
.emptySet,
.help {
  font-size: 14px;
  font-style: italic;
}
div.emptySet {
  border-top: 1px solid #CCCCCC;
  padding-top: 10px;
}
div.notification {
  height: 25px;
}
span.entityTitle {
  color: #456683;
  font: 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
}
#divServiceTeamSettings .k-grid-content {
  overflow-y: hidden;
}
.error {
  color: #ef4e4e;
}
.dateField {
  width: 520px;
  padding: 5px;
}
.dateFieldText {
  width: 530px;
}
.k-file {
  background-color: #FFF;
  border-color: #E8E8E8;
  color: #456683;
}
div.active-file {
  background-color: #DDF0F9;
}
span.inactive-indicator {
  display: none;
}
span.active-indicator {
  /*background-color:#DDF0F9;*/
}
div.divHideUpload button.k-upload-selected {
  display: none;
}
div.k-dropzone {
  /*border:dashed;*/
  /*height: 400px;*/
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
  }
}
@-ms-keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
.spinner {
  height: 20px;
  width: 20px;
  border: 2px solid;
  animation: rotate 0.7s infinite linear;
  border-right-color: transparent;
  border-radius: 50%;
  display: inline-block;
}
.spinner.light {
  border-color: #FFFFFF;
  border-right-color: transparent;
}
.spinner.dark {
  border-color: #2EA2D7;
  border-right-color: transparent;
}
.spinner.small {
  height: 14px;
  width: 14px;
}
.caps {
  text-transform: uppercase;
}
/* Highcharts context menu overrides */
div.highcharts-contextmenu {
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
}
div.highcharts-contextmenu hr {
  height: 1px;
  border: none;
  background-color: #cccccc;
}
div.highcharts-contextmenu > div > div {
  margin: 5px 0px;
}
.iframeContainer {
    overflow: hidden;
}
/* Flexbox layout for settings. */
.layout-section {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.layout-section.columnar {
  flex-direction: row;
  /* Side-by-side. */
}
.layout-section .layout-column {
  flex-grow: 1;
  /* Specify each column as its own flex container. */
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.layout-section .layout-item {
  /*flex-grow: 1;*/
}
.layout-section .layout-item .subtitle {
  font-size: 12px;
  font-weight: 500;
  color: #2C5172;
}
/* Net Worth report styles. */
.net-worth-settings {
  max-width: 1000px;
}
.net-worth-settings input.sectionName {
  width: 100%;
  box-sizing: border-box;
}
.net-worth-settings select {
  max-width: 100%;
}
.net-worth-settings .label-highlight {
  color: #666666;
  font-weight: 600;
}
.net-worth-settings .section-titles {
  /* Colors & styling for top section. */
}
.net-worth-settings .section-titles input[type=text] {
  width: 100%;
}
.net-worth-settings .section-titles .highlight {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3px;
  padding-bottom: 3px;
}
.net-worth-settings .section-titles .highlight.separator {
  margin-bottom: 5px;
}
.net-worth-settings .row {
  margin-top: 5px;
  margin-bottom: 5px;
}
.net-worth-settings .row.margin-top-off {
  margin-top: 0;
}
.net-worth-settings .row.margin-bottom-off {
  margin-bottom: 0;
}
.net-worth-settings .hidden {
  display: none;
}
.net-worth-settings .setting.sharedBy {
  margin: 0 0 0 5px;
}
#divCreateSecurityRestriction .content {
  max-height: 450px;
  height: 450px;
}
/* Net Worth report grid layout. */
.net-worth-content .row {
  min-height: 28px;
}
.net-worth-content .row.level1,
.net-worth-content .row.level2,
.net-worth-content .row.level3 {
  min-height: 42px;
}
.net-worth-content .row.level1 h2,
.net-worth-content .row.level2 h2,
.net-worth-content .row.level3 h2 {
  line-height: 42px;
}
.net-worth-content .row.level1 h2:not(.loss),
.net-worth-content .row.level2 h2:not(.loss),
.net-worth-content .row.level3 h2:not(.loss) {
  color: #404040;
}
.net-worth-content .row.level4,
.net-worth-content .row.level5,
.net-worth-content .row.level6 {
  line-height: 28px;
  position: relative;
}
.net-worth-content .row.row-divider {
  line-height: 8px;
  min-height: 8px;
}
.net-worth-content .row.row-divider .column:first-of-type {
  padding-left: 40px;
  padding-right: 0;
}
.net-worth-content .row.row-divider.level5 .column:first-of-type {
  padding-left: 55px;
}
.net-worth-content .row.row-divider hr {
  border: none;
  border-top: 1px solid silver;
}
.net-worth-content .row .column:first-of-type {
  padding-left: 5px;
}
.net-worth-content .row .column.value {
  text-align: right;
  width: 120px;
}
.net-worth-content .row .column.value h2 {
  text-align: right;
}
.net-worth-content .row * {
  text-transform: uppercase;
}
.net-worth-content .row.report-header .column.value {
  color: #51687A;
  font-weight: bold;
  text-transform: unset;
}
.net-worth-content .row.level1 .text h2 {
  font-weight: 600;
}
.net-worth-content .row.level1,
.net-worth-content .row.level2 {
  background-color: #F2F5F7;
  border-left: 8px solid transparent;
}
.net-worth-content .row.level2 {
  margin-top: 8px;
}
.net-worth-content .row.level2 .text,
.net-worth-content .row.level3 .text {
  padding-left: 15px;
}
.net-worth-content .row.level4 {
  font-weight: bold;
}
.net-worth-content .row.level4 .text {
  padding-left: 30px;
  padding-right: 0;
}
.net-worth-content .row.level5 .text {
  padding-left: 45px;
  padding-right: 0;
}
.net-worth-content .row.level6 .text {
  text-transform: none;
}
.net-worth-content .row.level6 .column:first-of-type {
  border-left: solid white 40px;
}
.net-worth-content .row.level6.parent-level5 .column:first-of-type {
  border-left-width: 55px;
}
.net-worth-content .row.level6.odd .column {
  background-color: #ECF0F2;
}
.net-worth-content .row.level6.parent-level2 {
  margin-top: 4px;
}
.net-worth-content .row.parent img {
  left: -5px;
  position: relative;
}
.net-worth-content .row.parent.level2 img,
.net-worth-content .row.parent.level3 img {
  left: -10px;
}
.net-worth-content .row.hidden-by-parent {
  display: none;
}
.net-worth-content .expand-commander,
.net-worth-content .expand-all-commander,
.net-worth-content .collapse-all-commander {
  cursor: pointer;
}
.net-worth-content .expand-all-commander,
.net-worth-content .collapse-all-commander {
  text-transform: none;
  user-select: none;
}
/*Snapshots styles*/
#btnCreateSnapshot {
  float: right !important;
}
.snapshotView .settingsLine .settingsInput.sectionName input.sectionName {
  width: 300px;
}
.snapshotView .settingsLine .settingsInput span.k-dropdown {
  width: 300px;
}
.snapshotView .settingsLine .settingsInput.short span.k-dropdown {
  width: 120px;
}
.snapshotView .snapshotsColumns .sectionColumns tr:first-child td:first-child,
.snapshotView .snapshotsColumns .sectionColumns tr:first-child td:nth-child(3) {
  min-width: 270px !important;
  max-width: 270px;
}
.divSnaphotEditBody .inlineSection .settingsLine {
  display: inline-block;
}
.divSnaphotEditBody .inlineSection .settingsLeft .settingsLine {
  display: block;
}
.divSnaphotEditBody .inlineSection .settingsLine .settingsLabel {
  display: inline-block;
  margin-right: 5px;
}
.divSnaphotEditBody .inlineSection .settingsLine .settingsInput {
  display: inline-block;
  margin-right: 5px;
}
.divSnaphotEditBody .inliveSettingsDiv .settingsLabel,
.divSnaphotEditBody .inliveSettingsDiv .settingsInput {
  display: inline-block;
}
.divSnaphotEditBody .inlineSection .settingsLeft .settingsLine .rightInput {
  display: inline-block;
  float: right;
  margin-right: 5px;
}
.divSnaphotEditBody .inlineSection .settingsRight.shortHeight .settingsLine {
  height: 22px;
}
.divSnaphotEditBody .snapshotDate {
  height: 24px;
  font-size: 14px;
    padding-top: 0;
}
.divSnaphotEditBody .securityLong {
  min-width: 300px;
  max-width: 400px;
  width: 100%;
}
.divSnaphotEditBody #divReturnMessage {
  left: 50%;
  right: 50%;
  width: 100%;
  text-align: center;
}
#divSectionSettings div.content {
  -webkit-transition: width 2s;
  transition: width 2s;
}
.largeWindow {
  width: 920px;
}
.regularWindow {
  width: 760px;
}
.snapshotView {
  top: 200px !important;
}
.securities-page .securities-current-section {
  margin-bottom: 10px;
}
.securities-page #divActionsMenu {
  width: 250px;
}
.securities-page #divViewsMenu {
  width: 325px;
}
.securities-page .section-titles {
  max-height: 566px;
  overflow-y: auto;
}
.securities-page .section-titles > div {
  height: 32px;
}
.securities-page .section-title-heading {
  background-color: #F2F5F7;
  color: #51678A;
}
.securities-page .section-title-heading p {
  margin: 0 auto;
  padding: 0 5px;
  font-weight: 500;
}
.securities-page .section-title-view {
  border-bottom: 1px solid #EEEEEE;
}
.securities-page .section-title-view .is-current > span {
  padding-left: 5px;
}
.securities-page .section-title-view .section-title > div {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.securities-page .section-title-view .section-title a {
  text-decoration: none;
  color: black;
}
.securities-page .section-title-view .section-title a:hover {
  text-decoration: underline;
}
.securities-page .section-title-view .section-title-controls {
  text-align: right;
}
.securities-page .securities-grid .tracking-data-loading .no-records {
  opacity: 0;
}
.securities-page .securities-grid .k-grid-header th.k-header > a.k-link {
  line-height: 15px;
  white-space: pre-wrap;
}
.securities-page .securities-grid .k-grid-content a {
  text-decoration: none;
  color: black;
}
.securities-page .securities-grid .k-grid-content a:hover {
  text-decoration: underline;
}
.securities-page .securities-grid .k-grid-content .security-type-custom {
  display: inline-block;
  width: 100%;
}
.securities-page .securities-grid .k-grid-content .security-type-price,
.securities-page .securities-grid .k-grid-content .security-type-percent,
.securities-page .securities-grid .k-grid-content .security-type-numeric,
.securities-page .securities-grid .k-grid-content .security-type-double,
.securities-page .securities-grid .k-grid-content .security-type-date {
  text-align: right;
}
.securities-page .securities-grid .k-pager-numbers .k-link,
.securities-page .securities-grid .k-pager-numbers .k-state-selected {
  padding-left: 3px;
  padding-right: 3px;
}
.securities-page .blank-out,
.k-window .section-edit .blank-out,
.k-window .securities-new .blank-out,
.k-window .securities-details .blank-out {
  visibility: hidden;
}
.securities-page .float-validation-message .validation-message,
.k-window .section-edit .float-validation-message .validation-message,
.k-window .securities-new .float-validation-message .validation-message,
.k-window .securities-details .float-validation-message .validation-message {
  position: absolute;
  margin-left: 8px;
}
.k-window .securities-new select,
.k-window .securities-details select,
.k-window .securities-new .fill-available,
.k-window .securities-details .fill-available {
  width: 100%;
}
.k-window .securities-new .keep-content-box *,
.k-window .securities-details .keep-content-box * {
  box-sizing: content-box;
}
.k-window .securities-new .remove-column-gutters,
.k-window .securities-details .remove-column-gutters {
  padding: 0;
}
.k-window .securities-new .row.room-above,
.k-window .securities-details .row.room-above {
  margin-top: 10px;
}
.k-window .section-edit {
  overflow-x: hidden;
}
.k-window .section-edit *,
.k-window .securities-new * {
  box-sizing: border-box;
}
.k-window .section-edit select,
.k-window .securities-new select,
.k-window .section-edit .keep-content-box *,
.k-window .securities-new .keep-content-box * {
  box-sizing: content-box;
}
.k-window .section-edit .row.bottom-row,
.k-window .securities-new .row.bottom-row {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
.k-window .section-edit .section-edit-content,
.k-window .securities-new .section-edit-content {
  margin-right: -60px;
  margin-top: 20px;
  transition: opacity 0.8s ease-out;
}
.k-window .section-edit .section-edit-content .checkbox-container-pa > .settingsInput,
.k-window .securities-new .section-edit-content .checkbox-container-pa > .settingsInput {
  white-space: nowrap;
}
.k-window .section-edit .section-edit-content select[name="lstAvailableColumns"],
.k-window .securities-new .section-edit-content select[name="lstAvailableColumns"] {
  border-right-width: 2px;
}
.k-window .section-edit.waiting .section-edit-content,
.k-window .securities-new.waiting .section-edit-content {
  opacity: 0;
}
.k-window .section-edit.waiting .section-edit-wait-signal,
.k-window .securities-new.waiting .section-edit-wait-signal {
  opacity: 1;
  visibility: visible;
}
.k-window .section-edit .section-edit-wait-signal,
.k-window .securities-new .section-edit-wait-signal {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.k-window .section-edit .section-edit-wait-signal .spinner,
.k-window .securities-new .section-edit-wait-signal .spinner {
  top: 50%;
  left: 50%;
  position: relative;
}
.k-window .section-edit .section-view-name,
.k-window .securities-new .section-view-name {
  width: 100%;
}
.k-window .section-edit .control-column,
.k-window .securities-new .control-column {
  padding: 0;
  text-align: center;
  width: 24px;
}
.k-window .section-edit .description,
.k-window .securities-new .description {
  margin-top: 2px;
}
.k-window .section-edit .section-category-view.settingsLine,
.k-window .securities-new .section-category-view.settingsLine {
  margin-bottom: 10px;
}
.k-window .section-edit .section-view-name-container .column,
.k-window .securities-new .section-view-name-container .column,
.k-window .section-edit .securities-new-inputs .column,
.k-window .securities-new .securities-new-inputs .column {
  position: relative;
}
.k-window .section-edit .section-view-name-container .column .validation-message,
.k-window .securities-new .section-view-name-container .column .validation-message,
.k-window .section-edit .securities-new-inputs .column .validation-message,
.k-window .securities-new .securities-new-inputs .column .validation-message {
  position: absolute;
  top: 5px;
  right: 0px;
}
.k-window .section-edit .category-container,
.k-window .securities-new .category-container {
  overflow-y: auto;
  max-height: 130px;
  width: calc(100% - 80px);
}
.k-window .section-edit .new-security,
.k-window .securities-new .new-security {
  padding: 0 10px;
}
.k-window .section-edit .new-security #txtNewSecuritySymbol,
.k-window .securities-new .new-security #txtNewSecuritySymbol {
  max-width: 98%;
}
.k-window .securities-details div.row,
.k-window .securities-details div.column {
  box-sizing: border-box;
}
.k-window .securities-details .securities-details-tab-content .general-notification,
.k-window .securities-details .securities-details-tab-content .reporting-notification,
.k-window .securities-details .securities-details-tab-content .custom-fields-notification,
.k-window .securities-details .securities-details-tab-content .rebal-tab-substitute-notification-container,
.k-window .securities-details .securities-details-tab-content .rebal-tab-restrictions-notification-container {
  margin-bottom: 10px;
}
.k-window .securities-details .securities-details-tab-content .custom-fields-container .contentHeader {
  margin-bottom: 0;
}
.k-window .securities-details .securities-details-tab-content .custom-fields-container .custom-fields {
  padding: 0 15px 15px 15px;
}
.k-window .securities-details .securities-details-tab-content .custom-fields-container .custom-fields .setting {
  font-size: 13px;
  margin-bottom: 15px;
}
.k-window .securities-details .securities-details-tab-content .capital-call-date-view > .column {
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #dddddd;
}
.k-window .securities-details .securities-details-tab-content .capital-call-date-view.first > .column {
  border-top: 1px solid #dddddd;
}
.k-window .securities-details .securities-details-tab-content .rebal-tab-restrictions-container .row input[type="number"],
.k-window .securities-details .securities-details-tab-content .rebal-tab-substitute-container .row input[type="number"],
.k-window .securities-details .securities-details-tab-content .rebal-tab-restrictions-container .row input[type="text"],
.k-window .securities-details .securities-details-tab-content .rebal-tab-substitute-container .row input[type="text"] {
  width: 100%;
}
.k-window .securities-details .securities-details-tab-content .rebal-tab-restrictions-container .row .sub-symbol.k-autocomplete,
.k-window .securities-details .securities-details-tab-content .rebal-tab-substitute-container .row .sub-symbol.k-autocomplete {
  width: calc(100% - 20px);
}
.k-window .securities-details .securities-details-tab-content .rebal-tab-restrictions-container {
  min-height: 250px;
}
.k-window .securities-details .securities-details-tab-content .rebal-tab-restrictions-container .row input[type="number"],
.k-window .securities-details .securities-details-tab-content .rebal-tab-restrictions-container .row input[type="text"] {
  width: 50%;
}
.k-window .securities-details div.row input[type="text"],
.k-window .securities-details div.row input[type="number"],
.k-window .securities-details div.row input[type="date"] {
  width: 175px;
}
.k-window .securities-details div.row .small-6 input[type="text"],
.k-window .securities-details div.row .medium-6 input[type="text"],
.k-window .securities-details div.row .large-6 input[type="text"],
.k-window .securities-details div.row .small-6 input[type="number"],
.k-window .securities-details div.row .medium-6 input[type="number"],
.k-window .securities-details div.row .large-6 input[type="number"],
.k-window .securities-details div.row .small-6 input[type="date"],
.k-window .securities-details div.row .medium-6 input[type="date"],
.k-window .securities-details div.row .large-6 input[type="date"] {
  width: 395px;
}
.k-window .securities-details div.row .small-6 .small-6 input[type="text"],
.k-window .securities-details div.row .medium-6 .small-6 input[type="text"],
.k-window .securities-details div.row .large-6 .small-6 input[type="text"],
.k-window .securities-details div.row .small-6 .medium-6 input[type="text"],
.k-window .securities-details div.row .medium-6 .medium-6 input[type="text"],
.k-window .securities-details div.row .large-6 .medium-6 input[type="text"],
.k-window .securities-details div.row .small-6 .large-6 input[type="text"],
.k-window .securities-details div.row .medium-6 .large-6 input[type="text"],
.k-window .securities-details div.row .large-6 .large-6 input[type="text"],
.k-window .securities-details div.row .small-6 .small-6 input[type="number"],
.k-window .securities-details div.row .medium-6 .small-6 input[type="number"],
.k-window .securities-details div.row .large-6 .small-6 input[type="number"],
.k-window .securities-details div.row .small-6 .medium-6 input[type="number"],
.k-window .securities-details div.row .medium-6 .medium-6 input[type="number"],
.k-window .securities-details div.row .large-6 .medium-6 input[type="number"],
.k-window .securities-details div.row .small-6 .large-6 input[type="number"],
.k-window .securities-details div.row .medium-6 .large-6 input[type="number"],
.k-window .securities-details div.row .large-6 .large-6 input[type="number"],
.k-window .securities-details div.row .small-6 .small-6 input[type="date"],
.k-window .securities-details div.row .medium-6 .small-6 input[type="date"],
.k-window .securities-details div.row .large-6 .small-6 input[type="date"],
.k-window .securities-details div.row .small-6 .medium-6 input[type="date"],
.k-window .securities-details div.row .medium-6 .medium-6 input[type="date"],
.k-window .securities-details div.row .large-6 .medium-6 input[type="date"],
.k-window .securities-details div.row .small-6 .large-6 input[type="date"],
.k-window .securities-details div.row .medium-6 .large-6 input[type="date"],
.k-window .securities-details div.row .large-6 .large-6 input[type="date"] {
  width: 175px;
}
.k-window .securities-details .row.settingsTable .row {
  margin-left: 0;
  margin-right: 0;
}
.ui-dialog.securities-page-extras.top-of-stack {
  z-index: 13000;
}