/* Primary Color */
.mdl-color--primary {
  background-color: #02A191 !important;
}
.mdl-color-text--primary {
  color: #02A191 !important;
}

.mdl-color-text--red {
  color: #f44336!important
}

/* Buttons */
.mdl-button.mdl-button--colored {
  color: #02A191;
}
.mdl-button--raised.mdl-button--colored {
  background: #02A191;
  color: rgb(255, 255, 255);
}
.mdl-button--fab.mdl-button--colored.dam30-layout__fab-background {
  background-color: #02A191;
  color: rgb(255, 255, 255);
}
.mdl-button--raised.mdl-button--colored:hover {
  background-color: #02A191;
}
.mdl-button--raised.mdl-button--colored:active {
  background-color: #02A191;
}
.mdl-button--raised.mdl-button--colored:focus:not(:active) {
  background-color: #02A191;
}

.mdl-button--primary.mdl-button--primary {
  color: #02A191;
}

.mdl-button--primary.mdl-button--primary.mdl-button--raised,
.mdl-button--primary.mdl-button--primary.mdl-button--fab {
  background-color: #02A191;
  color: rgb(255, 255, 255);
}

.dam30-layout .mdl-actionbar.mdl-actionbar--dark .mdl-actionbar__item.mdl-button--colored {
  color: #02A191;
}

.mdl-actionbar.mdl-actionbar--light .mdl-actionbar__item.mdl-button--active {
  background-color: rgba(2, 161, 145, 0.5);
}

.mdl-actionbar .mdl-button[data-action=unselectall],
.mdl-actionbar .mdl-button[data-action=unselectvisible] {
  color: #02A191;
}

/* Checkboxes */
.mdl-checkbox.is-checked:not(.is-disabled) .mdl-checkbox__box-outline {
  border: 2px solid #02A191;
}
.mdl-checkbox.is-checked:not(.is-disabled) .mdl-checkbox__tick-outline {
  background-color: #02A191;
}
.mdl-checkbox__ripple-container .mdl-ripple {
  background: #02A191;
}

/* Textfields */
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  color: #02A191;
}
.mdl-textfield__label:after {
  background-color: #02A191;
}
.mdl-searchable-select-textfield__label.mdl-textfield__label:after {
  bottom: 0px;
}
.dam30-layout__search .mdl-button.mdl-search__button[disabled][disabled],
.mdl-button.dam30-layout__search-in-search-result[disabled][disabled],
.mdl-button.dam30-layout__search-in-folder[disabled][disabled] {
  background-color: #02A191;
  color: rgb(0, 119, 108);
}

.mdl-layout__header {
  background-color: #02A191;
}
.mdl-layout__tab-bar {
  background-color: #02A191;
}
.mdl-layout__tab-bar-button {
  background-color: #02A191;
}

.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
  color: #02A191;
}

.mdl-badge[data-badge]:after {
  background: #02A191;
}
.mdl-badge.mdl-badge--no-background[data-badge]:after {
  color: #02A191;
}

/* Radio Buttons */
.mdl-radio.is-checked:not(.is-disabled) .mdl-radio__outer-circle {
  border-color: #02A191;
}
.mdl-radio__inner-circle {
  background: #02A191;
}
.mdl-radio__ripple-container .mdl-ripple {
  background: #02A191;
}

/* Progressbar */
.mdl-progress > .progressbar {
  background-color: #02A191;
}
.mdl-progress > .bufferbar {
  background-image: linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0.7)), linear-gradient(to right, #02A191, #02A191);
}

@supports (-webkit-appearance: none) {
  .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
  .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, #02A191, #02A191);
  }
}

.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
  background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, #02A191, #02A191);
}

.mdl-progress.mdl-progress--indeterminate > .bar1,
.mdl-progress.mdl-progress__indeterminate > .bar1 {
  background-color: #02A191;
}

.mdl-progress.mdl-progress--indeterminate > .bar3,
.mdl-progress.mdl-progress__indeterminate > .bar3 {
  background-color: #02A191;
}

/* Slider */
.mdl-slider.is-upgraded {
  color: #02A191;
}
.mdl-slider.is-upgraded::-ms-fill-lower {
  background: linear-gradient(to right, transparent, transparent 16px, #02A191 16px, #02A191 0);
}
.mdl-slider.is-upgraded::-webkit-slider-thumb {
  background: #02A191;
}
.mdl-slider.is-upgraded::-moz-range-thumb {
  background: #02A191;
}
.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
  background: #02A191;
}
.mdl-slider.is-upgraded:active::-moz-range-thumb {
  background: #02A191;
}
.mdl-slider.is-upgraded::-ms-thumb {
  background: #02A191;
}
.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
  background: radial-gradient(circle closest-side, #02A191 0%, #02A191 37.5%, rgba(2, 161, 145, 0.26) 37.5%, rgba(2, 161, 145, 0.26) 100%);
}
.mdl-slider.is-upgraded:active::-ms-thumb {
  background: #02A191;
}
.mdl-slider__background-lower {
  background: #02A191;
}

/* Spinner */
.mdl-spinner--single-color .mdl-spinner__layer-1 {
  border-color: #02A191;
}
.mdl-spinner--single-color .mdl-spinner__layer-2 {
  border-color: #02A191;
}
.mdl-spinner--single-color .mdl-spinner__layer-3 {
  border-color: #02A191;
}
.mdl-spinner--single-color .mdl-spinner__layer-4 {
  border-color: #02A191;
}

