body{
  /*overflow-x: hidden;*/
  min-width: 650px;
}
input::-ms-clear {
    display: none;
}
@font-face {
    font-family: 'analogue_reduced85_black';
    src: url('/static/font/analogue85black-webfont.woff2') format('woff2'),
         url('/static/font/analogue85black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.text-center {
  text-align: center; }

.wrapper {
  padding: 65px 40px 20px 40px;
  min-height: 550px;
}

.bg-blue + .wrapper {
  min-height: 685px;
}

.page-header-ang {
  background: transparent !important;
  padding: 0px 0px;
  position: absolute;
  top: 0; }

.product-selected-title {
  align-self: center;
  font-weight: normal !important;
  color: #fff;
  margin: 0px; }

.card-no-padding {
  margin-top: 0px;
  padding: 0px !important; }

@media only screen and (max-width: 1024px) {
  .wizard-tab md-tab-item .label-caption, .wizard-tab md-tab-item .label-caption-suit-products{
    font-size: 12px !important;
  }
  .wizard-tab md-tab-item .md-tab-label-number{
    font-size: 14px !important;
    margin-left: 2px;
    margin-right: 6px;
  }
}

.home-selectors .mat-tab-label {
  color: #fff;
  text-transform: uppercase;
  opacity: 1 !important; }

.home-selectors .mat-card-content {
  padding: 20px;
  margin-bottom: 0px; }

.home-selectors .mat-ink-bar {
  height: 4px;
}

.graph-row {
  margin-top: 5px; }

.right-10 {
  margin-right: 10px; }

.left-10 {
  margin-left: 10px; }

.md-button{
  text-transform: capitalize !important;
}
.products-card-content .md-button {
  border: 2px solid #9e9e9e;
  border-radius: 5px;
  width: 180px;
  text-align: left;
  text-transform: capitalize; }


.products-card-content .material-icons:hover {
  /*color: white !important;*/
}

.products-card-content .material-icons {
  float: right;
  margin-top: 6px; }

.asset-class-card-content h3 {
  margin-top: 0px; }

.sub-asset-class-slider {
  width: 100%; }

.col-width-full {
  width: 100%; }

.no-wrap-table td {
  white-space: nowrap;
  padding-right: 10px; }

.saa-check-val {
  background: green;
  padding: 6px;
  margin: 0px 10px 0px 10px;
  color: #fff;
  font-weight: bold; }

.apply-calc-button {
  /*float: right;*/
  margin-top: -8px;
  /*margin-bottom: 20px;*/
  margin-right: 10px;
  /*align-self: center; */
}

.apply-calc-button span {
  align-self: center;
  margin-right: 7px; }

.apply-calc-button .mat-raised-button {
  line-height: 28px !important;
  min-width: auto; }

.mat-card-content-features {
  padding: 0px !important;
  margin-bottom: 0px !important; }

.home-features-sidebar .md-button {
  width: 100%;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  align-items: center;
  padding-left: 25px; }

.home-features-sidebar .md-button .material-icons {
  float: right;
  margin-top: 6px;
  color: #fff; }

.sub-features-list {
  padding-left: 20px;
  padding-right: 20px; }

.sub-features-title {
  padding-left: 20px; }

.sub-features-sub-title {
  color: #656565;
  padding-left: 20px;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 10px; }

.sub-features-list .mat-slide-toggle {
  padding: 5px 5px 5px 0px; }

.min-height-sub-features {
  min-height: 220px; }

.toolbar-header-icons {
  top: 0;
  right: 0;
  z-index: 10;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  margin-top: -12px; }

.toolbar-header-icons .material-icons {
  color: #000;
  margin: 10px 7px 0 0px;
  cursor: pointer; }

.toolbar-header-icons .material-icons:focus {
  outline: 0; }

.reset-toolbar {
  margin: 0px !important;
  padding: 12px;
  font-weight: bold !important; }

.graph-row ._md {
  min-height: 180px;
  padding: 15px; }

.page-header {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding-left: 0px !important;
  min-height: 55px !important; }

.page-header .mat-toolbar-row {
  justify-content: space-between;
  height: 55px !important; }

.page-header-right-section {
  /*align-self: center; */
}

.page-header-right-section .material-icons {
  align-self: center;
  cursor: pointer;
  color: #fff !important; }

.page-header-right-section .mat-accent {
  background: #d9534f !important; }

.company-name {
  height: 100%;
  line-height: 2.5;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 22px;
}

.feature-active {
  border-radius: 0px !important; }

.selected-subasset-data {
  font-size: 17px;
}

.active-asset {
  border: none !important;
  padding-left: 7px;
  padding-top: 1px;
  padding-bottom: 1px; }

.active-asset .material-icons {
  color: #fff;
  padding-left: 7px; }

.no-sub-features {
  color: #888;
  font-size: 13px;
  padding-left: 20px; }

.asset-knob-title {
  display: block;
  text-align: center;
  font-family: "Roboto";
  font-weight: bold;
  margin-top: 10px; }

.knob-styles {
  margin-bottom: 20px; }

.knob-center {
  display: block;
  font-family: "Roboto Condensed";
  text-align: center; }

#slider1 {
  margin: 0 auto; }

#slider2 {
  margin: 0 auto; }

.sub-asset-section {
  padding-left: 30px; }

.relative-position {
  position: relative; }

.dehaze-icon {
  color: #000 !important;
  height: 32px;
  width: 36px;
  margin-top: 6px;
  margin-right: 0px;
  margin-left: 0px; }

.md-track-ticks canvas {
  display: none; }

.sub-feature-title-text {
  align-self: center; }

.sub-feature-title-switch {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "Roboto Condensed";
  font-weight: normal;
  align-self: center;
  margin-left: 10px !important; }

.apply-calc-button-switch {
  margin: 0px;
  align-self: center; }

.ac-button {
  height: 30px !important;
  line-height: 1 !important;
  min-height: 0px !important;
  font-family: Oswald;
}

md-slider[md-discrete] .md-sign,
md-slider[md-discrete] .md-sign:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

md-slider .md-sign {
  cursor: -webkit-grab !important; }

md-slider[disabled] .md-track-ticks, md-slider[disabled]:not([readonly]) .md-sign {
  opacity: 1; }

.md-disabled-thumb {
  display: none; }

md-slider[disabled] .md-track-fill {
  display: block; }

.sub-asset-class-slider .md-thumb {
  /*display: none; */
}

.intermediate-results-section .md-thumb {
  display: none; }

md-ink-bar {
  height: 4px; }

.md-tab {
  cursor: pointer !important; }

.md-button.md-default-theme.md-warn.md-raised, .md-button.md-warn.md-raised, .md-button.md-default-theme.md-warn.md-fab, .md-button.md-warn.md-fab {
  background-color: #d9534f !important; }

.intermediate-results-padding {
  padding-top: 0px !important;
  padding-bottom: 30px !important; }

.md-tabs.md-default-theme .md-tab, md-tabs .md-tab {
  color: #fff !important; }

md-tabs .md-tab.md-active .md-ripple-container{
  opacity: 0;
}
md-tabs .md-tab.md-active{
  cursor: default !important;
}

.intermediate-slider {
  margin-top: 25px; }

.saa-check-val-danger {
  background: red !important; }

.button-disabled {
  background: grey !important;
  color: #fff !important; }

.sidebar h2 {
  margin: 0px;
  color: #fff !important;
  font-weight: normal;
  padding: 14px; }

.main-sidebar-content {
  /*padding-left:20px;*/ }

.main-sidebar-title-bg {
  padding: 10px 25px;
  margin: 10px 0px;
}

.main-sidebar-title-bg .material-icons {
  color: #fff;
  cursor: pointer; }

.main-sidebar-content h4 {
  color: #fff !important;
  margin: 0px 0px;
  align-self: center; }

.arrow-back {
  color: #fff;
  font-weight: bold;
  padding-right: 10px;
  margin-top: -3px; }

.arrow-back:hover {
  cursor: pointer; }

.main-sidebar-content h5 {
  padding-left: 25px;
  color: #fff;
  font-size: 14px;
  margin: 0px;
  margin-top: 15px;
  margin-bottom: 10px; }

.sidebar-child-list {
  padding-left: 35px;
  color: #fff;
  list-style-type: none;
  margin-top: 10px; }

.sidebar-child-list li {
  margin-top: 10px;
  font-size: 15px; }

.sidebar-child-list li:first-child {
  margin-top: 5px; }

.sub-features-switch {
  padding: 0px 20px; }

.feature-title {
  border-radius: 5px;
  padding: 6px 15px;
  align-self: center;
  display: flex;
  width: 100%;
  z-index: 2; }

.feature-title h4 {
  margin: 0px;
  align-self: center;
  font-size: 14px;
  font-weight: normal; }

.feature-title .material-icons {
  color: #333; }

.feature-title .material-icons:hover {
  cursor: pointer; }

.feature-title-card-bg {
  margin-top: 10px; }

.feature-title-card-bg:first-child {
  margin-top: 0px; }

.feature-parent-card {
  margin-top: 15px; }

.feature-card-child-list {
  padding-left: 15px;
  color: #000;
  list-style-type: none;
  background: #dedede;
  margin: 0px;
  margin-top: -6px;
  border-radius: 5px;
  padding-top: 7px;
  padding-bottom: 7px; }

.feature-card-child-list li {
  padding: 6px 0px;
  font-size: 14px; }

.animate-if {
  background: #dedede; }

.animate-if.ng-enter, .animate-if.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
  opacity: 0; }

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
  opacity: 1; }

.md-grid-list {
  height: 100% !important; }

.cursor-pointer {
  cursor: pointer; }

md-slider[disabled] .md-disabled-thumb {
  display: none; }

.margin-10 {
  margin-top: -10px !important; }

.no-right-border {
  border-right: 0px !important; }

:focus {
  outline: -webkit-focus-ring-color auto 0px !important; }

.action-icons {
  align-self: center;
  color: #fff;
  margin-right: 10px; }

.in-active-icon .material-icons {
  color: #ccc !important;
  cursor: not-allowed; }

.in-active-icon .action-icons {
  color: #ccc !important;
  cursor: not-allowed; }

.tab-header {
  margin-bottom: 20px;
  font-family: "Roboto Condensed";
  font-size:19px;
  /*font-weight: bold;*/
  /*margin-right: 10px;*/ }

.feature-section-seperator {
  border-right: 1px solid #ccc;
  margin-bottom: 15px;
  font-family: "Roboto Condensed";
  /*margin-right: 10px;*/ }

.feature-section-seperator:last-child {
  border-right: 0px solid #ccc;
}

.report-component-box {
  border-bottom: 1px solid #ccc;
}

.report-component-box:last-child {
  border-bottom: 0px solid #ccc;
}

md-pagination-wrapper {
  height: 60px !important; }

md-tabs-canvas {
  height: 60px !important; }

.md-tab {
  font-size: 12px;
  padding: 10px 5px; }

md-menu-content {
  padding: 0px !important; }

.md-open-menu-container md-menu-divider {
  margin: 0px !important; }

.carousel-inner {
  width: 65% !important;
  margin: 0 auto; }

.carousel-control {
  display: none; }

.carousel {
  padding: 60px 0px 0px 0px; }

.carousel-inner {
  bottom: 30px !important;
  /*padding-bottom: 30px;*/ }

.md-tab-label-number {
  float: left;
  font-size: 24px;
  align-self: center;
  margin-left: 10px;
  margin-right: 15px;
}

.md-tab-label-number-risk {
  float: left;
  font-size: 24px;
  align-self: center;
  margin-left: 10px;
  margin-right: 10px; }

.md-tab {
  display: flex;
  border-right: 1px solid #fff; }

.md-tab div {
  align-self: center; }

md-ink-bar {
  height: 5px; }

/*.wrapper-margin-top {*/
  /*margin-top: 70px }*/

.footer {
  background-color: #62676d;
  padding: 20px 30px;
  color: #fff; }

.footer p {
  margin: 0px; }

.carousel-indicators {
  margin-bottom: -10px !important; }

.carousel-inner {
  margin-top: 50px !important; }

.carousel-indicators {
  display: none; }

md-tab-item {
  font-family: "Oswald";
  font-size: 15px !important;
  margin-top: -3px;
  font-weight: bold; }

.md-tab.md-disabled {
  opacity: 0.8; }

.prod-desc {
  margin: 10px;
  height: -moz-calc(100% - 20px);
  height: -webkit-calc(100% - 20px);
  height: calc(100% - 20px);
}

.prod-desc-base-alloc {
  margin: 10px; }

.prod-desc:hover {
  -webkit-transition: background-color 0.1s ease;
  -moz-transition: background-color 0.1s ease;
  -o-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease; }

@media only screen and (min-width: 1500px) {
  .md-tab br {
    display: none; }
  .md-tab {
    font-size: 20px !important; }
  .md-tab-label-number {
    font-size: 22px !important; } }

md-tabs.md-default-theme.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]), md-tabs.md-primary > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) {
  opacity: 0.8; }

.md-toolbar {
  min-height: 50px !important; }

.tax-card {
  padding: 0px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  height: 95%;
}

/*.tax-card:hover {*/
  /*box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);*/
/*}*/

.card-content-style{
  height: 120px;
}

.card-content-text {
  text-align: center;
  font-size: 1vw;
  font-weight: bold;
  /*margin-left: 8px;*/
  margin-top: 10px
}

.card-content-control {
  margin-top: -5px;
  /*font-weight: bold;*/
  text-align: center;
}

.tax-card-text {
  font-size: 1.2vw;
  text-align: left;
  font-family: "Raleway";
  font-weight: normal;
}

tax-card-header {
  text-align: center !important;
}
.tax-buttons {
  font-size: 16px !important;
}


.tax-mngm-card-row{
  margin-top: 0px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  color: rgba(0,0,0,0.87);
}
.tax-mngm-card-row > .flex {
    padding: 6px;
}
.tax-mngm-card {
  margin: 0;
  box-shadow: none;
}
.tax-mngm-card md-card-header{
  padding: 0px 15px;
  text-align: center;
}
.tax-mngm-card md-card-title{
  padding: 0px 15px;
}
.tax-mngm-card .card-content-text{
  margin-top: 0px;
  font-size: 12px !important;
}
.tax-mngm-card md-list{
  padding: 0;
}
.tax-mngm-card h4{
  font-size: 16px;
  font-weight: 600;
}
.tax-mngm-card .tax-card-text{
  text-align: center;
  line-height: 1.4;
  font-family: Roboto;
}
.tax-mngm-card .tax-card-text .font-fix{
  font-size: 12px;
  white-space: nowrap;
}
.tax-mngm-card .tax-card-text, .tax-mngm-card .card-content-text, .tax-mngm-card .enhance-bar .rz-ticks .rz-tick .rz-tick-value{
  font-size: 14px;
}

.tax-mngm-card .enhance-bar.rzslider.rzSliderDisabled:hover::after{
  content: 'Option not available for this model';
  position: absolute;
  background-color: rgb(97,97,97);
  color: rgba(255,255,255,0.99);
  font-size: 12px !important;
  font-family: "Roboto Condensed" !important;
  font-weight: 400 !important;
  text-align: center;
  padding: 5px 10px;
  border-radius: 4px;
  left: 50%;
  top: 25px;
  width: 137px;
  transform: translate(-50%,0);
  z-index: 1;
}

.tax-mngm-card .enhance-bar.rzslider.rzSliderDisabled *{
  cursor: not-allowed !important;
}

.taxTabResult.panel{
  margin-bottom: 0px;
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  height: 100%;
}
.taxTabResult .tax-bnf-footer-title{
  padding-top: 20px;
  padding-bottom: 10px;
  margin: 0;
  color: #666;
  line-height: 1.2;
  font-family: "Roboto Condensed";
}
.taxTabResult .panel-body{
  padding: 0px 15px 15px 15px;
}
.taxTabResult .panel-heading h3{
  line-height: 1.4;
}
@media only screen and (max-width: 1024px) {
  .tax-mngm-card .tax-card-text .font-fix{
    font-size: 10px;
  }
  .tax-mngm-card .tax-card-text, .tax-mngm-card .card-content-text, .tax-mngm-card .enhance-bar .rz-ticks .rz-tick .rz-tick-value{
    font-size: 12px;
  }
  .tax-mngm-card h4, .taxTabResult .panel-heading h3{
    font-size: 14px;
  }
}
@media only screen and (min-width: 1400px){
  .tax-mngm-card .tax-card-text .font-fix{
    font-size: 12px !important;
  }
  .tax-mngm-card .tax-card-text, .tax-mngm-card .card-content-text, .tax-mngm-card .enhance-bar .rz-ticks .rz-tick .rz-tick-value{
    font-size: 14px !important;
  }
  .tax-mngm-card h4, .taxTabResult .panel-heading h3{
    font-size: 16px !important;
  }
}
.knob-active {
  -webkit-box-shadow: 3px 1px 8px 0px #cccccc;
  -moz-box-shadow: 3px 1px 8px 0px #cccccc;
  box-shadow: 3px 1px 8px 0px #cccccc;
  background: #f5fbff;
  padding: 10px;
  border-radius: 5px;
  align-self: flex-start; }

.knob-inactive {
  padding: 10px;
  align-self: flex-start; }

.logo-img {
  min-height: 48px;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-align-content: center;
  align-content: center;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 6px 0 4px;
}

.logo-img img:not(.client-logo) {
  margin-bottom: -10px;
  width: 80%;
}

.logo-img .flip-card {
  width: 280px;
  height: 54px;
}

.logo-img .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.logo-img .flip-card.hideBlkLogo .flip-card-inner {
  transform: rotateY(180deg);
}

.logo-img .flip-card-front, .logo-img .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
  .logo-img .flip-card.hideBlkLogo .flip-card-back{
    backface-visibility: visible;
  }
}


.logo-img .flip-card-back {
  transform: rotateY(180deg);
  text-align: left;
}

.logo-img .flip-card-back img.client-logo{
  width: 80px;
  padding: 13px 0;
}


@media (max-width: 992px) and (min-width: 768px){
  .top-toolbar .layout-row > div:first-child {
    display: none;
  }
  .top-toolbar .layout-row .logo-img{
    text-align: left;
    margin-left: 20px !important;
    justify-content: start;
  }
  .powerby-logo{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto auto auto 20px !important;
  }
}
@media (max-width: 768px){
  .top-toolbar .layout-row > div:first-child {
    display: none;
  }
  .top-toolbar .layout-row .logo-img{
    text-align: left;
    margin-left: 20px !important;
    justify-content: start;
  }
  .powerby-logo{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto auto auto 20px !important;;
  }
}

.bg-banner-text{
  font-size: 1.4vw;
  color: #fff;
  text-align: center;
  margin: auto;
  font-family: "Oswald";
  padding: 15px 0;
}
.bg-banner-text.color-violet{
  color: #502854;
}
@media only screen and (max-width: 1150px){
  .bg-banner-text{
    font-size: 16px;
  }
    #carouselHeight .carousel-inner {
      width: 100%!important;
      height: auto;
      margin: 0 auto;
  }
}
@media only screen and (max-width: 700px){
  .bg-banner-text{
    font-size: 14px;
  }
}

/*@media only screen and (min-width: 1920px){*/
    /*.banner-text-img{*/
        /*max-width: 75% !important;*/
        /*margin: 0 auto;*/
    /*}*/
/*}*/
.results-button {
  padding: 0px 12px;
  margin-right: 20px;
  line-height: 20px;
  font-weight: bold;
  padding-left: 7px;
  padding-right: 7px; }

.account-icon {
  width: 36px;
  height: 32px;
  margin-right: 0px;
  margin-top: 6px;
  cursor: pointer !important; }

.label-caption {
  text-align: left;
  line-height: 1.5; }

.label-caption-suit-products {
  text-align: left;
  font-size: 15px !important;
}
.label-caption-evaluate {
    font-size: 15px !important;
  }
@media only screen and (max-width: 1024px) {
  .label-caption-evaluate-risk {
    font-size: 12px !important;
  }
  /*.md-tab-label-number-risk {
    font-size: 20px !important; }*/
}

@media only screen and (min-width: 1025px) {
  .label-caption-evaluate-risk {
    font-size: 15px !important;
  }
  .md-tab-label-number-risk {
    font-size: 24px !important; }
}

.strategy-title {
  font-family: 'Roboto Condensed';
  padding: 10px;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  display: table;
  width: 100%;
}
.strategy-title small, .selMSTitle small{
    font-size: 10px !important;;
}

.strategy-desc {
  min-height: 140px;
  text-align: left;
}

.strategy-desc p {
  margin-top: 0;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  margin-bottom: 0px;
  padding:10px 20px;
}
.strategy-bottom-sec{
  background: #f2f2f2;
}

.strategy-desc h4 {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  padding-bottom: 20px; }


.landing-choice-title {
  font-family: 'Oswald';
  padding: 3px;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
}

.landing-choice-desc {
  /*height: 160px;*/
  min-height: 140px;
  text-align: center;
}

.landing-choice-desc p {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
  font-family: 'Raleway', sans-serif;
  font-size: 16px !important;
  padding-bottom: 20px; }

.landing-choice-desc h4 {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
  font-family: 'Raleway', sans-serif;
  font-size: 10px;
  padding-bottom: 20px; }

.loading {
  min-height: 200px; }

.asset-allocation-tab {
  min-height: 500px; }

.asset-toolbar-icons {
  align-self: baseline;
  margin-bottom: 12px; }

.reset-icon md-icon {
  font-weight: bold;
  align-self: center; }

.asset-class-section-title {
  align-self: baseline;
  font-size: 16px;
  text-transform: uppercase;!important;
  margin-left: 20px;
}

.knob-lock {
  margin-top: 10px; }

.feature-section-title {
  margin-top: 0px;
  font-size: 16px;
  font-family: "Roboto Condensed";
  font-weight: bold; }

.feature-section-content {
  font-weight: normal;
  margin-top: 15px; }

.feature-title-switch {
  padding: 0px 5px;
  margin-top: -15px; }

.feature-title-switch {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: "Roboto Condensed";
  font-weight: normal;
  font-size: 15px; }

.feature-title-switch md-switch {
  margin-top: 0px;
  margin-bottom: 0px;
  align-self: center;
  margin-left: 10px;
  align-self: center; }

.burst-chart-title {
  margin-bottom: -10px; }

.burst-chart-zoom-text {
  margin-top: 5px;
  margin-bottom: -2px;
  text-align: right; }

.float-right {
  float: right;
  margin: 5px auto;
}
md-slider .md-sign {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  left: -10px;
  top: -6px;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  -webkit-transform: scale(0.4) translate3d(0, 67.5px, 0);
  transform: scale(0.4) translate3d(0, 67.5px, 0);
  -webkit-transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1); }

md-slider .md-sign .md-thumb-text {
  z-index: 1;
  font-size: 10px;
  font-weight: 700; }

md-slider .md-sign:after {
  position: absolute;
  content: '';
  /* left: 0; */
  border-radius: 32px;
  top: 11px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top-width: 16px;
  border-top-style: solid;
  opacity: 0;
  -webkit-transform: translate3d(0, -8px, 0);
  transform: translate3d(0, -8px, 0);
  -webkit-transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1);
  transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1); }

