/* Generated by less 2.5.1 */
/* ---------------------------------------------------------------
Colors of CSCN
--------------------------------------------------------------- */
/* Main Colors */
/* ocean-blue */
/* cerulean */
/* dark-sky-blue */
/* sunflower-yellow */
/* Secondary Colors */
/* cocoa */
/* dark-fuchsia */
/* dark-grey */
/* warm-grey */
/* pinkish-grey */
/* light-grey */
/* black */
/* red */
/* green */
/* white*/
/* red alpha */
/* Helper Colors */

  /* PDF download icon */
  .pdf-download{
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath fill='rgba(0, 128, 200, 1)' fill-rule='evenodd' d='M15.5 5.9h-3a.5.5 0 0 0 0 1H15v10H4v-10h2.5a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5M7.229 9.282L9 11.214V.5a.5.5 0 0 1 1 0v10.714l1.771-1.932a.5.5 0 0 1 .737.676l-2.64 2.879a.496.496 0 0 1-.736 0l-2.64-2.879a.5.5 0 0 1 .737-.676'/%3E%3C/svg%3E");
      width:18px;
      height: 18px;
      padding-left: 24px;
      display: inline-block;
      background-repeat:no-repeat;
      /* Colered Text / Icons */
  }

  .cscn-check-icon--18-x-18 {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h18v18H0z'/%3E%3Cpath fill='rgba(0, 128, 200, 1)' d='M6.077 14L0 7.813l.926-.94L6.08 12.12 14.075 4l.925.94L6.077 14'/%3E%3C/g%3E%3C/svg%3E");
    width:18px;
    height: 14px;
    padding-left: 24px;
    display: inline-block;
    background-repeat:no-repeat;
  }

    /* My Data Starts */
    .my-data__button-wrapper__divider {
      border-top: 1px solid rgba(215, 215, 215, 1);
      /* Seperator, Divider Textborders */
    }
    .personal-data__change-hint__icon>path{
      fill: rgba(118, 118, 118, 1);
      /*  Standard Text / Icons */
    }
    .personal-data__change-hint__text{
      color: rgba(118, 118, 118, 1);
      /*  Standard Text / Icons */
    }
    .personal-data__add:hover {
      .personal-data__add__icon>path {
        fill: rgba(0, 128, 200, 1);
        /* Colered Text / Icons */
      }
      .personal-data__add__link {
        color: rgba(0, 128, 200, 1);
        /* Colered Text / Icons */
      }
    }
    .personal-data__add__icon>path {
      fill: rgba(118, 118, 118, 1);
      /*  Standard Text / Icons */
    }
    .personal-data__add__link {
      color: rgba(118, 118, 118, 1);
      /*  Standard Text / Icons */
    }
    .personal-data__border-top {
      border-top: 1px solid rgba(118, 118, 118, 1);
      /*  Standard Text / Icons */
    }
    .my-data__email__form__success__text {
      color: rgba(57, 203, 44, 1);
      /* Green (Icons / Text) */
    }
    .my-data__email__form__success__text__result {
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    @media only screen and (min-width : 570px) and (max-width : 819px) {
      .personal-data__communication {
        border-top: 1px solid rgba(0, 128, 200, 1);
        /* Colered Text / Icons */
      }
      .personal-data__adress__leftborder {
        border-left: 1px solid rgba(118, 118, 118, 1);
        /*  Standard Text / Icons */
      }
      .flex-row.row > .personal-data__split-md__sec {
        border-left: 1px solid rgba(118, 118, 118, 1);
        /* Standard Text / Icons */
      }
    }
    @media only screen and (max-width : 819px) {
      .personal-data__box.form-wrapper--has-shadow {
        border-bottom: 1px solid rgba(0, 128, 200, 1);
        /* Colered Text / Icons */
      }
      .personal-data__partner{
        border-top: 1px solid rgba(0, 128, 200, 1);
        /* Colered Text / Icons */
      }
    }
    @media only screen and (min-width : 1070px) {
      .personal-data__adress__leftborder {
        border-left: 1px solid rgba(118, 118, 118, 1);
        /*  Standard Text / Icons */
      }
    }
    .my-data__divider {
      border-top: 1px solid rgba(215, 215, 215, 1);
      /* Seperator, Divider, Textborders */
    }
    .personal-data__edit-icon__svg > path {
      fill: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    /* My Data Ends */

    /** Contract Navigation Starts **/

    .csc-navigation-header{
      background-color: rgba(0, 128, 200, 1);
      /* Box-Background */
    }
    .csc-navigation-header__title{
      color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .csc-navigation-header__nav-icon-title{
        color: rgba(255, 255, 255, 1);
        /* Box-Text */
    }
    .aktiv{
        background-color: rgba(57, 203, 44, 1);
        /* Green (Icons / Text) */
    }
    .notAktiv{
        background-color: rgba(243, 70, 63, 1);
        /* Red (Icons / Text) */
    }
    .consumption-details-link a{
        color: rgba(118, 118, 118, 1);
        /* Standard Text / Icons */
    }
    .consumption-history-table>thead>tr>th {
        color: rgba(0, 128, 200, 1);
        /* Colered Text / Icons */
    }
    .tendency-bar {
        background-color: rgba(0, 128, 200, 1);
        /* Box-Background */
    }
    .tendency-value{
        color: rgba(255, 255, 255, 1);
        /* Box-Text */
    }
    .sm-header{
        color: rgba(0, 128, 200, 1);
        /* Colered Text / Icons */
    }
    .csc-radio-button label:before {
        box-shadow: 0 0 0 0.15em rgba(0, 128, 200, 1);
        /* Colered Text / Icons */
        border-color: rgba(255, 255, 255, 1);
        /* Box-Text */
    }
    .csc-radio-button input[type=radio]:checked + label:before {
        background: rgba(0, 128, 200, 1);
        /* Colered Text / Icons */
    }
    .tendency-color {
        fill: rgba(0, 128, 200, 1);
        /* Box-Background */
    }
    .tendency-color-xs {
        fill: rgba(188, 188, 188, 1);
        /* Box-Border:Normal  */
    }
    .expand-collapse-icon-color {
        fill: rgba(0, 128, 200, 1);
        /* Colered Text / Icons */
    }
    /** Contract Navigation Ends **/

    /** Consumption details starts **/

    .device-header>span{
        color: rgba(0, 128, 200, 1);
        /* Colered Text / Icons */
    }
    [class^=consumption-overview__]{
      border-color: rgba(188, 188, 188, 1);
      /* Box-Border:Normal */
    }
    .consumption-history--link {
      color: rgba(118, 118, 118, 1) !important;
      /* Standard Text / Icons */
    }
    .csc-tab-component {
      box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);
      /* rgba(0, 0, 0, 0.15) */
    }
    .expandable-v2 {
      box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);
      /* rgba(0, 0, 0, 0.15) */
    }
    .csc-tab-navigation__list{
      box-shadow: inset 0 -2px 0 0 rgba(215, 215, 215, 1);
      /* Seperator, Divider Textborders */
    }
    .csc-tab-navigation__item.active > a,
    .csc-tab-navigation__item.active > div {
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
      border-bottom: 2px solid rgba(0, 128, 200, 1);
      /* Portal-Menu-Top-Border-Line */
    }

    .installation-text {
      color: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }

    /** Consumption details styles ends **/

    /** Generic Color config starts **/

    .csc-table>thead>tr>th{
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .loader__circle--visible {
      stroke: rgba(0, 128, 200, 1);
      /* Box-Background */
    }
    .back-text  {
      stroke: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }
    .table-sorted > thead > tr > th.sort-up > span.sort-icon {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h18v18H0z'/%3E%3Cpath fill='rgba(118,118,118,1)' d='M3 5.874L3.874 5 9 10.126 14.126 5l.874.874-6 6-6-6'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h18v18H0z'/%3E%3Cpath fill='rgba(0, 128, 200, 1)' d='M15.437 11.563l-.874.874-5.126-5.126-5.126 5.126-.874-.874 6-6 6 6'/%3E%3C/g%3E%3C/svg%3E");
      /* Colered Text / Icons */
    }
    .table-sorted > thead > tr > th.sort-down > span.sort-icon {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h18v18H0z'/%3E%3Cpath fill='rgba(0, 128, 200, 1)' d='M3 5.874L3.874 5 9 10.126 14.126 5l.874.874-6 6-6-6'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h18v18H0z'/%3E%3Cpath fill='rgba(118,118,118,1)' d='M15.437 11.563l-.874.874-5.126-5.126-5.126 5.126-.874-.874 6-6 6 6'/%3E%3C/g%3E%3C/svg%3E");
      /* Colered Text / Icons */
    }


    /** Generic Color config ends **/

    /** Dashboard component start **/

    .csc-dashboard__name-display {
	    color: rgba(0, 128, 200, 1) !important;
	    /* Colored Text / Icons */
	}
	.csc-dashboard__permission-headline {
	    color: rgba(0, 128, 200, 1) !important;
	    /* Colored Text / Icons */
	}
	.csc-dashboard-tile-icon {
	  border: solid 1px rgba(118, 118, 118, 1);
	  /* Standard Text / Icons */
	}
	.csc-dashboard-tile-icon__text {
	  color: rgba(0, 128, 200, 1);
	  /* Colored Text / Icons */
	}
	.csc-dashboard-tile-abbreviation-icon {
	  background-color: rgba(255, 255, 255, 1);
	   /* Box-Background */
	  border: solid 1px rgba(118, 118, 118, 1);
	  /* Box-Border:Normal */
	}
	.csc-dashboard-tile-abbreviation-text {
	  color: rgba(0, 128, 200, 1);
	  /* Colored Text / Icons */
	}
	.csc-dashboard-tile-abbreviation__oval-icon {
	  background-color: rgba(255, 255, 255, 1);
	   /* Box-Background */
	  border: solid 1px rgba(118, 118, 118, 1);
	  /* Box-Border:Normal */
	}
	.csc-dashboard-text__green {
	  color: #39cb2c;
	  /* Green (Icons / Text) */
	}
	.csc-dashboard-tile-overlapped-icon{
	  background-color: rgba(255, 255, 255, 1);
	}
	.csc-dashboard-tile-overlapped-icon{
		box-shadow: -11px -7px 0px rgba(255, 255, 255, 1);
	}
	.csc-tiles-data__container {
	  background-color: rgba(255, 255, 255, 1);
	  /* Box-Text */
	}
	.icon-arrow-circle__fill {
	  fill: rgba(0, 128, 200, 1) !important;
	  /* Colored Text / Icons */
	}
	.csc-tile__headline {
	  color: rgba(0, 128, 200, 1);
	  /* Colered Text / Icons */
	}
	.csc-tiles__subline {
	  color: rgba(118, 118, 118, 1);
	  /* Standard Text / Icons */
	}
	.csc-permission-tile-oval-icon__wrapper {
	  border-color: rgba(118, 118, 118, 1) !important;
	  /* Box-Border:Normal */
	}
	.csc-dashboard-tile__boldText {
	  color: rgba(0, 128, 200, 1);
	}
	.csc-tiles__subHeadline {
	  color: rgba(118, 118, 118, 1);
	}

    /** Dashboard component end **/

    /** Contract account management component start **/
    .csc-contract-management-subHeadLine {
      color: rgba(118,118,118,1);
       /* Standard Text / Icons */
    }

    .cmt-table__sticky-col {
      background-color: rgba(255, 255, 255, 1);
      /* Seperator, Divider & Textborders */
    }

    .contract-details__header {
      color: rgba(0, 128, 200, 1);
       /* Colored Text / Icons */
    }

    .contract-details-table-data__header,.contract-details-table-data__text {
      color: rgba(118,118,118,1);
        /* Standard Text / Icons */
    }

    .csc-contract-mgmt-table > tbody.hasExpandableRowExtended > tr:first-child > td:first-child {
      box-shadow: 0 1px rgba(215, 215, 215, 1) !important;
       /* Seperator, Divider & Textborders */
    }

    .csc-contract-mgmt-table > tbody:last-child.hasExpandableRowCollapsed > tr > td:not(:first-child) {
      box-shadow: 0 1px rgba(215, 215, 215, 1) !important;
       /* Seperator, Divider & Textborders */
    }

    .csc-contract-mgmt-table > tbody:last-child.hasExpandableRowCollapsed > tr > td:first-child {
      box-shadow: 0 1px rgba(215, 215, 215, 1) !important;
      /* Seperator, Divider & Textborders */
    }

     /** Contract account management component end **/

    /** Meter reading colors starts **/

    .ano-meter-reading__box--top {
      background-color: rgba(0, 128, 200, 1);
      /* Box-Background */
    }
    .ano-meter-reading__headerbox__title {
      color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .ano-meter-reading__headerbox__subtitle {
      color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .ano-meter-reading__headerbox__generic-data {
      color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .ano-meter-reading__headerbox__divider {
      border: 1px solid rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .ano-meter-form__last-values{
      color: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }
    .ano-meter-form__header{
      color: rgba(0, 128, 200, 1);
      /* Box-Background */
    }
    .thanks-ano-meter-form__header{
      color: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }

    .no-meter-error-container__label{
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .no-meter-error-container__exclamation{
      background-color: rgba(255, 255, 255, 1);
      /* Box-Text */
      stroke: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }

    .thanks-meter-container__label,
    .thanks-meter-container-result
    {
      color: rgba(57, 203, 44, 1);
      /* Green (Icons / Text) */
    }
    .thanks-meter-container__checked{
      background-color: rgba(255, 255, 255, 1);
      /* Box-Text */
      stroke: rgba(57, 203, 44, 1);
      /* Green (Icons / Text) */
    }
    .ano-meter-counter__text__error {
      color: rgba(243, 70, 63, 1);
      /* Red (Icons / Text) */
    }
    .ano-meter-counter__text {
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .ano-meter-informationbox__icon {
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .ano-meter-informationbox__value__serial-number {
      fill: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }
    .ano-meter-informationbox__value__energy-type__gas {
      fill: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }
    .ano-meter-informationbox__value__energy-type__power {
      fill: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }
    .ano-meter-informationbox__value__last-reading-date {
      fill: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }

    .thanks-meter-container__checked-no-email{
      background-color: rgba(255, 255, 255, 1);
      stroke: rgba(57, 203, 44, 1);
      /* Green (Icons / Text) */
    }
    .thanks-meter-container__thanks-text-no-email {
      color: rgba(57, 203, 44, 1);
      /* Green (Icons / Text) */
    }
    .thanks-meter-container__divider_line {
      border-top-color: rgba(188, 188, 188, 1);
      /* Box-Border:Normal */
    }

    .meter-reading-email-feedback__headline,
    .meter-reading-mailbox-info__headline,
    .meter-read-thanks__headline {
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }

    .meter-reading-mailbox-info__email,
    .meter-read-thanks__container__email {
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }

    .meter-reading-register__headline,
    .meter-reading-register__benefits-text,
    .meter-reading-register__data-protection-link {
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }

    #step-container .active__text {
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }

    /** Meter reading colors ends **/

    /** Door page colors starts **/
    .permissions-data__box {
      background-color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .permission-data__headline {
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .permission-data__subline {
      color: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }
    .navigate-icon-color {
      fill: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .oval-icon__wrapper {
      border-color: rgba(118, 118, 118, 1) !important;
      /* Standard Text / Icons */
    }

    /** Door page colors ends **/

    /** Modal colors starts **/

    .md-content {
      background-color: rgba(255, 255, 255, 1);
     /* Box-Text */
      border-color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .md-content h3 {
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons Titel */
    }
    .md-content p {
      color: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }
    .md-close {
      background-color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .md-close .icon-close {
      color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    /* Einsman Table */
    .ui-datepicker,
    .ui-search-menu,
    .tooltip-inner {
      background-color: rgba(255, 255, 255, 1) !important;
      /* Box-Text */
    }
    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span,
    .ui-datepicker-calendar td a {
      color: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }
    .ui-datepicker-calendar td .ui-state-hover,
    .ui-datepicker-calendar td .ui-state-active {
      background-color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons Close-Button-Background */
      color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .tooltip-inner {
      color: rgba(118, 118, 118, 1) !important;
      /* Standard Text / Icons */
    }
    /* Gallery Lighbox */
    .modal-gallery__counter {
       color: rgba(255, 255, 255, 1);
       /* Box-Text */
    }
    .modal-gallery__close {
      color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .modal-gallery__social .theme-white li a {
      color: rgba(255, 255, 255, 1);
      /* Box-Text */
      border-color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .modal-gallery__social--mobile .theme-white li a {
      color: rgba(255, 255, 255, 1);
      /* Box-Text */
      border-color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .modal-gallery .text-micro {
      color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .modal-gallery__download svg path {
      fill: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .modal-gallery .progress-bar-container {
      background-color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .modal-gallery .progress-bar {
      background-color: rgba(0, 128, 200, 1);
      /* Portal-Menu-Top-Border-Line */
    }

    /** Modal colors ends **/

    /** Expendables starts -- New Styles **/
    .expandable-v2.alt-design .expanded > .expandable-v2__top {
      background-color: rgba(0, 128, 200, 1);
      /* background-color expanded alternative */
      color: rgba(255, 255, 255, 1);
      /* color expanded alternative */
    }
    .expandable-v2.alt-design .expanded > .expandable-v2__top h3,
    .expandable-v2.alt-design .expanded > .expandable-v2__top a,
    .expandable-v2.alt-design .expanded > .expandable-v2__top .expandable-v2__subtitle {
      color: rgba(255, 255, 255, 1);
      fill: rgba(255, 255, 255, 1);
    }
    .expandable-v2.alt-design .collapsed > .expandable-v2__top {
      color:  rgba(0, 128, 200, 1);
      /* background-color collapsed alternative */
    }
    .expandable-v2__trigger {
      border-color: rgba(215, 215, 215, 1);
      /* Seperator, Divider Textborders */
    }
    .expandable-v2__trigger-label {
      color: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }
    .expandable-v2__trigger-label--active {
      color: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }
    .expandable-v2__headline {
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .expandable-v2 .expandable-v2__title-with-message span {
      color: rgba(118, 118, 118, 1);
      /* additional message */
    }
    /** Expendables ends -- New Styles **/

    .collapsed .expandable-v2-icon svg path {
      fill: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .expandable-v2-icon svg path {
      fill: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .expandable-v2.alt-design .expanded > .expendable__top {
      background-color: rgba(0, 128, 200, 1);
      /* Box-Background */
    }
    .expandable-v2.alt-design .expanded > .expendable__top h3,
    .expandable-v2.alt-design .expanded > .expendable__top .expandable-v2__subtitle,
    .expandable-v2.alt-design .expanded > .expendable__top .expandable-v2__trigger-up-icon svg path,
    .expandable-v2.alt-design .expanded > .expendable__top .expandable-v2__trigger-delete-icon svg path,
    .expandable-v2.alt-design .expanded > .expendable__top .expandable-v2__trigger-down-icon svg path,
    .expandable-v2.alt-design .expanded > .expendable__top .expandable-v2__trigger-up-label,
    .expandable-v2.alt-design .expanded > .expendable__top .expandable-v2__trigger-down-label,
    .expandable-v2.alt-design .expanded > .expendable__top .expandable-v2__trigger-delete-label {
      color: rgba(255, 255, 255, 1);
      /* Box-Text */
      fill: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    /** Expandables ends **/

    /** PatternLab button starts **/

    .button.button--v0.button--disabled:focus,
    .button.button--v0.button--disabled:active,
    .button.button--v0.button--disabled:hover,
    .button.button--v0.button--disabled:focus svg path,
    .button.button--v0.button--disabled:active svg path,
    .button.button--v0.button--disabled:hover svg path ,
    .button.button--v0:disabled:focus,
    .button.button--v0:disabled:active,
    .button.button--v0:disabled:hover,
    .button.button--v0:disabled:focus svg path,
    .button.button--v0:disabled:active svg path,
    .button.button--v0:disabled:hover svg path,
    .button.button--v0[disabled]:focus,
    .button.button--v0[disabled]:active,
    .button.button--v0[disabled]:hover,
    .button.button--v0[disabled]:focus svg path,
    .button.button--v0[disabled]:active svg path,
    .button.button--v0[disabled]:hover svg path {
      background-color: rgba(255, 255, 255, 1);
      /* Box-Text */
      border-color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
      fill: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    /** PatternLab button ends **/

    /** Form switch starts **/

    .form-switch__label--text {
      color: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }
    .switch-disabled .form-switch__label--text {
      color: rgba(188, 188, 188, 1);
      /* Box-Border:Normal */
    }
    .switch__slider {
      background-color: rgba(255, 255, 255, 1);
      /* Box-Text */
      border-color: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }
    .switch-disabled .switch__slider {
      border-color: rgba(188, 188, 188, 1);
      /* Box-Border:Normal */
    }
    .switch__slider:before {
      background-color: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
      border-color: rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
    }
    .switch-disabled .switch__slider:before {
      border-color: rgba(188, 188, 188, 1);
      /* Box-Border:Normal */
      background-color: rgba(188, 188, 188, 1);
      /* Box-Border:Normal */
    }
    .switch__checkbox:checked + .switch__slider {
      background-color: rgba(255, 255, 255, 1);;
      /* Box-Text */
      border-color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .switch__checkbox:checked + .switch__slider:before {
      background: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
      border-color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .switch__checkbox:focus + .switch__slider {
      box-shadow: 0 0 1px rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .switch-disabled .switch__checkbox:checked + .switch__slider {
      border-color: rgba(188, 188, 188, 1);
      /* Box-Border:Normal */
      background-color: rgba(255, 255, 255, 1);;
      /* Box-Text */
    }
    .switch-disabled .switch__checkbox:checked + .switch__slider:before {
      border-color: rgba(188, 188, 188, 1);
      /* Box-Border:Normal */
      background-color: rgba(188, 188, 188, 1);
      /* Box-Border:Normal */
    }
    :not(.switch-disabled).switch-options .switch__slider {
      border-color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    :not(.switch-disabled).switch-options .switch__slider:before {
      border-color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
      background-color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    /** Form switch ends **/

    /** Flyout starts **/
    .csc-flyout-menu__stroke{
      border-bottom-color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .csc-flyout-menu__login-box{
      background-color:rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }

    .csc-flyout-menu__login-box__title{
      color: rgba(255, 255, 255, 1);
      /* Box-Text */
    }
    .csc-flyout-menu{
      background-color: rgba(255, 255, 255, 1);
      /* Box-Text */
      border-top: solid 4px rgba(0, 128, 200, 1);
      /* Portal-Menu-Top-Border-Line */
    }
    .csc-flyout-menu__arrow #a-chevron-right{
      fill:rgba(0, 128, 200, 1);
      /** Colered Text / Icons **/
    }
    .csc-flyout-menu__name-container__name-plate:after{
      background:linear-gradient(to right,rgba(0, 128, 200, 0),rgba(0, 128, 200, 1));
      /* Box-Background */
    }
    .csc-flyout-tile__title-link > a {
      color:rgba(0, 128, 200, 1) !important;
      /* Colered Text / Icons */
    }
    .csc-flyout-tile__title-link > a:hover,
    .csc-flyout-tile__title-link > a.active {
      color:rgba(0, 128, 200, 1) !important;
      /* Colered Text / Icons */
    }
    .csc-flyout-menu__register-title > a{
      color:rgba(0, 128, 200, 1) !important;
      /* Colered Text / Icons */
    }
    .csc-flyout-menu__register-title > a:hover,
    .csc-flyout-menu__register-title > a.active {
      color:rgba(0, 128, 200, 1) !important;
      /* Colered Text / Icons */
    }

    /** Flyout ends **/

    /** Footer starts **/

    .footer-meta-wrapper-cscn {
        font-size:14px;
        font-weight:500;
        padding:15px 0;
        text-align:center;
    }

    .has-line-top-bottom-cscn {
      border-top: 1px solid rgba(215, 215, 215, 1);
      /* Seperator, Divider Textborders */
      border-bottom: 1px solid rgba(215, 215, 215, 1);
      /* Seperator, Divider Textborders */
    }

    /** Footer ends **/

    /** Post box **/

    .postbox-details-table>thead>tr>th {
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .table-header-text, .icon-text, .content-icon {
      color: rgba(0, 128, 200, 1) !important;
      /* Colered Text / Icons */
    }
    .content-text, .td-content {
      color: rgba(118, 118, 118, 1) !important;
      /* Standard Text / Icons */
    }
    .postbox-details-table thead tr:first-child {
      border-color: rgba(255, 255, 255, 1) !important;
      /* Box-Text */
    }
    .content-right {
      color: rgba(0, 128, 200, 1) !important;
      /* Colered Text / Icons */
    }
    .content-icon__fill {
      fill: rgba(0, 128, 200, 1) !important;
      /* Colored Text / Icons */
    }
    .icon-arrow-circle__fill {
      fill: rgba(0, 128, 200, 1) !important;
      /* Colored Text / Icons */
    }

    /** Post box **/

    /** Logged in Meter reading **/

    .loggedin-meters-table>thead>tr>th {
      color: rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }

    .loggedin-meterreading-pending-status-icon {
      fill:rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .colored-border{
      border-color:rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }
    .sm-header{
      color:rgba(0, 128, 200, 1);
      /* Colered Text / Icons */
    }

    /** Logged in Meter reading **/

	/** Icon config starts **/


	/** Icon config ends **/

  /** Link colors starts **/

  .standard-link__text{
    color:rgba(0, 128, 200, 1);
    /* Colered Text / Icons */
  }

  .standard-link__icon-left svg path,
  .standard-link__icon-right svg path{
    fill:rgba(0, 128, 200, 1);
    /* Colered Text / Icons */
  }

  /** Link colors ends **/

  /** Invoice colors starts **/
  #invoice-page .show-number .standard-link,
  #invoice-page .show-number .standard-link .standard-link__text{
    color:rgba(118, 118, 118, 1);
    /* Standard Text / Icons */
  }

  #invoice-page .show-number .standard-link.active,
  #invoice-page .show-number .standard-link.active .standard-link__text{
    color:rgba(0, 128, 200, 1);
    /* Colered Text / Icons */
  }
  /** Invoice colors ends **/

  /** Password forgot start **/
  .csc-reset-password-confirmation__icon{
    border: 1px solid rgba(118, 118, 118, 1);
    /** Standard Text / Icons **/
  }

  .csc-reset-password-confirmation__icon > svg path{
    fill:rgba(118, 118, 118, 1);
    /** Standard Text / Icons **/
  }

  .csc-reset-password-confirmation__icon-checked-background{
    fill:rgba(57, 203, 44, 1);
    /** Green (Icons / Text) **/
  }

  .csc-reset-password-confirmation__icon-checked-mark{
    fill:rgba(255, 255, 255, 1);
    /** Box-Text **/
  }

  .form-input__password-criteria__box .form-input__password-criteria__check-icon {
    fill: rgba(118, 118, 118, 1);
    /** Standard Text / Icons **/
  }

  .form-input__password-criteria__box--valid .form-input__password-criteria__check-icon {
    fill: rgba(57, 203, 44, 1);
    /** Green (Icons / Text) **/
  }

  .csc-reset-password-confirmation__icon {
    border: 1px solid rgba(118, 118, 118, 1);
    /** Standard Text / Icons **/
  }
  .csc-reset-password-confirmation__icon-checked-mark {
    fill: rgba(255, 255, 255, 1);
    /** Box-Text **/
  }
  .csc-reset-password__hint .csc-reset-password__error-message {
    color: rgba(243, 70, 63, 1);
    /** Red (Icons / Text) **/
  }
  /** Password forgot ends **/

  /** Access details starts **/
  .access-details__meter-number-label {
  color: rgba(118,118,118,1);
  /** Standard Text / Icons **/
  }
  .access-details__pin-number-label {
    color: rgba(118,118,118,1);
    /** Standard Text / Icons **/
  }
  .access-details__pin-number-label > span:last-child {
    color: rgba(0, 128, 200, 1);
    /* Colored Text / Icons */
  }
  .access-details__password-label > span {
    color: rgba(0, 128, 200, 1);
     /* Colored Text / Icons */
  }
  .access-details__userName-label > span {
    color: rgba(0, 128, 200, 1);
     /* Colored Text / Icons */
  }
  .access-details__pin-number-error {
    color: rgba(0, 128, 200, 1) !important;
    /* Red (Icons / Text) */
  }
  /** Access details ends **/

  /** Registration **/
  .form-input-wrapper__message-notification p {
    color:rgba(0, 128, 200, 1);
    /** Box-Background **/
  }
  .register-confirmation__step-box path {
    fill:rgba(118,118,118,1);
    /** Standard Text / Icons **/
  }
  .csc-second-reg__wrapper__arrow #a-chevron-right{
    fill:rgba(0, 128, 200, 1);
    /* Colored Text / Icons */
  }

  .outer-nav-wrapper_add_new__container__link, .outer-nav-wrapper_add_new__container__icon path{
    color:rgba(118,118,118,1);
    fill:rgba(118,118,118,1);
    /* Standard Text / Icons */
  }

  /* Budget Billing Plan */

	  #budget-billing-plan .csc-billing-icon {
	    border: solid 1px rgba(118,118,118,1);
      /* Standard Text / Icons */
	  }

	  #budget-billing-plan .csc-billing-abbreviation__oval-icon {
	    background-color:rgba(255,255,255,1);
	    border: solid 1px rgba(118,118,118,1);
      /* Standard Text / Icons */
	  }

	  #budget-billing-plan .csc-billing-abbreviation-text {
	    color: rgba(118,118,118,1);
      /* Standard Text / Icons */
	  }

	  #budget-billing-plan .csc-billing-icon__text {
	    color: rgba(118,118,118,1);
      /* Standard Text / Icons */
	  }

	  #budget-billing-plan .highcharts-subtitle {
	    color: rgba(118,118,118,1) !important;
      /* Standard Text / Icons */
	  }

	  #budget-billing-plan .bbp-chart-legend_label {
	    fill: rgba(215, 215, 215, 1);
	    color: rgba(215, 215, 215, 1);
      /* Seperator, Divider Textborders */
	  }

	  #budget-billing-plan .bbp_chart_legend_closed {
	    background-color: rgba(215,215,215,1);
      /* Seperator, Divider Textborders */
	  }

	  #budget-billing-plan .bbp_chart_legend_open {
	    background-color: rgba(0, 128, 200, 1);
	    /* Box-Background */
	  }

	  #budget-billing-plan .bbp_chart_legend_status-text {
	    color:rgba(118, 118, 118, 1);
      /* Standard Text / Icons */
	  }

	  #budget-billing-plan .bbp_adjust-discounts__container {
	    box-shadow:  0 -1px 0 rgba(215,215,215,1);
      /* Seperator, Divider Textborders */
	  }

    #budget-billing-plan .bbp_adjust-discounts__section-icon-fill {
	    fill:rgba(0, 128, 200, 1);
	    /* Colored Text / Icons */
	  }
	  #budget-billing-plan .hideCollapseTextClass{
	    visibility: hidden;
	  }
	  #budget-billing-plan .highcharts-series-color_editable {
	    fill: rgba(0, 128, 200, 1) !important;
	    /* Colered Text / Icons */
	  }
	  #budget-billing-plan .highcharts-series-color_static {
	    fill: rgba(215, 215, 215, 1) !important;
	    /* Seperator, Divider & Textborders */
	  }

	#budget-billing-plan #bbpMonthYearButtonContainer .active {
	   background: rgba(0, 128, 200, 1);
	   /* Colered Text / Icons */
	   color: rgba(255, 255, 255, 1);
	   /* Tab active - Text Color and background */
	 }
	 #budget-billing-plan #bbpMonthYearButtonContainer .inactive {
	   background: rgba(255, 255, 255, 1);
	   /* Box-Text */
	   color: rgba(0, 128, 200, 1);
	   /* Colered Text / Icons */
	 }
	 #budget-billing-plan .bbpCalendarTable tr > td {
	   color: rgba(118, 118, 118, 1);
	   /* Standard Text / Icons */
	   border: solid 1px rgba(215, 215, 215, 1);
	   /* Seperator, Divider & Textborders */
	 }
	 #budget-billing-plan .bbpCalendarTable tbody > tr > td.inactive {
	   color: rgba(215, 215, 215, 1);
	   /* Seperator, Divider & Textborders */
	 }
	 #budget-billing-plan .bbpCalendarTable tbody > tr > td.active {
	   color: rgba(118, 118, 118, 1);
	   /* Standard Text / Icons */
	 }
	 #budget-billing-plan .bbpCalendarTable tbody > tr > td.selected {
	   background-color: rgba(0, 128, 200, 1);
	   /* Colered Text / Icons */
	   color: rgba(255, 255, 255, 1);
	   /* Box-Text */
	 }
	 #budget-billing-plan .expand-collapse-text {
	   color: rgba(0, 128, 200, 1);
	   /* Colered Text / Icons */
	 }
	#budget-billing-plan .csc-billing-adjust-amount {
	border: 1px solid rgba(0, 128, 200, 1);
	}
	#budget-billing-plan .billing-adjust-amount--icon {
	fill: rgba(0, 128, 200, 1);
	}
	#budget-billing-plan .form-input-v2__field {
		color: rgb(0, 0, 0);
	}
	#budget-billing-plan .adjust-amount i {
		color: rgb(0, 0, 0);
	}
  /* Budget Billing Plan */

  /** Meter visualization starts **/
  .graph-container__rectangle rect{
    fill:rgba(215, 215, 215, 1);
    /* Seperator, Divider & Textborders */
  }

  #icon-info path, #icon-info svg{
    fill:rgba(118, 118, 118, 1);
    /* Standard Text / Icons */
  }

  .c-visual-tooltip__labels, .c-visual-tooltip__value {
    color:rgba(118, 118, 118, 1);
    /* Standard Text / Icons */
  }
  /** Meter visualization ends **/

  /** Lastgang abo starts **/
  #consumption-subscription-component .trash-icon > path {
    fill: rgba(118, 118, 118, 1);
    /*  Standard Text / Icons */
  }
  #consumption-subscription-component .expandable.alt-design .expendable__top .expandable__subtitle {
    color: rgba(118, 118, 118, 1);
    /*  Standard Text / Icons */
  }
  #consumption-subscription-component .tooltip-icon__fill {
    fill: rgba(0, 128, 200, 1);
  }

  #consumption-user-data .form-input-v2 {
    color: rgba(0, 0, 0, 1);
  }

  .add-link:hover .add-link__icon > path {
    fill: rgba(0, 128, 200, 1);
    /* Colered Text / Icons */
  }

  .add-link:hover .add-link__link {
    color: rgba(0, 128, 200, 1);
    /* Colered Text / Icons */
  }

  .add-link__icon > path {
    fill: rgba(118, 118, 118, 1);
    /*  Standard Text / Icons */
  }

  .add-link__link {
    color: rgba(118, 118, 118, 1);
    /* Standard Text / Icons */
  }

  .consumption-subscription-overview .link-add__label,
  .consumption-subscription-overview .link-add__svgPath {
    color: rgba(118, 118, 118, 1);
    fill: rgba(118, 118, 118, 1);
  }
  .consumption-subscription-overview .link-add__link:hover .link-add__label,
  .consumption-subscription-overview .link-add__link:hover .link-add__svgPath {
    color: rgba(188, 188, 188, 1);
    fill: rgba(188, 188, 188, 1);
  }
  .consumption-subscription-overview .link-delete__icon,
  .consumption-subscription-overview .link-edit__svgPath {
    fill: rgba(0, 128, 200, 1);
  }
  .consumption-subscription-overview__th {
    color: rgba(0, 128, 200, 1);
    border-bottom-color: rgba(188, 188, 188, 1) !important;
  }
  .consumption-subscription-overview__td--mobile > div > div:first-child p {
    color: rgba(0, 128, 200, 1);
  }
  .consumption-subscription .trash-icon > path{
    fill:rgba(118, 118, 118, 1) !important;
  }
  .consumption-subscription .expandable.alt-design .expendable__top .expandable__subtitle{
    color:rgba(118, 118, 118, 1) !important;
  }
  .consumption-subscription .tooltip-icon__fill{
    fill:rgba(0, 128, 200, 1) !important;
  }
  .consumption-subscription-inactive h3{
    color:rgba(0, 128, 200, 1) !important;
  }
  /** Lastgang abo ends**/

  /** Meter Visualization starts **/
  .graph-container__rectangle-value rect{
    fill:rgba(215, 215, 215, 1);
  }
  .graph-container__rectangle-comparison rect{
    fill:rgba(0, 128, 200, 1);
  }
  #icon-info path, #icon-info svg{
    fill:rgba(118, 118, 118, 1) !important;
  }
  .c-visual-tooltip__labels, .c-visual-tooltip__value{
    color:rgba(118, 118, 118, 1);
  }
  .consent-modal-container_deco:before{
    background:rgba(0, 128, 200, 1);
  }
  /** Meter Visualization ends **/

