/* Style.css: START */

  @charset "utf-8";

  @import "/TickerWealth/assets/Style/font-awesome.min.css";
  @import "/TickerWealth/assets/Style/font-awesome-animation.min.css";

  /* @import "../css/icomoon.css"; */
  /* @import "../css/ionicons.css"; */
  /* @import "../css/stroke-gap-icons.css"; */
  @import "/TickerWealth/assets/Style/utility-classes.css";


  .mdl-button,
  .mdl-typography--display-3,
  .mdl-typography--display-4,
  a,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    font-weight: 300
  }

  #contactForm input,
  #forgotForm input,
  #loginForm input,
  #signupForm input,
  #subscribeForm input,
  a:focus,
  a:hover {
    outline: 0
  }

  body,
  html {
    /* height: 100%; */
    font-family: 'Century Gothic', Arial;
  }

  *{
    font-family: 'Century Gothic', Arial;
  }

  .form-control::-webkit-input-placeholder {
    color: #fff
  }

  .form-control::-moz-placeholder {
    color: #fff
  }

  .form-control::-ms-input-placeholder {
    color: #fff
  }

  .form-control.error {
    border-color: #ff5252
  }

  p {
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    line-height: 22px
  }

  a {
    color: #000000
  }

  a:focus,
  a:hover {
    color: #000;
    text-decoration: none
  }

  .mdl-button--primary.mdl-button--primary.mdl-button--fab,
  .mdl-button--primary.mdl-button--primary.mdl-button--raised {
    color: #fff;
    background-color: #ff5252
  }

  #close-switcher,
  #open-switcher {
    position: fixed;
    top: 200px;
    left: 0;
    z-index: 4;
    padding: 15px;
    color: #fff;
    background: #ff5252;
    cursor: pointer;
    border: 1px solid #ff5252;
    border-left: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
  }

  #close-switcher {
    color: #fff;
    background: #ff5252;
    border: 1px solid #ff5252;
    display: none;
    left: 200px;
    box-shadow: 10px 5px 46px 8px rgba(0, 0, 0, .14), 10px 0 26px -6px rgba(0, 0, 0, .2)
  }

  #demo-colors {
    position: fixed;
    top: 200px;
    left: -202px;
    width: 200px;
    min-height: 0;
    background: #FFF;
    border-radius: 0;
    z-index: 3
  }

  #demo-wrapper {
    width: 180px;
    margin: 0 auto;
    padding-bottom: 30px
  }

  #demo-wrapper h2 {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 700;
    color: #000
  }

  #demo-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
  }

  #demo-wrapper ul li.color-1 {
    background: #4CAF50;
    border: 1px solid #fff
  }

  #demo-wrapper ul li.color-2 {
    background: #2196F3;
    border: 1px solid #fff
  }

  #demo-wrapper ul li.color-3 {
    background: #FF9800;
    border: 1px solid #fff
  }

  #demo-wrapper ul li.color-4 {
    background: #ff5252;
    border: 1px solid #fff
  }

  #demo-wrapper ul li.color-5 {
    background: #673AB7;
    border: 1px solid #fff
  }

  #demo-wrapper ul li.active {
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #ddd
  }

  #demo-wrapper ul li {
    float: left;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    cursor: pointer
  }

  .clear {
    clear: both
  }

  #demo-wrapper p {
    font-size: 12px;
    padding-top: 10px;
    text-align: center;
    color: #999;
    cursor: pointer
  }

  @media screen and (max-width:960px) {

    #close-switcher,
    #demo-colors,
    #open-switcher {
      display: none
    }
  }

  .vc-parent {
    width: 100%;
    height: 100%;
    display: table
  }

  .vc-child {
    display: table-cell;
    vertical-align: middle
  }

  .modal-dialog {
    width: auto
  }

  .modal-content {
    background-color: transparent
  }

  .modal button.close {
    position: absolute;
    top: -10px;
    right: -20px;
    z-index: 39;
    filter: alpha(opacity=100);
    color: #fff;
    font-size: 28px;
    font-weight: 100;
    opacity: 1;
    outline: 0
  }

  #topNav2 {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    border: none;
    border-radius: 0;
    -webkit-transition-property: top, box-shadow, background-color;
    transition-property: top, box-shadow, background-color;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
  }

  #topNav2.sticky {
    padding-top: 0;
    background-color: #303030;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
  }

  #topNav2 .navbar-brand {
    display: block;
    float: none;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 0;
    border-radius: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
  }

  #topNav2 .navbar-brand img,
  .contactForm .mdl-card__title .modal--logo,
  .forgotForm .mdl-card__title .modal--logo,
  .loginForm .mdl-card__title .modal--logo,
  .signupForm .mdl-card__title .modal--logo,
  .subscribeForm .mdl-card__title .modal--logo {
    display: block;
    border-radius: 2px;
    /*box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)*/
  }

  .forgotForm .mdl-card__actions a,
  .loginForm .mdl-card__actions a,
  .signupForm .mdl-card__actions a {
    font-size: 12px
  }

  #topNav2 .navbar-brand img {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 15px;
    background-color: transparent !important;
  }

  #banner,
  #banner:before {
    width: 100%;
    height: 100%
  }

  #banner {
    /*background-size:cover;background-position:center;background-repeat:no-repeat*/
  }

  #banner:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    /*background-color:rgba(34,34,34,.8)*/
  }

  .banner-content {
    color: #fff
  }

  .banner-content h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase
  }

  .banner-content h4 {
    margin-top: 12px;
    margin-bottom: 22px;
    font-weight: 300;
    text-transform: uppercase
  }

  #contactForm label,
  #forgotForm label,
  #loginForm label,
  #signupForm label,
  #subscribeForm label {
    font-weight: 100;
    color: #fff;
    margin-top: 10px;
  }

  .banner-content a.mdl-button {
    padding: 5px 0;
    height: auto;
    min-width: 150px;
    margin: 0 5px 15px
  }

  #loginFormModal {
    /*padding:0 20px*/
  }

  #loginFormModal .modal-dialog {
    max-width: 400px;
    margin: 113px auto
  }

  #loginFormModal .modal-content {
    background-color: transparent
  }

  .loginForm .mdl-card {
    width: auto
  }

  .loginForm .mdl-card__title {
    padding-top: 0;
    margin-top: -15px;
    z-index: 99999;
  }

  .loginForm .mdl-card__title .modal--logo {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 15px
  }

  #loginForm .mdl-textfield,
  .loginForm .mdl-card__supporting-text {
    width: 100%
  }

  #loginForm label {
    margin-bottom: 0
  }

  #loginForm input.error+label:after {
    background-color: #ff5252;
    left: 0;
    width: 100%;
    visibility: visible
  }

  .loginForm .mdl-card__actions {
    margin-top: 5px
  }

  #signupFormModal {
    padding: 0 20px
  }

  #signupFormModal .modal-dialog {
    max-width: 360px;
    margin: 30px auto
  }

  #signupFormModal .modal-content {
    background-color: transparent
  }

  .signupForm .mdl-card {
    width: auto
  }

  .signupForm .mdl-card__title {
    padding-top: 0
  }

  .signupForm .mdl-card__title .modal--logo {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 15px
  }

  #signupForm .mdl-textfield,
  .signupForm .mdl-card__supporting-text {
    width: 100%
  }

  #signupForm label {
    margin-bottom: 0
  }

  #signupForm input.error+label:after {
    background-color: #ff5252;
    left: 0;
    width: 100%;
    visibility: visible
  }

  .signupForm .mdl-card__actions {
    margin-top: 5px;
    padding-left: 15px
  }

  .signupForm .mdl-card__actions p {
    margin-bottom: 0;
    margin-top: 8px
  }

  #forgotFormModal {
    padding: 0 20px
  }

  #forgotFormModal .modal-dialog {
    max-width: 360px;
    margin: 30px auto
  }

  #forgotFormModal .modal-content {
    background-color: transparent
  }

  .forgotForm .mdl-card {
    width: auto
  }

  .forgotForm .mdl-card__title {
    padding-top: 0
  }

  .forgotForm .mdl-card__title .modal--logo {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 15px
  }

  #forgotForm .mdl-textfield,
  .forgotForm .mdl-card__supporting-text {
    width: 100%
  }

  #forgotForm label {
    margin-bottom: 0
  }

  #forgotForm input.error+label:after {
    background-color: #ff5252;
    left: 0;
    width: 100%;
    visibility: visible
  }

  .forgotForm .mdl-card__actions {
    margin-top: 5px;
    padding-left: 15px
  }

  .forgotForm .mdl-card__actions p {
    margin-bottom: 0;
    margin-top: 8px
  }

  #subscribeFormModal {
    padding: 0 20px
  }

  #subscribeFormModal .modal-dialog {
    max-width: 360px;
    margin: 30px auto
  }

  #subscribeFormModal .modal-content {
    background-color: transparent
  }

  .subscribeForm .mdl-card {
    width: auto
  }

  .subscribeForm .mdl-card__title {
    padding-top: 0
  }

  .subscribeForm .mdl-card__title .modal--logo {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 15px
  }

  #subscribeForm .mdl-textfield,
  .subscribeForm .mdl-card__supporting-text {
    width: 100%
  }

  #subscribeForm label {
    margin-bottom: 0
  }

  #subscribeForm input.error+label:after {
    background-color: #ff5252;
    left: 0;
    width: 100%;
    visibility: visible
  }

  #contactFormModal {
    padding: 0 20px
  }

  #contactFormModal .modal-dialog {
    max-width: 600px;
    margin: 30px auto
  }

  #contactFormModal .modal-content {
    background-color: transparent
  }

  .contactForm .mdl-card {
    width: auto
  }

  .contactForm .mdl-card__title {
    padding-top: 0
  }

  .contactForm .mdl-card__title .modal--logo {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 15px
  }

  #contactForm .mdl-textfield,
  .contactForm .mdl-card__supporting-text {
    width: 100%
  }

  #contactForm label {
    margin-bottom: 0
  }

  #contactForm input.error+label:after,
  #contactForm textarea.error+label:after {
    background-color: #ff5252;
    left: 0;
    width: 100%;
    visibility: visible
  }

  #contactMessage {
    min-height: 80px;
    border-color: rgba(0, 0, 0, .12)
  }

  @media screen and (max-width:992px) {
    #topNavbar2 li a {
      display: none
    }

    #topNav2 .navbar-header {
      float: left;
      margin-left: 0
    }

    #topNavbar2 {
      float: right
    }

    #topNavbar2 .nav {
      margin-top: 0;
      margin-bottom: 0
    }
  }

  @media screen and (max-width:480px) {
    .loginForm .mdl-card__actions a {
      font-size: 11px;
      padding: 0 10px
    }

    #banner {
      position: relative;
      height: auto;
      min-height: 100%
    }

    .banner-content h2 {
      font-size: 34px;
      line-height: 38px;
      padding-top: 120px
    }
  }

  @media screen and (max-width:320px) {
    #topNav .login-form-button {
      display: none
    }
  }

  .no-gutter {
    margin-left: 0;
    margin-right: 0
  }

  .no-gutter>[class*=col-] {
    padding-left: 0;
    padding-right: 0
  }

  html {
    font-size: 100%;
  }

  .body * {
    line-height: 1.7px;
    color: #000000;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    background-image: url(/TickerWealth/assets/Image_old/background-img.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  /* fixed footer */
  .footer {
    width: 100%;
    float: left;
  }

  .footer#footer.fixed-footer {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1;
    background-color: #f4f4f4;
  }

  @media screen and (max-width: 992px) {
    .footer#footer.fixed-footer {
      position: relative;
    }
  }

  body.has-fixed-footer .main-content {
    position: relative;
    z-index: 2;
  }

  @media screen and (max-width: 992px) {
    body.has-fixed-footer .main-content {
      margin-bottom: 0 !important;
    }
  }

  /* -------- Section & Divider ---------- */
  section {
    position: relative;
  }

  section>.container,
  section>.container-fluid {
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .carousel-slider-container {
    height: 500px;
  }

  /* .carousel,
.item,
.active {
    height: 500px;
} */

  .carousel-inner {
    height: 100%;
    background: transparent;
  }

  .carousel-caption {
    padding-bottom: 150px;
    text-align: left;
  }

  h2 {
    font-size: 50px;
  }

  p {
    padding: 10px
  }

  /* Background images are set within the HTML using inline CSS, not here */

  .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

  }


  /**
 * Button
 */
  .btn-transparent {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
  }

  .btn-transparent:hover {
    background-color: #fff;
  }

  .btn-rounded {
    border-radius: 70px;
  }

  .btn-large {
    padding: 11px 45px;
    font-size: 18px;
  }

  /**
 * Change animation duration
 */
  .animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
  }

  @-webkit-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  @keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100px, 0, 0);
      transform: translate3d(100px, 0, 0);
    }

    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }

  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }


  .header {
    width: 100%;
    float: left;
    margin: auto;
    /* background-color: #eceaea; */

  }

  .wrapper {

    background-color: #eceaea;
  }

  .top-login-box {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: linear-gradient(#ee851e, #ffba3a);
    background: -webkit-gradient(linear, left top, left bottom, from(#ee851e), to(#ffba3a));
    /* for webkit browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee851e", endColorstr="#ffba3a");
    /* for IE */
    background: -moz-linear-gradient(top, #ee851e, #ffba3a);
    /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #ee851e, #ffba3a);
    /* for opera */
    background-color: #ee851e;
    background-position: top;
    background-size: 100% 100%;
    height: 35px;
    min-height: 100%;
    margin-right: 5px;
    color: #fff;
  }

  .top-login-text {
    color: #fff;
  }

  .top-login-text:hover {
    color: #fff;
  }

  .title {
    font-family: 'Roboto', sans-serif;
    font-size: var(--font-size);
    color: var(--font-color);
    padding: 10px;
    font-weight: normal;
    text-align: center;
    letter-spacing: -1px;
  }

  .title-line {
    margin: auto;
    width: 80%;
    border-bottom: 1px #000000 solid;
  }

  .title-2 {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    color: #fff;
    padding: 10px;
    font-weight: normal;
    text-align: center;
  }

  .title-line-2 {
    margin: auto;
    width: 80%;
    border-bottom: 1px #f0871f solid;
  }

  .features-container {
    width: 100%;
    margin: auto;
    background-color: #f8f8f8;
    border: 1px #d5d5d5 solid;
  }

  .features-icon {
    font-size: 60px;
    font-weight: normal;
    text-align: center;
    color: #f6a50e;
    padding: 10px;
  }

  .features-subheading {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #000000;
    text-align: center;
    white-space: normal;

  }

  .read-more {
    width: 100%;
    min-width: 20%;
    max-width: 120px;
    height: 35px;
    max-height: 100%;
    margin: auto;
    background: linear-gradient(#f8f7f7, #dbdbdb);
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f7f7), to(#dbdbdb));
    /* for webkit browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f7f7", endColorstr="#dbdbdb");
    /* for IE */
    background: -moz-linear-gradient(top, #f8f7f7, #dbdbdb);
    /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #f8f7f7, #dbdbdb);
    /* for opera */
    background-color: #dbdbdb;
    background-position: top;
    background-size: 100% 100%;
    border-radius: 5px;
    border: #c4c2c2 1px solid;
    text-align: center;
  }

  .read-more:hover {
    background: linear-gradient(#dbdbdb, #f8f7f7);
    background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#f8f7f7));
    /* for webkit browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbdbdb", endColorstr="#f8f7f7");
    /* for IE */
    background: -moz-linear-gradient(top, #dbdbdb, #dbdbdb);
    /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #dbdbdb, #dbdbdb);
    /* for opera */
    background-color: #dbdbdb;
    background-position: top;
    background-size: 100% 100%;
    border-radius: 5px;
    border: #c4c2c2 1px solid;
    text-align: center;
  }

  .advance-module-box {
    width: 100px;
    max-width: 100%;
    height: 100px;
    max-height: 100%;
    border-radius: 50%;
    float: left;
    background-color: #fff;
    border: #f09030 2px solid;
  }

  .advance-module-icon {
    font-size: 60px;
    font-weight: normal;
    text-align: center;
    color: #000000;
    padding: 10px;
  }

  .demo-container {
    width: 80%;
    float: left;
    height: auto;
    margin: auto;
    background-color: #7b1c04;
    baorder: #f0871f 1px solid;
  }

  .demo-registration-box {
    width: 70%;
    margin: auto;
  }

  .demo-registration-textbox {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #d7d7d7;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    border: none;
    border-bottom: #ffffff 1px dotted;
    background-color: transparent;
  }

  .demo-registration-submit {
    width: 30%;
    height: 40px;
    margin: auto;
  }

  .demo-registration-sub-bttn {
    background-color: #ececec;
    border-radius: 10px;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    letter-spacing: -1px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
  }

  .follow-us {

    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #bbbbbb;
    padding: 10px;
    font-weight: normal;
    text-align: center;

  }

  .login-bottom-div {
    width: 100%;
    float: left;
    padding-top: 30px;
    padding-bottom: 15px;
  }

  .inside-header {
    width: 100%;
    float: left;
    margin: auto;
    background-image: url(/TickerWealth/assets/Images_old/innerpage-header-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .inside-header-welcome {
    width: 100%;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000000;
    font-weight: none;
    text-decoration: none;
    text-align: left;
    padding: 10px 30px 0px 0px;
  }

  .top-navbar {
    overflow: hidden;
    background-color: #f79e2c;
    font-family: 'Roboto', sans-serif;
  }

  .dropdown-menu>li.kopie>a {
    padding-left: 5px;
  }

  .dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
  }

  .dropdown-submenu>a:after {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
  }

  .dropdown-submenu:hover>a:after {
    border-left-color: #555;
  }

  .dropdown-menu>li>a:hover,
  .dropdown-menu>.active>a:hover {
    text-decoration: none;
    padding-left: 28px;
    padding-right: 19px;
  }

  @media (max-width: 767px) {

    .navbar-nav {
      display: inline;
    }

    .navbar-default .navbar-brand {
      display: inline;
    }

    .navbar-default .navbar-toggle .icon-bar {
      background-color: #fff;
      color: #000;
    }

    .navbar-default .navbar-nav .dropdown-menu>li>a {
      color: #000000;
      border-radius: 4px;
      margin-top: 2px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
      color: #fff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
      background-color: #fff;
      color: #601702;
    }

    .navbar-nav .open .dropdown-menu {
      border-radius: 0;
    }

    .dropdown-menu {
      padding-left: 10px;
    }

    .dropdown-menu .dropdown-menu {
      padding-left: 20px;
    }

    .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
    }

    li.dropdown.open {
      border: 0px solid red;
    }
  }

  @media (min-width: 768px) {
    ul.nav li:hover>ul.dropdown-menu {
      display: block;
    }

    #navbar {
      text-align: center;
    }
  }

  .landing-container {
    width: 100%;
    float: left;
  }

  .errormsg {
    color: red;
    width: 100%;
    float: left;
    padding: 10px 0px 10px 0px;
  }

  .advance-module {
    width: 100%;
    max-height: 100%;
    background: url(/TickerWealth/assets/images/bg-4.jpg);
    background-position: top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  }

  @media only screen and (min-width : 320px) {
    .advance-module {
      height: 120px !important;
    }
  }

  /* Extra Small Devices, Phones */
  @media only screen and (min-width : 480px) {
    .advance-module {
      height: 200px !important;
    }
  }

  /* Small Devices, Tablets */
  @media only screen and (min-width : 768px) {
    .advance-module {
      height: 260px !important;
    }
  }

  /* Medium Devices, Desktops */
  @media only screen and (min-width : 992px) {
    .advance-module {
      height: 280px !important;
    }
  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1200px) {
    .advance-module {
      height: 300px !important;
    }
  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1300px) {
    .advance-module {
      height: 350px !important;
    }
  }

  .advance-module-heading {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    padding: 50px;
  }

  @media only screen and (min-width : 320px) {
    .top-container {
      height: 100% !important;
    }
  }

  /* Extra Small Devices, Phones */
  @media only screen and (min-width : 480px) {
    .top-container {
      height: 100% !important;
    }
  }

  /* Small Devices, Tablets */
  @media only screen and (min-width : 768px) {
    .top-container {
      height: 100% !important;
    }
  }

  /* Medium Devices, Desktops */
  @media only screen and (min-width : 992px) {
    .top-container {
      height: 100% !important;
    }
  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1200px) {
    .top-container {
      height: 100% !important;
    }
  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1300px) {
    .top-container {
      height: 170px !important;
    }
  }

  .top-container {
    width: 100%;
    margin: auto;
    background: #ffffff;
    height: 170px;
  }

  .horizontal-container {
    width: 100%;
    margin: auto;
    background: #ffffff;
    height: 140px;
  }

  .vertical-container {
    width: 100%;
    margin: auto;
    background: #ffffff;
    height: auto;
  }

  .dashboard-header {
    font-size: 1em;
    font-weight: 600;
    color: #000;
  }

  .dashboard-label {
    font-size: 1.9em;
    font-weight: 800;
    color: #000;
  }

  .dashboard-div-1 {
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24a9e7", endColorstr="#13e2ef", -45deg);
    /* for IE */

    background-color: #fff;
    margin: 5px 3px;
    padding: 15px;
    height: 110px;
    min-height: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #093d6d;
  }

  .dashboard-div-2 {
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e72480", endColorstr="#ef8513", -45deg);
    /* for IE */

    background-color: #fff;
    margin: 5px 3px;
    padding: 15px;
    height: 110px;
    min-height: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #093d6d;
  }

  .dashboard-div-3 {
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24a9e7", endColorstr="#13e2ef", -45deg);
    /* for IE */

    background-color: #fff;
    margin: 5px 3px;
    padding: 15px;
    height: 110px;
    min-height: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #093d6d;
  }

  .dashboard-div-4 {
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24a9e7", endColorstr="#13e2ef", -45deg);
    /* for IE */

    background-color: #fff;
    margin: 5px 3px;
    padding: 15px;
    height: 110px;
    min-height: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #093d6d;
  }

  .dashboard-div-5 {
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#24a9e7", endColorstr="#13e2ef", -45deg);
    /* for IE */

    background-color: #fff;
    margin: 5px 3px;
    padding: 15px;
    height: 110px;
    min-height: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #093d6d;
  }

  .icon-div {
    width: 100%;

  }

  .bg-icon-1 {
    position: relative;
  }

  .bg-icon-1:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f201";
    color: #1d9ec8;
    text-align: center;
    font-size: 4.8em;
    z-index: 1;
    opacity: 0.2;
    top: -28px;
    padding-left: 45px;
  }
  .bg-portfolio-icon-1{
    position: relative;
  }
  .bg-portfolio-icon-1:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f201";
    color: #1d9ec8;
    text-align: center;
    font-size: 4.8em;
    z-index: 1;
    opacity: 0.2;
    top: -28px;
    left: 1.2em;
  }
  .bg-portfolio-icon-2{
    position: relative;
  }
  .bg-portfolio-icon-2:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f156";
    color: #c72b4f;
    text-align: center;
    font-size: 96px;
    z-index: 1;
    opacity: 0.2;
    top: -28px;
    left: 1.2em;
  }
  .bg-portfolio-icon-3{
    position: relative;
  }
  .bg-portfolio-icon-3:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f058";
    color: #3aab9f;
    text-align: center;
    font-size: 96px;
    z-index: 1;
    opacity: 0.2;
    top: -28px;
    left: 1.2em;
  }
  .bg-portfolio-icon-4{
    position: relative;
  }
  .bg-portfolio-icon-4:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f0c0";
    color: #289319;
    text-align: center;
    font-size: 96px;
    z-index: 1;
    opacity: 0.2;
    top: -28px;
    left: 1.2em;
  }
  .bg-icon-2 {
    position: relative;
  }

  .bg-icon-2:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f156";
    color: #c72b4f;
    text-align: center;
    font-size: 96px;
    z-index: 1;
    opacity: 0.2;
    top: -28px;
    padding-left: 45px;
  }

  .bg-icon-3 {
    position: relative;
  }

  .bg-icon-3:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f058";
    color: #3aab9f;
    text-align: center;
    font-size: 96px;
    z-index: 1;
    opacity: 0.2;
    top: -28px;
    padding-left: 45px;
  }

  .bg-icon-4 {
    position: relative;
  }

  .bg-icon-4:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f0c0";
    color: #289319;
    text-align: center;
    font-size: 96px;
    z-index: 1;
    opacity: 0.2;
    top: -28px;
    padding-left: 45px;
  }

  .bg-icon-5 {
    position: relative;
  }

  .bg-icon-5:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f2c3";
    color: #941bd4;
    text-align: center;
    font-size: 96px;
    z-index: 1;
    opacity: 0.2;
    top: -28px;
    padding-left: 45px;
  }

  .row-centered {

    text-align: center;
  }

  .col-centered {
    display: block;
    float: none;
    margin-right: -4px;
    text-align: center;
  }

  .shadow {
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
    background-color: #fff;
    border-radius: 0.3em;
  }

  .bottom-links {
    font-size: 1.5em;
    color: #44475b;
  }

  .capbox {
    width: 100%;
    margin: auto;
    *display: inline;
    zoom: 1;
    /* FOR IE7-8 */
    padding: 8px;
  }

  .capbox-inner {
    font: bold 11px arial, sans-serif;
    color: #000000;
    background-color: #DBF3BA;
    margin: 0px auto 0px auto;
    padding: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }

  #CaptchaDiv {
    font: bold 17px verdana, arial, sans-serif;
    font-style: italic;
    color: #000000;
    background-color: #FFFFFF;
    padding: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }

  #CaptchaInput {
    margin: 1px 0px 1px 0px;
    width: 135px;
  }

  /* Style.css: END */



  /* /////////////////////////////////////////////////////////////////////////////////////////////// */



  /*  Colour.css: START */



  /* body, html {
        height: 100%;
        font-family: "Century Gothic", Century, Arial;
    } */

  body {
    color: #000000;
    font-family: 'Roboto', sans-serif;
    /* background-image: url(/TickerWealth/assets/images/background-img.png);  */
    background-image: var(--background-image);
    background-color: var(--background-color);
    background-repeat: no-repeat;
    background-size: cover;
    ;
  }

  /* .white-background{
        
        
    }  */
  .top-links {
    color: #000000;
    font-size: 13px;
  }

  .top-links:hover {
    color: #ff6a00;
  }

  .top-link-default {
    color: #ff6a00;
    font-size: 13px;
  }

  .navbar-default {
    background: -ms-linear-gradient(to bottom, #d14722 0%, #e0791d 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#d14722), to(#e0791d));
    background: -moz-linear-gradient(top, #d14722, #e0791d);
    background: -o-linear-gradient(top, #d14722, #e0791d);
    background-color: #e0671d;
  }

  /* .navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: var(--header-background-color);
  } */

  .bottom-links-bg1 {
    width: 100%;
    height: 100x;
    min-height: 100%;
    background: linear-gradient(90deg, #ffffff, #f7d181);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7d181), 90deg);
    /* for webkit browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f7d181", 90deg);
    /* for IE */
    background: -moz-linear-gradient(90deg, top, #ffffff, #f7d181);
    /* for firefox 3.6+ */
    background: -o-linear-gradient(90deg, top, #ffffff, #f7d181);
    /* for opera */
    background-color: #ffffff;
    /* border: 2px solid #efa913;	 */
  }

  .bottom-links-bg2 {
    width: 100%;
    height: 120px;
    min-height: 100%;
    background: linear-gradient(90deg, #ffffff, #99c3df);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#99c3df), 90deg);
    /* for webkit browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#99c3df", 90deg);
    /* for IE */
    background: -moz-linear-gradient(90deg, top, #ffffff, #99c3df);
    /* for firefox 3.6+ */
    background: -o-linear-gradient(90deg, top, #ffffff, #99c3df);
    /* for opera */
    background-color: #ffffff;
    /* border: 2px solid #0e72b2;	 */
  }

  .bottom-links-bg3 {
    width: 100%;
    height: 120px;
    min-height: 100%;
    background: linear-gradient(90deg, #ffffff, #cdf6fb);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cdf6fb), 90deg);
    /* for webkit browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#cdf6fb", 90deg);
    /* for IE */
    background: -moz-linear-gradient(90deg, top, #ffffff, #cdf6fb);
    /* for firefox 3.6+ */
    background: -o-linear-gradient(90deg, top, #ffffff, #cdf6fb);
    /* for opera */
    background-color: #ffffff;
    /* border: 2px solid #90ebf6;	 */
  }

  .bottom-links-bg4 {
    width: 100%;
    height: 120px;
    min-height: 100%;
    background: linear-gradient(90deg, #ffffff, #ebf990);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebf990), 90deg);
    /* for webkit browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ebf990", 90deg);
    /* for IE */
    background: -moz-linear-gradient(90deg, top, #ffffff, #ebf990);
    /* for firefox 3.6+ */
    background: -o-linear-gradient(90deg, top, #ffffff, #ebf990);
    /* for opera */
    background-color: #ffffff;
    /* border: 2px solid #e0f551;	 */
  }

  .bottom-links-bg5 {
    width: 100%;
    height: 120px;
    min-height: 100%;
    background: linear-gradient(90deg, #ffffff, #f16f6f);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f16f6f), 90deg);
    /* for webkit browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f16f6f", 90deg);
    /* for IE */
    background: -moz-linear-gradient(90deg, top, #ffffff, #f16f6f);
    /* for firefox 3.6+ */
    background: -o-linear-gradient(90deg, top, #ffffff, #f16f6f);
    /* for opera */
    background-color: #ffffff;
    /* border: 2px solid #ea2a2a;	 */
  }

  .bottom-links-bg6 {
    width: 100%;
    height: 120px;
    min-height: 100%;
    background: linear-gradient(90deg, #ffffff, #f0a7dc);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0a7dc), 90deg);
    /* for webkit browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f0a7dc", 90deg);
    /* for IE */
    background: -moz-linear-gradient(90deg, top, #ffffff, #f0a7dc);
    /* for firefox 3.6+ */
    background: -o-linear-gradient(90deg, top, #ffffff, #f0a7dc);
    /* for opera */
    background-color: #ffffff;
    /* border: 2px solid #dc2ba8;	 */
  }

  @media only screen and (min-width : 320px) {
    .login-container {
      width: 100% !important;
    }
  }

  /* Extra Small Devices, Phones */
  @media only screen and (min-width : 480px) {
    .login-container {
      width: 100% !important;
    }
  }

  /* Small Devices, Tablets */
  @media only screen and (min-width : 768px) {
    .login-container {
      width: 60% !important;
    }
  }

  /* Medium Devices, Desktops */
  @media only screen and (min-width : 992px) {
    .login-container {
      width: 50% !important;
    }
  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1200px) {
    .login-container {
      width: 40% !important;
    }
  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1300px) {
    .login-container {
      width: 40% !important;
    }
  }

  .login-container {
    width: 40%;
    margin: auto;
    margin-top: 30px;
  }

  @media only screen and (min-width : 320px) {
    .login-div {
      height: 410px !important;
    }
  }

  /* Extra Small Devices, Phones */
  @media only screen and (min-width : 480px) {
    .login-div {
      height: 410px !important;
    }
  }

  /* Small Devices, Tablets */
  @media only screen and (min-width : 768px) {
    .login-div {
      height: 410px !important;
    }
  }

  /* Medium Devices, Desktops */
  @media only screen and (min-width : 992px) {
    .login-div {
      height: 410px !important;
    }
  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1200px) {
    .login-div {
      height: 320px !important;
    }
  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1300px) {
    .login-div {
      height: 344px !important;
    }
  }

  .login-div {
    width: 100%;
    margin: 0px 0px 0px 0px;
    height: 320px;
    max-height: 100%;
    padding: 0;
    border: #ffffff 1px solid;
    border-radius: 15px;
    background: var(--background-color);
    /* background: linear-gradient(#fff, #fff);
 background: -webkit-gradient(linear, left top, left bottom, from(#0b65a7), to(#d4f7ff)); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b65a7", endColorstr="#d4f7ff"); 
   background: -moz-linear-gradient(top, #0b65a7, #d4f7ff); 
  background: -o-linear-gradient(top, #0b65a7, #d4f7ff);  */
    background-position: top;
    background-size: 100% 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .28);
  }

  @media only screen and (min-width : 320px) {
    .login-text {
      padding-bottom: 10px !important;
    }
  }

  /* Extra Small Devices, Phones */
  @media only screen and (min-width : 480px) {
    .login-text {
      padding-bottom: 10px !important;
    }
  }

  /* Small Devices, Tablets */
  @media only screen and (min-width : 768px) {
    .login-text {
      padding-bottom: 10px !important;
    }
  }

  /* Medium Devices, Desktops */
  @media only screen and (min-width : 992px) {
    .login-text {
      padding-bottom: 10px !important;
    }
  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1200px) {
    .login-text {
      padding-bottom: 0px !important;
    }
  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1300px) {
    .login-text {
      padding-bottom: 0px !important;
    }
  }

  .login-text {
    font-family: 'Roboto', sans-serif;
    font-size: 3em;
    color: #ffffff;
    letter-spacing: 1px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
  }

  .login-text-small {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #000;
    letter-spacing: 1px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    cursor: pointer;

  }

  .login-textbox-div {
    width: 60%;
    float: left;
    margin-top: 10px;
  }

  .login-textbox {
    width: 350px;
    left: 24%;
    height: 45px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-align: center;
    color: #000;
    font-weight: normal;
    border-radius: 6px;
    text-decoration: none;
    border: #ffffff 1px solid;
    background-color: #e8f0fe;
  }

  .login-checkbox-div {
    width: 100%;
    float: left;
    margin-top: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #ffffff !important;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
  }

  .login-checkbox-text {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #ffffff !important;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
  }

  .login-checkbox {
    border: #2c0b01 1px solid !important;
    background-color: #ffffff !important;
  }

  .login-selection-box {
    width: 40%;
    margin: auto;
  }

  .login-bttn-div {
    width: 60%;
    margin: auto;
  }

  .login-bttn {
    width: 150px;
    height: 45px;
    background-color:  #fff;
    border: 1px solid #1069a9;
    background-size: 100% 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    border-radius: 0.3em;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
    color: #1069a9;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    outline: none;
  }

  /* .login-bttn:hover {
     width: 100%;
    height: 40px;     background-color: #fff;     border: none;     background-size: 100% 100%;
//     font-family: 'Roboto', sans-serif;
//     font-size: 28px;
//     color: #fff;
//     font-weight: bold;
//     text-decoration: none;
//     text-align: center;
// } */

  .subheader {
    width: 100%;
    float: left;
    height: 30px;
    font-size: 1.3em;
    font-weight: 500;
    text-align: left;
    color: #585858;
    padding-bottom: 30px;
  }

  @media screen and (max-width:320px) {
    .subheader {
      font-size: 22px;
    }
  }

  @media screen and (max-width:480px) {
    .subheader {
      font-size: 18px;
    }
  }

  .subheader-box {
    float: left;
    width: 2%;
    min-width: 30px;
    height: 8px;
    background-color: #e4890a;
    border-radius: 5px;
  }

  .subheader-border {
    float: left;
    width: 100%;
    height: 1px;
    border-top: #e4890a 1px solid;
    margin-top: -4px;
  }

  .common-bttn{
    font-size: 1.1em;
    color: #fff;
    height: 2.4em;
    padding: 7px;
    text-decoration: none;
    border: none;
    border-radius: 10px;
    background-color:var(--bttn-bg-color);
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
    outline: none;
    margin-right: 0.5em;
  }

  .back-to-details {
    font-size: 1.1em;
    color: var(--bttn-bg-color);
    height: 2.4em;
    font-weight: bold;
    padding: 7px;
    text-decoration: none;
    border: 1px solid var(--bttn-bg-color);
    border-radius: 0.3em;
    background-color:#fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
    outline: none;
    margin-right: 0.5em;
  }

  /* // .back-to-details:hover{
//     background-color: #bd381e
// } */

  .mainTable th {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    text-align: left !important;
    background-color: #f8df7d !important;
    color: black !important;
  }

  .ClientData {
    margin-top: 10px;
    font-size: 20px;
    color: #e4890a;
    text-align: center;
    font-weight: bold;
    align-items: center;
    position: center;
    align-content: center;
  }

  .ClientDetails {
    font-size: 15px;
    align-items: center;
    position: center;
    align-content: center;
    text-align: center;
    word-wrap: break-word;
  }

  .TotalFolio {
    font-weight: bold !important;
    font-size: 13px !important;
    color: #000000 !important;
    background-color: #eaba45 !important;
  }

  .mainTable td,
  #Table th {
    border: 1px solid #ddd !important;
    padding: 8px !important;
  }
  /* .mainTable td,
  #Table th {
    border: 1px solid #ddd !important;
    padding: 8px !important;
  } */

  .grid_cellAlign {
    text-align: right;
  }

  /* .portlet.portlet-fullscreen {
    z-index: 9999 !important;
  } */

  .portlet.box {
    padding: 0 !important;
  }

  .portlet.portlet-fullscreen {
    z-index: 100;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background: #fff; */
  }

  .popup-static {
    overflow-y: auto;
     background-color: rgba(0, 0, 0, 0.5) !important; 
  }

  .portlet {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 4px;
  }

  .overlay{
    margin-top: 0;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 4px;
  }

  .overlay.box {
    padding: 0 !important;
  }

  .overlay.overlay-fullscreen {
    z-index: 100;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background: #fff; */
  }
  .overlay-body{
    position: absolute;
    background-color: var(--header-background-color);
    border-radius: 1em;
  }
  .fund-analysis-overview-subheader {
    background-color: #BD381E;
    color: #fff;
    font-weight: 400;
    height: 30px;
  }

  .link1 {
    color: #032af1;
  }

  .link2 {
    color: #ff0000;
  }

  

  .btn-file {
    position: relative;
    overflow: hidden;
  }

  .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
  }

  .update-bttn {
    background-color: #313030;
    margin: 15px;
    color: #ffffff;
    border: none;
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
  }

  .fund-analysis-panel-heading {
    background-color: var(--grid-bg-color);
    color: #000;
    border: #c9c4c4 1px solid;
  }

  .colheaderClass {
    text-align: left !important;
    background-color: var(--grid-bg-color) !important;
    color: var(--grid-font-color) !important;
    font-weight: bold !important;
    font-size: var(--grid-font-size) !important;
  }
  .colheaderClass_without_align {
    background-color: var(--grid-bg-color) !important;
    color: var(--grid-font-color) !important;
    font-weight: bold !important;
    font-size: var(--grid-font-size) !important;
  }

  .mainheaderClass {
    font-weight: bold !important;
    font-size: 14px !important;
    background-color: #BD381E;
    color: white !important;
  }

  .headerPositions {
    position: fixed;
    width: 100%;
    top: 30px;
    z-index: 10;
    display: block;
  }

  .inside-container {
    /* overflow-y: hidden; */
    position: relative;
    /* z-index: -10; */
    margin-bottom: 40px;
    padding: 10px;
  }

  .foot-container {
    position: fixed;
    bottom: -4px;
    color: #404040;
    z-index: 10;
  }

  .foot-background {
    background-color: var(--header-background-color);
  }

  .badge {
    margin-right: .5rem;
    margin-top: .5rem;
  }

  .badge-labeled {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0.2rem;
  }

  .badge-labeled i {
    padding: 0.25em 0.3rem;
    cursor: pointer;
    position: relative;
    display: inline-block;
    right: -0.3em;
    background-color: var(--grid-bg-color);
    border-left: solid 1px rgba(255, 255, 255, .5);
    border-radius: 0 1rem 1rem 0;
  }

  .badge {
    display: inline-block;
    min-width: 10px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    color: #777;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: transparent;
    border-radius: 10px;
    border: var(--grid-bg-color) 1px solid;
  }

  .bold {
    font-weight: bold;
  }

  .im_loading {
    background: url(/TickerWealth/assets/images/Spinner.gif) no-repeat center center;
    width: 100px;
    height: 100px;
  }

  .profile-container {
    width: 100%;
    float: left;
  }

  .scheme-title {
    font-weight: 600;
    color: #B42B19;
  }

  .filter-div {
    border: #c9c4c4 1px solid;
    background-color: #f2f1f1;
    height: 210px;
    max-height: 100%;
    border-top: none;
    overflow: auto;
  }

  .filter-label-header-div {
    font-size: 14px;
    color: #333333;
  }

  .colorGreen {
    color: rgb(19, 152, 48);
    float: right;
    width: 30%;
    text-align: center;
  }

  .colorRed {
    color: rgb(212, 26, 26);
    float: right;
    width: 30%;
    text-align: center;
  }

  .widgets {
    box-shadow: 0 1px 7x 0 rgb(0, 0, 0, .1);
    max-width: 165px;
    min-height: 165px;
    min-width: 100px;
    width: 100%;
    position: relative;
    transition: all .3s ease;
  }

  .widgets-img {
    position: absolute;
    left: 18px;
    top: 12px;
  }

  .widgets-img-div {
    padding: 20px;
    height: 100px;
  }

  .modal {
    display: none;
    position: fixed;
    z-index: 99999;
    padding-top: 80px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.71);
  }

  .double-line-bottom-theme-colored-2 {
    margin-bottom: 10px;
    margin-top: 8px;
    padding-bottom: 5px;
    position: relative;
  }

  .double-line-bottom-theme-colored-2:after {
    border-radius: 8px;
    bottom: 1px;
    content: "";
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px 2px rgba(0, 0, 0, .15);
    height: 2px;
    left: 8px;
    position: absolute;
    width: 95px;
  }

  .double-line-bottom-theme-colored-2:before {
    border-radius: 8px;
    bottom: -1px;
    content: "";
    height: 6px;
    left: 10px;
    /* position: absolute;
    width: 24px; */
  }

  .btnpress {
    background: none;
    border: none;
    color: #000000;
    font-size: 1.4em;
    text-align: left;
    outline: none;
  }

  .bigbtnpress {
    background: none;
    border: none;
    color: blue;
    text-align: left;
    font-size: 1.4em;
    outline: none;
  }

  .bttn-panel {
    background-color: #F47A23;
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 1em;
    font-weight: 600;
    outline: none;
  }

  .ui-widget-content {
    /* border: none !important; */
    background: #fff;
    color: #333;
  }

  .sticky li {
    list-style-type: none;
    /* color: #efefef; */
    /* height: 50px; */
    padding: 1px;
    margin: 0px 0px 1px 0px;
    
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    z-index: 9999;
  }

  .sticky li button {
    padding-top: 5px;
    margin: 0px;
    margin-left: -5px;
    line-height: 11px;
    font-size: 2.3em;
    color: var(--bttn-bg-color);
  }

  .bttn-setting {
    border-radius: 22px;
    border: none;
    background: transparent;
    width: 46px;
    height: 40px;
    outline: none;
  }

  .bttn-chg-thme {
    border: none;
    border-radius: 22px;
    background: transparent;
    width: 46px;
    height: 40px;
    outline: none;
  }

  .bttn-to-save {
    font-size: 14px;
    color: #333333;
    padding: 4px;
    margin: 0px 0px 0px 44px;
    text-decoration: none;
    border: #cac8c8 1px solid;
    border-radius: 10px;
    background-color: #dddcdc;
    outline: none;
  }

  .bttn-excel {
    padding: 10px;
    border-radius: 26px;
    color: green;
    border: none;
    font-size: 2em;
    position: relative;
    outline: none;
  }

  /* .ui-widget-content a {
    color: #0b65a7 !important;
    font-weight: 600 !important;
    font-size: 1.2em !important;
} */
  .Highlight {
    background-color: #dea693;
  }

  .fund-analysis-overview-header {
    width: 100%;
    height: 30px;
    margin: auto;
    font-size: 22px;
    font-weight: normal;
    color: #640707;
    padding-bottom: 35px;
    border-bottom: #e19c0d 2px solid;
    margin-bottom: 20px;
  }

  .fund-analysis-container {
    width: 100%;
    margin: auto;
  }

  .required:after {
    content: "*";
    font-weight: bold;
    color: red;
  }

  body .ui-paginator {
    background-color: #fff;
    /* // border: 1px solid #c8c8c8;  */

    padding: 0;
  }

  body .ui-paginator .ui-paginator-first,
  body .ui-paginator .ui-paginator-prev,
  body .ui-paginator .ui-paginator-next,
  body .ui-paginator .ui-paginator-last {
    color: #848484;
    height: 2.286em;
    min-width: 2.286em;
    border: 0 none;
    line-height: 2.286em;
    padding: 0;
    margin: 0;
    vertical-align: top;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  body .ui-paginator .ui-paginator-first:not(.ui-state-disabled):not(.ui-state-active):hover,
  body .ui-paginator .ui-paginator-prev:not(.ui-state-disabled):not(.ui-state-active):hover,
  body .ui-paginator .ui-paginator-next:not(.ui-state-disabled):not(.ui-state-active):hover,
  body .ui-paginator .ui-paginator-last:not(.ui-state-disabled):not(.ui-state-active):hover {
    background-color: var(--grid-bg-color);
    color: #ffffff;
  }

  body .ui-paginator .ui-paginator-current {
    color: #848484;
    height: 2.286em;
    min-width: 2.286em;
    line-height: 2.286em;
  }

  body .ui-paginator .ui-dropdown {
    border: 0 none;
  }

  body .ui-paginator .ui-dropdown .ui-dropdown-trigger,
  body .ui-paginator .ui-dropdown .ui-dropdown-label {
    color: #848484;
  }

  body .ui-paginator .ui-dropdown:hover .ui-dropdown-trigger,
  body .ui-paginator .ui-dropdown:hover .ui-dropdown-label {
    color: #333333;
  }

  body .ui-paginator .ui-paginator-first:before {
    position: relative;
    top: 1px;
  }

  body .ui-paginator .ui-paginator-prev:before {
    position: relative;
  }

  body .ui-paginator .ui-paginator-next:before {
    position: relative;
    top: 1px;
  }

  body .ui-paginator .ui-paginator-last:before {
    position: relative;
    top: 1px;
  }

  body .ui-paginator .ui-paginator-pages {
    vertical-align: top;
    display: inline-block;
    padding: 0;
  }

  body .ui-paginator .ui-paginator-pages .ui-paginator-page {
    color: #848484;
    height: 2.286em;
    min-width: 2.286em;
    border: 0 none;
    line-height: 2.286em;
    padding: 0;
    margin: 0;
    vertical-align: top;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: var(--grid-bg-color);
    color: #ffffff;
  }

  body .ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover {
    background-color: var(--grid-bg-color);
    color: #ffffff;
  }

  body .ui-paginator .ui-dropdown {
    margin-left: 0.5em;
    height: 2.286em;
    min-width: auto;
  }


  /*nav tab list */
  .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
  }

  .nav>li {
    position: relative;
    display: block
  }

  .nav>li>a {
    position: relative;
    display: block;
     padding: 8px 6px; 
  }

  .nav>li>a:focus,
  .nav>li>a:hover,
  .nav>li>a:hover {
    background-color: transparent;
    color: #0b65a7;  
  }

  /* .active, .nav > li > a:hover {
                    background: #fff;
                    color: #0b65a7;
                     border-bottom:2px solid #0b65a7
                            } */

  .nav>li.disabled>a {
    color: #777
  }

  /* .nav>li.disabled>a:focus,
  .nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
  } */

  /* .nav .open>a,
  .nav .open>a:focus,
  .nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
  } */

  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
  }

  .nav>li>a>img {
    max-width: none
  }

  /*nav tab list */

  /*navmenu tab list */

  /* .navmenu {
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }
        
        .navmenu > li {
                position: relative;
                display: block
            }
        
        .navmenu > li > a {
                    position: relative;
                    display: block;
                    padding: 8px 16px;          
                }
        
        .navmenu > li > a:focus, .navmenu > li > a:hover {
            background: #fff;
            color: #0b65a7;
                    }
        
        .navmenu > li.disabled > a {
                    color: #777
                }
        
        .navmenu > li.disabled > a:focus, .navmenu > li.disabled > a:hover {
                        color: #777;
                        text-decoration: none;
                        cursor: not-allowed;
                        background-color: transparent
                    }
        
        .navmenu .open > a, .nav .open > a:focus, .navmenu .open > a:hover {
                background-color: #eee;
                border-color: #337ab7
            }
        
        .navmenu .nav-divider {
                height: 1px;
                margin: 9px 0;
                overflow: hidden;
                background-color: #e5e5e5
            }
        
        .navmenu > li > a > img {
                max-width: none
            } */
  /*navmenu tab list */



  /* Font color and size*/

  .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .expandrow {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    font-size: .8em;
    color: #0b65a7;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  /* Font color and size*/

  .comGridColorBorder {
    text-align: center;
    font-weight: bold;
    /* color: #000000; */
  }

  .index-value {
    font-size:  var(--font-size);
  }

  .bttn-edit {
    color: green;
    background:#fff;
    border: 1px solid green;
    border-radius: 0.3em;
    height: 23px;
    width: 51px;
    font-size: 1.3em;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
    outline: none;
  }

  .bttn-delete {
    color: red;
    background:#fff;
    border: 1px solid red;
    border-radius: 0.3em;
    height: 23px;
    width: 51px;
    font-size: 1.3em;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
    outline: none;
  }

  .bttn-search {
    color: var(--bttn-bg-color);
    background:#fff;
    border: 1px solid var(--bttn-bg-color);
    border-radius: 0.3em;
    height: 3.5em;
    width: 50px;
    font-size: 1.1em;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
    outline: none;
  }

  .bttn-common {
    color: var(--bttn-bg-color);
    background:#fff;
    border: 1px solid var(--bttn-bg-color);
    border-radius: 0.3em;
    height: 23px;
    width: 51px;
    font-size: 1.3em;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
    outline: none;
  }
  .bg-navbar {
    background-color: var(--header-background-color);
  }

  .bg-radius {
    background-color: var(--header-background-color);
    border-radius: 0.3em;
  }

  .themeText-box {
    outline: none;
    width: 75px;
    height: 25px;
    margin-right: 5px;
    border-radius: 10px;
    text-align: center;
    border: none;
    background-color: #dddddd;
  }

  .themeBttn {
    border: none;
    width: 40px;
    height: 25px;
    border-radius: 9px;
    text-align: center;
    font-size: .9em;
    outline: none;
  }

  .master-table>thead>tr>th {
    vertical-align: top;
    border-bottom: none;
    padding: 5px;
    border-left: 1px solid #92200a;
  }

  .master-table>caption+thead>tr:first-child>td,
  .table>caption+thead>tr:first-child>th,
  .table>colgroup+thead>tr:first-child>td,
  .table>colgroup+thead>tr:first-child>th,
  .table>thead:first-child>tr:first-child>td,
  .table>thead:first-child>tr:first-child>th {
    border-top: 0
  }

  .link-color {
    color: #0b65a7;
  }
  .color-picker {
    left: 111.965px !important;
    width: 135px !important;
  }

  .node-header {
    background-color: #0b65a7;
    color: #ffffff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 10em;
}
.company.ui-organizationchart .ui-organizationchart-node-content.ui-person {
  padding: 0;
  border: 0 none;
}

.node-header,.node-content {
  padding: .5em .7em;
  

}

.node-content {
  text-align: center;
  height: 7em;
  width: 10em;
  margin-bottom: 10px;
  border-bottom-left-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
  border: 1px solid #0b65a7;
}

.node-content img {
  border-radius: 50%;
}

.department-cfo {
  background-color: #7247bc;
  color: #ffffff;
}

.department-coo {
  background-color: #a534b6;
  color: #ffffff;
}

.department-cto {
  background-color: #e9286f;
  color: #ffffff;
}

.ui-person .ui-node-toggler {
  color: #495ebb !important;
}

.department-cto .ui-node-toggler {
  color: #8a0a39 !important;
}

.text-ellipsis{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  /* text-transform: capitalize; */
}

.index-percent-value{
  color:#c7c7c7;
  border: 1px solid rgb(107, 233, 32);
  height: 6.5em;
  background: #2b303c;
  /* position: absolute; */
  top: 20px;
  right: 10px;
  border-radius: 7px;
  text-align: center;
  padding: 6px;
  font-size: 0.7em;
}
.index-value-name{
  color:#000;
  height: 37px;
  position: absolute;
top: 10px;
left: 20px;
  border-radius: 7px;
  text-align: center;
  padding: 6px;
  font-size: 1em;
}
.index-value-chart{
  width: 100%;                                
  background-color: #fff;
  margin: 5px 3px;
  /* padding: 15px; */
  height: 135px;
  min-height: 100%;
  font-size: 20px;
  font-weight: bold;
  color: #093d6d;
}
.index-label-value{
  font-size: 1.6em;
  font-weight: 800;
  color: #fff;
  /* position: absolute;
  top: 86px;
  left: 73px; */
  margin: 0 auto;
}


     /* Column Priorities */
     @media only all {
      th.ui-p-6,
      td.ui-p-6,
      th.ui-p-5,
      td.ui-p-5,
      th.ui-p-4,
      td.ui-p-4,
      th.ui-p-3,
      td.ui-p-3,
      th.ui-p-2,
      td.ui-p-2,
      th.ui-p-1,
      td.ui-p-1 {
          display: none;
      }
  }
  
  /* Show priority 1 at 320px (20em x 16px) */
  @media screen and (min-width: 20em) {
      th.ui-p-1,
      td.ui-p-1 {
          display: table-cell;
      }
  }
  
  /* Show priority 2 at 480px (30em x 16px) */
  @media screen and (min-width: 30em) {
      th.ui-p-2,
      td.ui-p-2 {
          display: table-cell;
      }
  }
  
  /* Show priority 3 at 640px (40em x 16px) */
  @media screen and (min-width: 40em) {
      th.ui-p-3,
      td.ui-p-3 {
          display: table-cell;
      }
  }
  
  /* Show priority 4 at 800px (50em x 16px) */
  @media screen and (min-width: 50em) {
      th.ui-p-4,
      td.ui-p-4 {
          display: table-cell;
      }
  }
  
  /* Show priority 5 at 960px (60em x 16px) */
  @media screen and (min-width: 60em) {
      th.ui-p-5,
      td.ui-p-5 {
          display: table-cell;
      }
  }
  
  /* Show priority 6 at 1,120px (70em x 16px) */
  @media screen and (min-width: 70em) {
      th.ui-p-6,
      td.ui-p-6 {
          display: table-cell;
      }
  }  

  .dropdown_arrow-bttn{
    width: 1em;
    height: .8em;
    border: none;
    color: #908585;
    background-repeat: no-repeat;
    background-image: url(/TickerWealth/assets/images/dropdown_arrow_mob.png);
    background-color:transparent;
    outline: none;
  }
  .close-bttn{
    width: 1em;
    height: 1.5em;
    border: none;
    color: #908585;
    background-repeat: no-repeat;
    background-image: url(/TickerWealth/assets/images/close_comp.png);
    background-color:transparent;
    outline: none;
  }

  .pulldown_black{text-align:center;background-image: url(/TickerWealth/assets/images/pulldown_black.png);
  background-repeat: no-repeat; margin-left: 50%;
  margin-right: 44%;
  height: 21px;
  margin-top: -3px;
  }

  .madatoryFiled {
    color: red;
    font-size: 25px;
    vertical-align: -webkit-baseline-middle;
}

span.st1 {
  font-family: Courier New;
  font-size: 13pt;
  color: #000000;
}

.common-search{
  border: 1px solid #a6a6a6;
  background: #ffffff;
  padding: 0.429em;
  outline: none;
  width: 98%;
}

.enable-edit{
  outline:auto;background-color:transparent;width:60%;
 
}
.disable-edit{
  border:none;background-color:transparent;width:60%;
}
.header-Border {
  width: 330px;
  margin-top: 3px;
}

.my-Row {
  margin-bottom: 15px;
}

.slider {
  width: 350px;
  margin-left: 5px;
  background-color: gainsboro;
}

.td-align {
  text-align: right;
}

.widgets-width{
  width: 18em; 
  cursor: pointer;
}

.close-bttn-popup{
    border: 1px solid #000;
    border-radius: 100%;
    color: #000;
    height: 2em;
    padding: .5em;
    text-align: center;
    width: 2em;
    cursor: pointer;
}

.menubttn{
  font-size: 2em;
  margin: auto 0;
  position: absolute;
  left: 10px;
  top: 3px;
  cursor: pointer;
}
.menu li{
  list-style: none;
}
.menu li a{
  color: #000;
  position: absolute;
  top: 7px;
  font-size: 2em;
}
.submenu li a{
  color: #000;
  font-size: 1.3em;
}

.layout-topbar .layout-menubutton {
  position: absolute;
  height: 48px;
  width: 48px;
  line-height: 48px;
  left: 29px;
  top: 19px;
  text-align: center;
  -webkit-transition-duration: 0.66s;
  transition-duration: 0.66s;
  -webkit-transition-timing-function: swing;
  transition-timing-function: swing;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.14);
}
.layout-topbar .layout-menubutton .layout-menubutton-icon {
  width: 28px;
  height: 4px;
  position: absolute;
  top: 22px;
  left: 10px;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  transition-timing-function: swing;
}
.layout-topbar .layout-menubutton .layout-menubutton-icon:before, .layout-topbar .layout-menubutton .layout-menubutton-icon:after {
  width: 28px;
  height: 4px;
  content: "";
  position: absolute;
  left: 0;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  transition-timing-function: swing;
}
.layout-topbar .layout-menubutton .layout-menubutton-icon:before {
  top: -9px;
}
.layout-topbar .layout-menubutton .layout-menubutton-icon:after {
  top: 9px;
}



.dropdownmenu { 
  position: absolute;
  right: 0;  
  margin: 9px 5px;
  border-radius: 0px 0px 10px 10px;
  padding: 18px;
  top: 40px;
  background: var(--header-background-color);
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
}

.dropdownmenu li {
  list-style: none;
  border-bottom: 1px solid rgba(100,100,100,0.4);
  margin: 15px 0px;
}

.dropdownmenu li a {
  text-decoration: none;
  padding: 10px 2px;
  color: var(--header-font-color);
  font-size: var(--header-font-size);
}

.dropdownmenu li:hover {
 background: rgb(100, 100, 100,.2);
 margin: 15px 0px;
}
.dropdownmenu li a:hover {
  color: #000;

 }

 .details ul{
  position: absolute;
  right: 0;
  /* top: 120px; */
 }


 
 .details ul li{
 list-style: none;
 }


 .bttn li button{
  padding-top: 5px;
margin: 0px;
line-height: 11px;
font-size: 1.4em;
color: var(--bttn-bg-color);
border: none;
background: transparent;
}


.contextdropdownmenu{
  position: absolute;
  right: 0;  
  margin: 9px 5px;
  border-radius: 0px 0px 10px 10px;
  padding: 18px;
  top: 40px;
  background: var(--header-background-color);
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
 }

 .contextdropdownmenu ul li{
  text-decoration: none;
  padding: 10px 2px;
  color: var(--header-font-color);
  font-size: var(--header-font-size);
  list-style: none;
}

.contextdropdownmenu li:hover {
 background: rgb(100, 100, 100,.2);
 margin: 15px 0px;
}

.collection {
  padding-left: 0;
  list-style-type: none;
  margin: .5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

.collection-item {
  background-color: #fff;
  line-height: 1.5rem;
  padding: 10px 20px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
  list-style-type: none;
}

.my-menu {
  background-color: #fff;
  border: 1px solid rosybrown;
  padding: 20px;
}

.user-menu {
  background-color: #fafafa;
  padding: 4pt;
  font-size: 10pt;
  position: fixed;
  bottom: 100px;
  left: 4px;
  z-index: 1000;
  box-shadow: 0 0 12pt rgba(0, 0, 0, 0.25);
  border-radius: 4pt;
  padding: 0.5em 0 0.5em 0;
  animation: fadeIn 0.1s ease-out;
  opacity:1.0;
  display:block;
}

.user-menu hr {
  border: none;
  border-bottom: 1px solid #eee;
}

.user-menu div {
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: #333;
  padding: 0.5em 2em 0.5em 0.75em;
  max-width: 18em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-menu div:hover {
  background-color: #333;
  color: #fff;
}

.user-menu div::before {
  content: '';
  float: left;
  margin-right: 0.75em;
  width: 0.5em;
  height: 1em;
  display: inline-block;
}


/* Animatinons */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1.0;
  }
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0.0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0.0;
  }
}

.is-fadingIn {
  -webkit-animation: fadeIn 0.1s ease-out;
  animation: fadeIn 0.1s ease-out;
  opacity: 1.0;
  display: block;
}

.is-fadingOut {
  -webkit-animation: fadeOut 0.1s ease-out;
  animation: fadeOut 0.1s ease-out;
  opacity: 0.0;
  display: block;
}


.multiselect-dropdown .dropdown-btn {

  background: #fff !important;

}

.multiselect-dropdown .dropdown-btn .dropdown-down{
  border-top: 6px solid #000 !important;
  border-left: 3px solid transparent !important;
  border-right: 3px solid transparent !important;
}

.multiselect-dropdown .dropdown-btn .dropdown-up {
  border-bottom: 6px solid #000 !important;
  border-left: 3px solid transparent !important;
  border-right: 3px solid transparent !important;
}

.dropdown-list{
    width: 30em !important;
}

.required_error{
  text-align: left;
  color: red;
}

.blink{
  cursor: pointer;
  animation: blinking 1.2s infinite;
}

@keyframes blinking {
  0% {
      color: rgb(18, 139, 99);
  }
  49% {
      color: rgb(18, 139, 99);
  }
  60% {
      color: transparent;
  }
  99% {
      color: transparent;
  }
  100% {
      color: rgb(18, 139, 99);
  }
}

.rightPanel{
  float:right; 
  position: relative;
  bottom: 13px;
}
.right{
  float:right; 
}
.newsSource{
font-style: italic;
color: blue
}

.dist-type-bttn {
  border: none;
  height: 46px;
  width: 46px;
  background-color: transparent;
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
  border-radius: 23px;
  transition: transform .2s;
  margin: 0 auto;
  outline: none;
}


.dist-type-bttn:focus,
.dist-type-bttn:hover,
.dist-type-bttn:active {
  background-color: #fed8b1;
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
  color: #000;
  -ms-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  height: 40px;
  border: none;
  width: 80px;
}

.textUl li {
  list-style: circle;
  color: #1069a9;
  font-size: 1.2em;
}

.textSpan {
  font-size: 1em;
}
.flex-container {
  display: -webkit-flex;
  display: flex;
}

.flex-center {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.flex-column {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.inactive {
  opacity: 0;
}

.today {
  background-color: #dedede;
  /* color: red; */
  border: 0.5px solid #dedede;
  /* border-radius: 100%; */
  outline: none;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
}

.dateInput {
  width: 274px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  text-align: center;
  color: #000;
  font-weight: normal;
  border-radius: 6px;
  text-decoration: none;
  border: #ffffff 1px solid;
  background-color: #5a8feb;
}

.bttn_cursor {
  cursor: pointer;
}

#calendar-container {
  width: 269px;
}

/* .calDays:hover {
  background-color: #dedede;
  border: 0.5px solid #dedede;
  outline: none;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);

} */

.calDays {
  /* background: palegreen; */
  /* width: 130px ; */
  padding: 9px;
  text-align: center;
  height: 10em;
  margin: 0.2em;
  outline: none;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
}


.calWeeks {
  /* width: 130px; */
  padding: 9px;
  text-align: center;
  height: 2em;
  font-weight: bold;
  margin: 0.2em;
  color: #404040;
}
/* @media (max-width: 200px){
.calWeeks {
  width: 2em !important;
  }
  .calDays {
  width: 2em !important;
  }
}  
@media (min-width:768px){
.calWeeks {
  width: 13em !important;
  padding: 9px;
  text-align: center;
  height: 2em;
  font-weight: bold;
  margin: 0.2em;
  color: #404040;
  }
  .calDays {
  width: 13em !important;
  padding: 9px;
  text-align: center;
  height: 10em;
  margin: 0.2em;
  outline: none;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
  }
}

@media (max-width:2200px){
  .calWeeks {
  width: 17em !important;
  padding: 9px;
  text-align: center;
  height: 2em;
  font-weight: bold;
  margin: 0.2em;
  color: #404040;
  }
  .calDays {
  width: 17em !important;
  padding: 9px;
  text-align: center;
  height: 10em;
  margin: 0.2em;
  outline: none;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .15);
  }
} */

.bg-day-mark {
  position: relative;
}

.bg-day-mark:before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f201";
  color: #1d9ec8;
  text-align: center;
  font-size: 4.8em;
  z-index: 1;
  opacity: 0.2;
  top: -28px;
  padding-left: 45px;
}
.cal_text{
  font-size: 5em;
  opacity: 0.2;
}
.cal_content{
  /* background-color: #f1dabc; */
  color: #404040;
  border-radius: 3px;
  position: absolute;
  font-weight: bold;
  top: 0;
  inline-size: inherit;
}

.cal_content_1{
  /* background-color: #fac4af; */
  color: #404040;
  border-radius: 3px;
  position: absolute;
  font-weight: bold;
  top: 2.4em;
  inline-size: inherit;
}

.cal_content_2{
  /* background-color: #f7f8b6; */
  color: #404040;
  border-radius: 3px;
  font-weight: bold;
  position: absolute;
  top: 5em;
  inline-size: inherit;
}

.cal_content_3{
  color: #404040;
  border-radius: 3px;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  inline-size: inherit;
}
.watermark_container{
  position: relative;

}

.watermark_container .cal_text{
  vertical-align: middle
}

.watermark_container .cal_content .cal_content_1 .cal_content_2{
position: absolute;
}

.img_icon_size{
  width: 2em; 
  height: 2em;    
}

.custom-textarea{
  border-radius: 1em;
  outline: none;
  line-height: 4ch;
  background-image: linear-gradient(transparent, transparent calc(4ch - 1px), #E7EFF8 0px);
  background-size: 100% 4ch;

}
.Total {
  font-weight: bold !important;
  font-size: 13px !important;
  color: #000000 !important;
}

.flex_center {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex_container {
  display: -webkit-flex;
  display: flex;
}

.confirm{
  position: fixed;
  top: 7em;
  background: #ffe399;
  width: 25em;
  z-index: 1000;
  border-radius: 0.5em;
  padding: 0.5em;
}
.text-top{
  position: relative;
  top: -2px
}
.SIPHeadercls{
    margin: 1em;
    border: 0. solid #000;
    border-radius: 0.3em;
    background-color: #fff;
}
.SIPHeaderColor{
  color: #000;
  font-size: 1.4em;
  font-weight: bold;
}
.chart-card {
  background: white;
  height: 100%;
  margin: 0.5em;
  padding: 2em;
  border-radius: 0.3em;
}

.custom-legend ul {
  column-count: 1;
  column-gap: 10px;
}

.custom-legend li {
  list-style: none;
  font-family: 'Century Gothic', Arial;
  font-size: 13px;
  word-wrap: break-word;
  /*padding: 6px;*/
  cursor: pointer;
  color: #666666;
}

.custom-legend li.striked {
  text-decoration: line-through;
}

.custom-legend li.striked span {
  background: #b3b3b3
}

.custom-legend span {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.headsticky {
  position: sticky;
  top: 0;
  bottom: auto;
  background-color:#ddd ;
}

.headsticky  #Table th {
  border: 1px solid #ddd !important;
}
.hover-menu {
  position: absolute;
  top: 7px;
  right: 80px;  
  left: auto;
  z-index: 1000;
  display: flex;
  float: left;
  min-width: 200px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: var(--header-background-color);
  -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)
}
.ui-table-scrollable-body {
  /* overflow: inherit !important; */
  max-height: max-content !important;
}
.carousel-indicators {
  z-index: 10;
}