@media only screen and (min-width: 1500px) {
  .md-tab br {
    display: none; }
  .md-tab {
    font-size: 20px !important; }
  .label-caption {
    font-size: 15px !important;
  }
  .label-caption-evaluate {
    font-size: 18px !important;
  }
  .label-caption-evaluate-risk {
    font-size: 18px !important;
  }
  .md-tab-label-number {
    font-size: 22px !important; } }

/*@media only screen and (min-width: 1920px) {
  .label-caption {
    font-size: 19px !important;
  }
}*/
/*Techcompose Changes start*/

.form-title {
  padding: 10px 20px;
}
.form-title:after {
  display: block;
  clear: both;
  content: " ";
}
.form-title h1 {
  float: left;
  margin: 5px 0 0 0px;
  font-size: 28px;
}
.form-foot {
   min-height: 45px;
}
.form-foot .tabs-right {
  float: right;
  border-radius: 6px;
  padding: 7px 0 0 0px;
}
.form-foot .tabs-right button {
  border: 0px;
  padding: 5px 10px;
  font-size: 15px;
}
.form-foot .tabs-right button:last-child {
  border: 0px;
}

.form-input {
  padding: 10px 35px;
}
.form-input .form-box {
  /*width: 33.333%;
  float: left;*/
  /*padding: 0px 20px;*/
  padding-bottom: 20px;
}

.form-box-input {
  padding-bottom: 0px !important;
}
.form-input .form-box  md-input-container {
  width: 100%;
}
.form-input .form-box input, .save-form-box input,
.form-input .form-box label, .save-form-box label{
  font-size: 18px;
  font-weight: normal;
  font-family: "Roboto Condensed", sans-serif;
}
.form-input .form-box input[readonly]{
  border-bottom: 1px solid #9e9e9e;
  color: rgba(0,0,0,0.87);
}
.form-foot {
  padding: 5px 0px;
  font-family: "Oswald";
}
.form-foot .strategy {
  padding-top: 5px;
  font-size: 14px;
  color: #000000;
  font-family: Oswald;
  /*text-transform: uppercase;*/
}
/*.form-foot .strategy span {*/
  /*color: #000;*/
/*}*/

.strategy-header{
    font-family: Oswald !important;
    font-size: 16px;
    text-transform: uppercase;
    white-space: nowrap;
}

.strategy-header-to{
    font-size: 16px !important;
}
.proposal-strategy-dd{
  margin-top: -4px;
}
.proposal-strategy-dd .md-select-value{
  border: none !important;
}
.proposal-strategy-dd .md-select-value .md-text{
  font-family: Oswald !important;
  font-size: 16px !important;
  color: inherit;
}
.form-foot .strategy-to {
  padding-top: 5px;
  font-size: 14px !important;
}