/** Alert shared component starts **/

.alert--info {
  background-color:rgba(0, 128, 200, .2);
  /* Colered Text / Icons */
}
.alert--info .alert__icon svg {
  fill:rgba(0, 128, 200, 1);
  /* Colered Text / Icons */
}
.alert--info .alert__content {
  color:rgba(0, 128, 200, 1);
  /* Colered Text / Icons */
}
.alert--error {
  background-color:rgba(243, 70, 63, .2);
  /* Red (Icons / Text) */
}
.alert--error .alert__icon svg {
  fill:rgba(243, 70, 63, 1);
  /* Red (Icons / Text) */
}
.alert--error .alert__content {
  color:rgba(243, 70, 63, 1);
  /* Red (Icons / Text) */
}

/** Alert shared component ends **/

/** Contact login form component start **/

  #kontact-loggedIn-form .kontact_contract-account .dropdown-component__option--active p span {
    color: rgba(0, 0, 0, 1) !important;
     /* Colered Text on hover*/
   }
  #kontact-loggedIn-form .kontact_contract-account .dropdown-component__select-content p {
    color:rgba(0, 0, 0, 1);
      /* Colered Text*/
   }
  #kontact-loggedIn-form .form-input-v2__field{
    color:rgba(0, 0, 0, 1) !important;
    /* Colored Text for bill and counter field*/
  }
  #kontact-loggedIn-form .contact-thankyou-icon-circle {
    fill: rgba(118,118,118, 1);
  }
  #kontact-loggedIn-form .contact-thankyou-icon-email{
    fill: rgba(118,118,118, 1);
  }
  #kontact-loggedIn-form .contact-thankyou-icon-tick-fill {
    fill: rgba(57, 203, 44, 1);
  }
  #kontact-loggedIn-form .contact-thankyou-icon-tick {
    fill: rgba(255, 255, 255, 1);
   }

