@use "sass:color";
@use 'variables.scss';

@mixin t2-client-globalBar {
  background-image: linear-gradient(to bottom, tan, gray, #2f3338, #000000);
}

@mixin t2-text-color0 {
  color: variables.$t2-text-color0;
  stroke: variables.$t2-text-color0;
}

@mixin t2-text-color0-imp {
  color: variables.$t2-text-color0 !important;
  stroke: variables.$t2-text-color0 !important;
}

@mixin t2-text-color1 {
  color: variables.$t2-text-color1;
  stroke: variables.$t2-text-color1;
}

@mixin t2-text-color1-imp {
  color: variables.$t2-text-color1 !important;
  stroke: variables.$t2-text-color1 !important;
}

@mixin t2-text-color2 {
  color: color.adjust(variables.$t2-text-color1, $lightness: -30%);
  stroke: color.adjust(variables.$t2-text-color1, $lightness: -30%);
}

@mixin t2-text-color2-imp {
  color: color.adjust(variables.$t2-text-color1, $lightness: -30%) !important;
  stroke: color.adjust(variables.$t2-text-color1, $lightness: -30%) !important;
}

@mixin t2-text-color3 {
  color: color.adjust(variables.$t2-text-color1, $lightness: -100%);
  stroke: color.adjust(variables.$t2-text-color1, $lightness: -100%);
}

@mixin t2-text-color3-imp {
  color: color.adjust(variables.$t2-text-color1, $lightness: -100%) !important;
  stroke: color.adjust(variables.$t2-text-color1, $lightness: -100%) !important;
}

@mixin t2-text-color4 {
  color: variables.$t2-alt-color;
  stroke: variables.$t2-alt-color;
}

@mixin t2-text-color4-imp {
  color: variables.$t2-alt-color !important;
  stroke: variables.$t2-alt-color !important;
}

@mixin t2-text-color5 {
  color: yellow;
  stroke: yellow;
}

@mixin t2-text-color5-imp {
  color: yellow !important;
  stroke: yellow !important;
}

@mixin t2-text-delete {
  color: variables.$light-red;
  stroke: variables.$light-red;
}

@mixin t2-text-blackAndWhite {
  color: black;
  stroke: black;
}

@mixin t2-text-whiteAndBlack {
  color: white;
  stroke: white;
}

@mixin t2-bg-color1 {
  background-color: variables.$t2-base-color;
}

@mixin t2-bg-color1-imp {
  background-color: variables.$t2-base-color !important;
}

@mixin t2-bg-color2 {
  background-color: color.adjust(variables.$t2-base-color, $lightness: 5%);
}

@mixin t2-bg-color2-imp {
  background-color: color.adjust(variables.$t2-base-color, $lightness: 5%) !important;
}

@mixin t2-bg-color3 {
  background-color: color.adjust(variables.$t2-base-color, $lightness: 10%);
}

@mixin t2-bg-color3-imp {
  background-color: color.adjust(variables.$t2-base-color, $lightness: 10%) !important;
}

@mixin t2-bg-color4 {
  background-color: color.adjust(variables.$t2-base-color, $lightness: 15%);
}

@mixin t2-bg-color4-imp {
  background-color: color.adjust(variables.$t2-base-color, $lightness: 15%) !important;
}

@mixin t2-bg-color5 {
  background-color: color.adjust(variables.$t2-base-color, $lightness: 60%);
}

@mixin t2-bg-color5-imp {
  background-color: color.adjust(variables.$t2-base-color, $lightness: 60%) !important;
}

@mixin t2-bg-blackAndWhite {
  background-color: white;
}

@mixin t2-bg-blackAndWhite-imp {
  background-color: white !important;
}

@mixin t2-bg-alt-1 {
  background-color: rgba(variables.$t2-alt-color, 0.8);
}

@mixin t2-bg-alt-1-imp {
  background-color: rgba(variables.$t2-alt-color, 0.8) !important;
}

@mixin t2-bg-alt-2 {
  background-color: color.adjust(variables.$t2-base-color, $lightness: 70%);
}

@mixin t2-bg-alt-2-imp {
  background-color: color.adjust(variables.$t2-base-color, $lightness: 70%) !important;
}

@mixin t2-bg-alt-3 {
  background-color: color.adjust(variables.$t2-alt-color, $lightness: -10%);
}

@mixin t2-bg-alt-3-imp {
  background-color: color.adjust(variables.$t2-alt-color, $lightness: -10%) !important;
}

@mixin t2-bg-alt-4 {
  background-color: color.adjust(variables.$t2-base-color, $lightness: 5%)
}

@mixin t2-bg-alt-4-imp {
  background-color: color.adjust(variables.$t2-base-color, $lightness: 5%) !important;
}

@mixin t2-bg-hover1 {
  background-color: rgba(color.adjust(variables.$t2-text-color1, $lightness: -100%), 0.3);
}

@mixin t2-bg-hover2 {
  background-color: rgba(color.adjust(variables.$t2-alt-color, $lightness: -10%), 0.5);
}

@mixin t2-bg-hover3 {
  background-color: rgba(color.adjust(variables.$t2-alt-color, $lightness: -10%), 0.5);
}

@mixin t2-bg-hover4 {
  background-color: rgba(color.adjust(variables.$t2-alt-color, $lightness: -10%), 0.1);
}

@mixin t2-filter-shadow1 {
  filter: drop-shadow(0 0 2px black) drop-shadow(0 2px 2px black);
}

@mixin t2-filter-shadow2 {
  filter: drop-shadow(0 0 2px red) drop-shadow(0 0 2px red) drop-shadow(0 0 2px red);
}

@mixin t2-text-shadow1 {
  text-shadow: 0 0 1px variables.$t2-alt-color;
}

@mixin t2-text-shadow2 {
  text-shadow: 6px 2px 4px color.adjust(variables.$t2-alt-color, $lightness: -10%);
}

@mixin t2-text-shadow3 {
  text-shadow: 0 0 2px black, 0 2px 2px black;
}

@mixin t2-box-shadow1 {
  box-shadow: inset 0 0 0 3px rgba(variables.$t2-text-color1, 15%);
}

@mixin t2-box-shadow2 {
  box-shadow: 0 0 0 3px rgba(variables.$t2-text-color1, 25%);
}

@mixin t2-box-shadow3 {
  box-shadow: 0 0 0 3px rgba(variables.$t2-alt-color, 0.8);
}

@mixin t2-box-shadow4 {
  box-shadow: inset 0 0 0 3px color.adjust(variables.$highlight-color, $lightness: 20%);
}

@mixin t2-border1 {
  border-color: color.adjust(variables.$t2-base-color, $lightness: -10%);
}

@mixin t2-border1-imp {
  border-color: color.adjust(variables.$t2-base-color, $lightness: -10%) !important;
}

@mixin t2-border2 {
  border-color: color.adjust(variables.$t2-base-color, $lightness: 30%);
}

@mixin t2-border2-imp {
  border-color: color.adjust(variables.$t2-base-color, $lightness: 30%) !important;
}

@mixin t2-border3 {
  border-color: color.adjust(variables.$t2-alt-color, $lightness: -10%);
}

@mixin t2-border3-imp {
  border-color: color.adjust(variables.$t2-alt-color, $lightness: -10%) !important;
}

@mixin t2-border4 {
  border-color: rgba(variables.$t2-text-color1, 0.5);
}

@mixin t2-border5 {
  border-color: rgba(variables.$t2-alt-color, 0.8);
}

@mixin t2-btn1 {
  //regular button
  background-image: linear-gradient(to top, variables.$t2-base-color, variables.$t2-base-color, color.adjust(variables.$t2-base-color, $lightness: 20%));
}

@mixin t2-btn2 {
  //primary button
  background-image: linear-gradient(to top, variables.$t2-base-color, color.adjust(variables.$t2-base-color, $lightness: 10%), color.adjust(variables.$t2-base-color, $lightness: 25%));
}

@mixin t2-btn3 {
  //delete button
  background-image: linear-gradient(to top, variables.$t2-base-color, variables.$t2-base-color, variables.$dark-red); //delete button
}

@mixin t2-btn4 {
  //toggle selected button
  background-image: linear-gradient(to top, variables.$t2-base-color, color.adjust(variables.$t2-alt-color, $lightness: -30%), color.adjust(variables.$t2-alt-color, $lightness: -20%));
}

@mixin t2-btn5 {
  //button inside of page
  background-image: linear-gradient(to bottom, variables.$t2-base-color, color.adjust(variables.$t2-base-color, $lightness: 10%), color.adjust(variables.$t2-base-color, $lightness: 10%), color.adjust(variables.$t2-base-color, $lightness: 10%));
}

@mixin t2-btn1-hover {
  box-shadow: inset 0 0 100px 100px rgba(variables.$t2-alt-color, 40%);
}

@mixin t2-btn2-hover {
  box-shadow: inset 0 0 100px 100px rgba(variables.$t2-alt-color, 40%);
}

@mixin t2-btn3-hover {
  box-shadow: inset 0 0 100px 100px rgba(variables.$light-red, 40%);
}

@mixin t2-btn4-hover {
  box-shadow: inset 0 0 100px 100px rgba(variables.$t2-alt-color, 40%);
}

@mixin t2-btn1-active {
  background-image: linear-gradient(to bottom, variables.$t2-base-color, variables.$t2-base-color, color.adjust(variables.$t2-base-color, $lightness: 20%));
  box-shadow: inset 0 0 100px 100px rgba(variables.$t2-base-color, 50%);
}

@mixin t2-btn2-active {
  background-image: linear-gradient(to bottom, variables.$t2-base-color, color.adjust(variables.$t2-base-color, $lightness: 10%), color.adjust(variables.$t2-base-color, $lightness: 25%));
  box-shadow: inset 0 0 100px 100px rgba(variables.$t2-base-color, 50%);
}

@mixin t2-btn3-active {
  background-image: linear-gradient(to bottom, variables.$t2-base-color, variables.$t2-base-color, variables.$dark-red);
  box-shadow: inset 0 0 100px 100px rgb(variables.$t2-base-color, 50%);
}

@mixin t2-btn4-active {
  background-image: linear-gradient(to bottom, variables.$t2-base-color, variables.$t2-base-color, color.adjust(variables.$t2-alt-color, $lightness: -15%), color.adjust(variables.$t2-alt-color, $lightness: -25%));
  box-shadow: inset 0 0 100px 100px rgba(variables.$t2-base-color, 50%);
}

@mixin t2-toggle-on {
  background-image: linear-gradient(to bottom, color.adjust(variables.$t2-alt-color, $lightness: -60%), color.adjust(variables.$t2-alt-color, $lightness: -50%)); //standard switch on
}

@mixin t2-toggle-off {
  background-image: linear-gradient(to bottom, variables.$t2-base-color, color.adjust(variables.$t2-base-color, $lightness: 10%), color.adjust(variables.$t2-base-color, $lightness: 10%));
}

@mixin t2-toggle-buy {
  background-image: linear-gradient(to bottom, variables.$t2-base-color, variables.$medium-green, variables.$medium-green); //green
}

@mixin t2-toggle-sell {
  background-image: linear-gradient(to bottom, variables.$t2-base-color, variables.$dark-red, variables.$dark-red); //red
}

@mixin t2-font-weight {
  font-weight: variables.$t2-font-weight;
}

//START OF GENERIC THEME STYLES
//these styles are are used throughout the application to refer to the theme colors
//everything below this point is the same in every theme except the prefixes being different
//run the "style sync" task to update the styles in the other themes to match the styles in theme1.scss
html body app-root.t2 {
  @include t2-bg-color5;
  @include t2-text-color1;

  .t-client-globalBar {
    @include t2-client-globalBar;
  }

  //when using the hover-class directive, use t-text-hover1 rather than t-text-color1
  //this is so that the hover classes will take precedence over non-hover classes
  .t-text-hover0,
  .t-text-hover1,
  .t-text-hover2,
  .t-text-hover3,
  .t-text-hover4,
  .t-text-hover5,
  .t-text-hover-delete,
  .t-text-hover0 *,
  .t-text-hover1 *,
  .t-text-hover2 *,
  .t-text-hover3 *,
  .t-text-hover4 *,
  .t-text-hover5 *,
  .t-text-hover-delete * {
    cursor: pointer;
  }

  //we use both focus and not(focus) simultaneously to add specificity since we can't use the important tag here
  .t-text-color0:focus,
  .t-text-color0:focus .k-input,
  .t-text-color0:focus .k-input-inner,
  .t-text-color0:focus.k-input,
  .t-text-color0:focus.k-input-inner,
  .t-text-color0:not(:focus),
  .t-text-color0:not(:focus) .k-input,
  .t-text-color0:not(:focus) .k-input-inner,
  .t-text-color0:not(:focus).k-input,
  .t-text-color0:not(:focus).k-input-inner,
  .t-text-hover0:hover,
  .t-text-hover0:hover .k-input,
  .t-text-hover0:hover .k-input-inner,
  .t-text-hover0:hover.k-input,
  .t-text-hover0:hover.k-input-inner,
  .t-text-hover0:hover *,
  .t-text-hover0:hover .k-input *,
  .t-text-hover0:hover .k-input-inner *,
  .t-text-hover0:hover.k-input *,
  .t-text-hover0:hover.k-input-inner *,
  .t-text-active0:hover:active *,
  .t-text-active0:hover:active .k-input *,
  .t-text-active0:hover:active .k-input-inner *,
  .t-text-active0:hover:active.k-input *,
  .t-text-active0:hover:active.k-input-inner * {
    @include t2-text-color0;
  }

  .t-text-color0-imp:focus,
  .t-text-color0-imp:focus .k-input,
  .t-text-color0-imp:focus .k-input-inner,
  .t-text-color0-imp:focus.k-input,
  .t-text-color0-imp:focus.k-input-inner,
  .t-text-color0-imp:not(:focus),
  .t-text-color0-imp:not(:focus) .k-input,
  .t-text-color0-imp:not(:focus) .k-input-inner,
  .t-text-color0-imp:not(:focus).k-input,
  .t-text-color0-imp:not(:focus).k-input-inner {
    @include t2-text-color0-imp;
  }

  .t-text-color1:focus,
  .t-text-color1:focus .k-input,
  .t-text-color1:focus .k-input-inner,
  .t-text-color1:focus.k-input,
  .t-text-color1:focus.k-input-inner,
  .t-text-color1:not(:focus),
  .t-text-color1:not(:focus) .k-input,
  .t-text-color1:not(:focus) .k-input-inner,
  .t-text-color1:not(:focus).k-input,
  .t-text-color1:not(:focus).k-input-inner,
  .t-text-hover1:hover,
  .t-text-hover1:hover .k-input,
  .t-text-hover1:hover .k-input-inner,
  .t-text-hover1:hover.k-input,
  .t-text-hover1:hover.k-input-inner,
  .t-text-hover1:hover *,
  .t-text-hover1:hover .k-input *,
  .t-text-hover1:hover .k-input-inner *,
  .t-text-hover1:hover.k-input *,
  .t-text-hover1:hover.k-input-inner *,
  .t-text-active1:hover:active *,
  .t-text-active1:hover:active .k-input *,
  .t-text-active1:hover:active .k-input-inner *,
  .t-text-active1:hover:active.k-input *,
  .t-text-active1:hover:active.k-input-inner * {
    @include t2-text-color1;
  }

  .t-text-color2:focus,
  .t-text-color2:focus .k-input,
  .t-text-color2:focus .k-input-inner,
  .t-text-color2:focus.k-input,
  .t-text-color2:focus.k-input-inner,
  .t-text-color2:not(:focus),
  .t-text-color2:not(:focus) .k-input,
  .t-text-color2:not(:focus) .k-input-inner,
  .t-text-color2:not(:focus).k-input,
  .t-text-color2:not(:focus).k-input-inner,
  .t-text-hover2:hover,
  .t-text-hover2:hover .k-input,
  .t-text-hover2:hover .k-input-inner,
  .t-text-hover2:hover.k-input,
  .t-text-hover2:hover.k-input-inner,
  .t-text-hover2:hover *,
  .t-text-hover2:hover .k-input *,
  .t-text-hover2:hover .k-input-inner *,
  .t-text-hover2:hover.k-input *,
  .t-text-hover2:hover.k-input-inner *,
  .t-text-active2:hover:active *,
  .t-text-active2:hover:active .k-input *,
  .t-text-active2:hover:active .k-input-inner *,
  .t-text-active2:hover:active.k-input *,
  .t-text-active2:hover:active.k-input-inner * {
    @include t2-text-color2;
  }

  .t-text-color3:focus,
  .t-text-color3:focus .k-input,
  .t-text-color3:focus .k-input-inner,
  .t-text-color3:focus.k-input,
  .t-text-color3:focus.k-input-inner,
  .t-text-color3:not(:focus),
  .t-text-color3:not(:focus) .k-input,
  .t-text-color3:not(:focus) .k-input-inner,
  .t-text-color3:not(:focus).k-input,
  .t-text-color3:not(:focus).k-input-inner,
  .t-text-hover3:hover,
  .t-text-hover3:hover .k-input,
  .t-text-hover3:hover .k-input-inner,
  .t-text-hover3:hover.k-input,
  .t-text-hover3:hover.k-input-inner,
  .t-text-hover3:hover *,
  .t-text-hover3:hover .k-input *,
  .t-text-hover3:hover .k-input-inner *,
  .t-text-hover3:hover.k-input *,
  .t-text-hover3:hover.k-input-inner *,
  .t-text-active3:hover:active *,
  .t-text-active3:hover:active .k-input *,
  .t-text-active3:hover:active .k-input-inner *,
  .t-text-active3:hover:active.k-input *,
  .t-text-active3:hover:active.k-input-inner * {
    @include t2-text-color3;
  }

  .t-text-color4:focus,
  .t-text-color4:focus .k-input,
  .t-text-color4:focus .k-input-inner,
  .t-text-color4:focus.k-input,
  .t-text-color4:focus.k-input-inner,
  .t-text-color4:not(:focus),
  .t-text-color4:not(:focus) .k-input,
  .t-text-color4:not(:focus) .k-input-inner,
  .t-text-color4:not(:focus).k-input,
  .t-text-color4:not(:focus).k-input-inner,
  .t-text-hover4:hover,
  .t-text-hover4:hover .k-input,
  .t-text-hover4:hover .k-input-inner,
  .t-text-hover4:hover.k-input,
  .t-text-hover4:hover.k-input-inner,
  .t-text-hover4:hover *,
  .t-text-hover4:hover .k-input *,
  .t-text-hover4:hover .k-input-inner *,
  .t-text-hover4:hover.k-input *,
  .t-text-hover4:hover.k-input-inner *,
  .t-text-active4:hover:active *,
  .t-text-active4:hover:active .k-input *,
  .t-text-active4:hover:active .k-input-inner *,
  .t-text-active4:hover:active.k-input *,
  .t-text-active4:hover:active.k-input-inner * {
    @include t2-text-color4;
  }

  .t-text-color5:focus,
  .t-text-color5:focus .k-input,
  .t-text-color5:focus .k-input-inner,
  .t-text-color5:focus.k-input,
  .t-text-color5:focus.k-input-inner,
  .t-text-color5:not(:focus),
  .t-text-color5:not(:focus) .k-input,
  .t-text-color5:not(:focus) .k-input-inner,
  .t-text-color5:not(:focus).k-input,
  .t-text-color5:not(:focus).k-input-inner,
  .t-text-hover5:hover,
  .t-text-hover5:hover .k-input,
  .t-text-hover5:hover .k-input-inner,
  .t-text-hover5:hover.k-input,
  .t-text-hover5:hover.k-input-inner,
  .t-text-hover5:hover *,
  .t-text-hover5:hover .k-input *,
  .t-text-hover5:hover .k-input-inner *,
  .t-text-hover5:hover.k-input *,
  .t-text-hover5:hover.k-input-inner *,
  .t-text-active5:hover:active *,
  .t-text-active5:hover:active .k-input *,
  .t-text-active5:hover:active .k-input-inner *,
  .t-text-active5:hover:active.k-input *,
  .t-text-active5:hover:active.k-input-inner * {
    @include t2-text-color5;
  }

  .t-text-color-blackAndWhite:focus,
  .t-text-color-blackAndWhite:focus .k-input-inner,
  .t-text-color-blackAndWhite:focus .k-textbox.k-input,
  .t-text-color-blackAndWhite:focus.k-input-inner,
  .t-text-color-blackAndWhite:focus.k.textbox.k-input,
  .t-text-color-blackAndWhite:not(:focus),
  .t-text-color-blackAndWhite:not(:focus) .k-input-inner,
  .t-text-color-blackAndWhite:not(:focus) .k-textbox.k-input,
  .t-text-color-blackAndWhite:not(:focus).k-input-inner,
  .t-text-color-blackAndWhite:not(:focus).k-textbox.k-input,
  .t-text-hover-blackAndWhite:hover,
  .t-text-hover-blackAndWhite:hover .k-input-inner,
  .t-text-hover-blackAndWhite:hover .k-textbox.k-input,
  .t-text-hover-blackAndWhite:hover.k-input-inner,
  .t-text-hover-blackAndWhite:hover.k-textbox.k-input,
  .t-text-hover-blackAndWhite:hover *,
  .t-text-hover-blackAndWhite:hover .k-input-inner *,
  .t-text-hover-blackAndWhite:hover .k-textbox.k-input *,
  .t-text-hover-blackAndWhite:hover.k-input-inner *,
  .t-text-hover-blackAndWhite:hover.k-textbox.k-input *,
  .t-text-active-blackAndWhite:hover:active *,
  .t-text-active-blackAndWhite:hover:active .k-input-inner *,
  .t-text-active-blackAndWhite:hover:active .k-textbox.k-input *,
  .t-text-active-blackAndWhite:hover:active.k-input-inner *,
  .t-text-active-blackAndWhite:hover:active.k-textbox.k-input * {
    @include t2-text-blackAndWhite();
  }

  .t-text-color-whiteAndBlack:focus,
  .t-text-color-whiteAndBlack:focus .k-input-inner,
  .t-text-color-whiteAndBlack:focus .k-textbox.k-input,
  .t-text-color-whiteAndBlack:focus.k-input-inner,
  .t-text-color-whiteAndBlack:focus.k.textbox.k-input,
  .t-text-color-whiteAndBlack:not(:focus),
  .t-text-color-whiteAndBlack:not(:focus) .k-input-inner,
  .t-text-color-whiteAndBlack:not(:focus) .k-textbox.k-input,
  .t-text-color-whiteAndBlack:not(:focus).k-input-inner,
  .t-text-color-whiteAndBlack:not(:focus).k-textbox.k-input,
  .t-text-hover-whiteAndBlack:hover,
  .t-text-hover-whiteAndBlack:hover .k-input-inner,
  .t-text-hover-whiteAndBlack:hover .k-textbox.k-input,
  .t-text-hover-whiteAndBlack:hover.k-input-inner,
  .t-text-hover-whiteAndBlack:hover.k-textbox.k-input,
  .t-text-hover-whiteAndBlack:hover *,
  .t-text-hover-whiteAndBlack:hover .k-input-inner *,
  .t-text-hover-whiteAndBlack:hover .k-textbox.k-input *,
  .t-text-hover-whiteAndBlack:hover.k-input-inner *,
  .t-text-hover-whiteAndBlack:hover.k-textbox.k-input *,
  .t-text-active-whiteAndBlack:hover:active *,
  .t-text-active-whiteAndBlack:hover:active .k-input-inner *,
  .t-text-active-whiteAndBlack:hover:active .k-textbox.k-input *,
  .t-text-active-whiteAndBlack:hover:active.k-input-inner *,
  .t-text-active-whiteAndBlack:hover:active.k-textbox.k-input * {
    @include t2-text-whiteAndBlack();
  }

  .t-text-color-delete:focus,
  .t-text-color-delete:focus .k-input-inner,
  .t-text-color-delete:focus.k-input-inner,
  .t-text-color-delete:not(:focus),
  .t-text-color-delete:not(:focus) .k-input-inner,
  .t-text-color-delete:not(:focus).k-input-inner,
  .t-text-hover-delete:hover,
  .t-text-hover-delete:hover .k-input-inner,
  .t-text-hover-delete:hover.k-input-inner,
  .t-text-hover-delete:hover *,
  .t-text-hover-delete:hover .k-input-inner *,
  .t-text-hover-delete:hover.k-input-inner *,
  .t-text-active-delete:hover:active *,
  .t-text-active-delete:hover:active .k-input-inner *,
  .t-text-active-delete:hover:active.k-input-inner * {
    @include t2-text-delete;
  }

  .t-bg-color1>.k-button:focus:hover>.k-icon,
  .t-bg-color1>.k-button:focus:not(:hover)>.k-icon,
  .t-bg-color1>.k-button:not(:focus):hover>.k-icon,
  .t-bg-color1>.k-button:not(:focus):not(:hover)>.k-icon,
  .t-bg-color2>.k-button:focus:hover>.k-icon,
  .t-bg-color2>.k-button:focus:not(:hover)>.k-icon,
  .t-bg-color2>.k-button:not(:focus):hover>.k-icon,
  .t-bg-color2>.k-button:not(:focus):not(:hover)>.k-icon,
  .t-bg-color3>.k-button:focus:hover>.k-icon,
  .t-bg-color3>.k-button:focus:not(:hover)>.k-icon,
  .t-bg-color3>.k-button:not(:focus):hover>.k-icon,
  .t-bg-color3>.k-button:not(:focus):not(:hover)>.k-icon,
  .t-bg-color4>.k-button:focus:hover>.k-icon,
  .t-bg-color4>.k-button:focus:not(:hover)>.k-icon,
  .t-bg-color4>.k-button:not(:focus):hover>.k-icon,
  .t-bg-color4>.k-button:not(:focus):not(:hover)>.k-icon,
  .t-bg-color5>.k-button:focus:hover>.k-icon,
  .t-bg-color5>.k-button:focus:not(:hover)>.k-icon,
  .t-bg-color5>.k-button:not(:focus):hover>.k-icon,
  .t-bg-color5>.k-button:not(:focus):not(:hover)>.k-icon {
    background-color: transparent;
  }

  .t-bg-color1:focus,
  .t-bg-color1:not(:focus),
  .t-bg-color1:focus>*:not(.k-input):not(.k-input *):not(input):not(.k-input-button):not(.k-icon):not(hr):not(.k-editor *):not([class*="k-switch"]),
  .t-bg-color1:not(:focus)>*:not(.k-input):not(.k-input *):not(input):not(.k-input-button):not(.k-icon):not(hr):not(.k-editor *):not([class*="k-switch"]),
  .t-bg-color1>.k-input,
  .t-bg-color1>*>.k-input-inner,
  .t-bg-color1>*>.k-input-inner .k-input-value-text {
    @include t2-bg-color1;
  }

  .t-bg-color1-imp,
  .t-bg-color1-imp>*,
  .t-bg-color1-imp .k-input,
  .t-bg-color1-imp .k-input-inner,
  .t-bg-color1-imp .k-input-inner .k-input-value-text {
    @include t2-bg-color1-imp;
  }

  .t-bg-color2:focus,
  .t-bg-color2:not(:focus),
  .t-bg-color2:focus>*:not(.k-input):not(.k-input *):not(input):not(.k-input-button):not(.k-icon):not(hr):not(.k-editor *):not([class*="k-switch"]),
  .t-bg-color2:not(:focus)>*:not(.k-input):not(.k-input *):not(input):not(.k-input-button):not(.k-icon):not(hr):not(.k-editor *):not([class*="k-switch"]),
  .t-bg-color2>.k-input,
  .t-bg-color2>*>.k-input-inner,
  .t-bg-color2>*>.k-input-inner .k-input-value-text {
    @include t2-bg-color2;
  }

  .t-bg-color2-imp,
  .t-bg-color2-imp>*,
  .t-bg-color2-imp .k-input,
  .t-bg-color2-imp .k-input-inner,
  .t-bg-color2-imp .k-input-inner .k-input-value-text {
    @include t2-bg-color2-imp;
  }

  .t-bg-color3:focus,
  .t-bg-color3:not(:focus),
  .t-bg-color3:focus>*:not(.k-input):not(.k-input *):not(input):not(.k-input-button):not(.k-icon):not(hr):not(.k-editor *):not([class*="k-switch"]),
  .t-bg-color3:not(:focus)>*:not(.k-input):not(.k-input *):not(input):not(.k-input-button):not(.k-icon):not(hr):not(.k-editor *):not([class*="k-switch"]),
  .t-bg-color3>.k-input,
  .t-bg-color3>*>.k-input-inner,
  .t-bg-color3>*>.k-input-inner .k-input-value-text {
    @include t2-bg-color3;
  }

  .t-bg-color3-imp,
  .t-bg-color3-imp>*,
  .t-bg-color3-imp .k-input,
  .t-bg-color3-imp .k-input-inner,
  .t-bg-color3-imp .k-input-inner .k-input-value-text {
    @include t2-bg-color3-imp;
  }

  .t-bg-color4:focus,
  .t-bg-color4:not(:focus),
  .t-bg-color4:focus>*:not(.k-input):not(.k-input *):not(input):not(.k-input-button):not(.k-icon):not(hr):not(.k-editor *):not([class*="k-switch"]),
  .t-bg-color4:not(:focus)>*:not(.k-input):not(.k-input *):not(input):not(.k-input-button):not(.k-icon):not(hr):not(.k-editor *):not([class*="k-switch"]),
  .t-bg-color4>.k-input,
  .t-bg-color4>*>.k-input-inner,
  .t-bg-color4>*>.k-input-inner .k-input-value-text {
    @include t2-bg-color4;
  }

  .t-bg-color4-imp,
  .t-bg-color4-imp>*,
  .t-bg-color4-imp .k-input,
  .t-bg-color4-imp .k-input-inner,
  .t-bg-color4-imp .k-input-inner .k-input-value-text {
    @include t2-bg-color4-imp;
  }

  .t-bg-color5:focus,
  .t-bg-color5:not(:focus),
  .t-bg-color5:focus>*:not(.k-input):not(.k-input *):not(input):not(.k-input-button):not(.k-icon):not(hr):not(.k-editor *):not([class*="k-switch"]),
  .t-bg-color5:not(:focus)>*:not(.k-input):not(.k-input *):not(input):not(.k-input-button):not(.k-icon):not(hr):not(.k-editor *):not([class*="k-switch"]),
  .t-bg-color5>.k-input,
  .t-bg-color5>*>.k-input-inner,
  .t-bg-color5>*>.k-input-inner .k-input-value-text {
    @include t2-bg-color5;
  }

  .t-bg-color5-imp,
  .t-bg-color5-imp>*,
  .t-bg-color5-imp .k-input,
  .t-bg-color5-imp .k-input-inner,
  .t-bg-color5-imp .k-input-inner .k-input-value-text {
    @include t2-bg-color5-imp;
  }

  .t-bg-alt-1,
  .t-bg-alt-1>.k-input,
  .t-bg-alt-1>*>.k-input-inner,
  .t-bg-alt-1>*>.k-input-inner .k-input-value-text {
    @include t2-bg-alt-1;
  }

  kendo-sortable .t-bg-alt-1 .k-input,
  kendo-sortable .t-bg-alt-1 .k-input-inner {
    background-color: initial;
  }

  .t-bg-alt-1-imp,
  .t-bg-alt-1-imp .k-input,
  .t-bg-alt-1-imp .k-input-inner,
  .t-bg-alt-1-imp .k-input-inner .k-input-value-text {
    @include t2-bg-alt-1-imp;
  }

  .t-bg-alt-2,
  .t-bg-alt-2>.k-input,
  .t-bg-alt-2>*>.k-input-inner,
  .t-bg-alt-2>*>.k-input-inner .k-input-value-text {
    @include t2-bg-alt-2;
  }

  .t-bg-alt-2-imp,
  .t-bg-alt-2-imp .k-input,
  .t-bg-alt-2-imp .k-input-inner,
  .t-bg-alt-2-imp .k-input-inner .k-input-value-text {
    @include t2-bg-alt-2-imp;
  }

  .t-bg-alt-3,
  .t-bg-alt-3>.k-input,
  .t-bg-alt-3>*>.k-input-inner,
  .t-bg-alt-3>*>.k-input-inner .k-input-value-text {
    @include t2-bg-alt-3;
  }

  .t-bg-alt-3-imp,
  .t-bg-alt-3-imp .k-input,
  .t-bg-alt-3-imp .k-input-inner,
  .t-bg-alt-3-imp .k-input-inner .k-input-value-text {
    @include t2-bg-alt-3-imp;
  }

  .t-bg-alt-4,
  .t-bg-alt-4>.k-input,
  .t-bg-alt-4>*>.k-input-inner,
  .t-bg-alt-4>*>.k-input-inner .k-input-value-text {
    @include t2-bg-alt-4;
  }

  .t-bg-alt-4-imp,
  .t-bg-alt-4-imp .k-input,
  .t-bg-alt-4-imp .k-input-inner,
  .t-bg-alt-4-imp .k-input-inner .k-input-value-text {
    @include t2-bg-alt-4-imp;
  }

  .t-bg-blackAndWhite,
  .t-bg-blackAndWhite>.k-input,
  .t-bg-blackAndWhite>*>.k-input-inner,
  .t-bg-blackAndWhite>*>.k-input-inner .k-input-value-text {
    @include t2-bg-blackAndWhite;
  }

  .t-bg-blackAndWhite-imp,
  .t-bg-blackAndWhite-imp .k-input,
  .t-bg-blackAndWhite-imp .k-input-inner,
  .t-bg-blackAndWhite-imp .k-input-inner .k-input-value-text {
    @include t2-bg-blackAndWhite-imp;
  }

  .t-bg-hover1,
  .t-bg-hover1>*,
  .t-bg-hover1:hover>*,
  .t-bg-hover1:hover:active>* {
    @include t2-bg-hover1;
  }

  .t-bg-hover2,
  .t-bg-hover2>* {
    @include t2-bg-hover2;
  }

  .t-bg-hover2:hover>*,
  .t-bg-hover2:hover:active>* {
    background-color: transparent !important;
  }

  .t-bg-hover3,
  .t-bg-hover3>*,
  .t-bg-hover3:hover>*,
  .t-bg-hover3:hover:active>* {
    @include t2-bg-hover3;
  }

  .t-bg-hover4,
  .t-bg-hover4>*,
  .t-bg-hover4:hover>*,
  .t-bg-hover4:hover:active>* {
    @include t2-bg-hover4;
  }

  .t-text-shadow1 {
    @include t2-text-shadow1;
  }

  .t-text-shadow2 {
    @include t2-text-shadow2;
  }

  .t-text-shadow3 {
    @include t2-text-shadow3;
  }

  .t-box-shadow4 {
    @include t2-box-shadow4;
  }

  .t-box-shadow1 {
    @include t2-box-shadow1;
  }

  .t-box-shadow2 {
    @include t2-box-shadow2;
  }

  .t-box-shadow3 {
    @include t2-box-shadow3;
  }

  .t-border1 {
    @include t2-border1;
  }

  .t-border1-imp {
    @include t2-border1-imp;
  }

  .t-border2 {
    @include t2-border2;
  }

  .t-border2-imp {
    @include t2-border2-imp;
  }

  .t-border3 {
    @include t2-border3;
  }

  .t-border3-imp {
    @include t2-border3-imp;
  }

  .t-border4 {
    @include t2-border4;
  }

  .t-border5 {
    @include t2-border5;
  }

  .t-font-weight {
    @include t2-font-weight;
  }

  .t-label-color0 label {
    @include t2-text-color0;
  }

  .t-label-color1 label {
    @include t2-text-color1;
  }

  .t-label-color2 label {
    @include t2-text-color2;
  }

  .t-label-color3 label {
    @include t2-text-color3;
  }

  .t-label-color4 label {
    @include t2-text-color4;
  }

  .t-label-color5 label {
    @include t2-text-color5;
  }

  h1,
  h2,
  label {
    @include t2-text-color2;
  }

  .k-list,
  .k-listview,
  .k-input,
  .k-input-inner,
  .k-upload .k-dropzone,
  .k-treeview,
  ~kendo-popup .k-menu-group,
  textarea,
  .k-editor>.k-editor-content {
    @include t2-bg-color1;
    @include t2-text-color1;
  }

  .k-drawer {
    @include t2-bg-color1;
    @include t2-text-color1;
    @include t2-border3;
  }

  .k-expander-header {
    @include t2-text-color1;
  }

  .k-expander {
    @include t2-bg-color1;
  }

  .k-dropdownlist {
    @include t2-bg-color3;
  }

  .k-input:focus,
  .k-input:focus-within,
  .k-grid .k-input:focus,
  .k-grid .k-input:focus-within,
  .k-dropdownlist:focus,
  .k-dropdownlist:focus-within,
  .k-switch:focus,
  .k-switch:focus-within,
  .k-button:focus,
  .k-editor:focus-within {
    @include t2-box-shadow2;
    @include t2-border3;
  }

  .k-switch.k-switch-on .k-switch-label-on,
  .k-switch.k-switch-off .k-switch-label-off {
    @include t2-font-weight;
  }

  .k-switch-off .k-switch-label-off {
    @include t2-text-color1;
  }

  .buySellToggle.k-switch-on .k-switch-label-on,
  .buySellToggle.k-switch-off .k-switch-label-off,
  .switch-allow-deny.k-switch-on .k-switch-label-on,
  .switch-allow-deny.k-switch-off .k-switch-label-off,
  .switch-show-hide.k-switch-on .k-switch-label-on,
  .switch-show-hide.k-switch-off .k-switch-label-off,
  .switch-xls-pdf.k-switch-on .k-switch-label-on,
  .switch-xls-pdf.k-switch-off .k-switch-label-off {
    color: white;
  }

  .k-list-item.k-focus {
    @include t2-box-shadow1;
  }

  .k-grid .k-grid-header,
  .k-grid .k-grid-header .k-table-thead {
    @include t2-bg-color2;
    @include t2-border1;
  }

  .k-grid tr {
    @include t2-bg-color3;
  }

  .k-grid .k-table-alt-row {
    @include t2-bg-color2;
  }

  .k-grid .k-grid td {
    @include t2-border1;
  }

  .k-grid th.k-selected,
  .k-grid td.k-selected,
  .k-grid tr.k-selected>td,
  .k-grid th.k-selected.k-table-alt-row,
  .k-grid td.k-selected.k-table-alt-row,
  .k-grid tr.k-selected.k-table-alt-row>td,
  .k-grid .k-table-tbody .k-table-row.k-selected>.k-table-td,
  .k-listview .k-listview-item .isSelected,
  .k-drawer .k-drawer-item.k-selected:hover,
  .k-drawer .k-drawer-item.k-selected:not(:hover) {
    @include t2-bg-alt-1;
    @include t2-text-color3;
  }

  .k-grid tbody tr:not(.k-detail-row):hover {
    @include t2-bg-hover1;
  }

  .k-listview .k-listview-item:hover,
  .k-drawer .k-drawer-item:hover {
    @include t2-bg-hover2;
  }

  .k-drawer .k-drawer-item:hover {
    @include t2-text-color0;
  }

  .k-grid tbody tr.k-selected:not(.k-detail-row):hover>td,
  .k-grid .k-table-tbody .k-table-row.k-selected:hover>.k-table-td {
    @include t2-text-blackAndWhite;
    @include t2-bg-hover2;
  }

  .k-grid,
  .topSection,
  kendo-sortable>div:hover,
  ~kendo-popup .k-menu-group .k-item .k-link:hover,
  ~kendo-popup .k-menu-group .k-item .k-active .global-bar-category,
  .k-list-item:hover {
    @include t2-bg-color2;
  }

  .k-grid,
  .k-grid .k-table,
  .k-button,
  .k-grid .k-grid-header .k-table-thead {
    @include t2-text-color1;
  }

  .k-pager {
    @include t2-border1;
    @include t2-text-color1;
    @include t2-bg-color2;
  }

  .k-pager .k-button {
    @include t2-border2-imp;
    @include t2-text-color1;
    @include t2-bg-color1-imp;
  }

  .k-pager .k-button:hover {
    @include t2-border1-imp;
    @include t2-text-color1;
    @include t2-bg-color4-imp;
  }

  .k-pager-numbers .k-selected.k-button {
    @include t2-border1-imp;
    @include t2-text-color3-imp;
    @include t2-bg-alt-1-imp;
  }

  .k-pager .k-button:focus {
    @include t2-box-shadow2;
  }

  .k-button {
    @include t2-border2;
  }

  .k-button:not(.k-input-button):not(.k-icon-button) {
    transition-property: box-shadow;
    transition-duration: 0.2s;
    @include t2-text-color1;
    @include t2-btn1;
    @include t2-text-shadow1;
  }

  .k-button.page-button:not(.k-input-button):not(.k-icon-button) {
    @include t2-btn5;
  }

  .k-button.k-primary:not(.k-input-button):not(.k-icon-button) {
    transition-property: box-shadow;
    transition-duration: 0.2s;
    @include t2-text-color1;
    @include t2-btn2;
  }

  .k-button.k-danger:not(.k-input-button):not(.k-icon-button) {
    transition-property: box-shadow;
    transition-duration: 0.2s;
    @include t2-text-color1;
    @include t2-btn3;
  }

  .k-button.k-selected:not(.k-input-button):not(.k-icon-button) {
    transition-property: box-shadow;
    transition-duration: 0.2s;
    @include t2-text-color1;
    @include t2-btn4;
  }

  .k-button:not(.k-input-button):not(.k-icon-button):not(:active):hover {
    @include t2-btn1-hover;
  }

  .k-button.k-primary:not(.k-input-button):not(.k-icon-button):not(:active):hover {
    @include t2-btn2-hover;
  }

  .k-button.k-danger:not(.k-input-button):not(.k-icon-button):not(:active):hover {
    @include t2-btn3-hover;
  }

  .k-button.k-selected:not(.k-input-button):not(.k-icon-button):not(:active):hover {
    @include t2-btn4-hover;
  }

  .k-button:not(.k-input-button):not(.k-icon-button):active {
    transition: none;
    @include t2-btn1-active;
  }

  .k-button.k-primary:not(.k-input-button):not(.k-icon-button):active {
    transition: none;
    @include t2-btn2-active;
  }

  .k-button.k-danger:not(.k-input-button):not(.k-icon-button):active {
    transition: none;
    @include t2-btn3-active;
  }

  .k-button.k-selected:not(.k-input-button):not(.k-icon-button):active {
    transition: none;
    @include t2-btn4-active;
  }

  .k-window {
    @include t2-border1;
    @include t2-text-color1;
    @include t2-bg-color1;
  }

  .k-switch-on.k-switch-on .k-switch-track {
    @include t2-toggle-on;
    @include t2-border4;
  }

  .k-switch-off.k-switch-off .k-switch-track {
    @include t2-toggle-off;
    @include t2-border4;
  }

  .buySellToggle.k-switch-off.k-switch-off .k-switch-track,
  .switch-allow-deny.k-switch-off.k-switch-off .k-switch-track,
  .switch-show-hide.k-switch-off.k-switch-off .k-switch-track,
  .switch-xls-pdf.k-switch-on.k-switch-on .k-switch-track {
    @include t2-toggle-sell;
  }

  .buySellToggle.k-switch-on.k-switch-on .k-switch-track,
  .switch-allow-deny.k-switch-on.k-switch-on .k-switch-track,
  .switch-show-hide.k-switch-on.k-switch-on .k-switch-track,
  .switch-xls-pdf.k-switch-off.k-switch-off .k-switch-track {
    @include t2-toggle-buy;
  }

  .k-window .k-window-titlebar {
    @include t2-bg-color2;
  }

  .k-input-button:hover {
    @include t2-bg-color4;
  }

  .k-switch.k-switch-on:hover,
  .k-switch.k-switch-off:hover {
    @include t2-box-shadow2;
  }

  .k-input.k-multiselect .k-chip-list .k-chip:hover {
    @include t2-bg-color4;
  }

  .k-input.k-multiselect .k-chip-list .k-chip .k-chip-actions .k-chip-action .k-svg-i-x-outline {
    @include t2-text-color2;
  }

  .k-input.k-multiselect .k-chip-list .k-chip .k-chip-actions .k-chip-action .k-svg-i-x-outline:hover {
    @include t2-text-color3;
  }

  .k-input,
  .k-input:focus,
  .k-input-inner,
  .k-dropdownlist,
  .k-chip-label,
  .k-list,
  .k-list-item:hover,
  .k-treeview {
    @include t2-text-color0;
    @include t2-border1;
    @include t2-font-weight;
  }

  .k-input:hover,
  .k-dropdownlist:hover,
  .k-editor:hover {
    @include t2-border3;
  }

  .k-grid .k-grid-header .k-table-thead .k-sort-icon,
  .k-grid .k-grid-header .k-table-thead .k-sort-order,
  .k-grid .k-grid-header .k-table-thead .k-svg-i-sort-asc-small,
  .k-grid .k-grid-header .k-table-thead .k-svg-i-sort-desc-small {
    @include t2-text-color5;
  }

  kendo-grid-filter-menu:hover {
    @include t2-bg-hover1;
  }

  .k-grid .k-grid-header .k-table-thead .k-grid-filter-menu:hover,
  .k-grid .k-grid-header .k-table-thead .k-header-column-menu:hover,
  .k-grid .k-grid-header .k-table-thead .k-hierarchy-cell .k-icon:hover {
    @include t2-text-color2;
  }

  .k-grid .k-grid-header .k-table-thead .k-grid-filter-menu.k-active kendo-svgicon.k-svg-i-filter,
  .k-grid .k-grid-header .k-table-thead .k-header-column-menu.k-active kendo-svgicon.k-svg-i-filter,
  .k-grid .k-grid-header .k-table-thead .k-hierarchy-cell .k-icon.k-active kendo-svgicon.k-svg-i-filter {
    @include t2-bg-alt-1;
  }

  .k-popup,
  ~kendo-popup .k-popup .k-menu-group,
  ~kendo-popup .k-menu-group .k-item .k-link:hover,
  ~kendo-popup .k-menu-group .k-item .k-link.k-active {
    @include t2-text-color1;
  }

  .k-popup {
    @include t2-border3;
    @include t2-bg-color2;
  }

  .k-popup.k-grid-filter-popup {
    @include t2-bg-color2;
  }

  .k-popup .k-svg-i-close {
    @include t2-text-color1;
  }

  .k-popup .k-svg-i-close:hover {
    color: black;
  }

  .docFiles {
    @include t2-text-color0;
    @include t2-bg-color1;
    @include t2-font-weight;
  }

  .docName:hover {
    @include t2-text-color4;
    @include t2-box-shadow3;
  }

  .docName:hover:active {
    @include t2-text-color2;
  }

  .docRemove:hover {
    color: variables.$medium-red;
  }

  .docRemove:active {
    color: variables.$dark-red;
  }

  .groupBox {
    @include t2-border3;
  }

  //used to override the default text color for labels inside a groupbox
  //t-text-color1 class must be added next to the groupbox class in the page
  .groupBox.t-text-color1 label {
    @include t2-text-color1;
  }

  .readOnlyBox,
  .readOnlyBox:focus,
  .readOnlyBox.k-datepicker .k-input-inner,
  .readOnlyBox.k-dateinput .k-input-inner,
  .readOnlyBox.k-numerictextbox .k-input-inner,
  .readOnlyBox.k-combobox .k-input-inner {
    @include t2-bg-color2;
  }

  .k-tooltip {
    @include t2-text-blackAndWhite;
    @include t2-bg-blackAndWhite;
  }

  .k-tooltip .k-callout {
    @include t2-text-whiteAndBlack;
  }

  .key label {
    @include t2-text-blackAndWhite;
  }

  .key .keyItem>div {
    @include t2-border1;
  }

  #header,
  #header .row {
    @include t2-bg-color2;
  }

  .k-window-content {
    @include t2-bg-color2;
  }

  .utilInfo .k-actions,
  .utilError .k-actions {
    @include t2-bg-color2;
  }

  .utilInfo .k-window-content,
  .utilError .k-window-content {
    @include t2-text-color1;
  }

  hr {
    @include t2-border3;
    @include t2-bg-alt-3;
  }

  .k-dialog-actions {
    @include t2-border3;
    @include t2-bg-color2;
  }

  .k-calendar {
    background-color: transparent;
  }

  .k-calendar .k-calendar-navigation {
    @include t2-bg-color2;
  }

  .k-calendar .k-content {
    background-color: transparent;
    @include t2-text-color1;
  }

  .k-calendar .k-calendar-navigation-highlight {
    @include t2-bg-color1;
  }

  .k-calendar .k-calendar-nav-today {
    @include t2-text-color4;
  }

  .k-calendar .k-calendar-nav-today:hover {
    opacity: 0.7;
  }

  .k-window .k-window-titlebar {
    background-image: linear-gradient(to bottom, transparent, rgba(variables.$t2-text-color1, .2) 25%, transparent 100%);
  }

  .k-editor {
    @include t2-bg-color1;
  }

  .k-editor .k-toolbar {
    @include t2-bg-color1;
  }

  .k-editor .k-toolbar .k-button:hover:not(.k-selected) {
    @include t2-text-whiteAndBlack;
    @include t2-bg-alt-2-imp;
  }

  .k-editor .k-toolbar .k-button.k-selected {
    @include t2-text-whiteAndBlack;
    @include t2-bg-alt-1-imp;
  }

  .k-splitter .k-splitbar {
    @include t2-bg-alt-1;
  }

  .k-splitter .k-splitbar:hover {
    opacity: 0.6;
  }

  .k-combobox.smallCombo .k-icon-button .k-svg-i-caret-alt-down {
    @include t2-filter-shadow1;
  }

  .k-combobox.smallCombo .k-clear-value {
    @include t2-filter-shadow2;
  }
}