.form-foot .overflowWrap .strategy{
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 992px) and (min-width: 768px){
  .form-foot .overflowWrap .strategy .strategy-header{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.md-button.cbGenReport{
  padding: 2px 5px !important;
  margin-top: 8px;
  margin-bottom: 0;
  margin-right: 10px;
  height: auto !important;
}
.md-button.cbGenReport .cbGenReportTxt{
  font-size: 14px;
  vertical-align: middle;
  line-height: 24px;
  display: inline-block;
}
.md-button.cbGenReport .material-icons{
  vertical-align: middle;
  margin: 0;
  color: #fff;
  height: 20px;
  font-size: 20px;
}

.form-foot .strategy .material-icons {
  font-size: 30px;
  vertical-align: middle;
}
.tab-looks {
  padding: 20px 35px;
}
.tab-looks h2 {
  float: left;
  margin: 0px;
  font-size: 18px;
      padding-top: 7px;
}
.tab-looks .btns {
  padding: 0 0 0 0px;
  float: left;
}
.tab-looks .btns .linkbtn {
    padding: 3px 13px;
    font-family: "Oswald";
    display: inline-block;
    border: 0px;
    font-size: 18px;
    margin-right: 2px;
}
.tab-looks .btns .linkbtna {
    padding: 0px 9px;
    font-family: "Oswald";
    display: block;
    border: 0px;
    font-size: 14px;
    margin-right: 2px;
    margin-top: 0px;
}

.tab-looks .btns .linkbtn.active {
  box-shadow: none;
}
.tab-looks .btns .linkbtna.active {
  box-shadow: none;
}
.md-select-value {
  font-size: 18px;
  font-family: "Roboto Condensed", sans-serif;
}

md-chips.d_emails input{
  margin:8px 0 0 0;
  /*font-size: 14px !important;*/
  width : 450px !important;
  min-width : 450px !important;
}

md-chips.d_tickers input{
  margin:8px 0 0 0;
}

.mychceck {
  margin-top: 20px;
  display: inline-block;
  position: relative !important;
  left: auto !important;
  opacity: 1 !important;
  margin-bottom: 0;
}

.btn-submit {
  font-family: "Oswald";
  padding: 0px 15px 0 15px !important;
  line-height: 36px !important;
  margin-top: 10px;
}

.btn-submit i {
  display: inline-block;
  vertical-align: middle;
  font-size: 34px;
  position: relative;
  top: -3px;
  margin-right: -10px;
}
.btn-upload {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.38);
  font-size: 18px;
  padding: 10px 0px;
  font-family: "Roboto Condensed", sans-serif;
}
.btn-upload .material-icons {
   float: right;
   position: relative;
   top: 5px;
}

.whitebox {
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
    border-radius: 5px;
}
.whitebox h2, h2.ttPorfolioName {
  margin: 0 0 20px 0px;
  font-weight: normal;
  font-size: 20px;
  float: none;
}

.whitebox.transition-section md-input-container label{
  overflow: visible;
}

.form-box md-input-container {
  margin: 0px;
  height: 20px;
}
.form-box md-select {
  margin: 0px;
  font-size: 16px !important;
}
.form-box .md-chips {
  padding: 0 0 0px 0px;
}
.form-box .md-chips .md-chip-input-container {
    line-height: 20px;
    margin: 0px 8px 0 0;
}
.Mandatory {
    font-size: 17px;
    padding-top: 15px;
    display: block;
   font-family: "Roboto Condensed";
}
.form-box .btn-upload {
  padding: 0px 0px 7px;
}
.btnboth {
  display: block;
  padding: 3px 13px;
  font-family: "Roboto Condensed";
  font-size: 15px;
  background: #fff;
  border: 0px;
  margin: 0px;
  text-align: left;
  width: 100%;
}
.btnboth:hover {
  color: #0081d0;
}
.freq-select{
  margin-top:20px !important;
}
/*Techcompose Changes end*/

md-grid-tile.subAssetTile.ng-scope.ng-isolate-scope {
    border-right: 1px solid gold;
    border-bottom: 1px solid gold;
}

md-grid-tile.subAssetTile.ng-scope.ng-isolate-scope.three-column:nth-child(3n) {
    border-right: 0px solid gold;
}

md-grid-tile.subAssetTile.ng-scope.ng-isolate-scope.two-column:nth-child(2n) {
    border-right: 0px solid gold;
}

/*md-grid-tile.subAssetTile.ng-scope.ng-isolate-scope:nth-last-child(1) {
    border-bottom: 0px solid gold;
}

md-grid-tile.subAssetTile.ng-scope.ng-isolate-scope:nth-last-child(2) {
    border-bottom: 0px solid gold;
}

md-grid-tile.subAssetTile.ng-scope.ng-isolate-scope:nth-last-child(3) {
    border-bottom: 0px solid gold;
}*/

/*md-grid-tile.subAssetTile.ng-scope.ng-isolate-scope:first-child {
    border-left: 0px solid red;
}

md-grid-tile.subAssetTile.ng-scope.ng-isolate-scope:first-child {
    border-right: 0px solid red;
}*/

.subAssetTile figure{
  padding:10px;
}

.ng-hide-remove,
.ng-hide-add,.ng-hide {
  display:block!important;


}

.ng-hide {
  opacity: 0;
}

.sub-asset-class-slider .material-icons{
  font-size: 18px;
  margin-top: 11px;
  font-weight: bold;
  margin-right: -8px;
  z-index: 10;
}

.sub-asset-class-slider md-slider{
  margin-left: 0px;
}

/*Vertical Tabs*/
.inner-body .user-settings-wrapper{
  height: 100%;
}
.security-form,.setting-form {
  height: 100%;
}
.security-form > form, .setting-form > form{
  height: 100%;
    padding-top: 30px;
    width: 100%;
}
.user-settings-wrapper md-tabs,
.user-settings-wrapper md-tabs-wrapper,
.user-settings-wrapper md-tabs-canvas,
.user-settings-wrapper md-pagination-wrapper{
  min-height: 500px;
}
.user-settings-wrapper md-pagination-wrapper{
  background: #fff;
  width: 100% !important;
  padding: 0 6px;
}
.user-settings-wrapper md-pagination-wrapper md-tab-item{
  display: block;
  width: 100%;
}

.user-settings-wrapper md-tabs-wrapper{
  width: 20%;
  float: left;
}
.user-settings-wrapper md-tabs-content-wrapper{
  width: 80%;
  left: auto;
  right: 0;
}
.security-form .collapsible.popout > li > .collapsible-header{
  font-size: 16px;
  font-weight: normal;
  padding: 5px 0 !important;
  text-align: center;
  font-family: Roboto,Helvetica Neue,sans-serif;
}
.security-form .collapsible .option-heading{
  font-size: 16px;
  margin: 25px 0;
  font-family: "Roboto Condensed";
  text-align: right;
}
.security-form .collapsible .switch{
  margin: 6px 0;
  text-align: center;
}
.security-form .collapsible .collapsible-body{
  padding: 0 50px;
}
.security-form .collapsible .collapsible-body div.row{
  border-bottom: 1px solid #ccc;
}
.security-form .collapsible md-input-container{
  width: 100%;
}
.user-settings-wrapper [role="tabpanel"] {
    transition: none;
}
/*.user-settings-wrapper .md-tab.md-disabled {*/

/*}*/

.btn-back {
  position: relative;
  /*top: 9px;*/
  font-family: "Oswald";
  font-size: 18px;
  color: #fff !important;
  margin-left: 0;
}
.icn_arrow_back {
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.user-settings-wrapper md-pagination-wrapper md-tab-item {
  font-family: "Oswald" !important;
  text-align: left;
  padding: 10px 10px;
  margin-left: 14px;
  width: calc(100% - 14px);
}
.user-settings-wrapper md-tab-item.md-tab.ng-scope.ng-isolate-scope.md-ink-ripple.md-active {
  font-family: "Oswald" !important;
  border-radius: 3px;
}

.user-settings-wrapper .md-tab.md-disabled {
    font-size: 18px !important;
    letter-spacing: 1px;
    width: 100% !important;
    margin-left: 0px !important;
}
.security-form .collapsible .collapsible-body {
    font-family: Roboto,Helvetica Neue,sans-serif;
}
.security-form .md-select-value {
    font-size: 15px;
}
.security-form md-optgroup md-option {
    padding-left: 22px !important;
    padding-right: 22px !important;
    height: 38px !important;
}
.us-select md-option {
    padding-left: 22px !important;
    padding-right: 22px !important;
    height: 38px !important;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {     left: 0;     opacity: 1;     position: relative; }

.btn-increment  input {
width:auto;
display:inline-block;
margin:0;
}

/*Techcompose Changes end*/

.sub-asset-class-slider md-slider .md-slider-wrapper{
  padding-right: 15px;
}

.sub-asset-class-slider .material-icons {
  margin-left: -13px;
}

.subAssetTile span{
    padding-right: 20px;
}

@media only screen and (min-width: 1025px) {
  .subAssetTile span{
    padding-right: 25px;
  }
}

.sub-asset-class-slider md-slider[md-discrete] .md-sign, md-slider[md-discrete] .md-sign:after{
  display: none;
}

.sub-asset-class-slider md-slider:not([disabled]).md-active .md-slider-wrapper .md-thumb{
  transform: scale(1);
  -webkit-transform: scale(1);
}

.sub-asset-class-slider md-slider.md-default-theme.md-min[md-discrete] .md-thumb:after, md-slider.md-min[md-discrete] .md-thumb:after{
    background-color: rgb(250,250,250);
    border-color: rgba(0,0,0,0.38);
}

.results-tab-spacing{
  padding-bottom:40px;
}

@media (min-width: 1199px){
  .view-results-portfolio .col-md-5 .panel, .view-results-portfolio .col-md-2 .panel {
       height: 318px !important;
  }
}

.view-results-header{
padding: 20px 34px 0px;
margin-bottom: -20px;
}

.view-results-header span{
  font-family: 'oswald';
  font-style: italic;
  padding-right: 15px;
}

.view-results-header b{
  font-style: normal;
}

/*@media (max-width: 1024px){*/
  /*#results-style  h3{*/
    /*font-size: 11px;*/
  /*}*/
/*}*/


/*.track-err-panel{
    min-height: 280px;
}

.fee-overlay-panel1{
    min-height: 280px;
}
*/


@media (min-width: 1500px) {
  .view-results-portfolio .col-md-5 .panel, .view-results-portfolio .col-md-2 .panel {
       height: 450px !important;
  }

  .col-md-5 .panel, .view-results-portfolio .col-md-2 .panel {
       height: 450px !important;
  }

}

@media (min-width: 1025px) {
  .risk-returns-tab .col-md-8 .panel, .risk-returns-tab .col-md-4 .panel{
    min-height: 330px;
  }
}

@media (max-width: 1024px) {
  .risk-returns-tab .col-md-8 .panel, .risk-returns-tab .col-md-4 .panel {
      min-height: 275px;
  }
}

.wa-tab-looks {
  /*padding: 20px 35px;*/
}
.wa-tab-looks h2 {
  float: left;
  margin: 0px;
  font-size: 18px;
      padding-top: 7px;
}
.wa-tab-looks .btns {
  padding: 0 0 10px 0px;
}
.wa-tab-looks .btns .linkbtn {
    padding: 3px 13px;
    font-family: "Oswald";
    display: inline-block;
    border: 0px;
    font-size: 18px;
    margin-right: 2px;
}
.wa-tab-looks .btns .linkbtna {
    padding: 0px 9px;
    font-family: "Oswald";
    display: block;
    background: none;
    border: 0px;
    font-size: 14px;
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
    margin-right: 2px;
    margin-top: 0px;
}

.suiteBackBtn{
  float: none !important;
  margin:0px !important;
  border-radius: 75%;
  text-align: center;
  vertical-align: middle;
  font-size: 30px !important;
  line-height: 1.0 !important;
  font-weight: bold !important;
  width: 30px;
  height: 30px;
}

.act-block .tab-looks,
.act-block .form-input {
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 1280px) {
  .act-block {
    width: 100%;
    margin: 0 auto;
  }
}
@media all and (min-width: 1281px) and (max-width: 1380px) {
  .act-block {
    width: 1180px;
    padding: 0px 35px;
    margin: 0 auto;
  }
}
@media (min-width: 1381px) {
  .act-block {
    width: 1280px;
    padding: 0px 35px;
    margin: 0 auto;
  }
}

@media (max-width: 991px) {
  .act-block .form-box md-input-container {
    height: auto;
  }
  .act-block md-input-container .md-errors-spacer {
    display: none;
  }
  .act-block .form-box md-select {
    margin-bottom: 20px;
  }
  .act-block .form-box .coupled-form-element md-select, .act-block .form-box .coupled-form-element .md-input{
    margin-bottom: 0px;
  }
  .act-block .form-box .mychceck{
    margin-top: 0px;
  }
}
.form-box .btn-upload span {
	    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    position: relative;
    padding-right: 26px;
}
.form-box .btn-upload span .material-icons {
    position: absolute;
    top: 1px;
    right: 0;
    margin-top: 0px;
}
.act-block .md-select-value.md-select-placeholder {
   padding-bottom: 8px !important;
   padding-top: 0px;
   margin-top: -5px;
}
.long-name {
  width: auto !important;
  padding: 0 2px 0 2px !important;
  border: none !important;
  text-align: center !important;
  font-family: Oswald !important;
  text-transform: uppercase;
}
.layout-row .base-alloc-num {
      width: 3vw !important;
      min-width: 3vw !important;
      font-size: 14px !important;
}

@media only screen and (max-width: 1470px) {
    .moreMdCards.layout-row .base-alloc-num {
        font-size: 13px !important;
    }
  .layout-row .base-alloc-num.base-alloc-num-more {
    font-size: 13px !important;
  }
}

@media only screen and (max-width: 1980px){
  .layout-row .base-alloc-num {
      width: 3vw !important;
      min-width: 3vw !important;
      font-size: 14px !important;
  }
  .long-name{
    font-size: 14px !important;
  }

  .layout-row .base-alloc-num.base-alloc-num-more {
      width: 2.7vw !important;
      min-width: 2.7vw !important;
  }

  .layout-row .base-alloc-text {
    width: 5vw !important;
    min-width: 5vw !important;
    font-size: 0.8vw !important;
  }

}

@media only screen and (max-width: 1280px){
  .layout-row .base-alloc-num {
      width: 3vw !important;
      min-width: 3vw !important;
      font-size: 14px !important;
  }
  .layout-row .base-alloc-text {
    width: 5.5vw !important;
    min-width: 5.5vw !important;
    font-size: 0.95vw !important;
  }
  .layout-row .base-alloc-num.base-alloc-num-more {
      width: 2.7vw !important;
      min-width: 2.7vw !important;
  }
  .strategy-title {
    font-size: 14px;
  }
  .strategy-title small, .selMSTitle small{
    font-size: 10px !important;;
  }
  .long-name{
    font-size: 14px !important;
  }
}


@media only screen and (max-width: 1200px){
  .layout-row .base-alloc-num {
      font-size: 12px !important;
  }
  .long-name{
    font-size: 12px !important;
  }

  .strategy-title {
    font-size: 12px;
  }
  .strategy-title small{
    font-size: 8px !important;;
  }

  .strategy-desc p {
    font-size: 12px;
    padding-bottom: 10px;
  }
  .large-sub-product-name {
    font-size: 12px !important;
  }

}

.wa-rs{
  float:right;
  margin-top:-15px;
  margin-right: 2px;
}

.depth-title{
  /*position:relative;
  top:32px;*/
  margin-top:2px;
}

/* IE Carousel Fix */
.carousel-inner > .item > a > img, .carousel-inner > .item > img{
  width: 100%;
}

/* Select Product Tab Card Height Fix */

.prod-desc-ht-top{
  min-height: 285px !important;
}

.prod-desc-ht-btm{
  min-height: 165px !important;
}

@media only screen and (min-width: 1500px){

  .prod-desc-ht-top{
    min-height: 320px !important;
  }

  .prod-desc-ht-btm{
    min-height: 170px !important;
  }

}

md-dialog{
 width:100%;
}
md-dialog h4{
  padding: 0 50px;
}
md-dialog .md-toolbar-tools h2, md-dialog md-dialog-actions .md-button{
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight: 600;
  color: #333 !important;
}

md-dialog md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon, md-dialog md-toolbar:not(.md-menu-toolbar) md-icon{
    color: #333333;
    fill: #333333;
}

md-dialog .md-button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

@media (max-width: 1024px) {
  .range-links {
      font-size:12px !important;
  }

  .benchmark-title{
    font-size: 13px;
  }

  .panel-body {
    padding: 12px !important;
  }


  .results-feature-style{
      width: 100%;
      display: inline-block;
      text-align: center;
  }

  .results-feature-style md-switch{
      display: inline-block;
  }

  .vr-panel .panel{
    min-height: 315px !important;
  }

}

.results-feature-style small {
    min-height: 40px;
}

.pos-table>thead>tr>th:first-child{
  padding: 5px 10px;
}
.pos-table thead tr th{
  text-align: center;
}
.pos-table{
  color: #1b1b1b;
}

.pos-table>tbody>tr>td:first-child{
  text-align: center;
}

.ubi-text{
  display: block;
  text-align: center;
  font-family: "Roboto";
  font-weight: bold;
  margin-right: 10px;
  font-size: 12px;
  padding-right: 0px !important;
  float:left;
}

@media (max-width: 1320px) {

  .ubi-block{
    display: flex !important;
    align-self: center;
  }

  .ubi-text{
    float:none;
    margin-right: 5px !important;
    align-self: center;
    font-size: 11px;
    text-align: left !important;
  }

  .ubi-block md-switch{
    /* display: inline-block; */
    margin: 0 auto !important;
    float: none !important;
  }

  .ubi-block md-switch .md-container .md-bar{
    width: 29px !important;
    height: 11px !important;
  }

  .ubi-block md-switch .md-container .md-thumb-container .md-thumb.md-ink-ripple{
    width: 15px !important;
    height: 15px !important;
  }

}

@media (max-width: 1025px) {
  .ubi-text{
    font-size: 10px;
  }
}

@media (max-width: 980px) {

  .list-inline>li {
    padding-right: 0px !important;
  }

  .ubi-text{
    font-size: 9px;
  }

}

.knob-items-center figure{
  align-items: flex-start !important;
  padding:10px;
}

.ubi-block{
  display: inline-block;
  align-self: center;
  width: 100%;
  /*position:absolute;*/
  /*bottom: 0;*/
}

.ubi-block md-switch{
  margin-top:-7px;
  margin-bottom: 0px;
  float:left;
}

@media all and (min-width: 1024px) and (max-width: 1800px) {

  .ubi-block-center md-switch{
    display: inline-flex;
    float:none !important;
    margin-top:0px;
  }

  .ubi-block-center .ubi-text{
    float:none !important;
    /*margin-right:0px !important;*/
  }

}

g.nvd3.nv-wrap.nv-sunburst{
  cursor: pointer;
}

.knob-items-center md-grid-tile{
  border-right: 1px solid #cecece;
}

.knob-items-center md-grid-tile:last-child{
  border-right: none;
}

table.review-top-table td {
    padding: 5px 13px;
    background: #ccc;
    border: 2px solid #fff;
}

.reviewFeatureHead {
    border: 1px solid #ccc;
    padding: 8px 5px;
    font-family: "Roboto Condensed";
    font-size: 15px;
    font-weight: bold;
    display: block;
}

/*.reviewFeatureHead {
    border: 1px solid #ccc;
    padding: 5px;
    font-family: "Roboto Condensed";
    font-size: 15px;
    font-weight: bold;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-top: 10px;
}*/

.reviewFeatureChild {
    border: 1px solid #ccc;
    padding: 8px 5px;
    font-family: "Roboto Condensed";
    font-size: 12px;
}

.feature-on{
  width:8px;
  height:8px;
  border-radius: 50%;
  background: green;
  margin-left: 5px;
}

.feature-off{
  width:8px;
  height:8px;
  border-radius: 50%;
  background: grey;
  margin-left: 5px;
}

.mt-20{
  margin-top:20px;
}

/*.nv-x .tick line { display: none; }*/

.tick line {
  display: none;
}

.review-txmgmt{
  color: green;
  text-align: center;
}

.review-results-wrapper{
  padding-left: 30px;
  padding-right: 30px;
}

.review-results-wrapper h3{
  margin-left: 15px;
  font-family: Oswald;
  font-size: 22px;
}

.review-results-wrapper h4{
  font-family: Oswald;
  font-size: 16px;
  margin-left: 10px;
}

.review-wrapper{
  width: 100%;
  float: left;
  overflow-x: hidden;
  padding-bottom: 20px;
}

.review-top-table{
  font-family: "Roboto Condensed";
}

.review-txmgmt-off{
  color: red;
  text-align: center;
}

.chart-boxed{
  border: 1px solid #ccc;
  border-radius: 10px;
  padding:10px;
}

.chart-boxed-flex {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 10px;
  margin: 15px;
  height: 100%;
  margin-bottom: -30px;
}

.review-margin{
  margin-left: -20px;
  margin-right: -20px;
}

.col-md-6 .chart-boxed{
  min-height: 440px;
}

.col-md-4 .chart-boxed{
  min-height: 500px;
}

.review-pie-styles .nvd3 text {
  font: normal 12px oswald !important;
}
.review-pie-styles .nvd3 .title {
  font: normal 12px oswald !important;
}
.review-pie-styles .nvtooltip {
  font-family: oswald !important;
}

.review-hrbar-styles .nvd3 text {
  font: normal 11px Roboto !important;
}
.review-hrbar-styles .nvd3 .title {
  font: normal 12px Roboto !important;
}
.review-hrbar-styles .nvtooltip {
  font-family: Roboto !important;
}

.review-hrbar-styles .nv-zeroLine {
  display: none;
}

.review-pie-styles svg{
  margin: 0 auto;
}

.vRiskSlider.rz-vertical .rz-ticks .rz-tick .rz-tick-value{
  top:auto !important;
}

.reviewCashLegend .feature-on{
  align-self: center;
  margin-right: 5px;
}

.reviewCashLegend .feature-off{
  align-self: center;
  margin-right: 5px;
}

.reviewCashLegend{
  font-family: Oswald;
  margin-top: 15px;
}

.reviewCashLegend span:first-child{
  margin-right: 5px;
}

.reviewCashLegend span{
  align-self: center;
}

.cm-ht{
  min-height: auto !important;
}

body{
  /*-webkit-touch-callout: none;*/
  /*-webkit-user-select: none;*/
  /*-khtml-user-select: none;*/
  /*-moz-user-select: none;*/
  /*-ms-user-select: none;*/
  /*user-select: none;*/
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.tax-rep-wrapper{
  padding:30px 30px 0;
}

.tax-rep-title{
  font-size: 24px;
  font-family: Roboto Condensed;
  font-weight: 900 !important;
  font-style: normal !important;
}

.tax-rep-col-title{
  width: 100%;
  text-align: center;
  font-family: Roboto Condensed;
  font-style: normal !important;
  float: left;
  padding: 10px 15px;
  display: table;
}
.tax-rep-sub-heading {
  color: #333 !important;
  font-family: Oswald !important;
}
.tax-rep-col-title span{
  display: table-cell;
  vertical-align: middle;
  margin:0 auto;
  font-size: 18px;
  color: #ffffff !important;
  font-style: normal !important;
}

.tax-rep-cols-3{
  margin:15px;
  border: 1px solid #ccc;
  /*height: 300px;
  width: 245px;*/
}

/*.tax-rep-cols-3 div{
  width: 245px;
  height: 300px;
}*/

.tax-rep-cols-3:first-child{
  margin-left:0px;
}

.tax-rep-cols-3:last-child{
  margin-right:0px;
}


.tax-rep-chart {
  padding: 10px;
  float: left;
  width: 100%;
  text-align: center;
  margin: 10px auto;
}

.proxy-candle-chart {
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
}


.tech-partner-list{
  font-family: Roboto Condensed;
  font-style: normal !important;
  list-style-type: disc !important;
  padding: 10px 20px;
  margin-left: 20px;
}

.tech-partner-list li{
  list-style-type: disc !important;
}

.tax-rep-footer{
  border-top:1px solid #ccc;
  padding-top: 20px;
}

/* Round Slider CSS 1 */

/*#handle2 .rs-handle  {
  background-color: transparent;
  border: 8px solid transparent;
  border-right-color: black;
  margin: -8px 0 0 6px !important;
}
#handle2 .rs-handle:before  {
  display: block;
  content: " ";
  position: absolute;
  height: 8px;
  width: 8px;
  background: black;
  right: -6px;
  bottom: -4px;
  border-radius: 100%;
}
#handle2 .rs-handle:after  {
  display: block;
  content: " ";
  width: 27px;
  position: absolute;
  top: -1px;
  right: 0px;
  border-top: 2px dotted black;
}
#handle2 .rs-range-color  {
  background-color: #8832cd;
}
#handle2 .rs-path-color  {
  background-color: #ddc5f0;
}
.rs-tooltip-text{
  top:120%;
}*/

/* Round Slider CSS 1 */

/* Round Slider CSS 2 */

/*#handle2 .rs-handle  {
    background-color: transparent;
    border: 8px solid transparent;
    border-right-color: black;
    margin: -3px 0px 0px 18px !important;
    border-width: 3px 49px 2px 2px;
}
#handle2 .rs-handle:before  {
  display: block;
  content: " ";
  position: absolute;
  height: 9px;
  width: 9px;
  background: black;
  right: -6px;
  bottom: -4px;
  border-radius: 100%;
}
#handle2 .rs-tooltip  {
    top: 65px;
    font-size: 11px;
}
#handle2 .rs-tooltip div  {
    text-align: center;
    background: orange;
    color: white;
    border-radius: 4px;
    padding: 1px 5px 2px;
    margin-top: 4px;
}
#handle2 .rs-range-color  {
    background-color: #005893;
}
#handle2 .rs-path-color  {
    background-color: #d4d4d4;
}

.speedometer{
  display: inline-block;
  width:100%;
  float: left;
}

#handle2{
  margin: 20px auto;
}

.speedometer-text{
  padding: 25px 0px 0px 0px;
  text-align: justify;
  font-family: Roboto Condensed;
  display: block;
}

.speedometer-wrapper{
  display: flex;
  width: 100%;
}

.speedometer-align{
  align-self: center;
}*/
/* Round Slider CSS 2 */

#sectionToPrint {
    /*display: block;
    width: 100%;
    float: left;*/
}

.tax-report-logo{
  width: 100px;
}

.tax-report-parameters{
  font-family: Roboto Condensed;
  font-size: 18px;
  font-style: normal !important;
}

.a4-size{
  width: 21cm;
  margin:0 auto;
}

.min-ht-60{
  height: 75px;
}

.tax-rep-chart .tick line {
  display: block !important;
}

.tax-rep-chart .nv-x .tick line { display: none !important; }

table.tax-report-top-table td { padding: 7px 16px; background:none; border:1px solid #e5e5e5 }

.tax-report-top-table{
  font-family: "Roboto Condensed";
}

/*.page-break {
    width: 100%;
    float: left;
    page-break-before: always !important;
  }
*/
@media print {
  .page-break {
    /*width: 100%;
    float: left;*/
    page-break-before: always !important;
  }

  .page-break-after{
    page-break-after: always !important;
  }

}

.ubi-footnote{
  font-weight: bold;
  font-size: 12px;
}

.tax-rep-chart .nvd3 .nv-axis path {
    fill: none;
    stroke: #adadad;
    stroke-opacity: .75;
    shape-rendering: crispEdges;
}

.tax-rep-candle .nvd3 .nv-axis path{
  display: none;
}

.tax-rep-chart .nvd3 .nv-multibar .nv-groups rect, .tax-rep-chart .nvd3 .nv-multibarHorizontal .nv-groups rect, .tax-rep-chart .nvd3 .nv-discretebar .nv-groups rect{ opacity: 1!important;  fill-opacity: 1 !important; }

@media (max-width: 1500px) {
  .benchmark-title{
    font-size: 14px;
    font-weight: 600;
  }
}

@media (max-width: 1024px) {
  .benchmark-title{
    font-size: 12px;
    font-weight: 500;
  }
  .glyphicon{
    top:-1px !important;
  }
}

.upload-portfolio{
  font-family: Oswald;
  text-align: center;
  font-size: 18px;
  margin-top:20px;
  margin-bottom: 10px;
}

.tax-mgmt-upload .jumbotron{
  border: 1px solid #ccc;
  padding:40px;
  font-family: Roboto;
  margin-right: 50px;
}

/*.tax-mgmt-upload .jumbotron span{

}*/

.upload-demo-button{
  background: #797979 !important;
  color: #000;
  margin-left: 0px !important;
  margin-bottom: 0px !important;
  text-transform: none;
  font-weight: normal;
  padding: 0px 10px;
  font-size: 13px;
}

/*.tax-chart-tab .boxed .pan-res-tab {
  min-height: 420px !important;
}*/

.inc-date-speedometer{
  height: 250px;
  display: flex;
}

@media (max-width: 1300px) {

 /* .tax-chart-tab .boxed .pan-res-tab {
    min-height: 440px !important;
  }
*/
  .inc-date-speedometer{
    height: 225px;
    display: flex;
  }

}

@media (min-width: 1500px) {

  .tax-chart-tab .boxed .pan-res-tab {
    min-height: 400px !important;
  }

  .inc-date-speedometer{
    height: 225px;
    display: flex;
  }

}



/*.speedometer-results-tab .half.top .rs-tooltip, .half.bottom .rs-tooltip{
  left: 0 !important;
}*/

/*#handle2 .rs-tooltip{
  float: left;
  width: 100%;
  position: relative !important;
  top: 10px;
  font-size: 11px;
  margin-left: 0 !important;
}*/

.md-success-icon{
  font-size: 60px !important;
  font-weight: bold !important;
  margin: 30px 0px;
  color: green;
  width: 60px;
  height: 60px;
}

.md-failure-icon{
  font-size: 60px !important;
  font-weight: bold !important;
  margin: 30px 0px;
  color: red;
  width: 60px;
  height: 60px;
}

.md-warning-icon{
  font-size: 60px !important;
  font-weight: bold !important;
  margin: 30px 0px;
  color: #F8C001;
  width: 60px;
  height: 60px;
}

.save-tax-lot-modal h4{
  margin-bottom: 15px;
  margin-top: -15px;
}

.save-tax-lot-modal .md-button{
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
}

.save-portfolio-modal .md-button{
  margin-bottom: 30px;
  font-size: 16px;
}

.save-portfolio-modal h4{
  font-size: 16px;
  /*margin-bottom: 35px;*/
  /*margin-top: -15px;*/
}
.save-existing-portfolio-modal h4{
  font-size: 16px;
  padding:0 20px;
  text-align: center;
}

.save-existing-portfolio-modal .md-button{
  margin-bottom: 30px;
  font-size: 15px;
  font-family: oswald;
}

.analytics-modal h4{
  font-family: oswald;
  font-size: 15px;
}

.analytics-modal .md-button{
  margin-bottom: 30px;
  font-size: 15px;
  font-family: oswald;
}


.changeAnnTaxStatus span{
  font-family: oswald;
  /*font-style: italic;*/
  color: #000;
  cursor: pointer;
  padding: 12px 5px;
}

.tax-chart-tab .tick line {
  display: block !important;
}

.tax-rep-candle svg{
  margin: 0 auto;
}

.tax-chart-tab .nvd3 text {
  font: normal 12px roboto;
  font-weight: normal !important;
  fill: #424242 !important;
}

.tax-chart-tab .nv-bar text {
  fill: #000 !important;
}

.tax-chart-tab .nv-axislabel {
  font: normal 13px roboto !important;
  font-weight: normal !important;
  fill: #808080 !important;
}

.tax-chart-tab .nv-legend-text{
  font: normal 13px roboto !important;
}

.tax-candle-track-value {
  font-family: roboto Condensed;
  color: #000;
  font-size: 15px;
  margin-left: -40px;
}

.proxy-candle-value{
  font-family: oswald;
  color: #000;
  font-size: 14px;
  margin-left: -20px;
  margin-top: 35px;
}


.tax-chart-tab .nvd3 .nv-axis path{
  stroke: #e5e5e5 !important;
}

/* Save Portfolio Styles */

.saved-portfolio-tab{
  font-family: Oswald;
  text-transform: uppercase;
}

.md-sidenav-right{
  width: 600px !important;
  max-width: 600px !important;
}

.st-pf-wrapper{
  padding-top:0px;
}

.st-pf-header{
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
  background: #eaeaea;
  padding: 10px 10px 5px 10px;
}

.st-pf-header h3{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 5px;
  font-family: oswald;
  font-size: 16px;
  text-transform: uppercase;
}

.st-pf-content{
  padding: 10px 10px 0px 10px;
  font-family: roboto Condensed;
}

.st-pf-content:hover{
   background-color: #f8f8f8;
 /* background-color: #e8f3f6; */
}

.st-pf-content-no-portfolio{
  padding: 10px 10px 0px 10px;
  font-family: roboto Condensed;
}


md-backdrop.md-opaque.ng-enter {
  opacity: 0.5;
}

.pf-close{
  margin-left: 10px;
  position: absolute;
  left: 0;
  top: 20px;
}

.align-self-center{
  align-self: center;
}


.portfolio-name{
  margin-bottom: 0px;
  font-family: Oswald !important;
}

.portfolio-name span{
  font-size: 15px;
  font-weight: 500;
  font-family: Roboto Condensed !important;
}

.portfolio-edit {
  font-weight: 500;
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 0px;
  font-family: Oswald;
}

.portfolio-strategy {
  font-size: 14px;
  font-family: Oswald !important;
}

.portfolio-strategy span{
  font-weight: 500;
  font-family: Roboto Condensed !important;
}

.portfolio-last-modified {
  font-size: 14px;
  font-family: Oswald !important;
  white-space: nowrap;
}

.portfolio-last-modified span{
  font-weight: 500;
  font-family: Roboto Condensed !important;
}

.tradelist-name{
  margin-bottom: 0px;
  font-family: Oswald !important;
}

.tradelist-name span{
  font-size: 15px;
  font-weight: 500;
  font-family: Roboto Condensed !important;
}

.tradelist-edit {
  font-weight: 500;
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 0px;
  font-family: Oswald;
}

.tradelist-account {
  font-size: 14px;
  font-family: Oswald !important;
}

.tradelist-account span{
  font-weight: 500;
  font-family: Roboto Condensed !important;
}

.tradelist-last-modified {
  font-size: 14px;
  font-family: Oswald !important;
}

.tradelist-last-modified span{
  font-weight: 500;
  font-family: Roboto Condensed !important;
}

.tradelist-table{
    border-collapse: separate;
    border-spacing: 2px;
    table-layout: fixed;
}

.tradelist-table thead{

}

.tradelist-table thead tr{

}

.tradelist-table th{
    width: 120px;
    padding: 5px 0;
    border-radius: 0;
    font-weight: 400;
}

.tradelist-table tbody{

}

.tradelist-table tbody tr{

}

.tradelist-table tbody tr:nth-child(even){

}

.tradelist-table tbody tr:nth-child(odd){

}

.tradelist-table td{
    padding: 5px 0 5px 5px;
    border-radius: 0;
}

.md-sidenav-right{
  overflow:hidden;
}

.sidenav-pf::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #353535;
}
.sidenav-pf::-webkit-scrollbar
{
    width: 8px;
    background-color: #212121;
}
.sidenav-pf::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #c1c1c1;
}

.speed-range-min{
  top: -15px;
  position: relative;
  margin-right: 5px;
  font-family: roboto;
  font-size: 12px;
}

.speed-range-max{
  top: -15px;
  position: relative;
  margin-left: 5px;
  font-family: roboto;
  font-size: 12px;
}

/*#handle2 .rs-tooltip{
  font-family: roboto;
  font-size: 12px !important;
}*/

.sidenav-pf .animate-show-hide {
  transition: all linear 0.1s !important;
  height: 100%;
  display: block !important;
}
.sidenav-pf .animate-show-hide.ng-hide { height:0; overflow: hidden; background: #fff !important;}

md-sidenav { transition: 0.2s all !important; }

md-sidenav:not(.md-sidenav-opened) {
display: block !important;
-webkit-transition: -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1), visibility 400ms cubic-bezier(0.25, 0.8, 0.25, 1) !important;
transition: 5s ease-in all;
}

/*.md-sidenav-backdrop {
transition: background-color 400ms cubic-bezier(0.25, 0.8, 0.25, 1), visibility 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}

.md-sidenav-right{
    transition: 0.2s ease-in all;
    transition: transform 5s ease-in-out;
}*/

.st-pf-last{
  margin-bottom: 150px;
}

.speedo-tooltip{
    margin-left: -15px;
    margin-top: -10px;
    font-family: roboto;
    font-size: 12px;
}

/*.md-sidenav-right {transform:none !important; -webkit-transform:none !important; -moz-transform:none !important; position: absolute !important; left:auto !important; right: 0;}
.md-sidenav-right.md-closed    {right:-100%}*/

/*
.md-sidenav-right { position: absolute !important; left:auto !important; right: 0; transform:none !important; transition: 2s ease-in all !important }
.md-sidenav-right.md-closed    {right:-100%}
.md-sidenav:not(.md-sidenav-opened) { display: inherit !important}
* {
    transform: none !important;
}*/

/*.md-sidenav {
  display:block;
  transition: 0.2s all
}

.md-sidenav-right{
    transition: 0.2s ease-in all;
    transition: transform 0.5s ease-in-out;
}*/

.sidenav-custom{
  width:0px;
  position:absolute;
  right: 0px;
  top:0;
  height: 100%;
  overflow:hidden;
  -webkit-transition: all 0.5s ease; /* Safari */
  transition: all 0.5s ease;
  visibility: hidden;
  opacity: 0;
}
.sidenav-custom.visible{
  right:0;
  width:600px;
  visibility: visible;
  opacity: 1;
}
.sidenav-custom .sidenav-pf .animate-show-hide{
  transition: all 0.5s ease 0.6s;
  opacity: 0;
}
.sidenav-custom.visible .sidenav-pf .animate-show-hide{
  opacity: 1;
}
.sidebar-overlaydiv {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.7);
    z-index: 2;
    opacity:0;
    visibility: hidden;
    transition: all 0.5s ease;
}
.sidebar-overlaydiv.show{
  opacity:1;
  visibility: visible;
  cursor: default !important;
}

.tax-inputs h3{
  font-family: Oswald;
  font-size: 20px;
}

.tax-inputs h4{
  font-family: Oswald;
  font-size: 17px;
}

.tax-inputs h5{
  font-family: "Roboto Condensed";
  font-size: 15px;
}

.tax-inputs p{
  font-family: Roboto;
  font-size: 13px;
}

.small-footnote {
  font-family: "Roboto Condensed";
  font-size: 13px;
}

.tax-button{
  font-family: Oswald;
  font-size: 14px;
}

.tax-loss-bar{
  height:250px;
}

@media (max-width: 1024px) {
  .tax-loss-bar {
      height:220px !important;
  }
}

.mtt-range-text{
  font-family: Roboto;
  margin-top: 5px;
}

@media (max-width: 1400px) and (min-width: 959px){
  .mtt-center-text{
    width: 120px;
    text-align: center;
    display: inline-block;
  }
}

.tbl-tick{
  padding:0px !important;
}

.tbl-tick span{
  padding:3px;
  float:left;
  width: 100%;
}

.tbl-proxytick{
  padding:0px !important;
}

.tbl-proxytick span{
  border-bottom:1px solid #ccc;
  padding:3px;
  float:left;
  width: 100%;
}

.tbl-proxytick span:last-child{
  border-bottom:none;
  padding:3px;
  float:left;
  width: 100%;
}

.tbl-exclude{
  color: blue;
  font-size: 13px;
  cursor: pointer;
}

.tick-tbl th,td{
  text-align: center;
  vertical-align: middle !important;
}

.tbl-details{
  font-size: 13px;
  cursor: pointer;
}

.tax-bnf-footer-title{
  padding-top:0px;
  padding-bottom: 20px;
}

.tax-bnf-align{
  margin: 0 auto;
  text-align: center;
}

.speedometer-text .rzslider .rz-ticks .rz-tick{
  background: #dedede;
}

.speedometer-text .rzslider .rz-bar{
  background: #d8d8d8;
}

.port-amount{
  padding: 5px 12px;
  font-family: oswald;
  margin-bottom: 10px;
}

/*analytics tab css*/
.analytics-tab-label {
  float: left;
  font-size: 16px;
  align-self: center;
  margin: 5px auto 0px;
}

.analyticsTabs md-tabs-wrapper {
  background-color: #eeeeee !important;
}

.analyticsTabs md-ink-bar {
  height: 2px;
}

.proxy-details-header {
  font-family: Oswald;
  text-align: center;
  color: #004e88;
  margin-top: -20px;
  font-size: 18px;
}

.proxy-details-section-header {
  font-family: Oswald;
  text-align: left;
  margin: 10px 0 10px 20px;
}

.proxy-table table{
    border: 1px solid #ddd;
    text-align: center;
    padding: 1.5px;
    border-collapse: collapse;
    width: 100%;

}

.proxy-table td {
  padding: 1.5px;
  border: 1px solid #ddd;
  border-collapse: collapse;
  font-family: "Roboto Condensed";
}




/*@media only screen and (max-width: 1280px){
  .track-err-panel .tax-bnf-align {
    height:220px;
  }
.track-err-panel{
    min-height: 268px !important;
}

.fee-overlay-panel1{
    min-height: 268px !important;
}

}

@media only screen and (min-width: 1281px)  and (max-width: 1325px){

  .track-err-panel .tax-bnf-align {
    height:232px;
  }
}
@media only screen and (min-width: 1326px)  and (max-width: 1480px){
  .track-err-panel .tax-bnf-align {
    height:229px;
  }
.track-err-panel{
    min-height: 285px !important;
}

.fee-overlay-panel1{
    min-height: 229px !important;
}
}


@media only screen and (min-width: 1481px)  and (max-width: 1920px){
  .track-err-panel .tax-bnf-align {
    height:347px;
  }
.track-err-panel{
    min-height: 395px !important;
}

.fee-overlay-panel1{
    min-height: 395px !important;
}

}

.track-err-panel .tax-rep-chart {
  height:100%;
}*/


.track-err-panel{
   margin-bottom: 0px;
   height: 100%;
}

.fee-overlay-panel1{
   margin-bottom: 0px;
   height: 100%;
}

.risk-wrapper .boxed{
  height: 100%;
}

.tax-candle-track-value-btm{
  font-family: oswald;
  color: #000;
  font-size: 18px;
  padding-bottom: 10px;
  margin-top: -30px;
  text-align: center;
}


@media only screen and (min-width: 1025px) {
  .hide-lg{
    display: none;
  }
}

@media only screen and (max-width: 1025px) {
  :not(.materialClass).hide-sm{
    display: none;
  }
  /*.panel-title-sm-fix .panel-title{
    font-size: 12px !important;
  }*/
}

.pos-swapped-style .nv-groups rect{
  fill-opacity: 1 !important;
}

.pos-swapped-style .tick line{
  display: block !important;
}

.tax-candle-track-text {
  font-family: "Roboto Condensed" !important;
  color: #000 !important;
  font-size: 12px;
}

@media only screen and (min-width: 1400px)  {
  .tax-candle-track-text {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.tracking-tick .nvd3 text{
  font-family: oswald !important;
  font-size: 11px;
}

@media print {
  .tax-candle-track-text {
    font-family: oswald;
    color: #000;
    font-size: 12px;
  }
}

.tax-candle-track-text  {
  display: inline-block;
  text-align: center;
}

.expected-variation-chart .nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect {
     stroke-width: 2px;
}

.expected-variation-chart .nvd3.nv-candlestickBar .nv-ticks line {
    stroke-width: 1px;
}

.analytics-tab-label  {
  font-size: 20px !important
}
.analyticsTabs md-ink-bar {
    height: 5px;
}
.ats-ok-btn{
  margin: -35px auto 0px !important;
  display: block;
  font-size: 15px !important;
}
.analyticsTabs .not-harvested-and-analytics-table-rows {
  margin-bottom: 30px;
}
.analyticsTabs .lower-fees-table-rows{
  margin-bottom: 10px;
}
.analyticsTabs .not-harvested-and-analytics-table-rows {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1000px) and (max-width: 1024px) {
  .page-header-right-section .md-button {
    margin-left: 2px !important;
    margin-right: 2px !important
  }
  .page-header-right-section {
    position: relative;
    right: 10px;
  }
}

@media only screen and (min-width: 900px) and (max-width: 999px) {
  .page-header-right-section .md-button {
    margin-left: 1px !important;
    margin-right: 1px !important
  }
  .page-header-right-section {
    position: relative;
    right: 10px;
  }
}
.analyticsTabs .md-stretch-tabs md-pagination-wrapper .md-tab:nth-child(2) {
  border-right: none !important;
}

@media all and (-ms-high-contrast:none){
  .footer#footer {
      /*min-height:35% !important;*/
      display: table;
   }
   .wrapper {
      padding-bottom: 60px !important;
   }
   .min-height-sub-features {
    min-height: 280px !important;
   }
}

/*.sidenav-custom {
  display: none;
}*/

#rectangle{
  width:46px;
  height:110px;
  /*background: rgba(0, 107, 178, 1) !important;*/
}

.vertical-line-sppanel {
  width: 1px;
  height: 20px;
  border-left: 2px solid;
  margin-right: 5px;
  margin-left: 5px;
}

.vertical-line {
  width: 1px;
  height: 35px;
  margin-top: -35px;
  margin-left: 50%;
  border-left: 1px solid;
}

.vertical-line1 {
  width: 1px;
  height: 35px;
  margin-top: 110px;
  margin-left: 50%;
  border-left: 1px solid
}

#rectangle1{
  width:60px;
  height:110px;
  border-style: solid;
  border-width: 1px;
  border-left: 0px;
}