/* Switch */
.mdl-switch.is-checked .mdl-switch__thumb {
  background: #02A191;
}
.mdl-switch__ripple-container .mdl-ripple {
  background: #02A191;
}

/* Tree */
#dam30-layout .jstree-material [data-active] > a {
  background: rgba(2, 161, 145, 0.15);
}
#dam30-layout .jstree-material .jstree-hovered {
  background: rgba(2, 161, 145, 0.25);
  border-bottom: 1px solid #02A191;
}
#dam30-layout .jstree-material .jstree-clicked {
  background: rgba(2, 161, 145, 0.15);
  border-bottom: 1px solid #02A191;
}
#dam30-layout .jstree-material .jstree-undetermined > a > .jstree-checkbox .mdl-checkbox__tick-outline {
  background: #02A191;
}
#dam30-layout .jstree-material .jstree-undetermined > a > .jstree-checkbox .mdl-checkbox__box-outline {
  border: 2px solid #02A191;
}

/* Stepper */
.mdl-step.is-active .mdl-step__label-indicator {
  background-color: #02A191;
}

/* Tabs */
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
  background: #02A191;
}
.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
  background: #02A191;
}

/* Layout Active Tab Marker */
.mdl-layout.is-upgraded .mdl-layout__tab.is-active:after {
  background: #FC4C02;
}

.mdl-button--fab.mdl-button--colored.dam30-layout__fab-background-attention {
  color: rgb(255, 255, 255);
}

/* Gridforms */
#dam30-layout .theme-white .grid-form__field--focused .grid-form__prefix-button:not(.grid-form__prefix-button--disabled) i {
  color: #02A191;
}

#dam30-layout .grid-form .bar:before,
#dam30-layout .grid-form .bar:after {
  background: #02A191;
}

#dam30-layout .grid-form .grid-form__field--focused .grid-form__label {
  color: #02A191;
}

#dam30-layout .grid-form .grid-form__field--focused.gf-textarea--bordered {
  border: 2px solid #02A191;
}

#dam30-layout .grid-form .mdl-chip__action {
  color: #02A191;
}

#dam30-layout .grid-form fieldset legend {
  border-color: #02A191;
}

#dam30-layout .grid-form__fieldset-header,
#dam30-layout .grid-form fieldset legend span {
  color: #02A191;
}

#dam30-layout .grid-form .gf-selected {
  background-color: #02A191;
  color: rgb(255, 255, 255);
}

/* Date- & Timepicker */
.mddtp-picker .mddtp-picker__header {
  background-color: #02A191 !important;
}
.mddtp-picker__action .mddtp-button {
  color: #02A191 !important;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected,
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover {
  background-color: #02A191 !important;
}
.mddtp-picker__years .mddtp-picker__li--current {
  color: #02A191 !important;
}
.dam30-layout .mdl-textfield__datepicker {
  color: #02A191;
}
#mddtp-date__overlay.is-active {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.35);
}

/* Article */
.material-belt-article-ribbon {
  background-color: #02A191;
}

/* Chips */
.mdl-chip__contact {
  background-color: #02A191;
  color: rgb(255, 255, 255);
}

/* Actionbar customized*/
.mdl-actionbar.mdl-actionbar--dark .ui-layout-pane {
 background-color: #272727;
}
/*linker und rechter rand der actionbar*/
.mdl-actionbar.mdl-actionbar--dark {
 background-color: #272727;
}
/*trennstiche actionbar*/
.mdl-actionbar.mdl-actionbar--dark .mdl-actionbar__group {
 border-left: 1px solid #272727;
}
/*trenner actionbar*/
.mdl-actionbar__fixed {
 height: 100%;
 border-left: 1px solid #272727;
}
/*header der hauptseite*/
.dam30-layout__header-background {
 background-color: #272727;
 color: white;
}
/*header der hauptseite - hack KFW-770 */
.dam30-layout__header-background_kfw {
 color: white;
}
/*burger menu links oben*/
.dam30-layout__stack .mdl-layout__drawer-button {
 color: white;
}

/*pfeil nach links im menu links oben*/
.mdl--left__arrow {
    position: relative;
    display: inline-block;
    margin: 0 36px 0 0;
    color: white;
    text-align: right;
    cursor: pointer;
}

.mdl-dialog > .mdl-login__header {
  padding: 40px 0;
  background: #222;
}

/*bottom left background for the 4 buttons*/
.pdam3-layout__west-south-bottom {
    background: #AAA;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-top-right-radius: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-top-left-radius: 0;
}

.ui-widget-header {
  border: inherit;
  background: initial;
  font-weight: inherit;
  background-color: #02A191;
  color: rgb(255, 255, 255);
}

.withToolTip .tooltiptext {
  visibility: hidden;
  width: 50px;
  background-color: #757575;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  margin-top: 20px;

  /* Position the tooltip */
  position: fixed;
  z-index: 99999999;
}

.withToolTip:hover .tooltiptext {
  visibility: visible;
}
#usagelist{
  overflow: hidden !important;
  padding-bottom: 20px;
  padding-right: 20px;
}
#usagelist tr td{
  overflow: visible !important;
}


#usagelist tr td .mdl-button--icon{
  overflow: visible;
}


#usagelist .withToolTip .tooltiptext{
  position: absolute;
  left: 0;
  top: 0;
  padding: 6px 10px;
  height: auto;
  line-height: 14px;
  font-size: 12px;
  width: auto;
  max-width: 170px;
  font-weight: 400;
  border-radius: 2px;
}