/** Contact login form component ends **/

/** Portal unlock component start **/

#portal-unlock .navigation-wrapper {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px rgba(188, 188, 188, 1);
    /* Box-Border:Normal */
    background-color: rgba(255, 255, 255, 1);
    /* Box-Text */
  }

#portal-unlock .portal-unlock-expandable-wrapper {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px rgba(188, 188, 188, 1);
    /* Box-Border:Normal */
    background-color: rgba(255, 255, 255, 1);
    /* Box-Text */
  }

 #portal-unlock .expandable__trigger.collapsed .expandable__subtitle {
  color: rgba(118, 118, 118, 1) !important;
  }

/** Portal unlock component end **/

/* Function banner - similar to teaser from dke - start */

 .funtional-banner-bg--v0 {
    background: rgba(0, 128, 200, 1);
}
.funtional-banner-deco-line--v0 {
    background: rgba(255, 255, 255, 1);
}
.funtional-banner-text--v0 {
    color: rgba(255, 255, 255, 1);
}

 .funtional-banner-bg--v1 {
    background: rgba(80, 175, 245, 1);
}
.funtional-banner-deco-line--v1 {
    background: rgba(255, 255, 255, 1);
}
.funtional-banner-text--v1 {
    color: rgba(255, 255, 255, 1);
}

 .funtional-banner-bg--v2 {
    background: rgba(255, 255, 255, 1);
}
.funtional-banner-deco-line--v2 {
    background: rgba(151, 195, 234, 1);
}
.funtional-banner-text--v2 {
    color: rgba(118, 118, 118, 1);
}

 .funtional-banner-bg--v3 {
    background: rgba(112, 112, 112, 1);
}
.funtional-banner-deco-line--v3 {
    background: rgba(255, 255, 255, 1);
}
.funtional-banner-text--v3 {
    color: rgba(255, 255, 255, 1);
}