#line-left {
  width:25px;
  height:0px;
  border-bottom: solid;
  border-width: 1px;
}

#line-right {
  width:40px;
  height:0px;
  border-bottom: solid;
  border-width: 1px;
  margin-left: -15px;
}

.tracking-error-text {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 18px;
  margin-top: 18px;
  font-family: "Roboto Condensed" !important;
  color: #000;
  font-size: 11px;
  font-weight: normal;
}

@media only screen and (max-width: 1024px) {
  .tracking-error-text-p {
    font-size: 12px;
    padding-left: 5px;
  }
  .tracking-error-text-padding {
    padding: 5px 0px 0px 0px !important;
  }
}

@media only screen and (min-width: 1025px) {
  .tracking-error-text-p {
    font-size: 13px;
    padding-left: 5px;
  }
  .tracking-error-text-padding {
    padding: 22px 0px 0px 0px;
  }
}

@media only screen and (min-width: 1572px) {
  .tracking-error-text-p {
    font-size: 15px;
    padding-left: 5px;
  }
  .tracking-error-text-padding {
    padding: 37px 0px 0px 0px !important;
  }
}

.tax-card-height{
  height: 100%;
}


/* Historical Asset Chart Radio Button */
.radio-btn input[type="radio"] {
  position: relative !important;
  opacity: 1;
  margin: 0 5px !important;
  left: 0 !important;
  top: 2px;
}
.radio-btn input[type=radio]{
  position: absolute;
  visibility: hidden;
}
.radio-btn label:before,
.radio-btn label:after  {
  width: 10px !important;
  height: 10px !important;
  top: 4px !important;
 }
 .radio-btn label {
  padding-left: 20px !important
 }
 /* Historical Asset Chart Radio Button */

.port-radio-text {
  font-size: 15px !important;
  font-family: oswald;
  font-weight: normal !important;
  color: #757575 !important;
 }

.portfolio-heading {
  font-size: 18px;
  color: #333333;
}

/* Tax Transition Modal*/
.tax-transition-withdraw-modal {
  /*overflow-y: hidden !important;*/
}

@media only screen and (max-width: 1280px) {
  .tax-transition-withdraw {
    height: 422px;
    overflow-y: auto;
  }
  /*body {*/
    /*overflow-y: hidden !important;*/
  /*}*/
  .tax-transition-withdraw h5 {
    font-size: 13px !important;
  }
}
/*
@media only screen and (min-height: 750px) {
  .tax-transition-modal {
    min-height: 300px !important;
  }
  .tax-transition-content {
    height: 400px!important;
  }
}

@media only screen and (max-height: 800px) {
  .tax-transition-modal {
    min-height: 300px !important;
  }	
  .tax-transition-content {
    height: 350px!important;
  }
}
@media only screen and (min-height: 801px) {
  .tax-transition-modal {
    min-height: 300px !important;
  }
  .tax-transition-content {
    height: 550px!important;
  }
}
@media only screen and (min-height: 900px) {
  .tax-transition-modal {
    min-height: 300px !important;
  }
  .tax-transition-content {
    height: 618px!important;
  }
}
@media only screen and (min-height: 1150px) {
  .tax-transition-modal {
    min-height: 300px !important;
  }
  .tax-transition-content {
    height: 800px!important;
  }
}
.tax-transition-modal {
    width: 80% !important;
    overflow-y: hidden !important;
}
.tax-transition-content {
  overflow-y: scroll !important;
}*/
.tax-transition-noTax{
  padding: 25px 10px;
  text-align: center;
  font-size: 18px;
  font-family: 'Raleway';
}
.tax-transition-noTax span{
  font-family: 'Roboto Condensed';
  font-style: normal !important;
  font-weight: 600;
}
.tax-transition-header {
  height: 50px;
  font-family: Oswald;
  text-align: center;
  background-color: #f1f1f1;
  color: black;
  font-size: 18px;
}
.tax-transition-h5 {
  font-weight: normal !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.tax-transition-slider {
  font-size: 10px!important;
  height:160px !important;
  max-height: 160px !important;
}

.tax-transition-slider_2 {
  font-size: 10px!important;
  width: 200px !important;
  max-width: 200px !important;
}
.tax-transition-slider-text {
  margin-left: 40px !important;
  color:#787878 !important;
  font-weight: normal !important;
}

.tax-candle-track-text {
 font-weight: normal !important;
}

.uis-border{
  border:1px solid #ccc;
}

.uis-pd-15{
  padding:15px;
}

.uis-title-2{
  margin-top: 10px;
  color: #006bb2 !important;
  font-family:  "Roboto";
}

.uis-grey-bg{
  background: #e1e2e1;
}

.uis-boxed{
  padding: 10px;
  border: 1px solid #ccc;
  margin: 5px;
}

.uis-border-spacing{
  margin-top:10px;
}

.uis-border-spacing-2{
  margin-top: 20px;
}

.uis-sub-text{
  padding: 10px 0px;
}

.uis-sub-text,
.uis-border p {
  font-family: "Raleway";
}

.uis-select{
  font-family: "Oswald"
}

@media only screen and (max-width: 1713px) {
  .uis-sub-text{
    height: 60px;
  }
}

/* Custom Speedometer */
/*For handle customization*/
.csHandle3 .rs-handle {
 background-color: transparent;
 border: 3px solid transparent;
 border-right-color: #456093;
 margin: 0 0px 0px 12px !important;
 border-width:1px 65px 3px 1px;
}
.csHandle3 .rs-handle:before {
 display: block;
 content: " ";
 position: absolute;
 height: 8px;
 width: 8px;
 background: #456093;
 right:0;
 bottom:-6.45px;
 border-radius: 100px;
}
/* color */
.csHandle3 .rs-range-color {
 background: #196bb1;
}
.csHandle3 .rs-path-color {
 background: #b2b2b2;
}
.csHandle3 .rs-bar .rs-seperator {
 border-color: #d8d8d8;
}
.csHandle3 span.rs-number {
 position: absolute;
 top: -15px;
 left: -29px;
 font-family: "oswald";
 font-size: 10px;
}
.csHandle3 {
  height: 167px;
}
#handle3 {
  top: 50px;
}
.full .rs-bar, .half .rs-bar {
  left: 3px;
}/*
.uis-table {
  border: 1px solid #e6e6e6;
}*/
.uis-table th,
.uis-table td {
  padding:0 !important;

}
.uis-table .uis-bg{
  background: #f6f6f6;
  /*border-left:15px solid #ffffff;*/
  text-align: center !important;
  padding:10px 10px !important
}
.uis-table  .uis-title-2 {
  font-family: "Oswald";
}
.uis-table td  {
  text-align: left;
  padding:10px 10px !important
}
.uis-table th  {
  text-align: center;
}
.uis-table p {
  font-family: "Raleway";
  font-weight: normal;
}
.uis-table .md-container {
  margin: 0 auto !important
}
.uis-table th:first-child,
.uis-table td:first-child {
  padding-left:15px !important;
}
.uis-table .border {
  border-bottom: 1px solid #e6e6e6;
}
@media only screen and (max-width: 1250px) {
  .ftr-wd-50{
    width: 50%;
  }
}
.rs-handle.rs-move {
    cursor: pointer !important;
}
.lr-apply-btn{
    width: 50px;
    height: 25px;
    min-height: 25px;
    min-width: 80px;
    text-align: center;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 15px;
    color: ghostwhite !important;
    background-color: #006bb2 !important;
    font-family: Oswald;
    font-size: 14px;
}
.ats-btn-blue-color.md-button {
   color: #0b4079 ;
}
.dtat-arrow:after {
   background:url(../images/arrow.png) no-repeat left top;
   width: 38px;
   height: 30px;
   content: "";
   display: block;
   position: absolute;
   right: -21px;
   top: 45%;
   z-index: 5;
   background-size: cover;
}
.dtat-arrow {
  position:relative;
}
.str-heading{
  font-size: 16px;
}
.str-form-row span{
  font-size: 16px;
  color:#9e9e9e;
}
.str-form-row input[type=number].onlyNumbers{
  width: 50px !important;
  margin-left:15px;
  padding: 0 4px;
  margin-bottom: 0;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.str-form-row.valError input[type=number].onlyNumbers{
  border: 1px solid red;
}

.str-form-row .strError{
  font-size: 12px;
  color: red;
  margin-top: 5px;
  display: none;
}

.str-form-row.valError .strError{
  display: block;
}

.str-button{
  font-family: Oswald;
  font-size: 15px;
}
.str-button .md-button{
  font-size: 14px;
}
.tatt-slider .riskSlider .rz-bar {
  left:12px;
  width:87%;
}

.tatt-slider .rzslider .rz-bar-wrapper {
  padding-top:14px
}
.tatt-slider .riskSlider .rz-ticks .rz-tick {
  width:16px;
  height:16px;
}
.tatt-slider .tax-transition-slider_2 {
  width:165px !important;
  max-width:165px !important;
}
.str-form-input{
  font-size: 15px !important;
  font-family: Oswald;
  color: #000000;
}
.str-form-input:focus{
  border-bottom: 1px solid #9e9e9e !important;
  box-shadow: 0 1px 0 0 #9e9e9e !important;
}
/*.sidenav-custom{
  display: none;
}*/

.custom-tooltip {
  text-align: center !important;
  font-size: 12px !important;
}
.md-height-auto{
  height: auto !important;
}

.disabled-a-tag {
  cursor: not-allowed;
}

.pointer-a-tag {
  cursor: pointer;
}

.a-feature {
  font-size: 13px !important;
  font-weight: 500 !important;
  text-align: center !important;
}

.feature-modal-header {
  font-weight: 500;
  font-size: 16px;
  color: #777;
}

.port-dist#rectangle1 {
  width:70px !important;}

.diagnosis-panel {
  padding: 0 5px;
  border: 1px solid transparent;
  border-radius: 4px;
  border-color: #ddd;
}

.diagnosis-seperator {
  margin-top: 40px;
  height: 100%;
  width: 85%;
}

.diagnosis-postTable,
.diagnosis-postTable td {
    border-left:none !important;
    border-right:none !important;
  font-family: 'Roboto Condensed';
}
.diagnosis-postTable th {
    padding:5px !important;
    font-weight: 600 !important;
   font-family: 'Roboto Condensed';
   text-align: center;
   line-height: 16px;
}
.mstNALable{
  color: rgb(221,44,0);
  font-size: 12px;
  font-style: italic;
}
.diagnosis-postTable th:first-child,
.diagnosis-postTable td:first-child{
   text-align: left;

}
.diagnosis-postTable td {
   font-family: 'Roboto Condensed';
   line-height: 16px;
   padding:5px !important;
   font-weight:400 !important;
}
.diagnosis-postTable td small {
   display: block;
   font-size: 10px;
   font-family: "Roboto Condensed" !important;
}

.ovDiag-panelWrapper{
  margin:0px 10px;
  border:1px solid #ccc;
  height: 100%;
}

.ovDiag-panelHeader{
  min-height: 35px;
  background: #f3f3f3 !important;
  text-align: center;
  text-transform: uppercase;
  color:#000;
}

.ovDiag-panelHeader h4{
  font-weight: 200 !important;
  padding:5px 0 !important;
  font-size: 18px;
}

.ovDiag-panelHeaderPDF h4{
  font-weight: 200 !important;
  padding:5px 0 !important;
  min-height: 35px;
  background: #f3f3f3 !important;
  text-align: center;
  text-transform: uppercase;
  color:#000 !important;
  font-size: 16px !important;
}

.ovDiag-panelDesc-Font{
  font-size: 1.1vw;
}
@media only screen and (max-width: 1090px) {
  .ovDiag-panelDesc-Font{
    font-size: 12px;
  }
}
@media only screen and (min-width: 1453px) {
  .ovDiag-panelDesc-Font{
    font-size: 16px;
  }
}

.ovDiag-section1,
.ovDiag-paneltitle {
  padding: 10px 0;
  /*border:1px solid #006bb2;*/
  width:100%;
  margin: 0 auto;
}
.ovDiag-section1 h5,
.ovDiag-paneltitle h5 {
  text-align: center;
  font-size: 14px;
}
.ovDiag-section1 h5 small,
.ovDiag-paneltitle h5 small {
  display: block;
  color:black;
  text-align: center;
  font-size: 14px;
  padding: 5px 0 0
}
.ovDiag-fee {
  font-size: 20px !important;
}
/*.ovDiag-section1 small span {*/
  /*color: #0060a0;*/
/*}*/
.ovDiag-section1 small,
.ovDiag-paneltitle small {
  display: block;
  color:black;
  text-align: center;
  font-size: 16px;
  padding: 5px 0 0;
  font-family: Oswald !important;
}
.ovDiag-section1 {
  margin: 20px;

}
.ovDiag-piePortion {
  margin:30px 0 20px;
}
.ovDiag-piePortion h5 {
  text-align: center;
  color:#0060a0;
  font-weight: 200 !important;
  padding:0 !important;
  min-height: 40px;
  font-size: 16px;
}
/*.ovDiag-piePortion > div:first-child {*/
    /*border-right:1px solid #ccc;*/
 /*}*/
.ovDiag-panelBody {
    max-width: 540px;
    margin: 0 auto;
}
.ovDiag-transButton{
    /*margin-bottom: 30px;*/
    font-size: 12px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif  !important;
    font-weight: 500 !important;
}
.ovDiag-panelDesc{
  margin:20px;
  border:1px solid #006bb2;
  font-family: Roboto,Helvetica Neue,sans-serif;
  padding:10px 20px 10px 20px;
}

.ovDiag-panelDesc p{
  padding-top:0px !important;
  padding-bottom: 0px !important;
  text-align: center;
  color: #212121;
}

.ovDiag-panelDesc h5 {
  text-align: center;
  font-weight: 200 !important;
  font-size: 16px;
}
.ovDiag-btn > div {
  margin: 2% auto;
  text-align: center;
}

.ovDiag-btn .md-button {
  margin:0;
  font-size: 14px !important;
}
.ovDiag-btn i.continueBtn{
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin: 0 0 0 6px;
  background: transparent url(../images/continue_btn.png) no-repeat center center;
  background-size: 22px 22px;
}
.nvd3 .nv-axis.nv-x path.domain {
    stroke-opacity: 0.25 !important;
}
.ovDiag-panelSubTitle {
  padding: 10px 0;
  margin: 0 auto;
}
.ovDiag-panelSubTitle h5 {
  color:#0060a0;
  text-align: center;
  font-weight: 200 !important;
  font-size: 16px;
}
.ovDiag-panelSubTitle h5 small {
  display: block;
  color:black;
  text-align: center;
  font-size: 16px;
  padding: 5px 0 0
}

.taxPortfolioValue {
  display: block;
  color: black;
  text-align: center;
  font-size: 20px;
  font-family: Oswald;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 12px;
}

@media only screen and (max-width: 1024px) {
  .tax-withdrawal-chart {
    height: 210px !important;
  }
  .ovDiag-fee {
    font-size: 16px !important;
  }
}
@media only screen and (min-width: 1920px) {
  .ovDiag-fee {
    font-size: 27px !important;
  }
}

.tracking-error-text-p-withdraw {
    font-size: 12px !important; font-family: 'Roboto Condensed';color:#312a2a;
}

.diagnosis-pdf-text-header {
  font-family: "Roboto Condensed",Helvetica Neue,sans-serif !important;
  font-size: 19px !important;
  color: black !important;
}

.diagnosis-pdf-assumtion-text {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  /*line-height: 1.42857143 !important;*/
  font-size: 12px !important;
}

.diagnosis-tax-method {
  font-family: Oswald;
  text-align: center;
  font-size: 12px;
  color: #006bb2;
  margin-top: -10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1600px) {
  .diagnosis-tax-method {
    margin-top: 0px !important;
    font-size: 14px !important;
  }
}
.fi360-tab-content {
  padding: 15px;
  font-family: 'Roboto Condensed'
}
.fi360-panel {
  margin: 20px;
  padding: 15px;
}

.fi360-switch-label {
  padding-top: 2px !important;
  font-size: 16px !important;
  font-family: 'Roboto Condensed' !important;
  margin-bottom: 0px !important;
  font-weight: normal !important;
  padding: 0px 10px;
  border-radius: 12px;
  width: 226px;
  text-align: center;
  cursor: pointer !important;
}

.fi360-header-us {
  font-size: 16px;
  text-align: left;
  font-family: Oswald !important;
}
.fi360-main-header-us {
  margin-top: 0px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
  font-family: Oswald !important;
}
.fi360-header {
  font-size: 18px;
  text-align: left;
  font-family: Oswald !important;
}
.fi-360-panel-content {
  text-align: center;
  padding: 5px;
  margin-top: 30px;
}
.fi360-radio-button {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
  padding-left: 0px !important;
}
.fi360-radio-button-label-us {
  font-family: Oswald !important;
  font-size: 15px !important;
  color: #292929 !important;
  font-weight: normal!important;
}
.fi360-radio-button-label {
  font-size: 18px !important;
  font-family: 'Roboto Condensed' !important;
  margin-bottom: 0px !important;
  font-weight: normal !important;
  padding: 0px 10px;
  border-radius: 12px;
  width: 252px;
  text-align: center;
  cursor: pointer !important;
}

.fi360-desc {
  font-size: 15px;
  margin-top: 15px;
  font-family: 'Roboto Condensed';
}

.fi360-fiduciary-desc {
  margin-top: 25px;
  font-size: 13px;
  color: black;
  text-align: center;
}

.fi360-change-option {
  font-size: 14px;
  margin-top: 4%;
  font-family: 'Roboto Condensed';
  text-align: center;
  border: 1px solid #e0d5d5;
  padding: 10px;
  padding-top: 15px;
  margin-bottom: 2%;
}

.fi-360-top-header {
  font-size: 21px;
  margin: 20px !important;
  padding-left: 15px !important;
}

.active-fi-360-switch {
  border-radius: 12px;
  color: white !important;
  text-align: center;
  cursor: default !important;
}
.active-fi-360-radio {
  font-weight: bold !important;
}

.radio-button-text-row {
  max-width: 506px !important;
}

.fi360-quick-action-lable {
  font-size: 11px;
  font-family: Oswald;
  position: relative;
  right: 42px;
  bottom: 13px;
  color: #898989;
}

.fi360-sub-header {
  font-size: 13px;
  font-family: Oswald !important;
  margin-bottom: 15px;
  color: #898989
}

.fi360-switch-row {
    font-family: 'Roboto Condensed';
    font-size: 18px;
}
.fi360-switch-row-label {
  margin-top: 0px;
}

.fi360 .md-select-value {
    font-size: 15px !important;
}

.fi360-metric {
  width: 139px !important;
  margin-right: 8px !important;
}
.fi360-metric-tab-label {
  width: 159px !important;
  margin-right: 8px !important;
}

.fi360-metric-show {
 cursor: pointer;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
}
@media only screen and (max-width: 1024px) {
  .fi360-switch-row-label {
    margin-top: 16px;
  }
  .fi360-switch-row {
    font-size: 15px;
  }
  .fi360-quick-action-lable {
    right: 0px;
  }
  .radio-button-text-row {
    max-width: 448px !important;
  }
}
@media only screen and (min-width: 1440px) {
  .fi360-dropdown {
    margin-left: -15px !important;
  }
}
@media only screen and (min-width: 1490px) {
  .fi360-metric-tab-label {
    width: 200px !important;
  }
  .fi360-metric {
    width: 179px !important;
  }
  .fi360-sub-header {
    font-size: 16px;
  }
  .fi360-switch-row {
    font-size: 19px;
  }
  .fi360-header-us {
    font-size: 19px !important;
  }
  .fi360-quick-action-lable {
    font-size: 13px !important;
    right: 80px;
  }
  .fi360-main-header-us {
    font-size: 21px !important;
  }
  .fi360-radio-button-label-us {
    font-size: 18px !important;
  }
  .fi-360-top-header {
    font-size: 24px !important;
  }
  .fi360-header {
    font-size: 22px !important;
  }
  .fi360-switch-label {
    font-size: 19px !important;
    width: 290px;
  }
  .fi360-radio-button-label {
    font-size: 22px !important;
    width: 340px;
  }
  .fi360-desc{
    font-size: 17px !important;
  }
  .fi360-fiduciary-desc {
    font-size: 15px;
  }
  .fi360-change-option {
    font-size: 16px !important;
  }
  .fi360-dropdown {
    font-size: 19px !important;
    margin-left: -15px !important;
  }
  .fi360Label {
    top: -27px !important;
    left: 173px !important;
  }
  .fi360Label-tab {
    top: -31px !important;
    left: 198px !important;
  }
  .fi360li {
    font-size: 17px !important;
  }
  .fi360-dropdown-tab {
    margin-right: 58px !important;
    font-size: 22px !important;
  }
}

@media only screen and (min-width: 1536px) {
  .radio-button-text-row {
    max-width: 621px !important;
  }
  .fi360-quick-action-lable {
    right: 100px;
  }
  .fi360-dropdown {
    margin-left: 5px !important;
  }
}
@media only screen and (min-width: 1919px) {
  .fi360 .md-select-value {
    font-size: 17px !important;
}
  .fi360-switch-row-label {
    margin-top: 0px !important;
  }
  .fi360-switch-row{
    font-size: 21px;
  }
  .fi360-sub-header {
    font-size: 18px;
  }
  .fi360-quick-action-lable {
    font-size: 15px !important;
    right: 195px;
  }
  .radio-button-text-row {
    max-width: 636px !important;
  }

  .fi360-header-us {
    font-size: 21px !important;
  }
  .fi360-main-header-us {
    font-size: 23px !important;
  }
  .fi360-radio-button-label-us {
    font-size: 20px !important;
  }
  .fi360-switch-label {
    font-size: 21px !important;
  }
  .fi-360-top-header {
    font-size: 27px !important;
  }
  .fi360-header {
    font-size: 25px !important;
  }
  .fi360-radio-button-label {
    font-size: 25px !important;
  }
  .fi360-desc{
    font-size: 19px !important;
  }
  .fi360-fiduciary-desc {
    font-size: 16px;
  }
  .fi360-change-option {
    font-size: 17px !important;
  }
  .fi360-dropdown {
    font-size: 21px !important;
    margin-left: -30px !important;
  }
  .fi360Label {
    top: -30px !important;
    left: 188px !important;
  }
  .fi360li {
    font-size: 19px !important;
  }
  .fi360-dropdown-tab {
    margin-right: 30px !important;
    font-size: 25px !important;
  }
  .fi360Label-tab {
    top: -35px !important;
    left: 222px !important;
  }
}

.fi-360-swich {
  background-color: rgb(158,158,158) !important;
}

md-switch.md-default-theme.md-checked.md-warn .md-bar, md-switch.md-checked.md-warn .md-bar {
  background-color: rgb(158,158,158) !important;
}

md-switch.md-default-theme.md-checked.md-warn .md-thumb, md-switch.md-checked.md-warn .md-thumb {
  background-color: rgb(250,250,250) !important;
}

/*@media only screen and (max-width: 1024px) {*/
  /*.footer-padding {*/
    /*padding-bottom: 500px !important;*/
  /*}*/
/*}*/

.license-modal-toolbar {
  font-family: "Roboto";
  border-radius: 0px !important;
  min-height: 50px !important;
}
.license-modal p {
  font-family: "Roboto";
  font-size: 14px !important;
}

.license-modal h3 {
  font-family: "Roboto";
  font-size: 16px !important;
}

.license-modal-md-checkbox {
  font-family: "Roboto";
  font-size: 14px !important;
  font-weight: 500;
}

.license-modal-header {
  font-size: 18px;
  border-radius: 0px !important;
}
.license-modal-button {
  font-family: "Roboto";
  font-size: 13px !important;
}
.license-modal h4{
  font-family: "Roboto";
  font-size: 14px !important;
}
.license-modal table {
    border: 1px solid #ccc;
    border-spacing: 0px;
}
.license-modal table h4, .license-modal table p{
  margin: 0;
  padding: 5px 0;
  text-align: left;
}
.license-modal table td{
  padding: 5px 15px;
  width: 50%;
  border: 1px solid #ccc;
  text-align: left;
  vertical-align: top !important;
}
.license-modal table td ul{
  margin-top: 10px;
  margin-bottom: 10px;
}
.license-modal table td ul li, .license-modal table td ol li{
  position: relative;
  padding: 0 0 0 20px;
}
.license-modal table td ul li:before {
    content: '-';
    margin-right: 0;
    padding: 0;
    position: absolute;
    left: 10px;
    top: -2px;
}
.license-modal table td table, .license-modal table td table td {
  border: none;
  padding: 2px 0;
}
.license-modal table td table td:first-child {
    width: 60%;
}
.license-modal table td table td ul{
  margin: 0;
}

.license-modal ol {
    list-style-type: decimal;
    padding-left: 25px;
}
.license-modal ol li{
  margin-bottom: 10px;
}
.license-modal > ol > li{
  font-weight: bold;
  color: #000 !important;
}
.license-modal ol li ol, .license-modal ol li p {
    list-style-type: lower-alpha;
    font-weight: normal;
}
.license-modal ol li ol li ol{
    list-style-type: lower-roman;
}