/* Function banner - similar to teaser from dke - end */

/** Text Banner colors starts **/
.text-banner.text-banner--v0 {
    background-color:rgba(0, 128, 200, 1);
    /* Background */
}

.text-banner.text-banner--v0 .text-banner-headline {
    color:rgba(255, 255, 255, 1);
    /* Headline */
}

.text-banner.text-banner--v0 .text-banner-bodytext {
    color:rgba(255, 255, 255, 1);
    /* Bodytext*/
}

.text-banner.text-banner--v0 .text-banner-decoline {
    background-color:rgba(151, 195, 234, 1);
    /* deco-Line */
}
/** Text Banner colors ends **/

/** Dashboard nav colors starts **/
.dash3-main-nav__wrapper-inner {
  /* line for indicator */
  border-bottom-color: rgba(215, 215, 215, 1);
  /* Seperator, Divider & Textborders */
}
.dash3-main-nav__control-wrapper {
  /* background of prev control */
}
.dash3-main-nav__control-wrapper-prev {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.79));
  /* Box-Text */
}
.dash3-main-nav__control-wrapper-next {
  /* background of next control */
  background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.79));
  /* Box-Text */
}
.dash3-main-nav__list-item-link {
  /* dashboard nav link color */
  color: rgba(118, 118, 118, 1);
  /* Standard Text / Icons */
}
.dash3-main-nav__list-item-link:hover,
.dash3-main-nav__list-item-link:focus,
.dash3-main-nav__list-item-link--selected {
  /* dashboard nav link color selected*/
  color:rgba(0, 128, 200, 1);
  /* Colered Text / Icons */
}
.dash3-main-nav__list hr {
  /* dashboard nav indicator color */
  background:rgba(0, 128, 200, 1);
  /* Portal-Menu-Top-Border-Line */
}
/** Dashboard nav colors ends **/