@media only screen and (max-width: 1024px) {
  .license-modal-header {
    font-size: 16px !important;
  }
  .license-modal p {
    font-size: 13px !important;
  }
  .license-modal-md-checkbox {
    font-size: 13px !important;
  }
  .license-modal-button {
  font-size: 12px !important;
}
  .license-modal h3 {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 1500px) {
  .license-modal-toolbar {
    min-height: 64px !important;
  }
  .license-modal-header {
    font-size: 20px !important;
  }
  .license-modal p {
    font-size: 16px !important;
  }
  .license-modal-md-checkbox {
    font-size: 16px !important;
  }
  .license-modal-button {
  font-size: 15px !important;
}
  .license-modal h3 {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 1680px) {
  .license-modal-toolbar {
    min-height: 64px !important;
  }
  .license-modal-header {
    font-size: 21px !important;
  }
  .license-modal p {
    font-size: 17px !important;
  }
  .license-modal-md-checkbox {
    font-size: 17px !important;
  }
  .license-modal-button {
  font-size: 16px !important;
}
  .license-modal h3 {
    font-size: 19px !important;
  }
}

@media only screen and (min-width: 1920px) {
  .license-modal-toolbar {
    min-height: 64px !important;
  }
  .license-modal-header {
    font-size: 22px !important;
  }
  .license-modal p {
    font-size: 18px !important;
  }
  .license-modal-md-checkbox {
    font-size: 18px !important;
  }
  .license-modal-button {
  font-size: 17px !important;

}
  .license-modal h3 {
    font-size: 20px !important;
  }
}
.license-modal-md-checkbox .md-icon {
  transform: scale(0.8);
}
.license-modal-md-checkbox .md-label {
  margin-left: 25px;
}

.footer-license-modal {
  color: #fff !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  font-size: 13px !important;
}

.diagnosis-edit-fee-per {
  margin-top: -16px;
  margin-left:5px;
  font-size: 14px !important;
}

.fee-label-width {
  width: 60px !important;
}
.fee-label-width-fi360 {
  width: 153px !important;
}
.gb-val-new-line-fl{
      float: right;
      width: calc(100% - 60px);
    }
@media only screen and (max-width: 1024px) {
  .fee-label-width {
    width: 40px !important;
  }

  .form-foot .strategy, .strategy-header {
    font-size: 12px !important;
    line-height: 24px;
  }
  .gb-val-new-line-fl{
      float: right;
      width: calc(100% - 45px);
    }
  .asset-toolbar-icons md-icon.material-icons, .toolbar-header-icons md-icon.material-icons {
        font-size: 18px;
        margin: 12px 0 0 0;
  }
  .md-button.cbGenReport .cbGenReportTxt{
    font-size: 12px;
  }
  .md-button.cbGenReport .material-icons{
    height: 16px;
    font-size: 16px;
  }
}

.placeholder-change::placeholder {
    color: #A9A9A9;
    opacity: 1; /* Firefox */
}

.placeholder-change:-ms-input-placeholder {
   color: #A9A9A9;
}

.fi360-security-clear {
  font-size: 13px;
  cursor: pointer;
  padding-left: 0px !important;
  padding-top: 10px;
  font-family:Roboto Condensed;
      text-align: center;
}
.fi360-default-selection {
  text-align: center;
  padding-top: 10px;
  font-family:Roboto Condensed;
  font-size: 16px;
  font-weight: 500 !important;
}

/*.fi360-vertical-slider-select.vRiskSlider.rz-vertical .rz-ticks .rz-tick .rz-tick-value {*/
  /*left: 30px !important;*/
  /*transform: translate(-10%, -8%);*/
/*}*/

/*.fi360-vertical-slider-design.vRiskSlider.rz-vertical .rz-ticks .rz-tick .rz-tick-value {*/
  /*transform: translate(-3%, -5%);*/
/*}*/
.fi360li {
  cursor: pointer;
  display: block;
  padding: 5px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  white-space: nowrap;
}

.fi360li:focus, .fi360li:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.fi360-dropdown {
  font-size: 16px;
  font-family: 'Roboto Condensed';
  margin-left: -8px;
}
.fi360Label {
  position: relative;
  top: -21px;
  left: 148px;
}

.fi360Label-tab {
  position: relative;
  top: -25px;
  left: 165px;
}

.fi360-dropdown-tab {
  margin-right: 40px;
  font-size: 18px;
  margin-top: 10px;
}

.portfolioFrictionSlider.rzslider .rz-bar{
  background: #a0a0a0 !important;
  height:8px !important
}

.portfolioFrictionSlider.rzslider .rz-bar.rz-selection{
  background: #9e3f04 !important;
}

.portfolioFrictionSlider.rzslider .rz-bar-wrapper{
  visibility: visible !important;
}

.portfolioFrictionSlider.rzslider .rz-bubble.rz-limit, .portfolioFrictionSlider.rzslider .rz-bubble{
  color: #000000;
}

.portfolioFrictionSlider.rzslider .rz-pointer:after{
  display: none;
}

.portfolioFrictionSlider.rzslider .rz-pointer{
  border-radius: 0;
  height: 35px;
}

.portfolioFrictionSlider.rzslider .rz-bubble{
  bottom:-11px;
  z-index: 100;
}


.portfolioFrictionSlider.rzslider span.rz-bubble{
  color: #fff !important;
}
.portfolioFrictionSlider.rzslider span.rz-floor{
  left: -15px !important;
  color: grey !important;
}

.portfolioFrictionSlider.rzslider span.rz-ceil{
  right: -28px !important;
  left: auto !important;
  color: grey !important;
  visibility: visible !important;
}
.portfolioFrictionSlider.rzslider {
  margin:12px 0 15px 30px;
  width: 35%;
}
.ovDiag-panelDesc .ovDiag-info span {
  /*background: #0060a0;*/
  /*color: white;*/
  /*width: 33px;*/
  height: 33px;
  text-align: center;
  line-height: 25px;
  display: inline-block;
  /*font-size: 17px;*/
  margin-left: 6px;
  /*vertical-align: middle;*/
  padding-top: 5px;
}
.ovDiag-small,
.ovDiag-smaller,
.ovDiag-panelDesc .ovDiag-info,
.ovDiag-panelDesc .ovDiag-info + p,
.ovDiag-panelDesc .ovDiag-info + p + p{
  font-size:13px !important;
}
.ovDiag-panelDesc .ovDiag-info.ovDiag-info-tax {
  font-size:1vw !important;
}
@media only screen and (min-width: 700px) and (max-width: 1023px){
    .ovDiag-smaller {
        font-size:12px !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px){
.ovDiag-panelDesc .ovDiag-info.ovDiag-info-tax,
.ovDiag-small,
.ovDiag-panelDesc .ovDiag-info,
.ovDiag-panelDesc .ovDiag-info + p,
.ovDiag-panelDesc .ovDiag-info + p + p{
  font-size:14px !important;
}
  .ovDiag-smaller {
    font-size:13px !important;
  }
.ovDiag-panelDesc .ovDiag-info span {
  /*width: 39px;*/
  margin-left: 0;
  font-size: 16px !important;
  }}

@media only screen and (min-width: 1280px) and (max-width: 1366px){
.ovDiag-panelDesc .ovDiag-info span {
  margin-left: 5px;
  /*width: 43px*/
  }}

@media only screen and (min-width: 1400px){
.ovDiag-panelDesc .ovDiag-info span {
  font-size: 17px !important;
  }}
@media only screen and (min-width: 1600px){
.ovDiag-panelDesc .ovDiag-info span {
  font-size: 20px !important;
  }}
@media only screen and (min-width: 1920px) {
  .ovDiag-panelDesc .ovDiag-info span {
    font-size: 23px !important;
  }
}

.diagnosis-risk-down-market {
  height: 180px !important;
  margin-top: 5px;
}
@media only screen and (min-width: 1600px) {
  .diagnosis-risk-down-market {
    height: 170px !important;
  }
}

@media only screen and (min-width: 1920px) {
  .diagnosis-risk-down-market {
    height: 160px !important;
  }
}

.friction-pdf {
  line-height:1.3!important;
  background: #eae9e9 !important;
  padding-top: 3px !important;
  margin-bottom: 7px !important;
}

.center-text {
  text-align: center !important;
}

.upload-portfolio-button {
  border: none !important;
  text-align: center !important;
  margin: 0px !important;
}

.upload-portfolio-panel {
  width: 100%;
  padding: 10px 10px;
  border: solid 1px #ccc;
}

.upload-portfolio-panel h4 {
  text-align: center;
  color: #006bb2;
}
.analysis-text {
  text-align: left;
  font-size: 16px;
  margin: 5px 0;
  padding: 2px 0;
}

.upload-portfolio-panel-row {
  width: 100%;
  margin-left: 3% !important;
  font-family: Roboto;
}

.upload-portfolio-yes-span {
  padding: 4px 8px;
  border: solid 1px #006bb2;
  margin: 5px 0px 5px 10px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 14px;
  display: inline-block;
}

.upload-portfolio-no-span {
  padding: 4px 11px;
  border: solid 1px #006bb2;
  cursor: pointer;
  border-radius: 5px;
  font-size: 14px;
  display: inline-block;
  margin: 5px 10px;
}

.design-final-tab-yes{
  padding: 4px 7px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 16px;
  margin-right: 7px !important;
}

.design-final-tab-no{
   padding: 4px 10px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 16px;
}

.disabled-taxable {
  cursor: not-allowed !important;
}
.col-padding {
  padding-right: 17px !important;
}

@media only screen and (max-width: 1024px) {
  .col-padding {
      padding-right: 6px !important;
  }
  .ms-4-row {
    padding: 0px !important;
  }
  .upload-portfolio-panel-row {
    margin-left: 0% !important;
  }
  .show-portfolio-modal {
    width: 52% !important;
  }
}
@media only screen and (min-width: 1366px) {
  .col-padding {
    padding-right: 30px !important;
  }
}
@media only screen and (min-width: 1440px) {
  .col-padding {
    padding-right: 35px !important;
  }
}
@media only screen and (min-width: 1536px) {
  .col-padding {
    padding-right: 48px !important;
  }
}
@media only screen and (min-width: 1680px) {
  .col-padding {
    padding-right: 56px !important;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .upload-portfolio-panel-row {
    margin-left: 5% !important;
  }
  .portfolio-upload-desc{
    margin-top: 12% !important;
    font-size: 18px !important;
  }
  .upload-portfolio-panel h4 {
    font-size: 20px;
  }
  .analysis-text {
    font-size: 18px;
  }
  .upload-panel-text p,.upload-panel-text h5{
    font-size: 18px !important;
  }
  .account-text {
    font-size: 17px !important;
  }
  .upload-panel-text span, .upload-panel-text a{
    font-size: 15px !important;
  }
}

@media only screen and (min-width: 1920px) {
  .col-padding {
    padding-right: 70px !important;
  }
  .upload-portfolio-panel-row {
    margin-left: 10% !important;
  }
  .portfolio-upload-desc{
    margin-top: 10% !important;
    font-size: 20px !important;
  }
  .upload-portfolio-panel h4 {
    font-size: 22px;
  }
  .account-text {
    font-size: 18px !important;
}
  .analysis-text {
    font-size: 20px;
  }
  .upload-panel-text p, .upload-panel-text h5{
  font-size: 20px !important;
}
  .upload-panel-text span, .upload-panel-text a{
    font-size: 18px !important;
  }
}

.portfolio-upload-desc{
  margin-top: 18%;
  font-size: 16px !important;
}
.account-text {
  line-height: 2.5;
  font-size: 15px;
}

.upload-portfolio-button-row {
  margin-bottom: 15px;
  margin-top: 30px;
}

.upload-panel-text p, .upload-panel-text h5{
  font-size: 16px;
}

.upload-panel-text span, .upload-panel-text a{
  font-size: 14px;
}

.upload-portfolio-panel-row .material-icons {
    cursor: pointer;
    height: 16px !important;
    width: 16px !important;
    min-height: 16px !important;
    min-width: 16px !important;
    font-size: 16px;
    margin-top: -2px;
    /*color: #006bb2;*/
    float: none;
}
.tooltip-report .material-icons {
  margin-left: 90%;
  height: 10px;
  width: 10px;
  min-height: 10px;
  min-width: 10px;
  font-size: 12px;
  color: white;"
}
/*md-tooltip.tt-multiline{*/
  /*position: fixed;*/
/*}*/

md-tooltip.tt-multiline .md-content {
    opacity: 1 !important;
    width: 450px !important;
    font-size: 12px !important;
    font-family: "Roboto Condensed" !important;
    font-weight: 400 !important;
    text-align: center;
    white-space: pre-line;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
md-tooltip.mri .md-content {
    margin-top: -3px!important;
    margin-bottom: -18px !important;
}
md-tooltip.dri .md-content {
    margin-top: -17px!important;
    margin-bottom: -5px !important;
}
.tickerError {
  font-size: 12px;
  padding: 5px;
  font-family: SANS-SERIF;
  color: red;
  margin: 0 auto;
  border: none;
  margin-bottom: -15px;
}
.diagnosis-postTable-ticker .md-whiteframe-z1, .partner-account-div .md-whiteframe-z1{
  box-shadow: none;
}
.diagnosis-postTable-ticker md-autocomplete input:not(.md-input), .partner-account-div md-autocomplete input:not(.md-input){
  text-align: center;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}
.diagnosis-postTable-ticker md-autocomplete input:not(.md-input).ng-empty, .partner-account-div md-autocomplete input:not(.md-input).ng-empty {
    padding-right: 55px;
}
md-input-container md-autocomplete-wrap .md-input{
  -webkit-order: 0;
  order: 0;
}
md-input-container:not(.md-input-has-value) md-autocomplete-wrap input:not(:focus){
 color: rgba(0,0,0,0.87);
}
md-input-container:not(.md-input-has-value) md-autocomplete-wrap input[type=search]:disabled {
    color: rgba(0,0,0,0.26);
}

/*.diagnosis-postTable-ticker tr:not(.otherPos) th{*/
  /*padding: 0 !important;*/
  /*line-height: 0;*/
  /*height: 0;*/
/*}*/
/*.diagnosis-postTable-ticker th div{*/
  /*position: absolute;*/
  /*z-index: 1;*/
  /*background-color: #fff;*/
  /*margin-top: -1px;*/
  /*padding: 13px 0;*/
/*border-bottom: 1px solid #ddd;*/

/*}*/
.dummyTblHeaderWrapper{
  position: relative;
  z-index: 1;
  padding: 0 30px;
}
.dummyTblAbsHeader{
  position: absolute;
  left: 30px;
  right: 30px;
}

.dummyTLTblHeaderWrapper{
  position: relative;
  z-index: 1;
  padding: 0 30px;
}
.dummyTLTblAbsHeader{
  position: absolute;
  left: 30px;
  right: 30px;
}

.diagnosis-postTable-ticker tr:first-child td {
    padding-top: 31px !important;
}
.diagnosis-postTable-ticker .shareCount{
  font-size: 14px;
  margin-bottom: 0;
  border-bottom: 0;
  line-height: 40;
  text-align: center;
  -moz-appearance:textfield;
  -webkit-appearance: none;
  margin: 0;
  height: 40px;
  background-color: #fff;
}
.diagnosis-postTable-ticker .shareCount::-webkit-inner-spin-button,
.diagnosis-postTable-ticker .shareCount::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
md-autocomplete md-autocomplete-wrap md-progress-linear{
  display: none;
}
.acconut-taxable-row, .account-auto-invest-row {
  font-size: 18px;
  width: 64% !important;
  padding-left: 10px;
  padding-right: 0px !important;
}

.acconut-taxable-button, .account-auto-invest-button {
  padding: 0px !important;
  width: 36% !important;
}

.athenaFlex{
  flex-grow: 2;
  -webkit-flex-grow: 2;
}
@media (min-width: 768px) {
  .athenaStrategyName {
    width: 28% !important;
    padding-right: 0px !important;
  }

  .athenaMdButtons {
    width: 22% !important;
  }
  .md-clear{
    display: none;
  }

}

.specialCaseCard {
  width: 52%!important;
  margin: 0% 24% !important;
  max-width: 100% !important;
}
.specialCaseCard md-tab-item{
  position: relative;
}
.specialCaseCard md-tab-item .special-case-label{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.specialCaseCard md-tab-item.md-tab.ng-scope.ng-isolate-scope.md-ink-ripple.md-active {
  border-right: 0;
}
.specialCaseCard md-ink-bar {
  height: 0px;
}
.specialCaseCard md-tabs:hover{
  color:#fff;
}
.specialCaseProductDesc {
  text-align: center;
  line-height: 1.7;
  padding: 25px 50px 50px 50px;
  font-size: 16px;
}
.specialCaseCard md-tabs:hover md-progress-circular svg path{
  stroke: #fff !important;
}

.trim-benchmark-name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 15px;
  position: relative;
  max-width: 100%;
}

.under-construction-label {
  font-size: 10px;
  font-family:Roboto Condensed;
  padding-left: 3px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #777 !important;
}

h5.dropBoxMsg{
  font-size: 14px !important;
  font-family: roboto;
}

.dropBoxMsg{
  font-size: 14px !important;
}
@media only screen and (min-width: 1230px) {
  .dropBoxMsg{
    font-size: 15px !important;
  }
}
@media only screen and (min-width: 1400px) {
  .dropBoxMsg{
    font-size: 17px !important;
  }
}

.advisory-service-agreement {
  padding: 0px 15px;
  font-size: 17px !important;
  line-height: 2;
  text-align: center;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #332c2c;
}
.hide-lg-content{
  display: block;
}
.show-sm-content{
  display: none;
}
.form-row-padding{
  margin-top: 30px !important;
}
.form-row-padding-50{
  margin-top: 50px !important;
}
.form-row-padding-10{
  margin-top: 10px !important;
}
.form-bottom-padding-30{
  padding-bottom: 30px;
}
.autoCorrectMsg.adjustment{
  margin-top: 14px;
}
.ovDiag-section1 small.fee-dsc-font, .ovDiag-panelDesc .fee-dsc-font{
 font-size: 14px;
}
.ovDiag-section1 small.fee-count-font{
  font-size: 16px;
}
.fee-btn{
  font-size: 13px;
}
.tax-card md-card-header-text .header-font-size-fix {
  font-size: 16px;
}
.tax-card md-card-title-text .tax-card-text{
  font-size: 14px;
}
.tax-card md-card-title-text h5.tax-card-text{
    font-family: "Raleway";
    font-size: 13px;
}
.tax-card md-card-content .card-content-text{
  font-weight: 500;
}
.tax-card md-card-content .rzslider .rz-ticks .rz-tick .rz-tick-value{
  font-size: 12px;
}
label.checkbox-inline{
  font-size: 12px;
}
.md-menu .md-button{
  min-width: 36px;
}
.lp-card-padding{
    padding: 0 30px;
}
.nav-sm-responsive{

}
.d_tickers .md-chips .md-chip-input-container{
 float: none;
}
label.radio-inline {
    font-size: 12px;
}
.tm-partial-cards-right{
  margin-right: 16%;
}
.tm-partial-cards-left{
  margin-left: 16%;
}
.col-seperator{
  background-image: url('../images/seperator.png');
  background-position: right center;
  background-size: 1px 100%;
  background-repeat: no-repeat;
}
.toolbar-header-icons .material-icons{
  height: 24px;
}
.menu-btn{
  min-width: 36px;
}

@media (min-width: 1200px){
  .hide-lg-content{
    display: none;
  }
  .show-sm-content{
    display: block;
  }
  .md-clear{
    display: block;
    clear: both;
  }
  .sd-clear{
    display: none;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1200px){
  .sm-clear{
      display: block;
      clear: both;
  }
  .panel-body .facts h3{
    font-size: 40px !important;
  }
  .menu-btn{
    min-width: 36px;
    margin: 6px 0px;
  }
  .security-form .collapsible .collapsible-body{
        padding: 0 20px;
  }
  .form-input{
    padding: 10px 10px;
  }
  .edit-fee-font{
    font-size: 14px !important;
  }
  .enhance-bar .rz-ticks .rz-tick .rz-tick-value{
      font-size: 10px !important;
  }
}
@media  only screen and (min-width: 768px) and (max-width: 1130px){
  .form-foot{
    padding: 5px 0;
  }
  .feature-section-seperator:nth-child(2n-2) {
    border: none;
  }
  .wrapper{
    padding: 65px 5px 20px 5px
  }
}
@media (min-width: 768px) and (max-width: 992px){
  .tm-partial-cards-right{
    margin-right: 1%;
  }
  .tm-partial-cards-left{
    margin-left: 1%;
  }
  .cust-form-label{
    padding-left: 8px !important;
    margin-bottom: 25px;
  }
  .form-row-padding, .form-row-padding-50{
    margin-top: 0 !important;
  }
  .form-row-padding, .form-row-padding-10{
    margin-top: 0 !important;
  }
  .form-bottom-padding-30{
    padding-bottom: 0px !important;
  }
  .autoCorrectMsg.adjustment{
    margin-top: -20px !important;
    margin-bottom: 3px;
  }
  .ovDiag-panelHeader h4{
    font-size: 16px;
  }
  .pipv-title h5{
    font-size: 14px;
  }
  .ovDiag-section1 small.fee-dsc-font, .ovDiag-panelDesc .fee-dsc-font{
    font-size: 12px;
  }
  .ovDiag-section1 small.fee-count-font{
    font-size: 14px;
  }
  .fee-btn{
    font-size: 12px;
  }
  .lp-card-padding{
    padding: 0 15px;
  }
  .flex-xs-optional .col-sm-6{
      padding-right: 5px;
      padding-left: 5px;
  }
  .md-tab-label-number {
      float: left;
      font-size: 18px;
      align-self: center;
      margin-left: 5px;
      margin-right: 8px;
    }
    .label-caption-evaluate, .label-caption-suit-products, .label-caption {
      font-size: 13px !important;
    }
    .form-foot .strategy, .strategy-header{
      line-height: 18px;
    }
    .gb-val-new-line{
      display: block;
      margin-bottom: 5px;
    }
    .gb-val-new-line-fl{
      display: block;
      margin-bottom: 5px;
      float: none;
      width: 100%;
    }

    .uis-table td{
    padding: 10px 5px 10px 0;
  }
    .uis-table th:first-child, .uis-table td:first-child{.form-foot .strategy, .strategy-header
          padding-left: 0 !important;
    }
    investment-science-lower-risk .flex-item.min-height-sub-features, investment-science-lower-risk .flex-container.layout-padding {
    padding: 2px;
  }
  .sm-hide{
    display: none;
  }
  .col-md-2 .nav-sm-responsive.nav>li{
    display: inline-block;
    min-width: 100px;
    text-align: center;
  }
  .or-bootstrap .col-md-10.lessMargin {
    margin: 0 -10px;
  }
  .nav-sm-responsive.nav-pills > li.active > a, .nav-sm-responsive.nav-pills > li.active > a:focus, .nav-sm-responsive.nav-pills > li.active > a:hover{
      border-right:0;
      border-bottom: 5px solid #006bb2;
  }
  .results-sidebar.nav>li>a{
    padding: 8px 10px;
  }
  label.radio-inline{
    font-size: 12px;
  }
  .col-seperator{
    background-image: url('../images/seperator.png');
    background-position: center bottom;
    background-size: 90% 2px ;
    background-repeat: no-repeat;
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 1024px) {
    .label-caption-evaluate, .label-caption-suit-products, .label-caption {
        font-size: 12px !important;
    }

    .md-tab-label-number, .md-tab-label-number-risk{
        font-size: 14px !important;
        margin-left: 2px;
        margin-right: 6px;
    }
    .lp-card-padding{
        padding: 0;
    }
}

.flex-xs-optional{
    display: flex;
}
.LR-MRI-column{
  height: 280px;
}
.LR-MRI-sec-1{
  height: 230px
}
.LR-MRI-sec-dsc{
  margin-left: 40px;
  margin-right: 40px;
}
.rr-partial-div{
  padding:0px 30px 20px;
}

.wrap-tab-name{
      line-height: 1.3 !important;
      text-align: left !important;
    }
.user-name-menu{display: none;}
.cb-user-name-menu{
  display: block !important;
}
.user-name-menu .md-button[disabled], .user-name-menu .md-button[disabled] md-icon {
  color: inherit;
}
@media (max-width: 1280px){
  .hide-sm-menu.user-menu{
    display: none;
  }
  .user-name-menu{display: block;}
}
@media (max-width: 1024px){
  .hide-sm-menu{
    display: none;
  }
}
@media (min-width: 1025px){
  .md-menu .md-button{
    padding-left: 0px;
  }
}
@media (max-width: 959px) and (min-width: 600px) {
  .flex-15 .nav-sm-responsive.nav>li{
    display: inline-block;
    min-width: 100px;
    text-align: center;
  }
}
@media (max-width: 768px){
  .edit-fee-font{
    font-size: 14px !important;
  }
  .form-foot .strategy, .strategy-header{
      line-height: 18px;
    }
  .gb-val-new-line{
      display: block;
      margin-bottom: 5px;
    }
  .gb-val-new-line-fl{
      display: block;
      margin-bottom: 5px;
      float: none;
      width: 100%;
    }
  .menu-btn{
    min-width: 36px;
    margin: 6px 0px;
  }
  .feature-section-seperator {
    border: none;
  }
  .col-seperator{
    background-image: url('../images/seperator.png');
    background-position: center bottom;
    background-size: 90% 2px ;
    background-repeat: no-repeat;
    margin-bottom: 25px;
  }
  .results-sidebar.nav>li>a{
    padding: 5px 8px;
  }
  .col-md-2 .nav-sm-responsive.nav>li{
    display: inline-block;
    min-width: 80px;
    text-align: center;
  }
  .pipv-title h5{
    font-size: 14px;
  }
  .or-bootstrap .col-md-10.lessMargin {
    margin: 0 -10px;
  }
  .nav-sm-responsive.nav-pills > li.active > a, .nav-sm-responsive.nav-pills > li.active > a:focus, .nav-sm-responsive.nav-pills > li.active > a:hover{
      border-right:0;
      border-bottom: 5px solid #006bb2;
  }
  .sm-hide{
    display: none;
  }
  .tm-partial-cards-right{
    margin-right: 1%;
  }
  .tm-partial-cards-left{
    margin-left: 1%;
  }
  .rr-partial-div{
    padding:0px 10px 20px;
  }
  .LR-MRI-sec-dsc{
    margin-left: 20px;
    margin-right: 20px;
  }
  .LR-MRI-sec-1{
    height: 250px;
  }
  .LR-MRI-column{
    height: 300px;
  }
  .lp-card-padding{
    padding: 0;
  }
    .flex-xs-optional{
        display: block;
    }
    .flex-xs-optional .xs-padding{
        margin-bottom: 20px;
    }
    .md-tab-label-number, .md-tab-label-number-risk {
      float: left;
      font-size: 14px;
      align-self: center;
      margin-left: 2px;
      margin-right: 5px;
    }
    .label-caption-evaluate, .label-caption-suit-products, .label-caption {
      font-size: 12px !important;
    }
    .strategy-header-to, .form-foot .strategy-to.strategy-header-to {
      font-size: 12px !important;
      white-space: normal;
    }
    .results-sidebar li a {
      font-family: Oswald;
      font-size: 12px !important;
    }
    .form-foot{
      padding: 5px 0;
    }
    .asset-toolbar-icons .row {
      margin: 0;
    }
    .asset-toolbar-icons .col-xs-2, .asset-toolbar-icons .col-xs-3 {
        padding-right: 2px;
        padding-left: 5px;
    }
    .asset-toolbar-icons md-icon.material-icons, .toolbar-header-icons md-icon.material-icons {
        font-size: 18px;
        margin: 12px 0 0 0;
    }
    .asset-toolbar-icons .toolbar-header-icons{
          margin-top: -6px;
    }
    .font-fix{
        font-size: 10px !important;
    }
    .form-row-padding,.form-row-padding-50 {
        margin-top: 0 !important;
    }
    .form-row-padding,.form-row-padding-10 {
        margin-top: 0 !important;
    }
    .form-bottom-padding-30{
      padding-bottom: 0px !important;
    }
    .autoCorrectMsg.adjustment{
      margin-top: -20px !important;
      margin-bottom: 3px;
    }
    .cust-form-label {
        padding-left: 8px !important;
        margin-bottom: 25px;
    }
  .uis-table td{
    padding: 10px 3px 10px 0;
  }
  .uis-table th:first-child, .uis-table td:first-child{
          padding-left: 0 !important;
    }
  investment-science-lower-risk .flex-item.min-height-sub-features, investment-science-lower-risk .flex-container.layout-padding {
    padding: 0;
  }
  .wrapper{
    padding: 45px 5px 20px 5px
  }
  label.radio-inline{
    font-size: 12px;
  }
  .act-block {
    width: 100%;
  }
  .collapsible.popout>li{
    margin:0;
  }
  .security-form .collapsible .collapsible-body{
        padding: 0 20px;
  }
  .form-input{
    padding: 10px 10px;
  }
  .landing-choice-desc{
    /*height: 210px;*/
  }
  .enhance-bar .rz-ticks .rz-tick .rz-tick-value{
      font-size: 10px !important;
  }
}

.user-select-enable {
  user-select: text !important;
}

.base-row {
    margin-top: 0px !important;
      margin-bottom: 0px !important;
}
.base.btn {
    line-height: 28px !important;
    width: 80px !important;
    margin-top: 0px !important;
    height: 30px !important;
    background-color: #337ab7 !important;;
    border-color: #2e6da4 !important;
}

.password_list {
    width: 86%;
    border: solid 1px #f2f5f5;
    background: #f2f5f5;
 font-size: 14px;
    padding: 5%;
    font-family: Roboto Condensed !important;
    padding-bottom: 0px !important;
    padding-top: 3%;
}

.password-change-error ul:first-child  li:before {
  content: "\2717";
  color: crimson;
    padding-right: 5px;
  font-size: 16px;
  font-weight: bold
  }

.form-error {
    text-align: center;
  font-family: roboto;
  font-size: 15px;
    padding-bottom: 5%;
}

.base-row-input input{
    font-size: 15px !important;
}

.user-select-enable {
  user-select: text !important;
}

.scrollable-content {
  overflow-y:scroll;
}

.scrollable-content::-webkit-scrollbar {
    width:15px;
}

.scrollable-content::-webkit-scrollbar-track {
    background:rgb(238,238,238);
}

.scrollable-content::-webkit-scrollbar-thumb {
    background: #b3b3b3;
}

.scrollable-content::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

/*Proposal Asset Allocation*/
.aaLegendBoxWrapper{
  margin-top: 40px;
  text-align: center;
  padding: 0 20px;
}
.aaLegendBoxWrapper .aaLegendBox{
  white-space: nowrap;
  display: inline-block;
}
.aaLegendBoxWrapper .aaLegendBox .aaLegendName{
  margin-right: 10px;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle;
  display: inline-block;
  font-family: Roboto;
  color: #333333;
}
.aaLegendBoxWrapper .aaLegendBox .aaLegendColorBox{
  width:40px;
  height: 12px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

@media only screen and (min-width: 900px) {
  .large-screen-flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 992px) {
  .large-screen-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (min-width: 768px) {
  .medium-screen-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1290px){
  .return-range-positive-month-chart {
    font-size: 15px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .fi360-score-padding-right {
    padding-right: 0px !important;
  }
}
@media (min-width: 992px) {
  .or-bootstrap > .col-md-2{
    padding: 0 15px 0 0;
    max-width: 11.66666667%;
  }
  .or-bootstrap > .col-md-10{
    width: 88.333333%
  }
}

.panel-same-height {
  height: 95%;
}

.missing-ticker-info {
  font-size: 11px;
  font-family: Raleway, sans-serif;
  font-family: Roboto;
  color: #908b8b;
}

.disable-table-row {
  pointer-events: none;
  color: #c8c3c3;
}
.disable-icon {
   color: #c8c3c3 !important;
  pointer-events: none;
}

@media (max-width: 768px){
  .displayChange{
    display: block !important;
  }
  .displayChange .flex-sm-50{
      width: 100%;
      max-width: 100%;
      padding: 0;
  }
}


.tlh-on {
  width: 30px;
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left;
  color: green;
  margin-top: -4px;
}

.tlh-off {
  width: 30px;
  font-size: 20px !important;
  font-weight: bold !important;
  padding-top: 4px;
  color: darkred;
  margin-top: -8px;
}


.verticaltext_content {
  position: relative;
  transform: rotate(-90deg);
  right:90px;   /*These three positions need adjusting*/
  bottom:150px; /*based on your actual chart size*/
  width:200px;
}
.all-position-modal {
  width: 50%;
}
.all-position-link {
  font-size: 13px;
  cursor: pointer
}

@media all and (min-width: 980px) and (max-width: 1200px) {
  .all-position-modal{
    width: 60% !important;
  }
  .all-position-modal table {
    font-size: 14px !important;
  }
  .all-position-link {
    font-size: 12px !important;
  }
}

@media all and  (max-width: 970px){
  .all-position-modal{
    width: auto !important;
  }
}


@media all and (max-width: 1000px) {
  .missing-ticker-modal-small-screen .md-dialog-content, .dummyTblHeaderWrapper,.missing-ticker-sub-header{
    padding:0 10px !important;
  }
  .missing-ticker-modal-small-screen{
    max-width: 90% !important;
  }
  .dummyTblAbsHeader {
    left: 10px;
    right: 10px;
  }
}
.missing-ticker-sub-header {
  padding: 0 30px;
  margin-bottom: 10px;
  font-size: 15px;
  font-family: Oswald;
  /*font-weight: 600;*/
  /*filter: brightness(115%);*/
}

.missing-ticker-sub-header-other {
  text-align: left;
  padding: 16px !important;
  height: 40px;
  font-size: 15px !important;
  /*filter: brightness(115%);*/
}
.portfolio-table table{
  border: 1px solid #ddd;
  text-align: center;
  padding: 10px;
  border-collapse: collapse;
  width: 100%;
}
.portfolio-table td {
  padding: 10px;
  border-collapse: collapse;
  font-size: 14px;
}

.portfolio-table-border td {
    border: 1px solid #ddd;
}
.relWrapper{
  overflow-y: auto;
  overflow-x: hidden;
  width: 200px;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  max-height: 190px;
  z-index: 10;
  display: none;
}

.dropdown-menu-custom{
    display: none;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
}
.open>.dropdown-menu-custom, .open>.relWrapper, .open>.relWrapper>.dropdown-menu-custom {
    display: block;
}
.dropdown-submenu-custom{

}
.dropdown-submenu-custom>.dropdown-menu-custom {
  top: 0%;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
  position: absolute;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  max-height: 190px;
  z-index: 10;
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 200px;
  padding: 0;
}
.dropdown-menu-custom>li>a, .dropdown-menu-custom>ul>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-submenu-custom>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu-custom:hover>a:after {
    border-left-color: #fff;
}
.dropdown-menu-custom>li>a:focus, .dropdown-menu-custom>li>a:hover, .dropdown-menu-custom>ul>li>a:focus, .dropdown-menu-custom>ul>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-submenu-custom:hover>.dropdown-menu-custom, .dropdown-submenu-custom>.dropdown-menu-custom:hover {
    display: block !important;
}
.dropdown-toggle.isCustom .accName{
    font-size: 18px;
    font-family: 'Roboto Condensed';
    min-width: 200px;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    padding: 2px 20px 2px 2px;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 26px;
}
.dropdown-toggle.isCustom .glyphicon{
  top: -12px !important;
  left: -20px !important;
}
.dropdown-toggle.isCustom .glyphicon-menu-down:before {
    display: block;
    content: '\25BC';
    position: relative;
    top: 2px;
    speak: none;
    font-size: 13px;
    -webkit-transform: scaleY(.5) scaleX(1);
    transform: scaleY(.5) scaleX(1);
}
.accHeading{
  font-weight: 400;
  margin-right: 10px;
  color: #9e9e9e;
}
.accHeading:after{
    content: ' *';
    font-size: 13px;
    vertical-align: top;
}

.athena-product-name {
  padding: 10px 14px;
}
@media all and (min-width: 1600px) {
  .athena-product-name {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media all and (max-width: 1599px) {
  .athena-product-short-name{
    padding: 20px 0px !important;
  }
}

.large-sub-product-name {
    border: none !important;
    text-align: center !important;
    padding: 0 0 0 0 !important;
    font-family: Oswald !important;
    padding: 0px 5px !important;
    width: auto !important;
  font-size: 14px;
}

.more-large-name-products {
  margin: 2px auto !important;
  display: block;
}
.cbFakeDivTT{
    position: absolute;
    width: 44px;
    height: 30px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}
.md-select-menu-container{
  z-index: 10005;
}
md-backdrop.md-dialog-backdrop{
    z-index: 10001;
}
md-backdrop.md-select-backdrop{
    z-index: 10003;
}

.license-modal .form-input .form-box label,.license-modal  .save-form-box label {
  font-size: 16px;
  font-weight: normal;
  font-family: "Roboto";
}

.license-modal .form-input .form-box input{
  font-size: 16px;
  font-weight: normal;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.license-modal .md-select-value{
  font-size: 18px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.sub-advisory-table {
  width: 60%;
  border: 1px solid transparent;
}
.sub-advisory-table td, sub-advisory-table th {
  border: 1px solid transparent !important;
  padding: 10px 0px !important;
}
.sub-advisory-table-fixed-div {
  width: auto !important;
  max-height: 200px !important;
}
.pdf-list-item-margin {
      margin-left: 50px;
  }
@media only screen and (max-width: 900px) {
  .license-modal{
    width: 100% !important;
  }
  .sub-advisory-table{
    width: 100% !important;
  }
  .sub-agreement-col-padding {
    padding-bottom: 35px !important;
  }
  .sub-advisory-table-fixed-div {
    max-height: 143px !important;
  }
}

@media only screen and (max-width: 1050px) {
  .license-modal {
    width: 80% !important;
  }
  .sub-advisory-table{
    width: 80%;
  }
}
.security-header {
  font-size: 16px;
}
.secuirty-dropdown-option {
  font-family: 'Roboto Condensed';
  font-size: 14px;
}

@media only screen and (min-width: 1260px) {
  .security-form .md-select-value {
      font-size: 16px;
  }
  .secuirty-dropdown-option {
    font-size: 15px !important;
  }
  .security-header {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1500px) {
  .secuirty-dropdown-option {
    font-size: 16px !important;
  }
}

.slider-desc {
    color: #5c5757 !important;
  font-family: roboto condensed !important;
}

.compChart table{
  margin-bottom: 20px;
  table-layout: fixed;
}
.compChart th{
  line-height: 1.5;
  text-align: center;
  padding: 3% 3px;
  font-size: 12px;
  font-weight: 400;
  color: #666666;
}
/*.compChart th div{*/
  /*max-width: 200px;*/
/*}*/
.compChart td {
  padding: 3% 5px;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  color: #787878;
}
.compChart td:first-child{
  text-align: left;
  font-size: 13px;
}
.compChart td:not(:first-child) {
    font-weight: 600;
    color: #000000;
}

.compChart .ssCB {
    width: 40px;
    display: inline-block;
    height: 13px;
    margin-right: 5px;
    vertical-align: middle;
}

.compChart li{
  display: inline-block;
  margin-right: 10px;
  cursor: default;
}
.md-small-icon{
  font-size: 16px !important;
  LINE-HEIGHT: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  margin-left: 5px;
}

.result-feature-alignment {
  vertical-align: middle;
  align-self: center;
  display: table-cell;
}

.nowrap-needed .result-feature-alignment{
  white-space: nowrap;
}

@media (max-width: 1350px){
  .nowrap-needed.nowrap-more .result-feature-alignment{
    white-space: normal;
  }
}

@media (max-width: 1280px){
  .nowrap-needed.nowrap-more .result-feature-alignment{
    white-space: nowrap;
  }
}

@media (max-width: 1200px){
  .nowrap-needed.nowrap-more .result-feature-alignment{
    white-space: normal;
  }
}

@media (max-width: 1050px){
  .nowrap-needed.nowrap-2 .result-feature-alignment{
    white-space: normal;
  }
}

@media (max-width: 770px){
  .nowrap-needed.nowrap-2 .result-feature-alignment{
    white-space: nowrap;
  }
}

.result-feature-alignment.no-icon {
  padding-top: 2px;
  padding-bottom: 6px;
}
md-toolbar.top-toolbar a.custMIO:hover{
  text-decoration: none;
}

.base-alloc-text.more-items {
  width: auto !important;
  margin: 0px 1px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.black-text {
  color: #404040 !important;
}

.enhance-div-box {
  border: 1px solid #d8d8d8 !important;
  border-radius: 3px;
  padding: 2px;
  color: #404040;
  margin: auto;
}

.enhance-div-box h4,h5 {
  padding: 0px !important;
}

.enhance-card-header {
  padding: 0px !important;
  text-align: center;
  font-family: Roboto !important;
  font-weight: 500 !important;
}

.enhance-card-main-header {
  padding: 0px !important;
  text-align: center;
  font-family: Oswald !important;
  font-weight: 500 !important;
  color: #404040 !important;
}

.enhance-div-box span{
  color: #000;
  font-size: smaller;
  font-family: "Raleway", sans-serif;
  font-weight: 500 !important;
}

.enhance-sub-header {
  color: #525050;
  font-size: smaller;
  font-family: "Roboto Condensed";
  font-weight: 500 !important;
}

.enhance-risk-sub-header {
    padding: 0px !important;
  color: #525050;
  font-size: 14px;
  font-family: 'Roboto Condensed' !important;
  font-weight: 500 !important;
}

.enhance-risk-value {
  color: rgb(64, 64, 64) !important;
  font-family: Roboto !important;
  font-weight: 500 !important;
}

.enhance-div-box .portfolio_value_pec {
  display: inline-block !important;
  font-size: 13px;
  margin-left: 5px;
  text-align: center;
  font-family: Roboto;
  color: #333333;
  font-weight: 500 !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}
.pa-0 {
  padding: 0px !important;
}
.pa-5 {
  padding: 5px !important;
}
.ml-5 {
  margin: 0px 0px 0px 5px !important;
}
.mr-5 {
  margin: 0px 5px 0px 0px !important;
}
.enhance-panel h1, .enhance-panel h2, .enhance-panel h4, .enhance-panel h6 {
  font-family: Roboto !important;
  font-weight: 500 !important;
}

.enhance-panel a {
    cursor: pointer;
  text-decoration: underline !important;
}

.uppercase-text {
  text-transform: uppercase;
}

.enhance-panel .mtt-speedo-tooltip {
  font-size: 18px;
  color: #404040;
  font-family: Roboto !important;
  font-weight: 500 !important;
}

.enhance-chart-description {
    color: #787878;
  text-align: center;
  padding: 0px 20px;
  font-size: 12px;
}
@media only screen and (max-width: 1024px) {
  .compChart td, .compChart th {
    padding: 1.5% 5px;
  }
}
@media only screen and (max-width: 1440px) {
  .compChart td, .compChart th {
    padding: 2% 5px;
  }
}

@media only screen and (min-width: 1590px) {
  .single-panel-width {
  max-width: 560px !important;
    width: 100%;
}
}

@media only screen and (min-width: 1950px) {
  .single-panel-width {
      max-width: 650px !important;
    width: 100%;
    }
}

@media only screen and (min-width: 1500px) {
  .single-tax-panel-width {
  max-width: 540px !important;
    width: 100%;
}
}

.font-weight-500 {
  font-weight: 500 !important;
}

.range-link {
  font-weight: 500 !important;
  font-size: 13px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.speedometer-description {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  line-height: 1.2;
  text-align: center;
}

.edit-fee-a {
  font-size: 11px;
  margin-left: 10px;
  font-family: Roboto Condensed;
}

.custAutoComp label{
  font-size: 16px;
}
.custAutoComp input
{
  font-size: 18px;
}
/*.ttCustAutoComp label{*/
  /*color: rgba(0,0,0,0.54) !important;*/
/*}*/
.ttCustAutoComp input {
  border-color: #9e9e9e !important;
}
.tax-div-pdf {
  width: 140px;
  padding: 15px 0px;
  margin: 10px;
  text-align: center;
}

.tax-div-pdf h3{
  color: white !important;
  font-weight: normal !important;
  font-family: Roboto !important;
}

.width-100 {
  width: 100%;
}

.limiter {
  width: 100%;
  margin: 0 auto;
}

.container-login100 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-wrap: wrap;
  min-width: 768px;
}

.wrap-login100 {
  width: 65%;
  min-height: 100vh;
  background: #fff;
  border-radius: 2px;
  position: relative;
}
/*.focus .wrap-login100 {*/
  /*display: flex;*/
  /*-webkit-box-orient: vertical;*/
  /*-webkit-flex-direction: column;*/
  /*flex-direction: column;*/
  /*-webkit-box-align: start;*/
  /*-webkit-align-items: flex-start;*/
  /*align-items: flex-start;*/
  /*-webkit-align-content: flex-start;*/
  /*align-content: flex-start;*/
  /*-webkit-box-pack: center;*/
  /*-webkit-justify-content: center;*/
  /*justify-content: center;*/
/*}*/

/*------------------------------------------------------------------
[ Login100 more ]*/
.login100-more {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: calc(100% - 65%);
  position: relative;
  min-height: 100vh;
}

.focus .login100-more{
  background-image: url('/static/img/background_12.jpg');
}

.login100-more::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.jpmorgan .login100-more{
  background-color: #E8F0F2;
}

.jpmorgan .login-banner-img{
  background-image: url(/static/img/jpm_login_banner_new.svg);
  background-size: 100% auto;
  background-position: bottom;
  position: absolute;
  left: 0;
  right: 0;
  padding-top: 105%;
  bottom: 0;
  background-repeat: no-repeat;
  height: 80%;
  max-width: 550px;
  margin: auto;
}

.jpmorgan .login-banner-text{
  position: absolute;
  left: 50%;
  transform: translate(-55%,0);
  font-size: 2.5vw;
  text-align: center;
  top: 44%;
  font-family: "Roboto", sans-serif;
  display: none;
}

/*==================================================================
[ Form ]*/

.login100-form  {
  width: 100%;
  max-width: 600px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 5px 0;
}

.login100-form-title {
  display: block;
  width: 100%;
  font-family: Roboto;
  font-size: 39px;
  color: #333333;
  line-height: 1.2;
  text-align: left;
}
.login_links .nav-tabs a.login-form-title{
  display: inline;
  font-family: Helvetica;
  font-size: 14px;
  color: #337ab7;
  line-height: 1.2;
  text-align: left;
  border: none !important;
  background: transparent !important;
  padding: 0 15px 0 0;
  line-height: 27px;
  margin: 0;
}

.login_links .nav-tabs .active a.login-form-title,h2.login-form-title{
  display: inline;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 24px;
  color: #666666;
  line-height: 1.2;
  text-align: left;
  font-weight:600;
}
.login_links {
	margin:30px 0px 15px;
}
.login_links .nav-tabs {
    border: none;
}

.login-pages-title{
    font-size: 24px;
    font-weight: 600;
    color: #333333 !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100, .wrap-input45, .wrap-input60 , .wrap-input90 {
  width: 100%;
  max-width:600px;
  position: relative;
  border: 1px solid #dbdbdb;
  margin-bottom: 15px;
  border-radius:6px;
}
.wrap-input-100, .wrap-input-45 {
  width: 100%;
  max-width:600px;
  position: relative;
  margin-bottom: 15px;
  border-radius:6px;
}
.profile_box {
  border: 1px solid #dbdbdb!important;
    border-radius: 8px;
    padding: 8px;
    /* height: 40px !important; */
    font-family: Roboto;
    font-size: 18px;
    color: #555555;
}
.profile_box span {
  color:#eae9e9;
}
.wrap-input-100 input, .wrap-input-45 input{
  border: 1px solid #dbdbdb!important;
  border-radius: 8px;
  padding:0px 10px;
}
.hang_label {
  padding:5px 0px;
  color:#333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px !important;
}
.wrap-input45,.wrap-input-45{
  width: 48%;
}
.wrap-input-45{
  width: 48.5%;
}
.wrap-input60 {
  width: 60%;
}

.wrap-input90 {
 width: 88%;
}
@media (max-width: 1140px) {
  .wrap-input45{
    width: 47%;
  }
}
@media (max-width: 880px) {
  .wrap-input45,.wrap-input100, .wrap-input60, .wrap-input90{
    width: 100%;
    max-width: 300px;
  }
}
.label-input100 {
  font-family: Poppins-SemiBold;
  font-size: 18px;
  color: #999999;
  line-height: 1.2;
  padding-left: 2px;
}

.input100 {
  display: block;
  width: 100% !important;
  height: 40px !important;
  background: transparent;
  font-family: Roboto;
  line-height: 1.2;
  font-size: 16px !important;
  color: #555555;
  padding: 0 8px !important;
  outline: none !important;
  border: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.input100[name="password"], .input100[name="old_password"], .input100[name="new_password"], .input100[name="new_password1"]{
  padding-right: 35px !important;

}
.input-100 {
  display: block;
  width: 95% !important;
  height: 40px !important;
  background: transparent;
  font-family: Roboto;
  font-size: 16px !important;
  color: #555555;
  line-height: 1.2;
  outline: none !important;
  border: none !important;
  margin: 0 !important;
}

.input101 {
  display: block;
  width: 100%;
  height: 40px;
  background: transparent;
  font-family: Roboto;
  font-size: 16px;
  color: #555555;
  line-height: 1.2;
  padding: 0 8px;
  outline: none;
  border: none;
}

.field-icon {
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  z-index: 2;
  color: #000000;
  right: 6px;
  top: 8px;
}

.toggle-password{
  cursor: default;
}

input::-ms-reveal {
    display: none;
}


/*==================================================================
[ Restyle Checkbox ]*/

.input-checkbox100 {
  display: none;
}

.label-checkbox100 {
  margin: 0;

  display: block;
  position: relative;
  padding-left: 26px;
  cursor: pointer;
}

.label-checkbox100::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 13px;
  color: transparent;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: #e6e6e6;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.input-checkbox100:checked + .label-checkbox100::before {
  color: #c87ef0;
}

/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.forgot-username-support-text {
  margin-top: 30px;
  color: #525252;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  max-width: 400px;
}

.wrap-login100-form-btn {
  display: block;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  overflow: hidden;
}
.login100-form-border-bottom{
	width:60%;
	border-bottom:1px solid #dbdbdb;
	max-width:555px;
}
.login100-form-custodian,.login100-form-custodian a{
  font-size: 16px;
  color: #006bb2;
  line-height: 1.2;
  font-weight:600;
}
.login-img{vertical-align: middle;}

.focus .login-over-img{
  position: absolute;
  top: 0;
  z-index: 999;
  width: 55%;
  height: 130px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url('/static/img/55-ip-updated.svg');
  background-repeat: no-repeat;
}
.jpmorgan .login-over-img{
  position: absolute;
  top: 0;
  z-index: 999;
  width: 80%;
  height: 130px;
  max-width: 330px;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url(/static/img/jpm_55ip_new.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
}

#singInWrapper .lbottomC{
  padding-top: 0;
  width: 100%;
  max-width: 610px;
  margin: 0;
}
#singInWrapper .lbottomC p {
    font-size: 12px;
    margin-top: 5px;
    color: #757575;
    line-height: 2;
}
.login100-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  height: 40px;
  text-transform:uppercase;
  font-size: 14px;
  color: #020100 !important;
  outline: none !important;
  border: none;
  background: #FFC300;
  font-weight: 600;
  line-height: 40px;
  border-radius: 6px;
}
.login100-form-btn[disabled]{
  background-color: #FFC300;
}
.login100-form-btn:not([disabled]):hover {
    background-color: #FFBA10;
}

.jpmorgan .login100-form-btn{
  background-color: #00477B;
  color: #FFFFFF !important;
}

.jpmorgan .login100-form-btn:not([disabled]):hover {
    background-color: #002E62;
}

.wrap-login100-form-btn:hover .login100-form-bgbtn {
  bottom: 0;
}

.noAccessLoginPopup{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(51,51,51,0.6);
    z-index: 2;
    display: none;
}

.noAccessLoginPopup .pop{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 550px;
    height: 190px;
    margin: auto;
    background: #FFFFFF;
    padding: 30px;
    border-radius: 10px;
}


/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input {
  position: relative;
}

.alert-validate{
    border-color : transparent !important;
}

.alert-validate input{
    border-radius: 6px;
    border : 1px solid #c80000 !important;
}

.alert-validate .focus-input100::after{
  content: attr(data-validate);
  position: absolute;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 8px 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  pointer-events: none;

  font-family: Roboto;
  color: #c80000;
  font-size: 14px;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
  width: auto;
  white-space: nowrap;
}
.alert-validate .focus-input::after{
  content: attr(data-validate);
  position: absolute;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 8px 6px;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;

  font-family: Roboto;
  color: #c80000;
  font-size: 14px;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
  width: auto;
  white-space: nowrap;
}
.alert-validate-2 .focus-input100::after {
	content: attr(data-validate-2)!important;
  position: absolute;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 8px 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  pointer-events: none;

  font-family: Roboto;
  color: #c80000;
  font-size: 14px;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
  width: auto;
  white-space: nowrap;
}
.alert-validate-3 .focus-input100::after{
  content: attr(data-validate-3)!important;
  position: absolute;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 8px 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  pointer-events: none;

  font-family: Roboto;
  color: #c80000;
  font-size: 14px;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
  width: auto;
  white-space: nowrap;
}
.alert-validate-4 .focus-input100::after{
  content: attr(data-validate-4)!important;
  position: absolute;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 8px 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  pointer-events: none;

  font-family: Roboto;
  color: #c80000;
  font-size: 14px;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
  /* width: auto; */
  /* white-space: nowrap; */
  width: 300px;
  white-space: pre-line;
  line-height: normal;
}
.validate-input .focus-input100 {
  display: none;
}
.validate-input.alert-validate .focus-input100 {
  display: block;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -24px;
  top: 50%;
  text-align: center;
  height: 22px;
  width: 22px;
  z-index: 3;
  color: #c80000;
  cursor: default;
  font-size: 22px;
}

.focus-input100:hover::after,.focus-input:hover::after {
  visibility: visible;
  opacity: 1;
}

.g-recaptcha-div .g-recaptcha-error-message{
  opacity: 0;
  color: #c80000;
}

.g-recaptcha-div.g-recaptcha-error{
  width: 304px;
  padding: 4px;
  border: 1px solid #c80000;
  border-radius: 0;
  box-sizing: content-box;
  margin: -5px -5px 10px -5px;
}

.g-recaptcha-div.g-recaptcha-error .g-recaptcha-error-message{
  opacity: 1;
}

@media (max-width: 992px) {
  .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}
/*//////////////////////////////////////////////////////////////////
[ Responsive ]*/

@media (max-width: 576px) {
  .wrap-login100 {
    padding-left: 15px;
    padding-right: 15px;
  }
}


/*@media (max-width: 1090px) {*/
  /*.login-over-img {*/
    /*left: 20px;*/
  /*}*/
/*}*/

/*@media (max-width: 1090px) {*/
  /*.login100-more {*/
    /*display: none;*/
  /*}*/
  /*.wrap-input100,.login100-form,.login100-form-border-bottom {*/
	  /*width:100%;*/
  /*}*/
	/*.wrap-input100 {*/
		/*border-radius:0px*/
	/*}*/
  /*.wrap-login100 {*/
	  /*width:100%;*/
	  /*padding-top:30px;*/
	  /*padding-bottom:0px;*/
	  /*min-height: unset;*/
  /*}*/
  /*.login-img {*/
	  /*max-width: 100%;*/
  /*}*/
  /*.input100 {*/
	  /*background:#fff;*/
  /*}*/
  /*.login-over-img {*/
	  /*position: unset;*/
	  /*margin: 20px auto 10px;*/
	  /*max-width:220px;*/
  /*}*/
  /*.column {*/
	  /*!*width:50%;*!*/
	  /*padding-right:25px;*/
  /*}*/
  /*.column img{padding-left:0px!important;padding-right:10px!important;}*/
  /*.container-login100 {*/
	  /*background:url('../images/background.jpg');*/
	  /*background-size: contain;*/
  /*}*/
  /*.wrap-login100 {*/
	  /*background: transparent;*/
  /*}*/
  /*.login-register-form-title a{*/
	  /*color:#000;*/
	  /*margin-left:10px;*/
  /*}*/
  /*.mask {*/
	/*display: block!important;*/
    /*position: fixed;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*background: #f9f6f2f5;*/
  /*}*/
  /*.clientlogos {*/
	  /*margin-bottom:20px;*/
  /*}*/
/*}*/

.p-t-15 {
	padding-top:15px;
}
.p-r-50 {
    padding-right: 50px;
}
.p-l-50 {
    padding-left: 50px;
}
.p-b-50 {
    padding-bottom: 50px;
}
.p-t-100 {
    padding-top: 100px;
}
.border0 {
	border:0px;
}
.txt1 {
  font-family: Roboto;
  font-size: 15px;
  color: #999999;
  line-height: 1.4;
}

.txt2 {
  font-family: Roboto;
  font-size: 16px;
  color: #666666;
  line-height: 1.4;
  max-width:70%;
  margin: 0;
}

.txt3 {
  font-family: Roboto;
  font-size: 16px;
  color: #666666;
  line-height: 1.4;
}

.hov1:hover {
  color: #c87ef0;
}
.p-t-20 {
    padding-top: 20px;
}
.p-t-40 {
    padding-top: 40px;
}
.p-t-80 {
    padding-top: 80px;
}
.p-l-15 {
    padding-left: 15px;
}
.p-b-20{
  padding-bottom: 20px;
}
@media (max-width: 1200px) {
  .txt2{
    max-width: 80%;
  }
}
@media (max-width: 1110px) {
  .txt2{
    max-width: 90%;
  }
}
@media (max-width: 1110px) {
  .txt2{
    max-width: 90%;
  }
}
@media (max-width: 915px) {
  .txt2{
    max-width: 100%;
  }
}




/* Select Field
   ========================================================================== */
   select {
    display:block;
  }

  select.browser-default {
    display: block;
  }

  select {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 5px;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    height: 3rem;
  }

  .select-label {
    position: absolute;
  }

  .select-wrapper {
    position: relative;
  }

  .select-wrapper.valid + label,
  .select-wrapper.invalid + label {
    width: 100%;
    pointer-events: none;
  }
  .select-wrapper input.select-dropdown {
    overflow: hidden;
  }
  .select-wrapper input.select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    height: 4rem;
    line-height: 3rem;
    width: 100%;
    font-size: 16px;
    padding: 8px 16px 8px 8px;
    /*padding: 0;*/
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 1;
    white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
  }

  .select-wrapper + label {
    position: absolute;
    top: -26px;
    font-size: 0.8rem;
  }

  select:disabled {
    color: rgba(0, 0, 0, 0.42);
  }

  .select-wrapper.disabled + label {
    color: rgba(0, 0, 0, 0.42);
  }

  .select-wrapper.disabled .caret {
    fill: rgba(0, 0, 0, 0.42);
  }

  .select-wrapper input.select-dropdown:disabled {
    color: rgba(0, 0, 0, 0.42);
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .select-wrapper i {
    color: rgba(0, 0, 0, 0.3);
  }
  .select-dropdown li.disabled {
      display: none;
  }
  .select-dropdown li.disabled,
  .select-dropdown li.disabled > span,
  .select-dropdown li.optgroup {
    color: rgba(0, 0, 0, 0.3);
    background-color: transparent;
  }

  body.keyboard-focused .select-dropdown.dropdown-content li:focus {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .select-dropdown.dropdown-content li:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .select-dropdown.dropdown-content li.selected {
    background-color: rgba(0, 0, 0, 0.03);
  }

  .prefix ~ .select-wrapper {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem);
  }

  .prefix ~ label {
    margin-left: 3rem;
  }

  .select-dropdown li img {
    height: 40px;
    width: 40px;
    margin: 5px 15px;
    float: right;
  }

  .select-dropdown li.optgroup {
    border-top: 1px solid #eee;
  }

  .select-dropdown li.optgroup.selected > span {
    color: rgba(0, 0, 0, 0.7);
  }

  .select-dropdown li.optgroup > span {
    color: rgba(0, 0, 0, 0.4);
  }

  .select-dropdown li.optgroup ~ li.optgroup-option {
    padding-left: 1rem;
  }

  .select-wrapper {
    position: relative;
}


ul:not(.browser-default) {
    padding-left: 0;
    list-style-type: none;
}
.dropdown-content {
    background-color: #fff;
    margin: 0;
    display: none;
    min-width: 100px;
    overflow-y: auto;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border:1px solid #ccc;
}
.select-wrapper .caret {
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 0;
    fill: #ccc;
    color:#ccc;
}
svg:not(:root) {
    overflow: hidden;
}

.dropdown-content li {
  clear: both;
  color: rgba(0,0,0,0.87);
  cursor: pointer;
  line-height: 1.5rem;
  width: 100%;
  text-align: left;
  padding:4px;
}

.dropdown-content li>a, .dropdown-content li>span {
  font-size: 16px;
  /*color: #26a69a;*/
  display: block;
  /*line-height: 22px;*/
  padding: 4px;
}

.select-wrapper [type="checkbox"]+span:not(.lever) {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 22px;
  font-size: 1.2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select-wrapper [type="checkbox"]:checked:disabled+span:before {
  border-right: 2px solid rgba(0,0,0,0.42);
  border-bottom: 2px solid rgba(0,0,0,0.42);
}
.select-wrapper [type="checkbox"]:checked+span:not(.lever):before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #26a69a;
  border-bottom: 2px solid #26a69a;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.select-wrapper [type="checkbox"]+span:not(.lever):before,.select-wrapper [type="checkbox"]:not(.filled-in)+span:not(.lever):after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 3px;
  -webkit-transition: .2s;
  transition: .2s;
}

.select-wrapper [type="checkbox"]:not(.filled-in)+span:not(.lever):after {
  border: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.select-wrapper [type="checkbox"]+span:not(.lever):before,.select-wrapper [type="checkbox"]:not(.filled-in)+span:not(.lever):after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 3px;
  -webkit-transition: .2s;
  transition: .2s;
}


.select-wrapper label {
  font-size: .8rem;
  color: #9e9e9e;
  margin-bottom:0px;
}

.select-wrapper [type="checkbox"]:not(:checked),.select-wrapper  [type="checkbox"]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.select-wrapper [type="checkbox"], [type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}



/* The container */
.chkcontainer {
  font-family: Roboto;
  display: block;
  position: relative;
  padding-left: 35px;
  margin: 6px 0;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal;
  color: #666666;
}

/* Hide the browser's default checkbox */
.chkcontainer input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border:1px solid #2196F3;
  border-radius: 5px;
}

.select-disabled {
  color:#000!important;
}


/* When the checkbox is checked, add a blue background */
.chkcontainer input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.chkcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chkcontainer .checkmark:after {
  left: 5px;
  top: 2px;
  width: 8px;
  height: 12px;
  border: 0.5px solid #2196F3;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #757575;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #757575;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #757575;
}
:-moz-placeholder { /* Firefox 18- */
  color: #757575;
}

.select-dropdown {
  color:#ccc;
}


#pswd_info, #cpswd_val {
  position: absolute;
  width: 220px;
  padding: 5px 5px 5px 10px;
  background: #fefefe;
  font-size: .875em;
  border-radius: 5px;
  box-shadow: 0 1px 3px #ccc;
  border: 1px solid #ddd;
  z-index: 999;
  right: 0;
  bottom: 50px;
  left: 0;
  display: none;
}
#pswd_info h4, #cpswd_val h4 {
  margin:0 0 10px 0;
  padding:0;
  font-weight:normal;
}

#pswd_info::before, #cpswd_val::before {
  content: "\25bc";
  position: absolute;
  left: 0;
  font-size: 14px;
  line-height: 14px;
  color: #ddd;
  text-shadow: none;
  display: block;
  bottom: -11px;
  right: 0;
  margin: auto;
  width: 12px;
}
#pswd_info ul, #cpswd_val ul{
  margin:0;
}
#pswd_info ul li, #cpswd_val ul li{
  margin:0;
  padding:0;
}

.invalid {
  padding-left:22px;
  line-height:24px;
  color:#ec3f41;
}
.valid {
  padding-left:10px;
  line-height:24px;
  color:#3a7d34;
}

.valid:before {
  position: relative;
  content: "✔";
  padding-right:10px;
}

.invalid:before {
  position: relative;
  content: "✖";
  padding-right:10px;
}

.fa-exclamation-circle:before {
  content: "\0021";
}

.ima-iframe-height-auto {
  height: auto;
}
.ima-modal-height-small {
  height: 350px;
}
@media only screen and (max-height: 800px) {
  .ima-modal-height {
    height: 580px;
  }
  .ima-iframe-height {
    height: 480px;
  }
}
@media only screen and (min-height: 801px) {
  .ima-modal-height {
    height: 650px;
  }
  .ima-iframe-height {
    height: 550px;
  }
}
@media only screen and (min-height: 900px) {
  .ima-modal-height {
    height: 650px;
  }
  .ima-iframe-height {
    height: 550px;
  }
}
@media only screen and (min-height: 1030px) {
  .ima-modal-height {
    height: 780px;
  }
  .ima-iframe-height {
    height: 680px;
  }
}

.modal-text {
  padding:10px 30px;
  font-family: 'Raleway', sans-serif;
}
.modal-text .head {
  font-weight: bold;
  font-family: Oswald;
  font-size: 15px;
  text-transform: uppercase;
  padding-bottom: 9px;
  letter-spacing: 0.5px;
}

.modal-text ul li {
  list-style-type: disc;
  margin-left:30px;
  padding:3px 0px;
}
.blue-bg-button {
  height: 40px;
  line-height: 40px;
}

.width100 {
  max-width:100%
}
.custom-fab-button {
  line-height: 15px !important;
  width: 15px !important;
  height: 15px !important;
  min-height: 15px !important;
  color: white !important;
  pointer-events: none;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.26) !important;
}

.full-height-content {
  height: 100%;
}

.account-setup-model {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.helvica-font-family {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.yellowbtn,.yellowbtn:hover {
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
  background: #ffba10 !important;
  border-color: #ffba10 !important;
  color: #fff!important;
  margin: 0 auto;
  text-decoration: none;
  font-family: "Oswald";
  font-weight: normal;
}

.card-content-control-a {
  margin-top:-4px;
}
.noClick{
  position: fixed;
  top:0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  z-index: 99999;
}

.resend-email-link {
  cursor: pointer;
  text-decoration: underline !important;
}


.ToasterDiv{
    position: fixed;
    display: table;
    background-color: #323232;
    color: rgb(250,250,250);
    padding: 20px;
    right: -10000px;
    z-index: 10002;
    top: 30px;
}

.ToasterDiv .ToasterMsg{
    display: table-cell;
    vertical-align: middle;
    min-width: 200px;
    max-width: 500px;
}

.ToasterDiv .closeToaster{
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    text-align: center;
    cursor: pointer;
}

.financial_popover {
  width: 250px;
}

.financial_popover h5 {
  font-weight: 600;
  color: #616161;
  font-size: 13px;
  margin: 5px 0px !important;
  font-family: Roboto;
}

.financial_popover p {
  font-size: 12px !important;
  color: #616161;
  font-family: Roboto;
}

.popover-icon {
  cursor: help;
  color: #000000;
  font-size: 22px !important;
  padding-left: 5px;
  vertical-align: middle;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

.new-footer {
  left: 0%;
  bottom: 0;
  width: 100%;
  color: white;
  background-color: #62676d;
  padding: 20px 30px;
  font-family: "Roboto" !important;
}

.new-footer a {
  color: white !important;
}
.new-footer span {
  padding: 0px 10px;
}
.new-footer p {
  font-size: 11px; padding-top: 15px
}

.jpmorgan .new-footer{
  background-color: #1C1C1C;
}

.disabled-click {
  pointer-events: none;
}

.font-tag-family font {
  font-family: "Roboto" !important;
  line-height: 1.3;
}

.blackrock_extra_footer p {
  display: block;
  padding: 4px 8px;
}
.blk-disclosures p, .disclosures p {
  font-family: "Roboto" !important;
  font-size: 16px !important;
  line-height: 1.5;
}

.blackrock_extra_footer strong {
  font-size: 12px;
}
.blk-disclosures-a, .disclosures-a {
  padding: 8px 5px;
  color: white !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  font-size: 12px;
  font-weight: 700;
}

@media (max-width: 1279px) and (min-width: 960px) {
  .md-remove-p-l{
    padding-left: 0px !important;
  }
}

@media (max-width: 959px) and (min-width: 600px) {
  .sm-remove-p-l{
    padding-left: 0px !important;
  }
}

/*.roi-sso-button{
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
  margin: 0 10px;
}

.roi-sso-button .md-button{
  border: 1px solid rgba(158,158,158,0.5);
  width: 170px;
}*/

.roi-sso-button{
  border: 1px solid rgba(158,158,158,0.2); /*0.5 opacity*/
  margin: 0 10px;
  padding: 6px;/*10px 6px 0px*/
}

.roi-sso-button-text{
  display: inline-block;
  vertical-align: middle;
  width: 170px;
}

.roi-sso-loader{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  background: #FFF;
}

.nested-menu .md-menu{
  padding: 0;
  margin: 0;
}

.nested-menu > md-menu-item{
    height: 70px;
}

.nested-menu .md-button{
  text-align: left;
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  font-size: 15px;
  font-weight: 400;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}

.ssoLoginPopup{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(51,51,51,0.6);
    z-index: 2;
    display: none;
}

.ssoLoginPopup .pop{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -ms-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 570px;
    margin: auto;
    background: #FFFFFF;
    padding: 30px 30px 10px;
    border-radius: 10px;
}


.submitAccountConfTable{
  border: 1px solid #ccc;
  margin: 5px auto 10px auto;
}
.submitAccountConfTable td {
    padding: 0;
    border: 1px solid #cccccc;
    width:50%;
    padding: 5px 10px;
}
.submitAccountConfTable td:first-child{
  font-size: 12px;
  font-weight: 600;
}

[hovertext]{
  position: relative;
}

.md-required [hovertext]{
  color: rgb(221,44,0);
}

.md-input-has-value [hovertext]{
  color: inherit;
}

[hovertext]:hover::after{
  content: attr(hovertext);
  position: absolute;
  z-index: 100;
  overflow: hidden;
  border-radius: 4px;
  font-weight: 400;
  font-family: "Roboto Condensed", sans-serif;
  text-align: center;
  font-size: 12px;
  -webkit-transition: all .4s cubic-bezier(.25,.8,.25,1);
  transition: all .4s cubic-bezier(.25,.8,.25,1);
  pointer-events: auto;
  opacity: 1;
  width: 200px;
  white-space: pre-line;
  padding: 10px;
  color: rgba(255,255,255,0.99);
  background-color: rgb(97,97,97);
  bottom: 30px;
  right: -90px;
  line-height: 1.3;
}

.md-input-has-value [hovertext]:hover::after{
  -webkit-transform: translate3d(0, 0, 0) scale(1.35);
  transform: translate3d(0, 0, 0) scale(1.35);
  bottom: 50px;
}

.step-input{
  display: block;
}

.step-input .md-fab{
  height:32px !important;
  width: 32px !important;
  min-height:32px !important;
  min-width: 32px !important;
  line-height: 32px !important;
}

.step-input .md-fab .material-icons{
  vertical-align: baseline;
  font-size: 15px;
  font-weight: bold;
  line-height: 32px;
}

.step-input input{
  border: none;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
}

.step-input .pseudo-input{
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}

.step-input.has-decoration-after .pseudo-input::after{
  content: attr(decoration-after);
}

.step-input.has-decoration-before .pseudo-input::before{
  content: attr(decoration-before);
}

@media only screen and (min-width: 991px) {
  .fidelity-css.fidelity-css2 {
    padding-top: 40px;
  }
}

@media (min-width: 992px) and (max-width: 1036px) {
  .fidelity-css.fidelity-css2 {
    padding-top: 60px;
  }
}

@media only screen and (min-width: 1380px) {
  .fidelity-css.fidelity-css2 {
    padding-top: 20px;
  }
}

.sso-platform-dropdown{
  margin-right: 20px;
}

.sso-platform-dropdown md-select md-select-value{
  font-size: 16px;
}

.sso-platform-dropdown-container{
  font-size: 16px;
}

.sso-platform-dropdown-container md-option{
  height: 38px;
}