/** Mastr **/

.mastr-details__titles {
  color:rgba(0, 128, 200, 1);
}

/** Tooltip **/
.tooltip__wrapper--v1 .tooltip {
  /* color-15 */
  box-shadow: 0 8px 19px 0 rgba(0, 0, 0, 0.15);
  /* color-14 */
  background-color: #ffffff;
}

.tooltip__wrapper--v1 .tooltip__content {
  /* color-7 */
  color: #767676;
}

.tooltip__wrapper--v2 .tooltip {
  box-shadow: 0 8px 19px 0 rgba(0, 0, 0, 0.15);
  /*color-15*/
  background-color: #0091bb;
  /* color-2 */
}

.tooltip__wrapper--v2 .tooltip__content {
  color: #ffffff;
  /* color-14 */
}

.tooltip__wrapper--v2 .tooltip::after {
  border-right-color: #0091bb !important;
  /* color-2 */
}

/* DDSAEMFUNFON-1011 */
.default-teaser--bag.teaser--v1 {
  background: #ffe100;
}
.default-teaser--bag.teaser--v1 .default-teaser__item h4 {
  color: #6b523a;
}
.default-teaser--bag.teaser--v1 .default-teaser__item p {
  color: #6b523a;
}

.tiles--bag.tiles--v1 .square--icon {
  background: #ffe100;
}
.tiles--bag.tiles--v1 .square--icon .tiles-headline {
  color: #6b523a;
}
.tiles--bag.tiles--v1 .square--icon .tiles-bodytext {
  color: #6b523a;
}

.staticstage-component--bag .staticstage-teaser-wrapper .staticstage-teaser--v1 {
  background: #ffe100;
}
.staticstage-component--bag .staticstage-teaser-wrapper .staticstage-teaser--v1 .staticstage-teaser__text {
  color: #6b523a;
}
.staticstage-component--bag .staticstage-teaser-wrapper .staticstage-teaser--v1 .staticstage-teaser__headline {
  color: #6b523a;
}
.anual-report-form ul li {
  color: rgba(0, 128, 200, 1);
}
.cscn-dso-highlight {
  color: rgba(0, 128, 200, 1);
}

.btn-default[disabled],
.btn-default:disabled,
.btn-default[disabled]:hover {
  border-color: rgba(0, 128, 200, 1) !important;
  color: rgba(0, 128, 200, 1);
  opacity: 0.3;
  cursor: not-allowed;
}