@charset "UTF-8";
html, body {
  height: 100%;
  position: relative; }

body {
  margin: 0;
  padding: 0; }

[tabindex='-1']:focus {
  outline: none; }

.inset {
  padding: 10px; }

a.md-no-style,
button.md-no-style {
  font-weight: normal;
  background-color: inherit;
  text-align: left;
  border: none;
  padding: 0;
  margin: 0; }

select,
button,
textarea,
input {
  vertical-align: baseline; }

input[type="reset"],
input[type="submit"],
html input[type="button"],
button {
  cursor: pointer;
  -webkit-appearance: button; }
  input[type="reset"][disabled],
  input[type="submit"][disabled],
  html input[type="button"][disabled],
  button[disabled] {
    cursor: default; }

textarea {
  vertical-align: top;
  overflow: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
  -webkit-box-sizing: content-box; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }

input:-webkit-autofill {
  text-shadow: none; }

.md-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-transform: none;
  width: 1px; }

.md-shadow {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  pointer-events: none; }

.md-shadow-bottom-z-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }

.md-shadow-bottom-z-2 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }

.md-shadow-animated.md-shadow {
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }

/*
 * A container inside of a rippling element (eg a button),
 * which contains all of the individual ripples
 */
.md-ripple-container {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); }

.md-ripple {
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: 50% 50%;
  opacity: 0;
  border-radius: 50%; }
  .md-ripple.md-ripple-placed {
    transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .md-ripple.md-ripple-scaled {
    transform: translate(-50%, -50%) scale(1); }
  .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
    opacity: 0.20; }
  .md-ripple.md-ripple-remove {
    animation: md-remove-ripple 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); }

@keyframes md-remove-ripple {
  0% {
    opacity: .15; }
  100% {
    opacity: 0; } }

.md-padding {
  padding: 8px; }

.md-margin {
  margin: 8px; }

.md-scroll-mask {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50; }
  .md-scroll-mask > .md-scroll-mask-bar {
    display: block;
    position: absolute;
    background-color: #fafafa;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 65;
    box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3); }

.md-no-momentum {
  -webkit-overflow-scrolling: auto; }

.md-no-flicker {
  -webkit-filter: blur(0px); }

@media (min-width: 960px) {
  .md-padding {
    padding: 16px; } }

html[dir=rtl], html[dir=ltr], body[dir=rtl], body[dir=ltr] {
  unicode-bidi: embed; }

bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override; }

bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override; }

html, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/************
 * Headings
 ************/
.md-display-4 {
  font-size: 112px;
  font-weight: 300;
  letter-spacing: -0.010em;
  line-height: 112px; }

.md-display-3 {
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -0.005em;
  line-height: 56px; }

.md-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 64px; }

.md-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px; }

.md-headline {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px; }

.md-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.005em; }

.md-subhead {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.010em;
  line-height: 24px; }

/************
 * Body Copy
 ************/
.md-body-1 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.010em;
  line-height: 20px; }

.md-body-2 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.010em;
  line-height: 24px; }

.md-caption {
  font-size: 12px;
  letter-spacing: 0.020em; }

.md-button {
  letter-spacing: 0.010em; }

/************
 * Defaults
 ************/
button,
select,
html,
textarea,
input {
  font-family: Roboto, "Helvetica Neue", sans-serif; }

select,
button,
textarea,
input {
  font-size: 100%; }

/*
*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*
*
*/
@keyframes md-autocomplete-list-out {
  0% {
    animation-timing-function: linear; }
  50% {
    opacity: 0;
    height: 40px;
    animation-timing-function: ease-in; }
  100% {
    height: 0;
    opacity: 0; } }

@keyframes md-autocomplete-list-in {
  0% {
    opacity: 0;
    height: 0;
    animation-timing-function: ease-out; }
  50% {
    opacity: 0;
    height: 40px; }
  100% {
    opacity: 1;
    height: 40px; } }

md-autocomplete {
  border-radius: 2px;
  display: block;
  height: 40px;
  position: relative;
  overflow: visible;
  min-width: 190px; }
  md-autocomplete[disabled] input {
    cursor: default; }
  md-autocomplete[md-floating-label] {
    border-radius: 0;
    background: transparent;
    height: auto; }
    md-autocomplete[md-floating-label] md-input-container {
      padding-bottom: 0px; }
    md-autocomplete[md-floating-label] md-autocomplete-wrap {
      height: auto; }
    md-autocomplete[md-floating-label] button {
      position: absolute;
      top: auto;
      bottom: 0;
      right: 0;
      width: 30px;
      height: 30px; }
  md-autocomplete md-autocomplete-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    box-sizing: border-box;
    position: relative;
    overflow: visible;
    height: 40px; }
    md-autocomplete md-autocomplete-wrap.md-menu-showing {
      z-index: 51; }
    md-autocomplete md-autocomplete-wrap md-input-container, md-autocomplete md-autocomplete-wrap input {
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
      box-sizing: border-box;
      min-width: 0; }
    md-autocomplete md-autocomplete-wrap md-progress-linear {
      position: absolute;
      bottom: -2px;
      left: 0; }
      md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
        bottom: 40px;
        right: 2px;
        left: 2px;
        width: auto; }
      md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        transition: none; }
        md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
          transition: none;
          height: 3px; }
        md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
          transition: opacity 0.15s linear; }
          md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
            opacity: 1; }
        md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
          transition: opacity 0.15s linear; }
          md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
            opacity: 0; }
  md-autocomplete input:not(.md-input) {
    font-size: 14px;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    width: 100%;
    padding: 0 15px;
    line-height: 40px;
    height: 40px; }
    md-autocomplete input:not(.md-input)::-ms-clear {
      display: none; }
  md-autocomplete button {
    position: relative;
    line-height: 20px;
    text-align: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    padding: 0;
    font-size: 12px;
    background: transparent;
    margin: auto 5px; }
    md-autocomplete button:after {
      content: '';
      position: absolute;
      top: -6px;
      right: -6px;
      bottom: -6px;
      left: -6px;
      border-radius: 50%;
      transform: scale(0);
      opacity: 0;
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
    md-autocomplete button:focus {
      outline: none; }
      md-autocomplete button:focus:after {
        transform: scale(1);
        opacity: 1; }
    md-autocomplete button md-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0) scale(0.9); }
      md-autocomplete button md-icon path {
        stroke-width: 0; }
    md-autocomplete button.ng-enter {
      transform: scale(0);
      transition: transform 0.15s ease-out; }
      md-autocomplete button.ng-enter.ng-enter-active {
        transform: scale(1); }
    md-autocomplete button.ng-leave {
      transition: transform 0.15s ease-out; }
      md-autocomplete button.ng-leave.ng-leave-active {
        transform: scale(0); }
  @media screen and (-ms-high-contrast: active) {
    md-autocomplete input {
      border: 1px solid #fff; }
    md-autocomplete li:focus {
      color: #fff; } }

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  position: absolute;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  height: 225.5px;
  max-height: 225.5px;
  z-index: 100; }

.md-virtual-repeat-container.md-not-found {
  height: 48px; }

.md-autocomplete-suggestions {
  margin: 0;
  list-style: none;
  padding: 0; }
  .md-autocomplete-suggestions li {
    font-size: 14px;
    overflow: hidden;
    padding: 0 15px;
    line-height: 48px;
    height: 48px;
    transition: background 0.15s linear;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .md-autocomplete-suggestions li:focus {
      outline: none; }
    .md-autocomplete-suggestions li:not(.md-not-found-wrapper) {
      cursor: pointer; }

@media screen and (-ms-high-contrast: active) {
  md-autocomplete,
  .md-autocomplete-suggestions {
    border: 1px solid #fff; } }

md-backdrop {
  transition: opacity 450ms;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50; }
  md-backdrop.md-menu-backdrop {
    position: fixed !important;
    z-index: 99; }
  md-backdrop.md-select-backdrop {
    z-index: 81;
    transition-duration: 0; }
  md-backdrop.md-dialog-backdrop {
    z-index: 79; }
  md-backdrop.md-bottom-sheet-backdrop {
    z-index: 69; }
  md-backdrop.md-sidenav-backdrop {
    z-index: 59; }
  md-backdrop.md-click-catcher {
    position: absolute; }
  md-backdrop.md-opaque {
    opacity: .48; }
    md-backdrop.md-opaque.ng-enter {
      opacity: 0; }
    md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
      opacity: .48; }
    md-backdrop.md-opaque.ng-leave {
      opacity: .48;
      transition: opacity 400ms; }
    md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
      opacity: 0; }

md-bottom-sheet {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px 16px 88px 16px;
  z-index: 70;
  border-top-width: 1px;
  border-top-style: solid;
  transform: translate3d(0, 80px, 0);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: transform; }
  md-bottom-sheet.md-has-header {
    padding-top: 0; }
  md-bottom-sheet.ng-enter {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  md-bottom-sheet.ng-enter-active {
    opacity: 1;
    display: block;
    transform: translate3d(0, 80px, 0) !important; }
  md-bottom-sheet.ng-leave-active {
    transform: translate3d(0, 100%, 0) !important;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-bottom-sheet .md-subheader {
    background-color: transparent;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    line-height: 56px;
    padding: 0;
    white-space: nowrap; }
  md-bottom-sheet md-inline-icon {
    display: inline-block;
    height: 24px;
    width: 24px;
    fill: #444; }
  md-bottom-sheet md-list-item {
    display: -ms-flexbox;
    display: flex;
    outline: none; }
    md-bottom-sheet md-list-item:hover {
      cursor: pointer; }
  md-bottom-sheet.md-list md-list-item {
    padding: 0;
    -ms-flex-align: center;
        align-items: center;
    height: 48px; }
  md-bottom-sheet.md-grid {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 0; }
    md-bottom-sheet.md-grid md-list {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      transition: all 0.5s;
      -ms-flex-align: center;
          align-items: center; }
    md-bottom-sheet.md-grid md-list-item {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      transition: all 0.5s;
      height: 96px;
      margin-top: 8px;
      margin-bottom: 8px;
      /* Mixin for how many grid items to show per row */ }
      @media (max-width: 960px) {
        md-bottom-sheet.md-grid md-list-item {
          -ms-flex: 1 1 33.33333%;
              flex: 1 1 33.33333%;
          max-width: 33.33333%; }
          md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {
            -ms-flex-align: start;
                align-items: flex-start; }
          md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
            -ms-flex-align: end;
                align-items: flex-end; } }
      @media (min-width: 960px) and (max-width: 1279px) {
        md-bottom-sheet.md-grid md-list-item {
          -ms-flex: 1 1 25%;
              flex: 1 1 25%;
          max-width: 25%; } }
      @media (min-width: 1280px) and (max-width: 1919px) {
        md-bottom-sheet.md-grid md-list-item {
          -ms-flex: 1 1 16.66667%;
              flex: 1 1 16.66667%;
          max-width: 16.66667%; } }
      @media (min-width: 1920px) {
        md-bottom-sheet.md-grid md-list-item {
          -ms-flex: 1 1 14.28571%;
              flex: 1 1 14.28571%;
          max-width: 14.28571%; } }
      md-bottom-sheet.md-grid md-list-item::before {
        display: none; }
      md-bottom-sheet.md-grid md-list-item .md-list-item-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        width: 48px;
        padding-bottom: 16px; }
      md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
        border: 1px solid transparent;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center;
        width: 80px; }
      md-bottom-sheet.md-grid md-list-item .md-grid-text {
        font-weight: 400;
        line-height: 16px;
        font-size: 13px;
        margin: 0;
        white-space: nowrap;
        width: 64px;
        text-align: center;
        text-transform: none;
        padding-top: 8px; }

@media screen and (-ms-high-contrast: active) {
  md-bottom-sheet {
    border: 1px solid #fff; } }

button.md-button::-moz-focus-inner {
  border: 0; }

.md-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  /** Alignment adjustments */
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  border-radius: 3px;
  box-sizing: border-box;
  /* Reset default button appearance */
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
  border: 0;
  /** Custom styling for button */
  padding: 0 6px;
  margin: 6px 8px;
  background: transparent;
  color: currentColor;
  white-space: nowrap;
  /* Uppercase text content */
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  overflow: hidden;
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .md-button:focus {
    outline: none; }
  .md-button:hover, .md-button:focus {
    text-decoration: none; }
  .md-button.ng-hide, .md-button.ng-leave {
    transition: none; }
  .md-button.md-cornered {
    border-radius: 0; }
  .md-button.md-icon {
    padding: 0;
    background: none; }
  .md-button.md-raised:not([disabled]) {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  .md-button.md-icon-button {
    margin: 0 6px;
    height: 40px;
    min-width: 0;
    line-height: 24px;
    padding: 8px;
    width: 40px;
    border-radius: 50%; }
    .md-button.md-icon-button .md-ripple-container {
      border-radius: 50%;
      background-clip: padding-box;
      overflow: hidden;
      -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
  .md-button.md-fab {
    z-index: 20;
    line-height: 56px;
    min-width: 0;
    width: 56px;
    height: 56px;
    vertical-align: middle;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-radius: 50%;
    background-clip: padding-box;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-property: background-color, box-shadow, transform; }
    .md-button.md-fab.md-fab-bottom-right {
      top: auto;
      right: 20px;
      bottom: 20px;
      left: auto;
      position: absolute; }
    .md-button.md-fab.md-fab-bottom-left {
      top: auto;
      right: auto;
      bottom: 20px;
      left: 20px;
      position: absolute; }
    .md-button.md-fab.md-fab-top-right {
      top: 20px;
      right: 20px;
      bottom: auto;
      left: auto;
      position: absolute; }
    .md-button.md-fab.md-fab-top-left {
      top: 20px;
      right: auto;
      bottom: auto;
      left: 20px;
      position: absolute; }
    .md-button.md-fab .md-ripple-container {
      border-radius: 50%;
      background-clip: padding-box;
      overflow: hidden;
      -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
    .md-button.md-fab.md-mini {
      line-height: 40px;
      width: 40px;
      height: 40px; }
    .md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
      transition: none; }
  .md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  .md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
  .md-button .md-ripple-container {
    border-radius: 3px;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }

.md-button.md-icon-button md-icon,
button.md-button.md-fab md-icon {
  display: block; }

.md-toast-open-top .md-button.md-fab-top-left,
.md-toast-open-top .md-button.md-fab-top-right {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate3d(0, 42px, 0); }
  .md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
  .md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
  .md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
    transform: translate3d(0, 41px, 0); }

.md-toast-open-bottom .md-button.md-fab-bottom-left,
.md-toast-open-bottom .md-button.md-fab-bottom-right {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate3d(0, -42px, 0); }
  .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
  .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
  .md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
    transform: translate3d(0, -43px, 0); }

.md-button-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
      flex: 1;
  width: 100%; }
  .md-button-group > .md-button {
    -ms-flex: 1;
        flex: 1;
    display: block;
    overflow: hidden;
    width: 0;
    border-width: 1px 0px 1px 1px;
    border-radius: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .md-button-group > .md-button:first-child {
      border-radius: 2px 0px 0px 2px; }
    .md-button-group > .md-button:last-child {
      border-right-width: 1px;
      border-radius: 0px 2px 2px 0px; }

@media screen and (-ms-high-contrast: active) {
  .md-button.md-raised,
  .md-button.md-fab {
    border: 1px solid #fff; } }

md-card {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 8px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
  md-card md-card-header {
    padding: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
    md-card md-card-header:first-child md-card-avatar {
      margin-right: 12px; }
      [dir=rtl] md-card md-card-header:first-child md-card-avatar {
        margin-right: auto;
        margin-left: 12px; }
    md-card md-card-header:last-child md-card-avatar {
      margin-left: 12px; }
      [dir=rtl] md-card md-card-header:last-child md-card-avatar {
        margin-left: auto;
        margin-right: 12px; }
    md-card md-card-header md-card-avatar {
      width: 40px;
      height: 40px; }
      md-card md-card-header md-card-avatar .md-user-avatar,
      md-card md-card-header md-card-avatar md-icon {
        border-radius: 50%; }
      md-card md-card-header md-card-avatar md-icon {
        padding: 8px; }
      md-card md-card-header md-card-avatar + md-card-header-text {
        max-height: 40px; }
        md-card md-card-header md-card-avatar + md-card-header-text .md-title {
          font-size: 14px; }
    md-card md-card-header md-card-header-text {
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1;
          flex: 1;
      -ms-flex-direction: column;
          flex-direction: column; }
      md-card md-card-header md-card-header-text .md-subhead {
        font-size: 14px; }
  md-card > img,
  md-card > md-card-header img,
  md-card md-card-title-media img {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 100%;
    height: auto; }
  md-card md-card-title {
    padding: 24px 16px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-direction: row;
        flex-direction: row; }
    md-card md-card-title + md-card-content {
      padding-top: 0; }
    md-card md-card-title md-card-title-text {
      -ms-flex: 1;
          flex: 1;
      -ms-flex-direction: column;
          flex-direction: column;
      display: -ms-flexbox;
      display: flex; }
      md-card md-card-title md-card-title-text .md-subhead {
        padding-top: 0;
        font-size: 14px; }
      md-card md-card-title md-card-title-text:only-child .md-subhead {
        padding-top: 12px; }
    md-card md-card-title md-card-title-media {
      margin-top: -8px; }
      md-card md-card-title md-card-title-media .md-media-sm {
        height: 80px;
        width: 80px; }
      md-card md-card-title md-card-title-media .md-media-md {
        height: 112px;
        width: 112px; }
      md-card md-card-title md-card-title-media .md-media-lg {
        height: 152px;
        width: 152px; }
  md-card md-card-content {
    display: block;
    padding: 16px; }
    md-card md-card-content > p:first-child {
      margin-top: 0; }
    md-card md-card-content > p:last-child {
      margin-bottom: 0; }
    md-card md-card-content .md-media-xl {
      height: 240px;
      width: 240px; }
  md-card .md-actions, md-card md-card-actions {
    margin: 8px; }
    md-card .md-actions.layout-column .md-button:not(.md-icon-button), md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {
      margin: 2px 0; }
      md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {
        margin-top: 0; }
      md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {
        margin-bottom: 0; }
    md-card .md-actions.layout-column .md-button.md-icon-button, md-card md-card-actions.layout-column .md-button.md-icon-button {
      margin-top: 6px;
      margin-bottom: 6px; }
    md-card .md-actions md-card-icon-actions, md-card md-card-actions md-card-icon-actions {
      -ms-flex: 1;
          flex: 1;
      -ms-flex-pack: start;
          justify-content: flex-start;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row; }
    md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button), md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {
      margin: 0 4px; }
      md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
        margin-left: 0; }
        [dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
          margin-left: auto;
          margin-right: 0; }
      md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
        margin-right: 0; }
        [dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
          margin-right: auto;
          margin-left: 0; }
    md-card .md-actions:not(.layout-column) .md-button.md-icon-button, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {
      margin-left: 6px;
      margin-right: 6px; }
      md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
        margin-left: 12px; }
        [dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
          margin-left: auto;
          margin-right: 12px; }
      md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
        margin-right: 12px; }
        [dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, [dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
          margin-right: auto;
          margin-left: 12px; }
    md-card .md-actions:not(.layout-column) .md-button + md-card-icon-actions, md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {
      -ms-flex: 1;
          flex: 1;
      -ms-flex-pack: end;
          justify-content: flex-end;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row; }
  md-card md-card-footer {
    margin-top: auto;
    padding: 16px; }

@media screen and (-ms-high-contrast: active) {
  md-card {
    border: 1px solid #fff; } }

.md-image-no-fill > img {
  width: auto;
  height: auto; }

.md-contact-chips .md-chips md-chip {
  padding: 0 25px 0 0; }
  [dir=rtl] .md-contact-chips .md-chips md-chip {
    padding: 0 0 0 25px; }
  .md-contact-chips .md-chips md-chip .md-contact-avatar {
    float: left; }
    [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar {
      float: right; }
    .md-contact-chips .md-chips md-chip .md-contact-avatar img {
      height: 32px;
      border-radius: 16px; }
  .md-contact-chips .md-chips md-chip .md-contact-name {
    display: inline-block;
    height: 32px;
    margin-left: 8px; }
    [dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name {
      margin-left: auto;
      margin-right: 8px; }

.md-contact-suggestion {
  height: 56px; }
  .md-contact-suggestion img {
    height: 40px;
    border-radius: 20px;
    margin-top: 8px; }
  .md-contact-suggestion .md-contact-name {
    margin-left: 8px;
    width: 120px; }
    [dir=rtl] .md-contact-suggestion .md-contact-name {
      margin-left: auto;
      margin-right: 8px; }
  .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis; }

.md-contact-chips-suggestions li {
  height: 100%; }

.md-chips {
  display: block;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
  padding: 0 0 8px 3px;
  vertical-align: middle; }
  .md-chips:after {
    content: '';
    display: table;
    clear: both; }
  [dir=rtl] .md-chips {
    padding: 0 3px 8px 0; }
  .md-chips.md-readonly .md-chip-input-container {
    min-height: 32px; }
  .md-chips:not(.md-readonly) {
    cursor: text; }
  .md-chips.md-removable md-chip {
    padding-right: 22px; }
    [dir=rtl] .md-chips.md-removable md-chip {
      padding-right: 0;
      padding-left: 22px; }
    .md-chips.md-removable md-chip .md-chip-content {
      padding-right: 4px; }
      [dir=rtl] .md-chips.md-removable md-chip .md-chip-content {
        padding-right: 0;
        padding-left: 4px; }
  .md-chips md-chip {
    cursor: default;
    border-radius: 16px;
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 8px 8px 0 0;
    padding: 0 12px 0 12px;
    float: left;
    box-sizing: border-box;
    max-width: 100%;
    position: relative; }
    [dir=rtl] .md-chips md-chip {
      margin: 8px 0 0 8px; }
    [dir=rtl] .md-chips md-chip {
      float: right; }
    .md-chips md-chip .md-chip-content {
      display: block;
      float: left;
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }
      [dir=rtl] .md-chips md-chip .md-chip-content {
        float: right; }
      .md-chips md-chip .md-chip-content:focus {
        outline: none; }
    .md-chips md-chip._md-chip-content-edit-is-enabled {
      -webkit-user-select: none;
      /* webkit (safari, chrome) browsers */
      -moz-user-select: none;
      /* mozilla browsers */
      -khtml-user-select: none;
      /* webkit (konqueror) browsers */
      -ms-user-select: none;
      /* IE10+ */ }
    .md-chips md-chip .md-chip-remove-container {
      position: absolute;
      right: 0;
      line-height: 22px; }
      [dir=rtl] .md-chips md-chip .md-chip-remove-container {
        right: auto;
        left: 0; }
    .md-chips md-chip .md-chip-remove {
      text-align: center;
      width: 32px;
      height: 32px;
      min-width: 0;
      padding: 0;
      background: transparent;
      border: none;
      box-shadow: none;
      margin: 0;
      position: relative; }
      .md-chips md-chip .md-chip-remove md-icon {
        height: 18px;
        width: 18px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0); }
  .md-chips .md-chip-input-container {
    display: block;
    line-height: 32px;
    margin: 8px 8px 0 0;
    padding: 0;
    float: left; }
    [dir=rtl] .md-chips .md-chip-input-container {
      margin: 8px 0 0 8px; }
    [dir=rtl] .md-chips .md-chip-input-container {
      float: right; }
    .md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
      border: 0;
      height: 32px;
      line-height: 32px;
      padding: 0; }
      .md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
        outline: none; }
    .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
      background: transparent;
      height: 32px; }
    .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
      box-shadow: none; }
    .md-chips .md-chip-input-container md-autocomplete input {
      position: relative; }
    .md-chips .md-chip-input-container input {
      border: 0;
      height: 32px;
      line-height: 32px;
      padding: 0; }
      .md-chips .md-chip-input-container input:focus {
        outline: none; }
    .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
      height: 32px; }
    .md-chips .md-chip-input-container md-autocomplete {
      box-shadow: none; }
      .md-chips .md-chip-input-container md-autocomplete input {
        position: relative; }
    .md-chips .md-chip-input-container:not(:first-child) {
      margin: 8px 8px 0 0; }
      [dir=rtl] .md-chips .md-chip-input-container:not(:first-child) {
        margin: 8px 0 0 8px; }
    .md-chips .md-chip-input-container input {
      background: transparent;
      border-width: 0; }
  .md-chips md-autocomplete button {
    display: none; }

@media screen and (-ms-high-contrast: active) {
  .md-chip-input-container,
  md-chip {
    border: 1px solid #fff; }
  .md-chip-input-container md-autocomplete {
    border: none; } }

.md-inline-form md-checkbox {
  margin: 19px 0 18px; }

md-checkbox {
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 16px;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  min-width: 20px;
  min-height: 20px;
  margin-left: 0;
  margin-right: 16px; }
  [dir=rtl] md-checkbox {
    margin-left: 16px; }
  [dir=rtl] md-checkbox {
    margin-right: 0; }
  md-checkbox:last-of-type {
    margin-left: 0;
    margin-right: 0; }
  md-checkbox.md-focused:not([disabled]) .md-container:before {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px; }
  md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
    background-color: rgba(0, 0, 0, 0.12); }
  md-checkbox.md-align-top-left > div.md-container {
    top: 12px; }
  md-checkbox .md-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 0;
    right: auto; }
    [dir=rtl] md-checkbox .md-container {
      left: auto; }
    [dir=rtl] md-checkbox .md-container {
      right: 0; }
    md-checkbox .md-container:before {
      box-sizing: border-box;
      background-color: transparent;
      border-radius: 50%;
      content: '';
      position: absolute;
      display: block;
      height: auto;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transition: all 0.5s;
      width: auto; }
    md-checkbox .md-container:after {
      box-sizing: border-box;
      content: '';
      position: absolute;
      top: -10px;
      right: -10px;
      bottom: -10px;
      left: -10px; }
    md-checkbox .md-container .md-ripple-container {
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      left: -15px;
      top: -15px;
      right: -15px;
      bottom: -15px; }
  md-checkbox .md-icon {
    box-sizing: border-box;
    transition: 240ms;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px; }
  md-checkbox.md-checked .md-icon {
    border-color: transparent; }
    md-checkbox.md-checked .md-icon:after {
      box-sizing: border-box;
      transform: rotate(45deg);
      position: absolute;
      left: 4.66667px;
      top: 0.22222px;
      display: table;
      width: 6.66667px;
      height: 13.33333px;
      border-width: 2px;
      border-style: solid;
      border-top: 0;
      border-left: 0;
      content: ''; }
  md-checkbox[disabled] {
    cursor: default; }
  md-checkbox.md-indeterminate .md-icon:after {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: table;
    width: 12px;
    height: 2px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: ''; }
  md-checkbox .md-label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
    margin-left: 30px;
    margin-right: 0; }
    [dir=rtl] md-checkbox .md-label {
      margin-left: 0; }
    [dir=rtl] md-checkbox .md-label {
      margin-right: 30px; }

md-content {
  display: block;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  md-content[md-scroll-y] {
    overflow-y: auto;
    overflow-x: hidden; }
  md-content[md-scroll-x] {
    overflow-x: auto;
    overflow-y: hidden; }
  @media print {
    md-content {
      overflow: visible !important; } }

/** Styles for mdCalendar. */
md-calendar {
  font-size: 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.md-calendar-scroll-mask {
  display: inline-block;
  overflow: hidden;
  height: 308px; }
  .md-calendar-scroll-mask .md-virtual-repeat-scroller {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
      display: none; }
  .md-calendar-scroll-mask .md-virtual-repeat-offsetter {
    width: 100%; }

.md-calendar-scroll-container {
  box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);
  display: inline-block;
  height: 308px;
  width: 346px; }

.md-calendar-date {
  height: 44px;
  width: 44px;
  text-align: center;
  padding: 0;
  border: none;
  box-sizing: content-box; }
  .md-calendar-date:first-child {
    padding-left: 16px; }
    [dir=rtl] .md-calendar-date:first-child {
      padding-left: 0;
      padding-right: 16px; }
  .md-calendar-date:last-child {
    padding-right: 16px; }
    [dir=rtl] .md-calendar-date:last-child {
      padding-right: 0;
      padding-left: 16px; }
  .md-calendar-date.md-calendar-date-disabled {
    cursor: default; }

.md-calendar-date-selection-indicator {
  transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 50%;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px; }
  .md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
    cursor: pointer; }

.md-calendar-month-label {
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 0 0 24px; }
  [dir=rtl] .md-calendar-month-label {
    padding: 0 24px 0 0; }
  md-calendar-month .md-calendar-month-label:not(.md-calendar-month-label-disabled) {
    cursor: pointer; }
  .md-calendar-month-label md-icon {
    transform: rotate(180deg); }
    [dir=rtl] .md-calendar-month-label md-icon {
      transform: none; }
  .md-calendar-month-label span {
    vertical-align: middle; }

.md-calendar-day-header {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse; }
  .md-calendar-day-header th {
    height: 40px;
    width: 44px;
    text-align: center;
    padding: 0;
    border: none;
    box-sizing: content-box;
    font-weight: normal; }
    .md-calendar-day-header th:first-child {
      padding-left: 16px; }
      [dir=rtl] .md-calendar-day-header th:first-child {
        padding-left: 0;
        padding-right: 16px; }
    .md-calendar-day-header th:last-child {
      padding-right: 16px; }
      [dir=rtl] .md-calendar-day-header th:last-child {
        padding-right: 0;
        padding-left: 16px; }

.md-calendar {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse; }
  .md-calendar tr:last-child td {
    border-bottom-width: 1px;
    border-bottom-style: solid; }
  .md-calendar:first-child {
    border-top: 1px solid transparent; }
  .md-calendar tbody, .md-calendar td, .md-calendar tr {
    vertical-align: middle;
    box-sizing: content-box; }

/** Styles for mdDatepicker. */
md-datepicker {
  white-space: nowrap;
  overflow: hidden;
  padding-right: 18px;
  margin-right: -18px;
  vertical-align: middle; }
  [dir=rtl] md-datepicker {
    padding-right: 0;
    padding-left: 18px; }
  [dir=rtl] md-datepicker {
    margin-right: auto;
    margin-left: -18px; }

.md-inline-form md-datepicker {
  margin-top: 12px; }

.md-datepicker-button {
  display: inline-block;
  box-sizing: border-box;
  background: none;
  vertical-align: middle;
  position: relative; }
  .md-datepicker-button:before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    content: '';
    speak: none; }

.md-datepicker-input {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  min-width: 120px;
  max-width: 328px;
  padding: 0 0 5px; }
  .md-datepicker-input::-ms-clear {
    display: none; }

._md-datepicker-floating-label > md-datepicker {
  overflow: visible; }
  ._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {
    border: none; }
  ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
    float: left;
    margin-top: -2.5px; }
    [dir=rtl] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
      float: right; }

._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  right: 18px;
  left: auto;
  width: calc(100% - 84px); }
  [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    right: auto; }
  [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    left: 18px; }

._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
  margin-left: 64px; }
  [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
    margin-left: auto;
    margin-right: 64px; }

.md-datepicker-input-container {
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  display: inline-block;
  width: auto; }
  .md-icon-button + .md-datepicker-input-container {
    margin-left: 12px; }
    [dir=rtl] .md-icon-button + .md-datepicker-input-container {
      margin-left: auto;
      margin-right: 12px; }
  .md-datepicker-input-container.md-datepicker-focused {
    border-bottom-width: 2px; }

.md-datepicker-is-showing .md-scroll-mask {
  z-index: 99; }

.md-datepicker-calendar-pane {
  position: absolute;
  top: 0;
  left: -100%;
  z-index: 100;
  border-width: 1px;
  border-style: solid;
  background: transparent;
  transform: scale(0);
  transform-origin: 0 0;
  transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .md-datepicker-calendar-pane.md-pane-open {
    transform: scale(1); }

.md-datepicker-input-mask {
  height: 40px;
  width: 340px;
  position: relative;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
  cursor: text; }

.md-datepicker-calendar {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1); }
  .md-pane-open .md-datepicker-calendar {
    opacity: 1; }
  .md-datepicker-calendar md-calendar:focus {
    outline: none; }

.md-datepicker-expand-triangle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid; }

.md-datepicker-triangle-button {
  position: absolute;
  right: 0;
  top: 5px;
  transform: translateY(-25%) translateX(45%); }
  [dir=rtl] .md-datepicker-triangle-button {
    right: auto;
    left: 0; }
  [dir=rtl] .md-datepicker-triangle-button {
    transform: translateY(-25%) translateX(-45%); }

.md-datepicker-triangle-button.md-button.md-icon-button {
  height: 36px;
  width: 36px;
  position: absolute;
  padding: 8px; }

md-datepicker[disabled] .md-datepicker-input-container {
  border-bottom-color: transparent; }

md-datepicker[disabled] .md-datepicker-triangle-button {
  display: none; }

.md-datepicker-open {
  overflow: hidden; }
  .md-datepicker-open .md-datepicker-input-container,
  .md-datepicker-open input.md-input {
    border-bottom-color: transparent; }
  .md-datepicker-open .md-datepicker-triangle-button,
  .md-datepicker-open.md-input-has-value > label,
  .md-datepicker-open.md-input-has-placeholder > label {
    display: none; }

.md-datepicker-pos-adjusted .md-datepicker-input-mask {
  display: none; }

.md-datepicker-calendar-pane .md-calendar {
  transform: translateY(-85px);
  transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-delay: 0.125s; }

.md-datepicker-calendar-pane.md-pane-open .md-calendar {
  transform: translateY(0); }

.md-dialog-is-showing {
  max-height: 100%; }

.md-dialog-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
  overflow: hidden; }

md-dialog {
  opacity: 0;
  min-width: 240px;
  max-width: 80%;
  max-height: 80%;
  position: relative;
  overflow: auto;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  md-dialog.md-transition-in {
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: translate(0, 0) scale(1); }
  md-dialog.md-transition-out {
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: translate(0, 100%) scale(0.2); }
  md-dialog > form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    overflow: auto; }
  md-dialog .md-dialog-content {
    padding: 24px; }
  md-dialog md-dialog-content {
    -ms-flex-order: 1;
        order: 1;
    -ms-flex-direction: column;
        flex-direction: column;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
    md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
      margin-top: 0; }
    md-dialog md-dialog-content:focus {
      outline: none; }
    md-dialog md-dialog-content .md-subheader {
      margin: 0; }
    md-dialog md-dialog-content .md-dialog-content-body {
      width: 100%; }
    md-dialog md-dialog-content .md-prompt-input-container {
      width: 100%;
      box-sizing: border-box; }
  md-dialog .md-actions, md-dialog md-dialog-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-order: 2;
        order: 2;
    box-sizing: border-box;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin-bottom: 0;
    padding-right: 8px;
    padding-left: 16px;
    min-height: 52px;
    overflow: hidden; }
    [dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
      padding-right: 16px; }
    [dir=rtl] md-dialog .md-actions, [dir=rtl] md-dialog md-dialog-actions {
      padding-left: 8px; }
    md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {
      margin-bottom: 8px;
      margin-left: 8px;
      margin-right: 0;
      margin-top: 8px; }
      [dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
        margin-left: 0; }
      [dir=rtl] md-dialog .md-actions .md-button, [dir=rtl] md-dialog md-dialog-actions .md-button {
        margin-right: 8px; }
  md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {
    border-top-width: 1px;
    border-top-style: solid; }

@media screen and (-ms-high-contrast: active) {
  md-dialog {
    border: 1px solid #fff; } }

@media (max-width: 959px) {
  md-dialog.md-dialog-fullscreen {
    min-height: 100%;
    min-width: 100%;
    border-radius: 0; } }

md-divider {
  display: block;
  border-top-width: 1px;
  border-top-style: solid;
  margin: 0; }
  md-divider[md-inset] {
    margin-left: 80px; }
    [dir=rtl] md-divider[md-inset] {
      margin-left: auto;
      margin-right: 80px; }

.layout-row > md-divider,
.layout-xs-row > md-divider, .layout-gt-xs-row > md-divider,
.layout-sm-row > md-divider, .layout-gt-sm-row > md-divider,
.layout-md-row > md-divider, .layout-gt-md-row > md-divider,
.layout-lg-row > md-divider, .layout-gt-lg-row > md-divider,
.layout-xl-row > md-divider {
  border-top-width: 0;
  border-right-width: 1px;
  border-right-style: solid; }

md-fab-speed-dial {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  z-index: 20;
  /*
   * Hide some graphics glitches if switching animation types
   */
  /*
   * Handle the animations
   */ }
  md-fab-speed-dial.md-fab-bottom-right {
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
    position: absolute; }
  md-fab-speed-dial.md-fab-bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
    position: absolute; }
  md-fab-speed-dial.md-fab-top-right {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    position: absolute; }
  md-fab-speed-dial.md-fab-top-left {
    top: 20px;
    right: auto;
    bottom: auto;
    left: 20px;
    position: absolute; }
  md-fab-speed-dial:not(.md-hover-full) {
    pointer-events: none; }
    md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
      pointer-events: auto; }
    md-fab-speed-dial:not(.md-hover-full).md-is-open {
      pointer-events: auto; }
  md-fab-speed-dial ._md-css-variables {
    z-index: 20; }
  md-fab-speed-dial.md-is-open .md-fab-action-item {
    -ms-flex-align: center;
        align-items: center; }
  md-fab-speed-dial md-fab-actions {
    display: -ms-flexbox;
    display: flex;
    height: auto; }
    md-fab-speed-dial md-fab-actions .md-fab-action-item {
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-fab-speed-dial.md-down {
    -ms-flex-direction: column;
        flex-direction: column; }
    md-fab-speed-dial.md-down md-fab-trigger {
      -ms-flex-order: 1;
          order: 1; }
    md-fab-speed-dial.md-down md-fab-actions {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-order: 2;
          order: 2; }
  md-fab-speed-dial.md-up {
    -ms-flex-direction: column;
        flex-direction: column; }
    md-fab-speed-dial.md-up md-fab-trigger {
      -ms-flex-order: 2;
          order: 2; }
    md-fab-speed-dial.md-up md-fab-actions {
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
      -ms-flex-order: 1;
          order: 1; }
  md-fab-speed-dial.md-left {
    -ms-flex-direction: row;
        flex-direction: row; }
    md-fab-speed-dial.md-left md-fab-trigger {
      -ms-flex-order: 2;
          order: 2; }
    md-fab-speed-dial.md-left md-fab-actions {
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
      -ms-flex-order: 1;
          order: 1; }
      md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-fab-speed-dial.md-right {
    -ms-flex-direction: row;
        flex-direction: row; }
    md-fab-speed-dial.md-right md-fab-trigger {
      -ms-flex-order: 1;
          order: 1; }
    md-fab-speed-dial.md-right md-fab-actions {
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-order: 2;
          order: 2; }
      md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
    visibility: hidden; }
  md-fab-speed-dial.md-fling .md-fab-action-item {
    opacity: 1; }
  md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
    opacity: 0;
    transition-duration: 0s; }
  md-fab-speed-dial.md-scale .md-fab-action-item {
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-duration: 0.14286s; }

md-fab-toolbar {
  display: block;
  /*
   * Closed styling
   */
  /*
   * Hover styling
   */ }
  md-fab-toolbar.md-fab-bottom-right {
    top: auto;
    right: 20px;
    bottom: 20px;
    left: auto;
    position: absolute; }
  md-fab-toolbar.md-fab-bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
    position: absolute; }
  md-fab-toolbar.md-fab-top-right {
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    position: absolute; }
  md-fab-toolbar.md-fab-top-left {
    top: 20px;
    right: auto;
    bottom: auto;
    left: 20px;
    position: absolute; }
  md-fab-toolbar .md-fab-toolbar-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    height: 68px; }
  md-fab-toolbar md-fab-trigger {
    position: absolute;
    z-index: 20; }
    md-fab-toolbar md-fab-trigger button {
      overflow: visible !important; }
    md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {
      display: block;
      position: absolute;
      z-index: 21;
      opacity: 1;
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
    md-fab-toolbar md-fab-trigger md-icon {
      position: relative;
      z-index: 22;
      opacity: 1;
      transition: all 200ms ease-in; }
  md-fab-toolbar.md-left md-fab-trigger {
    right: 0; }
    [dir=rtl] md-fab-toolbar.md-left md-fab-trigger {
      right: auto;
      left: 0; }
  md-fab-toolbar.md-left .md-toolbar-tools {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
      margin-right: 0.6rem; }
      [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
        margin-right: auto;
        margin-left: 0.6rem; }
    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
      margin-left: -0.8rem; }
      [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
        margin-left: auto;
        margin-right: -0.8rem; }
    md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
      margin-right: 8px; }
      [dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
        margin-right: auto;
        margin-left: 8px; }
  md-fab-toolbar.md-right md-fab-trigger {
    left: 0; }
    [dir=rtl] md-fab-toolbar.md-right md-fab-trigger {
      left: auto;
      right: 0; }
  md-fab-toolbar.md-right .md-toolbar-tools {
    -ms-flex-direction: row;
        flex-direction: row; }
  md-fab-toolbar md-toolbar {
    background-color: transparent !important;
    pointer-events: none;
    z-index: 23; }
    md-fab-toolbar md-toolbar .md-toolbar-tools {
      padding: 0 20px;
      margin-top: 3px; }
    md-fab-toolbar md-toolbar .md-fab-action-item {
      opacity: 0;
      transform: scale(0);
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
      transition-duration: 0.15s; }
  md-fab-toolbar.md-is-open md-fab-trigger > button {
    box-shadow: none; }
    md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
      opacity: 0; }
  md-fab-toolbar.md-is-open .md-fab-action-item {
    opacity: 1;
    transform: scale(1); }

md-grid-list {
  box-sizing: border-box;
  display: block;
  position: relative; }
  md-grid-list md-grid-tile,
  md-grid-list md-grid-tile > figure,
  md-grid-list md-grid-tile-header,
  md-grid-list md-grid-tile-footer {
    box-sizing: border-box; }
  md-grid-list md-grid-tile {
    display: block;
    position: absolute; }
    md-grid-list md-grid-tile figure {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 0;
      margin: 0; }
    md-grid-list md-grid-tile md-grid-tile-header,
    md-grid-list md-grid-tile md-grid-tile-footer {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      height: 48px;
      color: #fff;
      background: rgba(0, 0, 0, 0.18);
      overflow: hidden;
      position: absolute;
      left: 0;
      right: 0; }
      md-grid-list md-grid-tile md-grid-tile-header h3,
      md-grid-list md-grid-tile md-grid-tile-header h4,
      md-grid-list md-grid-tile md-grid-tile-footer h3,
      md-grid-list md-grid-tile md-grid-tile-footer h4 {
        font-weight: 400;
        margin: 0 0 0 16px; }
      md-grid-list md-grid-tile md-grid-tile-header h3,
      md-grid-list md-grid-tile md-grid-tile-footer h3 {
        font-size: 14px; }
      md-grid-list md-grid-tile md-grid-tile-header h4,
      md-grid-list md-grid-tile md-grid-tile-footer h4 {
        font-size: 12px; }
    md-grid-list md-grid-tile md-grid-tile-header {
      top: 0; }
    md-grid-list md-grid-tile md-grid-tile-footer {
      bottom: 0; }

@media screen and (-ms-high-contrast: active) {
  md-grid-tile {
    border: 1px solid #fff; }
  md-grid-tile-footer {
    border-top: 1px solid #fff; } }

md-icon {
  margin: auto;
  background-repeat: no-repeat no-repeat;
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  height: 24px;
  width: 24px;
  min-height: 24px;
  min-width: 24px; }
  md-icon svg {
    pointer-events: none;
    display: block; }
  md-icon[md-font-icon] {
    line-height: 24px;
    width: auto; }

md-input-container {
  display: inline-block;
  position: relative;
  padding: 2px;
  margin: 18px 0;
  vertical-align: middle;
  /*
   * The .md-input class is added to the input/textarea
   */ }
  md-input-container:after {
    content: '';
    display: table;
    clear: both; }
  md-input-container.md-block {
    display: block; }
  md-input-container .md-errors-spacer {
    float: right;
    min-height: 24px;
    min-width: 1px; }
    [dir=rtl] md-input-container .md-errors-spacer {
      float: left; }
  md-input-container > md-icon {
    position: absolute;
    top: 8px;
    left: 2px;
    right: auto; }
    [dir=rtl] md-input-container > md-icon {
      left: auto; }
    [dir=rtl] md-input-container > md-icon {
      right: 2px; }
  md-input-container textarea,
  md-input-container input[type="text"],
  md-input-container input[type="password"],
  md-input-container input[type="datetime"],
  md-input-container input[type="datetime-local"],
  md-input-container input[type="date"],
  md-input-container input[type="month"],
  md-input-container input[type="time"],
  md-input-container input[type="week"],
  md-input-container input[type="number"],
  md-input-container input[type="email"],
  md-input-container input[type="url"],
  md-input-container input[type="search"],
  md-input-container input[type="tel"],
  md-input-container input[type="color"] {
    /* remove default appearance from all input/textarea */
    -moz-appearance: none;
    -webkit-appearance: none; }
  md-input-container input[type="date"],
  md-input-container input[type="datetime-local"],
  md-input-container input[type="month"],
  md-input-container input[type="time"],
  md-input-container input[type="week"] {
    min-height: 26px; }
  md-input-container textarea {
    resize: none;
    overflow: hidden; }
    md-input-container textarea.md-input {
      min-height: 26px;
      -ms-flex-preferred-size: auto; }
    md-input-container textarea[md-no-autogrow] {
      height: auto;
      overflow: auto; }
  md-input-container label:not(.md-container-ignore) {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: auto; }
    [dir=rtl] md-input-container label:not(.md-container-ignore) {
      left: auto; }
    [dir=rtl] md-input-container label:not(.md-container-ignore) {
      right: 0; }
    md-input-container label:not(.md-container-ignore).md-required:after {
      content: ' *';
      font-size: 13px;
      vertical-align: top; }
  md-input-container label:not(.md-no-float):not(.md-container-ignore),
  md-input-container .md-placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    -ms-flex-order: 1;
        order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 3px;
    padding-right: 0;
    z-index: 1;
    transform: translate3d(0, 28px, 0) scale(1);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    max-width: 100%;
    transform-origin: left top; }
    [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]
    md-input-container .md-placeholder {
      padding-left: 0; }
    [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]
    md-input-container .md-placeholder {
      padding-right: 3px; }
    [dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), [dir=rtl]
    md-input-container .md-placeholder {
      transform-origin: right top; }
  md-input-container .md-placeholder {
    position: absolute;
    top: 0;
    opacity: 0;
    transition-property: opacity, transform;
    transform: translate3d(0, 30px, 0); }
  md-input-container.md-input-focused .md-placeholder {
    opacity: 1;
    transform: translate3d(0, 24px, 0); }
  md-input-container.md-input-has-value .md-placeholder {
    transition: none;
    opacity: 0; }
  md-input-container:not(.md-input-has-value) input:not(:focus),
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field,
  md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {
    color: transparent; }
  md-input-container .md-input {
    -ms-flex-order: 2;
        order: 2;
    display: block;
    margin-top: 0;
    background: none;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-width: 0 0 1px 0;
    line-height: 26px;
    height: 30px;
    -ms-flex-preferred-size: 26px;
    border-radius: 0;
    border-style: solid;
    width: 100%;
    box-sizing: border-box;
    float: left; }
    [dir=rtl] md-input-container .md-input {
      float: right; }
    md-input-container .md-input:focus {
      outline: none; }
    md-input-container .md-input:invalid {
      outline: none;
      box-shadow: none; }
    md-input-container .md-input.md-no-flex {
      -ms-flex: none !important;
          flex: none !important; }
  md-input-container .md-char-counter {
    text-align: right;
    padding-right: 2px;
    padding-left: 0; }
    [dir=rtl] md-input-container .md-char-counter {
      text-align: left; }
    [dir=rtl] md-input-container .md-char-counter {
      padding-right: 0; }
    [dir=rtl] md-input-container .md-char-counter {
      padding-left: 2px; }
  md-input-container .md-input-messages-animation {
    position: relative;
    -ms-flex-order: 4;
        order: 4;
    overflow: hidden;
    clear: left; }
    [dir=rtl] md-input-container .md-input-messages-animation {
      clear: right; }
    md-input-container .md-input-messages-animation.ng-enter .md-input-message-animation {
      opacity: 0;
      margin-top: -100px; }
  md-input-container .md-input-message-animation, md-input-container .md-char-counter {
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    opacity: 1;
    margin-top: 0;
    padding-top: 5px; }
    md-input-container .md-input-message-animation:not(.md-char-counter), md-input-container .md-char-counter:not(.md-char-counter) {
      padding-right: 5px;
      padding-left: 0; }
      [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
        padding-right: 0; }
      [dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter), [dir=rtl] md-input-container .md-char-counter:not(.md-char-counter) {
        padding-left: 5px; }
  md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
    opacity: 0;
    margin-top: -100px; }
  md-input-container .md-input-message-animation:not(.ng-animate) {
    opacity: 0;
    margin-top: -100px; }
  md-input-container .md-input-message-animation.ng-enter {
    opacity: 0;
    margin-top: -100px; }
  md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
    transform: translate3d(0, 6px, 0) scale(0.75);
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s; }
  md-input-container.md-input-has-value label {
    transition: none; }
  md-input-container.md-input-focused .md-input,
  md-input-container .md-input.ng-invalid.ng-dirty,
  md-input-container.md-input-resized .md-input {
    padding-bottom: 0;
    border-width: 0 0 2px 0; }
  md-input-container .md-input[disabled],
  [disabled] md-input-container .md-input {
    background-position: bottom -1px left 0;
    background-size: 4px 1px;
    background-repeat: repeat-x; }
  md-input-container.md-icon-float {
    transition: margin-top 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
    md-input-container.md-icon-float > label {
      pointer-events: none;
      position: absolute; }
    md-input-container.md-icon-float > md-icon {
      top: 8px;
      left: 2px;
      right: auto; }
      [dir=rtl] md-input-container.md-icon-float > md-icon {
        left: auto; }
      [dir=rtl] md-input-container.md-icon-float > md-icon {
        right: 2px; }
  md-input-container.md-icon-left > label:not(.md-no-float):not(.md-container-ignore),
  md-input-container.md-icon-left > label .md-placeholder, md-input-container.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
  md-input-container.md-icon-right > label .md-placeholder {
    width: calc(100% - 36px - 18px); }
  md-input-container.md-icon-left {
    padding-left: 36px;
    padding-right: 0; }
    [dir=rtl] md-input-container.md-icon-left {
      padding-left: 0; }
    [dir=rtl] md-input-container.md-icon-left {
      padding-right: 36px; }
    md-input-container.md-icon-left > label {
      left: 36px;
      right: auto; }
      [dir=rtl] md-input-container.md-icon-left > label {
        left: auto; }
      [dir=rtl] md-input-container.md-icon-left > label {
        right: 36px; }
  md-input-container.md-icon-right {
    padding-left: 0;
    padding-right: 36px; }
    [dir=rtl] md-input-container.md-icon-right {
      padding-left: 36px; }
    [dir=rtl] md-input-container.md-icon-right {
      padding-right: 0; }
    md-input-container.md-icon-right > md-icon:last-of-type {
      margin: 0;
      right: 2px;
      left: auto; }
      [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
        right: auto; }
      [dir=rtl] md-input-container.md-icon-right > md-icon:last-of-type {
        left: 2px; }
  md-input-container.md-icon-left.md-icon-right {
    padding-left: 36px;
    padding-right: 36px; }
    md-input-container.md-icon-left.md-icon-right > label:not(.md-no-float):not(.md-container-ignore),
    md-input-container.md-icon-left.md-icon-right > label .md-placeholder {
      width: calc(100% - (36px * 2)); }

.md-resize-wrapper {
  position: relative; }
  .md-resize-wrapper:after {
    content: '';
    display: table;
    clear: both; }

.md-resize-handle {
  position: absolute;
  bottom: -5px;
  left: 0;
  height: 10px;
  background: transparent;
  width: 100%;
  cursor: ns-resize; }

@media screen and (-ms-high-contrast: active) {
  md-input-container.md-default-theme > md-icon {
    fill: #fff; } }

md-list {
  display: block;
  padding: 8px 0px 8px 0px; }
  md-list .md-subheader {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.010em;
    line-height: 1.2em; }
  md-list.md-dense md-list-item,
  md-list.md-dense md-list-item .md-list-item-inner {
    min-height: 48px; }
    md-list.md-dense md-list-item::before,
    md-list.md-dense md-list-item .md-list-item-inner::before {
      content: '';
      min-height: 48px;
      visibility: hidden;
      display: inline-block; }
    md-list.md-dense md-list-item md-icon:first-child,
    md-list.md-dense md-list-item .md-list-item-inner md-icon:first-child {
      width: 20px;
      height: 20px; }
    md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon),
    md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
      margin-right: 36px; }
      [dir=rtl] md-list.md-dense md-list-item > md-icon:first-child:not(.md-avatar-icon), [dir=rtl]
      md-list.md-dense md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
        margin-right: auto;
        margin-left: 36px; }
    md-list.md-dense md-list-item .md-avatar, md-list.md-dense md-list-item .md-avatar-icon,
    md-list.md-dense md-list-item .md-list-item-inner .md-avatar,
    md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon {
      margin-right: 20px; }
      [dir=rtl] md-list.md-dense md-list-item .md-avatar, [dir=rtl] md-list.md-dense md-list-item .md-avatar-icon, [dir=rtl]
      md-list.md-dense md-list-item .md-list-item-inner .md-avatar, [dir=rtl]
      md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon {
        margin-right: auto;
        margin-left: 20px; }
    md-list.md-dense md-list-item .md-avatar,
    md-list.md-dense md-list-item .md-list-item-inner .md-avatar {
      -ms-flex: none;
          flex: none;
      width: 36px;
      height: 36px; }
  md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
    margin-left: 56px; }
    [dir=rtl] md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
      margin-left: auto;
      margin-right: 56px; }
  md-list.md-dense md-list-item.md-2-line .md-list-item-text h3,
  md-list.md-dense md-list-item.md-2-line .md-list-item-text h4,
  md-list.md-dense md-list-item.md-2-line .md-list-item-text p, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3,
  md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h4,
  md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3,
  md-list.md-dense md-list-item.md-3-line .md-list-item-text h4,
  md-list.md-dense md-list-item.md-3-line .md-list-item-text p, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3,
  md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h4,
  md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text p {
    line-height: 1.05;
    font-size: 12px; }
  md-list.md-dense md-list-item.md-2-line .md-list-item-text h3, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line .md-list-item-text h3, md-list.md-dense md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
    font-size: 13px; }
  md-list.md-dense md-list-item.md-2-line, md-list.md-dense md-list-item.md-2-line > .md-no-style {
    min-height: 60px; }
    md-list.md-dense md-list-item.md-2-line::before, md-list.md-dense md-list-item.md-2-line > .md-no-style::before {
      content: '';
      min-height: 60px;
      visibility: hidden;
      display: inline-block; }
    md-list.md-dense md-list-item.md-2-line > .md-avatar, md-list.md-dense md-list-item.md-2-line .md-avatar-icon, md-list.md-dense md-list-item.md-2-line > .md-no-style > .md-avatar, md-list.md-dense md-list-item.md-2-line > .md-no-style .md-avatar-icon {
      margin-top: 12px; }
  md-list.md-dense md-list-item.md-3-line, md-list.md-dense md-list-item.md-3-line > .md-no-style {
    min-height: 76px; }
    md-list.md-dense md-list-item.md-3-line::before, md-list.md-dense md-list-item.md-3-line > .md-no-style::before {
      content: '';
      min-height: 76px;
      visibility: hidden;
      display: inline-block; }
    md-list.md-dense md-list-item.md-3-line > md-icon:first-child,
    md-list.md-dense md-list-item.md-3-line > .md-avatar, md-list.md-dense md-list-item.md-3-line > .md-no-style > md-icon:first-child,
    md-list.md-dense md-list-item.md-3-line > .md-no-style > .md-avatar {
      margin-top: 16px; }

md-list-item {
  position: relative; }
  md-list-item.md-proxy-focus.md-focused .md-no-style {
    transition: background-color 0.15s linear; }
  md-list-item._md-button-wrap {
    position: relative; }
    md-list-item._md-button-wrap > div.md-button:first-child {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start;
      padding: 0 16px;
      margin: 0;
      font-weight: 400;
      text-align: left;
      border: medium none; }
      [dir=rtl] md-list-item._md-button-wrap > div.md-button:first-child {
        text-align: right; }
      md-list-item._md-button-wrap > div.md-button:first-child > .md-button:first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin: 0;
        padding: 0; }
      md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner {
        width: 100%;
        min-height: inherit; }
  md-list-item.md-no-proxy,
  md-list-item .md-no-style {
    position: relative;
    padding: 0px 16px;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
    md-list-item.md-no-proxy.md-button,
    md-list-item .md-no-style.md-button {
      font-size: inherit;
      height: inherit;
      text-align: left;
      text-transform: none;
      width: 100%;
      white-space: normal;
      -ms-flex-direction: inherit;
          flex-direction: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
      border-radius: 0;
      margin: 0; }
      [dir=rtl] md-list-item.md-no-proxy.md-button, [dir=rtl]
      md-list-item .md-no-style.md-button {
        text-align: right; }
      md-list-item.md-no-proxy.md-button > .md-ripple-container,
      md-list-item .md-no-style.md-button > .md-ripple-container {
        border-radius: 0; }
    md-list-item.md-no-proxy:focus,
    md-list-item .md-no-style:focus {
      outline: none; }
  md-list-item.md-clickable:hover {
    cursor: pointer; }
  md-list-item md-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
    [dir=rtl] md-list-item md-divider {
      left: auto;
      right: 0; }
    md-list-item md-divider[md-inset] {
      left: 72px;
      width: calc(100% - 72px);
      margin: 0 !important; }
      [dir=rtl] md-list-item md-divider[md-inset] {
        left: auto;
        right: 72px; }
  md-list-item,
  md-list-item .md-list-item-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
    min-height: 48px;
    height: auto; }
    md-list-item::before,
    md-list-item .md-list-item-inner::before {
      content: '';
      min-height: 48px;
      visibility: hidden;
      display: inline-block; }
    md-list-item > div.md-primary > md-icon:not(.md-avatar-icon),
    md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon),
    md-list-item > md-icon:first-child:not(.md-avatar-icon),
    md-list-item > md-icon.md-secondary:not(.md-avatar-icon),
    md-list-item .md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon),
    md-list-item .md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon),
    md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon),
    md-list-item .md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon) {
      width: 24px;
      margin-top: 16px;
      margin-bottom: 12px;
      box-sizing: content-box; }
    md-list-item > div.md-primary > md-checkbox,
    md-list-item > div.md-secondary > md-checkbox,
    md-list-item > md-checkbox,
    md-list-item md-checkbox.md-secondary,
    md-list-item .md-list-item-inner > div.md-primary > md-checkbox,
    md-list-item .md-list-item-inner > div.md-secondary > md-checkbox,
    md-list-item .md-list-item-inner > md-checkbox,
    md-list-item .md-list-item-inner md-checkbox.md-secondary {
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center; }
      md-list-item > div.md-primary > md-checkbox .md-label,
      md-list-item > div.md-secondary > md-checkbox .md-label,
      md-list-item > md-checkbox .md-label,
      md-list-item md-checkbox.md-secondary .md-label,
      md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label,
      md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label,
      md-list-item .md-list-item-inner > md-checkbox .md-label,
      md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {
        display: none; }
    md-list-item > md-icon:first-child:not(.md-avatar-icon),
    md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
      margin-right: 32px; }
      [dir=rtl] md-list-item > md-icon:first-child:not(.md-avatar-icon), [dir=rtl]
      md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
        margin-right: auto;
        margin-left: 32px; }
    md-list-item .md-avatar, md-list-item .md-avatar-icon,
    md-list-item .md-list-item-inner .md-avatar,
    md-list-item .md-list-item-inner .md-avatar-icon {
      margin-top: 8px;
      margin-bottom: 8px;
      margin-right: 16px;
      border-radius: 50%;
      box-sizing: content-box; }
      [dir=rtl] md-list-item .md-avatar, [dir=rtl] md-list-item .md-avatar-icon, [dir=rtl]
      md-list-item .md-list-item-inner .md-avatar, [dir=rtl]
      md-list-item .md-list-item-inner .md-avatar-icon {
        margin-right: auto;
        margin-left: 16px; }
    md-list-item .md-avatar,
    md-list-item .md-list-item-inner .md-avatar {
      -ms-flex: none;
          flex: none;
      width: 40px;
      height: 40px; }
    md-list-item .md-avatar-icon,
    md-list-item .md-list-item-inner .md-avatar-icon {
      padding: 8px; }
      md-list-item .md-avatar-icon svg,
      md-list-item .md-list-item-inner .md-avatar-icon svg {
        width: 24px;
        height: 24px; }
    md-list-item > md-checkbox,
    md-list-item .md-list-item-inner > md-checkbox {
      width: 24px;
      margin-left: 3px;
      margin-right: 29px;
      margin-top: 16px; }
      [dir=rtl] md-list-item > md-checkbox, [dir=rtl]
      md-list-item .md-list-item-inner > md-checkbox {
        margin-left: 29px; }
      [dir=rtl] md-list-item > md-checkbox, [dir=rtl]
      md-list-item .md-list-item-inner > md-checkbox {
        margin-right: 3px; }
    md-list-item .md-secondary-container,
    md-list-item .md-list-item-inner .md-secondary-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin: auto;
      margin-right: 0;
      margin-left: auto; }
      [dir=rtl] md-list-item .md-secondary-container, [dir=rtl]
      md-list-item .md-list-item-inner .md-secondary-container {
        margin-right: auto; }
      [dir=rtl] md-list-item .md-secondary-container, [dir=rtl]
      md-list-item .md-list-item-inner .md-secondary-container {
        margin-left: 0; }
      md-list-item .md-secondary-container .md-button:last-of-type, md-list-item .md-secondary-container .md-icon-button:last-of-type,
      md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type,
      md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
        margin-right: 0; }
        [dir=rtl] md-list-item .md-secondary-container .md-button:last-of-type, [dir=rtl] md-list-item .md-secondary-container .md-icon-button:last-of-type, [dir=rtl]
        md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type, [dir=rtl]
        md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type {
          margin-right: auto;
          margin-left: 0; }
      md-list-item .md-secondary-container md-checkbox,
      md-list-item .md-list-item-inner .md-secondary-container md-checkbox {
        margin-top: 0;
        margin-bottom: 0; }
        md-list-item .md-secondary-container md-checkbox:last-child,
        md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
          width: 24px;
          margin-right: 0; }
          [dir=rtl] md-list-item .md-secondary-container md-checkbox:last-child, [dir=rtl]
          md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child {
            margin-right: auto;
            margin-left: 0; }
      md-list-item .md-secondary-container md-switch,
      md-list-item .md-list-item-inner .md-secondary-container md-switch {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: -6px; }
        [dir=rtl] md-list-item .md-secondary-container md-switch, [dir=rtl]
        md-list-item .md-list-item-inner .md-secondary-container md-switch {
          margin-right: auto;
          margin-left: -6px; }
    md-list-item > p, md-list-item > .md-list-item-inner > p,
    md-list-item .md-list-item-inner > p,
    md-list-item .md-list-item-inner > .md-list-item-inner > p {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      margin: 0; }
  md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: center;
        justify-content: center; }
    md-list-item.md-2-line.md-long-text, md-list-item.md-2-line > .md-no-style.md-long-text, md-list-item.md-3-line.md-long-text, md-list-item.md-3-line > .md-no-style.md-long-text {
      margin-top: 8px;
      margin-bottom: 8px; }
    md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      margin: auto;
      text-overflow: ellipsis;
      overflow: hidden; }
      md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
        margin-left: 56px; }
        [dir=rtl] md-list-item.md-2-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line .md-list-item-text.md-offset, [dir=rtl] md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
          margin-left: auto;
          margin-right: 56px; }
      md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.010em;
        margin: 0 0 0px 0;
        line-height: 1.2em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
        font-size: 14px;
        letter-spacing: 0.010em;
        margin: 3px 0 1px 0;
        font-weight: 400;
        line-height: 1.2em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.010em;
        margin: 0 0 0 0;
        line-height: 1.6em; }
  md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style {
    height: auto;
    min-height: 72px; }
    md-list-item.md-2-line::before, md-list-item.md-2-line > .md-no-style::before {
      content: '';
      min-height: 72px;
      visibility: hidden;
      display: inline-block; }
    md-list-item.md-2-line > .md-avatar, md-list-item.md-2-line .md-avatar-icon, md-list-item.md-2-line > .md-no-style > .md-avatar, md-list-item.md-2-line > .md-no-style .md-avatar-icon {
      margin-top: 12px; }
    md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child {
      -ms-flex-item-align: start;
          align-self: flex-start; }
    md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
  md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {
    height: auto;
    min-height: 88px; }
    md-list-item.md-3-line::before, md-list-item.md-3-line > .md-no-style::before {
      content: '';
      min-height: 88px;
      visibility: hidden;
      display: inline-block; }
    md-list-item.md-3-line > md-icon:first-child,
    md-list-item.md-3-line > .md-avatar, md-list-item.md-3-line > .md-no-style > md-icon:first-child,
    md-list-item.md-3-line > .md-no-style > .md-avatar {
      margin-top: 16px; }

.md-open-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  opacity: 0;
  border-radius: 2px; }
  .md-open-menu-container md-menu-divider {
    margin-top: 4px;
    margin-bottom: 4px;
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    width: 100%; }
  .md-open-menu-container md-menu-content > * {
    opacity: 0; }
  .md-open-menu-container:not(.md-clickable) {
    pointer-events: none; }
  .md-open-menu-container.md-active {
    opacity: 1;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-duration: 200ms; }
    .md-open-menu-container.md-active > md-menu-content > * {
      opacity: 1;
      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
      transition-duration: 200ms;
      transition-delay: 100ms; }
  .md-open-menu-container.md-leave {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-duration: 250ms; }

md-menu-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 8px 0;
  max-height: 304px;
  overflow-y: auto; }
  md-menu-content.md-dense {
    max-height: 208px; }
    md-menu-content.md-dense md-menu-item {
      height: 32px;
      min-height: 0px; }

md-menu-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  min-height: 48px;
  height: 48px;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  /*
   * We cannot use flex on <button> elements due to a bug in Firefox, so we also can't use it on
   * <a> elements. Add some top padding to fix alignment since buttons automatically align their
   * text vertically.
   */ }
  md-menu-item > * {
    width: 100%;
    margin: auto 0;
    padding-left: 16px;
    padding-right: 16px; }
  md-menu-item > a.md-button {
    padding-top: 5px; }
  md-menu-item > .md-button {
    text-align: left;
    display: inline-block;
    border-radius: 0;
    margin: auto 0;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%; }
    md-menu-item > .md-button::-moz-focus-inner {
      padding: 0;
      border: 0; }
    [dir=rtl] md-menu-item > .md-button {
      text-align: right; }
    md-menu-item > .md-button md-icon {
      margin: auto 16px auto 0; }
      [dir=rtl] md-menu-item > .md-button md-icon {
        margin: auto 0 auto 16px; }
    md-menu-item > .md-button p {
      display: inline-block;
      margin: auto; }
    md-menu-item > .md-button span {
      margin-top: auto;
      margin-bottom: auto; }
    md-menu-item > .md-button .md-ripple-container {
      border-radius: inherit; }

md-toolbar .md-menu {
  height: auto;
  margin: auto;
  padding: 0; }

@media (max-width: 959px) {
  md-menu-content {
    min-width: 112px; }
  md-menu-content[width="3"] {
    min-width: 168px; }
  md-menu-content[width="4"] {
    min-width: 224px; }
  md-menu-content[width="5"] {
    min-width: 280px; }
  md-menu-content[width="6"] {
    min-width: 336px; }
  md-menu-content[width="7"] {
    min-width: 392px; } }

@media (min-width: 960px) {
  md-menu-content {
    min-width: 96px; }
  md-menu-content[width="3"] {
    min-width: 192px; }
  md-menu-content[width="4"] {
    min-width: 256px; }
  md-menu-content[width="5"] {
    min-width: 320px; }
  md-menu-content[width="6"] {
    min-width: 384px; }
  md-menu-content[width="7"] {
    min-width: 448px; } }

md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
  line-height: 1rem;
  height: auto;
  padding: 28px;
  padding-bottom: 12px; }

md-toolbar.md-has-open-menu {
  position: relative;
  z-index: 100; }

md-menu-bar {
  padding: 0 20px;
  display: block;
  position: relative;
  z-index: 2; }
  md-menu-bar .md-menu {
    display: inline-block;
    padding: 0;
    position: relative; }
  md-menu-bar button {
    font-size: 14px;
    padding: 0 10px;
    margin: 0;
    border: 0;
    background-color: transparent;
    height: 40px; }
  md-menu-bar md-backdrop.md-menu-backdrop {
    z-index: -2; }

md-menu-content.md-menu-bar-menu.md-dense {
  max-height: none;
  padding: 16px 0; }
  md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
    position: relative; }
    md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
      position: absolute;
      padding: 0;
      width: 24px;
      top: 6px;
      left: 24px; }
      [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
        left: auto;
        right: 24px; }
    md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
      padding: 0 32px 0 64px; }
      [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
        padding: 0 64px 0 32px; }
  md-menu-content.md-menu-bar-menu.md-dense .md-button {
    min-height: 0;
    height: 32px;
    display: -ms-flexbox;
    display: flex; }
    md-menu-content.md-menu-bar-menu.md-dense .md-button span {
      -ms-flex-positive: 1;
          flex-grow: 1; }
    md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-item-align: end;
          align-self: flex-end;
      margin: 0 8px; }
  md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
    margin: 8px 0; }
  md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
    text-align: left; }
    [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
      text-align: right; }
  md-menu-content.md-menu-bar-menu.md-dense .md-menu {
    padding: 0; }
    md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
      position: relative;
      margin: 0;
      width: 100%;
      text-transform: none;
      font-weight: normal;
      border-radius: 0px;
      padding-left: 16px; }
      [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
        padding-left: 0;
        padding-right: 16px; }
      md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
        display: block;
        content: '\25BC';
        position: absolute;
        top: 0px;
        speak: none;
        transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
        right: 28px; }
        [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
          transform: rotate(90deg) scaleY(0.45) scaleX(0.9); }
        [dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
          right: auto;
          left: 28px; }

/** Matches "md-tabs md-tabs-wrapper" style. */
.md-nav-bar {
  border-style: solid;
  border-width: 0 0 1px;
  height: 48px;
  position: relative; }

._md-nav-bar-list {
  outline: none;
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }

.md-nav-item:first-of-type {
  margin-left: 8px; }

.md-button._md-nav-button {
  line-height: 24px;
  margin: 0 4px;
  padding: 12px 16px;
  transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1); }
  .md-button._md-nav-button:focus {
    outline: none; }
  .md-button._md-nav-button:hover {
    background-color: inherit; }

md-nav-ink-bar {
  bottom: 0;
  height: 2px;
  left: auto;
  position: absolute;
  right: auto;
  background-color: black; }
  md-nav-ink-bar._md-left {
    transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); }
  md-nav-ink-bar._md-right {
    transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }

md-nav-extra-content {
  min-height: 48px;
  padding-right: 12px; }

.md-panel-outer-wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

._md-panel-hidden {
  display: none; }

._md-panel-fullscreen {
  border-radius: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 0; }

._md-panel-shown .md-panel {
  opacity: 1;
  transition: none; }

.md-panel {
  opacity: 0;
  position: fixed; }
  .md-panel._md-panel-shown {
    opacity: 1;
    transition: none; }
  .md-panel._md-panel-animate-enter {
    opacity: 1;
    transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }
  .md-panel._md-panel-animate-leave {
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); }
  .md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {
    opacity: 0; }
  .md-panel._md-panel-backdrop {
    height: 100%;
    position: absolute;
    width: 100%; }
  .md-panel._md-opaque-enter {
    opacity: .48;
    transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1); }
  .md-panel._md-opaque-leave {
    transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1); }

@keyframes indeterminate-rotate {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

md-progress-circular {
  position: relative;
  display: block; }
  md-progress-circular._md-progress-circular-disabled {
    visibility: hidden; }
  md-progress-circular.md-mode-indeterminate svg {
    animation: indeterminate-rotate 2.9s linear infinite; }
  md-progress-circular svg {
    position: absolute;
    overflow: visible;
    top: 0;
    left: 0; }

md-progress-linear {
  display: block;
  position: relative;
  width: 100%;
  height: 5px;
  padding-top: 0 !important;
  margin-bottom: 0 !important; }
  md-progress-linear._md-progress-linear-disabled {
    visibility: hidden; }
  md-progress-linear .md-container {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 5px;
    transform: translate(0, 0) scale(1, 1); }
    md-progress-linear .md-container .md-bar {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 5px; }
    md-progress-linear .md-container .md-dashed:before {
      content: "";
      display: none;
      position: absolute;
      margin-top: 0;
      height: 5px;
      width: 100%;
      background-color: transparent;
      background-size: 10px 10px !important;
      background-position: 0px -23px; }
    md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 {
      transition: transform 0.2s linear; }
    md-progress-linear .md-container.md-mode-query .md-bar1 {
      display: none; }
    md-progress-linear .md-container.md-mode-query .md-bar2 {
      transition: all 0.2s linear;
      animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); }
    md-progress-linear .md-container.md-mode-determinate .md-bar1 {
      display: none; }
    md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
      animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite; }
    md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
      animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite; }
    md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container {
      animation: none; }
      md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar1 {
        animation-name: none; }
      md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar2 {
        animation-name: none; }
  md-progress-linear .md-container.md-mode-buffer {
    background-color: transparent !important;
    transition: all 0.2s linear; }
    md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
      display: block;
      animation: buffer 3s infinite linear; }

@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1); }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1); } }

@keyframes buffer {
  0% {
    opacity: 1;
    background-position: 0px -23px; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1;
    background-position: -200px -23px; } }

@keyframes md-progress-linear-indeterminate-scale-1 {
  0% {
    transform: scaleX(0.1);
    animation-timing-function: linear; }
  36.6% {
    transform: scaleX(0.1);
    animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
  69.15% {
    transform: scaleX(0.83);
    animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
  100% {
    transform: scaleX(0.1); } }

@keyframes md-progress-linear-indeterminate-1 {
  0% {
    left: -105.16667%;
    animation-timing-function: linear; }
  20% {
    left: -105.16667%;
    animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
  69.15% {
    left: 21.5%;
    animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
  100% {
    left: 95.44444%; } }

@keyframes md-progress-linear-indeterminate-scale-2 {
  0% {
    transform: scaleX(0.1);
    animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
  19.15% {
    transform: scaleX(0.57);
    animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
  44.15% {
    transform: scaleX(0.91);
    animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
  100% {
    transform: scaleX(0.1); } }

@keyframes md-progress-linear-indeterminate-2 {
  0% {
    left: -54.88889%;
    animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
  25% {
    left: -17.25%;
    animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
  48.35% {
    left: 29.5%;
    animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
  100% {
    left: 117.38889%; } }

md-radio-button {
  box-sizing: border-box;
  display: block;
  margin-bottom: 16px;
  white-space: nowrap;
  cursor: pointer;
  position: relative; }
  md-radio-button[disabled] {
    cursor: default; }
    md-radio-button[disabled] .md-container {
      cursor: default; }
  md-radio-button .md-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    left: 0;
    right: auto; }
    [dir=rtl] md-radio-button .md-container {
      left: auto; }
    [dir=rtl] md-radio-button .md-container {
      right: 0; }
    md-radio-button .md-container .md-ripple-container {
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      left: -15px;
      top: -15px;
      right: -15px;
      bottom: -15px; }
    md-radio-button .md-container:before {
      box-sizing: border-box;
      background-color: transparent;
      border-radius: 50%;
      content: '';
      position: absolute;
      display: block;
      height: auto;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transition: all 0.5s;
      width: auto; }
  md-radio-button.md-align-top-left > div.md-container {
    top: 12px; }
  md-radio-button .md-off {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    transition: border-color ease 0.28s; }
  md-radio-button .md-on {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: transform ease 0.28s;
    transform: scale(0); }
  md-radio-button.md-checked .md-on {
    transform: scale(0.5); }
  md-radio-button .md-label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin-left: 30px;
    margin-right: 0;
    vertical-align: middle;
    white-space: normal;
    pointer-events: none;
    width: auto; }
    [dir=rtl] md-radio-button .md-label {
      margin-left: 0; }
    [dir=rtl] md-radio-button .md-label {
      margin-right: 30px; }

md-radio-group {
  /** Layout adjustments for the radio group. */ }
  md-radio-group.layout-column md-radio-button, md-radio-group.layout-xs-column md-radio-button, md-radio-group.layout-gt-xs-column md-radio-button, md-radio-group.layout-sm-column md-radio-button, md-radio-group.layout-gt-sm-column md-radio-button, md-radio-group.layout-md-column md-radio-button, md-radio-group.layout-gt-md-column md-radio-button, md-radio-group.layout-lg-column md-radio-button, md-radio-group.layout-gt-lg-column md-radio-button, md-radio-group.layout-xl-column md-radio-button {
    margin-bottom: 16px; }
  md-radio-group.layout-row md-radio-button, md-radio-group.layout-xs-row md-radio-button, md-radio-group.layout-gt-xs-row md-radio-button, md-radio-group.layout-sm-row md-radio-button, md-radio-group.layout-gt-sm-row md-radio-button, md-radio-group.layout-md-row md-radio-button, md-radio-group.layout-gt-md-row md-radio-button, md-radio-group.layout-lg-row md-radio-button, md-radio-group.layout-gt-lg-row md-radio-button, md-radio-group.layout-xl-row md-radio-button {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 16px; }
    [dir=rtl] md-radio-group.layout-row md-radio-button, [dir=rtl] md-radio-group.layout-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-md-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-md-row md-radio-button, [dir=rtl] md-radio-group.layout-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-xl-row md-radio-button {
      margin-left: 16px; }
    [dir=rtl] md-radio-group.layout-row md-radio-button, [dir=rtl] md-radio-group.layout-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-xs-row md-radio-button, [dir=rtl] md-radio-group.layout-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-sm-row md-radio-button, [dir=rtl] md-radio-group.layout-md-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-md-row md-radio-button, [dir=rtl] md-radio-group.layout-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-gt-lg-row md-radio-button, [dir=rtl] md-radio-group.layout-xl-row md-radio-button {
      margin-right: 0; }
    md-radio-group.layout-row md-radio-button:last-of-type, md-radio-group.layout-xs-row md-radio-button:last-of-type, md-radio-group.layout-gt-xs-row md-radio-button:last-of-type, md-radio-group.layout-sm-row md-radio-button:last-of-type, md-radio-group.layout-gt-sm-row md-radio-button:last-of-type, md-radio-group.layout-md-row md-radio-button:last-of-type, md-radio-group.layout-gt-md-row md-radio-button:last-of-type, md-radio-group.layout-lg-row md-radio-button:last-of-type, md-radio-group.layout-gt-lg-row md-radio-button:last-of-type, md-radio-group.layout-xl-row md-radio-button:last-of-type {
      margin-left: 0;
      margin-right: 0; }
  md-radio-group:focus {
    outline: none; }
  md-radio-group.md-focused .md-checked .md-container:before {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px; }
  md-radio-group[disabled] md-radio-button {
    cursor: default; }
    md-radio-group[disabled] md-radio-button .md-container {
      cursor: default; }

.md-inline-form md-radio-group {
  margin: 18px 0 19px; }
  .md-inline-form md-radio-group md-radio-button {
    display: inline-block;
    height: 30px;
    padding: 2px;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0; }

@media screen and (-ms-high-contrast: active) {
  md-radio-button.md-default-theme .md-on {
    background-color: #fff; } }

md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform-origin: left top; }
  [dir=rtl] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
    transform-origin: right top; }

md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
  transform: translateY(-22px) translateX(-2px) scale(0.75); }

.md-select-menu-container {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 90;
  opacity: 0;
  display: none;
  transform: translateY(-1px); }
  .md-select-menu-container:not(.md-clickable) {
    pointer-events: none; }
  .md-select-menu-container md-progress-circular {
    display: table;
    margin: 24px auto !important; }
  .md-select-menu-container.md-active {
    display: block;
    opacity: 1; }
    .md-select-menu-container.md-active md-select-menu {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-duration: 150ms; }
      .md-select-menu-container.md-active md-select-menu > * {
        opacity: 1;
        transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
        transition-duration: 150ms;
        transition-delay: 100ms; }
  .md-select-menu-container.md-leave {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    transition-duration: 250ms; }

md-input-container > md-select {
  margin: 0;
  -ms-flex-order: 2;
      order: 2; }

md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after, md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after {
  content: ' *';
  font-size: 13px;
  vertical-align: top; }

md-input-container.md-input-invalid md-select .md-select-value {
  border-bottom-style: solid;
  padding-bottom: 1px; }

md-select {
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 26px 0; }
  md-select[required].ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select.ng-required.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after {
    content: ' *';
    font-size: 13px;
    vertical-align: top; }
  md-select[disabled] .md-select-value {
    background-position: 0 bottom;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    margin-bottom: -1px; }
  md-select:focus {
    outline: none; }
  md-select[disabled]:hover {
    cursor: default; }
  md-select:not([disabled]):hover {
    cursor: pointer; }
  md-select:not([disabled]).ng-invalid.ng-touched .md-select-value {
    border-bottom-style: solid;
    padding-bottom: 1px; }
  md-select:not([disabled]):focus .md-select-value {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom: 0; }
  md-select:not([disabled]):focus.ng-invalid.ng-touched .md-select-value {
    padding-bottom: 0; }

md-input-container.md-input-has-value .md-select-value > span:not(.md-select-icon) {
  transform: translate3d(0, 1px, 0); }

.md-select-value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 2px 2px 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  box-sizing: content-box;
  min-width: 64px;
  min-height: 26px;
  -ms-flex-positive: 1;
      flex-grow: 1; }
  .md-select-value > span:not(.md-select-icon) {
    max-width: 100%;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    .md-select-value > span:not(.md-select-icon) .md-text {
      display: inline; }
  .md-select-value .md-select-icon {
    display: block;
    -ms-flex-align: end;
        align-items: flex-end;
    text-align: end;
    width: 24px;
    margin: 0 4px;
    transform: translate3d(0, -2px, 0);
    font-size: 1.2rem; }
  .md-select-value .md-select-icon:after {
    display: block;
    content: '\25BC';
    position: relative;
    top: 2px;
    speak: none;
    font-size: 13px;
    transform: scaleY(0.5) scaleX(1); }
  .md-select-value.md-select-placeholder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-order: 1;
        order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 2px;
    z-index: 1; }

md-select-menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  max-height: 256px;
  min-height: 48px;
  overflow-y: hidden;
  transform-origin: left top;
  transform: scale(1); }
  md-select-menu.md-reverse {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
  md-select-menu:not(.md-overflow) md-content {
    padding-top: 8px;
    padding-bottom: 8px; }
  [dir=rtl] md-select-menu {
    transform-origin: right top; }
  md-select-menu md-content {
    min-width: 136px;
    min-height: 48px;
    max-height: 256px;
    overflow-y: auto; }
  md-select-menu > * {
    opacity: 0; }

md-option {
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: auto;
  transition: background 0.15s linear;
  padding: 0 16px 0 16px;
  height: 48px; }
  md-option[disabled] {
    cursor: default; }
  md-option:focus {
    outline: none; }
  md-option .md-text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

md-optgroup {
  display: block; }
  md-optgroup label {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    padding: 16px;
    font-weight: 500; }
  md-optgroup md-option {
    padding-left: 32px;
    padding-right: 32px; }

@media screen and (-ms-high-contrast: active) {
  .md-select-backdrop {
    background-color: transparent; }
  md-select-menu {
    border: 1px solid #fff; } }

md-select-menu[multiple] md-option.md-checkbox-enabled {
  padding-left: 40px;
  padding-right: 16px; }
  [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
    padding-left: 16px; }
  [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled {
    padding-right: 40px; }
  md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 0;
    right: auto; }
    [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
      left: auto; }
    [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
      right: 0; }
    md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:before {
      box-sizing: border-box;
      background-color: transparent;
      border-radius: 50%;
      content: '';
      position: absolute;
      display: block;
      height: auto;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transition: all 0.5s;
      width: auto; }
    md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after {
      box-sizing: border-box;
      content: '';
      position: absolute;
      top: -10px;
      right: -10px;
      bottom: -10px;
      left: -10px; }
    md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container {
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      left: -15px;
      top: -15px;
      right: -15px;
      bottom: -15px; }
  md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
    box-sizing: border-box;
    transition: 240ms;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px; }
  md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
    border-color: transparent; }
    md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after {
      box-sizing: border-box;
      transform: rotate(45deg);
      position: absolute;
      left: 4.66667px;
      top: 0.22222px;
      display: table;
      width: 6.66667px;
      height: 13.33333px;
      border-width: 2px;
      border-style: solid;
      border-top: 0;
      border-left: 0;
      content: ''; }
  md-select-menu[multiple] md-option.md-checkbox-enabled[disabled] {
    cursor: default; }
  md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: table;
    width: 12px;
    height: 2px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: ''; }
  md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
    margin-left: 10.66667px;
    margin-right: auto; }
    [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
      margin-left: auto; }
    [dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container {
      margin-right: 10.66667px; }

md-sidenav {
  box-sizing: border-box;
  position: absolute;
  -ms-flex-direction: column;
      flex-direction: column;
  z-index: 60;
  width: 260px;
  max-width: 260px;
  bottom: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  md-sidenav ul {
    list-style: none; }
  md-sidenav.md-closed {
    display: none; }
  md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
    display: -ms-flexbox;
    display: flex;
    transition: 0.2s ease-in all; }
  md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
    position: static;
    display: -ms-flexbox;
    display: flex;
    transform: translate3d(0, 0, 0); }
  md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-right, md-sidenav.md-locked-open-remove.md-closed {
    position: static;
    display: -ms-flexbox;
    display: flex;
    transform: translate3d(0, 0, 0); }
  md-sidenav.md-locked-open-remove-active {
    transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    width: 0 !important;
    min-width: 0 !important; }
  md-sidenav.md-closed.md-locked-open-add {
    width: 0 !important;
    min-width: 0 !important;
    transform: translate3d(0%, 0, 0); }
  md-sidenav.md-closed.md-locked-open-add-active {
    transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    width: 260px;
    min-width: 260px;
    transform: translate3d(0%, 0, 0); }

.md-sidenav-backdrop.md-locked-open {
  display: none; }

.md-sidenav-left, md-sidenav {
  left: 0;
  top: 0;
  transform: translate3d(0%, 0, 0); }
  .md-sidenav-left.md-closed, md-sidenav.md-closed {
    transform: translate3d(-100%, 0, 0); }

.md-sidenav-right {
  left: 100%;
  top: 0;
  transform: translate(-100%, 0); }
  .md-sidenav-right.md-closed {
    transform: translate(0%, 0); }

@media (min-width: 600px) {
  md-sidenav {
    max-width: 300px; } }

@media (max-width: 356px) {
  md-sidenav {
    width: calc(100% - 56px);
    min-width: calc(100% - 56px);
    max-width: calc(100% - 56px); } }

@media screen and (-ms-high-contrast: active) {
  .md-sidenav-left, md-sidenav {
    border-right: 1px solid #fff; }
  .md-sidenav-right {
    border-left: 1px solid #fff; } }

@keyframes sliderFocusThumb {
  0% {
    transform: scale(0.7); }
  30% {
    transform: scale(1); }
  100% {
    transform: scale(0.7); } }

@keyframes sliderDiscreteFocusThumb {
  0% {
    transform: scale(0.7); }
  50% {
    transform: scale(0.8); }
  100% {
    transform: scale(0); } }

@keyframes sliderDiscreteFocusRing {
  0% {
    transform: scale(0.7);
    opacity: 0; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0); } }

md-slider {
  height: 48px;
  min-width: 128px;
  position: relative;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0;
  display: block;
  -ms-flex-direction: row;
      flex-direction: row;
  /**
   * Track
   */
  /**
   * Slider thumb
   */
  /* The sign that's focused in discrete mode */
  /**
   * The border/background that comes in when focused in non-discrete mode
   */
  /* Don't animate left/right while panning */ }
  md-slider *, md-slider *:after {
    box-sizing: border-box; }
  md-slider .md-slider-wrapper {
    outline: none;
    width: 100%;
    height: 100%; }
  md-slider .md-slider-content {
    position: relative; }
  md-slider .md-track-container {
    width: 100%;
    position: absolute;
    top: 23px;
    height: 2px; }
  md-slider .md-track {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%; }
  md-slider .md-track-fill {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: width, height; }
  md-slider .md-track-ticks {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%; }
  md-slider .md-track-ticks canvas {
    width: 100%;
    height: 100%; }
  md-slider .md-thumb-container {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: left, right, bottom; }
    [dir=rtl] md-slider .md-thumb-container {
      left: auto;
      right: 0; }
  md-slider .md-thumb {
    z-index: 1;
    position: absolute;
    left: -10px;
    top: 14px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    transform: scale(0.7);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
    [dir=rtl] md-slider .md-thumb {
      left: auto;
      right: -10px; }
    md-slider .md-thumb:after {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 20px;
      border-width: 3px;
      border-style: solid;
      transition: inherit; }
  md-slider .md-sign {
    /* Center the children (slider-thumb-text) */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    position: absolute;
    left: -14px;
    top: -17px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    transform: scale(0.4) translate3d(0, 67.5px, 0);
    transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
    /* The arrow pointing down under the sign */ }
    md-slider .md-sign:after {
      position: absolute;
      content: '';
      left: 0px;
      border-radius: 16px;
      top: 19px;
      border-left: 14px solid transparent;
      border-right: 14px solid transparent;
      border-top-width: 16px;
      border-top-style: solid;
      opacity: 0;
      transform: translate3d(0, -8px, 0);
      transition: all 0.2s cubic-bezier(0.35, 0, 0.25, 1); }
      [dir=rtl] md-slider .md-sign:after {
        left: auto;
        right: 0px; }
    md-slider .md-sign .md-thumb-text {
      z-index: 1;
      font-size: 12px;
      font-weight: bold; }
  md-slider .md-focus-ring {
    position: absolute;
    left: -17px;
    top: 7px;
    width: 34px;
    height: 34px;
    border-radius: 34px;
    transform: scale(0.7);
    opacity: 0;
    transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1); }
    [dir=rtl] md-slider .md-focus-ring {
      left: auto;
      right: -17px; }
  md-slider .md-disabled-thumb {
    position: absolute;
    left: -14px;
    top: 10px;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    transform: scale(0.5);
    border-width: 4px;
    border-style: solid;
    display: none; }
    [dir=rtl] md-slider .md-disabled-thumb {
      left: auto;
      right: -14px; }
  md-slider.md-min .md-sign {
    opacity: 0; }
  md-slider:focus {
    outline: none; }
  md-slider.md-dragging .md-thumb-container,
  md-slider.md-dragging .md-track-fill {
    transition: none; }
  md-slider:not([md-discrete]) {
    /* Hide the sign and ticks in non-discrete mode */ }
    md-slider:not([md-discrete]) .md-track-ticks,
    md-slider:not([md-discrete]) .md-sign {
      display: none; }
    md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper .md-thumb:hover {
      transform: scale(0.8); }
    md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
      transform: scale(1);
      opacity: 1; }
    md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
      animation: sliderFocusThumb 0.7s cubic-bezier(0.35, 0, 0.25, 1); }
    md-slider:not([md-discrete]):not([disabled]).md-active .md-slider-wrapper .md-thumb {
      transform: scale(1); }
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring {
    transform: scale(0);
    animation: sliderDiscreteFocusRing 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb {
    animation: sliderDiscreteFocusThumb 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb, md-slider[md-discrete]:not([disabled]).md-active .md-thumb {
    transform: scale(0); }
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign,
  md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign:after, md-slider[md-discrete]:not([disabled]).md-active .md-sign,
  md-slider[md-discrete]:not([disabled]).md-active .md-sign:after {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1); }
  md-slider[md-discrete][disabled][readonly] .md-thumb {
    transform: scale(0); }
  md-slider[md-discrete][disabled][readonly] .md-sign,
  md-slider[md-discrete][disabled][readonly] .md-sign:after {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1); }
  md-slider[disabled] .md-track-fill {
    display: none; }
  md-slider[disabled] .md-track-ticks {
    opacity: 0; }
  md-slider[disabled]:not([readonly]) .md-sign {
    opacity: 0; }
  md-slider[disabled] .md-thumb {
    transform: scale(0.5); }
  md-slider[disabled] .md-disabled-thumb {
    display: block; }
  md-slider[md-vertical] {
    -ms-flex-direction: column;
        flex-direction: column;
    min-height: 128px;
    min-width: 0; }
    md-slider[md-vertical] .md-slider-wrapper {
      -ms-flex: 1;
          flex: 1;
      padding-top: 12px;
      padding-bottom: 12px;
      width: 48px;
      -ms-flex-item-align: center;
          align-self: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center; }
    md-slider[md-vertical] .md-track-container {
      height: 100%;
      width: 2px;
      top: 0;
      left: calc(50% - (2px / 2)); }
    md-slider[md-vertical] .md-thumb-container {
      top: auto;
      margin-bottom: 23px;
      left: calc(50% - 1px);
      bottom: 0; }
      md-slider[md-vertical] .md-thumb-container .md-thumb:after {
        left: 1px; }
      md-slider[md-vertical] .md-thumb-container .md-focus-ring {
        left: -16px; }
    md-slider[md-vertical] .md-track-fill {
      bottom: 0; }
    md-slider[md-vertical][md-discrete] .md-sign {
      left: -40px;
      top: 9.5px;
      transform: scale(0.4) translate3d(67.5px, 0, 0);
      /* The arrow pointing left next the sign */ }
      md-slider[md-vertical][md-discrete] .md-sign:after {
        top: 9.5px;
        left: 19px;
        border-top: 14px solid transparent;
        border-right: 0;
        border-bottom: 14px solid transparent;
        border-left-width: 16px;
        border-left-style: solid;
        opacity: 0;
        transform: translate3d(0, -8px, 0);
        transition: all 0.2s ease-in-out; }
      md-slider[md-vertical][md-discrete] .md-sign .md-thumb-text {
        z-index: 1;
        font-size: 12px;
        font-weight: bold; }
    md-slider[md-vertical][md-discrete].md-active .md-sign:after,
    md-slider[md-vertical][md-discrete] .md-focused .md-sign:after, md-slider[md-vertical][md-discrete][disabled][readonly] .md-sign:after {
      top: 0; }
    md-slider[md-vertical][disabled][readonly] .md-thumb {
      transform: scale(0); }
    md-slider[md-vertical][disabled][readonly] .md-sign,
    md-slider[md-vertical][disabled][readonly] .md-sign:after {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1); }
  md-slider[md-invert]:not([md-vertical]) .md-track-fill {
    left: auto;
    right: 0; }
    [dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
      left: 0; }
    [dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill {
      right: auto; }
  md-slider[md-invert][md-vertical] .md-track-fill {
    bottom: auto;
    top: 0; }

md-slider-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row; }
  md-slider-container > *:first-child:not(md-slider),
  md-slider-container > *:last-child:not(md-slider) {
    min-width: 25px;
    max-width: 42px;
    height: 25px;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-property: color, max-width; }
  md-slider-container > *:first-child:not(md-slider) {
    margin-right: 16px; }
    [dir=rtl] md-slider-container > *:first-child:not(md-slider) {
      margin-right: auto;
      margin-left: 16px; }
  md-slider-container > *:last-child:not(md-slider) {
    margin-left: 16px; }
    [dir=rtl] md-slider-container > *:last-child:not(md-slider) {
      margin-left: auto;
      margin-right: 16px; }
  md-slider-container[md-vertical] {
    -ms-flex-direction: column;
        flex-direction: column; }
    md-slider-container[md-vertical] > *:first-child:not(md-slider),
    md-slider-container[md-vertical] > *:last-child:not(md-slider) {
      margin-right: 0;
      margin-left: 0;
      text-align: center; }
  md-slider-container md-input-container input[type="number"] {
    text-align: center;
    padding-left: 15px;
    height: 50px;
    margin-top: -25px; }
    [dir=rtl] md-slider-container md-input-container input[type="number"] {
      padding-left: 0;
      padding-right: 15px; }

@media screen and (-ms-high-contrast: active) {
  md-slider.md-default-theme .md-track {
    border-bottom: 1px solid #fff; } }

.md-sticky-clone {
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  position: absolute !important;
  transform: translate3d(-9999px, -9999px, 0); }
  .md-sticky-clone[sticky-state="active"] {
    transform: translate3d(0, 0, 0); }
    .md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect) .md-subheader-inner {
      animation: subheaderStickyHoverIn 0.3s ease-out both; }

@keyframes subheaderStickyHoverIn {
  0% {
    box-shadow: 0 0 0 0 transparent; }
  100% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }

@keyframes subheaderStickyHoverOut {
  0% {
    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
  100% {
    box-shadow: 0 0 0 0 transparent; } }

.md-subheader-wrapper:not(.md-sticky-no-effect) {
  transition: 0.2s ease-out margin; }
  .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
    margin: 0; }
  .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
    z-index: 2; }
  .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
    margin-top: -2px; }
  .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
    animation: subheaderStickyHoverOut 0.3s ease-out both; }

.md-subheader {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  margin: 0 0 0 0;
  position: relative; }
  .md-subheader .md-subheader-inner {
    display: block;
    padding: 16px; }
  .md-subheader .md-subheader-content {
    display: block;
    z-index: 1;
    position: relative; }

.md-inline-form md-switch {
  margin-top: 18px;
  margin-bottom: 19px; }

md-switch {
  margin: 16px 0;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 30px;
  line-height: 28px;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  margin-left: inherit;
  margin-right: 16px; }
  [dir=rtl] md-switch {
    margin-left: 16px; }
  [dir=rtl] md-switch {
    margin-right: inherit; }
  md-switch:last-of-type {
    margin-left: inherit;
    margin-right: 0; }
    [dir=rtl] md-switch:last-of-type {
      margin-left: 0; }
    [dir=rtl] md-switch:last-of-type {
      margin-right: inherit; }
  md-switch[disabled] {
    cursor: default; }
    md-switch[disabled] .md-container {
      cursor: default; }
  md-switch .md-container {
    cursor: grab;
    width: 36px;
    height: 24px;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    margin-right: 8px;
    float: left; }
    [dir=rtl] md-switch .md-container {
      margin-right: auto;
      margin-left: 8px; }
  md-switch:not([disabled]) .md-dragging,
  md-switch:not([disabled]).md-dragging .md-container {
    cursor: grabbing; }
  md-switch.md-focused:not([disabled]) .md-thumb:before {
    left: -8px;
    top: -8px;
    right: -8px;
    bottom: -8px; }
  md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
    background-color: rgba(0, 0, 0, 0.12); }
  md-switch .md-label {
    border-color: transparent;
    border-width: 0;
    float: left; }
  md-switch .md-bar {
    left: 1px;
    width: 34px;
    top: 5px;
    height: 14px;
    border-radius: 8px;
    position: absolute; }
  md-switch .md-thumb-container {
    top: 2px;
    left: 0;
    width: 16px;
    position: absolute;
    transform: translate3d(0, 0, 0);
    z-index: 1; }
  md-switch.md-checked .md-thumb-container {
    transform: translate3d(100%, 0, 0); }
  md-switch .md-thumb {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    outline: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
    md-switch .md-thumb:before {
      background-color: transparent;
      border-radius: 50%;
      content: '';
      position: absolute;
      display: block;
      height: auto;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      transition: all 0.5s;
      width: auto; }
    md-switch .md-thumb .md-ripple-container {
      position: absolute;
      display: block;
      width: auto;
      height: auto;
      left: -20px;
      top: -20px;
      right: -20px;
      bottom: -20px; }
  md-switch:not(.md-dragging) .md-bar,
  md-switch:not(.md-dragging) .md-thumb-container,
  md-switch:not(.md-dragging) .md-thumb {
    transition: all 0.08s linear;
    transition-property: transform, background-color; }
  md-switch:not(.md-dragging) .md-bar,
  md-switch:not(.md-dragging) .md-thumb {
    transition-delay: 0.05s; }

@media screen and (-ms-high-contrast: active) {
  md-switch.md-default-theme .md-bar {
    background-color: #666; }
  md-switch.md-default-theme.md-checked .md-bar {
    background-color: #9E9E9E; }
  md-switch.md-default-theme .md-thumb {
    background-color: #fff; } }

@keyframes md-tab-content-hide {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

md-tab-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0; }

md-tabs {
  display: block;
  margin: 0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    min-height: 248px; }
  md-tabs[md-align-tabs="bottom"] {
    padding-bottom: 48px; }
    md-tabs[md-align-tabs="bottom"] md-tabs-wrapper {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 48px;
      z-index: 2; }
    md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper {
      top: 0;
      bottom: 48px; }
  md-tabs.md-dynamic-height md-tabs-content-wrapper {
    min-height: 0;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    overflow: visible; }
  md-tabs.md-dynamic-height md-tab-content.md-active {
    position: relative; }
  md-tabs[md-border-bottom] md-tabs-wrapper {
    border-width: 0 0 1px;
    border-style: solid; }
  md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
    top: 49px; }

md-tabs-wrapper {
  display: block;
  position: relative;
  transform: translate3d(0, 0, 0); }
  md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
    height: 100%;
    width: 32px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1em;
    z-index: 2;
    cursor: pointer;
    font-size: 16px;
    background: transparent no-repeat center center;
    transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
    md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
      outline: none; }
    md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
      opacity: 0.25;
      cursor: default; }
    md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
      transition: none; }
    md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0); }
  md-tabs-wrapper md-prev-button {
    left: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=="); }
    [dir=rtl] md-tabs-wrapper md-prev-button {
      left: auto;
      right: 0; }
  md-tabs-wrapper md-next-button {
    right: 0;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K"); }
    [dir=rtl] md-tabs-wrapper md-next-button {
      right: auto;
      left: 0; }
    md-tabs-wrapper md-next-button md-icon {
      transform: translate3d(-50%, -50%, 0) rotate(180deg); }
  md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
    md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
      -ms-flex-positive: 1;
          flex-grow: 1; }

md-tabs-canvas {
  position: relative;
  overflow: hidden;
  display: block;
  height: 48px; }
  md-tabs-canvas:after {
    content: '';
    display: table;
    clear: both; }
  md-tabs-canvas .md-dummy-wrapper {
    position: absolute;
    top: 0;
    left: 0; }
    [dir=rtl] md-tabs-canvas .md-dummy-wrapper {
      left: auto;
      right: 0; }
  md-tabs-canvas.md-paginated {
    margin: 0 32px; }
  md-tabs-canvas.md-center-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    text-align: center; }
    md-tabs-canvas.md-center-tabs .md-tab {
      float: none;
      display: inline-block; }

md-pagination-wrapper {
  height: 48px;
  display: block;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  position: absolute;
  width: 999999px;
  left: 0;
  transform: translate3d(0, 0, 0); }
  md-pagination-wrapper:after {
    content: '';
    display: table;
    clear: both; }
  [dir=rtl] md-pagination-wrapper {
    left: auto;
    right: 0; }
  md-pagination-wrapper.md-center-tabs {
    position: relative;
    width: auto;
    margin: 0 auto; }

md-tabs-content-wrapper {
  display: block;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }

md-tab-content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
  overflow: auto;
  transform: translate3d(0, 0, 0); }
  md-tab-content.md-no-scroll {
    bottom: auto;
    overflow: hidden; }
  md-tab-content.ng-leave, md-tab-content.md-no-transition {
    transition: none; }
  md-tab-content.md-left:not(.md-active) {
    transform: translateX(-100%);
    animation: 1s md-tab-content-hide;
    opacity: 0; }
    [dir=rtl] md-tab-content.md-left:not(.md-active) {
      transform: translateX(100%); }
    md-tab-content.md-left:not(.md-active) * {
      transition: visibility 0s linear;
      transition-delay: 0.5s;
      visibility: hidden; }
  md-tab-content.md-right:not(.md-active) {
    transform: translateX(100%);
    animation: 1s md-tab-content-hide;
    opacity: 0; }
    [dir=rtl] md-tab-content.md-right:not(.md-active) {
      transform: translateX(-100%); }
    md-tab-content.md-right:not(.md-active) * {
      transition: visibility 0s linear;
      transition-delay: 0.5s;
      visibility: hidden; }
  md-tab-content > div.ng-leave {
    animation: 1s md-tab-content-hide; }

md-ink-bar {
  position: absolute;
  left: auto;
  right: auto;
  bottom: 0;
  height: 2px; }
  md-ink-bar.md-left {
    transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); }
  md-ink-bar.md-right {
    transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }

md-tab {
  position: absolute;
  z-index: -1;
  left: -9999px; }

.md-tab {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  padding: 12px 24px;
  transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  text-transform: uppercase;
  float: left;
  font-weight: 500;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis; }
  [dir=rtl] .md-tab {
    float: right; }
  .md-tab.md-focused {
    box-shadow: none;
    outline: none; }
  .md-tab.md-active {
    cursor: default; }
  .md-tab.md-disabled {
    pointer-events: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-user-drag: none;
    opacity: 0.5;
    cursor: default; }
  .md-tab.ng-leave {
    transition: none; }

md-toolbar + md-tabs {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.md-toast-text {
  padding: 0 6px; }

md-toast {
  position: absolute;
  z-index: 105;
  box-sizing: border-box;
  cursor: default;
  overflow: hidden;
  padding: 8px;
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  /* Transition differently when swiping */
  /*
   * When the toast doesn't take up the whole screen,
   * make it rotate when the user swipes it away
   */ }
  md-toast .md-toast-content {
    display: -ms-flexbox;
    display: flex;
    direction: row;
    -ms-flex-align: center;
        align-items: center;
    max-height: 168px;
    max-width: 100%;
    min-height: 48px;
    padding: 0 18px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    border-radius: 2px;
    font-size: 14px;
    overflow: hidden;
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -ms-flex-pack: start;
        justify-content: flex-start; }
    md-toast .md-toast-content::before {
      content: '';
      min-height: 48px;
      visibility: hidden;
      display: inline-block; }
    [dir=rtl] md-toast .md-toast-content {
      -ms-flex-pack: end;
          justify-content: flex-end; }
    md-toast .md-toast-content span {
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
      box-sizing: border-box;
      min-width: 0; }
  md-toast.md-capsule {
    border-radius: 24px; }
    md-toast.md-capsule .md-toast-content {
      border-radius: 24px; }
  md-toast.ng-leave-active .md-toast-content {
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-toast.md-swipeleft .md-toast-content, md-toast.md-swiperight .md-toast-content, md-toast.md-swipeup .md-toast-content, md-toast.md-swipedown .md-toast-content {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
  md-toast.ng-enter {
    opacity: 0; }
    md-toast.ng-enter .md-toast-content {
      transform: translate3d(0, 100%, 0); }
    md-toast.ng-enter.md-top .md-toast-content {
      transform: translate3d(0, -100%, 0); }
    md-toast.ng-enter.ng-enter-active {
      opacity: 1; }
      md-toast.ng-enter.ng-enter-active .md-toast-content {
        transform: translate3d(0, 0, 0); }
  md-toast.ng-leave.ng-leave-active .md-toast-content {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
    transform: translate3d(0, -50%, 0); }
  md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
    transform: translate3d(0, 50%, 0); }
  md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
    transform: translate3d(0, -100%, 0); }
  md-toast .md-action {
    line-height: 19px;
    margin-left: 24px;
    margin-right: 0;
    cursor: pointer;
    text-transform: uppercase;
    float: right; }
  md-toast .md-button {
    min-width: 0;
    margin-right: 0;
    margin-left: 12px; }
    [dir=rtl] md-toast .md-button {
      margin-right: 12px; }
    [dir=rtl] md-toast .md-button {
      margin-left: 0; }

@media (max-width: 959px) {
  md-toast {
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border-radius: 0;
    bottom: 0;
    padding: 0; }
    md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
      transform: translate3d(0, -50%, 0); }
    md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
      transform: translate3d(0, 50%, 0); } }

@media (min-width: 960px) {
  md-toast {
    min-width: 304px;
    /*
   * When the toast doesn't take up the whole screen,
   * make it rotate when the user swipes it away
   */ }
    md-toast.md-bottom {
      bottom: 0; }
    md-toast.md-left {
      left: 0; }
    md-toast.md-right {
      right: 0; }
    md-toast.md-top {
      top: 0; }
    md-toast._md-start {
      left: 0; }
      [dir=rtl] md-toast._md-start {
        left: auto;
        right: 0; }
    md-toast._md-end {
      right: 0; }
      [dir=rtl] md-toast._md-end {
        right: auto;
        left: 0; }
    md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
      transform: translate3d(-50%, 0, 0); }
    md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
      transform: translate3d(50%, 0, 0); } }

@media (min-width: 1920px) {
  md-toast .md-toast-content {
    max-width: 568px; } }

@media screen and (-ms-high-contrast: active) {
  md-toast {
    border: 1px solid #fff; } }

.md-toast-animating {
  overflow: hidden !important; }

md-toolbar {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  min-height: 64px;
  width: 100%; }
  md-toolbar._md-toolbar-transitions {
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
    transition-property: background-color, fill, color; }
  md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
    transition: box-shadow 0.5s linear; }
  md-toolbar md-toolbar-filler {
    width: 72px; }
  md-toolbar *,
  md-toolbar *:before,
  md-toolbar *:after {
    box-sizing: border-box; }
  md-toolbar.ng-animate {
    transition: none; }
  md-toolbar.md-tall {
    height: 128px;
    min-height: 128px;
    max-height: 128px; }
  md-toolbar.md-medium-tall {
    height: 88px;
    min-height: 88px;
    max-height: 88px; }
    md-toolbar.md-medium-tall .md-toolbar-tools {
      height: 48px;
      min-height: 48px;
      max-height: 48px; }
  md-toolbar > .md-indent {
    margin-left: 64px; }
    [dir=rtl] md-toolbar > .md-indent {
      margin-left: auto;
      margin-right: 64px; }
  md-toolbar ~ md-content > md-list {
    padding: 0; }
    md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
      display: none; }

.md-toolbar-tools {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
  height: 64px;
  max-height: 64px;
  padding: 0 16px;
  margin: 0; }
  .md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
    font-size: inherit;
    font-weight: inherit;
    margin: inherit; }
  .md-toolbar-tools a {
    color: inherit;
    text-decoration: none; }
  .md-toolbar-tools .fill-height {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .md-toolbar-tools .md-button {
    margin-top: 0;
    margin-bottom: 0; }
    .md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
      transition-duration: 0.5s;
      transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
      transition-property: background-color, fill, color; }
      .md-toolbar-tools .md-button.ng-animate, .md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate {
        transition: none; }
  .md-toolbar-tools > .md-button:first-child {
    margin-left: -8px; }
    [dir=rtl] .md-toolbar-tools > .md-button:first-child {
      margin-left: auto;
      margin-right: -8px; }
  .md-toolbar-tools > .md-button:last-child {
    margin-right: -8px; }
    [dir=rtl] .md-toolbar-tools > .md-button:last-child {
      margin-right: auto;
      margin-left: -8px; }
  .md-toolbar-tools > md-menu:last-child {
    margin-right: -8px; }
    [dir=rtl] .md-toolbar-tools > md-menu:last-child {
      margin-right: auto;
      margin-left: -8px; }
    .md-toolbar-tools > md-menu:last-child > .md-button {
      margin-right: 0; }
      [dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
        margin-right: auto;
        margin-left: 0; }
  @media screen and (-ms-high-contrast: active) {
    .md-toolbar-tools {
      border-bottom: 1px solid #fff; } }

@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  md-toolbar {
    min-height: 56px; }
  .md-toolbar-tools {
    height: 56px;
    max-height: 56px; } }

@media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
  md-toolbar {
    min-height: 48px; }
  .md-toolbar-tools {
    height: 48px;
    max-height: 48px; } }

md-tooltip {
  position: absolute;
  z-index: 100;
  overflow: hidden;
  pointer-events: none;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px; }
  @media (min-width: 960px) {
    md-tooltip {
      font-size: 10px; } }
  md-tooltip .md-content {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: center top;
    transform: scale(0);
    opacity: 0;
    height: 32px;
    line-height: 32px;
    padding-left: 16px;
    padding-right: 16px; }
    @media (min-width: 960px) {
      md-tooltip .md-content {
        height: 22px;
        line-height: 22px;
        padding-left: 8px;
        padding-right: 8px; } }
    md-tooltip .md-content.md-show-add {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-duration: .2s;
      transform: scale(0);
      opacity: 0; }
    md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
      transform: scale(1);
      opacity: 0.9;
      transform-origin: center top; }
    md-tooltip .md-content.md-show-remove {
      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      transition-duration: .2s; }
      md-tooltip .md-content.md-show-remove.md-show-remove-active {
        transform: scale(0);
        opacity: 0; }
  md-tooltip.md-hide {
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
  md-tooltip.md-show {
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    pointer-events: auto; }

.md-virtual-repeat-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative; }
  .md-virtual-repeat-container .md-virtual-repeat-scroller {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-overflow-scrolling: touch; }
  .md-virtual-repeat-container .md-virtual-repeat-sizer {
    box-sizing: border-box;
    height: 1px;
    display: block;
    margin: 0;
    padding: 0;
    width: 1px; }
  .md-virtual-repeat-container .md-virtual-repeat-offsetter {
    box-sizing: border-box;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0; }

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
  overflow-x: auto;
  overflow-y: hidden; }

.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
  bottom: 16px;
  right: auto;
  white-space: nowrap; }
  [dir=rtl] .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
    right: auto;
    left: auto; }

.md-whiteframe-1dp, .md-whiteframe-z1 {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }

.md-whiteframe-2dp {
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); }

.md-whiteframe-3dp {
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12); }

.md-whiteframe-4dp, .md-whiteframe-z2 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }

.md-whiteframe-5dp {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }

.md-whiteframe-6dp {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }

.md-whiteframe-7dp, .md-whiteframe-z3 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }

.md-whiteframe-8dp {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }

.md-whiteframe-9dp {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }

.md-whiteframe-10dp, .md-whiteframe-z4 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }

.md-whiteframe-11dp {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }

.md-whiteframe-12dp {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }

.md-whiteframe-13dp, .md-whiteframe-z5 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }

.md-whiteframe-14dp {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }

.md-whiteframe-15dp {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }

.md-whiteframe-16dp {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }

.md-whiteframe-17dp {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }

.md-whiteframe-18dp {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }

.md-whiteframe-19dp {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }

.md-whiteframe-20dp {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }

.md-whiteframe-21dp {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }

.md-whiteframe-22dp {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }

.md-whiteframe-23dp {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }

.md-whiteframe-24dp {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }

@media screen and (-ms-high-contrast: active) {
  md-whiteframe {
    border: 1px solid #fff; } }

@media print {
  md-whiteframe, [md-whiteframe] {
    background-color: #ffffff; } }

/*
* Since Layout API uses ng-cloak to hide the dom elements while layouts are adjusted
*
*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

/*
*
*  Responsive attributes
*
*  References:
*  1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
*  2) https://css-tricks.com/almanac/properties/f/flex/
*  3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
*  4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
*  5) http://godban.com.ua/projects/flexgrid
*
*
*/
@-moz-document url-prefix() {
  .layout-fill {
    margin: 0;
    width: 100%;
    min-height: 100%;
    height: 100%; } }

/*
 *  Apply Mixins to create Layout/Flexbox styles
 *
 */
.flex-order {
  -ms-flex-order: 0;
      order: 0; }

.flex-order--20 {
  -ms-flex-order: -20;
      order: -20; }

.flex-order--19 {
  -ms-flex-order: -19;
      order: -19; }

.flex-order--18 {
  -ms-flex-order: -18;
      order: -18; }

.flex-order--17 {
  -ms-flex-order: -17;
      order: -17; }

.flex-order--16 {
  -ms-flex-order: -16;
      order: -16; }

.flex-order--15 {
  -ms-flex-order: -15;
      order: -15; }

.flex-order--14 {
  -ms-flex-order: -14;
      order: -14; }

.flex-order--13 {
  -ms-flex-order: -13;
      order: -13; }

.flex-order--12 {
  -ms-flex-order: -12;
      order: -12; }

.flex-order--11 {
  -ms-flex-order: -11;
      order: -11; }

.flex-order--10 {
  -ms-flex-order: -10;
      order: -10; }

.flex-order--9 {
  -ms-flex-order: -9;
      order: -9; }

.flex-order--8 {
  -ms-flex-order: -8;
      order: -8; }

.flex-order--7 {
  -ms-flex-order: -7;
      order: -7; }

.flex-order--6 {
  -ms-flex-order: -6;
      order: -6; }

.flex-order--5 {
  -ms-flex-order: -5;
      order: -5; }

.flex-order--4 {
  -ms-flex-order: -4;
      order: -4; }

.flex-order--3 {
  -ms-flex-order: -3;
      order: -3; }

.flex-order--2 {
  -ms-flex-order: -2;
      order: -2; }

.flex-order--1 {
  -ms-flex-order: -1;
      order: -1; }

.flex-order-0 {
  -ms-flex-order: 0;
      order: 0; }

.flex-order-1 {
  -ms-flex-order: 1;
      order: 1; }

.flex-order-2 {
  -ms-flex-order: 2;
      order: 2; }

.flex-order-3 {
  -ms-flex-order: 3;
      order: 3; }

.flex-order-4 {
  -ms-flex-order: 4;
      order: 4; }

.flex-order-5 {
  -ms-flex-order: 5;
      order: 5; }

.flex-order-6 {
  -ms-flex-order: 6;
      order: 6; }

.flex-order-7 {
  -ms-flex-order: 7;
      order: 7; }

.flex-order-8 {
  -ms-flex-order: 8;
      order: 8; }

.flex-order-9 {
  -ms-flex-order: 9;
      order: 9; }

.flex-order-10 {
  -ms-flex-order: 10;
      order: 10; }

.flex-order-11 {
  -ms-flex-order: 11;
      order: 11; }

.flex-order-12 {
  -ms-flex-order: 12;
      order: 12; }

.flex-order-13 {
  -ms-flex-order: 13;
      order: 13; }

.flex-order-14 {
  -ms-flex-order: 14;
      order: 14; }

.flex-order-15 {
  -ms-flex-order: 15;
      order: 15; }

.flex-order-16 {
  -ms-flex-order: 16;
      order: 16; }

.flex-order-17 {
  -ms-flex-order: 17;
      order: 17; }

.flex-order-18 {
  -ms-flex-order: 18;
      order: 18; }

.flex-order-19 {
  -ms-flex-order: 19;
      order: 19; }

.flex-order-20 {
  -ms-flex-order: 20;
      order: 20; }

.offset-0, .flex-offset-0 {
  margin-left: 0; }
  [dir=rtl] .offset-0, [dir=rtl] .flex-offset-0 {
    margin-left: auto;
    margin-right: 0; }

.offset-5, .flex-offset-5 {
  margin-left: 5%; }
  [dir=rtl] .offset-5, [dir=rtl] .flex-offset-5 {
    margin-left: auto;
    margin-right: 5%; }

.offset-10, .flex-offset-10 {
  margin-left: 10%; }
  [dir=rtl] .offset-10, [dir=rtl] .flex-offset-10 {
    margin-left: auto;
    margin-right: 10%; }

.offset-15, .flex-offset-15 {
  margin-left: 15%; }
  [dir=rtl] .offset-15, [dir=rtl] .flex-offset-15 {
    margin-left: auto;
    margin-right: 15%; }

.offset-20, .flex-offset-20 {
  margin-left: 20%; }
  [dir=rtl] .offset-20, [dir=rtl] .flex-offset-20 {
    margin-left: auto;
    margin-right: 20%; }

.offset-25, .flex-offset-25 {
  margin-left: 25%; }
  [dir=rtl] .offset-25, [dir=rtl] .flex-offset-25 {
    margin-left: auto;
    margin-right: 25%; }

.offset-30, .flex-offset-30 {
  margin-left: 30%; }
  [dir=rtl] .offset-30, [dir=rtl] .flex-offset-30 {
    margin-left: auto;
    margin-right: 30%; }

.offset-35, .flex-offset-35 {
  margin-left: 35%; }
  [dir=rtl] .offset-35, [dir=rtl] .flex-offset-35 {
    margin-left: auto;
    margin-right: 35%; }

.offset-40, .flex-offset-40 {
  margin-left: 40%; }
  [dir=rtl] .offset-40, [dir=rtl] .flex-offset-40 {
    margin-left: auto;
    margin-right: 40%; }

.offset-45, .flex-offset-45 {
  margin-left: 45%; }
  [dir=rtl] .offset-45, [dir=rtl] .flex-offset-45 {
    margin-left: auto;
    margin-right: 45%; }

.offset-50, .flex-offset-50 {
  margin-left: 50%; }
  [dir=rtl] .offset-50, [dir=rtl] .flex-offset-50 {
    margin-left: auto;
    margin-right: 50%; }

.offset-55, .flex-offset-55 {
  margin-left: 55%; }
  [dir=rtl] .offset-55, [dir=rtl] .flex-offset-55 {
    margin-left: auto;
    margin-right: 55%; }

.offset-60, .flex-offset-60 {
  margin-left: 60%; }
  [dir=rtl] .offset-60, [dir=rtl] .flex-offset-60 {
    margin-left: auto;
    margin-right: 60%; }

.offset-65, .flex-offset-65 {
  margin-left: 65%; }
  [dir=rtl] .offset-65, [dir=rtl] .flex-offset-65 {
    margin-left: auto;
    margin-right: 65%; }

.offset-70, .flex-offset-70 {
  margin-left: 70%; }
  [dir=rtl] .offset-70, [dir=rtl] .flex-offset-70 {
    margin-left: auto;
    margin-right: 70%; }

.offset-75, .flex-offset-75 {
  margin-left: 75%; }
  [dir=rtl] .offset-75, [dir=rtl] .flex-offset-75 {
    margin-left: auto;
    margin-right: 75%; }

.offset-80, .flex-offset-80 {
  margin-left: 80%; }
  [dir=rtl] .offset-80, [dir=rtl] .flex-offset-80 {
    margin-left: auto;
    margin-right: 80%; }

.offset-85, .flex-offset-85 {
  margin-left: 85%; }
  [dir=rtl] .offset-85, [dir=rtl] .flex-offset-85 {
    margin-left: auto;
    margin-right: 85%; }

.offset-90, .flex-offset-90 {
  margin-left: 90%; }
  [dir=rtl] .offset-90, [dir=rtl] .flex-offset-90 {
    margin-left: auto;
    margin-right: 90%; }

.offset-95, .flex-offset-95 {
  margin-left: 95%; }
  [dir=rtl] .offset-95, [dir=rtl] .flex-offset-95 {
    margin-left: auto;
    margin-right: 95%; }

.offset-33, .flex-offset-33 {
  margin-left: calc(100% / 3); }

.offset-66, .flex-offset-66 {
  margin-left: calc(200% / 3); }
  [dir=rtl] .offset-66, [dir=rtl] .flex-offset-66 {
    margin-left: auto;
    margin-right: calc(200% / 3); }

.layout-align,
.layout-align-start-stretch {
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-flex-align: stretch;
      align-items: stretch; }

.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.layout-align-center,
.layout-align-center-start,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-stretch {
  -ms-flex-pack: center;
      justify-content: center; }

.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-start,
.layout-align-space-around-end,
.layout-align-space-around-stretch {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.layout-align-space-between,
.layout-align-space-between-center,
.layout-align-space-between-start,
.layout-align-space-between-end,
.layout-align-space-between-stretch {
  -ms-flex-pack: justify;
      justify-content: space-between; }

.layout-align-start-start,
.layout-align-center-start,
.layout-align-end-start,
.layout-align-space-between-start,
.layout-align-space-around-start {
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start; }

.layout-align-start-center,
.layout-align-center-center,
.layout-align-end-center,
.layout-align-space-between-center,
.layout-align-space-around-center {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  max-width: 100%; }

.layout-align-start-center > *,
.layout-align-center-center > *,
.layout-align-end-center > *,
.layout-align-space-between-center > *,
.layout-align-space-around-center > * {
  max-width: 100%;
  box-sizing: border-box; }

.layout-align-start-end,
.layout-align-center-end,
.layout-align-end-end,
.layout-align-space-between-end,
.layout-align-space-around-end {
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end; }

.layout-align-start-stretch,
.layout-align-center-stretch,
.layout-align-end-stretch,
.layout-align-space-between-stretch,
.layout-align-space-around-stretch {
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch; }

.flex {
  -ms-flex: 1;
      flex: 1;
  box-sizing: border-box; }

.flex-grow {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  box-sizing: border-box; }

.flex-initial {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  box-sizing: border-box; }

.flex-auto {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  box-sizing: border-box; }

.flex-none {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  box-sizing: border-box; }

.flex-noshrink {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  box-sizing: border-box; }

.flex-nogrow {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  box-sizing: border-box; }

.flex-0 {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-0 {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
  min-width: 0; }

.layout-column > .flex-0 {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-0 {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  max-width: 0%;
  max-height: 100%;
  box-sizing: border-box;
  min-width: 0; }

.layout-column > .flex-0 {
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  max-width: 100%;
  max-height: 0%;
  box-sizing: border-box;
  min-height: 0; }

.flex-5 {
  -ms-flex: 1 1 5%;
      flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-5 {
  -ms-flex: 1 1 5%;
      flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-5 {
  -ms-flex: 1 1 5%;
      flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-5 {
  -ms-flex: 1 1 5%;
      flex: 1 1 5%;
  max-width: 5%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-5 {
  -ms-flex: 1 1 5%;
      flex: 1 1 5%;
  max-width: 100%;
  max-height: 5%;
  box-sizing: border-box; }

.flex-10 {
  -ms-flex: 1 1 10%;
      flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-10 {
  -ms-flex: 1 1 10%;
      flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-10 {
  -ms-flex: 1 1 10%;
      flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-10 {
  -ms-flex: 1 1 10%;
      flex: 1 1 10%;
  max-width: 10%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-10 {
  -ms-flex: 1 1 10%;
      flex: 1 1 10%;
  max-width: 100%;
  max-height: 10%;
  box-sizing: border-box; }

.flex-15 {
  -ms-flex: 1 1 15%;
      flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-15 {
  -ms-flex: 1 1 15%;
      flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-15 {
  -ms-flex: 1 1 15%;
      flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-15 {
  -ms-flex: 1 1 15%;
      flex: 1 1 15%;
  max-width: 15%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-15 {
  -ms-flex: 1 1 15%;
      flex: 1 1 15%;
  max-width: 100%;
  max-height: 15%;
  box-sizing: border-box; }

.flex-20 {
  -ms-flex: 1 1 20%;
      flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-20 {
  -ms-flex: 1 1 20%;
      flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-20 {
  -ms-flex: 1 1 20%;
      flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-20 {
  -ms-flex: 1 1 20%;
      flex: 1 1 20%;
  max-width: 20%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-20 {
  -ms-flex: 1 1 20%;
      flex: 1 1 20%;
  max-width: 100%;
  max-height: 20%;
  box-sizing: border-box; }

.flex-25 {
  -ms-flex: 1 1 25%;
      flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-25 {
  -ms-flex: 1 1 25%;
      flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-25 {
  -ms-flex: 1 1 25%;
      flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-25 {
  -ms-flex: 1 1 25%;
      flex: 1 1 25%;
  max-width: 25%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-25 {
  -ms-flex: 1 1 25%;
      flex: 1 1 25%;
  max-width: 100%;
  max-height: 25%;
  box-sizing: border-box; }

.flex-30 {
  -ms-flex: 1 1 30%;
      flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-30 {
  -ms-flex: 1 1 30%;
      flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-30 {
  -ms-flex: 1 1 30%;
      flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-30 {
  -ms-flex: 1 1 30%;
      flex: 1 1 30%;
  max-width: 30%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-30 {
  -ms-flex: 1 1 30%;
      flex: 1 1 30%;
  max-width: 100%;
  max-height: 30%;
  box-sizing: border-box; }

.flex-35 {
  -ms-flex: 1 1 35%;
      flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-35 {
  -ms-flex: 1 1 35%;
      flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-35 {
  -ms-flex: 1 1 35%;
      flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-35 {
  -ms-flex: 1 1 35%;
      flex: 1 1 35%;
  max-width: 35%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-35 {
  -ms-flex: 1 1 35%;
      flex: 1 1 35%;
  max-width: 100%;
  max-height: 35%;
  box-sizing: border-box; }

.flex-40 {
  -ms-flex: 1 1 40%;
      flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-40 {
  -ms-flex: 1 1 40%;
      flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-40 {
  -ms-flex: 1 1 40%;
      flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-40 {
  -ms-flex: 1 1 40%;
      flex: 1 1 40%;
  max-width: 40%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-40 {
  -ms-flex: 1 1 40%;
      flex: 1 1 40%;
  max-width: 100%;
  max-height: 40%;
  box-sizing: border-box; }

.flex-45 {
  -ms-flex: 1 1 45%;
      flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-45 {
  -ms-flex: 1 1 45%;
      flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-45 {
  -ms-flex: 1 1 45%;
      flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-45 {
  -ms-flex: 1 1 45%;
      flex: 1 1 45%;
  max-width: 45%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-45 {
  -ms-flex: 1 1 45%;
      flex: 1 1 45%;
  max-width: 100%;
  max-height: 45%;
  box-sizing: border-box; }

.flex-50 {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-50 {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-50 {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-50 {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
  max-width: 50%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-50 {
  -ms-flex: 1 1 50%;
      flex: 1 1 50%;
  max-width: 100%;
  max-height: 50%;
  box-sizing: border-box; }

.flex-55 {
  -ms-flex: 1 1 55%;
      flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-55 {
  -ms-flex: 1 1 55%;
      flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-55 {
  -ms-flex: 1 1 55%;
      flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-55 {
  -ms-flex: 1 1 55%;
      flex: 1 1 55%;
  max-width: 55%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-55 {
  -ms-flex: 1 1 55%;
      flex: 1 1 55%;
  max-width: 100%;
  max-height: 55%;
  box-sizing: border-box; }

.flex-60 {
  -ms-flex: 1 1 60%;
      flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-60 {
  -ms-flex: 1 1 60%;
      flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-60 {
  -ms-flex: 1 1 60%;
      flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-60 {
  -ms-flex: 1 1 60%;
      flex: 1 1 60%;
  max-width: 60%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-60 {
  -ms-flex: 1 1 60%;
      flex: 1 1 60%;
  max-width: 100%;
  max-height: 60%;
  box-sizing: border-box; }

.flex-65 {
  -ms-flex: 1 1 65%;
      flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-65 {
  -ms-flex: 1 1 65%;
      flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-65 {
  -ms-flex: 1 1 65%;
      flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-65 {
  -ms-flex: 1 1 65%;
      flex: 1 1 65%;
  max-width: 65%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-65 {
  -ms-flex: 1 1 65%;
      flex: 1 1 65%;
  max-width: 100%;
  max-height: 65%;
  box-sizing: border-box; }

.flex-70 {
  -ms-flex: 1 1 70%;
      flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-70 {
  -ms-flex: 1 1 70%;
      flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-70 {
  -ms-flex: 1 1 70%;
      flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-70 {
  -ms-flex: 1 1 70%;
      flex: 1 1 70%;
  max-width: 70%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-70 {
  -ms-flex: 1 1 70%;
      flex: 1 1 70%;
  max-width: 100%;
  max-height: 70%;
  box-sizing: border-box; }

.flex-75 {
  -ms-flex: 1 1 75%;
      flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-75 {
  -ms-flex: 1 1 75%;
      flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-75 {
  -ms-flex: 1 1 75%;
      flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-75 {
  -ms-flex: 1 1 75%;
      flex: 1 1 75%;
  max-width: 75%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-75 {
  -ms-flex: 1 1 75%;
      flex: 1 1 75%;
  max-width: 100%;
  max-height: 75%;
  box-sizing: border-box; }

.flex-80 {
  -ms-flex: 1 1 80%;
      flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-80 {
  -ms-flex: 1 1 80%;
      flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-80 {
  -ms-flex: 1 1 80%;
      flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-80 {
  -ms-flex: 1 1 80%;
      flex: 1 1 80%;
  max-width: 80%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-80 {
  -ms-flex: 1 1 80%;
      flex: 1 1 80%;
  max-width: 100%;
  max-height: 80%;
  box-sizing: border-box; }

.flex-85 {
  -ms-flex: 1 1 85%;
      flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-85 {
  -ms-flex: 1 1 85%;
      flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-85 {
  -ms-flex: 1 1 85%;
      flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-85 {
  -ms-flex: 1 1 85%;
      flex: 1 1 85%;
  max-width: 85%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-85 {
  -ms-flex: 1 1 85%;
      flex: 1 1 85%;
  max-width: 100%;
  max-height: 85%;
  box-sizing: border-box; }

.flex-90 {
  -ms-flex: 1 1 90%;
      flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-90 {
  -ms-flex: 1 1 90%;
      flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-90 {
  -ms-flex: 1 1 90%;
      flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-90 {
  -ms-flex: 1 1 90%;
      flex: 1 1 90%;
  max-width: 90%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-90 {
  -ms-flex: 1 1 90%;
      flex: 1 1 90%;
  max-width: 100%;
  max-height: 90%;
  box-sizing: border-box; }

.flex-95 {
  -ms-flex: 1 1 95%;
      flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-95 {
  -ms-flex: 1 1 95%;
      flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-95 {
  -ms-flex: 1 1 95%;
      flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-95 {
  -ms-flex: 1 1 95%;
      flex: 1 1 95%;
  max-width: 95%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-95 {
  -ms-flex: 1 1 95%;
      flex: 1 1 95%;
  max-width: 100%;
  max-height: 95%;
  box-sizing: border-box; }

.flex-100 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-100 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-100 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-row > .flex-100 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-column > .flex-100 {
  -ms-flex: 1 1 100%;
      flex: 1 1 100%;
  max-width: 100%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-33, .layout-row > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 33.33%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex-66, .layout-row > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 66.66%;
  max-height: 100%;
  box-sizing: border-box; }

.layout-row > .flex {
  min-width: 0; }

.layout-column > .flex-33, .layout-column > .flex-33 {
  -ms-flex: 1 1 33.33%;
      flex: 1 1 33.33%;
  max-width: 100%;
  max-height: 33.33%;
  box-sizing: border-box; }

.layout-column > .flex-66, .layout-column > .flex-66 {
  -ms-flex: 1 1 66.66%;
      flex: 1 1 66.66%;
  max-width: 100%;
  max-height: 66.66%;
  box-sizing: border-box; }

.layout-column > .flex {
  min-height: 0; }

.layout, .layout-column, .layout-row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex; }

.layout-column {
  -ms-flex-direction: column;
      flex-direction: column; }

.layout-row {
  -ms-flex-direction: row;
      flex-direction: row; }

.layout-padding-sm > *,
.layout-padding > .flex-sm {
  padding: 4px; }

.layout-padding,
.layout-padding-gt-sm,
.layout-padding-md,
.layout-padding > *,
.layout-padding-gt-sm > *,
.layout-padding-md > *,
.layout-padding > .flex,
.layout-padding > .flex-gt-sm,
.layout-padding > .flex-md {
  padding: 8px; }

.layout-padding-gt-md > *,
.layout-padding-lg > *,
.layout-padding-gt-lg > *,
.layout-padding > .flex-gt-md,
.layout-padding > .flex-lg,
.layout-padding > .flex-lg,
.layout-padding > .flex-gt-lg {
  padding: 16px; }

.layout-margin-sm > *,
.layout-margin > .flex-sm {
  margin: 4px; }

.layout-margin,
.layout-margin-gt-sm,
.layout-margin-md,
.layout-margin > *,
.layout-margin-gt-sm > *,
.layout-margin-md > *,
.layout-margin > .flex,
.layout-margin > .flex-gt-sm,
.layout-margin > .flex-md {
  margin: 8px; }

.layout-margin-gt-md > *,
.layout-margin-lg > *,
.layout-margin-gt-lg > *,
.layout-margin > .flex-gt-md,
.layout-margin > .flex-lg,
.layout-margin > .flex-gt-lg {
  margin: 16px; }

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

.layout-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }

.layout-fill {
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%; }

/**
 * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
 * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
 * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
 *
 *  hide means hide everywhere
 *  Sizes:
 *         $layout-breakpoint-xs:     600px !default;
 *         $layout-breakpoint-sm:     960px !default;
 *         $layout-breakpoint-md:     1280px !default;
 *         $layout-breakpoint-lg:     1920px !default;
 */
@media (max-width: 599px) {
  .hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) {
    display: none; }
  .flex-order-xs--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-xs--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-xs--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-xs--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-xs--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-xs--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-xs--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-xs--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-xs--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-xs--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-xs--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-xs--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-xs--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-xs--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-xs--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-xs--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-xs--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-xs--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-xs--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-xs--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-xs-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-xs-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-xs-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-xs-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-xs-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-xs-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-xs-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-xs-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-xs-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-xs-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-xs-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-xs-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-xs-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-xs-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-xs-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-xs-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-xs-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-xs-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-xs-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-xs-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-xs-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-xs-0, .flex-offset-xs-0 {
    margin-left: 0; }
    [dir=rtl] .offset-xs-0, [dir=rtl] .flex-offset-xs-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-xs-5, .flex-offset-xs-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-xs-5, [dir=rtl] .flex-offset-xs-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-xs-10, .flex-offset-xs-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-xs-10, [dir=rtl] .flex-offset-xs-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-xs-15, .flex-offset-xs-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-xs-15, [dir=rtl] .flex-offset-xs-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-xs-20, .flex-offset-xs-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-xs-20, [dir=rtl] .flex-offset-xs-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-xs-25, .flex-offset-xs-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-xs-25, [dir=rtl] .flex-offset-xs-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-xs-30, .flex-offset-xs-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-xs-30, [dir=rtl] .flex-offset-xs-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-xs-35, .flex-offset-xs-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-xs-35, [dir=rtl] .flex-offset-xs-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-xs-40, .flex-offset-xs-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-xs-40, [dir=rtl] .flex-offset-xs-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-xs-45, .flex-offset-xs-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-xs-45, [dir=rtl] .flex-offset-xs-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-xs-50, .flex-offset-xs-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-xs-50, [dir=rtl] .flex-offset-xs-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-xs-55, .flex-offset-xs-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-xs-55, [dir=rtl] .flex-offset-xs-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-xs-60, .flex-offset-xs-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-xs-60, [dir=rtl] .flex-offset-xs-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-xs-65, .flex-offset-xs-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-xs-65, [dir=rtl] .flex-offset-xs-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-xs-70, .flex-offset-xs-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-xs-70, [dir=rtl] .flex-offset-xs-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-xs-75, .flex-offset-xs-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-xs-75, [dir=rtl] .flex-offset-xs-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-xs-80, .flex-offset-xs-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-xs-80, [dir=rtl] .flex-offset-xs-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-xs-85, .flex-offset-xs-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-xs-85, [dir=rtl] .flex-offset-xs-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-xs-90, .flex-offset-xs-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-xs-90, [dir=rtl] .flex-offset-xs-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-xs-95, .flex-offset-xs-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-xs-95, [dir=rtl] .flex-offset-xs-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-xs-33, .flex-offset-xs-33 {
    margin-left: calc(100% / 3); }
  .offset-xs-66, .flex-offset-xs-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-xs-66, [dir=rtl] .flex-offset-xs-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-xs,
  .layout-align-xs-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-xs-start,
  .layout-align-xs-start-start,
  .layout-align-xs-start-center,
  .layout-align-xs-start-end,
  .layout-align-xs-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-xs-center,
  .layout-align-xs-center-start,
  .layout-align-xs-center-center,
  .layout-align-xs-center-end,
  .layout-align-xs-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-xs-end,
  .layout-align-xs-end-start,
  .layout-align-xs-end-center,
  .layout-align-xs-end-end,
  .layout-align-xs-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-xs-space-around,
  .layout-align-xs-space-around-center,
  .layout-align-xs-space-around-start,
  .layout-align-xs-space-around-end,
  .layout-align-xs-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-xs-space-between,
  .layout-align-xs-space-between-center,
  .layout-align-xs-space-between-start,
  .layout-align-xs-space-between-end,
  .layout-align-xs-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-xs-start-start,
  .layout-align-xs-center-start,
  .layout-align-xs-end-start,
  .layout-align-xs-space-between-start,
  .layout-align-xs-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-xs-start-center,
  .layout-align-xs-center-center,
  .layout-align-xs-end-center,
  .layout-align-xs-space-between-center,
  .layout-align-xs-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-xs-start-center > *,
  .layout-align-xs-center-center > *,
  .layout-align-xs-end-center > *,
  .layout-align-xs-space-between-center > *,
  .layout-align-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-xs-start-end,
  .layout-align-xs-center-end,
  .layout-align-xs-end-end,
  .layout-align-xs-space-between-end,
  .layout-align-xs-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-xs-start-stretch,
  .layout-align-xs-center-stretch,
  .layout-align-xs-end-stretch,
  .layout-align-xs-space-between-stretch,
  .layout-align-xs-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-xs {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-xs-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-xs-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xs-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-xs-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-xs-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-xs-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xs-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-xs-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-xs-column > .flex-xs-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-xs-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-xs-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-xs-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-xs-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-xs-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-xs-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-xs-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-xs-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-xs-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-xs-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-xs-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-xs-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-xs-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-xs-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-xs-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-xs-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-xs-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-xs-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-xs-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-33, .layout-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xs-66, .layout-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-33, .layout-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xs-66, .layout-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-33, .layout-xs-row > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-row > .flex-xs-66, .layout-xs-row > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xs-row > .flex {
    min-width: 0; }
  .layout-xs-column > .flex-xs-33, .layout-xs-column > .flex-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-xs-column > .flex-xs-66, .layout-xs-column > .flex-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xs-column > .flex {
    min-height: 0; }
  .layout-xs, .layout-xs-column, .layout-xs-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-xs-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-xs-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 600px) {
  .flex-order-gt-xs--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-gt-xs--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-gt-xs--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-gt-xs--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-gt-xs--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-gt-xs--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-gt-xs--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-gt-xs--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-gt-xs--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-gt-xs--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-gt-xs--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-gt-xs--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-gt-xs--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-gt-xs--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-gt-xs--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-gt-xs--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-gt-xs--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-gt-xs--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-gt-xs--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-gt-xs--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-gt-xs-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-gt-xs-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-gt-xs-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-gt-xs-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-gt-xs-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-gt-xs-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-gt-xs-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-gt-xs-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-gt-xs-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-gt-xs-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-gt-xs-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-gt-xs-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-gt-xs-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-gt-xs-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-gt-xs-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-gt-xs-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-gt-xs-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-gt-xs-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-gt-xs-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-gt-xs-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-gt-xs-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-gt-xs-0, .flex-offset-gt-xs-0 {
    margin-left: 0; }
    [dir=rtl] .offset-gt-xs-0, [dir=rtl] .flex-offset-gt-xs-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-gt-xs-5, .flex-offset-gt-xs-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-gt-xs-5, [dir=rtl] .flex-offset-gt-xs-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-gt-xs-10, .flex-offset-gt-xs-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-gt-xs-10, [dir=rtl] .flex-offset-gt-xs-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-gt-xs-15, .flex-offset-gt-xs-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-gt-xs-15, [dir=rtl] .flex-offset-gt-xs-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-gt-xs-20, .flex-offset-gt-xs-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-gt-xs-20, [dir=rtl] .flex-offset-gt-xs-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-gt-xs-25, .flex-offset-gt-xs-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-gt-xs-25, [dir=rtl] .flex-offset-gt-xs-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-gt-xs-30, .flex-offset-gt-xs-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-gt-xs-30, [dir=rtl] .flex-offset-gt-xs-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-gt-xs-35, .flex-offset-gt-xs-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-gt-xs-35, [dir=rtl] .flex-offset-gt-xs-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-gt-xs-40, .flex-offset-gt-xs-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-gt-xs-40, [dir=rtl] .flex-offset-gt-xs-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-gt-xs-45, .flex-offset-gt-xs-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-gt-xs-45, [dir=rtl] .flex-offset-gt-xs-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-gt-xs-50, .flex-offset-gt-xs-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-gt-xs-50, [dir=rtl] .flex-offset-gt-xs-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-gt-xs-55, .flex-offset-gt-xs-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-gt-xs-55, [dir=rtl] .flex-offset-gt-xs-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-gt-xs-60, .flex-offset-gt-xs-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-gt-xs-60, [dir=rtl] .flex-offset-gt-xs-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-gt-xs-65, .flex-offset-gt-xs-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-gt-xs-65, [dir=rtl] .flex-offset-gt-xs-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-gt-xs-70, .flex-offset-gt-xs-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-gt-xs-70, [dir=rtl] .flex-offset-gt-xs-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-gt-xs-75, .flex-offset-gt-xs-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-gt-xs-75, [dir=rtl] .flex-offset-gt-xs-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-gt-xs-80, .flex-offset-gt-xs-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-gt-xs-80, [dir=rtl] .flex-offset-gt-xs-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-gt-xs-85, .flex-offset-gt-xs-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-gt-xs-85, [dir=rtl] .flex-offset-gt-xs-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-gt-xs-90, .flex-offset-gt-xs-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-gt-xs-90, [dir=rtl] .flex-offset-gt-xs-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-gt-xs-95, .flex-offset-gt-xs-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-gt-xs-95, [dir=rtl] .flex-offset-gt-xs-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-gt-xs-33, .flex-offset-gt-xs-33 {
    margin-left: calc(100% / 3); }
  .offset-gt-xs-66, .flex-offset-gt-xs-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-gt-xs-66, [dir=rtl] .flex-offset-gt-xs-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-gt-xs,
  .layout-align-gt-xs-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-gt-xs-start,
  .layout-align-gt-xs-start-start,
  .layout-align-gt-xs-start-center,
  .layout-align-gt-xs-start-end,
  .layout-align-gt-xs-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-gt-xs-center,
  .layout-align-gt-xs-center-start,
  .layout-align-gt-xs-center-center,
  .layout-align-gt-xs-center-end,
  .layout-align-gt-xs-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-gt-xs-end,
  .layout-align-gt-xs-end-start,
  .layout-align-gt-xs-end-center,
  .layout-align-gt-xs-end-end,
  .layout-align-gt-xs-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-gt-xs-space-around,
  .layout-align-gt-xs-space-around-center,
  .layout-align-gt-xs-space-around-start,
  .layout-align-gt-xs-space-around-end,
  .layout-align-gt-xs-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-gt-xs-space-between,
  .layout-align-gt-xs-space-between-center,
  .layout-align-gt-xs-space-between-start,
  .layout-align-gt-xs-space-between-end,
  .layout-align-gt-xs-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-gt-xs-start-start,
  .layout-align-gt-xs-center-start,
  .layout-align-gt-xs-end-start,
  .layout-align-gt-xs-space-between-start,
  .layout-align-gt-xs-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-gt-xs-start-center,
  .layout-align-gt-xs-center-center,
  .layout-align-gt-xs-end-center,
  .layout-align-gt-xs-space-between-center,
  .layout-align-gt-xs-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-gt-xs-start-center > *,
  .layout-align-gt-xs-center-center > *,
  .layout-align-gt-xs-end-center > *,
  .layout-align-gt-xs-space-between-center > *,
  .layout-align-gt-xs-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-gt-xs-start-end,
  .layout-align-gt-xs-center-end,
  .layout-align-gt-xs-end-end,
  .layout-align-gt-xs-space-between-end,
  .layout-align-gt-xs-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-gt-xs-start-stretch,
  .layout-align-gt-xs-center-stretch,
  .layout-align-gt-xs-end-stretch,
  .layout-align-gt-xs-space-between-stretch,
  .layout-align-gt-xs-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-gt-xs {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-gt-xs-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-xs-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-xs-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-xs-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-xs-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-xs-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-xs-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-gt-xs-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-gt-xs-column > .flex-gt-xs-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-gt-xs-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-xs-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-xs-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-xs-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-xs-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-xs-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-xs-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-xs-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-xs-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-xs-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-xs-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-xs-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-xs-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-xs-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-xs-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-xs-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-xs-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-xs-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-xs-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-33, .layout-gt-xs-row > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex-gt-xs-66, .layout-gt-xs-row > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-xs-row > .flex {
    min-width: 0; }
  .layout-gt-xs-column > .flex-gt-xs-33, .layout-gt-xs-column > .flex-gt-xs-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex-gt-xs-66, .layout-gt-xs-column > .flex-gt-xs-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-xs-column > .flex {
    min-height: 0; }
  .layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-xs-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-gt-xs-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 600px) and (max-width: 959px) {
  .hide:not(.show-gt-xs):not(.show-sm):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none; }
  .hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
    display: none; }
  .flex-order-sm--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-sm--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-sm--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-sm--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-sm--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-sm--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-sm--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-sm--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-sm--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-sm--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-sm--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-sm--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-sm--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-sm--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-sm--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-sm--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-sm--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-sm--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-sm--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-sm--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-sm-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-sm-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-sm-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-sm-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-sm-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-sm-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-sm-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-sm-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-sm-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-sm-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-sm-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-sm-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-sm-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-sm-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-sm-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-sm-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-sm-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-sm-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-sm-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-sm-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-sm-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-sm-0, .flex-offset-sm-0 {
    margin-left: 0; }
    [dir=rtl] .offset-sm-0, [dir=rtl] .flex-offset-sm-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-sm-5, .flex-offset-sm-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-sm-5, [dir=rtl] .flex-offset-sm-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-sm-10, .flex-offset-sm-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-sm-10, [dir=rtl] .flex-offset-sm-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-sm-15, .flex-offset-sm-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-sm-15, [dir=rtl] .flex-offset-sm-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-sm-20, .flex-offset-sm-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-sm-20, [dir=rtl] .flex-offset-sm-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-sm-25, .flex-offset-sm-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-sm-25, [dir=rtl] .flex-offset-sm-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-sm-30, .flex-offset-sm-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-sm-30, [dir=rtl] .flex-offset-sm-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-sm-35, .flex-offset-sm-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-sm-35, [dir=rtl] .flex-offset-sm-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-sm-40, .flex-offset-sm-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-sm-40, [dir=rtl] .flex-offset-sm-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-sm-45, .flex-offset-sm-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-sm-45, [dir=rtl] .flex-offset-sm-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-sm-50, .flex-offset-sm-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-sm-50, [dir=rtl] .flex-offset-sm-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-sm-55, .flex-offset-sm-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-sm-55, [dir=rtl] .flex-offset-sm-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-sm-60, .flex-offset-sm-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-sm-60, [dir=rtl] .flex-offset-sm-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-sm-65, .flex-offset-sm-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-sm-65, [dir=rtl] .flex-offset-sm-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-sm-70, .flex-offset-sm-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-sm-70, [dir=rtl] .flex-offset-sm-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-sm-75, .flex-offset-sm-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-sm-75, [dir=rtl] .flex-offset-sm-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-sm-80, .flex-offset-sm-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-sm-80, [dir=rtl] .flex-offset-sm-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-sm-85, .flex-offset-sm-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-sm-85, [dir=rtl] .flex-offset-sm-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-sm-90, .flex-offset-sm-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-sm-90, [dir=rtl] .flex-offset-sm-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-sm-95, .flex-offset-sm-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-sm-95, [dir=rtl] .flex-offset-sm-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-sm-33, .flex-offset-sm-33 {
    margin-left: calc(100% / 3); }
  .offset-sm-66, .flex-offset-sm-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-sm-66, [dir=rtl] .flex-offset-sm-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-sm,
  .layout-align-sm-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-sm-start,
  .layout-align-sm-start-start,
  .layout-align-sm-start-center,
  .layout-align-sm-start-end,
  .layout-align-sm-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-sm-center,
  .layout-align-sm-center-start,
  .layout-align-sm-center-center,
  .layout-align-sm-center-end,
  .layout-align-sm-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-sm-end,
  .layout-align-sm-end-start,
  .layout-align-sm-end-center,
  .layout-align-sm-end-end,
  .layout-align-sm-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-sm-space-around,
  .layout-align-sm-space-around-center,
  .layout-align-sm-space-around-start,
  .layout-align-sm-space-around-end,
  .layout-align-sm-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-sm-space-between,
  .layout-align-sm-space-between-center,
  .layout-align-sm-space-between-start,
  .layout-align-sm-space-between-end,
  .layout-align-sm-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-sm-start-start,
  .layout-align-sm-center-start,
  .layout-align-sm-end-start,
  .layout-align-sm-space-between-start,
  .layout-align-sm-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-sm-start-center,
  .layout-align-sm-center-center,
  .layout-align-sm-end-center,
  .layout-align-sm-space-between-center,
  .layout-align-sm-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-sm-start-center > *,
  .layout-align-sm-center-center > *,
  .layout-align-sm-end-center > *,
  .layout-align-sm-space-between-center > *,
  .layout-align-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-sm-start-end,
  .layout-align-sm-center-end,
  .layout-align-sm-end-end,
  .layout-align-sm-space-between-end,
  .layout-align-sm-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-sm-start-stretch,
  .layout-align-sm-center-stretch,
  .layout-align-sm-end-stretch,
  .layout-align-sm-space-between-stretch,
  .layout-align-sm-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-sm {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-sm-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-sm-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-sm-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-sm-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-sm-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-sm-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-sm-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-sm-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-sm-column > .flex-sm-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-sm-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-sm-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-sm-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-sm-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-sm-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-sm-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-sm-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-sm-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-sm-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-sm-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-sm-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-sm-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-sm-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-sm-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-sm-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-sm-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-sm-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-sm-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-sm-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-33, .layout-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-sm-66, .layout-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-33, .layout-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-sm-66, .layout-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-33, .layout-sm-row > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-row > .flex-sm-66, .layout-sm-row > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-sm-row > .flex {
    min-width: 0; }
  .layout-sm-column > .flex-sm-33, .layout-sm-column > .flex-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-sm-column > .flex-sm-66, .layout-sm-column > .flex-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-sm-column > .flex {
    min-height: 0; }
  .layout-sm, .layout-sm-column, .layout-sm-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-sm-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-sm-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 960px) {
  .flex-order-gt-sm--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-gt-sm--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-gt-sm--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-gt-sm--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-gt-sm--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-gt-sm--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-gt-sm--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-gt-sm--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-gt-sm--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-gt-sm--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-gt-sm--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-gt-sm--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-gt-sm--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-gt-sm--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-gt-sm--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-gt-sm--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-gt-sm--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-gt-sm--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-gt-sm--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-gt-sm--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-gt-sm-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-gt-sm-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-gt-sm-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-gt-sm-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-gt-sm-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-gt-sm-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-gt-sm-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-gt-sm-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-gt-sm-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-gt-sm-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-gt-sm-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-gt-sm-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-gt-sm-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-gt-sm-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-gt-sm-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-gt-sm-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-gt-sm-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-gt-sm-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-gt-sm-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-gt-sm-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-gt-sm-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-gt-sm-0, .flex-offset-gt-sm-0 {
    margin-left: 0; }
    [dir=rtl] .offset-gt-sm-0, [dir=rtl] .flex-offset-gt-sm-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-gt-sm-5, .flex-offset-gt-sm-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-gt-sm-5, [dir=rtl] .flex-offset-gt-sm-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-gt-sm-10, .flex-offset-gt-sm-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-gt-sm-10, [dir=rtl] .flex-offset-gt-sm-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-gt-sm-15, .flex-offset-gt-sm-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-gt-sm-15, [dir=rtl] .flex-offset-gt-sm-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-gt-sm-20, .flex-offset-gt-sm-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-gt-sm-20, [dir=rtl] .flex-offset-gt-sm-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-gt-sm-25, .flex-offset-gt-sm-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-gt-sm-25, [dir=rtl] .flex-offset-gt-sm-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-gt-sm-30, .flex-offset-gt-sm-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-gt-sm-30, [dir=rtl] .flex-offset-gt-sm-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-gt-sm-35, .flex-offset-gt-sm-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-gt-sm-35, [dir=rtl] .flex-offset-gt-sm-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-gt-sm-40, .flex-offset-gt-sm-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-gt-sm-40, [dir=rtl] .flex-offset-gt-sm-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-gt-sm-45, .flex-offset-gt-sm-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-gt-sm-45, [dir=rtl] .flex-offset-gt-sm-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-gt-sm-50, .flex-offset-gt-sm-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-gt-sm-50, [dir=rtl] .flex-offset-gt-sm-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-gt-sm-55, .flex-offset-gt-sm-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-gt-sm-55, [dir=rtl] .flex-offset-gt-sm-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-gt-sm-60, .flex-offset-gt-sm-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-gt-sm-60, [dir=rtl] .flex-offset-gt-sm-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-gt-sm-65, .flex-offset-gt-sm-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-gt-sm-65, [dir=rtl] .flex-offset-gt-sm-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-gt-sm-70, .flex-offset-gt-sm-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-gt-sm-70, [dir=rtl] .flex-offset-gt-sm-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-gt-sm-75, .flex-offset-gt-sm-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-gt-sm-75, [dir=rtl] .flex-offset-gt-sm-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-gt-sm-80, .flex-offset-gt-sm-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-gt-sm-80, [dir=rtl] .flex-offset-gt-sm-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-gt-sm-85, .flex-offset-gt-sm-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-gt-sm-85, [dir=rtl] .flex-offset-gt-sm-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-gt-sm-90, .flex-offset-gt-sm-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-gt-sm-90, [dir=rtl] .flex-offset-gt-sm-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-gt-sm-95, .flex-offset-gt-sm-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-gt-sm-95, [dir=rtl] .flex-offset-gt-sm-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-gt-sm-33, .flex-offset-gt-sm-33 {
    margin-left: calc(100% / 3); }
  .offset-gt-sm-66, .flex-offset-gt-sm-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-gt-sm-66, [dir=rtl] .flex-offset-gt-sm-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-gt-sm,
  .layout-align-gt-sm-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-gt-sm-start,
  .layout-align-gt-sm-start-start,
  .layout-align-gt-sm-start-center,
  .layout-align-gt-sm-start-end,
  .layout-align-gt-sm-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-gt-sm-center,
  .layout-align-gt-sm-center-start,
  .layout-align-gt-sm-center-center,
  .layout-align-gt-sm-center-end,
  .layout-align-gt-sm-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-gt-sm-end,
  .layout-align-gt-sm-end-start,
  .layout-align-gt-sm-end-center,
  .layout-align-gt-sm-end-end,
  .layout-align-gt-sm-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-gt-sm-space-around,
  .layout-align-gt-sm-space-around-center,
  .layout-align-gt-sm-space-around-start,
  .layout-align-gt-sm-space-around-end,
  .layout-align-gt-sm-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-gt-sm-space-between,
  .layout-align-gt-sm-space-between-center,
  .layout-align-gt-sm-space-between-start,
  .layout-align-gt-sm-space-between-end,
  .layout-align-gt-sm-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-gt-sm-start-start,
  .layout-align-gt-sm-center-start,
  .layout-align-gt-sm-end-start,
  .layout-align-gt-sm-space-between-start,
  .layout-align-gt-sm-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-gt-sm-start-center,
  .layout-align-gt-sm-center-center,
  .layout-align-gt-sm-end-center,
  .layout-align-gt-sm-space-between-center,
  .layout-align-gt-sm-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-gt-sm-start-center > *,
  .layout-align-gt-sm-center-center > *,
  .layout-align-gt-sm-end-center > *,
  .layout-align-gt-sm-space-between-center > *,
  .layout-align-gt-sm-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-gt-sm-start-end,
  .layout-align-gt-sm-center-end,
  .layout-align-gt-sm-end-end,
  .layout-align-gt-sm-space-between-end,
  .layout-align-gt-sm-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-gt-sm-start-stretch,
  .layout-align-gt-sm-center-stretch,
  .layout-align-gt-sm-end-stretch,
  .layout-align-gt-sm-space-between-stretch,
  .layout-align-gt-sm-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-gt-sm {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-gt-sm-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-sm-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-sm-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-sm-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-sm-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-sm-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-sm-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-gt-sm-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-gt-sm-column > .flex-gt-sm-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-gt-sm-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-sm-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-sm-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-sm-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-sm-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-sm-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-sm-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-sm-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-sm-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-sm-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-sm-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-sm-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-sm-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-sm-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-sm-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-sm-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-sm-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-sm-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-sm-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-sm-row > .flex {
    min-width: 0; }
  .layout-gt-sm-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-sm-column > .flex {
    min-height: 0; }
  .layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-sm-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-gt-sm-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 960px) and (max-width: 1279px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show) {
    display: none; }
  .hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none; }
  .flex-order-md--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-md--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-md--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-md--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-md--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-md--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-md--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-md--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-md--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-md--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-md--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-md--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-md--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-md--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-md--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-md--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-md--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-md--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-md--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-md--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-md-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-md-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-md-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-md-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-md-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-md-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-md-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-md-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-md-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-md-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-md-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-md-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-md-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-md-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-md-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-md-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-md-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-md-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-md-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-md-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-md-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-md-0, .flex-offset-md-0 {
    margin-left: 0; }
    [dir=rtl] .offset-md-0, [dir=rtl] .flex-offset-md-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-md-5, .flex-offset-md-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-md-5, [dir=rtl] .flex-offset-md-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-md-10, .flex-offset-md-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-md-10, [dir=rtl] .flex-offset-md-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-md-15, .flex-offset-md-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-md-15, [dir=rtl] .flex-offset-md-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-md-20, .flex-offset-md-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-md-20, [dir=rtl] .flex-offset-md-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-md-25, .flex-offset-md-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-md-25, [dir=rtl] .flex-offset-md-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-md-30, .flex-offset-md-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-md-30, [dir=rtl] .flex-offset-md-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-md-35, .flex-offset-md-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-md-35, [dir=rtl] .flex-offset-md-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-md-40, .flex-offset-md-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-md-40, [dir=rtl] .flex-offset-md-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-md-45, .flex-offset-md-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-md-45, [dir=rtl] .flex-offset-md-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-md-50, .flex-offset-md-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-md-50, [dir=rtl] .flex-offset-md-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-md-55, .flex-offset-md-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-md-55, [dir=rtl] .flex-offset-md-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-md-60, .flex-offset-md-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-md-60, [dir=rtl] .flex-offset-md-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-md-65, .flex-offset-md-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-md-65, [dir=rtl] .flex-offset-md-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-md-70, .flex-offset-md-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-md-70, [dir=rtl] .flex-offset-md-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-md-75, .flex-offset-md-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-md-75, [dir=rtl] .flex-offset-md-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-md-80, .flex-offset-md-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-md-80, [dir=rtl] .flex-offset-md-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-md-85, .flex-offset-md-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-md-85, [dir=rtl] .flex-offset-md-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-md-90, .flex-offset-md-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-md-90, [dir=rtl] .flex-offset-md-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-md-95, .flex-offset-md-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-md-95, [dir=rtl] .flex-offset-md-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-md-33, .flex-offset-md-33 {
    margin-left: calc(100% / 3); }
  .offset-md-66, .flex-offset-md-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-md-66, [dir=rtl] .flex-offset-md-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-md,
  .layout-align-md-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-md-start,
  .layout-align-md-start-start,
  .layout-align-md-start-center,
  .layout-align-md-start-end,
  .layout-align-md-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-md-center,
  .layout-align-md-center-start,
  .layout-align-md-center-center,
  .layout-align-md-center-end,
  .layout-align-md-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-md-end,
  .layout-align-md-end-start,
  .layout-align-md-end-center,
  .layout-align-md-end-end,
  .layout-align-md-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-md-space-around,
  .layout-align-md-space-around-center,
  .layout-align-md-space-around-start,
  .layout-align-md-space-around-end,
  .layout-align-md-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-md-space-between,
  .layout-align-md-space-between-center,
  .layout-align-md-space-between-start,
  .layout-align-md-space-between-end,
  .layout-align-md-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-md-start-start,
  .layout-align-md-center-start,
  .layout-align-md-end-start,
  .layout-align-md-space-between-start,
  .layout-align-md-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-md-start-center,
  .layout-align-md-center-center,
  .layout-align-md-end-center,
  .layout-align-md-space-between-center,
  .layout-align-md-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-md-start-center > *,
  .layout-align-md-center-center > *,
  .layout-align-md-end-center > *,
  .layout-align-md-space-between-center > *,
  .layout-align-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-md-start-end,
  .layout-align-md-center-end,
  .layout-align-md-end-end,
  .layout-align-md-space-between-end,
  .layout-align-md-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-md-start-stretch,
  .layout-align-md-center-stretch,
  .layout-align-md-end-stretch,
  .layout-align-md-space-between-stretch,
  .layout-align-md-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-md {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-md-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-md-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-md-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-md-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-md-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-md-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-md-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-md-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-md-column > .flex-md-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-md-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-md-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-md-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-md-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-md-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-md-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-md-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-md-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-md-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-md-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-md-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-md-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-md-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-md-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-md-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-md-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-md-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-md-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-md-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-33, .layout-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-md-66, .layout-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-md-33, .layout-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-md-66, .layout-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-33, .layout-md-row > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-row > .flex-md-66, .layout-md-row > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-md-row > .flex {
    min-width: 0; }
  .layout-md-column > .flex-md-33, .layout-md-column > .flex-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-md-column > .flex-md-66, .layout-md-column > .flex-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-md-column > .flex {
    min-height: 0; }
  .layout-md, .layout-md-column, .layout-md-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-md-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-md-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 1280px) {
  .flex-order-gt-md--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-gt-md--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-gt-md--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-gt-md--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-gt-md--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-gt-md--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-gt-md--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-gt-md--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-gt-md--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-gt-md--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-gt-md--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-gt-md--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-gt-md--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-gt-md--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-gt-md--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-gt-md--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-gt-md--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-gt-md--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-gt-md--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-gt-md--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-gt-md-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-gt-md-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-gt-md-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-gt-md-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-gt-md-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-gt-md-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-gt-md-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-gt-md-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-gt-md-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-gt-md-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-gt-md-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-gt-md-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-gt-md-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-gt-md-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-gt-md-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-gt-md-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-gt-md-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-gt-md-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-gt-md-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-gt-md-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-gt-md-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-gt-md-0, .flex-offset-gt-md-0 {
    margin-left: 0; }
    [dir=rtl] .offset-gt-md-0, [dir=rtl] .flex-offset-gt-md-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-gt-md-5, .flex-offset-gt-md-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-gt-md-5, [dir=rtl] .flex-offset-gt-md-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-gt-md-10, .flex-offset-gt-md-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-gt-md-10, [dir=rtl] .flex-offset-gt-md-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-gt-md-15, .flex-offset-gt-md-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-gt-md-15, [dir=rtl] .flex-offset-gt-md-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-gt-md-20, .flex-offset-gt-md-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-gt-md-20, [dir=rtl] .flex-offset-gt-md-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-gt-md-25, .flex-offset-gt-md-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-gt-md-25, [dir=rtl] .flex-offset-gt-md-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-gt-md-30, .flex-offset-gt-md-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-gt-md-30, [dir=rtl] .flex-offset-gt-md-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-gt-md-35, .flex-offset-gt-md-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-gt-md-35, [dir=rtl] .flex-offset-gt-md-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-gt-md-40, .flex-offset-gt-md-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-gt-md-40, [dir=rtl] .flex-offset-gt-md-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-gt-md-45, .flex-offset-gt-md-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-gt-md-45, [dir=rtl] .flex-offset-gt-md-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-gt-md-50, .flex-offset-gt-md-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-gt-md-50, [dir=rtl] .flex-offset-gt-md-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-gt-md-55, .flex-offset-gt-md-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-gt-md-55, [dir=rtl] .flex-offset-gt-md-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-gt-md-60, .flex-offset-gt-md-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-gt-md-60, [dir=rtl] .flex-offset-gt-md-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-gt-md-65, .flex-offset-gt-md-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-gt-md-65, [dir=rtl] .flex-offset-gt-md-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-gt-md-70, .flex-offset-gt-md-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-gt-md-70, [dir=rtl] .flex-offset-gt-md-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-gt-md-75, .flex-offset-gt-md-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-gt-md-75, [dir=rtl] .flex-offset-gt-md-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-gt-md-80, .flex-offset-gt-md-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-gt-md-80, [dir=rtl] .flex-offset-gt-md-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-gt-md-85, .flex-offset-gt-md-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-gt-md-85, [dir=rtl] .flex-offset-gt-md-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-gt-md-90, .flex-offset-gt-md-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-gt-md-90, [dir=rtl] .flex-offset-gt-md-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-gt-md-95, .flex-offset-gt-md-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-gt-md-95, [dir=rtl] .flex-offset-gt-md-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-gt-md-33, .flex-offset-gt-md-33 {
    margin-left: calc(100% / 3); }
  .offset-gt-md-66, .flex-offset-gt-md-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-gt-md-66, [dir=rtl] .flex-offset-gt-md-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-gt-md,
  .layout-align-gt-md-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-gt-md-start,
  .layout-align-gt-md-start-start,
  .layout-align-gt-md-start-center,
  .layout-align-gt-md-start-end,
  .layout-align-gt-md-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-gt-md-center,
  .layout-align-gt-md-center-start,
  .layout-align-gt-md-center-center,
  .layout-align-gt-md-center-end,
  .layout-align-gt-md-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-gt-md-end,
  .layout-align-gt-md-end-start,
  .layout-align-gt-md-end-center,
  .layout-align-gt-md-end-end,
  .layout-align-gt-md-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-gt-md-space-around,
  .layout-align-gt-md-space-around-center,
  .layout-align-gt-md-space-around-start,
  .layout-align-gt-md-space-around-end,
  .layout-align-gt-md-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-gt-md-space-between,
  .layout-align-gt-md-space-between-center,
  .layout-align-gt-md-space-between-start,
  .layout-align-gt-md-space-between-end,
  .layout-align-gt-md-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-gt-md-start-start,
  .layout-align-gt-md-center-start,
  .layout-align-gt-md-end-start,
  .layout-align-gt-md-space-between-start,
  .layout-align-gt-md-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-gt-md-start-center,
  .layout-align-gt-md-center-center,
  .layout-align-gt-md-end-center,
  .layout-align-gt-md-space-between-center,
  .layout-align-gt-md-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-gt-md-start-center > *,
  .layout-align-gt-md-center-center > *,
  .layout-align-gt-md-end-center > *,
  .layout-align-gt-md-space-between-center > *,
  .layout-align-gt-md-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-gt-md-start-end,
  .layout-align-gt-md-center-end,
  .layout-align-gt-md-end-end,
  .layout-align-gt-md-space-between-end,
  .layout-align-gt-md-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-gt-md-start-stretch,
  .layout-align-gt-md-center-stretch,
  .layout-align-gt-md-end-stretch,
  .layout-align-gt-md-space-between-stretch,
  .layout-align-gt-md-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-gt-md {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-gt-md-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-md-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-md-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-md-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-md-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-md-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-md-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-gt-md-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-gt-md-column > .flex-gt-md-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-gt-md-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-md-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-md-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-md-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-md-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-md-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-md-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-md-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-md-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-md-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-md-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-md-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-md-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-md-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-md-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-md-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-md-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-md-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-md-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-md-row > .flex {
    min-width: 0; }
  .layout-gt-md-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-md-column > .flex {
    min-height: 0; }
  .layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-md-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-gt-md-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 1280px) and (max-width: 1919px) {
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
    display: none; }
  .hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none; }
  .flex-order-lg--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-lg--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-lg--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-lg--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-lg--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-lg--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-lg--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-lg--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-lg--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-lg--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-lg--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-lg--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-lg--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-lg--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-lg--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-lg--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-lg--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-lg--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-lg--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-lg--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-lg-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-lg-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-lg-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-lg-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-lg-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-lg-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-lg-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-lg-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-lg-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-lg-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-lg-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-lg-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-lg-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-lg-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-lg-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-lg-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-lg-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-lg-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-lg-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-lg-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-lg-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-lg-0, .flex-offset-lg-0 {
    margin-left: 0; }
    [dir=rtl] .offset-lg-0, [dir=rtl] .flex-offset-lg-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-lg-5, .flex-offset-lg-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-lg-5, [dir=rtl] .flex-offset-lg-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-lg-10, .flex-offset-lg-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-lg-10, [dir=rtl] .flex-offset-lg-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-lg-15, .flex-offset-lg-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-lg-15, [dir=rtl] .flex-offset-lg-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-lg-20, .flex-offset-lg-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-lg-20, [dir=rtl] .flex-offset-lg-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-lg-25, .flex-offset-lg-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-lg-25, [dir=rtl] .flex-offset-lg-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-lg-30, .flex-offset-lg-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-lg-30, [dir=rtl] .flex-offset-lg-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-lg-35, .flex-offset-lg-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-lg-35, [dir=rtl] .flex-offset-lg-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-lg-40, .flex-offset-lg-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-lg-40, [dir=rtl] .flex-offset-lg-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-lg-45, .flex-offset-lg-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-lg-45, [dir=rtl] .flex-offset-lg-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-lg-50, .flex-offset-lg-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-lg-50, [dir=rtl] .flex-offset-lg-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-lg-55, .flex-offset-lg-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-lg-55, [dir=rtl] .flex-offset-lg-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-lg-60, .flex-offset-lg-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-lg-60, [dir=rtl] .flex-offset-lg-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-lg-65, .flex-offset-lg-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-lg-65, [dir=rtl] .flex-offset-lg-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-lg-70, .flex-offset-lg-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-lg-70, [dir=rtl] .flex-offset-lg-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-lg-75, .flex-offset-lg-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-lg-75, [dir=rtl] .flex-offset-lg-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-lg-80, .flex-offset-lg-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-lg-80, [dir=rtl] .flex-offset-lg-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-lg-85, .flex-offset-lg-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-lg-85, [dir=rtl] .flex-offset-lg-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-lg-90, .flex-offset-lg-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-lg-90, [dir=rtl] .flex-offset-lg-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-lg-95, .flex-offset-lg-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-lg-95, [dir=rtl] .flex-offset-lg-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-lg-33, .flex-offset-lg-33 {
    margin-left: calc(100% / 3); }
  .offset-lg-66, .flex-offset-lg-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-lg-66, [dir=rtl] .flex-offset-lg-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-lg,
  .layout-align-lg-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-lg-start,
  .layout-align-lg-start-start,
  .layout-align-lg-start-center,
  .layout-align-lg-start-end,
  .layout-align-lg-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-lg-center,
  .layout-align-lg-center-start,
  .layout-align-lg-center-center,
  .layout-align-lg-center-end,
  .layout-align-lg-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-lg-end,
  .layout-align-lg-end-start,
  .layout-align-lg-end-center,
  .layout-align-lg-end-end,
  .layout-align-lg-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-lg-space-around,
  .layout-align-lg-space-around-center,
  .layout-align-lg-space-around-start,
  .layout-align-lg-space-around-end,
  .layout-align-lg-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-lg-space-between,
  .layout-align-lg-space-between-center,
  .layout-align-lg-space-between-start,
  .layout-align-lg-space-between-end,
  .layout-align-lg-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-lg-start-start,
  .layout-align-lg-center-start,
  .layout-align-lg-end-start,
  .layout-align-lg-space-between-start,
  .layout-align-lg-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-lg-start-center,
  .layout-align-lg-center-center,
  .layout-align-lg-end-center,
  .layout-align-lg-space-between-center,
  .layout-align-lg-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-lg-start-center > *,
  .layout-align-lg-center-center > *,
  .layout-align-lg-end-center > *,
  .layout-align-lg-space-between-center > *,
  .layout-align-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-lg-start-end,
  .layout-align-lg-center-end,
  .layout-align-lg-end-end,
  .layout-align-lg-space-between-end,
  .layout-align-lg-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-lg-start-stretch,
  .layout-align-lg-center-stretch,
  .layout-align-lg-end-stretch,
  .layout-align-lg-space-between-stretch,
  .layout-align-lg-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-lg {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-lg-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-lg-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-lg-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-lg-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-lg-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-lg-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-lg-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-lg-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-lg-column > .flex-lg-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-lg-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-lg-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-lg-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-lg-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-lg-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-lg-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-lg-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-lg-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-lg-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-lg-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-lg-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-lg-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-lg-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-lg-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-lg-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-lg-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-lg-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-lg-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-lg-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-33, .layout-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-lg-66, .layout-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-33, .layout-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-lg-66, .layout-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-33, .layout-lg-row > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-row > .flex-lg-66, .layout-lg-row > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-lg-row > .flex {
    min-width: 0; }
  .layout-lg-column > .flex-lg-33, .layout-lg-column > .flex-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-lg-column > .flex-lg-66, .layout-lg-column > .flex-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-lg-column > .flex {
    min-height: 0; }
  .layout-lg, .layout-lg-column, .layout-lg-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-lg-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-lg-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (min-width: 1920px) {
  .flex-order-gt-lg--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-gt-lg--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-gt-lg--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-gt-lg--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-gt-lg--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-gt-lg--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-gt-lg--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-gt-lg--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-gt-lg--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-gt-lg--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-gt-lg--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-gt-lg--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-gt-lg--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-gt-lg--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-gt-lg--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-gt-lg--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-gt-lg--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-gt-lg--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-gt-lg--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-gt-lg--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-gt-lg-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-gt-lg-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-gt-lg-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-gt-lg-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-gt-lg-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-gt-lg-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-gt-lg-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-gt-lg-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-gt-lg-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-gt-lg-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-gt-lg-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-gt-lg-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-gt-lg-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-gt-lg-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-gt-lg-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-gt-lg-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-gt-lg-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-gt-lg-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-gt-lg-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-gt-lg-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-gt-lg-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-gt-lg-0, .flex-offset-gt-lg-0 {
    margin-left: 0; }
    [dir=rtl] .offset-gt-lg-0, [dir=rtl] .flex-offset-gt-lg-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-gt-lg-5, .flex-offset-gt-lg-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-gt-lg-5, [dir=rtl] .flex-offset-gt-lg-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-gt-lg-10, .flex-offset-gt-lg-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-gt-lg-10, [dir=rtl] .flex-offset-gt-lg-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-gt-lg-15, .flex-offset-gt-lg-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-gt-lg-15, [dir=rtl] .flex-offset-gt-lg-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-gt-lg-20, .flex-offset-gt-lg-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-gt-lg-20, [dir=rtl] .flex-offset-gt-lg-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-gt-lg-25, .flex-offset-gt-lg-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-gt-lg-25, [dir=rtl] .flex-offset-gt-lg-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-gt-lg-30, .flex-offset-gt-lg-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-gt-lg-30, [dir=rtl] .flex-offset-gt-lg-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-gt-lg-35, .flex-offset-gt-lg-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-gt-lg-35, [dir=rtl] .flex-offset-gt-lg-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-gt-lg-40, .flex-offset-gt-lg-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-gt-lg-40, [dir=rtl] .flex-offset-gt-lg-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-gt-lg-45, .flex-offset-gt-lg-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-gt-lg-45, [dir=rtl] .flex-offset-gt-lg-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-gt-lg-50, .flex-offset-gt-lg-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-gt-lg-50, [dir=rtl] .flex-offset-gt-lg-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-gt-lg-55, .flex-offset-gt-lg-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-gt-lg-55, [dir=rtl] .flex-offset-gt-lg-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-gt-lg-60, .flex-offset-gt-lg-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-gt-lg-60, [dir=rtl] .flex-offset-gt-lg-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-gt-lg-65, .flex-offset-gt-lg-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-gt-lg-65, [dir=rtl] .flex-offset-gt-lg-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-gt-lg-70, .flex-offset-gt-lg-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-gt-lg-70, [dir=rtl] .flex-offset-gt-lg-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-gt-lg-75, .flex-offset-gt-lg-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-gt-lg-75, [dir=rtl] .flex-offset-gt-lg-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-gt-lg-80, .flex-offset-gt-lg-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-gt-lg-80, [dir=rtl] .flex-offset-gt-lg-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-gt-lg-85, .flex-offset-gt-lg-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-gt-lg-85, [dir=rtl] .flex-offset-gt-lg-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-gt-lg-90, .flex-offset-gt-lg-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-gt-lg-90, [dir=rtl] .flex-offset-gt-lg-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-gt-lg-95, .flex-offset-gt-lg-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-gt-lg-95, [dir=rtl] .flex-offset-gt-lg-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-gt-lg-33, .flex-offset-gt-lg-33 {
    margin-left: calc(100% / 3); }
  .offset-gt-lg-66, .flex-offset-gt-lg-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-gt-lg-66, [dir=rtl] .flex-offset-gt-lg-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-gt-lg,
  .layout-align-gt-lg-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-gt-lg-start,
  .layout-align-gt-lg-start-start,
  .layout-align-gt-lg-start-center,
  .layout-align-gt-lg-start-end,
  .layout-align-gt-lg-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-gt-lg-center,
  .layout-align-gt-lg-center-start,
  .layout-align-gt-lg-center-center,
  .layout-align-gt-lg-center-end,
  .layout-align-gt-lg-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-gt-lg-end,
  .layout-align-gt-lg-end-start,
  .layout-align-gt-lg-end-center,
  .layout-align-gt-lg-end-end,
  .layout-align-gt-lg-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-gt-lg-space-around,
  .layout-align-gt-lg-space-around-center,
  .layout-align-gt-lg-space-around-start,
  .layout-align-gt-lg-space-around-end,
  .layout-align-gt-lg-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-gt-lg-space-between,
  .layout-align-gt-lg-space-between-center,
  .layout-align-gt-lg-space-between-start,
  .layout-align-gt-lg-space-between-end,
  .layout-align-gt-lg-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-gt-lg-start-start,
  .layout-align-gt-lg-center-start,
  .layout-align-gt-lg-end-start,
  .layout-align-gt-lg-space-between-start,
  .layout-align-gt-lg-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-gt-lg-start-center,
  .layout-align-gt-lg-center-center,
  .layout-align-gt-lg-end-center,
  .layout-align-gt-lg-space-between-center,
  .layout-align-gt-lg-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-gt-lg-start-center > *,
  .layout-align-gt-lg-center-center > *,
  .layout-align-gt-lg-end-center > *,
  .layout-align-gt-lg-space-between-center > *,
  .layout-align-gt-lg-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-gt-lg-start-end,
  .layout-align-gt-lg-center-end,
  .layout-align-gt-lg-end-end,
  .layout-align-gt-lg-space-between-end,
  .layout-align-gt-lg-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-gt-lg-start-stretch,
  .layout-align-gt-lg-center-stretch,
  .layout-align-gt-lg-end-stretch,
  .layout-align-gt-lg-space-between-stretch,
  .layout-align-gt-lg-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-gt-lg {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-gt-lg-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-gt-lg-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-lg-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-gt-lg-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-gt-lg-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-gt-lg-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-gt-lg-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-gt-lg-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-gt-lg-column > .flex-gt-lg-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-gt-lg-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-gt-lg-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-gt-lg-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-gt-lg-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-gt-lg-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-gt-lg-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-gt-lg-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-gt-lg-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-gt-lg-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-gt-lg-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-gt-lg-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-gt-lg-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-gt-lg-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-gt-lg-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-gt-lg-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-gt-lg-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-gt-lg-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-gt-lg-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-gt-lg-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-gt-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-gt-lg-row > .flex {
    min-width: 0; }
  .layout-gt-lg-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-gt-lg-column > .flex {
    min-height: 0; }
  .layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-gt-lg-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-gt-lg-row {
    -ms-flex-direction: row;
        flex-direction: row; }
  .flex-order-xl--20 {
    -ms-flex-order: -20;
        order: -20; }
  .flex-order-xl--19 {
    -ms-flex-order: -19;
        order: -19; }
  .flex-order-xl--18 {
    -ms-flex-order: -18;
        order: -18; }
  .flex-order-xl--17 {
    -ms-flex-order: -17;
        order: -17; }
  .flex-order-xl--16 {
    -ms-flex-order: -16;
        order: -16; }
  .flex-order-xl--15 {
    -ms-flex-order: -15;
        order: -15; }
  .flex-order-xl--14 {
    -ms-flex-order: -14;
        order: -14; }
  .flex-order-xl--13 {
    -ms-flex-order: -13;
        order: -13; }
  .flex-order-xl--12 {
    -ms-flex-order: -12;
        order: -12; }
  .flex-order-xl--11 {
    -ms-flex-order: -11;
        order: -11; }
  .flex-order-xl--10 {
    -ms-flex-order: -10;
        order: -10; }
  .flex-order-xl--9 {
    -ms-flex-order: -9;
        order: -9; }
  .flex-order-xl--8 {
    -ms-flex-order: -8;
        order: -8; }
  .flex-order-xl--7 {
    -ms-flex-order: -7;
        order: -7; }
  .flex-order-xl--6 {
    -ms-flex-order: -6;
        order: -6; }
  .flex-order-xl--5 {
    -ms-flex-order: -5;
        order: -5; }
  .flex-order-xl--4 {
    -ms-flex-order: -4;
        order: -4; }
  .flex-order-xl--3 {
    -ms-flex-order: -3;
        order: -3; }
  .flex-order-xl--2 {
    -ms-flex-order: -2;
        order: -2; }
  .flex-order-xl--1 {
    -ms-flex-order: -1;
        order: -1; }
  .flex-order-xl-0 {
    -ms-flex-order: 0;
        order: 0; }
  .flex-order-xl-1 {
    -ms-flex-order: 1;
        order: 1; }
  .flex-order-xl-2 {
    -ms-flex-order: 2;
        order: 2; }
  .flex-order-xl-3 {
    -ms-flex-order: 3;
        order: 3; }
  .flex-order-xl-4 {
    -ms-flex-order: 4;
        order: 4; }
  .flex-order-xl-5 {
    -ms-flex-order: 5;
        order: 5; }
  .flex-order-xl-6 {
    -ms-flex-order: 6;
        order: 6; }
  .flex-order-xl-7 {
    -ms-flex-order: 7;
        order: 7; }
  .flex-order-xl-8 {
    -ms-flex-order: 8;
        order: 8; }
  .flex-order-xl-9 {
    -ms-flex-order: 9;
        order: 9; }
  .flex-order-xl-10 {
    -ms-flex-order: 10;
        order: 10; }
  .flex-order-xl-11 {
    -ms-flex-order: 11;
        order: 11; }
  .flex-order-xl-12 {
    -ms-flex-order: 12;
        order: 12; }
  .flex-order-xl-13 {
    -ms-flex-order: 13;
        order: 13; }
  .flex-order-xl-14 {
    -ms-flex-order: 14;
        order: 14; }
  .flex-order-xl-15 {
    -ms-flex-order: 15;
        order: 15; }
  .flex-order-xl-16 {
    -ms-flex-order: 16;
        order: 16; }
  .flex-order-xl-17 {
    -ms-flex-order: 17;
        order: 17; }
  .flex-order-xl-18 {
    -ms-flex-order: 18;
        order: 18; }
  .flex-order-xl-19 {
    -ms-flex-order: 19;
        order: 19; }
  .flex-order-xl-20 {
    -ms-flex-order: 20;
        order: 20; }
  .offset-xl-0, .flex-offset-xl-0 {
    margin-left: 0; }
    [dir=rtl] .offset-xl-0, [dir=rtl] .flex-offset-xl-0 {
      margin-left: auto;
      margin-right: 0; }
  .offset-xl-5, .flex-offset-xl-5 {
    margin-left: 5%; }
    [dir=rtl] .offset-xl-5, [dir=rtl] .flex-offset-xl-5 {
      margin-left: auto;
      margin-right: 5%; }
  .offset-xl-10, .flex-offset-xl-10 {
    margin-left: 10%; }
    [dir=rtl] .offset-xl-10, [dir=rtl] .flex-offset-xl-10 {
      margin-left: auto;
      margin-right: 10%; }
  .offset-xl-15, .flex-offset-xl-15 {
    margin-left: 15%; }
    [dir=rtl] .offset-xl-15, [dir=rtl] .flex-offset-xl-15 {
      margin-left: auto;
      margin-right: 15%; }
  .offset-xl-20, .flex-offset-xl-20 {
    margin-left: 20%; }
    [dir=rtl] .offset-xl-20, [dir=rtl] .flex-offset-xl-20 {
      margin-left: auto;
      margin-right: 20%; }
  .offset-xl-25, .flex-offset-xl-25 {
    margin-left: 25%; }
    [dir=rtl] .offset-xl-25, [dir=rtl] .flex-offset-xl-25 {
      margin-left: auto;
      margin-right: 25%; }
  .offset-xl-30, .flex-offset-xl-30 {
    margin-left: 30%; }
    [dir=rtl] .offset-xl-30, [dir=rtl] .flex-offset-xl-30 {
      margin-left: auto;
      margin-right: 30%; }
  .offset-xl-35, .flex-offset-xl-35 {
    margin-left: 35%; }
    [dir=rtl] .offset-xl-35, [dir=rtl] .flex-offset-xl-35 {
      margin-left: auto;
      margin-right: 35%; }
  .offset-xl-40, .flex-offset-xl-40 {
    margin-left: 40%; }
    [dir=rtl] .offset-xl-40, [dir=rtl] .flex-offset-xl-40 {
      margin-left: auto;
      margin-right: 40%; }
  .offset-xl-45, .flex-offset-xl-45 {
    margin-left: 45%; }
    [dir=rtl] .offset-xl-45, [dir=rtl] .flex-offset-xl-45 {
      margin-left: auto;
      margin-right: 45%; }
  .offset-xl-50, .flex-offset-xl-50 {
    margin-left: 50%; }
    [dir=rtl] .offset-xl-50, [dir=rtl] .flex-offset-xl-50 {
      margin-left: auto;
      margin-right: 50%; }
  .offset-xl-55, .flex-offset-xl-55 {
    margin-left: 55%; }
    [dir=rtl] .offset-xl-55, [dir=rtl] .flex-offset-xl-55 {
      margin-left: auto;
      margin-right: 55%; }
  .offset-xl-60, .flex-offset-xl-60 {
    margin-left: 60%; }
    [dir=rtl] .offset-xl-60, [dir=rtl] .flex-offset-xl-60 {
      margin-left: auto;
      margin-right: 60%; }
  .offset-xl-65, .flex-offset-xl-65 {
    margin-left: 65%; }
    [dir=rtl] .offset-xl-65, [dir=rtl] .flex-offset-xl-65 {
      margin-left: auto;
      margin-right: 65%; }
  .offset-xl-70, .flex-offset-xl-70 {
    margin-left: 70%; }
    [dir=rtl] .offset-xl-70, [dir=rtl] .flex-offset-xl-70 {
      margin-left: auto;
      margin-right: 70%; }
  .offset-xl-75, .flex-offset-xl-75 {
    margin-left: 75%; }
    [dir=rtl] .offset-xl-75, [dir=rtl] .flex-offset-xl-75 {
      margin-left: auto;
      margin-right: 75%; }
  .offset-xl-80, .flex-offset-xl-80 {
    margin-left: 80%; }
    [dir=rtl] .offset-xl-80, [dir=rtl] .flex-offset-xl-80 {
      margin-left: auto;
      margin-right: 80%; }
  .offset-xl-85, .flex-offset-xl-85 {
    margin-left: 85%; }
    [dir=rtl] .offset-xl-85, [dir=rtl] .flex-offset-xl-85 {
      margin-left: auto;
      margin-right: 85%; }
  .offset-xl-90, .flex-offset-xl-90 {
    margin-left: 90%; }
    [dir=rtl] .offset-xl-90, [dir=rtl] .flex-offset-xl-90 {
      margin-left: auto;
      margin-right: 90%; }
  .offset-xl-95, .flex-offset-xl-95 {
    margin-left: 95%; }
    [dir=rtl] .offset-xl-95, [dir=rtl] .flex-offset-xl-95 {
      margin-left: auto;
      margin-right: 95%; }
  .offset-xl-33, .flex-offset-xl-33 {
    margin-left: calc(100% / 3); }
  .offset-xl-66, .flex-offset-xl-66 {
    margin-left: calc(200% / 3); }
    [dir=rtl] .offset-xl-66, [dir=rtl] .flex-offset-xl-66 {
      margin-left: auto;
      margin-right: calc(200% / 3); }
  .layout-align-xl,
  .layout-align-xl-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-align: stretch;
        align-items: stretch; }
  .layout-align-xl-start,
  .layout-align-xl-start-start,
  .layout-align-xl-start-center,
  .layout-align-xl-start-end,
  .layout-align-xl-start-stretch {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .layout-align-xl-center,
  .layout-align-xl-center-start,
  .layout-align-xl-center-center,
  .layout-align-xl-center-end,
  .layout-align-xl-center-stretch {
    -ms-flex-pack: center;
        justify-content: center; }
  .layout-align-xl-end,
  .layout-align-xl-end-start,
  .layout-align-xl-end-center,
  .layout-align-xl-end-end,
  .layout-align-xl-end-stretch {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .layout-align-xl-space-around,
  .layout-align-xl-space-around-center,
  .layout-align-xl-space-around-start,
  .layout-align-xl-space-around-end,
  .layout-align-xl-space-around-stretch {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  .layout-align-xl-space-between,
  .layout-align-xl-space-between-center,
  .layout-align-xl-space-between-start,
  .layout-align-xl-space-between-end,
  .layout-align-xl-space-between-stretch {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .layout-align-xl-start-start,
  .layout-align-xl-center-start,
  .layout-align-xl-end-start,
  .layout-align-xl-space-between-start,
  .layout-align-xl-space-around-start {
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .layout-align-xl-start-center,
  .layout-align-xl-center-center,
  .layout-align-xl-end-center,
  .layout-align-xl-space-between-center,
  .layout-align-xl-space-around-center {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: 100%; }
  .layout-align-xl-start-center > *,
  .layout-align-xl-center-center > *,
  .layout-align-xl-end-center > *,
  .layout-align-xl-space-between-center > *,
  .layout-align-xl-space-around-center > * {
    max-width: 100%;
    box-sizing: border-box; }
  .layout-align-xl-start-end,
  .layout-align-xl-center-end,
  .layout-align-xl-end-end,
  .layout-align-xl-space-between-end,
  .layout-align-xl-space-around-end {
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end; }
  .layout-align-xl-start-stretch,
  .layout-align-xl-center-stretch,
  .layout-align-xl-end-stretch,
  .layout-align-xl-space-between-stretch,
  .layout-align-xl-space-around-stretch {
    -ms-flex-align: stretch;
        align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch; }
  .flex-xl {
    -ms-flex: 1;
        flex: 1;
    box-sizing: border-box; }
  .flex-xl-grow {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    box-sizing: border-box; }
  .flex-xl-initial {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xl-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    box-sizing: border-box; }
  .flex-xl-none {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    box-sizing: border-box; }
  .flex-xl-noshrink {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    box-sizing: border-box; }
  .flex-xl-nogrow {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    box-sizing: border-box; }
  .flex-xl-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-column > .flex-xl-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 0%;
    max-height: 100%;
    box-sizing: border-box;
    min-width: 0; }
  .layout-xl-column > .flex-xl-0 {
    -ms-flex: 1 1 0%;
        flex: 1 1 0%;
    max-width: 100%;
    max-height: 0%;
    box-sizing: border-box;
    min-height: 0; }
  .flex-xl-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 5%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-5 {
    -ms-flex: 1 1 5%;
        flex: 1 1 5%;
    max-width: 100%;
    max-height: 5%;
    box-sizing: border-box; }
  .flex-xl-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 10%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-10 {
    -ms-flex: 1 1 10%;
        flex: 1 1 10%;
    max-width: 100%;
    max-height: 10%;
    box-sizing: border-box; }
  .flex-xl-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 15%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-15 {
    -ms-flex: 1 1 15%;
        flex: 1 1 15%;
    max-width: 100%;
    max-height: 15%;
    box-sizing: border-box; }
  .flex-xl-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 20%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-20 {
    -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    max-width: 100%;
    max-height: 20%;
    box-sizing: border-box; }
  .flex-xl-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 25%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-25 {
    -ms-flex: 1 1 25%;
        flex: 1 1 25%;
    max-width: 100%;
    max-height: 25%;
    box-sizing: border-box; }
  .flex-xl-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 30%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-30 {
    -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    max-width: 100%;
    max-height: 30%;
    box-sizing: border-box; }
  .flex-xl-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 35%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-35 {
    -ms-flex: 1 1 35%;
        flex: 1 1 35%;
    max-width: 100%;
    max-height: 35%;
    box-sizing: border-box; }
  .flex-xl-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 40%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-40 {
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
    max-width: 100%;
    max-height: 40%;
    box-sizing: border-box; }
  .flex-xl-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 45%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-45 {
    -ms-flex: 1 1 45%;
        flex: 1 1 45%;
    max-width: 100%;
    max-height: 45%;
    box-sizing: border-box; }
  .flex-xl-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 50%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-50 {
    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    max-width: 100%;
    max-height: 50%;
    box-sizing: border-box; }
  .flex-xl-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 55%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-55 {
    -ms-flex: 1 1 55%;
        flex: 1 1 55%;
    max-width: 100%;
    max-height: 55%;
    box-sizing: border-box; }
  .flex-xl-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 60%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-60 {
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
    max-width: 100%;
    max-height: 60%;
    box-sizing: border-box; }
  .flex-xl-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 65%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-65 {
    -ms-flex: 1 1 65%;
        flex: 1 1 65%;
    max-width: 100%;
    max-height: 65%;
    box-sizing: border-box; }
  .flex-xl-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 70%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-70 {
    -ms-flex: 1 1 70%;
        flex: 1 1 70%;
    max-width: 100%;
    max-height: 70%;
    box-sizing: border-box; }
  .flex-xl-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 75%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-75 {
    -ms-flex: 1 1 75%;
        flex: 1 1 75%;
    max-width: 100%;
    max-height: 75%;
    box-sizing: border-box; }
  .flex-xl-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 80%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-80 {
    -ms-flex: 1 1 80%;
        flex: 1 1 80%;
    max-width: 100%;
    max-height: 80%;
    box-sizing: border-box; }
  .flex-xl-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 85%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-85 {
    -ms-flex: 1 1 85%;
        flex: 1 1 85%;
    max-width: 100%;
    max-height: 85%;
    box-sizing: border-box; }
  .flex-xl-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 90%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-90 {
    -ms-flex: 1 1 90%;
        flex: 1 1 90%;
    max-width: 100%;
    max-height: 90%;
    box-sizing: border-box; }
  .flex-xl-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 95%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-95 {
    -ms-flex: 1 1 95%;
        flex: 1 1 95%;
    max-width: 100%;
    max-height: 95%;
    box-sizing: border-box; }
  .flex-xl-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-33, .layout-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-row > .flex-xl-66, .layout-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-33, .layout-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-column > .flex-xl-66, .layout-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-100 {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-33, .layout-xl-row > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-row > .flex-xl-66, .layout-xl-row > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 66.66%;
    max-height: 100%;
    box-sizing: border-box; }
  .layout-xl-row > .flex {
    min-width: 0; }
  .layout-xl-column > .flex-xl-33, .layout-xl-column > .flex-xl-33 {
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%;
    max-width: 100%;
    max-height: 33.33%;
    box-sizing: border-box; }
  .layout-xl-column > .flex-xl-66, .layout-xl-column > .flex-xl-66 {
    -ms-flex: 1 1 66.66%;
        flex: 1 1 66.66%;
    max-width: 100%;
    max-height: 66.66%;
    box-sizing: border-box; }
  .layout-xl-column > .flex {
    min-height: 0; }
  .layout-xl, .layout-xl-column, .layout-xl-row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex; }
  .layout-xl-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .layout-xl-row {
    -ms-flex-direction: row;
        flex-direction: row; }
  .hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show) {
    display: none; }
  .hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
    display: none; } }

@media print {
  .hide-print:not(.show-print):not(.show) {
    display: none !important; } }

/*https://github.com/angular/flex-layout/wiki/Responsive-API*/
/*custom screen size*/
:root {
  --color-primary-sharp-100: #f0f7fa;
  --color-primary-sharp-200: #d9eaf2;
  --color-primary-sharp-300: #9fcadf;
  --color-primary-sharp-400: #6ac;
  --color-primary-sharp-500: #3986ac;
  --color-primary-dull-500: #3f708d;
  --color-primary-dull-600: #3e535f;
  --color-primary-dull-700: #27404c;
  --color-secondary-500: #e6bf00;
  --color-secondary-600: #b39500;
  --color-secondary-700: #806a00;
  --color-donbest: #fff;
  --bgcolor-donbest: #355afb;
  --color-oddslogic-kibl: #000;
  --bgcolor-oddslogic-kibl: #a2befb; }

body {
  color: #212121; }

.p-0 {
  padding: 0 !important; }

button,
select,
html,
textarea,
input {
  font-family: "Rubik", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.mb-bg-01 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-01.jpg); }

.mb-bg-02 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-02.jpg); }

.mb-bg-03 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-03.jpg); }

.mb-bg-04 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-04.jpg); }

.mb-bg-05 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-05.jpg); }

.mb-bg-06 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-06.jpg); }

.mb-bg-07 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-07.jpg); }

.mb-bg-08 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-08.jpg); }

.mb-bg-09 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-09.jpg); }

.mb-bg-10 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-10.jpg); }

.mb-bg-11 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-11.jpg); }

.mb-bg-12 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-12.jpg); }

.mb-bg-13 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-13.jpg); }

.mb-bg-14 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-14.jpg); }

.mb-bg-15 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-15.jpg); }

.mb-bg-16 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-16.jpg); }

.mb-bg-17 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-17.jpg); }

.mb-bg-18 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-18.jpg); }

.mb-bg-19 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-19.jpg); }

.mb-bg-20 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-20.jpg); }

.mb-bg-21 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-21.jpg); }

.mb-bg-22 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-22.jpg); }

.mb-bg-23 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-23.jpg); }

.mb-bg-24 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-24.jpg); }

.mb-bg-25 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-25.jpg); }

.mb-bg-26 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-26.jpg); }

.mb-bg-27 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-27.jpg); }

.mb-bg-28 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-28.jpg); }

.mb-bg-29 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-29.jpg); }

.mb-bg-30 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-30.jpg); }

.mb-bg-31 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-31.jpg); }

.mb-bg-32 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-32.jpg); }

.mb-bg-33 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-33.jpg); }

.mb-bg-34 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-34.jpg); }

.mb-bg-35 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-35.jpg); }

.mb-bg-36 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-36.jpg); }

.mb-bg-37 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-37.jpg); }

.mb-bg-38 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-38.jpg); }

.mb-bg-39 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-39.jpg); }

.mb-bg-40 {
  background-image: url(../assets/images/backgrounds/material-backgrounds/mb-bg-40.jpg); }

.mb-bg-fb-01 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-01.jpg); }

.mb-bg-fb-02 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-02.jpg); }

.mb-bg-fb-03 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-03.jpg); }

.mb-bg-fb-04 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-04.jpg); }

.mb-bg-fb-05 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-05.jpg); }

.mb-bg-fb-06 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-06.jpg); }

.mb-bg-fb-07 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-07.jpg); }

.mb-bg-fb-08 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-08.jpg); }

.mb-bg-fb-09 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-09.jpg); }

.mb-bg-fb-10 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-10.jpg); }

.mb-bg-fb-11 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-11.jpg); }

.mb-bg-fb-12 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-12.jpg); }

.mb-bg-fb-13 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-13.jpg); }

.mb-bg-fb-14 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-14.jpg); }

.mb-bg-fb-15 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-15.jpg); }

.mb-bg-fb-16 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-16.jpg); }

.mb-bg-fb-17 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-17.jpg); }

.mb-bg-fb-18 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-18.jpg); }

.mb-bg-fb-19 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-19.jpg); }

.mb-bg-fb-20 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-20.jpg); }

.mb-bg-fb-21 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-21.jpg); }

.mb-bg-fb-22 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-22.jpg); }

.mb-bg-fb-23 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-23.jpg); }

.mb-bg-fb-24 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-24.jpg); }

.mb-bg-fb-25 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-25.jpg); }

.mb-bg-fb-26 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-26.jpg); }

.mb-bg-fb-27 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-27.jpg); }

.mb-bg-fb-28 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-28.jpg); }

.mb-bg-fb-29 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-29.jpg); }

.mb-bg-fb-30 {
  background-image: url(../assets/images/backgrounds/material-backgrounds-2/mb-bg-fb-30.jpg); }

.logos {
  width: 34px;
  height: 22px;
  padding: 0;
  float: left; }

.logos2 {
  width: 34px;
  height: 22px;
  margin-right: 8px;
  margin-left: 4px;
  vertical-align: middle;
  padding: 0;
  display: inline-block; }

.logosUp {
  background: url("../assets/images/logos/overarrow.png") no-repeat scroll right 0px transparent;
  width: 16px;
  height: 16px;
  margin-right: 16px;
  margin-left: 14px;
  vertical-align: middle;
  padding: 0;
  display: inline-block; }

.logosDown {
  background: url("../assets/images/logos/underarrow.png") no-repeat scroll right 0px transparent;
  width: 16px;
  height: 16px;
  margin-right: 16px;
  margin-left: 14px;
  vertical-align: middle;
  padding: 0;
  display: inline-block; }

.lg1 {
  background: url("../assets/images/logos/l1_10.svg") no-repeat 100% 0 transparent;
  background-size: 34px 880px; }

.lg5 {
  background: url("../assets/images/logos/l5_5.svg") no-repeat 100% 0 transparent;
  background-size: 34px 682px; }

.lg6 {
  background: url("../assets/images/logos/l6_8.svg") no-repeat 100% 0 transparent;
  background-size: 34px 836px; }

.lg27 {
  background: url("../assets/images/logos/l27_7.svg") no-repeat 100% 0 transparent;
  background-size: 34px 352px; }

.lg24 {
  background: url("../assets/images/logos/l24_1.svg") no-repeat 100% 0 transparent;
  background-size: 34px 198px; }

.lg25 {
  background: url("../assets/images/logos/l25_4.svg") no-repeat 100% 0 transparent;
  background-size: 34px 220px; }

.lg2, .lg22, .lg4, .lg30, .lg41, .lg43 {
  background: url("../assets/images/logos/l2_9.svg") no-repeat 100% 0 transparent;
  background-size: 34px 8602px; }

.lg3 {
  background: url("../assets/images/logos/l3_6.svg") no-repeat 100% 0 transparent;
  background-size: 34px 792px; }

.lg8 {
  background: url("../assets/images/logos/l8_9.svg") no-repeat scroll right 0px transparent;
  background-size: 34px 2354px; }

.lg28 {
  background: url("../assets/images/logos/l28_1.png") no-repeat scroll right 0px transparent; }

.lg57 {
  background: url("../assets/images/logos/l57_2.svg") no-repeat scroll 100% 0 transparent;
  background-size: 34px 198px; }

.leagues {
  background: url("../assets/images/logos/leagues_9.svg") no-repeat scroll 100% 0 transparent;
  background-size: 34px 1122px; }

.l2 {
  background-position: right -22px; }

.l3 {
  background-position: right -44px; }

.l4 {
  background-position: right -66px; }

.l5 {
  background-position: right -88px; }

.l6 {
  background-position: right -110px; }

.l7 {
  background-position: right -132px; }

.l8 {
  background-position: right -154px; }

.l9 {
  background-position: right -176px; }

.l10 {
  background-position: right -198px; }

.l11 {
  background-position: right -220px; }

.l12 {
  background-position: right -242px; }

.l13 {
  background-position: right -264px; }

.l14 {
  background-position: right -286px; }

.l15 {
  background-position: right -308px; }

.l16 {
  background-position: right -330px; }

.l17 {
  background-position: right -352px; }

.l18 {
  background-position: right -374px; }

.l19 {
  background-position: right -396px; }

.l20 {
  background-position: right -418px; }

.l21 {
  background-position: right -440px; }

.l22 {
  background-position: right -462px; }

.l23 {
  background-position: right -484px; }

.l24 {
  background-position: right -506px; }

.l25 {
  background-position: right -528px; }

.l26 {
  background-position: right -550px; }

.l27 {
  background-position: right -572px; }

.l28 {
  background-position: right -594px; }

.l29 {
  background-position: right -616px; }

.l30 {
  background-position: right -638px; }

.l31 {
  background-position: right -660px; }

.l32 {
  background-position: right -682px; }

.l33 {
  background-position: right -704px; }

.l34 {
  background-position: right -726px; }

.l35 {
  background-position: right -748px; }

.l36 {
  background-position: right -770px; }

.l37 {
  background-position: right -792px; }

.l38 {
  background-position: right -814px; }

.l39 {
  background-position: right -836px; }

.l40 {
  background-position: right -858px; }

.l167 {
  background-position: right -22px; }

.l168 {
  background-position: right -44px; }

.l169 {
  background-position: right -66px; }

.l170 {
  background-position: right -88px; }

.l171 {
  background-position: right -110px; }

.l172 {
  background-position: right -132px; }

.l173 {
  background-position: right -154px; }

.l174 {
  background-position: right -176px; }

.l175 {
  background-position: right -198px; }

.l176 {
  background-position: right -220px; }

.l177 {
  background-position: right -242px; }

.l178 {
  background-position: right -264px; }

.l179 {
  background-position: right -286px; }

.l180 {
  background-position: right -308px; }

.l181 {
  background-position: right -330px; }

.l182 {
  background-position: right -352px; }

.l183 {
  background-position: right -374px; }

.l184 {
  background-position: right -396px; }

.l185 {
  background-position: right -418px; }

.l186 {
  background-position: right -440px; }

.l187 {
  background-position: right -462px; }

.l188 {
  background-position: right -484px; }

.l189 {
  background-position: right -506px; }

.l190 {
  background-position: right -528px; }

.l191 {
  background-position: right -550px; }

.l192 {
  background-position: right -572px; }

.l193 {
  background-position: right -594px; }

.l194 {
  background-position: right -616px; }

.l195 {
  background-position: right -638px; }

.l196 {
  background-position: right -660px; }

.l197 {
  background-position: right -682px; }

.l198 {
  background-position: right -704px; }

.l199 {
  background-position: right -726px; }

.l200 {
  background-position: right -748px; }

.l201 {
  background-position: right -770px; }

.l202 {
  background-position: right -792px; }

.l203 {
  background-position: right -814px; }

.l204 {
  background-position: right -836px; }

.l205 {
  background-position: right -858px; }

.l206 {
  background-position: right -880px; }

.l207 {
  background-position: right -902px; }

.l208 {
  background-position: right -924px; }

.l209 {
  background-position: right -946px; }

.l210 {
  background-position: right -968px; }

.l211 {
  background-position: right -990px; }

.l212 {
  background-position: right -1012px; }

.l213 {
  background-position: right -1034px; }

.l214 {
  background-position: right -1056px; }

.l215 {
  background-position: right -1078px; }

.l216 {
  background-position: right -1100px; }

.l217 {
  background-position: right -1122px; }

.l218 {
  background-position: right -1144px; }

.l219 {
  background-position: right -1166px; }

.l220 {
  background-position: right -1188px; }

.l221 {
  background-position: right -1210px; }

.l222 {
  background-position: right -1232px; }

.l223 {
  background-position: right -1254px; }

.l224 {
  background-position: right -1276px; }

.l225 {
  background-position: right -1298px; }

.l226 {
  background-position: right -1320px; }

.l227 {
  background-position: right -1342px; }

.l228 {
  background-position: right -1364px; }

.l229 {
  background-position: right -1386px; }

.l230 {
  background-position: right -1408px; }

.l231 {
  background-position: right -1430px; }

.l232 {
  background-position: right -1452px; }

.l233 {
  background-position: right -1474px; }

.l234 {
  background-position: right -1496px; }

.l235 {
  background-position: right -1518px; }

.l236 {
  background-position: right -1540px; }

.l237 {
  background-position: right -1562px; }

.l238 {
  background-position: right -1584px; }

.l239 {
  background-position: right -1606px; }

.l240 {
  background-position: right -1628px; }

.l241 {
  background-position: right -1650px; }

.l242 {
  background-position: right -1672px; }

.l243 {
  background-position: right -1694px; }

.l244 {
  background-position: right -1716px; }

.l245 {
  background-position: right -1738px; }

.l246 {
  background-position: right -1760px; }

.l247 {
  background-position: right -1782px; }

.l248 {
  background-position: right -1804px; }

.l249 {
  background-position: right -1826px; }

.l250 {
  background-position: right -1848px; }

.l251 {
  background-position: right -1870px; }

.l252 {
  background-position: right -1892px; }

.l253 {
  background-position: right -1914px; }

.l254 {
  background-position: right -1936px; }

.l255 {
  background-position: right -1958px; }

.l256 {
  background-position: right -1980px; }

.l257 {
  background-position: right -2002px; }

.l258 {
  background-position: right -2024px; }

.l259 {
  background-position: right -2046px; }

.l260 {
  background-position: right -2068px; }

.l261 {
  background-position: right -2090px; }

.l262 {
  background-position: right -2112px; }

.l263 {
  background-position: right -2134px; }

.l264 {
  background-position: right -2156px; }

.l265 {
  background-position: right -2178px; }

.l266 {
  background-position: right -2200px; }

.l267 {
  background-position: right -2222px; }

.l268 {
  background-position: right -2244px; }

.l269 {
  background-position: right -2266px; }

.l270 {
  background-position: right -2288px; }

.l271 {
  background-position: right -2310px; }

.l272 {
  background-position: right -2332px; }

.l273 {
  background-position: right -2354px; }

.l274 {
  background-position: right -2376px; }

.l275 {
  background-position: right -2398px; }

.l276 {
  background-position: right -2420px; }

.l277 {
  background-position: right -2442px; }

.l278 {
  background-position: right -2464px; }

.l279 {
  background-position: right -2486px; }

.l280 {
  background-position: right -2508px; }

.l281 {
  background-position: right -2530px; }

.l282 {
  background-position: right -2552px; }

.l283 {
  background-position: right -2574px; }

.l284 {
  background-position: right -2596px; }

.l285 {
  background-position: right -2618px; }

.l286 {
  background-position: right -2640px; }

.l287 {
  background-position: right -2662px; }

.l288 {
  background-position: right -2684px; }

.l289 {
  background-position: right -2706px; }

.l290 {
  background-position: right -2728px; }

.l291 {
  background-position: right -2750px; }

.l292 {
  background-position: right -2772px; }

.l293 {
  background-position: right -2794px; }

.l294 {
  background-position: right -2816px; }

.l295 {
  background-position: right -2838px; }

.l296 {
  background-position: right -2860px; }

.l297 {
  background-position: right -2882px; }

.l298 {
  background-position: right -2904px; }

.l299 {
  background-position: right -2926px; }

.l300 {
  background-position: right -2948px; }

.l301 {
  background-position: right -2970px; }

.l302 {
  background-position: right -2992px; }

.l303 {
  background-position: right -3014px; }

.l304 {
  background-position: right -3036px; }

.l305 {
  background-position: right -3058px; }

.l306 {
  background-position: right -3080px; }

.l307 {
  background-position: right -3102px; }

.l308 {
  background-position: right -3124px; }

.l309 {
  background-position: right -3146px; }

.l310 {
  background-position: right -3168px; }

.l311 {
  background-position: right -3190px; }

.l312 {
  background-position: right -3212px; }

.l313 {
  background-position: right -3234px; }

.l314 {
  background-position: right -3256px; }

.l315 {
  background-position: right -3278px; }

.l316 {
  background-position: right -3300px; }

.l317 {
  background-position: right -3322px; }

.l318 {
  background-position: right -3344px; }

.l319 {
  background-position: right -3366px; }

.l320 {
  background-position: right -3388px; }

.l321 {
  background-position: right -3410px; }

.l322 {
  background-position: right -3432px; }

.l323 {
  background-position: right -3454px; }

.l324 {
  background-position: right -3476px; }

.l325 {
  background-position: right -3498px; }

.l326 {
  background-position: right -3520px; }

.l327 {
  background-position: right -3542px; }

.l328 {
  background-position: right -3564px; }

.l329 {
  background-position: right -3586px; }

.l330 {
  background-position: right -3608px; }

.l331 {
  background-position: right -3630px; }

.l332 {
  background-position: right -3652px; }

.l333 {
  background-position: right -3674px; }

.l334 {
  background-position: right -3696px; }

.l335 {
  background-position: right -3718px; }

.l336 {
  background-position: right -3740px; }

.l337 {
  background-position: right -3762px; }

.l338 {
  background-position: right -3784px; }

.l339 {
  background-position: right -3806px; }

.l340 {
  background-position: right -3828px; }

.l341 {
  background-position: right -3850px; }

.l342 {
  background-position: right -3872px; }

.l343 {
  background-position: right -3894px; }

.l344 {
  background-position: right -3916px; }

.l345 {
  background-position: right -3938px; }

.l346 {
  background-position: right -3960px; }

.l347 {
  background-position: right -3982px; }

.l348 {
  background-position: right -4004px; }

.l349 {
  background-position: right -4026px; }

.l350 {
  background-position: right -4048px; }

.l351 {
  background-position: right -4070px; }

.l352 {
  background-position: right -4092px; }

.l353 {
  background-position: right -4114px; }

.l354 {
  background-position: right -4136px; }

.l355 {
  background-position: right -4158px; }

.l356 {
  background-position: right -4180px; }

.l357 {
  background-position: right -4202px; }

.l359 {
  background-position: right -4246px; }

.l360 {
  background-position: right -4268px; }

.l361 {
  background-position: right -4290px; }

.l362 {
  background-position: right -4312px; }

.l363 {
  background-position: right -4334px; }

.l364 {
  background-position: right -4356px; }

.l365 {
  background-position: right -4378px; }

.l366 {
  background-position: right -4400px; }

.l367 {
  background-position: right -4422px; }

.l368 {
  background-position: right -4444px; }

.l369 {
  background-position: right -4466px; }

.l370 {
  background-position: right -4488px; }

.l371 {
  background-position: right -4510px; }

.l372 {
  background-position: right -4532px; }

.l373 {
  background-position: right -4554px; }

.l374 {
  background-position: right -4576px; }

.l375 {
  background-position: right -4598px; }

.l376 {
  background-position: right -4620px; }

.l377 {
  background-position: right -4642px; }

.l378 {
  background-position: right -4664px; }

.l379 {
  background-position: right -4686px; }

.l380 {
  background-position: right -4708px; }

.l381 {
  background-position: right -4730px; }

.l382 {
  background-position: right -4752px; }

.l383 {
  background-position: right -4774px; }

.l384 {
  background-position: right -4796px; }

.l385 {
  background-position: right -4818px; }

.l386 {
  background-position: right -4840px; }

.l387 {
  background-position: right -4862px; }

.l388 {
  background-position: right -4884px; }

.l389 {
  background-position: right -4906px; }

.l390 {
  background-position: right -4928px; }

.l391 {
  background-position: right -4950px; }

.l392 {
  background-position: right -4972px; }

.l393 {
  background-position: right -4994px; }

.l394 {
  background-position: right -5016px; }

.l395 {
  background-position: right -5038px; }

.l396 {
  background-position: right -5060px; }

.l397 {
  background-position: right -5082px; }

.l398 {
  background-position: right -5104px; }

.l399 {
  background-position: right -5126px; }

.l400 {
  background-position: right -5148px; }

.l401 {
  background-position: right -5170px; }

.l402 {
  background-position: right -5192px; }

.l403 {
  background-position: right -5214px; }

.l404 {
  background-position: right -5236px; }

.l405 {
  background-position: right -5258px; }

.l406 {
  background-position: right -5280px; }

.l407 {
  background-position: right -5302px; }

.l408 {
  background-position: right -5324px; }

.l409 {
  background-position: right -5346px; }

.l410 {
  background-position: right -5368px; }

.l411 {
  background-position: right -5390px; }

.l412 {
  background-position: right -5412px; }

.l413 {
  background-position: right -5434px; }

.l414 {
  background-position: right -5456px; }

.l415 {
  background-position: right -5478px; }

.l416 {
  background-position: right -5500px; }

.l417 {
  background-position: right -5522px; }

.l418 {
  background-position: right -5544px; }

.l419 {
  background-position: right -5566px; }

.l420 {
  background-position: right -5588px; }

.l421 {
  background-position: right -5610px; }

.l422 {
  background-position: right -5632px; }

.l423 {
  background-position: right -5654px; }

.l424 {
  background-position: right -5676px; }

.l425 {
  background-position: right -5698px; }

.l426 {
  background-position: right -5720px; }

.l427 {
  background-position: right -5742px; }

.l428 {
  background-position: right -5764px; }

.l429 {
  background-position: right -5786px; }

.l430 {
  background-position: right -5808px; }

.l431 {
  background-position: right -5830px; }

.l432 {
  background-position: right -5852px; }

.l433 {
  background-position: right -5874px; }

.l434 {
  background-position: right -5896px; }

.l435 {
  background-position: right -5918px; }

.l436 {
  background-position: right -5940px; }

.l437 {
  background-position: right -5962px; }

.l438 {
  background-position: right -5984px; }

.l439 {
  background-position: right -6006px; }

.l440 {
  background-position: right -6028px; }

.l441 {
  background-position: right -6050px; }

.l442 {
  background-position: right -6072px; }

.l443 {
  background-position: right -6094px; }

.l444 {
  background-position: right -6116px; }

.l445 {
  background-position: right -6138px; }

.l446 {
  background-position: right -6160px; }

.l447 {
  background-position: right -6182px; }

.l448 {
  background-position: right -6204px; }

.l449 {
  background-position: right -6226px; }

.l450 {
  background-position: right -6248px; }

.l451 {
  background-position: right -6270px; }

.l452 {
  background-position: right -6292px; }

.l453 {
  background-position: right -6314px; }

.l454 {
  background-position: right -6336px; }

.l455 {
  background-position: right -6358px; }

.l456 {
  background-position: right -6380px; }

.l457 {
  background-position: right -6402px; }

.l458 {
  background-position: right -6424px; }

.l459 {
  background-position: right -6446px; }

.l460 {
  background-position: right -6468px; }

.l461 {
  background-position: right -6490px; }

.l462 {
  background-position: right -6512px; }

.l463 {
  background-position: right -6534px; }

.l464 {
  background-position: right -6556px; }

.l466 {
  background-position: right -6600px; }

.l467 {
  background-position: right -6622px; }

.l468 {
  background-position: right -6644px; }

.l469 {
  background-position: right -6666px; }

.l470 {
  background-position: right -6688px; }

.l471 {
  background-position: right -6710px; }

.l472 {
  background-position: right -6732px; }

.l473 {
  background-position: right -6754px; }

.l474 {
  background-position: right -6776px; }

.l475 {
  background-position: right -6798px; }

.l476 {
  background-position: right -6820px; }

.l477 {
  background-position: right -6842px; }

.l478 {
  background-position: right -6864px; }

.l479 {
  background-position: right -6886px; }

.l480 {
  background-position: right -6908px; }

.l481 {
  background-position: right -6930px; }

.l482 {
  background-position: right -6952px; }

.l483 {
  background-position: right -6974px; }

.l484 {
  background-position: right -6996px; }

.l485 {
  background-position: right -7018px; }

.l486 {
  background-position: right -7040px; }

.l487 {
  background-position: right -6578px; }

.l488 {
  background-position: right -7084px; }

.l489 {
  background-position: right -7106px; }

.l490 {
  background-position: right -7128px; }

.l491 {
  background-position: right -7150px; }

.l492 {
  background-position: right -7172px; }

.l493 {
  background-position: right -7194px; }

.l494 {
  background-position: right -7216px; }

.l495 {
  background-position: right -7238px; }

.l496 {
  background-position: right -7260px; }

.l497 {
  background-position: right -7282px; }

.l498 {
  background-position: right -7304px; }

.l499 {
  background-position: right -7326px; }

.l500 {
  background-position: right -7348px; }

.l501 {
  background-position: right -7370px; }

.l502 {
  background-position: right -7392px; }

.l503 {
  background-position: right -7414px; }

.l504 {
  background-position: right -7436px; }

.l505 {
  background-position: right -7458px; }

.l506 {
  background-position: right -7480px; }

.l507 {
  background-position: right -7502px; }

.l508 {
  background-position: right -7524px; }

.l509 {
  background-position: right -7546px; }

.l510 {
  background-position: right -7568px; }

.l511 {
  background-position: right -7590px; }

.l512 {
  background-position: right -7612px; }

.l513 {
  background-position: right -7634px; }

.l514 {
  background-position: right -7656px; }

.l515 {
  background-position: right -7678px; }

.l516 {
  background-position: right -7700px; }

.l517 {
  background-position: right -7722px; }

.l518 {
  background-position: right -7744px; }

.l519 {
  background-position: right -7766px; }

.l532 {
  background-position: right -7788px; }

.l533 {
  background-position: right -7810px; }

.l534 {
  background-position: right -7832px; }

.l535 {
  background-position: right -7854px; }

.l536 {
  background-position: right -7876px; }

.l537 {
  background-position: right -7898px; }

.l538 {
  background-position: right -7920px; }

.l539 {
  background-position: right -7942px; }

.l540 {
  background-position: right -7964px; }

.l541 {
  background-position: right -7986px; }

.l542 {
  background-position: right -8008px; }

.l543 {
  background-position: right -8030px; }

.l544 {
  background-position: right -8052px; }

.l545 {
  background-position: right -8074px; }

.l546 {
  background-position: right -8096px; }

.l547 {
  background-position: right -8118px; }

.l548 {
  background-position: right -8140px; }

.l549 {
  background-position: right -8162px; }

.l550 {
  background-position: right -8184px; }

.l551 {
  background-position: right -8206px; }

.l552 {
  background-position: right -8228px; }

.l553 {
  background-position: right -8250px; }

.l554 {
  background-position: right -8272px; }

.l555 {
  background-position: right -8294px; }

.l556 {
  background-position: right -8316px; }

.l557 {
  background-position: right -8338px; }

.l558 {
  background-position: right -8360px; }

.l559 {
  background-position: right -8382px; }

.l560 {
  background-position: right -8404px; }

.l561 {
  background-position: right -8426px; }

.l562 {
  background-position: right -8448px; }

.l563 {
  background-position: right -8470px; }

.l564 {
  background-position: right -8514px; }

.l565 {
  background-position: right -8492px; }

.l566 {
  background-position: right -8536px; }

.l670 {
  background-position: right -8558px; }

.l671 {
  background-position: right -8580px; }

.l80 {
  background-position: right -22px; }

.l81 {
  background-position: right -44px; }

.l82 {
  background-position: right -66px; }

.l83 {
  background-position: right -88px; }

.l84 {
  background-position: right -110px; }

.l85 {
  background-position: right -132px; }

.l86 {
  background-position: right -154px; }

.l87 {
  background-position: right -176px; }

.l88 {
  background-position: right -198px; }

.l89 {
  background-position: right -220px; }

.l90 {
  background-position: right -242px; }

.l91 {
  background-position: right -264px; }

.l92 {
  background-position: right -286px; }

.l93 {
  background-position: right -308px; }

.l94 {
  background-position: right -330px; }

.l95 {
  background-position: right -352px; }

.l96 {
  background-position: right -374px; }

.l97 {
  background-position: right -396px; }

.l98 {
  background-position: right -418px; }

.l99 {
  background-position: right -440px; }

.l100 {
  background-position: right -462px; }

.l101 {
  background-position: right -484px; }

.l102 {
  background-position: right -506px; }

.l103 {
  background-position: right -528px; }

.l104 {
  background-position: right -550px; }

.l105 {
  background-position: right -572px; }

.l106 {
  background-position: right -594px; }

.l107 {
  background-position: right -616px; }

.l108 {
  background-position: right -638px; }

.l109 {
  background-position: right -660px; }

.l111 {
  background-position: right -22px; }

.l112 {
  background-position: right -44px; }

.l113 {
  background-position: right -66px; }

.l114 {
  background-position: right -88px; }

.l115 {
  background-position: right -110px; }

.l116 {
  background-position: right -132px; }

.l117 {
  background-position: right -154px; }

.l118 {
  background-position: right -176px; }

.l119 {
  background-position: right -198px; }

.l120 {
  background-position: right -220px; }

.l121 {
  background-position: right -242px; }

.l122 {
  background-position: right -264px; }

.l123 {
  background-position: right -286px; }

.l124 {
  background-position: right -308px; }

.l125 {
  background-position: right -330px; }

.l126 {
  background-position: right -352px; }

.l127 {
  background-position: right -374px; }

.l128 {
  background-position: right -396px; }

.l129 {
  background-position: right -418px; }

.l130 {
  background-position: right -440px; }

.l131 {
  background-position: right -462px; }

.l132 {
  background-position: right -484px; }

.l133 {
  background-position: right -506px; }

.l134 {
  background-position: right -528px; }

.l135 {
  background-position: right -550px; }

.l136 {
  background-position: right -572px; }

.l137 {
  background-position: right -594px; }

.l138 {
  background-position: right -616px; }

.l139 {
  background-position: right -638px; }

.l140 {
  background-position: right -660px; }

.l530 {
  background-position: right -682px; }

.l531 {
  background-position: right -704px; }

.l615 {
  background-position: right -726px; }

.l573.lg6 {
  background-position: right -748px; }

.l617 {
  background-position: right -770px; }

.l618 {
  background-position: right -792px; }

.l619 {
  background-position: right -814px; }

.l42 {
  background-position: right -22px; }

.l43 {
  background-position: right -44px; }

.l44 {
  background-position: right -66px; }

.l45 {
  background-position: right -88px; }

.l46 {
  background-position: right -110px; }

.l47 {
  background-position: right -132px; }

.l48 {
  background-position: right -154px; }

.l49 {
  background-position: right -176px; }

.l50 {
  background-position: right -198px; }

.l51 {
  background-position: right -220px; }

.l52 {
  background-position: right -242px; }

.l53 {
  background-position: right -264px; }

.l54 {
  background-position: right -286px; }

.l55 {
  background-position: right -308px; }

.l56 {
  background-position: right -330px; }

.l57 {
  background-position: right -352px; }

.l58 {
  background-position: right -374px; }

.l59 {
  background-position: right -396px; }

.l60 {
  background-position: right -418px; }

.l61 {
  background-position: right -440px; }

.l62 {
  background-position: right -462px; }

.l63 {
  background-position: right -484px; }

.l64 {
  background-position: right -506px; }

.l65 {
  background-position: right -528px; }

.l66 {
  background-position: right -550px; }

.l67 {
  background-position: right -572px; }

.l68 {
  background-position: right -594px; }

.l69 {
  background-position: right -616px; }

.l70 {
  background-position: right -638px; }

.l71 {
  background-position: right -660px; }

.l72 {
  background-position: right -682px; }

.l73 {
  background-position: right -704px; }

.l74 {
  background-position: right -726px; }

.l75 {
  background-position: right -748px; }

.l76 {
  background-position: right -770px; }

.l77 {
  background-position: right -792px; }

.l78 {
  background-position: right -814px; }

.l157 {
  background-position: right -22px; }

.l158 {
  background-position: right -44px; }

.l159 {
  background-position: right -66px; }

.l160 {
  background-position: right -88px; }

.l161 {
  background-position: right -110px; }

.l162 {
  background-position: right -132px; }

.l163 {
  background-position: right -154px; }

.l164 {
  background-position: right -176px; }

.l165 {
  background-position: right -198px; }

.ll55 {
  background-position: right -22px; }

.ll16 {
  background-position: right -44px; }

.ll29 {
  background-position: right -66px; }

.ll26 {
  background-position: right -88px; }

.ll33 {
  background-position: right -110px; }

.ll35 {
  background-position: right -132px; }

.ll20 {
  background-position: right -154px; }

.ll28 {
  background-position: right -176px; }

.ll31 {
  background-position: right -198px; }

.ll41 {
  background-position: right -220px; }

.ll21 {
  background-position: right -242px; }

.ll9 {
  background-position: right -264px; }

.ll47 {
  background-position: right -286px; }

.ll13 {
  background-position: right -308px; }

.ll5 {
  background-position: right -330px; }

.ll15 {
  background-position: right -352px; }

.ll3 {
  background-position: right -374px; }

.ll22 {
  background-position: right -396px; }

.ll4 {
  background-position: right -418px; }

.ll2 {
  background-position: right -440px; }

.ll43 {
  background-position: right -462px; }

.ll1 {
  background-position: right -484px; }

.ll6 {
  background-position: right -506px; }

.ll51 {
  background-position: right -528px; }

.ll40 {
  background-position: right -550px; }

.ll17 {
  background-position: right -572px; }

.ll37 {
  background-position: right -594px; }

.ll44 {
  background-position: right -616px; }

.ll48 {
  background-position: right -638px; }

.ll8 {
  background-position: right -660px; }

.ll53 {
  background-position: right -682px; }

.ll34 {
  background-position: right -704px; }

.ll24 {
  background-position: right -726px; }

.ll52 {
  background-position: right -748px; }

.ll45 {
  background-position: right -770px; }

.ll27 {
  background-position: right -792px; }

.ll30 {
  background-position: right -814px; }

.ll57 {
  background-position: right -836px; }

.ll23 {
  background-position: right -858px; }

.ll12 {
  background-position: right -880px; }

.ll14 {
  background-position: right -902px; }

.ll25 {
  background-position: right -924px; }

.ll42 {
  background-position: right -946px; }

.ll36 {
  background-position: right -968px; }

.ll54 {
  background-position: right -990px; }

.ll39 {
  background-position: right -1012px; }

.ll38 {
  background-position: right -1034px; }

.ll500 {
  background-position: right -1056px; }

.ll501 {
  background-position: right -1078px; }

.l567 {
  background-position: right -22px; }

.l568 {
  background-position: right -44px; }

.l569 {
  background-position: right -66px; }

.l570 {
  background-position: right -88px; }

.l571 {
  background-position: right -110px; }

.l572 {
  background-position: right -132px; }

.l573 {
  background-position: right -154px; }

.l574 {
  background-position: right -176px; }

.l575 {
  background-position: right -198px; }

.l576 {
  background-position: right -220px; }

.l577 {
  background-position: right -242px; }

.l578 {
  background-position: right -264px; }

.l579 {
  background-position: right -286px; }

.l580 {
  background-position: right -308px; }

.l581 {
  background-position: right -330px; }

.l582 {
  background-position: right -352px; }

.l583 {
  background-position: right -374px; }

.l584 {
  background-position: right -396px; }

.l585 {
  background-position: right -418px; }

.l586 {
  background-position: right -440px; }

.l587 {
  background-position: right -462px; }

.l588, .lg8.l618 {
  background-position: right -484px; }

.l589 {
  background-position: right -506px; }

.l590 {
  background-position: right -528px; }

.l591 {
  background-position: right -550px; }

.l592 {
  background-position: right -572px; }

.l593 {
  background-position: right -594px; }

.l594 {
  background-position: right -616px; }

.l595 {
  background-position: right -638px; }

.l596 {
  background-position: right -660px; }

.l597 {
  background-position: right -682px; }

.l598 {
  background-position: right -704px; }

.lg8.l617 {
  background-position: right -770px; }

.l620 {
  background-position: right -990px; }

.l621 {
  background-position: right -1012px; }

.l622 {
  background-position: right -1034px; }

.l623 {
  background-position: right -1056px; }

.l624 {
  background-position: right -1078px; }

.l625 {
  background-position: right -1100px; }

.l626 {
  background-position: right -1122px; }

.l627 {
  background-position: right -1144px; }

.l628 {
  background-position: right -1166px; }

.l629 {
  background-position: right -1188px; }

.l630 {
  background-position: right -1210px; }

.l631 {
  background-position: right -1232px; }

.l632 {
  background-position: right -1254px; }

.l633 {
  background-position: right -1276px; }

.l634 {
  background-position: right -1298px; }

.l635 {
  background-position: right -1320px; }

.l636 {
  background-position: right -1342px; }

.l637 {
  background-position: right -1364px; }

.l638 {
  background-position: right -1386px; }

.l639 {
  background-position: right -1408px; }

.l640 {
  background-position: right -1430px; }

.l641 {
  background-position: right -1452px; }

.l643 {
  background-position: right -1474px; }

.l644 {
  background-position: right -1496px; }

.l646 {
  background-position: right -1518px; }

.l647 {
  background-position: right -1540px; }

.l648 {
  background-position: right -1562px; }

.l650 {
  background-position: right -1606px; }

.l651 {
  background-position: right -1628px; }

.l652 {
  background-position: right -1650px; }

.l653 {
  background-position: right -1672px; }

.l655 {
  background-position: right -1694px; }

.l658 {
  background-position: right -1716px; }

.l660 {
  background-position: right -1738px; }

.l662 {
  background-position: right -1760px; }

.l663 {
  background-position: right -1782px; }

.l666 {
  background-position: right -1804px; }

.l667 {
  background-position: right -1826px; }

.l672 {
  background-position: right -1870px; }

.l673 {
  background-position: right -1892px; }

.l674 {
  background-position: right -1914px; }

.l675 {
  background-position: right -1936px; }

.l676 {
  background-position: right -1958px; }

.l677 {
  background-position: right -1980px; }

.l678 {
  background-position: right -2002px; }

.l679 {
  background-position: right -2024px; }

.l680 {
  background-position: right -2046px; }

.l681 {
  background-position: right -2068px; }

.l682 {
  background-position: right -2090px; }

.l683 {
  background-position: right -2112px; }

.l684 {
  background-position: right -2134px; }

.l685 {
  background-position: right -2156px; }

.l686 {
  background-position: right -2178px; }

.l687 {
  background-position: right -2200px; }

.l689 {
  background-position: right -2222px; }

.l690 {
  background-position: right -924px; }

.l691 {
  background-position: right -2244px; }

.l692 {
  background-position: right -2266px; }

.l693 {
  background-position: right -946px; }

.l611 {
  background-position: right -22px; }

.l600 {
  background-position: right -44px; }

.l610 {
  background-position: right -66px; }

.l602 {
  background-position: right -88px; }

.l603 {
  background-position: right -110px; }

.l604 {
  background-position: right -132px; }

.l607 {
  background-position: right -154px; }

.l606 {
  background-position: right -176px; }

.l608 {
  background-position: right -176px; }

.l609 {
  background-position: right -132px; }

.l612 {
  background-position: right -44px; }

.l613 {
  background-position: right -154px; }

.l614 {
  background-position: right -110px; }

.l144 {
  background-position: right -22px; }

.l145 {
  background-position: right -44px; }

.l146 {
  background-position: right -66px; }

.l154 {
  background-position: right -88px; }

.l147 {
  background-position: right -110px; }

.l148 {
  background-position: right -132px; }

.l149 {
  background-position: right -154px; }

.l150 {
  background-position: right -176px; }

.l151 {
  background-position: right -198px; }

.l152 {
  background-position: right -220px; }

.l153 {
  background-position: right -242px; }

.l155 {
  background-position: right -264px; }

.l668 {
  background-position: right -286px; }

.l669 {
  background-position: right -308px; }

.l688 {
  background-position: right -330px; }

md-table-container.cog-scrollable-table {
  height: 80vh;
  box-sizing: border-box; }
  @media screen and (max-width: 599px) {
    md-table-container.cog-scrollable-table {
      height: calc(100vh - 210px); } }
  md-table-container.cog-scrollable-table table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
        flex-flow: column;
    height: 100%;
    width: 100%; }
    md-table-container.cog-scrollable-table table .__figure-cell-info {
      text-align: right !important; }
    md-table-container.cog-scrollable-table table thead {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      width: 100%;
      display: table;
      table-layout: fixed;
      box-shadow: 0px 4px 16px -5px rgba(0, 0, 0, 0.75); }
      @media screen and (max-width: 599px) {
        md-table-container.cog-scrollable-table table thead tr * {
          font-size: 0.80em;
          letter-spacing: -1px; } }
      md-table-container.cog-scrollable-table table thead tr.table-toolbar th {
        color: #FFFFFF;
        padding: 5px 55px 5px 7px; }
        @media screen and (max-width: 599px) {
          md-table-container.cog-scrollable-table table thead tr.table-toolbar th {
            padding: 5px 0px 5px 0px; } }
        md-table-container.cog-scrollable-table table thead tr.table-toolbar th:first-child {
          padding-left: 5px; }
        md-table-container.cog-scrollable-table table thead tr.table-toolbar th:last-child {
          padding-right: 20px; }
      md-table-container.cog-scrollable-table table thead tr.sub-toolbar th {
        color: #000000;
        font-weight: 1;
        padding: 5px 55px 5px 7px; }
        @media screen and (max-width: 599px) {
          md-table-container.cog-scrollable-table table thead tr.sub-toolbar th {
            font-weight: bold; } }
        @media screen and (max-width: 599px) {
          md-table-container.cog-scrollable-table table thead tr.sub-toolbar th {
            padding: 5px 0px 5px 0px; } }
        md-table-container.cog-scrollable-table table thead tr.sub-toolbar th:first-child {
          padding-left: 5px; }
        md-table-container.cog-scrollable-table table thead tr.sub-toolbar th:last-child {
          padding-right: 20px; }
    md-table-container.cog-scrollable-table table tbody {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      display: block;
      overflow: hidden;
      overflow-y: scroll;
      scrollbar-width: thin; }
      md-table-container.cog-scrollable-table table tbody::-webkit-scrollbar {
        width: 5px;
        height: 5px;
        background: rgba(0, 0, 0, 0.1);
        transition: all .2s; }
      md-table-container.cog-scrollable-table table tbody::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.35);
        border-radius: 4px;
        transition: all .2s; }
      md-table-container.cog-scrollable-table table tbody tr {
        width: 100%;
        display: table;
        table-layout: fixed; }
        @media screen and (max-width: 599px) {
          md-table-container.cog-scrollable-table table tbody tr * {
            font-size: 0.80em; } }
        md-table-container.cog-scrollable-table table tbody tr td {
          padding: 5px 52px 5px 15px;
          vertical-align: top;
          box-sizing: content-box; }
          @media screen and (max-width: 599px) {
            md-table-container.cog-scrollable-table table tbody tr td {
              padding: 5px 0px 5px 0px; } }
          md-table-container.cog-scrollable-table table tbody tr td:first-child {
            padding-left: 5px; }
          md-table-container.cog-scrollable-table table tbody tr td:last-child {
            padding-left: 10px;
            padding-right: 15px; }
            @media screen and (max-width: 599px) {
              md-table-container.cog-scrollable-table table tbody tr td:last-child {
                padding-right: 20px; } }
            @media screen and (min-width: 600px) and (max-width: 959px) {
              md-table-container.cog-scrollable-table table tbody tr td:last-child {
                padding-right: 20px; } }
          md-table-container.cog-scrollable-table table tbody tr td[ng-click] {
            text-decoration: underline !important;
            color: #36526f !important; }

.md-datepicker-calendar {
  background-color: white; }

.md-datepicker-input-mask-opaque {
  background: #FFF; }

.md-subheader-inner {
  padding: 10px !important; }

.md-warn.md-hue-2 {
  color: #000 !important;
  background-color: #eb8d00 !important; }
  .md-warn.md-hue-2 md-icon {
    color: #000 !important; }
  .md-warn.md-hue-2:hover {
    background-color: #f59b00 !important; }

.md-button.md-success {
  color: rgba(255, 255, 255, 0.875);
  background-color: #008000; }
  .md-button.md-success:not([disabled]):hover, .md-button.md-success:not([disabled]):focus {
    color: #fff;
    background-color: #090; }
  .md-button.md-success:not([disabled]) md-icon {
    color: inherit; }

.md-button.md-purple.md-raised, .md-button.md-purple.md-raised.md-blue-grey-theme, .md-button.md-purple.md-fab, .md-button.md-purple.md-fab.md-blue-grey-theme {
  color: #fff;
  background-color: #40435e; }

.md-button.md-purple:not([disabled]):hover.md-raised, .md-button.md-purple:not([disabled]):hover.md-raised.md-blue-grey-theme, .md-button.md-purple:not([disabled]):hover.md-fab, .md-button.md-purple:not([disabled]):hover.md-fab.md-blue-grey-theme {
  background-color: #55597c; }

.margin-auto {
  margin-right: auto;
  margin-left: auto; }

.lstScores .logos.lg8:not(.l587):not(.l593),
.teamdb-leagueteams-container .logos.lg8:not(.l587):not(.l593) {
  transform: scale(0.8125); }

.content-tree .angular-ui-tree-handle {
  background-color: #f8faff;
  border: 1px solid #dae2ea;
  color: #7c9eb2;
  padding: 5px 10px;
  font-size: 15px; }
  .content-tree .angular-ui-tree-handle a span {
    color: #546c81; }
  .content-tree .angular-ui-tree-handle span md-switch {
    margin: 0 !important;
    height: 0; }
  .content-tree .angular-ui-tree-handle:hover {
    color: #6d8da0;
    background-color: #f4f6f7;
    border-color: #dce2e8;
    cursor: default; }
  .content-tree .angular-ui-tree-handle .sport-item > .fa {
    min-width: 1.125em; }

.modal-telegram-settings.cog-dialog md-dialog-actions .md-button:last-child {
  margin-right: auto;
  margin-left: auto; }
  .modal-telegram-settings.cog-dialog md-dialog-actions .md-button:last-child.md-default {
    color: #212121 !important;
    background-color: #fafafa !important; }

.qr-code {
  display: block;
  margin: auto; }

.qr-code-message {
  font-weight: bold; }

.non-selectable {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

/*.ng-scope {
    border: 1px solid red;
}*/
/**
 *  Do not remove this comments bellow. It's the markers used by gulp-inject to inject
 *  all your sass files automatically
 */

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes jello {
  11.1% {
    transform: none; }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }
  100% {
    transform: none; } }

@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

@keyframes rubberBand {
  0% {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes shake {
  0%, 100% {
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    transform: translateX(10px); } }

@keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    transform-origin: top center; }
  20% {
    transform: rotate(15deg); }
  40% {
    transform: rotate(-10deg); }
  60% {
    transform: rotate(5deg); }
  80% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(0deg); } }

@keyframes tada {
  0% {
    transform: scale(1); }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg); }
  100% {
    transform: scale(1) rotate(0); } }

@keyframes wobble {
  0% {
    transform: translateX(0%); }
  15% {
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    transform: translateX(20%) rotate(3deg); }
  45% {
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    transform: translateX(10%) rotate(2deg); }
  75% {
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    transform: translateX(0%); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }
  50% {
    opacity: 1;
    transform: scale(1.05); }
  70% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    transform: translateY(30px); }
  80% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    transform: translateX(30px); }
  80% {
    transform: translateX(-10px); }
  100% {
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    transform: translateX(-30px); }
  80% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    transform: translateY(-30px); }
  80% {
    transform: translateY(10px); }
  100% {
    transform: translateY(0); } }

@keyframes bounceOut {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(0.95); }
  50% {
    opacity: 1;
    transform: scale(1.1); }
  100% {
    opacity: 0;
    transform: scale(0.3); } }

@keyframes bounceOutDown {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(20px); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }
  20% {
    opacity: 1;
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }

@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }
  20% {
    opacity: 1;
    transform: translateY(20px); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(20px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-20px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(20px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-20px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

@keyframes flipInX {
  0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg); }
  40% {
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    transform: perspective(400px) rotateX(10deg); }
  100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg); } }

@keyframes flipInY {
  0% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg); }
  40% {
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg); } }

@keyframes flipOutX {
  0% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg); }
  100% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg); } }

@keyframes flipOutY {
  0% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg); }
  100% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg); } }

@keyframes lightSpeedIn {
  0% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg); }
  60% {
    opacity: 1;
    transform: translateX(-20%) skewX(30deg); }
  80% {
    opacity: 1;
    transform: translateX(0%) skewX(-15deg); }
  100% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg); } }

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg); }
  100% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg); } }

@keyframes rotateIn {
  0% {
    opacity: 0;
    transform: rotate(-200deg);
    transform-origin: center center; }
  100% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: center center; } }

@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: left bottom; } }

@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: right bottom; } }

@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: left bottom; } }

@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: right bottom; } }

@keyframes rotateOut {
  0% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: center center; }
  100% {
    opacity: 0;
    transform: rotate(200deg);
    transform-origin: center center; } }

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: left bottom; }
  100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom; } }

@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: right bottom; }
  100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom; } }

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: left bottom; }
  100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom; } }

@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: right bottom; }
  100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom; } }

@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slideOutDown {
  0% {
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(2000px); } }

@keyframes slideOutLeft {
  0% {
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

@keyframes slideOutRight {
  0% {
    transform: translateX(0); }
  100% {
    opacity: 0;
    transform: translateX(2000px); } }

@keyframes slideOutUp {
  0% {
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    transform: rotate(0);
    transform-origin: top left; }
  20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
    transform-origin: top left; }
  40% {
    animation-timing-function: ease-in-out;
    transform: rotate(60deg);
    transform-origin: top left; }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: rotate(60deg) translateY(0);
    transform-origin: top left; }
  100% {
    opacity: 0;
    transform: translateY(700px); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg); } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }

@keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } }

@keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } }

@keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center; } }

@keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom; } }

html, body {
  height: 100%; }

.alert-success {
  color: #8BC34A; }

.alert-error {
  color: #F44336; }

.alert-warning {
  color: #FF9800; }

@media (max-width: 600px) {
  .mobile-fullwidth-dialog {
    max-width: 100%;
    min-height: 100%; } }

a {
  color: #00BCD4; }

body[md-theme="dark"] {
  background-color: #3a3a3a; }

.md-dark-theme {
  color: rgba(255, 255, 255, 0.7) !important; }
  .md-dark-theme a {
    color: #ffffff; }

md-list {
  padding-top: 0px;
  padding-bottom: 0px; }

.md-list-item-inner {
  max-width: 100%;
  box-sizing: border-box; }

.email-inbox-list-item p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

md-card md-card-content {
  display: block; }

ui-gmap-google-map img {
  max-width: none; }

#footer .md-toolbar-tools h2 {
  font-size: 1.8rem;
  line-height: 2.2rem; }

md-datepicker, md-datepicker .md-datepicker-input {
  background: none !important; }

.md-calendar-day-header th {
  vertical-align: middle; }

.md-table-toolbar {
  transition: none; }

@media screen and (max-width: 600px) {
  .os-windows .layout-column > .flex, .layout-xs-column > .flex {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

@media print {
  md-sidenav, .md-fab {
    display: none !important; }
  md-content, #admin-panel {
    overflow: visible; }
  .print-full {
    page-break-inside: avoid; }
  .full-height {
    height: auto; } }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

canvas {
  vertical-align: bottom;
  max-width: 100%; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

img {
  max-width: 100%;
  min-height: 0; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.social-background-twitter {
  background-color: #55acee !important; }

.social-background-facebook {
  background-color: #3b5998 !important; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 24px;
  border-spacing: 0;
  border-collapse: collapse; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 24px;
    vertical-align: top;
    border-top: 1px solid #f2f2f2; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #f2f2f2; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #f2f2f2; }

.table-bordered {
  border: 1px solid #f2f2f2; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #f2f2f2; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f2f2f2; }

.table-hover > tbody > tr:hover {
  background-color: #f2f2f2; }

.table-responsive {
  overflow-x: auto; }
  @media screen and (max-width: 600px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 18px;
      overflow-y: hidden;
      border: 1px solid #f2f2f2; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

html {
  font-size: 62.5%;
  line-height: 1.5; }

body {
  font-size: 1.6rem; }

a {
  text-decoration: none; }

a:hover, a:focus {
  text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1rem;
  margin-top: 1rem; }

h1 {
  font-size: 3.400rem;
  font-weight: 400;
  line-height: 4rem; }

h2 {
  font-size: 2.400rem;
  font-weight: 400;
  line-height: 3.2rem; }

h3 {
  font-size: 2.000rem;
  font-weight: 500;
  letter-spacing: 0.005em; }

h4 {
  font-size: 1.600rem;
  font-weight: 400;
  letter-spacing: 0.010em;
  line-height: 2.4rem; }

p {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.010em;
  margin: 1.6rem 0; }

strong {
  font-weight: 500; }

blockquote {
  border-left: 3px solid rgba(0, 0, 0, 0.12);
  font-style: italic;
  margin-left: 0;
  padding-left: 16px; }

code:not(.hljs) {
  color: #4285f4;
  -webkit-font-smoothing: auto;
  font-weight: bold; }

code.hljs.html, code.hljs.javascript {
  padding: 16px;
  font-size: 1.400rem; }

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

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

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

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

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

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

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

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

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

.font-size-1 {
  font-size: 1rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-2 {
  font-size: 2rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-3 {
  font-size: 3rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-4 {
  font-size: 4rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-5 {
  font-size: 5rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-6 {
  font-size: 6rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-7 {
  font-size: 7rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-8 {
  font-size: 8rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-9 {
  font-size: 9rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-10 {
  font-size: 10rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-11 {
  font-size: 11rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-12 {
  font-size: 12rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-13 {
  font-size: 13rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-14 {
  font-size: 14rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-15 {
  font-size: 15rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-16 {
  font-size: 16rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-17 {
  font-size: 17rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-18 {
  font-size: 18rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-19 {
  font-size: 19rem !important;
  min-width: 1em;
  line-height: 1; }

.font-size-20 {
  font-size: 20rem !important;
  min-width: 1em;
  line-height: 1; }

.line-height-normal {
  line-height: 1em; }

.line-height-medium {
  line-height: 1.2em; }

.line-height-big {
  line-height: 1.5em; }

.line-height-bigger {
  line-height: 1.75em; }

md-icon[md-font-icon] {
  height: auto;
  font-size: 2rem; }

md-icon[md-font-icon]:focus {
  outline: none; }

.text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%; }

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

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

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

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

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

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

.font-style-normal {
  font-style: normal; }

.font-style-italic {
  font-style: italic; }

.text-light {
  color: white; }

.text-dark {
  color: black; }

.text-gray {
  color: rgba(0, 0, 0, 0.78); }

.full-height {
  height: 100%; }

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

.margin-normal {
  margin: 16px; }

.margin-0 {
  margin: 0px !important; }

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

.margin-left-0 {
  margin-left: 0px !important; }

.margin-bottom-0 {
  margin-bottom: 0px !important; }

.margin-right-0 {
  margin-right: 0px !important; }

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

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

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

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

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

.margin-20 {
  margin: 20px !important; }

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

.margin-left-20 {
  margin-left: 20px !important; }

.margin-bottom-20 {
  margin-bottom: 20px !important; }

.margin-right-20 {
  margin-right: 20px !important; }

.margin-30 {
  margin: 30px !important; }

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

.margin-left-30 {
  margin-left: 30px !important; }

.margin-bottom-30 {
  margin-bottom: 30px !important; }

.margin-right-30 {
  margin-right: 30px !important; }

.margin-40 {
  margin: 40px !important; }

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

.margin-left-40 {
  margin-left: 40px !important; }

.margin-bottom-40 {
  margin-bottom: 40px !important; }

.margin-right-40 {
  margin-right: 40px !important; }

.margin-50 {
  margin: 50px !important; }

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

.margin-left-50 {
  margin-left: 50px !important; }

.margin-bottom-50 {
  margin-bottom: 50px !important; }

.margin-right-50 {
  margin-right: 50px !important; }

.margin-60 {
  margin: 60px !important; }

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

.margin-left-60 {
  margin-left: 60px !important; }

.margin-bottom-60 {
  margin-bottom: 60px !important; }

.margin-right-60 {
  margin-right: 60px !important; }

.margin-70 {
  margin: 70px !important; }

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

.margin-left-70 {
  margin-left: 70px !important; }

.margin-bottom-70 {
  margin-bottom: 70px !important; }

.margin-right-70 {
  margin-right: 70px !important; }

.margin-80 {
  margin: 80px !important; }

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

.margin-left-80 {
  margin-left: 80px !important; }

.margin-bottom-80 {
  margin-bottom: 80px !important; }

.margin-right-80 {
  margin-right: 80px !important; }

.margin-90 {
  margin: 90px !important; }

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

.margin-left-90 {
  margin-left: 90px !important; }

.margin-bottom-90 {
  margin-bottom: 90px !important; }

.margin-right-90 {
  margin-right: 90px !important; }

.margin-100 {
  margin: 100px !important; }

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

.margin-left-100 {
  margin-left: 100px !important; }

.margin-bottom-100 {
  margin-bottom: 100px !important; }

.margin-right-100 {
  margin-right: 100px !important; }

.margin-110 {
  margin: 110px !important; }

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

.margin-left-110 {
  margin-left: 110px !important; }

.margin-bottom-110 {
  margin-bottom: 110px !important; }

.margin-right-110 {
  margin-right: 110px !important; }

.margin-120 {
  margin: 120px !important; }

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

.margin-left-120 {
  margin-left: 120px !important; }

.margin-bottom-120 {
  margin-bottom: 120px !important; }

.margin-right-120 {
  margin-right: 120px !important; }

.margin-130 {
  margin: 130px !important; }

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

.margin-left-130 {
  margin-left: 130px !important; }

.margin-bottom-130 {
  margin-bottom: 130px !important; }

.margin-right-130 {
  margin-right: 130px !important; }

.margin-140 {
  margin: 140px !important; }

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

.margin-left-140 {
  margin-left: 140px !important; }

.margin-bottom-140 {
  margin-bottom: 140px !important; }

.margin-right-140 {
  margin-right: 140px !important; }

.margin-150 {
  margin: 150px !important; }

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

.margin-left-150 {
  margin-left: 150px !important; }

.margin-bottom-150 {
  margin-bottom: 150px !important; }

.margin-right-150 {
  margin-right: 150px !important; }

.margin-160 {
  margin: 160px !important; }

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

.margin-left-160 {
  margin-left: 160px !important; }

.margin-bottom-160 {
  margin-bottom: 160px !important; }

.margin-right-160 {
  margin-right: 160px !important; }

.margin-170 {
  margin: 170px !important; }

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

.margin-left-170 {
  margin-left: 170px !important; }

.margin-bottom-170 {
  margin-bottom: 170px !important; }

.margin-right-170 {
  margin-right: 170px !important; }

.margin-180 {
  margin: 180px !important; }

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

.margin-left-180 {
  margin-left: 180px !important; }

.margin-bottom-180 {
  margin-bottom: 180px !important; }

.margin-right-180 {
  margin-right: 180px !important; }

.margin-190 {
  margin: 190px !important; }

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

.margin-left-190 {
  margin-left: 190px !important; }

.margin-bottom-190 {
  margin-bottom: 190px !important; }

.margin-right-190 {
  margin-right: 190px !important; }

.margin-200 {
  margin: 200px !important; }

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

.margin-left-200 {
  margin-left: 200px !important; }

.margin-bottom-200 {
  margin-bottom: 200px !important; }

.margin-right-200 {
  margin-right: 200px !important; }

.padding-normal {
  padding: 16px; }

.padded-content-page {
  padding: 16px 24px; }

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

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

.padding-left-0 {
  padding-left: 0px !important; }

.padding-bottom-0 {
  padding-bottom: 0px !important; }

.padding-right-0 {
  padding-right: 0px !important; }

.padding-10 {
  padding: 10px !important; }

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

.padding-left-10 {
  padding-left: 10px !important; }

.padding-bottom-10 {
  padding-bottom: 10px !important; }

.padding-right-10 {
  padding-right: 10px !important; }

.padding-20 {
  padding: 20px !important; }

.padding-top-20 {
  padding-top: 20px !important; }

.padding-left-20 {
  padding-left: 20px !important; }

.padding-bottom-20 {
  padding-bottom: 20px !important; }

.padding-right-20 {
  padding-right: 20px !important; }

.padding-30 {
  padding: 30px !important; }

.padding-top-30 {
  padding-top: 30px !important; }

.padding-left-30 {
  padding-left: 30px !important; }

.padding-bottom-30 {
  padding-bottom: 30px !important; }

.padding-right-30 {
  padding-right: 30px !important; }

.padding-40 {
  padding: 40px !important; }

.padding-top-40 {
  padding-top: 40px !important; }

.padding-left-40 {
  padding-left: 40px !important; }

.padding-bottom-40 {
  padding-bottom: 40px !important; }

.padding-right-40 {
  padding-right: 40px !important; }

.padding-50 {
  padding: 50px !important; }

.padding-top-50 {
  padding-top: 50px !important; }

.padding-left-50 {
  padding-left: 50px !important; }

.padding-bottom-50 {
  padding-bottom: 50px !important; }

.padding-right-50 {
  padding-right: 50px !important; }

.padding-60 {
  padding: 60px !important; }

.padding-top-60 {
  padding-top: 60px !important; }

.padding-left-60 {
  padding-left: 60px !important; }

.padding-bottom-60 {
  padding-bottom: 60px !important; }

.padding-right-60 {
  padding-right: 60px !important; }

.padding-70 {
  padding: 70px !important; }

.padding-top-70 {
  padding-top: 70px !important; }

.padding-left-70 {
  padding-left: 70px !important; }

.padding-bottom-70 {
  padding-bottom: 70px !important; }

.padding-right-70 {
  padding-right: 70px !important; }

.padding-80 {
  padding: 80px !important; }

.padding-top-80 {
  padding-top: 80px !important; }

.padding-left-80 {
  padding-left: 80px !important; }

.padding-bottom-80 {
  padding-bottom: 80px !important; }

.padding-right-80 {
  padding-right: 80px !important; }

.padding-90 {
  padding: 90px !important; }

.padding-top-90 {
  padding-top: 90px !important; }

.padding-left-90 {
  padding-left: 90px !important; }

.padding-bottom-90 {
  padding-bottom: 90px !important; }

.padding-right-90 {
  padding-right: 90px !important; }

.padding-100 {
  padding: 100px !important; }

.padding-top-100 {
  padding-top: 100px !important; }

.padding-left-100 {
  padding-left: 100px !important; }

.padding-bottom-100 {
  padding-bottom: 100px !important; }

.padding-right-100 {
  padding-right: 100px !important; }

.padding-110 {
  padding: 110px !important; }

.padding-top-110 {
  padding-top: 110px !important; }

.padding-left-110 {
  padding-left: 110px !important; }

.padding-bottom-110 {
  padding-bottom: 110px !important; }

.padding-right-110 {
  padding-right: 110px !important; }

.padding-120 {
  padding: 120px !important; }

.padding-top-120 {
  padding-top: 120px !important; }

.padding-left-120 {
  padding-left: 120px !important; }

.padding-bottom-120 {
  padding-bottom: 120px !important; }

.padding-right-120 {
  padding-right: 120px !important; }

.padding-130 {
  padding: 130px !important; }

.padding-top-130 {
  padding-top: 130px !important; }

.padding-left-130 {
  padding-left: 130px !important; }

.padding-bottom-130 {
  padding-bottom: 130px !important; }

.padding-right-130 {
  padding-right: 130px !important; }

.padding-140 {
  padding: 140px !important; }

.padding-top-140 {
  padding-top: 140px !important; }

.padding-left-140 {
  padding-left: 140px !important; }

.padding-bottom-140 {
  padding-bottom: 140px !important; }

.padding-right-140 {
  padding-right: 140px !important; }

.padding-150 {
  padding: 150px !important; }

.padding-top-150 {
  padding-top: 150px !important; }

.padding-left-150 {
  padding-left: 150px !important; }

.padding-bottom-150 {
  padding-bottom: 150px !important; }

.padding-right-150 {
  padding-right: 150px !important; }

.padding-160 {
  padding: 160px !important; }

.padding-top-160 {
  padding-top: 160px !important; }

.padding-left-160 {
  padding-left: 160px !important; }

.padding-bottom-160 {
  padding-bottom: 160px !important; }

.padding-right-160 {
  padding-right: 160px !important; }

.padding-170 {
  padding: 170px !important; }

.padding-top-170 {
  padding-top: 170px !important; }

.padding-left-170 {
  padding-left: 170px !important; }

.padding-bottom-170 {
  padding-bottom: 170px !important; }

.padding-right-170 {
  padding-right: 170px !important; }

.padding-180 {
  padding: 180px !important; }

.padding-top-180 {
  padding-top: 180px !important; }

.padding-left-180 {
  padding-left: 180px !important; }

.padding-bottom-180 {
  padding-bottom: 180px !important; }

.padding-right-180 {
  padding-right: 180px !important; }

.padding-190 {
  padding: 190px !important; }

.padding-top-190 {
  padding-top: 190px !important; }

.padding-left-190 {
  padding-left: 190px !important; }

.padding-bottom-190 {
  padding-bottom: 190px !important; }

.padding-right-190 {
  padding-right: 190px !important; }

.padding-200 {
  padding: 200px !important; }

.padding-top-200 {
  padding-top: 200px !important; }

.padding-left-200 {
  padding-left: 200px !important; }

.padding-bottom-200 {
  padding-bottom: 200px !important; }

.padding-right-200 {
  padding-right: 200px !important; }

.opacity-0 {
  opacity: 0 !important; }

.opacity-10 {
  opacity: 0.1 !important; }

.opacity-20 {
  opacity: 0.2 !important; }

.opacity-30 {
  opacity: 0.3 !important; }

.opacity-40 {
  opacity: 0.4 !important; }

.opacity-50 {
  opacity: 0.5 !important; }

.opacity-60 {
  opacity: 0.6 !important; }

.opacity-70 {
  opacity: 0.7 !important; }

.opacity-80 {
  opacity: 0.8 !important; }

.opacity-89 {
  opacity: 0.9 !important; }

.opacity-99 {
  opacity: 1 !important; }

.overlay-0 {
  position: relative;
  z-index: 1; }
  .overlay-0:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: -1; }

.overlay-5 {
  position: relative;
  z-index: 1; }
  .overlay-5:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.05);
    z-index: -1; }

.overlay-10 {
  position: relative;
  z-index: 1; }
  .overlay-10:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: -1; }

.overlay-15 {
  position: relative;
  z-index: 1; }
  .overlay-15:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    z-index: -1; }

.overlay-20 {
  position: relative;
  z-index: 1; }
  .overlay-20:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: -1; }

.overlay-25 {
  position: relative;
  z-index: 1; }
  .overlay-25:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: -1; }

.overlay-30 {
  position: relative;
  z-index: 1; }
  .overlay-30:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1; }

.overlay-35 {
  position: relative;
  z-index: 1; }
  .overlay-35:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    z-index: -1; }

.overlay-40 {
  position: relative;
  z-index: 1; }
  .overlay-40:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: -1; }

.overlay-44 {
  position: relative;
  z-index: 1; }
  .overlay-44:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: -1; }

.overlay-49 {
  position: relative;
  z-index: 1; }
  .overlay-49:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1; }

.overlay-54 {
  position: relative;
  z-index: 1; }
  .overlay-54:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: -1; }

.overlay-60 {
  position: relative;
  z-index: 1; }
  .overlay-60:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1; }

.overlay-65 {
  position: relative;
  z-index: 1; }
  .overlay-65:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: -1; }

.overlay-70 {
  position: relative;
  z-index: 1; }
  .overlay-70:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: -1; }

.overlay-75 {
  position: relative;
  z-index: 1; }
  .overlay-75:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    z-index: -1; }

.overlay-80 {
  position: relative;
  z-index: 1; }
  .overlay-80:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: -1; }

.overlay-85 {
  position: relative;
  z-index: 1; }
  .overlay-85:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: -1; }

.overlay-90 {
  position: relative;
  z-index: 1; }
  .overlay-90:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: -1; }

.overlay-95 {
  position: relative;
  z-index: 1; }
  .overlay-95:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    z-index: -1; }

.overlay-100 {
  position: relative;
  z-index: 1; }
  .overlay-100:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    z-index: -1; }

.overlay-gradient-0 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-0:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-5 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-5:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-10 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-10:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-15 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-15:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-20 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-20:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-25 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-25:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-30 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-30:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-35 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-35:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-40 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-40:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-44 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-44:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-49 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-49:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-54 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-54:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-60 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-60:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-65 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-65:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-70 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-70:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-75 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-75:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-80 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-80:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-85 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-85:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-90 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-90:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-95 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-95:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%); }

.overlay-gradient-100 {
  position: relative;
  z-index: 1; }
  .overlay-gradient-100:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0) 100%); }

.position-absolute {
  position: absolute; }

.position-relative {
  position: relative; }

.move-from-top-0 {
  transform: translateY(0px); }

.move-from-left-0 {
  transform: translateX(0px); }

.move-from-bottom-0 {
  transform: translateY(-0px); }

.move-from-right-0 {
  transform: translateX(-0px); }

.move-from-top-10 {
  transform: translateY(10px); }

.move-from-left-10 {
  transform: translateX(10px); }

.move-from-bottom-10 {
  transform: translateY(-10px); }

.move-from-right-10 {
  transform: translateX(-10px); }

.move-from-top-20 {
  transform: translateY(20px); }

.move-from-left-20 {
  transform: translateX(20px); }

.move-from-bottom-20 {
  transform: translateY(-20px); }

.move-from-right-20 {
  transform: translateX(-20px); }

.move-from-top-30 {
  transform: translateY(30px); }

.move-from-left-30 {
  transform: translateX(30px); }

.move-from-bottom-30 {
  transform: translateY(-30px); }

.move-from-right-30 {
  transform: translateX(-30px); }

.move-from-top-40 {
  transform: translateY(40px); }

.move-from-left-40 {
  transform: translateX(40px); }

.move-from-bottom-40 {
  transform: translateY(-40px); }

.move-from-right-40 {
  transform: translateX(-40px); }

.move-from-top-50 {
  transform: translateY(50px); }

.move-from-left-50 {
  transform: translateX(50px); }

.move-from-bottom-50 {
  transform: translateY(-50px); }

.move-from-right-50 {
  transform: translateX(-50px); }

.move-from-top-60 {
  transform: translateY(60px); }

.move-from-left-60 {
  transform: translateX(60px); }

.move-from-bottom-60 {
  transform: translateY(-60px); }

.move-from-right-60 {
  transform: translateX(-60px); }

.move-from-top-70 {
  transform: translateY(70px); }

.move-from-left-70 {
  transform: translateX(70px); }

.move-from-bottom-70 {
  transform: translateY(-70px); }

.move-from-right-70 {
  transform: translateX(-70px); }

.move-from-top-80 {
  transform: translateY(80px); }

.move-from-left-80 {
  transform: translateX(80px); }

.move-from-bottom-80 {
  transform: translateY(-80px); }

.move-from-right-80 {
  transform: translateX(-80px); }

.move-from-top-90 {
  transform: translateY(90px); }

.move-from-left-90 {
  transform: translateX(90px); }

.move-from-bottom-90 {
  transform: translateY(-90px); }

.move-from-right-90 {
  transform: translateX(-90px); }

.move-from-top-100 {
  transform: translateY(100px); }

.move-from-left-100 {
  transform: translateX(100px); }

.move-from-bottom-100 {
  transform: translateY(-100px); }

.move-from-right-100 {
  transform: translateX(-100px); }

.color-inherit {
  color: inherit !important; }

.display-block {
  display: block !important; }

.display-inline-block {
  display: inline-block !important; }

.display-inline {
  display: inline !important; }

.clear:before,
.clear:after {
  content: " ";
  display: table; }

.clear:after {
  clear: both; }

.animate-wrapper {
  position: relative; }
  .animate-wrapper > .ng-enter, .animate-wrapper > .ng-leave {
    position: absolute;
    width: 100%;
    height: 100%; }

.make-round {
  border-radius: 50%; }

.overflow-visible {
  overflow: visible; }

.overflow-auto {
  overflow: auto; }

.overflow-hidden {
  overflow: hidden; }

.no-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.no-shadow {
  box-shadow: none !important; }

.example-tabs md-tab-content, .example-tabs md-content {
  background: rgba(100, 100, 100, 0.2); }

.example-tabs-nopadding md-card-content {
  padding: 0px; }

.example-tabs-500-height {
  height: 500px; }

.full-image-background {
  background-size: cover;
  background-position: center; }

/* added to fix bug in chrome & safari when scrolling an md-content with a background image (was removing gradient) */
.background-overlay-static {
  position: static; }

#footer {
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0; }

.loader {
  background-color: #FFF;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 4 !important;
  overflow: hidden; }
  .loader h3 {
    font-size: 2rem; }
  .loader md-progress-linear {
    width: 80%; }
  .loader.ng-hide {
    animation-name: fadeOut;
    animation-iteration-count: 1s;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    backface-visibility: hidden; }
    .loader.ng-hide .loader-inner {
      animation-name: fadeOutDown;
      animation-iteration-count: 1s;
      animation-duration: 0.5s;
      animation-delay: 0.3s;
      animation-timing-function: ease;
      animation-fill-mode: both;
      backface-visibility: hidden; }
    .loader.ng-hide h3 {
      animation-name: fadeOutDown;
      animation-iteration-count: 1s;
      animation-duration: 0.5s;
      animation-delay: 0.1s;
      animation-timing-function: ease;
      animation-fill-mode: both;
      backface-visibility: hidden; }
  .loader .loaderCircle {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #90a4ae;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    position: relative; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

tri-menu {
  overflow-y: auto;
  z-index: 1;
  transform: translateZ(0); }

/* Style for scrollbar on webkit browsers in windows - looks nice already on other operating systems ;) */
.os-windows side-menu, .os-windows md-content {
  -ms-overflow-style: none; }
  .os-windows side-menu::-webkit-scrollbar, .os-windows md-content::-webkit-scrollbar {
    width: 8px;
    background: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .os-windows side-menu::-webkit-scrollbar-thumb, .os-windows md-content::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    transition: all .2s; }

.sidebar-left-icon {
  display: none; }
  .md-locked-open .sidebar-left-icon {
    display: block; }

.side-menu-link {
  display: block;
  text-align: left;
  width: 100%;
  height: 48px;
  padding: 0px 16px;
  margin: 0px;
  text-transform: none;
  border-radius: 0 !important;
  white-space: normal;
  line-height: 48px;
  position: relative;
  z-index: 2;
  box-shadow: none !important;
  transform: translate3d(0, 0, 0); }
  .side-menu-link:hover, .side-menu-link:focus {
    transform: translate3d(0, 0, 0); }
  .uppercase-all .side-menu-link {
    text-transform: uppercase; }
  .uppercase-top-level .side-menu-link {
    text-transform: uppercase; }
  .uppercase-top-level .drop-down-list .side-menu-link {
    text-transform: none; }

.side-menu-icon[md-font-icon], .menu-toggle-icon[md-font-icon] {
  height: 100%;
  line-height: inherit;
  font-size: 1.5rem; }

.side-menu-icon[md-font-icon] {
  width: 24px; }

.menu-toggle-icon {
  text-align: center;
  float: right;
  transition: all .5s; }
  .menu-toggle-icon.open {
    transform: rotate(90deg); }

.side-menu-badge {
  border-radius: 8px;
  padding: 6px 8px;
  float: right;
  line-height: 1.2;
  margin-top: 11px; }

.drop-down-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  max-height: 1300px;
  transition-property: max-height;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: all 1s; }
  .drop-down-list:before, .drop-down-list:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 3; }
  .drop-down-list:before {
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); }
  .drop-down-list:after {
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); }
  .drop-down-list .drop-down-list:before, .drop-down-list .drop-down-list:after {
    display: none; }
  .drop-down-list.ng-hide {
    max-height: 0; }
  .drop-down-list .side-menu-link {
    padding-left: 16px;
    transition: all 0.5s;
    position: relative; }
    .drop-down-list .side-menu-link:after {
      position: absolute;
      z-index: 1;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .drop-down-list .side-menu-link span {
      position: relative;
      z-index: 2; }

.drop-down-list:not(.ng-hide) .side-menu-link {
  padding-left: 44px;
  position: relative; }
  .drop-down-list:not(.ng-hide) .side-menu-link:after {
    background: rgba(153, 153, 153, 0.15); }

.drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link {
  padding-left: 60px; }
  .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link:after {
    background: rgba(153, 153, 153, 0.2); }

.drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link {
  padding-left: 76px; }
  .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link:after {
    background: rgba(153, 153, 153, 0.3); }

.drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link {
  padding-left: 92px; }
  .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link:after {
    background: rgba(153, 153, 153, 0.4); }

.admin-sidebar-collapsed.md-locked-open .sidebar-left-title, .admin-sidebar-collapsed.md-locked-open .sidebar-left-icon {
  opacity: 0;
  transition: all .2s;
  transition-delay: .3s; }

.admin-sidebar-collapsed.md-locked-open .side-menu-link span {
  opacity: 0;
  transition: all .2s;
  transition-delay: .3s; }

.admin-sidebar-collapsed.md-locked-open .drop-down-list {
  max-height: 0; }

.admin-sidebar-collapsed.md-locked-open.hover .sidebar-left-title, .admin-sidebar-collapsed.md-locked-open.hover .sidebar-left-icon {
  opacity: 1; }

.admin-sidebar-collapsed.md-locked-open.hover .side-menu-link span {
  opacity: 1; }

.admin-sidebar-collapsed.md-locked-open.hover .drop-down-list {
  max-height: 1300px; }
  .admin-sidebar-collapsed.md-locked-open.hover .drop-down-list.ng-hide {
    max-height: 0; }

.sidebar-left-toolbar {
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.12);
  z-index: 10; }

.sidebar-left-logo {
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .sidebar-left-logo img {
    max-width: 24px;
    max-height: 64px;
    vertical-align: top;
    margin-right: 4px;
    transform: translateX(-4px); }

.admin-notifications md-tabs-canvas, .admin-notifications md-pagination-wrapper {
  height: 64px; }

.admin-notifications md-tabs-content-wrapper {
  top: 64px; }

.admin-notifications .md-tab .md-font {
  font-size: 2.0rem;
  vertical-align: middle;
  line-height: 4rem; }

.admin-notifications md-tab-item {
  max-width: 100% !important; }

.admin-notifications md-list-item p {
  font-size: 1.3rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 2rem; }

.admin-notifications md-list-item md-icon, .admin-notifications md-list-item .md-list-item-inner md-icon {
  margin-right: 12px; }

.md-table {
  border-collapse: collapse;
  min-width: 100%; }
  .md-table thead tr {
    height: 56px; }
    .md-table thead tr th {
      vertical-align: middle;
      border-bottom: 1px solid #EEEEEE;
      color: rgba(0, 0, 0, 0.54); }
      .md-table thead tr th:focus {
        outline: none; }
      .md-table thead tr th.sorted {
        color: rgba(0, 0, 0, 0.84); }
      .md-table thead tr th.sortable:hover {
        cursor: pointer !important; }
        .md-table thead tr th.sortable:hover span {
          color: rgba(0, 0, 0, 0.84); }
      .md-table thead tr th span {
        font-size: 12px;
        letter-spacing: 0.02em; }
      .md-table thead tr th md-icon .md-font {
        font-size: 16px; }
  .md-table tbody tr {
    height: 48px; }
    .md-table tbody tr:hover {
      background: #EEEEEE; }
    .md-table tbody tr td {
      color: rgba(0, 0, 0, 0.87);
      font-size: 13px;
      vertical-align: middle;
      border-bottom: 1px solid #EEEEEE; }
  .md-table tfoot .md-table-footer {
    font-size: 12px;
    height: 56px;
    color: rgba(0, 0, 0, 0.54); }
    .md-table tfoot .md-table-footer .md-table-page-select md-select {
      margin: 0;
      padding: 0;
      margin-left: 20px; }
      .md-table tfoot .md-table-footer .md-table-page-select md-select md-select-label {
        padding: 5px; }
    .md-table tfoot .md-table-footer .md-table-info {
      margin-left: 32px; }
    .md-table tfoot .md-table-footer .md-table-page-nav {
      margin-left: 32px; }
      .md-table tfoot .md-table-footer .md-table-page-nav .md-button {
        margin: 0; }

.breadcrumb {
  display: inline-block; }

.toolbar-search {
  background: transparent;
  border: 0;
  color: inherit;
  font-size: 0.8em;
  transition: max-width .5s, opacity 0.3s .3s;
  display: block !important;
  max-width: 200px;
  opacity: 1;
  text-indent: 1em; }
  .toolbar-search:-ms-input-placeholder {
    color: inherit; }
  .toolbar-search::placeholder {
    color: inherit; }
  .toolbar-search.ng-show {
    animation-name: fadeIn;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    backface-visibility: hidden; }
  .toolbar-search.ng-hide {
    transition: max-width .3s .3s, opacity 0.5s;
    max-width: 0px;
    opacity: 0; }

.toolbar-user-avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  vertical-align: middle; }

.toolbar-button md-icon {
  position: relative; }

.toolbar-button-badge {
  display: block;
  position: absolute;
  height: 2rem;
  width: 2rem;
  right: 0.2rem;
  top: 0.4rem;
  line-height: 2rem;
  border-radius: 50%; }

.toolbar-button-badge-new {
  animation-name: wobble;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  backface-visibility: hidden; }

.widget {
  position: relative;
  background-size: cover;
  background-color: #fff;
  transition: all .3s;
  min-height: 100px; }
  .widget .widget-avatar {
    border-radius: 50%;
    width: 50px; }
  .widget .widget-title .md-subhead, .widget .widget-title .md-body-1, .widget .widget-title .md-body-2 {
    margin: 0; }
  .widget .widget-title .md-body-1, .widget .widget-title .md-body-2 {
    opacity: 0.5; }
  .widget .widget-content {
    overflow: hidden;
    -ms-flex-positive: 1;
        flex-grow: 1; }
    .widget .widget-content > img {
      display: block;
      max-width: 100%; }
  .widget.layout-row .widget-title {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%; }
  .widget a {
    color: inherit;
    border-bottom: 1px dashed; }
  .widget md-icon {
    color: inherit; }
  .widget md-checkbox .md-icon {
    border-color: inherit; }
  .widget.widget-overlay-title .widget-title {
    position: absolute; }
    .widget.widget-overlay-title .widget-title .md-body-1, .widget.widget-overlay-title .widget-title .md-body-2 {
      opacity: 1; }
  .widget.widget-overlay-title.layout-column .widget-title {
    width: 100%;
    min-height: 50%;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
    -ms-flex-align: start;
        align-items: flex-start; }
    .widget.widget-overlay-title.layout-column .widget-title[flex-order="2"] {
      top: auto;
      bottom: 0;
      -ms-flex-align: end;
          align-items: flex-end;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%); }
  .widget.widget-overlay-title.layout-row .widget-title {
    width: 50%;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%); }
    .widget.widget-overlay-title.layout-row .widget-title[flex-order="2"] {
      left: auto;
      right: 0;
      background: linear-gradient(to left, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%); }
  .widget .chart-container {
    -ms-flex: 1;
        flex: 1; }
    .widget .chart-container canvas {
      height: auto !important; }
  .widget .widget-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: white; }
    .widget .widget-loading .widget-loading-inner {
      transform: scale(0.5); }
    .widget .widget-loading.ng-hide {
      animation-name: fadeOut;
      animation-iteration-count: 1;
      animation-duration: 1s;
      animation-delay: 0s;
      animation-timing-function: ease;
      animation-fill-mode: both;
      backface-visibility: hidden; }

.os-windows .widget.layout-column .widget-content {
  display: block; }

.widget[background] .widget-title .md-subhead, .widget[background] .widget-title md-icon {
  color: inherit; }

chart-legend ul {
  margin-top: 24px !important; }

.widget-blog .widget-blog-text {
  position: relative; }
  .widget-blog .widget-blog-text md-fab-speed-dial {
    position: absolute;
    top: -190px;
    right: 16px; }

.widget-calendar .fc-ltr .fc-basic-view .fc-day-number {
  text-align: center; }

.widget-calendar .fc-month-view tbody .fc-row {
  min-height: 1em;
  max-height: 3em; }

.widget-calendar .fc-month-view td, .widget-calendar .fc-month-view th {
  border: none; }

.widget-calendar .fc-month-view th {
  font-weight: 500; }

.widget-calendar .fc-day-number.fc-other-month {
  opacity: 0.5; }

.widget-calendar .fc-widget-header {
  margin-bottom: 20px; }

.widget-calendar .fc-widget-content td {
  font-size: 1.3rem; }

.widget-calendar .fc-today {
  background: rgba(100, 100, 100, 0.07); }

.widget-chat .user-left, .widget-chat .user-right {
  max-width: 70%;
  height: auto; }
  .widget-chat .user-left .md-avatar, .widget-chat .user-right .md-avatar {
    margin-top: 0px !important; }
  .widget-chat .user-left .md-list-item-text, .widget-chat .user-right .md-list-item-text {
    padding-bottom: 16px;
    position: relative;
    overflow: visible;
    margin-top: 0; }
    .widget-chat .user-left .md-list-item-text h3, .widget-chat .user-right .md-list-item-text h3 {
      font-size: 1.4rem; }
    .widget-chat .user-left .md-list-item-text p, .widget-chat .user-right .md-list-item-text p {
      padding: 5px 10px;
      position: relative;
      font-weight: normal; }
      .widget-chat .user-left .md-list-item-text p:not(:first-of-type), .widget-chat .user-right .md-list-item-text p:not(:first-of-type) {
        margin-top: 8px; }
        .widget-chat .user-left .md-list-item-text p:not(:first-of-type):before, .widget-chat .user-right .md-list-item-text p:not(:first-of-type):before {
          display: none; }
      .widget-chat .user-left .md-list-item-text p:before, .widget-chat .user-right .md-list-item-text p:before {
        content: "";
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent; }

.widget-chat .user-left {
  clear: both; }
  .widget-chat .user-left .md-list-item-text p:before {
    left: -8px;
    border-width: 0px 8px 8px 0;
    border-right-color: inherit; }

.widget-chat .user-right {
  float: right; }
  .widget-chat .user-right .md-avatar {
    -ms-flex-order: 2;
        order: 2;
    margin-right: 0;
    margin-left: 16px; }
  .widget-chat .user-right .md-list-item-text h3 {
    text-align: right; }
  .widget-chat .user-right .md-list-item-text p {
    float: right; }
    .widget-chat .user-right .md-list-item-text p:before {
      right: -8px;
      border-width: 8px 8px 0px 0px;
      border-top-color: inherit; }

.widget-follower-header {
  position: relative; }
  .widget-follower-header .widget-follower-header-avatar {
    border-radius: 50%;
    width: 60px;
    position: absolute;
    right: 25px;
    top: 100%;
    transform: translateY(-50%); }

.drag-container > .widget:hover {
  cursor: move;
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  z-index: 1; }

.widget.gu-mirror {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }

.drag-container > .gu-transit {
  opacity: 0; }

[tri-wizard] .md-tab .oxy-step-label {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin-right: 8px;
  border: 2px solid rgba(255, 255, 255, 0.4); }

[tri-wizard] .md-tab.md-active .oxy-step-label {
  border: 2px solid #ffffff; }

[tri-wizard] .big-icon {
  font-size: 48px; }

[tri-wizard] .wizard-navbar {
  background-color: white; }

#admin-panel {
  overflow: hidden;
  position: relative; }
  #admin-panel > md-content {
    z-index: 3; }

#admin-panel-content-view {
  display: block;
  position: relative;
  padding-bottom: 65px;
  -webkit-backface-visibility: hidden; }

.admin-sidebar-left, .triangular-sidenav-left {
  overflow-x: hidden; }
  .admin-sidebar-left md-content, .triangular-sidenav-left md-content {
    min-height: 100%;
    overflow-x: hidden; }

.admin-sidebar-left.md-locked-open, .triangular-sidenav-left.md-locked-open {
  width: 260px;
  min-width: 260px;
  max-width: 260px;
  -ms-overflow-style: none;
  /* ie fix for removing scrollbars */ }
  .admin-sidebar-left.md-locked-open.admin-sidebar-collapsed, .triangular-sidenav-left.md-locked-open.admin-sidebar-collapsed {
    min-width: 48px;
    max-width: 48px;
    transition: all .3s; }
    .admin-sidebar-left.md-locked-open.admin-sidebar-collapsed.hover, .triangular-sidenav-left.md-locked-open.admin-sidebar-collapsed.hover {
      min-width: 260px;
      max-width: 260px; }

.admin-toolbar {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14);
  z-index: 4; }

.mobile-toolbar {
  z-index: 4;
  position: fixed;
  background-color: #c9cccf !important; }

/* this was added to fix a bug in Safari */
/* https://github.com/oxygenna/triangular/issues/126 */
.triangular-non-scrolling {
  position: relative;
  z-index: 0; }
  .triangular-non-scrolling > * {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px; }

.triangular-toolbar-and-content {
  position: relative; }

.triangular-loader {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10; }

.triangular-sidenav-left {
  overflow-x: hidden;
  display: -ms-flexbox;
  display: flex; }
  .triangular-sidenav-left md-content {
    overflow-x: hidden; }

.triangular-sidenav-left.md-locked-open {
  width: 105px;
  min-width: 105px;
  max-width: 1050px;
  -ms-overflow-style: none;
  /* ie fix for removing scrollbars */ }
  .triangular-sidenav-left.md-locked-open.admin-sidebar-collapsed {
    min-width: 48px;
    max-width: 48px;
    transition: all .3s; }
    .triangular-sidenav-left.md-locked-open.admin-sidebar-collapsed.hover {
      min-width: 105px;
      max-width: 105px; }

/* view change animation */
/*
.triangular-content {
    &.ng-enter,
    &.ng-leave {
      position: absolute;
      width: 100%;
      height: 100%;
      transition: .5s;
    }

    &.ng-enter {
      @include slideInUp();
    }

    &.ng-leave {
      opacity: 0;
    }
}*/
/*.full-height {
    overflow:hidden;
}*/
.triangular-content {
  background-color: #E3E3E3 !important; }

.ag-content {
  background-color: #ECEFF1 !important; }

.mobile-content {
  background-color: #c9cccf !important;
  padding-top: 56px; }
  @media screen and (max-width: 959px) {
    .mobile-content {
      background: #e3e3e3 !important; } }

.logos {
  width: 34px;
  height: 22px;
  padding: 0;
  float: left; }

.logos2 {
  width: 34px;
  height: 22px;
  margin-right: 8px;
  margin-left: 4px;
  vertical-align: middle;
  padding: 0;
  display: inline-block; }

.logosUp {
  background: url("../assets/images/logos/overarrow.png") no-repeat scroll right 0px transparent;
  width: 16px;
  height: 16px;
  margin-right: 16px;
  margin-left: 14px;
  vertical-align: middle;
  padding: 0;
  display: inline-block; }

.logosDown {
  background: url("../assets/images/logos/underarrow.png") no-repeat scroll right 0px transparent;
  width: 16px;
  height: 16px;
  margin-right: 16px;
  margin-left: 14px;
  vertical-align: middle;
  padding: 0;
  display: inline-block; }

.lg1 {
  background: url("../assets/images/logos/l1_10.svg") no-repeat 100% 0 transparent;
  background-size: 34px 880px; }

.lg5 {
  background: url("../assets/images/logos/l5_5.svg") no-repeat 100% 0 transparent;
  background-size: 34px 682px; }

.lg6 {
  background: url("../assets/images/logos/l6_8.svg") no-repeat 100% 0 transparent;
  background-size: 34px 836px; }

.lg27 {
  background: url("../assets/images/logos/l27_7.svg") no-repeat 100% 0 transparent;
  background-size: 34px 352px; }

.lg24 {
  background: url("../assets/images/logos/l24_1.svg") no-repeat 100% 0 transparent;
  background-size: 34px 198px; }

.lg25 {
  background: url("../assets/images/logos/l25_4.svg") no-repeat 100% 0 transparent;
  background-size: 34px 220px; }

.lg2, .lg22, .lg4, .lg30, .lg41, .lg43 {
  background: url("../assets/images/logos/l2_9.svg") no-repeat 100% 0 transparent;
  background-size: 34px 8602px; }

.lg3 {
  background: url("../assets/images/logos/l3_6.svg") no-repeat 100% 0 transparent;
  background-size: 34px 792px; }

.lg8 {
  background: url("../assets/images/logos/l8_9.svg") no-repeat scroll right 0px transparent;
  background-size: 34px 2354px; }

.lg28 {
  background: url("../assets/images/logos/l28_1.png") no-repeat scroll right 0px transparent; }

.lg57 {
  background: url("../assets/images/logos/l57_2.svg") no-repeat scroll 100% 0 transparent;
  background-size: 34px 198px; }

.leagues {
  background: url("../assets/images/logos/leagues_9.svg") no-repeat scroll 100% 0 transparent;
  background-size: 34px 1122px; }

.l2 {
  background-position: right -22px; }

.l3 {
  background-position: right -44px; }

.l4 {
  background-position: right -66px; }

.l5 {
  background-position: right -88px; }

.l6 {
  background-position: right -110px; }

.l7 {
  background-position: right -132px; }

.l8 {
  background-position: right -154px; }

.l9 {
  background-position: right -176px; }

.l10 {
  background-position: right -198px; }

.l11 {
  background-position: right -220px; }

.l12 {
  background-position: right -242px; }

.l13 {
  background-position: right -264px; }

.l14 {
  background-position: right -286px; }

.l15 {
  background-position: right -308px; }

.l16 {
  background-position: right -330px; }

.l17 {
  background-position: right -352px; }

.l18 {
  background-position: right -374px; }

.l19 {
  background-position: right -396px; }

.l20 {
  background-position: right -418px; }

.l21 {
  background-position: right -440px; }

.l22 {
  background-position: right -462px; }

.l23 {
  background-position: right -484px; }

.l24 {
  background-position: right -506px; }

.l25 {
  background-position: right -528px; }

.l26 {
  background-position: right -550px; }

.l27 {
  background-position: right -572px; }

.l28 {
  background-position: right -594px; }

.l29 {
  background-position: right -616px; }

.l30 {
  background-position: right -638px; }

.l31 {
  background-position: right -660px; }

.l32 {
  background-position: right -682px; }

.l33 {
  background-position: right -704px; }

.l34 {
  background-position: right -726px; }

.l35 {
  background-position: right -748px; }

.l36 {
  background-position: right -770px; }

.l37 {
  background-position: right -792px; }

.l38 {
  background-position: right -814px; }

.l39 {
  background-position: right -836px; }

.l40 {
  background-position: right -858px; }

.l167 {
  background-position: right -22px; }

.l168 {
  background-position: right -44px; }

.l169 {
  background-position: right -66px; }

.l170 {
  background-position: right -88px; }

.l171 {
  background-position: right -110px; }

.l172 {
  background-position: right -132px; }

.l173 {
  background-position: right -154px; }

.l174 {
  background-position: right -176px; }

.l175 {
  background-position: right -198px; }

.l176 {
  background-position: right -220px; }

.l177 {
  background-position: right -242px; }

.l178 {
  background-position: right -264px; }

.l179 {
  background-position: right -286px; }

.l180 {
  background-position: right -308px; }

.l181 {
  background-position: right -330px; }

.l182 {
  background-position: right -352px; }

.l183 {
  background-position: right -374px; }

.l184 {
  background-position: right -396px; }

.l185 {
  background-position: right -418px; }

.l186 {
  background-position: right -440px; }

.l187 {
  background-position: right -462px; }

.l188 {
  background-position: right -484px; }

.l189 {
  background-position: right -506px; }

.l190 {
  background-position: right -528px; }

.l191 {
  background-position: right -550px; }

.l192 {
  background-position: right -572px; }

.l193 {
  background-position: right -594px; }

.l194 {
  background-position: right -616px; }

.l195 {
  background-position: right -638px; }

.l196 {
  background-position: right -660px; }

.l197 {
  background-position: right -682px; }

.l198 {
  background-position: right -704px; }

.l199 {
  background-position: right -726px; }

.l200 {
  background-position: right -748px; }

.l201 {
  background-position: right -770px; }

.l202 {
  background-position: right -792px; }

.l203 {
  background-position: right -814px; }

.l204 {
  background-position: right -836px; }

.l205 {
  background-position: right -858px; }

.l206 {
  background-position: right -880px; }

.l207 {
  background-position: right -902px; }

.l208 {
  background-position: right -924px; }

.l209 {
  background-position: right -946px; }

.l210 {
  background-position: right -968px; }

.l211 {
  background-position: right -990px; }

.l212 {
  background-position: right -1012px; }

.l213 {
  background-position: right -1034px; }

.l214 {
  background-position: right -1056px; }

.l215 {
  background-position: right -1078px; }

.l216 {
  background-position: right -1100px; }

.l217 {
  background-position: right -1122px; }

.l218 {
  background-position: right -1144px; }

.l219 {
  background-position: right -1166px; }

.l220 {
  background-position: right -1188px; }

.l221 {
  background-position: right -1210px; }

.l222 {
  background-position: right -1232px; }

.l223 {
  background-position: right -1254px; }

.l224 {
  background-position: right -1276px; }

.l225 {
  background-position: right -1298px; }

.l226 {
  background-position: right -1320px; }

.l227 {
  background-position: right -1342px; }

.l228 {
  background-position: right -1364px; }

.l229 {
  background-position: right -1386px; }

.l230 {
  background-position: right -1408px; }

.l231 {
  background-position: right -1430px; }

.l232 {
  background-position: right -1452px; }

.l233 {
  background-position: right -1474px; }

.l234 {
  background-position: right -1496px; }

.l235 {
  background-position: right -1518px; }

.l236 {
  background-position: right -1540px; }

.l237 {
  background-position: right -1562px; }

.l238 {
  background-position: right -1584px; }

.l239 {
  background-position: right -1606px; }

.l240 {
  background-position: right -1628px; }

.l241 {
  background-position: right -1650px; }

.l242 {
  background-position: right -1672px; }

.l243 {
  background-position: right -1694px; }

.l244 {
  background-position: right -1716px; }

.l245 {
  background-position: right -1738px; }

.l246 {
  background-position: right -1760px; }

.l247 {
  background-position: right -1782px; }

.l248 {
  background-position: right -1804px; }

.l249 {
  background-position: right -1826px; }

.l250 {
  background-position: right -1848px; }

.l251 {
  background-position: right -1870px; }

.l252 {
  background-position: right -1892px; }

.l253 {
  background-position: right -1914px; }

.l254 {
  background-position: right -1936px; }

.l255 {
  background-position: right -1958px; }

.l256 {
  background-position: right -1980px; }

.l257 {
  background-position: right -2002px; }

.l258 {
  background-position: right -2024px; }

.l259 {
  background-position: right -2046px; }

.l260 {
  background-position: right -2068px; }

.l261 {
  background-position: right -2090px; }

.l262 {
  background-position: right -2112px; }

.l263 {
  background-position: right -2134px; }

.l264 {
  background-position: right -2156px; }

.l265 {
  background-position: right -2178px; }

.l266 {
  background-position: right -2200px; }

.l267 {
  background-position: right -2222px; }

.l268 {
  background-position: right -2244px; }

.l269 {
  background-position: right -2266px; }

.l270 {
  background-position: right -2288px; }

.l271 {
  background-position: right -2310px; }

.l272 {
  background-position: right -2332px; }

.l273 {
  background-position: right -2354px; }

.l274 {
  background-position: right -2376px; }

.l275 {
  background-position: right -2398px; }

.l276 {
  background-position: right -2420px; }

.l277 {
  background-position: right -2442px; }

.l278 {
  background-position: right -2464px; }

.l279 {
  background-position: right -2486px; }

.l280 {
  background-position: right -2508px; }

.l281 {
  background-position: right -2530px; }

.l282 {
  background-position: right -2552px; }

.l283 {
  background-position: right -2574px; }

.l284 {
  background-position: right -2596px; }

.l285 {
  background-position: right -2618px; }

.l286 {
  background-position: right -2640px; }

.l287 {
  background-position: right -2662px; }

.l288 {
  background-position: right -2684px; }

.l289 {
  background-position: right -2706px; }

.l290 {
  background-position: right -2728px; }

.l291 {
  background-position: right -2750px; }

.l292 {
  background-position: right -2772px; }

.l293 {
  background-position: right -2794px; }

.l294 {
  background-position: right -2816px; }

.l295 {
  background-position: right -2838px; }

.l296 {
  background-position: right -2860px; }

.l297 {
  background-position: right -2882px; }

.l298 {
  background-position: right -2904px; }

.l299 {
  background-position: right -2926px; }

.l300 {
  background-position: right -2948px; }

.l301 {
  background-position: right -2970px; }

.l302 {
  background-position: right -2992px; }

.l303 {
  background-position: right -3014px; }

.l304 {
  background-position: right -3036px; }

.l305 {
  background-position: right -3058px; }

.l306 {
  background-position: right -3080px; }

.l307 {
  background-position: right -3102px; }

.l308 {
  background-position: right -3124px; }

.l309 {
  background-position: right -3146px; }

.l310 {
  background-position: right -3168px; }

.l311 {
  background-position: right -3190px; }

.l312 {
  background-position: right -3212px; }

.l313 {
  background-position: right -3234px; }

.l314 {
  background-position: right -3256px; }

.l315 {
  background-position: right -3278px; }

.l316 {
  background-position: right -3300px; }

.l317 {
  background-position: right -3322px; }

.l318 {
  background-position: right -3344px; }

.l319 {
  background-position: right -3366px; }

.l320 {
  background-position: right -3388px; }

.l321 {
  background-position: right -3410px; }

.l322 {
  background-position: right -3432px; }

.l323 {
  background-position: right -3454px; }

.l324 {
  background-position: right -3476px; }

.l325 {
  background-position: right -3498px; }

.l326 {
  background-position: right -3520px; }

.l327 {
  background-position: right -3542px; }

.l328 {
  background-position: right -3564px; }

.l329 {
  background-position: right -3586px; }

.l330 {
  background-position: right -3608px; }

.l331 {
  background-position: right -3630px; }

.l332 {
  background-position: right -3652px; }

.l333 {
  background-position: right -3674px; }

.l334 {
  background-position: right -3696px; }

.l335 {
  background-position: right -3718px; }

.l336 {
  background-position: right -3740px; }

.l337 {
  background-position: right -3762px; }

.l338 {
  background-position: right -3784px; }

.l339 {
  background-position: right -3806px; }

.l340 {
  background-position: right -3828px; }

.l341 {
  background-position: right -3850px; }

.l342 {
  background-position: right -3872px; }

.l343 {
  background-position: right -3894px; }

.l344 {
  background-position: right -3916px; }

.l345 {
  background-position: right -3938px; }

.l346 {
  background-position: right -3960px; }

.l347 {
  background-position: right -3982px; }

.l348 {
  background-position: right -4004px; }

.l349 {
  background-position: right -4026px; }

.l350 {
  background-position: right -4048px; }

.l351 {
  background-position: right -4070px; }

.l352 {
  background-position: right -4092px; }

.l353 {
  background-position: right -4114px; }

.l354 {
  background-position: right -4136px; }

.l355 {
  background-position: right -4158px; }

.l356 {
  background-position: right -4180px; }

.l357 {
  background-position: right -4202px; }

.l359 {
  background-position: right -4246px; }

.l360 {
  background-position: right -4268px; }

.l361 {
  background-position: right -4290px; }

.l362 {
  background-position: right -4312px; }

.l363 {
  background-position: right -4334px; }

.l364 {
  background-position: right -4356px; }

.l365 {
  background-position: right -4378px; }

.l366 {
  background-position: right -4400px; }

.l367 {
  background-position: right -4422px; }

.l368 {
  background-position: right -4444px; }

.l369 {
  background-position: right -4466px; }

.l370 {
  background-position: right -4488px; }

.l371 {
  background-position: right -4510px; }

.l372 {
  background-position: right -4532px; }

.l373 {
  background-position: right -4554px; }

.l374 {
  background-position: right -4576px; }

.l375 {
  background-position: right -4598px; }

.l376 {
  background-position: right -4620px; }

.l377 {
  background-position: right -4642px; }

.l378 {
  background-position: right -4664px; }

.l379 {
  background-position: right -4686px; }

.l380 {
  background-position: right -4708px; }

.l381 {
  background-position: right -4730px; }

.l382 {
  background-position: right -4752px; }

.l383 {
  background-position: right -4774px; }

.l384 {
  background-position: right -4796px; }

.l385 {
  background-position: right -4818px; }

.l386 {
  background-position: right -4840px; }

.l387 {
  background-position: right -4862px; }

.l388 {
  background-position: right -4884px; }

.l389 {
  background-position: right -4906px; }

.l390 {
  background-position: right -4928px; }

.l391 {
  background-position: right -4950px; }

.l392 {
  background-position: right -4972px; }

.l393 {
  background-position: right -4994px; }

.l394 {
  background-position: right -5016px; }

.l395 {
  background-position: right -5038px; }

.l396 {
  background-position: right -5060px; }

.l397 {
  background-position: right -5082px; }

.l398 {
  background-position: right -5104px; }

.l399 {
  background-position: right -5126px; }

.l400 {
  background-position: right -5148px; }

.l401 {
  background-position: right -5170px; }

.l402 {
  background-position: right -5192px; }

.l403 {
  background-position: right -5214px; }

.l404 {
  background-position: right -5236px; }

.l405 {
  background-position: right -5258px; }

.l406 {
  background-position: right -5280px; }

.l407 {
  background-position: right -5302px; }

.l408 {
  background-position: right -5324px; }

.l409 {
  background-position: right -5346px; }

.l410 {
  background-position: right -5368px; }

.l411 {
  background-position: right -5390px; }

.l412 {
  background-position: right -5412px; }

.l413 {
  background-position: right -5434px; }

.l414 {
  background-position: right -5456px; }

.l415 {
  background-position: right -5478px; }

.l416 {
  background-position: right -5500px; }

.l417 {
  background-position: right -5522px; }

.l418 {
  background-position: right -5544px; }

.l419 {
  background-position: right -5566px; }

.l420 {
  background-position: right -5588px; }

.l421 {
  background-position: right -5610px; }

.l422 {
  background-position: right -5632px; }

.l423 {
  background-position: right -5654px; }

.l424 {
  background-position: right -5676px; }

.l425 {
  background-position: right -5698px; }

.l426 {
  background-position: right -5720px; }

.l427 {
  background-position: right -5742px; }

.l428 {
  background-position: right -5764px; }

.l429 {
  background-position: right -5786px; }

.l430 {
  background-position: right -5808px; }

.l431 {
  background-position: right -5830px; }

.l432 {
  background-position: right -5852px; }

.l433 {
  background-position: right -5874px; }

.l434 {
  background-position: right -5896px; }

.l435 {
  background-position: right -5918px; }

.l436 {
  background-position: right -5940px; }

.l437 {
  background-position: right -5962px; }

.l438 {
  background-position: right -5984px; }

.l439 {
  background-position: right -6006px; }

.l440 {
  background-position: right -6028px; }

.l441 {
  background-position: right -6050px; }

.l442 {
  background-position: right -6072px; }

.l443 {
  background-position: right -6094px; }

.l444 {
  background-position: right -6116px; }

.l445 {
  background-position: right -6138px; }

.l446 {
  background-position: right -6160px; }

.l447 {
  background-position: right -6182px; }

.l448 {
  background-position: right -6204px; }

.l449 {
  background-position: right -6226px; }

.l450 {
  background-position: right -6248px; }

.l451 {
  background-position: right -6270px; }

.l452 {
  background-position: right -6292px; }

.l453 {
  background-position: right -6314px; }

.l454 {
  background-position: right -6336px; }

.l455 {
  background-position: right -6358px; }

.l456 {
  background-position: right -6380px; }

.l457 {
  background-position: right -6402px; }

.l458 {
  background-position: right -6424px; }

.l459 {
  background-position: right -6446px; }

.l460 {
  background-position: right -6468px; }

.l461 {
  background-position: right -6490px; }

.l462 {
  background-position: right -6512px; }

.l463 {
  background-position: right -6534px; }

.l464 {
  background-position: right -6556px; }

.l466 {
  background-position: right -6600px; }

.l467 {
  background-position: right -6622px; }

.l468 {
  background-position: right -6644px; }

.l469 {
  background-position: right -6666px; }

.l470 {
  background-position: right -6688px; }

.l471 {
  background-position: right -6710px; }

.l472 {
  background-position: right -6732px; }

.l473 {
  background-position: right -6754px; }

.l474 {
  background-position: right -6776px; }

.l475 {
  background-position: right -6798px; }

.l476 {
  background-position: right -6820px; }

.l477 {
  background-position: right -6842px; }

.l478 {
  background-position: right -6864px; }

.l479 {
  background-position: right -6886px; }

.l480 {
  background-position: right -6908px; }

.l481 {
  background-position: right -6930px; }

.l482 {
  background-position: right -6952px; }

.l483 {
  background-position: right -6974px; }

.l484 {
  background-position: right -6996px; }

.l485 {
  background-position: right -7018px; }

.l486 {
  background-position: right -7040px; }

.l487 {
  background-position: right -6578px; }

.l488 {
  background-position: right -7084px; }

.l489 {
  background-position: right -7106px; }

.l490 {
  background-position: right -7128px; }

.l491 {
  background-position: right -7150px; }

.l492 {
  background-position: right -7172px; }

.l493 {
  background-position: right -7194px; }

.l494 {
  background-position: right -7216px; }

.l495 {
  background-position: right -7238px; }

.l496 {
  background-position: right -7260px; }

.l497 {
  background-position: right -7282px; }

.l498 {
  background-position: right -7304px; }

.l499 {
  background-position: right -7326px; }

.l500 {
  background-position: right -7348px; }

.l501 {
  background-position: right -7370px; }

.l502 {
  background-position: right -7392px; }

.l503 {
  background-position: right -7414px; }

.l504 {
  background-position: right -7436px; }

.l505 {
  background-position: right -7458px; }

.l506 {
  background-position: right -7480px; }

.l507 {
  background-position: right -7502px; }

.l508 {
  background-position: right -7524px; }

.l509 {
  background-position: right -7546px; }

.l510 {
  background-position: right -7568px; }

.l511 {
  background-position: right -7590px; }

.l512 {
  background-position: right -7612px; }

.l513 {
  background-position: right -7634px; }

.l514 {
  background-position: right -7656px; }

.l515 {
  background-position: right -7678px; }

.l516 {
  background-position: right -7700px; }

.l517 {
  background-position: right -7722px; }

.l518 {
  background-position: right -7744px; }

.l519 {
  background-position: right -7766px; }

.l532 {
  background-position: right -7788px; }

.l533 {
  background-position: right -7810px; }

.l534 {
  background-position: right -7832px; }

.l535 {
  background-position: right -7854px; }

.l536 {
  background-position: right -7876px; }

.l537 {
  background-position: right -7898px; }

.l538 {
  background-position: right -7920px; }

.l539 {
  background-position: right -7942px; }

.l540 {
  background-position: right -7964px; }

.l541 {
  background-position: right -7986px; }

.l542 {
  background-position: right -8008px; }

.l543 {
  background-position: right -8030px; }

.l544 {
  background-position: right -8052px; }

.l545 {
  background-position: right -8074px; }

.l546 {
  background-position: right -8096px; }

.l547 {
  background-position: right -8118px; }

.l548 {
  background-position: right -8140px; }

.l549 {
  background-position: right -8162px; }

.l550 {
  background-position: right -8184px; }

.l551 {
  background-position: right -8206px; }

.l552 {
  background-position: right -8228px; }

.l553 {
  background-position: right -8250px; }

.l554 {
  background-position: right -8272px; }

.l555 {
  background-position: right -8294px; }

.l556 {
  background-position: right -8316px; }

.l557 {
  background-position: right -8338px; }

.l558 {
  background-position: right -8360px; }

.l559 {
  background-position: right -8382px; }

.l560 {
  background-position: right -8404px; }

.l561 {
  background-position: right -8426px; }

.l562 {
  background-position: right -8448px; }

.l563 {
  background-position: right -8470px; }

.l564 {
  background-position: right -8514px; }

.l565 {
  background-position: right -8492px; }

.l566 {
  background-position: right -8536px; }

.l670 {
  background-position: right -8558px; }

.l671 {
  background-position: right -8580px; }

.l80 {
  background-position: right -22px; }

.l81 {
  background-position: right -44px; }

.l82 {
  background-position: right -66px; }

.l83 {
  background-position: right -88px; }

.l84 {
  background-position: right -110px; }

.l85 {
  background-position: right -132px; }

.l86 {
  background-position: right -154px; }

.l87 {
  background-position: right -176px; }

.l88 {
  background-position: right -198px; }

.l89 {
  background-position: right -220px; }

.l90 {
  background-position: right -242px; }

.l91 {
  background-position: right -264px; }

.l92 {
  background-position: right -286px; }

.l93 {
  background-position: right -308px; }

.l94 {
  background-position: right -330px; }

.l95 {
  background-position: right -352px; }

.l96 {
  background-position: right -374px; }

.l97 {
  background-position: right -396px; }

.l98 {
  background-position: right -418px; }

.l99 {
  background-position: right -440px; }

.l100 {
  background-position: right -462px; }

.l101 {
  background-position: right -484px; }

.l102 {
  background-position: right -506px; }

.l103 {
  background-position: right -528px; }

.l104 {
  background-position: right -550px; }

.l105 {
  background-position: right -572px; }

.l106 {
  background-position: right -594px; }

.l107 {
  background-position: right -616px; }

.l108 {
  background-position: right -638px; }

.l109 {
  background-position: right -660px; }

.l111 {
  background-position: right -22px; }

.l112 {
  background-position: right -44px; }

.l113 {
  background-position: right -66px; }

.l114 {
  background-position: right -88px; }

.l115 {
  background-position: right -110px; }

.l116 {
  background-position: right -132px; }

.l117 {
  background-position: right -154px; }

.l118 {
  background-position: right -176px; }

.l119 {
  background-position: right -198px; }

.l120 {
  background-position: right -220px; }

.l121 {
  background-position: right -242px; }

.l122 {
  background-position: right -264px; }

.l123 {
  background-position: right -286px; }

.l124 {
  background-position: right -308px; }

.l125 {
  background-position: right -330px; }

.l126 {
  background-position: right -352px; }

.l127 {
  background-position: right -374px; }

.l128 {
  background-position: right -396px; }

.l129 {
  background-position: right -418px; }

.l130 {
  background-position: right -440px; }

.l131 {
  background-position: right -462px; }

.l132 {
  background-position: right -484px; }

.l133 {
  background-position: right -506px; }

.l134 {
  background-position: right -528px; }

.l135 {
  background-position: right -550px; }

.l136 {
  background-position: right -572px; }

.l137 {
  background-position: right -594px; }

.l138 {
  background-position: right -616px; }

.l139 {
  background-position: right -638px; }

.l140 {
  background-position: right -660px; }

.l530 {
  background-position: right -682px; }

.l531 {
  background-position: right -704px; }

.l615 {
  background-position: right -726px; }

.l573.lg6 {
  background-position: right -748px; }

.l617 {
  background-position: right -770px; }

.l618 {
  background-position: right -792px; }

.l619 {
  background-position: right -814px; }

.l42 {
  background-position: right -22px; }

.l43 {
  background-position: right -44px; }

.l44 {
  background-position: right -66px; }

.l45 {
  background-position: right -88px; }

.l46 {
  background-position: right -110px; }

.l47 {
  background-position: right -132px; }

.l48 {
  background-position: right -154px; }

.l49 {
  background-position: right -176px; }

.l50 {
  background-position: right -198px; }

.l51 {
  background-position: right -220px; }

.l52 {
  background-position: right -242px; }

.l53 {
  background-position: right -264px; }

.l54 {
  background-position: right -286px; }

.l55 {
  background-position: right -308px; }

.l56 {
  background-position: right -330px; }

.l57 {
  background-position: right -352px; }

.l58 {
  background-position: right -374px; }

.l59 {
  background-position: right -396px; }

.l60 {
  background-position: right -418px; }

.l61 {
  background-position: right -440px; }

.l62 {
  background-position: right -462px; }

.l63 {
  background-position: right -484px; }

.l64 {
  background-position: right -506px; }

.l65 {
  background-position: right -528px; }

.l66 {
  background-position: right -550px; }

.l67 {
  background-position: right -572px; }

.l68 {
  background-position: right -594px; }

.l69 {
  background-position: right -616px; }

.l70 {
  background-position: right -638px; }

.l71 {
  background-position: right -660px; }

.l72 {
  background-position: right -682px; }

.l73 {
  background-position: right -704px; }

.l74 {
  background-position: right -726px; }

.l75 {
  background-position: right -748px; }

.l76 {
  background-position: right -770px; }

.l77 {
  background-position: right -792px; }

.l78 {
  background-position: right -814px; }

.l157 {
  background-position: right -22px; }

.l158 {
  background-position: right -44px; }

.l159 {
  background-position: right -66px; }

.l160 {
  background-position: right -88px; }

.l161 {
  background-position: right -110px; }

.l162 {
  background-position: right -132px; }

.l163 {
  background-position: right -154px; }

.l164 {
  background-position: right -176px; }

.l165 {
  background-position: right -198px; }

.ll55 {
  background-position: right -22px; }

.ll16 {
  background-position: right -44px; }

.ll29 {
  background-position: right -66px; }

.ll26 {
  background-position: right -88px; }

.ll33 {
  background-position: right -110px; }

.ll35 {
  background-position: right -132px; }

.ll20 {
  background-position: right -154px; }

.ll28 {
  background-position: right -176px; }

.ll31 {
  background-position: right -198px; }

.ll41 {
  background-position: right -220px; }

.ll21 {
  background-position: right -242px; }

.ll9 {
  background-position: right -264px; }

.ll47 {
  background-position: right -286px; }

.ll13 {
  background-position: right -308px; }

.ll5 {
  background-position: right -330px; }

.ll15 {
  background-position: right -352px; }

.ll3 {
  background-position: right -374px; }

.ll22 {
  background-position: right -396px; }

.ll4 {
  background-position: right -418px; }

.ll2 {
  background-position: right -440px; }

.ll43 {
  background-position: right -462px; }

.ll1 {
  background-position: right -484px; }

.ll6 {
  background-position: right -506px; }

.ll51 {
  background-position: right -528px; }

.ll40 {
  background-position: right -550px; }

.ll17 {
  background-position: right -572px; }

.ll37 {
  background-position: right -594px; }

.ll44 {
  background-position: right -616px; }

.ll48 {
  background-position: right -638px; }

.ll8 {
  background-position: right -660px; }

.ll53 {
  background-position: right -682px; }

.ll34 {
  background-position: right -704px; }

.ll24 {
  background-position: right -726px; }

.ll52 {
  background-position: right -748px; }

.ll45 {
  background-position: right -770px; }

.ll27 {
  background-position: right -792px; }

.ll30 {
  background-position: right -814px; }

.ll57 {
  background-position: right -836px; }

.ll23 {
  background-position: right -858px; }

.ll12 {
  background-position: right -880px; }

.ll14 {
  background-position: right -902px; }

.ll25 {
  background-position: right -924px; }

.ll42 {
  background-position: right -946px; }

.ll36 {
  background-position: right -968px; }

.ll54 {
  background-position: right -990px; }

.ll39 {
  background-position: right -1012px; }

.ll38 {
  background-position: right -1034px; }

.ll500 {
  background-position: right -1056px; }

.ll501 {
  background-position: right -1078px; }

.l567 {
  background-position: right -22px; }

.l568 {
  background-position: right -44px; }

.l569 {
  background-position: right -66px; }

.l570 {
  background-position: right -88px; }

.l571 {
  background-position: right -110px; }

.l572 {
  background-position: right -132px; }

.l573 {
  background-position: right -154px; }

.l574 {
  background-position: right -176px; }

.l575 {
  background-position: right -198px; }

.l576 {
  background-position: right -220px; }

.l577 {
  background-position: right -242px; }

.l578 {
  background-position: right -264px; }

.l579 {
  background-position: right -286px; }

.l580 {
  background-position: right -308px; }

.l581 {
  background-position: right -330px; }

.l582 {
  background-position: right -352px; }

.l583 {
  background-position: right -374px; }

.l584 {
  background-position: right -396px; }

.l585 {
  background-position: right -418px; }

.l586 {
  background-position: right -440px; }

.l587 {
  background-position: right -462px; }

.l588, .lg8.l618 {
  background-position: right -484px; }

.l589 {
  background-position: right -506px; }

.l590 {
  background-position: right -528px; }

.l591 {
  background-position: right -550px; }

.l592 {
  background-position: right -572px; }

.l593 {
  background-position: right -594px; }

.l594 {
  background-position: right -616px; }

.l595 {
  background-position: right -638px; }

.l596 {
  background-position: right -660px; }

.l597 {
  background-position: right -682px; }

.l598 {
  background-position: right -704px; }

.lg8.l617 {
  background-position: right -770px; }

.l620 {
  background-position: right -990px; }

.l621 {
  background-position: right -1012px; }

.l622 {
  background-position: right -1034px; }

.l623 {
  background-position: right -1056px; }

.l624 {
  background-position: right -1078px; }

.l625 {
  background-position: right -1100px; }

.l626 {
  background-position: right -1122px; }

.l627 {
  background-position: right -1144px; }

.l628 {
  background-position: right -1166px; }

.l629 {
  background-position: right -1188px; }

.l630 {
  background-position: right -1210px; }

.l631 {
  background-position: right -1232px; }

.l632 {
  background-position: right -1254px; }

.l633 {
  background-position: right -1276px; }

.l634 {
  background-position: right -1298px; }

.l635 {
  background-position: right -1320px; }

.l636 {
  background-position: right -1342px; }

.l637 {
  background-position: right -1364px; }

.l638 {
  background-position: right -1386px; }

.l639 {
  background-position: right -1408px; }

.l640 {
  background-position: right -1430px; }

.l641 {
  background-position: right -1452px; }

.l643 {
  background-position: right -1474px; }

.l644 {
  background-position: right -1496px; }

.l646 {
  background-position: right -1518px; }

.l647 {
  background-position: right -1540px; }

.l648 {
  background-position: right -1562px; }

.l650 {
  background-position: right -1606px; }

.l651 {
  background-position: right -1628px; }

.l652 {
  background-position: right -1650px; }

.l653 {
  background-position: right -1672px; }

.l655 {
  background-position: right -1694px; }

.l658 {
  background-position: right -1716px; }

.l660 {
  background-position: right -1738px; }

.l662 {
  background-position: right -1760px; }

.l663 {
  background-position: right -1782px; }

.l666 {
  background-position: right -1804px; }

.l667 {
  background-position: right -1826px; }

.l672 {
  background-position: right -1870px; }

.l673 {
  background-position: right -1892px; }

.l674 {
  background-position: right -1914px; }

.l675 {
  background-position: right -1936px; }

.l676 {
  background-position: right -1958px; }

.l677 {
  background-position: right -1980px; }

.l678 {
  background-position: right -2002px; }

.l679 {
  background-position: right -2024px; }

.l680 {
  background-position: right -2046px; }

.l681 {
  background-position: right -2068px; }

.l682 {
  background-position: right -2090px; }

.l683 {
  background-position: right -2112px; }

.l684 {
  background-position: right -2134px; }

.l685 {
  background-position: right -2156px; }

.l686 {
  background-position: right -2178px; }

.l687 {
  background-position: right -2200px; }

.l689 {
  background-position: right -2222px; }

.l690 {
  background-position: right -924px; }

.l691 {
  background-position: right -2244px; }

.l692 {
  background-position: right -2266px; }

.l693 {
  background-position: right -946px; }

.l611 {
  background-position: right -22px; }

.l600 {
  background-position: right -44px; }

.l610 {
  background-position: right -66px; }

.l602 {
  background-position: right -88px; }

.l603 {
  background-position: right -110px; }

.l604 {
  background-position: right -132px; }

.l607 {
  background-position: right -154px; }

.l606 {
  background-position: right -176px; }

.l608 {
  background-position: right -176px; }

.l609 {
  background-position: right -132px; }

.l612 {
  background-position: right -44px; }

.l613 {
  background-position: right -154px; }

.l614 {
  background-position: right -110px; }

.l144 {
  background-position: right -22px; }

.l145 {
  background-position: right -44px; }

.l146 {
  background-position: right -66px; }

.l154 {
  background-position: right -88px; }

.l147 {
  background-position: right -110px; }

.l148 {
  background-position: right -132px; }

.l149 {
  background-position: right -154px; }

.l150 {
  background-position: right -176px; }

.l151 {
  background-position: right -198px; }

.l152 {
  background-position: right -220px; }

.l153 {
  background-position: right -242px; }

.l155 {
  background-position: right -264px; }

.l668 {
  background-position: right -286px; }

.l669 {
  background-position: right -308px; }

.l688 {
  background-position: right -330px; }

/*https://github.com/angular/flex-layout/wiki/Responsive-API*/
/*custom screen size*/
.cog-manager .md-button,
.cog-manager-dialog .md-button {
  padding-right: 12px;
  padding-left: 12px; }

.cog-manager {
  box-sizing: border-box; }
  .cog-manager *,
  .cog-manager *::before,
  .cog-manager *::after {
    box-sizing: inherit; }
  .cog-manager strong {
    font-weight: bold; }
  .cog-manager .centered {
    text-align: center; }
  .cog-manager .md-button .fa-refresh {
    margin-top: 5px; }
  .cog-manager .md-button .fa-trash {
    margin-top: 4px; }
  .cog-manager .md-button md-icon + span {
    margin-left: .25em; }
  .cog-manager .btn-delete {
    margin-right: auto;
    margin-left: auto; }
    .cog-manager .btn-delete.md-warn:not([disabled]).md-raised, .cog-manager .btn-delete.md-warn:not([disabled]).md-fab {
      color: rgba(255, 255, 255, 0.87);
      font-weight: 700;
      background-color: #f44336;
      transition: color 0.4s ease, background-color 0.4s ease; }
      .cog-manager .btn-delete.md-warn:not([disabled]).md-raised md-icon, .cog-manager .btn-delete.md-warn:not([disabled]).md-fab md-icon {
        color: inherit;
        fill: inherit; }
      .cog-manager .btn-delete.md-warn:not([disabled]).md-raised:hover, .cog-manager .btn-delete.md-warn:not([disabled]).md-raised:focus, .cog-manager .btn-delete.md-warn:not([disabled]).md-fab:hover, .cog-manager .btn-delete.md-warn:not([disabled]).md-fab:focus {
        background-color: #ef5350; }
    .cog-manager .btn-delete.md-warn:not([disabled]) md-icon {
      color: #f44336;
      fill: #f44336; }

.cog-manager-header,
.cog-manager-header .md-toolbar-tools {
  height: auto;
  min-height: 56px;
  max-height: none; }

.cog-manager-header .md-toolbar-tools {
  font-size: 1.6rem; }

.cog-manager-header .md-button {
  width: auto; }

.cog-manager-header .md-button-icon,
.cog-manager-header .md-button-text {
  display: inline-block; }

.cog-manager-header .md-button-icon {
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  font-size: 1.25em; }
  .cog-manager-header .md-button-icon + .md-button-text {
    margin-left: 3px; }

.cog-manager-header-item {
  padding: 8px; }
  @media (min-width: 600px) {
    .cog-manager-header-item:first-child {
      padding-left: 0; } }
  @media (min-width: 600px) {
    .cog-manager-header-item:last-child {
      padding-right: 0; } }

@media (min-width: 600px) {
  .cog-manager-header-item + .cog-manager-header-item {
    margin-left: 24px; } }

.cog-manager-agent-type-selector {
  margin-top: 10px;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.87);
  background-color: #eceff1;
  background-color: rgba(255, 255, 255, 0.87);
  border-radius: 3px; }
  .cog-manager-agent-type-selector .cog-manager-header-label {
    color: #455a64; }

.cog-manager-header-title {
  font-size: 20px; }
  .cog-manager-header-title md-icon {
    margin-right: 0;
    margin-left: 0; }

.cog-manager-header-search input {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  outline: none;
  width: 100%;
  padding: 0 15px;
  line-height: 40px;
  height: 40px; }

h2.cog-manager-heading {
  display: inline-block;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .01em;
  text-transform: capitalize; }

.cog-manager-header-label {
  padding-right: 8px;
  padding-left: 8px; }

.cog-manager-header-select {
  margin: 0 8px; }

.cog-manager-button-new.md-fab {
  font-size: 1.5em;
  position: absolute;
  bottom: 10px;
  right: 10px; }
  .cog-manager-button-new.md-fab md-icon {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 0; }

.cog-manager-button-new.md-primary md-icon,
.cog-manager-button-new.md-primary span, .cog-manager-button-new.md-accent md-icon,
.cog-manager-button-new.md-accent span, .cog-manager-button-new.md-warn md-icon,
.cog-manager-button-new.md-warn span {
  color: inherit !important;
  fill: inherit !important; }

.cog-manager-button-new.md-accent.md-raised:not([disabled]) {
  color: #653408;
  fill: #653408; }

.cog-manager-button-new span {
  font-weight: 600; }

.cog-manager-container .alert {
  margin-top: 32px;
  margin-bottom: 32px;
  text-align: center; }

.cog-manager-table > [class*="md-whiteframe"] {
  box-shadow: none; }

.cog-manager-table .widget > .widget-content {
  display: block;
  overflow-x: auto; }

.cog-manager-table .md-data-table .th-toolbar,
.cog-manager-table .md-data-table .md-sort-icon {
  font-size: 1em !important;
  /*  font-weight: 700 !important; */ }

.cog-manager-table .md-data-table {
  position: relative; }

.cog-manager-table .th-toolbar {
  position: sticky;
  top: 0; }

.cog-manager-table table.md-table:not(.md-row-select) td.md-cell:first-child, .cog-manager-table table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
.cog-manager-table table.md-table:not(.md-row-select) th.md-column:first-child,
.cog-manager-table table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding-top: 12px;
  padding-bottom: 12px; }

.cog-manager-table table.md-table:not(.md-row-select) td.md-cell:first-child, .cog-manager-table table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), .cog-manager-table table.md-table:not(.md-row-select) td.md-cell:last-child,
.cog-manager-table table.md-table:not(.md-row-select) th.md-column:first-child,
.cog-manager-table table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2),
.cog-manager-table table.md-table:not(.md-row-select) th.md-column:last-child {
  padding-right: 12px;
  padding-left: 12px; }

.cog-manager-table table.md-table td.md-cell.centered,
.cog-manager-table table.md-table th.md-column.centered {
  text-align: center; }

.cog-manager-table table.md-table td.md-cell {
  color: rgba(0, 0, 0, 0.625);
  transition: color .4s ease; }
  .cog-manager-table table.md-table td.md-cell:first-child {
    color: #000;
    font-weight: 600; }
  .cog-manager-table table.md-table td.md-cell.md-clickable {
    text-align: center; }
    .cog-manager-table table.md-table td.md-cell.md-clickable > .data_click {
      color: #089;
      border-bottom-width: 1px;
      border-bottom-style: dashed; }

.cog-manager-table tbody tr {
  transition: background-color .4s ease; }
  .cog-manager-table tbody tr:nth-child(odd) {
    background-color: #fbfbfc; }
  .cog-manager-table tbody tr:nth-child(even) {
    background-color: #eceff1; }
  .cog-manager-table tbody tr.is-active {
    background-color: #ffe082; }
    .cog-manager-table tbody tr.is-active td.md-cell {
      color: #000;
      font-size: 14px; }
  .cog-manager-table tbody tr[ng-click] {
    cursor: pointer; }

.cog-manager-table .md-table tbody tr:hover:nth-child(odd) {
  background-color: #dee4e7; }

.cog-manager-table .md-table tbody tr:hover:nth-child(even) {
  background-color: #cfd8dc; }

.cog-manager-table .md-table tbody tr.is-active:hover:nth-child(odd), .cog-manager-table .md-table tbody tr.is-active:hover:nth-child(even) {
  background-color: #ffd54f; }

.cog-manager-table th:last-child,
.cog-manager-table td:last-child {
  min-width: 120px; }

.cog-manager-main {
  height: calc(100vh - 144px); }
  @media (max-width: 599px) {
    .cog-manager-main > md-card {
      margin-right: 0;
      margin-left: 0;
      border-radius: 0; } }
  .cog-manager-main::-webkit-scrollbar {
    width: 5px;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .2s ease; }
  .cog-manager-main::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    transition: all .2s ease; }

.priority-identifier {
  display: inline-block;
  width: 10px;
  margin: auto 4px auto 0; }
  .priority-identifier-bar {
    display: block;
    height: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: rgba(128, 128, 128, 0.3333);
    border-radius: 1px; }
    .priority-identifier-bar:first-child {
      margin-top: 0; }
    .priority-identifier-bar:last-child {
      margin-bottom: 0; }
  .priority-identifier.is-critical .priority-identifier-bar {
    background-color: #e53935; }
  .priority-identifier.is-major .priority-identifier-bar:nth-child(2),
  .priority-identifier.is-major .priority-identifier-bar:nth-child(3),
  .priority-identifier.is-major .priority-identifier-bar:last-child {
    background-color: #fb8c00; }
  .priority-identifier.is-minor .priority-identifier-bar:nth-child(3),
  .priority-identifier.is-minor .priority-identifier-bar:last-child {
    background-color: #ffb300; }
  .priority-identifier.is-informational .priority-identifier-bar:last-child {
    background-color: #1e88e5; }

.cog-manager-dialog md-table-container.cog-scrollable-table {
  height: auto; }
  .cog-manager-dialog md-table-container.cog-scrollable-table thead > tr::after {
    content: "";
    display: table-cell;
    width: 5px; }

.cog-manager-dialog .md-dialog-content {
  padding: 0; }

.cog-manager-dialog .cog-manager-dialog-table.md-data-table thead {
  background-color: #546e7a; }
  .cog-manager-dialog .cog-manager-dialog-table.md-data-table thead tr {
    background-color: inherit; }

.cog-manager-dialog .cog-manager-dialog-table.md-data-table .th-toolbar,
.cog-manager-dialog .cog-manager-dialog-table.md-data-table .md-sort-icon {
  font-size: 1em !important; }

.cog-manager-dialog .cog-manager-dialog-table.md-table thead.md-head > tr.md-row {
  height: 32px; }

.cog-manager-dialog .cog-manager-dialog-table.md-table td.md-cell:last-child,
.cog-manager-dialog .cog-manager-dialog-table.md-table th.md-column:last-child,
.cog-manager-dialog .cog-manager-dialog-table.md-table:not(.md-row-select) td.md-cell:first-child,
.cog-manager-dialog .cog-manager-dialog-table.md-table:not(.md-row-select) th.md-column:first-child {
  padding-right: 16px;
  padding-left: 16px; }

.cog-manager-dialog .cog-manager-dialog-table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
.cog-manager-dialog .cog-manager-dialog-table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding-right: 16px !important;
  padding-left: 16px !important; }

@media (max-width: 425px) {
  .cog-manager-dialog .cog-manager-dialog-table thead {
    font-size: .875em; }
    .cog-manager-dialog .cog-manager-dialog-table thead .transtype {
      display: none; } }

@media (max-width: 620px) {
  .cog-manager-dialog .cog-manager-dialog-table thead .detail-opt,
  .cog-manager-dialog .cog-manager-dialog-table thead .enteredby,
  .cog-manager-dialog .cog-manager-dialog-table thead .pwd {
    display: none; }
  .cog-manager-dialog .cog-manager-dialog-table thead th.accHdr {
    min-width: 50px !important; } }

.cog-manager-dialog .cog-manager-dialog-table thead .mobile {
  display: none; }

@media (max-width: 825px) {
  .cog-manager-dialog .cog-manager-dialog-table thead .agent, .cog-manager-dialog .cog-manager-dialog-table thead .method {
    display: none; }
  .cog-manager-dialog .cog-manager-dialog-table thead .mobile {
    display: inline; }
  .cog-manager-dialog .cog-manager-dialog-table thead th {
    font-size: 0.95em; }
    .cog-manager-dialog .cog-manager-dialog-table thead th.accHdr {
      min-width: 130px; } }

.cog-manager-dialog .cog-manager-dialog-table thead th {
  display: table-cell;
  min-width: 60px;
  max-width: 100px;
  text-align: center;
  padding: 0 10px;
  font-weight: normal; }
  .cog-manager-dialog .cog-manager-dialog-table thead th.amount {
    text-align: right;
    padding-right: 0px; }
  .cog-manager-dialog .cog-manager-dialog-table thead th.enteredby {
    text-align: right;
    padding-right: 5px; }

.cog-manager-dialog .cog-manager-dialog-table tbody .mobile {
  display: none; }

@media (max-width: 825px) {
  .cog-manager-dialog .cog-manager-dialog-table tbody .agent, .cog-manager-dialog .cog-manager-dialog-table tbody .method {
    display: none; }
  .cog-manager-dialog .cog-manager-dialog-table tbody .mobile {
    display: block !important; }
  .cog-manager-dialog .cog-manager-dialog-table tbody .agent {
    color: #3f51b5; }
  .cog-manager-dialog .cog-manager-dialog-table tbody .opt-click {
    cursor: pointer;
    text-decoration: underline; } }

@media (max-width: 620px) {
  .cog-manager-dialog .cog-manager-dialog-table tbody .detail-opt, .cog-manager-dialog .cog-manager-dialog-table tbody .enteredby, .cog-manager-dialog .cog-manager-dialog-table tbody .pwd {
    display: none; } }

@media (max-width: 425px) {
  .cog-manager-dialog .cog-manager-dialog-table tbody {
    font-size: 0.9em; }
    .cog-manager-dialog .cog-manager-dialog-table tbody td {
      padding: 1px !important; }
    .cog-manager-dialog .cog-manager-dialog-table tbody .transtype {
      display: none; } }

.cog-manager-dialog .cog-manager-dialog-table tbody tr:nth-child(even) {
  background-color: #eaeaea; }

.cog-manager-dialog .cog-manager-dialog-table tbody td {
  line-height: 20px;
  border-bottom: solid 1px #e6e6e6;
  text-align: center;
  padding: 5px; }
  .cog-manager-dialog .cog-manager-dialog-table tbody td.date {
    min-width: 125px; }
  .cog-manager-dialog .cog-manager-dialog-table tbody td.account {
    min-width: 90px;
    font-weight: 700;
    background-color: #f3f3f3;
    border-bottom-color: #e0e0e0;
    color: darkgreen;
    cursor: pointer; }
  .cog-manager-dialog .cog-manager-dialog-table tbody td.pwd {
    min-width: 90px; }
  .cog-manager-dialog .cog-manager-dialog-table tbody td.transtype {
    min-width: 90px; }
  .cog-manager-dialog .cog-manager-dialog-table tbody td.agent {
    min-width: 90px;
    font-weight: 700;
    cursor: pointer; }
  .cog-manager-dialog .cog-manager-dialog-table tbody td.enteredby {
    min-width: 80px;
    text-align: right; }
  .cog-manager-dialog .cog-manager-dialog-table tbody td.amount {
    min-width: 80px;
    font-weight: 700;
    text-align: right; }
  .cog-manager-dialog .cog-manager-dialog-table tbody td.method {
    min-width: 130px;
    text-align: center; }
    .cog-manager-dialog .cog-manager-dialog-table tbody td.method span {
      padding-left: 5px;
      min-width: 40px;
      display: inline-block; }
  .cog-manager-dialog .cog-manager-dialog-table tbody td .edited {
    color: #607d8b;
    font-size: 1.3em;
    padding-right: 5px; }
    .cog-manager-dialog .cog-manager-dialog-table tbody td .edited.amount-changed {
      color: darkred; }

.cog-manager-dialog table.md-table th.md-column {
  position: relative; }
  .cog-manager-dialog table.md-table th.md-column md-icon.md-sort-icon {
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    color: rgba(255, 255, 255, 0.75) !important; }

.cog-manager-dialog .group-button .md-button {
  height: auto;
  min-height: 32px;
  padding: 0 4px;
  line-height: 32px; }
  .cog-manager-dialog .group-button .md-button.on, .cog-manager-dialog .group-button .md-button.on:hover {
    font-weight: 600;
    background-color: #2e7d32 !important; }
  .cog-manager-dialog .group-button .md-button.off, .cog-manager-dialog .group-button .md-button.off:hover {
    font-weight: 600;
    background-color: #f44336 !important; }

.triangular-loader {
  background: #fff; }

.app-loader md-progress-linear {
  width: 80%; }

.app-loader .loaderCircle {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #90a4ae;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
  position: relative; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.triangular-toolbar {
  /*&.ng-enter {
        transition: .5s;
    }

    &.ng-enter {
      @include slideInDown();
    }

    &.ng-leave {
      display: none;
    }*/ }

#ui-login.ng-enter {
  animation-name: fadeIn;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  backface-visibility: hidden; }

#ui-login.ng-leave {
  animation-name: fadeOut;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  backface-visibility: hidden; }

md-input-container ng-messages, md-input-container data-ng-messages {
  display: block; }

.account-search-history md-toolbar:not(.md-menu-toolbar) .md-button[disabled] {
  color: rgba(255, 255, 255, 0.26);
  fill: rgba(255, 255, 255, 0.26); }

.account-search-history .md-button.md-primary:not([disabled]) md-icon,
.account-search-history .md-button.md-accent:not([disabled]) md-icon,
.account-search-history .md-button.md-warn:not([disabled]) md-icon,
.account-search-history md-toolbar:not(.md-menu-toolbar) md-icon {
  color: inherit; }

.account-search-history-toolbar,
.account-search-history .md-toolbar-tools {
  min-height: 0; }

.account-search-history-toolbar .md-toolbar-options {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 0.875em; }
  @media (min-width: 960px) and (max-width: 1279px) {
    .account-search-history-toolbar .md-toolbar-options {
      font-size: 0.75em; } }
  @media (max-width: 599px) {
    .account-search-history-toolbar .md-toolbar-options md-datepicker {
      margin-right: -16px; } }

.account-search-history-toolbar md-autocomplete,
.account-search-history-toolbar md-select,
.account-search-history-toolbar md-datepicker {
  margin-top: auto;
  margin-bottom: auto; }

.account-search-history-toolbar md-autocomplete,
.account-search-history-toolbar md-select {
  margin-right: 10px;
  margin-left: 10px; }

.account-search-history-toolbar md-autocomplete {
  min-width: 235px;
  max-width: 235px;
  margin-left: 0; }
  .account-search-history-toolbar md-autocomplete.tb-custSearchInput {
    max-width: 235px !important; }
  .account-search-history-toolbar md-autocomplete,
  .account-search-history-toolbar md-autocomplete md-autocomplete-wrap,
  .account-search-history-toolbar md-autocomplete input:not(.md-input) {
    height: 36px; }
  .account-search-history-toolbar md-autocomplete input:not(.md-input) {
    font-size: 16px;
    line-height: 36px; }
    .account-search-history-toolbar md-autocomplete input:not(.md-input) + button {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0; }

.account-search-history-toolbar cog-search-bar md-autocomplete {
  -ms-flex-preferred-size: auto;
      flex-basis: auto; }

.account-search-history-toolbar md-select {
  min-width: 0; }
  @media (min-width: 1280px) {
    .account-search-history-toolbar md-select {
      min-width: 164px; } }
  .account-search-history-toolbar md-select .md-select-value.md-select-placeholder[disabled] {
    color: rgba(255, 255, 255, 0.54); }
  .account-search-history-toolbar md-select .md-select-value.md-select-placeholder:not([disabled]) {
    color: rgba(255, 255, 255, 0.87); }
  .account-search-history-toolbar md-select:not([disabled]):focus .md-select-value, .account-search-history-toolbar md-select:not([disabled]):focus .md-select-value.md-select-placeholder {
    color: rgba(255, 255, 255, 0.87); }

.account-search-history-toolbar .md-datepicker-input {
  color: inherit;
  font-size: inherit; }
  @media (max-width: 1279px) {
    .account-search-history-toolbar .md-datepicker-input {
      min-width: 0; } }
  .account-search-history-toolbar .md-datepicker-input[disabled] {
    color: rgba(255, 255, 255, 0.38); }

.account-search-history-toolbar .md-icon-button + .md-datepicker-input-container {
  margin-left: 4px; }

.account-search-history-toolbar .md-datepicker-button {
  margin-right: 0;
  margin-left: 0; }

.account-search-history-toolbar .btn-view-report {
  min-width: 36px;
  max-width: 200px;
  font-size: 0.625em;
  font-weight: 700; }
  .account-search-history-toolbar .btn-view-report:not([disabled]).md-accent.md-raised {
    color: #653408;
    background-color: #ffc019; }
  .account-search-history-toolbar .btn-view-report:not([disabled]).md-accent.md-raised md-icon,
  .account-search-history-toolbar .btn-view-report:not([disabled]).md-accent.md-fab md-icon {
    color: inherit; }

.account-search-history .md-toolbar-tools {
  height: auto;
  max-height: none; }
  @media (max-width: 599px) {
    .account-search-history .md-toolbar-tools {
      padding-right: 0; } }
  .account-search-history .md-toolbar-tools > div {
    min-height: 56px; }
  .account-search-history .md-toolbar-tools:not(:first-of-type) {
    background-color: #3e535f; }
  .account-search-history .md-toolbar-tools > .md-button:last-child {
    margin-right: 0; }
  @media (max-width: 599px) {
    .account-search-history .md-toolbar-tools .md-button._md-nav-button {
      margin-right: 0;
      margin-left: 0; } }

.account-search-history .md-toolbar-icon {
  font-size: 1.5em; }

.account-search-history .md-toolbar-nav {
  overflow-x: auto; }

.account-search-history .md-toolbar-nav-item {
  font-size: 13px; }
  @media (min-width: 600px) {
    .account-search-history .md-toolbar-nav-item {
      font-size: 16px; } }
  .account-search-history .md-toolbar-nav-item .md-button {
    font-size: inherit; }
    .account-search-history .md-toolbar-nav-item .md-button._md-nav-button.md-unselected {
      color: rgba(255, 255, 255, 0.5); }
  .account-search-history .md-toolbar-nav-item:not([disabled]) .md-button,
  .account-search-history .md-toolbar-nav-item .md-button:not([disabled]) {
    color: #fff;
    font-weight: 600; }

.account-search-history md-toolbar.account-search-history-toolbar:not(.md-menu-toolbar) .md-datepicker-calendar-icon {
  color: rgba(255, 255, 255, 0.54) !important;
  fill: rgba(255, 255, 255, 0.54) !important; }

.account-search-history .md-datepicker-triangle-button .md-datepicker-expand-triangle {
  border-top-color: rgba(255, 255, 255, 0.38); }

.account-search-history .md-datepicker-triangle-button:hover .md-datepicker-expand-triangle {
  border-top-color: rgba(255, 255, 255, 0.54); }

.account-search-history-content > md-card {
  width: 100%;
  max-width: 600px;
  margin: 16px auto; }
  @media (min-width: 600px) {
    .account-search-history-content > md-card {
      min-width: 600px;
      max-width: 720px; } }

.account-search-history .md-table tbody tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.03125); }

.account-search-history .md-table tbody tr td {
  font-size: 16px; }

.account-search-history .md-table tbody tr:hover {
  transition: background-color .4s ease-in-out; }

.account-search-history .md-table tbody tr.is-agent td:first-child {
  font-weight: 600; }

.account-search-history .md-table tbody tr.is-agent .status-icon {
  color: #607d8b;
  font-size: .75em; }

@media (min-width: 600px) {
  .account-search-history .md-table td:nth-child(2),
  .account-search-history .md-table th:nth-child(2) {
    width: 50%; } }

.account-search-history .md-table td[ng-click] {
  cursor: pointer; }

.account-search-history table.md-table td.md-cell:last-child,
.account-search-history table.md-table th.md-column:last-child,
.account-search-history table.md-table:not(.md-row-select) td.md-cell:first-child,
.account-search-history table.md-table:not(.md-row-select) th.md-column:first-child,
.account-search-history table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
.account-search-history table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 12px 24px; }

.account-search-history .md-data-table .th-toolbar,
.account-search-history .md-data-table .md-sort-icon {
  font-size: 1em !important;
  font-weight: 600 !important; }

.account-search-history + back-top {
  width: auto;
  height: auto; }

#cog-account-agent-hierarchy-sort {
  position: absolute;
  top: 0px;
  background-color: #FFFFFF;
  height: 100%;
  min-height: 100%; }
  #cog-account-agent-hierarchy-sort md-content {
    background-color: #FFFFFF !important; }
  #cog-account-agent-hierarchy-sort div.md-headline, #cog-account-agent-hierarchy-sort div.md-caption {
    display: none; }
  @media screen and (max-width: 599px) {
    #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree {
      margin-left: -50px; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree {
      margin-left: -50px; } }
  @media screen and (min-width: 1280px) {
    #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree {
      margin-left: -100px; } }
  #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree *[ng-if="vm.noData"] {
    padding-top: 30px;
    color: #F44336; }
  #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree .__collapse-button {
    background-color: green !important;
    color: #FFFFFF;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 100; }
    @media screen and (max-width: 599px) {
      #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree .__collapse-button {
        display: none; } }
    @media screen and (min-width: 600px) {
      #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree .__collapse-button {
        display: block; } }
  #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree .__collapse-button-xs {
    background-color: green !important;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 100; }
    @media screen and (max-width: 599px) {
      #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree .__collapse-button-xs {
        display: block; } }
    @media screen and (min-width: 600px) {
      #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree .__collapse-button-xs {
        display: none; } }
    #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree .__collapse-button-xs md-icon {
      font-size: x-large;
      color: #FFFFFF !important; }
  #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree ul {
    padding: 0px; }
    #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree ul li {
      width: 100%; }
      #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree ul li:nth-child(1) {
        padding-top: 10px; }
      #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree ul li > div {
        border: none;
        padding-left: 40px !important; }
      #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree ul li span:nth-of-type(2) {
        display: none; }
      #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree ul li span:nth-of-type(3) {
        padding-left: 5px;
        font-size: 0.70em;
        vertical-align: middle;
        color: #607d8b; }
        #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree ul li span:nth-of-type(3)::after {
          content: ")"; }
        #cog-account-agent-hierarchy-sort .cog-agent-hierarchy-tree ul li span:nth-of-type(3)::before {
          content: "("; }
  #cog-account-agent-hierarchy-sort .highlight {
    background-color: #CCCCCC; }
  #cog-account-agent-hierarchy-sort span {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                      supported by Chrome and Opera */ }
  #cog-account-agent-hierarchy-sort tree-dnd {
    width: 90%; }

.cog-main-container,
.cog-main-container md-content.cog-account-sections-container {
  background-color: #afafaf !important; }
  .cog-main-container .triangular-content md-content.md-blue-grey-theme,
  .cog-main-container md-content.cog-account-sections-container .triangular-content md-content.md-blue-grey-theme {
    background-color: #afafaf !important; }

.cogAccPersonal-state-id {
  font-weight: 700;
  min-width: 35px; }

.cogAccPersonal-state-div {
  min-width: 15px; }

.cog-list-container md-list,
.accounting-table md-list {
  background-color: rgba(0, 0, 0, 0.05); }
  .cog-list-container md-list md-list-item,
  .accounting-table md-list md-list-item {
    max-height: 38px; }

.cog-list-container md-icon,
.accounting-table md-icon {
  vertical-align: none;
  height: auto;
  width: auto;
  min-height: auto;
  min-width: auto; }

.cog-list-container .hint-container,
.accounting-table .hint-container {
  padding-right: 5px; }
  .cog-list-container .hint-container md-icon.fa-plus-circle,
  .cog-list-container .hint-container md-icon.fa-check-circle,
  .accounting-table .hint-container md-icon.fa-plus-circle,
  .accounting-table .hint-container md-icon.fa-check-circle {
    color: darkgreen; }
  .cog-list-container .hint-container md-icon.fa-minus-circle,
  .accounting-table .hint-container md-icon.fa-minus-circle {
    color: darkred; }

.cog-list-container .option-container,
.accounting-table .option-container {
  text-align: right;
  width: 30px; }
  .cog-list-container .option-container md-icon.fa-times-circle:hover,
  .accounting-table .option-container md-icon.fa-times-circle:hover {
    color: darkred; }

.cog-table-container table tbody tr {
  background-color: #f3f3f3; }

.cog-table-container .md-table tbody tr td {
  border-bottom: 1px solid #e4e4e4; }

.cog-table-container tbody tr td {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.cog-table-container tbody tr td:first-child,
.cog-table-container thead tr th:first-child {
  padding-left: 5px !important; }

.cog-table-container tbody tr td:last-child,
.cog-table-container thead tr th:last-child {
  padding-right: 5px !important; }

.cog-table-container.accounting-table .hint-container {
  padding: 0px 0px 0px 5px; }

.cog-table-container.accounting-table thead tr th:first-child {
  width: 25px; }

.cog-table-container.accounting-table tbody tr td:first-child,
.cog-table-container.accounting-table thead tr th:first-child {
  width: 25px !important; }

.cog-table-container.accounting-table tbody tr td:last-child,
.cog-table-container.accounting-table thead tr th:last-child {
  padding-right: 10px !important;
  width: 5px !important; }

.cog-table-container.accounting-table .account-owe-perc {
  color: black !important; }

.cog-table-container.accounting-table .accounting-table-mobile tbody tr td,
.cog-table-container.accounting-table .accounting-table-mobile thead tr th,
.cog-table-container.accounting-table .accounting-table-mobile thead tr th {
  font-size: 0.8em;
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.cog-table-container.accounting-table .accounting-table-mobile thead tr th span {
  font-size: 9px; }

.cog-table-container.accounting-table .accounting-table-mobile tbody tr td:first-child,
.cog-table-container.accounting-table .accounting-table-mobile thead tr th:first-child {
  padding-left: 5px !important;
  padding-right: 0 !important;
  width: 15px !important; }

.cog-table-container.accounting-table .accounting-table-mobile .option-container {
  width: 10px !important; }

.cog-main-container {
  /*   .md-data-table {
        .table-toolbar {
            background-color: rgb(96, 125, 139);
            min-height: 45px;
            height: 45px;
        }
        .th-toolbar,
        .md-sort-icon {
            color: #ffffff!important;
            font-size: 0.8em!important;
            font-weight: 400!important;
        }
    } */ }
  .cog-main-container .site-sidenav,
  .cog-main-container .site-sidenav.md-locked-open-add-active,
  .cog-main-container .site-sidenav.md-locked-open {
    width: 180px;
    min-width: 180px;
    max-width: 180px; }
  .cog-main-container md-sidenav md-content {
    background-color: #2c2e40;
    color: white;
    height: 100% !important;
    overflow: hidden; }
    .cog-main-container md-sidenav md-content .side-menu-link {
      color: rgba(255, 255, 255, 0.7);
      text-transform: uppercase;
      font-size: 0.7em;
      font-weight: 500; }
    .cog-main-container md-sidenav md-content .md-button {
      height: 40px;
      min-height: 40px;
      line-height: 40px; }
    .cog-main-container md-sidenav md-content .md-raised {
      background-color: #afafaf !important;
      color: black !important; }
    .cog-main-container md-sidenav md-content .side-menu-child:not(.md-raised) {
      background-color: #3d4058; }
    .cog-main-container md-sidenav md-content .side-menu-child {
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 40px;
      text-align: left; }
    .cog-main-container md-sidenav md-content .side-menu-toggle-icon {
      margin-left: 6px;
      font-size: 10px; }
  .cog-main-container md-sidenav .menu-options {
    overflow: auto; }
  .cog-main-container md-sidenav .menu-info md-content {
    background-color: black;
    text-transform: uppercase; }
    .cog-main-container md-sidenav .menu-info md-content span {
      font-size: 0.8em; }
  .cog-main-container md-sidenav .menu-info .status_active {
    color: #24d024; }
  .cog-main-container md-sidenav .menu-info .status_suspend {
    color: orangered; }
  .cog-main-container md-sidenav .menu-info .status_unused {
    color: orangered; }
  .cog-main-container md-sidenav .menu-info .status_viewonly {
    color: darkgray; }
  .cog-main-container md-sidenav .message-bubble {
    width: 14%;
    height: 47%;
    background-color: #DD0011;
    position: absolute;
    text-align: center;
    line-height: 1.7;
    left: 55%;
    top: 24%;
    border-radius: 25px;
    color: #fff; }
  .cog-main-container md-sidenav .new-badge {
    position: absolute;
    top: 3px;
    left: 4px;
    padding: 0 3px;
    font-size: 7px;
    font-weight: bold;
    line-height: 11px;
    color: #fff;
    background-color: #DD0011;
    border-radius: 5px;
    animation: new-badge-blink 1s ease-in-out infinite; }

@keyframes new-badge-blink {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.2; } }
  .cog-main-container .cog_header {
    height: 64px;
    background-color: #010d19;
    color: #acd2e8;
    margin: 0;
    line-height: 64px; }
    .cog-main-container .cog_header md-icon {
      padding-left: 15px;
      margin-right: -3px;
      margin-top: -2px; }
  .cog-main-container .cog_header_agent {
    background-color: #020703;
    color: #ceefc4; }
  .cog-main-container .cog_header_suspend {
    background-color: #0e0202;
    color: #ffab00; }
  .cog-main-container .cog_header_viewonly {
    background-color: #202020;
    color: lightgray; }
  .cog-main-container .cog_header_unused {
    background-color: #000;
    color: darkred; }
  .cog-main-container .balanceRed {
    color: darkred; }
  .cog-main-container .balanceTop {
    color: darkgreen; }
  .cog-main-container .balanceRedTop {
    color: darkred; }
  .cog-main-container .TopButton-in-middle {
    padding-top: 10px; }
  .cog-main-container .font-light-red {
    color: #c32b00; }
  .cog-main-container .font-yellow {
    color: #efbf24; }
  .cog-main-container md-input-container .md-errors-spacer {
    min-height: 0px !important; }
  .cog-main-container .cogacc_toolbar {
    background-color: #010d19;
    padding-left: 7px; }
  .cog-main-container .cogacc_agent_toolbar {
    background-color: #020703;
    padding-left: 7px; }
  .cog-main-container .cogacc_suspend_toolbar {
    background-color: darkred; }
  .cog-main-container .cogacc_unused_toolbar {
    background-color: #000; }
  .cog-main-container .cogacc_viewonly_toolbar {
    background-color: #727171; }
  .cog-main-container .top-section {
    min-height: 80px;
    height: 80px; }
  .cog-main-container .hd_mobile {
    z-index: 1; }
  .cog-main-container .cogacc_btn {
    height: 36px;
    top: 8px; }
  .cog-main-container .cogacc_settings md-list-item {
    padding: 0px !important; }
  .cog-main-container .cogacc_settings_btn {
    margin-left: 0px;
    padding: 0px;
    min-width: 130px;
    line-height: 30px;
    min-height: 30px;
    background-color: #2c2e40 !important;
    color: #ccc !important;
    font-size: 0.8em; }
  .cog-main-container .quick_settings_btn {
    height: 36px;
    top: 8px; }
  .cog-main-container .acc-srch-bar md-autocomplete-wrap input {
    border: none;
    padding-left: 10px;
    padding-top: 2px;
    font-size: 0.8em; }
  .cog-main-container .acc-srch-bar md-autocomplete-wrap {
    height: auto; }
  .cog-main-container .acc-srch-bar md-autocomplete {
    min-width: 100%;
    margin-bottom: 0.8em; }
  .cog-main-container md-input-container md-autocomplete-wrap .md-input {
    -ms-flex-order: 0;
        order: 0; }
  .cog-main-container .start-day-lbl {
    color: #666;
    margin-top: 6px;
    margin-right: 10px; }
  .cog-main-container .admin-toolbar {
    color: #d2d2d2; }
    .cog-main-container .admin-toolbar .headerBox {
      max-width: 150px;
      color: rgba(0, 0, 0, 0.9);
      border: 1px solid #222;
      background-color: #e8e8e8;
      line-height: 14px;
      border-radius: 3px;
      min-height: 48px;
      padding: 4px 0;
      margin: 0 3px;
      text-align: center; }
      .cog-main-container .admin-toolbar .headerBox p {
        font-size: 0.53em;
        margin: 0px;
        color: rgba(0, 0, 0, 0.7); }
      .cog-main-container .admin-toolbar .headerBox p:first-child {
        margin-top: 3px;
        text-transform: uppercase; }
      .cog-main-container .admin-toolbar .headerBox p:last-child {
        font-size: 0.65em;
        font-weight: 700; }
      .cog-main-container .admin-toolbar .headerBox.selected {
        background: #3b3a3a; }
        .cog-main-container .admin-toolbar .headerBox.selected .weekLbl,
        .cog-main-container .admin-toolbar .headerBox.selected p,
        .cog-main-container .admin-toolbar .headerBox.selected .header-link {
          color: #f7f7f7 !important; }
      @media screen and (max-width: 900px) {
        .cog-main-container .admin-toolbar .headerBox {
          max-width: 100%; } }
    .cog-main-container .admin-toolbar .more-header-info {
      max-width: 20px;
      margin-left: 5px; }
      .cog-main-container .admin-toolbar .more-header-info md-icon {
        min-width: 15px;
        font-size: 0.7em;
        color: #666;
        cursor: pointer; }
  .cog-main-container .header-link {
    color: black !important;
    text-decoration: underline; }
  .cog-main-container .hotkeys-helper-container {
    font-size: 0.6em;
    color: rgba(255, 255, 255, 0.4);
    padding-top: 12px; }
  .cog-main-container .cog-header-button {
    font-size: 0.7em;
    padding: 0px 15px 0px 15px;
    line-height: 30px;
    min-height: 30px;
    margin: 2px 0 2px 8px; }
  .cog-main-container .agent-type-badge {
    cursor: pointer; }
    .cog-main-container .agent-type-badge.badge {
      position: relative; }
    .cog-main-container .agent-type-badge.badge[data-badge]:after {
      content: attr(data-badge);
      position: absolute;
      top: -6px;
      right: -15px;
      font-size: 12px;
      font-weight: 600;
      background: #3e92e070;
      color: white;
      padding: .05em 0.2em;
      min-width: 15px;
      text-align: center;
      line-height: 15px;
      border-radius: 35%; }
    .cog-main-container .agent-type-badge.master[data-badge]:after {
      background: #ff1e1e70;
      cursor: default; }
  .cog-main-container .HistoryRenameBtn {
    color: #e8e8e8;
    font-size: 18px;
    line-height: 24px;
    text-align: center; }
  .cog-main-container .HistoryRenameBtn:not([disabled]):hover {
    cursor: pointer; }
  .cog-main-container .headerTop {
    max-width: 600px; }
  .cog-main-container .cursor-pointer {
    cursor: pointer; }
  .cog-main-container .cogacc_more_lbl {
    color: #179ac2;
    font-size: 0.8em;
    margin-top: 8px;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .cog-main-container .cogacc_icon_lbl {
    color: #959595;
    font-size: 1em;
    margin-top: -10px; }
  .cog-main-container .cog-account-sections-container md-toolbar {
    min-height: 35px; }
    .cog-main-container .cog-account-sections-container md-toolbar .md-toolbar-tools {
      min-height: 35px;
      height: 35px;
      color: #fff;
      background-color: #253c47;
      text-transform: uppercase; }
      .cog-main-container .cog-account-sections-container md-toolbar .md-toolbar-tools md-icon {
        color: #fff;
        font-size: 0.9em; }
    .cog-main-container .cog-account-sections-container md-toolbar .md-subhead,
    .cog-main-container .cog-account-sections-container md-toolbar .md-title {
      font-size: 0.6em; }
    .cog-main-container .cog-account-sections-container md-toolbar .md-title-info {
      font-family: Roboto, "Helvetica Neue", sans-serif;
      font-size: 0.7em; }
  .cog-main-container .cog-account-sections-container .md-toolbar-tools-agent-tr,
  .cog-main-container .cog-account-sections-container .table-toolbar.md-row {
    background-color: #2c2e40;
    color: #c6e2c8 !important;
    height: 30px;
    text-transform: uppercase;
    font-size: 0.9em;
    text-align: center !important; }
  .cog-main-container .cog-account-sections-container md-table-container tbody tr {
    height: 35px !important; }
  .cog-main-container .cog-account-sections-container .md-button.md-warn[disabled].md-raised, .cog-main-container .cog-account-sections-container .md-button.md-warn[disabled].md-fab {
    color: rgba(0, 0, 0, 0.38); }
  .cog-main-container .percentage-mode-section {
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px; }
    .cog-main-container .percentage-mode-section section.group-button .md-button {
      min-width: 120px !important;
      height: 30px !important;
      max-height: 30px !important;
      min-height: 30px !important;
      line-height: 25px !important; }
  .cog-main-container .transactions-table-container table tbody tr {
    background-color: #f3f3f3; }
  .cog-main-container .transactions-table-container .md-table tbody tr td {
    border-bottom: 1px solid #e4e4e4; }
  .cog-main-container .transactions-table-container tbody tr td {
    padding-left: 5px !important;
    padding-right: 5px !important; }
  .cog-main-container .transactions-table-container tbody tr td:first-child,
  .cog-main-container .transactions-table-container thead tr th:first-child {
    padding-left: 5px !important; }
  .cog-main-container .transactions-table-container tbody tr td:last-child,
  .cog-main-container .transactions-table-container thead tr th:last-child {
    padding-right: 5px !important; }
  .cog-main-container .transactions-table-container #transaction-table-billing-statement .md-mobile {
    display: none; }
  .cog-main-container .transactions-table-container #transaction-table-billing-statement tbody tr td {
    min-width: 70px; }
  @media screen and (max-width: 375px) {
    .cog-main-container .transactions-table-container #transaction-table-billing-statement .md-mobile {
      display: table-row;
      height: 25px !important; }
      .cog-main-container .transactions-table-container #transaction-table-billing-statement .md-mobile .bsLabel {
        background-color: #e3e3e3;
        padding: 0px 5px 0px 5px !important; }
    .cog-main-container .transactions-table-container #transaction-table-billing-statement tbody tr td:first-child,
    .cog-main-container .transactions-table-container #transaction-table-billing-statement thead tr th:first-child,
    .cog-main-container .transactions-table-container #transaction-table-billing-statement tfoot tr td:first-child {
      display: none; }
    .cog-main-container .transactions-table-container #transaction-table-billing-statement tfoot tr td:last-child {
      padding-right: 5px !important; } }
  .cog-main-container .transactions-table-container #transactionTableData tbody tr td:nth-last-child(2),
  .cog-main-container .transactions-table-container #transactionTableData thead tr th:nth-last-child(2) {
    padding-right: 5px !important;
    color: #00540b; }
  .cog-main-container .transactions-table-container #transactionTableData tbody tr td:nth-last-child(1),
  .cog-main-container .transactions-table-container #transactionTableData thead tr th:nth-last-child(1) {
    padding-right: 5px !important; }
  .cog-main-container .transactions-table-container #transactionTableData tbody tr td:nth-child(1),
  .cog-main-container .transactions-table-container #transactionTableData thead tr th:nth-child(1) {
    width: 180px;
    padding: 0 5px !important; }
  .cog-main-container .transactions-table-container #transactionTableData tbody tr td:nth-child(2) {
    padding-right: 5px !important; }
  .cog-main-container .transactions-table-container #transactionTableData .red {
    color: #c70000 !important; }
  .cog-main-container .transactions-table-container #commentTableData thead th:nth-child(1) {
    width: 10%; }
  .cog-main-container .transactions-table-container #commentTableData thead th:nth-child(2) {
    width: 10%; }
  .cog-main-container .transactions-table-container #commentTableData thead th:nth-child(3) {
    width: 50%; }
  .cog-main-container .transactions-table-container #commentTableData thead th:nth-child(4) {
    width: 15%; }
  .cog-main-container .transactions-table-container #commentTableData thead th:nth-child(5) {
    width: 15%; }
  .cog-main-container .transactions-table-container td.red {
    color: #c70000 !important; }
  .cog-main-container .transactions-table-container td.green {
    color: darkgreen !important; }
  .cog-main-container .transactions-table-container .transaction-detail-link {
    font-weight: 700;
    cursor: pointer;
    color: #006086; }
  .cog-main-container .transactions-table-container .transaction-wager {
    color: #333333; }
  .cog-main-container .transactions-table-container .transaction-casino {
    color: #a24900; }
  .cog-main-container .transactions-table-container .mobile-caption {
    font-size: 12px; }
    .cog-main-container .transactions-table-container .mobile-caption .dateshort {
      min-width: 50px; }
  .cog-main-container .transactions-table-container .deleted-icon {
    color: #c70000;
    font-weight: normal;
    font-size: 1.2em; }
  @media screen and (min-width: 600px) {
    .cog-main-container .transactions-table-container tbody tr td:first-child,
    .cog-main-container .transactions-table-container thead tr th:first-child {
      padding-left: 20px !important; }
    .cog-main-container .transactions-table-container tbody tr td:last-child,
    .cog-main-container .transactions-table-container thead tr th:last-child {
      padding-right: 20px !important; }
    .cog-main-container .transactions-table-container tfoot tr td:last-child {
      padding-right: 20px !important; }
    .cog-main-container .transactions-table-container #transactionTableData tbody tr td:nth-child(1),
    .cog-main-container .transactions-table-container #transactionTableData thead tr th:nth-child(1) {
      padding-left: 20px !important; }
    .cog-main-container .transactions-table-container #transactionTableData tbody tr td:nth-last-child(1),
    .cog-main-container .transactions-table-container #transactionTableData thead tr th:nth-last-child(1) {
      padding-right: 20px !important; } }
  .cog-main-container .transactions-table-container .dateshort {
    min-width: 65px;
    display: inline-block; }
  .cog-main-container .transactions-table-container .dateTrHdr {
    background-color: #e9eaec;
    font-weight: 700;
    border-bottom: solid 1px #ccc;
    color: rgba(0, 0, 0, 0.65); }
  .cog-main-container .transactions-table-container tfoot {
    background-color: rgba(161, 161, 169, 0.32); }
    .cog-main-container .transactions-table-container tfoot td {
      padding: 5px 5px 5px 5px;
      color: black;
      font-size: 0.8em; }
  .cog-main-container .cog-hint {
    padding-top: 5px;
    color: #c87633;
    font-size: 0.7em; }
  .cog-main-container md-icon.cog-hint {
    padding-top: 0px;
    font-size: 16px;
    height: 20px !important;
    width: 18px !important;
    min-height: 20px !important;
    min-width: 18px !important;
    text-align: center; }
  @media screen and (max-width: 1060px) and (min-width: 600px) {
    .cog-main-container .TransOptionsContainer .md-button {
      font-size: 0.75em; }
    .cog-main-container .TransOptionsContainer .md-text {
      font-size: 0.85em; } }
  .cog-main-container .accGroupBtnsOpt .groupBtn {
    margin: 0 !important;
    min-width: 110px !important; }
  @media screen and (max-width: 1024px) {
    .cog-main-container .accGroupBtnsOpt .groupBtn {
      min-width: 80px !important; } }
  .cog-main-container .accGroupBtnsOpt .md-button {
    margin-top: 0px !important;
    margin-bottom: 0px !important; }
  .cog-main-container .accGroupBtnsOpt .md-button.left {
    border-radius: 4px 0 0 4px; }
  .cog-main-container .accGroupBtnsOpt .md-button.middle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, 0.96);
    border-right: 1px solid rgba(230, 230, 230, 0.96); }
  .cog-main-container .accGroupBtnsOpt .md-button.right {
    border-radius: 0 4px 4px 0; }
  .cog-main-container .accGroupBtnsOpt .md-button:not([disabled]):hover {
    background-color: rgba(193, 193, 193, 0.96);
    color: rgba(0, 0, 0, 0.8);
    transition: 0.3s; }
  .cog-main-container .accGroupBtnsOpt .optionSelected {
    background-color: #0c7eb5;
    color: white; }
  .cog-main-container .TransOptionsContainer md-select {
    margin: 0px;
    height: 25px;
    margin-left: 10px;
    margin-top: -3px; }
  .cog-main-container .TransOptionsContainer .displayContainer {
    margin-left: 0px; }
  .cog-main-container .TransOptionsContainer .timeContainer {
    margin-left: 5px; }
  .cog-main-container .TransOptionsContainer md-menu {
    margin-top: 5px; }
  .cog-main-container .TransOptionsContainer .mobile-btn {
    margin: 0px; }
    .cog-main-container .TransOptionsContainer .mobile-btn md-icon {
      font-size: 1.3em;
      opacity: 0.5;
      margin-top: 7px; }
  .cog-main-container .TransOptionsContainer md-input-container {
    margin: 0px; }
    .cog-main-container .TransOptionsContainer md-input-container md-checkbox {
      margin: 0px; }
  .cog-main-container .TransOptionsContainer .freeplay-container {
    top: 8px !important;
    margin-left: 5px !important;
    min-width: 100px; }
  @media screen and (max-width: 799px) {
    .cog-main-container .TransOptionsContainer .freeplay-container {
      top: 7px !important; } }
  @media screen and (max-width: 320px) {
    .cog-main-container .TransOptionsContainer md-checkbox span {
      font-size: 12px; }
    .cog-main-container .TransOptionsContainer .freeplay-container {
      min-width: 80px; } }
  .cog-main-container .TransOptionsContainer .export-options .md-button md-icon {
    margin-top: 0px; }
  .cog-main-container .TransOptionsContainer .more-btn {
    margin-right: 3px; }
  .cog-main-container .cogacc_settings_lbl {
    margin-left: 0px;
    padding: 0px;
    min-width: 130px;
    line-height: 30px;
    min-height: 30px;
    font-size: 0.8em;
    max-width: 130px;
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.38); }
  @media screen and (min-width: 700px) {
    .cog-main-container #player-count-report-container .padding-screen {
      margin: 10px 10px 10px 10px; } }
  .cog-main-container #player-count-report-container .filter-more-btn {
    width: 40px;
    min-width: 40px;
    height: 30px;
    min-height: 30px;
    line-height: 4px;
    background-color: #00b0ff !important;
    color: #fff; }
  .cog-main-container #player-count-report-container .add-more-btn {
    width: 120px;
    min-width: 40px;
    height: 30px;
    min-height: 30px;
    line-height: 4px;
    background-color: #00b0ff !important;
    color: #fff; }
  .cog-main-container #player-count-report-container .player-summary-btn {
    min-width: 40px;
    height: 30px;
    min-height: 30px;
    line-height: 4px;
    background-color: #022231 !important;
    color: #a8c6d4; }
  .cog-main-container #player-count-report-container .groupFilter-md-select {
    margin: 0;
    margin-top: 0px; }
  .cog-main-container #player-count-report-container md-select.md-blue-grey-theme .md-select-value.md-select-placeholder {
    color: #fff; }
  .cog-main-container #player-count-report-container .HighlightColor {
    background-color: #efeff0 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #006700 !important;
    border-bottom: 1px solid #ddd !important; }
    @media screen and (max-width: 960px) {
      .cog-main-container #player-count-report-container .HighlightColor {
        border-left: none; } }
  .cog-main-container #player-count-report-container .link {
    border: none;
    color: #179ac2; }
  .cog-main-container #player-count-report-container .sizeNumber {
    font-size: 15px;
    letter-spacing: 0.75px; }
  .cog-main-container #player-count-report-container .ttlNumber {
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.75px; }
  .cog-main-container #player-count-report-container .padding-left-10 {
    padding-left: 10px !important; }
  .cog-main-container #player-count-report-container md-select.md-blue-grey-theme:not([disabled]):focus .md-select-value {
    color: #FFF; }
  .cog-main-container #player-count-report-container .padding-right-24 {
    padding-right: 24px; }
  .cog-main-container #player-count-report-container .padding-right-last {
    padding-right: 24px; }
    @media screen and (max-width: 700px) {
      .cog-main-container #player-count-report-container .padding-right-last {
        padding-right: 5px !important; } }
  .cog-main-container #player-count-report-container #playerReport {
    background: #fff; }
  .cog-main-container #player-count-report-container .contentTable {
    height: auto;
    width: 100%;
    position: relative;
    cursor: pointer; }
    .cog-main-container #player-count-report-container .contentTable .leftSide {
      position: relative;
      z-index: 1;
      display: inline; }
      .cog-main-container #player-count-report-container .contentTable .leftSide .left_wrapper {
        width: 80px !important; }
        .cog-main-container #player-count-report-container .contentTable .leftSide .left_wrapper table tr {
          height: 35px !important; }
      .cog-main-container #player-count-report-container .contentTable .leftSide table thead th {
        background: #385563;
        white-space: nowrap;
        height: 45px; }
      .cog-main-container #player-count-report-container .contentTable .leftSide table tbody td {
        background: #fff;
        border-right: #dddddd 2px solid; }
    .cog-main-container #player-count-report-container .contentTable .rightSide {
      position: relative;
      overflow: auto;
      z-index: 0;
      display: inline;
      width: 100%; }
      .cog-main-container #player-count-report-container .contentTable .rightSide table thead tr th:nth-child(2) {
        width: 10%; }
      .cog-main-container #player-count-report-container .contentTable .rightSide table thead tr th:nth-child(1) {
        width: 15%; }
      .cog-main-container #player-count-report-container .contentTable .rightSide table thead tr th:nth-child(8) {
        width: 15%; }
      .cog-main-container #player-count-report-container .contentTable .rightSide table thead tr th span {
        font-size: 1.0em !important; }
      @media screen and (max-width: 700px) {
        .cog-main-container #player-count-report-container .contentTable .rightSide table thead tr th {
          padding-left: 5px !important;
          padding-right: 5px !important; } }
      .cog-main-container #player-count-report-container .contentTable .rightSide table tbody tr {
        height: 35px !important; }
        .cog-main-container #player-count-report-container .contentTable .rightSide table tbody tr td {
          white-space: nowrap; }
  .cog-main-container .lockMsgBtn {
    padding: 0px;
    margin: 0px;
    max-width: 50px;
    min-height: 20px;
    line-height: 25px; }
  .cog-main-container .tree-icon {
    font-size: 1.5em;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-right: 8px; }
  .cog-main-container .tree-icon.highlight {
    color: darkorange; }
  .cog-main-container .highlight {
    padding: 5px 15px;
    border-radius: 4px;
    background-color: gainsboro; }
  .cog-main-container #agent-hierarchy-container {
    background-color: whitesmoke !important;
    /* // not needed yet
        .tree-node {
            background: url(../assets/images/tree-node.gif) no-repeat; background-size: initial;
        }

        .tree-node-last {
            background: url(../assets/images/tree-node-last.gif) no-repeat; background-size: initial;
        }*/ }
    .cog-main-container #agent-hierarchy-container .md-table tbody tr {
      height: 35px; }
  .cog-main-container .unhighlight {
    color: #9f9f9f;
    cursor: default; }
  .cog-main-container .xs-buttons .md-button {
    margin: 0px; }
  .cog-main-container .freeplay-style {
    background-color: #d8d0b5; }
    .cog-main-container .freeplay-style .freeplay_balance {
      text-align: right;
      background-color: rgba(0, 0, 0, 0.1);
      line-height: 28px;
      padding-left: 10px;
      padding-right: 10px;
      margin-top: -3px;
      border-radius: 2px;
      font-size: 0.8em;
      color: #5d5849; }
      .cog-main-container .freeplay-style .freeplay_balance .balance {
        color: black;
        font-size: 1.15em;
        min-width: 90px;
        font-weight: 700; }
      .cog-main-container .freeplay-style .freeplay_balance .balance.red {
        color: darkred; }
      .cog-main-container .freeplay-style .freeplay_balance .balance.green {
        color: darkgreen; }
  .cog-main-container .AverageBalance .balance.red {
    color: darkred; }
  .cog-main-container .AverageBalance .balance.green {
    color: darkgreen; }
  .cog-main-container .md-freeplay {
    background-color: #4c0000 !important;
    color: #ffefd8 !important; }
  .cog-main-container cog-amount-input input, .cog-main-container cog-text-input input {
    font-weight: 700;
    font-size: 1.2em; }

#CogAccountSettingsDialog .agent-lbl {
  padding-left: 5px;
  font-weight: 700; }

#CogAccountSettingsDialog .customer-lbl {
  padding-left: 5px;
  font-weight: 700; }

#CogAccountSettingsDialog md-dialog-actions {
  padding-left: 8px; }
  #CogAccountSettingsDialog md-dialog-actions .md-button:first-child {
    margin-left: 0px; }

#CogAccountSettingsDialog.dialogRacebook {
  max-width: 400px; }
  #CogAccountSettingsDialog.dialogRacebook .Racebook_label {
    font-size: 1.2em;
    font-weight: 700;
    padding-top: 10px !important;
    padding-bottom: 10px;
    border-bottom: solid 1px #d4d4d4; }
  #CogAccountSettingsDialog.dialogRacebook md-radio-button {
    font-size: 0.9em;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px; }
  #CogAccountSettingsDialog.dialogRacebook .racebook-options-container {
    max-height: 450px;
    border-left: solid 1px #d4d4d4;
    border-bottom: solid 1px #d4d4d4;
    margin-bottom: 10px; }
    #CogAccountSettingsDialog.dialogRacebook .racebook-options-container .md-on {
      background-color: rgba(28, 152, 253, 0.87); }
    #CogAccountSettingsDialog.dialogRacebook .racebook-options-container .md-off {
      border-color: rgba(185, 185, 185, 0.87); }
  #CogAccountSettingsDialog.dialogRacebook .cogacc_racebook_link {
    padding: 4px 0; }
    #CogAccountSettingsDialog.dialogRacebook .cogacc_racebook_link a {
      color: #c10000;
      text-decoration: underline;
      font-size: 0.8em; }
      #CogAccountSettingsDialog.dialogRacebook .cogacc_racebook_link a:hover {
        color: #2f2f2f; }

#CogAccountSettingsDialog.dialogPhone {
  max-width: 450px; }

#CogAccountSettingsDialog.dialogPhone2 {
  max-width: 350px; }

#CogAccountSettingsDialog.dialogMailbox {
  max-width: 450px; }

#CogAccountSettingsDialog.dialogStatus {
  max-width: 700px; }

#transaction-info-dialog {
  max-width: 400px;
  width: 400px;
  /*
    .info-container .info {
        padding-top:10px;
        padding-bottom:10px;
    }
    .info-container .info div:nth-child(2) {
        font-weight: 700;
    }
    */ }
  #transaction-info-dialog .newcarryover-input {
    /*margin-top: 30px;
        padding-bottom: 0px;

        .md-errors-spacer {
            display: none;
        }*/ }
  #transaction-info-dialog .amountRed {
    color: darkred; }
  #transaction-info-dialog .DelHistoryCol {
    padding-right: 5px; }
  #transaction-info-dialog .NoBalanceCol {
    padding-left: 5px; }
  #transaction-info-dialog .NoBalanceBtn {
    min-height: 35px;
    margin-top: 10px;
    width: 100%;
    font-size: 12px;
    box-shadow: none;
    border: 1px solid #d51002;
    margin: 6px 0px; }
    #transaction-info-dialog .NoBalanceBtn md-icon {
      color: #d51002; }
  #transaction-info-dialog .margin-row {
    /*padding-left: 1% !important;
        padding-right: 1%;*/
    padding: 10px; }
  #transaction-info-dialog .off-transaction-header {
    background: darkred !important; }
    #transaction-info-dialog .off-transaction-header div {
      color: #fafafa; }
  #transaction-info-dialog .off-transaction-label {
    font-weight: bold;
    color: darkred; }

.cog-dialog.onecolumn {
  max-width: 380px; }

.cog-dialog.rule-dialog {
  max-width: 600px; }

.cog-dialog.danger-dialog {
  background-color: darkred; }
  .cog-dialog.danger-dialog md-dialog-actions {
    background-color: #630000; }

.cog-dialog .EditedHighlight {
  color: darkred;
  margin-left: 0px !important;
  top: -1px;
  font-size: 0.9em !important; }

.cog-dialog .deleted-block {
  background-color: #000;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.8em;
  padding: 5px 15px 10px 15px !important; }
  .cog-dialog .deleted-block label {
    font-weight: 700;
    font-size: 0.81em !important;
    color: #ffb74d !important;
    padding: 0px !important; }
  .cog-dialog .deleted-block div {
    line-height: 15px; }

.cog-dialog .info-block {
  padding: 3px;
  border: solid 1px #CCC;
  border-top: none !important;
  line-height: 25px; }
  .cog-dialog .info-block label {
    color: #505050;
    min-width: 80px;
    padding-right: 10px;
    text-align: left;
    font-size: 0.7em;
    text-transform: uppercase;
    padding-left: 10px; }
  .cog-dialog .info-block div {
    padding-right: 5px; }
  .cog-dialog .info-block.NoBalaceBackground {
    background: darkred; }

.cog-dialog .layout-column .info-block:first-child {
  border: solid 1px #CCC !important; }

.cog-dialog md-toolbar {
  background-color: #2c2e40 !important;
  color: rgba(250, 250, 250, 0.7) !important;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.4) !important;
  height: 45px;
  min-height: 45px; }

.cog-dialog md-toolbar.danger {
  background-color: #640000 !important; }

.cog-dialog md-toolbar.transaction-dialog-header {
  height: 55px;
  min-height: 55px; }

.cog-dialog .md-danger {
  color: white !important;
  background-color: #780000 !important; }

.cog-dialog .md-danger[disabled] {
  color: #1e1e1e !important;
  background-color: #e1e1e1 !important; }

.cog-dialog .cog-button {
  font-size: 0.7em;
  padding: 0px 15px 0px 15px;
  line-height: 30px;
  min-height: 30px;
  margin: 2px 0 2px 8px; }

.cog-dialog .md-focused {
  box-shadow: 0 5px 3px 0px rgba(0, 0, 0, 0.7) !important; }

.cog-dialog .cog-input-side-button {
  margin-top: -8px;
  margin-right: -12px; }

.cog-dialog .delete-info-container {
  font-size: 0.7em;
  padding: 3px 15px 3px 15px;
  border: solid 1px #d0d0d0;
  background-color: #780000;
  border-radius: 4px;
  margin-left: 10px;
  color: white; }
  .cog-dialog .delete-info-container .info-container label {
    text-transform: uppercase;
    min-width: 75px;
    font-weight: 700;
    font-size: 0.9em;
    color: #ffb74d; }

.cog-dialog md-dialog-content {
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto; }
  .cog-dialog md-dialog-content md-input-container {
    margin-top: 18px;
    margin-bottom: 0px; }
    .cog-dialog md-dialog-content md-input-container .md-errors-spacer {
      min-height: 10px; }

.cog-dialog md-dialog-actions {
  padding-left: 0px; }
  .cog-dialog md-dialog-actions .md-button:last-child {
    background-color: #076429 !important;
    color: #fff !important; }
    .cog-dialog md-dialog-actions .md-button:last-child:focus, .cog-dialog md-dialog-actions .md-button:last-child:hover {
      background-color: #0b8d3b !important;
      color: #fff !important; }
    .cog-dialog md-dialog-actions .md-button:last-child:disabled {
      background-color: #d4d4d4 !important;
      color: #909090 !important; }

.cog-dialog .cog-amount-currency,
.cog-dialog .cog-amount {
  font-weight: 700;
  font-size: 1.6em;
  text-align: center !important;
  color: #00521e !important;
  line-height: 30px;
  height: 30px !important; }

.cog-dialog .cog-amount-currency {
  width: 18px;
  font-size: 1.53em;
  text-align: right; }

.cog-dialog .cog-amount-currency.moneyRed,
.cog-dialog .cog-amount.moneyRed {
  color: darkred !important; }

.cog-dialog .cog-datepicker .md-datepicker-input-mask {
  height: 0px; }

.cog-dialog .cog-datepicker .md-datepicker-button {
  margin-left: 0px;
  margin-right: 0px; }

.cog-dialog .cog-datepicker .md-datepicker-input-container {
  width: calc(100% - 60px); }
  .cog-dialog .cog-datepicker .md-datepicker-input-container .md-datepicker-input {
    font-size: 1.1em;
    position: relative;
    top: 8px;
    text-align: center;
    padding-right: 25px;
    margin-left: -11px; }

.cog-dialog md-toolbar .md-toolbar-tools .md-icon-button md-icon.zmdi-close {
  color: white; }

.cog-dialog .StatusInProgress {
  color: darkred !important;
  font-weight: 700; }

.cog-dialog .StatusCompleted {
  color: darkgreen;
  font-weight: 700; }

.cog-dialog ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
  right: 0px;
  left: 0px;
  width: 100%; }

.cog-dialog .md-datepicker-open .md-datepicker-triangle-button,
.cog-dialog .md-datepicker-open.md-input-has-value > label,
.cog-dialog .md-datepicker-open.md-input-has-placeholder > label {
  display: block; }

.cog-dialog md-datepicker .md-datepicker-button {
  padding: 0px;
  margin: 0px;
  height: 30px;
  width: 40px;
  line-height: 30px; }
  .cog-dialog md-datepicker .md-datepicker-button svg {
    width: 80%;
    height: 80%; }

.cog-dialog md-datepicker .md-datepicker-input-container {
  width: calc(100% - 63px);
  top: 8px;
  margin-left: 0px; }
  .cog-dialog md-datepicker .md-datepicker-input-container input {
    font-size: 1.12em; }

.cog-dialog md-datepicker .md-datepicker-triangle-button {
  padding: 0px !important;
  margin: 0px !important;
  top: 0px;
  right: -11px; }

.cog-dialog .trans-bonus-detail {
  font-size: 1em;
  font-weight: 700; }
  .cog-dialog .trans-bonus-detail span {
    font-size: 1.3em;
    color: darkred;
    padding-left: 5px;
    padding-right: 5px; }

.cog-dialog .word-wrap {
  word-wrap: break-word; }

.cog-dialog .header-title div:first-child {
  font-size: 1em;
  margin-top: 2px; }

.cog-dialog .header-title div:last-child {
  font-size: 0.65em;
  margin-top: -5px;
  color: #babac8; }

.cog-dialog.cog-dialog-name-changes.onecolumn {
  max-width: 960px; }

.cog-dialog.cog-dialog-name-changes .rightSide,
.cog-dialog.cog-dialog-name-changes .header-title {
  width: 100%; }

.cog-dialog.cog-dialog-name-changes thead th {
  position: sticky;
  top: 0; }

.cog-dialog.cog-dialog-name-changes .md-data-table .table-toolbar,
.cog-dialog.cog-dialog-name-changes table.md-table thead.md-head > tr.md-row {
  height: 36px; }

.cog-dialog.cog-dialog-name-changes .md-data-table .table-toolbar {
  min-height: 36px; }

.cog-dialog.cog-dialog-name-changes .md-toolbar-tools {
  position: relative; }
  .cog-dialog.cog-dialog-name-changes .md-toolbar-tools h2 {
    font-size: 0.75em; }
  .cog-dialog.cog-dialog-name-changes .md-toolbar-tools .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%; }
  .cog-dialog.cog-dialog-name-changes .md-toolbar-tools > .md-button:last-child {
    margin-right: 0; }

.cog-dialog.cog-dialog-name-changes .md-dialog-content {
  padding: 0; }

.cog-dialog.cog-dialog-name-changes tbody td:nth-child(even) {
  color: #8b0000; }

.personal-confirm-dialog {
  max-width: 500px; }
  .personal-confirm-dialog .md-dialog-content .info {
    text-align: center; }
    .personal-confirm-dialog .md-dialog-content .info span {
      font-size: 1.2em;
      font-weight: 700;
      padding-left: 5px;
      padding-right: 5px;
      color: #252525; }
    .personal-confirm-dialog .md-dialog-content .info .highlight {
      color: darkred; }

.trans-confirm-dialog {
  max-width: 500px; }
  .trans-confirm-dialog md-toolbar {
    background-color: black !important; }
  .trans-confirm-dialog .trans-container {
    padding: 0px 20px 5px 20px; }
    .trans-confirm-dialog .trans-container .headerLbl {
      margin-top: 1em;
      margin-bottom: 1em; }
    .trans-confirm-dialog .trans-container .trans-info {
      font-size: 1.1em;
      font-weight: 700; }
      .trans-confirm-dialog .trans-container .trans-info div:first-child {
        font-weight: 400; }
      .trans-confirm-dialog .trans-container .trans-info div:last-child {
        padding-right: 5px; }
      .trans-confirm-dialog .trans-container .trans-info .balanceRed {
        color: darkred; }
      .trans-confirm-dialog .trans-container .trans-info .newBalance {
        color: darkgreen; }

.cogDialogMobile {
  padding: 10px !important;
  overflow: scroll; }
  @media screen and (max-width: 375px) {
    .cogDialogMobile .info {
      padding-bottom: 5px !important;
      font-size: 14px !important; } }

md-coginput-container.cog-input-container md-autocomplete {
  margin-top: -3px !important; }
  md-coginput-container.cog-input-container md-autocomplete md-autocomplete-wrap {
    background-color: white;
    margin-top: 1px !important;
    border-color: white; }
    md-coginput-container.cog-input-container md-autocomplete md-autocomplete-wrap button {
      background-color: white; }

div-input-container.cog-input-container,
md-input-container.cog-input-container,
md-coginput-container.cog-input-container {
  margin: 3px !important;
  padding: 5px 10px 5px 10px;
  border: solid 1px #E3E3E3;
  border-radius: 2px;
  background-color: white;
  font-size: 0.9em;
  /*.md-input-has-value {
        label {
            color: rgba(0, 0, 0, 0.8);
        }
    }*/ }
  div-input-container.cog-input-container input,
  md-input-container.cog-input-container input,
  md-coginput-container.cog-input-container input {
    border: none;
    height: 22px; }
  div-input-container.cog-input-container .cog-input-label,
  div-input-container.cog-input-container label,
  md-input-container.cog-input-container .cog-input-label,
  md-input-container.cog-input-container label,
  md-coginput-container.cog-input-container .cog-input-label,
  md-coginput-container.cog-input-container label {
    position: relative;
    font-size: 0.75em;
    text-transform: uppercase;
    color: #6b6b6b;
    top: 0px;
    transform: none !important; }
  div-input-container.cog-input-container .cog-input-label,
  md-input-container.cog-input-container .cog-input-label,
  md-coginput-container.cog-input-container .cog-input-label {
    margin-top: 5px;
    margin-bottom: 3px; }
  div-input-container.cog-input-container .md-input,
  div-input-container.cog-input-container .md-select-value,
  md-input-container.cog-input-container .md-input,
  md-input-container.cog-input-container .md-select-value,
  md-coginput-container.cog-input-container .md-input,
  md-coginput-container.cog-input-container .md-select-value {
    border: none;
    height: 22px;
    margin-top: -3px; }
  div-input-container.cog-input-container md-select,
  md-input-container.cog-input-container md-select,
  md-coginput-container.cog-input-container md-select {
    margin: 0px;
    height: 25px;
    margin-left: 10px;
    margin-top: -3px; }
  div-input-container.cog-input-container md-switch,
  md-input-container.cog-input-container md-switch,
  md-coginput-container.cog-input-container md-switch {
    margin: 0px;
    height: 20px;
    margin-top: 5px; }
  div-input-container.cog-input-container .input-bordered,
  md-input-container.cog-input-container .input-bordered,
  md-coginput-container.cog-input-container .input-bordered {
    border-bottom: solid 1px #e4e4e4; }
  div-input-container.cog-input-container .input-margin-top,
  md-input-container.cog-input-container .input-margin-top,
  md-coginput-container.cog-input-container .input-margin-top {
    margin-top: 3px; }
  div-input-container.cog-input-container .sub-coginput-container,
  md-input-container.cog-input-container .sub-coginput-container,
  md-coginput-container.cog-input-container .sub-coginput-container {
    margin-right: 5px; }
    div-input-container.cog-input-container .sub-coginput-container label,
    md-input-container.cog-input-container .sub-coginput-container label,
    md-coginput-container.cog-input-container .sub-coginput-container label {
      font-size: 0.7em;
      font-weight: normal;
      margin-bottom: 5px; }
  div-input-container.cog-input-container .sub-coginput-container:last-child,
  md-input-container.cog-input-container .sub-coginput-container:last-child,
  md-coginput-container.cog-input-container .sub-coginput-container:last-child {
    margin-right: 5px; }
  div-input-container.cog-input-container label md-icon.cog-hint,
  md-input-container.cog-input-container label md-icon.cog-hint,
  md-coginput-container.cog-input-container label md-icon.cog-hint {
    height: 15px !important;
    width: 15px !important;
    min-height: 15px !important;
    min-width: 15px !important;
    vertical-align: text-bottom;
    margin-right: 5px; }
  div-input-container.cog-input-container .cog-hint-content,
  md-input-container.cog-input-container .cog-hint-content,
  md-coginput-container.cog-input-container .cog-hint-content {
    background-color: rgba(0, 0, 0, 0.15);
    font-size: 11px;
    padding: 8px;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 15px; }
    div-input-container.cog-input-container .cog-hint-content .close-option,
    md-input-container.cog-input-container .cog-hint-content .close-option,
    md-coginput-container.cog-input-container .cog-hint-content .close-option {
      max-width: 15px !important;
      min-width: 15px !important;
      width: 15px !important;
      cursor: pointer;
      text-align: center;
      margin: 0px;
      height: 15px;
      min-height: 15px; }
  div-input-container.cog-input-container .cog-input-invalid,
  md-input-container.cog-input-container .cog-input-invalid,
  md-coginput-container.cog-input-container .cog-input-invalid {
    border-bottom: solid 1px red; }
    div-input-container.cog-input-container .cog-input-invalid input,
    md-input-container.cog-input-container .cog-input-invalid input,
    md-coginput-container.cog-input-container .cog-input-invalid input {
      background-color: rgba(255, 0, 0, 0.1);
      color: darkred !important; }
  div-input-container.cog-input-container .rule-header,
  md-input-container.cog-input-container .rule-header,
  md-coginput-container.cog-input-container .rule-header {
    height: 30px;
    margin-bottom: 5px; }

md-coginput-container.cog-input-container input:focus {
  outline-color: transparent;
  outline-style: none;
  border-bottom-color: #687fb3; }

md-input-container.cog-input-container.md-input-has-value label {
  color: rgba(0, 0, 0, 0.25) !important; }

md-input-container.cog-input-container.md-input-invalid label {
  color: #ff6d00 !important; }

md-input-container.cog-input-container.md-input-invalid .md-input-message-animation:not(.ng-animate) {
  margin: 0px;
  opacity: 1; }

.AgentBlock .IsAgentLbl {
  color: black; }

.AgentBlock .IsMasterLbl {
  color: darkred; }

.AgentBlock .AgentBox {
  font-size: 0.6em;
  font-weight: 700;
  min-width: 130px;
  border: 1px solid #aeaeae;
  background-color: #ffffff;
  border-radius: 3px;
  min-height: 25px;
  padding: 4px 0;
  text-align: center;
  margin-right: -12px !important; }

.cog-form-container {
  background-color: #f3f3f3 !important; }
  .cog-form-container .input-group-addon {
    margin: 3px 0 3px 0 !important;
    background-color: #e8e8e8;
    border: solid 1px #c3c3c3;
    left: -4px;
    max-width: 80px;
    border-radius: 0 2px 2px 0; }
  .cog-form-container md-autocomplete {
    min-width: 100px !important;
    margin: 0px !important;
    height: auto !important; }
    .cog-form-container md-autocomplete input {
      margin-top: -1px !important;
      height: 30px !important;
      font-size: 1em !important; }
    .cog-form-container md-autocomplete md-autocomplete-wrap {
      margin-top: 3px;
      border: none !important;
      height: auto; }
      .cog-form-container md-autocomplete md-autocomplete-wrap button {
        -ms-flex-order: 3;
            order: 3; }

.cog-padding-xs {
  padding: 3px; }
  .cog-padding-xs .cog-container-info {
    margin: 3px;
    background-color: #eaeaea; }

md-input-container.cog-input-container.md-input-focused,
md-coginput-container.cog-input-container.md-input-focused {
  background-color: #e8e8e8;
  border: solid 1px #c3c3c3; }
  md-input-container.cog-input-container.md-input-focused label,
  md-coginput-container.cog-input-container.md-input-focused label {
    color: rgba(0, 0, 0, 0.1) !important; }

md-coginput-container.cog-input-container.md-input-focused input {
  background-color: #e8e8e8; }

md-coginput-container.cog-input-container.md-input-focused md-autocomplete-wrap input {
  background-color: white; }

md-coginput-container.cog-input-container md-autocomplete {
  min-width: 30px !important; }
  md-coginput-container.cog-input-container md-autocomplete md-autocomplete-wrap {
    margin-top: -4px; }
    md-coginput-container.cog-input-container md-autocomplete md-autocomplete-wrap ::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: rgba(0, 0, 0, 0.26); }
    md-coginput-container.cog-input-container md-autocomplete md-autocomplete-wrap ::-moz-placeholder {
      /* Firefox 19+ */
      color: rgba(0, 0, 0, 0.26); }
    md-coginput-container.cog-input-container md-autocomplete md-autocomplete-wrap :-ms-input-placeholder {
      /* IE 10+ */
      color: rgba(0, 0, 0, 0.26); }
    md-coginput-container.cog-input-container md-autocomplete md-autocomplete-wrap :-moz-placeholder {
      /* Firefox 18- */
      color: rgba(0, 0, 0, 0.26); }

.token-limit-container {
  min-height: 56px; }

.md-autocomplete-suggestions-container {
  max-height: 600px !important; }

.md-autocomplete-suggestions li {
  display: block;
  font-size: 0.9375em;
  padding-right: 8px;
  padding-left: 8px;
  line-height: 40px;
  height: 40px; }

.color-emphasis {
  color: #f66; }

.lineset-config-container md-list-item {
  padding: 5px 0px !important; }

#hotkeysHelperDialog md-dialog-content {
  padding: 5px !important; }

#hotkeysHelperDialog md-card-title {
  font-size: 0.9em;
  padding: 5px 12px;
  background-color: #222;
  color: rgba(255, 255, 255, 0.7); }

#hotkeysHelperDialog .hotkeys-values span {
  margin-right: 5px;
  margin-left: 5px;
  padding: 5px 12px;
  border-radius: 3px;
  background-color: black;
  color: rgba(255, 255, 255, 0.7);
  min-width: 35px;
  display: inline-block;
  text-align: center;
  text-transform: uppercase; }

#hotkeysHelperDialog md-list-item:first-child {
  margin-top: 10px; }

#hotkeysHelperDialog md-list-item {
  font-size: 0.7em;
  padding: 0px !important;
  height: 32px;
  min-height: 32px; }

.log-dialog {
  max-width: 650px; }

.billing-statement-dialog {
  max-width: 380px; }
  .billing-statement-dialog .billing-container-info label {
    padding-left: 5px;
    padding-right: 5px; }
  .billing-statement-dialog .billing-detail-container {
    margin: 3px;
    margin-top: 10px; }
  .billing-statement-dialog .totalCharge {
    border-top: solid 2px rgba(44, 46, 64, 0.08); }

.billing-statement-dialog.perhead {
  max-width: 450px; }

.log-container {
  margin-bottom: 12px; }
  .log-container .widget-content {
    padding: 0px; }
  .log-container .log-header {
    padding: 3px 8px;
    background-color: #d6d7dc;
    font-size: 0.8em; }
    .log-container .log-header div:first-child span {
      font-weight: 700;
      padding-right: 8px; }
    .log-container .log-header div:last-child span {
      font-weight: 700;
      color: #4b4d5f;
      padding-left: 5px; }
  .log-container .log-table {
    font-size: 0.8em;
    margin-bottom: 0px; }
    .log-container .log-table thead {
      background-color: #e4e5e6; }
      .log-container .log-table thead th {
        color: black;
        font-weight: normal;
        padding: 0px 8px; }
    .log-container .log-table tbody td {
      padding: 3px 5px; }
    .log-container .log-table tbody td:first-child {
      width: 20%;
      color: #9c9c9c; }
    .log-container .log-table tbody td:nth-child(2) {
      max-width: 200px;
      width: 40%;
      word-wrap: break-word; }
    .log-container .log-table tbody td:nth-child(3) {
      max-width: 200px;
      width: 40%;
      word-wrap: break-word; }

.related-dialog {
  max-width: 650px; }

.related-container {
  margin-bottom: 12px; }
  .related-container .widget-content {
    padding: 0px; }
  .related-container .related-header {
    padding: 5px 5px 5px 15px;
    background-color: #d6d7dc;
    font-size: 0.9em;
    font-weight: 700; }
    .related-container .related-header .main-trans-icon {
      font-size: 0.6em;
      color: #ff6d00;
      min-width: 15px; }
    .related-container .related-header .md-button {
      font-size: 0.6em;
      line-height: 25px;
      min-height: 25px;
      max-width: 60px;
      min-width: 60px;
      padding: 0px 8px 0px 8px; }
    .related-container .related-header div:first-child {
      color: rgba(0, 0, 0, 0.7); }
  .related-container .related-table {
    font-size: 0.8em;
    margin-bottom: 0px; }
    .related-container .related-table thead {
      background-color: #e4e5e6; }
      .related-container .related-table thead th {
        color: black;
        font-weight: normal;
        padding: 0px 10px; }
      .related-container .related-table thead th:first-child {
        text-align: right; }
      .related-container .related-table thead th:nth-child(2) {
        text-align: left; }
    .related-container .related-table tbody td {
      padding: 8px 10px; }
    .related-container .related-table tbody td:first-child {
      width: 140px;
      color: #9c9c9c;
      text-align: right;
      font-weight: 700;
      font-size: 1.3em; }
    .related-container .related-table tbody td:nth-child(2) {
      word-wrap: break-word; }
    .related-container .related-table tbody td:nth-child(3) {
      max-width: 120px;
      width: 120px; }

.cog-dialog-modalBg {
  opacity: 0.2 !important; }

cog-money-input input[type='number'],
cog-amount-input input[type='number'],
cog-limit-parlay-input input[type='number'],
cog-limit-ar-input input[type='number'] {
  -moz-appearance: textfield; }

cog-money-input input::-webkit-outer-spin-button,
cog-money-input input::-webkit-inner-spin-button,
cog-amount-input input::-webkit-outer-spin-button,
cog-amount-input input::-webkit-inner-spin-button,
cog-limit-parlay-input input::-webkit-outer-spin-button,
cog-limit-parlay-input input::-webkit-inner-spin-button,
cog-limit-ar-input input::-webkit-outer-spin-button,
cog-limit-ar-input input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

cog-text-input input[type='text'] {
  -moz-appearance: textfield; }

cog-text-input input::-webkit-outer-spin-button,
cog-text-input input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

cog-amount-input input, cog-text-input input {
  width: 100%; }

.md-select-menu-container .trans-option-hint {
  font-size: 0.8em;
  color: #5f5f5f;
  padding-left: 10px;
  font-style: italic; }

.NewFreeplayDialog md-toolbar {
  background-color: #4e472d !important; }

.NewFreeplayDialog md-dialog-content,
.NewFreeplayDialog md-dialog-actions {
  background-color: #d8d0b5 !important; }

.group-button .md-button.groupX,
.group-button .md-button.groupY {
  font-size: 12px;
  margin: 0px;
  padding: 2px;
  color: #312e2e;
  background-color: rgba(200, 200, 200, 0.3);
  text-transform: none;
  font-weight: 400;
  line-height: 20px;
  height: 30px;
  min-height: 30px;
  min-width: 50px; }

.group-button .md-button.groupX.left {
  border-radius: 4px 0 0 4px;
  padding-left: 8px;
  padding-right: 8px; }

.group-button .md-button.groupY.top {
  border-radius: 4px 4px 0 0; }

.group-button .md-button.groupX.middle {
  border-radius: 0;
  border-left: 1px solid rgba(230, 230, 230, 0.96);
  border-right: 1px solid rgba(230, 230, 230, 0.96); }

.group-button .md-button.groupX.right {
  border-radius: 0 4px 4px 0; }

.group-button .md-button.groupY.bottom {
  border-radius: 0 0 4px 4px; }

.group-button .md-button.on,
.group-button .md-button.on:hover {
  background-color: #8bbf61 !important;
  color: #ffffff; }

.group-button .md-button.off,
.group-button .md-button.off:hover {
  background-color: #bd362f !important;
  color: #ffffff; }

#cog-acc-rayo .rayo-btn,
.admin-toolbar .rayo-btn {
  color: white !important;
  padding-left: 15px;
  padding-right: 15px; }
  #cog-acc-rayo .rayo-btn.md-warn.md-hue-2,
  .admin-toolbar .rayo-btn.md-warn.md-hue-2 {
    background-color: #ef6c00; }
  #cog-acc-rayo .rayo-btn .cog-rayo-icon,
  .admin-toolbar .rayo-btn .cog-rayo-icon {
    color: darkred !important;
    padding-right: 8px; }
  #cog-acc-rayo .rayo-btn:hover,
  .admin-toolbar .rayo-btn:hover {
    background-color: #c32b00 !important; }
  #cog-acc-rayo .rayo-btn:disabled, #cog-acc-rayo .rayo-btn[disabled],
  .admin-toolbar .rayo-btn:disabled,
  .admin-toolbar .rayo-btn[disabled] {
    background-color: #cccccc !important;
    color: #999 !important; }
    #cog-acc-rayo .rayo-btn:disabled .cog-rayo-icon, #cog-acc-rayo .rayo-btn[disabled] .cog-rayo-icon,
    .admin-toolbar .rayo-btn:disabled .cog-rayo-icon,
    .admin-toolbar .rayo-btn[disabled] .cog-rayo-icon {
      color: #999 !important; }
  @media screen and (max-width: 1024px) {
    #cog-acc-rayo .rayo-btn,
    .admin-toolbar .rayo-btn {
      margin-top: 0px;
      margin-bottom: 0px; } }
  @media screen and (min-width: 600px) and (max-width: 1023px) {
    #cog-acc-rayo .rayo-btn,
    .admin-toolbar .rayo-btn {
      min-width: 25px !important;
      padding-left: 8px;
      padding-right: 8px; }
      #cog-acc-rayo .rayo-btn .cog-rayo-icon,
      .admin-toolbar .rayo-btn .cog-rayo-icon {
        padding-right: 0px; } }

#cog-acc-rayo .full-header,
.admin-toolbar .full-header {
  width: 100%; }

#cog-acc-rayo .md-raised:not([disabled]).account-button,
.admin-toolbar .md-raised:not([disabled]).account-button {
  background-color: #076429;
  color: #FFFFFF; }
  #cog-acc-rayo .md-raised:not([disabled]).account-button:hover,
  .admin-toolbar .md-raised:not([disabled]).account-button:hover {
    background-color: #0b8d3b; }

#cog-acc-rayo .md-raised[disabled].account-button,
.admin-toolbar .md-raised[disabled].account-button {
  background-color: rgba(0, 0, 0, 0); }
  #cog-acc-rayo .md-raised[disabled].account-button span,
  .admin-toolbar .md-raised[disabled].account-button span {
    color: rgba(0, 0, 0, 0); }

#cog-acc-rayo .cog-form-container.widget {
  min-height: 50px; }

#cog-acc-accounting .cogpermission-directive-container .amount-limit-disabled,
#cog-acc-permissions .cogpermission-directive-container .amount-limit-disabled {
  color: rgba(0, 0, 0, 0) !important;
  background-color: #eee !important; }

#cog-acc-accounting .rules-labels,
#cog-acc-permissions .rules-labels {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.7); }

#cog-acc-accounting .widget,
#cog-acc-permissions .widget {
  min-height: 50px !important; }

#cog-acc-accounting .linked-options,
#cog-acc-permissions .linked-options {
  margin-top: 3px; }

#cog-acc-accounting .cog-accounting-options .group-button button,
#cog-acc-permissions .cog-accounting-options .group-button button {
  min-width: 45px;
  height: 23px;
  max-height: 23px;
  min-height: 23px;
  line-height: 18px; }

#cog-acc-accounting .cog-accounting-options .perhead-options md-coginput-container,
#cog-acc-permissions .cog-accounting-options .perhead-options md-coginput-container {
  min-height: 58px; }

#cog-acc-accounting .cog-accounting-options .perhead-options .group-button,
#cog-acc-permissions .cog-accounting-options .perhead-options .group-button {
  margin-left: 5px; }

#cog-acc-accounting .cog-accounting-options .PerHeadPriceLbl,
#cog-acc-permissions .cog-accounting-options .PerHeadPriceLbl {
  padding-left: 7px;
  padding-right: 10px;
  font-size: 0.7em;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase; }

#cog-acc-accounting .AccountTypeNone,
#cog-acc-permissions .AccountTypeNone {
  color: darkred; }

#cog-acc-accounting .AccountTypeMixed,
#cog-acc-permissions .AccountTypeMixed {
  color: #992929; }

#cog-acc-accounting .rule-remove-row,
#cog-acc-permissions .rule-remove-row {
  background-color: rgba(255, 0, 0, 0.2); }

#cog-acc-accounting .rule-update-row,
#cog-acc-permissions .rule-update-row {
  background-color: rgba(0, 75, 135, 0.2); }

#cog-acc-accounting .rule-account-website,
#cog-acc-permissions .rule-account-website {
  padding-left: 15px;
  padding-top: 3px;
  font-size: 0.75em;
  font-weight: 700;
  color: #5b5b5b; }
  #cog-acc-accounting .rule-account-website.mobile,
  #cog-acc-permissions .rule-account-website.mobile {
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 3px;
    font-size: 0.7em; }

#cog-acc-accounting .rule-account-method,
#cog-acc-permissions .rule-account-method {
  text-align: right;
  padding-right: 15px;
  font-size: 0.9em;
  font-weight: 700;
  color: #5b5b5b; }
  #cog-acc-accounting .rule-account-method.mobile,
  #cog-acc-permissions .rule-account-method.mobile {
    padding-right: 5px;
    padding-bottom: 3px;
    font-size: 0.7em; }

#cog-acc-accounting .RelatedAccountsContainer section.group-button .md-button,
#cog-acc-permissions .RelatedAccountsContainer section.group-button .md-button {
  min-width: 70px; }

.rule-website-hint .md-content {
  font-size: 0.8em;
  color: #d2d2d2;
  background-color: black !important;
  padding: 7px; }

#CogAccountingRuleDialog .sendout-group .group-button button {
  min-width: 45px;
  height: 23px;
  max-height: 23px;
  min-height: 23px;
  line-height: 18px; }

.cog-section-header-container {
  padding-right: 10px; }
  .cog-section-header-container .md-button.groupX,
  .cog-section-header-container .md-button.groupY {
    height: 22px;
    min-height: 22px;
    min-width: 45px;
    background-color: rgba(224, 224, 224, 0.96); }

#new-trans-dialog {
  max-height: 90%; }
  #new-trans-dialog .trans-option-hint {
    font-size: 0.8em;
    color: #5f5f5f;
    padding-left: 10px;
    font-style: italic; }
  #new-trans-dialog .type-hint {
    padding: 3px;
    margin-top: 8px;
    font-size: 0.9em;
    text-align: center;
    color: #5f5f5f;
    background-color: #fbfbfb;
    border: solid 1px #eaeaea; }
  #new-trans-dialog .md-button.groupX,
  #new-trans-dialog .md-button.groupY {
    height: 25px;
    min-height: 25px; }
  #new-trans-dialog .type-options-container {
    margin-right: 5px;
    margin-top: 4px; }
    #new-trans-dialog .type-options-container .groupX {
      min-width: 70px; }
    #new-trans-dialog .type-options-container .groupY {
      min-width: 70px;
      font-size: 10px; }
  #new-trans-dialog .tran-adjustdate-container {
    font-size: 0.85em;
    margin-top: 8px; }
    #new-trans-dialog .tran-adjustdate-container md-checkbox {
      margin-bottom: 5px; }
    #new-trans-dialog .tran-adjustdate-container .md-focused {
      box-shadow: none !important; }
  #new-trans-dialog .cog-amount-red md-input-container input {
    color: darkred !important; }
  #new-trans-dialog .transTypeLblContainer {
    line-height: 28px;
    font-weight: 700;
    font-size: 1em;
    padding-left: 50px;
    width: 100%; }

#trans-rules-dialog {
  max-width: 650px; }
  #trans-rules-dialog .note {
    font-size: 0.75em;
    color: #757575;
    text-align: center; }
  #trans-rules-dialog md-checkbox {
    margin-bottom: 0px;
    margin-left: 5px; }
    #trans-rules-dialog md-checkbox .md-container {
      top: 0px;
      transform: translateY(18%); }
  #trans-rules-dialog .transaction-rule-content {
    font-size: 0.85em; }
    #trans-rules-dialog .transaction-rule-content .highlight {
      font-size: 1.3em;
      color: darkred;
      font-weight: 700; }
    #trans-rules-dialog .transaction-rule-content .highlight2 {
      font-size: 1.3em;
      color: darkgreen;
      font-weight: 700; }
    #trans-rules-dialog .transaction-rule-content .rule-note {
      color: black;
      text-align: right;
      font-size: 13px !important;
      text-decoration: underline;
      padding-top: 15px; }
  #trans-rules-dialog .toApply {
    background-color: #e8e0d5; }

.cog-balance {
  color: green !important; }
  .cog-balance[disabled] {
    color: rgba(0, 0, 0, 0.24) !important;
    background: none; }
  .cog-balance.zero {
    color: #b9b9b9 !important; }

.cog-balanceRed {
  color: red !important; }
  .cog-balanceRed[disabled] {
    color: rgba(0, 0, 0, 0.24) !important;
    background: none; }

.cog-button-sm {
  font-size: 10px;
  padding: 0px 8px 0px 8px;
  line-height: 25px;
  min-height: 25px;
  margin: 2px 0 2px 8px;
  min-width: 45px; }

.cog-option-icon {
  padding-right: 3px; }
  .cog-option-icon.open {
    color: #274872; }
  .cog-option-icon.close {
    color: #afafaf; }

.cog-rule-container .rule-header label,
.cog-rule-container .rule-header-fit label,
md-input-container.cog-rule-container.md-input-has-value .rule-header label,
md-input-container.cog-rule-container.md-input-has-value .rule-header-fit label {
  color: #c55f20 !important; }

md-menu-item .rayo-menu-btn {
  color: rgba(255, 255, 255, 0.8) !important; }
  md-menu-item .rayo-menu-btn md-icon {
    color: rgba(0, 0, 0, 0.38) !important; }
  md-menu-item .rayo-menu-btn:hover {
    background-color: #c32b00 !important; }

.player-count-customers-dialog .table-dialog-head {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

.player-count-customers-dialog .betmaker-hint {
  color: #919191; }

.player-count-customers-dialog .internet-hint {
  color: #bf4a4a; }

.cog-label-dialog {
  max-width: 500px !important;
  width: 500px; }

#cog-accounts-container > md-progress-linear {
  margin-top: -5px;
  z-index: 1000; }

#cog-acc-personal cog-account-permission section button:disabled {
  background-color: #dedede;
  color: white; }

#cog-acc-personal cog-account-permission section button.on:disabled {
  background-color: #a9ccaf !important;
  color: #fff; }

#cog-acc-personal cog-account-permission section button.off:disabled {
  background-color: #e0acac !important;
  color: #fff; }

#cog-acc-personal .on {
  background-color: #8bbf61 !important;
  color: #ffffff; }

#cog-acc-personal .off {
  background-color: #bd362f !important;
  color: #ffffff; }

#comment-content .md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

#comment-content .md-data-table .th-toolbar, #comment-content .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

#CogAccount_RN_History_Dialog {
  font-family: "Rubik", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  min-width: 25%;
  max-width: 25%; }
  @media screen and (min-width: 600px) {
    #CogAccount_RN_History_Dialog {
      max-width: 500px; } }
  #CogAccount_RN_History_Dialog .toolbarTitle {
    font-weight: 700 !important;
    font-size: 0.9em; }
  #CogAccount_RN_History_Dialog .title {
    color: #fafafa !important;
    font-size: 0.8em !important;
    font-weight: normal !important; }
  #CogAccount_RN_History_Dialog table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 0 0 0 !important; }
  #CogAccount_RN_History_Dialog .pwd-history-container {
    min-height: 300px; }
  #CogAccount_RN_History_Dialog .title .note {
    margin-left: 10px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7); }
  #CogAccount_RN_History_Dialog .TitleHistory {
    border-bottom: 1px solid !important;
    padding-top: 5px;
    padding-bottom: 3px; }
  #CogAccount_RN_History_Dialog #RN_History_TableData thead tr {
    min-height: 42px;
    height: 42px;
    background: #154758; }
  #CogAccount_RN_History_Dialog .md-button.close {
    color: #212121 !important;
    background-color: #fafafa !important;
    height: 45px;
    font-size: 1.2em !important;
    font-weight: normal !important; }
  #CogAccount_RN_History_Dialog md-tabs md-tabs-canvas md-tab-item {
    color: rgba(0, 0, 0, 0.3); }
    #CogAccount_RN_History_Dialog md-tabs md-tabs-canvas md-tab-item.md-active {
      color: #000; }
    #CogAccount_RN_History_Dialog md-tabs md-tabs-canvas md-tab-item .md-ripple-container {
      color: red; }
  #CogAccount_RN_History_Dialog md-tabs md-tabs-canvas md-ink-bar {
    color: #455a64;
    background: #455a64; }

.cog-manager-tokens .cog-manager-options-toolbar {
  height: 45px;
  min-height: 45px; }

.cog-manager-tokens .refresh-btn {
  background-color: #ffc019 !important;
  color: #000 !important;
  font-size: .65em;
  font-weight: 700;
  max-width: 200px; }
  .cog-manager-tokens .refresh-btn i {
    font-size: 1.4em;
    padding-right: 5px; }
  @media (max-width: 425px) {
    .cog-manager-tokens .refresh-btn {
      line-height: 35px;
      height: 35px;
      width: 35px;
      max-width: 35px !important;
      min-width: 35px; } }

@media (max-width: 600px) {
  .cog-manager-tokens .mobile {
    padding-top: 8px;
    padding-left: 0 !important; }
    .cog-manager-tokens .mobile .btn-reload {
      margin-left: 0 !important; } }

.cog-manager-tokens .btn-delete {
  margin-top: auto;
  margin-bottom: auto; }

.cog-manager-tokens .tab-view-options {
  background-color: #a9a9a9;
  overflow-y: auto; }

.cog-manager-tokens .tab-view-options .view-options-container .md-button.view-btn {
  margin: 0;
  padding: 0 10px;
  min-height: 30px;
  min-width: 100px;
  line-height: 38px;
  font-size: .75em;
  border-radius: 0;
  border-right: solid 1px #999; }

.cog-manager-tokens .tab-view-options .view-options-container .md-button.view-btn.md-active {
  background-color: #fff !important;
  color: #000 !important; }

.cog-manager-tokens .data_click {
  color: #089;
  border-bottom-width: 1px;
  border-bottom-style: dashed; }

.cog-manager-tokens table.custom {
  font-size: 11pt;
  background: #fff;
  width: 100%; }
  .cog-manager-tokens table.custom thead tr th {
    border-top: 1px solid #4a6977 !important;
    padding: 0 10px 0 10px; }
    .cog-manager-tokens table.custom thead tr th span {
      font-size: 1em !important; }
  .cog-manager-tokens table.custom thead .th-select, .cog-manager-tokens table.custom thead md-input-container {
    margin: 0;
    display: -ms-inline-grid;
    display: inline-grid; }
  .cog-manager-tokens table.custom thead md-select-value {
    color: #fff;
    border-bottom: none; }
  .cog-manager-tokens table.custom tbody tr.active, .cog-manager-tokens table.custom tbody tr:hover {
    background: none; }
  .cog-manager-tokens table.custom tbody td {
    padding: 0 10px 0 10px; }
  .cog-manager-tokens table.custom tbody td:nth-child(7) {
    white-space: nowrap; }

.cog-manager-tokens .font-style-header {
  font-size: 12pt;
  font-weight: bold;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
  text-transform: uppercase; }

.cog-manager-tokens .font-style-position {
  margin-top: 15px; }

.cog-manager-tokens .padding-left-column {
  padding-left: 10px; }

.cog-manager-tokens .padding-left-10 {
  padding-left: 10px; }

.cog-manager-tokens .padding-right-10 {
  padding-left: 10px; }

.cog-manager-tokens .text-right {
  text-align: right; }

.cog-manager-tokens .contentTable {
  width: 100%;
  height: 100%;
  position: relative; }
  .cog-manager-tokens .contentTable .leftSide {
    position: relative;
    z-index: 1;
    display: inline; }
    .cog-manager-tokens .contentTable .leftSide .left_wrapper {
      width: 200px; }
      @media screen and (max-width: 768px) {
        .cog-manager-tokens .contentTable .leftSide .left_wrapper {
          width: 180px; } }
    .cog-manager-tokens .contentTable .leftSide table thead th {
      background: #385563;
      white-space: nowrap;
      height: 45px; }
    .cog-manager-tokens .contentTable .leftSide table tbody td {
      background: #fff;
      border-right: #dddddd 2px solid; }
  .cog-manager-tokens .contentTable .rightSide {
    position: relative;
    overflow: auto;
    z-index: 0;
    display: inline;
    width: 100%; }
    .cog-manager-tokens .contentTable .rightSide table.md-table thead.md-head > tr.md-row {
      height: 45px; }

.cog-manager-tokens .firstColumnHeader {
  position: absolute;
  z-index: 11;
  width: 200px;
  left: 0px; }
  @media screen and (max-width: 768px) {
    .cog-manager-tokens .firstColumnHeader {
      width: 180px; } }
  .cog-manager-tokens .firstColumnHeader table thead th {
    background: #385563;
    height: 45px; }

.cog-manager-tokens .contentColumnHeader {
  position: absolute;
  overflow: hidden;
  z-index: 10;
  padding-left: 200px; }
  @media screen and (max-width: 768px) {
    .cog-manager-tokens .contentColumnHeader {
      padding-left: 180px; } }

.cog-manager-tokens .header-h {
  background: #385563;
  height: 45px;
  color: #fff;
  padding-top: 05px;
  font-size: 1em !important;
  text-align: left;
  font-weight: normal;
  border-top: 1px solid #fff; }
  .cog-manager-tokens .header-h .header-login {
    margin-left: 20px; }
    @media (max-width: 768px) {
      .cog-manager-tokens .header-h .header-login {
        margin-left: 10px; } }
  .cog-manager-tokens .header-h .header-website {
    margin-left: 8px; }
  @media (max-width: 768px) {
    .cog-manager-tokens .header-h {
      height: 35px;
      padding-top: 0px; } }

.cog-manager-tokens .footer-h {
  height: 45px;
  padding-top: 05px;
  font-size: 1em !important;
  text-align: left;
  font-weight: normal;
  border-top: 1px solid #fff; }
  .cog-manager-tokens .footer-h .footer-login {
    margin-left: 20px; }
    @media (max-width: 768px) {
      .cog-manager-tokens .footer-h .footer-login {
        margin-left: 10px; } }
  .cog-manager-tokens .footer-h .footer-website {
    margin-left: 8px; }
  @media (max-width: 768px) {
    .cog-manager-tokens .footer-h {
      height: 30px;
      padding-top: 0px; } }

.cog-manager-tokens .header-h .sortable {
  cursor: pointer; }

.cog-manager-tokens .header-h .sort-container {
  margin: 0 10px; }

.cog-manager-tokens .agent-style-column {
  padding-left: 16px;
  margin-top: 2px;
  background-color: #efeff0 !important;
  color: #006700 !important;
  width: 70px; }
  @media (max-width: 768px) {
    .cog-manager-tokens .agent-style-column {
      margin-top: 7px;
      padding-left: 5px; } }

.cog-manager-tokens .header-row-odd {
  background-color: #fff !important; }

.cog-manager-tokens .row-mobile {
  font-size: 0.8em !important; }

.cog-manager-tokens #vertical-customers {
  height: calc(100vh - 370px);
  width: 100%;
  background-color: #fff; }
  @media (max-width: 768px) {
    .cog-manager-tokens #vertical-customers {
      height: calc(100vh - 305px); } }

.cog-manager-tokens .repeated-item {
  box-sizing: border-box;
  min-height: 40px;
  height: 48px;
  padding-bottom: 10px;
  font-size: 11pt;
  /*.text_link{
            font-weight: normal;
            color: #223f48;
            border-bottom:1px solid;
            cursor: pointer;
        }*/ }
  .cog-manager-tokens .repeated-item .title_account {
    color: #223f48; }
  .cog-manager-tokens .repeated-item .title_account > div, .cog-manager-tokens .repeated-item .value_account > div {
    border: 1px solid #ddd;
    min-width: 200px;
    padding: 5px; }
  .cog-manager-tokens .repeated-item .bg_value:nth-child(odd) {
    background-color: #ececec; }
  .cog-manager-tokens .repeated-item .bg_value:nth-child(even) {
    background-color: #f3f3f3; }
  .cog-manager-tokens .repeated-item .text_clickcount {
    color: #79520b !important; }
  .cog-manager-tokens .repeated-item .row-account {
    color: #223f48;
    background-color: #f3f3f3;
    padding: 5px; }
    .cog-manager-tokens .repeated-item .row-account .cell-clickcount {
      margin-top: 2px;
      text-align: center !important; }
      @media (max-width: 768px) {
        .cog-manager-tokens .repeated-item .row-account .cell-clickcount {
          margin-top: 7px; } }

.cog-manager-tokens md-virtual-repeat-container {
  border: solid 1px #ddd; }

.cog-manager-tokens .margin-mobile {
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 8px;
  margin-bottom: 8px; }

#cog-agent-hierarchy .__header .__title {
  padding: 0px 10px 0px 0px;
  /*   @include xs {
                display: none;
            } */ }

#cog-agent-hierarchy .__header cog-search-bar md-autocomplete {
  overflow: hidden; }
  @media screen and (max-width: 599px) {
    #cog-agent-hierarchy .__header cog-search-bar md-autocomplete {
      width: 145px !important;
      max-width: unset;
      min-width: unset; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    #cog-agent-hierarchy .__header cog-search-bar md-autocomplete {
      width: 200px !important;
      max-width: unset;
      min-width: unset; } }
  @media mat-md {
    #cog-agent-hierarchy .__header cog-search-bar md-autocomplete {
      width: 200px !important;
      max-width: unset;
      min-width: unset;
      border: 1px solid green; } }
  @media screen and (max-width: 599px) {
    #cog-agent-hierarchy .__header cog-search-bar md-autocomplete md-autocomplete-wrap input {
      width: 150px !important;
      -ms-flex: unset;
          flex: unset; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    #cog-agent-hierarchy .__header cog-search-bar md-autocomplete md-autocomplete-wrap input {
      width: 150px !important;
      -ms-flex: unset;
          flex: unset; } }
  @media screen and (max-width: 599px) {
    #cog-agent-hierarchy .__header cog-search-bar md-autocomplete md-autocomplete-wrap button {
      border-radius: 0px;
      width: 50px; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    #cog-agent-hierarchy .__header cog-search-bar md-autocomplete md-autocomplete-wrap button {
      border-radius: 0px;
      width: 50px; } }

@media screen and (min-width: 600px) {
  #cog-agent-hierarchy .__header .__filter-buttons-container-gt-xs {
    display: block; } }

@media screen and (max-width: 599px) {
  #cog-agent-hierarchy .__header .__filter-buttons-container-gt-xs {
    display: none; } }

#cog-agent-hierarchy .__header .__filter-buttons-container-gt-xs button span:nth-child(2) {
  padding-left: 10px; }

#cog-agent-hierarchy .__header .__filter-buttons-container-gt-xs button.__execute-button {
  background-color: green;
  color: #FFFFFF; }

#cog-agent-hierarchy .__header .__filter-buttons-container-gt-xs button.__rayo-button {
  background-color: #FF9800;
  color: #000000; }
  #cog-agent-hierarchy .__header .__filter-buttons-container-gt-xs button.__rayo-button .fa-send {
    color: #8b0000 !important; }

@media screen and (min-width: 600px) {
  #cog-agent-hierarchy .__header .__filter-buttons-container-xs {
    display: none; } }

@media screen and (max-width: 599px) {
  #cog-agent-hierarchy .__header .__filter-buttons-container-xs {
    display: block; } }

#cog-agent-hierarchy .__header .__filter-buttons-container-xs button.__execute-button {
  background-color: green !important;
  color: #FFFFFF; }

#cog-agent-hierarchy .__header .__filter-buttons-container-xs button.__rayo-button {
  background-color: #FF9800;
  color: #000000; }
  #cog-agent-hierarchy .__header .__filter-buttons-container-xs button.__rayo-button .fa-send {
    color: #8b0000 !important; }

#cog-agent-hierarchy .__header .__filter-buttons-container-xs md-icon {
  font-size: x-large; }

#cog-agent-hierarchy .__view-container {
  /*   md-tab-content{ 
            background-color: transparent !important;
        }
        md-tabs-content-wrapper {
            md-content{
                background: rgba(255, 255, 255, 0);
            }
            .__cog-hierarchy-component-container,
            .__agent-hierarchy-component-container {
                margin-left: -40px;
                padding: 0px;
                width: 100%;
                *[data-selector] {
                    position: relative;
                    .__drag-blocker {
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        width: 100%;
                        height: 100%;
                        background-color: transparent;
                        opacity: 1;
                        z-index: 10000;
                        h3 {
                            color: #8b0000;
                            text-align: center;
                            display: none;
                        }
                    }
                }
                agent-hierarchy-tree {
                    .cog-agent-hierarchy-tree {
                        background-color: transparent !important;
                         
                        *[ng-if="vm.noData"] {
                            padding-top: 30px;
                            color: $red;
                        }
                        .__collapse-button {
                            background-color: green !important;
                            color: #FFFFFF;
                            position: absolute;
                            top: 0px;
                            right: 0px;
                            @include xs {
                                display: none;
                            }
                            @include gt-xs {
                                display: block;
                            }
                            z-index: 100;
                        }
                        .__collapse-button-xs {
                            background-color: green !important;
                            position: absolute;
                            top: 0px;
                            right: 0px;
                            @include xs {
                                display: block;
                            }
                            @include gt-xs {
                                display: none;
                            }
                            md-icon {
                                font-size: x-large;
                                color: #FFFFFF !important;
                            }
                            z-index: 100;
                        }
                    }
                    tree-dnd {
                        margin-top: -25px;
                    }
                    ul {
                        padding: 0px;
                        li {
                            width: 100%;
                            &:nth-child(1) {
                                padding-top: 10px;
                            }
                            >div {
                                border: none; 
                                padding-left: 40px !important;
                                span {
                                    &:nth-of-type(1) { 
                                        @include xs {
                                            font-size: 0.90em;
                                        }
                                    }
                                    &:nth-of-type(2) { 
                                        display: none;
                                    }
                                    &:nth-of-type(3) { 
                                        padding-left: 5px;
                                        font-size: 0.70em;
                                        vertical-align: middle;
                                        color: #607d8b;
                                        &::after {
                                            content: ")";
                                        }
                                        &::before {
                                            content: "(";
                                        }
                                    }
                                }
                            }
                        }
                    }
                    div {
                        &.md-caption {
                            &:nth-child(2) {
                                display: none;
                            }
                        }
                    }
                    span {
                        -webkit-touch-callout: none; 
                        -webkit-user-select: none; 
                        -khtml-user-select: none; 
                        -moz-user-select: none; 
                        -ms-user-select: none; 
                        user-select: none; 
                    }
                }
                .cog-dragging {
                    background-color: #a7c0c5;
                    border: 1px dashed #000000;
                }
                .__error-message {
                    color: #8b0000;
                }
            }
            .__cog-hierarchy-component-container {
                div {
                    &.md-headline {
                        display: none;
                    }
                    &.md-caption {
                        display: none;
                        &:nth-child(3) {
                            &::after {
                                content: " your layout"
                            }
                        }
                    }
                }
            }
            .__agent-hierarchy-component-container {
                div {
                    &.md-headline {
                        display: none;
                    }
                    &.md-caption {
                        display: none;
                        &:nth-child(3) {
                            &::after {
                                content: " agent layout"
                            }
                        }
                    }
                }
            }
        } */ }
  #cog-agent-hierarchy .__view-container tree-dnd {
    width: 100%; }
  #cog-agent-hierarchy .__view-container md-content {
    background: rgba(255, 255, 255, 0); }
  #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container,
  #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container {
    margin-left: -40px;
    padding: 0px;
    width: 100%; }
    #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container *[data-selector],
    #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container *[data-selector] {
      position: relative; }
      #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container *[data-selector] .__drag-blocker,
      #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container *[data-selector] .__drag-blocker {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: transparent;
        opacity: 1;
        z-index: 10000; }
        #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container *[data-selector] .__drag-blocker h3,
        #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container *[data-selector] .__drag-blocker h3 {
          color: #8b0000;
          text-align: center;
          display: none; }
    #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree,
    #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree {
      background-color: transparent !important; }
      #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree *[ng-if="vm.noData"],
      #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree *[ng-if="vm.noData"] {
        padding-top: 30px;
        color: #F44336; }
      #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button,
      #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button {
        background-color: green !important;
        color: #FFFFFF;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 100; }
        @media screen and (max-width: 599px) {
          #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button,
          #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button {
            display: none; } }
        @media screen and (min-width: 600px) {
          #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button,
          #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button {
            display: block; } }
      #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button-xs,
      #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button-xs {
        background-color: green !important;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 100; }
        @media screen and (max-width: 599px) {
          #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button-xs,
          #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button-xs {
            display: block; } }
        @media screen and (min-width: 600px) {
          #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button-xs,
          #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button-xs {
            display: none; } }
        #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button-xs md-icon,
        #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree .cog-agent-hierarchy-tree .__collapse-button-xs md-icon {
          font-size: x-large;
          color: #FFFFFF !important; }
    #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree tree-dnd,
    #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree tree-dnd {
      margin-top: -25px; }
    #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree ul,
    #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree ul {
      padding: 0px; }
      #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree ul li,
      #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree ul li {
        width: 100%; }
        #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree ul li:nth-child(1),
        #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree ul li:nth-child(1) {
          padding-top: 10px; }
        #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree ul li > div,
        #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree ul li > div {
          border: none;
          padding-left: 40px !important; }
          @media screen and (max-width: 599px) {
            #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree ul li > div span:nth-of-type(1),
            #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree ul li > div span:nth-of-type(1) {
              font-size: 0.90em; } }
          #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree ul li > div span:nth-of-type(2),
          #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree ul li > div span:nth-of-type(2) {
            display: none; }
          #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree ul li > div span:nth-of-type(3),
          #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree ul li > div span:nth-of-type(3) {
            padding-left: 5px;
            font-size: 0.70em;
            vertical-align: middle;
            color: #607d8b; }
            #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree ul li > div span:nth-of-type(3)::after,
            #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree ul li > div span:nth-of-type(3)::after {
              content: ")"; }
            #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree ul li > div span:nth-of-type(3)::before,
            #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree ul li > div span:nth-of-type(3)::before {
              content: "("; }
    #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree div.md-caption:nth-child(2),
    #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree div.md-caption:nth-child(2) {
      display: none; }
    #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container agent-hierarchy-tree span,
    #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container agent-hierarchy-tree span {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container .cog-dragging,
    #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container .cog-dragging {
      background-color: #a7c0c5;
      border: 1px dashed #000000; }
    #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container .__error-message,
    #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container .__error-message {
      color: #8b0000; }
  #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container div.md-headline {
    display: none; }
  #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container div.md-caption {
    display: none; }
    #cog-agent-hierarchy .__view-container .__cog-hierarchy-component-container div.md-caption:nth-child(3)::after {
      content: " your layout"; }
  #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container div.md-headline {
    display: none; }
  #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container div.md-caption {
    display: none; }
    #cog-agent-hierarchy .__view-container .__agent-hierarchy-component-container div.md-caption:nth-child(3)::after {
      content: " agent layout"; }

#cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog {
  width: 50%; }
  @media screen and (max-width: 599px) and (orientation: portrait) {
    #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog {
      width: 100%; } }
  @media screen and (max-width: 599px) and (orientation: landscape) {
    #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog {
      width: 100%; } }
  @media screen and (min-width: 600px) and (max-width: 959px) and (orientation: portrait) {
    #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog {
      width: 100%; } }
  @media screen and (min-width: 600px) and (max-width: 959px) and (orientation: landscape) {
    #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog {
      width: 100%; } }
  @media mat-md-portrait {
    #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog {
      width: 100%; } }
  @media mat-md-landscape {
    #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog {
      width: 100%; } }
  @media screen and (min-width: 1280px) and (max-width: 1919px) and (orientation: portrait) {
    #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog {
      width: 35%; } }
  @media screen and (min-width: 1280px) and (max-width: 1919px) and (orientation: landscape) {
    #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog {
      width: 35%; } }
  @media screen and (min-width: 1920px) and (max-width: 5000px) and (orientation: portrait) {
    #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog {
      width: 35%; } }
  @media screen and (min-width: 1920px) and (max-width: 5000px) and (orientation: landscape) {
    #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog {
      width: 35%; } }
  #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog .__collapse-button {
    display: none; }
  #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog .__collapse-button-xs {
    display: none; }
  #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog ul li span:nth-of-type(2) {
    display: none; }
  #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog ul li span:nth-of-type(3) {
    padding-left: 5px;
    font-size: 0.70em;
    vertical-align: super;
    color: #607d8b; }
    #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog ul li span:nth-of-type(3)::after {
      content: ")"; }
    #cog-agent-hierarchy .cog-agent-hierarchy-rayo-dialog ul li span:nth-of-type(3)::before {
      content: "("; }

.cogagentmailmessage {
  background: #afafaf !important;
  overflow-y: auto; }
  .cogagentmailmessage .bg-content {
    background: #afafaf !important; }
  .cogagentmailmessage .ml-tb-ht thead tr {
    height: 44px !important;
    min-height: 44px !important; }
    .cogagentmailmessage .ml-tb-ht thead tr th:nth-child(1) {
      width: 25%; }
    .cogagentmailmessage .ml-tb-ht thead tr th:nth-child(1) {
      width: 25%; }
    .cogagentmailmessage .ml-tb-ht thead tr th:nth-child(1) {
      width: 25%; }
    .cogagentmailmessage .ml-tb-ht thead tr th:nth-child(1) {
      width: 25%; }
  .cogagentmailmessage .ml-tb-ht thead tr th {
    padding-top: unset;
    padding-bottom: unset; }
  .cogagentmailmessage .ml-fl-header {
    background-color: #607d8b !important;
    color: #fff;
    padding: 10px; }
  .cogagentmailmessage .content-filter {
    margin-bottom: 10px;
    color: rgba(0, 0, 0, 0.87);
    background-color: #eceff1;
    background-color: rgba(255, 255, 255, 0.87);
    border-radius: 3px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 22px;
    padding-right: 22px; }
  .cogagentmailmessage .padding-sent {
    padding-top: 3px;
    padding-bottom: 2px;
    font-size: 1.2em;
    color: #000;
    margin: 3px !important;
    border: solid 1px #E3E3E3;
    border-radius: 2px;
    background-color: white;
    text-align: center; }
  .cogagentmailmessage .isDeleted {
    color: #929292; }
  .cogagentmailmessage .notDeleted {
    text-decoration: underline;
    color: #235b6d; }
  .cogagentmailmessage .isExpanded {
    color: #fff; }
  .cogagentmailmessage .mail-read {
    cursor: pointer;
    text-decoration: underline; }

.cog-attach-multiple-files {
  color: rgba(0, 0, 0, 0.5); }
  .cog-attach-multiple-files .attach-content-bottom {
    background-color: #e6eaf0; }
    .cog-attach-multiple-files .attach-content-bottom .attach-summary {
      min-height: 32px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.125);
      border-top: 1px solid rgba(0, 0, 0, 0.125); }
      .cog-attach-multiple-files .attach-content-bottom .attach-summary .text-info {
        padding-left: 5px;
        padding-top: 4px;
        font-size: 0.8em;
        font-weight: bold; }
      .cog-attach-multiple-files .attach-content-bottom .attach-summary .text-attached {
        text-align: left;
        padding-left: 5px;
        font-size: 0.8em; }
        .cog-attach-multiple-files .attach-content-bottom .attach-summary .text-attached .text-length-attach {
          margin-top: 6px;
          display: inline-block; }
        .cog-attach-multiple-files .attach-content-bottom .attach-summary .text-attached md-icon {
          font-size: 11pt;
          min-width: unset; }
      .cog-attach-multiple-files .attach-content-bottom .attach-summary .text-display {
        font-style: italic;
        padding-right: 10px;
        padding-top: 4px;
        cursor: pointer;
        font-size: 0.8em; }
    .cog-attach-multiple-files .attach-content-bottom .attach-list {
      min-height: 32px;
      max-height: 70px;
      overflow-y: auto;
      overflow-x: hidden; }
      .cog-attach-multiple-files .attach-content-bottom .attach-list .file-button {
        background: #fff;
        border: 1px solid #acb0bf;
        border-radius: 2px;
        text-decoration: none;
        color: #666;
        height: 30px;
        padding: 0;
        transition: all .3s ease-out;
        font-size: 0.8em;
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        width: 180px; }
        .cog-attach-multiple-files .attach-content-bottom .attach-list .file-button .file-attachment-name {
          overflow: hidden;
          padding-top: 3px; }
          .cog-attach-multiple-files .attach-content-bottom .attach-list .file-button .file-attachment-name md-icon {
            margin-left: 5px;
            font-size: 0.8em;
            min-width: unset; }
        .cog-attach-multiple-files .attach-content-bottom .attach-list .file-button .file-loaded-name {
          padding-left: 2px; }
        .cog-attach-multiple-files .attach-content-bottom .attach-list .file-button .file-btn-remove {
          background: none;
          border: 0;
          padding: 0 2px; }
    .cog-attach-multiple-files .attach-content-bottom .attach-errors {
      min-height: 30px;
      font-size: 0.8em;
      border-top: 1px solid rgba(0, 0, 0, 0.125);
      padding-left: 5px;
      padding-top: 4px;
      background-color: #cc9393;
      color: #fff; }
      @media screen and (max-width: 599px) {
        .cog-attach-multiple-files .attach-content-bottom .attach-errors {
          position: absolute;
          top: 0;
          width: 100%; } }

@media screen and (max-width: 599px) {
  #dlAgComposeMassMail .fr-box.fr-basic .fr-element {
    height: calc(100vh - 420px) !important; }
  #dlAgComposeMassMail .direct-response {
    margin-top: 0px !important; } }

.cog-autopilot-importer {
  background: #fff; }
  .cog-autopilot-importer .automover-setup-section {
    padding: 0 10px 16px;
    overflow: auto; }
  .cog-autopilot-importer .automover-setup-toolbar {
    min-height: 42px;
    gap: 4px; }
    .cog-autopilot-importer .automover-setup-toolbar .md-button {
      margin: 4px 0;
      min-height: 32px;
      line-height: 32px;
      padding: 0 10px;
      font-size: 12px;
      text-transform: none; }
    .cog-autopilot-importer .automover-setup-toolbar .secondary-rule-button {
      background: #607d8b;
      color: #fff; }
    .cog-autopilot-importer .automover-setup-toolbar .providers-button,
    .cog-autopilot-importer .automover-setup-toolbar .rule-changes-button,
    .cog-autopilot-importer .automover-setup-toolbar .template-button {
      background: #e4bd4e;
      color: #111; }
  .cog-autopilot-importer .automover-setup-filter {
    margin-left: 8px;
    color: #263238;
    font-size: 12px; }
    .cog-autopilot-importer .automover-setup-filter span {
      margin-right: 6px;
      font-weight: 600; }
    .cog-autopilot-importer .automover-setup-filter md-select {
      min-width: 72px;
      margin: 0;
      padding: 0 8px;
      border: 1px solid #c4cbd0;
      border-radius: 3px;
      background: #fff; }
  .cog-autopilot-importer .automover-setup-table-container {
    overflow-x: auto;
    border: 1px solid #d7dce0; }
  .cog-autopilot-importer .automover-setup-table {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
    color: #45515a;
    font-size: 11px; }
    .cog-autopilot-importer .automover-setup-table th {
      height: 30px;
      padding: 0 6px;
      background: #00556b;
      border-right: 1px solid rgba(255, 255, 255, 0.55);
      color: #fff;
      font-weight: 700;
      text-align: center; }
    .cog-autopilot-importer .automover-setup-table td {
      height: 38px;
      padding: 3px 6px;
      border-right: 1px solid #e0e4e7;
      border-bottom: 1px solid #e0e4e7;
      text-align: center;
      vertical-align: middle; }
    .cog-autopilot-importer .automover-setup-table tbody tr:nth-child(even) {
      background: #f5f6f7; }
    .cog-autopilot-importer .automover-setup-table .on-off-cell,
    .cog-autopilot-importer .automover-setup-table .toggle-cell {
      white-space: nowrap; }
    .cog-autopilot-importer .automover-setup-table .rule-name {
      min-width: 130px;
      font-size: 12px;
      font-weight: 600;
      text-align: center; }
    .cog-autopilot-importer .automover-setup-table th:nth-child(2),
    .cog-autopilot-importer .automover-setup-table td:nth-child(2) {
      width: 150px; }
    .cog-autopilot-importer .automover-setup-table th:nth-child(3),
    .cog-autopilot-importer .automover-setup-table td:nth-child(3) {
      width: 96px; }
    .cog-autopilot-importer .automover-setup-table .providers-cell {
      min-width: 250px;
      max-width: 300px;
      line-height: 16px;
      text-align: left; }
    .cog-autopilot-importer .automover-setup-table .status-button,
    .cog-autopilot-importer .automover-setup-table .table-action-button {
      min-width: 0;
      min-height: 24px;
      margin: 0 1px;
      padding: 0 6px;
      border-radius: 3px;
      font-size: 10px;
      line-height: 24px;
      text-transform: none; }
    .cog-autopilot-importer .automover-setup-table .status-button {
      background: #fff;
      border: 1px solid #d8dde0;
      color: #4c5961; }
      .cog-autopilot-importer .automover-setup-table .status-button.active {
        background: #087d9e;
        border-color: #087d9e;
        color: #fff; }
    .cog-autopilot-importer .automover-setup-table .table-action-button {
      background: #fff;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      color: #111; }
      .cog-autopilot-importer .automover-setup-table .table-action-button i {
        margin-right: 4px; }
    .cog-autopilot-importer .automover-setup-table .delete-button {
      background: #e63249;
      color: #fff; }
  .cog-autopilot-importer md-toolbar#toolbar-feeds, .cog-autopilot-importer md-toolbar#toolbar-autopilot-reset, .cog-autopilot-importer md-toolbar#toolbar-mapping {
    min-height: 45px;
    height: 45px; }
    .cog-autopilot-importer md-toolbar#toolbar-feeds .md-toolbar-tools, .cog-autopilot-importer md-toolbar#toolbar-autopilot-reset .md-toolbar-tools, .cog-autopilot-importer md-toolbar#toolbar-mapping .md-toolbar-tools {
      height: 45px; }
    .cog-autopilot-importer md-toolbar#toolbar-feeds .header-icon, .cog-autopilot-importer md-toolbar#toolbar-autopilot-reset .header-icon, .cog-autopilot-importer md-toolbar#toolbar-mapping .header-icon {
      font-size: 1.35em;
      margin-right: 0.5em; }
    .cog-autopilot-importer md-toolbar#toolbar-feeds .md-button, .cog-autopilot-importer md-toolbar#toolbar-autopilot-reset .md-button, .cog-autopilot-importer md-toolbar#toolbar-mapping .md-button {
      font-size: 0.6em;
      padding: 0 8px;
      font-weight: 400; }
    .cog-autopilot-importer md-toolbar#toolbar-feeds .md-raised, .cog-autopilot-importer md-toolbar#toolbar-autopilot-reset .md-raised, .cog-autopilot-importer md-toolbar#toolbar-mapping .md-raised {
      color: #c63e01;
      font-weight: 700; }
  .cog-autopilot-importer md-toolbar#toolbar-feeds, .cog-autopilot-importer md-toolbar#toolbar-autopilot-reset {
    background-color: #203e58; }
  .cog-autopilot-importer .header-pill {
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 4px 8px;
    background-color: rgba(0, 0, 0, 0.5);
    border-right-width: 3px;
    border-left-width: 3px;
    border-style: solid;
    border-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.375);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
    .cog-autopilot-importer .header-pill.donbest {
      color: var(--color-donbest);
      background-color: var(--bgcolor-donbest);
      border-color: var(--color-donbest); }
    .cog-autopilot-importer .header-pill.oddslogic-kibl {
      color: var(--color-oddslogic-kibl);
      background-color: var(--bgcolor-oddslogic-kibl);
      border-color: var(--color-oddslogic-kibl);
      text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); }
  .cog-autopilot-importer .header-pill-label {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap; }
  .cog-autopilot-importer strong.header-pill-label {
    font-weight: bold; }

md-menu-bar.menu-importer md-menu.md-open > button,
md-menu-bar.menu-importer md-menu > button:focus {
  color: #607d8b; }

.menu-importer-content .icon,
.mobile-radar-section-menu .icon,
.mobile-radar-section-submenu .icon {
  margin-top: auto;
  margin-right: 4px;
  margin-bottom: auto; }
  .menu-importer-content .icon[src$=".svg"],
  .mobile-radar-section-menu .icon[src$=".svg"],
  .mobile-radar-section-submenu .icon[src$=".svg"] {
    height: 1em; }

.menu-importer-content.md-menu-bar-menu.md-dense {
  padding-top: 0;
  padding-bottom: 0; }

.menu-importer-content.md-dense.md-menu-bar-menu .md-button,
.menu-importer-content.md-dense md-menu-item {
  height: 3em; }

.menu-importer-content.md-dense.md-menu-bar-menu .md-button span {
  font-weight: 600;
  line-height: 1; }

.menu-importer-content md-menu-item > .md-button {
  text-transform: uppercase; }

.menu-importer-content .btn-donbest:not([disabled]):hover, .menu-importer-content .btn-donbest:not([disabled]):active {
  color: var(--color-donbest);
  background-color: var(--bgcolor-donbest);
  border-color: var(--color-donbest); }
  .menu-importer-content .btn-donbest:not([disabled]):hover .icon[src$=".svg"], .menu-importer-content .btn-donbest:not([disabled]):active .icon[src$=".svg"] {
    filter: brightness(0) invert(1); }

.menu-importer-content .btn-oddslogic-kibl:not([disabled]):hover, .menu-importer-content .btn-oddslogic-kibl:not([disabled]):active {
  color: var(--color-oddslogic-kibl);
  background-color: var(--bgcolor-oddslogic-kibl);
  border-color: var(--color-oddslogic-kibl); }

.mobile-radar-section-menu {
  max-height: calc(100vh - 20px);
  max-height: calc(100dvh - 20px); }
  .mobile-radar-section-menu ._md-nested-menu {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0; }
  .mobile-radar-section-menu md-menu-item > md-menu .md-button {
    text-align: left;
    border-radius: 0;
    margin: auto 0;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%; }

.automover-setup-detail-dialog {
  width: 460px;
  max-width: calc(100vw - 32px); }
  .automover-setup-detail-dialog md-toolbar {
    min-height: 48px;
    background: #00556b; }
    .automover-setup-detail-dialog md-toolbar .md-toolbar-tools {
      height: 48px;
      min-height: 48px; }
    .automover-setup-detail-dialog md-toolbar h2 {
      font-size: 18px;
      font-weight: 600; }
  .automover-setup-detail-dialog md-dialog-content {
    min-height: 100px; }
  .automover-setup-detail-dialog .automover-detail-table {
    width: 100%;
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-collapse: collapse;
    color: #45515a;
    font-size: 11px; }
    .automover-setup-detail-dialog .automover-detail-table th {
      height: 34px;
      padding: 0 8px;
      background: #00556b;
      border: 1px solid rgba(255, 255, 255, 0.55);
      color: #fff;
      font-weight: 700;
      text-align: center; }
    .automover-setup-detail-dialog .automover-detail-table td {
      height: 40px;
      padding: 6px 8px;
      border: 1px solid #d7dce0;
      text-align: center;
      vertical-align: middle; }
    .automover-setup-detail-dialog .automover-detail-table tbody tr:nth-child(even) {
      background: #f5f6f7; }
    .automover-setup-detail-dialog .automover-detail-table .point-value,
    .automover-setup-detail-dialog .automover-detail-table .cost-value {
      width: 50%; }
      .automover-setup-detail-dialog .automover-detail-table .point-value input,
      .automover-setup-detail-dialog .automover-detail-table .cost-value input {
        box-sizing: border-box;
        width: 100%;
        min-height: 28px;
        padding: 4px 6px;
        border: 1px solid #c4cbd0;
        border-radius: 2px;
        background: #fff;
        color: #45515a;
        font-size: 11px;
        text-align: center; }
      .automover-setup-detail-dialog .automover-detail-table .point-value input:focus,
      .automover-setup-detail-dialog .automover-detail-table .cost-value input:focus {
        border-color: #087d9e;
        outline: none;
        box-shadow: 0 0 0 1px #087d9e; }
    .automover-setup-detail-dialog .automover-detail-table .cost-value {
      font-weight: 600; }

#cogbannermanager-container {
  /*$i : 0;
    @while $i <= 11 {
    .calendar-background-month-110 {
        background-image: url(../assets/images/calendar/111.jpg);
    }
    $i : $i + 1;
    }

    @media (max-width: $layout-breakpoint-xs) {
    .calendar-page {
        padding: 0px 10px;
    }
    }*/
  /*Upload Image Css*/ }
  #cogbannermanager-container .calendar-page {
    padding: 0px 10px 100% 0px; }
    #cogbannermanager-container .calendar-page .triangular-calendar:focus, #cogbannermanager-container .calendar-page .fc-view-container:focus {
      outline: none; }
    #cogbannermanager-container .calendar-page .fc-view:focus {
      outline: none; }
    #cogbannermanager-container .calendar-page .fc-view > table {
      background: rgba(255, 255, 255, 0.75);
      border-radius: 2px;
      overflow: hidden;
      box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.14), 0px 2px 2px 0px rgba(0, 0, 0, 0.098), 0px 1px 5px 0px rgba(0, 0, 0, 0.084); }
      #cogbannermanager-container .calendar-page .fc-view > table:focus {
        outline: none; }
      #cogbannermanager-container .calendar-page .fc-view > table th, #cogbannermanager-container .calendar-page .fc-view > table td, #cogbannermanager-container .calendar-page .fc-view > table hr, #cogbannermanager-container .calendar-page .fc-view > table thead, #cogbannermanager-container .calendar-page .fc-view > table tbody, #cogbannermanager-container .calendar-page .fc-view > table .fc-row, #cogbannermanager-container .calendar-page .fc-view > table .fc-popover {
        border-color: rgba(100, 100, 100, 0.075); }
      #cogbannermanager-container .calendar-page .fc-view > table .fc-content-skeleton th, #cogbannermanager-container .calendar-page .fc-view > table .fc-content-skeleton td, #cogbannermanager-container .calendar-page .fc-view > table .fc-content-skeleton hr, #cogbannermanager-container .calendar-page .fc-view > table .fc-content-skeleton thead, #cogbannermanager-container .calendar-page .fc-view > table .fc-content-skeleton tbody, #cogbannermanager-container .calendar-page .fc-view > table .fc-content-skeleton .fc-row, #cogbannermanager-container .calendar-page .fc-view > table .fc-content-skeleton .fc-popover {
        border-color: transparent; }
    #cogbannermanager-container .calendar-page .fc-view .fc-day-header {
      height: 48px;
      vertical-align: middle; }
    #cogbannermanager-container .calendar-page .fc-view .fc-day-number {
      padding: 8px; }
    #cogbannermanager-container .calendar-page .fc-view .fc-today {
      background: rgba(255, 255, 255, 0.5); }
    #cogbannermanager-container .calendar-page .fc-view .fc-content-skeleton .fc-today {
      background: none; }
  #cogbannermanager-container .title_calendar {
    color: #000000; }
  #cogbannermanager-container .seed-list {
    list-style: lower-greek; }
  #cogbannermanager-container .gallery-box {
    width: 200px;
    padding: 5px;
    margin: 7px;
    float: left;
    min-height: 200px;
    border: 1px solid #ddd;
    overflow: hidden; }
  #cogbannermanager-container .gallery-box .title {
    height: 22px;
    overflow: hidden;
    display: block;
    color: #777; }
  #cogbannermanager-container .gallery-box .thumbnail {
    height: 188px;
    width: 188px; }
  #cogbannermanager-container .thumbnail {
    line-height: 20px;
    margin-bottom: 5px;
    overflow: hidden;
    word-break: normal; }
  #cogbannermanager-container .thumbnail {
    display: inline-block;
    display: block;
    height: auto;
    max-width: 100%;
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all .2s ease-in-out; }
  #cogbannermanager-container .gallery-box .progress {
    margin-bottom: 0; }
  #cogbannermanager-container .progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
  #cogbannermanager-container .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    transition: width .6s ease; }
  #cogbannermanager-container *, #cogbannermanager-container *:before, #cogbannermanager-container *:after {
    box-sizing: border-box; }
  #cogbannermanager-container .drop {
    padding: 15px;
    border: 2px #a5a5a5 dashed;
    border-radius: 5px;
    line-height: 34px;
    text-align: center; }
  #cogbannermanager-container .drop.drag-over {
    background: #5CB85C;
    color: #fff; }
  #cogbannermanager-container .md-Headline {
    cursor: pointer; }
  #cogbannermanager-container .dragFolderContainerBanner {
    max-height: calc(100vh - 295px);
    overflow-y: auto; }
  #cogbannermanager-container .NotAprrovedLegend {
    width: 10px;
    height: 15px;
    background: #8B0000;
    border: 1px solid #000;
    padding: 1px 10px; }
  #cogbannermanager-container .NotPendingLegend {
    width: 10px;
    height: 15px;
    background: #3a87ad;
    border: 1px solid #000;
    padding: 1px 10px; }
  #cogbannermanager-container .AprrovedRejected {
    width: 10px;
    height: 15px;
    background: #000;
    border: 1px solid #000;
    padding: 1px 10px; }
  #cogbannermanager-container .AprrovedLegend {
    width: 10px;
    height: 15px;
    background: #008b12;
    border: 1px solid #000;
    padding: 1px 10px; }
  #cogbannermanager-container .PublishLegend {
    width: 10px;
    height: 15px;
    background: #ef6c00;
    border: 1px solid #000;
    padding: 1px 10px; }
  #cogbannermanager-container dt, #cogbannermanager-container dd {
    display: inline;
    margin-left: 5px; }
  #cogbannermanager-container .legend {
    margin-left: 5px;
    font-weight: bold; }

#cogwebdonbest-mapping {
  background: #fff; }
  #cogwebdonbest-mapping md-toolbar#toolbar-mapping {
    min-height: 45px;
    height: 45px; }
  #cogwebdonbest-mapping md-toolbar#toolbar-mapping .md-toolbar-tools {
    height: 45px; }
  #cogwebdonbest-mapping md-toolbar#toolbar-mapping .header-icon {
    font-size: 1.35em;
    margin-right: 0.5em; }
  #cogwebdonbest-mapping md-toolbar#toolbar-mapping .md-button {
    font-size: 0.6em;
    padding: 0 8px;
    font-weight: 400; }
  #cogwebdonbest-mapping md-toolbar#toolbar-mapping .md-raised {
    color: #c63e01;
    font-weight: 700; }
  #cogwebdonbest-mapping .feeds-content-mb .radar-all-header {
    background-image: linear-gradient(to bottom right, #607d8b, #305568);
    border-bottom: solid 1px #fff;
    border-radius: 3px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff; }
  #cogwebdonbest-mapping .feeds-content-mb .rw-sport {
    padding: 10px;
    font-size: 10pt; }
  #cogwebdonbest-mapping .feeds-content-mb .md-table thead.md-head > tr.md-row {
    height: 40px !important; }
  #cogwebdonbest-mapping .feeds-content-mb .md-table tbody.md-body > tr.md-row, #cogwebdonbest-mapping .feeds-content-mb table.md-table tfoot.md-foot > tr.md-row {
    height: 40px; }
  #cogwebdonbest-mapping .feeds-content-mb .md-table tbody tr td {
    font-size: inherit; }
  #cogwebdonbest-mapping .feeds-content-mb #feedTable .text-title {
    font-size: 11pt; }
  #cogwebdonbest-mapping .feeds-content-mb #feedTable tr.table-toolbar {
    background-color: #506975; }
  #cogwebdonbest-mapping .feeds-content-mb #feedTable td.inet {
    font-size: 0.9em;
    font-weight: 500;
    background-color: #efeff0 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-left: 20px; }
  #cogwebdonbest-mapping .feeds-content-mb #feedTable td:nth-child(2) {
    width: 10%; }
  #cogwebdonbest-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container {
    font-size: 1.1em;
    position: relative;
    text-transform: uppercase;
    top: 0;
    transform: none !important; }
    #cogwebdonbest-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container div md-select, #cogwebdonbest-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container div input, #cogwebdonbest-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container div textarea {
      font-size: 13px; }
  #cogwebdonbest-mapping .feeds-content-mb #feedTable .teaser-container td {
    border: 1px solid #ddd; }
  #cogwebdonbest-mapping .radar-tree-content {
    background: #fff; }
    #cogwebdonbest-mapping .radar-tree-content .radar-save {
      background-color: #076429;
      color: #FFFFFF; }
    #cogwebdonbest-mapping .radar-tree-content .radar-save:disabled {
      background-color: #e6e6e6;
      color: #000; }
  #cogwebdonbest-mapping .radar-link-sport .link-radar-menu {
    /* border-right:3px solid #607d8b; */
    background: #fff; }
    #cogwebdonbest-mapping .radar-link-sport .link-radar-menu .label-filter {
      font-size: 10pt;
      font-weight: bold; }
  #cogwebdonbest-mapping .radar-link-sport .link-radar-content {
    padding-top: 5px; }
    #cogwebdonbest-mapping .radar-link-sport .link-radar-content div table#feedTable {
      padding-left: 5px;
      padding-right: 5px; }
    #cogwebdonbest-mapping .radar-link-sport .link-radar-content .radar-all-header {
      background-image: linear-gradient(to bottom right, #607d8b, #305568);
      border-bottom: solid 1px #fff;
      border-radius: 3px;
      padding-left: 10px;
      padding-top: 5px;
      padding-bottom: 5px;
      color: #fff; }
    #cogwebdonbest-mapping .radar-link-sport .link-radar-content .rw-sport {
      padding: 10px; }
    #cogwebdonbest-mapping .radar-link-sport .link-radar-content .md-table thead.md-head > tr.md-row {
      height: 40px !important; }
    #cogwebdonbest-mapping .radar-link-sport .link-radar-content .md-table tbody.md-body > tr.md-row, #cogwebdonbest-mapping .radar-link-sport .link-radar-content table.md-table tfoot.md-foot > tr.md-row {
      height: 40px; }
    #cogwebdonbest-mapping .radar-link-sport .link-radar-content .md-table tbody tr td {
      font-size: inherit; }
    #cogwebdonbest-mapping .radar-link-sport .link-radar-content #feedTable .text-title {
      font-size: 11pt; }
    #cogwebdonbest-mapping .radar-link-sport .link-radar-content #feedTable tr.table-toolbar {
      /*  background-color: #506975; */
      background-image: linear-gradient(to bottom right, #607d8b, #305568); }
    #cogwebdonbest-mapping .radar-link-sport .link-radar-content #feedTable td.inet {
      font-size: 0.9em;
      font-weight: 500;
      background-color: #efeff0 !important;
      border-right: 1px solid #ddd;
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      padding-left: 20px; }
    #cogwebdonbest-mapping .radar-link-sport .link-radar-content #feedTable td:nth-child(2) {
      width: 10%; }
    #cogwebdonbest-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container {
      font-size: 1.1em;
      position: relative;
      text-transform: uppercase;
      top: 0;
      transform: none !important; }
      #cogwebdonbest-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container div md-select, #cogwebdonbest-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container div input, #cogwebdonbest-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container div textarea {
        font-size: 13px; }
    #cogwebdonbest-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td {
      border: 1px solid #ddd; }
  #cogwebdonbest-mapping .mobile-sections-container .section-header {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px; }
  #cogwebdonbest-mapping .mobile-sections-container .section-md-menu .md-icon-button {
    margin: 0; }
    #cogwebdonbest-mapping .mobile-sections-container .section-md-menu .md-icon-button md-icon {
      line-height: 24px; }

#mobile-radar-section-menu md-menu-item {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
  #mobile-radar-section-menu md-menu-item:last-child {
    border-bottom: none; }

.radar-dialogs {
  min-width: 520px; }

.content-tree {
  /* --- Tree --- */ }
  .content-tree .cogpermission-directive-container {
    min-height: 0; }
  .content-tree .group-button .md-button.groupX,
  .content-tree .group-button .md-button.groupY {
    height: 20px;
    min-height: 20px;
    min-width: 40px; }
  .content-tree .radar-level-3 cog-account-permission {
    margin-right: 20px; }
  @media (max-width: 520px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 20px; } }
  @media (min-width: 768px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 8px; } }
  @media (min-width: 1024px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 18px; } }
  @media (min-width: 1025px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 0px; } }
  .content-tree .tree-node {
    color: #3f708d !important; }
  .content-tree .angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    box-sizing: border-box; }
  .content-tree tr.angular-ui-tree-empty {
    height: 100px; }
  .content-tree .group-title {
    background-color: #687074 !important;
    color: #FFF !important; }
  .content-tree .tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2; }
  .content-tree .nodrop {
    background-color: #f2dede; }
  .content-tree .tree-node-content {
    margin: 10px; }
    .content-tree .tree-node-content md-radio-button {
      margin-bottom: 0 !important; }
    .content-tree .tree-node-content md-checkbox {
      margin-bottom: 0; }
  .content-tree .tree-handle {
    padding: 10px;
    background: #546c81;
    color: #FFF;
    margin-right: 10px; }
  .content-tree .angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    box-sizing: border-box; }
  .content-tree .hidden-radar-tree {
    display: none; }

.cog-manager-messaging .code {
  font-weight: 700;
  font-size: 1.5em; }

.cog-manager-messaging md-dialog-content {
  padding: 0px 0px;
  overflow: auto; }

.cog-manager-messaging md-input-container {
  margin: 12px 15px 0; }
  .cog-manager-messaging md-input-container .md-errors-spacer {
    display: none; }
  .cog-manager-messaging md-input-container label {
    min-width: 92px;
    padding-top: 0;
    padding-right: 5px; }
    .cog-manager-messaging md-input-container label.md-no-float, .cog-manager-messaging md-input-container label.md-container-ignore {
      position: static;
      display: block; }
    .cog-manager-messaging md-input-container label:not(.md-no-float):not(.md-container-ignore) {
      padding-top: 0; }
      @media screen and (min-width: 600px) {
        .cog-manager-messaging md-input-container label:not(.md-no-float):not(.md-container-ignore) {
          padding-left: 0; } }
    .cog-manager-messaging md-input-container label:not(.md-container-ignore).md-required:after {
      content: none; }

.cog-manager-messaging md-dialog-content .ta-text {
  min-height: 400px; }

.cog-manager-messaging md-divider {
  margin-bottom: -2px; }

.cog-manager-messaging .compose-body-toolbar {
  min-height: 45px; }
  @media screen and (min-width: 600px) {
    .cog-manager-messaging .compose-body-toolbar {
      border-radius: 3px; } }
  .cog-manager-messaging .compose-body-toolbar .btn,
  .cog-manager-messaging .compose-body-toolbar .md-button {
    min-height: 45px;
    margin: 0;
    padding-bottom: 6px;
    border-radius: 0; }

.cog-manager-messaging .fr-toolbar.fr-top {
  border-top-color: #064f73 !important; }

.cog-manager-messaging .fr-box.fr-basic .fr-wrapper,
.cog-manager-messaging .fr-toolbar.fr-top,
.cog-manager-messaging .second-toolbar {
  border: none; }

.cog-manager-messaging .fr-box.fr-basic .fr-wrapper {
  padding: 10px; }

.cog-manager-messaging .fr-box.fr-basic .fr-element {
  min-height: 200px;
  padding: 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 1.5;
  transition: border-color .4s ease-in-out;
  resize: vertical; }
  @media screen and (max-width: 599px) {
    .cog-manager-messaging .fr-box.fr-basic .fr-element {
      height: calc(100vh - 264px); } }
  @media screen and (min-width: 600px) and (min-height: 600px) {
    .cog-manager-messaging .fr-box.fr-basic .fr-element {
      min-height: 240px; } }
  @media screen and (min-width: 600px) and (min-height: 960px) {
    .cog-manager-messaging .fr-box.fr-basic .fr-element {
      min-height: 300px; } }

.cog-manager-messaging .fr-box .fr-view {
  -ms-hyphens: auto;
      hyphens: auto; }

.cog-manager-messaging .fr-box main {
  background-color: inherit !important;
  min-height: 0 !important; }

.cog-manager-messaging .fr-box a,
.cog-manager-messaging .fr-box a:hover,
.cog-manager-messaging .fr-box a:focus {
  color: inherit !important;
  text-decoration: inherit !important; }

.cog-manager-messaging .fr-box h1, .cog-manager-messaging .fr-box h2, .cog-manager-messaging .fr-box h3, .cog-manager-messaging .fr-box h4, .cog-manager-messaging .fr-box h5, .cog-manager-messaging .fr-box h6 {
  margin: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
  text-transform: none !important; }

.cog-manager-messaging .fr-box p {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.cog-manager-messaging .fr-box code,
.cog-manager-messaging .fr-box kbd,
.cog-manager-messaging .fr-box samp,
.cog-manager-messaging .fr-box tt {
  font-family: inherit !important; }

.cog-manager-messaging .fr-box code:not(.hljs) {
  color: inherit !important;
  font-weight: inherit !important; }

.cog-manager-messaging .fr-box sub,
.cog-manager-messaging .fr-box sup {
  vertical-align: inherit !important;
  font-size: inherit !important; }

.cog-manager-messaging .fr-box big,
.cog-manager-messaging .fr-box small {
  font-size: inherit !important; }

.cog-manager-messaging .fr-box center {
  text-align: inherit !important; }

.cog-manager-messaging .fr-box del,
.cog-manager-messaging .fr-box s,
.cog-manager-messaging .fr-box strike {
  text-decoration: inherit !important; }

.cog-manager-messaging .fr-box dir {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important; }

.cog-manager-messaging .fr-box font {
  font-size: inherit !important;
  font-weight: inherit !important;
  font-family: inherit !important;
  font-style: inherit !important; }

.cog-manager-messaging .fr-box ins {
  text-decoration: inherit !important; }

.cog-manager-messaging .fr-box listing,
.cog-manager-messaging .fr-box plaintext,
.cog-manager-messaging .fr-box xmp {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-family: inherit !important;
  white-space: inherit !important; }

.cog-manager-messaging .fr-box mark {
  color: inherit !important;
  background-color: transparent !important; }

.cog-manager-messaging .fr-box nobr {
  white-space: inherit !important; }

.cog-manager-messaging .fr-box pre {
  font-family: inherit !important;
  white-space: pre-wrap !important; }

.cog-manager-messaging .fr-box span[style*="font-weight: 700"], .cog-manager-messaging .fr-box span[style*="font-weight: 800"], .cog-manager-messaging .fr-box span[style*="font-weight: 900"], .cog-manager-messaging .fr-box span[style*="font-weight: bolder"], .cog-manager-messaging .fr-box span[style*="text-decoration: solid"] {
  font-weight: bold !important; }

.cog-manager-messaging .fr-box span[style*="font-weight: 100"], .cog-manager-messaging .fr-box span[style*="font-weight: 200"], .cog-manager-messaging .fr-box span[style*="font-weight: 300"], .cog-manager-messaging .fr-box span[style*="font-weight: 400"], .cog-manager-messaging .fr-box span[style*="font-weight: lighter"] {
  font-weight: normal !important; }

.cog-manager-messaging .fr-box span[style*="font-style: oblique"] {
  font-style: italic !important; }

.cog-manager-messaging .fr-box span[style*="text-decoration: dashed"], .cog-manager-messaging .fr-box span[style*="text-decoration: dotted"], .cog-manager-messaging .fr-box span[style*="text-decoration: double"], .cog-manager-messaging .fr-box span[style*="text-decoration: wavy"] {
  text-decoration: underline !important; }

.cog-manager-messaging .fr-box span[style*="text-decoration: line-through"], .cog-manager-messaging .fr-box span[style*="text-decoration: overline"], .cog-manager-messaging .fr-box span[style*="text-decoration: solid"] {
  text-decoration: none !important; }

.cog-manager-messaging .fr-view blockquote {
  color: rgba(0, 0, 0, 0.67);
  border-left-color: rgba(0, 0, 0, 0.67); }

@media screen and (max-width: 599px) {
  .cog-manager-messaging.is-ios .fr-box.fr-basic .fr-element {
    height: calc(100vh - 324px); } }

.cog-manager-messaging .fr-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .cog-manager-messaging .fr-toolbar.fr-top {
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 2; }
  .cog-manager-messaging .fr-toolbar .fr-btn-grp {
    -ms-flex-order: 0;
        order: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    margin-right: 0;
    margin-left: 0; }
  .cog-manager-messaging .fr-toolbar .fr-command.fr-btn {
    width: auto;
    min-width: 52px;
    height: auto;
    min-height: 45px;
    margin: 0;
    color: var(--color-protonmail-secondary);
    background-color: rgba(255, 255, 255, 0.8125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0; }
    .cog-manager-messaging .fr-toolbar .fr-command.fr-btn.fr-active {
      color: #000;
      background-color: rgba(128, 128, 170, 0.1875); }
      .cog-manager-messaging .fr-toolbar .fr-command.fr-btn.fr-active:hover, .cog-manager-messaging .fr-toolbar .fr-command.fr-btn.fr-active:focus, .cog-manager-messaging .fr-toolbar .fr-command.fr-btn.fr-active.md-focused {
        background-color: rgba(128, 128, 170, 0.125); }
    .cog-manager-messaging .fr-toolbar .fr-command.fr-btn i {
      margin-right: auto;
      margin-left: auto; }
    .cog-manager-messaging .fr-toolbar .fr-command.fr-btn .fa-bold,
    .cog-manager-messaging .fr-toolbar .fr-command.fr-btn .fa-italic,
    .cog-manager-messaging .fr-toolbar .fr-command.fr-btn .fa-underline {
      font-size: 20px;
      font-family: 'Material-Design-Iconic-Font'; }
    .cog-manager-messaging .fr-toolbar .fr-command.fr-btn .fa-bold:before {
      content: '\f23d'; }
    .cog-manager-messaging .fr-toolbar .fr-command.fr-btn .fa-italic:before {
      content: '\f245'; }
    .cog-manager-messaging .fr-toolbar .fr-command.fr-btn .fa-underline:before {
      content: '\f24f'; }
  .cog-manager-messaging .fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
    fill: currentColor; }
  .cog-manager-messaging .fr-toolbar .inner-toolbar {
    -ms-flex-order: 1;
        order: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    float: right;
    margin: 0 0 0 12px; }
    @media (max-width: 768px) {
      .cog-manager-messaging .fr-toolbar .inner-toolbar {
        margin-right: 0;
        margin-left: 0; } }
    .cog-manager-messaging .fr-toolbar .inner-toolbar .md-button {
      border-left: 1px solid rgba(0, 0, 0, 0.125); }
  .cog-manager-messaging .fr-toolbar .fr-newline {
    -ms-flex-order: 2;
        order: 2;
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    margin-right: 0;
    margin-left: 0;
    background-color: rgba(0, 0, 0, 0.125); }

.cog-manager-messaging .fr-element .reply-node {
  margin-top: 1em; }

.cog-manager-messaging .fr-desktop .fr-command:hover:not(.fr-table-cell), .cog-manager-messaging .fr-desktop .fr-command:focus:not(.fr-table-cell), .cog-manager-messaging .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .cog-manager-messaging .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
  background-color: #fff; }

.cog-manager-messaging oi-select {
  -ms-flex-order: 2;
      order: 2;
  height: auto;
  padding-top: 0; }
  .cog-manager-messaging oi-select .select-search {
    background-color: transparent;
    border-color: transparent transparent transparent(#000, 0.875);
    border-radius: 0; }
  .cog-manager-messaging oi-select .select-search-list {
    padding-right: 0;
    padding-left: 0;
    overflow-x: auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .cog-manager-messaging oi-select .select-search-list-item {
    font-size: inherit; }
  .cog-manager-messaging oi-select .select-search-list-item_selection {
    min-height: 28px;
    line-height: 1.25;
    padding-right: 6px;
    padding-left: 6px;
    border: 1px solid #c9c9c9;
    border-radius: 3px; }
  .cog-manager-messaging oi-select .select-search-list-item_input {
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 6em;
    margin: 0; }
    .cog-manager-messaging oi-select .select-search-list-item_input input {
      margin-top: auto;
      margin-bottom: auto;
      line-height: inherit; }
  .cog-manager-messaging oi-select .select-search-list-item_selection-remove {
    padding-left: 8px;
    color: rgba(0, 0, 0, 0.33);
    font-size: 1.25em; }
  .cog-manager-messaging oi-select .select-dropdown-optgroup-option {
    padding-top: 10px;
    padding-bottom: 10px; }

#cogwebbetradar-mapping {
  background: #fff; }
  #cogwebbetradar-mapping md-toolbar#toolbar-mapping {
    min-height: 45px;
    height: 45px; }
  #cogwebbetradar-mapping md-toolbar#toolbar-mapping .md-toolbar-tools {
    height: 45px; }
  #cogwebbetradar-mapping md-toolbar#toolbar-mapping .header-icon {
    font-size: 1.35em;
    margin-right: 0.5em; }
  #cogwebbetradar-mapping md-toolbar#toolbar-mapping .md-button {
    font-size: 0.6em;
    padding: 0 8px;
    font-weight: 400; }
  #cogwebbetradar-mapping md-toolbar#toolbar-mapping .md-raised {
    color: #c63e01;
    font-weight: 700; }
  #cogwebbetradar-mapping .feeds-content-mb .radar-all-header {
    background-image: linear-gradient(to bottom right, #607d8b, #305568);
    border-bottom: solid 1px #fff;
    border-radius: 3px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff; }
  #cogwebbetradar-mapping .feeds-content-mb .rw-sport {
    padding: 10px;
    font-size: 10pt; }
  #cogwebbetradar-mapping .feeds-content-mb .md-table thead.md-head > tr.md-row {
    height: 40px !important; }
  #cogwebbetradar-mapping .feeds-content-mb .md-table tbody.md-body > tr.md-row, #cogwebbetradar-mapping .feeds-content-mb table.md-table tfoot.md-foot > tr.md-row {
    height: 40px; }
  #cogwebbetradar-mapping .feeds-content-mb .md-table tbody tr td {
    font-size: inherit; }
  #cogwebbetradar-mapping .feeds-content-mb #feedTable .text-title {
    font-size: 11pt; }
  #cogwebbetradar-mapping .feeds-content-mb #feedTable tr.table-toolbar {
    background-color: #506975; }
  #cogwebbetradar-mapping .feeds-content-mb #feedTable td.inet {
    font-size: 0.9em;
    font-weight: 500;
    background-color: #efeff0 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-left: 20px; }
  #cogwebbetradar-mapping .feeds-content-mb #feedTable td:nth-child(2) {
    width: 10%; }
  #cogwebbetradar-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container {
    font-size: 1.1em;
    position: relative;
    text-transform: uppercase;
    top: 0;
    transform: none !important; }
    #cogwebbetradar-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container div md-select, #cogwebbetradar-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container div input, #cogwebbetradar-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container div textarea {
      font-size: 13px; }
  #cogwebbetradar-mapping .feeds-content-mb #feedTable .teaser-container td {
    border: 1px solid #ddd; }
  #cogwebbetradar-mapping .radar-tree-content {
    background: #fff; }
    #cogwebbetradar-mapping .radar-tree-content .radar-save {
      background-color: #076429;
      color: #FFFFFF; }
    #cogwebbetradar-mapping .radar-tree-content .radar-save:disabled {
      background-color: #e6e6e6;
      color: #000; }
  #cogwebbetradar-mapping .radar-link-sport .link-radar-menu {
    /* border-right:3px solid #607d8b; */
    background: #fff; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-menu .label-filter {
      font-size: 10pt;
      font-weight: bold; }
  #cogwebbetradar-mapping .radar-link-sport .link-radar-content {
    padding-top: 5px; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content div table#feedTable {
      padding-left: 5px;
      padding-right: 5px; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content .radar-all-header {
      background-image: linear-gradient(to bottom right, #607d8b, #305568);
      border-bottom: solid 1px #fff;
      border-radius: 3px;
      padding-left: 10px;
      padding-top: 5px;
      padding-bottom: 5px;
      color: #fff; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content .rw-sport {
      padding: 10px; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content .md-table thead.md-head > tr.md-row {
      height: 40px !important; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content .md-table tbody.md-body > tr.md-row, #cogwebbetradar-mapping .radar-link-sport .link-radar-content table.md-table tfoot.md-foot > tr.md-row {
      height: 40px; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content .md-table tbody tr td {
      font-size: inherit; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable .text-title {
      font-size: 11pt; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable tr.table-toolbar {
      /*  background-color: #506975; */
      background-image: linear-gradient(to bottom right, #607d8b, #305568); }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable td.inet {
      font-size: 0.9em;
      font-weight: 500;
      background-color: #efeff0 !important;
      border-right: 1px solid #ddd;
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      padding-left: 20px; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable td:nth-child(2) {
      width: 10%; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container {
      font-size: 1.1em;
      position: relative;
      text-transform: uppercase;
      top: 0;
      transform: none !important; }
      #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container div md-select, #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container div input, #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container div textarea {
        font-size: 13px; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td {
      border: 1px solid #ddd; }
  #cogwebbetradar-mapping .mobile-sections-container .section-header {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px; }
  #cogwebbetradar-mapping .mobile-sections-container .section-md-menu .md-icon-button {
    margin: 0; }
    #cogwebbetradar-mapping .mobile-sections-container .section-md-menu .md-icon-button md-icon {
      line-height: 24px; }

#mobile-radar-section-menu md-menu-item {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
  #mobile-radar-section-menu md-menu-item:last-child {
    border-bottom: none; }

.radar-dialogs {
  min-width: 520px; }

.content-tree {
  /* --- Tree --- */ }
  .content-tree .cogpermission-directive-container {
    min-height: 0; }
  .content-tree .group-button .md-button.groupX,
  .content-tree .group-button .md-button.groupY {
    height: 20px;
    min-height: 20px;
    min-width: 40px; }
  .content-tree .radar-level-3 cog-account-permission {
    margin-right: 20px; }
  @media (max-width: 520px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 20px; } }
  @media (min-width: 768px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 8px; } }
  @media (min-width: 1024px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 18px; } }
  @media (min-width: 1025px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 0px; } }
  .content-tree .tree-node {
    color: #3f708d !important; }
  .content-tree .angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    box-sizing: border-box; }
  .content-tree tr.angular-ui-tree-empty {
    height: 100px; }
  .content-tree .group-title {
    background-color: #687074 !important;
    color: #FFF !important; }
  .content-tree .tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2; }
  .content-tree .nodrop {
    background-color: #f2dede; }
  .content-tree .tree-node-content {
    margin: 10px; }
    .content-tree .tree-node-content md-radio-button {
      margin-bottom: 0 !important; }
    .content-tree .tree-node-content md-checkbox {
      margin-bottom: 0; }
  .content-tree .tree-handle {
    padding: 10px;
    background: #546c81;
    color: #FFF;
    margin-right: 10px; }
  .content-tree .angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    box-sizing: border-box; }
  .content-tree .hidden-radar-tree {
    display: none; }

#master-as-price-container {
  font-size: 0.875em;
  font-family: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
  #master-as-price-container .toolbar-default {
    position: sticky;
    top: 0;
    background-color: #3e535f;
    color: #fff; }
    #master-as-price-container .toolbar-default .zmdi {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      margin-right: 0.5em;
      font-size: 1.5em; }
  #master-as-price-container .btn-back-summary {
    margin-right: 10px !important; }
    #master-as-price-container .btn-back-summary > .fa {
      margin-right: 0.125em;
      font-size: 0.875em; }
  #master-as-price-container .options-menu {
    margin-right: 15px; }
    #master-as-price-container .options-menu md-menu .btn-menu {
      width: 30px;
      height: 30px;
      max-height: 30px;
      min-height: 30px;
      line-height: 30px;
      padding: 0;
      background-color: #8cbfdd; }
      #master-as-price-container .options-menu md-menu .btn-menu:hover {
        background-color: #00a2ff; }
      #master-as-price-container .options-menu md-menu .btn-menu md-icon {
        margin-top: 8px; }
        #master-as-price-container .options-menu md-menu .btn-menu md-icon:hover {
          color: #dbf2ff; }
  #master-as-price-container .btn-section {
    margin-right: 10px !important;
    color: #719bb3;
    background-color: #2b424f;
    border-bottom-color: #719bb3;
    width: 140px; }
    #master-as-price-container .btn-section.selected {
      color: #4db1ea;
      background-color: #0a2939; }
    #master-as-price-container .btn-section:hover {
      background-color: #719bb3;
      color: #0a2939; }
  #master-as-price-container .md-card {
    background-color: #d7dce0 !important; }
  #master-as-price-container .header,
  #master-as-price-container .subheader {
    background-color: #d7dce0; }
  #master-as-price-container .override-header > th,
  #master-as-price-container .header > th,
  #master-as-price-container .subheader > th {
    padding-top: 4px;
    padding-bottom: 4px; }
  #master-as-price-container .override-err {
    color: darkred; }
  #master-as-price-container .hasDifferenceClass {
    color: #ef6c00;
    font-size: 0.8em; }
  #master-as-price-container .IconLogo,
  #master-as-price-container .Icons {
    margin-right: 10px;
    margin-left: 0; }
    #master-as-price-container .IconLogo .logos,
    #master-as-price-container .Icons .logos {
      width: 34px;
      height: 22px; }
  #master-as-price-container .max-price-invalid {
    border-bottom-color: red !important;
    color: darkred !important;
    background-color: rgba(255, 0, 0, 0.09) !important; }
  #master-as-price-container .max-price-changed {
    color: #00a2ff;
    background-color: rgba(113, 155, 179, 0.125);
    border-bottom-color: #00a2ff; }
    #master-as-price-container .max-price-changed:disabled {
      color: #b1b1b1;
      background-color: rgba(177, 177, 177, 0.125);
      border-bottom-color: #b1b1b1; }
  #master-as-price-container .breadCrumb {
    color: #646464; }
    #master-as-price-container .breadCrumb .breadCrumbArrow {
      margin: 0 10px; }
  #master-as-price-container .sub-row {
    background-color: #e9eaec; }
    #master-as-price-container .sub-row:hover {
      background-color: #dcdde0; }
  #master-as-price-container .tree-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    min-width: 36px;
    cursor: pointer; }
  #master-as-price-container md-switch,
  #master-as-price-container md-input-container {
    margin: 0; }
    #master-as-price-container md-switch .md-errors-spacer,
    #master-as-price-container md-input-container .md-errors-spacer {
      display: none; }
  #master-as-price-container md-switch {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    #master-as-price-container md-switch.max-yes-no-changed .md-thumb::before {
      background-color: #c6deec; }
    #master-as-price-container md-switch.max-yes-no-changed .md-ink-ripple {
      color: #00a2ff; }
    #master-as-price-container md-switch.max-yes-no-changed .md-bar {
      background-color: rgba(0, 162, 255, 0.67); }
    #master-as-price-container md-switch.md-checked .md-thumb {
      background-color: #719bb3; }
      #master-as-price-container md-switch.md-checked .md-thumb::before {
        background-color: rgba(113, 155, 179, 0.26); }
    #master-as-price-container md-switch.md-checked .md-ink-ripple {
      color: #719bb3; }
    #master-as-price-container md-switch.md-checked .md-bar {
      background-color: rgba(113, 155, 179, 0.5); }
    #master-as-price-container md-switch.md-checked.max-yes-no-changed .md-thumb {
      background-color: #00a2ff; }
      #master-as-price-container md-switch.md-checked.max-yes-no-changed .md-thumb::before {
        background-color: rgba(0, 162, 255, 0.26); }
    #master-as-price-container md-switch.md-checked.max-yes-no-changed .md-bar {
      background-color: rgba(0, 162, 255, 0.5); }
    #master-as-price-container md-switch > md-container {
      margin: auto; }
  #master-as-price-container .md-button {
    margin: 0; }
  #master-as-price-container .header > th,
  #master-as-price-container .subheader > th {
    border-bottom-width: 1px;
    border-bottom-color: transparent; }
  #master-as-price-container .subheader > th {
    font-weight: normal; }
  #master-as-price-container .game-name.has-period-label {
    margin-left: 8px;
    color: #2e6519; }
  #master-as-price-container .period-label {
    color: #000; }
  #master-as-price-container .override-options-container label {
    color: #627c9b;
    text-transform: uppercase; }
    #master-as-price-container .override-options-container label[for] {
      cursor: pointer; }
  #master-as-price-container .override-options-container md-input-container .md-input {
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px; }
  #master-as-price-container .table {
    margin-bottom: 0; }
    #master-as-price-container .table .headerLabel {
      padding-left: 20px; }
    #master-as-price-container .table .game-col {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      min-width: 400px;
      padding-top: 12px;
      padding-bottom: 12px;
      padding-left: calc(var(--level) * 50px); }
      #master-as-price-container .table .game-col > span:first-of-type,
      #master-as-price-container .table .game-col .game-name {
        display: -ms-inline-flexbox;
        display: inline-flex; }
    #master-as-price-container .table .yesno-col {
      width: 80px;
      text-align: center; }
    #master-as-price-container .table .amount-col {
      width: 100px;
      text-align: center; }
      #master-as-price-container .table .amount-col .md-input-maxprice-container {
        width: 100px;
        min-width: 100px;
        display: -webkit-inline-box; }
        #master-as-price-container .table .amount-col .md-input-maxprice-container .md-input {
          text-align: center; }
    #master-as-price-container .table .send-col {
      width: 80px;
      text-align: center; }
      #master-as-price-container .table .send-col .md-button {
        min-height: 28px;
        min-width: 60px; }

#maxprice-options-menu {
  padding: 0; }
  #maxprice-options-menu md-menu-item {
    line-height: 42px;
    min-height: 42px;
    max-height: 42px; }
    #maxprice-options-menu md-menu-item.header {
      background-color: #0a2939;
      color: #4db1ea;
      line-height: 32px;
      min-height: 32px;
      max-height: 32px;
      padding: 0 10px; }
    #maxprice-options-menu md-menu-item .btn-menu-item md-icon {
      margin: 0;
      margin-top: 6px; }

.maxprice-err {
  color: darkred; }

#cogparlayprop-management md-toolbar#toolbar-parlayprop-management {
  min-height: 45px;
  height: 45px; }
  #cogparlayprop-management md-toolbar#toolbar-parlayprop-management .md-toolbar-tools {
    height: 45px; }
  #cogparlayprop-management md-toolbar#toolbar-parlayprop-management .header-icon {
    font-size: 1.35em;
    margin-right: 0.5em; }
  #cogparlayprop-management md-toolbar#toolbar-parlayprop-management .md-button {
    font-size: 0.6em;
    padding: 0 8px;
    font-weight: 400; }
  #cogparlayprop-management md-toolbar#toolbar-parlayprop-management .md-raised {
    color: #c63e01;
    font-weight: 700; }

#cogparlayprop-management md-toolbar.toolbar-parlayprop {
  color: white;
  background-color: #3e535f;
  min-height: 45px; }
  #cogparlayprop-management md-toolbar.toolbar-parlayprop .toolbar-header-icon {
    margin-right: 5px;
    margin-top: 2px; }
  #cogparlayprop-management md-toolbar.toolbar-parlayprop .md-toolbar-tools {
    height: 45px; }

#cogparlayprop-management md-toolbar .toolbar-section-header {
  color: #c4dde9; }

.pinnacle-mapping .pinnacle-heading,
.pinnacle-setup .pinnacle-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: start;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 2rem;
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: -0.025em; }
  .pinnacle-mapping .pinnacle-heading > md-icon,
  .pinnacle-mapping .pinnacle-heading > span,
  .pinnacle-setup .pinnacle-heading > md-icon,
  .pinnacle-setup .pinnacle-heading > span {
    margin-top: auto;
    margin-bottom: auto; }
  .pinnacle-mapping .pinnacle-heading > md-icon,
  .pinnacle-setup .pinnacle-heading > md-icon {
    margin-right: 0.125em;
    margin-left: 0; }
  .pinnacle-mapping .pinnacle-heading > span,
  .pinnacle-setup .pinnacle-heading > span {
    line-height: normal;
    opacity: 0.75; }

.pinnacle-mapping strong,
.pinnacle-setup strong {
  font-weight: bold; }

.pinnacle-mapping {
  background-color: #fff; }
  .pinnacle-mapping > div {
    min-height: 100%; }
  .pinnacle-mapping md-toolbar#toolbar-mapping {
    min-height: 45px;
    height: 45px; }
    .pinnacle-mapping md-toolbar#toolbar-mapping .md-toolbar-tools {
      height: 45px; }
    .pinnacle-mapping md-toolbar#toolbar-mapping .header-icon {
      font-size: 1.35em;
      margin-right: 0.5em; }
    .pinnacle-mapping md-toolbar#toolbar-mapping .md-button {
      font-size: 0.6em;
      padding: 0 8px;
      font-weight: 400; }
    .pinnacle-mapping md-toolbar#toolbar-mapping .md-raised {
      color: #c63e01;
      font-weight: 700; }
    .pinnacle-mapping md-toolbar#toolbar-mapping .group-button .md-button.groupX, .pinnacle-mapping md-toolbar#toolbar-mapping .group-button .md-button.groupY {
      color: rgba(255, 255, 255, 0.875);
      font-weight: 600; }
      .pinnacle-mapping md-toolbar#toolbar-mapping .group-button .md-button.groupX:not(.selected), .pinnacle-mapping md-toolbar#toolbar-mapping .group-button .md-button.groupY:not(.selected) {
        color: rgba(0, 0, 0, 0.5); }
      .pinnacle-mapping md-toolbar#toolbar-mapping .group-button .md-button.groupX.on, .pinnacle-mapping md-toolbar#toolbar-mapping .group-button .md-button.groupY.on {
        color: rgba(0, 0, 0, 0.75); }
      .pinnacle-mapping md-toolbar#toolbar-mapping .group-button .md-button.groupX.off, .pinnacle-mapping md-toolbar#toolbar-mapping .group-button .md-button.groupY.off {
        color: rgba(255, 255, 255, 0.875); }
    .pinnacle-mapping md-toolbar#toolbar-mapping .software-btns {
      margin-left: 48px; }
  .pinnacle-mapping .event-refresh-btn {
    min-width: 96px; }
    .pinnacle-mapping .event-refresh-btn, .pinnacle-mapping .event-refresh-btn.md-button.md-primary.md-raised:not([disabled]) {
      background-color: var(--color-primary-sharp-500); }
      .pinnacle-mapping .event-refresh-btn:hover, .pinnacle-mapping .event-refresh-btn:focus, .pinnacle-mapping .event-refresh-btn.md-button.md-primary.md-raised:not([disabled]):hover, .pinnacle-mapping .event-refresh-btn.md-button.md-primary.md-raised:not([disabled]):focus {
        background-color: var(--color-primary-sharp-400); }
  .pinnacle-mapping .radar-input-container {
    padding: 6px 8px; }
  .pinnacle-mapping .group-button .md-button {
    font-size: 13px;
    margin: 0;
    min-width: 80px;
    border-radius: 0; }
    @media (max-width: 1279.98px), (min-width: 1920px) and (max-width: 2279.98px) {
      .pinnacle-mapping .group-button .md-button {
        min-width: 40px; } }
    .pinnacle-mapping .group-button .md-button:not(:first-of-type) {
      border-left: solid 1px #bdbdbd; }
    .pinnacle-mapping .group-button .md-button:first-of-type {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .pinnacle-mapping .group-button .md-button:last-of-type {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
    .pinnacle-mapping .group-button .md-button.selected {
      font-weight: 600; }
    .pinnacle-mapping .group-button .md-button:not([disabled]) {
      background-color: rgba(255, 255, 255, 0.33); }
      .pinnacle-mapping .group-button .md-button:not([disabled]):not(.on):not(.off):hover, .pinnacle-mapping .group-button .md-button:not([disabled]):not(.on):not(.off):focus {
        background-color: var(--color-primary-dull-700) !important;
        color: rgba(255, 255, 255, 0.875) !important; }
      .pinnacle-mapping .group-button .md-button:not([disabled]).selected {
        color: rgba(255, 255, 255, 0.8125);
        background-color: var(--color-primary-sharp-500); }
        .pinnacle-mapping .group-button .md-button:not([disabled]).selected:not(.on):not(.off) {
          color: var(--color-primary-sharp-200) !important; }
  .pinnacle-mapping .btn-contrast {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    font-weight: bold; }
    .pinnacle-mapping .btn-contrast md-icon {
      width: auto;
      min-width: auto;
      height: auto;
      min-height: auto;
      margin-right: 0.5em;
      margin-left: 0;
      transition: color 0.4s ease; }
    .pinnacle-mapping .btn-contrast.md-button {
      transition: color 0.4s ease, background-color 0.4s ease; }
      .pinnacle-mapping .btn-contrast.md-button.md-primary:not([disabled]) {
        color: var(--color-primary-sharp-200);
        background-color: var(--color-primary-sharp-500); }
        .pinnacle-mapping .btn-contrast.md-button.md-primary:not([disabled]) md-icon {
          color: inherit; }
        .pinnacle-mapping .btn-contrast.md-button.md-primary:not([disabled]):hover, .pinnacle-mapping .btn-contrast.md-button.md-primary:not([disabled]):focus {
          color: #fff;
          background-color: #f40; }
          .pinnacle-mapping .btn-contrast.md-button.md-primary:not([disabled]):hover md-icon, .pinnacle-mapping .btn-contrast.md-button.md-primary:not([disabled]):focus md-icon {
            color: #ffc7b3; }
      .pinnacle-mapping .btn-contrast.md-button[disabled] md-icon {
        color: inherit; }
  .pinnacle-mapping .PinnacleImportSettings .accumulator .md-button,
  .pinnacle-mapping .pinnacleRadarSportEventsContainer .eventTypesSection .md-button {
    width: 100%; }
    @media screen and (max-width: 599px) {
      .pinnacle-mapping .PinnacleImportSettings .accumulator .md-button,
      .pinnacle-mapping .pinnacleRadarSportEventsContainer .eventTypesSection .md-button {
        min-width: 80px;
        font-size: 11px; } }
    @media screen and (min-width: 600px) and (max-width: 1024px) {
      .pinnacle-mapping .PinnacleImportSettings .accumulator .md-button,
      .pinnacle-mapping .pinnacleRadarSportEventsContainer .eventTypesSection .md-button {
        min-width: 80px; } }
  .pinnacle-mapping .PinnacleImportSettings .accumulator.group-button .md-button:not([disabled]),
  .pinnacle-mapping .pinnacleRadarSportEventsContainer .eventTypesSection.group-button .md-button:not([disabled]) {
    background-color: var(--color-primary-sharp-200);
    border-left-color: var(--color-primary-sharp-300); }
    .pinnacle-mapping .PinnacleImportSettings .accumulator.group-button .md-button:not([disabled]):not(.selected),
    .pinnacle-mapping .pinnacleRadarSportEventsContainer .eventTypesSection.group-button .md-button:not([disabled]):not(.selected) {
      color: var(--color-primary-dull-500); }
    .pinnacle-mapping .PinnacleImportSettings .accumulator.group-button .md-button:not([disabled]).selected,
    .pinnacle-mapping .pinnacleRadarSportEventsContainer .eventTypesSection.group-button .md-button:not([disabled]).selected {
      color: rgba(255, 255, 255, 0.8125) !important;
      background-color: var(--color-primary-dull-500); }
  .pinnacle-mapping .PinnacleImportSettings .accumulator.group-button .md-button[disabled],
  .pinnacle-mapping .pinnacleRadarSportEventsContainer .eventTypesSection.group-button .md-button[disabled] {
    background-color: rgba(0, 0, 0, 0.12); }
    .pinnacle-mapping .PinnacleImportSettings .accumulator.group-button .md-button[disabled].selected,
    .pinnacle-mapping .pinnacleRadarSportEventsContainer .eventTypesSection.group-button .md-button[disabled].selected {
      background-color: rgba(0, 0, 0, 0.2); }
  .pinnacle-mapping .accumulator {
    width: 100%; }
  .pinnacle-mapping .sport-item .ttlItems {
    transition: color 0.4s ease;
    color: rgba(0, 0, 0, 0.33); }
  .pinnacle-mapping .sport-item:hover .ttlItems, .pinnacle-mapping .sport-item:focus .ttlItems {
    color: rgba(0, 0, 0, 0.875); }
  .pinnacle-mapping .software-btns .md-button {
    min-width: 110px; }
  .pinnacle-mapping .feeds-content-mb .radar-all-header {
    background-image: linear-gradient(to bottom right, #607d8b, #305568);
    border-bottom: solid 1px #fff;
    border-radius: 3px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff; }
  .pinnacle-mapping .feeds-content-mb .rw-sport {
    padding: 10px;
    font-size: 10pt; }
  .pinnacle-mapping .feeds-content-mb .md-table thead.md-head > tr.md-row {
    height: 40px !important; }
  .pinnacle-mapping .feeds-content-mb .md-table tbody.md-body > tr.md-row, .pinnacle-mapping .feeds-content-mb table.md-table tfoot.md-foot > tr.md-row {
    height: 40px; }
  .pinnacle-mapping .feeds-content-mb .md-table tbody tr td {
    font-size: inherit; }
  .pinnacle-mapping .feeds-content-mb #feedTable .text-title {
    font-size: 11pt; }
  .pinnacle-mapping .feeds-content-mb #feedTable tr.table-toolbar {
    background-color: #506975; }
  .pinnacle-mapping .feeds-content-mb #feedTable td.inet {
    font-size: 0.9em;
    font-weight: 500;
    background-color: #efeff0 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-left: 20px; }
  .pinnacle-mapping .feeds-content-mb #feedTable td:nth-child(2) {
    width: 10%; }
  .pinnacle-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container {
    font-size: 1.1em;
    position: relative;
    text-transform: uppercase;
    top: 0;
    transform: none !important; }
    .pinnacle-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container div md-select, .pinnacle-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container div input, .pinnacle-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container div textarea {
      font-size: 13px; }
  .pinnacle-mapping .feeds-content-mb #feedTable .teaser-container td {
    border: 1px solid #ddd; }
  .pinnacle-mapping .radar-tree-content,
  .pinnacle-mapping .pinnacle-api-sport-section,
  .pinnacle-mapping .pinnacle-setup {
    width: 100%;
    margin-right: auto;
    margin-left: auto; }
  .pinnacle-mapping .radar-tree-content,
  .pinnacle-mapping .pinnacle-api-sport-section {
    max-width: 1200px; }
    .pinnacle-mapping .radar-tree-content md-content.md-blue-grey-theme,
    .pinnacle-mapping .pinnacle-api-sport-section md-content.md-blue-grey-theme {
      background-color: transparent; }
    .pinnacle-mapping .radar-tree-content .radar-save, .pinnacle-mapping .radar-tree-content .radar-save.md-primary,
    .pinnacle-mapping .pinnacle-api-sport-section .radar-save,
    .pinnacle-mapping .pinnacle-api-sport-section .radar-save.md-primary {
      background-color: #076429;
      color: #fff; }
      .pinnacle-mapping .radar-tree-content .radar-save:not([disabled]):hover, .pinnacle-mapping .radar-tree-content .radar-save:not([disabled]):focus, .pinnacle-mapping .radar-tree-content .radar-save.md-primary:not([disabled]):hover, .pinnacle-mapping .radar-tree-content .radar-save.md-primary:not([disabled]):focus,
      .pinnacle-mapping .pinnacle-api-sport-section .radar-save:not([disabled]):hover,
      .pinnacle-mapping .pinnacle-api-sport-section .radar-save:not([disabled]):focus,
      .pinnacle-mapping .pinnacle-api-sport-section .radar-save.md-primary:not([disabled]):hover,
      .pinnacle-mapping .pinnacle-api-sport-section .radar-save.md-primary:not([disabled]):focus {
        background-color: #0b8d3b; }
      .pinnacle-mapping .radar-tree-content .radar-save:disabled, .pinnacle-mapping .radar-tree-content .radar-save.md-primary:disabled,
      .pinnacle-mapping .pinnacle-api-sport-section .radar-save:disabled,
      .pinnacle-mapping .pinnacle-api-sport-section .radar-save.md-primary:disabled {
        background-color: #e6e6e6;
        color: rgba(0, 0, 0, 0.5); }
  .pinnacle-mapping .pinnacle-header {
    -ms-flex-positive: 0;
        flex-grow: 0; }
  .pinnacle-mapping .pinnacle-container {
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .pinnacle-mapping .radar-link-sport .link-radar-menu {
    /* border-right:3px solid #607d8b; */
    background: #fff; }
    .pinnacle-mapping .radar-link-sport .link-radar-menu .label-filter {
      font-size: 10pt;
      font-weight: bold; }
  .pinnacle-mapping .radar-link-sport .link-radar-content {
    padding-top: 5px; }
    .pinnacle-mapping .radar-link-sport .link-radar-content div table#feedTable {
      padding-left: 5px;
      padding-right: 5px; }
    .pinnacle-mapping .radar-link-sport .link-radar-content .radar-all-header {
      background-image: linear-gradient(to bottom right, #607d8b, #305568);
      border-bottom: solid 1px #fff;
      border-radius: 3px;
      padding-left: 10px;
      padding-top: 5px;
      padding-bottom: 5px;
      color: #fff; }
    .pinnacle-mapping .radar-link-sport .link-radar-content .rw-sport {
      padding: 10px; }
    .pinnacle-mapping .radar-link-sport .link-radar-content .md-table thead.md-head > tr.md-row {
      height: 40px !important; }
    .pinnacle-mapping .radar-link-sport .link-radar-content .md-table tbody.md-body > tr.md-row, .pinnacle-mapping .radar-link-sport .link-radar-content table.md-table tfoot.md-foot > tr.md-row {
      height: 40px; }
    .pinnacle-mapping .radar-link-sport .link-radar-content .md-table tbody tr td {
      font-size: inherit; }
    .pinnacle-mapping .radar-link-sport .link-radar-content #feedTable .text-title {
      font-size: 11pt; }
    .pinnacle-mapping .radar-link-sport .link-radar-content #feedTable tr.table-toolbar {
      /*  background-color: #506975; */
      background-image: linear-gradient(to bottom right, #607d8b, #305568); }
    .pinnacle-mapping .radar-link-sport .link-radar-content #feedTable td.inet {
      font-size: 0.9em;
      font-weight: 500;
      background-color: #efeff0 !important;
      border-right: 1px solid #ddd;
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      padding-left: 20px; }
    .pinnacle-mapping .radar-link-sport .link-radar-content #feedTable td:nth-child(2) {
      width: 10%; }
    .pinnacle-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container {
      font-size: 1.1em;
      position: relative;
      text-transform: uppercase;
      top: 0;
      transform: none !important; }
      .pinnacle-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container div md-select, .pinnacle-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container div input, .pinnacle-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container div textarea {
        font-size: 13px; }
    .pinnacle-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td {
      border: 1px solid #ddd; }
  .pinnacle-mapping .dragFolderContainer_el {
    max-height: calc(100vh - 190px); }
  .pinnacle-mapping .drag-folder,
  .pinnacle-mapping .widget {
    box-shadow: none; }
  .pinnacle-mapping .drag-folder.widget,
  .pinnacle-mapping .widget {
    background-color: transparent; }
  .pinnacle-mapping .mobile-sections-container .section-header {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px; }
  .pinnacle-mapping .mobile-sections-container .section-md-menu .md-icon-button {
    margin: 0; }
    .pinnacle-mapping .mobile-sections-container .section-md-menu .md-icon-button md-icon {
      line-height: 24px; }

#mobile-radar-section-menu md-menu-item {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
  #mobile-radar-section-menu md-menu-item:last-child {
    border-bottom: none; }

.radar-dialogs {
  min-width: 520px; }

.content-tree .sport-info,
.content-tree .sport-item,
.content-tree .log-report-header,
.log-reports .sport-info,
.log-reports .sport-item,
.log-reports .log-report-header {
  font-size: 15px;
  padding: 0.333333em 0.666667em; }
  .content-tree .sport-info + .sport-permission,
  .content-tree .sport-item + .sport-permission,
  .content-tree .log-report-header + .sport-permission,
  .log-reports .sport-info + .sport-permission,
  .log-reports .sport-item + .sport-permission,
  .log-reports .log-report-header + .sport-permission {
    padding: 0.333333em 0.666667em; }

.pinnacle-api-sport-section .content-tree .sport-info, .pinnacle-api-sport-section
.log-reports .sport-info {
  padding: 0; }

.content-tree .tree-node,
.content-tree .sport-info,
.content-tree .log-report-header,
.log-reports .tree-node,
.log-reports .sport-info,
.log-reports .log-report-header {
  border-radius: 2px; }
  .content-tree .tree-node.is-open,
  .content-tree .sport-info.is-open,
  .content-tree .log-report-header.is-open,
  .log-reports .tree-node.is-open,
  .log-reports .sport-info.is-open,
  .log-reports .log-report-header.is-open {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }

.content-tree .tree-node,
.content-tree .sport-info,
.log-reports .tree-node,
.log-reports .sport-info {
  background-color: #e3eef2; }

.content-tree #tree-root > .angular-ui-tree-nodes > .angular-ui-tree-node > .tree-node,
.content-tree .sport-info,
.content-tree .log-report-header,
.log-reports #tree-root > .angular-ui-tree-nodes > .angular-ui-tree-node > .tree-node,
.log-reports .sport-info,
.log-reports .log-report-header {
  background-color: #cedfe9;
  transition: background-color 0.4s ease; }

.content-tree #tree-root > .angular-ui-tree-nodes > .angular-ui-tree-node > .tree-node:hover, .content-tree #tree-root > .angular-ui-tree-nodes > .angular-ui-tree-node > .tree-node:focus,
.log-reports #tree-root > .angular-ui-tree-nodes > .angular-ui-tree-node > .tree-node:hover,
.log-reports #tree-root > .angular-ui-tree-nodes > .angular-ui-tree-node > .tree-node:focus {
  background-color: #e3eef2; }

.content-tree .log-report-header,
.log-reports .log-report-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  color: var(--color-primary-dull-500);
  border: 1px solid #dae2ea; }
  .content-tree .log-report-header > h3,
  .log-reports .log-report-header > h3 {
    margin-top: auto;
    margin-bottom: auto;
    font-size: inherit;
    font-weight: bold; }

.content-tree .log-report-content-container,
.log-reports .log-report-content-container {
  padding: 12px 8px;
  background-color: #f8faff;
  background-color: var(--color-primary-sharp-100);
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-style: solid;
  border-color: #dae2ea;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }

.content-tree .log-report-content,
.log-reports .log-report-content {
  position: relative;
  padding: 16px 12px;
  border-left: 3px solid var(--color-primary-sharp-300); }
  .content-tree .log-report-content .btn-rollback,
  .log-reports .log-report-content .btn-rollback {
    position: absolute;
    top: 16px;
    right: 12px; }
  .content-tree .log-report-content + .log-report-content,
  .log-reports .log-report-content + .log-report-content {
    margin-top: 16px; }
  .content-tree .log-report-content .table,
  .content-tree .log-report-content .table thead,
  .log-reports .log-report-content .table,
  .log-reports .log-report-content .table thead {
    background-color: rgba(0, 0, 0, 0.0625); }
  .content-tree .log-report-content .table.table-striped > tbody > tr:nth-of-type(odd),
  .log-reports .log-report-content .table.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.25); }

.content-tree .log-report-info,
.log-reports .log-report-info {
  display: -ms-flexbox;
  display: flex; }
  .content-tree .log-report-info + .log-report-info,
  .log-reports .log-report-info + .log-report-info {
    margin-top: 8px; }
  .content-tree .log-report-info:first-of-type, .content-tree .log-report-info:nth-of-type(2),
  .log-reports .log-report-info:first-of-type,
  .log-reports .log-report-info:nth-of-type(2) {
    padding-right: 120px; }
  .content-tree .log-report-info.log-report-info-vertical,
  .log-reports .log-report-info.log-report-info-vertical {
    -ms-flex-direction: column;
        flex-direction: column; }
    .content-tree .log-report-info.log-report-info-vertical h4,
    .log-reports .log-report-info.log-report-info-vertical h4 {
      margin-bottom: 0.25rem; }

.content-tree .log-report-info-item:not(:first-of-type),
.log-reports .log-report-info-item:not(:first-of-type) {
  padding-left: 8px; }

.content-tree .log-report-info-item:not(:last-of-type),
.log-reports .log-report-info-item:not(:last-of-type) {
  padding-right: 8px; }

.content-tree .log-report-info-item + .log-report-info-item,
.log-reports .log-report-info-item + .log-report-info-item {
  border-left: 1px solid rgba(0, 0, 0, 0.125); }

.content-tree .group-button,
.log-reports .group-button {
  margin-left: 10px; }
  .content-tree .group-button .md-button.groupX, .content-tree .group-button .md-button.groupY,
  .log-reports .group-button .md-button.groupX,
  .log-reports .group-button .md-button.groupY {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1em;
    background-color: rgba(255, 255, 255, 0.5); }

.content-tree {
  width: 100%;
  padding: 0;
  /* --- Tree --- */ }
  .content-tree .cogpermission-directive-container {
    min-height: 0; }
  .content-tree .group-button .md-button.groupX,
  .content-tree .group-button .md-button.groupY {
    height: 20px;
    min-height: 20px;
    min-width: 40px; }
  .content-tree .radar-level-3 cog-account-permission {
    margin-right: 20px; }
  @media (max-width: 520px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 20px; } }
  @media (min-width: 768px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 8px; } }
  @media (min-width: 1024px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 18px; } }
  @media (min-width: 1025px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 0px; } }
  .content-tree .tree-node,
  .content-tree .sport-info {
    color: var(--color-primary-dull-500) !important; }
  .content-tree .sport-info {
    font-weight: bold; }
  .content-tree .angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    box-sizing: border-box; }
  .content-tree tr.angular-ui-tree-empty {
    height: 100px; }
  .content-tree .group-title {
    background-color: #687074 !important;
    color: #FFF !important; }
  .content-tree .tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2; }
  .content-tree .nodrop {
    background-color: #f2dede; }
  .content-tree .tree-node-content,
  .content-tree > ul > li {
    margin: 10px; }
  .content-tree .tree-node-content {
    margin: 10px; }
    .content-tree .tree-node-content md-radio-button {
      margin-bottom: 0 !important; }
    .content-tree .tree-node-content md-checkbox {
      margin-bottom: 0; }
  .content-tree .tree-handle {
    padding: 10px;
    background: #546c81;
    color: #FFF;
    margin-right: 10px; }
  .content-tree .angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    box-sizing: border-box; }
  .content-tree .hidden-radar-tree {
    display: none; }

.pinnacle-setup .sport-item,
.log-report-header {
  cursor: pointer; }

.PinnacleImportSettings .radar-input-container .ngb-tp-meridian > .btn,
.PinnacleMarketSettings .radar-input-container .ngb-tp-meridian > .btn {
  color: var(--color-primary-dull-500);
  border-color: var(--color-primary-dull-500);
  margin-right: 0; }

#cogwebbetradar-mapping {
  background: #fff; }
  #cogwebbetradar-mapping md-toolbar#toolbar-mapping {
    min-height: 45px;
    height: 45px; }
  #cogwebbetradar-mapping md-toolbar#toolbar-mapping .md-toolbar-tools {
    height: 45px; }
  #cogwebbetradar-mapping md-toolbar#toolbar-mapping .header-icon {
    font-size: 1.35em;
    margin-right: 0.5em; }
  #cogwebbetradar-mapping md-toolbar#toolbar-mapping .md-button {
    font-size: 0.6em;
    padding: 0 8px;
    font-weight: 400; }
  #cogwebbetradar-mapping md-toolbar#toolbar-mapping .md-raised {
    color: #c63e01;
    font-weight: 700; }
  #cogwebbetradar-mapping .feeds-content-mb .radar-all-header {
    background-image: linear-gradient(to bottom right, #607d8b, #305568);
    border-bottom: solid 1px #fff;
    border-radius: 3px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff; }
  #cogwebbetradar-mapping .feeds-content-mb .rw-sport {
    padding: 10px;
    font-size: 10pt; }
  #cogwebbetradar-mapping .feeds-content-mb .md-table thead.md-head > tr.md-row {
    height: 40px !important; }
  #cogwebbetradar-mapping .feeds-content-mb .md-table tbody.md-body > tr.md-row, #cogwebbetradar-mapping .feeds-content-mb table.md-table tfoot.md-foot > tr.md-row {
    height: 40px; }
  #cogwebbetradar-mapping .feeds-content-mb .md-table tbody tr td {
    font-size: inherit; }
  #cogwebbetradar-mapping .feeds-content-mb #feedTable .text-title {
    font-size: 11pt; }
  #cogwebbetradar-mapping .feeds-content-mb #feedTable tr.table-toolbar {
    background-color: #506975; }
  #cogwebbetradar-mapping .feeds-content-mb #feedTable td.inet {
    font-size: 0.9em;
    font-weight: 500;
    background-color: #efeff0 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-left: 20px; }
  #cogwebbetradar-mapping .feeds-content-mb #feedTable td:nth-child(2) {
    width: 10%; }
  #cogwebbetradar-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container {
    font-size: 1.1em;
    position: relative;
    text-transform: uppercase;
    top: 0;
    transform: none !important; }
    #cogwebbetradar-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container div md-select, #cogwebbetradar-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container div input, #cogwebbetradar-mapping .feeds-content-mb #feedTable .teaser-container td md-coginput-container.cog-input-container div textarea {
      font-size: 13px; }
  #cogwebbetradar-mapping .feeds-content-mb #feedTable .teaser-container td {
    border: 1px solid #ddd; }
  #cogwebbetradar-mapping .radar-tree-content {
    background: #fff; }
    #cogwebbetradar-mapping .radar-tree-content .radar-save {
      background-color: #076429;
      color: #FFFFFF; }
    #cogwebbetradar-mapping .radar-tree-content .radar-save:disabled {
      background-color: #e6e6e6;
      color: #000; }
  #cogwebbetradar-mapping .radar-link-sport .link-radar-menu {
    /* border-right:3px solid #607d8b; */
    background: #fff; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-menu .label-filter {
      font-size: 10pt;
      font-weight: bold; }
  #cogwebbetradar-mapping .radar-link-sport .link-radar-content {
    padding-top: 5px; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content div table#feedTable {
      padding-left: 5px;
      padding-right: 5px; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content .radar-all-header {
      background-image: linear-gradient(to bottom right, #607d8b, #305568);
      border-bottom: solid 1px #fff;
      border-radius: 3px;
      padding-left: 10px;
      padding-top: 5px;
      padding-bottom: 5px;
      color: #fff; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content .rw-sport {
      padding: 10px; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content .md-table thead.md-head > tr.md-row {
      height: 40px !important; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content .md-table tbody.md-body > tr.md-row, #cogwebbetradar-mapping .radar-link-sport .link-radar-content table.md-table tfoot.md-foot > tr.md-row {
      height: 40px; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content .md-table tbody tr td {
      font-size: inherit; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable .text-title {
      font-size: 11pt; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable tr.table-toolbar {
      /*  background-color: #506975; */
      background-image: linear-gradient(to bottom right, #607d8b, #305568); }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable td.inet {
      font-size: 0.9em;
      font-weight: 500;
      background-color: #efeff0 !important;
      border-right: 1px solid #ddd;
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      padding-left: 20px; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable td:nth-child(2) {
      width: 10%; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container {
      font-size: 1.1em;
      position: relative;
      text-transform: uppercase;
      top: 0;
      transform: none !important; }
      #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container div md-select, #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container div input, #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td md-coginput-container.cog-input-container div textarea {
        font-size: 13px; }
    #cogwebbetradar-mapping .radar-link-sport .link-radar-content #feedTable .teaser-container td {
      border: 1px solid #ddd; }
  #cogwebbetradar-mapping .mobile-sections-container .section-header {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px; }
  #cogwebbetradar-mapping .mobile-sections-container .section-md-menu .md-icon-button {
    margin: 0; }
    #cogwebbetradar-mapping .mobile-sections-container .section-md-menu .md-icon-button md-icon {
      line-height: 24px; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-toolbar {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #fff;
    padding-bottom: 10px; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-summary {
    font-size: 12px;
    color: #4d4d4d; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-league-card {
    border: 1px solid #d8dee3;
    border-radius: 4px;
    margin-bottom: 16px;
    overflow: hidden;
    background: #fff; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-league-header {
    background-image: linear-gradient(to bottom right, #607d8b, #305568);
    color: #fff;
    padding: 10px 14px; }
    #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-league-header .league-name {
      font-size: 15px;
      font-weight: 600; }
    #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-league-header .league-count {
      font-size: 12px;
      opacity: 0.9; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table-wrap {
    overflow: auto; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table {
    min-width: 980px;
    width: 100%;
    table-layout: fixed; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table tbody.md-body > tr.md-row:nth-child(even) {
    background: #fafbfc; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table td,
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-updated-value {
    color: #c62828;
    font-weight: 600; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table .col-games-rounds {
    width: 180px; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table .col-schedule {
    width: 120px; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table .col-group {
    width: 120px; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table .col-golfers-loaded {
    width: 130px; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table .col-betradar-event {
    width: 140px; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table .col-date {
    width: 210px; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table .col-get-from-radar {
    width: 130px; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table .col-event-type {
    width: 170px; }
  #cogwebbetradar-mapping #cog-radar-golf-refresh .golf-refresh-table .col-no-info-radar {
    width: 180px; }

#mobile-radar-section-menu md-menu-item {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
  #mobile-radar-section-menu md-menu-item:last-child {
    border-bottom: none; }

.radar-dialogs {
  min-width: 520px; }

.content-tree {
  /* --- Tree --- */ }
  .content-tree .cogpermission-directive-container {
    min-height: 0; }
  .content-tree .group-button .md-button.groupX,
  .content-tree .group-button .md-button.groupY {
    height: 20px;
    min-height: 20px;
    min-width: 40px; }
  .content-tree .radar-level-3 cog-account-permission {
    margin-right: 20px; }
  @media (max-width: 520px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 20px; } }
  @media (min-width: 768px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 8px; } }
  @media (min-width: 1024px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 18px; } }
  @media (min-width: 1025px) {
    .content-tree .radar-setup-level-3 cog-account-permission {
      margin-right: 0px; } }
  .content-tree .tree-node {
    color: #3f708d !important; }
  .content-tree .angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    box-sizing: border-box; }
  .content-tree tr.angular-ui-tree-empty {
    height: 100px; }
  .content-tree .group-title {
    background-color: #687074 !important;
    color: #FFF !important; }
  .content-tree .tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2; }
  .content-tree .nodrop {
    background-color: #f2dede; }
  .content-tree .tree-node-content {
    margin: 10px; }
    .content-tree .tree-node-content md-radio-button {
      margin-bottom: 0 !important; }
    .content-tree .tree-node-content md-checkbox {
      margin-bottom: 0; }
  .content-tree .tree-handle {
    padding: 10px;
    background: #546c81;
    color: #FFF;
    margin-right: 10px; }
  .content-tree .angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    box-sizing: border-box; }
  .content-tree .hidden-radar-tree {
    display: none; }

#cogsheetmanager-container {
  background-image: url(https://printmysheet.com/assets/img/PMS-BG-02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 47vw;
  color: #fff; }
  #cogsheetmanager-container #upload {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  #cogsheetmanager-container #holder {
    position: relative;
    border: 5px dashed #ccc;
    width: 300px;
    min-height: 300px;
    max-height: 300px;
    overflow: hidden;
    margin: 20px auto; }
    #cogsheetmanager-container #holder.hover {
      border: 5px dashed #ff00ff; }
    #cogsheetmanager-container #holder p {
      margin: 10px;
      font-size: 14px;
      color: #fff; }
  #cogsheetmanager-container #progress {
    width: 100%; }
  #cogsheetmanager-container #progress:after {
    content: '%'; }
  #cogsheetmanager-container .fail {
    background: #c00;
    padding: 2px;
    color: #fff; }
  #cogsheetmanager-container .hidden {
    display: none !important; }
  #cogsheetmanager-container #cogsheetmanager-upload-btn {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  #cogsheetmanager-container #cogsheetmanager-zoom-dialog {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 45vw;
    overflow: hidden;
    overflow-y: scroll;
    background-color: #fff; }
    #cogsheetmanager-container #cogsheetmanager-zoom-dialog canvas {
      display: block;
      margin-left: auto;
      margin-right: auto; }
    #cogsheetmanager-container #cogsheetmanager-zoom-dialog button[data-close] {
      position: fixed;
      right: 20px; }
  #cogsheetmanager-container button {
    border: none;
    font-size: 2em !important;
    outline: none; }
    #cogsheetmanager-container button:focus {
      outline: none; }
  #cogsheetmanager-container button[data-close] {
    position: absolute;
    right: 0px;
    background-color: transparent;
    width: 50px;
    height: 50px; }
  #cogsheetmanager-container button[data-zoom] {
    position: absolute;
    left: 45%;
    bottom: 45%;
    background-color: transparent;
    width: 50px;
    height: 50px; }
  #cogsheetmanager-container button[data-upload] {
    color: #fff;
    background-color: #39b54a;
    padding: 10px;
    border-radius: 5px; }
  #cogsheetmanager-container .mb-5 {
    margin-bottom: 3rem; }

#cogstores-container .md-button-header {
  margin-top: 10px;
  margin-left: 0px;
  min-width: 125px;
  min-height: 50px;
  font-size: 18px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0px 0px; }

#cogstores-container .md-button.md-blue-grey-theme.md-hue-2.md-raised[disabled], #cogstores-container .md-button.md-blue-grey-theme.md-hue-2.md-fab[disabled] {
  background-color: rgba(0, 0, 0, 0.12) !important; }

#cogstores-container .store-cancel-button:not([disabled]) {
  background-color: #bd362f;
  color: #ffffff; }

#cogstores-container .store-cancel-button:hover:not([disabled]) {
  background-color: #d83c36;
  color: #ffffff; }

#cogstores-container .store-cancel-button[disabled] {
  color: #ffffff !important;
  cursor: default !important;
  background-color: rgba(0, 0, 0, 0.12) !important; }

#cogstores-container .cog-input-container .cog-input-label {
  color: #000000;
  font-weight: bold;
  white-space: nowrap; }

#cogstores-container .group-button .md-button.off:disabled {
  background-color: #ca6e69 !important;
  color: #e6e3e3; }

#cogstores-container .displayOptions .cog-input-label {
  color: #000000;
  font-weight: bold;
  font-size: 0.9em;
  text-transform: uppercase;
  white-space: nowrap; }

#cogstores-container md-coginput-container.cog-input-container {
  font-size: 1.1em;
  position: relative;
  text-transform: uppercase;
  top: 0;
  transform: none !important; }
  #cogstores-container md-coginput-container.cog-input-container div md-select, #cogstores-container md-coginput-container.cog-input-container div input, #cogstores-container md-coginput-container.cog-input-container div textarea {
    font-size: 13px; }

#cogstores-container .ItemMenuSelected {
  font-weight: 700; }

#cogstores-container .ItemMenuSelected > div {
  background-color: #00a3ec !important;
  border-radius: 6px !important;
  color: aliceblue !important; }

#cogstores-container .storeWidget > div {
  min-height: 25px; }

#cogstores-container .storeWidget > div > div.widget-content {
  padding: 0 4px;
  display: -ms-flexbox;
  display: flex; }

#cogstores-container .storeWidget > div md-switch {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 23px; }

#cogstores-container .store-option {
  cursor: pointer; }

#cogstores-container .storeWidget {
  margin-top: 0px; }

#cogstores-container .Club_label, #cogstores-container .Club_Container span {
  position: relative;
  font-size: 0.90em;
  font-weight: 900;
  text-transform: uppercase;
  top: 0px;
  transform: none !important;
  color: #000000;
  cursor: pointer;
  cursor: pointer; }

#cogstores-container .widget {
  min-height: 0px; }

#cogstores-container .md-table thead.md-head > tr.md-row {
  height: 40px !important; }

#cogstores-container .md-table tbody.md-body > tr.md-row, #cogstores-container table.md-table tfoot.md-foot > tr.md-row {
  height: 40px; }

#cogstores-container .md-table tbody tr td {
  font-size: inherit; }

#cogstores-container .store-remove-button {
  width: 100px; }

#cogstores-container .store-remove-button:hover {
  width: 100px; }

#cogstores-container #storeTableReport th.expandOptions {
  width: 60px;
  padding-left: 0px;
  padding-right: 0px; }

#cogstores-container #storeTableReport .expandAll, #cogstores-container #storeTableReport .collapseAll {
  margin-left: 5px;
  margin-top: 5px; }

#cogstores-container #storeTableReport td, #cogstores-container #storeTableReport th {
  padding-left: 10px;
  padding-right: 10px; }

#cogstores-container #storeTableReport td.expandOption {
  width: 60px;
  padding-left: 15px !important; }

#cogstores-container #storeTableReport td.storeMainColumn {
  font-size: 1em;
  font-weight: 700;
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-left: 20px; }

#cogstores-container #storeTableReport td.storeMainAmounColumn {
  font-size: 1em;
  font-weight: 700;
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-left: 20px;
  width: 200px; }

#cogstores-container #storeTableReport .stores-container .md-table tbody tr {
  height: 30px; }

#cogstores-container #storeTableReport .stores-container > td {
  padding-left: 0px !important;
  padding-right: 0px !important; }

#cogstores-container #storeTableReport .stores-container .widget {
  min-height: 20px; }

#cogstores-container #storeTableReport .stores-container .store-table-detail-toolbar, #cogstores-container #storeTableReport .stores-container .store-table-detail-toolbar:hover {
  font-size: 0.9em;
  min-height: 30px !important;
  height: 30px !important; }
  #cogstores-container #storeTableReport .stores-container .store-table-detail-toolbar .th-toolbar, #cogstores-container #storeTableReport .stores-container .store-table-detail-toolbar:hover .th-toolbar {
    background-color: #253c47; }

#cogstores-container #storeTableReport .stores-container td.ItemIndex {
  width: 30%;
  color: black; }

#cogstores-container #storeTableReport .stores-container td.DetailColumn {
  width: 150px;
  color: black; }

#cogstores-container #storeTableReport .stores-container td .md-input-stores-container {
  display: inline-block;
  position: relative;
  padding: 0px;
  margin: 0px 0;
  vertical-align: top;
  min-width: 0px; }

#cogstores-container #storeTableReport .stores-container td .md-input-itemstores-container {
  display: inline-block;
  position: relative;
  padding: 0px;
  margin: 0px 0;
  vertical-align: middle !important;
  min-width: 0px; }

#cogstores-container #storeTableReport .stores-container td .itemStore-input {
  width: 60px;
  text-align: center;
  font-size: 0.8em !important;
  font-weight: bold;
  border-bottom: none;
  margin-top: 2px; }

#cogstores-container #storeTableReport .stores-container td md-coginput-container.cog-input-container {
  font-size: 1.1em;
  position: relative;
  text-transform: uppercase;
  top: 0;
  transform: none !important; }
  #cogstores-container #storeTableReport .stores-container td md-coginput-container.cog-input-container div input, #cogstores-container #storeTableReport .stores-container td md-coginput-container.cog-input-container div textarea {
    font-size: 13px; }
  #cogstores-container #storeTableReport .stores-container td md-coginput-container.cog-input-container div md-select {
    font-size: inherit !important; }

#cogstores-container #storeTableReport .stores-container td .item-red {
  color: #ed1c24;
  font-weight: bold; }

#cogstores-container #storeTableReport .stores-container .cog-input-container textarea {
  width: 100%;
  border: none;
  height: 30px;
  margin-top: 10px; }

#cogstores-container #storeTableReport .stores-container .cog-input-container .cog-input-label {
  color: #000000;
  font-weight: bold;
  white-space: nowrap; }

#cogstores-container #storeTableReport .stores-container .store-detail-select {
  margin: 0px;
  margin-left: 10px;
  min-width: 75px; }
  #cogstores-container #storeTableReport .stores-container .store-detail-select .md-select-value {
    font-size: 13px; }

#cogstores-container #storeTableReport .stores-container .store-sports-detail-select {
  margin: 0px;
  margin-left: 10px;
  min-width: 75px; }

#cogstores-container .stores-header-form-container md-select {
  min-width: 100px !important;
  height: auto !important;
  font-size: 0.9em !important;
  margin: 0px;
  display: inline-block; }

#cogstores-container .stores-header-form-container md-input-container {
  margin: 0px;
  display: inline-block; }

#cogstores-container .stores-header-form-container .displayOptions {
  margin-left: 10px; }

.cellSummaryClass {
  font-size: 14px;
  font-weight: normal; }

.titleClass {
  color: #000; }

.subTitleClass {
  background-color: #2c2e40;
  color: #fff; }

/*#tableConfirm td, #tableConfirm th {
    border: 1px solid #cccccc !important;
    padding: 5px;
    font-size: 0.9em !important;
    span {
        font-size: 0.9em;
    }
}

#tableConfirm {
    border-collapse: collapse;
    width: 450px;
}

#tableConfirm th {
     height: 25px;
     background: #dcdcdc;
     border-color: #cccccc !important;
     border-style: solid;
     border-width: thin;
     color: rgba(0, 0, 0, 0.3);
     padding: 2px 8px;
     white-space: nowrap;

     span {
         color: rgba(0, 0, 0, 0.5);
     }
}

#tableConfirm .formatInfo {
    font-weight: bold;
}*/
#cogStores-summary-container .tree-icon {
  font-size: 1.5em;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-right: 0px !important; }

#cogStores-summary-container .md-button-header {
  margin-top: 10px;
  margin-left: 0px;
  min-width: 125px;
  min-height: 50px;
  font-size: 18px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0px 0px; }

#cogStores-summary-container .stores-header-form-container md-select {
  min-width: 100px !important;
  height: auto !important;
  font-size: 0.9em !important;
  margin: 0px;
  display: inline-block; }

#cogStores-summary-container .stores-header-form-container md-input-container {
  margin: 0px;
  display: inline-block; }

#cogStores-summary-container .stores-header-form-container .displayOptions {
  margin-left: 10px; }

#cogStores-summary-container .table > thead > tr > td, #cogStores-summary-container .table > tbody > tr > th, #cogStores-summary-container .table > tbody > tr > td {
  vertical-align: middle;
  padding: 0px; }

#cogStores-summary-container .backbone-header {
  font-weight: 700;
  margin-left: 0px; }

#cogStores-summary-container .tableheader {
  background: #dcdcdc;
  border-color: #cccccc !important;
  border-style: solid;
  border-width: thin;
  color: rgba(0, 0, 0, 0.3);
  font-size: 0.9em;
  padding: 2px 8px;
  white-space: nowrap; }
  #cogStores-summary-container .tableheader span {
    color: rgba(0, 0, 0, 0.5); }

#cogStores-summary-container .tablebuttonheader {
  width: 10px !important;
  min-width: 10px !important; }

#cogStores-summary-container .cellButtonClass {
  width: 225px !important;
  padding-left: 15px !important;
  padding-right: 15px !important; }

#cogStores-summary-container .backgroupOneAmount {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block; }

#cogStores-summary-container .cellEqualClass {
  width: 20px; }

#cogStores-summary-container .md-input-cogbackbone-container {
  display: inline-block;
  position: relative;
  padding: 0px;
  margin: 0px 0;
  vertical-align: top;
  min-width: 0px; }

#cogStores-summary-container .md-cogbackbone-switch {
  margin-left: 30px; }

#cogStores-summary-container .store-cancel-button:not([disabled]) {
  background-color: #bd362f;
  color: #ffffff; }

#cogStores-summary-container .store-cancel-button:hover:not([disabled]) {
  background-color: #d83c36;
  color: #ffffff; }

#cogStores-summary-container .store-cancel-button[disabled] {
  color: #ffffff !important;
  cursor: default !important;
  background-color: rgba(0, 0, 0, 0.12) !important; }

#cogStores-summary-container #cogbackbone-summary-settings {
  margin-top: 0px; }
  #cogStores-summary-container #cogbackbone-summary-settings .backbone-input {
    width: 60px;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: none; }
  #cogStores-summary-container #cogbackbone-summary-settings .BB_Title_header {
    margin-left: 10px;
    padding: 5px; }
  #cogStores-summary-container #cogbackbone-summary-settings .subTitleCategoryLink {
    font-size: 16px;
    font-weight: normal;
    display: inline;
    vertical-align: top;
    font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif;
    text-decoration: underline;
    cursor: pointer; }
  #cogStores-summary-container #cogbackbone-summary-settings .subTitleCategory {
    font-size: 16px;
    font-weight: normal;
    display: inline;
    vertical-align: top;
    font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif; }
  #cogStores-summary-container #cogbackbone-summary-settings .store-sports-detail-select {
    margin: 0px;
    margin-left: 10px;
    min-width: 75px; }
  #cogStores-summary-container #cogbackbone-summary-settings md-select {
    min-width: 100px !important;
    height: auto !important;
    margin: 0px;
    display: inline-block; }
    #cogStores-summary-container #cogbackbone-summary-settings md-select .md-select-value {
      border-bottom-style: none !important; }
  #cogStores-summary-container #cogbackbone-summary-settings .cog-input-label {
    color: #000000;
    font-weight: bold;
    white-space: nowrap; }
  #cogStores-summary-container #cogbackbone-summary-settings .OfficeMasterColumn {
    cursor: pointer !important; }
  #cogStores-summary-container #cogbackbone-summary-settings .AmountNotEqualColorText {
    color: #950000 !important; }

#cogStores-summary-container .rowSaveButton {
  margin-right: 10px; }

#cogStores-summary-container md-switch {
  margin: 2px; }

#cogStores-summary-container .stores_icon_lbl {
  color: #959595;
  font-size: 1em;
  margin-top: -10px; }

#cogStores-summary-container .stores-cursor-pointer {
  cursor: pointer; }

#cogStores-summary-container .stores_more_lbl {
  color: #179ac2;
  font-size: 0.9em;
  margin-top: 8px;
  margin-bottom: 10px;
  text-transform: uppercase; }

#cogStores-summary-container .store-storelist {
  min-width: 250px !important;
  max-width: 250px !important; }
  #cogStores-summary-container .store-storelist .md-select-value {
    font-size: 1.5em !important; }

#cogStores-summary-container tr.hoverChilds {
  background-color: #eceaea;
  color: #006700;
  height: 50px !important; }

#cogStores-summary-container .hasDifferenceClass {
  color: #ef6c00;
  font-size: 0.8em; }

#cogStores-summary-container .csPlayerLimit {
  color: #0026ff !important; }

#cogStores-summary-container .csWagerLimit {
  color: #ff6a00 !important; }

#cogStores-summary-container .logos {
  width: 34px;
  height: 22px; }

#cogStores-summary-container md-icon.Icons {
  margin-left: 10px; }

#cogStores-summary-container .tablerow {
  height: 10px; }
  #cogStores-summary-container .tablerow.level-3, #cogStores-summary-container .tablerow.level-4, #cogStores-summary-container .tablerow.level-5 {
    background-color: #dddbdc; }
    #cogStores-summary-container .tablerow.level-3 td, #cogStores-summary-container .tablerow.level-4 td, #cogStores-summary-container .tablerow.level-5 td {
      border-top-color: #d3d3d3; }

/*.backbone-form-container {
    background-color: rgb(243, 243, 243) !important;
    
    md-select {
        min-width: 100px !important;
        height: auto !important;
        font-size: 0.9em !important;
        margin: 0px;
        display: inline-block;
    }

    md-input-container {
        margin: 0px;
        display: inline-block;
    }

    .md-button-rayo {
        margin-left: 0px;
        min-width: 150px;
        min-height: 60px;
        font-size: 18px;
    }

    .displayOptions {
        margin-left: 10px;
    }

}*/
#cogsubsport-container .loader-container {
  min-height: 5px; }

#cogsubsport-container .cog-input-container .cog-input-label {
  color: #000000;
  font-weight: bold;
  white-space: nowrap; }

#cogsubsport-container md-coginput-container.cog-input-container {
  position: relative;
  text-transform: uppercase;
  top: 0;
  transform: none !important; }
  #cogsubsport-container md-coginput-container.cog-input-container div md-select, #cogsubsport-container md-coginput-container.cog-input-container div input, #cogsubsport-container md-coginput-container.cog-input-container div textarea {
    font-size: 13px; }

#cogsubsport-container .sportOnOff_el {
  max-height: calc(100vh - 235px);
  overflow-y: auto; }

#cogsubsport-container .subsports-header {
  font-weight: 700; }

#cogsubsport-container .ItemMenuSelected {
  /*font-size:1.5em;*/
  font-weight: 700; }

#cogsubsport-container .ItemMenuSelected > div {
  background-color: #00a3ec !important;
  border-radius: 6px !important;
  color: aliceblue !important; }

#cogsubsport-container .subsportWidget > div {
  min-height: 25px; }

#cogsubsport-container .subsportWidget > div > div.widget-content {
  padding: 0 4px;
  display: -ms-flexbox;
  display: flex; }

#cogsubsport-container .subsportWidget > div md-switch {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 23px; }

#cogsubsport-container .subsport-option {
  cursor: pointer; }

#cogsubsport-container .subsportWidget {
  margin-top: 0px; }

#cogsubsport-container .breadcrumbs {
  padding-top: 0.375em;
  padding-bottom: 0.375em;
  background-color: rgba(96, 125, 139, 0.25);
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em; }

#cogsubsport-container .breadcrumbs-item > .icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-width: 1em;
  padding-right: 1em; }
  #cogsubsport-container .breadcrumbs-item > .icon::after {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    transform: rotate(315deg);
    transform-origin: center; }

#cogsubsport-container .breadcrumbs-item + .breadcrumbs-item {
  padding-left: 0.625em; }

#cogsubsport-container .breadcrumbs-item md-select {
  display: inline-block; }

#cogsubsport-container .btn-change-org,
#cogsubsport-container .btn-changes-log {
  min-height: 28px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 28px;
  font-size: 0.875em; }

#cogsubsport-container .btn-changes-log {
  margin-right: auto;
  margin-left: auto; }
  #cogsubsport-container .btn-changes-log:hover, #cogsubsport-container .btn-changes-log:focus, #cogsubsport-container .btn-changes-log:active {
    color: #fff; }

#cogsubsport-container #cogsubsport-settings {
  /*.groupBtnsOptSub .groupX {
            font-size: 0.7em!important;
            margin: 10px 0!important;
            min-width: 40px!important;
            font-weight: 600!important;
        }*/
  /*section.groupBtnsOptSub label, .section-label {
            color:rgba(0,0,0,0.54)!important;
        }
    
        .subSportGroupOpt .md-button {
            margin-left: 5px!important;
            margin-right: 5px!important;
            font-size: 0.7em!important;
            font-weight: 700!important;
            max-height: 25px!important;
            line-height: 25px!important;
            min-height: 25px!important;
        }*/ }
  #cogsubsport-container #cogsubsport-settings md-input-container {
    margin-top: 25px;
    margin-bottom: 0px; }
  #cogsubsport-container #cogsubsport-settings .item-live-delay md-input-container {
    margin-top: 0; }
  #cogsubsport-container #cogsubsport-settings md-switch {
    margin-top: 10px;
    margin-bottom: 0px; }
  #cogsubsport-container #cogsubsport-settings md-input-container .md-errors-spacer {
    min-height: 10px; }
  #cogsubsport-container #cogsubsport-settings .cogsubsport-container md-switch {
    font-size: 0.8em;
    font-weight: 600;
    margin-right: 0px !important; }
  #cogsubsport-container #cogsubsport-settings .cogsubsportGroupX {
    font-size: 0.7em;
    margin: 10px 0;
    min-width: 30px;
    font-weight: 600; }
  #cogsubsport-container #cogsubsport-settings .groupBtnsOptSub .md-button.left {
    border-radius: 6px 0 0 6px; }
  #cogsubsport-container #cogsubsport-settings .groupBtnsOptSub .md-button.middle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, 0.96);
    border-right: 1px solid rgba(230, 230, 230, 0.96); }
  #cogsubsport-container #cogsubsport-settings .groupBtnsOptSub .md-button.right {
    border-radius: 0 6px 6px 0; }
  #cogsubsport-container #cogsubsport-settings .groupBtnsOptSub .md-button:not([disabled]):hover {
    background-color: rgba(193, 193, 193, 0.96);
    color: rgba(0, 0, 0, 0.8);
    transition: 0.3s; }
  #cogsubsport-container #cogsubsport-settings .groupBtnsOptSub .cogsubsportGroupX.md-button.left {
    min-width: 150px !important; }
  #cogsubsport-container #cogsubsport-settings .groupBtnsOptSub .optionSelected {
    background-color: #0c7eb5;
    color: white; }

#cogsubsport-container .subSportSelected {
  background-color: #ff6d00 !important;
  color: white !important;
  border-radius: 6px 6px 6px 6px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  font-size: 0.7em !important;
  max-height: 35px !important;
  line-height: 25px !important;
  min-height: 35px !important; }

#cogsubsport-container .subSportUnSelected {
  border-radius: 6px 6px 6px 6px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  font-size: 0.7em !important;
  max-height: 35px !important;
  line-height: 25px !important;
  min-height: 35px !important; }

#cogsubsport-container .subSportLinkedButton {
  border-radius: 6px 6px 6px 6px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  font-size: 0.8em !important;
  max-height: 35px !important;
  line-height: 25px !important;
  min-height: 35px !important;
  min-width: 250px !important; }

#cogsubsport-container .subSportLinkedButton:disabled {
  border-radius: 6px 6px 6px 6px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  font-size: 0.8em !important;
  max-height: 35px !important;
  line-height: 25px !important;
  min-height: 35px !important;
  min-width: 250px !important;
  color: #006700 !important; }

#cogsubsport-container .subSportRemoveLinkedButton {
  border-radius: 6px 6px 6px 6px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  font-size: 0.8em !important;
  max-height: 35px !important;
  line-height: 25px !important;
  min-height: 35px !important;
  min-width: 250px !important;
  background-color: #c32b00 !important; }

#cogsubsport-container .rowSaveButton {
  height: 100%; }

#cogsubsport-container .cogsubsport-settings-all md-input-container {
  margin-top: 25px;
  margin-bottom: 0px; }

@media (min-width: 960px) and (max-width: 1279px) {
  #cogsubsport-container .cogsubsport-settings-all .item-live-delay {
    margin-top: 60px; } }

#cogsubsport-container .cogsubsport-settings-all .item-live-delay md-input-container {
  margin-top: 0; }

#cogsubsport-container .cogsubsport-settings-all md-switch {
  margin-top: 10px;
  margin-bottom: 0px; }
  #cogsubsport-container .cogsubsport-settings-all md-switch.live-delay-header-switch {
    margin-top: -8px; }

#cogsubsport-container .cogsubsport-settings-all md-input-container .md-errors-spacer {
  min-height: 10px; }

#cogsubsport-container .cogsubsport-settings-all .cogsubsport-container md-switch {
  font-size: 0.8em;
  font-weight: 600; }

#cogsubsport-container .cogsubsport-settings-all .cogsubsportGroupX {
  font-size: 0.7em;
  margin: 10px 0;
  min-width: 30px;
  font-weight: 600; }

#cogsubsport-container .subsportlegend {
  margin-left: 10px;
  font-weight: bold;
  font-size: 1.0em; }

#cogsubsport-container .Club_Container {
  max-height: calc(100vh - 395px);
  overflow-y: auto; }

#cogsubsport-container #md-grid-list-sub-sports md-grid-list md-grid-tile figure {
  right: unset;
  left: 0px; }

#cogsubsport-container #md-grid-list-sub-sports .gridButton .md-button {
  position: relative;
  width: 216px; }

#cogsubsport-container #md-grid-list-sub-sports-all md-grid-list md-grid-tile figure {
  right: unset;
  left: 0px; }

#cogsubsport-container #md-grid-list-sub-sports-all .gridButtonLeagueAndType {
  font-size: 10px;
  border-radius: 10px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  font-size: 0.7em !important;
  font-weight: 700 !important;
  max-height: 35px !important;
  line-height: 25px !important;
  min-height: 35px !important; }

#cogsubsport-container .hasDifferenceClass {
  color: #ff5722; }

#cogsubsportadd-container .loader-container {
  min-height: 5px; }

#cogsubsportadd-container .cog-input-container .cog-input-label {
  color: #000000;
  font-weight: bold;
  white-space: nowrap; }

#cogsubsportadd-container md-coginput-container.cog-input-container {
  position: relative;
  text-transform: uppercase;
  top: 0;
  transform: none !important; }
  #cogsubsportadd-container md-coginput-container.cog-input-container div md-select, #cogsubsportadd-container md-coginput-container.cog-input-container div input, #cogsubsportadd-container md-coginput-container.cog-input-container div textarea {
    font-size: 13px; }

#cogsubsportadd-container .sportOnOff_el {
  max-height: calc(100vh - 235px);
  overflow-y: auto; }

#cogsubsportadd-container .subsports-header {
  font-weight: 700; }

#cogsubsportadd-container .ItemMenuSelected {
  /*font-size:1.5em;*/
  font-weight: 700; }

#cogsubsportadd-container .ItemMenuSelected > div {
  background-color: #00a3ec !important;
  border-radius: 6px !important;
  color: aliceblue !important; }

#cogsubsportadd-container .subsportWidget > div {
  min-height: 25px; }

#cogsubsportadd-container .subsportWidget > div > div.widget-content {
  padding: 0 4px;
  display: -ms-flexbox;
  display: flex; }

#cogsubsportadd-container .subsportWidget > div md-switch {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 23px; }

#cogsubsportadd-container .subsport-option {
  cursor: pointer; }

#cogsubsportadd-container .subsportWidget {
  margin-top: 0px; }

#cogsubsportadd-container .breadcrumbs {
  padding-top: 0.375em;
  padding-bottom: 0.375em;
  background-color: rgba(96, 125, 139, 0.25);
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em; }

#cogsubsportadd-container .breadcrumbs-item > .icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  min-width: 1em;
  padding-right: 1em; }
  #cogsubsportadd-container .breadcrumbs-item > .icon::after {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    transform: rotate(315deg);
    transform-origin: center; }

#cogsubsportadd-container .breadcrumbs-item + .breadcrumbs-item {
  padding-left: 0.625em; }

#cogsubsportadd-container .breadcrumbs-item md-select {
  display: inline-block; }

#cogsubsportadd-container .btn-change-org,
#cogsubsportadd-container .btn-changes-log {
  min-height: 28px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 28px;
  font-size: 0.875em; }

#cogsubsportadd-container .btn-changes-log {
  margin-right: auto;
  margin-left: auto; }
  #cogsubsportadd-container .btn-changes-log:hover, #cogsubsportadd-container .btn-changes-log:focus, #cogsubsportadd-container .btn-changes-log:active {
    color: #fff; }

#cogsubsportadd-container #cogsubsport-settings {
  /*.groupBtnsOptSub .groupX {
            font-size: 0.7em!important;
            margin: 10px 0!important;
            min-width: 40px!important;
            font-weight: 600!important;
        }*/
  /*section.groupBtnsOptSub label, .section-label {
            color:rgba(0,0,0,0.54)!important;
        }
    
        .subSportGroupOpt .md-button {
            margin-left: 5px!important;
            margin-right: 5px!important;
            font-size: 0.7em!important;
            font-weight: 700!important;
            max-height: 25px!important;
            line-height: 25px!important;
            min-height: 25px!important;
        }*/ }
  #cogsubsportadd-container #cogsubsport-settings md-input-container {
    margin-top: 25px;
    margin-bottom: 0px; }
  #cogsubsportadd-container #cogsubsport-settings .item-live-delay md-input-container {
    margin-top: 0; }
  #cogsubsportadd-container #cogsubsport-settings md-switch {
    margin-top: 10px;
    margin-bottom: 0px; }
  #cogsubsportadd-container #cogsubsport-settings md-input-container .md-errors-spacer {
    min-height: 10px; }
  #cogsubsportadd-container #cogsubsport-settings .cogsubsport-container md-switch {
    font-size: 0.8em;
    font-weight: 600;
    margin-right: 0px !important; }
  #cogsubsportadd-container #cogsubsport-settings .cogsubsportGroupX {
    font-size: 0.7em;
    margin: 10px 0;
    min-width: 30px;
    font-weight: 600; }
  #cogsubsportadd-container #cogsubsport-settings .groupBtnsOptSub .md-button.left {
    border-radius: 6px 0 0 6px; }
  #cogsubsportadd-container #cogsubsport-settings .groupBtnsOptSub .md-button.middle {
    border-radius: 0;
    border-left: 1px solid rgba(230, 230, 230, 0.96);
    border-right: 1px solid rgba(230, 230, 230, 0.96); }
  #cogsubsportadd-container #cogsubsport-settings .groupBtnsOptSub .md-button.right {
    border-radius: 0 6px 6px 0; }
  #cogsubsportadd-container #cogsubsport-settings .groupBtnsOptSub .md-button:not([disabled]):hover {
    background-color: rgba(193, 193, 193, 0.96);
    color: rgba(0, 0, 0, 0.8);
    transition: 0.3s; }
  #cogsubsportadd-container #cogsubsport-settings .groupBtnsOptSub .cogsubsportGroupX.md-button.left {
    min-width: 150px !important; }
  #cogsubsportadd-container #cogsubsport-settings .groupBtnsOptSub .optionSelected {
    background-color: #0c7eb5;
    color: white; }

#cogsubsportadd-container .subSportSelected {
  background-color: #ff6d00 !important;
  color: white !important;
  border-radius: 6px 6px 6px 6px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  font-size: 0.7em !important;
  max-height: 35px !important;
  line-height: 25px !important;
  min-height: 35px !important; }

#cogsubsportadd-container .subSportUnSelected {
  border-radius: 6px 6px 6px 6px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  font-size: 0.7em !important;
  max-height: 35px !important;
  line-height: 25px !important;
  min-height: 35px !important; }

#cogsubsportadd-container .subSportLinkedButton {
  border-radius: 6px 6px 6px 6px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  font-size: 0.8em !important;
  max-height: 35px !important;
  line-height: 25px !important;
  min-height: 35px !important;
  min-width: 250px !important; }

#cogsubsportadd-container .subSportLinkedButton:disabled {
  border-radius: 6px 6px 6px 6px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  font-size: 0.8em !important;
  max-height: 35px !important;
  line-height: 25px !important;
  min-height: 35px !important;
  min-width: 250px !important;
  color: #006700 !important; }

#cogsubsportadd-container .subSportRemoveLinkedButton {
  border-radius: 6px 6px 6px 6px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  font-size: 0.8em !important;
  max-height: 35px !important;
  line-height: 25px !important;
  min-height: 35px !important;
  min-width: 250px !important;
  background-color: #c32b00 !important; }

#cogsubsportadd-container .rowSaveButton {
  height: 100%; }

#cogsubsportadd-container .cogsubsport-settings-all md-input-container {
  margin-top: 25px;
  margin-bottom: 0px; }

#cogsubsportadd-container .cogsubsport-settings-all .item-live-delay md-input-container {
  margin-top: 0; }

#cogsubsportadd-container .cogsubsport-settings-all md-switch {
  margin-top: 10px;
  margin-bottom: 0px; }

#cogsubsportadd-container .cogsubsport-settings-all md-input-container .md-errors-spacer {
  min-height: 10px; }

#cogsubsportadd-container .cogsubsport-settings-all .cogsubsport-container md-switch {
  font-size: 0.8em;
  font-weight: 600; }

#cogsubsportadd-container .cogsubsport-settings-all .cogsubsportGroupX {
  font-size: 0.7em;
  margin: 10px 0;
  min-width: 30px;
  font-weight: 600; }

#cogsubsportadd-container .subsportlegend {
  margin-left: 10px;
  font-weight: bold;
  font-size: 1.0em; }

#cogsubsportadd-container .Club_Container {
  max-height: calc(100vh - 395px);
  overflow-y: auto; }

#cogsubsportadd-container #md-grid-list-sub-sports md-grid-list md-grid-tile figure {
  right: unset;
  left: 0px; }

#cogsubsportadd-container #md-grid-list-sub-sports .gridButton .md-button {
  position: relative;
  width: 216px; }

#cogsubsportadd-container #md-grid-list-sub-sports-all md-grid-list md-grid-tile figure {
  right: unset;
  left: 0px; }

#cogsubsportadd-container #md-grid-list-sub-sports-all .gridButtonLeagueAndType {
  font-size: 10px;
  border-radius: 10px;
  margin-left: 5px !important;
  margin-right: 5px !important;
  font-size: 0.7em !important;
  font-weight: 700 !important;
  max-height: 35px !important;
  line-height: 25px !important;
  min-height: 35px !important; }

#cogsubsportadd-container .hasDifferenceClass {
  color: #ff5722; }

#cogsubsportadd-container .requiredToSave {
  border-color: darkred; }

#cogsubsportadd-container .requiredText {
  color: darkred; }

#cogsubsportadd-container .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

#cogsubsportadd-container .spinner {
  background: white;
  padding: 20px 30px;
  border-radius: 8px;
  font-weight: bold;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); }

.cogsubsport-division-select .UnlinkedGameDivision {
  color: darkred; }

.item-live-delay md-input-container {
  min-width: auto; }

.live-delay-settings-item {
  font-size: 0.875em; }

#cogteasers-container {
  /*.teaser-cancel-button[disabled]:hover {
        color: rgba(0,0,0,0.38)!important;
        cursor: default!important;
    }*/ }
  #cogteasers-container .md-button-header {
    margin-top: 10px;
    margin-left: 0px;
    min-width: 125px;
    min-height: 50px;
    font-size: 18px; }
  #cogteasers-container .md-button.md-blue-grey-theme.md-hue-2.md-raised[disabled], #cogteasers-container .md-button.md-blue-grey-theme.md-hue-2.md-fab[disabled] {
    background-color: rgba(0, 0, 0, 0.12) !important; }
  #cogteasers-container .teaser-cancel-button:not([disabled]) {
    background-color: #bd362f;
    color: #ffffff; }
  #cogteasers-container .teaser-cancel-button:hover:not([disabled]) {
    background-color: #d83c36;
    color: #ffffff; }
  #cogteasers-container .teaser-cancel-button[disabled] {
    color: #ffffff !important;
    cursor: default !important;
    background-color: rgba(0, 0, 0, 0.12) !important; }
  #cogteasers-container .details_close_image, #cogteasers-container .details_open_image {
    width: 20px !important;
    height: 20px !important;
    cursor: pointer; }
  #cogteasers-container #teaser_filterPanel {
    font-size: 20px;
    letter-spacing: 0.005em;
    box-sizing: border-box;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 55px;
    max-height: 64px;
    margin: 0;
    border-radius: 15px;
    padding: 10px;
    border: 1px solid #e4e1e1;
    box-shadow: 0 10px 6px -6px #777; }
  #cogteasers-container .md-table thead.md-head > tr.md-row {
    height: 40px !important; }
  #cogteasers-container .md-table tbody.md-body > tr.md-row, #cogteasers-container table.md-table tfoot.md-foot > tr.md-row {
    height: 40px; }
  #cogteasers-container .md-table tbody tr td {
    font-size: inherit; }
  #cogteasers-container #teaserTableReport td.suspend-col {
    text-align: center; }
    #cogteasers-container #teaserTableReport td.suspend-col .not-suspended {
      color: #60bd60; }
    #cogteasers-container #teaserTableReport td.suspend-col .suspended {
      color: #b5b5b5; }
  #cogteasers-container #teaserTableReport th.expandOptions {
    width: 60px;
    padding-left: 0px;
    padding-right: 0px; }
  #cogteasers-container #teaserTableReport .expandAll, #cogteasers-container #teaserTableReport .collapseAll {
    margin-left: 5px;
    margin-top: 5px; }
  #cogteasers-container #teaserTableReport td, #cogteasers-container #teaserTableReport th {
    padding-left: 10px;
    padding-right: 10px; }
  #cogteasers-container #teaserTableReport td.expandOption {
    width: 60px;
    padding-left: 15px !important; }
  #cogteasers-container #teaserTableReport td.inet {
    font-size: 1em;
    font-weight: 700;
    background-color: #efeff0 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-left: 20px; }
    #cogteasers-container #teaserTableReport td.inet.suspended {
      color: #969696; }
  #cogteasers-container #teaserTableReport .teaser-container .md-table tbody tr {
    height: 30px; }
  #cogteasers-container #teaserTableReport .teaser-container > td {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  #cogteasers-container #teaserTableReport .teaser-container .widget {
    min-height: 20px; }
  #cogteasers-container #teaserTableReport .teaser-container .teaser-table-detail-toolbar {
    font-size: 0.9em;
    min-height: 30px !important;
    height: 30px !important; }
    #cogteasers-container #teaserTableReport .teaser-container .teaser-table-detail-toolbar .th-toolbar {
      background-color: #253c47; }
  #cogteasers-container #teaserTableReport .teaser-container td.ItemIndex {
    width: 30%;
    color: black;
    padding-left: 30px !important; }
  #cogteasers-container #teaserTableReport .teaser-container td.GamesWon {
    width: 150px;
    color: black; }
  #cogteasers-container #teaserTableReport .teaser-container td .md-input-teaser-container {
    display: inline-block;
    position: relative;
    padding: 0px;
    margin: 0px 0;
    vertical-align: top;
    min-width: 0px; }
  #cogteasers-container #teaserTableReport .teaser-container td .md-input-itemTeaser-container {
    display: inline-block;
    position: relative;
    padding: 0px;
    margin: 0px 0;
    vertical-align: middle !important;
    min-width: 0px; }
  #cogteasers-container #teaserTableReport .teaser-container td .itemTeaser-input {
    width: 60px;
    text-align: center;
    font-size: 0.8em !important;
    font-weight: bold;
    border-bottom: none;
    margin-top: 2px; }
  #cogteasers-container #teaserTableReport .teaser-container td md-coginput-container.cog-input-container {
    font-size: 1.1em;
    position: relative;
    text-transform: uppercase;
    top: 0;
    transform: none !important; }
    #cogteasers-container #teaserTableReport .teaser-container td md-coginput-container.cog-input-container div md-select, #cogteasers-container #teaserTableReport .teaser-container td md-coginput-container.cog-input-container div input, #cogteasers-container #teaserTableReport .teaser-container td md-coginput-container.cog-input-container div textarea {
      font-size: 13px; }
  #cogteasers-container #teaserTableReport .teaser-container td .item-red {
    color: #ed1c24;
    font-weight: bold; }
  #cogteasers-container #teaserTableReport .teaser-container .teaser-input-amount {
    width: 100%; }
  #cogteasers-container #teaserTableReport .teaser-container .teaser-detail-select {
    margin: 0px;
    margin-left: 10px;
    min-width: 75px; }
    #cogteasers-container #teaserTableReport .teaser-container .teaser-detail-select .md-select-value {
      height: 35px; }
  #cogteasers-container #teaserTableReport .teaser-container .cog-input-container textarea {
    width: 100%;
    border: none;
    height: 30px;
    margin-top: 10px; }
  #cogteasers-container #teaserTableReport .teaser-container .cog-input-container .cog-input-label {
    color: #000000;
    font-weight: bold; }
  #cogteasers-container #teaserTableReport .teaser-container .teaserSportSetupButton {
    font-weight: bold; }
  #cogteasers-container #teaserTableReport .teaser-container .teaser-remove-button {
    background-color: #bd362f;
    color: #ffffff; }
  #cogteasers-container #teaserTableReport .teaser-container .teaser-remove-button:hover {
    background-color: #d83c36;
    color: #ffffff; }
  #cogteasers-container #teaserTableReport .teaser-container .allow-on, #cogteasers-container #teaserTableReport .teaser-container .onoff-on {
    color: darkgreen;
    font-weight: 700; }
  #cogteasers-container #teaserTableReport .teaser-container .allow-off, #cogteasers-container #teaserTableReport .teaser-container .onoff-off {
    color: darkred;
    font-weight: 700; }
  #cogteasers-container #teaserTableReport .teaser-container .data-na {
    color: #c3c3c3; }
  #cogteasers-container #teaserTableReport .teaser-container .teaser-description-block {
    max-width: -moz-fit-content;
    max-width: fit-content;
    max-height: 100px;
    overflow-y: auto; }
  #cogteasers-container .side_sport {
    padding-top: 10px;
    padding-bottom: 10px; }
    #cogteasers-container .side_sport .header {
      background: #607d8b;
      height: 40px;
      color: #fff;
      font-size: 14px;
      text-align: center;
      font-weight: bold; }
    #cogteasers-container .side_sport .header-h {
      background: #607d8b;
      height: 40px;
      color: #fff;
      padding-top: 5px;
      font-size: 14px;
      /* padding-left: 20px; */
      font-weight: bold;
      border-top: 1px solid #fff;
      cursor: pointer; }
      #cogteasers-container .side_sport .header-h .mr-lf-20 {
        margin-left: 20px; }
      #cogteasers-container .side_sport .header-h .sortable {
        cursor: pointer; }
      #cogteasers-container .side_sport .header-h .sort-container {
        margin: 0 10px; }
    #cogteasers-container .side_sport .ListAccountsHeader {
      margin-top: 10px; }
    #cogteasers-container .side_sport #vertical-links {
      height: calc(100vh - 320px);
      width: 100%;
      background-color: #fff; }
    #cogteasers-container .side_sport #vertical-agents {
      height: 350px;
      width: 100%;
      background-color: #fff;
      padding: 10px; }
    #cogteasers-container .side_sport .repeated-item:first-child {
      padding-top: 5px; }
    #cogteasers-container .side_sport .repeated-item {
      box-sizing: border-box;
      min-height: 50px;
      padding-bottom: 5px;
      font-size: 10pt; }
      #cogteasers-container .side_sport .repeated-item .row-teams {
        color: #223f48;
        background-color: #f3f3f3;
        cursor: pointer; }
        #cogteasers-container .side_sport .repeated-item .row-teams .text-rotation {
          display: inline-block;
          width: 40px; }
        #cogteasers-container .side_sport .repeated-item .row-teams .margin-left-5 {
          margin-left: 10px; }
        #cogteasers-container .side_sport .repeated-item .row-teams .margin-left-0 {
          margin-left: 0 !important; }
      #cogteasers-container .side_sport .repeated-item .inet {
        font-size: 1em;
        font-weight: 700;
        background-color: #efeff0 !important;
        /* border-right: 1px solid #ddd;
                border-left: 1px solid #ddd;
                border-bottom: 1px solid #ddd; */
        padding-left: 10px;
        padding-top: 10px; }
      #cogteasers-container .side_sport .repeated-item .link-ac {
        text-decoration: underline;
        cursor: pointer; }
      #cogteasers-container .side_sport .repeated-item .link-cur {
        cursor: pointer; }
      #cogteasers-container .side_sport .repeated-item .row-locked {
        background-color: #ebdede; }
    #cogteasers-container .side_sport md-virtual-repeat-container {
      border: solid 1px #ddd; }
  #cogteasers-container .filterAllow .group-button .md-button.groupX {
    font-size: 0.8em;
    padding: 10px 20px;
    min-height: 45px;
    min-width: 100px;
    margin-top: 0px; }
  #cogteasers-container .filterAllow .group-button .md-button.groupX.right, #cogteasers-container .filterAllow .group-button .md-button.groupX.middle {
    border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }

.teasers-form-container {
  background-color: #f3f3f3 !important; }
  .teasers-form-container md-select {
    min-width: 100px !important;
    height: auto !important;
    font-size: 0.9em !important;
    margin: 0px;
    display: inline-block; }
  .teasers-form-container md-input-container {
    margin: 0px;
    display: inline-block; }
  .teasers-form-container .displayOptions {
    margin-left: 10px; }

#AccountsDialog md-toolbar {
  height: 40px;
  min-height: 40px; }
  #AccountsDialog md-toolbar .md-title {
    font-size: 14pt; }

#AccountsDialog .md-toolbar-tools {
  min-height: unset;
  line-height: unset; }

#AccountsDialog .text-account-name {
  font-weight: bold;
  color: #eaebec;
  font-size: 10pt; }

#AccountsDialog .side_detail_click .header {
  background: #607d8b;
  height: 35px;
  color: #fff;
  padding-top: 05px;
  font-size: 12pt;
  text-align: center;
  font-weight: bold; }

#AccountsDialog .side_detail_click .RadioHeader md-radio-group {
  display: -ms-flexbox;
  display: flex; }
  #AccountsDialog .side_detail_click .RadioHeader md-radio-group md-radio-button {
    margin-bottom: unset;
    margin-left: 10px; }
    #AccountsDialog .side_detail_click .RadioHeader md-radio-group md-radio-button .md-container:before {
      background: #aaccdd; }
    #AccountsDialog .side_detail_click .RadioHeader md-radio-group md-radio-button .md-on {
      background: #c5cacc; }
    #AccountsDialog .side_detail_click .RadioHeader md-radio-group md-radio-button .md-off {
      background: #607d8b;
      border-color: #fff; }

#AccountsDialog .side_detail_click #vertical-container-click {
  height: calc(100vh - 200px);
  width: 100%; }
  @media (max-width: 768px) {
    #AccountsDialog .side_detail_click #vertical-container-click {
      height: calc(100vh - 100px); } }

#AccountsDialog .side_detail_click .repeated-item {
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  min-height: 50px;
  height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 11pt;
  text-align: center;
  color: #474747; }
  #AccountsDialog .side_detail_click .repeated-item .title_account {
    color: #223f48; }
  #AccountsDialog .side_detail_click .repeated-item .title_account > div, #AccountsDialog .side_detail_click .repeated-item .value_account > div {
    border: 1px solid #ddd;
    min-width: 200px;
    padding: 5px; }
  #AccountsDialog .side_detail_click .repeated-item .bg_value:nth-child(odd) {
    background-color: #ececec; }
  #AccountsDialog .side_detail_click .repeated-item .bg_value:nth-child(even) {
    background-color: #f3f3f3; }
  #AccountsDialog .side_detail_click .repeated-item .text_link {
    color: #223f48;
    border-bottom: 1px solid;
    cursor: pointer; }

#AccountsDialog .side_detail_click md-virtual-repeat-container {
  border: solid 1px #ddd; }

.cogrules-container .cogrules-widget > div {
  min-height: 25px; }

.cogrules-container .cogrules-widget > div > div.widget-content {
  padding: 0 4px; }

.cogrules-container .cogrules-widget > div md-switch {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 23px; }

.cogrules-container .cogrules-widget-option {
  cursor: pointer; }

.cogrules-container .cogrules-widget {
  margin-top: 0px;
  margin-bottom: 8px; }

.cogrules-container .cogrules-foldertypes-container {
  margin-top: 0px;
  margin-bottom: 20px; }

.cogrules-container .cogrulesOptionSelected > div {
  background-color: #274c6b !important;
  border-radius: 6px !important;
  color: #f0fff4 !important; }

.cogrules-container .rulesFolder-column {
  max-width: 350px; }

.cogrules-container .rulesFolder-container {
  max-height: calc(100vh - 190px);
  overflow-y: auto; }

.cogrules-container .rules-container {
  max-height: calc(100vh - 190px);
  overflow-y: auto; }

.cogrules-container .cogrules_header {
  margin-left: 20px;
  color: #3a3a3a;
  font-size: 1.3em;
  font-weight: 500; }

.cogrules-container .cogrules_header .code {
  font-weight: 700;
  font-size: 1.4em;
  height: 40px;
  color: #000;
  padding-right: 15px; }

.cogrules-container .warning-note {
  color: darkred;
  font-weight: 500;
  font-size: 0.8em; }

#cogrules-container .add-desc-btn {
  margin-left: 0px;
  margin-top: -10px; }

.cogrules-btn {
  margin: 2px;
  height: 25px;
  line-height: 25px;
  min-height: 25px;
  margin-top: 10px; }

.no-tabs-wrapper md-tabs-wrapper {
  display: none; }

.cogrules-container .rule-code {
  width: 35px;
  color: #064f73; }

.cogrules-container .cogrulesOptionSelected .rule-code {
  color: #d7f7ff; }

.cogrules-container .cogrules-widget-option .ruleContent {
  cursor: initial; }

.cogrules-container .cogrules-widget-option .ruleContent md-menu button {
  padding: 0px;
  margin: 0px;
  width: 25px;
  height: 25px; }

.cogrules-container .cogrules-foldertypes-container .cogrules-widget-option md-menu button {
  padding: 0px;
  margin: 0px;
  width: 20px;
  height: 20px;
  max-height: 20px;
  min-height: 20px; }

.cogrules-container .cogrules-foldertypes-container .cogrules-widget-option md-menu button md-icon {
  line-height: 20px; }

#ruleComposerContainerDialog .code {
  font-weight: 700;
  font-size: 1.5em; }

#ruleComposerContainerDialog md-dialog-content {
  padding: 0px 0px;
  overflow: auto; }

#ruleComposerContainerDialog md-input-container {
  margin-bottom: 0px; }

#ruleComposerContainerDialog md-dialog-content .ta-text {
  min-height: 400px; }

#ruleComposerContainerDialog md-divider {
  margin-bottom: -2px; }

#ruleComposerContainerDialog .compose-body-toolbar {
  min-height: 45px; }
  @media screen and (min-width: 600px) {
    #ruleComposerContainerDialog .compose-body-toolbar {
      border-radius: 3px; } }
  #ruleComposerContainerDialog .compose-body-toolbar .btn,
  #ruleComposerContainerDialog .compose-body-toolbar .md-button {
    min-height: 45px;
    margin: 0;
    padding-bottom: 6px;
    border-radius: 0; }

#ruleComposerContainerDialog .fr-toolbar.fr-top {
  border-top-color: #064f73 !important; }

#ruleComposerContainerDialog .fr-box.fr-basic .fr-wrapper,
#ruleComposerContainerDialog .fr-toolbar.fr-top,
#ruleComposerContainerDialog .second-toolbar {
  border: none; }

#ruleComposerContainerDialog .fr-box.fr-basic .fr-wrapper {
  padding: 10px; }

#ruleComposerContainerDialog .fr-box.fr-basic .fr-element {
  min-height: 200px;
  padding: 5px;
  font-size: inherit;
  font-family: inherit;
  line-height: 1.5;
  transition: border-color .4s ease-in-out;
  resize: vertical; }
  @media screen and (max-width: 599px) {
    #ruleComposerContainerDialog .fr-box.fr-basic .fr-element {
      height: calc(100vh - 264px); } }
  @media screen and (min-width: 600px) and (min-height: 600px) {
    #ruleComposerContainerDialog .fr-box.fr-basic .fr-element {
      min-height: 240px; } }
  @media screen and (min-width: 600px) and (min-height: 960px) {
    #ruleComposerContainerDialog .fr-box.fr-basic .fr-element {
      min-height: 300px; } }

#ruleComposerContainerDialog .fr-box .fr-view {
  -ms-hyphens: auto;
      hyphens: auto; }

#ruleComposerContainerDialog .fr-box main {
  background-color: inherit !important;
  min-height: 0 !important; }

#ruleComposerContainerDialog .fr-box a,
#ruleComposerContainerDialog .fr-box a:hover,
#ruleComposerContainerDialog .fr-box a:focus {
  color: inherit !important;
  text-decoration: inherit !important; }

#ruleComposerContainerDialog .fr-box h1, #ruleComposerContainerDialog .fr-box h2, #ruleComposerContainerDialog .fr-box h3, #ruleComposerContainerDialog .fr-box h4, #ruleComposerContainerDialog .fr-box h5, #ruleComposerContainerDialog .fr-box h6 {
  margin: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
  text-transform: none !important; }

#ruleComposerContainerDialog .fr-box p {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

#ruleComposerContainerDialog .fr-box code,
#ruleComposerContainerDialog .fr-box kbd,
#ruleComposerContainerDialog .fr-box samp,
#ruleComposerContainerDialog .fr-box tt {
  font-family: inherit !important; }

#ruleComposerContainerDialog .fr-box code:not(.hljs) {
  color: inherit !important;
  font-weight: inherit !important; }

#ruleComposerContainerDialog .fr-box sub,
#ruleComposerContainerDialog .fr-box sup {
  vertical-align: inherit !important;
  font-size: inherit !important; }

#ruleComposerContainerDialog .fr-box big,
#ruleComposerContainerDialog .fr-box small {
  font-size: inherit !important; }

#ruleComposerContainerDialog .fr-box center {
  text-align: inherit !important; }

#ruleComposerContainerDialog .fr-box del,
#ruleComposerContainerDialog .fr-box s,
#ruleComposerContainerDialog .fr-box strike {
  text-decoration: inherit !important; }

#ruleComposerContainerDialog .fr-box dir {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important; }

#ruleComposerContainerDialog .fr-box font {
  font-size: inherit !important;
  font-weight: inherit !important;
  font-family: inherit !important;
  font-style: inherit !important; }

#ruleComposerContainerDialog .fr-box ins {
  text-decoration: inherit !important; }

#ruleComposerContainerDialog .fr-box listing,
#ruleComposerContainerDialog .fr-box plaintext,
#ruleComposerContainerDialog .fr-box xmp {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-family: inherit !important;
  white-space: inherit !important; }

#ruleComposerContainerDialog .fr-box mark {
  color: inherit !important;
  background-color: transparent !important; }

#ruleComposerContainerDialog .fr-box nobr {
  white-space: inherit !important; }

#ruleComposerContainerDialog .fr-box pre {
  font-family: inherit !important;
  white-space: pre-wrap !important; }

#ruleComposerContainerDialog .fr-box span[style*="font-weight: 700"], #ruleComposerContainerDialog .fr-box span[style*="font-weight: 800"], #ruleComposerContainerDialog .fr-box span[style*="font-weight: 900"], #ruleComposerContainerDialog .fr-box span[style*="font-weight: bolder"], #ruleComposerContainerDialog .fr-box span[style*="text-decoration: solid"] {
  font-weight: bold !important; }

#ruleComposerContainerDialog .fr-box span[style*="font-weight: 100"], #ruleComposerContainerDialog .fr-box span[style*="font-weight: 200"], #ruleComposerContainerDialog .fr-box span[style*="font-weight: 300"], #ruleComposerContainerDialog .fr-box span[style*="font-weight: 400"], #ruleComposerContainerDialog .fr-box span[style*="font-weight: lighter"] {
  font-weight: normal !important; }

#ruleComposerContainerDialog .fr-box span[style*="font-style: oblique"] {
  font-style: italic !important; }

#ruleComposerContainerDialog .fr-box span[style*="text-decoration: dashed"], #ruleComposerContainerDialog .fr-box span[style*="text-decoration: dotted"], #ruleComposerContainerDialog .fr-box span[style*="text-decoration: double"], #ruleComposerContainerDialog .fr-box span[style*="text-decoration: wavy"] {
  text-decoration: underline !important; }

#ruleComposerContainerDialog .fr-box span[style*="text-decoration: line-through"], #ruleComposerContainerDialog .fr-box span[style*="text-decoration: overline"], #ruleComposerContainerDialog .fr-box span[style*="text-decoration: solid"] {
  text-decoration: none !important; }

#ruleComposerContainerDialog .fr-view blockquote {
  color: rgba(0, 0, 0, 0.67);
  border-left-color: rgba(0, 0, 0, 0.67); }

@media screen and (max-width: 599px) {
  #ruleComposerContainerDialog.is-ios .fr-box.fr-basic .fr-element {
    height: calc(100vh - 324px); } }

#ruleComposerContainerDialog .fr-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  #ruleComposerContainerDialog .fr-toolbar.fr-top {
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 2; }
  #ruleComposerContainerDialog .fr-toolbar .fr-btn-grp {
    -ms-flex-order: 0;
        order: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    margin-right: 0;
    margin-left: 0; }
  #ruleComposerContainerDialog .fr-toolbar .fr-command.fr-btn {
    width: auto;
    min-width: 52px;
    height: auto;
    min-height: 45px;
    margin: 0;
    color: var(--color-protonmail-secondary);
    background-color: rgba(255, 255, 255, 0.8125);
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0; }
    #ruleComposerContainerDialog .fr-toolbar .fr-command.fr-btn.fr-active {
      color: #000;
      background-color: rgba(128, 128, 170, 0.1875); }
      #ruleComposerContainerDialog .fr-toolbar .fr-command.fr-btn.fr-active:hover, #ruleComposerContainerDialog .fr-toolbar .fr-command.fr-btn.fr-active:focus, #ruleComposerContainerDialog .fr-toolbar .fr-command.fr-btn.fr-active.md-focused {
        background-color: rgba(128, 128, 170, 0.125); }
    #ruleComposerContainerDialog .fr-toolbar .fr-command.fr-btn i {
      margin-right: auto;
      margin-left: auto; }
    #ruleComposerContainerDialog .fr-toolbar .fr-command.fr-btn .fa-bold,
    #ruleComposerContainerDialog .fr-toolbar .fr-command.fr-btn .fa-italic,
    #ruleComposerContainerDialog .fr-toolbar .fr-command.fr-btn .fa-underline {
      font-size: 20px;
      font-family: 'Material-Design-Iconic-Font'; }
    #ruleComposerContainerDialog .fr-toolbar .fr-command.fr-btn .fa-bold:before {
      content: '\f23d'; }
    #ruleComposerContainerDialog .fr-toolbar .fr-command.fr-btn .fa-italic:before {
      content: '\f245'; }
    #ruleComposerContainerDialog .fr-toolbar .fr-command.fr-btn .fa-underline:before {
      content: '\f24f'; }
  #ruleComposerContainerDialog .fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
    fill: currentColor; }
  #ruleComposerContainerDialog .fr-toolbar .inner-toolbar {
    -ms-flex-order: 1;
        order: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    float: right;
    margin: 0 0 0 12px; }
    @media (max-width: 768px) {
      #ruleComposerContainerDialog .fr-toolbar .inner-toolbar {
        margin-right: 0;
        margin-left: 0; } }
    #ruleComposerContainerDialog .fr-toolbar .inner-toolbar .md-button {
      border-left: 1px solid rgba(0, 0, 0, 0.125); }
  #ruleComposerContainerDialog .fr-toolbar .fr-newline {
    -ms-flex-order: 2;
        order: 2;
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    margin-right: 0;
    margin-left: 0;
    background-color: rgba(0, 0, 0, 0.125); }

#ruleComposerContainerDialog .fr-element .reply-node {
  margin-top: 1em; }

#ruleComposerContainerDialog .fr-desktop .fr-command:hover:not(.fr-table-cell), #ruleComposerContainerDialog .fr-desktop .fr-command:focus:not(.fr-table-cell), #ruleComposerContainerDialog .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), #ruleComposerContainerDialog .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
  background-color: #fff; }

.ruleConfirmHighlight {
  color: darkred;
  font-size: 1.5em;
  font-weight: 700;
  padding: 0 5px; }

#ruleFolderContainerDialog {
  max-width: 600px; }
  #ruleFolderContainerDialog .ruleFolderEditContainer .md-errors-spacer {
    display: none; }
  #ruleFolderContainerDialog .ruleFolderEditContainer .rule-code-input {
    min-width: 50px; }
  #ruleFolderContainerDialog .ruleFolderEditContainer .rule-code-input input {
    width: 50px;
    text-align: center; }
  #ruleFolderContainerDialog .ruleFolderEditContainer md-input-container {
    margin: 0px; }

#cogrules-container .ruleFolderEditContainer .md-errors-spacer {
  display: none; }

#cogrules-container .ruleFolderEditContainer .rule-code-input {
  min-width: 40px; }

#cogrules-container .ruleFolderEditContainer .rule-code-input input {
  width: 40px;
  text-align: center; }

#cogrules-container .ruleFolderEditContainer md-input-container {
  margin: 0px; }

#cogrules-container .addChildRuleFolderBtn {
  margin: 0px;
  padding: 0px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  width: 20px; }

#cogrules-container .addChildRuleFolderBtn md-icon {
  font-size: 0.7em; }

#cogrules-container .addTypeRuleFolderBtn {
  margin: 3px;
  padding: 0px;
  height: 30px;
  min-height: 30px;
  min-width: 30px;
  width: 30px; }

#cogrules-container .addTypeRuleFolderBtn md-icon {
  font-size: 1em; }

#cogrules-container .rule-header-input {
  min-width: 100px;
  top: -5px; }

#cogrules-container .rule-header-input input {
  width: 100%;
  text-align: left; }

#cogrules-container .cursor-pointer {
  cursor: pointer; }

#cogrules-container .ruleGroupLbl {
  color: #000; }

#cogrules-container .ruleFolderLbl {
  color: #607d8b; }

#cogrules-container .closeBtn md-icon {
  color: #ef6c00; }

#cogrules-container .removeBtn md-icon {
  color: darkred; }

#cogrules-container .acceptBtn md-icon {
  color: darkgreen; }

#cogrules-container .acceptBtn[disabled] md-icon {
  color: lightgrey; }

#cogrules-container .ruleGroupTop {
  margin: 0 5px;
  margin-right: 16px; }

#cogrules-container .dragHeaderContainer {
  min-height: 10px; }

#cogrules-container .expand-checkbox {
  top: 3px; }

.tri-widget-drag {
  min-height: 20px; }

.tri-widget-drag .widget-content {
  padding: 0 4px; }

.tri-widget-drag .widget-content md-menu button {
  padding: 0px;
  margin: 0px;
  width: 20px;
  height: 20px;
  max-height: 20px;
  min-height: 20px; }

.tri-widget-drag .widget-content md-menu button md-icon {
  line-height: 20px;
  max-height: 20px;
  margin: 0px; }

.tri-widget-drag .widget-content .rule-code {
  width: 35px; }

.drag-handle {
  cursor: pointer; }

#cogrules-container #dragBottomBar {
  min-height: 20px;
  max-height: 20px; }

.email-dialog-to {
  box-shadow: 0 1px #e0e0e0;
  position: relative; }
  .email-dialog-to .md-icon-button {
    margin: 0px;
    position: absolute;
    right: -16px;
    top: 4px; }
  .email-dialog-to .md-chips {
    box-shadow: none; }

.email-dialog-ccs {
  max-height: 400px;
  opacity: 1;
  overflow: hidden;
  transition: all .5s; }
  .email-dialog-ccs md-contact-chips:last-child {
    box-shadow: 0 -1px #e0e0e0 inset; }
  .email-dialog-ccs .md-chips {
    box-shadow: none; }

.email-dialog-ccs.ng-hide {
  display: block !important;
  max-height: 0;
  opacity: 0; }

.email-dialog-editor-toolbar button {
  font-size: 18px;
  min-width: 4rem; }
  .email-dialog-editor-toolbar button i {
    transition: all .2s;
    opacity: 0.5; }
  .email-dialog-editor-toolbar button.active i, .email-dialog-editor-toolbar button:hover i {
    opacity: 1; }

.transition-in .editor-toolbar button:nth-child(1) {
  animation-name: fadeInUp;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  backface-visibility: hidden; }

.transition-in .editor-toolbar button:nth-child(2) {
  animation-name: fadeInUp;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.4s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  backface-visibility: hidden; }

.transition-in .editor-toolbar button:nth-child(3) {
  animation-name: fadeInUp;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.6s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  backface-visibility: hidden; }

.transition-in .editor-toolbar button:nth-child(4) {
  animation-name: fadeInUp;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.8s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  backface-visibility: hidden; }

.transition-in .editor-toolbar button:nth-child(5) {
  animation-name: fadeInUp;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  backface-visibility: hidden; }

.ta-root .ta-scroll-window.form-control {
  outline: none;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.3) !important; }

.ta-root.focussed .ta-scroll-window.form-control {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid rgba(0, 0, 0, 0.8) !important; }

div[contenteditable="true"] {
  outline: none; }

#dlCompose .md-dialog-content md-input-container .md-errors-spacer {
  display: none; }

.reTxt {
  color: rgba(0, 0, 0, 0.54); }

.email-single {
  background: transparent !important; }
  .email-single md-toolbar {
    padding: 16px; }
    .email-single md-toolbar .email-single-title > span {
      display: block; }

.email-content {
  padding-bottom: 6em;
  padding-top: 0px; }
  .email-content md-card-header {
    padding-left: 8px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #ebebeb;
    background-color: #374470; }
    @media screen and (max-width: 959px) {
      .email-content md-card-header {
        background-color: #90a4ae;
        color: rgba(0, 0, 0, 0.87); } }
    .email-content md-card-header md-card-header-text .md-subhead {
      color: #ebebeb !important; }
      @media screen and (max-width: 959px) {
        .email-content md-card-header md-card-header-text .md-subhead {
          color: rgba(0, 0, 0, 0.87) !important; } }
  .email-content .btnDelete {
    background-color: #AE2F2F !important;
    color: white !important; }
    .email-content .btnDelete .zmdi {
      color: white !important; }

.inbox-list {
  background: #fff; }

.inbox-list__email.md-3-line.md-long-text {
  margin-top: 0px;
  margin-bottom: 0px; }

.inbox-list__email h3 .md-caption {
  float: right; }

.inbox-list__email.md-button-wrap > .md-button:first-child .md-list-item-inner {
  width: auto; }

.inbox-list__email--active {
  background: rgba(0, 0, 0, 0.2); }
  .inbox-list__email--active .md-avatar {
    display: block;
    animation: swing 1s; }

.inbox-list__email--unread {
  background: #ffffff; }
  .inbox-list__email--unread h3, .inbox-list__email--unread h4, .inbox-list__email--unread .dateMsg {
    font-weight: 700 !important; }

.inbox-no-email-selected {
  text-align: center;
  opacity: 0.5; }

.inbox-list__email--animated.ng-move,
.inbox-list__email--animated.ng-enter,
.inbox-list__email--animated.ng-leave {
  transition: all linear 0.8s;
  width: 100%;
  position: relative; }

.inbox-list__email--animated.ng-leave.ng-leave-active,
.inbox-list__email--animated.ng-move,
.inbox-list__email--animated.ng-enter {
  opacity: 0;
  max-height: 0; }

.inbox-list__email--animated.ng-leave,
.inbox-list__email--animated.ng-move.ng-move-active,
.inbox-list__email--animated.ng-enter.ng-enter-active {
  opacity: 1;
  max-height: 500px; }

#ui-admin-email.ng-enter {
  animation-name: slideInRight;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  backface-visibility: hidden; }

#ui-admin-email.ng-leave {
  animation-name: slideOutRight;
  animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-fill-mode: both;
  backface-visibility: hidden; }

/*
// Email list
.email-inbox {
    background: rgba(0, 0, 0, 0.05);
}

.email-inbox-list {
    position: relative;
    z-index: 1;

    md-content {
        transform: translate3d(0,0,0);
    }

    md-list {
        padding: 0px;
    }
}

.email-inbox-list-item {
    transition: all .2s;

    &.active {
        background: rgba(0,0,0, .05);
    }

    &.active {
        .md-avatar {
            display: block;
            animation: swing 1s;
        }
    }

    .md-list-item-text {
        overflow: hidden;
    }
}

.email-inbox-list-item-name-time {
    h3 {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-right: 20px;
    }

    p {
        line-height: 1.2em !important;
    }
}

.email-inbox-list-item-unread {
    h3, h4 {
        font-weight: 700 !important;
    }
}

.email-inbox-list .md-subheader {
    margin-right: 0;

    &:after {
        display: none;
    }
}

// - No email selected
.email-inbox-no-email-selected {
    text-align: center;
    opacity: 0.5;

    h2 {
        font-weight: lighter;
    }
}

// search filter animations
.email-inbox-list-animate-repeat.ng-move,
.email-inbox-list-animate-repeat.ng-enter,
.email-inbox-list-animate-repeat.ng-leave {
    transition: all linear 1s;
    width: 100%;
    position: relative;
}

.email-inbox-list-animate-repeat.ng-leave.ng-leave-active,
.email-inbox-list-animate-repeat.ng-move,
.email-inbox-list-animate-repeat.ng-enter {
    opacity: 0;
    max-height: 0;
}

.email-inbox-list-animate-repeat.ng-leave,
.email-inbox-list-animate-repeat.ng-move.ng-move-active,
.email-inbox-list-animate-repeat.ng-enter.ng-enter-active {
    opacity: 1;
    max-height: 500px;
}

#ui-admin-email {
    &.ng-enter {
        @include slideInRight();
    }

    &.ng-leave {
        @include slideOutRight();
    }
}
    */
#mailbox-container {
  min-height: 250px;
  height: calc(100vh - 64px); }

#admin-panel-content-view {
  padding-bottom: 0px; }

#customer-inbox-container md-content {
  background-color: transparent !important; }

#customer-inbox-container .dvList {
  margin-left: 3px; }
  @media screen and (max-width: 959px) {
    #customer-inbox-container .dvList {
      margin-left: 0px; } }

#customer-inbox-container .dvMenuHeader {
  color: #ebebeb;
  background-color: #374470;
  padding: 5px;
  margin-top: 5px; }
  @media screen and (max-width: 959px) {
    #customer-inbox-container .dvMenuHeader {
      background-color: #90a4ae;
      color: rgba(0, 0, 0, 0.87); } }

#customer-inbox-container .dvGroupSubject {
  padding: 4px 6px;
  font-weight: 500;
  background: #ffdca8; }

#customer-inbox-container md-list-item {
  min-height: 45px;
  padding: 0px !important;
  margin: 0px !important; }
  #customer-inbox-container md-list-item.md-2-line::before, #customer-inbox-container md-list-item.md-2-line > .md-no-style::before {
    min-height: 55px !important; }
  #customer-inbox-container md-list-item .countBadge {
    background: #7D7D7D;
    color: #FAFAFA;
    border-radius: 10px;
    padding: 4px;
    margin-left: 3px; }

#customer-inbox-container .btnGoto {
  margin-right: 5px;
  margin-left: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 27px;
  min-height: 27px;
  line-height: 27px;
  font-size: 13px;
  min-width: 55px !important;
  width: 75px; }
  #customer-inbox-container .btnGoto i {
    font-size: 20px;
    margin-right: 0px;
    margin-top: 3px; }
    #customer-inbox-container .btnGoto i .fa {
      color: #000; }

#customer-inbox-container .shortDesc {
  color: #40738c !important;
  font-size: 15px; }
  @media screen and (max-width: 959px) {
    #customer-inbox-container .shortDesc {
      font-size: 13px; } }

#customer-inbox-container .fromMsg {
  color: rgba(0, 0, 0, 0.75) !important;
  font-size: 17px;
  font-weight: 500; }
  @media screen and (max-width: 959px) {
    #customer-inbox-container .fromMsg {
      font-size: 15px; } }

#customer-inbox-container .dateMsg {
  color: #7D7D7D;
  font-size: 15px;
  font-weight: normal; }
  @media screen and (max-width: 959px) {
    #customer-inbox-container .dateMsg {
      font-size: 13px; } }

#customer-inbox-container md-list-item._md-button-wrap > div.md-button:first-child {
  padding: 0px 8px !important;
  margin: 0px !important; }

#customer-inbox-container .md-subheader {
  color: #607d8b; }
  #customer-inbox-container .md-subheader .md-subheader-inner {
    font-size: 15px;
    background-color: #FAFAFA;
    padding: 8px 3px !important;
    font-weight: 400; }
    #customer-inbox-container .md-subheader .md-subheader-inner md-icon {
      min-height: 20px;
      height: 20px; }
  #customer-inbox-container .md-subheader.hasNew {
    font-weight: 700; }
    #customer-inbox-container .md-subheader.hasNew .md-subheader-inner {
      font-size: 15px;
      background-color: #FAFAFA;
      padding: 8px 3px !important;
      font-weight: 600; }
      #customer-inbox-container .md-subheader.hasNew .md-subheader-inner md-icon {
        min-height: 20px;
        height: 20px; }

#customer-inbox-container .fa {
  opacity: 0.6;
  margin: 0px 8px; }
  #customer-inbox-container .fa.fa-arrow-right {
    color: #0a8f00; }
  #customer-inbox-container .fa.fa-arrow-left {
    color: #d71d1d; }

#customer-inbox-container .md-whiteframe-z1 {
  margin-right: 4px; }
  @media screen and (max-width: 959px) {
    #customer-inbox-container .md-whiteframe-z1 {
      margin-right: 0px; } }

#cogevents-container .treecont {
  font-size: 13px;
  background: #fff; }

#cogevents-container .txt-center {
  text-align: center; }

#cogevents-container .under {
  text-decoration: underline; }

#cogevents-container .treeGroup {
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: 5px;
  font-size: 15px;
  background-color: #607d8b;
  color: #f7f7f7;
  font-weight: 500; }
  #cogevents-container .treeGroup .edit-name {
    cursor: pointer;
    color: #ffd740;
    font-weight: 600;
    margin-left: 5px; }
  #cogevents-container .treeGroup md-icon {
    color: #f7f7f7;
    line-height: unset;
    font-size: 16px;
    margin-left: 5px;
    cursor: pointer; }
  #cogevents-container .treeGroup .sort-time {
    color: #ffd740;
    cursor: pointer; }
  #cogevents-container .treeGroup .delete {
    color: #ffd740;
    cursor: pointer;
    font-weight: 600; }

#cogevents-container .ls-treeGroup {
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: 5px;
  margin-top: 5px;
  font-size: 15px;
  background-color: #607d8b;
  color: #f7f7f7;
  font-weight: 500;
  box-shadow: 1.5px 2px 2px 0 #cfcfcf; }
  #cogevents-container .ls-treeGroup md-icon {
    color: #f7f7f7;
    line-height: unset;
    font-size: 16px;
    margin-left: 5px;
    cursor: pointer; }

#cogevents-container .ls-item {
  cursor: unset;
  margin-top: 6px !important;
  box-shadow: 1.5px 2px 2px 0 #cfcfcf;
  -moz-user-select: unset !important;
   -ms-user-select: unset !important;
       user-select: unset !important;
  -webkit-user-select: unset !important; }
  #cogevents-container .ls-item .icon-save, #cogevents-container .ls-item .icon-cancel, #cogevents-container .ls-item .icon-edit {
    margin-left: 10px;
    cursor: pointer; }
  #cogevents-container .ls-item .icon-save {
    color: #253c47; }
  #cogevents-container .ls-item .icon-cancel {
    color: #921313; }
  #cogevents-container .ls-item .icon-edit {
    color: #253c47; }
  #cogevents-container .ls-item .edit-container input {
    padding-top: unset;
    height: unset;
    line-height: 0;
    padding-bottom: 5px; }

#cogevents-container .event-title {
  border: 1px solid #d3d3d3;
  margin-top: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 12px 0; }
  #cogevents-container .event-title md-checkbox {
    margin-bottom: 0;
    width: 20px; }
  #cogevents-container .event-title md-input-container {
    margin: 0px; }
    #cogevents-container .event-title md-input-container .md-errors-spacer {
      display: none; }
  #cogevents-container .event-title .event-detail-date {
    color: #607d8b;
    font-weight: bold; }
  #cogevents-container .event-title .event-detail-name {
    font-weight: bold; }

#cogevents-container .event-container {
  padding: 8px 0; }

#cogevents-container .angular-ui-tree-handle .text-normal {
  font-weight: normal !important; }

#leagues-events-container .leagues-list {
  padding: 5px;
  background: #253c47;
  color: #fff;
  text-align: center;
  font-weight: 600; }

#leagues-events-container .lg-card {
  margin-top: 10px; }

#leagues-events-container .event-major {
  background: #f3fcff; }

/*.dvHead {    
    float: right;
    width: 70%;
    //border: solid #000 1px;
}
.under div {
    text-decoration: underline;
}
.dvHead div {
    font-weight: bold;
    text-align: center;
    cursor: text;
}
.dvHead div a {
    margin-left: 0px;
}
#col1, #col2 {
    float: left;
    width: 15%;
    position: relative;
    overflow: hidden;
}
#col11, #col21, #col31 {
    float: left;
    width: 83px;
    position: relative;
    overflow: hidden;
}
#col3, #col4, #col5, #col6, #col7, #col8 {
    float: left;
    width: 9%;
    position: relative;
    overflow: hidden;
}
#col0 {
    float: left;
    width: 11%;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}   
*/
#lineset-container .lineset-widget > div {
  min-height: 25px; }

#lineset-container .lineset-widget > div > div.widget-content {
  padding: 0 4px;
  display: -ms-flexbox;
  display: flex; }

#lineset-container .lineset-widget > div md-switch {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 23px; }

#lineset-container .lineset-widget-option {
  cursor: pointer; }

#lineset-container .lineset-widget {
  margin-top: 0px; }

#lineset-container .linesetOptionSelected > div {
  background-color: #007510 !important;
  border-radius: 6px !important;
  color: #f0fff4 !important; }

#lineset-container .linesets-container {
  max-height: calc(100vh - 190px); }

#lineset-container .lineset_header {
  font-weight: 700;
  margin-left: 20px;
  color: #013a00;
  font-size: 1.2em;
  height: 45px; }

#lineset-container .lineset-action-container .md-button {
  top: 3px; }

.linesetRangeStyle {
  font-weight: 500;
  color: darkred;
  font-size: 1.2em; }

#lineset-container .tempLinesetRow {
  height: 45px; }

#lineset-container .tempLinesetRow .md-button {
  top: 0px; }

#lineset-container .tempLinesetRow .md-button.md-fab.md-mini {
  line-height: 30px;
  width: 35px;
  height: 30px; }

#lineset-container .newLineSetContainer {
  height: calc(100vh - 505px); }

#lineset-container md-input-container .md-errors-spacer {
  display: none; }

#lineset-container md-input-container {
  margin-bottom: 5px; }

#lineset-container .addLineContainer md-input-container .md-errors-spacer {
  display: block; }

#lineset-container .lineset-hold {
  color: darkred; }

#lineset-container .linesetOptionSelected > div .lineset-hold {
  color: #ffab00;
  text-shadow: 0px 3px #003e08; }

#lineset-container .header-lbl {
  margin: 20px 10px 26px 0; }

#lineset-container .StoreTableContent {
  height: calc(100vh - 250px);
  width: 100%; }

#lineset-container .linesets-container-full {
  max-height: calc(100vh - 265px); }

#lineset-container .checkOn {
  color: green;
  font-size: 2em; }

#lineset-container .checkOff {
  color: darkred;
  font-size: 2em; }

#lineset-container .league-md-select {
  min-width: 150px; }

#mdl-lineset-confirm {
  min-width: 500px; }

#mdl-lineset-confirm .hr-divider {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0.5em 0;
  padding: 0; }

#mdl-lineset-confirm .lbl-title {
  max-width: 100px;
  line-height: 30px; }

#mdl-lineset-confirm .highlight {
  color: darkred;
  font-weight: 700; }

.linkedTeam-container .multiTeams {
  cursor: pointer;
  text-decoration: underline;
  font-weight: 700; }

.linkedTeam-container .team_linked_header {
  margin-left: 0px !important; }

.linkedTeam-container .teamFilterBlock {
  font-size: 0.8em;
  top: -23px;
  margin-right: 15px; }

.linkedTeam-container .linked-options-container {
  height: 650px;
  max-height: 650px;
  overflow-y: auto;
  border: solid 1px #dbdbdb;
  margin-bottom: 3px;
  margin-top: 5px; }

.linkedTeam-container .linked-btn {
  color: #333;
  font-size: 0.8em;
  background-color: #f1f1f1;
  text-align: center;
  line-height: 34px;
  padding: 0 10px;
  margin: 2px 4px; }
  .linkedTeam-container .linked-btn.cog-team-btn-active {
    background-color: #ff9800 !important; }
  .linkedTeam-container .linked-btn.btn-remove {
    background: #607d8b !important;
    color: #fff !important; }
  .linkedTeam-container .linked-btn.btn-multiTeams span {
    color: #95d5ff; }

.linkedTeam-container .linked-btn:not(.cog-team-btn-active):not(.btn-remove):not(.btn-Teams-Related):hover {
  background-color: #c7c7c7 !important; }

.linkedTeam-container .linked-btn:not(.cog-team-btn-active).btn-remove:hover {
  background: #2e93c5 !important; }

.linkedTeam-container .linked-teams-btn {
  margin: 2px;
  height: 45px;
  line-height: 45px;
  min-height: 45px;
  margin-top: 10px;
  min-width: 350px;
  width: 350px;
  max-width: 350px; }

.linkedTeam-container .linked-teams-btn:not([disabled]) {
  background-color: #076429 !important;
  color: #FFFFFF !important; }

.linkedTeam-container .btn-Teams-Related {
  color: #333;
  font-size: 0.8em;
  background-color: #f1f1f1;
  text-align: center;
  margin-left: 20px;
  line-height: 34px;
  padding: 0 10px;
  margin: 2px 4px;
  text-transform: uppercase; }
  .linkedTeam-container .btn-Teams-Related:hover {
    background-color: #c7c7c7 !important; }

.teams-linked-dialog .table-dialog-head {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

.teams-linked-dialog.onecolumn {
  width: 580px;
  max-width: 580px; }

.teamdb-leagueteams-container .teamdb-widget > div {
  min-height: 25px; }

.teamdb-leagueteams-container .teamdb-widget > div > div.widget-content {
  padding: 0 4px; }

.teamdb-leagueteams-container .teamdb-widget > div md-switch {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 23px; }

.teamdb-leagueteams-container .teamdb-widget-option {
  cursor: pointer; }

.teamdb-leagueteams-container .teamdb-widget {
  margin-top: 0px; }

.teamdb-leagueteams-container .teamDbOptionSelected > div {
  background-color: #007510 !important;
  border-radius: 6px !important;
  color: #f0fff4 !important; }

.teamdb-leagueteams-container .teams-container {
  max-height: calc(100vh - 230px); }

.teamdb-leagueteams-container .teamdb_header {
  font-weight: 700;
  margin-left: 20px;
  color: #013a00;
  font-size: 1.2em;
  height: 30px; }

.teamdb-leagueteams-container .md-search-betradar {
  background: none; }
  .teamdb-leagueteams-container .md-search-betradar md-autocomplete-wrap {
    box-shadow: none; }
  .teamdb-leagueteams-container .md-search-betradar .md-input {
    -ms-flex-order: 0;
        order: 0; }
  .teamdb-leagueteams-container .md-search-betradar button {
    -ms-flex-order: 1;
        order: 1; }

.teamdb-leagueteams-container .text-red {
  color: red;
  font-size: 10pt; }

.teamdb-leagueteams-container .cog-hint {
  vertical-align: text-bottom;
  margin-left: 5px;
  margin-top: 0px;
  font-size: 1.6rem;
  cursor: pointer !important;
  color: #c87633; }

.teamdb-leagueteams-container .LSportPopup {
  cursor: pointer;
  text-decoration: underline;
  color: blue; }

.team-plyr-options md-menu-item, .team-desc-options md-menu-item {
  height: 35px;
  min-height: 30px; }

.team-plyr-more, .team-desc-more {
  height: 25px !important;
  padding: 0px !important;
  min-height: 25px !important;
  width: 20px !important;
  margin-right: 0px !important; }

#moveTeamPlayerDialog {
  max-width: 98%;
  max-height: 98%;
  width: 98%;
  height: 98%; }

#moveTeamPlayerDialog md-dialog-content {
  padding: 0px; }

#moveTeamPlayerDialog md-dialog-content > div > md-content {
  margin: 0px; }

#moveTeamPlayerDialog md-dialog-content > div > md-content h2 {
  margin-top: 0px; }

#moveTeamPlayerDialog .note {
  color: #065596;
  font-weight: 400;
  font-size: 0.8em;
  font-style: italic; }

#moveTeamPlayerDialog .note2 {
  color: #005f0f; }

.teamdb_addplyr_container md-input-container .md-errors-spacer {
  display: none; }

.teamdb-teamDescLbl {
  color: #607d8b; }

.teamdb-leagueteams-container.teamdb_editdesc_container {
  width: 500px; }

.teamdb-leagueteams-container .warning-note {
  color: darkred;
  font-weight: 500;
  font-size: 0.8em; }

.mdl-team-confirm {
  min-width: 500px; }

.mdl-team-confirm .hr-divider {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 0.5em 0;
  padding: 0; }

.mdl-team-confirm .lbl-title {
  max-width: 150px;
  line-height: 30px; }

#teamdb-container .add-desc-btn {
  margin-left: 0px;
  margin-top: -10px; }

#teamdb-container .teamFilterBlock {
  font-size: 0.8em;
  top: -23px;
  margin-right: 15px; }

.teamdb-btn {
  margin: 2px;
  height: 25px;
  line-height: 25px;
  min-height: 25px;
  margin-top: 10px; }

.teamdb-btn-import {
  background: #607d8b !important;
  color: #fff !important; }

.no-tabs-wrapper md-tabs-wrapper {
  display: none; }

#moveTeamPlayerDialog .collegeLbl {
  font-size: 0.7em;
  color: lightslategray;
  font-weight: 600; }

#moveTeamPlayerDialog .collegeSelect {
  margin: 0;
  font-size: 0.7em;
  margin-left: 10px; }

#CogTeamdbInfo {
  max-width: 700px; }
  #CogTeamdbInfo .team-info-content {
    padding-bottom: 20px; }
    #CogTeamdbInfo .team-info-content .header {
      background: lightslategray;
      color: #fff;
      padding-left: 5px;
      font-size: 2rem;
      padding: 5px;
      border-radius: 5px; }
    #CogTeamdbInfo .team-info-content .row_detail {
      font-size: 0.9em;
      background: #eee;
      padding-top: 10px;
      padding-bottom: 10px; }
      #CogTeamdbInfo .team-info-content .row_detail .margin-lf {
        margin-left: 5px; }
    #CogTeamdbInfo .team-info-content .detail {
      font-size: 0.8em;
      background: #eee;
      padding-top: 10px;
      padding-bottom: 10px; }
      #CogTeamdbInfo .team-info-content .detail .margin-lf {
        margin-left: 5px; }
    #CogTeamdbInfo .team-info-content .columns {
      font-size: 0.9em;
      background: #eee;
      padding-top: 10px;
      padding-bottom: 10px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      margin-top: 2px; }
      #CogTeamdbInfo .team-info-content .columns .margin-lf {
        margin-left: 5px; }
    #CogTeamdbInfo .team-info-content .detail_players {
      font-size: 0.8em;
      background: #eee;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-top: 7px;
      border-radius: 5px; }
      #CogTeamdbInfo .team-info-content .detail_players .margin-lf {
        margin-left: 5px; }
      #CogTeamdbInfo .team-info-content .detail_players md-checkbox {
        margin-bottom: unset; }
    #CogTeamdbInfo .team-info-content .font-bold {
      font-weight: bold; }
  #CogTeamdbInfo .team-info-content:last-child {
    padding-bottom: 20px; }

#CogImportPlayers {
  max-width: 700px; }
  #CogImportPlayers .team-info-content {
    padding-bottom: 20px; }
    #CogImportPlayers .team-info-content .header {
      background: lightslategray;
      color: #fff;
      padding-left: 5px;
      font-size: 2rem;
      padding: 5px;
      box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
      border-radius: 5px; }
    #CogImportPlayers .team-info-content .columns {
      box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
      font-size: 0.9em;
      background: #eee;
      padding-top: 10px;
      padding-bottom: 5px;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      margin-top: 2px; }
      #CogImportPlayers .team-info-content .columns .margin-lf {
        margin-left: 5px; }
    #CogImportPlayers .team-info-content .detail {
      font-size: 0.8em;
      background: #eee;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-top: 7px;
      border-radius: 5px;
      box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.12); }
      #CogImportPlayers .team-info-content .detail .margin-lf {
        margin-left: 5px; }
      #CogImportPlayers .team-info-content .detail md-checkbox {
        margin-bottom: unset; }
    #CogImportPlayers .team-info-content .font-bold {
      font-weight: bold; }
  #CogImportPlayers .team-info-content:last-child {
    padding-bottom: 20px; }

#ag-container {
  margin-top: 10px; }
  @media screen and (max-width: 959px) and (min-width: 600px) {
    #ag-container {
      margin-top: 8px; } }
  @media screen and (max-width: 599px) {
    #ag-container {
      margin-top: 5px; } }
  #ag-container .top-box {
    background-color: #ffffff;
    padding: 8px;
    margin: 5px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); }
    #ag-container .top-box .header {
      padding-left: 10px;
      padding-top: 5px;
      color: #90A4AE;
      font-size: 16px;
      font-weight: normal;
      height: 40px; }
    #ag-container .top-box .data {
      vertical-align: text-bottom;
      font-size: 22px;
      padding-left: 10px;
      padding-top: 5px;
      color: #0000b3; }
      #ag-container .top-box .data.negative-balance {
        color: #EE534F; }
  #ag-container .main-menu {
    z-index: 1; }
    #ag-container .main-menu .row-menu {
      margin-top: 20px; }
      @media screen and (max-width: 959px) {
        #ag-container .main-menu .row-menu {
          margin-top: 0px; } }
      #ag-container .main-menu .row-menu .app-button {
        border-style: solid;
        border-width: 2px;
        border-color: #FBFCFD;
        border-radius: 5px;
        padding: 8px;
        margin: 5px;
        cursor: pointer; }
        @media screen and (max-width: 959px) {
          #ag-container .main-menu .row-menu .app-button {
            margin: 4px; } }
        #ag-container .main-menu .row-menu .app-button .icon {
          padding-bottom: 8px; }
          #ag-container .main-menu .row-menu .app-button .icon .zmdi {
            color: #5B6E77; }
        #ag-container .main-menu .row-menu .app-button .app-label {
          font-size: 14px;
          color: #5B6E77; }
    #ag-container .main-menu .btn-payment {
      padding-top: 30px;
      padding-left: 20px;
      padding-right: 20px;
      font-size: 14px;
      text-transform: uppercase;
      color: #0D47A1;
      font-weight: 600;
      cursor: pointer; }
      @media screen and (max-width: 959px) {
        #ag-container .main-menu .btn-payment {
          padding: 10px 5px;
          font-size: 13px; } }
  #ag-container .agent-message {
    z-index: 1;
    padding: 8px;
    margin: 6px 10px 10px 10px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    color: #f7f7f7;
    background: #D32F2F;
    font-style: italic; }
    @media screen and (max-width: 1279px) {
      #ag-container .agent-message {
        margin: 6px 5px 5px 5px; } }
  #ag-container md-tabs md-tabs-canvas {
    background: #0D47A1; }
    #ag-container md-tabs md-tabs-canvas md-tab-item {
      color: #ABABAB; }
      #ag-container md-tabs md-tabs-canvas md-tab-item.md-active {
        color: #f7f7f7; }
  #ag-container .hierarchy {
    background-color: #fff; }
    #ag-container .hierarchy .tree-icon {
      margin-top: 6px; }
  #ag-container .dvScoreboard {
    position: relative; }
    @media screen and (max-width: 959px) {
      #ag-container .dvScoreboard {
        position: absolute;
        right: 0;
        width: 100%;
        height: 100%; } }
    #ag-container .dvScoreboard .scores-back {
      background-color: #212121;
      opacity: .48;
      z-index: 9; }
    #ag-container .dvScoreboard .scoreboard {
      z-index: 40;
      margin-top: 6px;
      margin-bottom: 15px;
      background-color: #fff; }
      @media screen and (max-width: 959px) {
        #ag-container .dvScoreboard .scoreboard {
          margin-top: 0px; } }
      #ag-container .dvScoreboard .scoreboard #dvLive {
        margin-top: 0px; }
      #ag-container .dvScoreboard .scoreboard .lstScores {
        margin-right: 0px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
        #ag-container .dvScoreboard .scoreboard .lstScores .groupHeader {
          cursor: default; }
          #ag-container .dvScoreboard .scoreboard .lstScores .groupHeader.md-subheader .md-subheader-inner {
            font-weight: 300;
            padding-left: 5px !important;
            padding-right: 5px !important;
            padding-top: 5px !important;
            padding-bottom: 5px !important;
            background-color: #1359aa;
            transition: color, background .25s ease-in-out;
            color: #fff; }
            @media screen and (max-width: 959px) {
              #ag-container .dvScoreboard .scoreboard .lstScores .groupHeader.md-subheader .md-subheader-inner {
                padding-top: 1px !important;
                padding-bottom: 1px !important; } }
            #ag-container .dvScoreboard .scoreboard .lstScores .groupHeader.md-subheader .md-subheader-inner md-icon {
              color: #fff;
              vertical-align: baseline; }
            #ag-container .dvScoreboard .scoreboard .lstScores .groupHeader.md-subheader .md-subheader-inner .md-subheader-content {
              font-size: 15px; }
              @media screen and (max-width: 959px) {
                #ag-container .dvScoreboard .scoreboard .lstScores .groupHeader.md-subheader .md-subheader-inner .md-subheader-content {
                  font-size: 14px; } }
            #ag-container .dvScoreboard .scoreboard .lstScores .groupHeader.md-subheader .md-subheader-inner:hover {
              background-color: #1563bc; }
              @media screen and (max-width: 959px) {
                #ag-container .dvScoreboard .scoreboard .lstScores .groupHeader.md-subheader .md-subheader-inner:hover {
                  background-color: #1563bc; } }
          #ag-container .dvScoreboard .scoreboard .lstScores .groupHeader .groupHeaderFirstPart {
            font-weight: 500;
            padding-left: .5em;
            color: #fff; }
          #ag-container .dvScoreboard .scoreboard .lstScores .groupHeader .groupHeaderSecondPart {
            font-weight: 500;
            padding-left: .5em;
            color: #ccc;
            /* Fallback */
            color: rgba(255, 255, 255, 0.67); }
            @media screen and (max-width: 959px) {
              #ag-container .dvScoreboard .scoreboard .lstScores .groupHeader .groupHeaderSecondPart {
                color: #fff;
                font-weight: normal; } }
        #ag-container .dvScoreboard .scoreboard .lstScores .dvScores {
          padding: 5px 3px;
          background-color: #fff; }
          #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox {
            padding: 0px;
            font-size: 13px;
            cursor: default; }
            @media screen and (max-width: 1200px) and (min-width: 960px) {
              #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox {
                font-size: 12px; } }
            @media screen and (max-width: 959px) {
              #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox {
                font-size: 12px; } }
            #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card {
              background-color: transparent;
              margin: 5px;
              box-shadow: none; }
              #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-title {
                padding: 0;
                color: #589EEF;
                text-align: center;
                border-top: 2px solid;
                border-left: 2px solid;
                border-right: 2px solid;
                background-color: transparent;
                border-top-color: #cae6fc;
                border-right-color: #cae6fc;
                border-left-color: #cae6fc;
                transition: background .25s ease-in-out;
                border-radius: 5px 5px 0 0;
                font-weight: 500; }
                @media screen and (max-width: 959px) {
                  #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-title {
                    font-size: 12px;
                    padding: 0px; } }
                #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-title.final {
                  font-weight: 600;
                  color: #1A61B5;
                  background: none; }
                #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-title.tU {
                  /*border-top-color:   #871720;
                                    border-right-color: #871720;
                                    border-left-color:  #871720;*/
                  background-color: none;
                  color: #bb1f2c;
                  font-weight: 600; }
                #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-title.ht {
                  border-top-color: #be6f38;
                  border-right-color: #be6f38;
                  border-left-color: #be6f38;
                  background-color: #f2e2d6;
                  color: #be6f38;
                  font-weight: 600; }
              #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-content {
                padding: 0px 0px 3px 0px;
                font-weight: 500;
                text-transform: uppercase;
                border-style: solid !important;
                border-color: #cae6fc !important;
                border-top: 0;
                border-bottom: 2px;
                border-right: 2px;
                border-left: 2px;
                color: #1359aa;
                border-radius: 0 0 4px 4px;
                background-color: #fff;
                z-index: 1; }
                #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-content i.fa {
                  float: right;
                  color: #66BB6A;
                  margin-top: -3px; }
                  @media screen and (max-width: 959px) {
                    #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-content i.fa {
                      margin-top: 2px; } }
                #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-content .dvScore {
                  margin-right: 5px !important; }
                #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-content .scoreRight {
                  margin-right: 9px !important; }
                #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-content div[layout="row"] {
                  line-height: 20px; }
                #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-content .logosCust {
                  margin-right: 2px;
                  margin-top: -2px; }
                #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-content .teamFaded {
                  color: #817D7D;
                  font-weight: 500; }
                #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-content .scC {
                  width: auto !important;
                  min-width: 20px;
                  max-width: none !important;
                  padding: 2px;
                  text-align: center;
                  line-height: normal;
                  background: #bb1f2c;
                  color: white;
                  z-index: 10;
                  border-radius: 2px !important;
                  margin-top: 0px; }
                #ag-container .dvScoreboard .scoreboard .lstScores .dvScores .gameBox md-card md-card-content.ht {
                  border-color: #be6f38 !important; }
        #ag-container .dvScoreboard .scoreboard .lstScores .lstFinals {
          margin: 0px;
          background-color: #fff; }
          #ag-container .dvScoreboard .scoreboard .lstScores .lstFinals .finalsHeader {
            background-color: #7c8c90 !important; }
            #ag-container .dvScoreboard .scoreboard .lstScores .lstFinals .finalsHeader .md-subheader-inner {
              padding-left: 5px !important;
              padding-right: 5px !important;
              padding-top: 5px !important;
              padding-bottom: 5px !important; }
              #ag-container .dvScoreboard .scoreboard .lstScores .lstFinals .finalsHeader .md-subheader-inner .md-subheader-content {
                font-size: 13.5px;
                color: #fff; }
                #ag-container .dvScoreboard .scoreboard .lstScores .lstFinals .finalsHeader .md-subheader-inner .md-subheader-content .zmdi {
                  color: #fff; }
                @media screen and (max-width: 959px) {
                  #ag-container .dvScoreboard .scoreboard .lstScores .lstFinals .finalsHeader .md-subheader-inner .md-subheader-content {
                    font-size: 12.5px; } }
  #ag-container .cursor-pointer {
    cursor: pointer; }

#ag-content .ag-content-container {
  height: 100% !important;
  width: 100% !important; }

#AgCustomersContainer .md-toolbar-tools {
  background-color: #3f545d;
  color: #fff; }

@media screen and (min-width: 600px) {
  .dialog-deletion-history {
    min-width: 280px; } }

.dialog-deletion-history.dialog-mail-list {
  max-width: 640px; }
  .dialog-deletion-history.dialog-mail-list md-dialog-content {
    padding-right: 0;
    padding-left: 0; }

.dialog-deletion-history strong {
  font-weight: bold; }

.dialog-deletion-history .deletion-history-table.table {
  margin-bottom: 0; }
  .dialog-deletion-history .deletion-history-table.table > thead > tr > th {
    vertical-align: middle; }

.dialog-deletion-history .deletion-history-table.table-bordered {
  border: none; }

.dialog-deletion-history .deletion-history-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.96875); }

.dialog-deletion-history md-icon {
  color: inherit;
  fill: currentColor; }
  .dialog-deletion-history md-icon.icon-undelete {
    min-height: 18px;
    background-color: currentColor;
    -webkit-mask-image: url("../../../../assets/images/icons/trash-restore-alt.svg");
    mask-image: url("../../../../assets/images/icons/trash-restore-alt.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat; }
    .dialog-deletion-history md-icon.icon-undelete::before {
      content: none; }

#ag-email-content {
  padding-bottom: 6em;
  padding-top: 20px;
  background-color: transparent; }
  #ag-email-content md-card-header {
    padding-left: 8px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #ebebeb;
    background-color: #53646d; }
    #ag-email-content md-card-header md-card-header-text .md-subhead {
      color: #ebebeb !important; }
    #ag-email-content md-card-header md-card-header-text .multiple-accounts {
      text-decoration: underline;
      cursor: pointer; }
    #ag-email-content md-card-header .zmdi {
      color: white !important; }
  #ag-email-content .btnDelete {
    background-color: #D32F2F !important;
    color: white !important; }
    #ag-email-content .btnDelete .zmdi {
      color: white !important; }

.dialog-mail-list {
  max-width: 240px;
  box-sizing: border-box; }
  .dialog-mail-list *,
  .dialog-mail-list *::before,
  .dialog-mail-list *::after {
    box-sizing: inherit; }
  .dialog-mail-list .toolbar-default {
    height: 56px;
    line-height: 56px; }
  .dialog-mail-list .md-toolbar-tools {
    height: inherit;
    min-height: inherit;
    line-height: inherit; }
    @media (max-width: 959px) and (min-width: 0) and (orientation: landscape) {
      .dialog-mail-list .md-toolbar-tools {
        height: 56px;
        max-height: none; } }
    .dialog-mail-list .md-toolbar-tools h1, .dialog-mail-list .md-toolbar-tools h2, .dialog-mail-list .md-toolbar-tools h3, .dialog-mail-list .md-toolbar-tools h4, .dialog-mail-list .md-toolbar-tools h5, .dialog-mail-list .md-toolbar-tools h6 {
      margin: 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .dialog-mail-list .md-toolbar-tools .title-icon {
      width: auto;
      min-width: 16px;
      max-width: 24px;
      height: auto;
      min-height: 16px;
      max-height: 24px;
      line-height: 16px;
      margin-right: 8px; }
    .dialog-mail-list .md-toolbar-tools .md-button.md-icon-button {
      height: auto;
      min-height: inherit;
      line-height: inherit; }
    .dialog-mail-list .md-toolbar-tools .btn-close {
      margin-right: -16px; }
  .dialog-mail-list md-dialog-content {
    padding-right: 20px;
    padding-left: 20px; }
    .dialog-mail-list md-dialog-content .reply-forward-head {
      margin-top: 15px; }
    .dialog-mail-list md-dialog-content form {
      padding-bottom: 5px; }
    .dialog-mail-list md-dialog-content md-input-container {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
      padding: 0; }
      .dialog-mail-list md-dialog-content md-input-container .md-errors-spacer {
        display: none; }
      .dialog-mail-list md-dialog-content md-input-container .md-input-message-animation {
        opacity: 1;
        margin-top: 0; }
      .dialog-mail-list md-dialog-content md-input-container.active i, .dialog-mail-list md-dialog-content md-input-container:hover i {
        opacity: 1; }
    .dialog-mail-list md-dialog-content .email-dialog-to {
      position: relative;
      box-shadow: 0 1px #e0e0e0; }
      .dialog-mail-list md-dialog-content .email-dialog-to .md-icon-button {
        position: absolute;
        top: 4px;
        right: -16px;
        margin: 0; }
      .dialog-mail-list md-dialog-content .email-dialog-to .md-chips {
        box-shadow: none; }
    .dialog-mail-list md-dialog-content .email-dialog-ccs {
      max-height: 400px;
      opacity: 1;
      overflow: hidden;
      transition: all .5s; }
      .dialog-mail-list md-dialog-content .email-dialog-ccs md-contact-chips:last-child {
        box-shadow: 0 -1px #e0e0e0 inset; }
      .dialog-mail-list md-dialog-content .email-dialog-ccs .md-chips {
        box-shadow: none; }
      .dialog-mail-list md-dialog-content .email-dialog-ccs.ng-hide {
        display: block !important;
        max-height: 0;
        opacity: 0; }
    .dialog-mail-list md-dialog-content .email-dialog-editor-toolbar button {
      font-size: 18px;
      min-width: 4rem; }
      .dialog-mail-list md-dialog-content .email-dialog-editor-toolbar button i {
        transition: all .2s ease-in-out;
        opacity: .5; }
      .dialog-mail-list md-dialog-content .email-dialog-editor-toolbar button.active i, .dialog-mail-list md-dialog-content .email-dialog-editor-toolbar button:hover i {
        opacity: 1; }
    .dialog-mail-list md-dialog-content [contenteditable="true"] {
      outline: none; }
  .dialog-mail-list .list {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
    list-style-type: disc; }
  .dialog-mail-list .list-item + .list-item {
    margin-top: 5px; }
  .dialog-mail-list md-dialog-actions .md-button {
    margin: 6px 8px;
    transition: all .4s ease-in-out; }
    .dialog-mail-list md-dialog-actions .md-button md-icon,
    .dialog-mail-list md-dialog-actions .md-button md-icon[md-font-icon],
    .dialog-mail-list md-dialog-actions .md-button .fa,
    .dialog-mail-list md-dialog-actions .md-button .zmdi {
      color: inherit;
      font-size: 1.25em; }
      .dialog-mail-list md-dialog-actions .md-button md-icon + .btn-text,
      .dialog-mail-list md-dialog-actions .md-button md-icon[md-font-icon] + .btn-text,
      .dialog-mail-list md-dialog-actions .md-button .fa + .btn-text,
      .dialog-mail-list md-dialog-actions .md-button .zmdi + .btn-text {
        margin-right: 0;
        margin-left: 6px; }
    .dialog-mail-list md-dialog-actions .md-button .btn-text {
      text-overflow: ellipsis;
      overflow: hidden; }
  .dialog-mail-list md-dialog-actions[class*="layout-align-end"] {
    -ms-flex-pack: end !important;
        justify-content: flex-end !important; }

.ag-dialog-mail-list.ag-popup {
  min-width: 240px; }

.ag-dialog-mail-list .md-button.ag-btn-primary-1:not([disabled]):hover {
  color: #fff !important;
  background-color: #0b8d3b !important; }

.ag-dialog-mail-list .md-button.ag-btn-primary-1[disabled] {
  color: rgba(0, 0, 0, 0.54) !important;
  background-color: #ccc !important; }

.ag-dialog-mail-list .toolbar-default {
  min-height: 56px !important;
  line-height: 56px;
  padding-top: 0 !important; }

.ag-dialog-mail-list .md-toolbar-tools {
  font-size: 14px !important;
  font-weight: 600;
  padding-right: 16px;
  padding-left: 16px; }

.ag-dialog-mail-list .list {
  list-style-type: square; }

.ag-dialog-mail-list md-dialog-actions {
  padding-right: 0;
  padding-left: 5px; }
  .ag-dialog-mail-list md-dialog-actions .md-button {
    min-width: 72px !important; }

#dlAgSettings {
  width: 400px;
  max-width: 400px; }
  @media screen and (max-width: 959px) {
    #dlAgSettings {
      max-width: 94%;
      min-height: 20%; } }
  #dlAgSettings .toolbar-default {
    min-height: 45px;
    line-height: 45px; }
  #dlAgSettings .md-toolbar-tools {
    font-size: 15px;
    font-weight: bold;
    max-height: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    background: #53646d; }
  #dlAgSettings md-dialog-content {
    padding: 15px 20px 5px 20px; }
    @media screen and (max-width: 959px) {
      #dlAgSettings md-dialog-content {
        font-size: 14px; } }
  #dlAgSettings md-dialog-actions {
    padding-left: 0; }
  #dlAgSettings md-input-container {
    margin-bottom: 8px;
    margin-top: 5px; }
    #dlAgSettings md-input-container .md-errors-spacer {
      display: none; }
    #dlAgSettings md-input-container .md-input-message-animation {
      opacity: 1;
      margin-top: 0px; }

#AgPaymentDialog {
  min-width: 20%;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.87) !important;
  top: 35px;
  background: #ECEFF1; }
  @media screen and (max-width: 959px) {
    #AgPaymentDialog {
      min-width: 94%;
      min-height: 20%; } }
  #AgPaymentDialog .toolbar-default {
    min-height: 45px;
    line-height: 45px; }
  #AgPaymentDialog .md-toolbar-tools {
    font-size: 15px;
    font-weight: bold;
    max-height: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    background: #53646d; }
  #AgPaymentDialog md-dialog-actions {
    padding-right: 24px; }
  #AgPaymentDialog .md-dialog-content {
    padding-left: 15px;
    padding-right: 15px;
    -ms-overflow-style: none; }
    #AgPaymentDialog .md-dialog-content::-webkit-scrollbar {
      width: 8px;
      background: rgba(0, 0, 0, 0.1);
      transition: all .2s; }
    #AgPaymentDialog .md-dialog-content::-webkit-scrollbar-thumb {
      border-radius: 0px;
      background: rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      transition: all .2s; }
  #AgPaymentDialog md-input-container.md-input-focused label,
  #AgPaymentDialog md-input-container.md-block label {
    transform-origin: center top;
    padding-left: 0px; }
  #AgPaymentDialog .app-button {
    border-style: solid;
    border-width: 2px;
    border-color: #FBFCFD;
    border-radius: 5px;
    padding: 8px;
    margin: 5px;
    cursor: pointer; }
    @media screen and (max-width: 959px) {
      #AgPaymentDialog .app-button {
        margin: 4px; } }
    #AgPaymentDialog .app-button .icon {
      padding-bottom: 8px; }
      #AgPaymentDialog .app-button .icon .fa {
        color: #5B6E77; }
    #AgPaymentDialog .app-button .app-label {
      font-size: 14px;
      color: #5B6E77; }
  #AgPaymentDialog .payment-not-available {
    font-size: 22px;
    font-weight: 500; }
  #AgPaymentDialog .package-info {
    font-size: 13px;
    margin-left: 10px; }
    #AgPaymentDialog .package-info .package-details {
      font-size: 13px;
      margin-left: 15px; }
  #AgPaymentDialog .bitcoin-info {
    font-size: 13px; }
  #AgPaymentDialog .btn-copy-address {
    margin-top: 5px;
    margin-left: 0px;
    font-size: 13px;
    min-height: 30px;
    height: 30px;
    line-height: 30px; }
  #AgPaymentDialog .error-info {
    font-size: 18px; }

#AgHelpContainer {
  padding: 10px 20px 10px 10px; }
  #AgHelpContainer div[layout] div[flex] {
    padding: 15px 5px 15px 5px;
    border: 1px dashed #1d748f;
    cursor: pointer; }

#dvRules {
  padding: 15px; }
  @media screen and (max-width: 959px) {
    #dvRules {
      padding: 0px; } }
  #dvRules .rulesContent {
    background: #ececec;
    margin: 0 3px;
    padding-bottom: 8px; }
    @media screen and (max-width: 959px) {
      #dvRules .rulesContent {
        background: transparent;
        margin: 0;
        padding-bottom: 0px; } }
    #dvRules .rulesContent .ruleFolderLbl {
      color: #607d8b;
      margin-top: 0px;
      margin-bottom: 5px; }
      @media screen and (max-width: 959px) {
        #dvRules .rulesContent .ruleFolderLbl {
          margin-top: 5px; } }
    #dvRules .rulesContent .tri-widget-rules {
      min-height: 40px;
      border-radius: 6px;
      margin-top: 0px;
      margin-bottom: 8px;
      margin-left: 8px;
      margin-right: 8px;
      background-color: #C7C7C7; }
      #dvRules .rulesContent .tri-widget-rules .md-Headline {
        padding: 0 4px;
        line-height: 40px;
        color: rgba(0, 0, 0, 0.7); }
      #dvRules .rulesContent .tri-widget-rules .dvRuleContent {
        padding: 5px;
        background-color: #E1E1E1; }

#ag-content .cogtransactions-rpt-container {
  max-height: calc(100vh - 258px) !important; }
  #ag-content .cogtransactions-rpt-container.filterhide {
    max-height: calc(100vh - 160px) !important; }

#ag-content .wager-categories-list .category-items-container.expanded {
  height: calc(100vh - 235px); }

#ag-content .wager-categories-list .pendingExpandLeg {
  width: calc(100% - 25px); }

@media screen and (max-width: 599px) {
  #ag-content .cogtransactions-rpt-container {
    max-height: calc(100vh - 295px) !important; }
    #ag-content .cogtransactions-rpt-container.filterhide {
      max-height: calc(100vh - 197px) !important; }
  #ag-content .wager-categories-list .category-items-container.expanded {
    height: calc(100vh - 272px); } }

@media screen and (max-width: 424px) {
  #ag-content .cogtransactions-rpt-container {
    max-height: calc(100vh - 375px) !important; }
  #ag-content .wager-categories-list .category-items-container.expanded {
    height: calc(100vh - 278px); } }

.login-frame md-card {
  max-width: 400px;
  margin: auto;
  background: #fcfcfc;
  box-shadow: none; }

.login-frame md-checkbox {
  margin: 0; }

.login-frame #qrcode img {
  max-height: 256px !important; }

.login-frame img {
  max-height: 100px;
  width: auto; }

.login-frame md-toolbar {
  min-height: 170px; }
  .login-frame md-toolbar .md-headline {
    margin: 0; }

.login-frame md-input-container {
  margin: 12px 0;
  padding: 0px; }

.login-frame .loginHeader {
  background: #333333;
  height: 50px;
  min-height: 50px; }
  .login-frame .loginHeader img {
    vertical-align: middle; }

body {
  background-color: #c9cccf !important; }

.overflowAuto {
  overflow: visible !important; }

.cog-automover-manager .sportTreeContainer {
  height: calc(100vh - 110px); }
  @media screen and (max-width: 960px) {
    .cog-automover-manager .sportTreeContainer {
      height: calc(100vh - 58px); } }

.cog-automover-manager .autopilotContainer {
  height: calc(100vh - 130px);
  overflow: auto;
  padding: 10px; }
  @media screen and (max-width: 960px) {
    .cog-automover-manager .autopilotContainer {
      height: calc(100vh - 125px); } }

.cog-automover-manager md-sidenav {
  border-right: 1px solid #e6e6e6; }
  @media screen and (min-width: 960px) {
    .cog-automover-manager md-sidenav {
      min-width: 350px; } }
  @media screen and (max-width: 599px) {
    .cog-automover-manager md-sidenav {
      border-right: none; } }

.cog-automover-manager .mobileOptions {
  margin-bottom: 10px; }
  @media screen and (min-width: 600px) {
    .cog-automover-manager .mobileOptions {
      display: none; } }
  .cog-automover-manager .mobileOptions .open-sidenav-btn {
    margin: 0;
    background-color: #2196f3; }
    .cog-automover-manager .mobileOptions .open-sidenav-btn md-icon {
      color: rgba(255, 255, 255, 0.8);
      line-height: 24px; }

.cog-automover-manager .settingsContainer {
  margin-bottom: 20px; }
  .cog-automover-manager .settingsContainer .input-container {
    background-color: #fafafa;
    border-radius: 3px;
    border: solid 1px rgba(0, 0, 0, 0.2); }
    @media screen and (min-width: 960px) {
      .cog-automover-manager .settingsContainer .input-container {
        margin-right: 10px; } }
    @media screen and (min-width: 600px) and (max-width: 959px) {
      .cog-automover-manager .settingsContainer .input-container {
        margin-bottom: 5px; } }
    @media screen and (max-width: 599px) {
      .cog-automover-manager .settingsContainer .input-container {
        margin-bottom: 5px; } }
    .cog-automover-manager .settingsContainer .input-container.not-selected md-select md-select-value {
      border-bottom-color: rgba(252, 0, 0, 0.8); }
    .cog-automover-manager .settingsContainer .input-container md-input-container {
      margin: 0;
      padding: 10px;
      width: -moz-available;
      width: stretch; }
      .cog-automover-manager .settingsContainer .input-container md-input-container label,
      .cog-automover-manager .settingsContainer .input-container md-input-container .md-errors-spacer {
        min-height: 0; }
      .cog-automover-manager .settingsContainer .input-container md-input-container .md-input-message-animation:not(.ng-animate) {
        opacity: 1;
        margin-top: 0px;
        color: rgba(0, 0, 0, 0.7); }
    .cog-automover-manager .settingsContainer .input-container label {
      margin-top: auto;
      margin-bottom: auto;
      padding-right: 10px;
      padding-left: 10px;
      font-size: 14px; }

.cog-automover-manager .fixed-points-hint {
  padding: 0 10px;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6); }
  .cog-automover-manager .fixed-points-hint .fa-info-circle {
    color: #007bc7;
    font-size: 16px; }

.cog-automover-manager .providersContainer .header {
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 14px;
  padding: 12px 16px;
  background-color: #fafafa;
  border: solid 1px rgba(0, 0, 0, 0.15);
  border-radius: 3px; }
  .cog-automover-manager .providersContainer .header .store {
    color: brown; }
  .cog-automover-manager .providersContainer .header .player-rating {
    font-size: 0.85em;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6); }
    .cog-automover-manager .providersContainer .header .player-rating .player-rating-name {
      font-weight: 700;
      color: #007bc7; }

.cog-automover-manager .providersContainer .periodsContainer {
  padding: 10px;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.15);
  border-radius: 3px; }

.cog-automover-manager .noData {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(0, 0, 0, 0.075);
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.75); }

.cog-automover-manager .no-data-icon,
.cog-automover-manager .no-data-arrow {
  color: rgba(0, 0, 0, 0.5); }

@media screen and (min-width: 600px) {
  .cog-automover-manager .no-data-icon {
    display: none; } }

.cog-automover-manager .no-data-arrow {
  font-weight: bold; }
  @media screen and (max-width: 599px) {
    .cog-automover-manager .no-data-arrow {
      display: none; } }

.cog-automover-manager .autopilotPeriodsTbl {
  border: solid 1px rgba(0, 0, 0, 0.1); }
  .cog-automover-manager .autopilotPeriodsTbl th.md-column, .cog-automover-manager .autopilotPeriodsTbl td.md-cell, .cog-automover-manager .autopilotPeriodsTbl td {
    padding: 0 6px !important; }
  .cog-automover-manager .autopilotPeriodsTbl .fixed-points {
    width: 70px; }
  .cog-automover-manager .autopilotPeriodsTbl .send-column {
    width: 70px; }
    .cog-automover-manager .autopilotPeriodsTbl .send-column .btn-send-period {
      min-width: 0;
      margin: 0;
      padding: 0 10px; }
  .cog-automover-manager .autopilotPeriodsTbl th.wager-group-start, .cog-automover-manager .autopilotPeriodsTbl td.wager-group-start {
    border-left: solid 1px rgba(0, 0, 0, 0.2); }
  .cog-automover-manager .autopilotPeriodsTbl .autopilot-wager-setup .provider {
    width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .cog-automover-manager .autopilotPeriodsTbl .md-head .wagertype-label {
    width: 125px;
    margin-right: 5px; }
  .cog-automover-manager .autopilotPeriodsTbl .md-head .fixed-points .wagertype-label {
    width: 70px;
    margin-right: 0; }
  .cog-automover-manager .autopilotPeriodsTbl .md-head .send-column .wagertype-label {
    width: 70px;
    margin-right: 0; }
  .cog-automover-manager .autopilotPeriodsTbl .md-head .adjustment-label {
    width: 60px; }
  .cog-automover-manager .autopilotPeriodsTbl .md-head .th-toolbar.focused {
    background-color: #455a64; }
  .cog-automover-manager .autopilotPeriodsTbl .md-head .th-toolbar.period {
    min-width: 110px; }

@media (max-width: 960px) {
  .cog-automover-manager .periodsContainer {
    padding-bottom: 20px;
    overflow-y: auto; } }

#actBalanceDialog {
  min-width: 15%;
  min-height: 20%; }
  @media screen and (max-width: 959px) {
    #actBalanceDialog {
      min-width: 85%;
      min-height: 20%; } }
  #actBalanceDialog .toolbar-default {
    min-height: 45px;
    line-height: 45px; }
  #actBalanceDialog .md-toolbar-tools {
    font-size: 15px;
    font-weight: bold;
    max-height: 45px;
    height: 45px;
    line-height: 45px; }
  #actBalanceDialog md-dialog-actions {
    padding-right: 24px; }
  #actBalanceDialog md-input-container.md-input-focused label,
  #actBalanceDialog md-input-container.md-block label {
    transform-origin: center top;
    padding-left: 0px; }

#acctInfo h2 {
  font-size: 1em;
  font-weight: bold; }

#acctInfo .act-button {
  min-width: 120px;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  height: 45px; }

#acctInfo .actContainer {
  background-color: #fff; }

#acctInfo .capitalize {
  text-transform: capitalize; }

#acctInfo .lblTitleText {
  font-weight: 500;
  font-size: 2rem; }
  @media screen and (max-width: 959px) {
    #acctInfo .lblTitleText {
      font-weight: 500;
      font-size: 1.5rem; } }

#acctInfo .dividerMargins {
  padding-bottom: 0px;
  padding-top: 0px; }

#acctInfo .backbutton {
  margin-left: 0px;
  margin-right: 0px; }

.hasBetBtn {
  background-color: #00378a !important;
  color: #9EDDFB !important; }

.btnSchedule {
  backface-visibility: hidden; }

.pt {
  font-size: 13px; }

#cog-lsport-autopilot .sportTreeContainer {
  height: calc(100vh - 110px); }
  @media screen and (max-width: 960px) {
    #cog-lsport-autopilot .sportTreeContainer {
      height: calc(100vh - 58px); } }

#cog-lsport-autopilot .autopilotContainer {
  height: calc(100vh - 130px);
  overflow: auto;
  padding: 10px; }
  @media screen and (max-width: 960px) {
    #cog-lsport-autopilot .autopilotContainer {
      height: calc(100vh - 125px); } }

#cog-lsport-autopilot md-sidenav {
  border-right: 1px solid #e6e6e6; }
  @media screen and (min-width: 960px) {
    #cog-lsport-autopilot md-sidenav {
      min-width: 350px; } }
  @media screen and (max-width: 599px) {
    #cog-lsport-autopilot md-sidenav {
      border-right: none; } }

#cog-lsport-autopilot .mobileOptions {
  margin-bottom: 10px; }
  @media screen and (min-width: 600px) {
    #cog-lsport-autopilot .mobileOptions {
      display: none; } }
  #cog-lsport-autopilot .mobileOptions .open-sidenav-btn {
    margin: 0;
    background-color: #2196f3; }
    #cog-lsport-autopilot .mobileOptions .open-sidenav-btn md-icon {
      color: rgba(255, 255, 255, 0.8);
      line-height: 24px; }

#cog-lsport-autopilot .settingsContainer {
  margin-bottom: 20px; }
  #cog-lsport-autopilot .settingsContainer .input-container {
    background-color: #fafafa;
    border-radius: 3px;
    border: solid 1px rgba(0, 0, 0, 0.2); }
    #cog-lsport-autopilot .settingsContainer .input-container.not-selected md-select md-select-value {
      border-bottom-color: rgba(252, 0, 0, 0.8); }
    #cog-lsport-autopilot .settingsContainer .input-container md-input-container {
      margin: 0;
      padding: 10px;
      width: calc(100% - 20px); }
      #cog-lsport-autopilot .settingsContainer .input-container md-input-container label,
      #cog-lsport-autopilot .settingsContainer .input-container md-input-container .md-errors-spacer {
        min-height: 0; }
      #cog-lsport-autopilot .settingsContainer .input-container md-input-container .md-input-message-animation:not(.ng-animate) {
        opacity: 1;
        margin-top: 0px;
        color: rgba(0, 0, 0, 0.7); }
    #cog-lsport-autopilot .settingsContainer .input-container label {
      margin-top: 5px;
      padding-left: 10px;
      font-size: 14px; }
    @media screen and (min-width: 960px) {
      #cog-lsport-autopilot .settingsContainer .input-container {
        margin-right: 10px; } }
    @media screen and (min-width: 600px) and (max-width: 959px) {
      #cog-lsport-autopilot .settingsContainer .input-container {
        margin-bottom: 5px; } }
    @media screen and (max-width: 599px) {
      #cog-lsport-autopilot .settingsContainer .input-container {
        margin-bottom: 5px; } }

#cog-lsport-autopilot .providersContainer .header {
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 14px;
  padding: 12px 16px;
  background-color: #fafafa;
  border: solid 1px rgba(0, 0, 0, 0.15);
  border-radius: 3px; }
  #cog-lsport-autopilot .providersContainer .header .store {
    color: brown; }

#cog-lsport-autopilot .providersContainer .periodsContainer {
  padding: 10px;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, 0.15);
  border-radius: 3px; }

#cog-lsport-autopilot .noData {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

#cog-lsport-autopilot .autopilotPeriodsTbl {
  border: solid 1px rgba(0, 0, 0, 0.1); }
  #cog-lsport-autopilot .autopilotPeriodsTbl .md-head .wagertype-label {
    width: 180px;
    margin-right: 5px; }
  #cog-lsport-autopilot .autopilotPeriodsTbl .md-head .adjustment-label {
    width: 60px; }
  #cog-lsport-autopilot .autopilotPeriodsTbl .md-head .th-toolbar.focused {
    background-color: #455a64; }
  #cog-lsport-autopilot .autopilotPeriodsTbl .md-head .th-toolbar.period {
    min-width: 150px; }

@media (max-width: 960px) {
  #cog-lsport-autopilot .periodsContainer {
    padding-bottom: 20px;
    overflow-y: auto; } }

.tm {
  font-size: 0.93em; }
  @media screen and (max-width: 959px) {
    .tm {
      font-size: 0.8em;
      font-weight: normal; } }

/*.ld { background-color: #838383; color: #FFFFFF; font-size: 16px }*/
.bb {
  background-color: #838383;
  color: rgba(255, 215, 64, 0.87);
  font-size: 15px; }

.gt {
  background-color: #DADADA;
  color: #000;
  font-size: 15px; }

.gtr {
  background-color: #ffd180 !important;
  color: #000 !important;
  font-size: 15px !important; }

.btnCont {
  margin-left: 0px;
  margin-right: 0px; }

.tn {
  width: 120px;
  font-size: 12px; }

.lftTitle {
  margin-left: 3px; }

.lftTitleBM {
  min-width: 250px !important; }

.marginContent {
  margin-left: 3px;
  margin-right: 3px; }

.md-button.btnSchedule {
  font-size: 15px;
  text-transform: none;
  font-weight: 500 !important;
  background-color: #B6BFC3 !important; }
  @media screen and (max-width: 959px) {
    .md-button.btnSchedule {
      background-color: #ffffff !important;
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.26) !important;
      font-weight: 600  !important;
      color: #204852  !important;
      background-color: transparent  !important; }
      .md-button.btnSchedule .txt2 {
        font-size: 11px;
        vertical-align: text-top;
        line-height: 18px;
        color: #4d4d4d;
        font-weight: 500; } }

.md-button.hasBetBtn {
  font-size: 15px;
  text-transform: none;
  font-weight: 500 !important;
  background-color: #50595D !important; }
  @media screen and (max-width: 959px) {
    .md-button.hasBetBtn {
      color: #d8d8d8 !important;
      background-color: #1e373d !important;
      font-weight: 500 !important;
      font-size: 15px !important;
      margin: 0 !important;
      padding: 0 !important;
      text-align: center !important;
      cursor: pointer !important; }
      .md-button.hasBetBtn .txt2 {
        color: #d8d8d8 !important;
        font-size: 11px;
        vertical-align: text-top;
        line-height: 18px;
        font-weight: 500; } }

.txt2 {
  font-size: 11px;
  vertical-align: bottom; }

.cmbWP {
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 13px;
  background: #e3e3e3;
  text-align: center; }

.teamhgt {
  margin-top: 5px;
  margin-bottom: 5px; }

.fixLabel {
  margin-left: -80px; }
  @media screen and (max-width: 959px) {
    .fixLabel {
      margin-left: 0px;
      font-size: 0.9em; } }

.ptBM {
  font-size: 14px;
  margin-left: 29px; }

.infoNote {
  color: #bf4040 !important;
  margin-left: 15px !important;
  font-size: 1.35em; }

.ptButton {
  text-transform: none;
  margin: 0px !important;
  min-height: 25px !important;
  height: 25px !important;
  line-height: 25px; }
  .ptButton[disabled] {
    color: #000000 !important;
    background-color: #ffd180 !important; }

.lgLabel {
  background-color: #90a4ae; }

.parlayTtl {
  font-size: 0.8em;
  margin-top: 0.8em; }

.lgcursor {
  cursor: pointer; }

.team-icon-btn {
  /*font-size: 1.35em;
        margin: 5px !important;
        height: 20px !important;
        min-width: 15px;
        line-height: 18px !important;
        padding: 0px !important;
        width: 20px !important;
        min-height: 15px;*/
  display: inline;
  margin: 0px;
  min-width: 5px;
  min-height: 5px;
  line-height: unset;
  vertical-align: middle;
  padding: 2px;
  font-weight: 600; }
  .team-icon-btn .fa {
    font-size: 20px;
    color: #2290ab;
    fill: #2290ab;
    transition: color .25s ease-in-out; }
    .team-icon-btn .fa:hover {
      color: #6bb5c7;
      fill: #6bb5c7;
      background-color: transparent; }

.team-icon-btn md-icon {
  max-height: 20px;
  max-width: 20px; }

.teamhgt .highlight {
  background: yellow; }

.team-icon-btn.eventIcon {
  color: #607d8b; }

.bm-eventDateHint {
  min-width: 130px;
  line-height: 50px;
  padding-left: 20px;
  color: #3c3c3c; }
  @media screen and (max-width: 959px) {
    .bm-eventDateHint {
      padding-left: 5px;
      min-width: 85px;
      font-weight: 600;
      font-size: 12px;
      color: #2290ab;
      fill: #2290ab;
      transition: color .25s ease-in-out;
      line-height: 35px; } }

@media screen and (max-width: 959px) {
  .bm-eventDescription {
    font-size: 12px;
    color: #3c3c3c; } }

md-tooltip {
  background-color: #7a7a7a !important;
  font-size: 14px !important; }

.dvCogBmSchedule .ld {
  font-size: 14px;
  padding: 3px 0px;
  font-weight: 400;
  color: #f7f7f7;
  fill: #f7f7f7;
  background-color: #376570; }
  @media screen and (max-width: 959px) {
    .dvCogBmSchedule .ld {
      font-size: 13px;
      font-weight: normal;
      padding: 4px 6px;
      color: #f7f7f7;
      fill: #f7f7f7;
      font-size: 14px;
      background-color: #376570; } }

.dvCogBmSchedule .game-header {
  background: #dae1e3;
  font-size: 13px;
  line-height: 2.3; }
  .dvCogBmSchedule .game-header .game-time {
    padding: 7px 12px;
    color: #fff;
    background-color: #4ca4ba;
    text-align: center;
    color: #fff;
    font-weight: 500; }
    .dvCogBmSchedule .game-header .game-time.linked-lines {
      transition: background-color .25s ease-in-out, color .25s ease-in-out;
      position: relative;
      cursor: pointer; }
      .dvCogBmSchedule .game-header .game-time.linked-lines:hover {
        background: #378;
        color: white; }
        .dvCogBmSchedule .game-header .game-time.linked-lines:hover.linked-lines:after {
          border-color: transparent #6bb5c7 transparent transparent; }
    .dvCogBmSchedule .game-header .game-time.linked-lines:after {
      content: " ";
      position: absolute;
      top: 1px;
      right: 1px;
      border-style: solid;
      border-width: 0px 12px 12px 0;
      border-color: transparent #2290ab transparent transparent; }
  .dvCogBmSchedule .game-header .game-time-IsOffTheBoard {
    padding: 7px 12px;
    text-align: center;
    font-weight: 500; }
    .dvCogBmSchedule .game-header .game-time-IsOffTheBoard.linked-lines {
      transition: background-color .25s ease-in-out, color .25s ease-in-out;
      position: relative;
      cursor: pointer; }
    .dvCogBmSchedule .game-header .game-time-IsOffTheBoard.linked-lines:after {
      content: " ";
      position: absolute;
      top: 1px;
      right: 1px;
      border-style: solid;
      border-width: 0px 12px 12px 0; }
  .dvCogBmSchedule .game-header .evTime {
    font-weight: 600;
    font-size: 12px;
    color: #2290ab;
    fill: #2290ab;
    transition: color .25s ease-in-out; }
  .dvCogBmSchedule .game-header .evTime-IsOffTheBoard {
    font-weight: 600;
    font-size: 12px;
    transition: color .25s ease-in-out; }
  .dvCogBmSchedule .game-header .evNotes {
    color: #444545;
    fill: #444545;
    font-size: 12px; }
  .dvCogBmSchedule .game-header .game-description {
    padding: 7px 12px;
    text-align: center;
    color: #444545;
    font-weight: 500; }
  .dvCogBmSchedule .game-header .plusBtn {
    display: inline;
    margin: 0px;
    min-width: 5px;
    min-height: 5px;
    line-height: unset;
    vertical-align: middle;
    padding: 2px;
    font-weight: 600; }
    .dvCogBmSchedule .game-header .plusBtn .fa {
      font-size: 20px;
      color: #2290ab;
      fill: #2290ab;
      transition: color .25s ease-in-out; }
      .dvCogBmSchedule .game-header .plusBtn .fa:hover {
        color: #6bb5c7;
        fill: #6bb5c7;
        background-color: transparent; }
  .dvCogBmSchedule .game-header .plusBtn-IsOffTheBoard {
    display: inline;
    margin: 0px;
    margin-left: 5px;
    min-width: 5px;
    min-height: 5px;
    line-height: unset;
    vertical-align: middle;
    padding: 2px;
    font-weight: 600; }
    .dvCogBmSchedule .game-header .plusBtn-IsOffTheBoard .fa {
      font-size: 20px;
      color: #ff6d00;
      fill: #ff6d00;
      transition: color .25s ease-in-out; }
      .dvCogBmSchedule .game-header .plusBtn-IsOffTheBoard .fa:hover {
        color: #f98229;
        fill: #f98229;
        background-color: transparent; }

.dvCogBmSchedule .team-info {
  background: #fcfdff;
  font-weight: 500;
  font-family: "Rubik", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.78);
  font-size: 16px; }
  @media screen and (max-width: 959px) {
    .dvCogBmSchedule .team-info {
      background: transparent;
      font-family: unset;
      font-size: 13px;
      font-weight: 600; } }
  @media screen and (max-width: 1279px) and (min-width: 960px) {
    .dvCogBmSchedule .team-info {
      font-size: 15px;
      font-family: unset; } }

.dvCogBmSchedule .dvLimits {
  font-size: 13.5px;
  font-weight: 400;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
  color: #555;
  padding-top: 15px;
  padding-bottom: 2px;
  font-size: 14px; }
  .dvCogBmSchedule .dvLimits:nth-child(odd) {
    background-color: #fcfdff; }
  .dvCogBmSchedule .dvLimits:nth-child(even) {
    background-color: #f0f6f7; }

.dvCogBmSchedule .btnHeader {
  line-height: normal;
  background-color: #f7f7f7;
  text-align: center; }
  .dvCogBmSchedule .btnHeader .type {
    font-size: 11px;
    font-weight: normal; }
  .dvCogBmSchedule .btnHeader .limit {
    font-size: 13px; }

@media screen and (max-width: 959px) {
  .dvCogBmSchedule .tm:last-child {
    border-bottom: #ddd 1px solid; } }

#bm-figures-container .dvOdd {
  background-color: #E2E6E7; }

.bm-figure-row {
  /*padding-left:10px;
    padding-right:10px;*/
  line-height: 35px; }

.bm-figure-row > div:first {
  padding-left: 10px;
  padding-right: 10px; }

.bm-figure-row > div:last-child {
  padding-left: 10px;
  padding-right: 10px; }

#bm-figures-container .dvCurDate {
  background-color: #ffd180; }

#bm-figures-container md-card md-card-content {
  padding: 8px; }

#bm-figures-container .figureDetail:hover {
  background-color: #607d8b;
  cursor: pointer; }

#bm-figures-container .figureDetail:hover .figure {
  color: white; }

#horse-ifm-container {
  width: 100%;
  height: calc(100vh - 130px); }

#admin-panel .btn-down-menu {
  border-radius: 15px;
  text-transform: capitalize;
  background: #eb8d00;
  font-weight: 500;
  width: 130px; }

#admin-panel .btn-contact {
  background: #eb8d00; }

#admin-panel .md-button.md-blue-grey-theme.md-fab md-icon {
  color: white; }

#admin-panel .admin-toolbar {
  min-height: 95px; }
  @media screen and (max-width: 959px) {
    #admin-panel .admin-toolbar {
      min-height: 90px; } }

.bm-sendBack {
  z-index: 1; }

#dvbmSuspended {
  background-color: #bf4040;
  color: #fff; }

#dvbmViewOnly {
  background-color: gray;
  color: #fff; }

#dvbmNoPhone {
  background-color: #ffd180; }

#swEventType {
  min-height: 50px;
  margin-left: -7px !important; }

#msgOpen {
  /*min-width: 550px;*/
  max-width: 450px; }

#msgOpen #dialogContent_msgOpen {
  /*min-height: 250px;*/
  min-height: 110px; }

#msgOpenPwd {
  text-align: center;
  margin-bottom: 30px; }

#msgOpenPwd span.md-headline {
  color: #f00;
  text-decoration: underline; }

#msgOpenPwd span.md-display-1 {
  text-decoration: underline; }

#msgOpenComment {
  min-height: 44px;
  margin-bottom: 15px; }

#msgOpenStatus {
  min-height: 44px; }

#msgOpenStatus md-icon.available {
  color: #36b200;
  font-size: 2em; }

#msgOpenStatus md-icon.unavailable {
  color: #ff5b00;
  font-size: 2em; }

#msgOpenStatus strong.by {
  padding-left: 8px;
  font-size: 1.5em; }

.lastCustomers {
  margin-left: 8px;
  margin-right: 8px; }

.openCustItems md-list-item, .openCustItems md-list-item.md-2-line > .md-no-style {
  min-height: 35px !important; }

.openCustItems md-list-item:hover, .openCustItem:hover {
  background-color: #ef6c00;
  color: white;
  cursor: pointer; }

.openCustSearch .tb-custSearchInput {
  min-width: 50%;
  max-width: 100% !important; }

#dvBMPending md-progress-linear, #cogwagers-cashout-report md-progress-linear {
  padding: 0 3px; }
  @media screen and (max-width: 959px) {
    #dvBMPending md-progress-linear, #cogwagers-cashout-report md-progress-linear {
      padding: 0; } }

#dvBMPending category-detail md-progress-linear, #cogwagers-cashout-report category-detail md-progress-linear {
  padding: 0; }

#dvBMPending .horses-icon, #cogwagers-cashout-report .horses-icon {
  background-image: url("../assets/images/logos/horseblack.png");
  width: 24px;
  height: 24px;
  margin-left: 10px; }

#dvBMPending .lgcursor, #cogwagers-cashout-report .lgcursor {
  cursor: pointer; }

#dvBMPending .dvHeader, #cogwagers-cashout-report .dvHeader {
  color: #f7f7f7;
  font-weight: 500;
  background: #335c66;
  background-image: linear-gradient(to right, #335c66 0%, #347683 50%, #335c66 100%);
  text-transform: uppercase;
  border-radius: 3px 3px 0 0;
  padding: 5px 3px 5px 1px;
  margin-top: 1px;
  margin-left: 2px;
  margin-right: 2px; }

#dvBMPending .lstPending, #cogwagers-cashout-report .lstPending {
  margin: 0px 2px;
  /*@media screen and (max-width: 959px) {
            margin: 0px;
        }*/
  /*.bm-pending-highlight-item {
            background-color: #ffc77f !important;
            @media screen and (max-width: 959px) {
                background-color: #ffc77f !important;
            }
        }*/ }
  #dvBMPending .lstPending .bm-pending-del-button, #cogwagers-cashout-report .lstPending .bm-pending-del-button {
    width: 27px !important;
    min-width: 27px !important;
    height: 25px !important;
    min-height: 25px !important;
    margin: 2px 5px 0 5px; }
    #dvBMPending .lstPending .bm-pending-del-button md-icon, #cogwagers-cashout-report .lstPending .bm-pending-del-button md-icon {
      color: #000000 !important;
      min-width: 0px;
      margin: 0 5px 0 0px; }
  @media screen and (max-width: 959px) {
    #dvBMPending .lstPending .betMargin, #cogwagers-cashout-report .lstPending .betMargin {
      margin-top: 5px;
      margin-bottom: 5px; } }
  @media screen and (max-width: 959px) {
    #dvBMPending .lstPending .parlayMargin, #cogwagers-cashout-report .lstPending .parlayMargin {
      margin-top: 5px;
      margin-bottom: 5px; } }
  #dvBMPending .lstPending .pendingtype, #cogwagers-cashout-report .lstPending .pendingtype {
    color: #800000 !important;
    font-size: 16px; }
    @media screen and (max-width: 959px) {
      #dvBMPending .lstPending .pendingtype, #cogwagers-cashout-report .lstPending .pendingtype {
        font-size: 11.5px;
        font-weight: 500; } }
    #dvBMPending .lstPending .pendingtype span, #cogwagers-cashout-report .lstPending .pendingtype span {
      font-weight: 600; }
  @media screen and (max-width: 959px) {
    #dvBMPending .lstPending .bmMobileDescription, #cogwagers-cashout-report .lstPending .bmMobileDescription {
      width: 150px; } }
  #dvBMPending .lstPending .pending, #cogwagers-cashout-report .lstPending .pending {
    font-size: 13.5px; }
    @media screen and (max-width: 959px) {
      #dvBMPending .lstPending .pending, #cogwagers-cashout-report .lstPending .pending {
        font-size: 12px !important; } }
    #dvBMPending .lstPending .pending .riskAmt, #cogwagers-cashout-report .lstPending .pending .riskAmt {
      color: #bf4040;
      font-weight: 600;
      padding: 10px; }
      @media screen and (max-width: 959px) {
        #dvBMPending .lstPending .pending .riskAmt, #cogwagers-cashout-report .lstPending .pending .riskAmt {
          font-size: 11px !important;
          padding: 0px; } }
    #dvBMPending .lstPending .pending .winAmt, #cogwagers-cashout-report .lstPending .pending .winAmt {
      font-weight: 600;
      padding: 10px; }
      @media screen and (max-width: 959px) {
        #dvBMPending .lstPending .pending .winAmt, #cogwagers-cashout-report .lstPending .pending .winAmt {
          font-size: 11px !important;
          padding: 0px; } }
    #dvBMPending .lstPending .pending .teamDesc, #cogwagers-cashout-report .lstPending .pending .teamDesc {
      height: 35px; }
      #dvBMPending .lstPending .pending .teamDesc .logo-over, #cogwagers-cashout-report .lstPending .pending .teamDesc .logo-over {
        background-image: url("../assets/images/logos/over.png");
        width: 30px;
        height: 30px; }
      #dvBMPending .lstPending .pending .teamDesc .logo-under, #cogwagers-cashout-report .lstPending .pending .teamDesc .logo-under {
        background-image: url("../assets/images/logos/under.png");
        width: 28px;
        height: 28px; }
    #dvBMPending .lstPending .pending .ml-win, #cogwagers-cashout-report .lstPending .pending .ml-win {
      font-weight: 600;
      color: #255a79;
      text-transform: uppercase; }
  #dvBMPending .lstPending .ticketType, #cogwagers-cashout-report .lstPending .ticketType {
    text-transform: uppercase; }
  #dvBMPending .lstPending .pendingExpand, #cogwagers-cashout-report .lstPending .pendingExpand {
    font-size: 13px !important; }
    @media screen and (max-width: 959px) {
      #dvBMPending .lstPending .pendingExpand, #cogwagers-cashout-report .lstPending .pendingExpand {
        font-size: 12px !important; } }
  #dvBMPending .lstPending .pendingbg, #cogwagers-cashout-report .lstPending .pendingbg {
    background-color: #f2f4fa;
    padding-left: 5px;
    height: auto; }
    #dvBMPending .lstPending .pendingbg.even, #cogwagers-cashout-report .lstPending .pendingbg.even {
      border-left: 1px solid rgba(0, 0, 0, 0.05);
      border-right: 1px solid rgba(0, 0, 0, 0.05); }
      @media screen and (max-width: 959px) {
        #dvBMPending .lstPending .pendingbg.even, #cogwagers-cashout-report .lstPending .pendingbg.even {
          border: none; } }
  #dvBMPending .lstPending .itmPadding, #cogwagers-cashout-report .lstPending .itmPadding {
    padding-top: 2px;
    padding-bottom: 5px; }
  #dvBMPending .lstPending md-list-item.rr, #cogwagers-cashout-report .lstPending md-list-item.rr {
    min-height: 35px;
    padding: 0px 8px 0px 2px !important; }
    @media screen and (max-width: 959px) {
      #dvBMPending .lstPending md-list-item.rr, #cogwagers-cashout-report .lstPending md-list-item.rr {
        padding: 5px 2px !important;
        font-size: 12px !important; } }
    #dvBMPending .lstPending md-list-item.rr.md-2-line::before, #cogwagers-cashout-report .lstPending md-list-item.rr.md-2-line::before {
      min-height: 35px; }
  #dvBMPending .lstPending md-list-item.straight, #cogwagers-cashout-report .lstPending md-list-item.straight {
    min-height: 35px;
    padding: 4px 8px !important; }
    @media screen and (max-width: 959px) {
      #dvBMPending .lstPending md-list-item.straight, #cogwagers-cashout-report .lstPending md-list-item.straight {
        padding: 3px 2px !important;
        font-size: 12px !important; } }
    #dvBMPending .lstPending md-list-item.straight .md-list-item-text, #cogwagers-cashout-report .lstPending md-list-item.straight .md-list-item-text {
      overflow: unset; }
    #dvBMPending .lstPending md-list-item.straight.md-2-line::before, #cogwagers-cashout-report .lstPending md-list-item.straight.md-2-line::before {
      min-height: 35px; }
    #dvBMPending .lstPending md-list-item.straight span:not(.team):not(.pdPrice):not(.tmTotal):not(.ticketType), #cogwagers-cashout-report .lstPending md-list-item.straight span:not(.team):not(.pdPrice):not(.tmTotal):not(.ticketType) {
      font-weight: 600; }
    #dvBMPending .lstPending md-list-item.straight .pdPrice, #cogwagers-cashout-report .lstPending md-list-item.straight .pdPrice {
      font-size: 12px !important;
      color: #676363; }
      @media screen and (max-width: 959px) {
        #dvBMPending .lstPending md-list-item.straight .pdPrice, #cogwagers-cashout-report .lstPending md-list-item.straight .pdPrice {
          vertical-align: text-top;
          line-height: 16px;
          font-size: 10px !important; } }
    @media screen and (max-width: 959px) {
      #dvBMPending .lstPending md-list-item.straight .tmttl, #cogwagers-cashout-report .lstPending md-list-item.straight .tmttl {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px; } }
    #dvBMPending .lstPending md-list-item.straight .team .tmTotal, #cogwagers-cashout-report .lstPending md-list-item.straight .team .tmTotal {
      font-weight: normal;
      color: rgba(0, 0, 0, 0.87); }
      @media screen and (max-width: 959px) {
        #dvBMPending .lstPending md-list-item.straight .team .tmTotal, #cogwagers-cashout-report .lstPending md-list-item.straight .team .tmTotal {
          font-size: 12px !important; } }
    #dvBMPending .lstPending md-list-item.straight .dvPendingLogo, #cogwagers-cashout-report .lstPending md-list-item.straight .dvPendingLogo {
      padding-right: 4px;
      margin-top: -4px; }
      @media screen and (max-width: 959px) {
        #dvBMPending .lstPending md-list-item.straight .dvPendingLogo, #cogwagers-cashout-report .lstPending md-list-item.straight .dvPendingLogo {
          margin-top: 0px; } }
    #dvBMPending .lstPending md-list-item.straight .regNote, #cogwagers-cashout-report .lstPending md-list-item.straight .regNote {
      font-size: 13px; }
      @media screen and (max-width: 959px) {
        #dvBMPending .lstPending md-list-item.straight .regNote, #cogwagers-cashout-report .lstPending md-list-item.straight .regNote {
          font-size: 11.5px; } }
    #dvBMPending .lstPending md-list-item.straight .logosOU, #cogwagers-cashout-report .lstPending md-list-item.straight .logosOU {
      width: 34px;
      height: 28px;
      padding: 0;
      float: left; }
  #dvBMPending .lstPending md-list-item, #cogwagers-cashout-report .lstPending md-list-item {
    min-height: 65px;
    padding: 5px 8px 5px 2px !important; }
    @media screen and (max-width: 959px) {
      #dvBMPending .lstPending md-list-item, #cogwagers-cashout-report .lstPending md-list-item {
        padding: 2px 2px 5px 3px !important;
        font-size: 12px !important; } }
    #dvBMPending .lstPending md-list-item.md-2-line::before, #cogwagers-cashout-report .lstPending md-list-item.md-2-line::before {
      min-height: 65px; }
    #dvBMPending .lstPending md-list-item .pdPriceLeg, #cogwagers-cashout-report .lstPending md-list-item .pdPriceLeg {
      vertical-align: text-top;
      line-height: 14px;
      font-size: 10px !important;
      color: #676363;
      font-weight: 500; }
    #dvBMPending .lstPending md-list-item .tmLeg, #cogwagers-cashout-report .lstPending md-list-item .tmLeg {
      font-weight: 600;
      font-size: 14px; }
      @media screen and (max-width: 959px) {
        #dvBMPending .lstPending md-list-item .tmLeg, #cogwagers-cashout-report .lstPending md-list-item .tmLeg {
          font-size: 12.5px; } }
      #dvBMPending .lstPending md-list-item .tmLeg span, #cogwagers-cashout-report .lstPending md-list-item .tmLeg span {
        padding-right: 3px; }
      #dvBMPending .lstPending md-list-item .tmLeg .logo-over, #cogwagers-cashout-report .lstPending md-list-item .tmLeg .logo-over {
        background-image: url("../assets/images/logos/over.png");
        width: 30px;
        height: 30px;
        margin-top: -3px; }
      #dvBMPending .lstPending md-list-item .tmLeg .logo-under, #cogwagers-cashout-report .lstPending md-list-item .tmLeg .logo-under {
        background-image: url("../assets/images/logos/under.png");
        width: 30px;
        height: 30px;
        margin-top: -2px; }
    #dvBMPending .lstPending md-list-item .tmOpen, #cogwagers-cashout-report .lstPending md-list-item .tmOpen {
      font-weight: 600;
      font-size: 14px;
      color: #676363; }
      @media screen and (max-width: 959px) {
        #dvBMPending .lstPending md-list-item .tmOpen, #cogwagers-cashout-report .lstPending md-list-item .tmOpen {
          font-weight: normal;
          font-size: 12.5px; } }
      #dvBMPending .lstPending md-list-item .tmOpen span, #cogwagers-cashout-report .lstPending md-list-item .tmOpen span {
        padding-right: 3px; }
        #dvBMPending .lstPending md-list-item .tmOpen span .fa, #cogwagers-cashout-report .lstPending md-list-item .tmOpen span .fa {
          font-size: 20px;
          margin-left: 9px; }
          @media screen and (max-width: 959px) {
            #dvBMPending .lstPending md-list-item .tmOpen span .fa, #cogwagers-cashout-report .lstPending md-list-item .tmOpen span .fa {
              margin-top: -2px; } }
    #dvBMPending .lstPending md-list-item div .Win, #cogwagers-cashout-report .lstPending md-list-item div .Win {
      color: #008000; }
    #dvBMPending .lstPending md-list-item div .Loss, #cogwagers-cashout-report .lstPending md-list-item div .Loss {
      color: #bf4040; }
    #dvBMPending .lstPending md-list-item div .Cancelled, #cogwagers-cashout-report .lstPending md-list-item div .Cancelled {
      color: #000000; }
    #dvBMPending .lstPending md-list-item .pendingExpandLeg, #cogwagers-cashout-report .lstPending md-list-item .pendingExpandLeg {
      font-size: 12px !important;
      margin-left: 25px;
      width: 90%; }
      @media screen and (max-width: 959px) {
        #dvBMPending .lstPending md-list-item .pendingExpandLeg, #cogwagers-cashout-report .lstPending md-list-item .pendingExpandLeg {
          font-size: 11px !important; } }
      #dvBMPending .lstPending md-list-item .pendingExpandLeg hr, #cogwagers-cashout-report .lstPending md-list-item .pendingExpandLeg hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.09);
        padding: 0; }
    #dvBMPending .lstPending md-list-item .dvPendingLogo, #cogwagers-cashout-report .lstPending md-list-item .dvPendingLogo {
      padding-right: 4px;
      margin-top: -4px; }
      @media screen and (max-width: 959px) {
        #dvBMPending .lstPending md-list-item .dvPendingLogo, #cogwagers-cashout-report .lstPending md-list-item .dvPendingLogo {
          margin-top: 0px; } }
    #dvBMPending .lstPending md-list-item .regNote, #cogwagers-cashout-report .lstPending md-list-item .regNote {
      font-size: 13px; }
      @media screen and (max-width: 959px) {
        #dvBMPending .lstPending md-list-item .regNote, #cogwagers-cashout-report .lstPending md-list-item .regNote {
          font-size: 11.5px; } }
    #dvBMPending .lstPending md-list-item .dvPendingHorses, #cogwagers-cashout-report .lstPending md-list-item .dvPendingHorses {
      width: 44px;
      text-align: center; }
      @media screen and (max-width: 959px) {
        #dvBMPending .lstPending md-list-item .dvPendingHorses, #cogwagers-cashout-report .lstPending md-list-item .dvPendingHorses {
          width: 37px; } }
    #dvBMPending .lstPending md-list-item .logosOU, #cogwagers-cashout-report .lstPending md-list-item .logosOU {
      margin-top: -3px;
      width: 34px;
      height: 25px;
      padding: 0;
      float: left; }

#dvBMPending #dvPendTotals, #cogwagers-cashout-report #dvPendTotals {
  padding-right: 8px;
  margin: 0px 3px;
  background-color: #99b8bf;
  background-image: linear-gradient(to right, #99b8bf 0%, #b8d2d9 51%, #99b8bf 99%);
  border-radius: 0 0 3px 3px; }
  @media screen and (max-width: 959px) {
    #dvBMPending #dvPendTotals, #cogwagers-cashout-report #dvPendTotals {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
      padding-right: 2px !important;
      padding-left: 10px !important;
      font-size: 13px !important;
      margin: 0px; } }
  #dvBMPending #dvPendTotals .ttlTxt, #cogwagers-cashout-report #dvPendTotals .ttlTxt {
    padding-top: 10px;
    padding-left: 45px;
    font-size: 13.5px !important; }
    @media screen and (max-width: 959px) {
      #dvBMPending #dvPendTotals .ttlTxt, #cogwagers-cashout-report #dvPendTotals .ttlTxt {
        font-size: 13px !important;
        padding-top: 0px;
        padding-left: 30px; } }
  #dvBMPending #dvPendTotals .ttlTxtCat, #cogwagers-cashout-report #dvPendTotals .ttlTxtCat {
    padding-top: 10px;
    padding-left: 38px;
    font-size: 13.5px !important; }
    @media screen and (max-width: 959px) {
      #dvBMPending #dvPendTotals .ttlTxtCat, #cogwagers-cashout-report #dvPendTotals .ttlTxtCat {
        font-size: 13px !important;
        padding-top: 0px;
        padding-left: 27px; } }
  #dvBMPending #dvPendTotals .ttlRisk, #cogwagers-cashout-report #dvPendTotals .ttlRisk {
    color: #bf4040;
    font-weight: 600;
    padding-right: 10px !important;
    font-size: 13px !important; }
  #dvBMPending #dvPendTotals .riskAmt, #cogwagers-cashout-report #dvPendTotals .riskAmt {
    color: #bf4040;
    font-weight: 600;
    padding: 10px;
    font-size: 13.5px !important; }
    @media screen and (max-width: 959px) {
      #dvBMPending #dvPendTotals .riskAmt, #cogwagers-cashout-report #dvPendTotals .riskAmt {
        font-size: 11px !important;
        padding-top: 0px;
        padding: 0px; } }
  #dvBMPending #dvPendTotals .winAmt, #cogwagers-cashout-report #dvPendTotals .winAmt {
    font-weight: 600;
    padding: 10px;
    font-size: 13.5px !important; }
    @media screen and (max-width: 959px) {
      #dvBMPending #dvPendTotals .winAmt, #cogwagers-cashout-report #dvPendTotals .winAmt {
        font-size: 11px !important;
        padding-top: 0px;
        padding: 0px; } }

[tabindex='0']:focus {
  outline: none; }

#transacFBM h2 {
  font-size: 1em;
  font-weight: bold; }

#transacFBM .transactionContent {
  margin-top: 0px; }

#transacFBM .detailBtn {
  backface-visibility: hidden;
  margin: 0px; }

#transacFBM .nonWagerRow {
  background-color: #E2E6E7; }

#transacFBM .nonWagerRow .ng-binding {
  color: #858585; }

#transacFBM .non-wager-style {
  color: #626262;
  font-size: 1.3em;
  margin-left: 0.2em; }

#transacFBM .no-detail-wager {
  color: #C3C3C3; }

#transacFBM .dvOdd {
  background: #E2E6E7;
  height: 40px !important; }

#transacFBM .textLbl {
  font-size: 0.8em; }

.transaction-detail-dialog {
  padding-bottom: 30px; }
  .transaction-detail-dialog md-progress-linear {
    padding: 0 3px; }
    @media screen and (max-width: 959px) {
      .transaction-detail-dialog md-progress-linear {
        padding: 0; } }
  .transaction-detail-dialog category-detail md-progress-linear {
    padding: 0; }
  .transaction-detail-dialog .lgcursor {
    cursor: pointer; }
  .transaction-detail-dialog .lstPending {
    margin: 0px 3px; }
    @media screen and (max-width: 959px) {
      .transaction-detail-dialog .lstPending {
        margin: 0px; } }
    .transaction-detail-dialog .lstPending .pendingtype {
      color: #800000 !important;
      font-size: 13.5px; }
      @media screen and (max-width: 959px) {
        .transaction-detail-dialog .lstPending .pendingtype {
          font-size: 11.5px;
          font-weight: 500; } }
      .transaction-detail-dialog .lstPending .pendingtype span {
        font-weight: 600; }
    .transaction-detail-dialog .lstPending .bm-pending-highlight-item {
      background-color: #ffc77f !important;
      /*@media screen and (max-width: 959px) {
                background-color: #ffc77f !important;
            }*/ }
    .transaction-detail-dialog .lstPending .pending {
      font-size: 13.5px; }
      @media screen and (max-width: 959px) {
        .transaction-detail-dialog .lstPending .pending {
          font-size: 12px !important; } }
      .transaction-detail-dialog .lstPending .pending .riskAmt {
        color: #bf4040;
        font-weight: 600;
        padding: 10px; }
        @media screen and (max-width: 959px) {
          .transaction-detail-dialog .lstPending .pending .riskAmt {
            font-size: 12px !important; } }
      .transaction-detail-dialog .lstPending .pending .winAmt {
        font-weight: 600;
        padding: 10px; }
        @media screen and (max-width: 959px) {
          .transaction-detail-dialog .lstPending .pending .winAmt {
            font-size: 12px !important; } }
      .transaction-detail-dialog .lstPending .pending .teamDesc {
        height: 35px; }
    .transaction-detail-dialog .lstPending .ticketType {
      text-transform: uppercase; }
    .transaction-detail-dialog .lstPending .pendingExpand {
      font-size: 13px !important; }
      @media screen and (max-width: 959px) {
        .transaction-detail-dialog .lstPending .pendingExpand {
          font-size: 12px !important; } }
    .transaction-detail-dialog .lstPending .pendingbg {
      /*background-color: #f2f4fa;*/
      padding-left: 5px;
      height: auto; }
      .transaction-detail-dialog .lstPending .pendingbg.even {
        border-left: 1px solid rgba(0, 0, 0, 0.05);
        border-right: 1px solid rgba(0, 0, 0, 0.05); }
        @media screen and (max-width: 959px) {
          .transaction-detail-dialog .lstPending .pendingbg.even {
            border: none; } }
    .transaction-detail-dialog .lstPending .itmPadding {
      padding-top: 2px;
      padding-bottom: 5px; }
    .transaction-detail-dialog .lstPending md-list-item.rr {
      min-height: 35px;
      padding: 0px 8px 0px 2px !important; }
      @media screen and (max-width: 959px) {
        .transaction-detail-dialog .lstPending md-list-item.rr {
          padding: 5px 2px !important;
          font-size: 12px !important; } }
      .transaction-detail-dialog .lstPending md-list-item.rr.md-2-line::before {
        min-height: 35px; }
    .transaction-detail-dialog .lstPending md-list-item.straight {
      min-height: 35px;
      padding: 4px 8px !important; }
      @media screen and (max-width: 959px) {
        .transaction-detail-dialog .lstPending md-list-item.straight {
          padding: 3px 2px !important;
          font-size: 12px !important; } }
      .transaction-detail-dialog .lstPending md-list-item.straight .md-list-item-text {
        overflow: unset; }
      .transaction-detail-dialog .lstPending md-list-item.straight.md-2-line::before {
        min-height: 35px; }
      .transaction-detail-dialog .lstPending md-list-item.straight span:not(.team):not(.pdPrice):not(.tmTotal) {
        font-weight: 600; }
        @media screen and (max-width: 959px) {
          .transaction-detail-dialog .lstPending md-list-item.straight span:not(.team):not(.pdPrice):not(.tmTotal) {
            font-size: 12px !important; } }
      .transaction-detail-dialog .lstPending md-list-item.straight .pdPrice {
        font-size: 12px !important;
        color: #676363; }
        @media screen and (max-width: 959px) {
          .transaction-detail-dialog .lstPending md-list-item.straight .pdPrice {
            vertical-align: text-top;
            line-height: 16px;
            font-size: 10px !important; } }
      @media screen and (max-width: 959px) {
        .transaction-detail-dialog .lstPending md-list-item.straight .tmttl {
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px; } }
      .transaction-detail-dialog .lstPending md-list-item.straight .team .tmTotal {
        font-weight: normal;
        color: rgba(0, 0, 0, 0.87); }
        @media screen and (max-width: 959px) {
          .transaction-detail-dialog .lstPending md-list-item.straight .team .tmTotal {
            font-size: 12px !important; } }
      .transaction-detail-dialog .lstPending md-list-item.straight .dvPendingLogo {
        padding-right: 4px;
        margin-top: -4px; }
        @media screen and (max-width: 959px) {
          .transaction-detail-dialog .lstPending md-list-item.straight .dvPendingLogo {
            margin-top: 0px; } }
      .transaction-detail-dialog .lstPending md-list-item.straight .regNote {
        font-size: 13px; }
        @media screen and (max-width: 959px) {
          .transaction-detail-dialog .lstPending md-list-item.straight .regNote {
            font-size: 11.5px; } }
      .transaction-detail-dialog .lstPending md-list-item.straight .logosOU {
        width: 34px;
        height: 28px;
        padding: 0;
        float: left; }
    .transaction-detail-dialog .lstPending md-list-item {
      min-height: 65px;
      padding: 5px 8px 5px 2px !important; }
      @media screen and (max-width: 959px) {
        .transaction-detail-dialog .lstPending md-list-item {
          padding: 2px 2px 5px 3px !important;
          font-size: 12px !important; } }
      .transaction-detail-dialog .lstPending md-list-item.md-2-line::before {
        min-height: 65px; }
      .transaction-detail-dialog .lstPending md-list-item .pdPriceLeg {
        vertical-align: text-top;
        line-height: 14px;
        font-size: 10px !important;
        color: #676363;
        font-weight: 500; }
      .transaction-detail-dialog .lstPending md-list-item .tmLeg {
        font-weight: 600;
        font-size: 14px; }
        @media screen and (max-width: 959px) {
          .transaction-detail-dialog .lstPending md-list-item .tmLeg {
            font-size: 12.5px; } }
        .transaction-detail-dialog .lstPending md-list-item .tmLeg span {
          padding-right: 3px; }
      .transaction-detail-dialog .lstPending md-list-item .tmOpen {
        font-weight: 600;
        font-size: 14px;
        color: #676363; }
        @media screen and (max-width: 959px) {
          .transaction-detail-dialog .lstPending md-list-item .tmOpen {
            font-weight: normal;
            font-size: 12.5px; } }
        .transaction-detail-dialog .lstPending md-list-item .tmOpen span {
          padding-right: 3px; }
          .transaction-detail-dialog .lstPending md-list-item .tmOpen span .fa {
            font-size: 20px;
            margin-left: 9px; }
            @media screen and (max-width: 959px) {
              .transaction-detail-dialog .lstPending md-list-item .tmOpen span .fa {
                margin-top: -2px; } }
      .transaction-detail-dialog .lstPending md-list-item div .Win {
        color: #008000; }
      .transaction-detail-dialog .lstPending md-list-item div .Loss {
        color: #bf4040; }
      .transaction-detail-dialog .lstPending md-list-item div .Cancelled {
        color: #000000; }
      .transaction-detail-dialog .lstPending md-list-item .pendingExpandLeg {
        font-size: 12px !important;
        margin-left: 25px;
        width: 90%; }
        @media screen and (max-width: 959px) {
          .transaction-detail-dialog .lstPending md-list-item .pendingExpandLeg {
            font-size: 11px !important; } }
        .transaction-detail-dialog .lstPending md-list-item .pendingExpandLeg hr {
          display: block;
          height: 1px;
          border: 0;
          border-top: 1px solid rgba(0, 0, 0, 0.09);
          padding: 0; }
      .transaction-detail-dialog .lstPending md-list-item .dvPendingLogo {
        padding-right: 4px;
        margin-top: -4px; }
        @media screen and (max-width: 959px) {
          .transaction-detail-dialog .lstPending md-list-item .dvPendingLogo {
            margin-top: 0px; } }
      .transaction-detail-dialog .lstPending md-list-item .dvPendingHorses {
        width: 44px;
        text-align: center; }
        @media screen and (max-width: 959px) {
          .transaction-detail-dialog .lstPending md-list-item .dvPendingHorses {
            width: 37px; } }
      .transaction-detail-dialog .lstPending md-list-item .logosOU {
        margin-top: -3px;
        width: 34px;
        height: 25px;
        padding: 0;
        float: left; }

[tabindex='0']:focus {
  outline: none; }

.cog-live-delay-container {
  /* opcional: efecto hover */ }
  .cog-live-delay-container .toolbar-live-delay .btn-save.md-primary {
    font-size: 1em; }
    .cog-live-delay-container .toolbar-live-delay .btn-save.md-primary.md-raised:not([disabled]), .cog-live-delay-container .toolbar-live-delay .btn-save.md-primary.md-fab:not([disabled]) {
      color: #fff;
      background-color: #076429; }
  .cog-live-delay-container .toolbar-live-delay .hint-btn.md-fab.md-mini {
    width: 24px;
    height: 24px;
    min-height: 24px;
    line-height: 24px; }
    .cog-live-delay-container .toolbar-live-delay .hint-btn.md-fab.md-mini md-icon[md-font-icon] {
      min-width: 12px;
      font-size: 1.75rem; }
  .cog-live-delay-container .cellSummaryClass {
    font-size: 14px;
    font-weight: normal; }
  .cog-live-delay-container .cell-flag,
  .cog-live-delay-container .delay-container {
    position: relative; }
  .cog-live-delay-container .delay-container {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center; }
    .cog-live-delay-container .delay-container md-input-container {
      width: calc(100% - 8px);
      margin: 0;
      padding: 4px; }
  .cog-live-delay-container .text-center-input {
    text-align: center !important; }
  .cog-live-delay-container .switch-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
  .cog-live-delay-container .level-1 {
    background-color: #fff;
    /* blanco */ }
  .cog-live-delay-container .level-2 {
    background-color: #f2f2f2;
    /* gris claro */ }
    .cog-live-delay-container .level-2 > td:first-child {
      padding-left: 3rem; }
  .cog-live-delay-container .level-3, .cog-live-delay-container .level-3.hoverChilds {
    background-color: #e6e6e6;
    /* gris un poco más oscuro */ }
  .cog-live-delay-container .level-3 > td:first-child {
    padding-left: 5.5rem; }
  .cog-live-delay-container .level-4, .cog-live-delay-container .level-4.hoverChilds {
    background-color: #d9d9d9; }
  .cog-live-delay-container .level-4 > td:first-child {
    padding-left: 8rem; }
  .cog-live-delay-container .level-1:hover, .cog-live-delay-container .level-1:focus,
  .cog-live-delay-container .level-2:hover,
  .cog-live-delay-container .level-2:focus,
  .cog-live-delay-container .level-3:hover,
  .cog-live-delay-container .level-3:focus,
  .cog-live-delay-container .level-4:hover,
  .cog-live-delay-container .level-4:focus {
    background-color: #d6e4ff; }
  .cog-live-delay-container .asterisks {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 4px;
    margin-left: 4px; }
  .cog-live-delay-container .hasDifferenceClass {
    color: #ffa600;
    font-weight: bold;
    margin-left: 2px; }
  .cog-live-delay-container .titleClass {
    color: #000; }
  .cog-live-delay-container .subTitleClass {
    background-color: #2c2e40;
    color: #fff; }
  .cog-live-delay-container .margin-less {
    margin: 0 !important; }
  .cog-live-delay-container md-switch .md-container {
    margin-right: auto;
    margin-left: auto; }
  .cog-live-delay-container .tablerow {
    height: 44px !important; }
  .cog-live-delay-container .cell-flag {
    width: 120px; }
  .cog-live-delay-container .cell-delay {
    width: 160px; }
    .cog-live-delay-container .cell-delay md-input-container .md-input {
      line-height: 26px;
      height: 30px; }
  .cog-live-delay-container .cell-blue, .cog-live-delay-container .cell-blue.tablebuttonheader {
    width: 60px !important; }
  .cog-live-delay-container .btn-blue.md-button.md-icon-button {
    margin-right: auto;
    margin-left: auto; }
  .cog-live-delay-container .btn-blue:hover:not([disabled]) md-icon, .cog-live-delay-container .btn-blue:focus:not([disabled]) md-icon, .cog-live-delay-container .btn-blue:active:not([disabled]) md-icon {
    animation-name: sweep;
    animation-duration: 0.75s;
    animation-timing-function: ease;
    animation-fill-mode: both; }

@keyframes sweep {
  0% {
    transform: rotate(0deg) translateX(0);
    transform-origin: center; }
  15% {
    transform: rotate(10deg) translateX(-3px); }
  45% {
    transform: rotate(-42deg) translateX(5px) scale(1.125); }
  55% {
    transform: rotate(-40deg) translateX(3px) scale(1.125); }
  85% {
    transform: rotate(5deg) translateX(-2px) scale(1); }
  100% {
    transform: rotate(0deg) translateX(0); } }
  .cog-live-delay-container .btn-blue[disabled] md-icon {
    transform: scale(0.8125); }
  .cog-live-delay-container .md-input-cogbackbone-container {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
    margin: 0; }
    .cog-live-delay-container .md-input-cogbackbone-container > input[type="number"] {
      -moz-appearance: textfield; }
      .cog-live-delay-container .md-input-cogbackbone-container > input[type="number"]::-webkit-outer-spin-button, .cog-live-delay-container .md-input-cogbackbone-container > input[type="number"]::-webkit-inner-spin-button {
        appearance: none;
        margin: 0; }
  .cog-live-delay-container .live-delay-settings .backbone-input {
    width: 75% !important;
    line-height: 32px !important;
    height: 36px !important;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.625rem !important; }
    .cog-live-delay-container .live-delay-settings .backbone-input:not {
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
  .cog-live-delay-container .tree-icon {
    width: 24px !important;
    margin-left: 4px;
    line-height: 21px; }

.cog-acc-personal .extra-big-flex-100 {
  height: 60px;
  margin: 3px !important;
  width: 100%; }

.cog-acc-personal .flex-28 {
  width: 25%; }

.cog-acc-personal .flex-72 {
  width: 75%; }

.cog-acc-personal .flex-37 {
  width: 37%; }

.cog-acc-personal .flex-43 {
  width: 43%; }

.cog-acc-personal .margin-3in1-7 {
  padding-left: 1% !important;
  padding-right: 1%; }

.cog-acc-personal .password-row .lblAccounts {
  margin-left: 8px; }

.cog-acc-personal .password-row-err {
  height: 85px !important; }

.cog-acc-personal .WebSiteEnabledInfo {
  margin-left: 5px;
  color: #6e6e6e;
  cursor: help; }

.cog-acc-personal .input-container-acc {
  margin: 3px !important;
  padding: 0px 10px 0px 10px;
  border: solid 1px #E3E3E3;
  border-radius: 2px;
  background-color: white;
  font-size: 0.7em;
  height: 50px;
  /*AutoComplete Section*/
  /*End AutoComplete Section*/ }
  .cog-acc-personal .input-container-acc.disable-container {
    background-color: #E3E3E3 !important; }
    .cog-acc-personal .input-container-acc.disable-container .lblAccounts {
      color: #676767 !important; }
  .cog-acc-personal .input-container-acc.notes {
    height: 125px; }
  .cog-acc-personal .input-container-acc.extra-big {
    height: 110px; }
  .cog-acc-personal .input-container-acc.free-container {
    border: none;
    background: none; }
  .cog-acc-personal .input-container-acc .input-group-addon {
    min-width: 40px; }
    .cog-acc-personal .input-container-acc .input-group-addon.btnPassword {
      height: 41px; }
  .cog-acc-personal .input-container-acc .lblAccounts {
    text-transform: uppercase; }
    .cog-acc-personal .input-container-acc .lblAccounts.lable_on {
      color: darkgreen !important; }
      .cog-acc-personal .input-container-acc .lblAccounts.lable_on.Yes {
        margin-right: 6px;
        color: #fafafa !important;
        text-transform: none; }
    .cog-acc-personal .input-container-acc .lblAccounts.lable_off {
      color: #aa2222 !important; }
  .cog-acc-personal .input-container-acc input.input-acc {
    border: 1px solid #ccc;
    height: 37px;
    text-align: center;
    max-width: 100%;
    width: 100%; }
    .cog-acc-personal .input-container-acc input.input-acc.bonusAmount {
      height: 37px; }
  .cog-acc-personal .input-container-acc textarea {
    display: block;
    margin: auto; }
    .cog-acc-personal .input-container-acc textarea.input-acc {
      border: 1px solid #ccc;
      height: 90%;
      text-align: left;
      max-width: 100%;
      width: 100%; }
  .cog-acc-personal .input-container-acc md-select {
    text-transform: uppercase;
    text-align: center;
    margin: 0px 0 0px 0;
    max-width: 100%;
    /*&.tokens-select {
                .md-select-value {
                    div {
                        padding-left: 30px !important;
                    }
                }
                
            }*/ }
    .cog-acc-personal .input-container-acc md-select .md-select-value {
      text-align: center !important;
      border: 1px solid #ccc;
      height: 32px;
      max-width: 100%;
      padding-left: 30px !important; }
    .cog-acc-personal .input-container-acc md-select.payment-deposit-method {
      max-width: 95%; }
    .cog-acc-personal .input-container-acc md-select.package-select {
      max-width: 180px !important; }
      .cog-acc-personal .input-container-acc md-select.package-select .md-select-value {
        max-width: 180px !important; }
  .cog-acc-personal .input-container-acc .md-whiteframe-z1 {
    box-shadow: none; }
  .cog-acc-personal .input-container-acc md-autocomplete {
    min-width: 40px;
    max-width: 100%;
    background: none !important; }
  .cog-acc-personal .input-container-acc md-autocomplete-wrap {
    min-width: 40px !important;
    max-width: 100%;
    margin-top: 0px;
    border: 1px solid #ccc !important;
    /*button {
                border: 1px solid #ccc !important;
                border-radius: 0px;
                height: 40px;
            }*/ }
    .cog-acc-personal .input-container-acc md-autocomplete-wrap input {
      text-align: center;
      padding-left: 10px;
      padding-top: 2px;
      font-size: 0.8em;
      height: 36px !important;
      max-width: 100%;
      border-right: 1px solid #ccc !important; }
  .cog-acc-personal .input-container-acc .group-button .md-button.groupX,
  .cog-acc-personal .input-container-acc .group-button .md-button.groupY {
    min-width: 30px; }
    @media (min-width: 1350px) {
      .cog-acc-personal .input-container-acc .group-button .md-button.groupX,
      .cog-acc-personal .input-container-acc .group-button .md-button.groupY {
        min-width: 25px;
        font-size: 10px; } }
    @media (min-width: 1750px) and (max-width: 2800px) {
      .cog-acc-personal .input-container-acc .group-button .md-button.groupX,
      .cog-acc-personal .input-container-acc .group-button .md-button.groupY {
        min-width: 30px;
        font-size: 12px; } }
    @media (max-width: 1349px) {
      .cog-acc-personal .input-container-acc .group-button .md-button.groupX,
      .cog-acc-personal .input-container-acc .group-button .md-button.groupY {
        min-width: 30px;
        font-size: 12px; } }
  .cog-acc-personal .input-container-acc .group-button:not(.isMaster) .md-button.groupX.left {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .cog-acc-personal .input-container-acc .group-button.isMaster .md-button.groupX, .cog-acc-personal .input-container-acc .group-button.isMaster .group-button .md-button.groupY {
    height: 35px !important; }
  .cog-acc-personal .input-container-acc .group-button.isMaster .md-button.groupX.left {
    min-width: 35px !important; }
  .cog-acc-personal .input-container-acc .group-button.isMaster .md-button.groupX.right {
    min-width: 25px !important; }
  .cog-acc-personal .input-container-acc section button.on:disabled {
    background-color: #a9ccaf !important;
    color: #fff; }
  .cog-acc-personal .input-container-acc section button.off:disabled {
    background-color: #e0acac !important;
    color: #fff; }
  .cog-acc-personal .input-container-acc section button:disabled {
    background-color: #dedede;
    color: white; }
  .cog-acc-personal .input-container-acc .btnHierarchy {
    line-height: 28px;
    border-radius: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
    min-width: 100%;
    font-size: 1.2em; }
    .cog-acc-personal .input-container-acc .btnHierarchy:not([disabled]), .cog-acc-personal .input-container-acc .btnHierarchy:not([disabled]):hover {
      background-color: #e48110; }
    .cog-acc-personal .input-container-acc .btnHierarchy:not([disabled]).md-button {
      color: #fff; }
    .cog-acc-personal .input-container-acc .btnHierarchy > .lblAccounts {
      text-transform: none; }
  .cog-acc-personal .input-container-acc .btnSettings {
    font-size: 0.9em;
    padding-top: 0 !important;
    line-height: 28px;
    height: 30px !important;
    border-radius: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
    min-width: 100%; }
    .cog-acc-personal .input-container-acc .btnSettings.btnbonus {
      height: 36px !important; }
    .cog-acc-personal .input-container-acc .btnSettings.btnTokens {
      background-color: #008e06 !important;
      font-size: 1.2em !important; }
  .cog-acc-personal .input-container-acc .btn-join {
    margin-right: 0;
    margin-left: 0; }
  .cog-acc-personal .input-container-acc .validation-messages {
    text-align: center;
    font-size: 0.8em;
    color: red;
    margin-top: 10px;
    margin-bottom: 10px; }

.cog-acc-personal .input-no-container-acc {
  margin: 3px !important;
  padding: 0px 10px 0px 10px;
  height: 60px; }

.cog-acc-personal .cog-form-container .margin-bottom-9 {
  margin-bottom: 9px; }

.cog-acc-personal .cog-form-container.deposit-bonus-form {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  min-height: 213px; }
  .cog-acc-personal .cog-form-container.deposit-bonus-form.middle-view-class {
    max-height: 100%;
    height: 100%;
    min-height: 384px; }

.cog-acc-personal md-list.make-scrollable {
  /*min-height: 100px !important; //Or any other height you wish
        height: 200px !important; //Or any other height you wish
        max-height: 200px !important; //Or any other height you wish
        overflow-y: scroll;*/ }
  .cog-acc-personal md-list.make-scrollable md-list-item {
    min-height: 32px;
    height: 32px;
    font-size: 0.8em; }

.cog-acc-personal .comments-section {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  height: 592px;
  max-height: 950px; }
  .cog-acc-personal .comments-section.middle-view-class {
    height: 687px !important; }
  .cog-acc-personal .comments-section md-table-container {
    width: 100%; }
    .cog-acc-personal .comments-section md-table-container .table-toolbar.md-row {
      min-height: 35px;
      height: 35px;
      color: #fff;
      background-color: #253c47;
      text-transform: uppercase; }
    .cog-acc-personal .comments-section md-table-container tbody {
      display: block;
      height: 490px;
      overflow: auto; }
      .cog-acc-personal .comments-section md-table-container tbody.middle-view-class {
        height: 670px !important; }
    .cog-acc-personal .comments-section md-table-container thead, .cog-acc-personal .comments-section md-table-container tbody tr {
      display: table;
      width: 100%;
      table-layout: fixed; }
    .cog-acc-personal .comments-section md-table-container thead {
      width: calc( 100% - 1em); }
    .cog-acc-personal .comments-section md-table-container table {
      width: 300px; }
    .cog-acc-personal .comments-section md-table-container thead th:nth-child(1) {
      width: 20%; }
    .cog-acc-personal .comments-section md-table-container thead th:nth-child(2) {
      width: 40%; }
    .cog-acc-personal .comments-section md-table-container thead th:nth-child(3) {
      width: 10%; }
    .cog-acc-personal .comments-section md-table-container thead th:nth-child(4) {
      width: 10%; }
    .cog-acc-personal .comments-section md-table-container tbody td:nth-child(1) {
      width: 20%; }
    .cog-acc-personal .comments-section md-table-container tbody td:nth-child(2) {
      width: 40%; }
    .cog-acc-personal .comments-section md-table-container tbody td:nth-child(3) {
      width: 10%; }
    .cog-acc-personal .comments-section md-table-container tbody td:nth-child(4) {
      width: 10%; }
    .cog-acc-personal .comments-section md-table-container table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
    .cog-acc-personal .comments-section md-table-container table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
      padding: 0 0px 0 0; }

.cog-acc-personal .notes-section {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
  .cog-acc-personal .notes-section .notes-container {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0; }
  .cog-acc-personal .notes-section .notes-input {
    width: 100%;
    font-size: 1.1em;
    border-width: 2px !important; }

.cog-acc-personal .lblComments,
.cog-acc-personal .lblNotes {
  padding-top: 5px;
  padding-left: 10px;
  font-size: 1.6em;
  text-transform: uppercase; }

.cog-acc-personal .btnComments,
.cog-acc-personal .btnNotes {
  margin-right: 18px; }

.cog-acc-personal .btnBitcoin, .cog-acc-personal .btnBch, .cog-acc-personal .btnERC20 {
  min-width: 80px !important;
  min-height: 20px;
  min-width: 20px;
  max-height: 30px;
  font-size: 1.0em;
  line-height: 30px; }

.cog-acc-personal .Lable_Time {
  color: #aa2222 !important; }

.cog-acc-personal md-card {
  margin: 5px; }

.cog-acc-personal .invalid-email {
  border-color: darkred !important; }
  .cog-acc-personal .invalid-email:active, .cog-acc-personal .invalid-email:focus {
    border-color: darkred !important; }

.selectdemoSelectHeader .demo-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0; }

.selectdemoSelectHeader .demo-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 16px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: auto; }

.AgentGroupingSelect .AgentGroupingSearchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0; }

.AgentGroupingSelect .AgentGroupingHeader {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 16px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: auto; }

.AgentGroupingSelect .setGroupingBtn {
  background-color: #008e06 !important;
  color: #fff !important;
  font-size: 0.9em;
  padding: 0 10px !important;
  line-height: 28px;
  height: 30px !important;
  border-radius: 2px; }
  .AgentGroupingSelect .setGroupingBtn:disabled {
    background-color: #e4e4e4 !important;
    color: #949494 !important; }

.AgentGroupingSelect .AgentGroupingHeader {
  position: fixed;
  width: 100%;
  padding: 0 10px;
  background-color: white;
  z-index: 1000; }

.AgentGroupingSelect .AgentGroupingOptions {
  margin-top: 50px; }

#CogAccount_PWD_History_Dialog {
  font-family: "Rubik", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  min-width: 25%;
  max-width: 25%; }
  @media screen and (min-width: 600px) {
    #CogAccount_PWD_History_Dialog {
      max-width: 500px; } }
  #CogAccount_PWD_History_Dialog .toolbarTitle {
    font-weight: 700 !important;
    font-size: 0.9em; }
  #CogAccount_PWD_History_Dialog .title {
    color: #fafafa !important;
    font-size: 0.8em !important;
    font-weight: normal !important; }
  #CogAccount_PWD_History_Dialog table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 0 0 0 !important; }
  #CogAccount_PWD_History_Dialog .pwd-history-container {
    min-height: 300px; }
  #CogAccount_PWD_History_Dialog .title .note {
    margin-left: 10px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7); }
  #CogAccount_PWD_History_Dialog #PWD_History_TableData thead tr, #CogAccount_PWD_History_Dialog #PWD_Attempts_TableData thead tr {
    min-height: 42px;
    height: 42px;
    background: #154758; }
  #CogAccount_PWD_History_Dialog .md-button.close {
    color: #212121 !important;
    background-color: #fafafa !important;
    height: 45px;
    font-size: 1.2em !important;
    font-weight: normal !important; }
  #CogAccount_PWD_History_Dialog md-tabs md-tabs-canvas md-tab-item {
    color: rgba(0, 0, 0, 0.3); }
    #CogAccount_PWD_History_Dialog md-tabs md-tabs-canvas md-tab-item.md-active {
      color: #000; }
    #CogAccount_PWD_History_Dialog md-tabs md-tabs-canvas md-tab-item .md-ripple-container {
      color: red; }
  #CogAccount_PWD_History_Dialog md-tabs md-tabs-canvas md-ink-bar {
    color: #455a64;
    background: #455a64; }

#agent-players-report-container .hdr-title {
  font-size: 16px; }
  #agent-players-report-container .hdr-title .filtered-ttl {
    color: #ffb833; }

#agent-players-report-container .md-toolbar-tools {
  padding-right: 10px; }

@media screen and (min-width: 700px) {
  #agent-players-report-container .padding-screen {
    margin: 10px 10px 10px 10px; } }

#agent-players-report-container #agentPlayersReport {
  background: #fff; }
  #agent-players-report-container #agentPlayersReport thead th {
    padding: 0 10px; }
    #agent-players-report-container #agentPlayersReport thead th .header-order {
      cursor: pointer;
      text-decoration: underline; }
      #agent-players-report-container #agentPlayersReport thead th .header-order:hover {
        color: #8adeff; }
  #agent-players-report-container #agentPlayersReport tbody tr {
    height: 40px; }
    #agent-players-report-container #agentPlayersReport tbody tr td {
      padding: 0 10px; }
    #agent-players-report-container #agentPlayersReport tbody tr.selected-row {
      background-color: rgba(0, 145, 202, 0.16); }
  #agent-players-report-container #agentPlayersReport tbody .account {
    cursor: pointer;
    color: #006086; }
    #agent-players-report-container #agentPlayersReport tbody .account:hover {
      text-decoration: underline; }
  #agent-players-report-container #agentPlayersReport .amount {
    font-weight: 700;
    text-align: right; }
    #agent-players-report-container #agentPlayersReport .amount.balance {
      color: #b8b8b8; }
    #agent-players-report-container #agentPlayersReport .amount.green {
      color: darkgreen; }
    #agent-players-report-container #agentPlayersReport .amount.red {
      color: darkred; }
  #agent-players-report-container #agentPlayersReport .btc-info {
    text-align: center; }
    #agent-players-report-container #agentPlayersReport .btc-info .on {
      color: #0091ca; }
    #agent-players-report-container #agentPlayersReport .btc-info .off {
      color: #bebebe; }
  #agent-players-report-container #agentPlayersReport .password {
    color: #4e0000; }
  #agent-players-report-container #agentPlayersReport .website {
    color: #003e5a; }

#agent-players-report-container .filters {
  font-size: 14px;
  color: #fff; }
  #agent-players-report-container .filters .filter-header {
    color: #8dbcd1;
    margin-right: 10px; }
  #agent-players-report-container .filters #filterDateRange {
    max-width: 190px; }
    #agent-players-report-container .filters #filterDateRange .md-menu[disabled] {
      opacity: 0.15; }
  #agent-players-report-container .filters md-input-container {
    margin: 0;
    color: #fff; }
    #agent-players-report-container .filters md-input-container label {
      color: #fff;
      opacity: 0.5; }
    #agent-players-report-container .filters md-input-container input {
      color: #fff; }
    #agent-players-report-container .filters md-input-container.md-input-has-value md-select-value {
      color: #fff;
      border-bottom-color: #fff; }
  #agent-players-report-container .filters #filterAccount, #agent-players-report-container .filters .amount-filter > .min, #agent-players-report-container .filters .amount-filter > .max {
    margin: 0;
    width: 120px; }
    #agent-players-report-container .filters #filterAccount.md-input-focused label, #agent-players-report-container .filters #filterAccount.md-input-has-value label, #agent-players-report-container .filters .amount-filter > .min.md-input-focused label, #agent-players-report-container .filters .amount-filter > .min.md-input-has-value label, #agent-players-report-container .filters .amount-filter > .max.md-input-focused label, #agent-players-report-container .filters .amount-filter > .max.md-input-has-value label {
      display: none; }
    #agent-players-report-container .filters #filterAccount .md-input, #agent-players-report-container .filters .amount-filter > .min .md-input, #agent-players-report-container .filters .amount-filter > .max .md-input {
      border-color: #fff; }
    #agent-players-report-container .filters #filterAccount[disabled] label, #agent-players-report-container .filters .amount-filter > .min[disabled] label, #agent-players-report-container .filters .amount-filter > .max[disabled] label {
      color: #929292; }
    #agent-players-report-container .filters #filterAccount[disabled] .md-input, #agent-players-report-container .filters .amount-filter > .min[disabled] .md-input, #agent-players-report-container .filters .amount-filter > .max[disabled] .md-input {
      opacity: 0.15; }
  #agent-players-report-container .filters .amount-filter {
    margin-right: 32px; }
    #agent-players-report-container .filters .amount-filter md-input-container.min, #agent-players-report-container .filters .amount-filter md-input-container.max {
      width: 80px;
      min-width: 80px; }
      #agent-players-report-container .filters .amount-filter md-input-container.min input[type=number]::-webkit-inner-spin-button,
      #agent-players-report-container .filters .amount-filter md-input-container.min input[type=number]::-webkit-outer-spin-button, #agent-players-report-container .filters .amount-filter md-input-container.max input[type=number]::-webkit-inner-spin-button,
      #agent-players-report-container .filters .amount-filter md-input-container.max input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      #agent-players-report-container .filters .amount-filter md-input-container.min input[type=number], #agent-players-report-container .filters .amount-filter md-input-container.max input[type=number] {
        -moz-appearance: textfield; }
    #agent-players-report-container .filters .amount-filter md-input-container.max[disabled] {
      opacity: 0.5; }
  #agent-players-report-container .filters .md-icon-button {
    margin: 0;
    height: 24px;
    min-width: 0;
    line-height: 24px;
    min-height: 24px;
    padding: 0px;
    width: 24px;
    background-color: #53add1;
    margin-right: 10px; }
    #agent-players-report-container .filters .md-icon-button i::before {
      color: #006086; }
    #agent-players-report-container .filters .md-icon-button:hover {
      background-color: #001922; }
    #agent-players-report-container .filters .md-icon-button[disabled] {
      opacity: 0.5;
      background-color: #7c7c7c; }
      #agent-players-report-container .filters .md-icon-button[disabled] i::before {
        color: #5e5e5e; }
  #agent-players-report-container .filters .filter-reset-button {
    background-color: #b3b3b3; }
    #agent-players-report-container .filters .filter-reset-button i::before {
      color: #464646; }
    #agent-players-report-container .filters .filter-reset-button:hover {
      background-color: #001922; }
  #agent-players-report-container .filters .filter-apply-button {
    margin-left: 10px;
    margin-right: 0; }

#dvCustomerChanges .change-group:not(:first-child):not(:last-child) {
  margin-bottom: 10px; }

#dvCustomerChanges .bb-hint {
  color: #628297; }

#dvCustomerChanges .copysend-hint {
  color: #bb7e4c; }

#dvCustomerChanges .bb-space {
  margin-left: 52px; }

#dvCustomerChanges .refresh-btn[disabled] {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.3); }

#dvCustomerChanges .refresh-btn {
  font-size: 1.2em;
  font-weight: 700;
  max-width: 200px;
  margin: 0; }

#dvCustomerChanges md-select {
  width: 240px; }
  @media screen and (max-width: 450px) {
    #dvCustomerChanges md-select {
      width: 220px; } }

@media screen and (min-width: 700px) {
  #dvCustomerChanges .padding-screen {
    margin: 10px 10px 10px 10px; } }

#dvCustomerChanges .changes-item {
  box-sizing: border-box;
  cursor: pointer; }
  #dvCustomerChanges .changes-item .change-group-mobile {
    padding: 4px;
    border: solid 1px #acacac;
    border-radius: 3px;
    margin-bottom: 10px;
    background-color: #d8e4e7; }
    #dvCustomerChanges .changes-item .change-group-mobile .bb-changes-detail-block {
      margin-bottom: 8px;
      margin-left: 2px; }
      #dvCustomerChanges .changes-item .change-group-mobile .bb-changes-detail-block changes-backbone-details .changes-detail-info-btn {
        min-height: 20px;
        min-width: 40px;
        line-height: 28px;
        width: 120px;
        height: 28px; }

#dvCustomerChanges .font-wight-600 {
  font-weight: 600; }

#dvCustomerChanges .green-value {
  color: #006700 !important; }

#dvCustomerChanges .red-value {
  color: #740000 !important; }

#dvCustomerChanges .link {
  text-decoration: underline;
  color: #728994;
  cursor: pointer; }

#dvCustomerChanges .link_changes {
  text-decoration: underline;
  color: #000;
  cursor: pointer; }

#dvCustomerChanges .link_title {
  text-decoration: underline;
  color: #000;
  padding-top: 10px;
  cursor: pointer; }

#dvCustomerChanges .contentTable {
  width: 100%;
  height: 100%;
  position: relative; }
  #dvCustomerChanges .contentTable .rightSide {
    position: relative;
    overflow: auto;
    z-index: 0;
    display: inline;
    width: 100%; }
    #dvCustomerChanges .contentTable .rightSide #table_rows {
      border-spacing: inherit !important;
      border-collapse: separate; }
      #dvCustomerChanges .contentTable .rightSide #table_rows thead th:first-child {
        width: 50px; }
      #dvCustomerChanges .contentTable .rightSide #table_rows thead th:nth-child(2) {
        width: 50px; }
      #dvCustomerChanges .contentTable .rightSide #table_rows thead th:nth-child(3) {
        width: 18.7%; }
      #dvCustomerChanges .contentTable .rightSide #table_rows thead th:nth-child(4) {
        width: 20%; }
      #dvCustomerChanges .contentTable .rightSide #table_rows thead th:nth-child(5) {
        width: 262px; }
      #dvCustomerChanges .contentTable .rightSide #table_rows thead th:nth-child(6) {
        width: 240px; }
      #dvCustomerChanges .contentTable .rightSide #table_rows thead th:nth-child(7) {
        width: 251px; }
      #dvCustomerChanges .contentTable .rightSide #table_rows thead td:first-child {
        width: 50px; }
      #dvCustomerChanges .contentTable .rightSide #table_rows thead td:nth-child(2) {
        width: 50px; }
      #dvCustomerChanges .contentTable .rightSide #table_rows thead tr {
        min-height: 42px;
        height: 42px;
        background: #154758; }
      #dvCustomerChanges .contentTable .rightSide #table_rows tbody tr {
        height: 42px; }
        #dvCustomerChanges .contentTable .rightSide #table_rows tbody tr td {
          white-space: nowrap; }
        #dvCustomerChanges .contentTable .rightSide #table_rows tbody tr td:nth-child(3) {
          white-space: normal !important; }
    #dvCustomerChanges .contentTable .rightSide .custom > tbody > tr:hover {
      background: #fff !important; }
    #dvCustomerChanges .contentTable .rightSide .custom > tbody > tr:hover:not(.removeBackground) {
      background: #e8f4f6 !important; }
    #dvCustomerChanges .contentTable .rightSide .md-data-table > tbody > tr > td {
      border-bottom: 2px solid #cecece !important; }
    #dvCustomerChanges .contentTable .rightSide #table_rows_mobile {
      border-spacing: inherit !important;
      border-collapse: separate; }
      #dvCustomerChanges .contentTable .rightSide #table_rows_mobile thead th:first-child {
        padding-left: 10px; }
      #dvCustomerChanges .contentTable .rightSide #table_rows_mobile thead th:last-child {
        padding-right: 10px; }
      #dvCustomerChanges .contentTable .rightSide #table_rows_mobile thead tr {
        min-height: 45px;
        height: 45px;
        background: #154758; }
      #dvCustomerChanges .contentTable .rightSide #table_rows_mobile tbody tr {
        height: 61px; }
        #dvCustomerChanges .contentTable .rightSide #table_rows_mobile tbody tr td {
          white-space: nowrap; }
      #dvCustomerChanges .contentTable .rightSide #table_rows_mobile .main_panel {
        padding-top: 9px;
        padding-bottom: 9px; }
      #dvCustomerChanges .contentTable .rightSide #table_rows_mobile .text_01 {
        font-size: 11px;
        font-weight: bold; }
      #dvCustomerChanges .contentTable .rightSide #table_rows_mobile .text_02 {
        font-size: 11px;
        font-weight: 700;
        color: #556b2f; }
      #dvCustomerChanges .contentTable .rightSide #table_rows_mobile .text_03 {
        font-size: 1em;
        font-weight: 600; }
      #dvCustomerChanges .contentTable .rightSide #table_rows_mobile .text_04 {
        font-size: 1.1em;
        color: #8b0000;
        font-weight: bold; }
      #dvCustomerChanges .contentTable .rightSide #table_rows_mobile .text_06 {
        font-size: 1.1em;
        font-weight: bold;
        text-decoration: underline; }
      #dvCustomerChanges .contentTable .rightSide #table_rows_mobile .marging-right-10 {
        margin-right: 10px; }
      #dvCustomerChanges .contentTable .rightSide #table_rows_mobile .table-detail {
        width: 100%; }
        #dvCustomerChanges .contentTable .rightSide #table_rows_mobile .table-detail tr {
          max-height: 30px !important;
          height: 30px !important; }
    #dvCustomerChanges .contentTable .rightSide .custom_mobile tbody > tr:hover {
      background: #e8f4f6 !important; }

#dvCustomerChanges .contentColumnHeader {
  position: absolute;
  overflow: hidden;
  z-index: 10; }
  #dvCustomerChanges .contentColumnHeader table thead th:nth-child(3) {
    width: 18.7% !important; }
  #dvCustomerChanges .contentColumnHeader table thead th:nth-child(4) {
    width: 20% !important; }
  #dvCustomerChanges .contentColumnHeader table thead th:nth-child(5) {
    width: 262px !important; }
  #dvCustomerChanges .contentColumnHeader table thead th:nth-child(6) {
    width: 240px !important; }
  #dvCustomerChanges .contentColumnHeader table thead th:nth-child(7) {
    width: 251px !important; }
  #dvCustomerChanges .contentColumnHeader table thead td:first-child {
    width: 50px !important; }
  #dvCustomerChanges .contentColumnHeader table thead td:nth-child(2) {
    width: 50px !important; }
  #dvCustomerChanges .contentColumnHeader table thead th {
    background: #154758; }
  #dvCustomerChanges .contentColumnHeader table tr {
    height: 40px; }
  #dvCustomerChanges .contentColumnHeader .custom_xs thead th:first-child {
    padding-left: 10px; }
  #dvCustomerChanges .contentColumnHeader .custom_xs thead th:last-child {
    padding-right: 10px; }

#dvCustomerChanges .table-Large-detail {
  margin: 0px 10px 0px 0;
  width: 100%;
  border-spacing: inherit !important;
  border-collapse: separate; }
  #dvCustomerChanges .table-Large-detail .bbInfoCol {
    width: 100px !important; }
  #dvCustomerChanges .table-Large-detail tr {
    height: 40px !important; }
  #dvCustomerChanges .table-Large-detail tr:nth-child(even) {
    background: #f2f2f2; }
  #dvCustomerChanges .table-Large-detail tr:nth-child(odd) {
    background: #ececec; }
  #dvCustomerChanges .table-Large-detail td:first-child {
    padding-left: 5px;
    border-bottom: 1px solid #ddd !important;
    color: #223f48;
    width: 21%;
    white-space: normal !important; }
  #dvCustomerChanges .table-Large-detail td:nth-child(2) {
    border-bottom: 1px solid #ddd !important;
    width: 22%;
    white-space: normal !important; }
  #dvCustomerChanges .table-Large-detail td:nth-child(3) {
    border-bottom: 1px solid #ddd !important;
    width: 17.2%;
    white-space: normal !important; }
  #dvCustomerChanges .table-Large-detail td:nth-child(4) {
    border-bottom: 1px solid #ddd !important;
    width: 16%;
    white-space: normal !important; }
  #dvCustomerChanges .table-Large-detail td:nth-child(5) {
    border-bottom: 1px solid #ddd !important;
    width: 16.5%;
    white-space: normal !important; }
  #dvCustomerChanges .table-Large-detail td:nth-child(6) {
    border-bottom: 1px solid #ddd !important;
    white-space: normal !important; }
  #dvCustomerChanges .table-Large-detail .text_done {
    color: #607d8b; }

#dvCustomerChanges .table-Mobile-detail {
  margin: 0 10px 10px 0;
  width: 100%;
  border: solid 1px #c5d4d6;
  border-spacing: inherit !important;
  border-collapse: separate; }
  #dvCustomerChanges .table-Mobile-detail tr {
    height: 31px !important; }
  #dvCustomerChanges .table-Mobile-detail tr:nth-child(even) {
    background: #f2f2f2; }
  #dvCustomerChanges .table-Mobile-detail tr:nth-child(odd) {
    background: #ececec; }
  #dvCustomerChanges .table-Mobile-detail td:first-child {
    padding-left: 10px;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #ddd !important;
    color: #223f48;
    background: #FFF;
    width: 10%; }
  #dvCustomerChanges .table-Mobile-detail td:nth-child(2) {
    padding-left: 10px;
    border-bottom: 1px solid #ddd !important; }
  #dvCustomerChanges .table-Mobile-detail .text_done {
    color: #607d8b; }

#dvCustomerChanges .changes_container {
  display: block !important; }

#dvCustomerChanges .text_title {
  font-size: 1.2em; }

#dvCustomerChanges .text_dp {
  font-size: 0.9em;
  text-align: left; }

#dvCustomerChanges .filter_change {
  height: 40px; }

.dialog-textchanges .toolbar-default {
  min-height: 50px;
  line-height: 50px; }

.dialog-textchanges .md-toolbar-tools {
  font-size: 15px;
  font-weight: bold;
  max-height: 50px;
  height: 50px;
  line-height: 50px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #282C38; }
  @media screen and (max-width: 959px) {
    .dialog-textchanges .md-toolbar-tools {
      font-size: 13px; } }

.dialog-textchanges md-dialog-content {
  padding: 20px 10px 5px 10px; }
  .dialog-textchanges md-dialog-content md-input-container {
    margin: 10px 0;
    padding: 0; }
    .dialog-textchanges md-dialog-content md-input-container .md-errors-spacer {
      display: none; }

#cog-acc-casino .widget {
  min-height: 50px !important; }

#cog-acc-casino .cog-accounting-options.mobile-option {
  margin: 3px; }

#cog-acc-casino .casino-live-game-type-filter {
  margin-bottom: 10px; }
  #cog-acc-casino .casino-live-game-type-filter .casino-live-game-type-label {
    color: #9e9e9e;
    font-size: 0.9em;
    font-weight: 700;
    margin-right: 12px;
    text-transform: uppercase;
    white-space: nowrap; }
  #cog-acc-casino .casino-live-game-type-filter md-input-container {
    min-width: 260px;
    max-width: 420px; }
  @media screen and (max-width: 599px) {
    #cog-acc-casino .casino-live-game-type-filter .casino-live-game-type-label {
      margin-bottom: 6px;
      margin-right: 0; } }

#cog-acc-casino label md-icon.cog-hint {
  height: 15px !important;
  width: 15px !important;
  min-height: 15px !important;
  min-width: 15px !important;
  vertical-align: text-bottom;
  margin-right: 5px;
  padding-top: 3px; }

#cog-acc-casino .md-button.on:disabled {
  background-color: #b9debb   !important;
  color: #FFFFFF; }

#cog-acc-casino .md-button.off:disabled {
  background-color: #B18484 !important;
  color: #FFFFFF; }

#cog-acc-casino .cog-input-container {
  margin: 3px !important;
  border: solid 1px #E3E3E3;
  border-radius: 2px;
  background-color: white;
  font-size: 0.9em;
  font-size: 0.8em; }
  #cog-acc-casino .cog-input-container label {
    -ms-flex-order: initial;
        order: initial;
    -webkit-box-ordinal-group: initial;
    width: initial;
    padding-left: 5px;
    padding-right: 5px;
    color: #6b6b6b;
    text-transform: uppercase;
    font-size: 0.9em;
    min-width: 120px; }
  #cog-acc-casino .cog-input-container md-select {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px; }
  #cog-acc-casino .cog-input-container cog-amount-input input {
    border: none;
    height: 30px;
    font-weight: 700;
    font-size: 1.3em;
    padding: 0px;
    border-bottom: 1px solid #e3e3e3;
    outline: none;
    text-align: center !important; }
  #cog-acc-casino .cog-input-container.no-border {
    border: none !important; }
  #cog-acc-casino .cog-input-container md-select-value {
    text-align: center;
    padding-left: 35px;
    font-size: 1.2em; }
  @media screen and (max-width: 490px) {
    #cog-acc-casino .cog-input-container label {
      padding-left: 0px;
      padding-right: 2px;
      font-size: 0.85em;
      min-width: 80px; }
    #cog-acc-casino .cog-input-container .setting-container {
      width: 80px !important; }
    #cog-acc-casino .cog-input-container .amount-container {
      width: 70px !important; }
      #cog-acc-casino .cog-input-container .amount-container input {
        min-width: 70px !important; }
    #cog-acc-casino .cog-input-container .limit-input-container {
      min-width: 60px !important; }
    #cog-acc-casino .cog-input-container .separator {
      display: none; } }
  @media screen and (max-width: 380px) {
    #cog-acc-casino .cog-input-container cog-account-permission section button {
      min-width: 40px;
      font-size: 0.9em; }
    #cog-acc-casino .cog-input-container .casino-management-block {
      padding: 3px 5px; }
    #cog-acc-casino .cog-input-container label {
      font-size: 0.75em; } }
  #cog-acc-casino .cog-input-container .amount-container {
    min-width: 80px; }
  #cog-acc-casino .cog-input-container > div {
    min-height: 45px; }
    #cog-acc-casino .cog-input-container > div > div {
      padding: 5px 10px 5px 10px; }

#cog-acc-casino .cog-casino-balances label {
  min-width: 80px; }

#cog-acc-casino .cog-casino-balances .balance-info label {
  font-weight: 700;
  color: #0053a1; }

#cog-acc-casino .cog-casino-balances .btn-reset-cache {
  min-width: 200px;
  background-color: #ff8f00;
  color: #860000fa; }
  #cog-acc-casino .cog-casino-balances .btn-reset-cache:hover {
    background-color: #860000fa;
    color: #ffffff; }
  #cog-acc-casino .cog-casino-balances .btn-reset-cache i {
    margin-right: 5px; }
  #cog-acc-casino .cog-casino-balances .btn-reset-cache:disabled {
    background-color: #aaaaaa;
    color: #d6d6d6; }

#cog-acc-casino .cog-casino-balances .balance-red {
  color: darkred;
  font-weight: 700; }

#cog-acc-casino cog-amount-input input:disabled {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.2) !important; }
  #cog-acc-casino cog-amount-input input:disabled:-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(0, 0, 0, 0.2) !important; }
  #cog-acc-casino cog-amount-input input:disabled::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(0, 0, 0, 0.2) !important; }
  #cog-acc-casino cog-amount-input input:disabled:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(0, 0, 0, 0.2) !important; }
  #cog-acc-casino cog-amount-input input:disabled::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(0, 0, 0, 0.2) !important; }

#cog-acc-casino cog-amount-input.casino-input input:disabled {
  color: rgba(0, 0, 0, 0) !important; }
  #cog-acc-casino cog-amount-input.casino-input input:disabled:-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(0, 0, 0, 0) !important; }
  #cog-acc-casino cog-amount-input.casino-input input:disabled::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(0, 0, 0, 0) !important; }
  #cog-acc-casino cog-amount-input.casino-input input:disabled:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(0, 0, 0, 0) !important; }
  #cog-acc-casino cog-amount-input.casino-input input:disabled::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(0, 0, 0, 0) !important; }

#cog-acc-casino .casino-management-block > div:first-child {
  width: 20px; }
  #cog-acc-casino .casino-management-block > div:first-child md-icon {
    margin-top: 6px; }

#cog-acc-casino .casino-management-block > div:nth-child(2) {
  min-width: 100px; }

#cog-acc-casino .casino-management-block > div:nth-child(4) {
  min-width: 80px;
  max-width: 140px; }

#cog-acc-casino .cog-casino-override {
  color: blue !important; }
  #cog-acc-casino .cog-casino-override input {
    color: blue !important; }
  #cog-acc-casino .cog-casino-override md-select-value {
    color: blue !important;
    font-weight: 700; }

#cog-acc-casino .cog-casino-balance {
  color: black; }
  #cog-acc-casino .cog-casino-balance input {
    color: black !important; }
  #cog-acc-casino .cog-casino-balance md-select-value {
    color: black !important;
    font-weight: 700; }

#cog-acc-casino .cog-balance md-select-value {
  font-weight: 700; }

#cog-acc-casino .casino-input-container {
  max-width: 120px !important; }
  #cog-acc-casino .casino-input-container md-select[disabled] .md-select-value {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: rgba(0, 0, 0, 0.2) !important;
    background-image: none; }

.casino-tooltip .md-content {
  font-size: 0.8em !important;
  max-width: 100%; }

.casino-blue-limit-hint {
  font-weight: 700;
  color: blue; }

.ip-container {
  --main-bg-color: rgb(32, 71, 88);
  font-family: 'Rubik', sans-serif;
  font-size: 15px;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box; }
  .ip-container md-content {
    box-sizing: border-box; }
    .ip-container md-content .menu {
      width: 400px;
      font-size: 13px; }
      .ip-container md-content .menu .menu-item {
        font-weight: bold;
        font-size: 13px;
        background-color: white;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-item-align: center;
            align-self: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        padding: 5px 0px 5px 20px;
        cursor: pointer;
        border-bottom: 0.5px solid rgba(0, 0, 0, 0.3); }
        .ip-container md-content .menu .menu-item .item-count {
          text-align: right;
          margin-right: 30px;
          font-size: 13px; }
      .ip-container md-content .menu .selected {
        background: rgba(255, 152, 0, 0.4); }
      .ip-container md-content .menu .menu-item:hover {
        background: linear-gradient(to right, rgba(32, 71, 88, 0.4), snow); }
  .ip-container .sub-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-item-align: center;
        align-self: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    background: var(--main-bg-color);
    color: #bbe9ff !important;
    text-transform: uppercase;
    height: 40px;
    padding: 0 0 0 20px; }
    .ip-container .sub-header .header-count {
      text-align: right;
      margin-right: 30px;
      color: white;
      font-size: 0.8em !important;
      font-weight: 400 !important; }
  .ip-container .content-group {
    max-width: 100%;
    background-color: #fff;
    padding: 0;
    border-bottom: 50px solid #dedede; }
    .ip-container .content-group .header {
      background-color: white;
      font-size: 22px; }
    .ip-container .content-group .content {
      padding: 0; }
    .ip-container .content-group md-card-title {
      background: white; }
    .ip-container .content-group no-data {
      border-radius: 2px; }
  .ip-container .header-color table {
    border: 0; }
  .ip-container .header-color table th {
    background-color: var(--main-bg-color);
    font-size: 14px;
    padding: 5px 0 5px 10px; }
  .ip-container .header-color table td {
    font-size: 14px;
    padding: 5px 0 5px 10px;
    border-bottom: 1px solid silver;
    background: #f2f4fa; }
  .ip-container .header-color table th:nth-child(1) {
    width: 15%; }
  .ip-container .header-color table th:nth-child(2) {
    width: 30%; }
  .ip-container .header-color table th:nth-child(3) {
    width: 40%; }
  .ip-container #ipchecker-report {
    background-color: #fff !important;
    padding: 10px 0px; }
    .ip-container #ipchecker-report .header-ipcheker {
      margin: 0 5px; }
      .ip-container #ipchecker-report .header-ipcheker h4 {
        margin-left: 5px;
        font-weight: 600; }
    .ip-container #ipchecker-report .contentColumnHeader, .ip-container #ipchecker-report #sum-table {
      margin: 0 10px 10px 10px; }
      .ip-container #ipchecker-report .contentColumnHeader table thead tr, .ip-container #ipchecker-report #sum-table table thead tr {
        height: 32px;
        background-color: var(--main-bg-color); }
        .ip-container #ipchecker-report .contentColumnHeader table thead tr th, .ip-container #ipchecker-report #sum-table table thead tr th {
          color: #fff !important;
          text-transform: capitalize;
          font-weight: normal;
          font-size: 14px;
          padding: 0 8px; }
          @media screen and (max-width: 599px) {
            .ip-container #ipchecker-report .contentColumnHeader table thead tr th, .ip-container #ipchecker-report #sum-table table thead tr th {
              font-size: 12px; } }
      .ip-container #ipchecker-report .contentColumnHeader table tbody tr, .ip-container #ipchecker-report #sum-table table tbody tr {
        height: 32px; }
        .ip-container #ipchecker-report .contentColumnHeader table tbody tr td, .ip-container #ipchecker-report #sum-table table tbody tr td {
          font-size: 14px;
          border-bottom: 1px solid silver;
          background: #f2f4fa;
          padding: 0 8px; }
          @media screen and (max-width: 599px) {
            .ip-container #ipchecker-report .contentColumnHeader table tbody tr td, .ip-container #ipchecker-report #sum-table table tbody tr td {
              font-size: 12px; } }
          .ip-container #ipchecker-report .contentColumnHeader table tbody tr td .data_click, .ip-container #ipchecker-report #sum-table table tbody tr td .data_click {
            text-decoration: underline !important;
            color: #4193d0 !important;
            cursor: pointer; }
        .ip-container #ipchecker-report .contentColumnHeader table tbody tr.sub-toolbar td, .ip-container #ipchecker-report #sum-table table tbody tr.sub-toolbar td {
          text-transform: capitalize;
          font-weight: 600; }
  .ip-container .cog-ip-address-info-dialog {
    width: 50%; }
    @media screen and (max-width: 599px) {
      .ip-container .cog-ip-address-info-dialog {
        max-width: 95%;
        width: 95%; } }
    @media screen and (min-width: 600px) and (max-width: 959px) {
      .ip-container .cog-ip-address-info-dialog {
        max-width: 80%;
        width: 80%; } }
    .ip-container .cog-ip-address-info-dialog .ip-information-container {
      padding: 10px 0px 0px 20px;
      overflow-x: hidden; }
    .ip-container .cog-ip-address-info-dialog md-dialog-actions {
      padding-left: 0px; }
  .ip-container .cog-wager-info-dialog {
    width: 50%; }
    @media screen and (max-width: 599px) {
      .ip-container .cog-wager-info-dialog {
        max-width: 95%;
        width: 95%; } }
    @media screen and (min-width: 600px) and (max-width: 959px) {
      .ip-container .cog-wager-info-dialog {
        max-width: 80%;
        width: 80%; } }
    .ip-container .cog-wager-info-dialog .md-dialog-content {
      padding: 10px; }
    .ip-container .cog-wager-info-dialog md-dialog-actions {
      padding-left: 8px; }
      .ip-container .cog-wager-info-dialog md-dialog-actions .md-button {
        margin-left: 4px; }
    .ip-container .cog-wager-info-dialog #dvPending {
      padding-bottom: 0px; }
      .ip-container .cog-wager-info-dialog #dvPending .lstPending md-list-item {
        min-height: 45px; }
        .ip-container .cog-wager-info-dialog #dvPending .lstPending md-list-item .pendingtype {
          font-size: 14px; }
        .ip-container .cog-wager-info-dialog #dvPending .lstPending md-list-item.md-2-line {
          padding: 0px !important; }
      .ip-container .cog-wager-info-dialog #dvPending md-list-item.md-2-line::before {
        min-height: 45px; }

#CogIpTicketDialog {
  background-color: transparent !important; }
  #CogIpTicketDialog #cogIPChecker-Detail-container .layout-row {
    margin: 0px; }
  #CogIpTicketDialog #cogIPChecker-Detail-container > div {
    width: 750px; }
  #CogIpTicketDialog #cogIPChecker-Detail-container .pendingExpandLeg {
    width: calc(100% - 25px);
    padding-left: 24px; }
  @media (max-width: 750px) {
    #CogIpTicketDialog #cogIPChecker-Detail-container > div {
      width: 100%; } }

@media (max-width: 1440px) {
  .ip-container md-content {
    min-width: 30%; }
    .ip-container md-content .menu {
      width: 100%;
      margin: 0; }
  .ip-container .header-color table th {
    background-color: var(--main-bg-color);
    font-size: 12px;
    padding: 5px 0 5px 10px; }
  .ip-container .header-color table th:nth-child(1) {
    width: 5%; }
  .ip-container .header-color table th:nth-child(2) {
    width: 25%; }
  .ip-container .header-color table th:nth-child(3) {
    width: 50%; }
  .ip-container .header-color table td {
    font-size: 12px;
    padding: 5px 0 5px 10px; } }

@media (max-width: 600px) {
  .ip-container {
    min-width: 100%;
    margin: 0 auto; }
    .ip-container md-content {
      min-width: 100%; }
      .ip-container md-content .menu {
        width: 100%; }
    .ip-container .content-group {
      max-width: 98%;
      margin: 0 auto; } }

#dvCommunications {
  box-sizing: border-box;
  height: 100%; }
  #dvCommunications md-tabs.md-blue-grey-theme.md-primary > md-tabs-wrapper {
    background-color: #175d73; }
  #dvCommunications md-tabs.md-blue-grey-theme.md-primary md-tabs-canvas md-tab-item:not(.md-active) {
    background-color: #124b5c; }
    #dvCommunications md-tabs.md-blue-grey-theme.md-primary md-tabs-canvas md-tab-item:not(.md-active):hover {
      background-color: #175d73; }
  #dvCommunications md-toolbar.md-blue-grey-theme:not(.md-menu-toolbar) {
    color: rgba(255, 255, 255, 0.87);
    background-color: #1d748f; }
  #dvCommunications .md-button.md-blue-grey-theme.md-primary.md-raised, #dvCommunications .md-button.md-blue-grey-theme.md-primary.md-fab {
    color: rgba(255, 255, 255, 0.87);
    background-color: #1d748f; }
    #dvCommunications .md-button.md-blue-grey-theme.md-primary.md-raised:not([disabled]):hover, #dvCommunications .md-button.md-blue-grey-theme.md-primary.md-fab:not([disabled]):hover {
      background-color: #2083a1; }
  #dvCommunications .md-button.md-blue-grey-theme.md-accent.md-raised, #dvCommunications .md-button.md-blue-grey-theme.md-accent.md-fab {
    color: rgba(0, 0, 0, 0.87);
    background-color: #fa0; }
    #dvCommunications .md-button.md-blue-grey-theme.md-accent.md-raised:not([disabled]):hover, #dvCommunications .md-button.md-blue-grey-theme.md-accent.md-fab:not([disabled]):hover {
      background-color: #ffb829; }
  #dvCommunications .md-button.md-blue-grey-theme.md-warn.md-raised, #dvCommunications .md-button.md-blue-grey-theme.md-warn.md-fab {
    color: #fff;
    background-color: #f44336; }
    #dvCommunications .md-button.md-blue-grey-theme.md-warn.md-raised:not([disabled]):hover, #dvCommunications .md-button.md-blue-grey-theme.md-warn.md-fab:not([disabled]):hover {
      background-color: #e53935; }
  #dvCommunications md-tabs.md-blue-grey-theme md-ink-bar {
    color: #fa0;
    background: #fa0; }
  #dvCommunications md-input-container.md-blue-grey-theme:not(.md-input-invalid).md-input-focused .md-input,
  #dvCommunications md-input-container.md-blue-grey-theme:not(.md-input-invalid).md-input-resized .md-input {
    border-color: #1d748f; }
  #dvCommunications .md-blue-grey-theme .md-datepicker-input-container.md-datepicker-focused {
    border-bottom-color: #1d748f; }
  @media screen and (min-width: 960px) {
    #dvCommunications {
      padding: 24px; } }
  #dvCommunications *,
  #dvCommunications *::before,
  #dvCommunications *::after {
    box-sizing: inherit; }
  #dvCommunications h2 {
    margin: 0;
    font-size: 21px;
    font-weight: 500; }
  #dvCommunications .md-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    min-width: 42px;
    max-width: 100%;
    min-height: 42px;
    padding: 0 14px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    border-radius: 3px;
    transition: all 0.2s ease; }
    @media screen and (min-width: 600px) {
      #dvCommunications .md-button {
        min-width: 36px;
        min-height: 36px;
        padding: 0 8.0px; } }
    #dvCommunications .md-button md-icon,
    #dvCommunications .md-button md-icon[md-font-icon] {
      color: inherit;
      font-size: 1.25em; }
  #dvCommunications md-input-container.md-blue-grey-theme:not(.md-input-invalid).md-input-focused label,
  #dvCommunications md-input-container.md-blue-grey-theme:not(.md-input-invalid).md-input-focused md-icon,
  #dvCommunications md-input-container.md-blue-grey-theme:not(.md-input-invalid).md-input-resized label,
  #dvCommunications md-input-container.md-blue-grey-theme:not(.md-input-invalid).md-input-resized md-icon {
    color: #526369; }
  #dvCommunications md-input-container.md-blue-grey-theme:not(.md-input-invalid).md-input-focused .md-input,
  #dvCommunications md-input-container.md-blue-grey-theme:not(.md-input-invalid).md-input-resized .md-input {
    border-color: #526369; }
  #dvCommunications .md-ripple-container,
  #dvCommunications md-dialog,
  #dvCommunications md-dialog.md-blue-grey-theme {
    border-radius: 0; }
  #dvCommunications .background-text {
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
        user-select: none; }
  #dvCommunications .header,
  #dvCommunications .dvCommunications__tabs md-tab-item,
  #dvCommunications .dvCommunications__tabs md-tabs-canvas,
  #dvCommunications .dvCommunications__tabs md-pagination-wrapper {
    height: auto;
    min-height: 49px;
    font-size: 18px;
    font-weight: 700;
    line-height: 49px; }
    @media screen and (min-width: 960px) {
      #dvCommunications .header,
      #dvCommunications .dvCommunications__tabs md-tab-item,
      #dvCommunications .dvCommunications__tabs md-tabs-canvas,
      #dvCommunications .dvCommunications__tabs md-pagination-wrapper {
        min-height: 48px;
        line-height: 48px; } }
    @media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) and (orientation: landscape) {
      #dvCommunications .header,
      #dvCommunications .dvCommunications__tabs md-tab-item,
      #dvCommunications .dvCommunications__tabs md-tabs-canvas,
      #dvCommunications .dvCommunications__tabs md-pagination-wrapper {
        min-height: 42px;
        line-height: 42px; } }
  #dvCommunications .dvCommunications__tabs md-tab-item,
  #dvCommunications .header {
    padding-right: 21px;
    padding-left: 21px; }
    @media screen and (min-width: 960px) {
      #dvCommunications .dvCommunications__tabs md-tab-item,
      #dvCommunications .header {
        padding-right: 18px;
        padding-left: 18px; } }
    #dvCommunications .dvCommunications__tabs md-tab-item .title,
    #dvCommunications .header .title {
      margin-right: 20px;
      margin-left: 10px;
      font-size: 1em;
      line-height: 1;
      text-transform: uppercase; }
  #dvCommunications .dvCommunications__tabs {
    height: 100%;
    padding: 0;
    border-radius: 0; }
    #dvCommunications .dvCommunications__tabs md-pagination-wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      width: 100% !important;
      height: auto; }
    #dvCommunications .dvCommunications__tabs md-tab-item {
      padding-top: 0;
      padding-bottom: 0;
      color: rgba(255, 255, 255, 0.666667);
      text-align: left; }
      #dvCommunications .dvCommunications__tabs md-tab-item.md-active {
        color: rgba(255, 255, 255, 0.875);
        box-shadow: 6px 0 6px rgba(0, 0, 0, 0.125), -6px 0 6px rgba(0, 0, 0, 0.125);
        z-index: 1; }
      #dvCommunications .dvCommunications__tabs md-tab-item > span::before {
        display: inline-block;
        margin-right: .5em;
        font-family: "FontAwesome", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif; }
      @media screen and (min-width: 300px) {
        #dvCommunications .dvCommunications__tabs md-tab-item:first-child > span::before {
          content: "\f01c"; } }
      @media screen and (min-width: 300px) {
        #dvCommunications .dvCommunications__tabs md-tab-item:nth-child(2) > span::before {
          content: "\f075"; } }
      #dvCommunications .dvCommunications__tabs md-tab-item + md-ink-bar {
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 2; }
    #dvCommunications .dvCommunications__tabs md-tabs-content-wrapper,
    #dvCommunications .dvCommunications__tabs md-tab-content,
    #dvCommunications .dvCommunications__tabs md-tab-content > [md-tabs-template],
    #dvCommunications .dvCommunications__tabs md-tab-content > [md-tabs-template] > md-content {
      height: 100%; }
  #dvCommunications .midButtons {
    overflow: hidden; }
    @media screen and (max-width: 959px) {
      #dvCommunications .midButtons {
        padding: 0; } }
    #dvCommunications .midButtons .md-button {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      min-height: 42px;
      margin: 0;
      padding: 0 14px;
      color: #000;
      line-height: 42px;
      background-color: #fafafa;
      box-shadow: 6px 0 6px rgba(0, 0, 0, 0.125), -6px 0 6px rgba(0, 0, 0, 0.125);
      border-radius: 0;
      z-index: 1; }
      @media screen and (min-width: 960px) {
        #dvCommunications .midButtons .md-button {
          min-height: 42px;
          padding-right: 12px;
          padding-left: 12px; } }
      @media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) and (orientation: landscape) {
        #dvCommunications .midButtons .md-button {
          min-height: 35px;
          line-height: 35px; } }
      #dvCommunications .midButtons .md-button md-icon,
      #dvCommunications .midButtons .md-button .btn-text {
        margin-right: 0;
        margin-left: 0; }
      #dvCommunications .midButtons .md-button.inactive-button {
        background-color: #c8c8c8;
        box-shadow: none;
        z-index: auto; }
        #dvCommunications .midButtons .md-button.inactive-button:hover {
          background-color: #d5d5d5; }
  #dvCommunications .mail-container {
    height: 100%;
    background-color: #fafafa !important; }
    #dvCommunications .mail-container .no-messages {
      min-height: 140px;
      color: rgba(0, 0, 0, 0.5);
      font-size: 20px;
      background-color: #fafafa; }
      @media screen and (max-width: 959px) {
        #dvCommunications .mail-container .no-messages {
          border-right: none; } }
      @media screen and (min-width: 960px) {
        #dvCommunications .mail-container .no-messages {
          min-height: 144px; } }
    #dvCommunications .mail-container .mdList,
    #dvCommunications .mail-container .commmunication-email-content {
      height: 100%;
      max-height: calc(100vh - 204px);
      background-color: #fafafa !important; }
      @media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) and (orientation: landscape) {
        #dvCommunications .mail-container .mdList,
        #dvCommunications .mail-container .commmunication-email-content {
          max-height: calc(100vh - 154px); } }
    @media screen and (min-width: 600px) {
      #dvCommunications .mail-container .mdList {
        max-height: calc(100% - 90px); } }
    @media screen and (min-width: 960px) {
      #dvCommunications .mail-container .commmunication-email-content {
        max-height: calc(94vh - 216px); } }
    @media screen and (min-width: 600px) {
      #dvCommunications .mail-container .mdList,
      #dvCommunications .mail-container .midButtons {
        border-right: 1px solid #bbb7b7; } }
    #dvCommunications .mail-container .inbox-container {
      overflow-x: hidden;
      overflow-y: auto; }
      @media screen and (min-width: 960px) {
        #dvCommunications .mail-container .inbox-container::-webkit-scrollbar {
          width: 8px;
          background: rgba(0, 0, 0, 0.1);
          transition: all 0.2s ease; }
        #dvCommunications .mail-container .inbox-container::-webkit-scrollbar-thumb {
          border-radius: 0;
          background: rgba(0, 0, 0, 0.15);
          border-radius: 4px;
          transition: all 0.2s ease; } }
    #dvCommunications .mail-container .inbox-list {
      background-color: #fafafa; }
      @media screen and (max-width: 959px) {
        #dvCommunications .mail-container .inbox-list {
          padding-bottom: 70px; } }
      #dvCommunications .mail-container .inbox-list md-list-item.md-2-line,
      #dvCommunications .mail-container .inbox-list d-list-item.md-2-line > .md-no-style,
      #dvCommunications .mail-container .inbox-list md-list-item._md-button-wrap > div.md-button:first-child .md-list-item-inner {
        min-height: 0; }
      #dvCommunications .mail-container .inbox-list .md-button,
      #dvCommunications .mail-container .inbox-list .inbox-list__email .md-list-item-text,
      #dvCommunications .mail-container .inbox-list .inbox-list__email > .md-no-style .md-list-item-text {
        min-height: 70px;
        margin-top: 0;
        margin-bottom: 0;
        padding: 14px; }
        @media screen and (min-width: 960px) {
          #dvCommunications .mail-container .inbox-list .md-button,
          #dvCommunications .mail-container .inbox-list .inbox-list__email .md-list-item-text,
          #dvCommunications .mail-container .inbox-list .inbox-list__email > .md-no-style .md-list-item-text {
            min-height: 48px;
            padding: 12px 15px; } }
      #dvCommunications .mail-container .inbox-list .md-button {
        border-radius: 0;
        box-shadow: none; }
        #dvCommunications .mail-container .inbox-list .md-button.md-blue-grey-theme:not([disabled]):hover {
          background-color: transparent; }
      #dvCommunications .mail-container .inbox-list__email {
        margin: 0;
        padding: 0;
        background-color: transparent;
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
        transition: all 0.5s ease; }
        #dvCommunications .mail-container .inbox-list__email:hover {
          background-color: white; }
        #dvCommunications .mail-container .inbox-list__email .md-button {
          font-size: 1em; }
        #dvCommunications .mail-container .inbox-list__email::before,
        #dvCommunications .mail-container .inbox-list__email .md-list-item-inner::before {
          content: none; }
        #dvCommunications .mail-container .inbox-list__email.md-2-line > .md-no-style {
          min-height: inherit;
          padding-right: 0 !important;
          padding-left: 0 !important; }
        #dvCommunications .mail-container .inbox-list__email.md-2-line::before,
        #dvCommunications .mail-container .inbox-list__email.md-2-line > .md-no-style::before {
          content: none; }
        #dvCommunications .mail-container .inbox-list__email.md-2-line .md-list-item-text > *:last-child {
          margin-right: 0;
          margin-left: auto; }
        #dvCommunications .mail-container .inbox-list__email._md-button-wrap > div.md-button:first-child > .md-button:first-child {
          right: 0;
          bottom: 0; }
        #dvCommunications .mail-container .inbox-list__email .checkboxFour,
        #dvCommunications .mail-container .inbox-list__email .icn-deleted {
          position: relative;
          margin-right: 14px;
          margin-left: 0; }
        #dvCommunications .mail-container .inbox-list__email .checkboxFour {
          width: 35px;
          height: 35px;
          margin-top: 2px;
          color: rgba(0, 0, 0, 0.333333);
          font-size: 16px; }
          #dvCommunications .mail-container .inbox-list__email .checkboxFour::before,
          #dvCommunications .mail-container .inbox-list__email .checkboxFour label {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            font-family: "FontAwesome", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
            line-height: 1; }
          #dvCommunications .mail-container .inbox-list__email .checkboxFour::before {
            content: "\f096";
            font-size: 42px; }
          #dvCommunications .mail-container .inbox-list__email .checkboxFour input[type=checkbox] {
            display: block;
            width: inherit;
            height: inherit;
            margin: 0; }
          #dvCommunications .mail-container .inbox-list__email .checkboxFour label {
            display: block;
            width: 100%;
            height: 100%;
            font-size: 38.5px;
            background-color: transparent;
            cursor: pointer;
            transition: all 0.5s ease; }
          #dvCommunications .mail-container .inbox-list__email .checkboxFour input[type=checkbox]:checked + label::before {
            content: "\f14a";
            position: absolute;
            top: 1px;
            left: 0;
            z-index: 1;
            color: #000; }
        #dvCommunications .mail-container .inbox-list__email .icn-deleted {
          width: .875em;
          height: .875em;
          color: rgba(0, 0, 0, 0.5);
          font-size: 42px;
          line-height: .875em; }
        #dvCommunications .mail-container .inbox-list__email .email-info {
          overflow: hidden;
          text-overflow: ellipsis; }
        #dvCommunications .mail-container .inbox-list__email .fromMsg,
        #dvCommunications .mail-container .inbox-list__email .label-date,
        #dvCommunications .mail-container .inbox-list__email .format-date {
          margin-top: 0;
          margin-bottom: 0;
          line-height: 1.5; }
        #dvCommunications .mail-container .inbox-list__email .fromMsg {
          color: rgba(0, 0, 0, 0.75);
          font-size: .875em;
          font-weight: 500 !important;
          line-height: 1.5; }
          #dvCommunications .mail-container .inbox-list__email .fromMsg.deleted {
            color: rgba(0, 0, 0, 0.5); }
        #dvCommunications .mail-container .inbox-list__email .shortDesc {
          color: #000;
          font-size: 1em;
          font-weight: 500 !important;
          line-height: 1.3;
          white-space: normal;
          text-overflow: ellipsis;
          white-space: nowrap; }
          #dvCommunications .mail-container .inbox-list__email .shortDesc.deleted {
            color: rgba(0, 0, 0, 0.5); }
        #dvCommunications .mail-container .inbox-list__email .email-date {
          text-align: right;
          font-size: .875em;
          font-weight: 400 !important; }
        #dvCommunications .mail-container .inbox-list__email .label-date,
        #dvCommunications .mail-container .inbox-list__email .format-date {
          color: rgba(0, 0, 0, 0.5); }
          #dvCommunications .mail-container .inbox-list__email .label-date.deleted,
          #dvCommunications .mail-container .inbox-list__email .format-date.deleted {
            color: rgba(0, 0, 0, 0.25); }
        #dvCommunications .mail-container .inbox-list__email .format-date {
          color: rgba(0, 0, 0, 0.666667); }
          #dvCommunications .mail-container .inbox-list__email .format-date.deleted {
            color: rgba(0, 0, 0, 0.333333); }
        #dvCommunications .mail-container .inbox-list__email.md-3-line.md-long-text {
          margin-top: 0;
          margin-bottom: 0; }
        #dvCommunications .mail-container .inbox-list__email h3 .md-caption {
          float: right; }
        #dvCommunications .mail-container .inbox-list__email.md-button-wrap > .md-button:first-child .md-list-item-inner {
          width: auto; }
        #dvCommunications .mail-container .inbox-list__email--active {
          color: #000;
          background: #ffb829; }
          #dvCommunications .mail-container .inbox-list__email--active:hover {
            background: #ffc44f; }
    #dvCommunications .mail-container .inbox-footer {
      padding: 14px;
      background-color: rgba(250, 250, 250, 0.875);
      margin-top: auto;
      margin-bottom: 0; }
      @media screen and (max-width: 959px) {
        #dvCommunications .mail-container .inbox-footer {
          position: absolute;
          right: 0;
          bottom: 46px;
          left: 0;
          z-index: 2;
          pointer-events: none; } }
      @media screen and (min-width: 600px) {
        #dvCommunications .mail-container .inbox-footer {
          padding: 12px; } }
      @media screen and (min-width: 960px) {
        #dvCommunications .mail-container .inbox-footer {
          border-top: 1px solid rgba(0, 0, 0, 0.125); } }
      @media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) and (orientation: landscape) {
        #dvCommunications .mail-container .inbox-footer {
          background-color: transparent; } }
      #dvCommunications .mail-container .inbox-footer * {
        pointer-events: all; }
      #dvCommunications .mail-container .inbox-footer .md-button {
        -ms-flex-pack: center;
            justify-content: center;
        margin: 0 .5em; }
        #dvCommunications .mail-container .inbox-footer .md-button:first-child {
          margin-left: 0; }
        #dvCommunications .mail-container .inbox-footer .md-button:last-child {
          margin-right: 0; }
        #dvCommunications .mail-container .inbox-footer .md-button md-icon {
          margin-right: 0;
          margin-left: 0; }
        #dvCommunications .mail-container .inbox-footer .md-button .btn-text {
          text-overflow: ellipsis;
          overflow: hidden; }
        #dvCommunications .mail-container .inbox-footer .md-button md-icon + .btn-text {
          margin-right: 0;
          margin-left: 4px; }
      #dvCommunications .mail-container .inbox-footer .mail-footer-item {
        display: block;
        width: 100%; }
        @media screen and (min-width: 600px) {
          #dvCommunications .mail-container .inbox-footer .mail-footer-item {
            display: inline-block;
            width: auto; } }
    #dvCommunications .mail-container .btnDelete {
      margin: 0; }
    #dvCommunications .mail-container .newmail {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  #dvCommunications .comments-container {
    background-color: transparent !important; }
    #dvCommunications .comments-container .md-button {
      -ms-flex-pack: center;
          justify-content: center;
      margin: 0 .5em; }
      #dvCommunications .comments-container .md-button md-icon {
        margin-right: auto;
        margin-left: auto; }
      #dvCommunications .comments-container .md-button .btn-text {
        margin-right: 0;
        margin-left: 4px;
        text-overflow: ellipsis;
        overflow: hidden; }
    #dvCommunications .comments-container .comments-header {
      color: #000;
      background-color: #fafafa; }
      #dvCommunications .comments-container .comments-header md-select {
        margin: 0;
        font-size: 19px; }
        #dvCommunications .comments-container .comments-header md-select .md-select-value {
          border-bottom-color: white; }
        #dvCommunications .comments-container .comments-header md-select:not([disabled]):focus .md-select-value {
          color: #fafafa; }
      #dvCommunications .comments-container .comments-header .note {
        margin-top: 8px;
        font-size: 13px;
        color: #bbb;
        font-weight: 500; }
      #dvCommunications .comments-container .comments-header .comment-options {
        margin-right: 20px; }
        @media screen and (max-width: 959px) {
          #dvCommunications .comments-container .comments-header .comment-options {
            margin-right: 0; } }
    #dvCommunications .comments-container .comments-main {
      width: 100%; }
      #dvCommunications .comments-container .comments-main md-tabs-canvas,
      #dvCommunications .comments-container .comments-main md-pagination-wrapper,
      #dvCommunications .comments-container .comments-main md-tab-item {
        min-height: 56px;
        line-height: 56px; }
        @media screen and (min-width: 410px) {
          #dvCommunications .comments-container .comments-main md-tabs-canvas,
          #dvCommunications .comments-container .comments-main md-pagination-wrapper,
          #dvCommunications .comments-container .comments-main md-tab-item {
            min-height: 42px;
            line-height: 42px; } }
        @media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) and (orientation: landscape) {
          #dvCommunications .comments-container .comments-main md-tabs-canvas,
          #dvCommunications .comments-container .comments-main md-pagination-wrapper,
          #dvCommunications .comments-container .comments-main md-tab-item {
            min-height: 35px;
            line-height: 35px; } }
      #dvCommunications .comments-container .comments-main md-tab-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center;
        padding: 0 14px;
        color: #000;
        font-size: .875em;
        text-align: center;
        text-transform: none;
        text-overflow: clip;
        background-color: #d9d9d9 !important;
        border-right: 1px solid rgba(0, 0, 0, 0.125); }
        @media screen and (max-width: 409px) {
          #dvCommunications .comments-container .comments-main md-tab-item {
            line-height: 1.5; } }
        @media screen and (min-width: 960px) {
          #dvCommunications .comments-container .comments-main md-tab-item {
            padding-right: 12px;
            padding-left: 12px;
            font-size: 1em; } }
        #dvCommunications .comments-container .comments-main md-tab-item:last-of-type {
          border-right: none; }
        #dvCommunications .comments-container .comments-main md-tab-item.md-active {
          background-color: #fafafa !important;
          border-right: none;
          border-left: none;
          box-shadow: 6px 0 6px rgba(0, 0, 0, 0.125), -6px 0 6px rgba(0, 0, 0, 0.125);
          z-index: 1; }
        #dvCommunications .comments-container .comments-main md-tab-item:first-child > span::before,
        #dvCommunications .comments-container .comments-main md-tab-item:nth-child(2) > span::before {
          content: none; }
        #dvCommunications .comments-container .comments-main md-tab-item span {
          white-space: normal; }
      @media screen and (min-width: 960px) {
        #dvCommunications .comments-container .comments-main md-tabs-wrapper {
          display: none; } }
      @media screen and (min-width: 960px) {
        #dvCommunications .comments-container .comments-main md-tabs-content-wrapper {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
      @media screen and (min-width: 960px) and (max-height: 799px) {
        #dvCommunications .comments-container .comments-main md-tabs-content-wrapper {
          max-height: 85%; } }
      @media screen and (min-width: 960px) and (min-height: 800px) {
        #dvCommunications .comments-container .comments-main md-tabs-content-wrapper {
          max-height: 420px; } }
      @media screen and (min-width: 960px) {
        #dvCommunications .comments-container .comments-main md-tab-content {
          position: static;
          display: -ms-flexbox;
          display: flex;
          -ms-flex: 1 1 0px;
              flex: 1 1 0;
          border-right: 1px solid rgba(0, 0, 0, 0.125);
          opacity: 1;
          transform: none;
          animation: none; } }
      #dvCommunications .comments-container .comments-main md-tab-content:last-child {
        border-right: none; }
      @media screen and (min-width: 960px) {
        #dvCommunications .comments-container .comments-main md-tab-content.md-right:not(.md-active) *,
        #dvCommunications .comments-container .comments-main md-tab-content.md-left:not(.md-active) * {
          visibility: visible; } }
      @media screen and (min-width: 960px) {
        #dvCommunications .comments-container .comments-main md-tab-content > * {
          width: 100%;
          min-height: 100%; } }
      #dvCommunications .comments-container .comments-main md-ink-bar {
        display: none; }
    #dvCommunications .comments-container .comments-subcontainer {
      max-height: 100%;
      padding-top: 7px;
      background-color: #fafafa !important; }
      @media screen and (min-width: 600px) {
        #dvCommunications .comments-container .comments-subcontainer {
          padding-top: 6px; } }
      @media screen and (max-width: 959px) {
        #dvCommunications .comments-container .comments-subcontainer {
          height: calc(100% - 49px) !important; } }
      @media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) and (orientation: landscape) {
        #dvCommunications .comments-container .comments-subcontainer {
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-pack: justify;
              justify-content: space-between;
          height: calc(100% - 42px) !important; } }
      #dvCommunications .comments-container .comments-subcontainer input[type="text"],
      #dvCommunications .comments-container .comments-subcontainer textarea {
        height: auto !important;
        min-height: 84px;
        padding: 14px;
        font-size: 18px;
        border-width: 1px;
        resize: vertical; }
        @media screen and (min-width: 600px) {
          #dvCommunications .comments-container .comments-subcontainer input[type="text"],
          #dvCommunications .comments-container .comments-subcontainer textarea {
            min-height: 108px;
            padding: 12px;
            font-size: 16px; } }
      #dvCommunications .comments-container .comments-subcontainer md-input-container label:not(.md-no-float):not(.md-container-ignore),
      #dvCommunications .comments-container .comments-subcontainer md-input-container .md-placeholder {
        display: inline-block;
        width: auto;
        padding-right: 16px;
        background-color: #fafafa; }
      #dvCommunications .comments-container .comments-subcontainer .note {
        margin-bottom: 14px;
        color: rgba(0, 0, 0, 0.5);
        text-align: center; }
        @media screen and (min-width: 600px) {
          #dvCommunications .comments-container .comments-subcontainer .note {
            margin-bottom: 12px; } }
      #dvCommunications .comments-container .comments-subcontainer__main, #dvCommunications .comments-container .comments-subcontainer__footer {
        width: 100%; }
        @media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) and (orientation: landscape) {
          #dvCommunications .comments-container .comments-subcontainer__main, #dvCommunications .comments-container .comments-subcontainer__footer {
            width: auto; } }
      #dvCommunications .comments-container .comments-subcontainer__main {
        max-height: calc(100vh - 215px);
        margin-right: auto;
        margin-left: auto;
        padding-right: 28px;
        padding-bottom: 84px;
        padding-left: 28px;
        overflow-x: hidden;
        overflow-y: auto; }
        @media screen and (min-width: 960px) {
          #dvCommunications .comments-container .comments-subcontainer__main {
            padding-right: 12px;
            padding-bottom: 24px;
            padding-left: 12px; } }
        @media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) and (orientation: landscape) {
          #dvCommunications .comments-container .comments-subcontainer__main {
            max-height: calc(100vh - 196px);
            padding-bottom: 14px; } }
      #dvCommunications .comments-container .comments-subcontainer__child {
        margin-bottom: 14px; }
        @media screen and (min-width: 600px) {
          #dvCommunications .comments-container .comments-subcontainer__child {
            margin-bottom: 24px; } }
        #dvCommunications .comments-container .comments-subcontainer__child:last-child {
          margin-bottom: 0; }
      #dvCommunications .comments-container .comments-subcontainer__subwrapper {
        margin-right: auto;
        margin-left: auto; }
        @media screen and (min-width: 600px) {
          #dvCommunications .comments-container .comments-subcontainer__subwrapper {
            max-width: 420px; } }
        @media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) and (orientation: landscape) {
          #dvCommunications .comments-container .comments-subcontainer__subwrapper {
            max-width: none; } }
      #dvCommunications .comments-container .comments-subcontainer__footer {
        min-height: 56px;
        padding: 14px;
        background-color: rgba(250, 250, 250, 0.875);
        margin-top: auto;
        margin-bottom: 0; }
        @media screen and (max-width: 959px) {
          #dvCommunications .comments-container .comments-subcontainer__footer {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2;
            pointer-events: none; } }
        @media screen and (min-width: 600px) {
          #dvCommunications .comments-container .comments-subcontainer__footer {
            min-height: 48px;
            padding: 12px; } }
        @media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) and (orientation: landscape) {
          #dvCommunications .comments-container .comments-subcontainer__footer {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-negative: 1;
                flex-shrink: 1;
            -ms-flex-direction: column;
                flex-direction: column;
            -ms-flex-pack: start;
                justify-content: flex-start;
            -ms-flex-align: stretch;
                align-items: stretch;
            position: static;
            margin-top: 0;
            pointer-events: all; } }
        @media screen and (min-width: 600px) and (max-width: 959px) and (min-height: 600px) {
          #dvCommunications .comments-container .comments-subcontainer__footer {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: row;
                flex-direction: row;
            -ms-flex-pack: justify;
                justify-content: space-between;
            pointer-events: all; } }
        @media screen and (min-width: 600px) {
          #dvCommunications .comments-container .comments-subcontainer__footer .comments-subcontainer__subwrapper {
            max-width: none; } }
        @media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) and (orientation: landscape) {
          #dvCommunications .comments-container .comments-subcontainer__footer .comments-subcontainer__subwrapper {
            margin: auto 0 0; } }
        @media screen and (min-width: 600px) and (max-width: 959px) and (min-height: 600px) {
          #dvCommunications .comments-container .comments-subcontainer__footer .comments-subcontainer__subwrapper {
            margin-right: 0; } }
        #dvCommunications .comments-container .comments-subcontainer__footer .comments-subcontainer__subwrapper * {
          pointer-events: all; }
    #dvCommunications .comments-container .comments-input {
      width: 100%;
      margin-top: 21px;
      margin-right: auto;
      margin-left: auto; }
      @media screen and (min-width: 600px) {
        #dvCommunications .comments-container .comments-input {
          margin-top: 24px; } }
      #dvCommunications .comments-container .comments-input label {
        font-size: 20px; }
        @media screen and (min-width: 600px) {
          #dvCommunications .comments-container .comments-input label {
            font-size: 18px; } }
    #dvCommunications .comments-container .comments-datepicker {
      min-height: 42px;
      overflow: visible; }
      @media screen and (min-width: 600px) {
        #dvCommunications .comments-container .comments-datepicker {
          min-height: 36px; } }
      @media screen and (min-width: 600px) {
        #dvCommunications .comments-container .comments-datepicker__label {
          -ms-flex-positive: 0;
              flex-grow: 0; } }
      #dvCommunications .comments-container .comments-datepicker__widget {
        padding-right: 0;
        margin-right: 0; }
        #dvCommunications .comments-container .comments-datepicker__widget .md-button {
          display: inline-block;
          width: auto;
          height: auto;
          margin-left: 0;
          box-shadow: none; }
        #dvCommunications .comments-container .comments-datepicker__widget .md-datepicker-triangle-button {
          margin-right: 14px; }
          @media screen and (min-width: 600px) {
            #dvCommunications .comments-container .comments-datepicker__widget .md-datepicker-triangle-button {
              margin-right: 12px; } }
      #dvCommunications .comments-container .comments-datepicker .md-datepicker-input-container {
        width: 70%;
        width: calc(100% - 64px);
        margin-right: 0;
        margin-left: 0; }
        @media screen and (min-width: 600px) {
          #dvCommunications .comments-container .comments-datepicker .md-datepicker-input-container {
            width: auto; } }
      #dvCommunications .comments-container .comments-datepicker .md-datepicker-input {
        min-width: 8em;
        min-height: 1.6em;
        padding-bottom: 7px;
        font-size: 18px; }
        @media screen and (min-width: 600px) {
          #dvCommunications .comments-container .comments-datepicker .md-datepicker-input {
            padding-bottom: 6px;
            font-size: 16px; } }
    #dvCommunications .comments-container .copy-to-other-agents {
      margin-right: auto;
      margin-left: auto; }
      #dvCommunications .comments-container .copy-to-other-agents__btn .btn-text {
        white-space: normal;
        text-overflow: clip; }
    #dvCommunications .comments-container .players-also {
      margin-right: auto;
      margin-left: auto; }
      @media screen and (min-width: 1440px) {
        #dvCommunications .comments-container .players-also {
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; } }
      #dvCommunications .comments-container .players-also__label {
        padding-right: 8px;
        padding-left: 8px;
        color: rgba(0, 0, 0, 0.666667); }
        @media screen and (min-width: 600px) {
          #dvCommunications .comments-container .players-also__label {
            text-align: center; } }
      #dvCommunications .comments-container .players-also__toggle .md-button {
        margin-right: 0;
        margin-left: 0;
        color: rgba(0, 0, 0, 0.5);
        background-color: #d9d9d9;
        border-radius: 0;
        box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.125) inset; }
        #dvCommunications .comments-container .players-also__toggle .md-button:hover {
          background-color: #e6e6e6; }
        #dvCommunications .comments-container .players-also__toggle .md-button.on, #dvCommunications .comments-container .players-also__toggle .md-button.on:hover {
          color: #fff;
          background-color: #1d748f !important;
          box-shadow: none; }
        #dvCommunications .comments-container .players-also__toggle .md-button.off, #dvCommunications .comments-container .players-also__toggle .md-button.off:hover {
          color: #fff;
          background-color: #f44336 !important;
          box-shadow: none; }
        #dvCommunications .comments-container .players-also__toggle .md-button:first-child {
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px; }
        #dvCommunications .comments-container .players-also__toggle .md-button:last-child {
          border-top-right-radius: 3px;
          border-bottom-right-radius: 3px; }
    #dvCommunications .comments-container .btn-actions > .md-button {
      margin-top: 14px;
      margin-right: 0;
      margin-left: 14px; }
      @media screen and (min-width: 600px) {
        #dvCommunications .comments-container .btn-actions > .md-button {
          margin-top: 12px;
          margin-left: 12px; } }
      #dvCommunications .comments-container .btn-actions > .md-button:first-of-type {
        margin-left: 0; }

.dialog-copy-message {
  box-sizing: border-box; }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    .dialog-copy-message {
      max-width: 90%;
      max-height: 90%; } }
  @media screen and (min-width: 600px) {
    .dialog-copy-message {
      transform: translateY(-20px); } }
  @media screen and (max-width: 599px) {
    .dialog-copy-message.mobile-fullwidth-dialog, .dialog-copy-message.md-dialog-fullscreen {
      border-radius: 0; } }
  @media screen and (min-width: 600px) {
    .dialog-copy-message.md-dialog.md-transition-in {
      transform: translate(0, -20px) scale(1); } }
  @media screen and (min-width: 600px) {
    .dialog-copy-message {
      width: 100%;
      max-width: 400px; } }
  .dialog-copy-message *,
  .dialog-copy-message *::before,
  .dialog-copy-message *::after {
    box-sizing: inherit; }
  .dialog-copy-message .md-button[disabled] {
    box-shadow: none !important;
    cursor: not-allowed; }
  .dialog-copy-message .md-button.md-primary.md-raised:not([disabled]) md-icon,
  .dialog-copy-message .md-button.md-primary.md-fab:not([disabled]) md-icon, .dialog-copy-message .md-button.md-accent.md-raised:not([disabled]) md-icon,
  .dialog-copy-message .md-button.md-accent.md-fab:not([disabled]) md-icon, .dialog-copy-message .md-button.md-warn.md-raised:not([disabled]) md-icon,
  .dialog-copy-message .md-button.md-warn.md-fab:not([disabled]) md-icon {
    color: inherit;
    fill: inherit; }
  .dialog-copy-message .md-button.md-warn:not(.md-raised):not([disabled]) {
    color: #f44336; }
    .dialog-copy-message .md-button.md-warn:not(.md-raised):not([disabled]) md-icon {
      color: inherit; }
    .dialog-copy-message .md-button.md-warn:not(.md-raised):not([disabled]):hover {
      color: #ef5350; }
  .dialog-copy-message .md-button.md-warn.md-raised:not([disabled]) {
    color: #fff;
    background-color: #f44336; }
    .dialog-copy-message .md-button.md-warn.md-raised:not([disabled]) md-icon {
      color: inherit; }
    .dialog-copy-message .md-button.md-warn.md-raised:not([disabled]):hover {
      background-color: #ef5350; }
  .dialog-copy-message .md-button.md-warn.md-raised[disabled] {
    color: rgba(0, 0, 0, 0.38); }
  .dialog-copy-message .md-button md-icon,
  .dialog-copy-message .md-button .fa,
  .dialog-copy-message .md-button .zmdi {
    color: inherit; }
  .dialog-copy-message .toolbar-default {
    height: 56px;
    line-height: 56px; }
  .dialog-copy-message .md-toolbar-tools {
    height: inherit;
    min-height: inherit;
    line-height: inherit; }
    @media (max-width: 959px) and (min-width: 0) and (orientation: landscape) {
      .dialog-copy-message .md-toolbar-tools {
        height: 56px;
        max-height: none; } }
    .dialog-copy-message .md-toolbar-tools .title-icon {
      width: auto;
      min-width: 16px;
      max-width: 24px;
      height: auto;
      min-height: 16px;
      max-height: 24px;
      line-height: 16px;
      margin-right: 8px;
      margin-left: 0; }
    .dialog-copy-message .md-toolbar-tools h1, .dialog-copy-message .md-toolbar-tools h2, .dialog-copy-message .md-toolbar-tools h3, .dialog-copy-message .md-toolbar-tools h4, .dialog-copy-message .md-toolbar-tools h5, .dialog-copy-message .md-toolbar-tools h6 {
      overflow: hidden; }
      .dialog-copy-message .md-toolbar-tools h1 .title-count, .dialog-copy-message .md-toolbar-tools h2 .title-count, .dialog-copy-message .md-toolbar-tools h3 .title-count, .dialog-copy-message .md-toolbar-tools h4 .title-count, .dialog-copy-message .md-toolbar-tools h5 .title-count, .dialog-copy-message .md-toolbar-tools h6 .title-count {
        margin-right: .5em; }
      .dialog-copy-message .md-toolbar-tools h1 .title, .dialog-copy-message .md-toolbar-tools h2 .title, .dialog-copy-message .md-toolbar-tools h3 .title, .dialog-copy-message .md-toolbar-tools h4 .title, .dialog-copy-message .md-toolbar-tools h5 .title, .dialog-copy-message .md-toolbar-tools h6 .title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .dialog-copy-message .md-toolbar-tools .md-button.md-icon-button {
      height: auto;
      min-height: inherit;
      line-height: inherit; }
  .dialog-copy-message md-dialog-content {
    padding-right: 20px;
    padding-left: 20px; }
    .dialog-copy-message md-dialog-content .md-button:not(.md-raised):not([disabled]) {
      background-color: rgba(158, 158, 158, 0.2); }
      .dialog-copy-message md-dialog-content .md-button:not(.md-raised):not([disabled]):hover {
        background-color: rgba(158, 158, 158, 0.4); }
    .dialog-copy-message md-dialog-content .reply-forward-head {
      margin-top: 15px; }
    .dialog-copy-message md-dialog-content form {
      padding-bottom: 5px; }
    .dialog-copy-message md-dialog-content md-input-container {
      margin-top: 10px !important;
      margin-bottom: 20px !important;
      padding: 0; }
      .dialog-copy-message md-dialog-content md-input-container .md-errors-spacer {
        display: none; }
      .dialog-copy-message md-dialog-content md-input-container .md-input-message-animation {
        opacity: 1;
        margin-top: 0; }
      .dialog-copy-message md-dialog-content md-input-container.active i, .dialog-copy-message md-dialog-content md-input-container:hover i {
        opacity: 1; }
      .dialog-copy-message md-dialog-content md-input-container[disabled] {
        color: rgba(0, 0, 0, 0.38); }
    .dialog-copy-message md-dialog-content .email-dialog-to {
      position: relative;
      box-shadow: 0 1px #e0e0e0; }
      .dialog-copy-message md-dialog-content .email-dialog-to .md-icon-button {
        position: absolute;
        top: 4px;
        right: -16px;
        margin: 0; }
      .dialog-copy-message md-dialog-content .email-dialog-to .md-chips {
        box-shadow: none; }
    .dialog-copy-message md-dialog-content .email-dialog-ccs {
      max-height: 400px;
      opacity: 1;
      overflow: hidden;
      transition: all .5s; }
      .dialog-copy-message md-dialog-content .email-dialog-ccs md-contact-chips:last-child {
        box-shadow: 0 -1px #e0e0e0 inset; }
      .dialog-copy-message md-dialog-content .email-dialog-ccs .md-chips {
        box-shadow: none; }
      .dialog-copy-message md-dialog-content .email-dialog-ccs.ng-hide {
        display: block !important;
        max-height: 0;
        opacity: 0; }
    .dialog-copy-message md-dialog-content .email-dialog-editor-toolbar button {
      font-size: 18px;
      min-width: 4rem; }
      .dialog-copy-message md-dialog-content .email-dialog-editor-toolbar button i {
        transition: all .2s ease-in-out;
        opacity: .5; }
      .dialog-copy-message md-dialog-content .email-dialog-editor-toolbar button.active i, .dialog-copy-message md-dialog-content .email-dialog-editor-toolbar button:hover i {
        opacity: 1; }
  .dialog-copy-message-hierarchy td {
    box-sizing: border-box; }
    .dialog-copy-message-hierarchy td *,
    .dialog-copy-message-hierarchy td *::before,
    .dialog-copy-message-hierarchy td *::after {
      box-sizing: inherit; }
    .dialog-copy-message-hierarchy td md-progress-linear {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 2; }
    .dialog-copy-message-hierarchy td span,
    .dialog-copy-message-hierarchy td label {
      display: inline-block; }
    .dialog-copy-message-hierarchy td span:first-of-type {
      padding-left: inherit; }
    .dialog-copy-message-hierarchy td span[data-nodrag] {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; }
      .dialog-copy-message-hierarchy td span[data-nodrag] + * {
        margin-left: 30px; }
    .dialog-copy-message-hierarchy td label[ng-click] {
      cursor: pointer; }
  .dialog-copy-message-hierarchy .tree-dnd-node-id {
    position: absolute !important;
    top: 0 !important;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    min-height: 47px;
    line-height: 47px;
    padding-left: inherit;
    background-color: transparent; }
  .dialog-copy-message-hierarchy .tree-icon-wrapper {
    min-width: 40px;
    line-height: inherit; }
  .dialog-copy-message-hierarchy .tree-icon {
    min-width: inherit;
    height: auto;
    padding-bottom: 2px;
    font-size: 1.25em;
    font-weight: 700;
    line-height: inherit; }
  .dialog-copy-message md-dialog-actions .md-button {
    margin: 6px 8px;
    padding-right: 10px;
    padding-left: 10px;
    transition: all .4s ease-in-out; }
    .dialog-copy-message md-dialog-actions .md-button md-icon,
    .dialog-copy-message md-dialog-actions .md-button md-icon[md-font-icon],
    .dialog-copy-message md-dialog-actions .md-button .fa,
    .dialog-copy-message md-dialog-actions .md-button .zmdi {
      color: inherit;
      font-size: 1.25em; }
      .dialog-copy-message md-dialog-actions .md-button md-icon + .btn-text,
      .dialog-copy-message md-dialog-actions .md-button md-icon[md-font-icon] + .btn-text,
      .dialog-copy-message md-dialog-actions .md-button .fa + .btn-text,
      .dialog-copy-message md-dialog-actions .md-button .zmdi + .btn-text {
        margin-right: 0;
        margin-left: 6px; }
    .dialog-copy-message md-dialog-actions .md-button .btn-text {
      text-overflow: ellipsis;
      overflow: hidden; }
    .dialog-copy-message md-dialog-actions .md-button md-icon + .btn-text {
      margin-right: 0;
      margin-left: 6px; }
    .dialog-copy-message md-dialog-actions .md-button:not(.md-raised):not([disabled]) {
      background-color: rgba(158, 158, 158, 0.15); }
      .dialog-copy-message md-dialog-actions .md-button:not(.md-raised):not([disabled]):hover {
        background-color: rgba(158, 158, 158, 0.3); }
    .dialog-copy-message md-dialog-actions .md-button:first-of-type:not(:last-of-type) {
      margin-left: 0; }
    .dialog-copy-message md-dialog-actions .md-button:first-of-type:last-of-type {
      margin-left: auto; }
    .dialog-copy-message md-dialog-actions .md-button:last-of-type {
      margin-right: 0; }
      .dialog-copy-message md-dialog-actions .md-button:last-of-type.ag-btn-primary-1 {
        margin-right: 0 !important; }
    .dialog-copy-message md-dialog-actions .md-button[disabled][class*="ag-btn"] .btn-text {
      color: rgba(0, 0, 0, 0.38); }
  .dialog-copy-message md-dialog-actions[class*="layout-align-end"] {
    -ms-flex-pack: end !important;
        justify-content: flex-end !important; }

@media screen and (max-width: 599px) {
  .ag-dialog-copy-message.ag-popup.mobile-fullwidth-dialog, .ag-dialog-copy-message.ag-popup.md-dialog-fullscreen {
    top: 0 !important;
    max-height: 100%;
    margin-right: 0;
    margin-left: 0; } }

@media screen and (max-width: 959px) {
  .ag-dialog-copy-message.ag-popup.mobile-fullwidth-dialog, .ag-dialog-copy-message.ag-popup.md-dialog-fullscreen {
    min-width: 0; } }

.dialog-compose {
  --color-protonmail-primary: #4f5160;
  --color-protonmail-secondary: #8080aa;
  box-sizing: border-box; }
  .dialog-compose *,
  .dialog-compose *::before,
  .dialog-compose *::after {
    box-sizing: inherit; }
  md-dialog.dialog-compose {
    background-color: #fff; }
    @media screen and (min-width: 600px) and (max-width: 959px) and (orientation: landscape) {
      md-dialog.dialog-compose md-dialog-content {
        overflow: visible; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    .dialog-compose {
      max-width: 90%; } }
  @media screen and (min-width: 600px) {
    .dialog-compose {
      transform: translateY(-20px); } }
  @media screen and (min-width: 600px) and (max-height: 599px) {
    .dialog-compose:not(.confirm) {
      height: 90%; } }
  @media screen and (min-width: 600px) {
    .dialog-compose:not(.confirm) {
      max-height: 92vh; } }
  @media screen and (min-width: 600px) {
    .dialog-compose.md-dialog.md-transition-in {
      transform: translate(0, -20px) scale(1); } }
  @media screen and (min-width: 960px) {
    .dialog-compose {
      width: 100%;
      max-width: 960px; } }
  @media screen and (max-width: 959px) {
    .dialog-compose.confirm {
      min-width: 80%; } }
  @media screen and (min-width: 600px) {
    .dialog-compose.confirm {
      max-width: 480px; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    .dialog-compose.confirm {
      min-width: 0; } }
  .dialog-compose.confirm.ag-popup {
    top: 25%; }
  .dialog-compose.confirm md-dialog-content {
    min-height: 6em;
    padding-right: 15px;
    padding-left: 15px; }
  .dialog-compose.confirm .emphasis {
    text-decoration: underline; }
  .dialog-compose strong {
    font-weight: bold; }
  .dialog-compose .btn {
    padding-top: var(--btn-padding-y);
    padding-bottom: var(--btn-padding-y); }
    .dialog-compose .btn:focus, .dialog-compose .btn.md-focused {
      box-shadow: 0 1px 6px rgba(34, 136, 187, 0.75); }
    .dialog-compose .btn md-icon {
      color: inherit; }
  .dialog-compose .md-button:focus, .dialog-compose .md-button.md-focused {
    box-shadow: 0 1px 6px rgba(34, 136, 187, 0.75) !important; }
  .dialog-compose .md-button[disabled] {
    box-shadow: none !important;
    cursor: not-allowed; }
  .dialog-compose .md-button.md-primary:not([disabled]) md-icon,
  .dialog-compose .md-button.md-primary:not([disabled]).md-raised md-icon,
  .dialog-compose .md-button.md-primary:not([disabled]).md-fab md-icon, .dialog-compose .md-button.md-accent:not([disabled]) md-icon,
  .dialog-compose .md-button.md-accent:not([disabled]).md-raised md-icon,
  .dialog-compose .md-button.md-accent:not([disabled]).md-fab md-icon, .dialog-compose .md-button.md-warn:not([disabled]) md-icon,
  .dialog-compose .md-button.md-warn:not([disabled]).md-raised md-icon,
  .dialog-compose .md-button.md-warn:not([disabled]).md-fab md-icon {
    color: inherit;
    fill: inherit; }
  .dialog-compose .md-button.md-primary.md-raised, .dialog-compose .md-button.md-primary.md-fab {
    background-color: var(--color-protonmail-primary); }
  .dialog-compose .md-button.md-primary.md-raised:not([disabled]):hover, .dialog-compose .md-button.md-primary.md-fab:not([disabled]):hover {
    background-color: var(--color-protonmail-secondary); }
  .dialog-compose .md-button.md-warn:not(.md-raised):not([disabled]) {
    color: #f44336; }
    .dialog-compose .md-button.md-warn:not(.md-raised):not([disabled]) md-icon {
      color: inherit; }
    .dialog-compose .md-button.md-warn:not(.md-raised):not([disabled]):hover, .dialog-compose .md-button.md-warn:not(.md-raised):not([disabled]):focus, .dialog-compose .md-button.md-warn:not(.md-raised):not([disabled]).md-focused {
      color: #ef5350; }
  .dialog-compose .md-button.md-warn.md-raised:not([disabled]) {
    color: #fff;
    background-color: #f44336; }
    .dialog-compose .md-button.md-warn.md-raised:not([disabled]) md-icon {
      color: inherit; }
    .dialog-compose .md-button.md-warn.md-raised:not([disabled]):hover, .dialog-compose .md-button.md-warn.md-raised:not([disabled]):focus, .dialog-compose .md-button.md-warn.md-raised:not([disabled]).md-focused {
      background-color: #ef5350; }
  .dialog-compose .md-button.md-warn.md-raised[disabled] {
    color: rgba(0, 0, 0, 0.38); }
  .dialog-compose .toolbar-default .de-emphasis {
    opacity: .67; }
  .dialog-compose .md-toolbar-tools {
    height: inherit;
    min-height: inherit;
    line-height: inherit;
    font-weight: 600;
    overflow-x: hidden; }
    @media screen and (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
      .dialog-compose .md-toolbar-tools {
        height: 56px;
        max-height: none; } }
    .dialog-compose .md-toolbar-tools .title-icon {
      width: auto;
      min-width: 16px;
      max-width: 24px;
      height: auto;
      min-height: 16px;
      max-height: 24px;
      line-height: 16px;
      margin-right: 8px;
      margin-left: 0; }
    .dialog-compose .md-toolbar-tools h1, .dialog-compose .md-toolbar-tools h2, .dialog-compose .md-toolbar-tools h3, .dialog-compose .md-toolbar-tools h4, .dialog-compose .md-toolbar-tools h5, .dialog-compose .md-toolbar-tools h6 {
      overflow: hidden; }
      .dialog-compose .md-toolbar-tools h1 .title-count, .dialog-compose .md-toolbar-tools h2 .title-count, .dialog-compose .md-toolbar-tools h3 .title-count, .dialog-compose .md-toolbar-tools h4 .title-count, .dialog-compose .md-toolbar-tools h5 .title-count, .dialog-compose .md-toolbar-tools h6 .title-count {
        margin-left: .5em; }
      .dialog-compose .md-toolbar-tools h1 .title, .dialog-compose .md-toolbar-tools h2 .title, .dialog-compose .md-toolbar-tools h3 .title, .dialog-compose .md-toolbar-tools h4 .title, .dialog-compose .md-toolbar-tools h5 .title, .dialog-compose .md-toolbar-tools h6 .title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .dialog-compose .md-toolbar-tools > .md-button:last-child {
      margin-right: -16px; }
    .dialog-compose .md-toolbar-tools .md-button.md-icon-button {
      height: auto;
      min-height: inherit;
      line-height: inherit; }
  @media screen and (max-width: 599px) {
    .dialog-compose .compose-header {
      font-size: 0.875em; } }
  .dialog-compose .compose-header md-input-container {
    min-height: 48px; }
  .dialog-compose .compose-cell {
    padding: 6px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .dialog-compose .compose-body-container ~ .compose-cell {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: none; }
  .dialog-compose .attachments-container {
    padding-right: 10px;
    padding-left: 10px; }
    @media screen and (max-width: 959px) {
      .dialog-compose .attachments-container.is-expanded {
        padding-right: 0;
        padding-left: 0; } }
  .dialog-compose .compose-cell-reply .compose-label.md-no-float, .dialog-compose .compose-cell-reply .compose-label.md-container-ignore {
    min-width: 27px; }
  .dialog-compose .compose-body-container.flex {
    min-height: auto; }
  .dialog-compose .compose-form {
    position: relative;
    height: 100%; }
    @media screen and (max-width: 959px) {
      .dialog-compose .compose-form.overflow-hidden-mobile {
        overflow: hidden; } }
  .dialog-compose md-dialog-content md-input-container,
  .dialog-compose.cog-dialog md-dialog-content md-input-container {
    margin-top: 2px; }
  .dialog-compose md-input-container {
    display: -ms-flexbox;
    display: flex;
    padding: 0; }
    .dialog-compose md-input-container label {
      padding-top: 0;
      padding-right: 5px; }
      .dialog-compose md-input-container label.md-no-float, .dialog-compose md-input-container label.md-container-ignore {
        position: static;
        display: block; }
      .dialog-compose md-input-container label:not(.md-no-float):not(.md-container-ignore) {
        padding-top: 0; }
        @media screen and (min-width: 600px) {
          .dialog-compose md-input-container label:not(.md-no-float):not(.md-container-ignore) {
            padding-left: 0; } }
      .dialog-compose md-input-container label:not(.md-container-ignore).md-required:after {
        content: none; }
    .dialog-compose md-input-container .compose-label {
      font-size: 1em;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      .dialog-compose md-input-container .compose-label.md-no-float, .dialog-compose md-input-container .compose-label.md-container-ignore {
        font-size: 12px;
        line-height: 3em; }
        @media screen and (min-width: 600px) {
          .dialog-compose md-input-container .compose-label.md-no-float, .dialog-compose md-input-container .compose-label.md-container-ignore {
            min-width: 72px; } }
    .dialog-compose md-input-container .md-errors-spacer {
      display: none; }
    .dialog-compose md-input-container .md-input-message-animation {
      opacity: 1;
      margin-top: 0; }
    .dialog-compose md-input-container.active i, .dialog-compose md-input-container:hover i, .dialog-compose md-input-container:focus i, .dialog-compose md-input-container.md-focused i {
      opacity: 1; }
    .dialog-compose md-input-container[disabled] {
      color: rgba(0, 0, 0, 0.38); }
    .dialog-compose md-input-container .compose-input.non-editable {
      -ms-flex-order: 2;
          order: 2;
      min-width: 64px;
      min-height: 36px;
      line-height: 36px;
      padding: 0 2px 0 10px; }
    .dialog-compose md-input-container:not(.md-input-invalid).md-input-has-value .must-read label {
      color: inherit; }
  .dialog-compose md-dialog-content oi-select,
  .dialog-compose md-dialog-content md-select,
  .dialog-compose md-dialog-content md-input-container > label.md-no-float,
  .dialog-compose md-dialog-content md-input-container > input {
    min-height: 36px;
    margin-top: auto;
    margin-bottom: auto; }
    .dialog-compose md-dialog-content oi-select:focus, .dialog-compose md-dialog-content oi-select.md-focused,
    .dialog-compose md-dialog-content md-select:focus,
    .dialog-compose md-dialog-content md-select.md-focused,
    .dialog-compose md-dialog-content md-input-container > label.md-no-float:focus,
    .dialog-compose md-dialog-content md-input-container > label.md-no-float.md-focused,
    .dialog-compose md-dialog-content md-input-container > input:focus,
    .dialog-compose md-dialog-content md-input-container > input.md-focused {
      box-shadow: 0 1px 6px rgba(34, 136, 187, 0.75); }
  .dialog-compose md-dialog-content md-select .md-select-value,
  .dialog-compose md-dialog-content oi-select input,
  .dialog-compose md-dialog-content md-input-container input,
  .dialog-compose md-dialog-content .ag-form-input {
    background-color: #fff;
    border-bottom: none;
    box-shadow: none;
    transition: border-color .4s ease-in-out; }
    .dialog-compose md-dialog-content md-select .md-select-value[disabled],
    .dialog-compose md-dialog-content oi-select input[disabled],
    .dialog-compose md-dialog-content md-input-container input[disabled],
    .dialog-compose md-dialog-content .ag-form-input[disabled] {
      color: rgba(0, 0, 0, 0.38);
      border-bottom-color: rgba(85, 122, 138, 0.333333);
      cursor: not-allowed; }
  .dialog-compose md-dialog-content md-select.ng-invalid:not([disabled]) .md-select-value,
  .dialog-compose md-dialog-content oi-select.ng-invalid:not([disabled]),
  .dialog-compose md-dialog-content oi-select.ng-invalid:not([disabled]) input,
  .dialog-compose md-dialog-content md-input-container:not([disabled]) input.ng-invalid,
  .dialog-compose md-dialog-content md-input-container input.ng-invalid:not([disabled]),
  .dialog-compose md-dialog-content .ag-form-input.ng-invalid:not([disabled]) {
    border-color: #ff6d00; }
  .dialog-compose md-dialog-content md-select:not([disabled]):focus .md-select-value,
  .dialog-compose md-dialog-content oi-select:not([disabled]):focus input,
  .dialog-compose md-dialog-content md-input-container input:not([disabled]):focus,
  .dialog-compose md-dialog-content .ag-form-input:not([disabled]):focus,
  .dialog-compose md-dialog-content .fr-box.fr-basic .fr-element:not([disabled]):focus {
    border-color: #4caf50; }
  .dialog-compose md-dialog-content md-select:not([disabled]):focus .md-select-value {
    border-bottom: none; }
  .dialog-compose md-dialog-content .md-subhead,
  .dialog-compose md-dialog-content md-select .md-select-value,
  .dialog-compose md-dialog-content oi-select > .select-search,
  .dialog-compose md-dialog-content md-input-container input,
  .dialog-compose md-dialog-content .ag-form-input {
    min-height: 36px;
    line-height: 36px; }
  .dialog-compose md-dialog-content md-select .md-select-value {
    padding-left: 2px; }
  .dialog-compose.ag-wrapper md-dialog-content md-select .md-select-value,
  .dialog-compose.ag-wrapper-secondary md-dialog-content md-select .md-select-value {
    padding-left: 2px !important; }
  .dialog-compose md-dialog-content .md-select-value,
  .dialog-compose md-dialog-content md-select .md-select-value {
    width: 100%; }
  .dialog-compose md-dialog-content oi-select {
    -ms-flex-order: 2;
        order: 2;
    height: auto;
    padding-top: 0; }
    .dialog-compose md-dialog-content oi-select,
    .dialog-compose md-dialog-content oi-select .select-search {
      background-color: transparent; }
    .dialog-compose md-dialog-content oi-select .select-search-list {
      padding-right: 0;
      padding-left: 0;
      overflow-x: auto;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
    .dialog-compose md-dialog-content oi-select .select-search-list-item {
      font-size: inherit; }
    .dialog-compose md-dialog-content oi-select .select-search-list-item_selection {
      min-height: 26px;
      line-height: 26px;
      margin: 4px !important;
      padding: 0 4px;
      font-size: 14px;
      border: 1px solid #c9c9c9;
      border-radius: 3px; }
    .dialog-compose md-dialog-content oi-select .select-search-list-item_input {
      display: -ms-inline-flexbox;
      display: inline-flex;
      min-width: 6em; }
      .dialog-compose md-dialog-content oi-select .select-search-list-item_input input {
        padding: 2px 2px 1px;
        line-height: inherit; }
    .dialog-compose md-dialog-content oi-select .select-search-list-item_selection-remove {
      padding-right: 4px;
      padding-left: 8px;
      font-size: 1.25em; }
    .dialog-compose md-dialog-content oi-select .select-dropdown-optgroup-option {
      padding-top: 10px;
      padding-bottom: 10px; }
  .dialog-compose md-dialog-content .reply-forward-head {
    margin-top: 15px; }
  .dialog-compose md-dialog-content .email-dialog-to {
    position: relative;
    box-shadow: 0 1px #e0e0e0; }
    .dialog-compose md-dialog-content .email-dialog-to .md-icon-button {
      position: absolute;
      top: 4px;
      right: -16px;
      margin: 0; }
    .dialog-compose md-dialog-content .email-dialog-to .md-chips {
      box-shadow: none; }
  .dialog-compose md-dialog-content .email-dialog-ccs {
    max-height: 400px;
    opacity: 1;
    overflow: hidden;
    transition: all .5s; }
    .dialog-compose md-dialog-content .email-dialog-ccs md-contact-chips:last-child {
      box-shadow: 0 -1px #e0e0e0 inset; }
    .dialog-compose md-dialog-content .email-dialog-ccs .md-chips {
      box-shadow: none; }
    .dialog-compose md-dialog-content .email-dialog-ccs.ng-hide {
      display: block !important;
      max-height: 0;
      opacity: 0; }
  .dialog-compose .must-read {
    position: relative;
    min-width: 102px;
    color: var(--color-protonmail-secondary);
    font-size: 10px; }
    @media screen and (max-width: 369px) {
      .dialog-compose .must-read {
        -ms-flex-positive: 1;
            flex-grow: 1; } }
    @media screen and (min-width: 600px) {
      .dialog-compose .must-read {
        min-width: 120px;
        font-size: 12px; } }
    .dialog-compose .must-read label {
      padding: inherit;
      color: inherit;
      font-size: inherit;
      line-height: 3.25;
      cursor: inherit; }
      @media screen and (min-width: 600px) {
        .dialog-compose .must-read label {
          line-height: 2.5; } }
      .dialog-compose .must-read label:not(.md-no-float):not(.md-container-ignore) {
        transform: none; }
      .dialog-compose .must-read label, .dialog-compose .must-read label.md-no-float, .dialog-compose .must-read label.md-container-ignore {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        min-width: inherit; }
      .dialog-compose .must-read label > md-checkbox,
      .dialog-compose .must-read label > span,
      .dialog-compose .must-read label > strong {
        display: inline-block; }
      .dialog-compose .must-read label > md-checkbox {
        width: 20px;
        height: 20px;
        margin-bottom: 0; }
        .dialog-compose .must-read label > md-checkbox + span,
        .dialog-compose .must-read label > md-checkbox + strong {
          margin-left: .5em; }
        .dialog-compose .must-read label > md-checkbox .md-container:after {
          top: -7px;
          right: -7px;
          bottom: -7px;
          left: -7px; }
    .dialog-compose .must-read md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon,
    .dialog-compose .must-read md-checkbox:not([disabled]).md-accent:not(.md-checked) .md-icon,
    .dialog-compose .must-read md-checkbox:not([disabled]).md-warn:not(.md-checked) .md-icon {
      border-color: var(--color-protonmail-secondary); }
    .dialog-compose .must-read md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
      background-color: var(--color-protonmail-secondary); }
      .dialog-compose .must-read md-checkbox:not([disabled]).md-primary.md-checked .md-icon:after {
        border-color: #fff; }
    .dialog-compose .must-read md-checkbox:not([disabled]).md-primary.md-checked .md-ink-ripple {
      color: rgba(79, 81, 96, 0.13); }
  md-dialog.dialog-compose md-dialog-actions,
  md-dialog.dialog-compose.md-content-overflow md-dialog-actions {
    border-top-color: rgba(79, 81, 96, 0.25); }
  @media screen and (max-width: 959px) {
    md-dialog.dialog-compose md-dialog-actions.footer-reposition {
      border-top-color: transparent;
      border-bottom-color: rgba(79, 81, 96, 0.25); } }
  .dialog-compose .note {
    color: rgba(0, 0, 0, 0.38);
    font-size: .75em; }
  .dialog-compose .compose-body-toolbar {
    min-height: 45px; }
    @media screen and (min-width: 600px) {
      .dialog-compose .compose-body-toolbar {
        border-radius: 3px; } }
    .dialog-compose .compose-body-toolbar .btn,
    .dialog-compose .compose-body-toolbar .md-button {
      min-height: 45px;
      margin: 0;
      padding-top: 6px;
      padding-bottom: 6px;
      border-radius: 0; }
  .dialog-compose .fr-box.fr-basic .fr-wrapper,
  .dialog-compose .fr-toolbar.fr-top,
  .dialog-compose .second-toolbar {
    border: none; }
  .dialog-compose .fr-box.fr-basic .fr-wrapper {
    padding: 10px; }
  .dialog-compose .fr-box.fr-basic .fr-element {
    min-height: 200px;
    padding: 5px;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.5;
    transition: border-color .4s ease-in-out;
    resize: vertical; }
    @media screen and (max-width: 599px) {
      .dialog-compose .fr-box.fr-basic .fr-element {
        height: calc(100vh - 264px); } }
    @media screen and (min-width: 600px) and (min-height: 600px) {
      .dialog-compose .fr-box.fr-basic .fr-element {
        min-height: 240px; } }
    @media screen and (min-width: 600px) and (min-height: 960px) {
      .dialog-compose .fr-box.fr-basic .fr-element {
        min-height: 300px; } }
  .dialog-compose .fr-box .fr-view {
    -ms-hyphens: auto;
        hyphens: auto; }
  .dialog-compose .fr-box main {
    background-color: inherit !important;
    min-height: 0 !important; }
  .dialog-compose .fr-box a,
  .dialog-compose .fr-box a:hover,
  .dialog-compose .fr-box a:focus {
    color: inherit !important;
    text-decoration: inherit !important; }
  .dialog-compose .fr-box h1, .dialog-compose .fr-box h2, .dialog-compose .fr-box h3, .dialog-compose .fr-box h4, .dialog-compose .fr-box h5, .dialog-compose .fr-box h6 {
    margin: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
    text-transform: none !important; }
  .dialog-compose .fr-box p {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .dialog-compose .fr-box code,
  .dialog-compose .fr-box kbd,
  .dialog-compose .fr-box samp,
  .dialog-compose .fr-box tt {
    font-family: inherit !important; }
  .dialog-compose .fr-box code:not(.hljs) {
    color: inherit !important;
    font-weight: inherit !important; }
  .dialog-compose .fr-box sub,
  .dialog-compose .fr-box sup {
    vertical-align: inherit !important;
    font-size: inherit !important; }
  .dialog-compose .fr-box big,
  .dialog-compose .fr-box small {
    font-size: inherit !important; }
  .dialog-compose .fr-box center {
    text-align: inherit !important; }
  .dialog-compose .fr-box del,
  .dialog-compose .fr-box s,
  .dialog-compose .fr-box strike {
    text-decoration: inherit !important; }
  .dialog-compose .fr-box dir {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important; }
  .dialog-compose .fr-box font {
    font-size: inherit !important;
    font-weight: inherit !important;
    font-family: inherit !important;
    font-style: inherit !important; }
  .dialog-compose .fr-box ins {
    text-decoration: inherit !important; }
  .dialog-compose .fr-box listing,
  .dialog-compose .fr-box plaintext,
  .dialog-compose .fr-box xmp {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-family: inherit !important;
    white-space: inherit !important; }
  .dialog-compose .fr-box mark {
    color: inherit !important;
    background-color: transparent !important; }
  .dialog-compose .fr-box nobr {
    white-space: inherit !important; }
  .dialog-compose .fr-box pre {
    font-family: inherit !important;
    white-space: pre-wrap !important; }
  .dialog-compose .fr-box span[style*="font-weight: 700"], .dialog-compose .fr-box span[style*="font-weight: 800"], .dialog-compose .fr-box span[style*="font-weight: 900"], .dialog-compose .fr-box span[style*="font-weight: bolder"], .dialog-compose .fr-box span[style*="text-decoration: solid"] {
    font-weight: bold !important; }
  .dialog-compose .fr-box span[style*="font-weight: 100"], .dialog-compose .fr-box span[style*="font-weight: 200"], .dialog-compose .fr-box span[style*="font-weight: 300"], .dialog-compose .fr-box span[style*="font-weight: 400"], .dialog-compose .fr-box span[style*="font-weight: lighter"] {
    font-weight: normal !important; }
  .dialog-compose .fr-box span[style*="font-style: oblique"] {
    font-style: italic !important; }
  .dialog-compose .fr-box span[style*="text-decoration: dashed"], .dialog-compose .fr-box span[style*="text-decoration: dotted"], .dialog-compose .fr-box span[style*="text-decoration: double"], .dialog-compose .fr-box span[style*="text-decoration: wavy"] {
    text-decoration: underline !important; }
  .dialog-compose .fr-box span[style*="text-decoration: line-through"], .dialog-compose .fr-box span[style*="text-decoration: overline"], .dialog-compose .fr-box span[style*="text-decoration: solid"] {
    text-decoration: none !important; }
  .dialog-compose .fr-view blockquote {
    color: rgba(0, 0, 0, 0.67);
    border-left-color: rgba(0, 0, 0, 0.67); }
  @media screen and (max-width: 599px) {
    .dialog-compose.is-ios .fr-box.fr-basic .fr-element {
      height: calc(100vh - 324px); } }
  .dialog-compose .fr-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .dialog-compose .fr-toolbar.fr-top {
      background-color: #fff;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      z-index: 2; }
    .dialog-compose .fr-toolbar .fr-btn-grp {
      -ms-flex-order: 0;
          order: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
      margin-right: 0;
      margin-left: 0; }
    .dialog-compose .fr-toolbar .fr-command.fr-btn {
      width: auto;
      min-width: 52px;
      height: auto;
      min-height: 45px;
      margin: 0;
      color: var(--color-protonmail-secondary);
      background-color: rgba(255, 255, 255, 0.8125);
      border-right: 1px solid rgba(0, 0, 0, 0.125);
      border-radius: 0; }
      .dialog-compose .fr-toolbar .fr-command.fr-btn.fr-active {
        color: #000;
        background-color: rgba(128, 128, 170, 0.1875); }
        .dialog-compose .fr-toolbar .fr-command.fr-btn.fr-active:hover, .dialog-compose .fr-toolbar .fr-command.fr-btn.fr-active:focus, .dialog-compose .fr-toolbar .fr-command.fr-btn.fr-active.md-focused {
          background-color: rgba(128, 128, 170, 0.125); }
      .dialog-compose .fr-toolbar .fr-command.fr-btn i {
        margin-right: auto;
        margin-left: auto; }
      .dialog-compose .fr-toolbar .fr-command.fr-btn .fa-bold,
      .dialog-compose .fr-toolbar .fr-command.fr-btn .fa-italic,
      .dialog-compose .fr-toolbar .fr-command.fr-btn .fa-underline {
        font-size: 20px;
        font-family: 'Material-Design-Iconic-Font'; }
      .dialog-compose .fr-toolbar .fr-command.fr-btn .fa-bold:before {
        content: '\f23d'; }
      .dialog-compose .fr-toolbar .fr-command.fr-btn .fa-italic:before {
        content: '\f245'; }
      .dialog-compose .fr-toolbar .fr-command.fr-btn .fa-underline:before {
        content: '\f24f'; }
    .dialog-compose .fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
      fill: currentColor; }
    .dialog-compose .fr-toolbar .inner-toolbar {
      -ms-flex-order: 1;
          order: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      float: right;
      margin: 0 0 0 12px; }
      @media (max-width: 768px) {
        .dialog-compose .fr-toolbar .inner-toolbar {
          margin-right: 0;
          margin-left: 0; } }
      .dialog-compose .fr-toolbar .inner-toolbar .md-button {
        border-left: 1px solid rgba(0, 0, 0, 0.125); }
    .dialog-compose .fr-toolbar .fr-newline {
      -ms-flex-order: 2;
          order: 2;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
      margin-right: 0;
      margin-left: 0;
      background-color: rgba(0, 0, 0, 0.125); }
  .dialog-compose .fr-element .reply-node {
    margin-top: 1em; }
  .dialog-compose .fr-desktop .fr-command:hover:not(.fr-table-cell), .dialog-compose .fr-desktop .fr-command:focus:not(.fr-table-cell), .dialog-compose .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .dialog-compose .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
    background-color: #fff; }
  .dialog-compose .second-toolbar {
    display: none; }
  @media screen and (max-width: 599px) {
    .dialog-compose .direct-response label:not(.md-no-float),
    .dialog-compose .direct-response .md-placeholder {
      transform: translate3d(4px, 32px, 0) scale(1); } }
  @media screen and (min-width: 600px) {
    .dialog-compose .direct-response label:not(.md-no-float),
    .dialog-compose .direct-response .md-placeholder {
      transform: translate3d(10px, 32px, 0) scale(1); } }
  @media screen and (max-width: 599px) {
    .dialog-compose .direct-response.md-input-focused label:not(.md-no-float),
    .dialog-compose .direct-response.md-input-has-placeholder label:not(.md-no-float),
    .dialog-compose .direct-response.md-input-has-value label:not(.md-no-float) {
      transform: translate3d(4px, 6px, 0) scale(0.75); } }
  @media screen and (min-width: 600px) {
    .dialog-compose .direct-response.md-input-focused label:not(.md-no-float),
    .dialog-compose .direct-response.md-input-has-placeholder label:not(.md-no-float),
    .dialog-compose .direct-response.md-input-has-value label:not(.md-no-float) {
      transform: translate3d(10px, 6px, 0) scale(0.75); } }
  .dialog-compose .direct-response label:not(.md-no-float):not(.md-container-ignore),
  .dialog-compose .direct-response .md-placeholder,
  .dialog-compose .direct-response .md-input {
    width: auto; }
  @media screen and (min-width: 960px) {
    .dialog-compose .direct-response .md-input {
      min-width: 224px; } }
  .dialog-compose .attachments-toggle {
    min-width: 56px;
    margin: 0 0 0 auto;
    text-align: center; }
    .dialog-compose .attachments-toggle:not([disabled]), .dialog-compose .attachments-toggle:not([disabled]).btn--subtle, .dialog-compose .attachments-toggle:not([disabled]).btn--subtle:hover, .dialog-compose .attachments-toggle:not([disabled]).btn--subtle:focus {
      color: var(--color-protonmail-secondary); }
    .dialog-compose .attachments-toggle + *:not(.sr-only) {
      margin-left: 4px; }
    .dialog-compose .attachments-toggle md-icon {
      color: inherit; }
      .dialog-compose .attachments-toggle md-icon + span {
        line-height: 1; }
  .dialog-compose .compose-cell + .attachments-toggle,
  .dialog-compose .dialog-cells + .attachments-toggle {
    margin-top: 0;
    margin-right: auto !important;
    margin-left: auto; }
    @media screen and (min-width: 600px) {
      .dialog-compose .compose-cell + .attachments-toggle,
      .dialog-compose .dialog-cells + .attachments-toggle {
        margin-left: 12px; } }
  @media screen and (min-width: 600px) {
    .dialog-compose .dialog-cells + .attachments-toggle {
      margin-top: 48px; } }
  .dialog-compose .attachments-container {
    width: 100%; }
    @media screen and (max-width: 959px) {
      .dialog-compose .attachments-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        overflow: hidden;
        pointer-events: none; } }
    @media screen and (min-width: 960px) {
      .dialog-compose .attachments-container {
        transition: margin-top .25s;
        will-change: margin-top; } }
    .dialog-compose .attachments-container > cog-file-input {
      background-color: #fff;
      overflow: hidden; }
      @media screen and (max-width: 959px) {
        .dialog-compose .attachments-container > cog-file-input {
          padding: 12px; } }
      @media screen and (max-width: 959px) {
        .dialog-compose .attachments-container > cog-file-input {
          height: 100%;
          transform: translateY(100%);
          transition: transform .5s;
          will-change: transform; } }
      @media screen and (min-width: 960px) {
        .dialog-compose .attachments-container > cog-file-input {
          max-height: 0;
          transition: max-height .25s;
          will-change: max-height; } }
    .dialog-compose .attachments-container.is-expanded {
      pointer-events: auto; }
      @media screen and (min-width: 960px) {
        .dialog-compose .attachments-container.is-expanded {
          margin-top: 15px;
          margin-bottom: 15px; } }
      .dialog-compose .attachments-container.is-expanded > cog-file-input {
        overflow: auto; }
        @media screen and (max-width: 959px) {
          .dialog-compose .attachments-container.is-expanded > cog-file-input {
            transform: translateY(0); } }
        @media screen and (min-width: 960px) {
          .dialog-compose .attachments-container.is-expanded > cog-file-input {
            max-height: 10000px; } }
  .dialog-compose .attachments {
    background-color: transparent; }
    .dialog-compose .attachments .drop .md-button {
      max-width: 280px; }
    .dialog-compose .attachments-list {
      list-style: none;
      padding-left: 0; }
    .dialog-compose .attachments-item {
      display: block;
      padding: 5px; }
    .dialog-compose .attachments-actions .md-button {
      max-width: 36px;
      margin-top: 0;
      margin-bottom: 0; }
    .dialog-compose .attachments-actions[class*="layout-align-end"] .md-button {
      margin-right: 0; }
    .dialog-compose .attachments-main {
      height: 100%;
      padding: 10px;
      background-color: rgba(0, 0, 0, 0.0625); }
    .dialog-compose .attachments-title {
      display: block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      padding: 5px 10px;
      font-size: .875em;
      color: rgba(0, 0, 0, 0.75);
      background-color: rgba(255, 255, 255, 0.03125); }
    .dialog-compose .attachments-thumbnail img {
      max-width: 100%;
      max-height: 90px; }
  .dialog-compose .btn--attach.md-default:not([disabled]), .dialog-compose .btn--attach.md-primary:not(.md-raised):not([disabled]), .dialog-compose .btn--attach.md-accent:not(.md-raised):not([disabled]), .dialog-compose .btn--attach.md-warn:not(.md-raised):not([disabled]),
  .dialog-compose .btn--remove.md-default:not([disabled]),
  .dialog-compose .btn--remove.md-primary:not(.md-raised):not([disabled]),
  .dialog-compose .btn--remove.md-accent:not(.md-raised):not([disabled]),
  .dialog-compose .btn--remove.md-warn:not(.md-raised):not([disabled]),
  .dialog-compose .__drag-drop-btn.md-default:not([disabled]),
  .dialog-compose .__drag-drop-btn.md-primary:not(.md-raised):not([disabled]),
  .dialog-compose .__drag-drop-btn.md-accent:not(.md-raised):not([disabled]),
  .dialog-compose .__drag-drop-btn.md-warn:not(.md-raised):not([disabled]) {
    background-color: rgba(0, 0, 0, 0.03125); }
    .dialog-compose .btn--attach.md-default:not([disabled]):hover, .dialog-compose .btn--attach.md-default:not([disabled]):focus, .dialog-compose .btn--attach.md-default:not([disabled]).md-focused, .dialog-compose .btn--attach.md-primary:not(.md-raised):not([disabled]):hover, .dialog-compose .btn--attach.md-primary:not(.md-raised):not([disabled]):focus, .dialog-compose .btn--attach.md-primary:not(.md-raised):not([disabled]).md-focused, .dialog-compose .btn--attach.md-accent:not(.md-raised):not([disabled]):hover, .dialog-compose .btn--attach.md-accent:not(.md-raised):not([disabled]):focus, .dialog-compose .btn--attach.md-accent:not(.md-raised):not([disabled]).md-focused, .dialog-compose .btn--attach.md-warn:not(.md-raised):not([disabled]):hover, .dialog-compose .btn--attach.md-warn:not(.md-raised):not([disabled]):focus, .dialog-compose .btn--attach.md-warn:not(.md-raised):not([disabled]).md-focused,
    .dialog-compose .btn--remove.md-default:not([disabled]):hover,
    .dialog-compose .btn--remove.md-default:not([disabled]):focus,
    .dialog-compose .btn--remove.md-default:not([disabled]).md-focused,
    .dialog-compose .btn--remove.md-primary:not(.md-raised):not([disabled]):hover,
    .dialog-compose .btn--remove.md-primary:not(.md-raised):not([disabled]):focus,
    .dialog-compose .btn--remove.md-primary:not(.md-raised):not([disabled]).md-focused,
    .dialog-compose .btn--remove.md-accent:not(.md-raised):not([disabled]):hover,
    .dialog-compose .btn--remove.md-accent:not(.md-raised):not([disabled]):focus,
    .dialog-compose .btn--remove.md-accent:not(.md-raised):not([disabled]).md-focused,
    .dialog-compose .btn--remove.md-warn:not(.md-raised):not([disabled]):hover,
    .dialog-compose .btn--remove.md-warn:not(.md-raised):not([disabled]):focus,
    .dialog-compose .btn--remove.md-warn:not(.md-raised):not([disabled]).md-focused,
    .dialog-compose .__drag-drop-btn.md-default:not([disabled]):hover,
    .dialog-compose .__drag-drop-btn.md-default:not([disabled]):focus,
    .dialog-compose .__drag-drop-btn.md-default:not([disabled]).md-focused,
    .dialog-compose .__drag-drop-btn.md-primary:not(.md-raised):not([disabled]):hover,
    .dialog-compose .__drag-drop-btn.md-primary:not(.md-raised):not([disabled]):focus,
    .dialog-compose .__drag-drop-btn.md-primary:not(.md-raised):not([disabled]).md-focused,
    .dialog-compose .__drag-drop-btn.md-accent:not(.md-raised):not([disabled]):hover,
    .dialog-compose .__drag-drop-btn.md-accent:not(.md-raised):not([disabled]):focus,
    .dialog-compose .__drag-drop-btn.md-accent:not(.md-raised):not([disabled]).md-focused,
    .dialog-compose .__drag-drop-btn.md-warn:not(.md-raised):not([disabled]):hover,
    .dialog-compose .__drag-drop-btn.md-warn:not(.md-raised):not([disabled]):focus,
    .dialog-compose .__drag-drop-btn.md-warn:not(.md-raised):not([disabled]).md-focused {
      background-color: rgba(0, 0, 0, 0.0625); }
    .dialog-compose .btn--attach.md-default:not([disabled])[class*="layout-align-end"] .md-button, .dialog-compose .btn--attach.md-primary:not(.md-raised):not([disabled])[class*="layout-align-end"] .md-button, .dialog-compose .btn--attach.md-accent:not(.md-raised):not([disabled])[class*="layout-align-end"] .md-button, .dialog-compose .btn--attach.md-warn:not(.md-raised):not([disabled])[class*="layout-align-end"] .md-button,
    .dialog-compose .btn--remove.md-default:not([disabled])[class*="layout-align-end"] .md-button,
    .dialog-compose .btn--remove.md-primary:not(.md-raised):not([disabled])[class*="layout-align-end"] .md-button,
    .dialog-compose .btn--remove.md-accent:not(.md-raised):not([disabled])[class*="layout-align-end"] .md-button,
    .dialog-compose .btn--remove.md-warn:not(.md-raised):not([disabled])[class*="layout-align-end"] .md-button,
    .dialog-compose .__drag-drop-btn.md-default:not([disabled])[class*="layout-align-end"] .md-button,
    .dialog-compose .__drag-drop-btn.md-primary:not(.md-raised):not([disabled])[class*="layout-align-end"] .md-button,
    .dialog-compose .__drag-drop-btn.md-accent:not(.md-raised):not([disabled])[class*="layout-align-end"] .md-button,
    .dialog-compose .__drag-drop-btn.md-warn:not(.md-raised):not([disabled])[class*="layout-align-end"] .md-button {
      margin-right: 0; }
  .dialog-compose .btn--attach.md-primary:not(.md-raised), .dialog-compose .btn--attach.md-accent:not(.md-raised), .dialog-compose .btn--attach.md-warn:not(.md-raised),
  .dialog-compose .btn--remove.md-primary:not(.md-raised),
  .dialog-compose .btn--remove.md-accent:not(.md-raised),
  .dialog-compose .btn--remove.md-warn:not(.md-raised),
  .dialog-compose .__drag-drop-btn.md-primary:not(.md-raised),
  .dialog-compose .__drag-drop-btn.md-accent:not(.md-raised),
  .dialog-compose .__drag-drop-btn.md-warn:not(.md-raised) {
    font-weight: 600; }
  .dialog-compose .btn--attach[disabled] label,
  .dialog-compose .btn--remove[disabled] label,
  .dialog-compose .__drag-drop-btn[disabled] label {
    pointer-events: none; }
  .dialog-compose .btn--attach-label,
  .dialog-compose .btn--remove-label,
  .dialog-compose .__drag-drop-btn-label {
    display: block;
    padding-right: 6px;
    padding-left: 6px;
    cursor: inherit; }
  .dialog-compose .btn--attach-input,
  .dialog-compose .btn--remove-input,
  .dialog-compose .__drag-drop-btn-input {
    position: absolute;
    visibility: hidden; }
  .dialog-compose cog-file-input {
    display: block; }
    .dialog-compose cog-file-input .cog-file-input {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      height: 100%; }
      @media screen and (min-width: 600px) {
        .dialog-compose cog-file-input .cog-file-input {
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; } }
    .dialog-compose cog-file-input .cog-file-input-note {
      display: block;
      margin: 4px 12px;
      font-size: .75em;
      text-align: center; }
    .dialog-compose cog-file-input .__file-api-file-reader-label,
    .dialog-compose cog-file-input .__form-data-label,
    .dialog-compose cog-file-input .__warning-label {
      max-width: 100%;
      margin: 6px auto;
      padding: 4px 8px;
      color: #c33;
      font-size: 1em;
      font-weight: 600;
      text-align: center;
      text-overflow: ellipsis;
      background-color: rgba(204, 51, 51, 0.0625);
      pointer-events: none;
      overflow: hidden; }
    .dialog-compose cog-file-input .__file-preview-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      width: 100%;
      margin-top: 10px; }
      @media screen and (min-width: 600px) {
        .dialog-compose cog-file-input .__file-preview-container {
          -ms-flex-flow: row wrap;
              flex-flow: row wrap; } }
    .dialog-compose cog-file-input .__file-preview-container img,
    .dialog-compose cog-file-input .__file-preview-thumb {
      max-width: 120px;
      max-height: 100px; }
      .dialog-compose cog-file-input .__file-preview-container img[ng-click],
      .dialog-compose cog-file-input .__file-preview-thumb[ng-click] {
        cursor: pointer; }
    .dialog-compose cog-file-input .__file-preview-item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      width: 100%; }
      @media screen and (max-width: 599px) {
        .dialog-compose cog-file-input .__file-preview-item {
          padding-top: 10px; } }
      @media screen and (min-width: 600px) {
        .dialog-compose cog-file-input .__file-preview-item {
          -ms-flex: 1;
              flex: 1;
          -ms-flex-direction: row;
              flex-direction: row;
          -ms-flex-align: start;
              align-items: flex-start;
          -ms-flex-line-pack: start;
              align-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
          max-height: 100%; } }
      @media screen and (min-width: 600px) {
        .dialog-compose cog-file-input .__file-preview-item:nth-of-type(odd):not(:only-child) {
          padding-right: 5px; } }
      @media screen and (min-width: 600px) {
        .dialog-compose cog-file-input .__file-preview-item:nth-of-type(even) {
          padding-left: 5px; } }
      @media screen and (min-width: 600px) {
        .dialog-compose cog-file-input .__file-preview-item + .__file-preview-item {
          -ms-flex-preferred-size: 50%;
              flex-basis: 50%;
          max-width: 50%; } }
      .dialog-compose cog-file-input .__file-preview-item-inner {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 10px 56px 10px 10px;
        background-color: rgba(0, 0, 0, 0.0625); }
    @media screen and (min-width: 600px) {
      .dialog-compose cog-file-input .__file-preview-item + .__file-preview-item:not(:nth-of-type(2)) {
        padding-top: 10px; } }
    .dialog-compose cog-file-input .__file-preview-thumb,
    .dialog-compose cog-file-input .__file-preview-info {
      display: block;
      display: -ms-grid;
      display: grid;
      margin: 6px 8px; }
    .dialog-compose cog-file-input .__file-preview-info {
      color: rgba(0, 0, 0, 0.5); }
      .dialog-compose cog-file-input .__file-preview-info li {
        display: block;
        margin-top: .5em;
        margin-bottom: .5em;
        text-overflow: ellipsis;
        overflow: hidden; }
        .dialog-compose cog-file-input .__file-preview-info li:first-of-type {
          margin-top: 0; }
        .dialog-compose cog-file-input .__file-preview-info li:last-of-type {
          margin-bottom: 0; }
      .dialog-compose cog-file-input .__file-preview-info span {
        color: #000; }
    .dialog-compose cog-file-input .__file-preview-thumb [ng-click] {
      cursor: pointer; }
    .dialog-compose cog-file-input .__file-remove {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 0;
      max-width: 36px; }
      .dialog-compose cog-file-input .__file-remove.md-default:not([disabled]), .dialog-compose cog-file-input .__file-remove.md-primary:not(.md-raised):not([disabled]), .dialog-compose cog-file-input .__file-remove.md-accent:not(.md-raised):not([disabled]), .dialog-compose cog-file-input .__file-remove.md-warn:not(.md-raised):not([disabled]) {
        background-color: transparent; }
      .dialog-compose cog-file-input .__file-remove.md-primary:not(.md-raised), .dialog-compose cog-file-input .__file-remove.md-accent:not(.md-raised), .dialog-compose cog-file-input .__file-remove.md-warn:not(.md-raised) {
        font-weight: 600; }
      .dialog-compose cog-file-input .__file-remove md-icon {
        display: block; }
    .dialog-compose cog-file-input-link {
      border: 1px solid rgba(0, 147, 195, 0.25);
      border-radius: 2px;
      cursor: pointer;
      transition: color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out; }
      .dialog-compose cog-file-input-link:not([disabled]):hover, .dialog-compose cog-file-input-link:not([disabled]):focus, .dialog-compose cog-file-input-link:not([disabled]).md-focused {
        color: #fff;
        background-color: #0093c3;
        border-color: #0093c3; }
      .dialog-compose cog-file-input-link md-icon,
      .dialog-compose cog-file-input-link .fa,
      .dialog-compose cog-file-input-link .zmdi {
        color: inherit;
        fill: inherit;
        text-align: center; }
    @media screen and (max-width: 599px) {
      .dialog-compose cog-file-input .__file-input-container {
        margin-top: auto;
        margin-bottom: auto;
        padding-top: 10px;
        padding-bottom: 10px; } }
    .dialog-compose cog-file-input .__drag-drop-btn {
      position: relative;
      padding-right: 0;
      padding-left: 0;
      transition: background-color .4s ease-in-out, border-color .4s ease-in-out; }
      .dialog-compose cog-file-input .__drag-drop-btn, .dialog-compose cog-file-input .__drag-drop-btn.md-button.md-raised:not([disabled]) {
        box-shadow: none; }
      .dialog-compose cog-file-input .__drag-drop-btn.md-primary {
        border: 1px solid rgba(79, 81, 96, 0.25); }
      .dialog-compose cog-file-input .__drag-drop-btn.md-accent {
        border: 1px solid rgba(255, 215, 64, 0.25); }
      .dialog-compose cog-file-input .__drag-drop-btn.md-warn {
        border: 1px solid rgba(244, 67, 54, 0.25); }
      .dialog-compose cog-file-input .__drag-drop-btn-label {
        display: block;
        padding: 0 6px;
        color: inherit;
        cursor: inherit;
        transition: color .4s ease-in-out; }
        .dialog-compose cog-file-input .__drag-drop-btn-label span {
          display: inline-block; }
      .dialog-compose cog-file-input .__drag-drop-btn md-icon,
      .dialog-compose cog-file-input .__drag-drop-btn .fa,
      .dialog-compose cog-file-input .__drag-drop-btn .zmdi {
        display: inline-block;
        color: inherit !important;
        fill: inherit; }
    .dialog-compose cog-file-input .__drag-drop-holder {
      position: relative;
      min-height: 140px;
      padding: 10px;
      color: rgba(0, 0, 0, 0.4);
      font-size: 14px;
      font-weight: 600;
      text-align: center;
      border: 2px dashed rgba(0, 0, 0, 0.25);
      transition: color .4s ease-in-out, border-width .4s ease-in-out, border-color .4s ease-in-out; }
      @media screen and (min-width: 600px) {
        .dialog-compose cog-file-input .__drag-drop-holder {
          -ms-flex: 1 1 0px;
              flex: 1 1 0; } }
      .dialog-compose cog-file-input .__drag-drop-holder ~ .__file-preview-container {
        margin-top: 10px; }
        @media screen and (min-width: 600px) {
          .dialog-compose cog-file-input .__drag-drop-holder ~ .__file-preview-container {
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
            max-width: 50%;
            max-height: 100%;
            margin-top: 0;
            margin-left: 10px; } }
        @media screen and (min-width: 600px) {
          .dialog-compose cog-file-input .__drag-drop-holder ~ .__file-preview-container .__file-preview-item {
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
            max-width: none; } }
        @media screen and (min-width: 600px) {
          .dialog-compose cog-file-input .__drag-drop-holder ~ .__file-preview-container .__file-preview-item:nth-of-type(odd) {
            padding-right: 0; } }
        @media screen and (min-width: 600px) {
          .dialog-compose cog-file-input .__drag-drop-holder ~ .__file-preview-container .__file-preview-item:nth-of-type(even) {
            padding-left: 0; } }
        @media screen and (min-width: 600px) {
          .dialog-compose cog-file-input .__drag-drop-holder ~ .__file-preview-container .__file-preview-item:nth-of-type(2) {
            padding-top: 10px; } }
      .dialog-compose cog-file-input .__drag-drop-holder-inner {
        margin-top: 40px;
        margin-bottom: 40px; }
      .dialog-compose cog-file-input .__drag-drop-holder .cog-file-input-instructions,
      .dialog-compose cog-file-input .__drag-drop-holder .cog-file-input-note {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
      .dialog-compose cog-file-input .__drag-drop-holder .cog-file-input-instructions {
        margin-top: 4px;
        margin-bottom: 4px; }
      .dialog-compose cog-file-input .__drag-drop-holder .cog-file-input-note b,
      .dialog-compose cog-file-input .__drag-drop-holder .cog-file-input-note strong {
        color: rgba(0, 0, 0, 0.6);
        transition: color .4s ease-in-out; }
      .dialog-compose cog-file-input .__drag-drop-holder .__file-api-file-reader-label,
      .dialog-compose cog-file-input .__drag-drop-holder .__form-data-label,
      .dialog-compose cog-file-input .__drag-drop-holder .__warning-label {
        position: absolute;
        top: 0; }
      .dialog-compose cog-file-input .__drag-drop-holder.hover, .dialog-compose cog-file-input .__drag-drop-holder.focus, .dialog-compose cog-file-input .__drag-drop-holder.md-focused {
        color: #4caf50;
        border-width: 3px;
        border-color: #4caf50; }
        .dialog-compose cog-file-input .__drag-drop-holder.hover .cog-file-input-note b,
        .dialog-compose cog-file-input .__drag-drop-holder.hover .cog-file-input-note strong, .dialog-compose cog-file-input .__drag-drop-holder.focus .cog-file-input-note b,
        .dialog-compose cog-file-input .__drag-drop-holder.focus .cog-file-input-note strong, .dialog-compose cog-file-input .__drag-drop-holder.md-focused .cog-file-input-note b,
        .dialog-compose cog-file-input .__drag-drop-holder.md-focused .cog-file-input-note strong {
          color: #388e3c; }
        .dialog-compose cog-file-input .__drag-drop-holder.hover .__drag-drop-btn:not([disabled]), .dialog-compose cog-file-input .__drag-drop-holder.focus .__drag-drop-btn:not([disabled]), .dialog-compose cog-file-input .__drag-drop-holder.md-focused .__drag-drop-btn:not([disabled]) {
          border-color: #4caf50; }
          .dialog-compose cog-file-input .__drag-drop-holder.hover .__drag-drop-btn:not([disabled]).btn, .dialog-compose cog-file-input .__drag-drop-holder.hover .__drag-drop-btn:not([disabled]).md-raised, .dialog-compose cog-file-input .__drag-drop-holder.hover .__drag-drop-btn:not([disabled]).md-raised:hover, .dialog-compose cog-file-input .__drag-drop-holder.hover .__drag-drop-btn:not([disabled]).md-raised:focus, .dialog-compose cog-file-input .__drag-drop-holder.hover .__drag-drop-btn:not([disabled]).md-raised.md-focused, .dialog-compose cog-file-input .__drag-drop-holder.focus .__drag-drop-btn:not([disabled]).btn, .dialog-compose cog-file-input .__drag-drop-holder.focus .__drag-drop-btn:not([disabled]).md-raised, .dialog-compose cog-file-input .__drag-drop-holder.focus .__drag-drop-btn:not([disabled]).md-raised:hover, .dialog-compose cog-file-input .__drag-drop-holder.focus .__drag-drop-btn:not([disabled]).md-raised:focus, .dialog-compose cog-file-input .__drag-drop-holder.focus .__drag-drop-btn:not([disabled]).md-raised.md-focused, .dialog-compose cog-file-input .__drag-drop-holder.md-focused .__drag-drop-btn:not([disabled]).btn, .dialog-compose cog-file-input .__drag-drop-holder.md-focused .__drag-drop-btn:not([disabled]).md-raised, .dialog-compose cog-file-input .__drag-drop-holder.md-focused .__drag-drop-btn:not([disabled]).md-raised:hover, .dialog-compose cog-file-input .__drag-drop-holder.md-focused .__drag-drop-btn:not([disabled]).md-raised:focus, .dialog-compose cog-file-input .__drag-drop-holder.md-focused .__drag-drop-btn:not([disabled]).md-raised.md-focused {
            color: #000;
            background-color: #4caf50; }
          .dialog-compose cog-file-input .__drag-drop-holder.hover .__drag-drop-btn:not([disabled]).md-button:not(.btn):not(.md-raised), .dialog-compose cog-file-input .__drag-drop-holder.hover .__drag-drop-btn:not([disabled]).md-button:not(.btn):not(.md-raised):hover, .dialog-compose cog-file-input .__drag-drop-holder.hover .__drag-drop-btn:not([disabled]).md-button:not(.btn):not(.md-raised):focus, .dialog-compose cog-file-input .__drag-drop-holder.hover .__drag-drop-btn:not([disabled]).md-button:not(.btn):not(.md-raised).md-focused, .dialog-compose cog-file-input .__drag-drop-holder.focus .__drag-drop-btn:not([disabled]).md-button:not(.btn):not(.md-raised), .dialog-compose cog-file-input .__drag-drop-holder.focus .__drag-drop-btn:not([disabled]).md-button:not(.btn):not(.md-raised):hover, .dialog-compose cog-file-input .__drag-drop-holder.focus .__drag-drop-btn:not([disabled]).md-button:not(.btn):not(.md-raised):focus, .dialog-compose cog-file-input .__drag-drop-holder.focus .__drag-drop-btn:not([disabled]).md-button:not(.btn):not(.md-raised).md-focused, .dialog-compose cog-file-input .__drag-drop-holder.md-focused .__drag-drop-btn:not([disabled]).md-button:not(.btn):not(.md-raised), .dialog-compose cog-file-input .__drag-drop-holder.md-focused .__drag-drop-btn:not([disabled]).md-button:not(.btn):not(.md-raised):hover, .dialog-compose cog-file-input .__drag-drop-holder.md-focused .__drag-drop-btn:not([disabled]).md-button:not(.btn):not(.md-raised):focus, .dialog-compose cog-file-input .__drag-drop-holder.md-focused .__drag-drop-btn:not([disabled]).md-button:not(.btn):not(.md-raised).md-focused {
            color: #388e3c; }
  .dialog-compose md-dialog-actions {
    position: relative;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    background-color: #fff;
    border-top-width: 1px;
    border-top-style: solid; }
    .dialog-compose md-dialog-actions .btn:first-child,
    .dialog-compose md-dialog-actions .md-button:first-child {
      border-left: none; }
    .dialog-compose md-dialog-actions .btn:last-child,
    .dialog-compose md-dialog-actions .md-button:last-child {
      border-right: none; }
    @media screen and (min-width: 600px) {
      .dialog-compose md-dialog-actions .btn,
      .dialog-compose md-dialog-actions .md-button {
        min-height: 48px; } }
    @media screen and (min-width: 960px) {
      .dialog-compose md-dialog-actions .btn,
      .dialog-compose md-dialog-actions .md-button {
        font-size: 16px;
        border-right: 1px solid rgba(0, 0, 0, 0.125);
        border-left: 1px solid rgba(0, 0, 0, 0.125); } }
    .dialog-compose md-dialog-actions .md-button {
      min-width: 72px;
      height: auto;
      padding-right: 15px;
      padding-left: 15px;
      text-transform: none;
      transition: all .4s ease-in-out; }
      @media screen and (max-width: 599px) {
        .dialog-compose md-dialog-actions .md-button {
          margin: 0; } }
      .dialog-compose md-dialog-actions .md-button:not(.btn) md-icon,
      .dialog-compose md-dialog-actions .md-button:not(.btn) md-icon[md-font-icon],
      .dialog-compose md-dialog-actions .md-button:not(.btn) .fa,
      .dialog-compose md-dialog-actions .md-button:not(.btn) .zmdi {
        color: inherit; }
      @media screen and (min-width: 960px) {
        .dialog-compose md-dialog-actions .md-button:not(.md-raised):not(.btn):not([disabled]):hover, .dialog-compose md-dialog-actions .md-button:not(.md-raised):not(.btn):not([disabled]):focus, .dialog-compose md-dialog-actions .md-button:not(.md-raised):not(.btn):not([disabled]).md-focused {
          background-color: rgba(158, 158, 158, 0.3); } }
      @media screen and (min-width: 960px) {
        .dialog-compose md-dialog-actions .md-button.ng-hide {
          display: block !important; } }
      .dialog-compose md-dialog-actions .md-button md-icon,
      .dialog-compose md-dialog-actions .md-button md-icon[md-font-icon],
      .dialog-compose md-dialog-actions .md-button .fa,
      .dialog-compose md-dialog-actions .md-button .zmdi {
        font-size: 1.25em; }
        .dialog-compose md-dialog-actions .md-button md-icon + .btn-text,
        .dialog-compose md-dialog-actions .md-button md-icon[md-font-icon] + .btn-text,
        .dialog-compose md-dialog-actions .md-button .fa + .btn-text,
        .dialog-compose md-dialog-actions .md-button .zmdi + .btn-text {
          margin-top: 2px;
          margin-right: 0;
          margin-left: 0; }
      .dialog-compose md-dialog-actions .md-button .btn-text {
        text-overflow: ellipsis;
        overflow: hidden; }
      .dialog-compose md-dialog-actions .md-button md-icon + .btn-text {
        margin-right: 0;
        margin-left: 6px; }
    .dialog-compose md-dialog-actions .btn {
      font-weight: normal;
      text-transform: none;
      border-radius: 0; }
      @media screen and (max-width: 959px) {
        .dialog-compose md-dialog-actions .btn {
          font-size: 14px; } }
      @media screen and (min-width: 960px) {
        .dialog-compose md-dialog-actions .btn.ng-hide {
          display: -ms-flexbox !important;
          display: flex !important; } }
    .dialog-compose md-dialog-actions .direct-response {
      max-width: 480px;
      margin-top: auto;
      margin-bottom: auto;
      padding-right: 8px;
      padding-left: 8px;
      background-color: #fff; }
      .dialog-compose md-dialog-actions .direct-response .compose-label {
        font-size: 0.875em; }
        .dialog-compose md-dialog-actions .direct-response .compose-label.md-no-float, .dialog-compose md-dialog-actions .direct-response .compose-label.md-container-ignore {
          line-height: 1.5; }
    .dialog-compose md-dialog-actions .attachments-toggle {
      margin-right: auto;
      margin-left: auto; }
      @media screen and (max-width: 599px) {
        .dialog-compose md-dialog-actions .attachments-toggle {
          width: 100%; } }
    .dialog-compose md-dialog-actions[class*="layout-align-end"] {
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }
    @media screen and (max-width: 959px) {
      .dialog-compose md-dialog-actions.footer-reposition {
        -ms-flex-order: 0;
            order: 0;
        color: rgba(255, 255, 255, 0.875);
        background-color: var(--color-protonmail-primary);
        border-top-width: 0;
        border-top-style: none;
        border-bottom-width: 1px;
        border-bottom-style: solid; } }
  .dialog-compose .btn-send:not([disabled]), .dialog-compose .btn-send:not([disabled]).md-button.btn--subtle {
    color: #000; }

md-dialog.ag-dialog-compose.ag-popup {
  background-color: #fff !important; }

@media screen and (max-width: 599px) {
  .ag-dialog-compose.ag-popup.mobile-fullwidth-dialog, .ag-dialog-compose.ag-popup.md-dialog-fullscreen {
    top: 0 !important;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    border-radius: 0; } }

@media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) {
  .ag-dialog-compose.ag-popup.mobile-fullwidth-dialog, .ag-dialog-compose.ag-popup.md-dialog-fullscreen {
    height: 90%; } }

@media screen and (min-height: 1920px) {
  .ag-dialog-compose.ag-popup.mobile-fullwidth-dialog, .ag-dialog-compose.ag-popup.md-dialog-fullscreen {
    max-height: 1200px; } }

.ag-dialog-compose.ag-wrapper md-date-range,
.ag-dialog-compose.ag-wrapper md-select, .ag-dialog-compose.ag-wrapper-secondary md-date-range,
.ag-dialog-compose.ag-wrapper-secondary md-select {
  box-shadow: none; }
  .ag-dialog-compose.ag-wrapper md-date-range .md-select-value,
  .ag-dialog-compose.ag-wrapper md-select .md-select-value, .ag-dialog-compose.ag-wrapper-secondary md-date-range .md-select-value,
  .ag-dialog-compose.ag-wrapper-secondary md-select .md-select-value {
    color: var(--color-protonmail-secondary); }

.ag-dialog-compose.ag-wrapper md-select, .ag-dialog-compose.ag-wrapper-secondary md-select {
  margin-left: 0 !important; }
  @media screen and (max-width: 600px) {
    .ag-dialog-compose.ag-wrapper md-select, .ag-dialog-compose.ag-wrapper-secondary md-select {
      margin-bottom: 0 !important; } }

.ag-dialog-compose.ag-wrapper oi-select .select-search-list-item, .ag-dialog-compose.ag-wrapper-secondary oi-select .select-search-list-item {
  color: var(--color-protonmail-primary) !important; }

.ag-dialog-compose .md-button.btn--secondary:not([disabled]) {
  background-color: var(--color-protonmail-primary);
  color: var(--color-white); }
  .ag-dialog-compose .md-button.btn--secondary:not([disabled]):hover, .ag-dialog-compose .md-button.btn--secondary:not([disabled]):focus, .ag-dialog-compose .md-button.btn--secondary:not([disabled]).md-focused {
    background-color: var(--color-protonmail-secondary); }

.ag-dialog-compose .md-button.btn--subtle:not([disabled]), .ag-dialog-compose .md-button.btn--subtle:not([disabled]):hover, .ag-dialog-compose .md-button.btn--subtle:not([disabled]):focus, .ag-dialog-compose .md-button.btn--subtle:not([disabled]).md-focused {
  background-color: var(--color-white);
  color: var(--color-contrast-higher); }

.ag-dialog-compose.confirm .btn--primary:not([disabled]):hover, .ag-dialog-compose.confirm .btn--primary:not([disabled]):focus, .ag-dialog-compose.confirm .btn--primary:not([disabled]).md-focused {
  background-color: var(--color-primary) !important; }

.ag-dialog-compose .toolbar-default {
  padding-top: 0 !important; }

.ag-dialog-compose.ag-popup .toolbar-default,
.ag-dialog-compose.ag-popup .md-toolbar-tools {
  background-color: var(--color-protonmail-primary) !important; }

.ag-dialog-compose.ag-popup .toolbar-default {
  min-height: auto !important;
  max-height: 56px;
  line-height: 56px; }
  @media screen and (max-width: 959px) {
    .ag-dialog-compose.ag-popup .toolbar-default.toolbar-small-mobile {
      max-height: 40px;
      line-height: 40px; } }
  .ag-dialog-compose.ag-popup .toolbar-default h2 span,
  .ag-dialog-compose.ag-popup .toolbar-default h4 span {
    color: inherit; }

.ag-dialog-compose.confirm.ag-popup .toolbar-default {
  min-height: 50px !important; }

.ag-dialog-compose .md-toolbar-tools {
  padding-right: 16px;
  padding-left: 16px; }

.ag-dialog-compose oi-select,
.ag-dialog-compose md-select,
.ag-dialog-compose md-input-container > input {
  box-shadow: none; }

@media screen and (max-width: 959px) {
  .ag-dialog-compose md-select > md-select-value {
    border-bottom: none; } }

.ag-dialog-compose .attachments-container .__file-remove {
  color: var(--color-error); }

.ag-dialog-compose .attachments-toggle:not([disabled]), .ag-dialog-compose .attachments-toggle:not([disabled]).btn--subtle, .ag-dialog-compose .attachments-toggle:not([disabled]).btn--subtle:hover, .ag-dialog-compose .attachments-toggle:not([disabled]).btn--subtle:focus,
.ag-dialog-compose .must-read:not([disabled]),
.ag-dialog-compose .must-read:not([disabled]).btn--subtle,
.ag-dialog-compose .must-read:not([disabled]).btn--subtle:hover,
.ag-dialog-compose .must-read:not([disabled]).btn--subtle:focus {
  color: var(--color-protonmail-secondary); }

.ag-dialog-compose .must-read {
  padding-right: 6px;
  padding-left: 8px; }
  @media screen and (min-width: 600px) {
    .ag-dialog-compose .must-read {
      padding-left: 10px; } }

.ag-dialog-compose md-dialog-actions {
  min-height: 44px; }
  .ag-dialog-compose md-dialog-actions .btn,
  .ag-dialog-compose md-dialog-actions .md-button {
    min-width: 66px;
    margin: 0; }
  .ag-dialog-compose md-dialog-actions .btn {
    min-height: 44px; }
    .ag-dialog-compose md-dialog-actions .btn.attachments-toggle {
      margin-right: auto;
      margin-left: auto; }
    .ag-dialog-compose md-dialog-actions .btn md-icon {
      margin-right: 0;
      margin-left: 0; }
      .ag-dialog-compose md-dialog-actions .btn md-icon + .btn-text {
        margin-left: .25em; }
  .ag-dialog-compose md-dialog-actions .md-button {
    margin-right: 0;
    margin-left: 0; }
    .ag-dialog-compose md-dialog-actions .md-button:not(.btn) {
      line-height: 44px; }
    .ag-dialog-compose md-dialog-actions .md-button[disabled] md-icon {
      color: inherit; }
  .ag-dialog-compose md-dialog-actions .md-button.btn--subtle:not([disabled]):hover,
  .ag-dialog-compose md-dialog-actions .md-button.btn--subtle:not([disabled]):focus,
  .ag-dialog-compose md-dialog-actions .md-button.btn--subtle:not([disabled]).md-focused {
    color: var(--color-protonmail-primary); }
  .ag-dialog-compose md-dialog-actions .attachments-toggle {
    margin-right: auto;
    margin-left: auto; }
    .ag-dialog-compose md-dialog-actions .attachments-toggle:not([disabled]), .ag-dialog-compose md-dialog-actions .attachments-toggle:not([disabled]).btn--subtle, .ag-dialog-compose md-dialog-actions .attachments-toggle:not([disabled]).btn--subtle:hover, .ag-dialog-compose md-dialog-actions .attachments-toggle:not([disabled]).btn--subtle:focus {
      color: var(--color-white); }
  @media screen and (max-width: 959px) {
    .ag-dialog-compose md-dialog-actions.footer-reposition .md-button:not([disabled]).btn-cancel.btn--subtle, .ag-dialog-compose md-dialog-actions.footer-reposition .md-button:not([disabled]).btn-send.btn--subtle {
      color: inherit;
      background-color: transparent; } }
  @media screen and (max-width: 959px) {
    .ag-dialog-compose md-dialog-actions.footer-reposition .md-button[disabled] {
      color: rgba(255, 255, 255, 0.333333); } }

@media screen and (max-width: 599px) {
  md-dialog.cog-dialog-compose {
    border-radius: 0; } }

.cog-dialog-compose .sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap; }

@media screen and (max-width: 959px) {
  .cog-dialog-compose .md-toolbar-tools {
    font-size: 16px; } }

.cog-dialog-compose .md-toolbar-tools .md-button.md-icon-button {
  height: 100%; }

.cog-dialog-compose.cog-dialog md-toolbar {
  background-color: var(--color-protonmail-primary) !important; }

@media screen and (min-width: 600px) {
  .cog-dialog-compose .compose-cell + .attachments-toggle {
    margin-top: 4px; } }

.cog-dialog-compose.cog-dialog:not(.confirm) md-dialog-content {
  padding-right: 0;
  padding-left: 0; }

@media screen and (width: 600px) {
  .cog-dialog-compose.mobile-fullwidth-dialog {
    min-height: auto; } }

@media screen and (max-width: 599px) {
  .cog-dialog-compose .fr-box.fr-basic .fr-element {
    height: calc(100vh - 360px); } }

@media screen and (max-width: 599px) {
  .cog-dialog-compose.is-ios .fr-box.fr-basic .fr-element {
    height: calc(100vh - 420px); } }

@media screen and (max-width: 959px) {
  .cog-dialog-compose .direct-response {
    min-height: 48px; } }

.cog-dialog-compose md-dialog-actions {
  min-height: auto; }
  .cog-dialog-compose md-dialog-actions .md-button {
    min-width: 96px;
    margin: 0;
    border-radius: 0; }
    @media screen and (max-width: 599px) {
      .cog-dialog-compose md-dialog-actions .md-button {
        border-radius: 0; } }
    .cog-dialog-compose md-dialog-actions .md-button[disabled] {
      color: graytext; }
  @media screen and (min-width: 600px) {
    .cog-dialog-compose md-dialog-actions .attachments-toggle-wrapper {
      padding-right: 8px;
      padding-left: 8px; } }
  .cog-dialog-compose md-dialog-actions .direct-response {
    -ms-flex-order: 1;
        order: 1; }

.cog-dialog-compose.cog-dialog md-dialog-actions .md-button:last-child {
  background-color: transparent !important;
  box-shadow: none; }
  @media screen and (min-width: 960px) {
    .cog-dialog-compose.cog-dialog md-dialog-actions .md-button:last-child:not([disabled]) {
      color: #000 !important; } }
  .cog-dialog-compose.cog-dialog md-dialog-actions .md-button:last-child:not([disabled]):hover, .cog-dialog-compose.cog-dialog md-dialog-actions .md-button:last-child:not([disabled]):focus, .cog-dialog-compose.cog-dialog md-dialog-actions .md-button:last-child:not([disabled]).md-focused {
    color: var(--color-protonmail-primary) !important; }
  .cog-dialog-compose.cog-dialog md-dialog-actions .md-button:last-child[disabled] {
    color: rgba(255, 255, 255, 0.333333) !important; }
    @media screen and (min-width: 960px) {
      .cog-dialog-compose.cog-dialog md-dialog-actions .md-button:last-child[disabled] {
        color: rgba(0, 0, 0, 0.333333) !important; } }

.cog-dialog-compose .btn-cancel md-icon {
  margin-top: -4px; }

@media screen and (min-width: 960px) {
  .cog-dialog-compose .btn-send {
    -ms-flex-order: 1;
        order: 1; } }

md-optgroup label:empty {
  padding: 0; }

.cog-dialog-preview-attachment-image {
  max-width: 95%;
  max-height: 85%; }
  @media screen and (min-width: 1280px) {
    .cog-dialog-preview-attachment-image {
      max-width: 1200px; } }
  @media screen and (min-height: 1280px) {
    .cog-dialog-preview-attachment-image {
      max-height: 1200px; } }
  .cog-dialog-preview-attachment-image .banner-content-preview {
    position: relative;
    background-color: #fff;
    opacity: 1 !important; }
    .cog-dialog-preview-attachment-image .banner-content-preview img {
      display: block;
      max-width: 100%;
      max-height: 100%;
      margin-left: auto;
      margin-right: auto; }
  .cog-dialog-preview-attachment-image .banner-backdrop-preview {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 50px;
    opacity: .6; }
  .cog-dialog-preview-attachment-image md-dialog-actions {
    padding-left: 8px; }
    .cog-dialog-preview-attachment-image md-dialog-actions .md-button:last-of-type:first-of-type {
      margin-left: 0; }
  .cog-dialog-preview-attachment-image md-dialog-actions {
    padding-left: 8px; }
    .cog-dialog-preview-attachment-image md-dialog-actions .md-button:last-of-type:first-of-type {
      margin-left: 0; }

.ag-dialog-must-read-mail {
  box-sizing: border-box; }
  @media screen and (min-width: 600px) {
    .ag-dialog-must-read-mail {
      width: 100%;
      min-width: 0;
      max-width: 960px;
      max-height: 90%; } }
  .ag-dialog-must-read-mail *,
  .ag-dialog-must-read-mail *::before,
  .ag-dialog-must-read-mail *::after {
    box-sizing: inherit; }
  .ag-dialog-must-read-mail .toolbar-default {
    height: 56px;
    line-height: 56px; }
  .ag-dialog-must-read-mail .md-toolbar-tools {
    height: inherit;
    min-height: inherit;
    line-height: inherit; }
    @media (max-width: 959px) and (min-width: 0) and (orientation: landscape) {
      .ag-dialog-must-read-mail .md-toolbar-tools {
        height: 56px;
        max-height: none; } }
    .ag-dialog-must-read-mail .md-toolbar-tools .title-icon {
      width: auto;
      min-width: 16px;
      max-width: 24px;
      height: auto;
      min-height: 16px;
      max-height: 24px;
      line-height: 16px;
      margin-right: 8px;
      margin-left: 0; }
    .ag-dialog-must-read-mail .md-toolbar-tools h1, .ag-dialog-must-read-mail .md-toolbar-tools h2, .ag-dialog-must-read-mail .md-toolbar-tools h3, .ag-dialog-must-read-mail .md-toolbar-tools h4, .ag-dialog-must-read-mail .md-toolbar-tools h5, .ag-dialog-must-read-mail .md-toolbar-tools h6 {
      overflow: hidden; }
      .ag-dialog-must-read-mail .md-toolbar-tools h1 .title-count, .ag-dialog-must-read-mail .md-toolbar-tools h2 .title-count, .ag-dialog-must-read-mail .md-toolbar-tools h3 .title-count, .ag-dialog-must-read-mail .md-toolbar-tools h4 .title-count, .ag-dialog-must-read-mail .md-toolbar-tools h5 .title-count, .ag-dialog-must-read-mail .md-toolbar-tools h6 .title-count {
        margin-right: .5em; }
      .ag-dialog-must-read-mail .md-toolbar-tools h1 .title, .ag-dialog-must-read-mail .md-toolbar-tools h2 .title, .ag-dialog-must-read-mail .md-toolbar-tools h3 .title, .ag-dialog-must-read-mail .md-toolbar-tools h4 .title, .ag-dialog-must-read-mail .md-toolbar-tools h5 .title, .ag-dialog-must-read-mail .md-toolbar-tools h6 .title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .ag-dialog-must-read-mail .md-toolbar-tools .md-button.md-icon-button {
      height: auto;
      min-height: inherit;
      line-height: inherit; }
  .ag-dialog-must-read-mail md-dialog-actions .md-button {
    margin: 6px 8px;
    padding-right: 10px;
    padding-left: 10px;
    transition: all .4s ease-in-out; }
    .ag-dialog-must-read-mail md-dialog-actions .md-button md-icon,
    .ag-dialog-must-read-mail md-dialog-actions .md-button md-icon[md-font-icon],
    .ag-dialog-must-read-mail md-dialog-actions .md-button .fa,
    .ag-dialog-must-read-mail md-dialog-actions .md-button .zmdi {
      color: inherit;
      font-size: 1.25em; }
      .ag-dialog-must-read-mail md-dialog-actions .md-button md-icon + .btn-text,
      .ag-dialog-must-read-mail md-dialog-actions .md-button md-icon[md-font-icon] + .btn-text,
      .ag-dialog-must-read-mail md-dialog-actions .md-button .fa + .btn-text,
      .ag-dialog-must-read-mail md-dialog-actions .md-button .zmdi + .btn-text {
        margin-right: 0;
        margin-left: 6px; }
    .ag-dialog-must-read-mail md-dialog-actions .md-button .btn-text {
      text-overflow: ellipsis;
      overflow: hidden; }
    .ag-dialog-must-read-mail md-dialog-actions .md-button md-icon + .btn-text {
      margin-right: 0;
      margin-left: 6px; }
    .ag-dialog-must-read-mail md-dialog-actions .md-button:not(.md-raised):not([disabled]) {
      background-color: rgba(158, 158, 158, 0.15); }
      .ag-dialog-must-read-mail md-dialog-actions .md-button:not(.md-raised):not([disabled]):hover {
        background-color: rgba(158, 158, 158, 0.3); }
    .ag-dialog-must-read-mail md-dialog-actions .md-button:first-of-type:last-of-type {
      margin-left: auto; }
  .ag-dialog-must-read-mail md-dialog-actions[class*="layout-align-end"] {
    -ms-flex-pack: end !important;
        justify-content: flex-end !important; }
  @media screen and (max-width: 599px) {
    .ag-dialog-must-read-mail.mobile-fullwidth-dialog, .ag-dialog-must-read-mail.md-dialog-fullscreen {
      top: 0 !important;
      min-width: 100%;
      height: 100%;
      min-height: 100%;
      max-height: 100%; } }
  @media screen and (min-height: 1920px) {
    .ag-dialog-must-read-mail.mobile-fullwidth-dialog, .ag-dialog-must-read-mail.md-dialog-fullscreen {
      max-height: 1200px; } }

#cog-account-history .web-history-lbl {
  font-size: 0.7em;
  padding-right: 8px;
  margin-top: 7px;
  color: #9E9E9E; }

#cog-account-history .md-nav-bar {
  background-color: white;
  border-color: rgba(0, 0, 0, 0);
  height: auto; }
  #cog-account-history .md-nav-bar .md-button {
    padding: 10px 10px 10px 10px; }
    #cog-account-history .md-nav-bar .md-button.md-active {
      color: #0e4e6d; }
  #cog-account-history .md-nav-bar md-nav-ink-bar {
    color: #607d8b;
    background: #607d8b; }

#cog-account-history .daily-total {
  background-color: #fdfdfd;
  padding: 20px;
  width: 40%;
  margin: 20px auto 0 auto;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.14); }
  @media screen and (max-width: 800px) {
    #cog-account-history .daily-total {
      width: 95%; } }

#cog-account-history .casino-header .gridHeader {
  text-align: center;
  line-height: 32px; }
  #cog-account-history .casino-header .gridHeader:last-child {
    border-left: solid 1px #fff; }

#cog-account-history .casino-info .pendingbg {
  text-align: center;
  line-height: 32px; }

#cog-account-history .casino-game-detail-container {
  margin: 10px;
  border: solid 1px #dbdbdb;
  background-color: #fdfdfd;
  border-radius: 3px; }
  #cog-account-history .casino-game-detail-container .game-name {
    font-weight: 700;
    font-size: 1.15em;
    color: #237288; }
  #cog-account-history .casino-game-detail-container .gameHeader {
    text-align: center;
    line-height: 32px;
    background-color: #e0e0e0;
    color: #727272; }
    #cog-account-history .casino-game-detail-container .gameHeader:not(:first-child) {
      border-left: solid 1px #fff; }

#cog-account-history .history-nav-bar {
  background-color: white !important;
  padding-right: 10px;
  min-height: 45px; }
  #cog-account-history .history-nav-bar md-select {
    height: 30px;
    margin: 0px;
    min-width: 120px; }
  #cog-account-history .history-nav-bar.mobile {
    min-height: 40px !important;
    padding-right: 0px;
    font-size: 0.8em !important; }
    #cog-account-history .history-nav-bar.mobile md-select {
      min-width: 80px !important; }
    #cog-account-history .history-nav-bar.mobile .md-nav-bar .md-button {
      padding: 5px 3px 5px 3px;
      font-size: 0.85em !important;
      max-width: 60px;
      min-width: 60px;
      margin: 0px; }
    #cog-account-history .history-nav-bar.mobile md-menu .md-button {
      margin: 0px; }

#cog-account-history .history-table .selected {
  background-color: rgba(255, 152, 0, 0.4); }

#cog-account-history .history-table .table-toolbar.md-row {
  background-color: #204758;
  min-height: 45px;
  height: 45px; }

#cog-account-history .history-table.daily th {
  padding-top: 10px;
  padding-bottom: 8px; }

#cog-account-history .history-table.daily th:first-child {
  color: #bbe9ff !important;
  font-size: 0.9em !important; }

#cog-account-history .history-table.daily td.md-cell:last-child,
#cog-account-history .history-table.daily th.md-column:last-child {
  width: 50% !important;
  text-align: right; }

#cog-account-history .history-table.weekly thead th, #cog-account-history .history-table.monthly thead th, #cog-account-history .history-table.lifetime thead th {
  padding-left: 5px;
  padding-right: 5px; }

#cog-account-history .history-table.weekly thead th:nth-child(1), #cog-account-history .history-table.monthly thead th:nth-child(1), #cog-account-history .history-table.lifetime thead th:nth-child(1) {
  width: 30px; }
  #cog-account-history .history-table.weekly thead th:nth-child(1).mobile, #cog-account-history .history-table.monthly thead th:nth-child(1).mobile, #cog-account-history .history-table.lifetime thead th:nth-child(1).mobile {
    width: 80px; }

#cog-account-history .history-table.weekly thead th:last-child, #cog-account-history .history-table.monthly thead th:last-child, #cog-account-history .history-table.lifetime thead th:last-child {
  padding-right: 20px; }

#cog-account-history .history-table.weekly thead tr, #cog-account-history .history-table.monthly thead tr, #cog-account-history .history-table.lifetime thead tr {
  background-color: #204758;
  min-height: 45px;
  height: 45px; }

#cog-account-history .history-table.weekly tbody td, #cog-account-history .history-table.monthly tbody td, #cog-account-history .history-table.lifetime tbody td {
  padding-left: 5px;
  padding-right: 5px; }

#cog-account-history .history-table.weekly tbody td:last-child, #cog-account-history .history-table.monthly tbody td:last-child, #cog-account-history .history-table.lifetime tbody td:last-child {
  padding-right: 20px; }

#cog-account-history .history-table.weekly tfoot, #cog-account-history .history-table.monthly tfoot, #cog-account-history .history-table.lifetime tfoot {
  font-size: 0.8em;
  background-color: #f1f1f1;
  border-top: 2px solid #dedede; }
  #cog-account-history .history-table.weekly tfoot td, #cog-account-history .history-table.monthly tfoot td, #cog-account-history .history-table.lifetime tfoot td {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px; }
  #cog-account-history .history-table.weekly tfoot td:last-child, #cog-account-history .history-table.monthly tfoot td:last-child, #cog-account-history .history-table.lifetime tfoot td:last-child {
    padding-right: 20px; }

#cog-account-history .history-table.lifetime th:nth-child(1) {
  width: 100px !important; }

#cog-account-history .history-table.lifetime.mobile th:nth-child(1) {
  width: 60px !important; }

#cog-account-history .history-table .date-label-mobile {
  font-size: 9px;
  font-weight: normal;
  margin-top: -3px; }

#cog-account-history .history-table.mobile td:last-child,
#cog-account-history .history-table.mobile th:last-child {
  padding-right: 5px !important; }

#cog-account-history .history-table .mobile-caption {
  font-size: 0.85em; }

#cog-account-history .history-detail-container {
  width: 100%; }

#cog-account-history .history-info-container {
  background-color: #dbdbdb; }
  #cog-account-history .history-info-container md-card-title {
    background-color: white; }

#cog-account-history .history-daily-wagers md-list-item {
  min-height: 35px;
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

#cog-account-history .history-daily-wagers md-list-item::before {
  min-height: 35px; }

#cog-account-history .history-daily-wagers .md-list-item-text {
  margin: 0px; }

#cog-account-history md-table-container {
  font-weight: 700; }
  #cog-account-history md-table-container .amount {
    color: #333; }

#cog-account-history .adjustment-summary-history md-list md-list-item,
#cog-account-history .casino-summary-history md-list md-list-item {
  padding: 0px !important; }

#cog-account-history .adjustment-summary-history h3,
#cog-account-history .casino-summary-history h3 {
  padding-top: 10px;
  padding-bottom: 10px; }

#cog-account-history .adjustment-summary-history a,
#cog-account-history .casino-summary-history a {
  cursor: pointer; }

#cog-account-history .header-deleted {
  padding: 0 5px;
  font-weight: 600;
  font-size: 20px;
  background-color: #204758;
  color: #c6e2c8; }

#cog-account-history .header-container {
  font-size: 15px;
  min-height: 35px;
  line-height: 2.5; }

#cog-account-history .footer-container {
  min-height: 35px;
  line-height: 2.1;
  padding: 0 15px;
  background-color: #FFF;
  border-top: 2px #000 solid; }

.history-opt-selected {
  background-color: #626262;
  color: white; }

.account-caption {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: linear-gradient(#FFF 0%, #DDD 100%); }
  .account-caption div {
    background-color: #f1f1f1;
    padding: 5px 10px 5px 10px;
    text-align: left;
    font-size: 12px;
    border: 1px solid #ccc;
    margin: 0px 5px 0px 0px; }
  .account-caption span {
    color: blue; }

@media (max-width: 1180px) {
  .account-caption {
    display: none; } }

@media (max-width: 1440px) {
  .account-caption div {
    padding: 3px 5px 3px 5px;
    font-size: 10px; } }

.cogaccounts-limits-container {
  background-color: #f3f3f3 !important; }
  .cogaccounts-limits-container .input-group-addon {
    margin: 3px 0 3px 0 !important;
    background-color: #e8e8e8;
    border: solid 1px #c3c3c3;
    left: -4px;
    max-width: 80px;
    border-radius: 0 2px 2px 0; }
  .cogaccounts-limits-container md-autocomplete {
    min-width: 100px !important;
    margin: 0px !important;
    height: auto !important; }
    .cogaccounts-limits-container md-autocomplete input {
      margin-top: -1px !important;
      height: 30px !important;
      font-size: 1em !important; }
    .cogaccounts-limits-container md-autocomplete md-autocomplete-wrap {
      margin-top: 3px;
      border: none !important;
      height: auto; }
      .cogaccounts-limits-container md-autocomplete md-autocomplete-wrap button {
        -ms-flex-order: 3;
            order: 3; }
  .cogaccounts-limits-container .displayErrorMessage md-content {
    padding-bottom: 200px; }
  .cogaccounts-limits-container .displayErrorMessage .validation-messages {
    font-size: 12px;
    color: #dd2c00;
    margin: 10px 0 0 25px; }
  .cogaccounts-limits-container .cog-wagerLimitBlocked {
    background-color: #E3E3E3; }
  .cogaccounts-limits-container .coglimit_header_more_btn {
    font-size: 0.5em;
    min-height: 25px;
    line-height: 22px;
    margin: 4px 5px;
    background-color: #607D8B !important;
    color: #ccd5da !important;
    width: 100px; }
  .cogaccounts-limits-container .fixed-credit-limit-container {
    min-height: 198px !important; }
  .cogaccounts-limits-container .limit-iffers-group .group-button .groupX {
    font-size: 0.8em;
    line-height: 18px;
    height: 22px;
    min-height: 22px; }
  .cogaccounts-limits-container .limit-iffers-group label {
    font-size: 0.8em; }

#cog-acc-limits {
  /*
    .cogaccounts-live-limits-container {
        height: 165px !important;
    }
    */ }
  #cog-acc-limits .widget {
    min-height: 50px !important; }
  #cog-acc-limits .limits-chart-card-row {
    margin-right: -10px;
    margin-left: -10px; }
  #cog-acc-limits .limits-chart-card {
    box-sizing: border-box;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 0; }
  #cog-acc-limits .limits-chart-card-main {
    -ms-flex: 1 1 calc(75% - 20px) !important;
        flex: 1 1 calc(75% - 20px) !important;
    -ms-flex-preferred-size: calc(75% - 20px) !important;
        flex-basis: calc(75% - 20px) !important;
    max-width: calc(75% - 20px) !important; }
  #cog-acc-limits .limits-chart-card-full {
    -ms-flex: 1 1 calc(100% - 20px) !important;
        flex: 1 1 calc(100% - 20px) !important;
    -ms-flex-preferred-size: calc(100% - 20px) !important;
        flex-basis: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important; }
  #cog-acc-limits .limits-chart-card-rating {
    -ms-flex: 1 1 calc(25% - 20px) !important;
        flex: 1 1 calc(25% - 20px) !important;
    -ms-flex-preferred-size: calc(25% - 20px) !important;
        flex-basis: calc(25% - 20px) !important;
    max-width: calc(25% - 20px) !important; }
  @media screen and (max-width: 599px) {
    #cog-acc-limits .limits-chart-card-row {
      margin-right: 0;
      margin-left: 0; }
    #cog-acc-limits .limits-chart-card {
      -ms-flex: 1 1 100% !important;
          flex: 1 1 100% !important;
      margin-right: 0;
      margin-left: 0;
      -ms-flex-preferred-size: 100% !important;
          flex-basis: 100% !important;
      max-width: 100% !important; } }
  #cog-acc-limits .player-rating-account-card {
    width: 100%;
    max-width: 380px;
    margin: 0 auto; }
    #cog-acc-limits .player-rating-account-card.player-rating-account-disabled .player-rating-account-subcard {
      background-color: #eeeeee;
      border-color: rgba(0, 0, 0, 0.12);
      box-shadow: none; }
    #cog-acc-limits .player-rating-account-card.player-rating-account-disabled .player-rating-account-row {
      background-color: #eeeeee; }
    #cog-acc-limits .player-rating-account-card.player-rating-account-disabled .player-rating-account-label,
    #cog-acc-limits .player-rating-account-card.player-rating-account-disabled .player-rating-account-value,
    #cog-acc-limits .player-rating-account-card.player-rating-account-disabled .player-rating-account-percent,
    #cog-acc-limits .player-rating-account-card.player-rating-account-disabled .player-rating-account-input input {
      color: rgba(0, 0, 0, 0.38) !important; }
    #cog-acc-limits .player-rating-account-card.player-rating-account-disabled .player-rating-account-input {
      border-bottom-color: rgba(0, 0, 0, 0.12); }
  #cog-acc-limits .player-rating-account-automover {
    max-width: 55%;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap; }
    #cog-acc-limits .player-rating-account-automover .player-rating-account-automover-agent {
      color: #fff;
      font-weight: 700;
      text-decoration: underline; }
    #cog-acc-limits .player-rating-account-automover .player-rating-account-automover-empty {
      color: #c46a10;
      font-size: 14px;
      line-height: 18px; }
  #cog-acc-limits .player-rating-account-agent-type {
    max-width: 55%;
    overflow: hidden;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    white-space: nowrap; }
    #cog-acc-limits .player-rating-account-agent-type > span {
      overflow: hidden;
      text-overflow: ellipsis;
      text-transform: uppercase; }
    #cog-acc-limits .player-rating-account-agent-type .player-rating-account-agent-switch {
      margin-left: 4px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      #cog-acc-limits .player-rating-account-agent-type .player-rating-account-agent-switch .groupX {
        min-width: 26px;
        min-height: 18px;
        height: 18px;
        margin: 0;
        padding: 0 4px;
        line-height: 18px;
        font-size: 9px; }
  #cog-acc-limits .player-rating-account-subcard {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
  #cog-acc-limits .player-rating-account-max-card {
    margin-bottom: 12px; }
  #cog-acc-limits .player-rating-account-list-card {
    overflow: hidden; }
  #cog-acc-limits .player-rating-account-row {
    min-height: 38px;
    padding: 0 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    #cog-acc-limits .player-rating-account-row.is-section {
      background-color: #dedada; }
      #cog-acc-limits .player-rating-account-row.is-section .player-rating-account-label {
        color: #000;
        font-weight: 400; }
  #cog-acc-limits .player-rating-account-header-row {
    min-height: 36px;
    background-color: #2c2d3d;
    border-bottom: 0;
    text-transform: uppercase; }
    #cog-acc-limits .player-rating-account-header-row .player-rating-account-setting,
    #cog-acc-limits .player-rating-account-header-row .player-rating-account-label {
      color: #fff;
      font-size: 12px;
      font-weight: 400; }
    #cog-acc-limits .player-rating-account-header-row .player-rating-account-value,
    #cog-acc-limits .player-rating-account-header-row .player-rating-account-percent {
      color: #fff;
      font-size: 12px;
      font-weight: 400; }
  #cog-acc-limits .player-rating-account-setting {
    color: #001528;
    font-size: 12px; }
    #cog-acc-limits .player-rating-account-setting md-icon {
      margin-left: 18px;
      color: rgba(0, 0, 0, 0.45);
      font-size: 10px; }
    #cog-acc-limits .player-rating-account-setting .group-button {
      -ms-flex-pack: start;
          justify-content: flex-start; }
      #cog-acc-limits .player-rating-account-setting .group-button .groupX {
        min-width: 50px;
        min-height: 30px;
        margin: 0;
        border-radius: 4px 0 0 4px;
        font-size: 12px;
        line-height: 30px;
        text-transform: none; }
        #cog-acc-limits .player-rating-account-setting .group-button .groupX.right {
          border-radius: 0 4px 4px 0; }
  #cog-acc-limits .player-rating-account-label {
    color: #101010;
    font-size: 13px;
    line-height: 18px; }
    #cog-acc-limits .player-rating-account-label .cog-hint {
      color: #c46a10; }
  #cog-acc-limits .player-rating-account-value {
    color: #67bd6f;
    font-size: 16px;
    text-align: right; }
    #cog-acc-limits .player-rating-account-value strong {
      border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  #cog-acc-limits .player-rating-account-input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
    max-width: 170px;
    margin-left: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18); }
    #cog-acc-limits .player-rating-account-input input {
      width: 72px;
      height: 28px;
      padding: 0;
      border: 0 !important;
      background-color: transparent !important;
      box-shadow: none !important;
      color: #009b19 !important;
      font-size: 16px !important;
      font-weight: 700 !important;
      line-height: 28px;
      -moz-appearance: textfield;
      appearance: textfield;
      outline: none !important;
      text-align: right; }
      #cog-acc-limits .player-rating-account-input input::-webkit-inner-spin-button, #cog-acc-limits .player-rating-account-input input::-webkit-outer-spin-button {
        margin: 0;
        -webkit-appearance: none; }
  #cog-acc-limits .player-rating-account-percent {
    margin-left: 4px;
    color: #009b19;
    font-size: 16px;
    font-weight: 700;
    line-height: 28px; }
  #cog-acc-limits .player-rating-account-empty {
    padding: 12px;
    color: rgba(0, 0, 0, 0.55);
    text-align: center; }
  #cog-acc-limits .linked-options {
    margin-top: 3px; }
  #cog-acc-limits .cog-accounting-options.mobile-option {
    margin: 3px; }
  #cog-acc-limits label md-icon.cog-hint {
    height: 15px !important;
    width: 15px !important;
    min-height: 15px !important;
    min-width: 15px !important;
    vertical-align: text-bottom;
    margin-right: 5px;
    padding-top: 3px; }
  #cog-acc-limits .md-datepicker-button {
    display: none; }
  #cog-acc-limits .md-datepicker-input {
    font-weight: 700;
    font-size: 1.2em; }
  #cog-acc-limits #periods-hierarchy-container {
    margin: 3px !important;
    padding: 5px 10px 5px 10px;
    border: solid 1px #E3E3E3;
    border-radius: 2px;
    background-color: white; }
    #cog-acc-limits #periods-hierarchy-container .md-table tbody tr {
      height: 35px; }
  #cog-acc-limits .md-button.on:disabled {
    background-color: #7CA57C !important;
    color: #FFFFFF; }
  #cog-acc-limits .md-button.off:disabled {
    background-color: #B18484 !important;
    color: #FFFFFF; }
  #cog-acc-limits .cog-limits-button {
    padding: 0px 8px 0px 8px;
    line-height: 25px; }
  #cog-acc-limits .drag-container .drag-folder {
    cursor: -webkit-grab;
    min-height: 10px !important; }
  #cog-acc-limits .folder-expand, #cog-acc-limits .folder-expand {
    margin-bottom: 0px; }
  #cog-acc-limits .dragFolderContainer_el {
    max-height: 300px;
    overflow-y: auto;
    width: 100%; }
  #cog-acc-limits .dragFolderContainer_el_mobile {
    max-height: calc(100vh - 420px) !important; }
  #cog-acc-limits md-content.dragFolderContainer_el {
    margin: 4px 4px;
    cursor: pointer; }
  #cog-acc-limits md-content.md-blue-grey-theme {
    color: rgba(0, 0, 0, 0.87);
    background-color: #fafafa !important; }
  #cog-acc-limits .Teaser_label {
    position: relative;
    font-size: 0.75em;
    font-weight: 900;
    text-transform: uppercase;
    top: 0px;
    transform: none !important;
    color: #000000;
    cursor: pointer; }
  #cog-acc-limits .widget a {
    color: inherit;
    border-bottom: 0px none; }
  #cog-acc-limits .acc_limits_early_profile_lbl {
    white-space: nowrap; }
  #cog-acc-limits .teaserContainer {
    min-height: 30px !important;
    border-radius: 6px;
    margin-top: 0px;
    margin-left: 8px;
    margin-right: 8px;
    background-color: #C7C7C7;
    padding: 0 8px;
    line-height: 35px;
    color: rgba(0, 0, 0, 0.7);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
  #cog-acc-limits .cog-input-container {
    margin: 3px !important;
    border: solid 1px #E3E3E3;
    border-radius: 2px;
    background-color: white;
    font-size: 0.9em;
    font-size: 0.8em; }
    #cog-acc-limits .cog-input-container label {
      -ms-flex-order: initial;
          order: initial;
      -webkit-box-ordinal-group: initial;
      width: initial;
      padding-left: 5px;
      padding-right: 5px;
      color: #6b6b6b;
      text-transform: uppercase;
      font-size: 0.9em;
      min-width: 120px; }
    #cog-acc-limits .cog-input-container md-select {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-right: 0px; }
    #cog-acc-limits .cog-input-container cog-amount-input input {
      border: none;
      height: 30px;
      font-weight: 700;
      font-size: 1.3em;
      padding: 0px;
      border-bottom: 1px solid #e3e3e3;
      outline: none; }
    #cog-acc-limits .cog-input-container .limit-input-container {
      min-width: 100px;
      border: none !important; }
    #cog-acc-limits .cog-input-container.no-border {
      border: none !important; }
    @media screen and (max-width: 490px) {
      #cog-acc-limits .cog-input-container .setting {
        width: 50%;
        -ms-flex: 50%;
            flex: 50%; }
        #cog-acc-limits .cog-input-container .setting .setting-container {
          width: 50%;
          -ms-flex: 50%;
              flex: 50%; }
      #cog-acc-limits .cog-input-container .selection {
        text-align: right;
        width: 50%;
        -ms-flex: 50%;
            flex: 50%; }
        #cog-acc-limits .cog-input-container .selection .amount-container {
          width: 50%;
          -ms-flex: 50%;
              flex: 50%; }
      #cog-acc-limits .cog-input-container .separator {
        display: none; }
      #cog-acc-limits .cog-input-container .md-datepicker-input-container {
        top: 5px;
        width: 100%; } }
    @media screen and (max-width: 375px) {
      #cog-acc-limits .cog-input-container label {
        padding-left: 0px;
        padding-right: 2px;
        font-size: 0.85em;
        min-width: 80px; }
      #cog-acc-limits .cog-input-container .setting-container {
        width: 90px !important; }
      #cog-acc-limits .cog-input-container .amount-container {
        width: 70px !important; }
        #cog-acc-limits .cog-input-container .amount-container input {
          min-width: 70px !important; }
      #cog-acc-limits .cog-input-container .limit-input-container {
        min-width: 60px !important; } }
    #cog-acc-limits .cog-input-container .setting-container {
      width: 100px; }
    #cog-acc-limits .cog-input-container .amount-container {
      min-width: 90px; }
      @media (min-width: 760px) and (max-width: 799px) {
        #cog-acc-limits .cog-input-container .amount-container {
          min-width: 120px; } }
      @media (min-width: 800px) and (max-width: 959px) {
        #cog-acc-limits .cog-input-container .amount-container {
          min-width: 170px; } }
      @media (min-width: 1350px) and (max-width: 1439px) {
        #cog-acc-limits .cog-input-container .amount-container {
          min-width: 130px; } }
      @media (min-width: 1440px) and (max-width: 1539px) {
        #cog-acc-limits .cog-input-container .amount-container {
          min-width: 150px; } }
      @media (min-width: 1550px) {
        #cog-acc-limits .cog-input-container .amount-container {
          min-width: 170px; } }
    #cog-acc-limits .cog-input-container > div {
      padding: 5px 10px 5px 10px;
      min-height: 45px; }
    #cog-acc-limits .cog-input-container .validation-messages, #cog-acc-limits .cog-input-container .validation-date-messages {
      color: darkred;
      font-size: 0.8em;
      position: fixed;
      margin-top: -8px;
      text-align: initial; }
    #cog-acc-limits .cog-input-container .validation-date-messages {
      margin-top: -5px;
      padding-left: 15px;
      position: sticky;
      text-align: right; }
    #cog-acc-limits .cog-input-container .hint-detail {
      min-height: 20px;
      padding-top: 0px;
      font-size: 0.9em; }
      #cog-acc-limits .cog-input-container .hint-detail .limit-input-container span {
        padding-left: 10px; }
    #cog-acc-limits .cog-input-container .md-datepicker-focused, #cog-acc-limits .cog-input-container .md-datepicker-invalid {
      border-bottom-color: #e0e0e0 !important;
      border-bottom-width: 1px; }
  #cog-acc-limits .limit-input-container.setting-container > section {
    padding-top: 8px;
    padding-bottom: 8px; }
  #cog-acc-limits .coglimit_profile_btn, #cog-acc-limits .coglimit_setting_btn {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    min-width: 50px;
    line-height: 30px;
    min-height: 30px;
    background-color: #2c2e40;
    color: #ccc !important;
    font-size: 0.8em;
    width: 100px;
    max-width: 100px; }
    #cog-acc-limits .coglimit_profile_btn.container-only, #cog-acc-limits .coglimit_setting_btn.container-only {
      background-color: rgba(0, 0, 0, 0) !important; }
    #cog-acc-limits .coglimit_profile_btn.clear, #cog-acc-limits .coglimit_setting_btn.clear {
      background-color: #f27a18 !important;
      color: #ffffff !important; }
    #cog-acc-limits .coglimit_profile_btn:disabled, #cog-acc-limits .coglimit_setting_btn:disabled {
      background-color: rgba(0, 0, 0, 0.12) !important;
      color: #999 !important; }
  #cog-acc-limits .coglimit_setting_btn {
    margin: 0px; }
  #cog-acc-limits .setting {
    width: 120px; }
  #cog-acc-limits .md-datepicker-input-container {
    top: 5px;
    font-size: 1.05em; }

.cog-limit-hint-content {
  font-size: 0.8em;
  padding: 0 15px 15px 15px; }
  .cog-limit-hint-content p {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 1.2em;
    font-weight: 700; }
  .cog-limit-hint-content div {
    margin-left: 15px; }

md-dialog.cog-limit-info-dialog {
  max-width: 650px !important; }

#CogAccountLimitsProfileDialog {
  max-width: 600px; }
  #CogAccountLimitsProfileDialog .cog-hint {
    padding-top: 5px;
    color: #c87633;
    font-size: 0.7em; }
  #CogAccountLimitsProfileDialog .md-datepicker-button {
    display: none; }
  #CogAccountLimitsProfileDialog .md-datepicker-input-container {
    display: block;
    top: -6px;
    width: 100%;
    padding-bottom: 5px; }
    #CogAccountLimitsProfileDialog .md-datepicker-input-container input {
      width: 100%;
      text-align: left;
      padding-left: 15px; }
  #CogAccountLimitsProfileDialog .md-datepicker-triangle-button {
    right: 6px;
    top: 5px; }
    #CogAccountLimitsProfileDialog .md-datepicker-triangle-button.md-focused {
      box-shadow: initial !important;
      background-color: initial !important; }
  #CogAccountLimitsProfileDialog .cog-balance {
    font-weight: 700;
    font-size: 1.15em; }
  #CogAccountLimitsProfileDialog .validation-messages {
    color: darkred;
    font-size: 0.8em; }
  #CogAccountLimitsProfileDialog md-card {
    margin: 0 0 8px 0;
    padding: 5px; }
  #CogAccountLimitsProfileDialog .md-subhead {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px; }
  #CogAccountLimitsProfileDialog #limitPeriodTree .md-table tbody tr {
    height: 35px; }
  #CogAccountLimitsProfileDialog #limitPeriodTree .cellCheckboxClass {
    margin: 0px;
    margin-right: 8px;
    height: 15px; }
  #CogAccountLimitsProfileDialog #limitPeriodTree table {
    min-height: 50px; }
    #CogAccountLimitsProfileDialog #limitPeriodTree table td {
      text-align: left; }
    #CogAccountLimitsProfileDialog #limitPeriodTree table td * {
      display: -webkit-box; }
    #CogAccountLimitsProfileDialog #limitPeriodTree table .tree-icon {
      margin-top: 8px;
      margin-right: 3px; }
  #CogAccountLimitsProfileDialog .cog-limits-table-container {
    display: inherit;
    overflow-x: auto;
    margin-left: -3px;
    margin-right: -7px; }
    #CogAccountLimitsProfileDialog .cog-limits-table-container thead .table-toolbar {
      height: 30px;
      min-height: 30px;
      background-color: #2d2d31;
      /*
                th:first-child {
                    position: absolute;
                }
                */ }
      #CogAccountLimitsProfileDialog .cog-limits-table-container thead .table-toolbar th span {
        color: #b9b9b9; }
    #CogAccountLimitsProfileDialog .cog-limits-table-container tbody tr.md-row {
      height: 40px; }
      #CogAccountLimitsProfileDialog .cog-limits-table-container tbody tr.md-row td.md-cell:first-child {
        padding: 0 15px;
        min-width: 90px; }
      #CogAccountLimitsProfileDialog .cog-limits-table-container tbody tr.md-row td.md-cell:last-child {
        padding: 0 15px; }
    #CogAccountLimitsProfileDialog .cog-limits-table-container .early-limits-profile-table thead th {
      text-align: center; }
      #CogAccountLimitsProfileDialog .cog-limits-table-container .early-limits-profile-table thead th:first-child {
        min-width: 80px; }
      #CogAccountLimitsProfileDialog .cog-limits-table-container .early-limits-profile-table thead th:last-child {
        min-width: 100px; }
    #CogAccountLimitsProfileDialog .cog-limits-table-container .early-limits-profile-table tbody td:first-child {
      font-weight: 700; }
    @media screen and (max-width: 425px) {
      #CogAccountLimitsProfileDialog .cog-limits-table-container .early-limits-profile-table .table-toolbar {
        height: 30px;
        min-height: 30px; }
      #CogAccountLimitsProfileDialog .cog-limits-table-container .early-limits-profile-table tr.md-row th.md-column:first-child, #CogAccountLimitsProfileDialog .cog-limits-table-container .early-limits-profile-table tr.md-row td.md-cell:first-child {
        z-index: 100;
        font-weight: 700;
        padding: 0 10px;
        position: absolute;
        line-height: 41px;
        min-width: 80px;
        background-color: #efefef;
        border-bottom: none; }
      #CogAccountLimitsProfileDialog .cog-limits-table-container .early-limits-profile-table tr.md-row th.md-column:first-child {
        background-color: inherit;
        line-height: 30px;
        border-bottom: none; }
      #CogAccountLimitsProfileDialog .cog-limits-table-container .early-limits-profile-table tr.md-row th.md-column:nth-child(2), #CogAccountLimitsProfileDialog .cog-limits-table-container .early-limits-profile-table tr.md-row td.md-cell:nth-child(2) {
        margin-left: 100px;
        display: block;
        line-height: 41px;
        border-bottom: none; }
      #CogAccountLimitsProfileDialog .cog-limits-table-container .early-limits-profile-table tr.md-row td.md-cell:nth-child(2) {
        padding-left: 10px; }
      #CogAccountLimitsProfileDialog .cog-limits-table-container .early-limits-profile-table tr.md-row th.md-column:nth-child(2) {
        border-bottom: none;
        line-height: 29px; } }
    #CogAccountLimitsProfileDialog .cog-limits-table-container .early-limits-profile-table cog-amount-input .input-bordered {
      border-bottom: none; }
  #CogAccountLimitsProfileDialog.parlay-profile-dialog {
    max-width: 1150px; }
  #CogAccountLimitsProfileDialog .cog-acc-parlay-profile-label {
    font-size: 0.8em;
    padding-right: 10px;
    line-height: 25px;
    min-width: 35px; }
  #CogAccountLimitsProfileDialog .parlay-correlation-label {
    height: 25px;
    font-size: 0.9em;
    font-weight: 600;
    padding-left: 10px; }
  #CogAccountLimitsProfileDialog .parlay-correlation-label-Odd {
    height: 25px;
    font-size: 0.9em;
    font-weight: 600;
    padding-left: 10px; }
  #CogAccountLimitsProfileDialog .cog-acc-teaser-profile-label {
    font-size: 0.8em;
    min-width: 35px;
    margin-top: 7px; }
  #CogAccountLimitsProfileDialog .teaser-limit-container .teaser-options-container {
    height: 450px;
    max-height: 450px;
    overflow-y: auto;
    border: solid 1px #dbdbdb;
    margin-bottom: 3px;
    margin-top: 5px; }
  #CogAccountLimitsProfileDialog .teaser-limit-container .cogacc_teaser_link {
    font-weight: bold;
    font-size: 0.8em;
    margin-top: 5px;
    margin-bottom: 8px; }
    #CogAccountLimitsProfileDialog .teaser-limit-container .cogacc_teaser_link a {
      color: #cf3838;
      text-decoration: underline; }
      #CogAccountLimitsProfileDialog .teaser-limit-container .cogacc_teaser_link a:hover {
        color: #575757 !important; }
  #CogAccountLimitsProfileDialog .teaser-limit-container .teaser-divider {
    padding-left: 4px; }
  #CogAccountLimitsProfileDialog .teaser-limit-container .teaser-btn {
    color: #333;
    font-size: 0.8em;
    background-color: #f1f1f1;
    font-weight: 700;
    text-align: center;
    line-height: 34px;
    padding: 0 10px;
    margin: 2px 4px; }
    #CogAccountLimitsProfileDialog .teaser-limit-container .teaser-btn:hover {
      background-color: #c7c7c7; }
    #CogAccountLimitsProfileDialog .teaser-limit-container .teaser-btn.teaser-current {
      color: #3b3b3b;
      background-color: #cfcfcf; }
  #CogAccountLimitsProfileDialog .teaser-limit-container .teaser-hint {
    text-align: center;
    font-size: 0.7em;
    padding-top: 8px; }
  @media screen and (max-width: 425px) {
    #CogAccountLimitsProfileDialog .teaser-limit-container .teaser-options-container {
      height: 180px;
      max-height: 180px; }
    #CogAccountLimitsProfileDialog .teaser-limit-container .teaser-btn {
      line-height: 30px;
      font-size: 0.7em; }
    #CogAccountLimitsProfileDialog .teaser-limit-container .cogacc_teaser_link {
      font-size: 0.7em;
      margin-top: 3px;
      margin-bottom: 3px; } }
  #CogAccountLimitsProfileDialog .group-button-correlations.group-button .groupX {
    font-size: 0.8em;
    line-height: 18px;
    height: 22px;
    min-height: 22px;
    min-width: 30px; }
  #CogAccountLimitsProfileDialog .group-button-correlations-all-inv.group-button .groupX {
    font-size: 0.8em;
    line-height: 18px;
    height: 22px;
    min-height: 22px;
    min-width: 30px; }
  #CogAccountLimitsProfileDialog md-coginput-container.cog-input-container.correlation-container .cog-correlation-row.background {
    background-color: #e4e1e1; }
  #CogAccountLimitsProfileDialog md-coginput-container.cog-input-container.correlation-container md-checkbox {
    margin-bottom: 0px;
    height: 25px; }

#CogAccountLimitsChartTable {
  margin: 3px !important;
  border: solid 1px #E3E3E3;
  border-radius: 2px;
  background-color: white; }
  #CogAccountLimitsChartTable .cog-limits-table-container {
    display: inherit;
    overflow-x: auto; }
    #CogAccountLimitsChartTable .cog-limits-table-container thead .table-toolbar {
      height: 30px;
      min-height: 30px;
      line-height: 30px !important;
      background-color: #2c2e40;
      /*
                th:first-child {
                    position: absolute;
                }
                */ }
      #CogAccountLimitsChartTable .cog-limits-table-container thead .table-toolbar th {
        text-align: center; }
        #CogAccountLimitsChartTable .cog-limits-table-container thead .table-toolbar th span {
          font-size: 0.9em !important;
          color: #b9b9b9; }
    #CogAccountLimitsChartTable .cog-limits-table-container tbody tr.md-row {
      height: 40px; }
      #CogAccountLimitsChartTable .cog-limits-table-container tbody tr.md-row td {
        min-width: 95px; }
      #CogAccountLimitsChartTable .cog-limits-table-container tbody tr.md-row td.md-cell:first-child {
        padding: 0 15px;
        min-width: 90px !important; }
      #CogAccountLimitsChartTable .cog-limits-table-container tbody tr.md-row td.md-cell:last-child {
        padding: 0 15px; }
    #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table .selection {
      min-width: 120px !important; }
    #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table md-select {
      text-align: center;
      border: solid 1px #e4e4e4;
      padding-top: 3px;
      padding-bottom: 3px; }
    #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table .highlight-column {
      background-color: rgba(0, 0, 0, 0.04);
      padding-left: 10px !important; }
      #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table .highlight-column.border-right {
        border-right: solid 1px #ececec; }
    #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table .err-message {
      color: darkred; }
    #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table thead th:nth-child(3), #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table thead th:nth-child(4), #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table thead th:nth-child(5), #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table thead th:nth-child(6) {
      width: 120px; }
    #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table thead th:nth-child(7), #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table thead th:nth-child(8) {
      width: 100px; }
    #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table thead th:last-child {
      width: 80px;
      padding-right: 0px; }
    @media screen and (max-width: 425px) {
      #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table .table-toolbar {
        height: 30px;
        min-height: 30px; }
      #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table tr.md-row .selection {
        padding-left: 10px; }
      #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table tr.md-row th.md-column:nth-child(2), #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table tr.md-row td.md-cell:nth-child(2) {
        z-index: 100;
        font-weight: 700;
        padding: 0 10px;
        position: absolute;
        line-height: 46px;
        min-width: 90px;
        background-color: #efefef;
        border-bottom: none;
        width: 90px;
        left: 0px;
        font-size: 0.7em; }
      #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table tr.md-row th.md-column:nth-child(2) {
        background-color: inherit;
        line-height: 30px;
        border-bottom: none; }
      #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table tr.md-row th.md-column:nth-child(1), #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table tr.md-row td.md-cell:nth-child(1) {
        padding-left: 120px; } }
    #CogAccountLimitsChartTable .cog-limits-table-container .limits-chart-table cog-amount-input input {
      text-align: center !important; }
    #CogAccountLimitsChartTable .cog-limits-table-container table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), #CogAccountLimitsChartTable .cog-limits-table-container table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
      padding: 0 10px 0 0; }

.cog-md-option-centered .md-text {
  -ms-flex: auto;
      flex: auto;
  text-align: center; }

.cog-table-limits-container table {
  display: block;
  overflow-x: auto;
  padding: 1px; }
  .cog-table-limits-container table thead tr.md-row {
    height: 30px !important; }
  .cog-table-limits-container table thead th.th-toolbar {
    padding: 5px;
    background-color: #2c2e40; }
  .cog-table-limits-container table tbody {
    border: solid 1px #e3e3e3; }
  .cog-table-limits-container table md-input-container {
    margin: 0px;
    border: solid 1px #e3e3e3;
    text-align: center;
    line-height: 30px; }
    .cog-table-limits-container table md-input-container input {
      text-align: center;
      padding: 3px 5px;
      background-color: white;
      height: 30px !important;
      margin-top: 0px !important; }
    .cog-table-limits-container table md-input-container .md-errors-spacer {
      min-height: 0px !important; }

.cog-table-limits-container #parlayProfileTable .limit-picked-info {
  text-align: end; }
  .cog-table-limits-container #parlayProfileTable .limit-picked-info.is-new-item {
    color: darkred;
    font-weight: 700; }

.cog-table-limits-container #parlayProfileTable .new-item-row {
  background-color: #f7f1e3; }

.cog-table-limits-container #parlayProfileTable thead th.th-toolbar.md-column {
  width: 120px;
  text-align: center; }

.cog-table-limits-container #parlayProfileTable tbody td {
  padding: 0 10px; }

.cog-table-limits-container #parlayProfileTable tbody md-input-container {
  min-width: 80px; }

@media screen and (max-width: 425px) {
  .cog-table-limits-container #parlayProfileTable tr.md-row th.md-column:first-child, .cog-table-limits-container #parlayProfileTable tr.md-row td.md-cell:first-child {
    z-index: 100;
    font-weight: 700;
    padding: 0 5px;
    position: absolute;
    line-height: 46px;
    min-width: 120px;
    background-color: #efefef;
    margin-left: -2px; }
  .cog-table-limits-container #parlayProfileTable tr.md-row th.md-column:first-child {
    background-color: #2c2e40;
    line-height: 29px;
    border-bottom: none; }
  .cog-table-limits-container #parlayProfileTable tr.md-row th.md-column:nth-child(2), .cog-table-limits-container #parlayProfileTable tr.md-row td.md-cell:nth-child(2) {
    margin-left: 120px;
    display: block; }
  .cog-table-limits-container #parlayProfileTable tr.md-row td.md-cell:nth-child(2) {
    padding-left: 15px;
    height: 28px;
    line-height: 28px;
    border-bottom: none; }
    .cog-table-limits-container #parlayProfileTable tr.md-row td.md-cell:nth-child(2) md-input-container {
      margin-top: 5px; }
  .cog-table-limits-container #parlayProfileTable tr.md-row:first-child td.md-cell:nth-child(1), .cog-table-limits-container #parlayProfileTable tr.md-row:first-child td.md-cell:nth-child(2) {
    border-top: solid 1px rgba(0, 0, 0, 0); }
  .cog-table-limits-container #parlayProfileTable tr.md-row th.md-column:nth-child(2) {
    border-bottom: none;
    line-height: 29px; } }

.cog-table-limits-container #actionReverseTable {
  display: table; }
  .cog-table-limits-container #actionReverseTable thead th.th-toolbar {
    padding: 0 5px;
    text-align: center; }
    .cog-table-limits-container #actionReverseTable thead th.th-toolbar:first-child {
      width: 110px; }
    .cog-table-limits-container #actionReverseTable thead th.th-toolbar:last-child {
      width: 110px; }
    @media screen and (max-width: 425px) {
      .cog-table-limits-container #actionReverseTable thead th.th-toolbar:last-child {
        width: 80px; } }
  .cog-table-limits-container #actionReverseTable tbody.md-body td.md-cell {
    padding: 0 5px; }
  .cog-table-limits-container #actionReverseTable tbody.md-body cog-amount-input {
    margin: 0px;
    border: solid 1px #e3e3e3;
    text-align: center;
    line-height: 30px; }
    .cog-table-limits-container #actionReverseTable tbody.md-body cog-amount-input input {
      border: none;
      text-align: center;
      padding: 3px 5px;
      background-color: white;
      height: 30px !important;
      margin-top: 0px !important; }
    .cog-table-limits-container #actionReverseTable tbody.md-body cog-amount-input .md-errors-spacer {
      min-height: 0px !important; }

md-coginput-limit-container {
  margin: 3px !important;
  padding: 5px;
  border: solid 1px #E3E3E3;
  border-radius: 2px;
  background-color: white;
  font-size: 0.9em; }

.cog-limit-parlay-input-changed {
  color: darkred !important; }

cog-limit-parlay-input input, cog-limit-ar-input input, cog-limit-ar-input .base {
  font-weight: 700;
  font-size: 1.2em;
  max-width: 80px; }

.cog-limit-disabled {
  background-color: #e4e1e1 !important; }

.payment-config-container md-list-item {
  padding: 0px !important; }
  .payment-config-container md-list-item md-select {
    margin: 0px !important; }
  .payment-config-container md-list-item .md-body-2 {
    width: 150px; }
  .payment-config-container md-list-item .text {
    width: 100px;
    padding: 7px 7px; }
  .payment-config-container md-list-item .payment-deposit-method {
    padding: 7px;
    margin-left: 10px !important; }

.cogpermission-directive-container {
  min-height: 35px; }

#cog-acc-permissions .message-bubble, #cog-acc-rayo .message-bubble {
  padding: 5px;
  color: #DD0011 !important;
  margin-left: 10px;
  /*         position: absolute;
        text-align: center; */
  line-height: 1.7;
  /* left: 55%;
        top: 24%; */
  font-size: 12pt !important;
  border-radius: 25px;
  color: #fff; }

#cog-acc-permissions .md-nav-bar, #cog-acc-rayo .md-nav-bar {
  background-color: white;
  border-color: rgba(0, 0, 0, 0);
  height: auto; }
  #cog-acc-permissions .md-nav-bar .md-button, #cog-acc-rayo .md-nav-bar .md-button {
    padding: 10px 10px 10px 10px; }
    #cog-acc-permissions .md-nav-bar .md-button.md-active, #cog-acc-rayo .md-nav-bar .md-button.md-active {
      color: #0e4e6d; }
  #cog-acc-permissions .md-nav-bar md-nav-ink-bar, #cog-acc-rayo .md-nav-bar md-nav-ink-bar {
    color: #607d8b;
    background: #607d8b; }

#cog-acc-permissions .permissions-nav-bar, #cog-acc-rayo .permissions-nav-bar {
  background-color: white !important;
  padding-right: 10px;
  min-height: 45px; }
  #cog-acc-permissions .permissions-nav-bar md-select, #cog-acc-rayo .permissions-nav-bar md-select {
    height: 30px;
    margin: 0px;
    min-width: 120px; }
  #cog-acc-permissions .permissions-nav-bar.mobile, #cog-acc-rayo .permissions-nav-bar.mobile {
    min-height: 40px !important;
    padding-right: 0px;
    font-size: 0.8em !important; }
    #cog-acc-permissions .permissions-nav-bar.mobile .md-nav-bar .md-button, #cog-acc-rayo .permissions-nav-bar.mobile .md-nav-bar .md-button {
      padding: 5px 3px 5px 3px;
      font-size: 0.85em !important;
      /* max-width: 60px; */
      min-width: 60px;
      margin: 0px; }
    #cog-acc-permissions .permissions-nav-bar.mobile md-menu .md-button, #cog-acc-rayo .permissions-nav-bar.mobile md-menu .md-button {
      margin: 0px; }

#cog-acc-permissions .group-button .md-button.off:disabled {
  background-color: #B18484 !important;
  color: #FFFFFF; }

#cog-acc-permissions .group-button .md-button.on:disabled {
  background-color: #7CA57C !important;
  color: #FFFFFF; }

#cog-acc-permissions .padding-bottom-10 {
  padding-bottom: 10px; }

#cog-acc-permissions md-toolbar .md-toolbar-tools {
  min-height: 45px;
  height: 45px;
  color: #fff;
  background-color: #253c47;
  text-transform: uppercase; }

#cog-acc-permissions md-toolbar {
  min-height: 45px;
  height: 45px; }
  #cog-acc-permissions md-toolbar .view-only-option {
    margin: 0 15px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4); }
    #cog-acc-permissions md-toolbar .view-only-option .view-only-btn .label {
      font-size: 12px; }
    #cog-acc-permissions md-toolbar .view-only-option .view-only-btn md-icon {
      font-size: 20px;
      line-height: 23px;
      margin: 0 3px;
      color: rgba(255, 255, 255, 0.2); }
      #cog-acc-permissions md-toolbar .view-only-option .view-only-btn md-icon.on {
        color: #8bbf61; }

#cog-acc-permissions .expanded_static {
  display: block !important;
  background-color: #deecf1; }

#cog-acc-permissions .expand {
  display: block !important;
  background-color: #deecf1; }

#cog-acc-permissions .hide {
  display: none !important;
  background-color: #deecf1; }

#cog-acc-permissions .toggle-hide {
  display: none; }

#cog-acc-permissions .collapse-level-2 {
  margin-top: 2px;
  width: 99%;
  margin-left: 1%; }
  #cog-acc-permissions .collapse-level-2 .cog-input-container {
    background: #cfd8dc;
    /* border: none;  */ }
  #cog-acc-permissions .collapse-level-2 label {
    color: #2e4d5b; }

#cog-acc-permissions .active-level-2 {
  background: #455a64;
  border-radius: 3px !important; }
  #cog-acc-permissions .active-level-2 label {
    color: #fff; }

#cog-acc-permissions .collapse-level-3 {
  margin-top: 2px;
  width: 98%;
  margin-left: 2%; }
  #cog-acc-permissions .collapse-level-3 .cog-input-container {
    background: #fff;
    /*  border: none;     */ }
  #cog-acc-permissions .collapse-level-3 label {
    color: #78909c; }

#cog-acc-permissions .active-level-3 {
  background: #78909c !important;
  border-radius: 3px !important; }
  #cog-acc-permissions .active-level-3 label {
    color: #fff !important; }

#cog-acc-permissions .margin-bottom-5 {
  margin-bottom: 5px; }

#cog-acc-permissions .margin-left-10 label {
  margin-left: 10px; }

#cog-acc-permissions .margin-left-20 label {
  margin-left: 20px; }

#cog-acc-permissions .pointer {
  cursor: pointer; }
  #cog-acc-permissions .pointer label {
    cursor: pointer; }
  #cog-acc-permissions .pointer div {
    cursor: pointer; }

#cog-acc-permissions .cog-permission-cards .cog-input-container {
  margin: 1px !important; }

#cog-acc-permissions .cog-permission-cards .content-card {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  /* margin: 4px;    */
  padding-bottom: 5px; }
  #cog-acc-permissions .cog-permission-cards .content-card md-icon {
    margin-top: 10px; }

#cog-acc-permissions .limit-input-container {
  max-width: 200px;
  border: none !important;
  margin-top: 8px;
  margin-right: 5px; }

#cog-acc-permissions cog-amount-input input {
  background-color: #d6e4ea !important;
  border: none;
  height: 30px;
  font-weight: 700;
  font-size: 1.3em;
  padding: 0;
  border-bottom: 1px solid #253c47;
  outline: none; }

#cog-acc-permissions cog-text-input input {
  background-color: #d6e4ea !important;
  border: none;
  height: 30px;
  font-weight: 700;
  font-size: 1.3em;
  padding: 0;
  border-bottom: 1px solid #253c47;
  outline: none; }

#cog-acc-permissions .margin-level-3 {
  margin-left: 20px;
  margin-top: 8px; }

#cog-acc-permissions .margin-level-4 {
  margin-left: 45px;
  margin-top: 8px; }

#cog-acc-permissions .margin-level-5 {
  margin-left: 85px;
  margin-top: 8px; }

#cog-acc-permissions .container-text-ps {
  margin-top: 10px;
  min-height: 25px; }

#cog-acc-permissions .switch-align {
  margin: 5px; }

#cog-acc-permissions .align-option {
  padding-left: 15px; }

#container_lineset {
  /* .group-button .md-button:disabled {
        background-color: #f7f7f7 !important;
        color: #dddddd;
    } */ }
  #container_lineset > div {
    padding: 0;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  #container_lineset input {
    margin-right: 5px;
    margin-left: 5px;
    height: 25px;
    border-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cecece;
    width: 100px; }
  #container_lineset .cogacc_settings_btn {
    width: 75px;
    min-width: 75px; }
  @media screen and (max-width: 375px) {
    #container_lineset input {
      width: 60px;
      font-size: 0.7em; }
    #container_lineset .cogacc_settings_btn {
      width: 50px;
      min-width: 50px;
      font-size: 0.7em; }
    #container_lineset .cogacc_settings_btn {
      margin-right: 0px; }
    #container_lineset .group-button .md-button.groupX, #container_lineset .group-button .md-button.groupY {
      min-width: 35px; } }
  #container_lineset .group-button .md-button.on, #container_lineset .group-button .md-button.on:hover {
    background-color: #8bbf61 !important;
    color: #fff; }
  #container_lineset .group-button .md-button.on:disabled {
    background-color: #7CA57C !important;
    color: #FFFFFF; }
  #container_lineset .group-button .md-button.off:disabled {
    background-color: #B18484 !important;
    color: #FFFFFF; }
  #container_lineset .lineset_listed {
    padding-left: 12px;
    padding-top: 4px;
    padding-bottom: 5px; }
  #container_lineset .onFocus {
    /* color:darkgreen !important;
        font-weight: 700;
        font-size: 1.05em; */ }
  #container_lineset .offFocus {
    /* color:darkred !important;
        font-weight: 700;
        font-size: 1.05em; */ }
  #container_lineset #wagerDelayInput {
    /* Chrome, Safari, Edge, Opera */
    /* Firefox */ }
    #container_lineset #wagerDelayInput::-webkit-outer-spin-button, #container_lineset #wagerDelayInput::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    #container_lineset #wagerDelayInput[type=number] {
      -moz-appearance: textfield; }

#cog-account-lineset_Dialog {
  max-height: 90%; }
  #cog-account-lineset_Dialog > thead > tr > th {
    vertical-align: bottom; }
  #cog-account-lineset_Dialog > tbody,
  #cog-account-lineset_Dialog thead {
    font-size: 0.85em; }
    #cog-account-lineset_Dialog > tbody th,
    #cog-account-lineset_Dialog thead th {
      background: #607d8b;
      color: white;
      font-weight: lighter; }
  #cog-account-lineset_Dialog .altMarket thead {
    margin-bottom: 10px !important; }
  #cog-account-lineset_Dialog .altMarket td {
    font-size: 0.85em; }
  #cog-account-lineset_Dialog .altMarket td:last-child {
    width: 20%; }
  #cog-account-lineset_Dialog .pointsRules td {
    font-size: 0.85em; }
    #cog-account-lineset_Dialog .pointsRules td md-input-container {
      width: 100%; }
      #cog-account-lineset_Dialog .pointsRules td md-input-container input {
        padding-right: 23px; }
  #cog-account-lineset_Dialog .pointsRules td:first-child {
    width: 40%; }
  #cog-account-lineset_Dialog .pointsRules td:nth-child(2) {
    width: 30%; }
  #cog-account-lineset_Dialog .pointsRules td:nth-child(3) {
    width: 30%; }
  #cog-account-lineset_Dialog .specialPricing {
    margin-bottom: 15px;
    width: 100%; }
    #cog-account-lineset_Dialog .specialPricing td {
      font-size: 0.85em; }
    #cog-account-lineset_Dialog .specialPricing th:first-child {
      min-width: 100px; }
    #cog-account-lineset_Dialog .specialPricing thead .header-th th {
      min-height: 28px;
      line-height: 28px;
      padding: 2px 10px !important; }
  #cog-account-lineset_Dialog input {
    text-align: center; }
  #cog-account-lineset_Dialog md-select {
    text-align: center;
    margin: 0; }
  #cog-account-lineset_Dialog .lineset-chip-container > md-chips-wrap {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 15px;
    min-height: 45px; }
  #cog-account-lineset_Dialog .lineset-contest-odds-hint {
    font-size: 0.7em;
    color: darkred;
    text-align: right;
    padding-top: 5px;
    padding-right: 8px; }

#cog-account-lineset_Dialog.dialogPhone2 {
  max-width: 350px; }

#cog-account-lineset_Dialog.dialogPhone3 {
  max-width: 1100px; }

#cog-account-lineset_Dialog.dialog_ShadeGroup {
  max-width: 400px; }

#cog-account-lineset_Dialog.dialog_BettikerVip {
  max-width: 400px; }
  #cog-account-lineset_Dialog.dialog_BettikerVip .md-chip-input-container {
    width: 100px; }
    #cog-account-lineset_Dialog.dialog_BettikerVip .md-chip-input-container input {
      /*border-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #cecece;*/
      width: 100px; }

.lineset_alert_message {
  color: darkred;
  font-size: 0.9em;
  font-weight: 700; }

#dialogContent_cog-account-lineset_Dialog .md-chips.md-removable md-chip {
  padding-right: 28px; }
  #dialogContent_cog-account-lineset_Dialog .md-chips.md-removable md-chip .md-chip-remove, #dialogContent_cog-account-lineset_Dialog .md-chips.md-removable md-chip .md-chip-remove:hover {
    padding: 0px;
    position: relative;
    height: 24px;
    width: 24px;
    line-height: 30px;
    text-align: center;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    border: none;
    box-shadow: none;
    transition: background 0.15s linear;
    display: block;
    margin-top: 4px;
    margin-right: 4px; }
  #dialogContent_cog-account-lineset_Dialog .md-chips.md-removable md-chip .md-chip-remove:hover {
    background-color: rgba(0, 0, 0, 0.4); }

#playerCountSummaryDialog .dateSelectContainer md-input-container {
  margin: 0 !important; }

#playerCountSummaryDialog .dateSelectContainer .md-errors-spacer {
  min-height: 0; }

#playerCountSummaryDialog .dateSelectContainer md-datepicker .md-datepicker-input {
  font-size: 15px; }

#playerCountSummaryDialog .generate-btn {
  background-color: #00b0ff;
  color: rgba(255, 255, 255, 0.8);
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  line-height: 32px;
  margin: 0; }

#playerCountSummaryDialog .response-container {
  border-radius: 3px;
  border: solid 1px #eee;
  margin-top: 20px;
  padding: 25px 5px;
  background-color: rgba(0, 0, 0, 0.04); }

#playerCountSummaryDialog .ttlActivePlayers {
  font-size: 1.2em;
  font-weight: bolder;
  margin-left: 5px;
  color: #d25111; }

#transaction-content .md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

#transaction-content .md-data-table .th-toolbar, #transaction-content .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

#transaction-content .md-button.md-blue-grey-theme.md-raised[disabled] {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: #ffffff !important; }

.office-trans-btn {
  background-color: #144b28 !important;
  color: #d7f5be !important; }

.cog-dialog md-toolbar.office-transaction {
  background-color: #144b28 !important;
  color: #d7f5be !important; }

.cog-dialog.danger-dialog .warning-msg {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #921e1e;
  font-size: 0.85em; }
  .cog-dialog.danger-dialog .warning-msg .officeTrans {
    color: #353535; }

.cog-dialog.danger-dialog md-checkbox {
  margin-bottom: 0px; }

#new-trans-dialog .md-button.groupX,
#new-trans-dialog .md-button.groupY {
  height: 52px;
  min-height: 52px; }

.trans-confirm-dialog .warning-msg {
  color: #921e1e;
  font-size: 0.85em; }

#cog-account-wager .wager-penging wager-detail div:nth-child(3) {
  display: none; }

#cog-account-wager .Horses {
  font-size: 13.5px;
  padding-left: 60px !important;
  font-weight: 600; }

#cog-account-wager .lstPending {
  margin: 0px !important; }

.delete-dialog {
  display: block; }
  .delete-dialog div {
    color: red; }

@media screen and (min-width: 600px) {
  .cog-dialog-tokens {
    max-width: 780px; } }

.cog-dialog-tokens table.md-table td.md-cell.country {
  font-size: 15px; }

.cog-dialog-tokens table.md-table tbody.md-body > tr.md-row,
.cog-dialog-tokens table.md-table tfoot.md-foot > tr.md-row {
  height: 38px; }

.cog-dialog-tokens .cog-manager-table table.md-table:not(.md-row-select) td.md-cell:first-child,
.cog-dialog-tokens .cog-manager-table table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
.cog-dialog-tokens .cog-manager-table table.md-table:not(.md-row-select) th.md-column:first-child,
.cog-dialog-tokens .cog-manager-table table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding-top: 6px;
  padding-bottom: 6px; }

.cog-dialog-tokens th.country,
.cog-dialog-tokens td.country {
  width: 64px; }

.cog-dialog-tokens .btn-delete {
  margin-top: auto;
  margin-bottom: auto;
  color: #ffffff !important;
  font-weight: normal !important;
  background-color: #bd362f !important; }
  .cog-dialog-tokens .btn-delete md-icon {
    color: #ffffff !important;
    font-weight: normal !important; }

.cog-agent-hierarchy-rayo-dialog md-dialog-content {
  padding: 25px; }
  .cog-agent-hierarchy-rayo-dialog md-dialog-content div.md-caption, .cog-agent-hierarchy-rayo-dialog md-dialog-content div.md-headline {
    display: none; }

.cog-agent-hierarchy-rayo-dialog .__rayo-button {
  background-color: #FF9800 !important;
  color: #000000 !important; }
  .cog-agent-hierarchy-rayo-dialog .__rayo-button .fa-send {
    color: #8b0000 !important; }

.cog-agent-hierarchy-rayo-dialog .__errors-container p {
  color: #F44336;
  font-weight: bold; }

.cog-agent-hierarchy-rayo-dialog .__propagated-text {
  font-weight: bold;
  color: #076429;
  text-transform: uppercase !important; }

#autopilot-markets-reset {
  height: calc(100vh - 160px); }
  #autopilot-markets-reset .sectionHeader {
    font-size: 1.1em;
    padding: 8px 12px;
    background-color: #a1b4b9; }
  #autopilot-markets-reset .leagues-options {
    border-right: 1px solid #838383; }
  #autopilot-markets-reset .feeds-options, #autopilot-markets-reset .leagues-options {
    padding: 5px; }
  #autopilot-markets-reset .leagues-list-container, #autopilot-markets-reset .feeds-list-container {
    height: calc(100vh - 220px);
    font-size: 14px;
    overflow-y: auto; }
    #autopilot-markets-reset .leagues-list-container md-card, #autopilot-markets-reset .feeds-list-container md-card {
      padding: 8px 12px; }
    #autopilot-markets-reset .leagues-list-container .option-container, #autopilot-markets-reset .feeds-list-container .option-container {
      text-align: end; }
    #autopilot-markets-reset .leagues-list-container .marketLabel, #autopilot-markets-reset .leagues-list-container .feedLabel, #autopilot-markets-reset .feeds-list-container .marketLabel, #autopilot-markets-reset .feeds-list-container .feedLabel {
      color: #202020; }
    #autopilot-markets-reset .leagues-list-container .leagueLabel, #autopilot-markets-reset .feeds-list-container .leagueLabel {
      font-size: 12px;
      color: #858585; }
  #autopilot-markets-reset .on-off-button, #autopilot-markets-reset .on-off-all-button {
    margin-bottom: 20px; }
    #autopilot-markets-reset .on-off-button .group-button button, #autopilot-markets-reset .on-off-all-button .group-button button {
      font-size: 13px;
      background-color: #ebebeb;
      max-width: 50px;
      min-width: 50px;
      margin: 0; }
    #autopilot-markets-reset .on-off-button.small, #autopilot-markets-reset .on-off-all-button.small {
      margin-bottom: 10px; }
    #autopilot-markets-reset .on-off-button.last, #autopilot-markets-reset .on-off-all-button.last {
      margin-bottom: 0; }
  #autopilot-markets-reset .on-off-all-button label {
    font-size: 13px;
    color: #475e64;
    margin-right: 10px; }
  #autopilot-markets-reset .on-off-all-button .group-button button {
    margin-right: 4px; }
    #autopilot-markets-reset .on-off-all-button .group-button button:hover {
      background-color: #3a3a3a;
      color: #ebebeb; }
  #autopilot-markets-reset md-toolbar {
    min-height: 43px;
    color: #fdfdfd; }
  #autopilot-markets-reset .item-selected {
    background-color: #dee6ea; }
    #autopilot-markets-reset .item-selected .marketLabel, #autopilot-markets-reset .item-selected .feedLabel {
      font-weight: 700;
      color: #000; }
      #autopilot-markets-reset .item-selected .marketLabel::before, #autopilot-markets-reset .item-selected .feedLabel::before {
        content: '\2713    '; }

#toolbar-autopilot-reset .managers-apply .info {
  font-size: 14px;
  color: #c2d3e9; }

#toolbar-autopilot-reset .managers-apply .md-button {
  background-color: #e1ecf7;
  color: #00263b !important; }
  #toolbar-autopilot-reset .managers-apply .md-button:hover {
    background-color: #b5fdbb;
    color: #08a054 !important; }
  #toolbar-autopilot-reset .managers-apply .md-button.selected {
    background-color: #00d612;
    color: #014b26 !important; }
  #toolbar-autopilot-reset .managers-apply .md-button[disabled] {
    background-color: #e0e0e0;
    color: #adadad !important; }

@media (max-width: 599px) {
  .agent-mass-message-dialog-details.agent-mass-message-dialog {
    margin-right: 16px;
    margin-left: 16px; } }

.agent-mass-message-dialog-details .agent-mass-message-dialog-header md-icon,
.agent-mass-message-dialog-details .agent-mass-message-dialog-header:not(.md-menu-toolbar) md-icon {
  color: inherit;
  fill: inherit; }

@media (max-width: 479px) {
  .agent-mass-message-dialog-details .agent-mass-message-dialog-header .md-toolbar-tools {
    line-height: 1.3 !important; } }

.agent-mass-message-dialog-details.is-active .agent-mass-message-dialog-header, .agent-mass-message-dialog-details.is-active .agent-mass-message-dialog-header:not(.md-menu-toolbar) {
  color: #000;
  background-color: #ffd54f; }

@media (max-width: 599px) {
  .agent-mass-message-dialog-details .md-dialog-content {
    padding: 12px; } }

.agent-mass-message-dialog-details .md-dialog-content label + div {
  word-break: break-all;
  -ms-hyphens: auto;
  hyphens: auto; }

.agent-mass-message-dialog-details .agent-mass-message-dialog-item {
  padding: 12px; }

.agent-mass-message-dialog-details .agent-mass-message-dialog-message {
  margin-bottom: 18px; }
  .agent-mass-message-dialog-details .agent-mass-message-dialog-message p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.125em; }

.agent-mass-message-dialog-details .agent-mass-message-dialog-label {
  color: rgba(0, 0, 0, 0.5);
  font-size: .875em;
  text-transform: uppercase; }

.agent-mass-message-dialog-details.is-active .agent-mass-message-dialog-status {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 6px 12px;
  color: rgba(0, 0, 0, 0.666667);
  font-size: 12px;
  font-weight: 600;
  background-color: #ffd54f;
  border-top-right-radius: 4px; }

.agent-mass-message-dialog.confirm {
  max-width: 640px;
  margin: 48px; }
  @media (min-width: 600px) {
    .agent-mass-message-dialog.confirm {
      margin: 64px; } }
  .agent-mass-message-dialog.confirm .md-button.md-blue-grey-theme.md-warn.md-hue-2:not(.md-raised) {
    color: #ef6c00 !important;
    background-color: transparent !important; }
    .agent-mass-message-dialog.confirm .md-button.md-blue-grey-theme.md-warn.md-hue-2:not(.md-raised):not([disabled]):hover {
      background-color: rgba(158, 158, 158, 0.2) !important; }
  .agent-mass-message-dialog.confirm md-dialog-actions .md-button:first-child {
    margin-left: 0; }
  .agent-mass-message-dialog.confirm .agent-mass-message-confirm-yes {
    font-weight: 600; }

.agent-mass-message-dialog {
  max-width: 720px;
  margin: 32px;
  overflow: hidden; }
  .agent-mass-message-dialog .toolbar-default,
  .agent-mass-message-dialog .md-toolbar-tools,
  .agent-mass-message-dialog .btn-close {
    min-height: 56px;
    line-height: 56px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .agent-mass-message-dialog .md-toolbar-tools {
    height: auto;
    padding-right: 12px;
    padding-left: 12px;
    font-size: 18px; }
    .agent-mass-message-dialog .md-toolbar-tools .btn-close {
      min-width: 56px;
      margin-right: -12px;
      margin-left: auto;
      font-size: 1.5em; }
      .agent-mass-message-dialog .md-toolbar-tools .btn-close md-icon {
        font-size: inherit; }
    .agent-mass-message-dialog .md-toolbar-tools .title-icon {
      display: inline-block;
      margin-right: 4px; }
  .agent-mass-message-dialog md-dialog-content md-input-container {
    width: 100%;
    margin: 24px auto 0;
    padding: 0; }
    .agent-mass-message-dialog md-dialog-content md-input-container .md-errors-spacer {
      display: none; }
  .agent-mass-message-dialog form md-dialog-content {
    padding: 24px; }
  .agent-mass-message-dialog .textareaDialog {
    height: auto !important;
    min-height: 30px;
    max-height: 82px;
    overflow-x: hidden;
    overflow-y: auto; }
  .agent-mass-message-dialog md-dialog-actions .md-button + .md-button {
    margin-left: 10px; }
  .agent-mass-message-dialog ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    right: auto; }

.agent-mass-message-dialog-header md-icon {
  margin-right: 0;
  margin-left: 0; }

.agent-mass-message-dialog-title {
  height: 100%; }
  @media (max-width: 479px) {
    .agent-mass-message-dialog-title > span {
      line-height: 1.3; } }

@media (min-width: 600px) {
  .agent-mass-message-dialog-item {
    padding-right: 8px;
    padding-left: 8px; } }

.agent-mass-message-dialog-select,
.agent-mass-message-dialog-datepicker .md-datepicker-input {
  margin-top: 0;
  margin-bottom: 0; }

.agent-mass-message-dialog-datepicker .md-datepicker-button {
  margin-right: 0;
  margin-left: 0; }

.agent-mass-message-dialog-datepicker .md-datepicker-input-container {
  width: calc(100% - 54px); }

.agent-mass-message-dialog-datepicker .md-icon-button + .md-datepicker-input-container {
  margin-left: 0; }

#cog-consensus-autopilot .sportTreeContainer {
  height: calc(100vh - 110px); }
  @media screen and (max-width: 960px) {
    #cog-consensus-autopilot .sportTreeContainer {
      height: calc(100vh - 58px); } }

#cog-consensus-autopilot .autopilotContainer {
  height: calc(100vh - 130px);
  overflow: auto;
  padding: 10px; }
  @media screen and (max-width: 960px) {
    #cog-consensus-autopilot .autopilotContainer {
      height: calc(100vh - 125px); } }

#cog-consensus-autopilot md-sidenav {
  border-right: 1px solid #e6e6e6; }
  @media screen and (min-width: 960px) {
    #cog-consensus-autopilot md-sidenav {
      min-width: 350px; } }
  @media screen and (max-width: 599px) {
    #cog-consensus-autopilot md-sidenav {
      border-right: none; } }

#cog-consensus-autopilot .mobileOptions {
  margin-bottom: 10px; }
  @media screen and (min-width: 600px) {
    #cog-consensus-autopilot .mobileOptions {
      display: none; } }
  #cog-consensus-autopilot .mobileOptions .open-sidenav-btn {
    margin: 0;
    background-color: #2196f3; }
    #cog-consensus-autopilot .mobileOptions .open-sidenav-btn md-icon {
      color: rgba(255, 255, 255, 0.8);
      line-height: 24px; }

#cog-consensus-autopilot .settingsContainer {
  margin-bottom: 20px; }
  #cog-consensus-autopilot .settingsContainer .input-container {
    background-color: #fafafa;
    border-radius: 3px;
    border: solid 1px rgba(0, 0, 0, 0.2); }
    #cog-consensus-autopilot .settingsContainer .input-container.not-selected md-select md-select-value {
      border-bottom-color: rgba(252, 0, 0, 0.8); }
    #cog-consensus-autopilot .settingsContainer .input-container md-input-container {
      margin: 0;
      padding: 10px;
      width: calc(100% - 20px); }
      #cog-consensus-autopilot .settingsContainer .input-container md-input-container label,
      #cog-consensus-autopilot .settingsContainer .input-container md-input-container .md-errors-spacer {
        min-height: 0; }
      #cog-consensus-autopilot .settingsContainer .input-container md-input-container .md-input-message-animation:not(.ng-animate) {
        opacity: 1;
        margin-top: 0px;
        color: rgba(0, 0, 0, 0.7); }
    #cog-consensus-autopilot .settingsContainer .input-container label {
      margin-top: 5px;
      padding-left: 10px;
      font-size: 14px; }
    @media screen and (min-width: 960px) {
      #cog-consensus-autopilot .settingsContainer .input-container {
        margin-right: 10px; } }
    @media screen and (min-width: 600px) and (max-width: 959px) {
      #cog-consensus-autopilot .settingsContainer .input-container {
        margin-bottom: 5px; } }
    @media screen and (max-width: 599px) {
      #cog-consensus-autopilot .settingsContainer .input-container {
        margin-bottom: 5px; } }

#cog-consensus-autopilot .providersContainer .header {
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 10px; }
  #cog-consensus-autopilot .providersContainer .header .store {
    color: brown; }

#cog-consensus-autopilot .noData {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

#cog-consensus-autopilot .autopilotPeriodsTbl {
  border: solid 1px rgba(0, 0, 0, 0.1); }
  #cog-consensus-autopilot .autopilotPeriodsTbl .md-head .wagertype-label {
    width: 180px;
    margin-right: 5px; }
  #cog-consensus-autopilot .autopilotPeriodsTbl .md-head .adjustment-label {
    width: 60px; }
  #cog-consensus-autopilot .autopilotPeriodsTbl .md-head .th-toolbar.focused {
    background-color: #455a64; }
  #cog-consensus-autopilot .autopilotPeriodsTbl .md-head .th-toolbar.period {
    min-width: 150px; }

@media (max-width: 960px) {
  #cog-consensus-autopilot .periodsContainer {
    padding-bottom: 20px;
    overflow-y: auto; } }

#cog-autopilot-consensus-feed .profilesContainer {
  height: calc(100vh - 110px); }
  @media screen and (max-width: 960px) {
    #cog-autopilot-consensus-feed .profilesContainer {
      height: calc(100vh - 58px); } }
  #cog-autopilot-consensus-feed .profilesContainer .header {
    padding: 5px 10px;
    line-height: 34px;
    background-color: #203e58;
    color: aliceblue; }
  #cog-autopilot-consensus-feed .profilesContainer .add-profile-btn, #cog-autopilot-consensus-feed .profilesContainer .edit-profile-btn {
    margin: 0;
    width: 28px;
    height: 28px;
    min-height: 28px;
    line-height: 32px;
    margin-top: -3px; }
    #cog-autopilot-consensus-feed .profilesContainer .add-profile-btn md-icon, #cog-autopilot-consensus-feed .profilesContainer .add-profile-btn i, #cog-autopilot-consensus-feed .profilesContainer .edit-profile-btn md-icon, #cog-autopilot-consensus-feed .profilesContainer .edit-profile-btn i {
      line-height: 24px; }
  #cog-autopilot-consensus-feed .profilesContainer .add-profile-btn {
    background-color: #06508d;
    color: #3471a7; }
    #cog-autopilot-consensus-feed .profilesContainer .add-profile-btn:hover {
      background-color: #2196f3; }
    #cog-autopilot-consensus-feed .profilesContainer .add-profile-btn md-icon, #cog-autopilot-consensus-feed .profilesContainer .add-profile-btn i {
      color: rgba(255, 255, 255, 0.8); }
  #cog-autopilot-consensus-feed .profilesContainer .edit-profile-btn {
    background-color: #f7f7f7; }
    #cog-autopilot-consensus-feed .profilesContainer .edit-profile-btn:hover {
      background-color: #505050; }
    #cog-autopilot-consensus-feed .profilesContainer .edit-profile-btn md-icon, #cog-autopilot-consensus-feed .profilesContainer .edit-profile-btn i {
      color: rgba(165, 165, 165, 0.8); }
  #cog-autopilot-consensus-feed .profilesContainer .profileSelected {
    background-color: #cfd7df; }

#cog-autopilot-consensus-feed .providerDataContainer {
  padding: 5px 10px;
  line-height: 34px;
  background-color: #ebebeb; }
  #cog-autopilot-consensus-feed .providerDataContainer .profileLabel {
    margin-left: 5px; }
  #cog-autopilot-consensus-feed .providerDataContainer .add-rule-btn, #cog-autopilot-consensus-feed .providerDataContainer .save-rule-btn, #cog-autopilot-consensus-feed .providerDataContainer .cancel-rule-btn {
    margin: 0px;
    margin-right: 10px;
    min-height: 32px;
    line-height: 32px; }
  #cog-autopilot-consensus-feed .providerDataContainer .add-rule-btn {
    background-color: #06508d; }
  #cog-autopilot-consensus-feed .providerDataContainer .save-rule-btn {
    background-color: darkgreen; }
  #cog-autopilot-consensus-feed .providerDataContainer .cancel-rule-btn {
    background-color: grey; }

#cog-autopilot-consensus-feed .providersInfo {
  width: 300px;
  border-left: solid 1px #d3d3d3;
  height: calc(100vh - 110px); }
  #cog-autopilot-consensus-feed .providersInfo .providerDataContainer {
    background-color: #000000;
    color: #d3d3d3; }

#cog-autopilot-consensus-feed .consensusContainer {
  height: calc(100vh - 110px);
  overflow: auto; }
  @media screen and (max-width: 960px) {
    #cog-autopilot-consensus-feed .consensusContainer {
      height: calc(100vh - 125px); } }

#cog-autopilot-consensus-feed #consensusRulesContainer {
  height: calc(100vh - 110px);
  overflow: auto; }

#cog-autopilot-consensus-feed md-sidenav {
  border-right: 1px solid #e6e6e6; }
  @media screen and (min-width: 960px) {
    #cog-autopilot-consensus-feed md-sidenav {
      min-width: 300px; } }
  @media screen and (max-width: 599px) {
    #cog-autopilot-consensus-feed md-sidenav {
      border-right: none; } }

#cog-autopilot-consensus-feed .cursor-pointer {
  cursor: pointer; }

#cog-autopilot-consensus-feed .mobileOptions {
  margin-bottom: 10px; }
  @media screen and (min-width: 600px) {
    #cog-autopilot-consensus-feed .mobileOptions {
      display: none; } }
  #cog-autopilot-consensus-feed .mobileOptions .open-sidenav-btn {
    margin: 0;
    background-color: #2196f3; }
    #cog-autopilot-consensus-feed .mobileOptions .open-sidenav-btn md-icon {
      color: rgba(255, 255, 255, 0.8);
      line-height: 24px; }

#import-options-layout-autopilot-importer, #import-markets-layout-autopilot-importer {
  height: calc(100vh - 110px); }
  #import-options-layout-autopilot-importer .feedLabel, #import-markets-layout-autopilot-importer .feedLabel {
    font-size: 1.2em;
    font-weight: 700; }
    #import-options-layout-autopilot-importer .feedLabel i, #import-markets-layout-autopilot-importer .feedLabel i {
      color: cadetblue; }
  #import-options-layout-autopilot-importer .feedHeader, #import-markets-layout-autopilot-importer .feedHeader {
    font-size: 1.2em;
    padding: 10px 15px;
    background-color: #ebebeb; }
  #import-options-layout-autopilot-importer .md-subheader md-input-container, #import-markets-layout-autopilot-importer .md-subheader md-input-container {
    margin: unset !important;
    margin-top: 10px;
    width: 100%; }
  #import-options-layout-autopilot-importer .left-options, #import-markets-layout-autopilot-importer .left-options {
    overflow-y: auto;
    min-width: 650px;
    max-width: 700px;
    border-right: 1px solid #ddd; }
    #import-options-layout-autopilot-importer .left-options .tools-options .sport, #import-markets-layout-autopilot-importer .left-options .tools-options .sport {
      margin-top: 10px;
      margin-bottom: 10px; }
    #import-options-layout-autopilot-importer .left-options .tools-options md-select, #import-markets-layout-autopilot-importer .left-options .tools-options md-select {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 10px;
      padding-top: 0px;
      font-size: 14px;
      width: 200px; }
    #import-options-layout-autopilot-importer .left-options .import-names-content, #import-markets-layout-autopilot-importer .left-options .import-names-content {
      text-align: center; }
      #import-options-layout-autopilot-importer .left-options .import-names-content .import-table-settings, #import-markets-layout-autopilot-importer .left-options .import-names-content .import-table-settings {
        width: 100%; }
        #import-options-layout-autopilot-importer .left-options .import-names-content .import-table-settings thead tr, #import-markets-layout-autopilot-importer .left-options .import-names-content .import-table-settings thead tr {
          color: white;
          height: 35px;
          background-color: #607d8b;
          font-size: 14px; }
          #import-options-layout-autopilot-importer .left-options .import-names-content .import-table-settings thead tr th:first-child, #import-markets-layout-autopilot-importer .left-options .import-names-content .import-table-settings thead tr th:first-child {
            padding-top: 5px;
            padding-bottom: 5px; }
            #import-options-layout-autopilot-importer .left-options .import-names-content .import-table-settings thead tr th:first-child span, #import-markets-layout-autopilot-importer .left-options .import-names-content .import-table-settings thead tr th:first-child span {
              font-weight: normal; }
        #import-options-layout-autopilot-importer .left-options .import-names-content .import-table-settings tbody tr, #import-markets-layout-autopilot-importer .left-options .import-names-content .import-table-settings tbody tr {
          border-bottom: 1px solid #eaeaea; }
        #import-options-layout-autopilot-importer .left-options .import-names-content .import-table-settings tbody td, #import-markets-layout-autopilot-importer .left-options .import-names-content .import-table-settings tbody td {
          padding: 5px; }
          #import-options-layout-autopilot-importer .left-options .import-names-content .import-table-settings tbody td md-checkbox, #import-markets-layout-autopilot-importer .left-options .import-names-content .import-table-settings tbody td md-checkbox {
            margin-bottom: unset !important; }
          #import-options-layout-autopilot-importer .left-options .import-names-content .import-table-settings tbody td .par-input-number, #import-markets-layout-autopilot-importer .left-options .import-names-content .import-table-settings tbody td .par-input-number {
            width: 50px;
            min-width: 50px;
            border: none;
            border-bottom: 1px solid #607d8b;
            text-align: center; }
      #import-options-layout-autopilot-importer .left-options .import-names-content .no-list, #import-markets-layout-autopilot-importer .left-options .import-names-content .no-list {
        padding-top: 20px;
        margin: 20px; }
  #import-options-layout-autopilot-importer .right-options, #import-markets-layout-autopilot-importer .right-options {
    width: 1650px; }
    #import-options-layout-autopilot-importer .right-options .input-acc, #import-markets-layout-autopilot-importer .right-options .input-acc {
      border: 1px solid #ccc;
      height: 37px;
      text-align: center;
      max-width: 100%;
      width: 50%; }
    #import-options-layout-autopilot-importer .right-options .md-tournament-name, #import-markets-layout-autopilot-importer .right-options .md-tournament-name {
      margin-left: 10px; }
    #import-options-layout-autopilot-importer .right-options .md-events-select, #import-markets-layout-autopilot-importer .right-options .md-events-select {
      width: 250px; }
    #import-options-layout-autopilot-importer .right-options .md-subheader .md-subheader-inner, #import-markets-layout-autopilot-importer .right-options .md-subheader .md-subheader-inner {
      padding: unset !important;
      height: 100%; }
      #import-options-layout-autopilot-importer .right-options .md-subheader .md-subheader-inner .md-subheader-content, #import-markets-layout-autopilot-importer .right-options .md-subheader .md-subheader-inner .md-subheader-content {
        height: 100%; }
    #import-options-layout-autopilot-importer .right-options .md-subheader md-select, #import-markets-layout-autopilot-importer .right-options .md-subheader md-select {
      margin: unset; }
    #import-options-layout-autopilot-importer .right-options .toolbar-events, #import-markets-layout-autopilot-importer .right-options .toolbar-events {
      height: 100%;
      padding-left: 20px; }
    #import-options-layout-autopilot-importer .right-options #list-games, #import-markets-layout-autopilot-importer .right-options #list-games {
      height: calc(100vh - 165px);
      width: 100%;
      background-color: #fff; }
      #import-options-layout-autopilot-importer .right-options #list-games .repeated-item, #import-markets-layout-autopilot-importer .right-options #list-games .repeated-item {
        box-sizing: border-box;
        min-height: 40px;
        /* height: 40px; */
        padding-bottom: 10px;
        font-size: 10pt; }
        #import-options-layout-autopilot-importer .right-options #list-games .repeated-item .text_link, #import-markets-layout-autopilot-importer .right-options #list-games .repeated-item .text_link {
          font-weight: bold;
          color: #223f48;
          border-bottom: 1px solid;
          cursor: pointer; }
        #import-options-layout-autopilot-importer .right-options #list-games .repeated-item .row-account, #import-markets-layout-autopilot-importer .right-options #list-games .repeated-item .row-account {
          color: #223f48;
          background-color: #f3f3f3;
          padding-top: 10px;
          padding-bottom: 10px; }
          #import-options-layout-autopilot-importer .right-options #list-games .repeated-item .row-account div:first-child, #import-markets-layout-autopilot-importer .right-options #list-games .repeated-item .row-account div:first-child {
            text-align: center; }
        #import-options-layout-autopilot-importer .right-options #list-games .repeated-item .game-team div:first-child, #import-markets-layout-autopilot-importer .right-options #list-games .repeated-item .game-team div:first-child {
          text-align: center; }
    #import-options-layout-autopilot-importer .right-options md-virtual-repeat-container, #import-markets-layout-autopilot-importer .right-options md-virtual-repeat-container {
      border: solid 1px #ddd; }
  #import-options-layout-autopilot-importer md-toolbar, #import-markets-layout-autopilot-importer md-toolbar {
    min-height: 43px;
    color: #fdfdfd; }

#import-markets-layout-autopilot-importer .filterEventContainer md-input-container {
  margin: 0; }
  #import-markets-layout-autopilot-importer .filterEventContainer md-input-container input {
    margin-left: 5px;
    color: #fff;
    background-color: #607d8b;
    padding: 0 10px;
    border-radius: 3px; }
    #import-markets-layout-autopilot-importer .filterEventContainer md-input-container input:disabled {
      background-color: #a9b6bd; }
  #import-markets-layout-autopilot-importer .filterEventContainer md-input-container .md-errors-spacer {
    display: none; }

#import-markets-layout-autopilot-importer .filterEventContainer .clear-filter-btn {
  line-height: 22px;
  width: 30px;
  height: 22px;
  min-height: 30px;
  color: #add0e1; }
  #import-markets-layout-autopilot-importer .filterEventContainer .clear-filter-btn:disabled i {
    color: #63737e; }

#import-markets-layout-autopilot-importer .filterEventContainer .no-match {
  color: grey; }

#import-markets-layout-autopilot-importer .filterEventContainer .match {
  color: greenyellow; }

#import-markets-layout-autopilot-importer #game-markets-container, #import-markets-layout-autopilot-importer #list-games {
  height: calc(100vh - 325px);
  font-size: 14px; }
  #import-markets-layout-autopilot-importer #game-markets-container md-card-title, #import-markets-layout-autopilot-importer #list-games md-card-title {
    padding: 8px 12px; }
  #import-markets-layout-autopilot-importer #game-markets-container md-card-content, #import-markets-layout-autopilot-importer #list-games md-card-content {
    padding: 0 0 15px 0px;
    padding-bottom: 0; }
  #import-markets-layout-autopilot-importer #game-markets-container .gameHeader, #import-markets-layout-autopilot-importer #list-games .gameHeader {
    background-color: #eeeeee;
    font-size: 13px;
    border-radius: 5px;
    font-weight: 700; }
  #import-markets-layout-autopilot-importer #game-markets-container .gameName, #import-markets-layout-autopilot-importer #list-games .gameName {
    color: rgba(0, 0, 0, 0.9); }
  #import-markets-layout-autopilot-importer #game-markets-container .eventDate, #import-markets-layout-autopilot-importer #list-games .eventDate {
    color: #2f4f4f; }
  #import-markets-layout-autopilot-importer #game-markets-container .marketTeam, #import-markets-layout-autopilot-importer #list-games .marketTeam {
    min-width: 150px;
    max-width: 450px;
    line-height: 20px;
    text-transform: none;
    margin: 15px 0 0 10px;
    border-radius: 3px;
    border: solid 1px rgba(194, 194, 194, 0.5);
    padding: 5px;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
    background-color: #fff; }
    #import-markets-layout-autopilot-importer #game-markets-container .marketTeam.checked, #import-markets-layout-autopilot-importer #list-games .marketTeam.checked {
      background-color: green;
      color: white; }
      #import-markets-layout-autopilot-importer #game-markets-container .marketTeam.checked .points, #import-markets-layout-autopilot-importer #list-games .marketTeam.checked .points {
        color: #b9e3ff; }
      #import-markets-layout-autopilot-importer #game-markets-container .marketTeam.checked .price, #import-markets-layout-autopilot-importer #list-games .marketTeam.checked .price {
        color: #f7cea0; }
      #import-markets-layout-autopilot-importer #game-markets-container .marketTeam.checked .sort-selected, #import-markets-layout-autopilot-importer #list-games .marketTeam.checked .sort-selected {
        background-color: #004109;
        padding: 2px 6px;
        border-radius: 2px; }
  #import-markets-layout-autopilot-importer #game-markets-container .sort-selected-button, #import-markets-layout-autopilot-importer #list-games .sort-selected-button {
    background-color: #ebebeb;
    box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, 0.1); }
  #import-markets-layout-autopilot-importer #game-markets-container .gameMarket, #import-markets-layout-autopilot-importer #list-games .gameMarket {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    padding-bottom: 15px;
    padding-right: 10px;
    border-bottom: 1px solid #eee; }
    #import-markets-layout-autopilot-importer #game-markets-container .gameMarket:nth-child(even), #import-markets-layout-autopilot-importer #list-games .gameMarket:nth-child(even) {
      background-color: rgba(194, 194, 194, 0.12); }
    #import-markets-layout-autopilot-importer #game-markets-container .gameMarket .points, #import-markets-layout-autopilot-importer #list-games .gameMarket .points {
      font-size: 1.3em;
      font-weight: 700;
      color: #0072be; }
    #import-markets-layout-autopilot-importer #game-markets-container .gameMarket .price, #import-markets-layout-autopilot-importer #list-games .gameMarket .price {
      text-align: right;
      min-width: 30px;
      margin-left: 5px;
      color: #ce6f03; }
  #import-markets-layout-autopilot-importer #game-markets-container .sortOption, #import-markets-layout-autopilot-importer #list-games .sortOption {
    margin-top: 5px; }
    #import-markets-layout-autopilot-importer #game-markets-container .sortOption .sort-options-button, #import-markets-layout-autopilot-importer #list-games .sortOption .sort-options-button {
      background-color: #ffffff;
      margin: 0;
      padding: 0 6px 0 0;
      min-width: 60px;
      font-size: 11px;
      height: 28px;
      min-height: 28px;
      line-height: 28px; }
  #import-markets-layout-autopilot-importer #game-markets-container .sortOptionSelected, #import-markets-layout-autopilot-importer #list-games .sortOptionSelected {
    margin-right: 5px;
    padding: 4px 10px;
    border-radius: 4px;
    background-color: #dfdfdf; }
    #import-markets-layout-autopilot-importer #game-markets-container .sortOptionSelected .market, #import-markets-layout-autopilot-importer #list-games .sortOptionSelected .market {
      margin-right: 5px;
      color: #383838; }
    #import-markets-layout-autopilot-importer #game-markets-container .sortOptionSelected .sort-points, #import-markets-layout-autopilot-importer #list-games .sortOptionSelected .sort-points {
      color: #0072be; }
    #import-markets-layout-autopilot-importer #game-markets-container .sortOptionSelected .sort-price, #import-markets-layout-autopilot-importer #list-games .sortOptionSelected .sort-price {
      color: #ce6f03; }
  #import-markets-layout-autopilot-importer #game-markets-container .sort-selected, #import-markets-layout-autopilot-importer #list-games .sort-selected {
    background-color: #d3d3d3;
    padding: 2px 6px;
    border-radius: 2px; }

#import-markets-layout-autopilot-importer #list-games .team {
  margin: 10px;
  margin-bottom: 20px;
  border-radius: 3px;
  border: solid 1px #eee;
  line-height: 33px; }
  #import-markets-layout-autopilot-importer #list-games .team:last-child {
    margin-bottom: 0px; }
  #import-markets-layout-autopilot-importer #list-games .team .rotation {
    text-align: center;
    width: 120px;
    margin-right: 10px;
    background-color: rgba(194, 194, 194, 0.15); }
  #import-markets-layout-autopilot-importer #list-games .team .team-detail:not(:last-child) {
    border-bottom: solid 1px #eee; }
  #import-markets-layout-autopilot-importer #list-games .team .team-detail .points {
    font-size: 1.1em;
    font-weight: 700;
    color: #0072be; }
  #import-markets-layout-autopilot-importer #list-games .team .team-detail .price {
    font-size: 0.9em;
    text-align: right;
    min-width: 30px;
    margin-left: 5px;
    color: #ce6f03; }

#import-markets-layout-autopilot-importer {
  height: calc(100vh - 160px); }

.market-games-sort-option-container .sort-icon {
  margin-right: 10px; }
  .market-games-sort-option-container .sort-icon.asc {
    color: #bebebe; }
  .market-games-sort-option-container .sort-icon.desc {
    color: #60a8ad; }

.market-games-sort-option-container .md-button {
  min-height: 28px;
  padding: 0 10px;
  line-height: 28px;
  height: 28px; }

.market-games-sort-option-container md-menu-item {
  min-height: 34px;
  height: 34px;
  border-bottom: solid 1px #e7e7e7; }

.market-games-sort-option-container .sort-points {
  color: #0072be; }

.market-games-sort-option-container .sort-price {
  color: #ce6f03; }

.event-dialog-form md-list-item .md-list-item-inner {
  padding: 2px; }

.event-dialog-form p {
  color: rgba(0, 0, 0, 0.54); }

.event-dialog-input-row {
  padding: 2px; }

.event-dialog-form-color-option .md-text {
  text-transform: capitalize; }

md-select[md-container-class="calendar-color-select"] md-select-value span {
  text-transform: capitalize; }

.calendar-color-select md-option {
  text-transform: capitalize; }

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 780px; }

.eventFormTitleBottom {
  margin-bottom: -40px; }

.dividerClass {
  border-top-width: 3px;
  border-color: #607d8b !important;
  margin-top: 50px; }

#EventRejectedDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#EventRejectedDialog md-select {
  margin-bottom: 10px !important; }

#EventRejectedDialog md-input-container {
  margin-bottom: 10px !important; }

.cog-dialog-preview-image {
  max-width: 95%;
  max-height: 85%; }
  @media screen and (min-width: 1280px) {
    .cog-dialog-preview-image {
      max-width: 1200px; } }
  @media screen and (min-height: 1280px) {
    .cog-dialog-preview-image {
      max-height: 1200px; } }
  .cog-dialog-preview-image .banner-content-preview {
    position: relative;
    background-color: #fff;
    opacity: 1 !important; }
    .cog-dialog-preview-image .banner-content-preview img {
      display: block;
      max-width: 100%;
      max-height: 100%;
      margin-left: auto;
      margin-right: auto; }
  .cog-dialog-preview-image .banner-backdrop-preview {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 50px;
    opacity: .6; }
  .cog-dialog-preview-image .banner-text-preview {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    display: block;
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    letter-spacing: -1px; }
  .cog-dialog-preview-image md-dialog-actions {
    padding-left: 8px; }
    .cog-dialog-preview-image md-dialog-actions .md-button:last-of-type:first-of-type {
      margin-left: 0; }

#new-accounts-report-container #cogusers-options-toolbar {
  background-color: #34535c; }

.import-from-csv {
  /* Drop Zone */
  /* Drag Active State */
  /* Drag Hint */
  /* Selected Files */
  /* File Actions */
  /* Error Message */
  /* Export Section */ }
  .import-from-csv .drop-zone {
    border: 2px dashed #BDBDBD;
    border-radius: 4px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    background-color: #FAFAFA; }
  .import-from-csv .drag-active {
    background-color: #E3F2FD;
    border-color: #2196F3;
    box-shadow: 0 0 10px rgba(33, 150, 243, 0.3); }
  .import-from-csv .drag-hint {
    margin: 15px 0;
    color: #757575; }
  .import-from-csv .drag-hint .file-icon {
    font-size: 40px;
    color: #BDBDBD;
    margin-top: 10px;
    transition: all 0.3s ease; }
  .import-from-csv .drag-active .drag-hint .file-icon {
    color: #2196F3;
    transform: translateY(-5px); }
  .import-from-csv .selected-files-container {
    margin-top: 20px;
    text-align: left; }
  .import-from-csv .selected-files-list {
    list-style: none;
    padding: 0; }
  .import-from-csv .selected-files-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #EEE; }
  .import-from-csv .selected-files-list md-icon {
    margin-right: 10px;
    color: #757575; }
  .import-from-csv .file-info {
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .import-from-csv .file-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    gap: 10px;
    margin-top: 15px; }
  .import-from-csv .success-container {
    background-color: #E8F5E9;
    padding: 15px;
    border-radius: 4px;
    margin: 10px 0;
    border-left: 4px solid #4CAF50; }
  .import-from-csv .action-buttons {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #C8E6C9; }
  .import-from-csv .success-message {
    color: #4CAF50;
    background-color: #E8F5E9;
    padding: 15px;
    border-radius: 4px;
    margin: 15px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .import-from-csv .success-message md-icon {
    margin-right: 10px;
    font-size: 24px; }
  .import-from-csv .problem-stats {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #C8E6C9; }
  .import-from-csv .upload-loading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 20px;
    color: #2196F3; }
  .import-from-csv .upload-loading md-progress-circular {
    margin-right: 15px; }
  .import-from-csv .error-message {
    color: #F44336;
    background-color: #FFEBEE;
    padding: 10px;
    border-radius: 4px;
    margin-top: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .import-from-csv .error-message md-icon {
    margin-right: 8px; }
  .import-from-csv .export-section {
    margin-top: 20px;
    padding: 10px;
    border-top: 1px solid #eee;
    text-align: right; }
  .import-from-csv .export-section md-button {
    margin: 0; }

#addPlayers1-container .addPlayersStep1 {
  margin-left: auto;
  margin-right: auto; }

#cmbAgentSelect {
  margin-top: 10px; }

.addPlayers1-container .Title_header {
  font-weight: 700;
  color: #013a00;
  font-size: 1.2em;
  height: 30px; }

.custom-class {
  background-color: #ed1c24 !important;
  color: #FFFFFF; }

.default-color {
  color: rgba(0, 0, 0, 0.87);
  background-color: white !important; }

#addPlayers1-container .add-players-delete-btn md-icon {
  color: #920000; }

#addPlayers1-container .add-players-btn md-icon {
  color: #FFFFFF; }

#addPlayerTable thead.md-head > tr.md-row {
  height: 40px; }

#addPlayerTable thead.md-head > tr.md-row > th.md-column {
  padding: 0 10px; }

#addPlayerTable tbody.md-body > tr > td > input {
  width: 80%; }

#RowsToAdd, #creditlimitmobile, #wagerlimitmobile, #StartingNumber {
  border-color: #d8d8d8;
  border-width: thin;
  background-color: #eee; }

.addplayers-md-title-mobile {
  font-size: 14px; }

.ajustPadding {
  padding: 0px; }

#addPlayerTableContainer3 {
  width: 100%; }

#creditlimitmobile {
  width: 120px; }

#wagerlimitmobile {
  width: 120px; }

#StartingNumber {
  width: 120px; }

#creditlimitContainer, #wagerlimitContainer, #startingNumberContainer {
  display: inline-block; }

.RowsToAdd {
  border-color: #d8d8d8 !important;
  border-width: thin !important;
  background-color: #eee !important;
  border-style: solid;
  line-height: 26px;
  height: 30px;
  padding: 2px; }

.QuantityContainer {
  margin: 0px 0 !important; }

.HeaderContainer {
  margin: 0px 0px 15px !important; }

.buttonApplyMobil {
  margin: 5px 0 !important;
  min-height: 5px !important;
  line-height: 30px !important; }

.btnApplyDesk {
  margin-top: 0px;
  min-height: 5px !important;
  line-height: 30px !important; }

#addOneAgent-container .addPlayersStep1 {
  margin-left: auto;
  margin-right: auto; }

#cmbAgentSelect {
  margin-top: 10px; }

.addOneAgent-container .Title_header {
  font-weight: 700;
  color: #013a00;
  font-size: 1.2em;
  height: 30px; }

#Office, #WebSite {
  border-color: #d8d8d8;
  border-width: thin;
  background-color: #eee;
  color: #000; }

#addOnePlayer-container .addPlayersStep1 {
  margin-left: auto;
  margin-right: auto; }

#addOnePlayer-container md-input-container {
  margin: 0;
  min-height: unset; }
  #addOnePlayer-container md-input-container .md-errors-spacer {
    display: none; }

#addOnePlayer-container .txtInfo {
  font-size: 15px;
  color: #015800;
  font-weight: 600; }

#cmbAgentSelect {
  margin-top: 10px; }

.addOnePlayer-container .Title_header {
  font-weight: 700;
  color: #013a00;
  font-size: 1.2em;
  height: 30px; }

.custom-class {
  background-color: #ed1c24 !important;
  color: #FFFFFF; }

.default-color {
  color: rgba(0, 0, 0, 0.87);
  background-color: white !important; }

#addOneUser-container .addPlayersStep1 {
  margin-left: auto;
  margin-right: auto; }

#cmbAgentSelect {
  margin-top: 10px; }

.addOneUser-container .Title_header {
  font-weight: 700;
  color: #013a00;
  font-size: 1.2em;
  height: 30px; }

.custom-class {
  background-color: #ed1c24 !important;
  color: #FFFFFF; }

.default-color {
  color: rgba(0, 0, 0, 0.87);
  background-color: white !important; }

.autocompleteMasterAgent {
  left: 10px; }

#cog-donbest-game-import .gmImportContainerHeight {
  height: calc(100vh - 110px);
  overflow: auto; }
  @media screen and (max-width: 960px) {
    #cog-donbest-game-import .gmImportContainerHeight {
      height: calc(100vh - 105px); } }

#cog-donbest-game-import md-sidenav {
  border-right: 1px solid #e6e6e6; }
  @media screen and (min-width: 960px) {
    #cog-donbest-game-import md-sidenav {
      min-width: 350px; } }
  @media screen and (max-width: 599px) {
    #cog-donbest-game-import md-sidenav {
      border-right: none; } }

#cog-donbest-game-import #SportEventsMainContainer {
  padding: 10px; }

#cog-donbest-game-import .RadarGameImportSportSportList {
  background-color: rgba(250, 50, 250, 0.2); }

#cog-donbest-game-import .SportEventsList {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  min-height: 150px;
  max-width: 1200px; }

#cog-donbest-game-import md-datepicker .md-datepicker-button {
  display: none; }

#cog-donbest-game-import md-datepicker .md-datepicker-input-container {
  margin: 0;
  width: 100%;
  border-bottom: 0; }
  #cog-donbest-game-import md-datepicker .md-datepicker-input-container input {
    font-size: 16px;
    font-weight: 600;
    min-width: 100%; }

#cog-donbest-game-import md-datepicker.end-date input {
  color: darkred; }

#cog-donbest-game-import .refresh-sport-provider-btn, #cog-donbest-game-import .pull-schedule-btn {
  font-size: 13px;
  margin: 0 8px;
  background-color: white !important;
  color: #0098f7 !important;
  width: 150px !important;
  max-width: 150px !important; }
  @media screen and (max-width: 960px) {
    #cog-donbest-game-import .refresh-sport-provider-btn, #cog-donbest-game-import .pull-schedule-btn {
      width: 100% !important;
      max-width: 100% !important; } }
  #cog-donbest-game-import .refresh-sport-provider-btn md-icon, #cog-donbest-game-import .pull-schedule-btn md-icon {
    color: orangered !important;
    line-height: 22px;
    width: 10px;
    min-width: 10px;
    margin-right: 5px; }
  #cog-donbest-game-import .refresh-sport-provider-btn[disabled], #cog-donbest-game-import .pull-schedule-btn[disabled] {
    color: rgba(0, 0, 0, 0.2) !important; }
    #cog-donbest-game-import .refresh-sport-provider-btn[disabled] md-icon, #cog-donbest-game-import .pull-schedule-btn[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

#cog-donbest-game-import .pull-schedule-btn {
  background-color: #9bc7e1 !important;
  color: #077588 !important; }
  #cog-donbest-game-import .pull-schedule-btn md-icon {
    color: white !important; }

#cog-donbest-game-import .fixedSidenav {
  border-top: solid 1px #f1f1f1;
  position: sticky;
  bottom: 0;
  display: block;
  background-color: white;
  width: 100%; }

#cog-donbest-game-import .fixedSidenavImport {
  border-top: solid 1px #f1f1f1;
  position: sticky;
  bottom: 0;
  display: block;
  background-color: white;
  width: 100%; }

#cog-donbest-game-import .gmImportHeight {
  height: calc(100vh - 200px);
  overflow-y: auto;
  /* @media screen and (max-width:960px) {
            height: calc(100vh - 200px);
        } */ }

#cog-donbest-game-import donbest-import-sports-tree {
  margin-bottom: 100px; }

#cog-donbest-game-import .mobileOptions {
  margin-bottom: 10px; }
  @media screen and (min-width: 600px) {
    #cog-donbest-game-import .mobileOptions {
      display: none; } }
  #cog-donbest-game-import .mobileOptions .open-sidenav-btn {
    margin: 0;
    background-color: #2196F3; }
    #cog-donbest-game-import .mobileOptions .open-sidenav-btn md-icon {
      color: rgba(255, 255, 255, 0.8);
      line-height: 24px; }
  #cog-donbest-game-import .mobileOptions .ttlEvents {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6); }
    #cog-donbest-game-import .mobileOptions .ttlEvents .hasEvents {
      text-decoration: underline;
      cursor: pointer; }
      #cog-donbest-game-import .mobileOptions .ttlEvents .hasEvents .totals {
        color: black;
        font-weight: 600;
        font-size: 18px; }

.CogDonbestDialog {
  max-width: 550px; }
  .CogDonbestDialog .warning-icon, .CogDonbestDialog .success-icon {
    margin-top: 3px;
    line-height: 65px;
    font-size: 3em;
    text-align: center; }
  .CogDonbestDialog .warning-icon {
    color: orangered; }
  .CogDonbestDialog .success-icon {
    color: darkgreen; }
  .CogDonbestDialog md-dialog-actions .md-button:last-child, .CogDonbestDialog md-dialog-actions .close-button:last-child {
    background-color: #525252 !important; }
    .CogDonbestDialog md-dialog-actions .md-button:last-child:hover, .CogDonbestDialog md-dialog-actions .close-button:last-child:hover {
      background-color: #1f1f1f !important; }
  .CogDonbestDialog md-dialog-actions .md-button:hover, .CogDonbestDialog md-dialog-actions .close-button:hover {
    background-color: #1f1f1f !important; }

#import-markets-layout-donbest #game-markets-container, #import-markets-layout-donbest #list-games {
  height: calc(100vh - 215px);
  font-size: 14px; }
  #import-markets-layout-donbest #game-markets-container md-card-title, #import-markets-layout-donbest #list-games md-card-title {
    padding: 8px 12px; }
  #import-markets-layout-donbest #game-markets-container md-card-content, #import-markets-layout-donbest #list-games md-card-content {
    padding: 0 0 15px 0px;
    padding-bottom: 0; }
  #import-markets-layout-donbest #game-markets-container .gameHeader, #import-markets-layout-donbest #list-games .gameHeader {
    background-color: #eeeeee;
    font-size: 13px;
    border-radius: 5px;
    font-weight: 700; }
  #import-markets-layout-donbest #game-markets-container .gameName, #import-markets-layout-donbest #list-games .gameName {
    color: rgba(0, 0, 0, 0.9); }
  #import-markets-layout-donbest #game-markets-container .eventDate, #import-markets-layout-donbest #list-games .eventDate {
    color: #2f4f4f; }
  #import-markets-layout-donbest #game-markets-container .marketTeam, #import-markets-layout-donbest #list-games .marketTeam {
    min-width: 150px;
    max-width: 450px;
    line-height: 20px;
    text-transform: none;
    margin: 15px 0 0 10px;
    border-radius: 3px;
    border: solid 1px rgba(194, 194, 194, 0.5);
    padding: 5px;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
    background-color: #fff; }
    #import-markets-layout-donbest #game-markets-container .marketTeam.checked, #import-markets-layout-donbest #list-games .marketTeam.checked {
      background-color: green;
      color: white; }
  #import-markets-layout-donbest #game-markets-container .gameMarket, #import-markets-layout-donbest #list-games .gameMarket {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    padding-bottom: 15px;
    padding-right: 10px;
    border-bottom: 1px solid #eee; }
    #import-markets-layout-donbest #game-markets-container .gameMarket:nth-child(even), #import-markets-layout-donbest #list-games .gameMarket:nth-child(even) {
      background-color: rgba(194, 194, 194, 0.12); }

#import-markets-layout-donbest #list-games .team {
  margin: 10px;
  margin-bottom: 20px;
  border-radius: 3px;
  border: solid 1px #eee;
  line-height: 33px; }
  #import-markets-layout-donbest #list-games .team:last-child {
    margin-bottom: 0px; }
  #import-markets-layout-donbest #list-games .team .rotation {
    text-align: center;
    width: 120px;
    margin-right: 10px;
    background-color: rgba(194, 194, 194, 0.15); }
  #import-markets-layout-donbest #list-games .team .team-detail:not(:last-child) {
    border-bottom: solid 1px #eee; }

#import-options-layout-donbest, #import-markets-layout-donbest {
  height: calc(100vh - 110px); }
  #import-options-layout-donbest .md-subheader md-input-container, #import-markets-layout-donbest .md-subheader md-input-container {
    margin: unset !important;
    margin-top: 10px;
    width: 100%; }
  #import-options-layout-donbest .left-options, #import-markets-layout-donbest .left-options {
    border-right: 1px solid #ddd; }
    #import-options-layout-donbest .left-options .tools-options .sport, #import-markets-layout-donbest .left-options .tools-options .sport {
      margin-top: 10px;
      margin-bottom: 10px; }
    #import-options-layout-donbest .left-options .tools-options md-select, #import-markets-layout-donbest .left-options .tools-options md-select {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 10px;
      padding-top: 0px;
      font-size: 14px;
      width: 250px; }
    #import-options-layout-donbest .left-options .import-names-content, #import-markets-layout-donbest .left-options .import-names-content {
      text-align: center; }
      #import-options-layout-donbest .left-options .import-names-content .import-table-settings, #import-markets-layout-donbest .left-options .import-names-content .import-table-settings {
        width: 100%; }
        #import-options-layout-donbest .left-options .import-names-content .import-table-settings thead tr, #import-markets-layout-donbest .left-options .import-names-content .import-table-settings thead tr {
          color: white;
          height: 35px;
          background-color: #607d8b;
          font-size: 14px; }
          #import-options-layout-donbest .left-options .import-names-content .import-table-settings thead tr th:first-child, #import-markets-layout-donbest .left-options .import-names-content .import-table-settings thead tr th:first-child {
            padding-top: 5px;
            padding-bottom: 5px; }
            #import-options-layout-donbest .left-options .import-names-content .import-table-settings thead tr th:first-child span, #import-markets-layout-donbest .left-options .import-names-content .import-table-settings thead tr th:first-child span {
              font-weight: normal; }
        #import-options-layout-donbest .left-options .import-names-content .import-table-settings tbody tr, #import-markets-layout-donbest .left-options .import-names-content .import-table-settings tbody tr {
          border-bottom: 1px solid #eaeaea; }
        #import-options-layout-donbest .left-options .import-names-content .import-table-settings tbody td, #import-markets-layout-donbest .left-options .import-names-content .import-table-settings tbody td {
          padding: 5px; }
          #import-options-layout-donbest .left-options .import-names-content .import-table-settings tbody td md-checkbox, #import-markets-layout-donbest .left-options .import-names-content .import-table-settings tbody td md-checkbox {
            margin-bottom: unset !important; }
          #import-options-layout-donbest .left-options .import-names-content .import-table-settings tbody td .par-input-number, #import-markets-layout-donbest .left-options .import-names-content .import-table-settings tbody td .par-input-number {
            width: 50px;
            min-width: 50px;
            border: none;
            border-bottom: 1px solid #607d8b;
            text-align: center; }
      #import-options-layout-donbest .left-options .import-names-content .no-list, #import-markets-layout-donbest .left-options .import-names-content .no-list {
        padding-top: 20px;
        margin: 20px; }
  #import-options-layout-donbest .right-options, #import-markets-layout-donbest .right-options {
    overflow-y: auto; }
    #import-options-layout-donbest .right-options .input-acc, #import-markets-layout-donbest .right-options .input-acc {
      border: 1px solid #ccc;
      height: 37px;
      text-align: center;
      max-width: 100%;
      width: 50%; }
    #import-options-layout-donbest .right-options .md-tournament-name, #import-markets-layout-donbest .right-options .md-tournament-name {
      margin-left: 10px; }
    #import-options-layout-donbest .right-options .md-events-select, #import-markets-layout-donbest .right-options .md-events-select {
      width: 250px; }
    #import-options-layout-donbest .right-options .md-subheader .md-subheader-inner, #import-markets-layout-donbest .right-options .md-subheader .md-subheader-inner {
      padding: unset !important;
      height: 100%; }
      #import-options-layout-donbest .right-options .md-subheader .md-subheader-inner .md-subheader-content, #import-markets-layout-donbest .right-options .md-subheader .md-subheader-inner .md-subheader-content {
        height: 100%; }
    #import-options-layout-donbest .right-options .md-subheader md-select, #import-markets-layout-donbest .right-options .md-subheader md-select {
      margin: unset; }
    #import-options-layout-donbest .right-options .toolbar-events, #import-markets-layout-donbest .right-options .toolbar-events {
      height: 100%;
      padding-left: 20px; }
    #import-options-layout-donbest .right-options #list-games, #import-markets-layout-donbest .right-options #list-games {
      height: calc(100vh - 165px);
      width: 100%;
      background-color: #fff; }
      #import-options-layout-donbest .right-options #list-games .repeated-item, #import-markets-layout-donbest .right-options #list-games .repeated-item {
        box-sizing: border-box;
        min-height: 40px;
        /* height: 40px; */
        padding-bottom: 10px;
        font-size: 10pt; }
        #import-options-layout-donbest .right-options #list-games .repeated-item .text_link, #import-markets-layout-donbest .right-options #list-games .repeated-item .text_link {
          font-weight: bold;
          color: #223f48;
          border-bottom: 1px solid;
          cursor: pointer; }
        #import-options-layout-donbest .right-options #list-games .repeated-item .row-account, #import-markets-layout-donbest .right-options #list-games .repeated-item .row-account {
          color: #223f48;
          background-color: #f3f3f3;
          padding-top: 10px;
          padding-bottom: 10px; }
          #import-options-layout-donbest .right-options #list-games .repeated-item .row-account div:first-child, #import-markets-layout-donbest .right-options #list-games .repeated-item .row-account div:first-child {
            text-align: center; }
        #import-options-layout-donbest .right-options #list-games .repeated-item .game-team div:first-child, #import-markets-layout-donbest .right-options #list-games .repeated-item .game-team div:first-child {
          text-align: center; }
    #import-options-layout-donbest .right-options md-virtual-repeat-container, #import-markets-layout-donbest .right-options md-virtual-repeat-container {
      border: solid 1px #ddd; }
  #import-options-layout-donbest md-toolbar, #import-markets-layout-donbest md-toolbar {
    min-height: 43px;
    color: #fdfdfd; }

#linesmarketproviders-bottom-container .save-order-btn {
  max-height: 35px;
  padding: 0 15px;
  color: #6a2000;
  margin: 5px 0; }

#linesmarketproviders-bottom-container .copy-order-btn {
  max-height: 35px;
  padding: 0 15px;
  color: #263238;
  margin: 5px 0; }

.provider {
  font-size: 1.05em;
  font-weight: 700;
  margin-right: 15px; }

.providerId {
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.5); }

.lmProviderRow .provider {
  font-size: 1.05em;
  font-weight: 700;
  margin-right: 15px; }

.lmProviderRow .providerId {
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.5); }

.lmProviderRow .edit-btn {
  margin: 0;
  margin-right: 10px;
  line-height: 30px;
  width: 35px;
  height: 30px; }
  .lmProviderRow .edit-btn md-icon {
    margin-top: 4px; }

#coglinesmarket-providers-management .dragProvidersContainer_el {
  background-color: #e9e9e9;
  border: solid 1px #dddddd;
  padding: 10px; }
  #coglinesmarket-providers-management .dragProvidersContainer_el md-content {
    margin: 0; }

#coglinesmarket-providers-management .dragProvidersContainer_el, #coglinesmarket-providers-management #lmProviders {
  max-height: calc(100vh - 270px);
  min-height: 60px;
  overflow-y: auto; }
  #coglinesmarket-providers-management .dragProvidersContainer_el .provider-row, #coglinesmarket-providers-management #lmProviders .provider-row {
    margin-top: 0px;
    margin-bottom: 6px; }
    #coglinesmarket-providers-management .dragProvidersContainer_el .provider-row .drag-folder, #coglinesmarket-providers-management #lmProviders .provider-row .drag-folder {
      background-color: #f5f5f5; }

#coglinesmarket-providers-management .providerHeader {
  font-size: 1.1em;
  font-weight: 700;
  padding: 5px 10px 5px 20px;
  background-color: #126b95;
  color: white; }
  #coglinesmarket-providers-management .providerHeader md-icon {
    color: lightblue; }
  #coglinesmarket-providers-management .providerHeader.off {
    background-color: #263238 !important;
    color: rgba(255, 255, 255, 0.7) !important; }
    #coglinesmarket-providers-management .providerHeader.off md-icon {
      color: #999; }

#coglinesmarket-providers-management md-toolbar#coglinesmarket-providers-toolbar {
  min-height: 45px;
  height: 45px; }
  #coglinesmarket-providers-management md-toolbar#coglinesmarket-providers-toolbar .md-toolbar-tools {
    height: 45px; }
  #coglinesmarket-providers-management md-toolbar#coglinesmarket-providers-toolbar .header-icon {
    font-size: 1.35em;
    margin-right: 0.5em; }
  #coglinesmarket-providers-management md-toolbar#coglinesmarket-providers-toolbar .md-button {
    font-size: 0.6em;
    padding: 0 8px;
    font-weight: 400; }
  #coglinesmarket-providers-management md-toolbar#coglinesmarket-providers-toolbar .md-raised {
    color: #c63e01;
    font-weight: 700; }

#linesmarket-changes .md-button.reset {
  color: brown; }

#linesmarket-changes .md-button.apply {
  color: #0a6378; }

#linesmarket-changes .hdr-order {
  cursor: pointer; }
  #linesmarket-changes .hdr-order .sort-icon-container {
    text-align: center; }
  #linesmarket-changes .hdr-order .hdr-sort-icon {
    height: 15px;
    min-height: 15px; }
    #linesmarket-changes .hdr-order .hdr-sort-icon.inactive {
      color: #6c7d86; }
  #linesmarket-changes .hdr-order:hover {
    color: #c6eaff; }
    #linesmarket-changes .hdr-order:hover .hdr-sort-icon {
      color: #86afc7; }

#linesmarket-changes .filters-container {
  padding: 0 15px;
  font-size: 14px;
  border-bottom: solid 1px #c4c4c4; }
  #linesmarket-changes .filters-container md-input-container, #linesmarket-changes .filters-container input {
    margin: 0;
    min-height: 25px;
    height: 25px; }
  #linesmarket-changes .filters-container .rotation md-input-container, #linesmarket-changes .filters-container .rotation input {
    max-width: 80px;
    min-width: 80px; }
  #linesmarket-changes .filters-container label {
    margin-right: 5px;
    color: rgba(0, 0, 0, 0.6); }
  #linesmarket-changes .filters-container .cog-datepicker md-date-range {
    min-width: 150px; }
  #linesmarket-changes .filters-container .leagueslist md-select {
    margin: 0; }

#linesmarket-changes #changes-report-container {
  height: calc(100vh - 130px);
  overflow-y: auto; }

#linesmarket-changes .event .rotation {
  min-width: 80px;
  color: darkred;
  padding-right: 10px; }

#linesmarket-changes .event .team1 {
  margin-right: 5px; }

#linesmarket-changes .event .team2 {
  margin-left: 5px; }

#linesmarket-changes .dateVal {
  margin-right: 15px; }

#linesmarket-changes .timeVal {
  color: #0a6378; }

#linesmarket-changes .datetimeVal {
  min-width: 200px; }

#linesmarket-changes .momentOfChange, #linesmarket-changes .oldDateTime, #linesmarket-changes .newDateTime {
  width: 200px; }

#linesmarket-changes .momentOfChange .timeVal {
  color: brown; }

#linesmarket-changes .amountOfChange {
  width: 170px; }
  #linesmarket-changes .amountOfChange .alertDown {
    color: darkred; }
  #linesmarket-changes .amountOfChange .focused {
    color: #000;
    font-weight: 700; }

#linesmarket-changes .numberOfChanges {
  font-size: 1.2em; }
  #linesmarket-changes .numberOfChanges.clickable {
    cursor: pointer;
    color: #0a6378;
    text-decoration: underline; }
    #linesmarket-changes .numberOfChanges.clickable :hover {
      color: darkred; }

#linesmarket-changes .linesmarket-changes-tbl {
  width: 100%;
  font-size: 0.8em; }
  #linesmarket-changes .linesmarket-changes-tbl thead {
    color: white;
    background-color: #53646d;
    line-height: 28px; }
    @media (max-width: 425px) {
      #linesmarket-changes .linesmarket-changes-tbl thead {
        font-size: 0.85em; }
        #linesmarket-changes .linesmarket-changes-tbl thead th {
          padding: 0 3px !important; } }
    #linesmarket-changes .linesmarket-changes-tbl thead th {
      text-align: center;
      font-weight: normal;
      min-width: 60px;
      display: table-cell; }
  #linesmarket-changes .linesmarket-changes-tbl tbody {
    padding: 0; }
    @media (max-width: 425px) {
      #linesmarket-changes .linesmarket-changes-tbl tbody {
        font-size: 0.85em; } }
    #linesmarket-changes .linesmarket-changes-tbl tbody tr:nth-child(even) {
      background: #eaeaea; }
    #linesmarket-changes .linesmarket-changes-tbl tbody td {
      line-height: 20px;
      border-bottom: solid 1px #e6e6e6;
      text-align: center;
      padding: 3px; }

@media (max-width: 425px) {
  #linesmarket-changes .report-options .refresh-btn {
    line-height: 35px;
    height: 35px;
    width: 35px;
    max-width: 35px !important;
    min-width: 35px; }
    #linesmarket-changes .report-options .refresh-btn i {
      padding-left: 4px; }
  #linesmarket-changes .report-options .range-selected {
    max-width: 100%;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px; } }

#linesmarket-changes .report-options .refresh-btn {
  background-color: #ffc019;
  color: #653408;
  font-size: 0.95em;
  max-width: 200px;
  padding: 0 10px; }
  #linesmarket-changes .report-options .refresh-btn i {
    font-size: 1.4em;
    padding-right: 5px; }
  #linesmarket-changes .report-options .refresh-btn[disabled] {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.3); }

#linesmarket-changes .report-options .period-filter-container md-date-range {
  width: 160px;
  display: block; }

#coglinesmarket-users-management #accounts-container .action-column {
  width: 50px; }

#coglinesmarket-users-management #accounts-container .active,
#coglinesmarket-users-management #accounts-container .icon-active {
  color: green !important; }

#coglinesmarket-users-management #accounts-container .inactive,
#coglinesmarket-users-management #accounts-container .icon-inactive {
  color: red !important; }

#coglinesmarket-users-management #accounts-container .loginid {
  font-weight: 700; }

#coglinesmarket-users-management #accounts-container .searchFilterInput {
  max-width: 180px; }

#coglinesmarket-users-management #accounts-container .searchFilterHint {
  font-size: 0.6em;
  margin: 0;
  height: 10px;
  margin-top: -10px;
  color: #d76e19; }

#coglinesmarket-users-management #accounts-container .acc-delete-btn md-icon {
  color: #920000; }

#coglinesmarket-users-management #accounts-container .acc-edit-btn md-icon {
  color: #255971; }

#coglinesmarket-users-management #accounts-container .md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

#coglinesmarket-users-management #accounts-container .md-data-table .th-toolbar, #coglinesmarket-users-management #accounts-container .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

#coglinesmarket-users-management #accounts-container th.user {
  width: 230px; }

#coglinesmarket-users-management #accounts-container th.pwd {
  width: 230px; }

#coglinesmarket-users-management #accounts-container th.fname, #coglinesmarket-users-management #accounts-container th.lname, #coglinesmarket-users-management #accounts-container th.referred {
  width: 180px; }

#coglinesmarket-users-management #accounts-container th.office-acc {
  width: 100px; }

#coglinesmarket-users-management #accounts-container th.active {
  width: 100px; }

#coglinesmarket-users-management md-toolbar#coglinesmarket-users-toolbar {
  min-height: 45px;
  height: 45px; }
  #coglinesmarket-users-management md-toolbar#coglinesmarket-users-toolbar .md-toolbar-tools {
    height: 45px; }
  #coglinesmarket-users-management md-toolbar#coglinesmarket-users-toolbar .header-icon {
    font-size: 1.35em;
    margin-right: 0.5em; }
  #coglinesmarket-users-management md-toolbar#coglinesmarket-users-toolbar .md-button {
    font-size: 0.6em;
    padding: 0 8px;
    font-weight: 400; }
  #coglinesmarket-users-management md-toolbar#coglinesmarket-users-toolbar .md-raised {
    color: #c63e01;
    font-weight: 700; }

#cog-lsport-game-import .gmImportContainerHeight {
  height: calc(100vh - 110px);
  overflow: auto; }
  @media screen and (max-width: 960px) {
    #cog-lsport-game-import .gmImportContainerHeight {
      height: calc(100vh - 105px); } }

#cog-lsport-game-import md-sidenav {
  border-right: 1px solid #e6e6e6; }
  @media screen and (min-width: 960px) {
    #cog-lsport-game-import md-sidenav {
      min-width: 350px; } }
  @media screen and (max-width: 599px) {
    #cog-lsport-game-import md-sidenav {
      border-right: none; } }

#cog-lsport-game-import #SportEventsMainContainer {
  padding: 10px; }

#cog-lsport-game-import .RadarGameImportSportSportList {
  background-color: rgba(250, 50, 250, 0.2); }

#cog-lsport-game-import .SportEventsList {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  min-height: 150px;
  max-width: 1200px; }

#cog-lsport-game-import md-datepicker .md-datepicker-button {
  display: none; }

#cog-lsport-game-import md-datepicker .md-datepicker-input-container {
  margin: 0;
  width: 100%;
  border-bottom: 0; }
  #cog-lsport-game-import md-datepicker .md-datepicker-input-container input {
    font-size: 16px;
    font-weight: 600;
    min-width: 100%; }

#cog-lsport-game-import md-datepicker.end-date input {
  color: darkred; }

#cog-lsport-game-import .refresh-sport-provider-btn {
  font-size: 13px;
  margin: 0 15px;
  background-color: white !important;
  color: #0098f7 !important;
  width: 150px !important;
  max-width: 150px !important; }
  @media screen and (max-width: 960px) {
    #cog-lsport-game-import .refresh-sport-provider-btn {
      width: 100% !important;
      max-width: 100% !important; } }
  #cog-lsport-game-import .refresh-sport-provider-btn md-icon {
    color: orangered !important;
    line-height: 22px;
    width: 10px;
    min-width: 10px;
    margin-right: 5px; }
  #cog-lsport-game-import .refresh-sport-provider-btn[disabled] {
    color: rgba(0, 0, 0, 0.2) !important; }
    #cog-lsport-game-import .refresh-sport-provider-btn[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

#cog-lsport-game-import .fixedSidenav {
  border-top: solid 1px #f1f1f1;
  position: sticky;
  bottom: 0;
  display: block;
  background-color: white;
  width: 100%; }

#cog-lsport-game-import .fixedSidenavImport {
  border-top: solid 1px #f1f1f1;
  position: sticky;
  bottom: 0;
  display: block;
  background-color: white;
  width: 100%; }

#cog-lsport-game-import .gmImportHeight {
  height: calc(100vh - 200px);
  overflow-y: auto;
  /* @media screen and (max-width:960px) {
            height: calc(100vh - 200px);
        } */ }

#cog-lsport-game-import lsport-import-sports-tree {
  margin-bottom: 100px; }

#cog-lsport-game-import .mobileOptions {
  margin-bottom: 10px; }
  @media screen and (min-width: 600px) {
    #cog-lsport-game-import .mobileOptions {
      display: none; } }
  #cog-lsport-game-import .mobileOptions .open-sidenav-btn {
    margin: 0;
    background-color: #2196F3; }
    #cog-lsport-game-import .mobileOptions .open-sidenav-btn md-icon {
      color: rgba(255, 255, 255, 0.8);
      line-height: 24px; }
  #cog-lsport-game-import .mobileOptions .ttlEvents {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6); }
    #cog-lsport-game-import .mobileOptions .ttlEvents .hasEvents {
      text-decoration: underline;
      cursor: pointer; }
      #cog-lsport-game-import .mobileOptions .ttlEvents .hasEvents .totals {
        color: black;
        font-weight: 600;
        font-size: 18px; }

.CogRadarDialog {
  max-width: 550px; }
  .CogRadarDialog .warning-icon, .CogRadarDialog .success-icon {
    margin-top: 3px;
    line-height: 65px;
    font-size: 3em;
    text-align: center; }
  .CogRadarDialog .warning-icon {
    color: orangered; }
  .CogRadarDialog .success-icon {
    color: darkgreen; }
  .CogRadarDialog md-dialog-actions .md-button:last-child, .CogRadarDialog md-dialog-actions .close-button:last-child {
    background-color: #525252 !important; }
    .CogRadarDialog md-dialog-actions .md-button:last-child:hover, .CogRadarDialog md-dialog-actions .close-button:last-child:hover {
      background-color: #1f1f1f !important; }
  .CogRadarDialog md-dialog-actions .md-button:hover, .CogRadarDialog md-dialog-actions .close-button:hover {
    background-color: #1f1f1f !important; }

#import-markets-layout-lsport #game-markets-container, #import-markets-layout-lsport #list-games {
  height: calc(100vh - 215px);
  font-size: 14px; }
  #import-markets-layout-lsport #game-markets-container md-card-title, #import-markets-layout-lsport #list-games md-card-title {
    padding: 8px 12px; }
  #import-markets-layout-lsport #game-markets-container md-card-content, #import-markets-layout-lsport #list-games md-card-content {
    padding: 0 0 15px 0px;
    padding-bottom: 0; }
  #import-markets-layout-lsport #game-markets-container .gameHeader, #import-markets-layout-lsport #list-games .gameHeader {
    background-color: #eeeeee;
    font-size: 13px;
    border-radius: 5px;
    font-weight: 700; }
  #import-markets-layout-lsport #game-markets-container .gameName, #import-markets-layout-lsport #list-games .gameName {
    color: rgba(0, 0, 0, 0.9); }
  #import-markets-layout-lsport #game-markets-container .eventDate, #import-markets-layout-lsport #list-games .eventDate {
    color: #2f4f4f; }
  #import-markets-layout-lsport #game-markets-container .marketTeam, #import-markets-layout-lsport #list-games .marketTeam {
    min-width: 150px;
    max-width: 450px;
    line-height: 20px;
    text-transform: none;
    margin: 15px 0 0 10px;
    border-radius: 3px;
    border: solid 1px rgba(194, 194, 194, 0.5);
    padding: 5px;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
    background-color: #fff; }
    #import-markets-layout-lsport #game-markets-container .marketTeam.checked, #import-markets-layout-lsport #list-games .marketTeam.checked {
      background-color: green;
      color: white; }
  #import-markets-layout-lsport #game-markets-container .gameMarket, #import-markets-layout-lsport #list-games .gameMarket {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    padding-bottom: 15px;
    padding-right: 10px;
    border-bottom: 1px solid #eee; }
    #import-markets-layout-lsport #game-markets-container .gameMarket:nth-child(even), #import-markets-layout-lsport #list-games .gameMarket:nth-child(even) {
      background-color: rgba(194, 194, 194, 0.12); }

#import-markets-layout-lsport #list-games .team {
  margin: 10px;
  margin-bottom: 20px;
  border-radius: 3px;
  border: solid 1px #eee;
  line-height: 33px; }
  #import-markets-layout-lsport #list-games .team:last-child {
    margin-bottom: 0px; }
  #import-markets-layout-lsport #list-games .team .rotation {
    text-align: center;
    width: 120px;
    margin-right: 10px;
    background-color: rgba(194, 194, 194, 0.15); }
  #import-markets-layout-lsport #list-games .team .team-detail:not(:last-child) {
    border-bottom: solid 1px #eee; }

#import-options-layout-lsport, #import-markets-layout-lsport {
  height: calc(100vh - 110px); }
  #import-options-layout-lsport .md-subheader md-input-container, #import-markets-layout-lsport .md-subheader md-input-container {
    margin: unset !important;
    margin-top: 10px;
    width: 100%; }
  #import-options-layout-lsport .left-options, #import-markets-layout-lsport .left-options {
    border-right: 1px solid #ddd; }
    #import-options-layout-lsport .left-options .tools-options .sport, #import-markets-layout-lsport .left-options .tools-options .sport {
      margin-top: 10px;
      margin-bottom: 10px; }
    #import-options-layout-lsport .left-options .tools-options md-select, #import-markets-layout-lsport .left-options .tools-options md-select {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 10px;
      padding-top: 0px;
      font-size: 14px;
      width: 250px; }
    #import-options-layout-lsport .left-options .import-names-content, #import-markets-layout-lsport .left-options .import-names-content {
      text-align: center; }
      #import-options-layout-lsport .left-options .import-names-content .import-table-settings, #import-markets-layout-lsport .left-options .import-names-content .import-table-settings {
        width: 100%; }
        #import-options-layout-lsport .left-options .import-names-content .import-table-settings thead tr, #import-markets-layout-lsport .left-options .import-names-content .import-table-settings thead tr {
          color: white;
          height: 35px;
          background-color: #607d8b;
          font-size: 14px; }
          #import-options-layout-lsport .left-options .import-names-content .import-table-settings thead tr th:first-child, #import-markets-layout-lsport .left-options .import-names-content .import-table-settings thead tr th:first-child {
            padding-top: 5px;
            padding-bottom: 5px; }
            #import-options-layout-lsport .left-options .import-names-content .import-table-settings thead tr th:first-child span, #import-markets-layout-lsport .left-options .import-names-content .import-table-settings thead tr th:first-child span {
              font-weight: normal; }
        #import-options-layout-lsport .left-options .import-names-content .import-table-settings tbody tr, #import-markets-layout-lsport .left-options .import-names-content .import-table-settings tbody tr {
          border-bottom: 1px solid #eaeaea; }
        #import-options-layout-lsport .left-options .import-names-content .import-table-settings tbody td, #import-markets-layout-lsport .left-options .import-names-content .import-table-settings tbody td {
          padding: 5px; }
          #import-options-layout-lsport .left-options .import-names-content .import-table-settings tbody td md-checkbox, #import-markets-layout-lsport .left-options .import-names-content .import-table-settings tbody td md-checkbox {
            margin-bottom: unset !important; }
          #import-options-layout-lsport .left-options .import-names-content .import-table-settings tbody td .par-input-number, #import-markets-layout-lsport .left-options .import-names-content .import-table-settings tbody td .par-input-number {
            width: 50px;
            min-width: 50px;
            border: none;
            border-bottom: 1px solid #607d8b;
            text-align: center; }
      #import-options-layout-lsport .left-options .import-names-content .no-list, #import-markets-layout-lsport .left-options .import-names-content .no-list {
        padding-top: 20px;
        margin: 20px; }
  #import-options-layout-lsport .right-options, #import-markets-layout-lsport .right-options {
    overflow-y: auto; }
    #import-options-layout-lsport .right-options .input-acc, #import-markets-layout-lsport .right-options .input-acc {
      border: 1px solid #ccc;
      height: 37px;
      text-align: center;
      max-width: 100%;
      width: 50%; }
    #import-options-layout-lsport .right-options .md-tournament-name, #import-markets-layout-lsport .right-options .md-tournament-name {
      margin-left: 10px; }
    #import-options-layout-lsport .right-options .md-events-select, #import-markets-layout-lsport .right-options .md-events-select {
      width: 250px; }
    #import-options-layout-lsport .right-options .md-subheader .md-subheader-inner, #import-markets-layout-lsport .right-options .md-subheader .md-subheader-inner {
      padding: unset !important;
      height: 100%; }
      #import-options-layout-lsport .right-options .md-subheader .md-subheader-inner .md-subheader-content, #import-markets-layout-lsport .right-options .md-subheader .md-subheader-inner .md-subheader-content {
        height: 100%; }
    #import-options-layout-lsport .right-options .md-subheader md-select, #import-markets-layout-lsport .right-options .md-subheader md-select {
      margin: unset; }
    #import-options-layout-lsport .right-options .toolbar-events, #import-markets-layout-lsport .right-options .toolbar-events {
      height: 100%;
      padding-left: 20px; }
    #import-options-layout-lsport .right-options #list-games, #import-markets-layout-lsport .right-options #list-games {
      height: calc(100vh - 165px);
      width: 100%;
      background-color: #fff; }
      #import-options-layout-lsport .right-options #list-games .repeated-item, #import-markets-layout-lsport .right-options #list-games .repeated-item {
        box-sizing: border-box;
        min-height: 40px;
        /* height: 40px; */
        padding-bottom: 10px;
        font-size: 10pt; }
        #import-options-layout-lsport .right-options #list-games .repeated-item .text_link, #import-markets-layout-lsport .right-options #list-games .repeated-item .text_link {
          font-weight: bold;
          color: #223f48;
          border-bottom: 1px solid;
          cursor: pointer; }
        #import-options-layout-lsport .right-options #list-games .repeated-item .row-account, #import-markets-layout-lsport .right-options #list-games .repeated-item .row-account {
          color: #223f48;
          background-color: #f3f3f3;
          padding-top: 10px;
          padding-bottom: 10px; }
          #import-options-layout-lsport .right-options #list-games .repeated-item .row-account div:first-child, #import-markets-layout-lsport .right-options #list-games .repeated-item .row-account div:first-child {
            text-align: center; }
        #import-options-layout-lsport .right-options #list-games .repeated-item .game-team div:first-child, #import-markets-layout-lsport .right-options #list-games .repeated-item .game-team div:first-child {
          text-align: center; }
    #import-options-layout-lsport .right-options md-virtual-repeat-container, #import-markets-layout-lsport .right-options md-virtual-repeat-container {
      border: solid 1px #ddd; }
  #import-options-layout-lsport md-toolbar, #import-markets-layout-lsport md-toolbar {
    min-height: 43px;
    color: #fdfdfd; }

.cog-pinnacle-game-import .gmImportContainerHeight {
  height: calc(100vh - 110px);
  overflow: auto; }
  @media screen and (max-width: 960px) {
    .cog-pinnacle-game-import .gmImportContainerHeight {
      height: calc(100vh - 105px); } }

.cog-pinnacle-game-import md-sidenav {
  width: 100%;
  border-right: 1px solid #f1f1f1; }
  @media screen and (max-width: 599px) {
    .cog-pinnacle-game-import md-sidenav {
      border-right: none; } }
  @media (min-width: 600px) {
    .cog-pinnacle-game-import md-sidenav {
      max-width: none; } }

.cog-pinnacle-game-import #SportEventsMainContainer {
  padding: 10px; }

.cog-pinnacle-game-import .RadarGameImportSportSportList {
  background-color: rgba(250, 50, 250, 0.2); }

.cog-pinnacle-game-import .SportEventsList {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  height: 100%;
  min-height: 150px;
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto; }

.cog-pinnacle-game-import md-datepicker {
  display: block;
  margin-right: 0;
  padding-right: 0; }
  .cog-pinnacle-game-import md-datepicker .md-datepicker-button {
    display: none; }
  .cog-pinnacle-game-import md-datepicker .md-datepicker-input-container {
    margin: 0;
    width: 100%;
    border-bottom: 0;
    transform: translateY(3px); }
    .cog-pinnacle-game-import md-datepicker .md-datepicker-input-container input {
      font-size: 0.75em;
      font-weight: 600;
      min-width: 100%; }
      @media screen and (min-width: 960px) {
        .cog-pinnacle-game-import md-datepicker .md-datepicker-input-container input {
          font-size: 1em; } }
  .cog-pinnacle-game-import md-datepicker.end-date input {
    color: darkred; }

.cog-pinnacle-game-import .pinnacle-sidebar {
  max-height: calc(100vh - 109px); }
  @media (min-width: 960px) {
    .cog-pinnacle-game-import .pinnacle-sidebar {
      width: 350px; } }

.cog-pinnacle-game-import .pinnacle-sidebar-list {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  overflow-y: auto; }

.cog-pinnacle-game-import .pinnacle-sidebar-btns md-input-container {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0; }

.cog-pinnacle-game-import .refresh-sport-provider-btn {
  width: 100%;
  max-width: 100%;
  margin: 0;
  font-size: 0.9375em; }
  .cog-pinnacle-game-import .refresh-sport-provider-btn md-icon {
    width: auto;
    height: auto;
    min-width: auto;
    min-height: auto;
    margin-right: 6px;
    margin-left: 0; }
  .cog-pinnacle-game-import .refresh-sport-provider-btn.md-button {
    min-height: 48px;
    border-radius: 0; }
    .cog-pinnacle-game-import .refresh-sport-provider-btn.md-button.md-raised {
      box-shadow: none; }
    .cog-pinnacle-game-import .refresh-sport-provider-btn.md-button.md-primary {
      color: var(--color-primary-sharp-200); }
      .cog-pinnacle-game-import .refresh-sport-provider-btn.md-button.md-primary[disabled] {
        color: var(--color-primary-sharp-400);
        background-color: var(--color-primary-sharp-300); }

.cog-pinnacle-game-import .fixedSidenav {
  border-top: solid 1px #f1f1f1;
  position: sticky;
  bottom: 0;
  display: block;
  background-color: white;
  width: 100%; }

.cog-pinnacle-game-import .fixedSidenavImport {
  border-top: solid 1px #f1f1f1;
  position: sticky;
  bottom: 0;
  display: block;
  background-color: white;
  width: 100%; }
  .cog-pinnacle-game-import .fixedSidenavImport > md-input-container {
    padding-right: 0;
    padding-left: 0; }

.cog-pinnacle-game-import .mobileOptions {
  margin-bottom: 10px; }
  @media screen and (min-width: 600px) {
    .cog-pinnacle-game-import .mobileOptions {
      display: none; } }
  .cog-pinnacle-game-import .mobileOptions .open-sidenav-btn {
    margin: 0;
    background-color: #2196F3; }
    .cog-pinnacle-game-import .mobileOptions .open-sidenav-btn md-icon {
      color: rgba(255, 255, 255, 0.8);
      line-height: 24px; }
  .cog-pinnacle-game-import .mobileOptions .ttlEvents {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6); }
    .cog-pinnacle-game-import .mobileOptions .ttlEvents .hasEvents {
      text-decoration: underline;
      cursor: pointer; }
      .cog-pinnacle-game-import .mobileOptions .ttlEvents .hasEvents .totals {
        color: black;
        font-weight: 600;
        font-size: 18px; }

.CogRadarDialog {
  max-width: 550px; }
  .CogRadarDialog .warning-icon, .CogRadarDialog .success-icon {
    margin-top: 3px;
    line-height: 65px;
    font-size: 3em;
    text-align: center; }
  .CogRadarDialog .warning-icon {
    color: orangered; }
  .CogRadarDialog .success-icon {
    color: darkgreen; }
  .CogRadarDialog md-dialog-actions .md-button:last-child, .CogRadarDialog md-dialog-actions .close-button:last-child {
    background-color: #525252 !important; }
    .CogRadarDialog md-dialog-actions .md-button:last-child:hover, .CogRadarDialog md-dialog-actions .close-button:last-child:hover {
      background-color: #1f1f1f !important; }
  .CogRadarDialog md-dialog-actions .md-button:hover, .CogRadarDialog md-dialog-actions .close-button:hover {
    background-color: #1f1f1f !important; }

.pinnacle-content {
  position: relative; }
  .pinnacle-content .pinnacle-game-import-loader {
    position: absolute;
    top: 0;
    right: 0;
    left: 0; }

.PinnacleMarketSettings {
  width: 100%;
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto;
  /* Estilos para las filas expandibles */ }
  .PinnacleMarketSettings md-datepicker .md-datepicker-input-container {
    max-width: 110px; }
  .PinnacleMarketSettings .radar-config-section .radar-input-container {
    width: 100%;
    margin-right: 0; }
  .PinnacleMarketSettings .radar-config-section .header-label {
    color: #666;
    font-size: 14px;
    padding: 10px 0 0 0;
    width: 100%; }
    .PinnacleMarketSettings .radar-config-section .header-label.no-data {
      color: darkred; }
  .PinnacleMarketSettings .radar-config-section .md-button {
    margin-top: auto;
    margin-bottom: auto; }
    .PinnacleMarketSettings .radar-config-section .md-button md-icon {
      width: auto;
      height: auto;
      min-width: auto;
      min-height: auto;
      margin: auto 6px auto 0; }
      .PinnacleMarketSettings .radar-config-section .md-button md-icon::before {
        margin-top: auto;
        margin-bottom: auto; }
    .PinnacleMarketSettings .radar-config-section .md-button.md-raised.btn-save[disabled] {
      color: rgba(0, 0, 0, 0.38); }
  .PinnacleMarketSettings .radar-config-item + .radar-config-item {
    padding-left: 12px; }
  @media screen and (min-width: 960px) {
    .PinnacleMarketSettings .radar-config-btns {
      max-height: 100%;
      margin-top: auto;
      margin-bottom: auto; } }
  .PinnacleMarketSettings .radar-config-btns .md-button {
    width: 100%;
    min-height: 100%;
    margin-right: 4px;
    margin-left: 4px;
    padding-right: 10px;
    padding-left: 10px; }
    @media screen and (min-width: 600px) and (max-width: 959px) {
      .PinnacleMarketSettings .radar-config-btns .md-button {
        min-width: 144px; } }
  .PinnacleMarketSettings .radar-input-container {
    background-color: #fafafa;
    border-radius: 3px;
    border: solid 1px rgba(0, 0, 0, 0.2); }
    .PinnacleMarketSettings .radar-input-container.not-selected md-select md-select-value {
      border-bottom-color: rgba(252, 0, 0, 0.8); }
    .PinnacleMarketSettings .radar-input-container .rotation-settings label {
      min-width: 38px; }
    .PinnacleMarketSettings .radar-input-container md-input-container {
      margin-top: 0;
      margin-bottom: 0;
      padding: 0 2px;
      width: calc(100% - 20px); }
      .PinnacleMarketSettings .radar-input-container md-input-container label, .PinnacleMarketSettings .radar-input-container md-input-container .md-errors-spacer {
        min-height: 0; }
      .PinnacleMarketSettings .radar-input-container md-input-container .md-input-message-animation:not(.ng-animate) {
        opacity: 1;
        margin-top: 0px;
        color: rgba(0, 0, 0, 0.7); }
    @media screen and (max-width: 599px) {
      .PinnacleMarketSettings .radar-input-container {
        margin-bottom: 8px; } }
  .PinnacleMarketSettings .radar-input-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-weight: bold;
    font-size: 0.9375em; }
    .PinnacleMarketSettings .radar-input-label > span {
      padding-right: 10px;
      padding-left: 10px;
      border-right: 1px solid rgba(0, 0, 0, 0.25); }
  .PinnacleMarketSettings .rotation-settings label {
    opacity: 0.625; }
  .PinnacleMarketSettings .radar-results > md-content,
  .PinnacleMarketSettings .logs-results > md-content {
    margin: 20px auto 0; }
  .PinnacleMarketSettings .radar-results md-list-item.md-2-line, .PinnacleMarketSettings .radar-results md-list-item.md-2-line::before,
  .PinnacleMarketSettings .logs-results md-list-item.md-2-line,
  .PinnacleMarketSettings .logs-results md-list-item.md-2-line::before {
    min-height: auto; }
  .PinnacleMarketSettings .radar-results md-list-item.md-2-line .md-list-item-text h4,
  .PinnacleMarketSettings .logs-results md-list-item.md-2-line .md-list-item-text h4 {
    margin-top: 0; }
  .PinnacleMarketSettings .radar-results md-list-item.md-2-line .md-list-item-text p,
  .PinnacleMarketSettings .logs-results md-list-item.md-2-line .md-list-item-text p {
    color: rgba(0, 0, 0, 0.33); }
  .PinnacleMarketSettings .radar-results .md-list-item-text,
  .PinnacleMarketSettings .logs-results .md-list-item-text {
    width: 100%; }
  .PinnacleMarketSettings .radar-results .hdr-sort-icon,
  .PinnacleMarketSettings .logs-results .hdr-sort-icon {
    opacity: 0.67; }
  .PinnacleMarketSettings .date-header {
    background-color: #f5f5f5;
    cursor: pointer;
    transition: background-color 0.3s ease; }
    .PinnacleMarketSettings .date-header:hover, .PinnacleMarketSettings .date-header:focus {
      background-color: #eeeeee; }
    .PinnacleMarketSettings .date-header > .md-button,
    .PinnacleMarketSettings .date-header md-list-item._md-button-wrap > div.md-button:first-child {
      height: 48px;
      min-height: 48px;
      padding-right: 12px !important;
      padding-left: 12px !important;
      line-height: 48px; }
    .PinnacleMarketSettings .date-header > div.md-button:first-child > .md-button:first-child {
      background-color: rgba(63, 112, 141, 0.125); }
      .PinnacleMarketSettings .date-header > div.md-button:first-child > .md-button:first-child + .md-list-item-inner .md-list-item-text h3 {
        color: var(--color-primary-dull-500); }
      .PinnacleMarketSettings .date-header > div.md-button:first-child > .md-button:first-child + .md-list-item-inner .md-list-item-text p {
        color: #284658; }
      .PinnacleMarketSettings .date-header > div.md-button:first-child > .md-button:first-child:hover, .PinnacleMarketSettings .date-header > div.md-button:first-child > .md-button:first-child:focus {
        background-color: rgba(63, 112, 141, 0.1); }
    .PinnacleMarketSettings .date-header md-list-item.md-2-line .md-list-item-text h3,
    .PinnacleMarketSettings .date-header md-list-item.md-2-line .md-list-item-text p {
      color: var(--color-primary-dull-500); }
  .PinnacleMarketSettings .event-group {
    background-color: white;
    overflow: hidden;
    transition: all 0.3s ease; }
  @media screen and (min-width: 600px) {
    .PinnacleMarketSettings .event-item {
      padding-left: 32px; } }
  .PinnacleMarketSettings .event-item .warning-not-found {
    margin-top: 40px;
    margin-bottom: 40px;
    color: var(--color-primary-dull-500);
    opacity: 0.75; }
  .PinnacleMarketSettings .event-item.is-active {
    background-color: #eef4f7; }
  .PinnacleMarketSettings .event-time,
  .PinnacleMarketSettings .event-details {
    padding-top: 8px;
    padding-bottom: 8px; }
  .PinnacleMarketSettings md-list md-list-item.md-2-line .md-list-item-text .event-time h4 {
    color: var(--color-primary-dull-500); }
  .PinnacleMarketSettings .event-details p {
    color: #666;
    font-size: 0.9em; }
  .PinnacleMarketSettings .markets-container,
  .PinnacleMarketSettings .events-container {
    width: 100%;
    padding-top: 8px;
    padding-bottom: 12px;
    border-radius: 4px; }
    @media screen and (min-width: 600px) {
      .PinnacleMarketSettings .markets-container,
      .PinnacleMarketSettings .events-container {
        width: calc(100% - 8px);
        padding-right: 8px; } }
    .PinnacleMarketSettings .markets-container md-icon,
    .PinnacleMarketSettings .events-container md-icon {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
  .PinnacleMarketSettings .period-section {
    background-color: #f5f5f5; }
    .PinnacleMarketSettings .period-section + .period-section {
      margin-top: 8px; }
  .PinnacleMarketSettings .period-header {
    font-size: 15px;
    font-weight: bold;
    color: var(--color-primary-dull-500);
    background-color: #cedfe9;
    cursor: pointer;
    transition: color 0.4s ease, background-color 0.4s ease;
    /* Añade estos nuevos estilos */ }
    @media screen and (min-width: 600px) {
      .PinnacleMarketSettings .period-header {
        border-radius: 3px; } }
    .PinnacleMarketSettings .period-header:hover, .PinnacleMarketSettings .period-header:focus {
      background-color: #eef4f7; }
    .PinnacleMarketSettings .period-header .md-button {
      line-height: 20px; }
    .PinnacleMarketSettings .period-header strong {
      font-weight: bold; }
    .PinnacleMarketSettings .period-header .md-select {
      margin: 0;
      padding: 0;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
          align-items: center; }
    .PinnacleMarketSettings .period-header .market-count {
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
          align-items: center;
      white-space: nowrap; }
    .PinnacleMarketSettings .period-header .md-select-value {
      padding-top: 0;
      padding-bottom: 0; }
  .PinnacleMarketSettings md-list-item.period-header {
    min-height: 20px;
    height: 35px; }
    .PinnacleMarketSettings md-list-item.period-header::before,
    .PinnacleMarketSettings md-list-item.period-header .md-list-item-inner::before {
      min-height: 20px; }
  .PinnacleMarketSettings .market-count {
    color: #666;
    font-size: 0.8em;
    margin-left: 8px; }
  .PinnacleMarketSettings .markets-table,
  .PinnacleMarketSettings .events-table {
    width: 100%; }
    .PinnacleMarketSettings .markets-table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
    .PinnacleMarketSettings .markets-table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2),
    .PinnacleMarketSettings .events-table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
    .PinnacleMarketSettings .events-table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
      padding: 0; }
    .PinnacleMarketSettings .markets-table td,
    .PinnacleMarketSettings .markets-table th,
    .PinnacleMarketSettings .events-table td,
    .PinnacleMarketSettings .events-table th {
      padding: 8px 16px;
      border-bottom: 1px solid #e0e0e0; }
    .PinnacleMarketSettings .markets-table thead.md-head > tr.md-row,
    .PinnacleMarketSettings .events-table thead.md-head > tr.md-row {
      height: 32px;
      font-weight: 500;
      background-color: #999; }
    .PinnacleMarketSettings .markets-table.md-table:not(.md-row-select) td.md-cell:first-child,
    .PinnacleMarketSettings .markets-table.md-table:not(.md-row-select) th.md-column:first-child,
    .PinnacleMarketSettings .events-table.md-table:not(.md-row-select) td.md-cell:first-child,
    .PinnacleMarketSettings .events-table.md-table:not(.md-row-select) th.md-column:first-child {
      padding-right: 12px;
      padding-left: 12px; }
    .PinnacleMarketSettings .markets-table .cell-opened,
    .PinnacleMarketSettings .events-table .cell-opened {
      width: 45px; }
    .PinnacleMarketSettings .markets-table .cell-status,
    .PinnacleMarketSettings .events-table .cell-status {
      width: 100px; }
    .PinnacleMarketSettings .markets-table th.md-column,
    .PinnacleMarketSettings .events-table th.md-column {
      color: #fff; }
    .PinnacleMarketSettings .markets-table.md-table tbody.md-body > tr.md-row,
    .PinnacleMarketSettings .markets-table.md-table tfoot.md-foot > tr.md-row,
    .PinnacleMarketSettings .events-table.md-table tbody.md-body > tr.md-row,
    .PinnacleMarketSettings .events-table.md-table tfoot.md-foot > tr.md-row {
      height: 36px; }
    .PinnacleMarketSettings .markets-table md-select.md-table-select > .md-select-value,
    .PinnacleMarketSettings .events-table md-select.md-table-select > .md-select-value {
      min-height: 30px;
      margin-top: auto;
      margin-bottom: auto;
      padding-right: 4px;
      padding-left: 4px;
      background-color: #fff;
      border-radius: 2px; }
  .PinnacleMarketSettings .events-table.md-table td.md-cell:last-child,
  .PinnacleMarketSettings .events-table.md-table th.md-column:last-child {
    padding-right: 0; }
  .PinnacleMarketSettings .content-tree .group-button .md-button.groupX, .PinnacleMarketSettings .content-tree .group-button .md-button.groupY {
    background-color: rgba(255, 255, 255, 0.75);
    border: 1px solid rgba(0, 0, 0, 0.0625); }
  .PinnacleMarketSettings .content-tree .markets-table .group-button {
    margin-left: 0; }
  .PinnacleMarketSettings .text-success {
    color: #4CAF50; }
  .PinnacleMarketSettings .text-danger {
    color: #F44336; }
  .PinnacleMarketSettings .markets-table-container,
  .PinnacleMarketSettings .events-table-container {
    overflow-x: auto; }
  .PinnacleMarketSettings .warning-not-found,
  .PinnacleMarketSettings .warning-no-logs {
    margin: 120px auto; }
    .PinnacleMarketSettings .warning-not-found > md-icon,
    .PinnacleMarketSettings .warning-no-logs > md-icon {
      width: auto;
      height: auto;
      min-width: auto;
      min-height: auto;
      margin-right: auto;
      margin-left: auto;
      opacity: 0.625; }
    .PinnacleMarketSettings .warning-not-found h3,
    .PinnacleMarketSettings .warning-no-logs h3 {
      font-weight: bold; }
  .PinnacleMarketSettings .warning-not-found > md-icon {
    font-size: 96px; }
    .PinnacleMarketSettings .warning-not-found > md-icon[md-font-icon] {
      line-height: normal; }
  .PinnacleMarketSettings .warning-no-logs > md-icon {
    font-size: 160px; }
    .PinnacleMarketSettings .warning-no-logs > md-icon[md-font-icon] {
      line-height: 0.75; }
  .PinnacleMarketSettings .warning-no-logs h3 {
    opacity: 0.6; }
  .PinnacleMarketSettings .btn-markets {
    height: 100%;
    margin: 0;
    background-color: #eef4f7;
    border-radius: 0; }
    .PinnacleMarketSettings .btn-markets:not(:hover):not(:focus) .btn-markets-string,
    .PinnacleMarketSettings .btn-markets:not(:hover):not(:focus) .btn-markets-icon {
      color: var(--color-primary-dull-500); }
    .PinnacleMarketSettings .btn-markets:not([disabled]):hover .btn-markets-icon, .PinnacleMarketSettings .btn-markets:not([disabled]):focus .btn-markets-icon {
      color: inherit; }
    .PinnacleMarketSettings .btn-markets.md-primary:not([disabled]):hover, .PinnacleMarketSettings .btn-markets.md-primary:not([disabled]):focus {
      color: #fff;
      background-color: var(--color-primary-dull-500); }
    @media screen and (min-width: 600px) {
      .PinnacleMarketSettings .btn-markets {
        position: relative;
        min-width: 120px;
        padding-right: 20px; } }
  @media screen and (min-width: 600px) {
    .PinnacleMarketSettings .btn-markets-icon {
      position: absolute;
      right: 0;
      margin-top: auto;
      margin-right: 12px;
      margin-bottom: auto; } }
  .PinnacleMarketSettings .btn-events {
    height: 100%;
    margin: 0;
    background-color: #eef4f7;
    border-radius: 0; }
    .PinnacleMarketSettings .btn-events:not(:hover):not(:focus) .btn-events-string,
    .PinnacleMarketSettings .btn-events:not(:hover):not(:focus) .btn-events-icon {
      color: var(--color-primary-dull-500); }
    .PinnacleMarketSettings .btn-events:not([disabled]):hover .btn-events-icon, .PinnacleMarketSettings .btn-events:not([disabled]):focus .btn-events-icon {
      color: inherit; }
    .PinnacleMarketSettings .btn-events.md-primary:not([disabled]):hover, .PinnacleMarketSettings .btn-events.md-primary:not([disabled]):focus {
      color: #fff;
      background-color: var(--color-primary-dull-500); }
    @media screen and (min-width: 600px) {
      .PinnacleMarketSettings .btn-events:not(.sendButton) {
        position: relative;
        min-width: 120px;
        padding-right: 20px; } }
  @media screen and (min-width: 600px) {
    .PinnacleMarketSettings .btn-events-icon {
      position: absolute;
      right: 0;
      margin-top: auto;
      margin-right: 12px;
      margin-bottom: auto; } }
  .PinnacleMarketSettings .cell-actions {
    width: 340px; }
  .PinnacleMarketSettings .cell-wager-type {
    width: 60px; }
  .PinnacleMarketSettings .btn-wager-type {
    margin: auto;
    font-weight: bold; }
    .PinnacleMarketSettings .btn-wager-type, .PinnacleMarketSettings .btn-wager-type.md-button {
      min-width: 40px;
      min-height: 28px;
      line-height: 28px;
      padding-right: 4px;
      padding-left: 4px;
      border-radius: 8px;
      border-right-width: 2px;
      border-left-width: 2px;
      border-style: solid;
      border-color: var(--color-primary-sharp-300); }
      .PinnacleMarketSettings .btn-wager-type:not([disabled]), .PinnacleMarketSettings .btn-wager-type.md-button:not([disabled]) {
        color: rgba(255, 255, 255, 0.75);
        background-color: var(--color-primary-sharp-500); }
        .PinnacleMarketSettings .btn-wager-type:not([disabled]):hover, .PinnacleMarketSettings .btn-wager-type:not([disabled]):focus, .PinnacleMarketSettings .btn-wager-type.md-button:not([disabled]):hover, .PinnacleMarketSettings .btn-wager-type.md-button:not([disabled]):focus {
          color: #fff;
          background-color: #30d295; }
      .PinnacleMarketSettings .btn-wager-type[disabled], .PinnacleMarketSettings .btn-wager-type.md-button[disabled] {
        color: #30d295; }
  .PinnacleMarketSettings .market-row {
    transition: all 0.3s ease; }
  .PinnacleMarketSettings .lines-expandable-row {
    background-color: #f9f9f9; }
  .PinnacleMarketSettings .lines-container {
    padding: 15px;
    border-top: 1px solid #eee; }
  .PinnacleMarketSettings .line-group-section {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px; }
  .PinnacleMarketSettings .line-group-header {
    background-color: #f5f5f5;
    cursor: pointer; }
  .PinnacleMarketSettings .lines-table {
    width: 100%;
    margin-top: 10px; }
  .PinnacleMarketSettings .lines-table th, .PinnacleMarketSettings .lines-table td {
    padding: 8px 12px; }
  .PinnacleMarketSettings .warning-not-found {
    background-color: #fff8e1;
    border-radius: 4px;
    margin: 10px 0;
    width: 100%; }
  .PinnacleMarketSettings .radar-config-section {
    margin-bottom: 20px; }
    .PinnacleMarketSettings .radar-config-section.small {
      margin-bottom: 10px; }
    .PinnacleMarketSettings .radar-config-section.last {
      margin-bottom: 0; }
  .PinnacleMarketSettings .text-nowrap {
    white-space: nowrap; }
  .PinnacleMarketSettings .markets-expandable-row {
    display: table-row !important; }
  .PinnacleMarketSettings .dropdown {
    position: relative; }
    .PinnacleMarketSettings .dropdown button {
      width: 100%;
      padding: 6px 10px;
      background-color: white;
      border: 1px solid #ccc;
      text-align: left;
      cursor: pointer; }
      .PinnacleMarketSettings .dropdown button:hover {
        background-color: #f5f5f5; }
    .PinnacleMarketSettings .dropdown .dropdown-table {
      top: 100%;
      left: 0;
      background: white;
      border: 1px solid #ccc;
      z-index: 1000;
      min-width: 100%;
      max-height: 200px;
      overflow-y: auto;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
      .PinnacleMarketSettings .dropdown .dropdown-table table {
        width: 100%;
        border-collapse: collapse; }
        .PinnacleMarketSettings .dropdown .dropdown-table table thead {
          background-color: #f0f0f0; }
          .PinnacleMarketSettings .dropdown .dropdown-table table thead th {
            padding: 8px;
            font-weight: 600;
            border-bottom: 1px solid #ddd;
            text-align: left; }
        .PinnacleMarketSettings .dropdown .dropdown-table table tbody tr {
          cursor: pointer;
          transition: background-color 0.2s; }
          .PinnacleMarketSettings .dropdown .dropdown-table table tbody tr:hover {
            background-color: #e0f7fa; }
          .PinnacleMarketSettings .dropdown .dropdown-table table tbody tr td {
            padding: 8px;
            border-bottom: 1px solid #eee; }
  .PinnacleMarketSettings td {
    position: relative;
    overflow: visible; }

#import-markets-layout-pinnacle #game-markets-container, #import-markets-layout-pinnacle #list-games {
  height: calc(100vh - 215px);
  font-size: 14px; }
  #import-markets-layout-pinnacle #game-markets-container md-card-title, #import-markets-layout-pinnacle #list-games md-card-title {
    padding: 8px 12px; }
  #import-markets-layout-pinnacle #game-markets-container md-card-content, #import-markets-layout-pinnacle #list-games md-card-content {
    padding: 0 0 15px 0px;
    padding-bottom: 0; }
  #import-markets-layout-pinnacle #game-markets-container .gameHeader, #import-markets-layout-pinnacle #list-games .gameHeader {
    background-color: #eeeeee;
    font-size: 13px;
    border-radius: 5px;
    font-weight: 700; }
  #import-markets-layout-pinnacle #game-markets-container .gameName, #import-markets-layout-pinnacle #list-games .gameName {
    color: rgba(0, 0, 0, 0.9); }
  #import-markets-layout-pinnacle #game-markets-container .eventDate, #import-markets-layout-pinnacle #list-games .eventDate {
    color: #2f4f4f; }
  #import-markets-layout-pinnacle #game-markets-container .marketTeam, #import-markets-layout-pinnacle #list-games .marketTeam {
    min-width: 150px;
    max-width: 450px;
    line-height: 20px;
    text-transform: none;
    margin: 15px 0 0 10px;
    border-radius: 3px;
    border: solid 1px rgba(194, 194, 194, 0.5);
    padding: 5px;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
    background-color: #fff; }
    #import-markets-layout-pinnacle #game-markets-container .marketTeam.checked, #import-markets-layout-pinnacle #list-games .marketTeam.checked {
      background-color: green;
      color: white; }
  #import-markets-layout-pinnacle #game-markets-container .gameMarket, #import-markets-layout-pinnacle #list-games .gameMarket {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    padding-bottom: 15px;
    padding-right: 10px;
    border-bottom: 1px solid #eee; }
    #import-markets-layout-pinnacle #game-markets-container .gameMarket:nth-child(even), #import-markets-layout-pinnacle #list-games .gameMarket:nth-child(even) {
      background-color: rgba(194, 194, 194, 0.12); }

#import-markets-layout-pinnacle #list-games .team {
  margin: 10px;
  margin-bottom: 20px;
  border-radius: 3px;
  border: solid 1px #eee;
  line-height: 33px; }
  #import-markets-layout-pinnacle #list-games .team:last-child {
    margin-bottom: 0px; }
  #import-markets-layout-pinnacle #list-games .team .rotation {
    text-align: center;
    width: 120px;
    margin-right: 10px;
    background-color: rgba(194, 194, 194, 0.15); }
  #import-markets-layout-pinnacle #list-games .team .team-detail:not(:last-child) {
    border-bottom: solid 1px #eee; }

.pinnacle-api-sport-section .content-tree {
  max-height: calc(100vh - 206px);
  overflow-y: auto; }

.pinnacle-api-sport-section .widget {
  margin-bottom: 0; }

.pinnacle-api-sport-section .hint {
  margin: 0 10px;
  font-size: 12px;
  color: #5e5e5e;
  padding-left: 50px; }

.pinnacle-api-sport-section .softwareLabel {
  color: #db3e00; }

.pinnacle-api-sports {
  width: 100%; }

#import-options-layout-pinnacle, #import-markets-layout-pinnacle {
  height: calc(100vh - 110px); }
  #import-options-layout-pinnacle .md-subheader md-input-container, #import-markets-layout-pinnacle .md-subheader md-input-container {
    margin: unset !important;
    margin-top: 10px;
    width: 100%; }
  #import-options-layout-pinnacle .left-options, #import-markets-layout-pinnacle .left-options {
    border-right: 1px solid #ddd; }
    #import-options-layout-pinnacle .left-options .tools-options .sport, #import-markets-layout-pinnacle .left-options .tools-options .sport {
      margin-top: 10px;
      margin-bottom: 10px; }
    #import-options-layout-pinnacle .left-options .tools-options md-select, #import-markets-layout-pinnacle .left-options .tools-options md-select {
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 10px;
      padding-top: 0px;
      font-size: 14px;
      width: 250px; }
    #import-options-layout-pinnacle .left-options .import-names-content, #import-markets-layout-pinnacle .left-options .import-names-content {
      text-align: center; }
      #import-options-layout-pinnacle .left-options .import-names-content .import-table-settings, #import-markets-layout-pinnacle .left-options .import-names-content .import-table-settings {
        width: 100%; }
        #import-options-layout-pinnacle .left-options .import-names-content .import-table-settings thead tr, #import-markets-layout-pinnacle .left-options .import-names-content .import-table-settings thead tr {
          color: white;
          height: 35px;
          background-color: #607d8b;
          font-size: 14px; }
          #import-options-layout-pinnacle .left-options .import-names-content .import-table-settings thead tr th:first-child, #import-markets-layout-pinnacle .left-options .import-names-content .import-table-settings thead tr th:first-child {
            padding-top: 5px;
            padding-bottom: 5px; }
            #import-options-layout-pinnacle .left-options .import-names-content .import-table-settings thead tr th:first-child span, #import-markets-layout-pinnacle .left-options .import-names-content .import-table-settings thead tr th:first-child span {
              font-weight: normal; }
        #import-options-layout-pinnacle .left-options .import-names-content .import-table-settings tbody tr, #import-markets-layout-pinnacle .left-options .import-names-content .import-table-settings tbody tr {
          border-bottom: 1px solid #eaeaea; }
        #import-options-layout-pinnacle .left-options .import-names-content .import-table-settings tbody td, #import-markets-layout-pinnacle .left-options .import-names-content .import-table-settings tbody td {
          padding: 5px; }
          #import-options-layout-pinnacle .left-options .import-names-content .import-table-settings tbody td md-checkbox, #import-markets-layout-pinnacle .left-options .import-names-content .import-table-settings tbody td md-checkbox {
            margin-bottom: unset !important; }
          #import-options-layout-pinnacle .left-options .import-names-content .import-table-settings tbody td .par-input-number, #import-markets-layout-pinnacle .left-options .import-names-content .import-table-settings tbody td .par-input-number {
            width: 50px;
            min-width: 50px;
            border: none;
            border-bottom: 1px solid #607d8b;
            text-align: center; }
      #import-options-layout-pinnacle .left-options .import-names-content .no-list, #import-markets-layout-pinnacle .left-options .import-names-content .no-list {
        padding-top: 20px;
        margin: 20px; }
  #import-options-layout-pinnacle .right-options, #import-markets-layout-pinnacle .right-options {
    overflow-y: auto; }
    #import-options-layout-pinnacle .right-options .input-acc, #import-markets-layout-pinnacle .right-options .input-acc {
      border: 1px solid #ccc;
      height: 37px;
      text-align: center;
      max-width: 100%;
      width: 50%; }
    #import-options-layout-pinnacle .right-options .md-tournament-name, #import-markets-layout-pinnacle .right-options .md-tournament-name {
      margin-left: 10px; }
    #import-options-layout-pinnacle .right-options .md-events-select, #import-markets-layout-pinnacle .right-options .md-events-select {
      width: 250px; }
    #import-options-layout-pinnacle .right-options .md-subheader .md-subheader-inner, #import-markets-layout-pinnacle .right-options .md-subheader .md-subheader-inner {
      padding: unset !important;
      height: 100%; }
      #import-options-layout-pinnacle .right-options .md-subheader .md-subheader-inner .md-subheader-content, #import-markets-layout-pinnacle .right-options .md-subheader .md-subheader-inner .md-subheader-content {
        height: 100%; }
    #import-options-layout-pinnacle .right-options .md-subheader md-select, #import-markets-layout-pinnacle .right-options .md-subheader md-select {
      margin: unset; }
    #import-options-layout-pinnacle .right-options .toolbar-events, #import-markets-layout-pinnacle .right-options .toolbar-events {
      height: 100%;
      padding-left: 20px; }
    #import-options-layout-pinnacle .right-options #list-games, #import-markets-layout-pinnacle .right-options #list-games {
      height: calc(100vh - 165px);
      width: 100%;
      background-color: #fff; }
      #import-options-layout-pinnacle .right-options #list-games .repeated-item, #import-markets-layout-pinnacle .right-options #list-games .repeated-item {
        box-sizing: border-box;
        min-height: 40px;
        /* height: 40px; */
        padding-bottom: 10px;
        font-size: 10pt; }
        #import-options-layout-pinnacle .right-options #list-games .repeated-item .text_link, #import-markets-layout-pinnacle .right-options #list-games .repeated-item .text_link {
          font-weight: bold;
          color: #223f48;
          border-bottom: 1px solid;
          cursor: pointer; }
        #import-options-layout-pinnacle .right-options #list-games .repeated-item .row-account, #import-markets-layout-pinnacle .right-options #list-games .repeated-item .row-account {
          color: #223f48;
          background-color: #f3f3f3;
          padding-top: 10px;
          padding-bottom: 10px; }
          #import-options-layout-pinnacle .right-options #list-games .repeated-item .row-account div:first-child, #import-markets-layout-pinnacle .right-options #list-games .repeated-item .row-account div:first-child {
            text-align: center; }
        #import-options-layout-pinnacle .right-options #list-games .repeated-item .game-team div:first-child, #import-markets-layout-pinnacle .right-options #list-games .repeated-item .game-team div:first-child {
          text-align: center; }
    #import-options-layout-pinnacle .right-options md-virtual-repeat-container, #import-markets-layout-pinnacle .right-options md-virtual-repeat-container {
      border: solid 1px #ddd; }
  #import-options-layout-pinnacle md-toolbar, #import-markets-layout-pinnacle md-toolbar {
    min-height: 43px;
    color: #fdfdfd; }

#cog-radar-game-import .gmImportContainerHeight {
  height: calc(100vh - 110px);
  overflow: auto; }
  @media screen and (max-width: 960px) {
    #cog-radar-game-import .gmImportContainerHeight {
      height: calc(100vh - 105px); } }

#cog-radar-game-import md-sidenav {
  border-right: 1px solid #e6e6e6; }
  @media screen and (min-width: 960px) {
    #cog-radar-game-import md-sidenav {
      min-width: 350px; } }
  @media screen and (max-width: 599px) {
    #cog-radar-game-import md-sidenav {
      border-right: none; } }

#cog-radar-game-import #SportEventsMainContainer {
  padding: 10px; }

#cog-radar-game-import .RadarGameImportSportSportList {
  background-color: rgba(250, 50, 250, 0.2); }

#cog-radar-game-import .SportEventsList {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  min-height: 150px;
  max-width: 1200px; }

#cog-radar-game-import md-datepicker .md-datepicker-button {
  display: none; }

#cog-radar-game-import md-datepicker .md-datepicker-input-container {
  margin: 0;
  width: 100%;
  border-bottom: 0; }
  #cog-radar-game-import md-datepicker .md-datepicker-input-container input {
    font-size: 16px;
    font-weight: 600;
    min-width: 100%; }

#cog-radar-game-import md-datepicker.end-date input {
  color: darkred; }

#cog-radar-game-import .refresh-sport-provider-btn {
  font-size: 13px;
  margin: 0 15px;
  background-color: white !important;
  color: #0098f7 !important;
  width: 150px !important;
  max-width: 150px !important; }
  @media screen and (max-width: 960px) {
    #cog-radar-game-import .refresh-sport-provider-btn {
      width: 100% !important;
      max-width: 100% !important; } }
  #cog-radar-game-import .refresh-sport-provider-btn md-icon {
    color: orangered !important;
    line-height: 22px;
    width: 10px;
    min-width: 10px;
    margin-right: 5px; }
  #cog-radar-game-import .refresh-sport-provider-btn[disabled] {
    color: rgba(0, 0, 0, 0.2) !important; }
    #cog-radar-game-import .refresh-sport-provider-btn[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

#cog-radar-game-import .fixedSidenav {
  border-top: solid 1px #f1f1f1;
  position: sticky;
  bottom: 0;
  display: block;
  background-color: white;
  width: 100%; }

#cog-radar-game-import .fixedSidenavImport {
  border-top: solid 1px #f1f1f1;
  position: sticky;
  bottom: 0;
  display: block;
  background-color: white;
  width: 100%; }

#cog-radar-game-import .gmImportHeight {
  height: calc(100vh - 200px);
  overflow-y: auto;
  /* @media screen and (max-width:960px) {
            height: calc(100vh - 200px);
        } */ }

#cog-radar-game-import radar-import-sports-tree {
  margin-bottom: 100px; }

#cog-radar-game-import .mobileOptions {
  margin-bottom: 10px; }
  @media screen and (min-width: 600px) {
    #cog-radar-game-import .mobileOptions {
      display: none; } }
  #cog-radar-game-import .mobileOptions .open-sidenav-btn {
    margin: 0;
    background-color: #2196F3; }
    #cog-radar-game-import .mobileOptions .open-sidenav-btn md-icon {
      color: rgba(255, 255, 255, 0.8);
      line-height: 24px; }
  #cog-radar-game-import .mobileOptions .ttlEvents {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6); }
    #cog-radar-game-import .mobileOptions .ttlEvents .hasEvents {
      text-decoration: underline;
      cursor: pointer; }
      #cog-radar-game-import .mobileOptions .ttlEvents .hasEvents .totals {
        color: black;
        font-weight: 600;
        font-size: 18px; }

.CogRadarDialog {
  max-width: 550px; }
  .CogRadarDialog .warning-icon, .CogRadarDialog .success-icon {
    margin-top: 3px;
    line-height: 65px;
    font-size: 3em;
    text-align: center; }
  .CogRadarDialog .warning-icon {
    color: orangered; }
  .CogRadarDialog .success-icon {
    color: darkgreen; }
  .CogRadarDialog md-dialog-actions .md-button:last-child, .CogRadarDialog md-dialog-actions .close-button:last-child {
    background-color: #525252 !important; }
    .CogRadarDialog md-dialog-actions .md-button:last-child:hover, .CogRadarDialog md-dialog-actions .close-button:last-child:hover {
      background-color: #1f1f1f !important; }
  .CogRadarDialog md-dialog-actions .md-button:hover, .CogRadarDialog md-dialog-actions .close-button:hover {
    background-color: #1f1f1f !important; }

#cog-radar-game-link .lnkContainerHeight {
  height: calc(100vh - 110px);
  overflow: auto; }
  @media screen and (max-width: 960px) {
    #cog-radar-game-link .lnkContainerHeight {
      height: calc(100vh - 105px); } }

#cog-radar-game-link md-sidenav {
  border-right: 1px solid #e6e6e6; }
  @media screen and (min-width: 960px) {
    #cog-radar-game-link md-sidenav {
      min-width: 350px; } }
  @media screen and (max-width: 599px) {
    #cog-radar-game-link md-sidenav {
      border-right: none; } }

#cog-radar-game-link .fixedSidenavLink {
  border-top: solid 1px #f1f1f1;
  position: sticky;
  bottom: 0;
  display: block;
  background-color: white;
  width: 100%; }

#cog-radar-game-link .gmLinkHeight {
  height: calc(100vh - 200px);
  overflow-y: auto;
  /* @media screen and (max-width:960px) {
            height: calc(100vh - 200px);
        } */ }

#cog-radar-game-link #EventsMainContainer {
  padding: 10px; }

#cog-radar-game-link .RadarGameImportSportSportList {
  background-color: rgba(250, 50, 250, 0.2); }

#cog-radar-game-link .EventsList {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  min-height: 150px; }

#cog-radar-game-link .refresh-sport-btn {
  font-size: 13px;
  margin: 0 15px;
  background-color: white !important;
  color: #0098f7 !important;
  width: 150px !important;
  max-width: 150px !important; }
  @media screen and (max-width: 960px) {
    #cog-radar-game-link .refresh-sport-btn {
      width: 100% !important;
      max-width: 100% !important; } }
  #cog-radar-game-link .refresh-sport-btn md-icon {
    color: orangered !important;
    line-height: 22px;
    width: 10px;
    min-width: 10px;
    margin-right: 5px; }
  #cog-radar-game-link .refresh-sport-btn[disabled] {
    color: rgba(0, 0, 0, 0.2) !important; }
    #cog-radar-game-link .refresh-sport-btn[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

#cog-radar-game-link .fixedSidenav {
  border-top: solid 1px #f1f1f1;
  position: sticky;
  bottom: 0;
  display: block;
  background-color: white;
  width: 100%; }

#cog-radar-game-link radar-import-sports-tree {
  margin-bottom: 100px; }

#cog-radar-game-link .mobile-options-link {
  margin-bottom: 10px; }
  @media screen and (min-width: 600px) {
    #cog-radar-game-link .mobile-options-link {
      display: none; } }
  #cog-radar-game-link .mobile-options-link .open-sidenav-btn {
    margin: 0;
    background-color: #2196F3; }
    #cog-radar-game-link .mobile-options-link .open-sidenav-btn md-icon {
      color: rgba(255, 255, 255, 0.8);
      line-height: 24px; }
  #cog-radar-game-link .mobile-options-link .ttlEvents {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6); }
    #cog-radar-game-link .mobile-options-link .ttlEvents .hasEvents {
      text-decoration: underline;
      cursor: pointer; }
      #cog-radar-game-link .mobile-options-link .ttlEvents .hasEvents .totals {
        color: black;
        font-weight: 600;
        font-size: 18px; }

#gameTimeChangesReport md-input-container {
  margin: 0; }
  #gameTimeChangesReport md-input-container .md-errors-spacer {
    display: none; }

#gameTimeChangesReport .fixtureBtn {
  background-color: rgba(255, 255, 255, 0.8);
  color: #607d8b;
  font-size: 12px;
  min-width: 70px; }
  #gameTimeChangesReport .fixtureBtn:hover {
    background-color: rgba(0, 0, 0, 0.2); }
    #gameTimeChangesReport .fixtureBtn:hover .icon {
      color: #fff; }
    #gameTimeChangesReport .fixtureBtn:hover .btnLabel {
      color: #fff; }
  #gameTimeChangesReport .fixtureBtn .icon {
    color: #9E9E9E; }
  @media screen and (max-width: 599px) {
    #gameTimeChangesReport .fixtureBtn {
      min-width: 35px; }
      #gameTimeChangesReport .fixtureBtn .btnLabel {
        display: none; } }

#gameTimeChangesReport .GradeOffLine {
  width: 50px;
  text-align: center; }
  #gameTimeChangesReport .GradeOffLine .gradeIcon {
    color: green; }
    #gameTimeChangesReport .GradeOffLine .gradeIcon.off {
      color: red; }

#gameTimeChangesReport .ChangeGradeDate .change-grade-btn {
  font-size: 12px;
  background-color: #dde4e6;
  min-height: 30px;
  line-height: 28px;
  min-width: 60px;
  margin-right: 0; }
  #gameTimeChangesReport .ChangeGradeDate .change-grade-btn:hover {
    background-color: white; }

#gameTimeChangesReport .ChangeGradeDate i {
  color: darkred; }

#gameTimeChangesReport .filter-area {
  height: 50px;
  background-color: #d8e5ea; }
  #gameTimeChangesReport .filter-area .reportInfo {
    margin-right: 10px;
    color: #636363;
    cursor: help;
    font-size: 20px; }
    @media screen and (max-width: 599px) {
      #gameTimeChangesReport .filter-area .reportInfo {
        display: none; } }
  #gameTimeChangesReport .filter-area .sinceInfo {
    text-align: center;
    margin-right: 10px; }
    #gameTimeChangesReport .filter-area .sinceInfo .sinceDayVal {
      font-weight: 700;
      font-size: 1.3em;
      color: darkred; }
    @media screen and (max-width: 599px) {
      #gameTimeChangesReport .filter-area .sinceInfo {
        display: none; } }
  #gameTimeChangesReport .filter-area .btnCleanAutopilot {
    background-color: #465a64;
    color: #ffffff;
    font-size: 12px;
    margin-left: 20px;
    min-height: 30px;
    line-height: 30px; }
    #gameTimeChangesReport .filter-area .btnCleanAutopilot:hover {
      background-color: #2a464b; }
    #gameTimeChangesReport .filter-area .btnCleanAutopilot .icon {
      color: #2196F3; }
    @media screen and (max-width: 599px) {
      #gameTimeChangesReport .filter-area .btnCleanAutopilot {
        min-width: 50px; }
        #gameTimeChangesReport .filter-area .btnCleanAutopilot .btnLabel {
          display: none; } }
  #gameTimeChangesReport .filter-area .refreshReportBtn .refreshBtn {
    background-color: white;
    color: #607d8b;
    font-size: 12px;
    min-height: 30px;
    line-height: 30px; }
    #gameTimeChangesReport .filter-area .refreshReportBtn .refreshBtn:hover {
      background-color: rgba(255, 255, 255, 0.5); }
    #gameTimeChangesReport .filter-area .refreshReportBtn .refreshBtn .icon {
      color: #2196F3; }
    @media screen and (max-width: 599px) {
      #gameTimeChangesReport .filter-area .refreshReportBtn .refreshBtn {
        min-width: 50px; }
        #gameTimeChangesReport .filter-area .refreshReportBtn .refreshBtn .btnLabel {
          display: none; } }
  #gameTimeChangesReport .filter-area .filter-container {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px; }
  #gameTimeChangesReport .filter-area .filter-icon {
    color: #607d8b; }
  #gameTimeChangesReport .filter-area .gamesFilterInput, #gameTimeChangesReport .filter-area .gamesDateBackInput {
    margin-left: 10px;
    max-width: 110px; }
    #gameTimeChangesReport .filter-area .gamesFilterInput input, #gameTimeChangesReport .filter-area .gamesFilterInput .md-text, #gameTimeChangesReport .filter-area .gamesDateBackInput input, #gameTimeChangesReport .filter-area .gamesDateBackInput .md-text {
      padding: 5px 8px; }
    @media screen and (max-width: 599px) {
      #gameTimeChangesReport .filter-area .gamesFilterInput, #gameTimeChangesReport .filter-area .gamesDateBackInput {
        min-width: 110px; } }
    #gameTimeChangesReport .filter-area .gamesFilterInput input, #gameTimeChangesReport .filter-area .gamesFilterInput md-select-value, #gameTimeChangesReport .filter-area .gamesDateBackInput input, #gameTimeChangesReport .filter-area .gamesDateBackInput md-select-value {
      background-color: rgba(255, 255, 255, 0.4); }
    #gameTimeChangesReport .filter-area .gamesFilterInput label, #gameTimeChangesReport .filter-area .gamesDateBackInput label {
      padding-left: 8px; }
    #gameTimeChangesReport .filter-area .gamesFilterInput.md-input-focused label, #gameTimeChangesReport .filter-area .gamesFilterInput.md-input-has-value label, #gameTimeChangesReport .filter-area .gamesDateBackInput.md-input-focused label, #gameTimeChangesReport .filter-area .gamesDateBackInput.md-input-has-value label {
      display: none; }

#gameTimeChangesReport .gameTimeChangesTableContainer {
  height: calc(100vh - 170px);
  overflow: auto; }
  @media screen and (max-width: 960px) {
    #gameTimeChangesReport .gameTimeChangesTableContainer {
      height: calc(100vh - 165px); } }
  #gameTimeChangesReport .gameTimeChangesTableContainer .sport-header {
    line-height: 23px;
    font-size: 20px;
    padding-left: 12px;
    background-color: #465a64;
    color: rgba(255, 255, 255, 0.7); }
  #gameTimeChangesReport .gameTimeChangesTableContainer .sportContainer {
    max-width: 98%;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px; }
    @media screen and (min-width: 960px) {
      #gameTimeChangesReport .gameTimeChangesTableContainer .sportContainer {
        border: solid 1px rgba(160, 160, 160, 0.5); } }
  #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.03); }
    #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable tbody tr:nth-child(even):hover {
      background-color: #e4e1e1; }
  #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable thead tr {
    background-color: rgba(0, 0, 0, 0.9);
    color: rgba(255, 255, 255, 0.4);
    min-height: 40px;
    height: 40px; }
    #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable thead tr .leagueName {
      color: #647b86 !important;
      font-size: 14px !important;
      font-weight: 600 !important; }
    #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable thead tr th {
      border: none; }
  #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .gamesRow td.sport {
    padding: 5px 20px;
    background-color: #465a64;
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px; }
  #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow .repeatGame {
    margin-right: 10px;
    color: darkred; }
  #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow td {
    min-width: 80px;
    padding: 0 10px; }
    @media screen and (max-width: 599px) {
      #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow td {
        min-width: 60px;
        padding: 0 5px; } }
    #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow td.rotNum {
      text-align: center;
      min-width: 80px;
      max-width: 100px;
      width: 100px; }
    #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow td.description {
      min-width: 250px;
      max-width: 400px;
      background-color: #efefef;
      border-bottom: solid 1px #e6e6e6;
      border-right: solid 1px #e6e6e6;
      color: #466877;
      font-weight: 600; }
      #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow td.description:hover {
        background-color: #e4e1e1; }
  #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow .logAction {
    width: 50px;
    min-width: 50px; }
  #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow .GradeOffLine {
    width: 50px;
    min-width: 50px; }
  #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow .oldValue, #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow .newValue, #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow .dateApplied {
    color: rgba(0, 0, 0, 0.8); }
  #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow .datetimeInfo {
    min-width: 100px; }
    #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow .datetimeInfo .time {
      color: darkred; }
  #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow .fromToCol {
    min-width: 40px;
    max-width: 40px;
    padding: 0 0px;
    text-align: center; }
    #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow .fromToCol i {
      color: #cfd8dc; }
      #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow .fromToCol i.calendar-icon {
        color: #757575;
        margin-right: 5px;
        font-size: 1.3em; }
    @media screen and (max-width: 599px) {
      #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow .fromToCol {
        width: 20px;
        min-width: 20px; }
        #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .changesRow .fromToCol i.calendar-icon {
          display: none; } }
  #gameTimeChangesReport .gameTimeChangesTableContainer .reportInfo {
    display: none; }
    @media screen and (max-width: 599px) {
      #gameTimeChangesReport .gameTimeChangesTableContainer .reportInfo {
        display: inline; } }
  @media screen and (max-width: 599px) {
    #gameTimeChangesReport .gameTimeChangesTableContainer .sportContainer {
      max-width: 100%; }
      #gameTimeChangesReport .gameTimeChangesTableContainer .sportContainer .sport-header {
        padding-left: 0px; }
    #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable {
      font-size: 0.9em; }
      #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable thead th {
        padding: 0 10px; }
      #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .gamesRow td.rotNum {
        width: 0%;
        min-width: 0%;
        max-width: 0%; }
        #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .gamesRow td.rotNum span {
          display: none; }
      #gameTimeChangesReport .gameTimeChangesTableContainer .changesTable .gamesRow td.description {
        padding-left: 10px; }
    #gameTimeChangesReport .gameTimeChangesTableContainer .changesRow .oldValue, #gameTimeChangesReport .gameTimeChangesTableContainer .changesRow .newValue, #gameTimeChangesReport .gameTimeChangesTableContainer .changesRow .dateApplied {
      padding: 0 5px !important;
      font-size: 0.85em; }
    #gameTimeChangesReport .gameTimeChangesTableContainer .changesRow .fromToCol i.calendar-icon {
      display: none; } }

#CogRadarGradeTimeChangeInfoDialog .timeZone {
  font-size: 18px;
  font-weight: 700;
  color: darkgreen; }

#CogRadarGradeTimeChangeDialog .confirm-content {
  padding: 10px 15px; }
  #CogRadarGradeTimeChangeDialog .confirm-content .changeToDate {
    font-size: 1.2em;
    font-weight: 700;
    color: darkred; }

#CogRadarGradeTimeChangeDialog md-dialog-actions .confirm-btn {
  background-color: #2196F3 !important;
  color: rgba(255, 255, 255, 0.8); }
  #CogRadarGradeTimeChangeDialog md-dialog-actions .confirm-btn:hover {
    color: #2196F3 !important;
    background-color: rgba(255, 255, 255, 0.8) !important; }

.CogRadarDialog {
  max-width: 600px; }
  @media screen and (min-width: 960px) {
    .CogRadarDialog {
      min-width: 500px; } }
  .CogRadarDialog md-toolbar {
    min-height: 30px;
    background-color: #465a64 !important;
    color: rgba(255, 255, 255, 0.8) !important; }
    .CogRadarDialog md-toolbar .md-toolbar-tools {
      font-size: 16px;
      height: 40px;
      max-height: 40px; }
  .CogRadarDialog md-dialog-content {
    padding: 0; }
  .CogRadarDialog md-dialog-actions {
    padding: 0 10px;
    background-color: #cfd9de; }
    @media screen and (max-width: 599px) {
      .CogRadarDialog md-dialog-actions {
        position: fixed;
        bottom: 0;
        width: 100%; } }
    .CogRadarDialog md-dialog-actions .md-button {
      background-color: white;
      font-size: 12px; }
      .CogRadarDialog md-dialog-actions .md-button:hover {
        color: rgba(255, 255, 255, 0.8); }
    .CogRadarDialog md-dialog-actions .md-button:last-child {
      background-color: white !important;
      color: rgba(0, 0, 0, 0.8) !important; }
    .CogRadarDialog md-dialog-actions .md-button:first-child {
      margin-left: 0; }

.radar-success-msg {
  font-weight: 700;
  color: darkgreen; }

#import-options-layout {
  height: calc(100vh - 110px); }
  #import-options-layout .md-subheader md-input-container {
    margin: unset !important;
    margin-top: 10px;
    width: 100%; }
  #import-options-layout .left-options {
    border-right: 1px solid #ddd;
    max-width: 450px;
    min-width: 450px;
    width: 450px; }
    #import-options-layout .left-options .import-names {
      height: calc(50% - 100px); }
      #import-options-layout .left-options .import-names .md-toolbar-tools .md-button {
        width: 36px;
        min-width: 26px;
        height: 30px;
        min-height: 20px; }
    #import-options-layout .left-options .import-settings {
      height: 49%;
      max-height: unset; }
      #import-options-layout .left-options .import-settings .header {
        height: unset;
        max-height: unset;
        font-size: 14px;
        padding: 0 10px; }
      #import-options-layout .left-options .import-settings .custom-rotation-container {
        font-size: 10pt; }
        #import-options-layout .left-options .import-settings .custom-rotation-container .label-custom {
          margin-left: 10px; }
        #import-options-layout .left-options .import-settings .custom-rotation-container .rotation-settings .rotationStart {
          margin-left: 10px;
          width: 100px;
          min-width: 50px;
          border: none;
          border-bottom: 1px solid #607d8b;
          text-align: center; }
        #import-options-layout .left-options .import-settings .custom-rotation-container .rotation-settings .rotationIncrement {
          margin-left: 10px;
          width: 100px;
          min-width: 50px;
          border: none;
          border-bottom: 1px solid #607d8b;
          text-align: center; }
    #import-options-layout .left-options .import-names-content {
      height: 85%;
      overflow-y: auto;
      overflow-x: hidden; }
      #import-options-layout .left-options .import-names-content .selectedIndex {
        background: #607d8b;
        color: white; }
      #import-options-layout .left-options .import-names-content md-list-item, #import-options-layout .left-options .import-names-content md-list-item .md-list-item-inner {
        min-height: 20px;
        height: 35px; }
      #import-options-layout .left-options .import-names-content.sort-names {
        border: 3px dotted #0098f7; }
      #import-options-layout .left-options .import-names-content .dragHeaderContainer_el md-list-item {
        cursor: pointer; }
    #import-options-layout .left-options .import-header-settings {
      overflow-y: auto;
      height: calc(100% - 65px);
      /* Help should show when invalid */ }
      #import-options-layout .left-options .import-header-settings .input-help {
        display: none; }
      #import-options-layout .left-options .import-header-settings .ng-invalid + .input-help {
        display: block; }
      #import-options-layout .left-options .import-header-settings .import-table-settings {
        width: 100%; }
        #import-options-layout .left-options .import-header-settings .import-table-settings thead tr {
          color: white;
          height: 35px;
          background-color: #607d8b;
          font-size: 14px; }
          #import-options-layout .left-options .import-header-settings .import-table-settings thead tr th:first-child {
            padding-top: 5px;
            padding-bottom: 5px; }
            #import-options-layout .left-options .import-header-settings .import-table-settings thead tr th:first-child span {
              font-weight: normal; }
        #import-options-layout .left-options .import-header-settings .import-table-settings tbody tr {
          border-bottom: 1px solid #eaeaea; }
        #import-options-layout .left-options .import-header-settings .import-table-settings tbody td {
          padding: 5px; }
          #import-options-layout .left-options .import-header-settings .import-table-settings tbody td md-checkbox {
            margin-bottom: unset !important; }
          #import-options-layout .left-options .import-header-settings .import-table-settings tbody td .par-input-number {
            width: 50px;
            min-width: 50px;
            border: none;
            border-bottom: 1px solid #607d8b;
            text-align: center; }
  #import-options-layout .right-options {
    overflow-y: auto; }
    #import-options-layout .right-options .input-acc {
      border: 1px solid #ccc;
      height: 37px;
      text-align: center;
      max-width: 100%;
      width: 50%; }
    #import-options-layout .right-options .md-tournament-name {
      margin-left: 10px; }
    #import-options-layout .right-options .md-events-select {
      width: 250px; }
    #import-options-layout .right-options .md-subheader .md-subheader-inner {
      padding: unset !important;
      height: 100%; }
      #import-options-layout .right-options .md-subheader .md-subheader-inner .md-subheader-content {
        height: 100%; }
    #import-options-layout .right-options .md-subheader md-select {
      margin: unset; }
    #import-options-layout .right-options .toolbar-events {
      height: 100%;
      padding-left: 20px; }
    #import-options-layout .right-options #list-games {
      height: calc(100vh - 165px);
      width: 100%;
      background-color: #fff; }
      #import-options-layout .right-options #list-games .repeated-item {
        box-sizing: border-box;
        min-height: 40px;
        /* height: 40px; */
        padding-bottom: 10px;
        font-size: 10pt; }
        #import-options-layout .right-options #list-games .repeated-item .text_link {
          font-weight: bold;
          color: #223f48;
          border-bottom: 1px solid;
          cursor: pointer; }
        #import-options-layout .right-options #list-games .repeated-item .row-account {
          color: #223f48;
          background-color: #f3f3f3;
          padding-top: 10px;
          padding-bottom: 10px; }
          #import-options-layout .right-options #list-games .repeated-item .row-account div:first-child {
            text-align: center; }
        #import-options-layout .right-options #list-games .repeated-item .game-team div:first-child {
          text-align: center; }
    #import-options-layout .right-options md-virtual-repeat-container {
      border: solid 1px #ddd; }
  #import-options-layout md-toolbar {
    min-height: 43px;
    color: #fdfdfd; }

#payment-report-container .groupFilter-md-select {
  margin: 0;
  margin-top: 0px;
  width: 100%; }

#payment-report-container .md-data-table {
  /*:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), :not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
            padding: 0 0px 0 0;
        }*/ }
  #payment-report-container .md-data-table .table-toolbar {
    background-color: #607d8b;
    min-height: 45px; }
  #payment-report-container .md-data-table .th-toolbar, #payment-report-container .md-data-table .md-sort-icon {
    color: #ffffff !important;
    font-size: 0.8em !important;
    font-weight: 400 !important; }
  #payment-report-container .md-data-table thead.md-head > tr.md-row {
    height: 45px; }
  #payment-report-container .md-data-table td.md-cell:last-child,
  #payment-report-container .md-data-table th.md-column:last-child,
  #payment-report-container .md-data-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
  #payment-report-container .md-data-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding-right: 16px;
    padding-left: 16px; }
  #payment-report-container .md-data-table td md-switch {
    height: 15px; }
  #payment-report-container .md-data-table td md-input-container {
    margin-top: 0;
    margin-bottom: 0; }
  #payment-report-container .md-data-table tbody tr td:nth-of-type(odd) {
    background-color: #f6f6f6; }
  #payment-report-container .md-data-table tbody tr:hover td:nth-of-type(odd) {
    background-color: #dddada; }

#payment-report-container td .cog-button-message-off {
  background: rgba(189, 52, 47, 0.89) !important;
  color: #FFF !important; }

#payment-report-container td .cog-button-message-on {
  background: #46963D !important;
  color: #FFF !important; }

#payment-report-container td .md-button {
  margin: 0px 0px; }

#payment-report-container td.md-cell .cog-average-balance {
  font-size: 10px; }

#payment-report-container .AccountHighlightColor {
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: #006700  !important;
  width: 70px;
  border-bottom: 1px solid #ddd !important;
  padding-left: 5px !important; }

#payment-report-container .md-table-payment-report-padding {
  padding-left: 10px !important; }

#payment-report-container md-select.md-blue-grey-theme.groupFilter-md-select .md-select-value.md-select-placeholder {
  color: #fff; }

#payment-report-container md-select.md-blue-grey-theme.groupFilter-md-select:not([disabled]):focus .md-select-value {
  color: #FFF; }

#payment-report-container md-select .md-select-value {
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  padding: 0px 0px 0px 10px; }
  #payment-report-container md-select .md-select-value .md-text .lineBetDialogCustOpt .txt2 {
    font-size: 11px;
    line-height: 19px; }

#payment-report-container .md-select-status {
  width: 150px !important; }
  #payment-report-container .md-select-status .md-select-value {
    border-width: 2px !important;
    border-style: solid !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    padding: 0px 0px 0px 10px; }
    #payment-report-container .md-select-status .md-select-value .md-text {
      font-size: 15.5px !important; }
      #payment-report-container .md-select-status .md-select-value .md-text .lineBetDialogCustOpt .txt2 {
        font-size: 11px;
        vertical-align: text-top;
        line-height: 19px; }

#payment-report-container md-input-container {
  display: inline-block; }

#payment-report-container .notes-input {
  width: calc(100% - 16px);
  font-size: 1.1em;
  border-width: 2px !important; }
  #payment-report-container .notes-input.attn {
    border-color: #d77728 !important; }

#payment-report-container .notes-container {
  width: 100%; }
  #payment-report-container .notes-container.md-icon-right > md-icon:last-of-type {
    top: 0;
    right: 22px;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin: auto;
    font-size: 1.5rem; }

#payment-report-container .btnsave:disabled,
#payment-report-container .btnsave[disabled] {
  border: 1px solid transparent;
  background-color: transparent;
  color: transparent; }

#payment-report-container #PaymentReport_filterPanel {
  font-size: 14px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 55px;
  max-height: 64px;
  margin: 0;
  width: 500px;
  border-radius: 15px;
  padding: 10px;
  border: 1px solid #e4e1e1;
  box-shadow: 0 10px 6px -6px #777; }
  #payment-report-container #PaymentReport_filterPanel.shop {
    width: 750px; }

#payment-report-container .export-btn {
  color: #2882d7; }
  #payment-report-container .export-btn i {
    margin-right: 5px; }

#payment-report-container .shop-container {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  outline: none;
  width: 100%;
  padding: 0 15px;
  line-height: 40px;
  height: 40px; }
  #payment-report-container .shop-container .md-select-value {
    border-width: 0px !important; }
  #payment-report-container .shop-container .or {
    margin: 0px 0 0px 15px; }
  #payment-report-container .shop-container .shop-select {
    min-width: 200px;
    text-align: center;
    margin: 0;
    padding: 10px 5px; }

#payment-report-container .md-tooltip {
  height: auto !important;
  top: 0px !important; }

#payment-report-container .cursor-pointer {
  cursor: pointer; }

#payment-report-container md-virtual-repeat-container {
  width: 100%;
  height: calc(100vh - 230px);
  padding-bottom: 10px; }

#payment-report-container #tblPaymentManagement thead {
  position: initial !important; }

#payment-report-container .accounting-setting-info {
  cursor: help; }
  #payment-report-container .accounting-setting-info i {
    padding: 0 5px;
    color: #008cc3; }
  #payment-report-container .accounting-setting-info:hover i {
    color: black; }

#payment-report-container .payment-report-header > div:first-child,
#payment-report-container .payment-report-body > div:first-child > div:first-child {
  max-width: 1920px; }

#payment-report-container .payment-report-body .widget .widget-content {
  overflow: visible; }

#payment-report-container .payment-report-body .md-table-pagination {
  position: sticky;
  bottom: 0;
  background-color: #fff; }

#payment-report-container .col-last-deposit-transaction,
#payment-report-container .col-accounting {
  width: 150px; }

#payment-report-container .table-toolbar .col-apply-to-players {
  white-space: normal; }

#payment-report-container .col-show-message,
#payment-report-container .col-apply-to-players {
  width: 100px;
  text-align: center; }

#payment-report-container .col-status {
  width: 120px; }

/*#shopTableReport thead.md-head > tr.md-row,
#shopSummaryTableReport thead.md-head > tr.md-row {
    height: 40px;
}

#shopSummaryTableReport tbody.md-body > tr.md-row,
#shopTableReport tbody.md-body > tr.md-row {
    height: 59px !important;
}

#shopTableReport td,
#shopSummaryTableReport td {
    font-size: 14px;
}*/
.table-shops-report.md-table tbody.md-body > tr.md-row,
.table-shops-report.md-table tfoot.md-foot > tr.md-row {
  height: 40px; }

.table-shops-report.md-table thead.md-head > tr.md-row {
  height: 40px; }

.table-shops-report thead th:nth-child(1) {
  width: 13%; }

.table-shops-report thead th:nth-child(2),
.table-shops-report thead th:nth-child(3),
.table-shops-report thead th:nth-child(4),
.table-shops-report thead th:nth-child(5),
.table-shops-report thead th:nth-child(6),
.table-shops-report thead th:nth-child(7),
.table-shops-report thead th:nth-child(8),
.table-shops-report thead th:nth-child(9) {
  width: 9%; }

.table-shops-report thead th:nth-child(10) {
  width: 15%; }

.table-shops-report td {
  font-size: 14px; }

.item.odd {
  background-color: #f9f9f9; }

.item:hover {
  background-color: #f5f5f5; }

.reportAgNameHighlightColor {
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: #006700 !important;
  width: 70px;
  border-bottom: 1px solid #ddd !important; }

.md-table-agReport-padding {
  padding-left: 10px !important; }

.md-table-agReport-totals-width {
  width: 15% !important; }

#cogreports-container .md-data-table :not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), #cogreports-container .md-data-table :not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 0px 0 0; }

#cogreports-container .md-data-table .th-toolbar, #cogreports-container .md-data-table .sort-column-align .md-sort-icon {
  margin-right: -25px; }

#cogreports-container .amountRed {
  color: red; }

#cogreports-container .amountGreen {
  color: green; }

#superagentTableReport thead.md-head > tr.md-row {
  height: 40px; }

#superagentTableReport thead.md-head > tr.md-row {
  height: 40px; }

#superagentTableReport thead th:nth-child(2) {
  width: 5%; }

#superagentTableReport thead th:nth-child(3) {
  width: 10%; }

#superagentTableReport thead th:nth-child(1),
#superagentTableReport thead th:nth-child(4),
#superagentTableReport thead th:nth-child(5),
#superagentTableReport thead th:nth-child(6),
#superagentTableReport thead th:nth-child(7),
#superagentTableReport thead th:nth-child(8),
#superagentTableReport thead th:nth-child(9),
#superagentTableReport thead th:nth-child(10) {
  width: 5%; }

#superagentTableReport thead th:nth-child(11),
#superagentTableReport thead th:last-child {
  width: 10%; }

#superagentTableReport thead th:nth-child(12) {
  width: 10%; }

#superagentTableReport .numberCircle {
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 5px;
  background: #fff;
  border: 2px solid #666;
  color: #666;
  font: 20px Arial, sans-serif; }

#superagentTableReport td {
  font-size: 14px; }

.item.odd {
  background-color: #f9f9f9; }

.item:hover {
  background-color: #f5f5f5; }

.reportAgNameHighlightColor {
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: #006700 !important;
  width: 70px;
  border-bottom: 1px solid #ddd !important; }
  .reportAgNameHighlightColor.black {
    color: #000 !important; }

.cell-agent {
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd !important;
  cursor: pointer; }
  .cell-agent .text_green {
    color: #006700 !important; }
  .cell-agent .text_grey {
    color: gray; }
  .cell-agent .text_red {
    color: red; }

.md-table-agReport-padding {
  padding-left: 10px !important; }

#AgSuper_filterPanel {
  font-size: 14px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 55px;
  max-height: 64px;
  margin: 0;
  width: 500px;
  border-radius: 15px;
  position: absolute;
  padding: 10px;
  border: 1px solid #e4e1e1;
  box-shadow: 0 10px 6px -6px #777; }
  #AgSuper_filterPanel label {
    width: 35%; }

.filterPanel {
  margin-top: 20px;
  font-size: 14px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  height: 55px;
  border-radius: 15px;
  padding: 10px;
  border: 1px solid #e4e1e1;
  box-shadow: 0 10px 6px -6px #777; }

#cogreports-super-agent-container md-select {
  display: -ms-flexbox;
  display: flex;
  margin: 0px 0 0px 0; }

#cogreports-super-agent-container .md-data-table :not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), #cogreports-super-agent-container .md-data-table :not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 0px 0 0; }

#cogreports-super-agent-container .md-data-table .th-toolbar, #cogreports-super-agent-container .md-data-table .sort-column-align .md-sort-icon {
  margin-right: -25px; }

#cogreports-super-agent-container .amountRed {
  color: red; }

#cogreports-super-agent-container .amountGreen {
  color: green; }

#createStoreDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#createStoreDialog md-input-container {
  margin-bottom: 10px !important; }

#createStoreDialog .createwindowtoolbar {
  min-height: 50px;
  height: 50px; }

#sendStoreDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#sendStoreDialog md-input-container {
  margin-bottom: 10px !important; }

#sendStoreDialog .createwindowtoolbar {
  min-height: 50px;
  height: 50px; }

#sendStoreDialog .cog-input-container .cog-input-label {
  color: #000000;
  font-weight: bold; }

#sendStoreDialog md-coginput-container.cog-input-container {
  font-size: 1.1em;
  position: relative;
  text-transform: uppercase;
  top: 0;
  transform: none !important; }
  #sendStoreDialog md-coginput-container.cog-input-container div input, #sendStoreDialog md-coginput-container.cog-input-container div textarea {
    font-size: 13px; }
  #sendStoreDialog md-coginput-container.cog-input-container div md-select {
    font-size: inherit !important; }

#sendStoreDialog md-coginput-container.send-option {
  min-width: 0; }
  #sendStoreDialog md-coginput-container.send-option .group-button {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }

#sendStoreDialog .md-title {
  font-size: 14px;
  text-transform: uppercase; }

#SubsportChangesDialog .md-title {
  font-size: 16px; }

#SubsportChangesDialog .md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

#SubsportChangesDialog .md-data-table .th-toolbar, #SubsportChangesDialog .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

#SubsportChangesDialog .md-data-table .btn-small {
  min-height: 28px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 28px;
  font-size: 0.875em; }

#LinkedSubsportDialog .overrideClass {
  margin-top: 5px;
  margin-left: 10px;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold; }
  #LinkedSubsportDialog .overrideClass .overrideBlueClass {
    color: blue; }

#LinkedSubsportDialog .md-title {
  font-size: 16px; }

#LinkedSubsportDialog .cog-input-container .cog-input-label {
  color: #000000;
  font-weight: bold;
  white-space: nowrap; }

#teaserCloneSportDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#teaserCloneSportDialog md-input-container {
  margin-bottom: 10px !important; }

#teaserCloneSportDialog .clonewindowtoolbar {
  min-height: 50px;
  height: 50px; }

#teaserSearchDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#teaserSearchDialog md-input-container {
  margin-bottom: 10px !important; }

#teaserSearchDialog .clonewindowtoolbar {
  min-height: 50px;
  height: 50px; }

#teaserSearchDialog md-coginput-container.cog-input-container {
  font-size: 1.1em;
  position: relative;
  text-transform: uppercase;
  top: 0;
  transform: none !important; }
  #teaserSearchDialog md-coginput-container.cog-input-container div md-select, #teaserSearchDialog md-coginput-container.cog-input-container div input, #teaserSearchDialog md-coginput-container.cog-input-container div textarea {
    font-size: 13px; }

#teaserSearchDialog .cog-input-container .cog-input-label {
  color: #000000;
  font-weight: bold; }

#teaserSearchDialog .cog-input-label-teaser-search-range {
  font-size: 0.6em;
  font-weight: normal;
  text-transform: uppercase;
  color: #6b6b6b; }

#teaserSearchDialog .cog-input-container .cog-input-label-sport {
  font-size: 0.6em;
  color: #6b6b6b; }

#teaserSearchDialog .teaser-input-amount {
  width: 100%; }

#teaserSearchDialog .cog-acc-teaser-search-button-left {
  margin-left: 15px;
  height: 20px !important;
  min-height: 25px !important;
  min-width: 35px !important; }

#teaserSearchDialog .cog-acc-teaser-search-button-right {
  height: 20px !important;
  min-height: 25px !important;
  min-width: 35px !important; }

#teaserSearchDialog .cog-hint {
  padding-top: 5px;
  color: #c87633;
  font-size: 0.5em; }

#teaserSearchDialog .filterAllow .group-button .md-button.groupX {
  font-size: 0.8em;
  padding: 10px 20px;
  min-height: 45px;
  min-width: 100px;
  margin-top: 0px; }

#teaserSearchDialog .filterAllow .group-button .md-button.groupX.right, #teaserSearchDialog .filterAllow .group-button .md-button.groupX.middle {
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }

#TeasersSportDialog .md-table thead tr {
  height: 25px; }

#TeasersSportDialog .md-table tbody tr {
  height: 25px; }

#TeasersSportDialog .tableheader {
  background: #dcdcdc;
  border-color: #cccccc !important;
  border-style: solid;
  border-width: thin;
  color: rgba(0, 0, 0, 0.3);
  font-size: 0.8em;
  padding: 2px 8px 0px 0px;
  white-space: nowrap; }
  #TeasersSportDialog .tableheader span {
    color: rgba(0, 0, 0, 0.5); }

#TeasersSportDialog .md-input-teaser-input-container {
  display: inline-block;
  position: relative;
  padding: 0px;
  margin: 5px 0;
  vertical-align: top;
  min-width: 0px; }

#TeasersSportDialog .teaser-input {
  width: 60px;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  border-bottom: none; }

#TeasersSportDialog .teaser-setup-button[disabled] {
  color: #ffffff !important;
  cursor: default !important;
  background-color: rgba(0, 0, 0, 0.12) !important; }

#TeasersSportDialog .hasDifferenceClass {
  color: #ffffff !important;
  font-size: 1.5em;
  vertical-align: middle;
  margin-right: 1px; }

#TeasersSportDialog .allow-on, #TeasersSportDialog .onoff-on {
  color: darkgreen;
  padding: 8px 0; }

#TeasersSportDialog .allow-off, #TeasersSportDialog .onoff-off {
  color: darkred;
  padding: 8px 0; }

#TeasersSportDialog .onoff-na {
  color: #c3c3c3; }

#accounts-container .active,
#accounts-container .icon-active {
  color: green !important; }

#accounts-container .inactive,
#accounts-container .icon-inactive {
  color: red !important; }

#accounts-container .loginid {
  font-weight: 700; }

#accounts-container .searchFilterInput {
  max-width: 180px; }

#accounts-container .searchFilterHint {
  font-size: 0.6em;
  margin: 0;
  height: 10px;
  margin-top: -10px;
  color: #d76e19; }

#accounts-container .acc-delete-btn md-icon {
  color: #920000; }

#accounts-container .acc-edit-btn md-icon {
  color: #255971; }

#accounts-container .acc-clone-btn md-icon {
  color: #1b7a4a; }

#accounts-container .md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

#accounts-container .md-data-table .th-toolbar, #accounts-container .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

#CogAccAddDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#CogAccAddDialog md-select {
  margin-bottom: 10px !important; }

#CogAccAddDialog md-input-container {
  margin-bottom: 10px !important; }

.custom-role-btn {
  height: 30px !important;
  line-height: 20px !important;
  padding: 0px !important;
  width: 30px !important;
  top: 18px;
  margin-left: 0px !important; }

.custom-role-btn md-icon {
  color: green; }

.custom-role-btn:disabled md-icon {
  color: green; }

.custom-role-desc {
  color: darkred;
  font-style: italic;
  font-weight: 600; }

.sltOffice {
  margin-left: 5px; }

#CogAccUserPermDialog {
  width: 650px; }
  #CogAccUserPermDialog md-dialog-actions {
    padding-left: 0px; }
  #CogAccUserPermDialog .group-check-all .md-button {
    font-size: 0.7em;
    padding-left: 10px;
    padding-right: 10px; }
  #CogAccUserPermDialog .group-check-all .all {
    background-color: #607D8B;
    color: white; }
  #CogAccUserPermDialog .group-check-all .none {
    background-color: #e0e0e0; }

#cog-restrictions-container md-select {
  min-width: 250px;
  margin: 0px;
  margin-right: 1em;
  max-height: 30px;
  margin-top: 22px; }

#cog-restrictions-container .filterBtn {
  /*top: 6px;*/
  margin: 0px;
  max-height: 30px;
  margin-top: 17px;
  margin-left: 10px; }

#cog-restrictions-container .note {
  color: #c63e01;
  font-weight: 600;
  margin-left: 5px; }

#cog-restrictions-container md-list-item {
  min-height: 30px;
  height: 45px; }

#cog-restrictions-container md-toolbar .md-toolbar-tools {
  height: 30px;
  margin-top: 10px; }

#cog-restrictions-container md-toolbar {
  min-height: 30px; }

#cog-restrictions-container md-list-item p {
  margin: 0px;
  margin-top: 15px; }

#cog-restrictions-container md-input-container {
  max-height: 30px;
  margin: 0px;
  margin-top: 20px; }

#cog-restrictions-container .restrictionTypeDD {
  margin: 0px;
  margin-left: 20px;
  margin-top: 8px;
  min-width: 180px; }

#cog-restrictions-container .customrole {
  color: darkred;
  font-weight: 700; }

.PermContainer .widget-title,
.PermContainer md-toolbar {
  background-color: #087db1 !important;
  color: white !important;
  min-height: 45px;
  max-height: 45px; }

.PermContainer .md-toolbar-tools {
  padding-right: 10px; }

.PermContainer #role-bottom-container .save-roles-btn {
  max-height: 35px;
  padding: 0 15px;
  color: #6a2000;
  margin: 5px 0; }

.PermContainer #role-bottom-container .role-name {
  padding: 0 15px;
  color: #bebebe;
  text-shadow: 3px 3px 1px #000; }

.PermContainer .rolePermissionsItems md-list-item, .PermContainer .roleDepartmentsItems md-list-item {
  min-height: 30px;
  padding: 0px !important; }

.PermContainer .roleDepartmentsItems md-list-item.md-2-line, .PermContainer .roleDepartmentsItems md-list-item.md-2-line > .md-no-style {
  min-height: 30px;
  max-height: 30px; }

.PermContainer .rolePermissionsItems md-list-item:hover, .PermContainer .roleDepartmentsItems md-list-item:hover, .PermContainer .container-permission:hover {
  background-color: #d6e4ea !important; }
  .PermContainer .rolePermissionsItems md-list-item:hover .container-permission, .PermContainer .roleDepartmentsItems md-list-item:hover .container-permission, .PermContainer .container-permission:hover .container-permission {
    background-color: #d6e4ea !important; }

.PermContainer .rolePermissionsItems md-switch.md-blue-grey-theme[disabled] .md-thumb {
  background-color: #bdbdbd; }

.PermContainer .rolePermissionsItems md-switch.md-blue-grey-theme[disabled] .md-bar {
  background-color: rgba(0, 0, 0, 0.12); }

.PermContainer h2 span {
  color: #b0e2f8; }

.PermContainer .rolePermissionsItems .depto-btn {
  padding: 0 15px;
  margin: 3px 10px;
  line-height: 28px;
  min-height: 28px;
  font-size: 12px;
  font-weight: 700;
  color: #4e0600; }

.PermContainer .toggler {
  cursor: pointer; }

.PermContainer .collapse {
  display: none;
  background-color: #deecf1; }

.PermContainer .container-text {
  margin-top: 10px; }

.PermContainer .PermissionDisabled {
  color: #636363;
  font-weight: bold; }

.PermContainer .rolePermissionsItems .PermissionLbl {
  color: black;
  font-weight: bold; }

#cog-roles-depto-container .md-toolbar-tools {
  padding: 0 10px; }

#cog-roles-depto-container .customRoleStyle {
  color: #aa2500; }

#cog-roles-container .cog-role-table td {
  padding-right: 0px; }

#cog-roles-container .cog-role-table td:last-child {
  padding-right: 20px !important; }

.Value-Equal-Zero {
  color: red;
  font-weight: bold; }

.rolePermissionsItems md-switch.md-blue-grey-theme .md-bar {
  background-color: #c3c3c3; }

.rolePermissionsItems .container-permission {
  padding-left: 20px; }
  .rolePermissionsItems .container-permission md-switch {
    margin-right: 10px;
    margin-top: 8px !important;
    margin-bottom: 8px !important; }

#dnsreport-container .active,
.icon-active {
  color: green !important; }

#dnsreport-container .inactive,
.icon-inactive {
  color: red !important; }

#dnsreport-container .groupFilter-md-select {
  margin: 0;
  margin-top: -10px; }

#dnsreport-container .statusFilter-md-select {
  margin: 0;
  margin-top: -10px; }

.md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

.md-data-table .th-toolbar, .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

md-toolbar.md-blue-grey-theme:not(.md-menu-toolbar) .md-datepicker-calendar-icon, .packageDatePicker {
  color: rgba(0, 0, 0, 0.54) !important;
  fill: rgba(0, 0, 0, 0.54) !important; }

#dnsTableReport thead.md-head > tr.md-row {
  height: 40px; }

.AccountHighlightColor {
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: #006700  !important;
  width: 70px;
  border-bottom: 1px solid #ddd !important;
  padding-left: 5px !important; }

.oddRow {
  background-color: #e4e1e1 !important;
  border-top: 1px solid #ddd !important;
  line-height: 4; }

.oddEven {
  background-color: #fff !important;
  border-top: 1px solid #ddd !important;
  line-height: 4; }

.dnsLinkActive {
  font-weight: bold;
  color: #FF0000 !important;
  text-decoration: none;
  border-bottom: 0px none !important; }

.md-table tbody tr:hover:nth-child(odd) {
  background: #e4e1e1; }

.md-table tbody tr:hover:nth-child(even) {
  background: #e4e1e1; }

.hoverTable tbody tr:hover {
  background: #EEEEEE !important; }

#dnsTableReport td {
  font-size: 14px; }

#dns_filterPanel, #inet_filterPanel {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 55px;
  max-height: 64px;
  margin: 0;
  margin-left: 50px;
  border-radius: 15px;
  position: absolute;
  right: 10px;
  padding: 10px;
  border: 1px solid #e4e1e1;
  box-shadow: 0 10px 6px -6px #777;
  top: 4px; }

#inet_filterPanel_Totals, #dns_filterPanel_Totals {
  font-size: 14px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 55px;
  max-height: 64px;
  margin: 0;
  margin-left: 50px;
  width: 550px;
  border-radius: 15px;
  position: absolute;
  left: 10%;
  padding: 10px;
  border: 1px solid #e4e1e1;
  box-shadow: 0 10px 6px -6px #777;
  top: 4px; }

#inet_filterPanel_Totals {
  width: 300px; }

#cmbAgentSelect, #filterField {
  border-color: #d8d8d8;
  border-width: thin;
  background-color: #eee;
  margin-top: 0px;
  text-align: left !important; }

#cmbAgentSelect_container, #filterField_container {
  display: inline-block; }

.details_close_image, .details_open_image {
  width: 20px !important;
  height: 20px !important;
  cursor: pointer; }

.item.odd {
  background-color: #f9f9f9; }

.item:hover {
  background-color: #f5f5f5; }

.itemDetail.odd {
  background-color: #bfccdd; }

.itemDetail.even {
  background-color: #a7b4c5; }

.itemDetail:hover {
  background-color: #99a4b2; }

#dnsreport-container .searchFilterInput {
  max-width: 180px; }

#dnsreport-container .searchFilterHint {
  font-size: 0.6em;
  margin: 0;
  height: 10px;
  margin-top: -10px;
  color: #d76e19; }

.loadbutton {
  background-color: #bf616a !important; }

md-tooltip .multiline {
  font-family: Roboto, 'Helvetica Neue', sans-serif; }
  md-tooltip .multiline .md-background {
    border-radius: inherit; }
  md-tooltip .multiline .md-content {
    height: auto;
    max-width: 400px;
    padding: 8px;
    white-space: initial; }

@media screen and (min-width: 600px) {
  md-tooltip .md-content {
    font-size: 14px;
    height: auto;
    padding: 8px;
    max-width: 300px; } }

#dnsTableDetail {
  min-width: 40%;
  width: 40%;
  border-top-style: hidden; }

.totalDomainsResult {
  font-weight: bold; }

.totalDomainsMore {
  color: green; }

.totalDomainsZero {
  color: red; }

.OrderSelected {
  background-color: #f7f7f7; }

.md-table-dns-padding {
  padding-left: 10px; }

.DomainHighlightColor {
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: #006700  !important;
  width: 70px;
  border-bottom: 1px solid #ddd !important;
  padding-left: 5px !important; }

.OfficeMasterColumn {
  cursor: pointer; }

table.md-table .dns-icon-info th.md-column md-icon, table.md-table .inet-icon-info th.md-column md-icon {
  line-height: 22px !important; }

#inetreport-container .inet-filter-select {
  font-size: 0.8em;
  margin: 0px;
  margin-left: 10px;
  min-width: 100px; }
  #inetreport-container .inet-filter-select .md-select-value {
    height: 35px; }

#inetreport-container #inetTableReport .inetDomain, #inetreport-container #inetTableReport .inetCustomer, #inetreport-container #inetTableReport .inetAgents {
  font-size: 0.9em;
  color: #bfb7b7; }

#inetreport-container #inetTableReport .inetAgentsLink {
  font-size: 1.05em;
  font-weight: 700;
  color: #ba5400;
  cursor: pointer; }

#inetreport-container #inetTableReport .inetPlayersLink {
  cursor: pointer; }

#inetreport-container #inetTableReport .inetPlayersLink:hover, #inetreport-container #inetTableReport .inetAgentsLink:hover {
  color: #455a64;
  text-decoration: underline; }

#inetreport-container #inetTableReport th.expandOptions {
  width: 60px;
  padding-left: 0px;
  padding-right: 0px; }

#inetreport-container #inetTableReport .expandAll, #inetreport-container #inetTableReport .collapseAll {
  margin-left: 5px;
  margin-top: 5px; }

#inetreport-container #inetTableReport td, #inetreport-container #inetTableReport th {
  padding-left: 10px;
  padding-right: 10px; }

#inetreport-container #inetTableReport td.expandOption {
  width: 60px;
  padding-left: 15px !important; }

#inetreport-container #inetTableReport td.domainCount {
  width: 100px; }
  #inetreport-container #inetTableReport td.domainCount.highlightDomain {
    font-size: 1.03em;
    font-weight: 700; }

#inetreport-container #inetTableReport .highlightDomain, #inetreport-container #inetTableReport .highlightCustomer {
  font-size: 1.03em;
  font-weight: 700;
  color: black; }

#inetreport-container #inetTableReport .highlightCustomerRed {
  font-size: 1.03em;
  font-weight: 700;
  color: red; }

#inetreport-container #inetTableReport td.inet {
  font-size: 1em;
  font-weight: 700;
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-left: 20px; }

#inetreport-container #inetTableReport .domain-container > td {
  padding-left: 0px !important;
  padding-right: 0px !important; }

#inetreport-container #inetTableReport .domain-container .widget {
  min-height: 20px; }

#inetreport-container #inetTableReport .domain-container .inet-table-toolbar {
  font-size: 1.2em;
  min-height: 30px !important;
  height: 30px !important; }
  #inetreport-container #inetTableReport .domain-container .inet-table-toolbar .th-toolbar {
    background-color: #253c47; }

#inetreport-container #inetTableReport .domain-container td.domain {
  width: 30%;
  font-size: 1.1em;
  font-weight: 700;
  color: black;
  padding-left: 30px !important; }

#inetreport-container #inetTableReport .domain-container td.faction {
  width: 150px;
  font-weight: 700;
  color: #b65200; }

@media screen and (min-width: 600px) {
  #inetPlayerDialog, #inetAgentDialog {
    min-width: 480px;
    max-width: 720px; } }

#inetPlayerDialog md-toolbar:not(.md-menu-toolbar), #inetAgentDialog md-toolbar:not(.md-menu-toolbar) {
  background-color: white;
  color: black; }
  #inetPlayerDialog md-toolbar:not(.md-menu-toolbar) .md-icon-button md-icon, #inetAgentDialog md-toolbar:not(.md-menu-toolbar) .md-icon-button md-icon {
    color: #455a64; }

#inetPlayerDialog .tableReport td, #inetAgentDialog .tableReport td {
  padding: 5px;
  height: 30px; }

#inetPlayerDialog .tableReport .widget, #inetAgentDialog .tableReport .widget {
  min-height: 20px; }

#inetPlayerDialog .tableReport .inet-table-toolbar, #inetAgentDialog .tableReport .inet-table-toolbar {
  height: 32px;
  min-height: 32px;
  font-size: 1.2em;
  line-height: 32px; }
  #inetPlayerDialog .tableReport .inet-table-toolbar .th-toolbar, #inetAgentDialog .tableReport .inet-table-toolbar .th-toolbar {
    background-color: #253c47; }

#inetPlayerDialog .tableReport td.agent, #inetAgentDialog .tableReport td.agent {
  width: 30%;
  font-size: 1.1em;
  font-weight: 700;
  color: black;
  padding-left: 30px !important; }

#inetPlayerDialog .tableReport td.customer, #inetAgentDialog .tableReport td.customer {
  width: 150px;
  font-weight: 700;
  color: #b65200; }

@media screen and (max-width: 599px) {
  .cog-websiteinfo-inet .__header .md-subheader-inner {
    padding-top: 20px !important;
    padding-bottom: 20px !important; } }

@media screen and (min-width: 600px) {
  .cog-websiteinfo-inet .__header .md-subheader-inner {
    padding-right: 20px !important;
    padding-left: 20px !important; } }

.cog-websiteinfo-inet .__header .md-subheader-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch; }

.cog-websiteinfo-inet .__header .totalDomainsResult {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 600; }
  @media screen and (min-width: 600px) {
    .cog-websiteinfo-inet .__header .totalDomainsResult {
      min-width: 166px;
      padding-right: 20px;
      padding-left: 20px; } }
  @media screen and (max-width: 599px) {
    .cog-websiteinfo-inet .__header .totalDomainsResult:first-of-type {
      padding-bottom: 7px; } }
  @media screen and (max-width: 599px) {
    .cog-websiteinfo-inet .__header .totalDomainsResult:last-of-type {
      padding-top: 7px; } }
  .cog-websiteinfo-inet .__header .totalDomainsResult > span {
    font-weight: 400; }

.cog-websiteinfo-inet .__header .totalDomainsMore {
  color: #388e3c; }

.cog-websiteinfo-inet .__header .totalDomainsNumber {
  margin-left: .33333333em; }

.cog-websiteinfo-inet .__header input[type=search],
.cog-websiteinfo-inet .__header select {
  box-sizing: border-box;
  min-height: 36px;
  padding: 0 14px;
  font-size: 14px;
  line-height: 36px;
  border: 1px solid rgba(96, 125, 139, 0.75);
  border-radius: 2px; }
  @media screen and (max-width: 599px) {
    .cog-websiteinfo-inet .__header input[type=search],
    .cog-websiteinfo-inet .__header select {
      max-width: 160px; } }
  .cog-websiteinfo-inet .__header input[type=search]::-webkit-input-placeholder,
  .cog-websiteinfo-inet .__header select::-webkit-input-placeholder {
    color: #607d8b; }
  .cog-websiteinfo-inet .__header input[type=search]::-moz-placeholder,
  .cog-websiteinfo-inet .__header select::-moz-placeholder {
    color: #607d8b; }
  .cog-websiteinfo-inet .__header input[type=search]:-ms-input-placeholder,
  .cog-websiteinfo-inet .__header select:-ms-input-placeholder {
    color: #607d8b; }
  .cog-websiteinfo-inet .__header input[type=search]:-moz-placeholder,
  .cog-websiteinfo-inet .__header select:-moz-placeholder {
    color: #607d8b; }

.cog-websiteinfo-inet .widget-content {
  overflow-x: auto; }

.cog-websiteinfo-inet .md-progress-container {
  width: 100%;
  min-height: 5px;
  background-color: #3e535f; }

.cog-inet-report-table {
  min-width: 2050px;
  max-width: 2250px;
  margin-right: auto;
  margin-left: auto; }
  .cog-inet-report-table .btc-processor-btn {
    width: 28px;
    height: 28px;
    line-height: 28px;
    min-height: 28px;
    background-color: #00b0ff !important; }
    .cog-inet-report-table .btc-processor-btn.player {
      background-color: darkorange !important; }
  .cog-inet-report-table.cog-scrollable-table {
    height: auto; }
    @media screen and (max-width: 599px) {
      .cog-inet-report-table.cog-scrollable-table table thead tr * {
        letter-spacing: normal; } }
    .cog-inet-report-table.cog-scrollable-table thead > tr::after {
      content: "";
      display: table-cell;
      width: var(--scroll-width, 10px);
      border-bottom: 1px solid #eee; }
  .cog-inet-report-table table.md-table thead.md-head > tr.md-row {
    height: inherit; }
  .cog-inet-report-table table.md-table th.md-column,
  .cog-inet-report-table table.md-table td.md-cell {
    text-align: center; }
  .cog-inet-report-table table.md-table th.md-column {
    position: relative;
    font-size: 13px !important;
    font-weight: 600 !important; }
    .cog-inet-report-table table.md-table th.md-column md-icon.md-sort-icon {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 16px;
      min-width: 16px;
      height: 16px;
      min-height: 16px;
      color: rgba(255, 255, 255, 0.75) !important; }
  .cog-inet-report-table table.md-table td.md-cell {
    border-top-color: rgba(0, 0, 0, 0.03125); }
  .cog-inet-report-table table.md-table td.md-cell:last-child,
  .cog-inet-report-table table.md-table th.md-column:last-child,
  .cog-inet-report-table table.md-table:not(.md-row-select) td.md-cell:first-child,
  .cog-inet-report-table table.md-table:not(.md-row-select) th.md-column:first-child {
    padding-right: 5px;
    padding-left: 5px; }
  .cog-inet-report-table table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
  .cog-inet-report-table table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding-right: 5px;
    padding-left: 5px; }
    .cog-inet-report-table table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2).cell-suffix,
    .cog-inet-report-table table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2).cell-suffix {
      padding-top: 10px;
      padding-bottom: 10px; }
  .cog-inet-report-table.cog-scrollable-table table tbody tr td.cell-agent-default {
    padding-right: 5px;
    padding-left: 5px; }
  .cog-inet-report-table thead th:not(:last-of-type),
  .cog-inet-report-table tbody td:not(:last-of-type) {
    border-right: 1px solid rgba(0, 0, 0, 0.03125) !important; }
  .cog-inet-report-table thead th.cell-online, .cog-inet-report-table thead th.cell-creation-date, .cog-inet-report-table thead th.cell-last-count, .cog-inet-report-table thead th.cell-last-login,
  .cog-inet-report-table tbody td.cell-online,
  .cog-inet-report-table tbody td.cell-creation-date,
  .cog-inet-report-table tbody td.cell-last-count,
  .cog-inet-report-table tbody td.cell-last-login {
    width: 120px; }
  .cog-inet-report-table thead th.cell-accounts, .cog-inet-report-table thead th.cell-id-inet, .cog-inet-report-table thead th.cell-config, .cog-inet-report-table thead th.cell-count, .cog-inet-report-table thead th.cell-agents, .cog-inet-report-table thead th.cell-domains, .cog-inet-report-table thead th.cell-suffix,
  .cog-inet-report-table tbody td.cell-accounts,
  .cog-inet-report-table tbody td.cell-id-inet,
  .cog-inet-report-table tbody td.cell-config,
  .cog-inet-report-table tbody td.cell-count,
  .cog-inet-report-table tbody td.cell-agents,
  .cog-inet-report-table tbody td.cell-domains,
  .cog-inet-report-table tbody td.cell-suffix {
    width: 70px; }
  .cog-inet-report-table thead th.cell-signup, .cog-inet-report-table thead th.cell-use-banner,
  .cog-inet-report-table tbody td.cell-signup,
  .cog-inet-report-table tbody td.cell-use-banner {
    width: 110px; }
  .cog-inet-report-table thead th.cell-allow-customer-chat,
  .cog-inet-report-table tbody td.cell-allow-customer-chat {
    width: 130px; }
  .cog-inet-report-table thead th.cell-default-theme,
  .cog-inet-report-table tbody td.cell-default-theme {
    width: 220px; }
    .cog-inet-report-table thead th.cell-default-theme .btn-default-theme,
    .cog-inet-report-table tbody td.cell-default-theme .btn-default-theme {
      width: 100%;
      max-width: 200px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .cog-inet-report-table thead th.cell-default-theme .btn-default-theme > span,
      .cog-inet-report-table tbody td.cell-default-theme .btn-default-theme > span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .cog-inet-report-table thead th.cell-inet, .cog-inet-report-table thead th.cell-btc-processor,
  .cog-inet-report-table tbody td.cell-inet,
  .cog-inet-report-table tbody td.cell-btc-processor {
    width: 160px; }
  .cog-inet-report-table thead th.cell-api-legacy, .cog-inet-report-table thead th.cell-player-api-legacy, .cog-inet-report-table thead th.cell-allow-switch,
  .cog-inet-report-table tbody td.cell-api-legacy,
  .cog-inet-report-table tbody td.cell-player-api-legacy,
  .cog-inet-report-table tbody td.cell-allow-switch {
    width: 160px; }
  .cog-inet-report-table thead th.cell-owner, .cog-inet-report-table thead th.cell-faction, .cog-inet-report-table thead th.cell-details,
  .cog-inet-report-table tbody td.cell-owner,
  .cog-inet-report-table tbody td.cell-faction,
  .cog-inet-report-table tbody td.cell-details {
    width: 100px; }
  .cog-inet-report-table thead th.cell-agent-default,
  .cog-inet-report-table tbody td.cell-agent-default {
    width: 180px; }
    .cog-inet-report-table thead th.cell-agent-default .agent-default-list,
    .cog-inet-report-table tbody td.cell-agent-default .agent-default-list {
      --cell-width: 32px;
      --cell-height: 38px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .cog-inet-report-table thead th.cell-agent-default .agent-default-list .cancel-btn,
      .cog-inet-report-table thead th.cell-agent-default .agent-default-list md-autocomplete input:not(.md-input),
      .cog-inet-report-table tbody td.cell-agent-default .agent-default-list .cancel-btn,
      .cog-inet-report-table tbody td.cell-agent-default .agent-default-list md-autocomplete input:not(.md-input) {
        line-height: var(--cell-height, 38px); }
      .cog-inet-report-table thead th.cell-agent-default .agent-default-list cog-search-bar,
      .cog-inet-report-table tbody td.cell-agent-default .agent-default-list cog-search-bar {
        display: block; }
      .cog-inet-report-table thead th.cell-agent-default .agent-default-list md-autocomplete,
      .cog-inet-report-table thead th.cell-agent-default .agent-default-list md-autocomplete md-autocomplete-wrap,
      .cog-inet-report-table thead th.cell-agent-default .agent-default-list md-autocomplete input:not(.md-input),
      .cog-inet-report-table tbody td.cell-agent-default .agent-default-list md-autocomplete,
      .cog-inet-report-table tbody td.cell-agent-default .agent-default-list md-autocomplete md-autocomplete-wrap,
      .cog-inet-report-table tbody td.cell-agent-default .agent-default-list md-autocomplete input:not(.md-input) {
        width: 100%;
        height: var(--cell-height, 38px); }
      .cog-inet-report-table thead th.cell-agent-default .agent-default-list .tb-custSearchInput,
      .cog-inet-report-table tbody td.cell-agent-default .agent-default-list .tb-custSearchInput {
        min-width: auto; }
        .cog-inet-report-table thead th.cell-agent-default .agent-default-list .tb-custSearchInput.flex-60,
        .cog-inet-report-table tbody td.cell-agent-default .agent-default-list .tb-custSearchInput.flex-60 {
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
      .cog-inet-report-table thead th.cell-agent-default .agent-default-list .cancel-btn,
      .cog-inet-report-table tbody td.cell-agent-default .agent-default-list .cancel-btn {
        min-width: var(--cell-width, 32px);
        min-height: var(--cell-height, 38px);
        margin: 0;
        font-size: 1.75em;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
        .cog-inet-report-table thead th.cell-agent-default .agent-default-list .cancel-btn > span,
        .cog-inet-report-table tbody td.cell-agent-default .agent-default-list .cancel-btn > span {
          display: block;
          margin: auto;
          line-height: 1; }
      .cog-inet-report-table thead th.cell-agent-default .agent-default-list md-autocomplete button,
      .cog-inet-report-table tbody td.cell-agent-default .agent-default-list md-autocomplete button {
        width: 20px; }
    .cog-inet-report-table thead th.cell-agent-default .agent-default-item + .agent-default-item,
    .cog-inet-report-table tbody td.cell-agent-default .agent-default-item + .agent-default-item {
      width: calc(100% - var(--cell-width, 32px)); }
    .cog-inet-report-table thead th.cell-agent-default[disabled] .tooltip-container,
    .cog-inet-report-table tbody td.cell-agent-default[disabled] .tooltip-container {
      opacity: 0.5; }
  .cog-inet-report-table thead th.cell-config .md-icon-button.md-button,
  .cog-inet-report-table tbody td.cell-config .md-icon-button.md-button {
    border-radius: 4px; }
  .cog-inet-report-table thead th.cell-config .md-icon-button md-icon,
  .cog-inet-report-table tbody td.cell-config .md-icon-button md-icon {
    display: -ms-flexbox;
    display: flex; }
    .cog-inet-report-table thead th.cell-config .md-icon-button md-icon::before,
    .cog-inet-report-table tbody td.cell-config .md-icon-button md-icon::before {
      margin: auto; }
    @media screen and (max-width: 599px) {
      .cog-inet-report-table thead th.cell-config .md-icon-button md-icon.fa-lg,
      .cog-inet-report-table tbody td.cell-config .md-icon-button md-icon.fa-lg {
        font-size: 1.33333333em; } }
  .cog-inet-report-table thead th.cell-config .md-icon-button.md-raised:not([disabled]) md-icon,
  .cog-inet-report-table tbody td.cell-config .md-icon-button.md-raised:not([disabled]) md-icon {
    color: #fff; }
  .cog-inet-report-table thead th.cell-config .md-icon-button.on, .cog-inet-report-table thead th.cell-config .md-icon-button.on:hover, .cog-inet-report-table thead th.cell-config .md-icon-button.on:focus,
  .cog-inet-report-table tbody td.cell-config .md-icon-button.on,
  .cog-inet-report-table tbody td.cell-config .md-icon-button.on:hover,
  .cog-inet-report-table tbody td.cell-config .md-icon-button.on:focus {
    color: #fff;
    background-color: #546e7a !important; }
  .cog-inet-report-table thead {
    min-height: 24px;
    line-height: 24px;
    color: #fff;
    background-color: #607d8b; }
    @media screen and (max-width: 425px) {
      .cog-inet-report-table thead {
        font-size: .875em; } }
    .cog-inet-report-table thead th {
      text-align: center;
      font-weight: 600;
      white-space: nowrap; }
      .cog-inet-report-table thead th:not(:last-of-type) {
        border-right: 1px solid rgba(0, 0, 0, 0.0625) !important; }
      .cog-inet-report-table thead th.domain {
        background-color: rgba(255, 255, 255, 0.1); }
  .cog-inet-report-table tbody tr {
    transition: background-color .4s ease-in-out; }
    .cog-inet-report-table tbody tr:nth-child(odd) {
      background-color: #f5f5f5; }
    .cog-inet-report-table tbody tr:nth-child(even) {
      background-color: #eee; }
  .cog-inet-report-table tbody td {
    text-align: center; }
    .cog-inet-report-table tbody td:not(:last-of-type) {
      border-right: 1px solid rgba(0, 0, 0, 0.03125) !important; }
    .cog-inet-report-table tbody td > .md-button,
    .cog-inet-report-table tbody td .group-button .md-button.groupX,
    .cog-inet-report-table tbody td .group-button .md-button.groupY {
      min-height: 32px;
      font-size: 12px;
      line-height: 32px; }
      .cog-inet-report-table tbody td > .md-button > span,
      .cog-inet-report-table tbody td .group-button .md-button.groupX > span,
      .cog-inet-report-table tbody td .group-button .md-button.groupY > span {
        font-size: inherit; }
    .cog-inet-report-table tbody td[ng-click] {
      transition: color .4s ease-in-out; }
    .cog-inet-report-table tbody td.cell-online {
      font-weight: 600; }
      .cog-inet-report-table tbody td.cell-online.is-online {
        color: #2e7d32; }
      .cog-inet-report-table tbody td.cell-online.is-offline {
        color: #f44336; }
    .cog-inet-report-table tbody td.cell-details .md-button {
      margin: 0;
      font-weight: 600;
      text-transform: uppercase;
      border: 1px solid transparent; }
      .cog-inet-report-table tbody td.cell-details .md-button:not([disabled]).md-primary {
        border-color: rgba(96, 125, 139, 0.5); }
      .cog-inet-report-table tbody td.cell-details .md-button:not([disabled]).md-accent {
        border-color: rgba(255, 171, 0, 0.5); }
      .cog-inet-report-table tbody td.cell-details .md-button:not([disabled]).md-warn {
        border-color: rgba(255, 152, 0, 0.5); }
      .cog-inet-report-table tbody td.cell-details .md-button:not([disabled]):hover {
        background-color: rgba(255, 255, 255, 0.75); }
    .cog-inet-report-table tbody td.cell-details .md-button + .md-button {
      margin-left: 8px; }
    .cog-inet-report-table tbody td.cell-inet {
      font-weight: 600;
      background-color: #efeff0;
      border-top-color: transparent !important;
      border-bottom-color: transparent !important; }
    .cog-inet-report-table tbody td.cell-phone-number {
      white-space: nowrap; }
    .cog-inet-report-table tbody td.cell-api-legacy .md-button.md-raised:not([disabled]) {
      box-shadow: none; }
      .cog-inet-report-table tbody td.cell-api-legacy .md-button.md-raised:not([disabled]).md-hue-3:hover {
        color: rgba(255, 255, 255, 0.87); }
  .cog-inet-report-table .tooltip-container {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    height: 100%; }
    .cog-inet-report-table .tooltip-container > .tooltip-label,
    .cog-inet-report-table .tooltip-container > .tooltip-buttons {
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .cog-inet-report-table .tooltip-container > .tooltip-buttons {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      width: 100%;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
    .cog-inet-report-table .tooltip-container .tooltip-btn {
      margin: 0;
      opacity: 0;
      transform: scale(0.0125);
      transform-origin: center;
      transition: opacity 0.33s ease, transform 0.33s ease; }
      .cog-inet-report-table .tooltip-container .tooltip-btn.remove-btn.md-button.md-fab {
        background-color: #f44336;
        color: rgba(255, 255, 255, 0.87); }
        .cog-inet-report-table .tooltip-container .tooltip-btn.remove-btn.md-button.md-fab:not([disabled]):hover {
          background-color: #d0180b; }
    .cog-inet-report-table .tooltip-container > .tooltip-buttons.show .tooltip-btn {
      opacity: 1;
      transform: scale(1); }
  .cog-inet-report-table .group-button .md-button {
    height: auto;
    min-height: 32px;
    padding: 0 4px;
    line-height: 32px; }
    .cog-inet-report-table .group-button .md-button.on, .cog-inet-report-table .group-button .md-button.on:hover {
      font-weight: 600;
      background-color: #2e7d32 !important; }
    .cog-inet-report-table .group-button .md-button.off, .cog-inet-report-table .group-button .md-button.off:hover {
      font-weight: 600;
      background-color: #f44336 !important; }
  .cog-inet-report-table .group-button.group-button-alt .md-button.on, .cog-inet-report-table .group-button.group-button-alt .md-button.on:hover {
    background-color: #546e7a !important; }
  .cog-inet-report-table .group-button.group-button-alt .md-button.off, .cog-inet-report-table .group-button.group-button-alt .md-button.off:hover {
    color: #000;
    font-weight: 400;
    background-color: #b0bec5 !important; }

#movedreport-container {
  /*.md-data-table {

        .table-toolbar {
            background-color: rgb(96,125,139);
            min-height: 45px;
            height: 45px;
        }
    
        .th-toolbar, .md-sort-icon {
            color:#ffffff!important;
            font-size: 0.8em!important;
            font-weight: 400!important;
        }
    
    }
    md-toolbar.md-blue-grey-theme:not(.md-menu-toolbar) .md-datepicker-calendar-icon, .packageDatePicker{
        color: rgba(0,0,0,0.54)!important;
        fill: rgba(0,0,0,0.54)!important;
    }
    .DomainHighlightColor {
        background-color: #efeff0 !important;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        color:#006700  !important;
        width: 70px;
        border-bottom: 1px solid #ddd!important;
        padding-left: 5px!important;
    }

    .OfficeMasterColumn {
        cursor: pointer;
    }
    */ }
  #movedreport-container .active,
  #movedreport-container .icon-active {
    color: green !important; }
  #movedreport-container .inactive,
  #movedreport-container .icon-inactive {
    color: red !important; }
  #movedreport-container .groupFilter-md-select {
    margin: 0;
    margin-top: -10px; }
  #movedreport-container .statusFilter-md-select {
    margin: 0;
    margin-top: -10px; }
  #movedreport-container #testTableReport {
    table-layout: fixed;
    width: 100%; }
  #movedreport-container #testTableReport td {
    width: 25%; }
  #movedreport-container .AccountHighlightColor {
    background-color: #efeff0 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #006700  !important;
    width: 70px;
    border-bottom: 1px solid #ddd !important;
    padding-left: 5px !important; }
  #movedreport-container #testTableReport thead.md-head > tr.md-row {
    height: 40px; }
  #movedreport-container .oddRow {
    background-color: #e4e1e1 !important;
    border-top: 1px solid #ddd !important;
    line-height: 4; }
  #movedreport-container .oddEven {
    background-color: #fff !important;
    border-top: 1px solid #ddd !important;
    line-height: 4; }
  #movedreport-container .md-table tbody tr:hover:nth-child(odd) {
    background: #e4e1e1; }
  #movedreport-container .md-table tbody tr:hover:nth-child(even) {
    background: #e4e1e1; }
  #movedreport-container .hoverTable tbody tr:hover {
    background: #EEEEEE !important; }
  #movedreport-container #testTableReport td {
    font-size: 14px; }
  #movedreport-container #test_filterPanel, #movedreport-container #inet_filterPanel {
    font-size: 20px;
    letter-spacing: 0.005em;
    box-sizing: border-box;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 55px;
    max-height: 64px;
    margin: 0;
    margin-left: 50px;
    border-radius: 15px;
    position: absolute;
    right: 10px;
    padding: 10px;
    border: 1px solid #e4e1e1;
    box-shadow: 0 10px 6px -6px #777;
    top: 4px; }
  #movedreport-container #cmbAgentSelect, #movedreport-container #filterField {
    border-color: #d8d8d8;
    border-width: thin;
    background-color: #eee;
    margin-top: 0px;
    text-align: left !important; }
  #movedreport-container #cmbAgentSelect_container, #movedreport-container #filterField_container {
    display: inline-block; }
  #movedreport-container .item.odd {
    background-color: #f9f9f9; }
  #movedreport-container .item:hover {
    background-color: #f5f5f5; }
  #movedreport-container .searchFilterInput {
    max-width: 180px; }
  #movedreport-container .searchFilterHint {
    font-size: 0.6em;
    margin: 0;
    height: 10px;
    margin-top: -10px;
    color: #d76e19; }
  #movedreport-container .loadbutton {
    background-color: #bf616a !important; }
  #movedreport-container table.md-table:not(.md-row-select) th.md-column:first-child {
    padding: 0 5px; }
  #movedreport-container table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 0px 0 25px; }
  #movedreport-container table.md-table th.md-column:last-child {
    padding: 0 0px 0 25px; }

#openreport-container .active,
.icon-active {
  color: green !important; }

#openreport-container .inactive,
.icon-inactive {
  color: red !important; }

#openreport-container .groupFilter-md-select {
  margin: 0;
  margin-top: -10px; }

#openreport-container .statusFilter-md-select {
  margin: 0;
  margin-top: -10px; }

.md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

.md-data-table .th-toolbar, .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

md-toolbar.md-blue-grey-theme:not(.md-menu-toolbar) .md-datepicker-calendar-icon, .packageDatePicker {
  color: rgba(0, 0, 0, 0.54) !important;
  fill: rgba(0, 0, 0, 0.54) !important; }

#openTableReport thead.md-head > tr.md-row {
  height: 40px; }

.AccountHighlightColor {
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: #006700  !important;
  width: 70px;
  border-bottom: 1px solid #ddd !important;
  padding-left: 5px !important; }

.oddRow {
  background-color: #e4e1e1 !important;
  border-top: 1px solid #ddd !important;
  line-height: 4; }

.oddEven {
  background-color: #fff !important;
  border-top: 1px solid #ddd !important;
  line-height: 4; }

.openLinkActive {
  font-weight: bold;
  color: #FF0000 !important;
  text-decoration: none;
  border-bottom: 0px none !important; }

.md-table tbody tr:hover:nth-child(odd) {
  background: #e4e1e1; }

.md-table tbody tr:hover:nth-child(even) {
  background: #e4e1e1; }

.hoverTable tbody tr:hover {
  background: #EEEEEE !important; }

#openTableReport td {
  font-size: 14px; }

#open_filterPanel {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 55px;
  max-height: 64px;
  margin: 0;
  margin-left: 50px;
  border-radius: 15px;
  position: absolute;
  right: 10px;
  padding: 10px;
  border: 1px solid #e4e1e1;
  box-shadow: 0 10px 6px -6px #777;
  top: 4px; }

#open_filterPanel_Totals {
  font-size: 14px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 55px;
  max-height: 64px;
  margin: 0;
  margin-left: 80px;
  width: 500px;
  border-radius: 15px;
  position: absolute;
  left: 10%;
  padding: 10px;
  border: 1px solid #e4e1e1;
  box-shadow: 0 10px 6px -6px #777;
  top: 4px; }

#cmbAgentSelect, #filterField {
  border-color: #d8d8d8;
  border-width: thin;
  background-color: #eee;
  margin-top: 0px;
  text-align: left !important; }

#cmbAgentSelect_container, #filterField_container {
  display: inline-block; }

.details_open_image {
  width: 20px !important;
  height: 20px !important;
  cursor: pointer; }

.item.odd {
  background-color: #f9f9f9; }

.item:hover {
  background-color: #f5f5f5; }

.itemDetail.odd {
  background-color: #bfccdd; }

.itemDetail.even {
  background-color: #a7b4c5; }

.itemDetail:hover {
  background-color: #99a4b2; }

#openreport-container .searchFilterInput {
  max-width: 180px; }

#openreport-container .searchFilterHint {
  font-size: 0.6em;
  margin: 0;
  height: 10px;
  margin-top: -10px;
  color: #d76e19; }

.loadbutton {
  background-color: #bf616a !important; }

md-tooltip .multiline {
  font-family: Roboto, 'Helvetica Neue', sans-serif; }
  md-tooltip .multiline .md-background {
    border-radius: inherit; }
  md-tooltip .multiline .md-content {
    height: auto;
    max-width: 400px;
    padding: 8px;
    white-space: initial; }

@media screen and (min-width: 600px) {
  md-tooltip .md-content {
    font-size: 14px;
    height: auto;
    padding: 8px;
    max-width: 300px; } }

#openTableDetail {
  min-width: 40%;
  width: 40%;
  border-top-style: hidden; }

.totalDomainsResult {
  font-weight: bold; }

.totalDomainsMore {
  color: green; }

.totalDomainsZero {
  color: red; }

.OrderSelected {
  background-color: #f7f7f7; }

.md-table-open-padding {
  padding-left: 10px; }

.DomainHighlightColor {
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: #006700  !important;
  width: 70px;
  border-bottom: 1px solid #ddd !important;
  padding-left: 5px !important; }

.OfficeMasterColumn {
  cursor: pointer; }

table.md-table .open-icon-info th.md-column md-icon {
  line-height: 22px !important; }

#redirectreport-container .active,
.icon-active {
  color: green !important; }

#redirectreport-container .inactive,
.icon-inactive {
  color: red !important; }

#redirectreport-container .groupFilter-md-select {
  margin: 0;
  margin-top: -10px; }

#redirectreport-container .statusFilter-md-select {
  margin: 0;
  margin-top: -10px; }

.md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

.md-data-table .th-toolbar, .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

md-toolbar.md-blue-grey-theme:not(.md-menu-toolbar) .md-datepicker-calendar-icon, .packageDatePicker {
  color: rgba(0, 0, 0, 0.54) !important;
  fill: rgba(0, 0, 0, 0.54) !important; }

#redirectTableReport thead.md-head > tr.md-row {
  height: 40px; }

.AccountHighlightColor {
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: #006700  !important;
  width: 70px;
  border-bottom: 1px solid #ddd !important;
  padding-left: 5px !important; }

.oddRow {
  background-color: #e4e1e1 !important;
  border-top: 1px solid #ddd !important;
  line-height: 4; }

.oddEven {
  background-color: #fff !important;
  border-top: 1px solid #ddd !important;
  line-height: 4; }

.redirectLinkActive {
  font-weight: bold;
  color: #FF0000 !important;
  text-decoration: none;
  border-bottom: 0px none !important; }

.md-table tbody tr:hover:nth-child(odd) {
  background: #e4e1e1; }

.md-table tbody tr:hover:nth-child(even) {
  background: #e4e1e1; }

.hoverTable tbody tr:hover {
  background: #EEEEEE !important; }

#redirectTableReport td {
  font-size: 14px; }

#redirect_filterPanel {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 55px;
  max-height: 64px;
  margin: 0;
  margin-left: 50px;
  border-radius: 15px;
  position: absolute;
  right: 10px;
  padding: 10px;
  border: 1px solid #e4e1e1;
  box-shadow: 0 10px 6px -6px #777;
  top: 4px; }

#redirect_filterPanel_Totals {
  font-size: 14px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 55px;
  max-height: 64px;
  margin: 0;
  margin-left: 100px;
  width: 250px;
  border-radius: 15px;
  position: absolute;
  left: 10%;
  padding: 10px;
  border: 1px solid #e4e1e1;
  box-shadow: 0 10px 6px -6px #777;
  top: 4px; }

#cmbAgentSelect, #filterField {
  border-color: #d8d8d8;
  border-width: thin;
  background-color: #eee;
  margin-top: 0px;
  text-align: left !important; }

#cmbAgentSelect_container, #filterField_container {
  display: inline-block; }

.details_redirect_image {
  width: 20px !important;
  height: 20px !important;
  cursor: pointer; }

.item.odd {
  background-color: #f9f9f9; }

.item:hover {
  background-color: #f5f5f5; }

.itemDetail.odd {
  background-color: #bfccdd; }

.itemDetail.even {
  background-color: #a7b4c5; }

.itemDetail:hover {
  background-color: #99a4b2; }

#redirectreport-container .searchFilterInput {
  max-width: 180px; }

#redirectreport-container .searchFilterHint {
  font-size: 0.6em;
  margin: 0;
  height: 10px;
  margin-top: -10px;
  color: #d76e19; }

.loadbutton {
  background-color: #bf616a !important; }

md-tooltip .multiline {
  font-family: Roboto, 'Helvetica Neue', sans-serif; }
  md-tooltip .multiline .md-background {
    border-radius: inherit; }
  md-tooltip .multiline .md-content {
    height: auto;
    max-width: 400px;
    padding: 8px;
    white-space: initial; }

@media screen and (min-width: 600px) {
  md-tooltip .md-content {
    font-size: 14px;
    height: auto;
    padding: 8px;
    max-width: 300px; } }

#redirectTableDetail {
  min-width: 40%;
  width: 40%;
  border-top-style: hidden; }

.totalDomainsResult {
  font-weight: bold; }

.totalDomainsMore {
  color: green; }

.totalDomainsZero {
  color: red; }

.OrderSelected {
  background-color: #f7f7f7; }

.md-table-redirect-padding {
  padding-left: 10px; }

.DomainHighlightColor {
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: #006700  !important;
  width: 70px;
  border-bottom: 1px solid #ddd !important;
  padding-left: 5px !important; }

.OfficeMasterColumn {
  cursor: pointer; }

.closeButtonRow {
  color: #FF0000 !important; }

.redirectTDWidth {
  width: 16% !important; }

#testreport-container {
  /*.md-data-table {

        .table-toolbar {
            background-color: rgb(96,125,139);
            min-height: 45px;
            height: 45px;
        }
    
        .th-toolbar, .md-sort-icon {
            color:#ffffff!important;
            font-size: 0.8em!important;
            font-weight: 400!important;
        }
    
    }
    md-toolbar.md-blue-grey-theme:not(.md-menu-toolbar) .md-datepicker-calendar-icon, .packageDatePicker{
        color: rgba(0,0,0,0.54)!important;
        fill: rgba(0,0,0,0.54)!important;
    }
    .DomainHighlightColor {
        background-color: #efeff0 !important;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        color:#006700  !important;
        width: 70px;
        border-bottom: 1px solid #ddd!important;
        padding-left: 5px!important;
    }

    .OfficeMasterColumn {
        cursor: pointer;
    }
    */ }
  #testreport-container .active,
  #testreport-container .icon-active {
    color: green !important; }
  #testreport-container .inactive,
  #testreport-container .icon-inactive {
    color: red !important; }
  #testreport-container .groupFilter-md-select {
    margin: 0;
    margin-top: -10px; }
  #testreport-container .statusFilter-md-select {
    margin: 0;
    margin-top: -10px; }
  #testreport-container #testTableReport {
    table-layout: fixed;
    width: 100%; }
  #testreport-container #testTableReport td {
    width: 25%; }
  #testreport-container .AccountHighlightColor {
    background-color: #efeff0 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #006700  !important;
    width: 70px;
    border-bottom: 1px solid #ddd !important;
    padding-left: 5px !important; }
  #testreport-container #testTableReport thead.md-head > tr.md-row {
    height: 40px; }
  #testreport-container .oddRow {
    background-color: #e4e1e1 !important;
    border-top: 1px solid #ddd !important;
    line-height: 4; }
  #testreport-container .oddEven {
    background-color: #fff !important;
    border-top: 1px solid #ddd !important;
    line-height: 4; }
  #testreport-container .md-table tbody tr:hover:nth-child(odd) {
    background: #e4e1e1; }
  #testreport-container .md-table tbody tr:hover:nth-child(even) {
    background: #e4e1e1; }
  #testreport-container .hoverTable tbody tr:hover {
    background: #EEEEEE !important; }
  #testreport-container #testTableReport td {
    font-size: 14px; }
  #testreport-container #test_filterPanel, #testreport-container #inet_filterPanel {
    font-size: 20px;
    letter-spacing: 0.005em;
    box-sizing: border-box;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 55px;
    max-height: 64px;
    margin: 0;
    margin-left: 50px;
    border-radius: 15px;
    position: absolute;
    right: 10px;
    padding: 10px;
    border: 1px solid #e4e1e1;
    box-shadow: 0 10px 6px -6px #777;
    top: 4px; }
  #testreport-container #cmbAgentSelect, #testreport-container #filterField {
    border-color: #d8d8d8;
    border-width: thin;
    background-color: #eee;
    margin-top: 0px;
    text-align: left !important; }
  #testreport-container #cmbAgentSelect_container, #testreport-container #filterField_container {
    display: inline-block; }
  #testreport-container .item.odd {
    background-color: #f9f9f9; }
  #testreport-container .item:hover {
    background-color: #f5f5f5; }
  #testreport-container .searchFilterInput {
    max-width: 180px; }
  #testreport-container .searchFilterHint {
    font-size: 0.6em;
    margin: 0;
    height: 10px;
    margin-top: -10px;
    color: #d76e19; }
  #testreport-container .loadbutton {
    background-color: #bf616a !important; }
  #testreport-container table.md-table:not(.md-row-select) th.md-column:first-child {
    padding: 0 5px; }
  #testreport-container table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 0px 0 25px; }
  #testreport-container table.md-table th.md-column:last-child {
    padding: 0 0px 0 25px; }

#trashreport-container {
  /*.md-data-table {

        .table-toolbar {
            background-color: rgb(96,125,139);
            min-height: 45px;
            height: 45px;
        }
    
        .th-toolbar, .md-sort-icon {
            color:#ffffff!important;
            font-size: 0.8em!important;
            font-weight: 400!important;
        }
    
    }
    md-toolbar.md-blue-grey-theme:not(.md-menu-toolbar) .md-datepicker-calendar-icon, .packageDatePicker{
        color: rgba(0,0,0,0.54)!important;
        fill: rgba(0,0,0,0.54)!important;
    }
    .DomainHighlightColor {
        background-color: #efeff0 !important;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        color:#006700  !important;
        width: 70px;
        border-bottom: 1px solid #ddd!important;
        padding-left: 5px!important;
    }

    .OfficeMasterColumn {
        cursor: pointer;
    }
    */ }
  #trashreport-container .active,
  #trashreport-container .icon-active {
    color: green !important; }
  #trashreport-container .inactive,
  #trashreport-container .icon-inactive {
    color: red !important; }
  #trashreport-container .groupFilter-md-select {
    margin: 0;
    margin-top: -10px; }
  #trashreport-container .statusFilter-md-select {
    margin: 0;
    margin-top: -10px; }
  #trashreport-container #testTableReport {
    table-layout: fixed;
    width: 100%; }
  #trashreport-container #testTableReport td {
    width: 25%; }
  #trashreport-container .AccountHighlightColor {
    background-color: #efeff0 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #006700  !important;
    width: 70px;
    border-bottom: 1px solid #ddd !important;
    padding-left: 5px !important; }
  #trashreport-container #testTableReport thead.md-head > tr.md-row {
    height: 40px; }
  #trashreport-container .oddRow {
    background-color: #e4e1e1 !important;
    border-top: 1px solid #ddd !important;
    line-height: 4; }
  #trashreport-container .oddEven {
    background-color: #fff !important;
    border-top: 1px solid #ddd !important;
    line-height: 4; }
  #trashreport-container .md-table tbody tr:hover:nth-child(odd) {
    background: #e4e1e1; }
  #trashreport-container .md-table tbody tr:hover:nth-child(even) {
    background: #e4e1e1; }
  #trashreport-container .hoverTable tbody tr:hover {
    background: #EEEEEE !important; }
  #trashreport-container #testTableReport td {
    font-size: 14px; }
  #trashreport-container #test_filterPanel, #trashreport-container #inet_filterPanel {
    font-size: 20px;
    letter-spacing: 0.005em;
    box-sizing: border-box;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 55px;
    max-height: 64px;
    margin: 0;
    margin-left: 50px;
    border-radius: 15px;
    position: absolute;
    right: 10px;
    padding: 10px;
    border: 1px solid #e4e1e1;
    box-shadow: 0 10px 6px -6px #777;
    top: 4px; }
  #trashreport-container #cmbAgentSelect, #trashreport-container #filterField {
    border-color: #d8d8d8;
    border-width: thin;
    background-color: #eee;
    margin-top: 0px;
    text-align: left !important; }
  #trashreport-container #cmbAgentSelect_container, #trashreport-container #filterField_container {
    display: inline-block; }
  #trashreport-container .item.odd {
    background-color: #f9f9f9; }
  #trashreport-container .item:hover {
    background-color: #f5f5f5; }
  #trashreport-container .searchFilterInput {
    max-width: 180px; }
  #trashreport-container .searchFilterHint {
    font-size: 0.6em;
    margin: 0;
    height: 10px;
    margin-top: -10px;
    color: #d76e19; }
  #trashreport-container .loadbutton {
    background-color: #bf616a !important; }
  #trashreport-container table.md-table:not(.md-row-select) th.md-column:first-child {
    padding: 0 5px; }
  #trashreport-container table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 0px 0 25px; }
  #trashreport-container table.md-table th.md-column:last-child {
    padding: 0 0px 0 25px; }

bng-selector {
  padding: 0;
  background-color: #fff;
  border: 1px solid #ccc; }
  bng-selector .bng-selector.disabled {
    background-color: #ddd; }
  bng-selector .bng-selector-selected {
    width: 100%;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    cursor: pointer; }
  bng-selector .bng-selector.disabled .bng-selector-selected {
    cursor: not-allowed; }
  bng-selector .bng-selector-selected i.fa-times {
    margin-right: 5px;
    font-size: 10px;
    margin-top: 10px; }
  bng-selector .bng-selector-selected i.fa-times:hover {
    color: #000; }
  bng-selector .bng-selector.disabled .bng-selector-selected i.fa-times:hover {
    color: #666; }
  bng-selector .bng-selector-selected i {
    float: right;
    margin-top: 8px;
    color: #666; }
  bng-selector .bng-selector-filter {
    position: absolute;
    z-index: 999;
    width: 100%;
    padding-right: 30px;
    margin-left: -1px; }
  bng-selector .bng-selector-filter-area {
    background-color: #fff;
    border: 1px solid #ccc;
    padding-left: 5px;
    padding-right: 5px;
    border-top: none; }
  bng-selector .bng-selector-filter-area.bng-selector-show-input:after {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 13px;
    color: #666;
    position: absolute;
    top: 5px;
    right: 45px; }
  bng-selector .bng-selector-filter-area .bng-selector-filter-input {
    width: 100%;
    outline: none; }
  bng-selector .bng-selector-filter-area ul {
    padding: 0;
    list-style: none;
    max-height: 200px;
    overflow: auto; }
  bng-selector .bng-selector-filter-area ul li:first-child {
    margin-top: 10px; }
  bng-selector .bng-selector-filter-area ul li.bng-selector-option {
    line-height: 35px;
    padding-left: 5px;
    cursor: pointer; }
  bng-selector .bng-selector-filter-area ul li.bng-selector-option:hover {
    background-color: #428bca;
    color: #fff; }

[min-wager-amount].wagerFollowBackbone, [min-wager-amount] .wagerFollowBackbone {
  background-color: #e2e2e2 !important;
  color: #c7c7c7 !important; }

#CopyTable .md-button.md-button.btnSelect {
  margin-left: 0px; }

#CopyTable .md-button.btnSelect:disabled {
  background-color: #f7ac6fd1 !important; }
  #CopyTable .md-button.btnSelect:disabled md-icon {
    color: #cccccc; }

#CopyTable md-input-container.cog-input-container {
  font-size: 1.1em; }

#CopyTable .sections-container {
  margin: 6px; }
  #CopyTable .sections-container md-input-container p {
    margin: 8px 0; }

#CopyTable .select-settings-container, #CopyTable .select-account-container {
  margin: 10px; }

#CopyTable .select-account-container {
  margin-left: 0px; }

#CopyTable .section-header {
  margin-bottom: 5px;
  font-weight: 700;
  color: #aaaaaa; }

.cellSummaryClass {
  font-size: 14px;
  font-weight: normal; }

.titleClass {
  color: #000; }

.subTitleClass {
  background-color: #2c2e40;
  color: #fff; }

#cogbackbone-summary-container,
.cog-live-delay-container {
  /*RED */
  /*BLUE*/
  /*GREEN*/
  /*table > thead > tr > th:first-child {
        @media screen and (max-width: 580px) {
            position: absolute;
            width: 160px;
            @-moz-document url-prefix() {
                height: 58.8px;
            }
        }
    }
    .table > tbody > tr > td:first-child {
        @media screen and (max-width: 580px) {
            position: absolute;
            width: 160px;
            @-moz-document url-prefix() {
                height: 58.8px;
            }
        }
    }*/
  /*.backgroupOneAmount {
        height: 25px;
        width: 25px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
    }*/ }
  #cogbackbone-summary-container .searchSaveButton,
  .cog-live-delay-container .searchSaveButton {
    background-color: #076429;
    color: #fff; }
  #cogbackbone-summary-container .highlightBBSearch,
  .cog-live-delay-container .highlightBBSearch {
    font-weight: 700;
    color: darkred; }
    #cogbackbone-summary-container .highlightBBSearch::before,
    .cog-live-delay-container .highlightBBSearch::before {
      font-family: FontAwesome;
      content: "\f101";
      padding-right: 5px; }
    #cogbackbone-summary-container .highlightBBSearch::after,
    .cog-live-delay-container .highlightBBSearch::after {
      font-family: FontAwesome;
      content: "\f100";
      padding-left: 5px; }
  #cogbackbone-summary-container .searchBar,
  .cog-live-delay-container .searchBar {
    background: #53646d; }
    #cogbackbone-summary-container .searchBar md-autocomplete-wrap,
    .cog-live-delay-container .searchBar md-autocomplete-wrap {
      background: #ffed94; }
    #cogbackbone-summary-container .searchBar input:disabled,
    .cog-live-delay-container .searchBar input:disabled {
      background: #e8e8e4; }
  #cogbackbone-summary-container .acc-srch-bar md-autocomplete,
  .cog-live-delay-container .acc-srch-bar md-autocomplete {
    min-width: 250px !important;
    width: 250px !important; }
  #cogbackbone-summary-container .button.color,
  .cog-live-delay-container .button.color {
    padding: 7px 6px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    font: bold 10px arial, helvetica, sans-serif;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3) inset; }
  #cogbackbone-summary-container .button.red,
  .cog-live-delay-container .button.red {
    background-color: #c43c35;
    border-color: #c43c35; }
  #cogbackbone-summary-container .button.red:hover,
  .cog-live-delay-container .button.red:hover {
    background-color: #ee5f5b; }
  #cogbackbone-summary-container .button.red:active,
  .cog-live-delay-container .button.red:active {
    background: #c43c35; }
  #cogbackbone-summary-container .button.blue,
  .cog-live-delay-container .button.blue {
    background-color: #5a7c9e;
    border-color: #5a7c9e; }
  #cogbackbone-summary-container .button.blue:hover,
  .cog-live-delay-container .button.blue:hover {
    background-color: #0080ff; }
  #cogbackbone-summary-container .button.blue:active,
  .cog-live-delay-container .button.blue:active {
    background: #5a7c9e; }
  #cogbackbone-summary-container .button.blue[disabled],
  .cog-live-delay-container .button.blue[disabled] {
    background: #bfbfbf;
    border-color: #bfbfbf;
    color: rgba(0, 0, 0, 0.5);
    font-weight: normal; }
  #cogbackbone-summary-container .button.green,
  .cog-live-delay-container .button.green {
    background-color: #6b9e5a;
    border-color: #6b9e5a; }
  #cogbackbone-summary-container .button.green:hover,
  .cog-live-delay-container .button.green:hover {
    background-color: #7ac760; }
  #cogbackbone-summary-container .button.green:active,
  .cog-live-delay-container .button.green:active {
    background: #6b9e5a; }
  #cogbackbone-summary-container .button.green:disabled,
  .cog-live-delay-container .button.green:disabled {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.5); }
  #cogbackbone-summary-container .button.red.small,
  .cog-live-delay-container .button.red.small {
    min-height: 31px;
    min-width: 29px; }
  #cogbackbone-summary-container .button.large,
  .cog-live-delay-container .button.large {
    padding: 5px 10px;
    text-transform: uppercase;
    font: bold 12px arial, helvetica, sans-serif; }
  #cogbackbone-summary-container .table > thead > tr > td, #cogbackbone-summary-container .table > thead > tr > th, #cogbackbone-summary-container .table > tbody > tr > th, #cogbackbone-summary-container .table > tbody > tr > td,
  .cog-live-delay-container .table > thead > tr > td,
  .cog-live-delay-container .table > thead > tr > th,
  .cog-live-delay-container .table > tbody > tr > th,
  .cog-live-delay-container .table > tbody > tr > td {
    vertical-align: middle;
    padding: 0px; }
  #cogbackbone-summary-container .tableheader,
  .cog-live-delay-container .tableheader {
    background: #dcdcdc;
    border-color: #cccccc !important;
    border-style: solid;
    border-width: thin;
    color: #505050;
    font-size: 0.9em;
    font-weight: normal;
    padding: 2px 0px;
    white-space: nowrap;
    /*span {
            color: rgba(0, 0, 0, 0.5);
        }*/ }
  #cogbackbone-summary-container .tableheaderMobile,
  .cog-live-delay-container .tableheaderMobile {
    background: #dcdcdc;
    border-color: #cccccc !important;
    border-style: solid;
    border-width: thin;
    color: rgba(0, 0, 0, 0.3);
    font-size: 0.9em;
    padding: 2px 0px;
    white-space: nowrap;
    min-width: 180px; }
    #cogbackbone-summary-container .tableheaderMobile span,
    .cog-live-delay-container .tableheaderMobile span {
      color: rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 580px) {
      #cogbackbone-summary-container .tableheaderMobile,
      .cog-live-delay-container .tableheaderMobile {
        min-width: 160px; } }
  #cogbackbone-summary-container .tablebuttonheader,
  .cog-live-delay-container .tablebuttonheader {
    width: 10px !important;
    min-width: 10px !important; }
  #cogbackbone-summary-container .leagueOffHeader,
  .cog-live-delay-container .leagueOffHeader {
    background: #dcdcdc;
    border-color: #cccccc !important;
    border-style: solid;
    border-width: thin;
    color: rgba(0, 0, 0, 0.3);
    font-size: 0.9em;
    padding: 2px 8px;
    white-space: nowrap;
    width: 100px; }
    #cogbackbone-summary-container .leagueOffHeader span,
    .cog-live-delay-container .leagueOffHeader span {
      color: rgba(0, 0, 0, 0.5); }
  #cogbackbone-summary-container .cellButtonClass,
  .cog-live-delay-container .cellButtonClass {
    width: 100px;
    /*.bluebutton {
            background-color: #5a7c9e;
            border-color: #5a7c9e;
            color: #fff;
        }

        .bluebutton:hover{
            background-color: #0080ff;
        }
        
        .bluebutton:active{
            background: #0080ff;
        }

        .bluebutton:disabled{
            background-color: rgba(0, 0, 0, 0.5);
        }*/ }
    #cogbackbone-summary-container .cellButtonClass .md-button,
    .cog-live-delay-container .cellButtonClass .md-button {
      min-width: 45px !important;
      min-height: 30px !important;
      line-height: 30px !important;
      text-transform: uppercase;
      /*text-shadow: 0 1px 0 rgba(0,0,0,.2);*/
      font: 12px arial, helvetica, sans-serif;
      border-radius: 3px; }
  #cogbackbone-summary-container .cellJuiceClass,
  .cog-live-delay-container .cellJuiceClass {
    width: 90px;
    white-space: nowrap; }
    #cogbackbone-summary-container .cellJuiceClass .md-button,
    .cog-live-delay-container .cellJuiceClass .md-button {
      min-width: 45px !important;
      min-height: 30px !important;
      line-height: 30px !important;
      text-transform: uppercase;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
      font: 12px arial, helvetica, sans-serif;
      border-radius: 3px;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 2px 2px -1px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3) inset; }
  #cogbackbone-summary-container .cellJuiceClass.storeColumn,
  .cog-live-delay-container .cellJuiceClass.storeColumn {
    width: 120px !important; }
  #cogbackbone-summary-container .cellEqualClass,
  .cog-live-delay-container .cellEqualClass {
    width: 20px; }
  #cogbackbone-summary-container .md-input-cogbackbone-container,
  .cog-live-delay-container .md-input-cogbackbone-container {
    display: inline-block;
    position: relative;
    padding: 0px;
    margin: 0px 0;
    vertical-align: top;
    min-width: 0px; }
    @media only screen and (max-width: 580px) {
      #cogbackbone-summary-container .md-input-cogbackbone-container,
      .cog-live-delay-container .md-input-cogbackbone-container {
        min-width: 70px; } }
  #cogbackbone-summary-container .md-cogbackbone-switch,
  .cog-live-delay-container .md-cogbackbone-switch {
    margin-left: 30px; }
  #cogbackbone-summary-container .csHeaderInput,
  .cog-live-delay-container .csHeaderInput {
    width: 150px;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    border-width: thin !important;
    margin-top: 2px;
    margin-bottom: 2px; }
  #cogbackbone-summary-container .headerBottomBorder,
  .cog-live-delay-container .headerBottomBorder {
    border-bottom-color: darkgray;
    border-bottom-style: solid;
    border-bottom-width: thin !important;
    height: 40px !important;
    white-space: nowrap; }
  #cogbackbone-summary-container .headerBottomBorderMobile,
  .cog-live-delay-container .headerBottomBorderMobile {
    border-bottom-color: darkgray;
    border-bottom-style: solid;
    border-bottom-width: thin !important;
    height: 40px !important;
    min-width: 200px;
    white-space: normal; }
  #cogbackbone-summary-container .headerlblOverride,
  .cog-live-delay-container .headerlblOverride {
    font-size: 14px;
    color: #5a7c9e; }
  #cogbackbone-summary-container .headerButton,
  .cog-live-delay-container .headerButton {
    margin-left: 0px;
    margin-right: 0px;
    background-color: #2c2e40;
    color: #ccc !important;
    font-size: 0.8em; }
  #cogbackbone-summary-container #cogbackbone-summary-settings,
  #cogbackbone-summary-container .live-delay-settings,
  .cog-live-delay-container #cogbackbone-summary-settings,
  .cog-live-delay-container .live-delay-settings {
    margin-top: 0px; }
    #cogbackbone-summary-container #cogbackbone-summary-settings .backbone-input,
    #cogbackbone-summary-container .live-delay-settings .backbone-input,
    .cog-live-delay-container #cogbackbone-summary-settings .backbone-input,
    .cog-live-delay-container .live-delay-settings .backbone-input {
      width: 60px;
      text-align: center;
      font-size: 1.1em;
      font-weight: bold;
      border: none; }
      @media only screen and (max-width: 600px) {
        #cogbackbone-summary-container #cogbackbone-summary-settings .backbone-input,
        #cogbackbone-summary-container .live-delay-settings .backbone-input,
        .cog-live-delay-container #cogbackbone-summary-settings .backbone-input,
        .cog-live-delay-container .live-delay-settings .backbone-input {
          font-size: 14px !important; } }
    #cogbackbone-summary-container #cogbackbone-summary-settings .csJuice,
    #cogbackbone-summary-container .live-delay-settings .csJuice,
    .cog-live-delay-container #cogbackbone-summary-settings .csJuice,
    .cog-live-delay-container .live-delay-settings .csJuice {
      width: 60px;
      text-align: center;
      font-size: 1.1em;
      font-weight: bold;
      border-width: thin !important; }
    #cogbackbone-summary-container #cogbackbone-summary-settings .BB_Title_header,
    #cogbackbone-summary-container .live-delay-settings .BB_Title_header,
    .cog-live-delay-container #cogbackbone-summary-settings .BB_Title_header,
    .cog-live-delay-container .live-delay-settings .BB_Title_header {
      margin-left: 10px;
      padding: 5px; }
    #cogbackbone-summary-container #cogbackbone-summary-settings .subTitleCategoryLink,
    #cogbackbone-summary-container .live-delay-settings .subTitleCategoryLink,
    .cog-live-delay-container #cogbackbone-summary-settings .subTitleCategoryLink,
    .cog-live-delay-container .live-delay-settings .subTitleCategoryLink {
      font-size: 16px;
      font-weight: normal;
      display: inline;
      vertical-align: top;
      font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif;
      text-decoration: underline;
      cursor: pointer; }
      @media only screen and (max-width: 1024px) {
        #cogbackbone-summary-container #cogbackbone-summary-settings .subTitleCategoryLink,
        #cogbackbone-summary-container .live-delay-settings .subTitleCategoryLink,
        .cog-live-delay-container #cogbackbone-summary-settings .subTitleCategoryLink,
        .cog-live-delay-container .live-delay-settings .subTitleCategoryLink {
          font-size: 14px !important; } }
    #cogbackbone-summary-container #cogbackbone-summary-settings .subTitleCategory,
    #cogbackbone-summary-container .live-delay-settings .subTitleCategory,
    .cog-live-delay-container #cogbackbone-summary-settings .subTitleCategory,
    .cog-live-delay-container .live-delay-settings .subTitleCategory {
      font-size: 16px;
      font-weight: normal;
      display: inline;
      vertical-align: top;
      font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif; }
      @media only screen and (max-width: 1024px) {
        #cogbackbone-summary-container #cogbackbone-summary-settings .subTitleCategory,
        #cogbackbone-summary-container .live-delay-settings .subTitleCategory,
        .cog-live-delay-container #cogbackbone-summary-settings .subTitleCategory,
        .cog-live-delay-container .live-delay-settings .subTitleCategory {
          font-size: 14px !important; } }
  #cogbackbone-summary-container .rowSaveButton,
  .cog-live-delay-container .rowSaveButton {
    margin-right: 10px; }
  #cogbackbone-summary-container md-switch,
  .cog-live-delay-container md-switch {
    margin: 2px; }
  #cogbackbone-summary-container .tree-icon,
  .cog-live-delay-container .tree-icon {
    cursor: pointer;
    border-radius: 150%;
    min-height: 15px;
    min-width: 15px;
    margin-top: -2px;
    width: 18px;
    height: 24px; }
    #cogbackbone-summary-container .tree-icon:hover,
    .cog-live-delay-container .tree-icon:hover {
      background-color: #DD0011 !important;
      color: #fff !important;
      border-radius: 150%; }
  @media only screen and (max-width: 600px) {
    #cogbackbone-summary-container .GameNameClass,
    .cog-live-delay-container .GameNameClass {
      font-size: 12px !important; } }
  #cogbackbone-summary-container .store-storelist,
  .cog-live-delay-container .store-storelist {
    min-width: 100% !important;
    max-width: 100% !important;
    display: inline-block;
    position: relative;
    padding: 0px;
    margin: 0px 0;
    vertical-align: top;
    min-width: 0px; }
    #cogbackbone-summary-container .store-storelist .md-select-value,
    .cog-live-delay-container .store-storelist .md-select-value {
      border-bottom-style: none !important; }
  #cogbackbone-summary-container .store-storelist-lineset,
  .cog-live-delay-container .store-storelist-lineset {
    min-width: 0px !important;
    max-width: 100px !important;
    display: inline-block;
    position: relative;
    padding: 0px;
    margin: 0px 0;
    vertical-align: top;
    min-width: 0px; }
    #cogbackbone-summary-container .store-storelist-lineset .md-select-value,
    .cog-live-delay-container .store-storelist-lineset .md-select-value {
      border-bottom-style: none !important; }
  #cogbackbone-summary-container tr.hoverChilds,
  .cog-live-delay-container tr.hoverChilds {
    background-color: #eceaea;
    color: #006700;
    height: 50px !important; }
  #cogbackbone-summary-container .hasDifferenceClass,
  .cog-live-delay-container .hasDifferenceClass {
    color: #ef6c00;
    font-size: 0.8em; }
  #cogbackbone-summary-container .AdjSeparator,
  .cog-live-delay-container .AdjSeparator {
    color: #cccccc;
    font-size: 0.8em; }
  #cogbackbone-summary-container md-switch.csPlayerYesNoOverrides.md-checked .md-thumb,
  #cogbackbone-summary-container md-switch.csPlayerYesNoOverrides.md-checked .md-bar, #cogbackbone-summary-container md-switch.csPlayerLimit.md-checked .md-thumb,
  #cogbackbone-summary-container md-switch.csPlayerLimit.md-checked .md-bar,
  .cog-live-delay-container md-switch.csPlayerYesNoOverrides.md-checked .md-thumb,
  .cog-live-delay-container md-switch.csPlayerYesNoOverrides.md-checked .md-bar,
  .cog-live-delay-container md-switch.csPlayerLimit.md-checked .md-thumb,
  .cog-live-delay-container md-switch.csPlayerLimit.md-checked .md-bar {
    background-color: #0026ff; }
  #cogbackbone-summary-container md-switch.csPlayerYesNoOverrides.md-checked .md-bar, #cogbackbone-summary-container md-switch.csPlayerLimit.md-checked .md-bar,
  .cog-live-delay-container md-switch.csPlayerYesNoOverrides.md-checked .md-bar,
  .cog-live-delay-container md-switch.csPlayerLimit.md-checked .md-bar {
    background-color: #c6cdf8; }
  #cogbackbone-summary-container md-switch.csPlayerYesNoOverrides.ng-empty .md-thumb,
  #cogbackbone-summary-container md-switch.csPlayerYesNoOverrides.ng-empty .md-bar, #cogbackbone-summary-container md-switch.csPlayerLimit.ng-empty .md-thumb,
  #cogbackbone-summary-container md-switch.csPlayerLimit.ng-empty .md-bar,
  .cog-live-delay-container md-switch.csPlayerYesNoOverrides.ng-empty .md-thumb,
  .cog-live-delay-container md-switch.csPlayerYesNoOverrides.ng-empty .md-bar,
  .cog-live-delay-container md-switch.csPlayerLimit.ng-empty .md-thumb,
  .cog-live-delay-container md-switch.csPlayerLimit.ng-empty .md-bar {
    background-color: #b9bdda; }
  #cogbackbone-summary-container md-switch.csPlayerLimitDisable.md-checked .md-thumb,
  #cogbackbone-summary-container md-switch.csPlayerLimitDisable.md-checked .md-bar,
  .cog-live-delay-container md-switch.csPlayerLimitDisable.md-checked .md-thumb,
  .cog-live-delay-container md-switch.csPlayerLimitDisable.md-checked .md-bar {
    background-color: #8a98e2; }
  #cogbackbone-summary-container md-switch.csPlayerLimitDisable.md-checked .md-bar,
  .cog-live-delay-container md-switch.csPlayerLimitDisable.md-checked .md-bar {
    background-color: #0026ff; }
  #cogbackbone-summary-container input.csPlayerYesNoOverrides, #cogbackbone-summary-container input.csPlayerLimit,
  .cog-live-delay-container input.csPlayerYesNoOverrides,
  .cog-live-delay-container input.csPlayerLimit {
    color: #0026ff; }
  #cogbackbone-summary-container input.csWagerLimit,
  .cog-live-delay-container input.csWagerLimit {
    color: #ff6a00; }
  #cogbackbone-summary-container input.csPlayerLimitDisable,
  .cog-live-delay-container input.csPlayerLimitDisable {
    color: #8a98e2; }
  #cogbackbone-summary-container .logos,
  #cogbackbone-summary-container md-icon:not(.hint-icon),
  .cog-live-delay-container .logos,
  .cog-live-delay-container md-icon:not(.hint-icon) {
    width: 34px;
    height: 22px; }
  #cogbackbone-summary-container md-icon.Icons,
  .cog-live-delay-container md-icon.Icons {
    margin-left: 10px; }
  #cogbackbone-summary-container .tablerow,
  .cog-live-delay-container .tablerow {
    height: 10px; }
    #cogbackbone-summary-container .tablerow.level-3 td, #cogbackbone-summary-container .tablerow.level-4 td, #cogbackbone-summary-container .tablerow.level-5 td,
    .cog-live-delay-container .tablerow.level-3 td,
    .cog-live-delay-container .tablerow.level-4 td,
    .cog-live-delay-container .tablerow.level-5 td {
      border-top-color: #d3d3d3; }
  #cogbackbone-summary-container .BB_Title_header md-icon,
  .cog-live-delay-container .BB_Title_header md-icon {
    width: auto !important; }
  @media only screen and (min-width: 1024px) {
    #cogbackbone-summary-container .BB_Title_header,
    .cog-live-delay-container .BB_Title_header {
      font-size: 12px; } }
  #cogbackbone-summary-container .label-restriccions,
  .cog-live-delay-container .label-restriccions {
    color: #c32b00;
    font: bold 12px arial, helvetica, sans-serif; }
  #cogbackbone-summary-container #CopyTable,
  .cog-live-delay-container #CopyTable {
    /*.copylblPlayerName{
            color: #c32b00;
            font-size: 20px;
        }*/ }
    #cogbackbone-summary-container #CopyTable .copylblTitle,
    .cog-live-delay-container #CopyTable .copylblTitle {
      font-size: 18px !important;
      color: #000 !important; }
      @media only screen and (max-width: 600px) {
        #cogbackbone-summary-container #CopyTable .copylblTitle,
        .cog-live-delay-container #CopyTable .copylblTitle {
          font-size: 12px !important; } }
    #cogbackbone-summary-container #CopyTable .copylblFooter,
    .cog-live-delay-container #CopyTable .copylblFooter {
      font-size: 16px !important;
      color: #000 !important; }
      @media only screen and (max-width: 600px) {
        #cogbackbone-summary-container #CopyTable .copylblFooter,
        .cog-live-delay-container #CopyTable .copylblFooter {
          font-size: 14px !important; } }
    #cogbackbone-summary-container #CopyTable .md-button.md-button.copySend,
    .cog-live-delay-container #CopyTable .md-button.md-button.copySend {
      margin-left: 0px;
      min-width: 150px;
      min-height: 60px;
      font-size: 18px; }
    #cogbackbone-summary-container #CopyTable .md-button.copySend:disabled,
    .cog-live-delay-container #CopyTable .md-button.copySend:disabled {
      background-color: #f7ac6fd1 !important; }
      #cogbackbone-summary-container #CopyTable .md-button.copySend:disabled md-icon,
      .cog-live-delay-container #CopyTable .md-button.copySend:disabled md-icon {
        color: #cccccc; }
    #cogbackbone-summary-container #CopyTable .bb-srch-bar,
    .cog-live-delay-container #CopyTable .bb-srch-bar {
      font-size: 14px;
      box-sizing: border-box;
      border: none;
      box-shadow: none;
      outline: none;
      background: transparent;
      width: 100%;
      padding: 0 0px;
      line-height: 40px; }
      #cogbackbone-summary-container #CopyTable .bb-srch-bar input,
      .cog-live-delay-container #CopyTable .bb-srch-bar input {
        height: 45px;
        color: #c32b00;
        font-size: 20px;
        padding: 0 15px; }
    #cogbackbone-summary-container #CopyTable .copyOptionsWidth,
    .cog-live-delay-container #CopyTable .copyOptionsWidth {
      min-width: 130px !important; }
      #cogbackbone-summary-container #CopyTable .copyOptionsWidth md-autocomplete,
      .cog-live-delay-container #CopyTable .copyOptionsWidth md-autocomplete {
        min-width: 200px !important;
        max-width: 335px !important; }
    #cogbackbone-summary-container #CopyTable .copyOptionsFont,
    .cog-live-delay-container #CopyTable .copyOptionsFont {
      font-size: 12px !important; }
  #cogbackbone-summary-container .BB_Header_Main,
  .cog-live-delay-container .BB_Header_Main {
    min-width: 600px; }
  #cogbackbone-summary-container .BBSectionWidth,
  .cog-live-delay-container .BBSectionWidth {
    min-width: 600px; }
  #cogbackbone-summary-container .BBJuiceSectionWidth,
  .cog-live-delay-container .BBJuiceSectionWidth {
    max-width: 100%; }

.cog-main-container .tree-icon {
  margin-right: 0px !important; }

.backbone-form-container {
  font-size: 0.9em !important;
  text-transform: uppercase;
  /*.md-button-rayo {
        margin-left: 0px;
        min-width: 150px;
        min-height: 60px;
        font-size: 18px;
    }*/
  /*.headerSeparator {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 3%;
        flex: 1 1 3%;
        max-width: 3% !important;
        max-height: 100%;
        box-sizing: border-box;
    }*/ }
  .backbone-form-container .bb-searchInput {
    margin-left: 10px;
    min-width: none;
    max-width: 300px; }
  .backbone-form-container .remove-blue-btn {
    font-size: 12px;
    background-color: black !important;
    padding: 0 8px;
    cursor: pointer;
    color: #95ebfa !important; }
    .backbone-form-container .remove-blue-btn i {
      color: #f7c466;
      scale: 1.3; }
    .backbone-form-container .remove-blue-btn .label {
      margin-left: 5px; }
    .backbone-form-container .remove-blue-btn:hover {
      background-color: #680000 !important;
      color: #ffffff !important; }
    .backbone-form-container .remove-blue-btn:disabled {
      background-color: #e4e4e4 !important;
      color: #bbbbbb !important; }
      .backbone-form-container .remove-blue-btn:disabled i {
        color: silver; }
  .backbone-form-container md-select {
    min-width: 150px !important;
    height: auto !important;
    margin: 0px;
    display: inline-block; }
  .backbone-form-container md-input-container {
    margin: 0px;
    display: inline-block; }
  .backbone-form-container .displayOptions {
    margin-left: 10px; }
  .backbone-form-container .color-hint-container .hint-btn {
    width: 24px !important;
    height: 24px !important;
    min-height: 24px;
    min-width: 24px;
    padding: 4px;
    margin: 0;
    background-color: #5f70af; }
    .backbone-form-container .color-hint-container .hint-btn md-icon {
      color: #ffffff;
      width: 18px !important;
      height: 18px !important;
      min-height: 18px;
      min-width: 18px;
      margin-top: -3px;
      margin-left: -1px;
      scale: 0.7; }

.backbone-color-hint-content md-menu-item {
  font-size: 13px;
  height: 24px;
  line-height: 24px;
  min-height: 24px;
  padding: 5px 10px;
  border-bottom: solid 1px #d3d3d3; }

.backbone-color-hint-content .hint-agent {
  color: darkred; }

.backbone-color-hint-content .hint-player-wager {
  color: #ff6a00; }

.backbone-color-hint-content .hint-player-override {
  color: #0026ff; }

.backbone-color-hint-content .hint-default {
  color: black; }

md-select-menu, md-select-menu md-content {
  max-height: 500px !important; }

.ddLinesetTable {
  min-width: 750px !important;
  text-align: center; }

.ddLinesetTable > tbody > tr > td:first-child {
  width: 150px !important;
  text-align: left; }

.ddLinesetTable > tbody > tr > td {
  text-align: left;
  padding-left: 10px !important;
  width: 115px !important; }

.ddLinesetTable > tbody > tr > td.tableheader {
  background: #dcdcdc;
  border-color: #cccccc !important;
  border-style: solid;
  border-width: thin;
  color: rgba(0, 0, 0, 0.3);
  font-size: 0.9em;
  padding: 2px 0px;
  white-space: nowrap; }
  .ddLinesetTable > tbody > tr > td.tableheader span {
    color: rgba(0, 0, 0, 0.5); }

.text-bb-error {
  background-color: #c43c35 !important;
  color: #e0e0e0 !important; }

md-virtual-repeat-container.bbOrganizationSearchContainer {
  min-width: 400px !important; }
  md-virtual-repeat-container.bbOrganizationSearchContainer .md-autocomplete-suggestions li {
    line-height: inherit;
    border-bottom: solid 1px #d1d1d1;
    padding-top: 8px; }
    md-virtual-repeat-container.bbOrganizationSearchContainer .md-autocomplete-suggestions li .path {
      font-size: 0.85em;
      opacity: 0.5; }
    md-virtual-repeat-container.bbOrganizationSearchContainer .md-autocomplete-suggestions li .highlight {
      color: darkred;
      font-weight: 700; }

#CogAddTransactionsCashier .cogcashier-options-toolbar {
  min-height: 45px;
  height: 45px; }

#CogAddTransactionsCashier .md-table tbody tr td {
  border: 1px solid #d8d8d8; }

#CogAddTransactionsCashier md-select {
  margin: 0;
  border: none; }

#CogAddTransactionsCashier #transactionTableData {
  overflow: visible; }
  #CogAddTransactionsCashier #transactionTableData .amount-info {
    margin-right: 5px;
    color: #91eeff;
    cursor: help; }
  #CogAddTransactionsCashier #transactionTableData table thead tr th, #CogAddTransactionsCashier #transactionTableData table thead tr span {
    font-size: 10pt !important; }
  #CogAddTransactionsCashier #transactionTableData .md-datepicker-input {
    font-size: 14px;
    letter-spacing: 0.005em;
    box-sizing: border-box;
    font-weight: 400; }
  #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row md-select {
    margin: 0;
    background: none !important;
    box-shadow: none;
    font-size: 1em !important; }
    #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row md-select.md-blue-grey-theme:not([disabled]):focus .md-select-value {
      border-bottom-color: #1f5060;
      border-bottom-width: 1px; }
  #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row .md-select-value {
    background: none !important;
    color: #FFF;
    text-align: center !important; }
  #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th:nth-child(1) {
    width: 12%; }
  #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th:nth-child(2),
  #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th:nth-child(4) {
    width: 12%; }
  #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th:nth-child(6) {
    width: 8%; }
  #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th:nth-child(3),
  #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th:nth-child(5),
  #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th:nth-child(7) {
    width: 8%; }
  #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th:nth-child(8) {
    width: 32%; }
  @media screen and (max-width: 599px) {
    #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row .th-toolbar {
      padding: 10px !important;
      /*font-size: 0.9em !important;*/ }
    #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th:nth-child(1) {
      width: 35%; }
    #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th:nth-child(3),
    #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th:nth-child(6) {
      width: 25%; }
    #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th:nth-child(4) {
      width: 15%; } }
  #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th.md-column:last-child {
    padding-right: 0; }
  #CogAddTransactionsCashier #transactionTableData thead.md-head > tr.md-row th.md-column .text-currency {
    padding-right: 10px !important; }
  #CogAddTransactionsCashier #transactionTableData .tb-custSearchInput {
    max-width: 100% !important;
    background: transparent;
    min-width: auto; }
    #CogAddTransactionsCashier #transactionTableData .tb-custSearchInput md-autocomplete-wrap {
      width: 80%;
      height: 26px;
      border: 1px solid #9e9797;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      box-shadow: none;
      display: inline-block; }
      #CogAddTransactionsCashier #transactionTableData .tb-custSearchInput md-autocomplete-wrap input {
        height: 24px;
        background: white; }
      #CogAddTransactionsCashier #transactionTableData .tb-custSearchInput md-autocomplete-wrap button {
        position: absolute;
        right: 0;
        top: -3px; }
  #CogAddTransactionsCashier #transactionTableData .input-box {
    box-sizing: border-box;
    width: 80%;
    padding: 0 15px;
    line-height: 25px;
    height: 25px;
    text-align: right;
    border: 1px solid #9e9797;
    position: relative;
    left: 50%;
    transform: translateX(-50%); }
  #CogAddTransactionsCashier #transactionTableData .textarea-box {
    width: 90%; }
  #CogAddTransactionsCashier #transactionTableData .groupX {
    min-width: initial;
    width: 100%;
    height: 47px; }

#CogAddTransactionsCashier .amountRed {
  color: red; }

#CogAddTransactionsCashier .amountGreen {
  color: green; }

#CogAddTransactionsCashier .btnAdd {
  background-color: #DD0011;
  color: #FFFFFF; }

#CogAddTransactionsCashier .btnSave {
  background-color: #6FC431;
  color: #FFFFFF; }

#CogAddTransactionsCashier .btnBlue {
  background-color: #2a76b7;
  color: #FFFFFF; }

#CogAddTransactionsCashier input:disabled, #CogAddTransactionsCashier button:disabled, #CogAddTransactionsCashier textarea:disabled {
  background-color: #dedede !important;
  color: white; }

#CogAddTransactionsCashier input.on:disabled, #CogAddTransactionsCashier button.on:disabled, #CogAddTransactionsCashier textarea.on:disabled {
  background-color: #a9ccaf !important;
  color: #fff; }

#CogAddTransactionsCashier input.off:disabled, #CogAddTransactionsCashier button.off:disabled, #CogAddTransactionsCashier textarea.off:disabled {
  background-color: #e0acac !important;
  color: #fff; }

#CogAddTransactionsCashier input.menuBtn:disabled, #CogAddTransactionsCashier button.menuBtn:disabled, #CogAddTransactionsCashier textarea.menuBtn:disabled {
  background-color: transparent !important;
  opacity: 0.2; }

#CogAddTransactionsCashier #transactionTableResult {
  overflow: visible; }
  #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row {
    height: 35px; }
    #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row md-select {
      margin: 0; }
    #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row th:nth-child(1),
    #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row th:nth-child(2),
    #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row th:nth-child(3),
    #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row th:nth-child(4),
    #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row th:nth-child(5),
    #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row th:nth-child(6),
    #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row th:nth-child(7) {
      width: 14.28%; }
    @media screen and (max-width: 959px) {
      #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row th:nth-child(1),
      #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row th:nth-child(4),
      #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row th:nth-child(2),
      #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row th:nth-child(3) {
        width: 20%; } }
    #CogAddTransactionsCashier #transactionTableResult thead.md-head > tr.md-row th.md-column:last-child {
      padding-right: 0; }

/* ----ONLY APPLY IN AGENT SITE - */
#AgTransactions {
  /*
    .md-data-table .th-toolbar,
    .md-table thead tr th span,
    .md-data-table .md-sort-icon {
        font-size: 1em !important;
    }
*/ }
  @media screen and (max-width: 599px) {
    #AgTransactions .addTransactions-options .width-100 {
      width: 100% !important;
      margin: 0 auto; } }
  @media screen and (min-width: 600px) {
    #AgTransactions {
      display: initial !important;
      position: initial !important; }
      #AgTransactions .addTransactions-options {
        margin-top: -55px;
        z-index: 500; } }
    @media screen and (min-width: 600px) and (max-width: 599px) {
      #AgTransactions .addTransactions-options .ag-btn-primary-1 {
        width: 100% !important;
        margin: 0 auto;
        border: 1px solid red; } }
  #AgTransactions .group-button .md-button.groupX,
  #AgTransactions .group-button .md-button.groupY {
    font-size: 12px;
    margin: 0px;
    padding: 2px;
    background-color: rgba(200, 200, 200, 0.3);
    text-transform: none;
    font-weight: 400;
    line-height: 20px;
    height: 40px !important;
    min-height: 30px;
    min-width: 50px !important; }
    @media screen and (max-width: 599px) {
      #AgTransactions .group-button .md-button.groupX,
      #AgTransactions .group-button .md-button.groupY {
        height: 35px !important;
        min-height: 30px;
        min-width: 40px !important; } }
  #AgTransactions .group-button .md-button.groupX.left {
    border-radius: 0 !important;
    padding-left: 5px;
    padding-right: 5px; }
  #AgTransactions .group-button .md-button.groupX.right {
    border-radius: 0 !important;
    padding-left: 5px;
    padding-right: 5px; }
  #AgTransactions .contentTable,
  #AgTransactions .cashier-items-container .ag-table-container,
  #AgTransactions .cashier-transactions-container {
    margin: 0; }
    #AgTransactions .contentTable::-webkit-scrollbar,
    #AgTransactions .cashier-items-container .ag-table-container::-webkit-scrollbar,
    #AgTransactions .cashier-transactions-container::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      background: rgba(0, 0, 0, 0.1);
      transition: all .2s; }
    #AgTransactions .contentTable::-webkit-scrollbar-thumb,
    #AgTransactions .cashier-items-container .ag-table-container::-webkit-scrollbar-thumb,
    #AgTransactions .cashier-transactions-container::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.35);
      border-radius: 4px;
      transition: all .2s; }
  #AgTransactions .cashier-items-container.expanded {
    height: 100%;
    width: 100%;
    /*max-height: calc(100vh - 170px);
            @media screen and (max-width: 425px) {
                max-height: calc(100vh - 320px);
            }*/ }
  #AgTransactions .cashier-transactions-container.expanded {
    height: 100%;
    /*max-height: calc(100vh - 250px);
            @media screen and (max-width: 425px) {
                max-height: calc(100vh - 400px);
            }*/ }
  #AgTransactions md-checkbox {
    margin-bottom: 0; }
  #AgTransactions #transactionTableData {
    overflow: visible; }
    #AgTransactions #transactionTableData .transaction-type-enabled {
      color: #6aa7bd;
      cursor: pointer; }
    #AgTransactions #transactionTableData md-autocomplete,
    #AgTransactions #transactionTableData md-autocomplete input:not(.md-input) {
      padding: 0 !important;
      box-shadow: none !important; }
    #AgTransactions #transactionTableData thead.md-head > tr.md-row md-select {
      margin: 0;
      background: none !important;
      box-shadow: none;
      font-size: 1em !important; }
      #AgTransactions #transactionTableData thead.md-head > tr.md-row md-select.md-blue-grey-theme:not([disabled]):focus .md-select-value {
        border-bottom-color: #1f5060;
        border-bottom-width: 1px; }
    #AgTransactions #transactionTableData thead.md-head > tr.md-row .md-select-value {
      background: none !important;
      color: #FFF;
      text-align: center !important; }
    #AgTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(1) {
      width: 12%; }
    #AgTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(2),
    #AgTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(4) {
      width: 12%; }
    #AgTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(6) {
      width: 8%; }
    #AgTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(3),
    #AgTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(5),
    #AgTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(7) {
      width: 8%; }
    #AgTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(8) {
      width: 32%; }
    @media screen and (max-width: 599px) {
      #AgTransactions #transactionTableData thead.md-head > tr.md-row .th-toolbar {
        padding: 10px !important;
        /*font-size: 0.9em !important;*/ }
      #AgTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(1) {
        width: 35%; }
      #AgTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(3),
      #AgTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(6) {
        width: 25%; }
      #AgTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(4) {
        width: 15%; } }
    #AgTransactions #transactionTableData thead.md-head > tr.md-row th.md-column:last-child {
      padding-right: 0; }
    #AgTransactions #transactionTableData thead.md-head > tr.md-row th.md-column .text-currency {
      padding-right: 10px !important; }
    #AgTransactions #transactionTableData.ag-table td {
      padding: 5px !important; }
      #AgTransactions #transactionTableData.ag-table td.text-currency {
        padding-right: 10px !important; }
      @media screen and (max-width: 667px) {
        #AgTransactions #transactionTableData.ag-table td {
          height: 40px; } }
      @media screen and (max-width: 1024px) {
        #AgTransactions #transactionTableData.ag-table td {
          padding: 1px 3px 5px 3px !important;
          /*@include xs {
                    padding: 0px !important;
                }*/ } }
    #AgTransactions #transactionTableData .tb-custSearchInput {
      max-width: 100% !important;
      background: transparent;
      min-width: auto; }
      #AgTransactions #transactionTableData .tb-custSearchInput md-autocomplete-wrap {
        width: 100%;
        height: 26px;
        border: none;
        border-bottom: 1px solid #9e9797;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        box-shadow: none;
        display: inline-block;
        padding: 0 0 0 5px; }
        #AgTransactions #transactionTableData .tb-custSearchInput md-autocomplete-wrap input {
          height: 24px;
          background: none; }
        #AgTransactions #transactionTableData .tb-custSearchInput md-autocomplete-wrap button {
          position: absolute;
          right: -10px;
          top: 25%; }
    #AgTransactions #transactionTableData .input-box {
      box-sizing: border-box;
      width: 100%;
      padding: 0 4px;
      height: 25px;
      text-align: right;
      border: none;
      border-bottom: 1px solid #9e9797;
      left: 50%;
      /*transform: translateX(-50%);*/
      background: none;
      border-radius: 0 !important; }
    #AgTransactions #transactionTableData .textarea-box {
      width: 90%; }
  #AgTransactions input:disabled,
  #AgTransactions button:disabled,
  #AgTransactions textarea:disabled {
    background-color: #dedede !important;
    color: white; }
  #AgTransactions input.on:disabled,
  #AgTransactions button.on:disabled,
  #AgTransactions textarea.on:disabled {
    background-color: #a9ccaf !important;
    color: #fff; }
  #AgTransactions input.off:disabled,
  #AgTransactions button.off:disabled,
  #AgTransactions textarea.off:disabled {
    background-color: #e0acac !important;
    color: #fff; }
  #AgTransactions #transactionTableResult {
    overflow: visible; }
    #AgTransactions #transactionTableResult thead.md-head > tr.md-row {
      height: 35px; }
      #AgTransactions #transactionTableResult thead.md-head > tr.md-row md-select {
        margin: 0; }
      #AgTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(1),
      #AgTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(2),
      #AgTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(3),
      #AgTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(4),
      #AgTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(5),
      #AgTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(6),
      #AgTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(7) {
        width: 14.28%; }
      @media screen and (max-width: 959px) {
        #AgTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(1),
        #AgTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(2),
        #AgTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(3) {
          width: 20%; }
        #AgTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(4) {
          width: 10%; } }
      #AgTransactions #transactionTableResult thead.md-head > tr.md-row th.md-column:last-child {
        padding-right: 0; }
      #AgTransactions #transactionTableResult thead.md-head > tr.md-row th.md-column.text-currency {
        padding-right: 0 !important; }
    #AgTransactions #transactionTableResult.ag-table td {
      padding: 5px 3px 5px 10px !important;
      font-size: 13px !important; }
      #AgTransactions #transactionTableResult.ag-table td md-autocomplete input:not(.md-input) {
        font-size: 13px !important; }
  #AgTransactions .errorMessage {
    color: #c62828;
    text-align: center; }
  #AgTransactions .cog-trans-comment {
    zoom: 0.65;
    font-size: 20px; }
  #AgTransactions .firstColumnHeader {
    position: absolute;
    z-index: 11;
    left: 0px;
    display: none; }
  #AgTransactions .contentColumnHeader {
    position: absolute;
    overflow: hidden;
    z-index: 10; }
  #AgTransactions .rightSide {
    width: 100%; }
  #AgTransactions #floatingTable md-select {
    margin: 0 0 0 10px !important;
    background: none !important;
    box-shadow: none !important; }
  #AgTransactions #floatingTable .md-select-value {
    background: none !important;
    color: #FFF;
    text-align: center !important; }

.cashierGlobalMenu .menuBtn {
  margin: 0;
  height: auto;
  line-height: normal;
  width: auto;
  min-height: auto;
  padding: 0;
  margin-left: 5px;
  border-radius: 0;
  color: #ffc94b; }
  .cashierGlobalMenu .menuBtn:disabled {
    background-color: transparent !important; }

.cashierGlobalMenuContent {
  background-color: #f3f3f3 !important; }
  .cashierGlobalMenuContent md-menu-item:not(:last-child) {
    border-bottom: solid 1px #e0e0e0; }

.cog-pdf-viewer {
  height: 100%; }
  .cog-pdf-viewer .__viewer-contents {
    height: 100%; }
  .cog-pdf-viewer .__thumbnails-container,
  .cog-pdf-viewer .__current-page-container {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto; }
  .cog-pdf-viewer .__thumbnails-container {
    max-width: 80px;
    padding: 10px; }
    @media screen and (min-width: 600px) {
      .cog-pdf-viewer .__thumbnails-container {
        max-width: 140px; } }
    .cog-pdf-viewer .__thumbnails-container [data-page-number] {
      width: 100%;
      cursor: pointer; }
      .cog-pdf-viewer .__thumbnails-container [data-page-number] canvas {
        border: 1px solid rgba(0, 0, 0, 0.5);
        transition: border-width .4s ease-in-out, border-color .4s ease-in-out; }
      .cog-pdf-viewer .__thumbnails-container [data-page-number] p {
        margin-top: 0;
        margin-bottom: 0;
        color: rgba(0, 0, 0, 0.75);
        font-size: .875em;
        text-align: center;
        transition: color .4s ease-in-out; }
      .cog-pdf-viewer .__thumbnails-container [data-page-number].__is-current canvas {
        border-width: 2px;
        border-color: #ff9800; }
      .cog-pdf-viewer .__thumbnails-container [data-page-number].__is-current p {
        color: #ff9800;
        font-weight: 600; }
    .cog-pdf-viewer .__thumbnails-container [data-page-number] + [data-page-number] {
      margin-top: 20px; }
  .cog-pdf-viewer .__current-page-container {
    position: relative; }
  .cog-pdf-viewer .__filename {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    margin: 8px auto;
    padding-right: 48px;
    padding-left: 48px;
    pointer-events: none; }
    .cog-pdf-viewer .__filename-title {
      margin: 0 auto;
      padding: 8px 10px;
      font-size: 14px;
      text-overflow: ellipsis;
      white-space: nowrap;
      background-color: rgba(255, 255, 255, 0.75);
      border-radius: 3px;
      overflow: hidden; }
  .cog-pdf-viewer .__canvas-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow-x: hidden;
    overflow-y: auto; }
    .cog-pdf-viewer .__canvas-container canvas {
      margin-top: 56px;
      margin-bottom: 64px;
      border: 1px solid rgba(0, 0, 0, 0.5); }
  .cog-pdf-viewer .__buttons-container {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    z-index: 3;
    pointer-events: none; }
    .cog-pdf-viewer .__buttons-container .md-button {
      min-width: 0; }
  .cog-pdf-viewer .__buttons-inner {
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.975);
    border-radius: 3px; }
    .cog-pdf-viewer .__buttons-inner * {
      pointer-events: all; }
  .cog-pdf-viewer .__buttons-pagination {
    display: block;
    min-width: 72px;
    padding: 4px;
    font-size: 1.125em;
    color: rgba(0, 0, 0, 0.5);
    text-align: center; }
    .cog-pdf-viewer .__buttons-pagination-current {
      color: #000;
      font-weight: 600; }

/* Communications */
.mail-wrapper {
  height: 100%;
  min-height: 250px; }

.communications {
  --color-primary: #6fa039;
  box-sizing: border-box; }
  .communications *,
  .communications *::before,
  .communications *::after {
    box-sizing: inherit; }
  .communications .communications-content {
    height: 100%; }
    .communications .communications-content.has-scroll {
      overflow-y: auto; }
    .communications .communications-content:not(.ag-wrapper) .mailbox-btn-compose.ag-btn-primary-1:not(.md-fab) {
      color: #000000 !important;
      background-color: var(--color-primary) !important;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important; }
    .communications .communications-content .md-focused,
    .communications .communications-content .md-button:not([disabled]).md-raised.md-focused,
    .communications .communications-content .md-button:not([disabled]).md-fab.md-focused {
      box-shadow: 0 1px 8px 2px rgba(34, 136, 187, 0.666667); }
    .communications .communications-content.ag-wrapper .md-focused,
    .communications .communications-content.ag-wrapper-secondary .md-focused {
      box-shadow: 0 1px 8px 2px rgba(34, 136, 187, 0.666667) !important; }
    .communications .communications-content .mailbox-item-actions-recipients .mail-read {
      cursor: pointer;
      font-size: 14px !important;
      text-decoration: underline; }
    .communications .communications-content .isDeleted {
      text-decoration: underline;
      color: #929292; }
    .communications .communications-content .notDeleted {
      text-decoration: underline;
      color: #235b6d; }
    .communications .communications-content .isExpanded {
      text-decoration: underline;
      color: #fff; }
  .communications .btn {
    padding-top: var(--btn-padding-y);
    padding-bottom: var(--btn-padding-y); }
    .communications .btn md-icon {
      color: inherit; }
    .communications .btn.md-fab {
      padding: 0 var(--btn-padding-x); }
  .communications button.btn {
    border: none; }
  .communications .md-button > md-icon + span,
  .communications .md-button > .fa + span,
  .communications .md-button > .zmdi + span {
    margin-left: 4px; }
  .communications .md-button[disabled], .communications .md-button.md-raised[disabled], .communications .md-button.md-fab[disabled], .communications .md-button.md-accent[disabled], .communications .md-button.md-warn[disabled] {
    cursor: not-allowed; }
  .communications .md-button.ag-btn-primary-1, .communications .md-button.ag-btn-secondary-1, .communications .md-button.ag-btn-tertiary-1 {
    min-width: 0; }
  .communications .md-button.md-fab {
    border-radius: 50% !important; }
    @media screen and (max-width: 599px) {
      .communications .md-button.md-fab {
        min-width: 56px !important;
        height: 56px !important;
        font-size: 14px !important;
        line-height: 56px !important; } }
    .communications .md-button.md-fab.ag-btn-primary-1, .communications .md-button.md-fab.ag-btn-secondary-1 {
      margin-right: 10px;
      font-size: 12px;
      font-weight: 700;
      font-family: "Montserrat", "Helvetica Neue", sans-serif;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
      .communications .md-button.md-fab.ag-btn-primary-1 md-icon,
      .communications .md-button.md-fab.ag-btn-primary-1 .fa,
      .communications .md-button.md-fab.ag-btn-primary-1 .zmdi, .communications .md-button.md-fab.ag-btn-secondary-1 md-icon,
      .communications .md-button.md-fab.ag-btn-secondary-1 .fa,
      .communications .md-button.md-fab.ag-btn-secondary-1 .zmdi {
        color: inherit;
        font-size: 1.5em; }
      .communications .md-button.md-fab.ag-btn-primary-1.md-primary md-icon,
      .communications .md-button.md-fab.ag-btn-primary-1.md-primary .fa,
      .communications .md-button.md-fab.ag-btn-primary-1.md-primary .zmdi, .communications .md-button.md-fab.ag-btn-primary-1.md-accent md-icon,
      .communications .md-button.md-fab.ag-btn-primary-1.md-accent .fa,
      .communications .md-button.md-fab.ag-btn-primary-1.md-accent .zmdi, .communications .md-button.md-fab.ag-btn-primary-1.md-warn md-icon,
      .communications .md-button.md-fab.ag-btn-primary-1.md-warn .fa,
      .communications .md-button.md-fab.ag-btn-primary-1.md-warn .zmdi, .communications .md-button.md-fab.ag-btn-secondary-1.md-primary md-icon,
      .communications .md-button.md-fab.ag-btn-secondary-1.md-primary .fa,
      .communications .md-button.md-fab.ag-btn-secondary-1.md-primary .zmdi, .communications .md-button.md-fab.ag-btn-secondary-1.md-accent md-icon,
      .communications .md-button.md-fab.ag-btn-secondary-1.md-accent .fa,
      .communications .md-button.md-fab.ag-btn-secondary-1.md-accent .zmdi, .communications .md-button.md-fab.ag-btn-secondary-1.md-warn md-icon,
      .communications .md-button.md-fab.ag-btn-secondary-1.md-warn .fa,
      .communications .md-button.md-fab.ag-btn-secondary-1.md-warn .zmdi {
        color: inherit; }
    .communications .md-button.md-fab.ag-btn-primary-1.md-raised[disabled] {
      background-color: rgba(0, 0, 0, 0.12); }
    .communications .md-button.md-fab.ag-btn-primary-2 {
      width: 35px; }
    .communications .md-button.md-fab.ag-btn-secondary-1 {
      padding-right: 6px !important; }
      .communications .md-button.md-fab.ag-btn-secondary-1:not([disabled]), .communications .md-button.md-fab.ag-btn-secondary-1:not([disabled]):hover, .communications .md-button.md-fab.ag-btn-secondary-1:not([disabled]):focus, .communications .md-button.md-fab.ag-btn-secondary-1:not([disabled]).md-focused {
        color: #fff;
        background-color: #273236; }
    .communications .md-button.md-fab.mailbox-btn-compose:not(.btn):not([disabled]), .communications .md-button.md-fab.mailbox-btn-compose:not(.btn):not([disabled]):hover, .communications .md-button.md-fab.mailbox-btn-compose:not(.btn):not([disabled]):focus, .communications .md-button.md-fab.mailbox-btn-compose:not(.btn):not([disabled]).md-focused {
      color: #fff;
      background-color: var(--color-primary); }
    .communications .md-button.md-fab.md-fab-bottom-right {
      position: fixed;
      right: 32px;
      bottom: 32px;
      transform: translateZ(0);
      will-change: transform; }
      .communications .md-button.md-fab.md-fab-bottom-right + .md-fab-bottom-right {
        right: 100px; }
    .communications .md-button.md-fab md-icon {
      color: inherit; }
  .communications .communications-subheader.mailbox-off {
    border-bottom: solid 8px #f10000; }
    .communications .communications-subheader.mailbox-off i {
      font-size: 28px; }
  .communications .communications-subheader .mailbox-off {
    font-size: 18px;
    font-weight: 700; }
    .communications .communications-subheader .mailbox-off i {
      color: orangered !important; }
  .communications .communications-subheader.md-subheader {
    background-color: #fafafa; }
    .communications .communications-subheader.md-subheader .md-subheader-inner {
      padding: 0 !important; }
  .communications .communications-subheader[class*="md-whiteframe"] {
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); }
  .communications .communications-subheader-actions > .btn,
  .communications .communications-subheader-actions > .md-button {
    min-height: 45px;
    padding-right: 12px;
    padding-left: 12px;
    text-align: center; }
  .communications .communications-subheader-actions > .md-button {
    min-width: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600; }
    @media screen and (max-width: 599px) {
      .communications .communications-subheader-actions > .md-button {
        min-width: 44px; } }
    @media screen and (min-width: 600px) {
      .communications .communications-subheader-actions > .md-button {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 12px; } }
    .communications .communications-subheader-actions > .md-button.ag-btn-primary-1.md-raised[disabled] {
      background-color: rgba(0, 0, 0, 0.12); }
    .communications .communications-subheader-actions > .md-button.md-raised {
      box-shadow: none; }
    .communications .communications-subheader-actions > .md-button md-icon,
    .communications .communications-subheader-actions > .md-button .fa,
    .communications .communications-subheader-actions > .md-button .zmdi {
      width: 20px;
      min-width: 20px;
      height: 20px;
      min-height: 20px;
      font-size: 20px;
      line-height: 20px; }
      .communications .communications-subheader-actions > .md-button md-icon + span,
      .communications .communications-subheader-actions > .md-button .fa + span,
      .communications .communications-subheader-actions > .md-button .zmdi + span {
        margin-left: 6px; }
    .communications .communications-subheader-actions > .md-button md-icon,
    .communications .communications-subheader-actions > .md-button .fa,
    .communications .communications-subheader-actions > .md-button .zmdi,
    .communications .communications-subheader-actions > .md-button:not([disabled]) md-icon,
    .communications .communications-subheader-actions > .md-button:not([disabled]) .fa,
    .communications .communications-subheader-actions > .md-button:not([disabled]) .zmdi {
      color: inherit;
      fill: inherit; }
    .communications .communications-subheader-actions > .md-button.mailbox-btn-compose:not(.btn):not([disabled]), .communications .communications-subheader-actions > .md-button.mailbox-btn-compose:not(.btn):not([disabled]):hover, .communications .communications-subheader-actions > .md-button.mailbox-btn-compose:not(.btn):not([disabled]):focus, .communications .communications-subheader-actions > .md-button.mailbox-btn-compose:not(.btn):not([disabled]).md-focused {
      color: #fff;
      background-color: var(--color-primary); }
    .communications .communications-subheader-actions > .md-button.delete-all-btn:not(.btn):not([disabled]), .communications .communications-subheader-actions > .md-button.delete-all-btn:not(.btn):not([disabled]):hover, .communications .communications-subheader-actions > .md-button.delete-all-btn:not(.btn):not([disabled]):focus, .communications .communications-subheader-actions > .md-button.delete-all-btn:not(.btn):not([disabled]).md-focused {
      color: #fff;
      background-color: darkred; }
  .communications .communications-nav-bar {
    overflow-x: auto; }
    .communications .communications-nav-bar:first-child {
      padding: 10px 10px 5px; }
    .communications .communications-nav-bar:nth-of-type(2) {
      padding-left: 10px; }
    @media screen and (min-width: 600px) {
      .communications .communications-nav-bar {
        padding-left: 10px; } }
  .communications .ag-title {
    min-width: 0;
    margin: 0;
    padding: 10px 8px 11px;
    font-family: "Montserrat", "Helvetica Neue", sans-serif;
    border-radius: 3px; }
    .communications .ag-title:not([disabled]) {
      background-color: rgba(158, 158, 158, 0.2); }
      .communications .ag-title:not([disabled]):hover, .communications .ag-title:not([disabled]):focus, .communications .ag-title:not([disabled]).md-focused, .communications .ag-title:not([disabled]).is-active {
        background-color: rgba(158, 158, 158, 0.3); }
    @media screen and (min-width: 600px) {
      .communications .ag-title {
        padding-right: 18px;
        padding-left: 18px; } }
    .communications .ag-title .ag-title-icon {
      transition: color .4s ease-in-out, fill .4s ease-in-out; }
      .communications .ag-title .ag-title-icon:not(.fa-2x) {
        font-size: 2em; }
      .communications .ag-title .ag-title-icon md-icon,
      .communications .ag-title .ag-title-icon md-icon[md-font-icon] {
        color: inherit;
        font-size: inherit; }
    .communications .ag-title:not([disabled]) .ag-title-icon {
      color: rgba(51, 153, 204, 0.666667);
      fill: rgba(51, 153, 204, 0.666667); }
    .communications .ag-title .ag-title-detail {
      margin-top: 0;
      margin-bottom: 0;
      font-weight: 600;
      text-transform: uppercase;
      transition: margin-left .4s ease-in-out, color .4s ease-in-out;
      will-change: margin-left, color; }
      @media screen and (max-width: 599px) {
        .communications .ag-title .ag-title-detail {
          font-size: 14px; } }
    .communications .ag-title:not(:hover):not(.is-active):not([disabled]) .ag-title-detail, .communications .ag-title:not(:focus):not(.is-active):not([disabled]) .ag-title-detail, .communications .ag-title:not(.md-focused):not(.is-active):not([disabled]) .ag-title-detail {
      color: rgba(34, 136, 187, 0.666667) !important; }
    .communications .ag-title .ag-title-icon + .ag-title-detail {
      margin-left: 8px; }
    .communications .ag-title[ng-click] {
      cursor: pointer; }
    .communications .ag-title.is-active:not([disabled]) .ag-title-icon, .communications .ag-title[ng-click]:not([disabled]):hover .ag-title-icon, .communications .ag-title[ng-click]:not([disabled]):focus .ag-title-icon, .communications .ag-title[ng-click]:not([disabled]).md-focused .ag-title-icon, .communications .ag-title:not([ng-click]):not([disabled]):only-of-type .ag-title-icon {
      color: #28b;
      fill: #28b; }
    .communications .ag-title.is-active:not([disabled]) .ag-title-detail, .communications .ag-title[ng-click]:not([disabled]):hover .ag-title-detail, .communications .ag-title[ng-click]:not([disabled]):focus .ag-title-detail, .communications .ag-title[ng-click]:not([disabled]).md-focused .ag-title-detail, .communications .ag-title:not([ng-click]):not([disabled]):only-of-type .ag-title-detail {
      color: #000; }
  .communications .unread-count {
    margin-left: .375em;
    font-weight: 600;
    color: #ff5722;
    transition: inherit; }
  .communications .md-progress-container {
    min-height: 5px; }
    .communications .md-progress-container .md-progress-label {
      display: block;
      color: #607d8b;
      font-size: 12px; }
  .communications .communications-nav-item ~ .communications-nav-item {
    margin-left: 20px; }
    @media screen and (min-width: 600px) {
      .communications .communications-nav-item ~ .communications-nav-item {
        margin-left: 40px; } }
    @media screen and (min-width: 960px) {
      .communications .communications-nav-item ~ .communications-nav-item {
        margin-left: 60px; } }
  .communications .communications-nav-title {
    border-radius: 3px !important; }
    .communications .communications-nav-title:not(.is-active):not([disabled]) .unread-count {
      color: rgba(230, 81, 0, 0.666667); }
    .communications .communications-nav-title:not(.is-active):not([disabled]):hover .unread-count,
    .communications .communications-nav-title:not(.is-active):not([disabled]):focus .unread-count,
    .communications .communications-nav-title:not(.is-active):not([disabled]).md-focused .unread-count {
      color: #e65100; }
    .communications .communications-nav-title:not(.is-active)[disabled] .ag-title-icon,
    .communications .communications-nav-title:not(.is-active)[disabled] .ag-title-detail {
      color: rgba(0, 0, 0, 0.333333);
      fill: rgba(0, 0, 0, 0.333333); }
    .communications .communications-nav-title:not(.is-active)[disabled] .unread-count {
      color: rgba(0, 0, 0, 0.4); }
  .communications .communications-subnav-bar {
    display: -ms-flexbox;
    display: flex;
    max-width: 0;
    max-height: 0;
    margin-top: 8px;
    overflow: hidden;
    transition: max-width .6666s ease-in-out, max-height .6666s ease-in-out;
    will-change: max-width, max-height; }
    .communications .communications-subnav-bar.is-expanded {
      max-width: 1000px;
      max-height: 1000px; }
    .communications .communications-subnav-bar .communications-subnav-item {
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .communications .communications-subnav-bar .md-button {
      min-width: 36px;
      height: inherit;
      min-height: 44px;
      margin: 0 auto;
      padding: 0 16px;
      font-size: 1.125em;
      line-height: 44px;
      border-radius: 0;
      transition: color .4s ease-in-out, background-color .4s ease-in-out; }
      .communications .communications-subnav-bar .md-button:not([disabled]) {
        color: #000; }
        .communications .communications-subnav-bar .md-button:not([disabled]):hover, .communications .communications-subnav-bar .md-button:not([disabled]):focus, .communications .communications-subnav-bar .md-button:not([disabled]).md-focused {
          color: #fff;
          background-color: #333; }
      .communications .communications-subnav-bar .md-button[disabled] {
        color: rgba(0, 0, 0, 0.38); }
        .communications .communications-subnav-bar .md-button[disabled].is-loading {
          cursor: wait; }
      .communications .communications-subnav-bar .md-button.md-active:not([disabled]), .communications .communications-subnav-bar .md-button.md-active[disabled] {
        position: relative;
        color: rgba(0, 0, 0, 0.76); }
        .communications .communications-subnav-bar .md-button.md-active:not([disabled])::after, .communications .communications-subnav-bar .md-button.md-active[disabled]::after {
          content: "";
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 2;
          width: 100%;
          height: 2px;
          background-color: #6aa7bd; }
  @media screen and (min-width: 600px) {
    .communications .mailbox-list,
    .communications .sticky-message {
      margin-right: 10px;
      margin-left: 10px; } }
  .communications .mailbox-list {
    padding-bottom: 72px; }
    @media screen and (min-width: 600px) {
      .communications .mailbox-list {
        margin-top: 10px; } }
  .communications .mailbox-item {
    color: rgba(0, 0, 0, 0.87);
    background-color: #fff;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), margin 225ms cubic-bezier(0.4, 0, 0.2, 1); }
    @media screen and (max-width: 599px) {
      .communications .mailbox-item:not(.is-active) {
        border-top: 1px solid rgba(0, 0, 0, 0.125); } }
    @media screen and (min-width: 600px) {
      .communications .mailbox-item:not(.is-active):not(:first-of-type) {
        border-top: 1px solid rgba(0, 0, 0, 0.125); } }
    @media screen and (min-width: 600px) {
      .communications .mailbox-item {
        margin-right: 16px;
        margin-left: 16px;
        transition: margin-right .4s ease-in-out, margin-left .4s ease-in-out; } }
    .communications .mailbox-item.is-active {
      box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
      @media screen and (min-width: 600px) {
        .communications .mailbox-item.is-active {
          margin-right: 0;
          margin-left: 0; } }
    .communications .mailbox-item.md-no-proxy,
    .communications .mailbox-item .md-no-style {
      padding-right: 0;
      padding-left: 0; }
    .communications .mailbox-item-header, .communications .mailbox-item-content {
      width: 100%;
      background-color: rgba(0, 0, 0, 0.04); }
    .communications .mailbox-item-header {
      min-height: 64px;
      line-height: 64px;
      font-size: .875em;
      transition: background-color 225ms cubic-bezier(0.4, 0, 0.2, 1); }
      @media screen and (max-width: 599px) {
        .communications .mailbox-item-header {
          position: relative; } }
      @media screen and (min-width: 600px) {
        .communications .mailbox-item-header {
          min-height: 56px;
          line-height: 56px; } }
      .communications .mailbox-item-header:not([disabled]):hover {
        background-color: rgba(0, 0, 0, 0.06); }
      .communications .mailbox-item-header:not([disabled]):focus, .communications .mailbox-item-header:not([disabled]).md-focused {
        box-shadow: 0 1px 8px 2px rgba(34, 136, 187, 0.666667) !important; }
      .communications .mailbox-item-header[ng-click] {
        cursor: pointer; }
      .communications .mailbox-item-header-sender, .communications .mailbox-item-header-deleted-icon, .communications .mailbox-item-header-subject, .communications .mailbox-item-header-has-attachment, .communications .mailbox-item-header-has-history, .communications .mailbox-item-header-date, .communications .mailbox-item-header-delete, .communications .mailbox-item-header-arrow {
        display: inline-block; }
      .communications .mailbox-item-header-sender, .communications .mailbox-item-header-subject, .communications .mailbox-item-header-has-attachment, .communications .mailbox-item-header-arrow {
        padding-right: 16px; }
      .communications .mailbox-item-header-has-history {
        min-width: 12px;
        font-size: 1em;
        padding-right: 4px;
        padding-left: 4px; }
      .communications .mailbox-item-header-deleted-icon {
        color: inherit;
        fill: inherit; }
      .communications .mailbox-item-header-sender, .communications .mailbox-item-header-subject {
        transition: color 225ms cubic-bezier(0.4, 0, 0.2, 1); }
        @media screen and (max-width: 599px) {
          .communications .mailbox-item-header-sender, .communications .mailbox-item-header-subject {
            line-height: 1.6; } }
      .communications .mailbox-item-header-sender {
        color: rgba(0, 0, 0, 0.7);
        font-weight: 600; }
        @media screen and (min-width: 600px) {
          .communications .mailbox-item-header-sender {
            width: 160px;
            padding-left: 24px; } }
        @media screen and (max-width: 599px) {
          .communications .mailbox-item-header-sender {
            padding-left: 16px; } }
        @media screen and (min-width: 960px) {
          .communications .mailbox-item-header-sender {
            min-width: 240px; } }
      .communications .mailbox-item-header-subject {
        color: rgba(0, 0, 0, 0.7); }
        @media screen and (max-width: 599px) {
          .communications .mailbox-item-header-subject {
            padding-left: 16px; } }
        @media screen and (min-width: 600px) {
          .communications .mailbox-item-header-subject {
            padding-left: 8px; } }
      .communications .mailbox-item-header-date {
        padding-right: 24px; }
      .communications .mailbox-item-header-delete, .communications .mailbox-item-header-button, .communications .mailbox-item-header-delete-button {
        min-width: 36px; }
      .communications .mailbox-item-header-button, .communications .mailbox-item-header-delete-button {
        margin-right: 0;
        margin-left: 0;
        text-align: center; }
        .communications .mailbox-item-header-button.md-button:not([disabled]):not(.md-raised).md-warn, .communications .mailbox-item-header-delete-button.md-button:not([disabled]):not(.md-raised).md-warn {
          color: #e53935; }
          .communications .mailbox-item-header-button.md-button:not([disabled]):not(.md-raised).md-warn:hover, .communications .mailbox-item-header-button.md-button:not([disabled]):not(.md-raised).md-warn:focus, .communications .mailbox-item-header-button.md-button:not([disabled]):not(.md-raised).md-warn.md-focused, .communications .mailbox-item-header-delete-button.md-button:not([disabled]):not(.md-raised).md-warn:hover, .communications .mailbox-item-header-delete-button.md-button:not([disabled]):not(.md-raised).md-warn:focus, .communications .mailbox-item-header-delete-button.md-button:not([disabled]):not(.md-raised).md-warn.md-focused {
            color: #f44336; }
        .communications .mailbox-item-header-button.md-button:not([disabled]).md-raised.md-warn, .communications .mailbox-item-header-delete-button.md-button:not([disabled]).md-raised.md-warn {
          background-color: #e53935; }
          .communications .mailbox-item-header-button.md-button:not([disabled]).md-raised.md-warn:hover, .communications .mailbox-item-header-button.md-button:not([disabled]).md-raised.md-warn:focus, .communications .mailbox-item-header-button.md-button:not([disabled]).md-raised.md-warn.md-focused, .communications .mailbox-item-header-delete-button.md-button:not([disabled]).md-raised.md-warn:hover, .communications .mailbox-item-header-delete-button.md-button:not([disabled]).md-raised.md-warn:focus, .communications .mailbox-item-header-delete-button.md-button:not([disabled]).md-raised.md-warn.md-focused {
            background-color: #f44336; }
        .communications .mailbox-item-header-button.md-button:not([disabled]) md-icon, .communications .mailbox-item-header-delete-button.md-button:not([disabled]) md-icon {
          color: inherit; }
        .communications .mailbox-item-header-button.btn--cs, .communications .mailbox-item-header-delete-button.btn--cs {
          padding: var(--space-xxxs); }
          @media screen and (min-width: 600px) {
            .communications .mailbox-item-header-button.btn--cs, .communications .mailbox-item-header-delete-button.btn--cs {
              min-height: auto; } }
          .communications .mailbox-item-header-button.btn--cs:not([disabled]), .communications .mailbox-item-header-delete-button.btn--cs:not([disabled]) {
            color: var(--color-error);
            background-color: rgba(158, 158, 158, 0.15); }
            .communications .mailbox-item-header-button.btn--cs:not([disabled]):hover, .communications .mailbox-item-header-button.btn--cs:not([disabled]):focus, .communications .mailbox-item-header-button.btn--cs:not([disabled]).md-focused, .communications .mailbox-item-header-delete-button.btn--cs:not([disabled]):hover, .communications .mailbox-item-header-delete-button.btn--cs:not([disabled]):focus, .communications .mailbox-item-header-delete-button.btn--cs:not([disabled]).md-focused {
              background-color: rgba(158, 158, 158, 0.3); }
        .communications .mailbox-item-header-button.contrasted:not([disabled]), .communications .mailbox-item-header-delete-button.contrasted:not([disabled]) {
          background-color: #e8e8e8; }
          .communications .mailbox-item-header-button.contrasted:not([disabled]):hover, .communications .mailbox-item-header-button.contrasted:not([disabled]):focus, .communications .mailbox-item-header-button.contrasted:not([disabled]).md-focused, .communications .mailbox-item-header-delete-button.contrasted:not([disabled]):hover, .communications .mailbox-item-header-delete-button.contrasted:not([disabled]):focus, .communications .mailbox-item-header-delete-button.contrasted:not([disabled]).md-focused {
            background-color: #fff; }
        .communications .mailbox-item-header-button.btn--cs:not([disabled]), .communications .mailbox-item-header-button.md-button.md-warn:not(.md-raised):not([disabled]), .communications .mailbox-item-header-delete-button.btn--cs:not([disabled]), .communications .mailbox-item-header-delete-button.md-button.md-warn:not(.md-raised):not([disabled]) {
          background-color: rgba(158, 158, 158, 0.15); }
          .communications .mailbox-item-header-button.btn--cs:not([disabled]).contrasted, .communications .mailbox-item-header-button.md-button.md-warn:not(.md-raised):not([disabled]).contrasted, .communications .mailbox-item-header-delete-button.btn--cs:not([disabled]).contrasted, .communications .mailbox-item-header-delete-button.md-button.md-warn:not(.md-raised):not([disabled]).contrasted {
            background-color: #e8e8e8; }
          .communications .mailbox-item-header-button.btn--cs:not([disabled]):hover, .communications .mailbox-item-header-button.btn--cs:not([disabled]):focus, .communications .mailbox-item-header-button.btn--cs:not([disabled]).md-focused, .communications .mailbox-item-header-button.md-button.md-warn:not(.md-raised):not([disabled]):hover, .communications .mailbox-item-header-button.md-button.md-warn:not(.md-raised):not([disabled]):focus, .communications .mailbox-item-header-button.md-button.md-warn:not(.md-raised):not([disabled]).md-focused, .communications .mailbox-item-header-delete-button.btn--cs:not([disabled]):hover, .communications .mailbox-item-header-delete-button.btn--cs:not([disabled]):focus, .communications .mailbox-item-header-delete-button.btn--cs:not([disabled]).md-focused, .communications .mailbox-item-header-delete-button.md-button.md-warn:not(.md-raised):not([disabled]):hover, .communications .mailbox-item-header-delete-button.md-button.md-warn:not(.md-raised):not([disabled]):focus, .communications .mailbox-item-header-delete-button.md-button.md-warn:not(.md-raised):not([disabled]).md-focused {
            background-color: rgba(158, 158, 158, 0.3); }
            .communications .mailbox-item-header-button.btn--cs:not([disabled]):hover.contrasted, .communications .mailbox-item-header-button.btn--cs:not([disabled]):focus.contrasted, .communications .mailbox-item-header-button.btn--cs:not([disabled]).md-focused.contrasted, .communications .mailbox-item-header-button.md-button.md-warn:not(.md-raised):not([disabled]):hover.contrasted, .communications .mailbox-item-header-button.md-button.md-warn:not(.md-raised):not([disabled]):focus.contrasted, .communications .mailbox-item-header-button.md-button.md-warn:not(.md-raised):not([disabled]).md-focused.contrasted, .communications .mailbox-item-header-delete-button.btn--cs:not([disabled]):hover.contrasted, .communications .mailbox-item-header-delete-button.btn--cs:not([disabled]):focus.contrasted, .communications .mailbox-item-header-delete-button.btn--cs:not([disabled]).md-focused.contrasted, .communications .mailbox-item-header-delete-button.md-button.md-warn:not(.md-raised):not([disabled]):hover.contrasted, .communications .mailbox-item-header-delete-button.md-button.md-warn:not(.md-raised):not([disabled]):focus.contrasted, .communications .mailbox-item-header-delete-button.md-button.md-warn:not(.md-raised):not([disabled]).md-focused.contrasted {
              background-color: #fff; }
        .communications .mailbox-item-header-button.undelete:not([disabled]):not(.contrasted), .communications .mailbox-item-header-delete-button.undelete:not([disabled]):not(.contrasted) {
          background-color: rgba(255, 255, 255, 0.67); }
        .communications .mailbox-item-header-button.undelete md-icon, .communications .mailbox-item-header-delete-button.undelete md-icon {
          background-color: currentColor;
          -webkit-mask-image: url("../../../../assets/images/icons/trash-restore-alt.svg");
          mask-image: url("../../../../assets/images/icons/trash-restore-alt.svg");
          -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          -webkit-mask-position: 50% 0;
          mask-position: 50% 0; }
          .communications .mailbox-item-header-button.undelete md-icon::before, .communications .mailbox-item-header-delete-button.undelete md-icon::before {
            content: none; }
      .communications .mailbox-item-header-has-attachment, .communications .mailbox-item-header-date, .communications .mailbox-item-header-arrow {
        padding-left: 16px; }
      .communications .mailbox-item-header-status {
        padding-right: 4px;
        font-weight: 600; }
        .communications .mailbox-item-header-status md-icon,
        .communications .mailbox-item-header-status .fa,
        .communications .mailbox-item-header-status .zmdi {
          color: inherit; }
      .communications .mailbox-item-header-has-attachment, .communications .mailbox-item-header-has-history {
        color: rgba(0, 0, 0, 0.25);
        fill: rgba(0, 0, 0, 0.25); }
      .communications .mailbox-item-header-date {
        min-width: 172px;
        color: rgba(0, 0, 0, 0.375);
        font-weight: 600;
        text-align: right;
        transition: color 225ms cubic-bezier(0.4, 0, 0.2, 1); }
      .communications .mailbox-item-header-arrow {
        color: rgba(0, 0, 0, 0.125);
        fill: rgba(0, 0, 0, 0.125);
        transition: color 225ms cubic-bezier(0.4, 0, 0.2, 1), fill 225ms cubic-bezier(0.4, 0, 0.2, 1), transform 225ms cubic-bezier(0.4, 0, 0.2, 1); }
        .communications .mailbox-item-header-arrow[md-font-icon] {
          font-size: inherit; }
    .communications .mailbox-item-content {
      display: none;
      padding: 24px 24px 12px;
      cursor: auto; }
    .communications .mailbox-item-message {
      margin-bottom: 10px;
      padding: 2px;
      color: rgba(0, 0, 0, 0.75);
      line-height: 1.5;
      word-wrap: break-word; }
      .communications .mailbox-item-message h1, .communications .mailbox-item-message h2, .communications .mailbox-item-message h3, .communications .mailbox-item-message h4, .communications .mailbox-item-message h5, .communications .mailbox-item-message h6 {
        margin: 0 !important;
        text-transform: none !important; }
      .communications .mailbox-item-message p {
        margin-top: 0 !important;
        margin-bottom: 0 !important; }
      .communications .mailbox-item-message pre {
        font-family: inherit !important;
        white-space: pre-wrap !important; }
    .communications .mailbox-item .message-node main,
    .communications .mailbox-item .reply-node main {
      background-color: inherit !important;
      min-height: 0 !important; }
    .communications .mailbox-item .message-node a,
    .communications .mailbox-item .message-node a:hover,
    .communications .mailbox-item .message-node a:focus,
    .communications .mailbox-item .reply-node a,
    .communications .mailbox-item .reply-node a:hover,
    .communications .mailbox-item .reply-node a:focus {
      color: inherit !important;
      text-decoration: inherit !important; }
    .communications .mailbox-item .message-node h1, .communications .mailbox-item .message-node h2, .communications .mailbox-item .message-node h3, .communications .mailbox-item .message-node h4, .communications .mailbox-item .message-node h5, .communications .mailbox-item .message-node h6,
    .communications .mailbox-item .reply-node h1,
    .communications .mailbox-item .reply-node h2,
    .communications .mailbox-item .reply-node h3,
    .communications .mailbox-item .reply-node h4,
    .communications .mailbox-item .reply-node h5,
    .communications .mailbox-item .reply-node h6 {
      margin: 0 !important;
      color: inherit !important;
      font-size: inherit !important;
      font-family: inherit !important;
      line-height: inherit !important;
      text-transform: none !important; }
    .communications .mailbox-item .message-node p,
    .communications .mailbox-item .reply-node p {
      margin-top: 0 !important;
      margin-bottom: 0 !important; }
    .communications .mailbox-item .message-node code,
    .communications .mailbox-item .message-node kbd,
    .communications .mailbox-item .message-node samp,
    .communications .mailbox-item .message-node tt,
    .communications .mailbox-item .reply-node code,
    .communications .mailbox-item .reply-node kbd,
    .communications .mailbox-item .reply-node samp,
    .communications .mailbox-item .reply-node tt {
      font-family: inherit !important; }
    .communications .mailbox-item .message-node code:not(.hljs),
    .communications .mailbox-item .reply-node code:not(.hljs) {
      color: inherit !important;
      font-weight: inherit !important; }
    .communications .mailbox-item .message-node sub,
    .communications .mailbox-item .message-node sup,
    .communications .mailbox-item .reply-node sub,
    .communications .mailbox-item .reply-node sup {
      vertical-align: inherit !important;
      font-size: inherit !important; }
    .communications .mailbox-item .message-node big,
    .communications .mailbox-item .message-node small,
    .communications .mailbox-item .reply-node big,
    .communications .mailbox-item .reply-node small {
      font-size: inherit !important; }
    .communications .mailbox-item .message-node center,
    .communications .mailbox-item .reply-node center {
      text-align: inherit !important; }
    .communications .mailbox-item .message-node del,
    .communications .mailbox-item .message-node s,
    .communications .mailbox-item .message-node strike,
    .communications .mailbox-item .reply-node del,
    .communications .mailbox-item .reply-node s,
    .communications .mailbox-item .reply-node strike {
      text-decoration: inherit !important; }
    .communications .mailbox-item .message-node dir,
    .communications .mailbox-item .reply-node dir {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      padding-left: 0 !important; }
    .communications .mailbox-item .message-node font,
    .communications .mailbox-item .reply-node font {
      font-size: inherit !important;
      font-weight: inherit !important;
      font-family: inherit !important;
      font-style: inherit !important; }
    .communications .mailbox-item .message-node ins,
    .communications .mailbox-item .reply-node ins {
      text-decoration: inherit !important; }
    .communications .mailbox-item .message-node listing,
    .communications .mailbox-item .message-node plaintext,
    .communications .mailbox-item .message-node xmp,
    .communications .mailbox-item .reply-node listing,
    .communications .mailbox-item .reply-node plaintext,
    .communications .mailbox-item .reply-node xmp {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      font-family: inherit !important;
      white-space: inherit !important; }
    .communications .mailbox-item .message-node mark,
    .communications .mailbox-item .reply-node mark {
      color: inherit !important;
      background-color: transparent !important; }
    .communications .mailbox-item .message-node nobr,
    .communications .mailbox-item .reply-node nobr {
      white-space: inherit !important; }
    .communications .mailbox-item .message-node pre,
    .communications .mailbox-item .reply-node pre {
      font-family: inherit !important;
      white-space: pre-wrap !important; }
    .communications .mailbox-item .message-node span[style*="font-weight: 700"], .communications .mailbox-item .message-node span[style*="font-weight: 800"], .communications .mailbox-item .message-node span[style*="font-weight: 900"], .communications .mailbox-item .message-node span[style*="font-weight: bolder"], .communications .mailbox-item .message-node span[style*="text-decoration: solid"],
    .communications .mailbox-item .reply-node span[style*="font-weight: 700"],
    .communications .mailbox-item .reply-node span[style*="font-weight: 800"],
    .communications .mailbox-item .reply-node span[style*="font-weight: 900"],
    .communications .mailbox-item .reply-node span[style*="font-weight: bolder"],
    .communications .mailbox-item .reply-node span[style*="text-decoration: solid"] {
      font-weight: bold !important; }
    .communications .mailbox-item .message-node span[style*="font-weight: 100"], .communications .mailbox-item .message-node span[style*="font-weight: 200"], .communications .mailbox-item .message-node span[style*="font-weight: 300"], .communications .mailbox-item .message-node span[style*="font-weight: 400"], .communications .mailbox-item .message-node span[style*="font-weight: lighter"],
    .communications .mailbox-item .reply-node span[style*="font-weight: 100"],
    .communications .mailbox-item .reply-node span[style*="font-weight: 200"],
    .communications .mailbox-item .reply-node span[style*="font-weight: 300"],
    .communications .mailbox-item .reply-node span[style*="font-weight: 400"],
    .communications .mailbox-item .reply-node span[style*="font-weight: lighter"] {
      font-weight: normal !important; }
    .communications .mailbox-item .message-node span[style*="font-style: oblique"],
    .communications .mailbox-item .reply-node span[style*="font-style: oblique"] {
      font-style: italic !important; }
    .communications .mailbox-item .message-node span[style*="text-decoration: dashed"], .communications .mailbox-item .message-node span[style*="text-decoration: dotted"], .communications .mailbox-item .message-node span[style*="text-decoration: double"], .communications .mailbox-item .message-node span[style*="text-decoration: wavy"],
    .communications .mailbox-item .reply-node span[style*="text-decoration: dashed"],
    .communications .mailbox-item .reply-node span[style*="text-decoration: dotted"],
    .communications .mailbox-item .reply-node span[style*="text-decoration: double"],
    .communications .mailbox-item .reply-node span[style*="text-decoration: wavy"] {
      text-decoration: underline !important; }
    .communications .mailbox-item .message-node span[style*="text-decoration: line-through"], .communications .mailbox-item .message-node span[style*="text-decoration: overline"], .communications .mailbox-item .message-node span[style*="text-decoration: solid"],
    .communications .mailbox-item .reply-node span[style*="text-decoration: line-through"],
    .communications .mailbox-item .reply-node span[style*="text-decoration: overline"],
    .communications .mailbox-item .reply-node span[style*="text-decoration: solid"] {
      text-decoration: none !important; }
    .communications .mailbox-item .message-node table,
    .communications .mailbox-item .reply-node table {
      border: none;
      border-collapse: collapse;
      empty-cells: show;
      max-width: 100%; }
    .communications .mailbox-item .message-node th,
    .communications .mailbox-item .message-node td,
    .communications .mailbox-item .reply-node th,
    .communications .mailbox-item .reply-node td {
      border: 1px solid #ddd; }
    .communications .mailbox-item .message-node th,
    .communications .mailbox-item .reply-node th {
      background-color: #ececec; }
    .communications .mailbox-item .message-node td,
    .communications .mailbox-item .reply-node td {
      min-width: 5px; }
    .communications .mailbox-item .reply-node {
      max-height: 0;
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 0;
      padding-bottom: 0;
      color: rgba(0, 0, 0, 0.5);
      border-top: 0 solid transparent;
      overflow: hidden;
      transition: max-height .4s ease-in-out, margin-top .4s ease-in-out, padding-top .4s ease-in-out, border-top .4s ease-in-out;
      will-change: max-height, margin-top, padding-top, border-top; }
      .communications .mailbox-item .reply-node.is-expanded {
        max-height: 10000px;
        margin-top: 1em;
        padding-top: 12px;
        border-top: 1px solid rgba(153, 92, 68, 0.125); }
    .communications .mailbox-item .reply-date {
      color: rgba(153, 92, 68, 0.75);
      font-size: .75em; }
    .communications .mailbox-item-actions {
      min-height: 48px;
      margin-top: 16px;
      padding-top: 16px;
      border-top: 1px solid rgba(0, 0, 0, 0.125); }
      @media screen and (max-width: 599px) {
        .communications .mailbox-item-actions .md-button md-icon {
          font-size: 2.5rem; } }
      .communications .mailbox-item-actions .md-button md-icon + span {
        margin-left: 8px; }
      .communications .mailbox-item-actions .md-button:not(.md-raised):not([disabled]) {
        background-color: rgba(158, 158, 158, 0.2); }
        .communications .mailbox-item-actions .md-button:not(.md-raised):not([disabled]):hover, .communications .mailbox-item-actions .md-button:not(.md-raised):not([disabled]):focus, .communications .mailbox-item-actions .md-button:not(.md-raised):not([disabled]).md-focused {
          background-color: rgba(158, 158, 158, 0.1); }
      .communications .mailbox-item-actions .md-button.md-warn:not(.md-raised):not([disabled]),
      .communications .mailbox-item-actions .md-button.md-warn:not(.md-raised):not([disabled]) md-icon {
        color: #f44336; }
      @media screen and (max-width: 599px) {
        .communications .mailbox-item-actions .md-button {
          min-width: 44px;
          margin-right: 4px;
          margin-left: 4px;
          font-size: .75em; } }
      .communications .mailbox-item-actions-date, .communications .mailbox-item-actions-recipients {
        color: rgba(35, 91, 109, 0.5);
        font-size: .875em; }
        .communications .mailbox-item-actions-date .block + .block, .communications .mailbox-item-actions-recipients .block + .block {
          margin-left: 8px; }
        .communications .mailbox-item-actions-date .emphasis, .communications .mailbox-item-actions-recipients .emphasis {
          font-weight: bold;
          color: rgba(35, 91, 109, 0.625); }
        @media screen and (max-width: 599px) {
          .communications .mailbox-item-actions-date ~ div, .communications .mailbox-item-actions-recipients ~ div {
            margin-top: 10px; } }
        .communications .mailbox-item-actions-date .to-multiple-account[ng-click], .communications .mailbox-item-actions-recipients .to-multiple-account[ng-click] {
          text-decoration: underline;
          cursor: pointer; }
        .communications .mailbox-item-actions-date[ng-click],
        .communications .mailbox-item-actions-date > *[ng-click], .communications .mailbox-item-actions-recipients[ng-click],
        .communications .mailbox-item-actions-recipients > *[ng-click] {
          cursor: pointer; }
    .communications .mailbox-item::before,
    .communications .mailbox-item .md-list-item-inner::before {
      content: none; }
    .communications .mailbox-item._md-button-wrap > div.md-button:first-child {
      padding-right: 0;
      padding-left: 0; }
    .communications .mailbox-item .md-list-item-inner {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: stretch;
          align-items: stretch; }
    .communications .mailbox-item.is-new .mailbox-item-header,
    .communications .mailbox-item.is-new .mailbox-item-content {
      background-color: #fff; }
    .communications .mailbox-item.is-new .mailbox-item-header {
      color: #000; }
      .communications .mailbox-item.is-new .mailbox-item-header-sender {
        color: inherit; }
      .communications .mailbox-item.is-new .mailbox-item-header-status {
        color: #28b; }
      .communications .mailbox-item.is-new .mailbox-item-header-subject {
        font-weight: 600; }
      .communications .mailbox-item.is-new .mailbox-item-header-date {
        color: rgba(0, 0, 0, 0.5);
        font-weight: 600; }
    .communications .mailbox-item.is-active .mailbox-item-header, .communications .mailbox-item.is-checked .mailbox-item-header {
      color: #fff; }
      .communications .mailbox-item.is-active .mailbox-item-header-sender, .communications .mailbox-item.is-active .mailbox-item-header-subject, .communications .mailbox-item.is-checked .mailbox-item-header-sender, .communications .mailbox-item.is-checked .mailbox-item-header-subject {
        color: inherit; }
      .communications .mailbox-item.is-active .mailbox-item-header-status:not(.is-must-read), .communications .mailbox-item.is-checked .mailbox-item-header-status:not(.is-must-read) {
        color: #ffca28; }
      .communications .mailbox-item.is-active .mailbox-item-header-has-attachment, .communications .mailbox-item.is-active .mailbox-item-header-has-history, .communications .mailbox-item.is-active .mailbox-item-header-arrow, .communications .mailbox-item.is-checked .mailbox-item-header-has-attachment, .communications .mailbox-item.is-checked .mailbox-item-header-has-history, .communications .mailbox-item.is-checked .mailbox-item-header-arrow {
        color: rgba(255, 255, 255, 0.5); }
      .communications .mailbox-item.is-active .mailbox-item-header-date, .communications .mailbox-item.is-checked .mailbox-item-header-date {
        color: rgba(255, 255, 255, 0.75); }
    .communications .mailbox-item.is-active {
      margin-top: 16px;
      margin-bottom: 16px; }
      @media screen and (min-width: 600px) {
        .communications .mailbox-item.is-active:first-of-type {
          margin-top: 0; } }
      @media screen and (min-width: 600px) {
        .communications .mailbox-item.is-active:last-of-type {
          margin-bottom: 0; } }
      .communications .mailbox-item.is-active .mailbox-item-header {
        background-color: #235b6d; }
        .communications .mailbox-item.is-active .mailbox-item-header-arrow {
          transform: rotate(180deg); }
    .communications .mailbox-item.is-must-read:not(.is-active) .mailbox-item-header-status {
      color: #f57c00; }
    .communications .mailbox-item.is-must-read.is-active .mailbox-item-header {
      background-color: #f57c00; }
    .communications .mailbox-item.is-must-read.is-active .mailbox-item-header-status md-icon,
    .communications .mailbox-item.is-must-read.is-active .mailbox-item-header-status .fa,
    .communications .mailbox-item.is-must-read.is-active .mailbox-item-header-status .zmdi {
      color: #fff; }
    .communications .mailbox-item.is-deleted .mailbox-item-header,
    .communications .mailbox-item.is-deleted .mailbox-item-content {
      background-color: rgba(0, 0, 0, 0.1); }
    .communications .mailbox-item.is-deleted .mailbox-item-header {
      color: rgba(183, 28, 28, 0.55); }
      .communications .mailbox-item.is-deleted .mailbox-item-header-subject {
        color: rgba(183, 28, 28, 0.45); }
      .communications .mailbox-item.is-deleted .mailbox-item-header-sender {
        color: inherit; }
      .communications .mailbox-item.is-deleted .mailbox-item-header-status {
        color: #f44336; }
      .communications .mailbox-item.is-deleted .mailbox-item-header-has-attachment, .communications .mailbox-item.is-deleted .mailbox-item-header-has-history, .communications .mailbox-item.is-deleted .mailbox-item-header-arrow {
        color: rgba(183, 28, 28, 0.15); }
      .communications .mailbox-item.is-deleted .mailbox-item-header-date {
        color: rgba(183, 28, 28, 0.4); }
    .communications .mailbox-item.is-deleted .mailbox-item-actions-date, .communications .mailbox-item.is-deleted .mailbox-item-actions-recipients {
      color: rgba(244, 67, 54, 0.5); }
      .communications .mailbox-item.is-deleted .mailbox-item-actions-date .emphasis, .communications .mailbox-item.is-deleted .mailbox-item-actions-recipients .emphasis {
        color: rgba(244, 67, 54, 0.625); }
    .communications .mailbox-item.is-deleted.is-active .mailbox-item-header {
      color: rgba(255, 255, 255, 0.75);
      background-color: rgba(183, 28, 28, 0.75); }
      .communications .mailbox-item.is-deleted.is-active .mailbox-item-header-status, .communications .mailbox-item.is-deleted.is-active .mailbox-item-header-subject {
        color: #fff; }
      .communications .mailbox-item.is-deleted.is-active .mailbox-item-header-sender {
        color: inherit; }
      .communications .mailbox-item.is-deleted.is-active .mailbox-item-header-has-attachment, .communications .mailbox-item.is-deleted.is-active .mailbox-item-header-has-history, .communications .mailbox-item.is-deleted.is-active .mailbox-item-header-arrow {
        color: rgba(255, 255, 255, 0.5); }
      .communications .mailbox-item.is-deleted.is-active .mailbox-item-header-date {
        color: rgba(255, 255, 255, 0.75); }
    .communications .mailbox-item.is-deleted.is-active .mailbox-item-message {
      color: rgba(0, 0, 0, 0.5); }
  .communications .mailbox-btn-back-to-top .fa-arrow-up {
    line-height: 2.75; }
  .communications .sticky-message {
    border-radius: 0; }
    @media screen and (min-width: 600px) {
      .communications .sticky-message {
        -ms-flex-positive: 0;
            flex-grow: 0;
        margin-top: 10px;
        margin-bottom: 10px; } }
    .communications .sticky-message .sticky-message-header {
      color: #000;
      background-color: #fafafa; }
      .communications .sticky-message .sticky-message-header md-select {
        margin: 0;
        font-size: 19px; }
        .communications .sticky-message .sticky-message-header md-select .md-select-value {
          border-bottom-color: #fff; }
        .communications .sticky-message .sticky-message-header md-select:not([disabled]):focus .md-select-value,
        .communications .sticky-message .sticky-message-header md-select:not([disabled]).md-focused .md-select-value {
          color: #fafafa; }
      .communications .sticky-message .sticky-message-header .note {
        margin-top: 8px;
        font-size: .875em;
        color: #bbb;
        font-weight: 500; }
      .communications .sticky-message .sticky-message-header .sticky-message-options {
        margin-right: 20px; }
        @media screen and (max-width: 959px) {
          .communications .sticky-message .sticky-message-header .sticky-message-options {
            margin-right: 0; } }
  .communications .sticky-message-card {
    background-color: #fafafa !important; }
    @media screen and (max-width: 599px) {
      .communications .sticky-message-card {
        height: 100%; } }
    @media screen and (min-width: 600px) {
      .communications .sticky-message-card {
        max-width: 480px;
        margin-right: auto;
        margin-left: auto; } }
    @media screen and (min-width: 960px) {
      .communications .sticky-message-card:not(:first-of-type) {
        margin-left: 5px; } }
    @media screen and (min-width: 960px) {
      .communications .sticky-message-card:not(:last-of-type) {
        margin-right: 5px; } }
    .communications .sticky-message-card > form {
      height: 100%; }
  .communications .sticky-message-main,
  .communications .sticky-message-footer {
    margin-right: auto;
    margin-left: auto;
    padding-right: 16px;
    padding-left: 16px; }
  .communications .sticky-message-main {
    width: 100%;
    max-width: 640px;
    overflow-x: hidden;
    overflow-y: auto; }
  .communications .sticky-message-item {
    padding-top: 8px;
    padding-bottom: 8px; }
    .communications .sticky-message-item label {
      padding: 4px; }
    .communications .sticky-message-item md-input-container label:not(.md-no-float):not(.md-container-ignore),
    .communications .sticky-message-item md-input-container .md-placeholder {
      width: auto;
      background-color: #fafafa; }
    .communications .sticky-message-item md-input-container textarea:not(.md-no-float),
    .communications .sticky-message-item md-input-container .md-placeholder {
      color: rgba(0, 0, 0, 0.67); }
    .communications .sticky-message-item .note {
      margin-bottom: 4px;
      color: rgba(0, 0, 0, 0.5);
      font-size: .875em;
      text-align: center; }
  .communications .sticky-message-item + .sticky-message-item {
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
    @media screen and (max-width: 599px) {
      .communications .sticky-message-item + .sticky-message-item {
        padding-top: 16px; } }
  .communications .sticky-message-heading {
    margin-right: 1rem;
    color: rgba(0, 0, 0, 0.38);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase; }
  .communications .sticky-message-input-container {
    margin-bottom: 0; }
    .communications .sticky-message-input-container textarea {
      min-height: 5em;
      max-height: 8em;
      padding: 8px;
      border-top-width: 1px;
      border-right-width: 1px;
      border-left-width: 1px;
      transition: color .4s ease-in-out, border .4s ease-in-out; }
    .communications .sticky-message-input-container.md-input-focused textarea {
      color: #000; }
  .communications .sticky-message-options-label {
    margin-right: 8px;
    margin-left: 8px;
    color: rgba(0, 0, 0, 0.38);
    font-size: .875em;
    text-align: center; }
  .communications .sticky-message-options > .md-button.md-default:not([disabled]) {
    background-color: #ddd; }
    .communications .sticky-message-options > .md-button.md-default:not([disabled]):hover, .communications .sticky-message-options > .md-button.md-default:not([disabled]):focus, .communications .sticky-message-options > .md-button.md-default:not([disabled]).md-focused {
      background-color: #eee; }
    .communications .sticky-message-options > .md-button.md-default:not([disabled]).md-raised {
      box-shadow: none; }
  .communications .sticky-message-options > .md-button .btn-text {
    white-space: normal;
    text-overflow: clip; }
  .communications .sticky-message-datepicker {
    min-height: 36px;
    overflow: visible; }
    .communications .sticky-message-datepicker-label {
      margin-right: 8px;
      margin-left: 8px;
      color: rgba(0, 0, 0, 0.38);
      font-size: .875em;
      text-align: center; }
    .communications .sticky-message-datepicker-widget {
      padding-right: 0;
      margin-right: 0; }
      .communications .sticky-message-datepicker-widget .md-button {
        display: inline-block;
        width: auto;
        height: auto;
        margin-left: 0;
        box-shadow: none; }
      .communications .sticky-message-datepicker-widget .md-datepicker-triangle-button {
        margin-right: 12px; }
    .communications .sticky-message-datepicker .md-datepicker-input-container {
      margin-right: 0;
      margin-left: 0; }
      @media screen and (min-width: 600px) {
        .communications .sticky-message-datepicker .md-datepicker-input-container {
          width: auto; } }
    .communications .sticky-message-datepicker .md-datepicker-input {
      min-width: 8em;
      min-height: 1.6em;
      padding-bottom: 6px;
      font-size: 16px; }
  .communications .sticky-message-footer {
    min-height: 56px; }
    .communications .sticky-message-footer > .md-button {
      margin-top: 12px;
      margin-right: 0;
      margin-left: 12px; }
      .communications .sticky-message-footer > .md-button:first-of-type {
        margin-left: 0; }
      .communications .sticky-message-footer > .md-button:last-of-type {
        margin-right: 0 !important; }
  .communications .md-button.md-warn:not(.md-raised):not([disabled]) {
    color: #f44336; }
    .communications .md-button.md-warn:not(.md-raised):not([disabled]) md-icon {
      color: inherit; }
    .communications .md-button.md-warn:not(.md-raised):not([disabled]):hover, .communications .md-button.md-warn:not(.md-raised):not([disabled]):focus, .communications .md-button.md-warn:not(.md-raised):not([disabled]).md-focused {
      color: #ef5350; }
    .communications .md-button.md-warn:not(.md-raised):not([disabled])[class*=".ag-btn"] {
      min-width: 8em;
      color: #f44336 !important; }
      .communications .md-button.md-warn:not(.md-raised):not([disabled])[class*=".ag-btn"] md-icon {
        color: inherit !important; }
      .communications .md-button.md-warn:not(.md-raised):not([disabled])[class*=".ag-btn"]:hover, .communications .md-button.md-warn:not(.md-raised):not([disabled])[class*=".ag-btn"]:focus, .communications .md-button.md-warn:not(.md-raised):not([disabled])[class*=".ag-btn"].md-focused {
        color: #ef5350 !important; }
  .communications .md-button.md-warn.md-raised:not([disabled]) {
    color: #fff;
    background-color: #f44336; }
    .communications .md-button.md-warn.md-raised:not([disabled]) md-icon {
      color: inherit; }
    .communications .md-button.md-warn.md-raised:not([disabled]):hover, .communications .md-button.md-warn.md-raised:not([disabled]):focus, .communications .md-button.md-warn.md-raised:not([disabled]).md-focused {
      background-color: #ef5350; }
  .communications .md-button.md-warn.md-raised[disabled] {
    color: rgba(0, 0, 0, 0.38); }
  .communications .md-button.md-warn.md-raised[class*=".ag-btn"] {
    min-width: 8em; }
    .communications .md-button.md-warn.md-raised[class*=".ag-btn"]:not([disabled]) {
      color: #fff !important;
      background-color: #f44336 !important; }
      .communications .md-button.md-warn.md-raised[class*=".ag-btn"]:not([disabled]) md-icon {
        color: inherit !important; }
      .communications .md-button.md-warn.md-raised[class*=".ag-btn"]:not([disabled]):hover, .communications .md-button.md-warn.md-raised[class*=".ag-btn"]:not([disabled]):focus, .communications .md-button.md-warn.md-raised[class*=".ag-btn"]:not([disabled]).md-focused {
        background-color: #ef5350 !important; }
    .communications .md-button.md-warn.md-raised[class*=".ag-btn"][disabled] {
      color: rgba(0, 0, 0, 0.38) !important;
      background-color: rgba(0, 0, 0, 0.12) !important; }
  .communications .group-button .md-button {
    height: auto;
    min-height: 32px;
    padding: 0 4px;
    text-align: center;
    line-height: 32px; }
    .communications .group-button .md-button.on, .communications .group-button .md-button.on:hover, .communications .group-button .md-button.on:focus, .communications .group-button .md-button.on.md-focused {
      font-weight: 600;
      background-color: #2e7d32 !important; }
    .communications .group-button .md-button.off, .communications .group-button .md-button.off:hover, .communications .group-button .md-button.off:focus, .communications .group-button .md-button.off.md-focused {
      font-weight: 600;
      background-color: #f44336 !important; }
  .communications .no-messages-container {
    min-height: 200px;
    color: rgba(0, 0, 0, 0.625);
    text-align: center; }
    .communications .no-messages-container .no-messages-icon {
      display: block;
      min-width: 64px;
      min-height: 64px;
      line-height: 64px;
      margin-top: 120px;
      margin-bottom: 0;
      color: inherit;
      font-size: 4em;
      opacity: .375; }
      .communications .no-messages-container .no-messages-icon + .no-messages-text {
        margin-top: 0; }
  .communications .attachments-panel,
  .communications .replies-panel,
  .communications .iref-replies-panel {
    margin-top: 10px; }
    .communications .attachments-panel-toggle,
    .communications .replies-panel-toggle,
    .communications .iref-replies-panel-toggle {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      margin: 0 auto;
      padding-left: 12px;
      text-align: left;
      font-weight: bold; }
      .communications .attachments-panel-toggle > *,
      .communications .replies-panel-toggle > *,
      .communications .iref-replies-panel-toggle > * {
        display: inline-block; }
      .communications .attachments-panel-toggle-arrow,
      .communications .replies-panel-toggle-arrow,
      .communications .iref-replies-panel-toggle-arrow {
        transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1); }
  .communications .attachments-panel:not([disabled]) {
    background-color: rgba(0, 0, 0, 0.0625); }
    .communications .attachments-panel:not([disabled]):hover, .communications .attachments-panel:not([disabled]):focus, .communications .attachments-panel:not([disabled]).md-focused {
      background-color: rgba(0, 0, 0, 0.125); }
  .communications .attachments-panel cog-file-download {
    max-height: 0;
    overflow: hidden;
    will-change: max-height;
    transition: max-height .4s ease-in-out; }
  .communications .attachments-panel.is-expanded .attachments-panel-toggle-arrow {
    transform: rotate(180deg); }
  .communications .attachments-panel.is-expanded cog-file-download {
    max-height: 9000px; }
  .communications .replies-panel:not([disabled]) {
    background-color: rgba(0, 0, 0, 0.03125); }
    .communications .replies-panel:not([disabled]):hover, .communications .replies-panel:not([disabled]):focus, .communications .replies-panel:not([disabled]).md-focused {
      background-color: rgba(0, 0, 0, 0.0625); }
  .communications .replies-panel.is-expanded .replies-panel-toggle-arrow {
    transform: rotate(180deg); }
  .communications .iref-replies-panel {
    margin-top: 22px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
    .communications .iref-replies-panel-list {
      margin-right: 12px;
      margin-bottom: 12px;
      margin-left: 12px;
      padding-top: 8px;
      border-top: 1px solid rgba(153, 92, 68, 0.18); }
    .communications .iref-replies-panel-item {
      display: -ms-flexbox;
      display: flex; }
      .communications .iref-replies-panel-item + .iref-replies-panel-item {
        margin-top: 12px; }
      .communications .iref-replies-panel-item.is-sent {
        -ms-flex-pack: start;
            justify-content: flex-start;
        padding-left: 28px; }
        .communications .iref-replies-panel-item.is-sent .iref-replies-panel-bubble {
          border-bottom-right-radius: 2px; }
      .communications .iref-replies-panel-item.is-inbox {
        -ms-flex-pack: start;
            justify-content: flex-start; }
        .communications .iref-replies-panel-item.is-inbox .iref-replies-panel-bubble {
          border-bottom-left-radius: 2px; }
    .communications .iref-replies-panel-bubble {
      max-width: 74%;
      min-width: 220px;
      padding: 10px 12px 8px;
      background-color: #fff;
      border-radius: 8px;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14); }
    .communications .iref-replies-panel-meta {
      margin-bottom: 6px;
      color: rgba(0, 0, 0, 0.45);
      font-size: .75em;
      font-weight: 600; }
    .communications .iref-replies-panel-message {
      margin-bottom: 0;
      color: rgba(0, 0, 0, 0.55); }
    .communications .iref-replies-panel-toggle.md-button {
      min-height: 36px;
      margin: 0 0 14px;
      background-color: rgba(0, 0, 0, 0.04);
      color: rgba(0, 0, 0, 0.82);
      line-height: 36px;
      text-transform: uppercase; }
      .communications .iref-replies-panel-toggle.md-button:not([disabled]):hover, .communications .iref-replies-panel-toggle.md-button:not([disabled]):focus, .communications .iref-replies-panel-toggle.md-button:not([disabled]).md-focused {
        background-color: rgba(0, 0, 0, 0.08); }
      .communications .iref-replies-panel-toggle.md-button .iref-replies-panel-toggle-arrow {
        color: rgba(0, 0, 0, 0.55); }
    .communications .iref-replies-panel.is-expanded .iref-replies-panel-toggle.md-button {
      box-shadow: 0 0 7px rgba(33, 150, 243, 0.45); }
  .communications cog-file-download {
    display: block;
    width: 100%;
    font-size: .875em; }
    .communications cog-file-download .__file-preview-item {
      max-width: 148px;
      padding: 10px;
      text-align: center; }
      .communications cog-file-download .__file-preview-item-inner {
        position: relative; }
      @media screen and (min-width: 600px) {
        .communications cog-file-download .__file-preview-item {
          max-width: 180px; } }
    .communications cog-file-download .__file-preview-pdf,
    .communications cog-file-download .__file-preview-thumb {
      display: block;
      max-width: 100%;
      max-height: 80px;
      margin-right: auto;
      margin-bottom: 8px;
      margin-left: auto;
      border-radius: 2px; }
      .communications cog-file-download .__file-preview-pdf:not([disabled]):hover ~ .__file-preview-hint, .communications cog-file-download .__file-preview-pdf:not([disabled]):focus ~ .__file-preview-hint, .communications cog-file-download .__file-preview-pdf:not([disabled]).md-focused ~ .__file-preview-hint,
      .communications cog-file-download .__file-preview-thumb:not([disabled]):hover ~ .__file-preview-hint,
      .communications cog-file-download .__file-preview-thumb:not([disabled]):focus ~ .__file-preview-hint,
      .communications cog-file-download .__file-preview-thumb:not([disabled]).md-focused ~ .__file-preview-hint {
        opacity: 1;
        transform: scale(1.0625); }
      .communications cog-file-download .__file-preview-pdf[ng-click],
      .communications cog-file-download .__file-preview-thumb[ng-click] {
        cursor: pointer; }
    .communications cog-file-download .__file-preview-pdf {
      border: 1px solid rgba(0, 0, 0, 0.25); }
    .communications cog-file-download .__file-preview-hint {
      position: absolute;
      right: 4px;
      bottom: 8px;
      color: #fff;
      font-size: 22px;
      text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5), 1px 0 1px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.5);
      opacity: .75;
      pointer-events: none;
      transition: opacity .4s ease-in-out, transform .4s ease-in-out; }
    .communications cog-file-download .__file-preview-link {
      display: block;
      padding: 4px 8px;
      color: #0093c3;
      font-weight: 600;
      text-overflow: ellipsis;
      white-space: nowrap;
      background-color: rgba(255, 255, 255, 0.666667);
      border: 1px solid #0093c3;
      border-radius: 2px;
      overflow: hidden;
      cursor: pointer;
      transition: color .4s ease-in-out, background-color .4s ease-in-out, border-color .4s ease-in-out; }
      .communications cog-file-download .__file-preview-link:not([disabled]):hover, .communications cog-file-download .__file-preview-link:not([disabled]):focus, .communications cog-file-download .__file-preview-link:not([disabled]).md-focused {
        color: #fff;
        background-color: #0093c3;
        border-color: #0093c3; }
      .communications cog-file-download .__file-preview-link md-icon,
      .communications cog-file-download .__file-preview-link .fa,
      .communications cog-file-download .__file-preview-link .zmdi {
        color: inherit;
        fill: inherit;
        text-align: center; }
  .communications[is-communication="true"] .md-fab:not([disabled]).ag-btn-primary-1 {
    color: #000000 !important;
    background-color: var(--color-primary) !important; }
  .communications[is-communication="true"] .md-fab:not([disabled]).ag-btn-secondary-1 {
    color: #FFFFFF !important;
    background-color: #273236 !important; }
  .communications[is-communication="true"] .md-fab:not([disabled]).ag-btn-tertiary-1 {
    color: #000000 !important;
    background-color: #FFFFFF !important; }
  .communications[is-communication="true"] .ag-btn-primary-1[disabled],
  .communications[is-communication="true"] .ag-btn-secondary-1[disabled],
  .communications[is-communication="true"] .ag-btn-tertiary-1[disabled] {
    color: rgba(0, 0, 0, 0.38) !important;
    box-shadow: none !important; }
  .communications[is-communication="true"] .ag-btn-primary-1.md-raised md-icon,
  .communications[is-communication="true"] .ag-btn-primary-1.md-raised .fa,
  .communications[is-communication="true"] .ag-btn-primary-1.md-raised .zmdi, .communications[is-communication="true"] .ag-btn-primary-1.md-raised:not([disabled]) md-icon,
  .communications[is-communication="true"] .ag-btn-primary-1.md-raised:not([disabled]) .fa,
  .communications[is-communication="true"] .ag-btn-primary-1.md-raised:not([disabled]) .zmdi, .communications[is-communication="true"] .ag-btn-primary-1.md-fab md-icon,
  .communications[is-communication="true"] .ag-btn-primary-1.md-fab .fa,
  .communications[is-communication="true"] .ag-btn-primary-1.md-fab .zmdi, .communications[is-communication="true"] .ag-btn-primary-1.md-fab:not([disabled]) md-icon,
  .communications[is-communication="true"] .ag-btn-primary-1.md-fab:not([disabled]) .fa,
  .communications[is-communication="true"] .ag-btn-primary-1.md-fab:not([disabled]) .zmdi,
  .communications[is-communication="true"] .ag-btn-secondary-1.md-raised md-icon,
  .communications[is-communication="true"] .ag-btn-secondary-1.md-raised .fa,
  .communications[is-communication="true"] .ag-btn-secondary-1.md-raised .zmdi,
  .communications[is-communication="true"] .ag-btn-secondary-1.md-raised:not([disabled]) md-icon,
  .communications[is-communication="true"] .ag-btn-secondary-1.md-raised:not([disabled]) .fa,
  .communications[is-communication="true"] .ag-btn-secondary-1.md-raised:not([disabled]) .zmdi,
  .communications[is-communication="true"] .ag-btn-secondary-1.md-fab md-icon,
  .communications[is-communication="true"] .ag-btn-secondary-1.md-fab .fa,
  .communications[is-communication="true"] .ag-btn-secondary-1.md-fab .zmdi,
  .communications[is-communication="true"] .ag-btn-secondary-1.md-fab:not([disabled]) md-icon,
  .communications[is-communication="true"] .ag-btn-secondary-1.md-fab:not([disabled]) .fa,
  .communications[is-communication="true"] .ag-btn-secondary-1.md-fab:not([disabled]) .zmdi,
  .communications[is-communication="true"] .ag-btn-tertiary-1.md-raised md-icon,
  .communications[is-communication="true"] .ag-btn-tertiary-1.md-raised .fa,
  .communications[is-communication="true"] .ag-btn-tertiary-1.md-raised .zmdi,
  .communications[is-communication="true"] .ag-btn-tertiary-1.md-raised:not([disabled]) md-icon,
  .communications[is-communication="true"] .ag-btn-tertiary-1.md-raised:not([disabled]) .fa,
  .communications[is-communication="true"] .ag-btn-tertiary-1.md-raised:not([disabled]) .zmdi,
  .communications[is-communication="true"] .ag-btn-tertiary-1.md-fab md-icon,
  .communications[is-communication="true"] .ag-btn-tertiary-1.md-fab .fa,
  .communications[is-communication="true"] .ag-btn-tertiary-1.md-fab .zmdi,
  .communications[is-communication="true"] .ag-btn-tertiary-1.md-fab:not([disabled]) md-icon,
  .communications[is-communication="true"] .ag-btn-tertiary-1.md-fab:not([disabled]) .fa,
  .communications[is-communication="true"] .ag-btn-tertiary-1.md-fab:not([disabled]) .zmdi {
    color: inherit; }

.ag-delete-email,
.ag-undelete-email {
  max-width: 600px;
  background-color: #f3f3f3; }
  @media screen and (max-width: 959px) {
    .ag-delete-email,
    .ag-undelete-email {
      min-width: 0; } }
  .ag-delete-email.ag-popup,
  .ag-undelete-email.ag-popup {
    background-color: #f3f3f3 !important; }
    .ag-delete-email.ag-popup .md-dialog-content,
    .ag-delete-email.ag-popup md-dialog-actions,
    .ag-undelete-email.ag-popup .md-dialog-content,
    .ag-undelete-email.ag-popup md-dialog-actions {
      background-color: #f3f3f3; }
  .ag-delete-email .toolbar-default.md-warn,
  .ag-delete-email md-toolbar:not(.md-menu-toolbar).md-warn,
  .ag-undelete-email .toolbar-default.md-warn,
  .ag-undelete-email md-toolbar:not(.md-menu-toolbar).md-warn {
    color: #fff;
    background-color: #d32f2f; }
  .ag-delete-email .toolbar-default.md-warn,
  .ag-undelete-email .toolbar-default.md-warn {
    background-color: #d32f2f !important; }
  .ag-delete-email .toolbar-default .md-toolbar-tools,
  .ag-undelete-email .toolbar-default .md-toolbar-tools {
    background-color: inherit !important; }
  .ag-delete-email .md-toolbar-tools,
  .ag-undelete-email .md-toolbar-tools {
    height: 56px;
    min-height: 56px;
    line-height: 56px; }
    .ag-delete-email .md-toolbar-tools .title,
    .ag-delete-email .md-toolbar-tools .md-title,
    .ag-undelete-email .md-toolbar-tools .title,
    .ag-undelete-email .md-toolbar-tools .md-title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .ag-delete-email md-dialog-content,
  .ag-undelete-email md-dialog-content {
    -ms-flex-positive: 1;
        flex-grow: 1; }
    @media screen and (min-width: 600px) and (max-width: 959px) {
      .ag-delete-email md-dialog-content.dialog-compose,
      .ag-undelete-email md-dialog-content.dialog-compose {
        max-width: none; } }
    @media screen and (min-width: 600px) {
      .ag-delete-email md-dialog-content.dialog-compose,
      .ag-undelete-email md-dialog-content.dialog-compose {
        transform: none; } }
    @media screen and (min-width: 600px) and (max-height: 599px) {
      .ag-delete-email md-dialog-content.dialog-compose:not(.confirm),
      .ag-undelete-email md-dialog-content.dialog-compose:not(.confirm) {
        height: auto; } }
    @media screen and (min-width: 600px) {
      .ag-delete-email md-dialog-content.dialog-compose:not(.confirm),
      .ag-undelete-email md-dialog-content.dialog-compose:not(.confirm) {
        max-height: none; } }
    .ag-delete-email md-dialog-content.dialog-compose .fr-box.fr-basic,
    .ag-undelete-email md-dialog-content.dialog-compose .fr-box.fr-basic {
      border: 1px solid rgba(0, 0, 0, 0.125);
      border-radius: 0; }
      @media screen and (max-width: 599px) {
        .ag-delete-email md-dialog-content.dialog-compose .fr-box.fr-basic .fr-element,
        .ag-undelete-email md-dialog-content.dialog-compose .fr-box.fr-basic .fr-element {
          height: auto; } }
      @media screen and (min-width: 600px) and (min-height: 960px) {
        .ag-delete-email md-dialog-content.dialog-compose .fr-box.fr-basic .fr-element,
        .ag-undelete-email md-dialog-content.dialog-compose .fr-box.fr-basic .fr-element {
          min-height: 200px; } }
    .ag-delete-email md-dialog-content.dialog-compose .fr-toolbar .fr-command.fr-btn,
    .ag-undelete-email md-dialog-content.dialog-compose .fr-toolbar .fr-command.fr-btn {
      color: #607d8b; }
      .ag-delete-email md-dialog-content.dialog-compose .fr-toolbar .fr-command.fr-btn.fr-active,
      .ag-undelete-email md-dialog-content.dialog-compose .fr-toolbar .fr-command.fr-btn.fr-active {
        background-color: rgba(96, 125, 139, 0.1875); }
  .ag-delete-email md-dialog-actions,
  .ag-undelete-email md-dialog-actions {
    padding-left: 8px; }
    .ag-delete-email md-dialog-actions .md-button,
    .ag-undelete-email md-dialog-actions .md-button {
      font-weight: 600; }
      .ag-delete-email md-dialog-actions .md-button:not([disabled]):not(.md-raised),
      .ag-undelete-email md-dialog-actions .md-button:not([disabled]):not(.md-raised) {
        background-color: rgba(158, 158, 158, 0.15); }
        .ag-delete-email md-dialog-actions .md-button:not([disabled]):not(.md-raised):hover, .ag-delete-email md-dialog-actions .md-button:not([disabled]):not(.md-raised):focus, .ag-delete-email md-dialog-actions .md-button:not([disabled]):not(.md-raised).md-focused,
        .ag-undelete-email md-dialog-actions .md-button:not([disabled]):not(.md-raised):hover,
        .ag-undelete-email md-dialog-actions .md-button:not([disabled]):not(.md-raised):focus,
        .ag-undelete-email md-dialog-actions .md-button:not([disabled]):not(.md-raised).md-focused {
          background-color: rgba(158, 158, 158, 0.3); }
      .ag-delete-email md-dialog-actions .md-button:not([disabled]).md-warn:not(.md-raised),
      .ag-undelete-email md-dialog-actions .md-button:not([disabled]).md-warn:not(.md-raised) {
        color: #f44336; }
        .ag-delete-email md-dialog-actions .md-button:not([disabled]).md-warn:not(.md-raised) md-icon,
        .ag-undelete-email md-dialog-actions .md-button:not([disabled]).md-warn:not(.md-raised) md-icon {
          color: inherit; }
        .ag-delete-email md-dialog-actions .md-button:not([disabled]).md-warn:not(.md-raised):hover, .ag-delete-email md-dialog-actions .md-button:not([disabled]).md-warn:not(.md-raised):focus, .ag-delete-email md-dialog-actions .md-button:not([disabled]).md-warn:not(.md-raised).md-focused,
        .ag-undelete-email md-dialog-actions .md-button:not([disabled]).md-warn:not(.md-raised):hover,
        .ag-undelete-email md-dialog-actions .md-button:not([disabled]).md-warn:not(.md-raised):focus,
        .ag-undelete-email md-dialog-actions .md-button:not([disabled]).md-warn:not(.md-raised).md-focused {
          color: #ef5350; }
      .ag-delete-email md-dialog-actions .md-button:not([disabled]).md-warn.md-raised,
      .ag-undelete-email md-dialog-actions .md-button:not([disabled]).md-warn.md-raised {
        color: #fff;
        background-color: #f44336; }
        .ag-delete-email md-dialog-actions .md-button:not([disabled]).md-warn.md-raised md-icon,
        .ag-undelete-email md-dialog-actions .md-button:not([disabled]).md-warn.md-raised md-icon {
          color: inherit; }
        .ag-delete-email md-dialog-actions .md-button:not([disabled]).md-warn.md-raised:hover, .ag-delete-email md-dialog-actions .md-button:not([disabled]).md-warn.md-raised:focus, .ag-delete-email md-dialog-actions .md-button:not([disabled]).md-warn.md-raised.md-focused,
        .ag-undelete-email md-dialog-actions .md-button:not([disabled]).md-warn.md-raised:hover,
        .ag-undelete-email md-dialog-actions .md-button:not([disabled]).md-warn.md-raised:focus,
        .ag-undelete-email md-dialog-actions .md-button:not([disabled]).md-warn.md-raised.md-focused {
          background-color: #ef5350; }
      .ag-delete-email md-dialog-actions .md-button:first-child:not(:last-child),
      .ag-undelete-email md-dialog-actions .md-button:first-child:not(:last-child) {
        margin-left: 0; }

@media screen and (max-width: 599px) {
  .ag-undelete-email.mobile-fullwidth-dialog {
    border-radius: 0; } }

.ag-body .communications .md-button.btn--primary:not([disabled]), .ag-body .communications .md-button.btn--primary:not([disabled]):hover, .ag-body .communications .md-button.btn--primary:not([disabled]):focus, .ag-body .communications .md-button.btn--primary:not([disabled]).md-focused, .ag-body .communications .md-button.md-fab.btn--primary:not([disabled]), .ag-body .communications .md-button.md-fab.btn--primary:not([disabled]):hover, .ag-body .communications .md-button.md-fab.btn--primary:not([disabled]):focus, .ag-body .communications .md-button.md-fab.btn--primary:not([disabled]).md-focused {
  background-color: var(--color-primary);
  color: var(--color-white); }

.ag-body .communications .md-button.btn--secondary:not([disabled]), .ag-body .communications .md-button.btn--secondary:not([disabled]):hover, .ag-body .communications .md-button.btn--secondary:not([disabled]):focus, .ag-body .communications .md-button.btn--secondary:not([disabled]).md-focused, .ag-body .communications .md-button.md-fab.btn--secondary:not([disabled]), .ag-body .communications .md-button.md-fab.btn--secondary:not([disabled]):hover, .ag-body .communications .md-button.md-fab.btn--secondary:not([disabled]):focus, .ag-body .communications .md-button.md-fab.btn--secondary:not([disabled]).md-focused {
  background-color: var(--color-accent-lighter);
  color: var(--color-white); }

.ag-body .communications .md-button.btn--subtle:not([disabled]), .ag-body .communications .md-button.btn--subtle:not([disabled]):hover, .ag-body .communications .md-button.btn--subtle:not([disabled]):focus, .ag-body .communications .md-button.btn--subtle:not([disabled]).md-focused, .ag-body .communications .md-button.md-fab.btn--subtle:not([disabled]), .ag-body .communications .md-button.md-fab.btn--subtle:not([disabled]):hover, .ag-body .communications .md-button.md-fab.btn--subtle:not([disabled]):focus, .ag-body .communications .md-button.md-fab.btn--subtle:not([disabled]).md-focused {
  background-color: var(--color-contrast-lower);
  color: var(--color-contrast-higher); }

.ag-body .communications .communications-subheader.md-subheader {
  background-color: transparent; }

@media screen and (max-width: 959px) {
  .ag-body .communications .mailbox-list,
  .ag-body .communications .no-messages-container {
    min-height: calc(100vh - 194px); } }

@media screen and (max-width: 599px) {
  .ag-body .communications[is-communication="true"] .communications-content {
    margin-top: 56px; } }

@media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) {
  .ag-body .communications[is-communication="true"] .communications-content {
    margin-top: 128px; } }

@media screen and (max-width: 959px) {
  .ag-body .communications[is-communication="true"] .mailbox-list,
  .ag-body .communications[is-communication="true"] .no-messages-container {
    min-height: calc(100vh - 308px); } }

@media screen and (min-width: 600px) and (max-width: 959px) and (orientation: portrait) {
  .ag-body .communications[is-communication="true"] .mailbox-list,
  .ag-body .communications[is-communication="true"] .no-messages-container {
    min-height: calc(100vh - 324px); } }

.ag-body .communications .communications-subheader-actions > .btn,
.ag-body .communications .communications-subheader-actions > .md-button {
  border-radius: 0; }

.ag-body .communications .communications-nav-item ~ .communications-nav-item {
  margin-left: 10px; }
  @media screen and (min-width: 600px) {
    .ag-body .communications .communications-nav-item ~ .communications-nav-item {
      margin-left: 60px; } }

.ag-body .communications .ag-title:not([disabled]) {
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.25); }
  .ag-body .communications .ag-title:not([disabled]):hover, .ag-body .communications .ag-title:not([disabled]):focus, .ag-body .communications .ag-title:not([disabled]).md-focused, .ag-body .communications .ag-title:not([disabled]).is-active {
    background-color: rgba(255, 255, 255, 0.75); }
  .ag-body .communications .ag-title:not([disabled]):focus, .ag-body .communications .ag-title:not([disabled]).md-focused {
    box-shadow: 0 1px 6px rgba(34, 136, 187, 0.75); }

.ag-body .communications .sticky-message-footer {
  min-height: 72px; }
  .ag-body .communications .sticky-message-footer > .md-button {
    margin-bottom: 12px; }

@media screen and (min-width: 600px) {
  .ag-body #ag-content .sticky-message {
    height: auto; } }

body:not(.ag-body) .communications .mailbox-item .message-node strong,
body:not(.ag-body) .communications .mailbox-item .reply-node strong {
  font-weight: bold; }

md-backdrop.md-dialog-backdrop:first-of-type + md-backdrop.md-dialog-backdrop {
  z-index: 81; }

.md-dialog-container ~ .md-dialog-container {
  z-index: 82; }

.margin-left-220 {
  margin-left: 220px !important; }

.margin-left-240 {
  margin-left: 240px !important; }

.margin-left-260 {
  margin-left: 260px !important; }

.margin-left-280 {
  margin-left: 280px !important; }

.margin-left-300 {
  margin-left: 300px !important; }

.margin-left-320 {
  margin-left: 320px !important; }

.margin-left-340 {
  margin-left: 340px !important; }

.margin-left-360 {
  margin-left: 360px !important; }

.margin-left-380 {
  margin-left: 380px !important; }

.margin-left-400 {
  margin-left: 400px !important; }

.margin-left-420 {
  margin-left: 420px !important; }

.margin-left-440 {
  margin-left: 440px !important; }

.margin-left-460 {
  margin-left: 460px !important; }

.margin-left-480 {
  margin-left: 480px !important; }

.margin-left-500 {
  margin-left: 500px !important; }

.margin-left-520 {
  margin-left: 520px !important; }

.margin-left-540 {
  margin-left: 540px !important; }

.margin-left-560 {
  margin-left: 560px !important; }

.margin-left-580 {
  margin-left: 580px !important; }

.margin-left-600 {
  margin-left: 600px !important; }

.margin-left-620 {
  margin-left: 620px !important; }

.margin-left-640 {
  margin-left: 640px !important; }

.margin-left-660 {
  margin-left: 660px !important; }

.margin-left-680 {
  margin-left: 680px !important; }

.margin-left-700 {
  margin-left: 700px !important; }

.margin-left-720 {
  margin-left: 720px !important; }

.margin-left-740 {
  margin-left: 740px !important; }

.margin-left-760 {
  margin-left: 760px !important; }

.margin-left-780 {
  margin-left: 780px !important; }

.margin-left-800 {
  margin-left: 800px !important; }

/* end Communications */
/*
* Name: md-date-range-picker
* Version: ${version}
* Build Date: ${builddate}
* Author: roel barreto <greatcodeideas@gmail.com>
*/
md-date-range {
  cursor: pointer; }

md-date-range-picker {
  display: block;
  max-width: 664px; }

md-date-range-picker .md-date-range-picker__one-panel {
  display: block;
  max-width: 340px; }

.md-date-range-picker [event-key] * {
  pointer-events: none; }

.md-date-range-picker {
  position: relative;
  background: #FFF; }

.md-date-range-picker__title {
  text-align: center;
  font-size: 1rem;
  background: #106cc8;
  color: #FFF;
  margin: 0;
  padding: 16px 0; }

.md-date-range-picker__month-year {
  text-align: center;
  font-size: 1rem;
  background: #eee;
  margin: 0;
  padding: 0 0; }

.md-date-range-picker__month-year .md-select-icon {
  display: none; }

.md-date-range-picker__month-year md-select {
  margin: 10px 0; }

.md-date-range-picker__templates {
  background: #EEE; }

.md-date-range-picker__calendar-wrapper {
  padding: 0 0;
  width: 308px;
  min-width: 308px; }

.md-date-range-picker__week {
  background: #e0e0e0; }

.md-date-range-picker__calendar__grid {
  font-size: 13px;
  color: #222;
  padding: 0;
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  position: relative;
  outline: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0); }

.md-date-range-picker__calendar .md-date-range-picker__calendar__grid {
  cursor: pointer; }

.md-date-range-picker__calendar__not-in-active-month {
  color: rgba(0, 0, 0, 0.5); }

.md-date-range-picker__calendar .md-date-range-picker__calendar__grid:hover:not(.md-date-range-picker__calendar__selected):not(.md-date-range-picker__calendar__disabled) {
  transition: background 300ms ease-out;
  background: rgba(0, 0, 0, 0.1); }

.md-date-range-picker__calendar__selected {
  background: #106cc8;
  color: #FFF;
  border-radius: 0; }

.md-date-range-picker__calendar__selected.md-date-range-picker__calendar__disabled {
  background: rgba(0, 0, 0, 0.2); }

.md-date-range-picker__calendar__not-in-active-month.md-date-range-picker__calendar__selected {
  color: rgba(255, 255, 255, 0.2); }

.md-date-range-picker__calendar__today {
  font-weight: bold; }

.md-date-range-picker__calendar .md-date-range-picker__calendar__grid.md-date-range-picker__calendar__disabled {
  opacity: 0.3;
  cursor: not-allowed; }

.md-date-range-picker__calendar__start {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%; }

.md-date-range-picker__calendar__end {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%; }

.md-date-range-picker__select {
  z-index: 100; }

.md-date-range-picker__calendar__selection {
  pointer-events: none; }

tri-menu-cog {
  overflow-y: auto;
  z-index: 1; }

/* Style for scrollbar on webkit browsers in windows - looks nice already on other operating systems ;) */
.os-windows tri-menu-cog::-webkit-scrollbar {
  width: 8px;
  background: rgba(0, 0, 0, 0.1);
  transition: all .2s; }

.os-windows tri-menu-cog::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  transition: all .2s; }

.sidebar-left-icon {
  display: none; }
  .sidebar-left-icon md-icon {
    transform: rotate(90deg);
    transition: all .2s; }
  .md-locked-open .sidebar-left-icon {
    display: block; }

.side-menu-link {
  display: block;
  text-align: left;
  width: 100%;
  height: 48px;
  padding: 0px 16px;
  margin: 0px;
  text-transform: none;
  border-radius: 0 !important;
  white-space: normal;
  line-height: 48px;
  position: relative;
  z-index: 2;
  box-shadow: none !important;
  transform: translate3d(0, 0, 0); }
  .side-menu-link:hover, .side-menu-link:focus {
    transform: translate3d(0, 0, 0); }
  .uppercase-all .side-menu-link {
    text-transform: uppercase; }
  .uppercase-top-level .side-menu-link {
    text-transform: uppercase; }
  .uppercase-top-level .drop-down-list .side-menu-link {
    text-transform: none; }

.side-menu-icon[md-font-icon], .menu-toggle-icon[md-font-icon] {
  height: 100%;
  line-height: inherit;
  font-size: 1.5rem; }

.side-menu-icon[md-font-icon] {
  width: 24px; }

.menu-toggle-icon {
  text-align: center;
  float: right;
  transition: all .5s; }
  .menu-toggle-icon.open {
    transform: rotate(90deg); }

.side-menu-badge {
  border-radius: 8px;
  padding: 6px 8px;
  float: right;
  line-height: 1.2;
  margin-top: 11px; }

.drop-down-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  max-height: 1300px;
  transition-property: max-height;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: all 1s; }
  .drop-down-list:before, .drop-down-list:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 3; }
  .drop-down-list:before {
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); }
  .drop-down-list:after {
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); }
  .drop-down-list .drop-down-list:before, .drop-down-list .drop-down-list:after {
    display: none; }
  .drop-down-list.ng-hide {
    max-height: 0; }
  .drop-down-list .side-menu-link {
    padding-left: 16px;
    transition: all 0.5s;
    position: relative; }
    .drop-down-list .side-menu-link:after {
      position: absolute;
      z-index: 1;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .drop-down-list .side-menu-link span {
      position: relative;
      z-index: 2; }

.drop-down-list:not(.ng-hide) .side-menu-link {
  padding-left: 50px;
  position: relative; }
  .drop-down-list:not(.ng-hide) .side-menu-link:after {
    background: rgba(153, 153, 153, 0.15); }

.drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link {
  padding-left: 60px; }
  .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link:after {
    background: rgba(153, 153, 153, 0.2); }

.drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link {
  padding-left: 76px; }
  .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link:after {
    background: rgba(153, 153, 153, 0.3); }

.drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link {
  padding-left: 92px; }
  .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link:after {
    background: rgba(153, 153, 153, 0.4); }

.admin-sidebar-collapsed.md-locked-open .sidebar-left-title, .admin-sidebar-collapsed.md-locked-open .sidebar-left-icon, .admin-sidebar-collapsed.md-locked-open .side-menu-badge {
  opacity: 0;
  transition: all .2s;
  transition-delay: .3s; }

.admin-sidebar-collapsed.md-locked-open .side-menu-link span {
  opacity: 0;
  transition: all .2s;
  transition-delay: .3s; }

.admin-sidebar-collapsed.md-locked-open .drop-down-list {
  max-height: 0; }

.admin-sidebar-collapsed.md-locked-open.hover .sidebar-left-title, .admin-sidebar-collapsed.md-locked-open.hover .sidebar-left-icon, .admin-sidebar-collapsed.md-locked-open.hover .side-menu-badge {
  opacity: 1; }

.admin-sidebar-collapsed.md-locked-open.hover .side-menu-link span {
  opacity: 1; }

.admin-sidebar-collapsed.md-locked-open.hover .drop-down-list {
  max-height: 1300px; }
  .admin-sidebar-collapsed.md-locked-open.hover .drop-down-list.ng-hide {
    max-height: 0; }

.sidebar-left-toolbar {
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.12);
  z-index: 10; }

.sidebar-left-logo {
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  .sidebar-left-logo img {
    max-height: 64px;
    vertical-align: top;
    margin-right: 4px;
    transform: translateX(-4px); }

.sidebar-left-icon {
  margin-right: -16px !important; }

tri-menu-cog {
  overflow-y: auto;
  z-index: 1;
  transform: translateZ(0); }

/* Style for scrollbar on webkit browsers in windows - looks nice already on other operating systems ;) */
.os-windows side-menu::-webkit-scrollbar {
  width: 8px;
  background: rgba(0, 0, 0, 0.1);
  transition: all .2s; }

.os-windows side-menu::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  transition: all .2s; }

.sidebar-left-icon {
  display: none; }
  .sidebar-left-icon md-icon {
    transform: rotate(90deg);
    transition: all .2s; }
  .md-locked-open .sidebar-left-icon {
    display: block; }

.side-menu-link {
  display: block;
  text-align: left;
  width: 100%;
  height: 48px;
  padding: 0px 22px;
  margin: 0px;
  text-transform: none;
  border-radius: 0 !important;
  white-space: normal;
  line-height: 48px;
  position: relative;
  z-index: 2;
  box-shadow: none !important;
  transform: translate3d(0, 0, 0); }
  .side-menu-link:hover, .side-menu-link:focus {
    transform: translate3d(0, 0, 0); }
  .uppercase-all .side-menu-link {
    text-transform: uppercase; }
  .uppercase-top-level .side-menu-link {
    text-transform: uppercase; }
  .uppercase-top-level .drop-down-list .side-menu-link {
    text-transform: none; }

.side-menu-icon[md-font-icon], .menu-toggle-icon[md-font-icon] {
  height: 100%;
  line-height: inherit;
  font-size: 1.5rem; }

.side-menu-icon[md-font-icon] {
  width: 24px; }

.menu-toggle-icon {
  text-align: center;
  float: right;
  transition: all .5s; }
  .menu-toggle-icon.open {
    transform: rotate(90deg); }

.drop-down-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  max-height: 1300px;
  transition-property: max-height;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: all 1s; }
  .drop-down-list:before, .drop-down-list:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 3; }
  .drop-down-list:before {
    top: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); }
  .drop-down-list:after {
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); }
  .drop-down-list .drop-down-list:before, .drop-down-list .drop-down-list:after {
    display: none; }
  .drop-down-list.ng-hide {
    max-height: 0; }
  .drop-down-list .side-menu-link {
    padding-left: 16px;
    transition: all 0.5s;
    position: relative; }
    .drop-down-list .side-menu-link:after {
      position: absolute;
      z-index: 1;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .drop-down-list .side-menu-link span {
      position: relative;
      z-index: 2; }

.drop-down-list:not(.ng-hide) .side-menu-link {
  padding-left: 32px;
  position: relative; }
  .drop-down-list:not(.ng-hide) .side-menu-link:after {
    background: rgba(153, 153, 153, 0.15); }

.drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link {
  padding-left: 60px; }
  .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link:after {
    background: rgba(153, 153, 153, 0.2); }

.drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link {
  padding-left: 76px; }
  .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link:after {
    background: rgba(153, 153, 153, 0.3); }

.drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link {
  padding-left: 92px; }
  .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .drop-down-list:not(.ng-hide) .side-menu-link:after {
    background: rgba(153, 153, 153, 0.4); }

.admin-sidebar-collapsed.md-locked-open .sidebar-left-title, .admin-sidebar-collapsed.md-locked-open .sidebar-left-icon {
  opacity: 0;
  transition: all .2s;
  transition-delay: .3s; }

.admin-sidebar-collapsed.md-locked-open .side-menu-link span {
  opacity: 0;
  transition: all .2s;
  transition-delay: .3s; }

.admin-sidebar-collapsed.md-locked-open .drop-down-list {
  max-height: 0; }

.admin-sidebar-collapsed.md-locked-open.hover .sidebar-left-title, .admin-sidebar-collapsed.md-locked-open.hover .sidebar-left-icon {
  opacity: 1; }

.admin-sidebar-collapsed.md-locked-open.hover .side-menu-link span {
  opacity: 1; }

.admin-sidebar-collapsed.md-locked-open.hover .drop-down-list {
  max-height: 1300px; }
  .admin-sidebar-collapsed.md-locked-open.hover .drop-down-list.ng-hide {
    max-height: 0; }

.admin-notifications md-tabs-canvas, .admin-notifications md-pagination-wrapper {
  height: 64px; }

.admin-notifications md-tabs-content-wrapper {
  top: 64px; }

.admin-notifications .md-tab .md-font {
  font-size: 2.0rem;
  vertical-align: middle;
  line-height: 4rem; }

.admin-notifications md-tab-item {
  max-width: 100% !important; }

.admin-notifications md-list-item p {
  font-size: 1.3rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 2rem; }

.admin-notifications md-list-item md-icon, .admin-notifications md-list-item .md-list-item-inner md-icon {
  margin-right: 12px; }

.admin-notifications md-list-item[layout="column"] {
  min-height: initial;
  margin-bottom: 3rem; }

.btnSelected {
  background-color: #D1D1D1; }

.md-sidenav-right {
  position: fixed;
  background-color: #E3E3E3 !important; }

.logout-btn {
  background-color: #AE2F2F !important; }

#dvNotifications h4 {
  font-size: 13px !important; }

#dvNotifications .btnMenu {
  background-color: #F3F3F3; }

#dvNotifications .dvSqBtns {
  padding-top: 7px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 10px; }
  #dvNotifications .dvSqBtns .btnSquare {
    margin: 0px;
    height: 58px;
    min-width: 95% !important;
    line-height: unset;
    background-color: #EBEBEB !important; }
    #dvNotifications .dvSqBtns .btnSquare img {
      padding-top: 4px; }

#dvNotifications .btnImg {
  min-width: 95% !important;
  line-height: unset;
  background-color: #EBEBEB !important; }
  #dvNotifications .btnImg img {
    padding-top: 4px; }

.homeDialog {
  width: 380px;
  max-width: 380px;
  top: 10%;
  -ms-flex-item-align: start;
      align-self: flex-start; }
  @media screen and (max-width: 959px) {
    .homeDialog {
      max-width: 94%;
      top: 10px; } }
  .homeDialog .toolbar-default {
    min-height: 40px;
    line-height: 40px;
    background-color: #3c4359 !important; }
    @media screen and (max-width: 959px) {
      .homeDialog .toolbar-default {
        background-color: #607d8b !important; } }
  .homeDialog .md-toolbar-tools {
    font-size: 15px;
    font-weight: bold;
    max-height: 45px;
    height: 40px;
    line-height: 40px;
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (max-width: 959px) {
      .homeDialog .md-toolbar-tools {
        font-size: 13px; } }
  .homeDialog md-dialog-content {
    padding: 15px; }
  .homeDialog md-input-container {
    margin-bottom: 5px;
    margin-top: 25px;
    padding: 0; }
    .homeDialog md-input-container .md-errors-spacer {
      display: none; }
    .homeDialog md-input-container .md-input-message-animation {
      opacity: 1;
      margin-top: 0px; }
    @media screen and (max-width: 959px) {
      .homeDialog md-input-container {
        min-width: 40px; } }
  .homeDialog md-dialog-actions {
    padding-left: 0px; }

.toolbarWebsite {
  font-size: 16px;
  font-style: italic;
  font-weight: 500; }

.textInfo {
  font-size: 16px;
  font-style: normal; }

#mobToolBar {
  padding: 0px;
  min-height: 56px;
  height: 56px;
  background-color: #203552;
  margin: 0px 3px;
  width: unset;
  padding: 4px 8px;
  background-color: #fff;
  /* Fallback */
  background-color: rgba(255, 255, 255, 0.95);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3333); }
  @media screen and (max-width: 959px) {
    #mobToolBar {
      margin: 0px;
      padding: 0px;
      background-color: #3B3B3B;
      border-bottom-right-radius: 0;
      /* Restore */
      border-bottom-left-radius: 0;
      /* Restore */ } }
  #mobToolBar .btnViewOnly {
    min-width: 60px;
    margin: 0px 3px;
    background-color: #e8e8e8;
    color: #d77728; }
  #mobToolBar .btnHome {
    min-width: 67px;
    width: 67px;
    background-color: #e8e8e8;
    color: #d77728;
    margin-left: 5.5px; }
  #mobToolBar .btnMenu {
    min-width: 30px;
    width: 45px;
    background-color: #e8e8e8;
    color: #d77728;
    margin-right: 5.5px; }
    #mobToolBar .btnMenu i {
      font-size: 1.5em;
      vertical-align: middle; }
  #mobToolBar .lblTb {
    font-size: 11px;
    font-weight: 400;
    color: #707070; }
  #mobToolBar img {
    cursor: pointer;
    margin-left: 10px;
    margin-top: 5px; }
  #mobToolBar .btnData {
    color: rgba(0, 0, 0, 0.8);
    min-width: 120px;
    font-size: 14px;
    line-height: 14px;
    border-radius: 5px;
    min-height: 37.5px;
    padding: 4px 0px;
    margin: 0px 3px;
    cursor: pointer;
    font-weight: 600;
    background-color: transparent;
    border: 1px solid #ddd;
    /* Fallback */
    border-color: rgba(0, 0, 0, 0.125); }
    @media screen and (max-width: 959px) {
      #mobToolBar .btnData {
        min-width: unset;
        border: 0px;
        margin-left: 5px;
        margin-right: 5px;
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, 0.9);
        border-radius: 2px;
        font-weight: 600;
        font-size: 13px; } }
    #mobToolBar .btnData .lblTb {
      font-size: 11px;
      font-weight: 400;
      color: #707070; }
    #mobToolBar .btnData .Balance {
      font-weight: 600; }
      #mobToolBar .btnData .Balance.red {
        color: #ff1f1f; }
      #mobToolBar .btnData .Balance.green {
        color: darkgreen !important; }
    #mobToolBar .btnData .msgError {
      text-transform: capitalize; }
  #mobToolBar .div-top-buttons {
    margin: 0 10px; }
    #mobToolBar .div-top-buttons .btn {
      color: #000;
      fill: #000;
      border: 0px;
      background-color: transparent;
      padding: 0 12px;
      cursor: pointer; }
      #mobToolBar .div-top-buttons .btn .horse {
        width: 28px;
        height: 30px; }
      #mobToolBar .div-top-buttons .btn.mail {
        position: relative; }
        #mobToolBar .div-top-buttons .btn.mail i {
          vertical-align: middle; }
          #mobToolBar .div-top-buttons .btn.mail i.zmdi {
            font-size: 1.6em !important; }
        #mobToolBar .div-top-buttons .btn.mail .badge {
          display: block;
          position: absolute;
          top: -3px;
          right: -5px;
          line-height: 17.5px;
          height: 18px;
          padding: 0 5px;
          font-family: Arial, sans-serif;
          color: white;
          background-color: #ff1f1f;
          text-shadow: 0 1px rgba(0, 0, 0, 0.25);
          border: 1px solid;
          border-radius: 10px;
          box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
          font-size: 13px; }
  #mobToolBar .btnLogOff {
    background-color: transparent;
    min-width: 45px;
    border: 0px;
    color: #d94444;
    fill: #d94444;
    cursor: pointer; }
    #mobToolBar .btnLogOff i {
      vertical-align: middle; }

md-toast {
  position: fixed !important; }

.md-dialog-container {
  position: fixed !important;
  top: 0px !important; }

md-backdrop {
  position: fixed; }

.layout-column > .flex {
  -ms-flex-preferred-size: auto;
      flex-basis: auto; }

md-toolbar {
  min-height: 56px; }

.cog-logo-header {
  background-image: url("/assets/images/CogLogo.png");
  width: 45px;
  height: 45px;
  background-size: cover;
  margin: 0 0.5em; }

.dashboard-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100%; }
  .dashboard-container .header {
    text-shadow: 2px 2px 0 #c2c2c2;
    color: #525f7d; }
  .dashboard-container .bg-gradient {
    position: relative;
    z-index: 1; }
  .dashboard-container .bg-gradient:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(212, 222, 228, 0.5) 0%, transparent 100%); }
  .dashboard-container .workshift-container {
    width: 300px; }
  @media (max-width: 1560px) {
    .dashboard-container .workshift-container {
      width: 100%; } }
  .dashboard-container .dashboard-option-section-2-columns {
    max-width: 850px; }
  .dashboard-container .dashboard-option-section {
    max-width: 1000px; }
  .dashboard-container dashboard-panel-option {
    width: 100%; }
  .dashboard-container .width-full {
    width: 100%; }
    .dashboard-container .width-full h2.md-title {
      font-size: 1em;
      padding: 0px;
      margin: 3px; }
    .dashboard-container .width-full dashboard-panel-option {
      width: 100%; }
      .dashboard-container .width-full dashboard-panel-option .dashboard-option {
        padding: 5px;
        min-width: 120px; }
        .dashboard-container .width-full dashboard-panel-option .dashboard-option md-icon {
          font-size: 1.3em; }
        .dashboard-container .width-full dashboard-panel-option .dashboard-option .option-lbl {
          font-size: 0.7em; }
    .dashboard-container .width-full md-grid-tile {
      height: 90px; }
      .dashboard-container .width-full md-grid-tile figure {
        height: 90px; }
  .dashboard-container #box-button {
    margin: 5px;
    border-radius: 4px;
    border: 1px solid #000;
    background-color: rgba(0, 38, 61, 0.95);
    cursor: pointer;
    font-weight: 700;
    color: #78909c;
    margin: 8px 0;
    width: 100%; }
  .dashboard-container .dashboard-title {
    padding-right: 15px;
    padding-left: 15px; }
    .dashboard-container .dashboard-title h2 {
      width: 100%;
      text-align: center;
      border-bottom: 1px solid; }
  .dashboard-container .shift-panel,
  .dashboard-container .options-panel,
  .dashboard-container .scoreboard-panel {
    -ms-flex-positive: 1;
        flex-grow: 1; }
  .dashboard-container .scoreboard-panel {
    -ms-flex: 20%;
        flex: 20%; }
    .dashboard-container .scoreboard-panel #dvLive {
      max-width: 480px; }
  .dashboard-container .shift-panel {
    -ms-flex: 20%;
        flex: 20%; }
    .dashboard-container .shift-panel.noShift {
      -ms-flex: 1%;
          flex: 1%;
      width: -moz-fit-content;
      width: fit-content; }
  @media (min-width: 1025px) {
    .dashboard-container .shift-panel {
      -ms-flex: 13%;
          flex: 13%; }
    .dashboard-container .options-panel {
      max-width: 1200px; }
    .dashboard-container .scoreboard-panel {
      -ms-flex: 13%;
          flex: 13%; } }
  @media (min-width: 600px) and (max-width: 959px) {
    .dashboard-container .optionsFit:not(:first-of-type) {
      padding-left: 5px; } }
  @media (min-width: 600px) and (max-width: 959px) {
    .dashboard-container .optionsFit:not(:last-of-type) {
      padding-right: 5px; } }
  @media (max-width: 1280px) {
    .dashboard-container .shift-panel {
      -ms-flex: 0%;
          flex: 0%;
      display: none; }
    .dashboard-container .options-panel {
      max-width: 850px; }
      .dashboard-container .options-panel dashboard-panel-option .optionsFit .dashboard-option {
        max-width: 140px;
        min-width: 120px; }
    .dashboard-container .scoreboard-panel {
      -ms-flex: 35%;
          flex: 35%; } }
  @media (max-width: 1440px) {
    .dashboard-container .shift-panel .workshift-container h2 {
      font-size: 0.75em; }
    .dashboard-container .shift-panel .workshift-container #tbShiftDetails {
      font-size: 0.9em; } }
  @media (max-width: 1024px) {
    .dashboard-container .scoreboard-panel {
      display: none; }
    .dashboard-container .options-panel {
      width: auto;
      max-width: 100% !important; } }
  @media (max-width: 960px) {
    .dashboard-container .bg-gradient {
      padding: 0px; } }
  @media (max-width: 600px) {
    .dashboard-container .optionsFit.option-universal, .dashboard-container .optionsFit.option-lines, .dashboard-container .optionsFit.option-websites, .dashboard-container .optionsFit.option-office {
      width: 100%; } }
  .dashboard-container .shiftErrorContainer md-toolbar {
    height: 42px;
    min-height: 42px;
    background-color: #f0a400 !important;
    color: rgba(121, 0, 0, 0.8) !important; }
  .dashboard-container .shiftErrorContainer .shift-refresh-button {
    margin: 5px;
    border-radius: 4px;
    border: 1px solid #9d9d9d;
    background-color: #aab3b5;
    cursor: pointer;
    font-weight: 700;
    color: #464646;
    margin: 8px 0;
    width: 100%; }
  .dashboard-container .shiftErrorContainer .shift-err-msg {
    text-align: center;
    margin: 10px 0; }
  .dashboard-container .bottom-panel {
    margin: 0;
    padding: 10px;
    border-top: solid 1px #d3d3d3;
    background-color: #eee; }
    .dashboard-container .bottom-panel .dashboard-option {
      margin: 0px;
      border-radius: 4px;
      border: 1px solid #000;
      background-color: rgba(0, 38, 61, 0.95);
      padding: 0 10px;
      cursor: pointer;
      color: #5492b3; }
      .dashboard-container .bottom-panel .dashboard-option i {
        font-size: 1.2em;
        margin-right: 5px; }
      .dashboard-container .bottom-panel .dashboard-option:hover {
        background-color: #030d13;
        color: #fff; }
        .dashboard-container .bottom-panel .dashboard-option:hover i {
          color: darkgoldenrod; }

.dashboard-options-container {
  /* @media (min-width: 1035px) and (max-width: 1100px) {
        .dashboard-option {
            min-width: 160px;
        }
    }
    @media (min-width: 960px) and (max-width: 1034px) {
        .dashboard-option {
            min-width: 145px;
        }
    }*/ }
  .dashboard-options-container .dashboard-option {
    margin: 5px;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #000;
    background-color: rgba(0, 38, 61, 0.95);
    min-width: 160px;
    cursor: pointer;
    height: 80px; }
    @media (min-width: 600px) {
      .dashboard-options-container .dashboard-option {
        min-width: 0; } }
  .dashboard-options-container .linesmanagerAppOption {
    background-color: #000000;
    border: 1px solid #000; }
    .dashboard-options-container .linesmanagerAppOption md-icon {
      color: orangered !important; }
    .dashboard-options-container .linesmanagerAppOption .option-lbl {
      color: #f0a44d !important; }
    .dashboard-options-container .linesmanagerAppOption:hover md-icon {
      color: #008cff !important; }
    .dashboard-options-container .linesmanagerAppOption:hover .option-lbl {
      color: #6cb8ff !important; }
  .dashboard-options-container .dashboard-option.disabled {
    cursor: auto;
    background-color: #efefef; }
  .dashboard-options-container .dashboard-option.disabled:hover {
    background-color: #efefef;
    box-shadow: 0 0 0 0 #fff; }
  .dashboard-options-container dashboard-option.disabled:hover md-icon {
    color: #d2d2d2; }
  .dashboard-options-container .dashboard-option.disabled .option-lbl {
    color: #d2d2d2; }
  .dashboard-options-container .dashboard-option.disabled:hover .option-lbl {
    color: #d2d2d2; }
  .dashboard-options-container .dashboard-option.disabled md-icon, .dashboard-options-container .dashboard-option.disabled:hover md-icon {
    color: #d2d2d2; }
  .dashboard-options-container .dashboard-option md-icon {
    font-size: 2em;
    /*color: rgb(0, 151, 218);*/
    color: #5492b3;
    width: inherit;
    height: inherit;
    margin-bottom: 0.1em; }
    .dashboard-options-container .dashboard-option md-icon.ls-lspot::before {
      content: "LS";
      font-weight: bold; }
    .dashboard-options-container .dashboard-option md-icon.pinnacle::before {
      content: "PNY";
      font-weight: bold; }
  .dashboard-options-container .dashboard-option .option-lbl {
    font-weight: 700;
    color: #78909c; }
  .dashboard-options-container .dashboard-option:hover {
    /*background-color: rgb(50, 181, 218);*/
    background-color: #030d13; }
  .dashboard-options-container .dashboard-option:hover md-icon {
    color: darkgoldenrod; }
  .dashboard-options-container .dashboard-option:hover .option-lbl {
    color: white; }

#tbShiftHeader {
  min-height: 44px; }
  #tbShiftHeader .md-toolbar-tools {
    height: 44px !important;
    padding-left: 10px !important; }

#tbShiftDetails {
  background-color: white !important;
  font-size: 18px; }

#dvLive .lstScores .dvScores .gameBox {
  cursor: auto; }

#div-bulk-report #bulk_report {
  min-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px 30px 15px; }
  @media screen and (min-width: 1280px) {
    #div-bulk-report #bulk_report {
      width: 85%; } }
  #div-bulk-report #bulk_report .red {
    font-weight: 500;
    color: #FF0000; }
  #div-bulk-report #bulk_report .green {
    font-weight: 500;
    color: #009900; }
  #div-bulk-report #bulk_report table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2) {
    padding: 0; }

#div-bulk-report .bulk_rep_bottom {
  margin-bottom: 8px; }

#div-bulk-report #bulk_report_header {
  min-width: 600px;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px #dddddd;
  padding: 10px 15px; }
  @media screen and (min-width: 1280px) {
    #div-bulk-report #bulk_report_header {
      width: 85%; } }
  #div-bulk-report #bulk_report_header div {
    text-align: center; }
  #div-bulk-report #bulk_report_header .xls {
    cursor: pointer; }

#div-bulk-report #bulk_report_body {
  width: 100%;
  border: solid 1px #dddddd;
  margin-left: auto;
  margin-right: auto; }

#div-individual-report #individual_report {
  width: 60%;
  min-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 15px; }
  #div-individual-report #individual_report .mark_6, #div-individual-report #individual_report .red {
    color: #FF0000; }
  #div-individual-report #individual_report .mark_1, #div-individual-report #individual_report .green {
    color: #009900; }
  #div-individual-report #individual_report .mark_2, #div-individual-report #individual_report .mark_4 {
    color: #000; }
  #div-individual-report #individual_report .mark_3, #div-individual-report #individual_report .mark_5 {
    color: #9c9c9c; }
  #div-individual-report #individual_report .end-date {
    font-size: 12px;
    color: #767676; }
  #div-individual-report #individual_report .automark md-icon {
    margin-top: 8px;
    margin-left: 4px;
    color: #0028ff; }
  #div-individual-report #individual_report .edited md-icon {
    cursor: pointer;
    margin-top: 10px;
    margin-left: 4px;
    color: rgba(0, 0, 0, 0.6); }

#div-individual-report .live_rep_bottom {
  margin-bottom: 8px; }
  #div-individual-report .live_rep_bottom md-select {
    margin: 10px 0 10px 15px;
    -ms-flex-align: baseline;
        align-items: baseline;
    text-align: center; }
  #div-individual-report .live_rep_bottom md-select .md-select-value {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important; }

#div-individual-report #individual_report_header {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border: solid 1px #dddddd;
  padding: 10px 0 10px 0; }
  #div-individual-report #individual_report_header div {
    text-align: center; }

#div-individual-report #individual_report_body {
  width: 100%;
  border: solid 1px #dddddd;
  margin-left: auto;
  margin-right: auto; }

#div-individual-report .individual_report_body_shift_detail {
  padding: 0.4em 0.6em;
  border-top: solid 1px #dddddd; }
  #div-individual-report .individual_report_body_shift_detail label {
    font-weight: normal !important; }
  #div-individual-report .individual_report_body_shift_detail .edit-shift, #div-individual-report .individual_report_body_shift_detail .remove-shift {
    background-color: white;
    margin: 2px;
    padding: 8px 3px 3px 3px;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px; }
    #div-individual-report .individual_report_body_shift_detail .edit-shift md-icon, #div-individual-report .individual_report_body_shift_detail .remove-shift md-icon {
      color: #101010; }
  #div-individual-report .individual_report_body_shift_detail .remove-shift {
    background-color: #ff9800;
    margin-left: 5px; }
    #div-individual-report .individual_report_body_shift_detail .remove-shift md-icon {
      color: darkred; }

#div-individual-report .individual_report_body_shift_header {
  background: #e3e3e3;
  line-height: 1.6em;
  padding: 0.4em 0.6em;
  border-top: solid 1px #dddddd;
  cursor: pointer; }
  #div-individual-report .individual_report_body_shift_header.review-marks {
    background: #f3e19b; }
  #div-individual-report .individual_report_body_shift_header * {
    cursor: pointer; }
  #div-individual-report .individual_report_body_shift_header .add-shift {
    margin: 0;
    margin-right: 2px;
    width: 30px;
    height: 30px;
    min-width: 25px;
    min-height: 25px; }
    #div-individual-report .individual_report_body_shift_header .add-shift md-icon {
      width: 13px;
      height: 13px;
      min-width: 13px;
      min-height: 13px; }

#cog-software-manager {
  overflow: hidden; }
  #cog-software-manager .cog-software-component {
    overflow: hidden; }
    #cog-software-manager .cog-software-component .__no-permission .__no-permission-label {
      text-align: center;
      text-transform: uppercase;
      color: #F44336; }
    #cog-software-manager .cog-software-component .__error-messages-container .__error-message-label {
      text-align: center;
      color: #F44336; }
    #cog-software-manager .cog-software-component .__header {
      background-color: #3e535f;
      color: #FFFFFF; }
      #cog-software-manager .cog-software-component .__header.mobile {
        background-color: #607d8b; }
        #cog-software-manager .cog-software-component .__header.mobile .md-nav-bar {
          overflow: auto;
          min-height: 32px;
          max-height: 32px; }
        #cog-software-manager .cog-software-component .__header.mobile .md-nav-item {
          margin: 0; }
          #cog-software-manager .cog-software-component .__header.mobile .md-nav-item .md-button {
            color: #FFFFFF;
            width: auto;
            min-width: auto;
            font-size: 12px;
            min-height: 32px;
            max-height: 32px;
            line-height: 32px;
            padding: 0 15px; }
      #cog-software-manager .cog-software-component .__header .__title {
        position: absolute;
        left: 5px;
        top: 12px; }
        @media screen and (min-width: 600px) and (max-width: 959px) and (orientation: landscape) {
          #cog-software-manager .cog-software-component .__header .__title {
            top: 5px; } }
        #cog-software-manager .cog-software-component .__header .__title .__title-icon {
          width: 30px;
          height: 30px;
          background-repeat: no-repeat;
          background-size: contain;
          margin: 6px 10px 0px 0px; }
        #cog-software-manager .cog-software-component .__header .__title .__title-label {
          text-transform: capitalize; }
      @media screen and (min-width: 960px) {
        #cog-software-manager .cog-software-component .__header .__nav-buttons-mobile-container {
          display: none; } }
      #cog-software-manager .cog-software-component .__header .__nav-buttons-container {
        margin: 0 auto;
        width: 50%; }
        @media screen and (max-width: 599px) {
          #cog-software-manager .cog-software-component .__header .__nav-buttons-container {
            display: none; } }
        @media screen and (min-width: 600px) and (max-width: 959px) {
          #cog-software-manager .cog-software-component .__header .__nav-buttons-container {
            display: none; } }
        @media screen and (min-width: 1280px) and (max-width: 1919px) {
          #cog-software-manager .cog-software-component .__header .__nav-buttons-container {
            width: 70%; } }
        @media screen and (min-width: 1920px) and (max-width: 5000px) {
          #cog-software-manager .cog-software-component .__header .__nav-buttons-container {
            width: 80%; } }
        #cog-software-manager .cog-software-component .__header .__nav-buttons-container button.md-raised {
          color: #c63e01;
          font-weight: 600; }
      #cog-software-manager .cog-software-component .__header .__filter-buttons-container-gt-xs {
        position: absolute;
        right: 0px;
        top: 12px; }
        @media screen and (min-width: 600px) and (max-width: 959px) and (orientation: landscape) {
          #cog-software-manager .cog-software-component .__header .__filter-buttons-container-gt-xs {
            top: 5px; } }
        @media screen and (min-width: 600px) {
          #cog-software-manager .cog-software-component .__header .__filter-buttons-container-gt-xs {
            display: block; } }
        @media screen and (max-width: 599px) {
          #cog-software-manager .cog-software-component .__header .__filter-buttons-container-gt-xs {
            display: none; } }
        #cog-software-manager .cog-software-component .__header .__filter-buttons-container-gt-xs button {
          background-color: #FF9800;
          color: #000000; }
          #cog-software-manager .cog-software-component .__header .__filter-buttons-container-gt-xs button span:nth-child(2) {
            padding-left: 5px; }
        #cog-software-manager .cog-software-component .__header .__filter-buttons-container-gt-xs .__add-button {
          background-color: green;
          color: #FFFFFF; }
      #cog-software-manager .cog-software-component .__header .__filter-buttons-container-xs {
        position: absolute;
        right: 0px; }
        @media screen and (min-width: 600px) {
          #cog-software-manager .cog-software-component .__header .__filter-buttons-container-xs {
            display: none; } }
        @media screen and (max-width: 599px) {
          #cog-software-manager .cog-software-component .__header .__filter-buttons-container-xs {
            display: block; } }
        #cog-software-manager .cog-software-component .__header .__filter-buttons-container-xs button {
          background-color: #FF9800;
          color: #000000; }
        #cog-software-manager .cog-software-component .__header .__filter-buttons-container-xs md-icon {
          font-size: x-large; }
        #cog-software-manager .cog-software-component .__header .__filter-buttons-container-xs .__add-button {
          background-color: green;
          color: #FFFFFF; }
    #cog-software-manager .cog-software-component .__content md-tabs-wrapper {
      background-color: #607d8b !important; }
      #cog-software-manager .cog-software-component .__content md-tabs-wrapper md-tab-item {
        color: white !important; }
    @media screen and (min-width: 960px) {
      #cog-software-manager .cog-software-component .__content .__tabs-container {
        display: none; } }
    #cog-software-manager .cog-software-component .__content .__tabs-container md-tab-content {
      overflow: hidden; }
    #cog-software-manager .cog-software-component .__content .__grid-container {
      overflow: hidden; }
      @media screen and (max-width: 599px) {
        #cog-software-manager .cog-software-component .__content .__grid-container {
          display: none; } }
      @media screen and (min-width: 600px) and (max-width: 959px) {
        #cog-software-manager .cog-software-component .__content .__grid-container {
          display: none; } }
    #cog-software-manager .cog-software-component .__no-records-label {
      text-align: center;
      text-transform: uppercase;
      color: #F44336; }
    #cog-software-manager .cog-software-component md-table-container {
      height: 80vh;
      box-sizing: border-box; }
      @media screen and (max-width: 599px) {
        #cog-software-manager .cog-software-component md-table-container {
          height: calc(100vh - 150px); } }
      #cog-software-manager .cog-software-component md-table-container table {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
            flex-flow: column;
        height: 100%;
        width: 100%; }
        #cog-software-manager .cog-software-component md-table-container table .__figure-cell-info {
          text-align: right !important; }
        #cog-software-manager .cog-software-component md-table-container table thead {
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
          width: 100%;
          display: table;
          table-layout: fixed;
          box-shadow: 0px 4px 16px -5px rgba(0, 0, 0, 0.75); }
          @media screen and (max-width: 599px) {
            #cog-software-manager .cog-software-component md-table-container table thead tr * {
              font-size: 0.80em;
              letter-spacing: -1px; } }
          #cog-software-manager .cog-software-component md-table-container table thead tr.table-toolbar {
            height: 40px;
            background-color: #607d8b;
            text-transform: uppercase; }
            #cog-software-manager .cog-software-component md-table-container table thead tr.table-toolbar th {
              border: 1px solid #5a7582;
              color: #FFFFFF;
              padding: 5px 55px 5px 7px;
              font-size: 13px;
              font-weight: 600;
              text-transform: capitalize; }
              #cog-software-manager .cog-software-component md-table-container table thead tr.table-toolbar th:nth-child(4), #cog-software-manager .cog-software-component md-table-container table thead tr.table-toolbar th:nth-child(5), #cog-software-manager .cog-software-component md-table-container table thead tr.table-toolbar th:nth-child(6) {
                text-align: center; }
              @media screen and (max-width: 599px) {
                #cog-software-manager .cog-software-component md-table-container table thead tr.table-toolbar th {
                  padding: 5px 0px 5px 0px; } }
              #cog-software-manager .cog-software-component md-table-container table thead tr.table-toolbar th:first-child {
                padding-left: 5px; }
              #cog-software-manager .cog-software-component md-table-container table thead tr.table-toolbar th:last-child {
                padding-right: 20px; }
          #cog-software-manager .cog-software-component md-table-container table thead tr.sub-toolbar {
            height: 20px;
            background-color: #eccd06; }
            #cog-software-manager .cog-software-component md-table-container table thead tr.sub-toolbar th {
              color: #000000;
              font-weight: 1;
              padding: 5px 55px 5px 7px; }
              @media screen and (max-width: 599px) {
                #cog-software-manager .cog-software-component md-table-container table thead tr.sub-toolbar th {
                  font-weight: bold; } }
              @media screen and (max-width: 599px) {
                #cog-software-manager .cog-software-component md-table-container table thead tr.sub-toolbar th {
                  padding: 5px 0px 5px 0px; } }
              #cog-software-manager .cog-software-component md-table-container table thead tr.sub-toolbar th:first-child {
                padding-left: 5px; }
              #cog-software-manager .cog-software-component md-table-container table thead tr.sub-toolbar th:last-child {
                padding-right: 20px; }
          @media screen and (min-width: 1280px) {
            #cog-software-manager .cog-software-component md-table-container table thead tr th:nth-child(3) {
              width: 700px; } }
          @media screen and (max-width: 599px) {
            #cog-software-manager .cog-software-component md-table-container table thead tr th:nth-child(3) {
              display: none; } }
          #cog-software-manager .cog-software-component md-table-container table thead tr th:nth-child(4), #cog-software-manager .cog-software-component md-table-container table thead tr th:nth-child(5), #cog-software-manager .cog-software-component md-table-container table thead tr th:nth-child(6) {
            padding: 0; }
        #cog-software-manager .cog-software-component md-table-container table tbody {
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
          display: block;
          overflow: hidden;
          overflow-y: scroll;
          scrollbar-width: thin; }
          #cog-software-manager .cog-software-component md-table-container table tbody::-webkit-scrollbar {
            width: 5px;
            height: 5px;
            background: rgba(0, 0, 0, 0.1);
            transition: all .2s; }
          #cog-software-manager .cog-software-component md-table-container table tbody::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.35);
            border-radius: 4px;
            transition: all .2s; }
          #cog-software-manager .cog-software-component md-table-container table tbody tr {
            width: 100%;
            display: table;
            table-layout: fixed; }
            @media screen and (max-width: 599px) {
              #cog-software-manager .cog-software-component md-table-container table tbody tr * {
                font-size: 0.80em; } }
            #cog-software-manager .cog-software-component md-table-container table tbody tr td {
              padding: 5px 52px 5px 15px;
              vertical-align: top;
              box-sizing: content-box; }
              @media screen and (max-width: 599px) {
                #cog-software-manager .cog-software-component md-table-container table tbody tr td {
                  padding: 5px 0px 5px 0px; } }
              #cog-software-manager .cog-software-component md-table-container table tbody tr td:first-child {
                padding-left: 5px; }
              #cog-software-manager .cog-software-component md-table-container table tbody tr td:last-child {
                padding-left: 10px;
                padding-right: 15px; }
                @media screen and (max-width: 599px) {
                  #cog-software-manager .cog-software-component md-table-container table tbody tr td:last-child {
                    padding-right: 20px; } }
                @media screen and (min-width: 600px) and (max-width: 959px) {
                  #cog-software-manager .cog-software-component md-table-container table tbody tr td:last-child {
                    padding-right: 20px; } }
              @media screen and (min-width: 1280px) {
                #cog-software-manager .cog-software-component md-table-container table tbody tr td:nth-child(3) {
                  width: 700px; } }
              @media screen and (max-width: 599px) {
                #cog-software-manager .cog-software-component md-table-container table tbody tr td:nth-child(3) {
                  display: none; } }
              #cog-software-manager .cog-software-component md-table-container table tbody tr td:nth-child(4), #cog-software-manager .cog-software-component md-table-container table tbody tr td:nth-child(5), #cog-software-manager .cog-software-component md-table-container table tbody tr td:nth-child(6) {
                padding: 5px 0 0 0; }
              #cog-software-manager .cog-software-component md-table-container table tbody tr td[ng-click] {
                text-decoration: underline !important;
                color: #36526f !important; }
              #cog-software-manager .cog-software-component md-table-container table tbody tr td a {
                display: block;
                font-size: 1em;
                text-align: center; }
                @media screen and (min-width: 600px) {
                  #cog-software-manager .cog-software-component md-table-container table tbody tr td a {
                    display: none; } }
              #cog-software-manager .cog-software-component md-table-container table tbody tr td button {
                display: block;
                margin: 0 auto;
                border: 1px solid rgba(96, 125, 139, 0.5);
                font-weight: 600;
                text-transform: uppercase;
                font-size: 0.95em;
                line-height: 32px; }
                @media screen and (max-width: 599px) {
                  #cog-software-manager .cog-software-component md-table-container table tbody tr td button {
                    display: none; } }
    #cog-software-manager .cog-software-component .__no-scroll {
      overflow: hidden; }
    #cog-software-manager .cog-software-component .cog-software-dialog-add md-dialog,
    #cog-software-manager .cog-software-component .cog-software-dialog-update md-dialog,
    #cog-software-manager .cog-software-component .cog-software-dialog-delete md-dialog {
      max-width: unset !important; }
      @media screen and (max-width: 599px) {
        #cog-software-manager .cog-software-component .cog-software-dialog-add md-dialog md-dialog-content,
        #cog-software-manager .cog-software-component .cog-software-dialog-update md-dialog md-dialog-content,
        #cog-software-manager .cog-software-component .cog-software-dialog-delete md-dialog md-dialog-content {
          height: 400px; } }
      @media screen and (min-width: 600px) {
        #cog-software-manager .cog-software-component .cog-software-dialog-add md-dialog md-dialog-content,
        #cog-software-manager .cog-software-component .cog-software-dialog-update md-dialog md-dialog-content,
        #cog-software-manager .cog-software-component .cog-software-dialog-delete md-dialog md-dialog-content {
          width: 500px; } }
      @media screen and (min-width: 960px) {
        #cog-software-manager .cog-software-component .cog-software-dialog-add md-dialog md-dialog-content,
        #cog-software-manager .cog-software-component .cog-software-dialog-update md-dialog md-dialog-content,
        #cog-software-manager .cog-software-component .cog-software-dialog-delete md-dialog md-dialog-content {
          width: 800px; } }
      @media screen and (min-width: 1280px) {
        #cog-software-manager .cog-software-component .cog-software-dialog-add md-dialog md-dialog-content,
        #cog-software-manager .cog-software-component .cog-software-dialog-update md-dialog md-dialog-content,
        #cog-software-manager .cog-software-component .cog-software-dialog-delete md-dialog md-dialog-content {
          width: 1000px; } }
      @media screen and (min-width: 1920px) and (max-width: 5000px) {
        #cog-software-manager .cog-software-component .cog-software-dialog-add md-dialog md-dialog-content,
        #cog-software-manager .cog-software-component .cog-software-dialog-update md-dialog md-dialog-content,
        #cog-software-manager .cog-software-component .cog-software-dialog-delete md-dialog md-dialog-content {
          width: 1500px; } }
      #cog-software-manager .cog-software-component .cog-software-dialog-add md-dialog md-dialog-content textarea,
      #cog-software-manager .cog-software-component .cog-software-dialog-update md-dialog md-dialog-content textarea,
      #cog-software-manager .cog-software-component .cog-software-dialog-delete md-dialog md-dialog-content textarea {
        height: 200px !important; }
    #cog-software-manager .cog-software-component .cog-software-release-notes md-dialog {
      max-width: unset !important; }
      @media screen and (max-width: 599px) {
        #cog-software-manager .cog-software-component .cog-software-release-notes md-dialog md-dialog-content {
          height: 400px; } }
      @media screen and (min-width: 600px) {
        #cog-software-manager .cog-software-component .cog-software-release-notes md-dialog md-dialog-content {
          width: 500px; } }
      @media screen and (min-width: 960px) {
        #cog-software-manager .cog-software-component .cog-software-release-notes md-dialog md-dialog-content {
          width: 800px; } }
      @media screen and (min-width: 1280px) {
        #cog-software-manager .cog-software-component .cog-software-release-notes md-dialog md-dialog-content {
          width: 1000px; } }
      @media screen and (min-width: 1920px) and (max-width: 5000px) {
        #cog-software-manager .cog-software-component .cog-software-release-notes md-dialog md-dialog-content {
          width: 1500px; } }
      #cog-software-manager .cog-software-component .cog-software-release-notes md-dialog md-dialog-content textarea {
        height: 300px; }
        #cog-software-manager .cog-software-component .cog-software-release-notes md-dialog md-dialog-content textarea:focus {
          outline: none !important; }
    #cog-software-manager .cog-software-component .fa-check-circle {
      color: #1FFF20; }
    #cog-software-manager .cog-software-component .fa-exclamation-triangle,
    #cog-software-manager .cog-software-component .error {
      color: #E81C1A; }
    #cog-software-manager .cog-software-component p.error {
      margin: 0; }

#league-folder-bottom-container .save-order-btn {
  max-height: 35px;
  padding: 0 15px;
  color: #6a2000;
  margin: 5px 0; }

#league-folder-bottom-container .copy-order-btn {
  max-height: 35px;
  padding: 0 15px;
  color: #263238;
  margin: 5px 0; }

.drag-container .drag-folder {
  cursor: -webkit-grab;
  min-height: 30px; }

.folder-expand, .folder-expand {
  margin-bottom: 0px; }

.dragFolderContainer_el {
  max-height: calc(100vh - 295px);
  overflow-y: auto; }

.dragFolderContainer_el_mobile {
  max-height: calc(100vh - 420px) !important; }

.dragFolderContainerCol1_el {
  max-height: calc(100vh - 370px) !important; }

.dragFolderContainerCol2_el {
  max-height: calc(100vh - 255px) !important; }

#dragBottomBar {
  height: 20px;
  /*background-color:#333;*/ }

#bmsettings-subsports-container .sportOnOff_el {
  max-height: calc(100vh - 235px);
  overflow-y: auto; }

#bmsettings-subsports-container .bms-subsports-header {
  font-weight: 700;
  color: #c63e01;
  padding-left: 20px; }

#bmsettings-subsports-container .gameTypeSelected {
  /*font-size:1.5em;*/
  font-weight: 700; }

#bmsettings-subsports-container .gameTypeSelected > div {
  background-color: #00a3ec !important;
  border-radius: 6px !important;
  color: aliceblue !important; }

#bmsettings-subsports-container .bms-subsportWidget > div {
  min-height: 25px; }

#bmsettings-subsports-container .bms-subsportWidget > div > div.widget-content {
  padding: 0 4px;
  display: -ms-flexbox;
  display: flex; }

#bmsettings-subsports-container .bms-subsportWidget > div md-switch {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 23px; }

#bmsettings-subsports-container .bms-option {
  cursor: pointer; }

#bmsettings-subsports-container .bms-subsportWidget {
  margin-top: 0px; }

.bmsettings-on-status {
  color: darkgreen;
  padding-left: 3px;
  padding-right: 3px; }

.bmsettings-off-status {
  color: darkred;
  padding-left: 3px;
  padding-right: 3px; }

.bmsettings-note {
  color: #db5e00;
  font-size: 0.9em;
  font-weight: 500; }

#bmsettings-leagues-order-container md-checkbox {
  margin-bottom: 0px; }

.drag-folder > div.layout-padding {
  padding: 0 4px; }

md-content.dragFolderContainer_el > div, md-content.fixedFolderContainer_el > div {
  margin: 4px 4px; }

md-content.fixedFolderContainer_el {
  margin-bottom: 20px !important;
  cursor: pointer; }

md-content.fixedFolderContainer_el md-icon {
  font-size: 1.3em;
  color: #7b7b7b; }

.bms-hrd-switch-container md-switch {
  margin: 0 28px 0 0;
  max-height: 22px; }

#bmsettings-subsports-container md-input-container.subsportOnOffType {
  margin: 0px; }

#bmsettings-subsports-container .option-off {
  color: #999; }

#bmsettings-subsports-container .ML_lbl {
  width: 40px; }

#bmsettings-subsports-container .S_lbl {
  width: 45px; }

.drag-row {
  min-height: 30px !important; }

#league-packed-settings md-input-container {
  margin-top: 25px;
  margin-bottom: 0px; }

#league-packed-settings md-switch {
  margin-top: 10px;
  margin-bottom: 0px; }

#league-packed-settings md-input-container .md-errors-spacer {
  min-height: 10px; }

#dragLeaguePackedFolderContainer_el .row-info div {
  font-weight: 700; }

.league-packed-bitval-container md-switch {
  font-size: 0.8em;
  font-weight: 600; }

.cogusers-panel .groupBtnsOpt .groupX {
  font-size: 0.7em;
  margin: 10px 0;
  min-width: 40px;
  font-weight: 600; }

.cogusers-panel .groupBtnsOpt .md-button.left {
  border-radius: 6px 0 0 6px; }

.cogusers-panel .groupBtnsOpt .md-button.middle {
  border-radius: 0;
  border-left: 1px solid rgba(230, 230, 230, 0.96);
  border-right: 1px solid rgba(230, 230, 230, 0.96); }

.cogusers-panel .groupBtnsOpt .md-button.right {
  border-radius: 0 6px 6px 0; }

.cogusers-panel .groupBtnsOpt .md-button:not([disabled]):hover {
  background-color: rgba(193, 193, 193, 0.96);
  color: rgba(0, 0, 0, 0.8);
  transition: 0.3s; }

.cogusers-panel .leaguePackedGroupX {
  font-size: 0.7em;
  margin: 10px 0;
  min-width: 30px;
  font-weight: 600; }

.cogusers-panel .groupBtnsOpt .leaguePackedGroupX.md-button.left {
  min-width: 150px !important; }

.cogusers-panel section.groupBtnsOpt label, .cogusers-panel .section-label {
  color: rgba(0, 0, 0, 0.54); }

.cogusers-panel .note-lbl {
  margin-top: 5px;
  width: 70px; }

.cogusers-panel .group-lbl {
  margin-top: 10px;
  width: 70px; }

.cogusers-panel .leaguePackedGroupOpt .md-button {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 0.7em;
  font-weight: 700;
  max-height: 25px;
  line-height: 25px;
  min-height: 25px; }

.cogusers-panel .leaguePacked-folderOdd .drag-folder div {
  background-color: #acc7d4;
  color: #333; }

.cogusers-panel .leaguePacked-folderEven .drag-folder div {
  background-color: #c9dbe2;
  color: #191919; }

.cogusers-panel .leaguePacked-folderGroup .drag-folder div {
  background-color: white;
  color: #333; }

.cogusers-panel .leaguePacked-folderSelected .drag-folder div {
  background-color: #0c7eb5 !important;
  color: white !important;
  border-radius: 4px; }

.cogusers-panel .groupBtnsOpt .optionSelected {
  background-color: #0c7eb5;
  color: white; }

.cogusers-panel .folderHeaderBar {
  margin: 15px;
  margin-bottom: 0px; }

.cogusers-panel .leaguePackedBtnGroup {
  margin: 5px; }

.cogusers-panel .leaguePackedBtnGroup .md-button {
  font-size: 0.7em;
  font-weight: 700;
  max-height: 22px;
  line-height: 22px;
  min-height: 22px; }

.cogusers-panel .leaguePackedListContainer_el {
  max-height: calc(100vh - 352px); }

.cogusers-panel .leaguePackedListContainer_el_full {
  max-height: calc(100vh - 285px) !important; }

.cogusers-panel .league-btn-back md-icon {
  color: #a7b6bd;
  font-size: 2em; }

.cogusers-panel .fdrEditRow {
  width: 18px;
  height: 18px; }

.cogusers-panel .fdrEditRow md-icon {
  text-align: end;
  font-size: 0.8em;
  min-width: 18px;
  padding: 0px;
  min-height: 18px;
  width: 18px;
  height: 18px; }

#odds-calculator-container .odds-inputs, #odds-calculator-container .odds-outputs {
  overflow: auto;
  height: calc(100vh - 110px); }

#odds-calculator-container .odds-inputs {
  border-right: solid 1px #cecece; }

#odds-calculator-container md-card-title {
  padding: 10px;
  background-color: #dfdfdf; }

#odds-calculator-container md-card-content {
  padding: 20px; }

#odds-calculator-container md-input-container {
  margin: 0;
  padding: 0;
  margin-bottom: 8px; }
  #odds-calculator-container md-input-container .md-errors-spacer {
    display: none; }

#odds-calculator-container .remove-odd-input, #odds-calculator-container .clearall-odd-input {
  background: #b8b8b8;
  margin: 0;
  color: white;
  line-height: 28px;
  width: 28px;
  height: 28px;
  min-height: 28px; }

#odds-calculator-container .clearall-odd-input {
  background: #4b4b4b;
  color: white; }

#odds-calculator-container .report-table {
  font-size: 13px; }
  #odds-calculator-container .report-table thead {
    background-color: #292929; }
    #odds-calculator-container .report-table thead th {
      color: #eeeeee; }
  #odds-calculator-container .report-table .md-row {
    height: 38px; }

#odds-calculator-container .towins-report .probability, #odds-calculator-container .odds-report .probability {
  color: #3a3a3a; }

#odds-calculator-container .towins-report .match, #odds-calculator-container .odds-report .match {
  font-size: 1.1em;
  font-weight: 700;
  color: darkgreen; }

#odds-calculator-container .towins-report .odds {
  color: #8f8f8f; }
  #odds-calculator-container .towins-report .odds span {
    font-size: 1.1em;
    font-weight: 700;
    margin-right: 5px;
    color: darkgreen; }

#odds-calculator-container .towins-report .mline {
  color: darkred; }

#btcpayManagementReport #btcpayManagementToolbar {
  padding: 0 8px 0 15px;
  background-color: #203e58;
  height: 48px;
  min-height: 48px; }
  #btcpayManagementReport #btcpayManagementToolbar .btn-btcpay {
    margin-right: 0; }
  #btcpayManagementReport #btcpayManagementToolbar .btn-view {
    margin-right: 0;
    background-color: #a4cff3; }

#btcpayManagementReport .action-container {
  width: 750px;
  border-left: solid 1px #bebebe; }
  @media screen and (min-width: 1651px) and (max-width: 1920px) {
    #btcpayManagementReport .action-container {
      width: 530px; } }
  @media screen and (min-width: 961px) and (max-width: 1650px) {
    #btcpayManagementReport .action-container {
      width: 420px; } }
  @media screen and (max-width: 960px) {
    #btcpayManagementReport .action-container {
      width: 250px; } }

#btcpayManagementReport .servers-container {
  height: calc(100vh - 235px);
  overflow: auto; }
  #btcpayManagementReport .servers-container thead .table-toolbar {
    height: 38px;
    min-height: 38px; }
    #btcpayManagementReport .servers-container thead .table-toolbar th span {
      color: #b9b9b9; }
  #btcpayManagementReport .servers-container tbody tr.md-row {
    height: 40px; }
    #btcpayManagementReport .servers-container tbody tr.md-row :not(:first-child) {
      padding-right: 0; }

#btcpayManagementReport .btcpay-servers-config md-card {
  font-size: 14px; }
  #btcpayManagementReport .btcpay-servers-config md-card md-card-content {
    padding: 6px 15px;
    line-height: 32px; }

#btcpayManagementReport .btcpay-servers-config label {
  color: #666;
  margin-right: 20px; }

#btcpayManagementReport .btcpay-servers-config .config-container {
  margin-right: 20px; }
  #btcpayManagementReport .btcpay-servers-config .config-container .server {
    min-height: 28px;
    border-radius: 2px 0 0 2px;
    line-height: 28px;
    padding: 2px 10px;
    background-color: #14548b;
    color: #d1e2f1;
    box-shadow: 1.5px 2px 2px 0 #cfcfcf;
    width: 110px;
    text-align: center; }
  #btcpayManagementReport .btcpay-servers-config .config-container .mode {
    cursor: pointer;
    background-color: white;
    min-width: 120px;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 0 2px 2px 0;
    border: solid 1px #e4e4e4;
    box-shadow: 1.5px 2px 2px 0 #c2c2c263;
    min-height: 28px;
    width: 160px;
    text-align: center; }
    #btcpayManagementReport .btcpay-servers-config .config-container .mode:hover {
      color: darkred;
      font-size: 16px; }

#btcpayManagementReport .btcpayManagementContainer .table-container .server {
  font-weight: 700; }

#btcpayManagementReport .btcpayManagementContainer .table-container .showOnCog, #btcpayManagementReport .btcpayManagementContainer .table-container .isTest {
  font-weight: normal; }
  #btcpayManagementReport .btcpayManagementContainer .table-container .showOnCog .on, #btcpayManagementReport .btcpayManagementContainer .table-container .isTest .on {
    color: black; }
  #btcpayManagementReport .btcpayManagementContainer .table-container .showOnCog .off, #btcpayManagementReport .btcpayManagementContainer .table-container .isTest .off {
    color: #d8d8d8; }

#btcpayManagementReport .btcpayManagementContainer .table-container .storeId {
  text-align: center; }

#btcpayManagementReport .btcpayManagementContainer .table-container .apiKey {
  color: #06366d; }

#btcpayManagementReport .btcpayManagementContainer .table-container .notificationOnly {
  text-align: center; }
  #btcpayManagementReport .btcpayManagementContainer .table-container .notificationOnly .checked {
    color: #000000; }
  #btcpayManagementReport .btcpayManagementContainer .table-container .notificationOnly .unchecked {
    color: darkred; }

#btcpayManagementReport .btcpayManagementContainer .table-container .url {
  text-align: center;
  color: #660000; }

#btcpayManagementReport .btcpayManagementContainer .table-container .agent {
  color: #00569c; }

#btcpayManagementReport .btcpayManagementContainer .table-container .player {
  color: #a82d00; }

#btcpayManagementReport .btcpayManagementContainer .table-container .info-container {
  margin-right: 10px;
  min-height: 28px;
  min-width: 150px; }
  #btcpayManagementReport .btcpayManagementContainer .table-container .info-container .label {
    min-height: 28px;
    border-radius: 2px 0 0 2px;
    line-height: 28px;
    padding: 2px 10px;
    background-color: #ebebeb;
    color: #5c5c5c;
    box-shadow: 1.5px 2px 2px 0 #cfcfcf; }
    #btcpayManagementReport .btcpayManagementContainer .table-container .info-container .label i {
      margin-right: 5px; }
  #btcpayManagementReport .btcpayManagementContainer .table-container .info-container .info {
    background-color: white;
    min-width: 120px;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 0 2px 2px 0;
    border: solid 1px #e4e4e4;
    box-shadow: 1.5px 2px 2px 0 #c2c2c263;
    min-height: 33px; }

#btcpayManagementReport .btcpayManagementContainer .table-container .hint {
  color: #1d1d1d; }

#btcpayManagementReport .btcpayManagementContainer .table-container .action {
  width: 80px;
  text-align: center; }

#btcpayManagementReport .btcpayManagementContainer .expirationMinutes .label {
  background-color: #cfe0cc;
  color: #2d7931; }

#btcpayManagementReport .btcpayManagementContainer .expirationMinutes .info {
  font-weight: 700;
  font-size: 1.15em;
  color: #006d05; }

#btcpayManagementReport .btcpayManagementContainer .maxSecondsDelay .label {
  background-color: #d3e7f9;
  color: #296674; }

#btcpayManagementReport .btcpayManagementContainer .maxSecondsDelay .info {
  font-weight: 700;
  font-size: 1.15em;
  color: #006d8f; }

#btcpayManagementReport .btcpayManagementContainer .edit-btn {
  background-color: #c1e7f3;
  line-height: 24px;
  width: 24px;
  height: 24px;
  min-height: 24px; }
  #btcpayManagementReport .btcpayManagementContainer .edit-btn i {
    color: #206074; }

#btcpayManagementReport .btcpayManagementContainer thead th {
  padding: 0 8px; }

#btcpayManagementReport .btcpayManagementContainer tbody td {
  border-top: none;
  border-bottom: none;
  padding-left: 5px;
  padding-right: 5px; }

#btcpayManagementReport .btcpayManagementContainer tbody.even td {
  background-color: #f0f2f3; }

#btcpayManagementReport .btcpayManagementContainer tbody.odd td {
  background-color: #fff; }

#btcpayManagementReport .btcpayManagementContainer .bottom-tr {
  border-bottom: double 1px #f1f1f1; }
  #btcpayManagementReport .btcpayManagementContainer .bottom-tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: none;
    border-bottom: none; }

#btcpayManagementReport .test-info {
  cursor: help;
  color: #a6e9e5; }
  #btcpayManagementReport .test-info:hover {
    color: #001d29; }

.BTCPayServerTypeHighlight {
  font-weight: 700;
  font-size: 18px;
  color: darkred;
  padding: 0 10px; }

md-tooltip .md-content .btcpay-management-tooltip {
  max-width: 200px; }
  md-tooltip .md-content .btcpay-management-tooltip .multiline {
    height: auto;
    padding: 0;
    white-space: initial; }

#cryptoManagementReport #btcpayManagementToolbar {
  background-color: #00233f; }

#cryptoManagementReport .reportContainer .table-container .server {
  font-weight: 700; }

#cryptoManagementReport .reportContainer .table-container .showOnCog,
#cryptoManagementReport .reportContainer .table-container .isTest {
  font-weight: normal; }
  #cryptoManagementReport .reportContainer .table-container .showOnCog .on,
  #cryptoManagementReport .reportContainer .table-container .isTest .on {
    color: black; }
  #cryptoManagementReport .reportContainer .table-container .showOnCog .off,
  #cryptoManagementReport .reportContainer .table-container .isTest .off {
    color: #d8d8d8; }

#cryptoManagementReport .reportContainer .table-container .storeId {
  text-align: center; }

#cryptoManagementReport .reportContainer .table-container .apiKey {
  color: #06366d; }

#cryptoManagementReport .reportContainer .table-container .notificationOnly {
  text-align: center; }
  #cryptoManagementReport .reportContainer .table-container .notificationOnly .checked {
    color: #000000; }
  #cryptoManagementReport .reportContainer .table-container .notificationOnly .unchecked {
    color: darkred; }

#cryptoManagementReport .reportContainer .table-container .url {
  text-align: center;
  color: #660000; }

#cryptoManagementReport .reportContainer .table-container .agent {
  color: #00569c; }

#cryptoManagementReport .reportContainer .table-container .player {
  color: #a82d00; }

#cryptoManagementReport .reportContainer .table-container .info-container {
  margin-right: 10px;
  min-height: 28px;
  min-width: 150px; }
  #cryptoManagementReport .reportContainer .table-container .info-container .label {
    min-height: 28px;
    border-radius: 2px 0 0 2px;
    line-height: 28px;
    padding: 2px 10px;
    background-color: #ebebeb;
    color: #5c5c5c;
    box-shadow: 1.5px 2px 2px 0 #cfcfcf; }
    #cryptoManagementReport .reportContainer .table-container .info-container .label i {
      margin-right: 5px; }
  #cryptoManagementReport .reportContainer .table-container .info-container .info {
    background-color: white;
    min-width: 120px;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 0 2px 2px 0;
    border: solid 1px #e4e4e4;
    box-shadow: 1.5px 2px 2px 0 #c2c2c263;
    min-height: 33px; }

#cryptoManagementReport .reportContainer .table-container .hint {
  color: #1d1d1d; }

#cryptoManagementReport .reportContainer .table-container .action {
  width: 80px;
  text-align: center; }

#cryptoManagementReport .reportContainer .expirationMinutes .label {
  background-color: #cfe0cc;
  color: #2d7931; }

#cryptoManagementReport .reportContainer .expirationMinutes .info {
  font-weight: 700;
  font-size: 1.15em;
  color: #006d05; }

#cryptoManagementReport .reportContainer .maxSecondsDelay .label {
  background-color: #d3e7f9;
  color: #296674; }

#cryptoManagementReport .reportContainer .maxSecondsDelay .info {
  font-weight: 700;
  font-size: 1.15em;
  color: #006d8f; }

#cryptoManagementReport .reportContainer .edit-btn {
  background-color: #c1e7f3;
  line-height: 24px;
  width: 24px;
  height: 24px;
  min-height: 24px; }
  #cryptoManagementReport .reportContainer .edit-btn i {
    color: #206074; }

#cryptoManagementReport .reportContainer thead th {
  padding: 0 8px; }

#cryptoManagementReport .reportContainer tbody td {
  border-top: none;
  border-bottom: none;
  padding-left: 5px;
  padding-right: 5px; }

#cryptoManagementReport .reportContainer tbody.even td {
  background-color: #f0f2f3; }

#cryptoManagementReport .reportContainer tbody.odd td {
  background-color: #fff; }

#cryptoManagementReport .reportContainer .bottom-tr {
  border-bottom: double 1px #f1f1f1; }
  #cryptoManagementReport .reportContainer .bottom-tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: none;
    border-bottom: none; }

#cryptoManagementReport #btcpayManagementReport .servers-container {
  height: calc(100vh - 285px); }

#cryptoManagementReport #btcpayManagementReport .btcpayServerOrderContainer .serversContainer {
  height: calc(100vh - 290px); }

#cryptoManagementReport #btcpayManagementReport .agentsContainer, #cryptoManagementReport #btcpayManagementReport .playersContainer {
  height: calc(100vh - 290px);
  margin-bottom: 5px; }

.cog-logo-header {
  background-image: url("/assets/images/CogLogo.png");
  width: 45px;
  height: 45px;
  background-size: cover;
  margin: 0 0.5em; }

.moneygram-container .header {
  text-shadow: 2px 2px 0 #c2c2c2;
  color: #525f7d; }

.moneygram-options-container .moneygram-option {
  margin: 0.5em;
  padding: 1em;
  border-radius: 10px;
  box-shadow: 5px 5px 0 0 #b7b7b7;
  background-color: white;
  min-width: 150px;
  cursor: pointer;
  height: 100px; }

.moneygram-options-container .moneygram-option.disabled {
  cursor: auto;
  background-color: #cccccc; }

.moneygram-options-container .moneygram-option.disabled:hover {
  background-color: #cccccc; }

.moneygram-options-container moneygram-option.disabled:hover md-icon {
  color: #999; }

.moneygram-options-container .moneygram-option.disabled .option-lbl {
  color: #999; }

.moneygram-options-container .moneygram-option.disabled:hover .option-lbl {
  color: #999; }

.moneygram-options-container .moneygram-option.disabled md-icon, .moneygram-options-container .moneygram-option.disabled:hover md-icon {
  color: #999; }

.moneygram-options-container .moneygram-option md-icon {
  font-size: 3em;
  color: #0097da;
  width: inherit;
  height: inherit;
  margin-bottom: 0.1em; }

.moneygram-options-container .moneygram-option .option-lbl {
  font-weight: 700;
  color: #78909c; }

.moneygram-options-container .moneygram-option:hover {
  background-color: #32b5da; }

.moneygram-options-container .moneygram-option:hover md-icon {
  color: white; }

.moneygram-options-container .moneygram-option:hover .option-lbl {
  color: white; }

#CogTeamsLinkedDialog {
  max-width: 700px; }
  #CogTeamsLinkedDialog .team-link-content {
    padding-bottom: 20px; }
    #CogTeamsLinkedDialog .team-link-content .header {
      background: lightslategray;
      color: #fff;
      font-size: 2rem;
      padding: 5px;
      padding-left: 10px;
      box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.12);
      border-radius: 5px; }
    #CogTeamsLinkedDialog .team-link-content .detail {
      height: 45px;
      font-size: 0.8em;
      background: #eee;
      padding: 5px 5px 5px 15px;
      margin-top: 7px;
      border-radius: 5px;
      box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 2px 0px rgba(0, 0, 0, 0.12); }
  #CogTeamsLinkedDialog .team-info-content:last-child {
    padding-bottom: 20px; }

/* agent: player count report css */
.ag-account-sections-container md-toolbar .md-toolbar-tools {
  min-height: 35px;
  height: 35px;
  color: #fff;
  background-color: #253c47;
  text-transform: uppercase;
  letter-spacing: .005em;
  box-sizing: border-box;
  font-weight: 400;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  padding: 0 16px;
  margin: 0; }

.ag-account-sections-container md-toolbar .md-toolbar-tools .md-title {
  font-size: .6em; }

.ag-account-sections-container md-table-container tbody tr {
  height: 35px !important;
  max-height: 35px !important; }

#ag-content #ipchecker-report #cogIPChecker-Detail-container > div > div {
  margin: 8px !important;
  max-width: 100%;
  width: 100%; }
  #ag-content #ipchecker-report #cogIPChecker-Detail-container > div > div #ipcheckerDetailTableReport .ipcheckerDetail-container .ipcheckerDetail-table-detail-toolbar .th-toolbar {
    background-color: #253c47 !important;
    color: #fff !important; }
  #ag-content #ipchecker-report #cogIPChecker-Detail-container > div > div .ipColumnDetail {
    width: 45%;
    text-transform: uppercase;
    background: #4d7688 !important;
    color: #fff;
    font-size: 12px !important; }

/* agent: transtactions agent css */
#ag-content .TransOptionsContainer .displayContainer {
  margin-left: 0; }

#ag-content .TransOptionsContainer .timeContainer {
  margin-left: 5px; }

#ag-content .TransOptionsContainer md-select, #ag-content div-input-container.cog-input-container md-select, #ag-content md-coginput-container.cog-input-container md-select,
#ag-content md-input-container.cog-input-container md-select {
  height: 25px;
  margin: -3px 0 0 10px; }

#ag-content .transactions-table-container .md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

#ag-content .transactions-table-container .md-toolbar-tools-agent-tr, #ag-content .transactions-table-container .table-toolbar.md-row {
  color: #c6e2c8 !important;
  text-transform: uppercase;
  font-size: .9em; }

#ag-content .transactions-table-container .md-data-table .md-sort-icon, #ag-content .transactions-table-container .md-data-table .th-toolbar {
  color: #fff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

#ag-content .transactions-table-container #transactionTableData tbody tr td:nth-last-child(2), #ag-content .transactions-table-container #transactionTableData thead tr th:nth-last-child(2) {
  padding-right: 5px !important;
  color: #00540b; }

@media screen and (min-width: 600px) {
  #ag-content .transactions-table-container #transactionTableData tbody tr td:nth-last-child(1), #ag-content .transactions-table-container #transactionTableData thead tr th:nth-last-child(1) {
    padding-right: 20px !important; }
  #ag-content .transactions-table-container #transactionTableData tbody tr td:nth-child(1), #ag-content .transactions-table-container #transactionTableData thead tr th:nth-child(1) {
    padding-left: 20px !important; } }

#ag-content .transactions-table-container #transactionTableData tbody tr td:nth-child(1), #ag-content .transactions-table-container #transactionTableData thead tr th:nth-child(1) {
  width: 180px;
  padding: 0 15px !important; }

#ag-content .transactions-table-container .transaction-detail-link {
  font-weight: 700;
  cursor: pointer;
  color: #006086; }

#ag-content .transactions-table-container #transactionTableData .red, #ag-content .transactions-table-container td.red {
  color: #c70000 !important; }

#ag-content .transactions-table-container td.green {
  color: #006400 !important; }

#ag-content .accGroupBtnsOpt .groupBtn {
  margin: 0 !important;
  min-width: 110px !important; }

#ag-content .accGroupBtnsOpt .md-button {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

#ag-content .accGroupBtnsOpt .md-button.left {
  border-radius: 4px 0 0 4px; }

#ag-content .freeplay-style {
  background-color: #d8d0b5; }

#ag-content .md-freeplay {
  background-color: #4c0000 !important;
  color: #ffefd8 !important; }

#ag-content .freeplay-style .freeplay_balance {
  text-align: right;
  background-color: rgba(0, 0, 0, 0.1);
  line-height: 28px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: -3px;
  border-radius: 2px;
  font-size: .8em;
  color: #5d5849; }

#ag-content .freeplay-style .freeplay_balance .balance {
  color: #000;
  font-size: 1.15em;
  min-width: 90px;
  font-weight: 700; }

#ag-content .transactions-table-container .transaction-wager {
  color: #333; }

@media screen and (max-width: 1060px) and (min-width: 600px) {
  #ag-content .TransOptionsContainer .md-button {
    font-size: 0.75em; }
  #ag-content .TransOptionsContainer .md-text {
    font-size: 0.85em; } }

#ag-content .accGroupBtnsOpt .groupBtn {
  margin: 0 !important;
  min-width: 110px !important; }

@media screen and (max-width: 1024px) {
  #ag-content .accGroupBtnsOpt .groupBtn {
    min-width: 80px !important; } }

#ag-content .accGroupBtnsOpt .md-button {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

#ag-content .accGroupBtnsOpt .md-button.left {
  border-radius: 4px 0 0 4px; }

#ag-content .accGroupBtnsOpt .md-button.middle {
  border-radius: 0;
  border-left: 1px solid rgba(230, 230, 230, 0.96);
  border-right: 1px solid rgba(230, 230, 230, 0.96); }

#ag-content .accGroupBtnsOpt .md-button.right {
  border-radius: 0 4px 4px 0; }

#ag-content .accGroupBtnsOpt .md-button:not([disabled]):hover {
  background-color: rgba(193, 193, 193, 0.96);
  color: rgba(0, 0, 0, 0.8);
  transition: 0.3s; }

#ag-content .accGroupBtnsOpt .optionSelected {
  background-color: #0c7eb5;
  color: white; }

#ag-content .TransOptionsContainer md-select {
  margin: 0px;
  height: 25px;
  margin-left: 10px;
  margin-top: -3px; }

#ag-content .TransOptionsContainer .displayContainer {
  margin-left: 0px; }

#ag-content .TransOptionsContainer .timeContainer {
  margin-left: 5px; }

#ag-content .TransOptionsContainer md-menu {
  margin-top: 5px; }

#ag-content .TransOptionsContainer .mobile-btn {
  margin: 0px; }
  #ag-content .TransOptionsContainer .mobile-btn md-icon {
    font-size: 1.3em;
    opacity: 0.5;
    margin-top: 7px; }

#ag-content .TransOptionsContainer md-input-container {
  margin: 0px; }
  #ag-content .TransOptionsContainer md-input-container md-checkbox {
    margin: 0px; }

#ag-content .TransOptionsContainer .freeplay-container {
  top: 8px !important;
  margin-left: 5px !important;
  min-width: 100px; }

@media screen and (max-width: 799px) {
  #ag-content .TransOptionsContainer .freeplay-container {
    top: 7px !important; } }

@media screen and (max-width: 320px) {
  #ag-content .TransOptionsContainer md-checkbox span {
    font-size: 12px; }
  #ag-content .TransOptionsContainer .freeplay-container {
    min-width: 80px; } }

#ag-content .TransOptionsContainer .export-options .md-button md-icon {
  margin-top: 0px; }

#ag-content .TransOptionsContainer .more-btn {
  margin-right: 3px; }

#ag-content #cog-acc-personal md-toolbar, #ag-content #cog-acc-permissions md-toolbar, #ag-content #cog-account-history md-toolbar, #ag-content #ag-content #ipchecker-report md-toolbar {
  background: none;
  min-height: 30px;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  width: 100%; }

#ag-content #cog-acc-personal .md-subhead, #ag-content #cog-acc-permissions .md-subhead, #ag-content #cog-account-history .md-subhead, #ag-content #ag-content #ipchecker-report .md-subhead {
  font-size: .6em; }

#ag-content #cog-acc-personal md-input-container .md-errors-spacer, #ag-content #cog-acc-permissions md-input-container .md-errors-spacer, #ag-content #cog-account-history md-input-container .md-errors-spacer, #ag-content #ag-content #ipchecker-report md-input-container .md-errors-spacer {
  min-height: 0 !important; }

#ag-content #cog-acc-personal .cogacc_settings_btn, #ag-content #cog-acc-permissions .cogacc_settings_btn, #ag-content #cog-account-history .cogacc_settings_btn, #ag-content #ag-content #ipchecker-report .cogacc_settings_btn {
  margin-left: 0;
  padding: 0;
  min-width: 130px;
  line-height: 30px;
  min-height: 30px;
  background-color: #2c2e40 !important;
  color: #ccc !important;
  font-size: .8em; }

#ag-content #cog-acc-personal .cogacc_more_lbl, #ag-content #cog-acc-permissions .cogacc_more_lbl, #ag-content #cog-account-history .cogacc_more_lbl, #ag-content #ag-content #ipchecker-report .cogacc_more_lbl {
  color: #179ac2;
  font-size: .8em;
  margin-top: 8px;
  margin-bottom: 10px;
  text-transform: uppercase; }

#ag-content #cog-acc-personal .cogacc_icon_lbl, #ag-content #cog-acc-permissions .cogacc_icon_lbl, #ag-content #cog-account-history .cogacc_icon_lbl, #ag-content #ag-content #ipchecker-report .cogacc_icon_lbl {
  color: #959595;
  font-size: 1em;
  margin-top: -10px; }

#ag-content #cog-acc-limits md-toolbar .md-toolbar-tools {
  max-height: 35px !important;
  height: 35px;
  color: #fff;
  background-color: #253c47;
  text-transform: uppercase; }

#ag-content #cog-acc-limits, #ag-content #container_lineset md-toolbar {
  min-height: 35px; }

#ag-content #cog-acc-rayo md-toolbar {
  min-height: 35px; }

#ag-content #cog-acc-rayo md-toolbar .md-subhead, #ag-content #cog-acc-rayo md-toolbar .md-title,
#ag-content #container_lineset md-toolbar .md-subhead, #ag-content #container_lineset md-toolbar .md-title {
  font-size: .6em; }

#ag-content .cursor-pointer {
  cursor: pointer; }

#ag-content .cog-hint {
  padding-top: 5px;
  color: #c87633; }

#ag-content #cog-acc-limits label md-icon.cog-hint {
  height: 15px !important;
  width: 15px !important;
  min-height: 15px !important;
  min-width: 15px !important;
  vertical-align: text-bottom;
  margin-right: 5px;
  padding-top: 3px; }

#ag-content .cogacc_settings_lbl {
  margin-left: 0;
  padding: 0;
  min-width: 130px;
  line-height: 30px;
  min-height: 30px;
  font-size: .8em;
  max-width: 130px;
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.38); }

#ag-content #container_lineset .cogacc_settings_btn {
  width: 75px;
  min-width: 75px; }

#ag-content #container_lineset md-toolbar {
  background: none;
  min-height: 30px;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  width: 100%; }

#ag-content #container_lineset .md-subhead {
  font-size: .6em; }

#ag-content #container_lineset .group-button .md-button.groupX,
#ag-content #container_lineset .group-button .md-button.groupY {
  font-size: 12px;
  margin: 0px;
  padding: 2px;
  color: #312e2e;
  background-color: rgba(200, 200, 200, 0.3);
  text-transform: none;
  font-weight: 400;
  line-height: 20px;
  height: 30px;
  min-height: 30px;
  min-width: 50px; }

#ag-content #container_lineset .group-button .md-button.groupX.left {
  border-radius: 4px 0 0 4px;
  padding-left: 8px;
  padding-right: 8px; }

#ag-content #container_lineset .group-button .md-button.groupY.top {
  border-radius: 4px 4px 0 0; }

#ag-content #container_lineset .group-button .md-button.groupX.middle {
  border-radius: 0;
  border-left: 1px solid rgba(230, 230, 230, 0.96);
  border-right: 1px solid rgba(230, 230, 230, 0.96); }

#ag-content #container_lineset .group-button .md-button.groupX.right {
  border-radius: 0 4px 4px 0; }

#ag-content #container_lineset .group-button .md-button.groupY.bottom {
  border-radius: 0 0 4px 4px; }

#ag-content #container_lineset .group-button .md-button.on,
#ag-content #container_lineset .group-button .md-button.on:hover {
  background-color: #8bbf61 !important;
  color: #ffffff !important; }

#ag-content #container_lineset .group-button .md-button.off,
#ag-content #container_lineset .group-button .md-button.off:hover {
  background-color: #bd362f !important;
  color: #ffffff !important; }

#ag-content #container_lineset .group-button .md-button.on:disabled {
  background-color: #7CA57C !important;
  color: #FFFFFF; }

#ag-content #container_lineset .group-button .md-button.off:disabled {
  background-color: #B18484 !important;
  color: #FFFFFF; }

#ag-content #container_lineset .cogacc_settings_btn:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: #999 !important; }

#ag-content md-toolbar {
  background: none;
  min-height: 30px;
  -ms-flex-direction: column;
      flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  width: 100%; }
  #ag-content md-toolbar .md-subhead {
    font-size: .6em; }

#ag-content md-input-container .md-errors-spacer {
  min-height: 0 !important; }

#ag-content .cogacc_settings_btn {
  margin-left: 0;
  padding: 0;
  min-width: 130px;
  line-height: 30px;
  min-height: 30px;
  background-color: #2c2e40 !important;
  color: #ccc !important;
  font-size: .8em; }

#ag-content .cogacc_more_lbl {
  color: #179ac2;
  font-size: .8em;
  margin-top: 8px;
  margin-bottom: 10px;
  text-transform: uppercase; }

#ag-content .cogacc_icon_lbl {
  color: #959595;
  font-size: 1em;
  margin-top: -10px; }

#ag-content #dvChanges {
  overflow: auto; }
  #ag-content #dvChanges md-toolbar {
    min-height: 35px; }
  #ag-content #dvChanges .fix {
    overflow-y: auto; }
  @media screen and (max-width: 450px) {
    #ag-content #dvChanges {
      position: absolute; }
      #ag-content #dvChanges md-card {
        overflow: scroll; }
      #ag-content #dvChanges .change-fix {
        cursor: pointer;
        overflow: visible; } }

#ag-content #cog-acc-accounting .md-data-table .th-toolbar {
  color: #fff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

#ag-content #cog-acc-accounting .group-button .md-button.groupX.left {
  border-radius: 4px 0 0 4px;
  padding-left: 8px;
  padding-right: 8px; }

#ag-content #cog-acc-accounting .percentage-mode-section section.group-button .md-button {
  min-width: 120px !important;
  height: 30px !important;
  max-height: 30px !important;
  min-height: 30px !important;
  line-height: 25px !important; }

#ag-content #cog-acc-accounting .md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px;
  text-transform: uppercase;
  font-size: .9em; }

#agentfooter {
  bottom: 0;
  height: 45px;
  min-height: 45px;
  padding: 8px; }
  #agentfooter .copyright {
    color: #97A5AC;
    font-size: 10px; }
  #agentfooter .rules {
    font-size: 13px; }
    #agentfooter .rules span {
      cursor: pointer; }
  #agentfooter .btn-contact {
    background: #2793EC; }
    #agentfooter .btn-contact md-icon {
      font-size: 2em;
      line-height: 60px; }
  #agentfooter .btn-down-menu {
    border-radius: 15px;
    text-transform: capitalize;
    background: #2793EC;
    color: #f7f7f7;
    font-weight: 500;
    width: 130px; }
    #agentfooter .btn-down-menu md-icon {
      color: white;
      margin-right: 5px;
      margin-left: 3px; }

#leftMenu {
  font-family: Roboto, "Helvetica Neue", sans-serif; }
  #leftMenu .top-info {
    text-align: center;
    font-size: 16px;
    color: #fff;
    height: 64px; }
    #leftMenu .top-info .zmdi {
      margin-right: 8px; }
  #leftMenu .menu-button {
    color: #f7f7f7;
    font-size: 14px;
    padding: 7px 0; }
    #leftMenu .menu-button .zmdi {
      color: #ffed94; }
  #leftMenu .sub-menu {
    font-size: 15px;
    color: #99A0A3; }
    #leftMenu .sub-menu > div {
      padding: 3px; }

.triangular-sidenav-left.ag {
  background: #324147;
  width: 180px;
  min-width: 180px;
  max-width: 180px; }

#agToolbar {
  min-height: 64px; }
  @media screen and (max-width: 599px) {
    #agToolbar {
      min-height: 100px !important; } }
  #agToolbar .md-toolbar-tools.agentToolbar {
    padding: 0 8px; }
  #agToolbar .info-box {
    font-size: 14px;
    padding: 0 12px; }
    #agToolbar .info-box .header {
      color: #90A4AE;
      font-size: 12px;
      padding-bottom: 4px; }
    #agToolbar .info-box .amount {
      cursor: pointer; }
      #agToolbar .info-box .amount.red-balance {
        color: #EE534F; }
      #agToolbar .info-box .amount.green-balance {
        color: darkgreen; }
  #agToolbar .home-button {
    cursor: pointer;
    padding: 0 8px; }
    #agToolbar .home-button .fa {
      font-size: 28px;
      margin-top: 8px;
      color: rgba(0, 0, 0, 0.65); }
  #agToolbar .menu-button {
    cursor: pointer;
    padding-right: 8px; }
    #agToolbar .menu-button .fa {
      font-size: 28px;
      margin-top: 10px;
      color: rgba(0, 0, 0, 0.65); }
  #agToolbar .divider {
    margin-top: 5px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    height: 30px; }
  #agToolbar .search-left {
    margin-top: 5px;
    padding: 0 6px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    height: 30px; }
  #agToolbar .search-right {
    margin-top: 5px;
    padding: 0 6px;
    border-right: 1px solid rgba(0, 0, 0, 0.15);
    height: 30px; }
  #agToolbar .search-mobile {
    padding: 0px 8px 5px 8px; }
    @media screen and (max-width: 419px) {
      #agToolbar .search-mobile {
        -ms-flex-pack: center;
        justify-content: center; } }
    @media screen and (max-width: 599px) and (min-width: 420px) {
      #agToolbar .search-mobile {
        -ms-flex-pack: start;
        justify-content: flex-start; } }
  #agToolbar .right-menu {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px; }
    #agToolbar .right-menu .fa {
      color: rgba(0, 0, 0, 0.65); }
    #agToolbar .right-menu.btnMail {
      cursor: pointer; }
  #agToolbar .btnAdd {
    padding: 0;
    margin: 0 0 0 1px;
    height: 40px;
    border-radius: 0 3px 3px 0;
    width: 45px;
    min-width: 45px; }
    #agToolbar .btnAdd .zmdi {
      margin-top: 6px; }
  #agToolbar .md-icon-button {
    margin: 0;
    padding-top: 3px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    width: 25px; }
  #agToolbar .dvImpersonation {
    font-size: 15px;
    font-weight: 500;
    color: #f7f7f7;
    background: #2B8FE5;
    padding-left: 22px;
    height: 45px; }
    #agToolbar .dvImpersonation .zmdi {
      margin-right: 18px; }
    #agToolbar .dvImpersonation .dvExit {
      background-color: #FFE0B2;
      height: 45px;
      color: #37474F;
      font-weight: 600;
      cursor: pointer; }
  #agToolbar .badge1 {
    position: relative; }
  #agToolbar .badge1[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 13px;
    font-weight: 600;
    background: #D32F2F;
    color: white;
    padding: .05em 2px;
    min-width: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 35%; }
  #agToolbar .dvMessages {
    position: absolute;
    right: 0;
    top: 42px;
    padding: 0;
    border: 2px solid rgba(0, 0, 0, 0.65);
    border-radius: 3px;
    background: #fff; }
    #agToolbar .dvMessages div {
      cursor: pointer;
      min-width: 250px;
      min-height: 20px; }
      #agToolbar .dvMessages div h3 {
        font-size: 16px;
        padding: 5px 0 0 5px;
        margin: 0;
        font-weight: 600; }
      #agToolbar .dvMessages div h4 {
        font-size: 15px;
        padding: 0 0 0 5px;
        margin: 0; }
      #agToolbar .dvMessages div .shortMsg {
        font-size: 12px;
        padding: 0 0 5px 5px;
        margin: 0; }
      #agToolbar .dvMessages div p {
        font-size: 12px;
        padding: 0;
        margin: 0; }
      #agToolbar .dvMessages div:hover {
        background: #f8f8f8; }

.menu-agent {
  max-height: 340px !important; }
  .menu-agent .fa {
    width: 12px; }

md-toolbar.ag {
  min-height: 64px !important;
  background: #ECEFF1 !important; }
  @media screen and (max-width: 599px) {
    md-toolbar.ag {
      min-height: 100px !important; } }

agent-hierarchy-tree {
  width: 100%;
  display: block; }
  agent-hierarchy-tree.account-viewer {
    position: absolute !important;
    top: 0px !important; }
  agent-hierarchy-tree tree-dnd {
    margin: auto;
    display: block;
    width: 60%; }
    @media screen and (max-width: 599px) {
      agent-hierarchy-tree tree-dnd {
        width: 100%; } }
    @media screen and (min-width: 600px) and (max-width: 959px) {
      agent-hierarchy-tree tree-dnd {
        width: 100%; } }
    agent-hierarchy-tree tree-dnd table tr {
      display: block; }
      agent-hierarchy-tree tree-dnd table tr td {
        border: none !important; }
        agent-hierarchy-tree tree-dnd table tr td > div {
          width: 100%;
          display: block; }
          agent-hierarchy-tree tree-dnd table tr td > div div {
            position: absolute;
            top: 10px;
            right: 0px;
            display: block; }
            agent-hierarchy-tree tree-dnd table tr td > div div * {
              display: block; }
        agent-hierarchy-tree tree-dnd table tr td md-icon {
          font-size: 1.5em !important; }
    agent-hierarchy-tree tree-dnd .tree-dnd-nodes .tree-dnd-node {
      border-radius: 5px !important; }

#rpt-container table.custom {
  font-size: 11pt;
  background: #fff;
  width: 100%; }
  #rpt-container table.custom thead tr th {
    padding: 0 10px 0 10px;
    background: #5B6E77; }
  #rpt-container table.custom thead .th-select, #rpt-container table.custom thead md-input-container {
    margin: 0;
    display: -ms-inline-grid;
    display: inline-grid; }
  #rpt-container table.custom thead md-select-value {
    color: #fff;
    border-bottom: none; }
  #rpt-container table.custom tbody tr.active, #rpt-container table.custom tbody tr:hover {
    background: none; }
  #rpt-container table.custom tbody td {
    padding: 0 10px 0 10px; }
  #rpt-container table.custom tbody td:nth-child(7) {
    white-space: nowrap; }

#rpt-container .amountRed {
  color: red; }

#rpt-container .amountGreen {
  color: green; }

#rpt-container a {
  color: #607d8b;
  border-bottom: none;
  text-decoration: underline; }
  #rpt-container a:hover {
    text-decoration: none;
    color: #000000; }

#rpt-container .showInfo {
  background: url("../assets/images/reports/details_open.png") no-repeat center center;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0px 0 10px;
  width: 20px; }

#rpt-container .hideInfo {
  background: url("../assets/images/reports/details_close.png") no-repeat center center;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0px 0 10px;
  width: 20px; }

#rpt-container .font-style-header {
  font-size: 10pt;
  font-weight: bold;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0; }

#rpt-container .font-style-position {
  margin-top: 15px; }

#rpt-container .padding-left-column {
  padding-left: 10px; }

#rpt-container .padding-left-10 {
  padding-left: 10px; }

#rpt-container .height-100 {
  height: 100%; }

#rpt-container .tools-heigth-38 {
  height: 38px;
  font-size: 11pt;
  overflow: hidden; }

#rpt-container .tool-options-01 {
  font-size: 10pt;
  padding-left: 10px; }

#rpt-container .heigth-0 {
  height: 0; }

#rpt-container .border-bottom-0 {
  border-bottom: 1px solid #ececec !important; }

#rpt-container .padding-bottom-20 {
  padding-bottom: 20px; }

#rpt-container .highlight-item {
  background: #93a9b3; }

#rpt-container .SSFR-multiple-options-select {
  margin-left: 11px; }
  #rpt-container .SSFR-multiple-options-select md-checkbox {
    margin-top: 11px; }

#rpt-container .progresbar-fix {
  position: fixed;
  z-index: 1; }

#rpt-container .text-right {
  text-align: right; }

#rpt-container .filter-more-btn {
  width: 35px;
  height: 35px;
  line-height: 4px;
  background-color: #00b0ff !important;
  color: #fff; }

#rpt-container .refresh-btn {
  background-color: #ffc019;
  color: #653408;
  font-size: .65em;
  font-weight: 700;
  max-width: 200px; }
  @media (max-width: 425px) {
    #rpt-container .refresh-btn {
      line-height: 35px;
      height: 35px;
      width: 35px;
      max-width: 35px !important;
      min-width: 35px; } }

#rpt-container .transactions-view-options {
  background-color: #a9a9a9;
  overflow-y: auto; }

#rpt-container .transactions-view-options .view-options-container .md-button.view-btn {
  margin: 0;
  padding: 0 10px;
  min-height: 30px;
  min-width: 100px;
  line-height: 38px;
  font-size: .75em;
  border-radius: 0;
  border-right: solid 1px #999; }

#rpt-container .transactions-view-options .view-options-container .md-button.view-btn.md-active {
  background-color: #fff !important;
  color: #000 !important; }

#rpt-container .contentTable {
  width: 100%;
  height: 100%;
  position: relative; }
  #rpt-container .contentTable .leftSide {
    position: relative;
    z-index: 1;
    display: inline; }
    #rpt-container .contentTable .leftSide .left_wrapper {
      width: 200px; }
      @media screen and (max-width: 768px) {
        #rpt-container .contentTable .leftSide .left_wrapper {
          width: 180px; } }
    #rpt-container .contentTable .leftSide table thead th {
      background: #3b515a;
      white-space: nowrap;
      height: 44px; }
    #rpt-container .contentTable .leftSide table tbody td {
      background: #fff;
      border-right: #dddddd 2px solid; }
  #rpt-container .contentTable .rightSide {
    position: relative;
    overflow: auto;
    z-index: 0;
    display: inline;
    width: 100%; }

#rpt-container .firstColumnHeader {
  position: absolute;
  z-index: 11;
  width: 200px;
  left: 0px; }
  @media screen and (max-width: 768px) {
    #rpt-container .firstColumnHeader {
      width: 180px; } }
  #rpt-container .firstColumnHeader table thead th {
    background: #3f545d;
    height: 44px; }

#rpt-container .contentColumnHeader {
  position: absolute;
  overflow: hidden;
  z-index: 10;
  padding-left: 200px; }
  @media screen and (max-width: 768px) {
    #rpt-container .contentColumnHeader {
      padding-left: 180px; } }

#rpt-container #ag-settle-rpt {
  border-top: 1px groove #ffed94; }
  @media screen and (min-width: 1024px) {
    #rpt-container #ag-settle-rpt {
      margin-left: 15px;
      margin-right: 15px; } }

#rpt-container #ag-player-rpt {
  border-top: 1px groove #ffed94; }
  @media screen and (min-width: 1024px) {
    #rpt-container #ag-player-rpt {
      margin-left: 15px;
      margin-right: 15px; } }

#rpt-container #ag-weekly-rpt {
  border-top: 1px groove #ffed94; }
  @media screen and (min-width: 1024px) {
    #rpt-container #ag-weekly-rpt {
      margin-left: 15px;
      margin-right: 15px; } }

#rpt-container #ag-distribution-rpt {
  border-top: 1px groove #ffed94; }
  @media screen and (min-width: 1024px) {
    #rpt-container #ag-distribution-rpt {
      margin-left: 15px;
      margin-right: 15px; } }

#cogIPChecker-container a {
  cursor: pointer; }
  #cogIPChecker-container a:hover {
    color: #FFFFFF; }

#cogIPChecker-container .md-toolbar-tools {
  background-color: #3f545d;
  color: #FFFFFF; }
  #cogIPChecker-container .md-toolbar-tools .zmdi-search:before {
    color: #FFFFFF; }

#cogIPChecker-container cog-search-bar {
  width: 100% !important;
  max-width: 100% !important; }
  #cogIPChecker-container cog-search-bar md-autocomplete {
    border: 1px solid #cccccc;
    max-width: 100% !important; }
    #cogIPChecker-container cog-search-bar md-autocomplete md-autocomplete-wrap {
      box-shadow: none; }
      #cogIPChecker-container cog-search-bar md-autocomplete md-autocomplete-wrap input {
        width: 100vw; }

#cogIPChecker-container .displayOptions {
  margin-left: 10px; }
  #cogIPChecker-container .displayOptions md-select {
    width: 150px;
    font-size: 0.9em; }
  #cogIPChecker-container .displayOptions .cog-input-label {
    color: #000000;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;
    white-space: nowrap; }
  #cogIPChecker-container .displayOptions .input-label-under-acc {
    text-align: right; }
  #cogIPChecker-container .displayOptions .md-button-search {
    margin-top: 10px;
    margin-left: 0px;
    min-width: 125px;
    min-height: 50px;
    font-size: 18px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0px 0px; }

#cogIPChecker-container .ipSearchText {
  min-width: 275px;
  height: 40px;
  margin-top: 0;
  margin-bottom: 0; }

#cogIPChecker-container .md-table thead.md-head > tr.md-row {
  height: 40px !important;
  background-color: #87898a !important;
  text-transform: uppercase; }

#cogIPChecker-container .md-table tfoot.md-foot > tr.md-row {
  height: 40px !important;
  background-color: #87898a !important;
  text-transform: uppercase; }

#cogIPChecker-container .md-table tfoot.md-foot > tr.md-row > td.md-cell {
  color: #fff !important;
  font-size: inherit; }

#cogIPChecker-container .md-table tbody tr td {
  font-size: inherit; }

#cogIPChecker-container md-toolbar {
  min-height: 45px; }

#cogIPChecker-container .IpAddressLink:hover {
  color: #4193d0;
  text-decoration: underline;
  cursor: pointer; }

#cogIPChecker-container md-tabs-wrapper {
  background-color: #607d8b; }
  #cogIPChecker-container md-tabs-wrapper md-tab-item,
  #cogIPChecker-container md-tabs-wrapper md-icon {
    color: white; }

#cogIPChecker-container .btn-detail {
  background-color: #6FC431;
  color: #ffffff; }

#cogIPChecker-container #visJsNetwork {
  width: auto;
  height: 30vw;
  border: 1px solid lightgray; }
  @media only screen and (max-device-width: 480px) {
    #cogIPChecker-container #visJsNetwork {
      height: 100vw; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #cogIPChecker-container #visJsNetwork {
      height: 100vw; } }

#cogIPChecker-container .cog-ipchecker-node-menu {
  display: block;
  position: absolute;
  background-color: #4193d0;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding: 10px;
  font-size: 0.74em;
  color: #FFFFFF;
  cursor: pointer; }

#cogIPChecker-container cog-report-grid {
  height: 80vw !important; }
  #cogIPChecker-container cog-report-grid md-table-container tr:nth-child(even) {
    background-color: #f2f2f2 !important; }
  @media only screen and (max-device-width: 480px) {
    #cogIPChecker-container cog-report-grid md-table-container {
      font-size: 0.8em; } }
  #cogIPChecker-container cog-report-grid md-table-container td,
  #cogIPChecker-container cog-report-grid md-table-container th {
    padding: 0px !important;
    margin: 0px !important;
    width: auto !important;
    text-align: center !important; }
    @media screen and (min-width: 1224px), screen and (min-width: 1824px), screen and (min-device-width: 768px), screen and (min-device-width: 1024px) {
      #cogIPChecker-container cog-report-grid md-table-container td:nth-child(1),
      #cogIPChecker-container cog-report-grid md-table-container th:nth-child(1) {
        text-indent: 40px !important; } }
    @media only screen and (max-device-width: 480px) {
      #cogIPChecker-container cog-report-grid md-table-container td,
      #cogIPChecker-container cog-report-grid md-table-container th {
        padding-left: 5px !important;
        text-align: left !important; } }

#cogIPChecker-container #cogreport-grid .md-table tr td:nth-child(1),
#cogIPChecker-container #cogreport-grid .md-table tr th:nth-child(1) {
  padding-left: 5px !important;
  margin: 0px !important;
  width: auto !important;
  text-align: left !important; }
  @media only screen and (max-device-width: 480px) {
    #cogIPChecker-container #cogreport-grid .md-table tr td:nth-child(1),
    #cogIPChecker-container #cogreport-grid .md-table tr th:nth-child(1) {
      padding-left: 5px !important; } }

#cogIPChecker-container .cog-details-report-btn {
  position: fixed;
  bottom: 0px; }

#cogIPChecker-container md-tabs md-ink-bar {
  height: 8px; }

#cogIPChecker-container md-tabs md-tabs-canvas {
  background-color: #a8a8a8; }
  #cogIPChecker-container md-tabs md-tabs-canvas md-tab-item {
    /*border-right: 1px solid #000000;*/
    color: #000000; }
    #cogIPChecker-container md-tabs md-tabs-canvas md-tab-item:hover {
      background-color: #333333 !important;
      color: #FFFFFF; }
    #cogIPChecker-container md-tabs md-tabs-canvas md-tab-item[aria-selected=true] {
      background-color: #fefefe; }
      #cogIPChecker-container md-tabs md-tabs-canvas md-tab-item[aria-selected=true] span {
        color: #000000 !important; }

@media (max-device-width: 480px) {
  #cogIPChecker-container md-tabs {
    padding: 0px; }
    #cogIPChecker-container md-tabs md-prev-button,
    #cogIPChecker-container md-tabs md-next-button {
      display: none; }
    #cogIPChecker-container md-tabs md-tabs-canvas {
      margin: 0px; }
      #cogIPChecker-container md-tabs md-tabs-canvas md-pagination-wrapper {
        display: block;
        width: 350px !important; }
        #cogIPChecker-container md-tabs md-tabs-canvas md-pagination-wrapper md-tab-item {
          padding: 10px 11px 5px 11px !important; }
          #cogIPChecker-container md-tabs md-tabs-canvas md-pagination-wrapper md-tab-item span {
            font-size: 0.8em; } }

#AgBillingReportDialog {
  min-width: 30%;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.87) !important;
  top: 35px;
  background: #ECEFF1; }
  @media screen and (max-width: 959px) {
    #AgBillingReportDialog {
      min-width: 94%;
      min-height: 20%; } }
  #AgBillingReportDialog .toolbar-default {
    min-height: 45px;
    line-height: 45px; }
  #AgBillingReportDialog .md-toolbar-tools {
    font-weight: bold;
    max-height: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 14px; }
    @media screen and (max-width: 959px) {
      #AgBillingReportDialog .md-toolbar-tools {
        font-size: 13px; } }
  #AgBillingReportDialog md-dialog-actions {
    padding-right: 24px; }
  #AgBillingReportDialog .md-dialog-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    -ms-overflow-style: none; }
    #AgBillingReportDialog .md-dialog-content::-webkit-scrollbar {
      width: 8px;
      background: rgba(0, 0, 0, 0.1);
      transition: all .2s; }
    #AgBillingReportDialog .md-dialog-content::-webkit-scrollbar-thumb {
      border-radius: 0px;
      background: rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      transition: all .2s; }
    #AgBillingReportDialog .md-dialog-content .billing-table .text-currency {
      text-align: right;
      padding-right: 35px; }
    #AgBillingReportDialog .md-dialog-content .billing-table thead {
      background: #53646d; }
      #AgBillingReportDialog .md-dialog-content .billing-table thead tr {
        height: 30px; }
        #AgBillingReportDialog .md-dialog-content .billing-table thead tr th {
          color: #fff;
          font-size: 15px;
          font-weight: 500; }
          @media screen and (max-width: 959px) {
            #AgBillingReportDialog .md-dialog-content .billing-table thead tr th {
              font-size: 14px; } }
    #AgBillingReportDialog .md-dialog-content .billing-table tbody tr:nth-child(even) {
      background: #f7f7f7; }
      #AgBillingReportDialog .md-dialog-content .billing-table tbody tr:nth-child(even):hover {
        background: #e4e1e1; }
    #AgBillingReportDialog .md-dialog-content .billing-table tbody tr:nth-child(odd) {
      background: #fff; }
      #AgBillingReportDialog .md-dialog-content .billing-table tbody tr:nth-child(odd):hover {
        background: #e4e1e1; }
    #AgBillingReportDialog .md-dialog-content .billing-table tbody td.md-cell:nth-child(n+2):nth-last-child(n+2) {
      padding: 0 12px 0 0; }
  #AgBillingReportDialog md-input-container.md-input-focused label,
  #AgBillingReportDialog md-input-container.md-block label {
    transform-origin: center top;
    padding-left: 0px; }

#ag-transactions md-toolbar {
  min-height: 45px;
  height: 45px; }
  #ag-transactions md-toolbar .md-toolbar-tools {
    height: 45px;
    min-height: 45px; }
    @media screen and (max-width: 599px) {
      #ag-transactions md-toolbar .md-toolbar-tools {
        padding: 0 8px; }
        #ag-transactions md-toolbar .md-toolbar-tools p {
          font-size: 13px; } }
    #ag-transactions md-toolbar .md-toolbar-tools .header-icon {
      font-size: 1.35em;
      margin-right: .5em; }
    #ag-transactions md-toolbar .md-toolbar-tools md-icon {
      height: 28px; }
    #ag-transactions md-toolbar .md-toolbar-tools md-select {
      margin-left: 15px;
      margin-top: 0;
      margin-bottom: 0; }
      @media screen and (max-width: 599px) {
        #ag-transactions md-toolbar .md-toolbar-tools md-select {
          margin-left: 8px; } }
      #ag-transactions md-toolbar .md-toolbar-tools md-select .md-select-value {
        background: #fff;
        color: #000;
        width: 120px;
        font-size: 16px;
        text-align: center; }
        @media screen and (max-width: 599px) {
          #ag-transactions md-toolbar .md-toolbar-tools md-select .md-select-value {
            font-size: 13px;
            width: 95px; } }
    #ag-transactions md-toolbar .md-toolbar-tools .btnPayment {
      min-height: 30px;
      height: 30px;
      line-height: 32px; }
      @media screen and (max-width: 599px) {
        #ag-transactions md-toolbar .md-toolbar-tools .btnPayment {
          margin: 6px 0;
          padding: 0; } }

#ag-transactions .report-container {
  padding: 15px 30px; }
  @media screen and (max-width: 599px) {
    #ag-transactions .report-container {
      padding: 15px 0; } }
  #ag-transactions .report-container .report-transactions {
    width: 100%; }
    #ag-transactions .report-container .report-transactions thead {
      background: #53646d; }
      #ag-transactions .report-container .report-transactions thead tr {
        height: 30px; }
        #ag-transactions .report-container .report-transactions thead tr th {
          color: #fff;
          font-size: 15px;
          font-weight: 500; }
          #ag-transactions .report-container .report-transactions thead tr th.text-currency {
            text-align: right;
            padding-right: 35px; }
    #ag-transactions .report-container .report-transactions tr:nth-child(even) {
      background: #f0f0f0; }
      #ag-transactions .report-container .report-transactions tr:nth-child(even):hover {
        background: #e4e1e1; }
    #ag-transactions .report-container .report-transactions td {
      height: 30px;
      font-size: 13px; }
    #ag-transactions .report-container .report-transactions .balance.red-balance {
      color: #EE534F; }
    #ag-transactions .report-container .report-transactions .balance.green-balance {
      color: darkgreen; }
    #ag-transactions .report-container .report-transactions .billing-statement {
      cursor: pointer;
      text-decoration: underline;
      color: #396d89; }

.fillspotBetErrDesc {
  color: #ef6c00 !important;
  font-size: 12px !important;
  font-weight: 600 !important; }

.fillspotBetErrAccepted {
  color: darkgreen !important;
  font-weight: 600 !important;
  font-size: 12px; }

.link-pointer {
  cursor: pointer; }

#fixDialog .PeriodDesc {
  font-style: italic;
  font-size: 0.85em;
  color: #b85b00; }

#fixDialog .spot-amount {
  font-size: 14px;
  font-weight: 500; }

#fixDialog .spot-note {
  font-size: 1.4em;
  color: #607d8b;
  font-weight: 500; }

#fixDialog .spot-number {
  font-size: 1.2em;
  color: #00378a;
  font-weight: 500; }

#fixDialog md-select .md-select-value {
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  padding: 0px 0px 0px 30px;
  -ms-flex-align: unset;
      align-items: unset; }
  #fixDialog md-select .md-select-value .md-text {
    font-size: 15.5px !important; }
    #fixDialog md-select .md-select-value .md-text .lineBetDialogFillOpt .txt2 {
      font-size: 11px;
      vertical-align: text-top;
      line-height: 19px; }

#fixDialog .btn-cancel {
  min-width: 22px;
  width: 22px;
  min-height: 22px;
  line-height: 22px;
  margin-right: 5px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 2px;
  background-color: #fff !important;
  color: #bf4040 !important; }
  #fixDialog .btn-cancel .zmdi {
    font-size: 12px;
    font-weight: bold; }

#fixDialog .points {
  padding-right: 12px;
  font-size: 13px !important;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  font-weight: 500; }
  #fixDialog .points .txt2 {
    font-weight: normal;
    vertical-align: text-top;
    line-height: 14px;
    font-size: 10px; }
  #fixDialog .points.autoAccept {
    color: darkgreen !important; }
  #fixDialog .points.errAccept {
    color: #bf4040 !important; }

#fixDialog .strikeout {
  font-size: 11px !important;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  font-weight: 500;
  position: relative;
  margin-right: 12px;
  backface-visibility: hidden; }
  #fixDialog .strikeout .txt2 {
    font-weight: normal;
    vertical-align: text-top;
    line-height: 12px;
    font-size: 9px; }

#fixDialog .strikeout::after {
  border-bottom: 0.125em solid rgba(0, 0, 0, 0.87);
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
  backface-visibility: hidden; }

#fixDialog .team-data {
  padding: 5px 0px !important;
  font-size: 13px;
  font-weight: 600; }

#fixDialog .open-spot {
  font-size: 12px; }

#fixDialog .btnAcceptLine {
  min-width: 80px;
  min-height: 25px;
  line-height: 25px;
  vertical-align: middle; }

#fixDialog .selSelectInputContainer {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 5px;
  padding-top: 0px; }

#fixDialog md-dialog-content {
  padding: 5px 8px;
  min-height: 147px; }

#fixDialog .risk {
  color: #800000;
  font-size: 1.2em;
  font-weight: 500; }

.optsFillContainer .txt2 {
  font-size: 10px;
  vertical-align: text-top;
  line-height: 15px; }

@media only screen and (max-width: 360px) and (min-width: 0) {
  .betDialogFill .IAtype.team-data {
    padding: 0em;
    font-size: 0.75em;
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  .betDialogFill .IAtype .leg-check {
    margin-right: 0.3em; }
  .betDialogFill .IAtype.team-data span.points {
    margin-left: 0.5em; }
  .betDialogFill .IAtype.team-data span.periodLbl {
    margin-left: 0.5em; } }

.betDialogFill {
  max-width: 40%;
  top: 10px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  background-color: #ffffff !important;
  border-radius: 0 !important; }
  @media screen and (max-width: 959px) {
    .betDialogFill {
      max-width: 94%;
      top: 10px; } }
  @media screen and (max-width: 1280px) and (min-width: 960px) {
    .betDialogFill {
      max-width: 70%; } }

@-moz-document url-prefix() {
  .betDialogFill {
    max-width: 80%; } }
  .betDialogFill .logosCust {
    margin-top: 8px;
    margin-right: 5px;
    min-width: 32px; }
  .betDialogFill .logo-over {
    background-image: url("../assets/images/logos/over.png");
    width: 30px;
    height: 30px; }
  .betDialogFill .logo-under {
    background-image: url("../assets/images/logos/under.png");
    width: 28px;
    height: 28px; }
  .betDialogFill .logosOU {
    margin-top: 5px;
    margin-right: 5px;
    min-width: 32px; }
  .betDialogFill .toolbar-default {
    min-height: 40px;
    line-height: 40px; }
  .betDialogFill .md-toolbar-tools {
    font-size: 15px;
    font-weight: bold;
    max-height: 45px;
    height: 40px;
    line-height: 40px;
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (max-width: 959px) {
      .betDialogFill .md-toolbar-tools {
        font-size: 13px; } }
  .betDialogFill md-dialog-content {
    padding-left: 8px;
    padding-right: 8px;
    min-height: 70px; }
    @media screen and (max-width: 959px) {
      .betDialogFill md-dialog-content {
        min-height: 155px; } }
  .betDialogFill md-input-container {
    margin-bottom: 0px; }
    .betDialogFill md-input-container .md-errors-spacer {
      display: none; }
    .betDialogFill md-input-container .md-input-message-animation {
      opacity: 1;
      margin-top: 0px; }
  .betDialogFill .boxDetails {
    padding-top: 5px;
    min-height: 76px; }
  .betDialogFill .betAmt {
    text-align: center !important;
    border-width: 2px !important; }
    .betDialogFill .betAmt.attn {
      border-color: #d77728 !important; }
  .betDialogFill .betAmt:not(:focus) {
    border-color: #607d8b; }
  .betDialogFill md-input-container.md-input-focused label,
  .betDialogFill md-input-container.md-block label {
    transform-origin: center top;
    padding-left: 0px; }
  .betDialogFill .descJuice {
    font-size: 14px; }
    .betDialogFill .descJuice .txt2 {
      vertical-align: text-top !important;
      margin-top: 0.31em;
      font-size: 0.8em !important; }
  .betDialogFill md-dialog-actions {
    padding-left: 0px;
    min-height: 45px; }
    .betDialogFill md-dialog-actions .cancel-bet-btn {
      color: #E4E4E4 !important; }
    .betDialogFill md-dialog-actions .cancel-bet-active-btn {
      color: #8B0000 !important; }
    .betDialogFill md-dialog-actions .md-button {
      margin-top: 3px;
      margin-bottom: 6px; }
  .betDialogFill input[type=number]::-webkit-inner-spin-button,
  .betDialogFill input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .betDialogFill .leg-check {
    color: #b5c4cb;
    margin-right: 0.7em;
    font-size: 1.2em;
    line-height: 18px; }
  .betDialogFill .leg-pitchers {
    color: #829198;
    font-size: 11px;
    line-height: 18px; }
  .betDialogFill .team-data {
    padding: 0.5em; }
    .betDialogFill .team-data span.points {
      margin-left: 0.7em; }
    .betDialogFill .team-data span.periodLbl {
      margin-left: 0.7em;
      font-style: italic; }
  .betDialogFill .legbetAmt {
    padding-left: 0.3em;
    font-weight: bold;
    color: #dd2c00; }
  .betDialogFill .ifbetTitle {
    color: #8D0000; }
  .betDialogFill .open-spot {
    color: #AAAAAA;
    padding: 6px; }
    .betDialogFill .open-spot .leg-check {
      color: #8D8D8D; }
    .betDialogFill .open-spot .leg-close {
      color: #3f3f3f;
      font-size: 1.4em;
      margin-top: 0.14em; }
  .betDialogFill .PeriodDesc {
    font-style: italic;
    font-size: 0.85em;
    color: #b85b00; }
  .betDialogFill .lineDefaultBetDialogOpt .dAmt {
    font-size: 0.8em;
    color: #333;
    /* Fallback */
    color: rgba(0, 0, 0, 0.875);
    fill: #333;
    /* Fallback */
    fill: rgba(0, 0, 0, 0.875);
    background-color: #f2f2f2; }
  .betDialogFill md-select .md-select-value {
    border-width: 2px !important;
    border-style: solid !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    padding: 0px 0px 0px 20px;
    -ms-flex-align: baseline;
        align-items: baseline;
    text-align: center; }
    .betDialogFill md-select .md-select-value .md-text {
      font-size: 15.5px !important; }
      .betDialogFill md-select .md-select-value .md-text .lineBetDialogCustOpt .txt2 {
        font-size: 11px;
        vertical-align: text-top;
        line-height: 19px; }
  .betDialogFill .pitcherData {
    font-size: 13px;
    font-style: oblique; }
  .betDialogFill md-select.cmbJuice[disabled] .md-select-value {
    background-image: unset;
    width: 100%;
    color: rgba(0, 0, 0, 0.87);
    padding: 0px 0px 0px 8px; }
    .betDialogFill md-select.cmbJuice[disabled] .md-select-value .md-select-icon {
      visibility: hidden;
      width: 0px; }
  .betDialogFill .lblMax {
    color: #AE2F2F;
    font-size: 12px;
    font-weight: 500; }
    @media screen and (max-width: 959px) {
      .betDialogFill .lblMax {
        font-size: 10px; } }

/*.BMBetDialog.DesktopSize {
    max-width: 40%;
    width: 40%;
}
.BMBetDialog.MobileSize {
    max-width: 100%;
    width: 100%;
}*/
.BMBetDialog {
  max-width: 30%;
  top: 10px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  background-color: #ffffff !important;
  border-radius: 0 !important;
  border-radius: 0; }
  @media screen and (max-width: 959px) {
    .BMBetDialog {
      max-width: 98%;
      top: 10px; } }
  @media screen and (max-width: 1280px) and (min-width: 960px) {
    .BMBetDialog {
      max-width: 40%; } }

@-moz-document url-prefix() {
  .BMBetDialog {
    max-width: 40%; }
    @media screen and (max-width: 959px) {
      .BMBetDialog {
        max-width: 98%;
        top: 10px; } } }
  .BMBetDialog .logosCust {
    margin-right: 5px;
    min-width: 32px; }
  .BMBetDialog .logosOU {
    margin-top: 5px;
    margin-right: 5px;
    min-width: 32px; }
  .BMBetDialog .toolbar-default {
    min-height: 45px;
    line-height: 45px; }
  .BMBetDialog .md-toolbar-tools {
    font-size: 15px;
    font-weight: bold;
    max-height: 45px;
    height: 45px;
    line-height: 45px; }
  .BMBetDialog .pitcherDesc, .BMBetDialog .gameHeader {
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px; }
  .BMBetDialog md-select .md-select-value .md-text .lineBetDialogOpt .txt2 {
    font-size: 13px;
    vertical-align: text-top;
    line-height: 23px; }

@-moz-document url-prefix() {
  .BMBetDialog .lineBetDialogOpt .txt2 {
    float: none !important;
    padding-bottom: 0.25em; } }
  .BMBetDialog .cmbSpread {
    margin-left: 20px;
    margin-top: -6px;
    margin-bottom: 0px; }
  .BMBetDialog .descJuice {
    margin-left: 15px; }
    .BMBetDialog .descJuice .txt2 {
      vertical-align: text-bottom !important;
      font-size: 0.72em !important; }
  .BMBetDialog md-dialog-actions {
    padding-right: 24px; }
  .BMBetDialog .betAmount {
    padding-top: 15px; }
  .BMBetDialog .betAmt {
    height: 50px !important;
    text-align: center !important; }
    .BMBetDialog .betAmt:focus {
      border: 2px solid #607d8b; }
  .BMBetDialog md-input-container.md-input-focused label,
  .BMBetDialog md-input-container.md-block label {
    transform-origin: center top;
    padding-left: 0px; }
  .BMBetDialog input[type=number]::-webkit-inner-spin-button,
  .BMBetDialog input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .BMBetDialog .ifbetTitle {
    color: #8D0000; }
  .BMBetDialog .open-spot {
    color: #AAAAAA;
    padding: 6px; }
  .BMBetDialog .open-spot .leg-check {
    color: #8D8D8D; }
  .BMBetDialog .open-spot .leg-close {
    color: #3f3f3f;
    font-size: 1.4em;
    margin-top: 0.14em; }
  .BMBetDialog .betHint1 {
    margin-top: -20px; }
  .BMBetDialog md-dialog-actions .cancel-bet-btn {
    color: #E4E4E4 !important; }
  .BMBetDialog md-dialog-actions md-dialog-actions .cancel-bet-active-btn {
    color: #8B0000 !important; }
  .BMBetDialog .leg-check {
    color: #b5c4cb;
    margin-right: 0.7em;
    font-size: 1.3em;
    line-height: 18px; }
  .BMBetDialog .leg-pitchers {
    color: #829198;
    font-size: 12px;
    line-height: 18px; }
  .BMBetDialog .team-data {
    padding: 0.5em;
    font-size: 15px; }
    .BMBetDialog .team-data span.points {
      margin-left: 0.7em;
      font-size: 15px; }
      .BMBetDialog .team-data span.points .txt2 {
        font-size: 11px; }
      @media screen and (max-width: 959px) {
        .BMBetDialog .team-data span.points {
          font-size: 11px; } }
    .BMBetDialog .team-data span.periodLbl {
      margin-left: 0.7em;
      font-style: italic;
      color: #b85b00; }
  .BMBetDialog .legbetAmt {
    padding-left: 0.3em;
    font-weight: bold;
    color: #dd2c00; }
  .BMBetDialog .overLimit {
    font-size: 12px;
    color: #ff6d00; }
  .BMBetDialog .PeriodDesc {
    font-style: italic;
    font-size: 0.60em;
    color: #b85b00;
    margin-left: 5px; }
  .BMBetDialog .logo-over {
    background-image: url("../assets/images/logos/over.png");
    width: 30px;
    height: 30px; }
  .BMBetDialog .logo-under {
    background-image: url("../assets/images/logos/under.png");
    width: 28px;
    height: 28px; }

.optsContainer .txt2 {
  font-size: 11px;
  vertical-align: text-bottom;
  line-height: 19px; }

md-dialog-actions {
  -ms-flex-pack: justify !important;
      justify-content: space-between !important; }

.slinput input {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 3px;
  border: 1px solid #ccc;
  color: black;
  font-family: arial,sans-serif;
  font-size: 16px;
  max-width: 80px; }

/* Remove IE10's “clear field” X button */
.slinput input::-ms-clear {
  display: none; }

.slinput input:focus {
  border: 1px solid #4d90fe;
  max-width: 80px; }

/* left side icon style (search icon) */
.slinput .left-icon {
  position: absolute;
  left: 3px;
  top: 11px; }

.slinput .active {
  color: #555; }

.slinput {
  position: relative;
  width: 100%; }

.bm-edit-dialog {
  min-width: 30%; }
  .bm-edit-dialog .toolbar-default {
    min-height: 45px;
    line-height: 45px; }
  .bm-edit-dialog .md-toolbar-tools {
    font-size: 15px;
    font-weight: bold;
    max-height: 45px;
    height: 45px;
    line-height: 45px; }
  .bm-edit-dialog md-dialog-actions {
    padding-right: 24px; }
  .bm-edit-dialog md-input-container {
    min-width: 30px; }
  .bm-edit-dialog md-input-container.md-input-focused label,
  .bm-edit-dialog md-input-container.md-block label {
    transform-origin: center top;
    padding-left: 0px; }
  .bm-edit-dialog input[type=number]::-webkit-inner-spin-button,
  .bm-edit-dialog input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .bm-edit-dialog .lblTeam {
    color: #000;
    font-size: 15px; }

.bmSelStep1 .betCustConfirm {
  padding-bottom: 30px; }
  .bmSelStep1 .betCustConfirm .dvHeader {
    color: white;
    background-color: #6faece;
    margin-top: 10px;
    margin-left: 4px !important;
    margin-right: 4px !important;
    font-weight: 500;
    text-align: center;
    padding: 5px 0px;
    font-size: 19px; }
    .bmSelStep1 .betCustConfirm .dvHeader .icnReview {
      font-size: 20px !important;
      padding: 0px 8px; }
      @media screen and (max-width: 959px) {
        .bmSelStep1 .betCustConfirm .dvHeader .icnReview {
          font-size: 17px !important; } }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .dvHeader {
        margin-left: 3px;
        margin-right: 3px;
        font-size: 1.6rem;
        padding: 0px; } }
  .bmSelStep1 .betCustConfirm .dvHeaderConfirm {
    color: white;
    background-color: #f27a18;
    margin-top: 10px;
    margin-left: 4px;
    margin-right: 4px;
    font-weight: 500;
    text-align: center;
    font-size: 19px;
    padding: 5px 0px; }
    .bmSelStep1 .betCustConfirm .dvHeaderConfirm .icnReview {
      font-size: 20px !important;
      padding: 0px 8px; }
      @media screen and (max-width: 959px) {
        .bmSelStep1 .betCustConfirm .dvHeaderConfirm .icnReview {
          font-size: 17px !important; } }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .dvHeaderConfirm {
        margin-left: 3px;
        margin-right: 3px;
        font-size: 1.6rem;
        padding: 0px; } }
  .bmSelStep1 .betCustConfirm .btnDown {
    min-width: 105px;
    font-size: 14px; }
  .bmSelStep1 .betCustConfirm .dvBtnDown {
    margin-left: 6px; }
  .bmSelStep1 .betCustConfirm .md-button, .bmSelStep1 .betCustConfirm md-radio-button .md-container, .bmSelStep1 .betCustConfirm md-radio-button .md-label {
    backface-visibility: hidden; }
  .bmSelStep1 .betCustConfirm .betDetail {
    font-size: 0.8em; }
  .bmSelStep1 .betCustConfirm .betDetail span {
    font-weight: 500;
    margin-left: 0.3em;
    margin-right: 0.3em;
    color: #d96403;
    font-size: 1.2em; }
  .bmSelStep1 .betCustConfirm .betErrList {
    padding: 0px; }
    .bmSelStep1 .betCustConfirm .betErrList md-list-item {
      min-height: 30px !important; }
    .bmSelStep1 .betCustConfirm .betErrList md-list-item md-icon {
      color: #ffb74d;
      line-height: 23px;
      text-align: center; }
    .bmSelStep1 .betCustConfirm .betErrList md-list-item .betErr {
      color: #bf4040;
      font-size: 15px; }
      @media screen and (max-width: 959px) {
        .bmSelStep1 .betCustConfirm .betErrList md-list-item .betErr {
          font-size: 12px; } }
  .bmSelStep1 .betCustConfirm .open-spot {
    color: #777777;
    padding-left: 6px !important;
    font-weight: 500;
    font-size: 16px; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .open-spot {
        font-size: 11.5px; } }
  .bmSelStep1 .betCustConfirm .open-spot .open-spot-icon {
    color: #8D8D8D;
    font-size: 1.5em;
    margin-right: 0.3em;
    margin-left: 0.3em; }
  .bmSelStep1 .betCustConfirm .wager-accepted {
    color: #fff;
    font-size: 18px; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .wager-accepted {
        font-size: 15px; } }
  .bmSelStep1 .betCustConfirm .wager-accepted-icon {
    font-size: 22px !important;
    padding: 0px 8px;
    color: #fff; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .wager-accepted-icon {
        font-size: 17px !important; } }
  .bmSelStep1 .betCustConfirm .wager-cancelled-icon {
    font-size: 22px !important;
    padding: 0px 8px;
    color: #bf4040; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .wager-cancelled-icon {
        font-size: 17px !important; } }
  .bmSelStep1 .betCustConfirm .wager-cancelled {
    color: #bf4040;
    font-size: 18px; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .wager-cancelled {
        font-size: 15px; } }
  .bmSelStep1 .betCustConfirm .dvNoBet {
    background: #e77b23;
    height: 40px; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .dvNoBet {
        height: 24px; } }
  .bmSelStep1 .betCustConfirm .dvAccepted {
    background: #399400;
    height: 40px; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .dvAccepted {
        height: 24px; } }
  .bmSelStep1 .betCustConfirm .no-bet {
    color: #fff;
    font-size: 18px; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .no-bet {
        font-size: 15px; } }
  .bmSelStep1 .betCustConfirm .no-bet-icon {
    font-size: 22px !important;
    padding: 0px 8px;
    color: #fff; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .no-bet-icon {
        font-size: 17px !important; } }
  .bmSelStep1 .betCustConfirm .line-change {
    color: #676363;
    font-size: 15px; }
  .bmSelStep1 .betCustConfirm .line-change-icon {
    font-size: 1.5em;
    color: #676363;
    padding-left: 8px;
    padding-right: 8px; }
  .bmSelStep1 .betCustConfirm md-card {
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 0px; }
  .bmSelStep1 .betCustConfirm .header {
    font-size: 16px;
    font-weight: 600; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .header {
        font-size: 14px; } }
    .bmSelStep1 .betCustConfirm .header.Risk {
      color: #bf4040; }
    .bmSelStep1 .betCustConfirm .header.multiple {
      margin-left: 8px; }
      @media screen and (max-width: 959px) {
        .bmSelStep1 .betCustConfirm .header.multiple {
          margin-left: 0px; } }
  .bmSelStep1 .betCustConfirm md-card-content {
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 0px; }
    .bmSelStep1 .betCustConfirm md-card-content .btn-edit {
      margin-right: 0px;
      margin-left: 0px;
      margin-top: -2px;
      margin-bottom: 1px;
      vertical-align: middle;
      color: rgba(0, 0, 0, 0.87) !important;
      background-color: #fff !important;
      font-size: 17px !important;
      font-weight: normal;
      min-width: 75%; }
      @media screen and (max-width: 959px) {
        .bmSelStep1 .betCustConfirm md-card-content .btn-edit {
          min-width: 48px;
          min-height: 22px;
          line-height: 22px;
          font-size: 14px !important; } }
      .bmSelStep1 .betCustConfirm md-card-content .btn-edit.Risk {
        color: #bf4040 !important; }
    .bmSelStep1 .betCustConfirm md-card-content .bet-amount {
      font-size: 17px;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.87); }
      @media screen and (max-width: 959px) {
        .bmSelStep1 .betCustConfirm md-card-content .bet-amount {
          font-size: 12px; } }
      .bmSelStep1 .betCustConfirm md-card-content .bet-amount.Risk {
        color: #bf4040; }
  .bmSelStep1 .betCustConfirm .btnUpLeft {
    margin-right: 0px;
    margin-left: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 27px;
    min-height: 27px;
    line-height: 27px;
    font-size: 13px; }
  .bmSelStep1 .betCustConfirm .btnUpRight {
    margin-right: 5px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 27px;
    min-height: 27px;
    line-height: 27px;
    font-size: 13px; }
  .bmSelStep1 .betCustConfirm .btnFreePlay {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: normal;
    padding-left: 3px;
    padding-right: 3px; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .btnFreePlay {
        font-size: 12px; } }
    .bmSelStep1 .betCustConfirm .btnFreePlay.btnSelected {
      background-color: #3C8757 !important;
      color: #fff; }
      .bmSelStep1 .betCustConfirm .btnFreePlay.btnSelected:hover {
        background-color: #3C8757 !important;
        color: #fff; }
  .bmSelStep1 .betCustConfirm .lstBetConfirm {
    font-size: 16px; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .lstBetConfirm {
        font-size: 11.5px; } }
    .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item {
      backface-visibility: hidden;
      min-height: 55px !important;
      padding: 5px 0px !important; }
      @media screen and (max-width: 959px) {
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item {
          padding: 0px 0px 0px 3px !important; } }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item.md-2-line::before {
        min-height: 55px; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item.md-2-line .md-list-item-text {
        overflow: initial; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .logo-over {
        background-image: url("../assets/images/logos/over.png");
        width: 30px;
        height: 30px; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .logo-under {
        background-image: url("../assets/images/logos/under.png");
        width: 28px;
        height: 28px; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item md-divider {
        backface-visibility: hidden; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item div .md-button {
        backface-visibility: hidden; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .row-desc {
        height: 45px; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .teamdesc {
        color: #800000;
        font-size: 16px !important;
        font-weight: 600;
        margin-left: 5px;
        cursor: pointer; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .teamdesc {
            font-size: 12px !important;
            margin-top: 5px; } }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .teamdesc .tmTotal {
          font-weight: normal;
          margin-left: 5px;
          color: rgba(0, 0, 0, 0.87); }
          @media screen and (max-width: 959px) {
            .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .teamdesc .tmTotal {
              margin-left: 0px; } }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .teamdesc .regNote {
          text-decoration: underline; }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .teamdesc.faded {
          opacity: .5; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .teamodd {
        padding-right: 12px;
        font-size: 16px !important;
        color: rgba(0, 0, 0, 0.87);
        white-space: nowrap;
        font-weight: 600;
        padding-left: 20px; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .teamodd {
            font-size: 13px !important;
            padding-left: 0px; } }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .teamodd .txt2 {
          font-weight: normal;
          vertical-align: text-top;
          line-height: 18px;
          font-size: 13px; }
          @media screen and (max-width: 959px) {
            .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .teamodd .txt2 {
              font-size: 10px;
              line-height: 14px; } }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .teamodd.autoAccept {
          color: darkgreen !important; }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .teamodd.errAccept {
          color: #bf4040 !important; }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .teamodd.faded {
          opacity: .5; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .strikeout {
        font-size: 13px;
        color: rgba(0, 0, 0, 0.87);
        white-space: nowrap;
        font-weight: 500;
        position: relative;
        backface-visibility: hidden; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .strikeout {
            font-size: 11px;
            margin-right: 12px; } }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .strikeout .txt2 {
          font-weight: normal;
          vertical-align: text-top;
          line-height: 15px;
          font-size: 11px; }
          @media screen and (max-width: 959px) {
            .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .strikeout .txt2 {
              line-height: 12px;
              font-size: 9px; } }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .strikeout::after {
        border-bottom: 0.125em solid rgba(0, 0, 0, 0.87);
        content: "";
        left: 0;
        margin-top: calc(0.125em / 2 * -1);
        position: absolute;
        right: 0;
        top: 50%;
        backface-visibility: hidden; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-edit {
        margin-right: 0px;
        margin-left: 0px;
        margin-top: -2px;
        margin-bottom: 1px;
        vertical-align: middle;
        padding: 0px;
        color: rgba(0, 0, 0, 0.87) !important;
        background-color: #fff !important;
        font-size: 17px !important;
        font-weight: normal !important;
        min-width: 75%; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-edit {
            min-width: 48px;
            min-height: 22px;
            line-height: 22px;
            font-size: 14px !important; } }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-edit.Risk {
          color: #bf4040 !important; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-editRR {
        margin-right: 0px;
        margin-left: 0px;
        margin-top: -2px;
        margin-bottom: 1px;
        vertical-align: middle;
        color: rgba(0, 0, 0, 0.87) !important;
        background-color: #fff !important;
        font-size: 17px !important;
        font-weight: normal !important;
        min-width: 75%; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-editRR {
            min-width: 60px;
            min-height: 22px;
            line-height: 22px;
            font-size: 14px !important; } }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-editRR.Risk {
          color: #bf4040 !important; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-cancel {
        min-width: 24px;
        width: 24px;
        min-height: 24px;
        line-height: 24px;
        margin-right: 5px;
        margin-left: 5px;
        margin-top: 0px;
        margin-bottom: 2px;
        background-color: #fff !important;
        color: #bf4040 !important; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-cancel {
            min-width: 22px;
            width: 22px;
            min-height: 22px;
            line-height: 22px;
            margin-right: 3px;
            margin-left: 0px;
            margin-top: 0px;
            margin-bottom: 2px; } }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-cancel .zmdi {
          font-size: 15px;
          font-weight: 500;
          display: block; }
          @media screen and (max-width: 959px) {
            .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-cancel .zmdi {
              font-size: 12px;
              display: inline-block; } }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-newline {
        min-width: 20px;
        min-height: 20px;
        line-height: 20px;
        margin-right: 2px;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #46b800 !important;
        background-color: #fff !important; }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-newline .zmdi {
          font-size: 11px;
          font-weight: 500; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-small {
        min-width: 45px;
        min-height: 10px;
        margin-right: 1.5em !important;
        margin-bottom: 1em;
        vertical-align: middle; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btn-smallRR {
        min-width: 60px;
        margin-right: 3.5em !important;
        margin-bottom: 1em;
        vertical-align: middle; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btnAcceptLine {
        min-width: 113px;
        vertical-align: middle;
        margin-right: 12px; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .btnAcceptLine {
            min-width: 80px;
            min-height: 25px;
            line-height: 25px;
            font-size: 14px !important;
            margin-right: 8px; } }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .bet-amount {
        font-size: 17px;
        font-weight: 600;
        color: rgba(0, 0, 0, 0.87); }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .bet-amount {
            font-size: 12px; } }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .bet-amount.Risk {
          color: #bf4040; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .md-secondary-container {
        white-space: nowrap !important; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .errorDesc {
        color: #d77728;
        font-size: 15px;
        font-weight: 500; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .errorDesc {
            font-size: 12px; } }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .errAccepted {
        color: darkgreen;
        font-size: 15px;
        font-weight: 500; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .errAccepted {
            font-size: 12px; } }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .details {
        font-size: 14px;
        margin-top: 5px;
        margin-left: 6px; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .details {
            font-size: 11px;
            margin-left: 0px; } }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .selstepCustSelectInputContainer {
        width: 160px;
        min-width: 120px;
        margin-left: 10px;
        margin-right: 8px;
        margin-top: 0px;
        margin-bottom: 5px;
        padding-top: 6px; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .selstepCustSelectInputContainer {
            width: 98px;
            min-width: 98px;
            margin-right: 0px;
            margin-left: 0px; } }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .selstepCustSelectInputContainer md-select.cmbLines {
          font-size: 15px !important;
          font-weight: 600; }
          @media screen and (max-width: 959px) {
            .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .selstepCustSelectInputContainer md-select.cmbLines {
              font-size: 12px !important; } }
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .selstepCustSelectInputContainer md-select.cmbLines .md-select-value {
            border-width: 2px !important;
            border-style: solid !important;
            border-color: rgba(0, 0, 0, 0.12) !important;
            padding: 0px 0px 0px 0px;
            text-align: center !important;
            height: 32px; }
            @media screen and (max-width: 959px) {
              .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .selstepCustSelectInputContainer md-select.cmbLines .md-select-value {
                height: 26px; } }
            .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .selstepCustSelectInputContainer md-select.cmbLines .md-select-value .md-select-icon {
              width: unset !important; }
              @media screen and (max-width: 959px) {
                .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .selstepCustSelectInputContainer md-select.cmbLines .md-select-value .md-select-icon {
                  margin: 0px !important; } }
            .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .selstepCustSelectInputContainer md-select.cmbLines .md-select-value span {
              transform: none; }
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .selstepCustSelectInputContainer md-select.cmbLines .txt2 {
            font-size: 13px !important;
            font-weight: normal;
            vertical-align: text-top;
            line-height: 17px; }
            @media screen and (max-width: 959px) {
              .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .selstepCustSelectInputContainer md-select.cmbLines .txt2 {
                font-size: 10px !important;
                line-height: 15px; } }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .logos {
        margin: 0px 5px; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .logos {
            margin: 0px; } }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .logos.faded {
          opacity: .5; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .logosOU {
        width: 34px;
        height: 28px;
        padding: 0;
        float: left;
        margin: 0px 5px; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .logosOU {
            margin: 0px; } }
        .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item .logosOU.faded {
          opacity: .5; }
      .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item h3 {
        font-size: 19px; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .lstBetConfirm > md-list-item h3 {
            font-size: 16px; } }
    .bmSelStep1 .betCustConfirm .lstBetConfirm md-card-content div.md-body-1.bet-amount {
      font-size: 1.2em;
      color: #00378a;
      font-weight: 500; }
    .bmSelStep1 .betCustConfirm .lstBetConfirm span.perioddesc {
      color: rgba(0, 0, 0, 0.87);
      font-style: normal;
      font-weight: 500;
      margin-left: 5px;
      vertical-align: text-top;
      line-height: 18px;
      font-weight: normal; }
      @media screen and (max-width: 959px) {
        .bmSelStep1 .betCustConfirm .lstBetConfirm span.perioddesc {
          font-size: 10px;
          line-height: 16px; } }
    .bmSelStep1 .betCustConfirm .lstBetConfirm span.itemline {
      font-size: 0.8em; }
    .bmSelStep1 .betCustConfirm .lstBetConfirm .amtZero {
      color: #bf4040;
      font-size: 1.2em;
      font-weight: 500; }
    .bmSelStep1 .betCustConfirm .lstBetConfirm .team-delete-space {
      width: 34px; }
  .bmSelStep1 .betCustConfirm .headerRR {
    font-size: 14px !important;
    margin: 8px 6px; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .headerRR {
        margin: 0px 3px; } }
  .bmSelStep1 .betCustConfirm .place-bet-btn {
    max-height: 30px;
    margin-top: 13px; }
  .bmSelStep1 .betCustConfirm .tckNumber {
    margin: 7px 3px;
    font-size: 16px; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .tckNumber {
        font-size: 13px; } }
  .bmSelStep1 .betCustConfirm .validation {
    padding-top: 35px; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .validation {
        padding-top: 15px; } }
    .bmSelStep1 .betCustConfirm .validation .captcha-box {
      border: 2px solid #d96403;
      font-size: 13px;
      font-weight: 600;
      border-radius: 4px;
      padding-top: 10px; }
      .bmSelStep1 .betCustConfirm .validation .captcha-box.space-right {
        margin-right: 15px; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .validation .captcha-box.space-right {
            margin-right: 0px; } }
      @media screen and (max-width: 959px) {
        .bmSelStep1 .betCustConfirm .validation .captcha-box {
          padding: 12px;
          margin-bottom: 10px; } }
      .bmSelStep1 .betCustConfirm .validation .captcha-box .captcha-image {
        margin-top: 10px;
        text-align: center !important; }
      .bmSelStep1 .betCustConfirm .validation .captcha-box .captcha-input {
        border-width: 2px !important;
        border-color: rgba(0, 0, 0, 0.12) !important;
        font-size: 14px;
        text-align: left; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .validation .captcha-box .captcha-input {
            text-align: center; } }
      .bmSelStep1 .betCustConfirm .validation .captcha-box .md-block {
        margin: 2px 0 0 0;
        padding-right: 10px; }
        .bmSelStep1 .betCustConfirm .validation .captcha-box .md-block .md-errors-spacer {
          display: none; }
        @media screen and (max-width: 959px) {
          .bmSelStep1 .betCustConfirm .validation .captcha-box .md-block {
            margin: 0;
            padding-top: 0px; } }
  .bmSelStep1 .betCustConfirm .password-box {
    border: 2px solid #d96403;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px;
    padding: 17px; }
    @media screen and (max-width: 959px) {
      .bmSelStep1 .betCustConfirm .password-box {
        padding: 12px; } }
    .bmSelStep1 .betCustConfirm .password-box .password-input {
      border-width: 2px !important;
      border-color: rgba(0, 0, 0, 0.12) !important;
      font-size: 14px;
      text-align: center; }
    .bmSelStep1 .betCustConfirm .password-box .md-block {
      margin: 2px 0 0 0; }
      .bmSelStep1 .betCustConfirm .password-box .md-block .md-errors-spacer {
        display: none; }
      @media screen and (max-width: 959px) {
        .bmSelStep1 .betCustConfirm .password-box .md-block {
          margin: 0;
          padding-top: 0px; } }

.bmSelStep1 .optsLinesConfirmContainer .md-text {
  font-size: 17px !important;
  font-weight: 600; }
  @media screen and (max-width: 959px) {
    .bmSelStep1 .optsLinesConfirmContainer .md-text {
      font-size: 14px !important;
      font-weight: 600; } }

.bmSelStep1 .optsLinesConfirmContainer .txt2 {
  font-size: 13px;
  vertical-align: text-top;
  line-height: 18px;
  font-weight: normal; }
  @media screen and (max-width: 959px) {
    .bmSelStep1 .optsLinesConfirmContainer .txt2 {
      font-size: 10px;
      line-height: 16px; } }

#wagersidemenu .PeriodDesc {
  font-style: italic;
  font-size: 1em;
  color: #b85b00; }

#wagersidemenu .bet-amount {
  font-size: 1.4em;
  color: #00378a; }

#wagersidemenu .sportdesc {
  font-size: 0.85em; }

#wagersidemenu .note {
  font-size: 1.3em;
  color: #607d8b;
  font-weight: 600; }

#wagersidemenu .spot-amount {
  font-size: 14px;
  font-weight: 500; }

#wagersidemenu .spot-note {
  font-size: 1.4em;
  color: #607d8b;
  font-weight: 500; }

#wagersidemenu .spot-number {
  font-size: 1.2em;
  color: #00378a;
  font-weight: 500; }

#divOpenList md-list-item, md-list-item.md-2-line > .md-no-style {
  padding: 0px 8px !important;
  min-height: 45px; }

#divOpenList md-list-item h4 {
  font-weight: 500;
  font-size: 15px; }

md-icon.zmdi-close {
  cursor: pointer; }

#wagersidemenu md-list-item h4 {
  font-weight: 500;
  font-size: 15px; }

#wagersidemenu md-list-item {
  min-height: 65px; }

#wagersidemenu md-list-item.openspot-box {
  min-height: 35px;
  color: #607d8b;
  background-color: #f3f6f7; }

#wagersidemenu md-content {
  margin-top: 12px; }

#wagersidemenu .propfectaLbl {
  font-weight: 700;
  font-size: 1.3em;
  color: #0061b7;
  margin: 5px 0;
  display: block; }

.triangular-sidenav-left.md-locked-open.bm {
  width: 105px;
  min-width: 105px;
  max-width: 105px; }

.tb-customer-label {
  font-size: 1.7em !important;
  font-weight: bold;
  margin-top: 12px; }

.tb-customer-info div div {
  font-size: 0.85em !important; }

.tb-customer-info div.info {
  font-weight: 700;
  color: #607d8b; }

.tb-customer-info div.amount {
  font-weight: 700;
  color: #515151; }

.tb-button {
  margin: 4px;
  min-width: 120px;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  height: 45px; }

.red-balance {
  color: #cd0000 !important; }

.tb-customer-date {
  font-size: 18px; }

.more_details_button {
  line-height: 25px !important;
  width: 25px !important;
  height: 25px !important;
  min-height: 25px !important; }
  .more_details_button md-icon[md-font-icon] {
    font-size: 1.5rem;
    padding-right: 10px !important; }

.bmToolbar md-select {
  font-size: 1.5rem;
  margin: 20px 0 20px 0 !important; }

.bmInfoText {
  font-size: 0.7em; }

.tb-customer-mobile-label {
  font-size: 0.7em !important;
  font-weight: bold;
  margin-top: 5px; }

.tb-button-mobile {
  min-height: 20px;
  min-width: 50px;
  line-height: 30px;
  margin: 6px 2px;
  font-size: 10px; }

.bmMenuOption {
  color: rgba(33, 33, 33, 0.87) !important; }

.bmMenuTab {
  background-color: #a8c1c6;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  overflow: hidden;
  height: 35px; }
  .bmMenuTab .side-menu-options {
    color: #000;
    display: inline-block;
    text-align: center;
    margin: 0px 0px 0px 0px;
    font-size: 10pt;
    text-transform: none;
    border-radius: 0 !important;
    white-space: nowrap;
    position: relative;
    z-index: 2;
    box-shadow: none !important;
    transform: translate3d(0, 0, 0);
    border-left: 1px solid #778c91;
    background: none;
    border: none;
    border-left: 1px solid #778c91;
    padding-left: 10px;
    padding-right: 10px; }
    @media screen and (max-width: 959px) {
      .bmMenuTab .side-menu-options {
        font-size: 8pt; } }
  .bmMenuTab .side-menu-options:first-child {
    border: none; }
  .bmMenuTab .md-raised {
    background-color: #778c91 !important;
    color: #ffffff !important;
    font-weight: 600; }
  .bmMenuTab .box {
    position: relative; }
  .bmMenuTab .scroller {
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 5px; }
  .bmMenuTab .scroller-right {
    float: right; }
  .bmMenuTab .scroller-left {
    float: left; }
  .bmMenuTab .wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px;
    height: 50px; }
  .bmMenuTab .list {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 3000px;
    margin-left: 12px;
    margin-top: 0px; }

.bm .btnSelMenuBm {
  background-color: #ff9800 !important;
  color: #000000 !important; }

.md-toolbar-tools.bm {
  border-top-style: solid;
  border-top-color: #a8c1c6;
  border-top-width: thin; }

.PropfectaBetDialog {
  width: 400px;
  max-width: 400px;
  top: 20px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  background-color: #ffffff !important;
  border-radius: 0 !important; }
  .PropfectaBetDialog .team-data {
    padding: 8px 12px; }
  .PropfectaBetDialog .betInfoContainer label {
    font-size: 11px;
    color: #666; }
  .PropfectaBetDialog .betInfoContainer .box {
    padding: 5px 10px; }
  .PropfectaBetDialog .betAmountContainer md-input-container {
    margin: 0; }
  .PropfectaBetDialog .betAmountContainer input {
    border: solid 1px #c4c4c4;
    padding: 3px 6px;
    border-radius: 3px;
    height: 36px;
    text-align: center; }
  .PropfectaBetDialog .toWinContainer .toWinAmt {
    margin-top: 1px;
    background-color: #f4fff5;
    text-align: center;
    height: 34px;
    line-height: 34px;
    border: solid 1px #aec6b5;
    border-radius: 3px;
    color: #005900;
    font-weight: 700; }
  .PropfectaBetDialog .toWinContainer .noWinAmt {
    color: #c6c6c6 !important;
    background-color: #f2f2f2 !important;
    border: solid 1px #eeeeee; }
  .PropfectaBetDialog .points {
    font-weight: 700;
    font-size: 1.3em;
    color: #0061b7;
    margin: 5px 0; }

#propfecta-info-dialog {
  min-width: 500px; }
  #propfecta-info-dialog .propfecta-dialog-content {
    padding: 20p;
    margin-top: 10px;
    border: solid 1px #dedede;
    border-radius: 4px; }
  #propfecta-info-dialog .propfectaItemErr {
    padding: 10px 15px; }

#propfectaSchedule .headerLabel {
  padding: 10px 15px;
  background-color: #3e4b57;
  color: #cce8f5;
  text-transform: uppercase; }

#propfectaSchedule .favorited-container .dt {
  font-size: 15px;
  color: #777;
  width: 115px;
  display: block; }

#propfectaSchedule .events-container .dt {
  font-size: 15px;
  color: #777;
  width: 115px;
  display: block; }

#propfectaSchedule .propfecta-btn .md-button {
  width: 100%;
  margin: 0;
  font-size: 15px;
  text-transform: none;
  font-weight: 500;
  background-color: #B6BFC3;
  color: #212121;
  border-radius: 0;
  box-shadow: none; }
  #propfectaSchedule .propfecta-btn .md-button.selected {
    background-color: #50595D;
    color: #9EDDFB; }

#propfectaSchedule .propSch .header-sports {
  background-color: #376570;
  color: #f7f7f7;
  padding: 3px 10px; }

#propfectaSchedule .propSch .sport-notes {
  background-color: #e3e3e3;
  color: #303030;
  font-size: small;
  padding: 3px 10px; }

#propfectaSchedule .propSch .limits-row, #propfectaSchedule .propSch .limits-row-detail {
  font-size: 13px;
  width: 100%; }
  #propfectaSchedule .propSch .limits-row .col-label, #propfectaSchedule .propSch .limits-row-detail .col-label {
    width: 46%;
    background-color: #eee;
    line-height: 20px; }
  #propfectaSchedule .propSch .limits-row .col-limit, #propfectaSchedule .propSch .limits-row-detail .col-limit {
    width: 18%;
    min-width: 120px;
    background-color: #dbdbdb;
    line-height: 20px; }
    #propfectaSchedule .propSch .limits-row .col-limit:nth-child(3), #propfectaSchedule .propSch .limits-row-detail .col-limit:nth-child(3) {
      background-color: #e9e9e9; }
    #propfectaSchedule .propSch .limits-row .col-limit.limit-amount, #propfectaSchedule .propSch .limits-row-detail .col-limit.limit-amount {
      font-size: 13px;
      font-weight: 700; }

#propfectaSchedule .propSch .folder-label {
  background-color: #444;
  color: #eee;
  text-align: center;
  padding: 3px 5px; }
  #propfectaSchedule .propSch .folder-label.new-game {
    animation-name: liveNewGameAnim;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.625, 0.01, 0.33, 1);
    animation-fill-mode: both; }

@keyframes liveNewGameAnim {
  0% {
    transform: translate3d(-100%, 0, 0); }
  97% {
    transform: translate3d(6px, 0, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }
    .game-row:nth-of-type(3) #propfectaSchedule .propSch .folder-label.new-game {
      animation-delay: 0.1s; }
    .game-row:nth-of-type(4) #propfectaSchedule .propSch .folder-label.new-game {
      animation-delay: 0.2s; }
    .game-row:nth-of-type(5) #propfectaSchedule .propSch .folder-label.new-game {
      animation-delay: 0.3s; }

#propfectaSchedule .propSch .team-row {
  border-bottom: solid 1px #dfdfdf; }
  #propfectaSchedule .propSch .team-row .team-info {
    font-size: 14px; }
  #propfectaSchedule .propSch .team-row .rotation-number {
    padding: 0 12px; }

#propfectaSchedule .propSch .game-time-desktop {
  background-color: #ebebeb;
  font-size: 14px; }
  #propfectaSchedule .propSch .game-time-desktop .time-desktop {
    padding: 7px 12px;
    background-color: #2290aa;
    text-align: center;
    color: rgba(255, 255, 255, 0.875);
    font-weight: 500; }
    #propfectaSchedule .propSch .game-time-desktop .time-desktop.linked-lines {
      transition: background-color .25s ease-in-out, color .25s ease-in-out;
      position: relative;
      cursor: pointer; }
      #propfectaSchedule .propSch .game-time-desktop .time-desktop.linked-lines:hover {
        background-color: #378; }
        #propfectaSchedule .propSch .game-time-desktop .time-desktop.linked-lines:hover.linked-lines:after {
          border-right-color: #eee; }
    #propfectaSchedule .propSch .game-time-desktop .time-desktop.linked-lines:after {
      content: " ";
      position: absolute;
      top: 1px;
      right: 1px;
      border-style: solid;
      border-width: 0px 12px 12px 0;
      border-color: transparent #333 transparent transparent;
      mix-blend-mode: soft-light; }
  #propfectaSchedule .propSch .game-time-desktop .description-desktop {
    padding: 7px 12px;
    font-weight: 500; }

#propfectaSchedule .propSch .office-notes-desktop {
  font-size: 14px;
  padding: 0px 0px 2px 7px;
  background-color: #dbe1e5;
  padding: 3px; }
  #propfectaSchedule .propSch .office-notes-desktop .fa {
    color: #e69500 !important;
    fill: currentColor;
    font-size: 16px; }
  #propfectaSchedule .propSch .office-notes-desktop .fw-bold {
    font-weight: 700; }

#propfectaSchedule .propSch .bet-cell {
  width: 18%;
  padding: 0;
  text-align: center;
  height: 36px; }
  #propfectaSchedule .propSch .bet-cell.spread-cell, #propfectaSchedule .propSch .bet-cell.total-cell {
    background-color: #f4f4f4; }

#changes-backbone-info-dialog {
  min-width: 800px; }
  @media screen and (max-width: 600px) {
    #changes-backbone-info-dialog {
      min-width: 100%;
      max-width: 100%;
      max-height: 100%; } }
  #changes-backbone-info-dialog .hint {
    margin-left: 20px;
    font-size: 11px; }
    #changes-backbone-info-dialog .hint .agentDefaultHint {
      color: #b15300;
      margin-right: 5px; }
  #changes-backbone-info-dialog .close-btn {
    max-width: 80px; }
  #changes-backbone-info-dialog .changes-backbone-table {
    font-size: 12px; }
    #changes-backbone-info-dialog .changes-backbone-table thead tr {
      background-color: #154758;
      height: 32px;
      border-left: solid 1px #154758;
      border-right: solid 1px #154758; }
      #changes-backbone-info-dialog .changes-backbone-table thead tr th {
        color: #aec1c9;
        padding: 0 5px;
        border-bottom: 0; }
        #changes-backbone-info-dialog .changes-backbone-table thead tr th.old, #changes-backbone-info-dialog .changes-backbone-table thead tr th.new {
          text-align: center; }
      #changes-backbone-info-dialog .changes-backbone-table thead tr.headerOldNew {
        background-color: #446e7c;
        height: 28px; }
    #changes-backbone-info-dialog .changes-backbone-table tbody tr {
      height: 38px; }
      #changes-backbone-info-dialog .changes-backbone-table tbody tr td {
        padding: 0 5px;
        min-width: 60px; }
        #changes-backbone-info-dialog .changes-backbone-table tbody tr td:first-child {
          border-left: solid 1px #b4b4b4; }
        #changes-backbone-info-dialog .changes-backbone-table tbody tr td:last-child {
          border-right: solid 1px #b4b4b4; }
        #changes-backbone-info-dialog .changes-backbone-table tbody tr td.sport, #changes-backbone-info-dialog .changes-backbone-table tbody tr td.type, #changes-backbone-info-dialog .changes-backbone-table tbody tr td.period {
          text-align: left; }
        #changes-backbone-info-dialog .changes-backbone-table tbody tr td.old, #changes-backbone-info-dialog .changes-backbone-table tbody tr td.new {
          text-align: center; }
        #changes-backbone-info-dialog .changes-backbone-table tbody tr td.old.blue_override {
          color: #a7a7a7; }
        #changes-backbone-info-dialog .changes-backbone-table tbody tr td.old.blue_update, #changes-backbone-info-dialog .changes-backbone-table tbody tr td.old.blue_removed {
          color: #0026ff;
          font-weight: 700; }
        #changes-backbone-info-dialog .changes-backbone-table tbody tr td.new.blue_override, #changes-backbone-info-dialog .changes-backbone-table tbody tr td.new.blue_update {
          color: #0026ff;
          font-weight: 700; }
        #changes-backbone-info-dialog .changes-backbone-table tbody tr td.new.blue_removed {
          color: #a7a7a7; }
      #changes-backbone-info-dialog .changes-backbone-table tbody tr.even {
        background-color: #f3f3f3; }
        #changes-backbone-info-dialog .changes-backbone-table tbody tr.even:hover {
          background-color: #e4e1e1; }

#changes-copysend-info-dialog {
  min-width: 800px; }
  @media screen and (max-width: 600px) {
    #changes-copysend-info-dialog {
      min-width: 100%;
      max-width: 100%;
      max-height: 100%; } }
  #changes-copysend-info-dialog .close-btn {
    max-width: 80px; }
  #changes-copysend-info-dialog .changes-copysend-table {
    font-size: 12px; }
    #changes-copysend-info-dialog .changes-copysend-table thead tr {
      background-color: #154758;
      height: 32px;
      border-left: solid 1px #154758;
      border-right: solid 1px #154758; }
      #changes-copysend-info-dialog .changes-copysend-table thead tr th {
        color: #aec1c9;
        padding: 0 5px;
        border-bottom: 0; }
        #changes-copysend-info-dialog .changes-copysend-table thead tr th.old, #changes-copysend-info-dialog .changes-copysend-table thead tr th.new, #changes-copysend-info-dialog .changes-copysend-table thead tr th.pick {
          text-align: center; }
      #changes-copysend-info-dialog .changes-copysend-table thead tr.headerOldNew {
        background-color: #446e7c;
        height: 28px; }
    #changes-copysend-info-dialog .changes-copysend-table tbody tr {
      height: 38px; }
      #changes-copysend-info-dialog .changes-copysend-table tbody tr td {
        padding: 0 5px;
        min-width: 60px; }
        #changes-copysend-info-dialog .changes-copysend-table tbody tr td:first-child {
          border-left: solid 1px #b4b4b4; }
        #changes-copysend-info-dialog .changes-copysend-table tbody tr td:last-child {
          border-right: solid 1px #b4b4b4; }
        #changes-copysend-info-dialog .changes-copysend-table tbody tr td.type {
          text-align: left;
          width: 140px; }
        #changes-copysend-info-dialog .changes-copysend-table tbody tr td.old, #changes-copysend-info-dialog .changes-copysend-table tbody tr td.new {
          text-align: center; }
        #changes-copysend-info-dialog .changes-copysend-table tbody tr td.new {
          font-weight: 700; }
        #changes-copysend-info-dialog .changes-copysend-table tbody tr td.pick {
          text-align: center;
          width: 80px; }
          #changes-copysend-info-dialog .changes-copysend-table tbody tr td.pick .na {
            color: rgba(0, 0, 0, 0.2); }
        #changes-copysend-info-dialog .changes-copysend-table tbody tr td.cs_maxlimit {
          color: #b15300; }
        #changes-copysend-info-dialog .changes-copysend-table tbody tr td.cs_customerprofile {
          color: #2b4370; }
      #changes-copysend-info-dialog .changes-copysend-table tbody tr.even {
        background-color: #f3f3f3; }
        #changes-copysend-info-dialog .changes-copysend-table tbody tr.even:hover {
          background-color: #e4e1e1; }

.changes-detail-info-btn {
  min-height: 20px;
  min-width: 40px;
  line-height: 20px;
  font-size: 12px;
  background-color: white !important;
  color: #666666 !important;
  margin: 0;
  margin-right: 8px; }

.copysend-changes-detail-info-btn {
  min-height: 20px;
  min-width: 40px;
  line-height: 20px;
  font-size: 12px;
  background-color: white !important;
  color: #666666 !important;
  margin: 0;
  margin-right: 8px; }

#cogaccount-rayo-dialog {
  max-height: 90%;
  max-width: 600px;
  /*
    .type-options-container {
        margin-right: 5px;
        margin-top: 4px;
        .groupX {
            min-width: 70px;
        }
        .groupY {
            min-width: 70px;
            font-size: 10px;
        }
    }
    */ }
  #cogaccount-rayo-dialog .md-button.groupX, #cogaccount-rayo-dialog .md-button.groupY {
    height: 25px;
    min-height: 25px; }
  #cogaccount-rayo-dialog .cograyo-container {
    background-color: white;
    border-radius: 2px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 1px -1px rgba(0, 0, 0, 0.1);
    padding: 5px 0 5px 0;
    font-size: 0.8em; }
    #cogaccount-rayo-dialog .cograyo-container label {
      font-weight: 700; }
    #cogaccount-rayo-dialog .cograyo-container md-select {
      margin: 0px;
      min-width: 150px; }
  #cogaccount-rayo-dialog .casino-dialog-action {
    min-height: 110px; }
    #cogaccount-rayo-dialog .casino-dialog-action .casino-options {
      margin-top: 10px;
      padding: 5px 10px;
      margin-bottom: 5px;
      font-size: 0.9em; }
      #cogaccount-rayo-dialog .casino-dialog-action .casino-options md-checkbox .md-container {
        position: relative;
        top: 0%;
        transform: translateY(-5%); }
      #cogaccount-rayo-dialog .casino-dialog-action .casino-options md-checkbox .md-label {
        margin-left: 15px; }
  #cogaccount-rayo-dialog .account-filter-container {
    margin: 0px;
    margin-top: 10px;
    padding: 8px;
    background-color: #efefef;
    border-radius: 2px; }
    #cogaccount-rayo-dialog .account-filter-container md-checkbox {
      margin-bottom: 3px; }
      #cogaccount-rayo-dialog .account-filter-container md-checkbox.account-filter-opt {
        min-width: 120px;
        font-size: 0.85em; }
    #cogaccount-rayo-dialog .account-filter-container md-card-content {
      padding: 0px; }
  #cogaccount-rayo-dialog .filter-lbl-mobile-sm {
    display: none; }
  @media (max-width: 425px) {
    #cogaccount-rayo-dialog .account-filter-container md-checkbox {
      margin-bottom: 3px;
      line-height: 20px; }
      #cogaccount-rayo-dialog .account-filter-container md-checkbox.account-filter-opt {
        min-width: 60px;
        font-size: 0.8em; } }
  @media (max-width: 430px) {
    #cogaccount-rayo-dialog .filter-lbl {
      display: none; }
    #cogaccount-rayo-dialog .filter-lbl-mobile-sm {
      display: block; } }
  @media (max-width: 320px) {
    #cogaccount-rayo-dialog .account-filter-container {
      padding: 2px; }
      #cogaccount-rayo-dialog .account-filter-container md-checkbox {
        margin-bottom: 0px;
        line-height: 24px; }
        #cogaccount-rayo-dialog .account-filter-container md-checkbox.account-filter-opt {
          min-width: auto;
          font-size: 0.65em; } }

.cog-acc-dialog-tokens {
  font-family: "Rubik", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  /*th.country,
    td.country {
        width: 64px;
    }

    th.delete,
    td.delete {
        width: 90px;
    }*/ }
  @media screen and (min-width: 600px) {
    .cog-acc-dialog-tokens {
      max-width: 950px;
      width: 100%; } }
  .cog-acc-dialog-tokens .toolbarTitle {
    font-weight: 700 !important;
    font-size: 1.3em; }
  .cog-acc-dialog-tokens .title {
    color: #fafafa !important;
    font-size: 1.2em !important; }
  .cog-acc-dialog-tokens .toolbar-default {
    background-color: #273236 !important;
    font-family: 'Montserrat',"Helvetica Neue",sans-serif;
    color: #000 !important;
    min-height: 50px !important;
    line-height: 50px;
    text-transform: uppercase;
    padding-top: 5px !important; }
  .cog-acc-dialog-tokens .md-toolbar-tools {
    font-size: 12px !important;
    max-height: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #273236 !important;
    color: #fff !important;
    padding: 0 10px; }
  .cog-acc-dialog-tokens table.md-table td.md-cell.country {
    font-size: 15px; }
  .cog-acc-dialog-tokens table.md-table tbody.md-body > tr.md-row,
  .cog-acc-dialog-tokens table.md-table tfoot.md-foot > tr.md-row {
    height: 38px; }
  .cog-acc-dialog-tokens .cog-manager-table table.md-table:not(.md-row-select) td.md-cell:first-child,
  .cog-acc-dialog-tokens .cog-manager-table table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
  .cog-acc-dialog-tokens .cog-manager-table table.md-table:not(.md-row-select) th.md-column:first-child,
  .cog-acc-dialog-tokens .cog-manager-table table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding-top: 6px;
    padding-bottom: 6px; }
  .cog-acc-dialog-tokens thead th:nth-child(1) {
    width: 15%; }
  .cog-acc-dialog-tokens thead th:nth-child(2) {
    width: 40%; }
  .cog-acc-dialog-tokens thead th:nth-child(3) {
    width: 15%; }
  .cog-acc-dialog-tokens thead th:nth-child(4) {
    width: 20%; }
  .cog-acc-dialog-tokens thead th:nth-child(5) {
    width: 10%; }
  .cog-acc-dialog-tokens tbody td:nth-child(1) {
    width: 15%; }
  .cog-acc-dialog-tokens tbody td:nth-child(2) {
    width: 40%; }
  .cog-acc-dialog-tokens tbody td:nth-child(3) {
    width: 15%; }
  .cog-acc-dialog-tokens tbody td:nth-child(4) {
    width: 20%; }
  .cog-acc-dialog-tokens tbody th:nth-child(5) {
    width: 10%;
    text-align: center; }
  .cog-acc-dialog-tokens .btn-delete {
    margin-top: auto;
    margin-bottom: auto;
    color: #ffffff !important;
    font-weight: normal !important;
    background-color: #bd362f !important; }
    .cog-acc-dialog-tokens .btn-delete md-icon {
      color: #ffffff !important;
      font-weight: normal !important; }
  .cog-acc-dialog-tokens .btn-delete-ico md-icon {
    color: #bd362f !important; }
  .cog-acc-dialog-tokens .Lable_Time {
    color: #aa2222 !important; }

@media screen and (min-width: 600px) {
  .cog-dialog-account-details {
    min-width: 700px;
    max-height: none; } }

.cog-dialog-account-details md-toolbar.toolbar-default,
.cog-dialog-account-details md-toolbar .md-toolbar-tools {
  height: auto;
  min-height: 56px;
  line-height: 56px; }

.cog-dialog-account-details md-toolbar:not(.md-menu-toolbar) {
  color: #fff;
  background-color: #607d8b; }
  .cog-dialog-account-details md-toolbar:not(.md-menu-toolbar) md-icon {
    color: #fff;
    fill: #fff; }

.cog-dialog-account-details md-toolbar .md-toolbar-tools h1,
.cog-dialog-account-details md-toolbar .md-toolbar-tools h2,
.cog-dialog-account-details md-toolbar .md-toolbar-tools h3 {
  font-size: 16px; }

.cog-dialog-account-details .cell-deleted:not(.md-menu-toolbar) {
  color: #fff;
  background-color: rgba(183, 28, 28, 0.75); }
  .cog-dialog-account-details .cell-deleted:not(.md-menu-toolbar) md-icon {
    color: #fff;
    fill: #fff; }

.cog-dialog-account-details md-dialog-content {
  padding: 0; }
  .cog-dialog-account-details md-dialog-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .cog-dialog-account-details md-dialog-content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }

.cog-dialog-account-details .md-progress-container {
  width: 100%;
  min-height: 5px; }

.cog-dialog-account-details .amountRed {
  color: red; }

.cog-dialog-account-details .amountGreen {
  color: green; }

.cog-dialog-account-details .check-cont {
  min-width: 30px; }

.cog-dialog-account-details .content-scroll {
  height: calc(100vh - 88px);
  overflow-y: auto; }
  @media (min-width: 960px) {
    .cog-dialog-account-details .content-scroll {
      height: auto;
      max-height: calc(100vh - 160px); } }
  .cog-dialog-account-details .content-scroll .odd {
    background-color: #efefef; }
  .cog-dialog-account-details .content-scroll .even {
    background-color: #e0e0e0; }
  .cog-dialog-account-details .content-scroll .cell-deleted {
    background-color: #d4b0ae; }
  .cog-dialog-account-details .content-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .cog-dialog-account-details .content-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }

.cog-dialog-account-details .tbl-container thead tr {
  min-height: 45px !important;
  height: 45px !important; }

.cog-dialog-account-details .tbl-container th {
  position: sticky;
  color: rgba(255, 255, 255, 0.87);
  line-height: 32px;
  background-color: #3e535f; }

.cog-dialog-account-details .tbl-container td md-checkbox {
  margin-top: 10px;
  margin-left: 10px; }

.cog-dialog-account-details .tbl-container td:first-child .tbl-trash {
  margin-left: 12px; }

.cog-dialog-account-details .tbl-container tr:hover:nth-child(odd).odd {
  background-color: #efefef; }

.cog-dialog-account-details .tbl-container tr:hover.cell-deleted, .cog-dialog-account-details .tbl-container tr:hover:nth-child(odd).cell-deleted {
  background-color: #d4b0ae; }

.cog-dialog-account-details .tbl-container th {
  position: sticky;
  top: 0;
  z-index: 2; }

.cog-dialog-account-details .tbl-container .thead-deleted {
  background-color: #929292; }

.cog-dialog-account-details .tbl-container .tbl-icon-envelope {
  font-size: 1.4em; }

@media screen and (min-width: 600px) {
  .cog-account-details-list {
    min-width: 700px;
    max-height: none; } }

.cog-account-details-list md-toolbar.toolbar-default,
.cog-account-details-list md-toolbar .md-toolbar-tools {
  height: auto;
  min-height: 56px;
  line-height: 56px; }

.cog-account-details-list md-toolbar:not(.md-menu-toolbar) {
  color: #fff;
  background-color: #607d8b; }
  .cog-account-details-list md-toolbar:not(.md-menu-toolbar) md-icon {
    color: #fff;
    fill: #fff; }

.cog-account-details-list md-toolbar .md-toolbar-tools h1,
.cog-account-details-list md-toolbar .md-toolbar-tools h2,
.cog-account-details-list md-toolbar .md-toolbar-tools h3 {
  font-size: 16px; }

.cog-account-details-list .cell-deleted:not(.md-menu-toolbar) {
  color: #fff;
  background-color: rgba(183, 28, 28, 0.75); }
  .cog-account-details-list .cell-deleted:not(.md-menu-toolbar) md-icon {
    color: #fff;
    fill: #fff; }

.cog-account-details-list md-dialog-content {
  padding: 0; }
  .cog-account-details-list md-dialog-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .cog-account-details-list md-dialog-content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }

.cog-account-details-list .md-progress-container {
  width: 100%;
  min-height: 5px; }

.cog-account-details-list .amountRed {
  color: red; }

.cog-account-details-list .amountGreen {
  color: green; }

.cog-account-details-list .check-cont {
  min-width: 30px; }

.cog-account-details-list .content-scroll {
  height: calc(100vh - 88px);
  overflow-y: auto; }
  @media (min-width: 960px) {
    .cog-account-details-list .content-scroll {
      height: auto;
      max-height: calc(100vh - 160px); } }
  .cog-account-details-list .content-scroll .odd {
    background-color: #efefef; }
  .cog-account-details-list .content-scroll .even {
    background-color: #e0e0e0; }
  .cog-account-details-list .content-scroll .cell-deleted {
    background-color: #d4b0ae; }
  .cog-account-details-list .content-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .cog-account-details-list .content-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }

.cog-account-details-list .tbl-container thead tr {
  min-height: 45px !important;
  height: 45px !important; }

.cog-account-details-list .tbl-container th {
  position: sticky;
  color: rgba(255, 255, 255, 0.87) !important;
  line-height: 32px;
  background-color: #3e535f;
  font-size: 1.6rem !important; }

.cog-account-details-list .tbl-container td:first-child {
  padding-top: 10px;
  padding-left: 10px; }

.cog-account-details-list .tbl-container tr:hover:nth-child(odd).odd {
  background-color: #efefef; }

.cog-account-details-list .tbl-container tr:hover.cell-deleted, .cog-account-details-list .tbl-container tr:hover:nth-child(odd).cell-deleted {
  background-color: #d4b0ae; }

.cog-account-details-list .tbl-container th {
  position: sticky;
  top: 0;
  z-index: 2; }

.cog-account-details-list .tbl-container .thead-deleted {
  background-color: #929292; }

.cog-account-details-list .sort {
  display: none;
  cursor: pointer; }

.cog-account-details-list .changes_content {
  width: 100%; }

.cog-account-details-list .contentTable {
  width: 100%;
  height: 100%;
  position: relative; }
  .cog-account-details-list .contentTable .rightSide {
    position: relative;
    overflow: auto;
    z-index: 0;
    background: #fff;
    width: 100%; }

.cog-account-details-list .contentColumnHeader {
  position: absolute;
  overflow: hidden;
  z-index: 10; }
  .cog-account-details-list .contentColumnHeader table thead th {
    color: rgba(255, 255, 255, 0.87);
    line-height: 32px;
    background-color: #3e535f;
    font-size: 1.6rem !important;
    font-weight: bold; }
  .cog-account-details-list .contentColumnHeader table tr {
    min-height: 45px !important;
    height: 45px !important; }

#cogaccount-list-dialog {
  max-height: 90%;
  max-width: 600px;
  /*
    .type-options-container {
        margin-right: 5px;
        margin-top: 4px;
        .groupX {
            min-width: 70px;
        }
        .groupY {
            min-width: 70px;
            font-size: 10px;
        }
    }
    */ }
  #cogaccount-list-dialog .md-button.groupX, #cogaccount-list-dialog .md-button.groupY {
    height: 25px;
    min-height: 25px; }
  #cogaccount-list-dialog .cograyo-container {
    background-color: white;
    border-radius: 2px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 1px -1px rgba(0, 0, 0, 0.1);
    padding: 5px 0 5px 0;
    font-size: 0.8em; }
    #cogaccount-list-dialog .cograyo-container label {
      font-weight: 700; }
    #cogaccount-list-dialog .cograyo-container md-select {
      margin: 0px;
      min-width: 150px; }
  #cogaccount-list-dialog .casino-dialog-action {
    min-height: 110px; }
    #cogaccount-list-dialog .casino-dialog-action .casino-options {
      margin-top: 10px;
      padding: 5px 10px;
      margin-bottom: 5px;
      font-size: 0.9em; }
      #cogaccount-list-dialog .casino-dialog-action .casino-options md-checkbox .md-container {
        position: relative;
        top: 0%;
        transform: translateY(-5%); }
      #cogaccount-list-dialog .casino-dialog-action .casino-options md-checkbox .md-label {
        margin-left: 15px; }
  #cogaccount-list-dialog .account-filter-container {
    margin: 0px;
    margin-top: 10px;
    padding: 8px;
    background-color: #efefef;
    border-radius: 2px; }
    #cogaccount-list-dialog .account-filter-container md-checkbox {
      margin-bottom: 3px; }
      #cogaccount-list-dialog .account-filter-container md-checkbox.account-filter-opt {
        min-width: 120px;
        font-size: 0.85em; }
    #cogaccount-list-dialog .account-filter-container md-card-content {
      padding: 0px; }
  #cogaccount-list-dialog .filter-lbl-mobile-sm {
    display: none; }
  @media (max-width: 425px) {
    #cogaccount-list-dialog .account-filter-container md-checkbox {
      margin-bottom: 3px;
      line-height: 20px; }
      #cogaccount-list-dialog .account-filter-container md-checkbox.account-filter-opt {
        min-width: 60px;
        font-size: 0.8em; } }
  @media (max-width: 430px) {
    #cogaccount-list-dialog .filter-lbl {
      display: none; }
    #cogaccount-list-dialog .filter-lbl-mobile-sm {
      display: block; } }
  @media (max-width: 320px) {
    #cogaccount-list-dialog .account-filter-container {
      padding: 2px; }
      #cogaccount-list-dialog .account-filter-container md-checkbox {
        margin-bottom: 0px;
        line-height: 24px; }
        #cogaccount-list-dialog .account-filter-container md-checkbox.account-filter-opt {
          min-width: auto;
          font-size: 0.65em; } }

#consensusWagerSetupDialog {
  max-width: 500px; }
  #consensusWagerSetupDialog .header {
    font-size: 1.1em;
    font-weight: 700;
    margin: 10px 10px 0px 10px; }
    #consensusWagerSetupDialog .header .store {
      color: brown; }
  #consensusWagerSetupDialog .setupContainer .Profiles {
    width: 100%;
    margin-right: 10px; }
  #consensusWagerSetupDialog .actionResponseContainer {
    padding: 15px 20px;
    text-align: center;
    border-radius: 5px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.03); }
    #consensusWagerSetupDialog .actionResponseContainer .err-icon, #consensusWagerSetupDialog .actionResponseContainer .success-icon {
      font-size: 3em;
      margin-right: 5px; }
    #consensusWagerSetupDialog .actionResponseContainer .err-icon {
      color: darkorange; }
    #consensusWagerSetupDialog .actionResponseContainer .success-icon {
      color: darkgreen; }
    #consensusWagerSetupDialog .actionResponseContainer .err {
      color: darkred; }

#consensusFeedRulesContainer .addOptionsContainer {
  padding: 10px; }
  #consensusFeedRulesContainer .addOptionsContainer .option-btn {
    margin: 0px;
    min-height: 30px;
    line-height: 30px;
    background-color: #ffffff;
    color: #4c4c4c;
    margin-right: 10px;
    width: 150px; }
    #consensusFeedRulesContainer .addOptionsContainer .option-btn:hover {
      background-color: #4c4c4c;
      color: #ffffff; }
    #consensusFeedRulesContainer .addOptionsContainer .option-btn:disabled {
      background-color: #e9e9e9;
      color: #cfcfcf; }

#consensusFeedRulesContainer #rules-edit-virtual {
  height: calc(100vh - 300px); }

#consensusFeedRulesContainer #rules-add-virtual {
  height: calc(100vh - 330px); }

#consensusFeedRulesContainer .rule-btn-container {
  min-width: 140px;
  margin: 0 10px;
  padding: 5px;
  border-radius: 3px;
  border: solid 1px #eee;
  cursor: pointer; }

#consensusFeedRulesContainer #consensusFeedAddContainer {
  padding: 10px; }
  #consensusFeedRulesContainer #consensusFeedAddContainer .tmpl-card {
    padding: 0px;
    -ms-flex: auto;
        flex: auto;
    margin: 2px;
    font-size: 0.85em; }
    #consensusFeedRulesContainer #consensusFeedAddContainer .tmpl-card legend {
      padding: 5px 10px;
      background-color: #e7e7e7;
      color: #525252; }
    #consensusFeedRulesContainer #consensusFeedAddContainer .tmpl-card .container {
      padding: 4px 8px; }
  #consensusFeedRulesContainer #consensusFeedAddContainer .tmpl-rule-btn {
    margin: 0px;
    min-height: 32px;
    line-height: 32px;
    background-color: #06508d; }
    #consensusFeedRulesContainer #consensusFeedAddContainer .tmpl-rule-btn:disabled {
      background-color: #e7e7e7; }
  #consensusFeedRulesContainer #consensusFeedAddContainer .wagerTypesContainer {
    margin-bottom: 10px; }
  #consensusFeedRulesContainer #consensusFeedAddContainer .wager-type-btn {
    margin: 0px;
    min-height: 30px;
    line-height: 30px;
    background-color: #ffffff;
    color: #4c4c4c;
    margin-right: 10px;
    width: 150px; }
    #consensusFeedRulesContainer #consensusFeedAddContainer .wager-type-btn:hover {
      background-color: #4c4c4c;
      color: #ffffff; }
    #consensusFeedRulesContainer #consensusFeedAddContainer .wager-type-btn:disabled {
      background-color: #e9e9e9;
      color: #cfcfcf; }
    #consensusFeedRulesContainer #consensusFeedAddContainer .wager-type-btn.selected {
      background-color: #06508d;
      color: #dce5ed; }
      #consensusFeedRulesContainer #consensusFeedAddContainer .wager-type-btn.selected:disabled {
        background-color: #c7d2e7;
        color: #91afcc; }
  #consensusFeedRulesContainer #consensusFeedAddContainer .headerLbl {
    line-height: 32px; }
    #consensusFeedRulesContainer #consensusFeedAddContainer .headerLbl .hint {
      font-size: 0.7em;
      color: #666;
      margin-left: 5px; }
  #consensusFeedRulesContainer #consensusFeedAddContainer md-input-container {
    min-width: auto;
    margin: 15px 0 0 0; }
    #consensusFeedRulesContainer #consensusFeedAddContainer md-input-container .md-errors-spacer {
      display: none; }

#consensusFeedRulesContainer .line-value {
  font-weight: 700; }

#consensusFeedRulesContainer .juice-value {
  font-weight: 700;
  color: darkred; }

#consensusFeedRulesContainer .conversion-value {
  font-weight: 700;
  color: #195f89; }

#consensusFeedRulesContainer .clear-rules-btn, #consensusFeedRulesContainer .create-rules-btn, #consensusFeedRulesContainer .add-rule-btn {
  margin: 0px;
  min-height: 32px;
  line-height: 32px; }

#consensusFeedRulesContainer .clear-rule-btn, #consensusFeedRulesContainer .close-options-btn {
  margin: 0px;
  width: 24px;
  height: 24px;
  min-height: 24px;
  line-height: 24px;
  background-color: white;
  color: #7e7e7e; }

#consensusFeedRulesContainer .clear-rules-btn {
  background-color: darkred;
  color: #ffd0d0; }

#consensusFeedRulesContainer .close-options-btn {
  background-color: rgba(236, 126, 0, 0.719);
  color: #520000; }

#consensusFeedRulesContainer .add-rule-btn {
  background-color: #06508d; }
  #consensusFeedRulesContainer .add-rule-btn:disabled {
    background-color: #e7e7e7; }

#consensusFeedRulesContainer .create-rules-btn {
  background-color: darkgreen;
  color: #d0ecd0;
  width: 250px; }
  #consensusFeedRulesContainer .create-rules-btn:disabled {
    background-color: #d7d7d7;
    color: #adadad; }

#consensusFeedRulesContainer .newRulesContainer md-input-container, #consensusFeedRulesContainer .profileRulesContainer md-input-container {
  margin: 0;
  padding: 0 10px; }
  #consensusFeedRulesContainer .newRulesContainer md-input-container .md-errors-spacer, #consensusFeedRulesContainer .profileRulesContainer md-input-container .md-errors-spacer {
    display: none; }

#consensusFeedRulesContainer .newRulesContainer .wagerTypeLabel, #consensusFeedRulesContainer .profileRulesContainer .wagerTypeLabel {
  font-size: larger;
  font-weight: 700; }

#consensusFeedRulesContainer .newRulesContainer .newRulesContainerHeader, #consensusFeedRulesContainer .newRulesContainer .newRulesContainerBottom, #consensusFeedRulesContainer .profileRulesContainer .newRulesContainerHeader, #consensusFeedRulesContainer .profileRulesContainer .newRulesContainerBottom {
  line-height: 36px;
  padding: 5px; }

#consensusFeedRulesContainer .newRulesContainer .newRulesContainerBottom, #consensusFeedRulesContainer .profileRulesContainer .newRulesContainerBottom {
  margin-top: 20px;
  margin-bottom: 10px; }

#consensusFeedRulesContainer .newRulesContainer md-table-container thead .md-row, #consensusFeedRulesContainer .profileRulesContainer md-table-container thead .md-row {
  height: 36px;
  font-size: 12px;
  background-color: #4c4c4c; }
  #consensusFeedRulesContainer .newRulesContainer md-table-container thead .md-row th, #consensusFeedRulesContainer .profileRulesContainer md-table-container thead .md-row th {
    padding: 5px;
    color: #ffffff;
    border-bottom: solid 1px #414141; }

#consensusFeedRulesContainer .newRulesContainer md-table-container thead .action-column, #consensusFeedRulesContainer .profileRulesContainer md-table-container thead .action-column {
  width: 80px; }

#consensusFeedRulesContainer .newRulesContainer md-table-container thead .separator-left, #consensusFeedRulesContainer .profileRulesContainer md-table-container thead .separator-left {
  border-left: solid 1px #5e5e5e; }

#consensusFeedRulesContainer .newRulesContainer md-table-container thead .separator-right, #consensusFeedRulesContainer .profileRulesContainer md-table-container thead .separator-right {
  border-right: solid 1px #5e5e5e; }

#consensusFeedRulesContainer .newRulesContainer md-table-container tbody .separator-left, #consensusFeedRulesContainer .profileRulesContainer md-table-container tbody .separator-left {
  border-left: solid 1px #ebebeb; }

#consensusFeedRulesContainer .newRulesContainer md-table-container tbody .separator-right, #consensusFeedRulesContainer .profileRulesContainer md-table-container tbody .separator-right {
  border-right: solid 1px #ebebeb; }

#consensusFeedRulesContainer .profileRulesContainer {
  margin-bottom: 80px; }
  #consensusFeedRulesContainer .profileRulesContainer input:disabled {
    color: #cacaca; }

#consensusFeedRulesContainer .header-info-group {
  border-left: solid 1px #505050;
  border-right: solid 1px #505050;
  background-color: #666666; }
  #consensusFeedRulesContainer .header-info-group.favorite {
    background-color: #242424; }
  #consensusFeedRulesContainer .header-info-group.underdog {
    background-color: #4d0000; }

#consensusFeedRulesContainer #updateRulesContainerBottom, #consensusFeedRulesContainer #createRulesContainerBottom {
  position: absolute;
  bottom: 20px;
  left: 300px;
  right: 0;
  width: calc(100vw - 620px); }

#consensusFeedRulesContainer #createRulesContainerBottom {
  z-index: 9999; }

#PrefixDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#PrefixDialog md-select {
  margin-bottom: 10px !important; }

#PrefixDialog md-input-container {
  margin-bottom: 10px !important; }
  #PrefixDialog md-input-container .md-input-message-animation {
    opacity: 1 !important;
    margin-top: 0 !important; }

.CenterPrefixObjects {
  margin-left: auto;
  margin-right: auto; }

#parlayprop-popular-plays #cog-parlay-prop-popular-plays-date-range {
  font-size: 0.8em; }

#parlayprop-popular-plays #popular-plays-details-container {
  height: calc(100vh - 180px); }
  #parlayprop-popular-plays #popular-plays-details-container .dateRangeLabel {
    margin-right: 10px;
    font-weight: 700;
    color: #3e535f; }

#parlayprop-popular-plays .popular-plays-header {
  font-size: 1.5rem;
  font-weight: normal; }
  #parlayprop-popular-plays .popular-plays-header.summary {
    background-color: #3e535f;
    color: white;
    min-width: 180px; }
  #parlayprop-popular-plays .popular-plays-header i {
    font-size: 1.5em; }
  #parlayprop-popular-plays .popular-plays-header.wins, #parlayprop-popular-plays .popular-plays-header.loses {
    background-color: black;
    color: white;
    border-right: solid 1px rgba(255, 255, 255, 0.5);
    min-width: 180px; }
  #parlayprop-popular-plays .popular-plays-header.wins i {
    color: lightgreen; }
  #parlayprop-popular-plays .popular-plays-header.loses i {
    color: orange; }
  #parlayprop-popular-plays .popular-plays-header.pendings {
    padding: 0;
    background-color: #717171;
    color: white; }

#parlayprop-popular-plays .popular-plays-header-label {
  width: 100px;
  border-left: solid 1px #546b83; }
  #parlayprop-popular-plays .popular-plays-header-label.qty, #parlayprop-popular-plays .popular-plays-header-label.amount {
    background-color: #2e7085;
    border-left: solid 1px #35597c; }
  #parlayprop-popular-plays .popular-plays-header-label.pending.qty, #parlayprop-popular-plays .popular-plays-header-label.pending.amount {
    padding: 0;
    border-left: solid 1px #444444;
    background-color: #5a5a5a; }

#parlayprop-popular-plays .table-popular-plays-detail th {
  border-bottom: none; }

#parlayprop-popular-plays .table-popular-plays-detail td.won, #parlayprop-popular-plays .table-popular-plays-detail td.lose, #parlayprop-popular-plays .table-popular-plays-detail td.pending, #parlayprop-popular-plays .table-popular-plays-detail td.plays, #parlayprop-popular-plays .table-popular-plays-detail td.qty {
  font-weight: 700;
  font-size: 1.05em; }

#parlayprop-popular-plays .table-popular-plays-detail td.lose {
  color: darkred; }

#parlayprop-popular-plays .table-popular-plays-detail td.won {
  color: darkgreen; }

#parlayprop-popular-plays .table-popular-plays-detail td.qty {
  border-left: solid 1px #dfdfdf; }

#parlayprop-popular-plays .table-popular-plays-detail td.none {
  color: rgba(0, 0, 0, 0.4); }

#parlayprop-popular-plays .table-popular-plays-detail td.md-cell:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 15px; }

#parlayprop-popular-plays .table-popular-plays-detail thead th:nth-child(1) {
  border-left: solid 1px #4e8495; }

#parlayprop-popular-plays .table-popular-plays-detail .sortable {
  text-decoration: underline;
  cursor: pointer; }
  #parlayprop-popular-plays .table-popular-plays-detail .sortable .sort-option {
    font-size: 1.3em;
    margin-left: 10px;
    color: #b4dee3; }
  #parlayprop-popular-plays .table-popular-plays-detail .sortable:hover {
    color: #b4dee3 !important; }

#parlayprop-popular-plays .table-popular-plays-detail .table-toolbar {
  height: 40px; }

#parlayprop-popular-plays .popular-plays-container .md-head .table-toolbar,
#parlayprop-popular-plays .popular-plays-report-container .md-head .table-toolbar {
  background-color: #4e8495; }
  #parlayprop-popular-plays .popular-plays-container .md-head .table-toolbar .md-column,
  #parlayprop-popular-plays .popular-plays-report-container .md-head .table-toolbar .md-column {
    color: #fff; }

#parlayprop-popular-plays .popular-plays-container table tr:nth-child(even),
#parlayprop-popular-plays .popular-plays-report-container table tr:nth-child(even) {
  background-color: #eaeaea; }

#parlayprop-popular-plays .popular-plays-container table tr:nth-child(odd),
#parlayprop-popular-plays .popular-plays-report-container table tr:nth-child(odd) {
  background-color: #fff; }

#parlayprop-popular-plays md-icon {
  margin-top: 3px; }

#parlayprop-correlations .correlations-container {
  border: solid 1px rgba(0, 0, 0, 0.12); }
  #parlayprop-correlations .correlations-container .odd {
    background-color: #eaeaea; }
  #parlayprop-correlations .correlations-container .even {
    background-color: #fff; }
  #parlayprop-correlations .correlations-container md-list-item {
    min-height: 30px;
    max-height: 50px; }

#parlayprop-correlations .correlations-container-header {
  background-color: #3e535f;
  color: white; }

#parlayprop-correlations .correlation-input-container {
  min-width: 230px; }
  @media (max-width: 600px) {
    #parlayprop-correlations .correlation-input-container {
      min-width: 180px; } }

#parlayprop-correlations .correlation-action-container {
  width: 80px; }
  #parlayprop-correlations .correlation-action-container .md-fab {
    margin: 2px 0 !important; }
    #parlayprop-correlations .correlation-action-container .md-fab:hover md-icon {
      color: #0b7da1; }
  #parlayprop-correlations .correlation-action-container .btn-delete md-icon {
    color: darkred; }

#parlayprop-correlations md-icon {
  margin-top: 3px; }

#parlayprop-summary #cog-parlay-prop-summary-date-range {
  font-size: 0.8em; }

#parlayprop-summary #summary-details-container {
  height: calc(100vh - 300px); }
  @media (max-width: 960px) {
    #parlayprop-summary #summary-details-container {
      height: calc(100vh - 400px); } }
  #parlayprop-summary #summary-details-container .clear-btn {
    margin: 0;
    margin-left: 15px;
    background-color: #c9c9c9;
    line-height: 30px;
    width: 30px;
    height: 30px;
    min-height: 30px; }
    #parlayprop-summary #summary-details-container .clear-btn md-icon {
      min-height: 18px;
      min-width: 18px; }
  #parlayprop-summary #summary-details-container .dateRangeLabel {
    margin-right: 10px;
    font-weight: 700;
    color: #3e535f; }

#parlayprop-summary .table-summary-detail .islink {
  cursor: pointer; }

#parlayprop-summary .table-summary-detail .risk, #parlayprop-summary .table-summary-detail .account, #parlayprop-summary .table-summary-detail .won {
  font-weight: 700; }

#parlayprop-summary .table-summary-detail .risk {
  color: darkred;
  font-size: 1.05em; }

#parlayprop-summary .table-summary-detail .won {
  color: darkgreen;
  font-size: 1.05em; }

#parlayprop-summary .table-summary-detail .lostStatus {
  font-weight: 700;
  color: darkred; }

#parlayprop-summary .table-summary-detail .winStatus {
  font-weight: 700;
  color: darkgreen; }

#parlayprop-summary .table-summary-detail .ticket {
  color: #3e535f; }

#parlayprop-summary .table-summary-detail .grouping i {
  font-size: 1.2em; }

#parlayprop-summary .table-summary-detail .grouping .on {
  color: #259900; }

#parlayprop-summary .table-summary-detail .grouping .off {
  color: rgba(0, 0, 0, 0.2); }

#parlayprop-summary .table-summary-detail .sortable {
  text-decoration: underline;
  cursor: pointer; }
  #parlayprop-summary .table-summary-detail .sortable .sort-option {
    font-size: 1.3em;
    margin-left: 10px;
    color: #b4dee3; }
  #parlayprop-summary .table-summary-detail .sortable:hover {
    color: #b4dee3 !important; }

#parlayprop-summary .table-summary-detail .table-toolbar {
  height: 40px; }

#parlayprop-summary .summary-container {
  width: 100%; }
  #parlayprop-summary .summary-container .summary-box {
    margin: 5px;
    width: 100%; }
    #parlayprop-summary .summary-container .summary-box .link {
      text-decoration: underline;
      cursor: pointer; }
    #parlayprop-summary .summary-container .summary-box.bordered {
      border: solid 1px rgba(0, 0, 0, 0.12); }
    #parlayprop-summary .summary-container .summary-box .summary-header,
    #parlayprop-summary .summary-container .summary-box .summary-info {
      min-width: 150px;
      line-height: 30px; }
    #parlayprop-summary .summary-container .summary-box .sub-header {
      background-color: #4e8495;
      color: #fff; }
    #parlayprop-summary .summary-container .summary-box .summary-header {
      background-color: #3e535f;
      color: white; }
    #parlayprop-summary .summary-container .summary-box .summary-info {
      background-color: white; }
    #parlayprop-summary .summary-container .summary-box .amount {
      font-weight: 700; }
    #parlayprop-summary .summary-container .summary-box.summary .risk {
      font-size: 1.05em;
      font-weight: 700;
      color: darkred; }
    #parlayprop-summary .summary-container .summary-box.losses .summary-header {
      background-color: black; }
      #parlayprop-summary .summary-container .summary-box.losses .summary-header i {
        color: orange; }
    #parlayprop-summary .summary-container .summary-box.losses .amount {
      color: darkred; }
    #parlayprop-summary .summary-container .summary-box.wins .summary-header {
      background-color: black; }
      #parlayprop-summary .summary-container .summary-box.wins .summary-header i {
        color: lightgreen; }
    #parlayprop-summary .summary-container .summary-box.wins .amount {
      color: darkgreen; }
    #parlayprop-summary .summary-container .summary-box.pendings .sub-header {
      background-color: rgba(0, 0, 0, 0.2); }
    #parlayprop-summary .summary-container .summary-box.pendings .summary-header {
      background-color: rgba(0, 0, 0, 0.5); }

#parlayprop-summary .summary-container .md-head .table-toolbar,
#parlayprop-summary .summary-report-container .md-head .table-toolbar {
  background-color: #4e8495; }
  #parlayprop-summary .summary-container .md-head .table-toolbar .md-column,
  #parlayprop-summary .summary-report-container .md-head .table-toolbar .md-column {
    color: #fff; }

#parlayprop-summary .summary-container table tr:nth-child(even),
#parlayprop-summary .summary-report-container table tr:nth-child(even) {
  background-color: #eaeaea; }

#parlayprop-summary .summary-container table tr:nth-child(odd),
#parlayprop-summary .summary-report-container table tr:nth-child(odd) {
  background-color: #fff; }

#parlayprop-summary .summary-container-header {
  background-color: #3e535f;
  color: white; }

#parlayprop-summary .summary-input-container {
  min-width: 230px; }

#parlayprop-summary .summary-action-container {
  width: 80px; }
  #parlayprop-summary .summary-action-container .md-fab {
    margin: 2px 0 !important; }
    #parlayprop-summary .summary-action-container .md-fab:hover md-icon {
      color: #0b7da1; }
  #parlayprop-summary .summary-action-container .btn-delete md-icon {
    color: darkred; }

#parlayprop-summary md-icon {
  margin-top: 3px; }

#CogRadarProdiverLogDialog {
  /*max-width: 600px;
    @include gt-sm {
        min-width: 500px;
    }*/ }
  #CogRadarProdiverLogDialog .ProdiverDetailContainer {
    padding: 0 16px; }
    #CogRadarProdiverLogDialog .ProdiverDetailContainer .detail {
      font-size: 14px; }
      #CogRadarProdiverLogDialog .ProdiverDetailContainer .detail .label {
        width: 80px; }
      #CogRadarProdiverLogDialog .ProdiverDetailContainer .detail .info {
        font-weight: 700; }
        #CogRadarProdiverLogDialog .ProdiverDetailContainer .detail .info .confirmed {
          color: darkgreen; }
        #CogRadarProdiverLogDialog .ProdiverDetailContainer .detail .info .pending {
          color: #800900; }
      @media screen and (max-width: 599px) {
        #CogRadarProdiverLogDialog .ProdiverDetailContainer .detail.status {
          text-align: right; } }
  #CogRadarProdiverLogDialog .ProdiverLogContainer h3 {
    font-size: 16px;
    margin: 0;
    padding: 8px 15px;
    background-color: #f1f1f1;
    color: #466877; }
    #CogRadarProdiverLogDialog .ProdiverLogContainer h3 .rotNum {
      font-weight: 700;
      margin-right: 10px;
      color: rgba(0, 0, 0, 0.8); }
  #CogRadarProdiverLogDialog .ProdiverLogContent .GradeOffLine div:first-child {
    width: 50px;
    text-align: center; }
    #CogRadarProdiverLogDialog .ProdiverLogContent .GradeOffLine div:first-child .gradeIcon {
      color: darkgreen; }
      #CogRadarProdiverLogDialog .ProdiverLogContent .GradeOffLine div:first-child .gradeIcon.off {
        color: darkred; }
  #CogRadarProdiverLogDialog .ProdiverLogContent .datetimeInfo .time {
    color: darkred; }
  #CogRadarProdiverLogDialog .ProdiverLogContent .changesTable tfoot {
    background-color: #e8f5fb;
    font-size: 13px; }
    #CogRadarProdiverLogDialog .ProdiverLogContent .changesTable tfoot tr {
      height: 48px; }
      #CogRadarProdiverLogDialog .ProdiverLogContent .changesTable tfoot tr td {
        text-align: center;
        vertical-align: middle; }
  #CogRadarProdiverLogDialog .ProdiverLogContent .changesTable thead tr {
    background-color: rgba(0, 0, 0, 0.9);
    color: rgba(255, 255, 255, 0.4);
    min-height: 40px;
    height: 40px; }
    #CogRadarProdiverLogDialog .ProdiverLogContent .changesTable thead tr .leagueName {
      color: #647b86 !important;
      font-size: 14px !important;
      font-weight: 600 !important; }
    #CogRadarProdiverLogDialog .ProdiverLogContent .changesTable thead tr th {
      border: none; }
  #CogRadarProdiverLogDialog .ProdiverLogContent .changesTable .changesRow .oldValue, #CogRadarProdiverLogDialog .ProdiverLogContent .changesTable .changesRow .newValue, #CogRadarProdiverLogDialog .ProdiverLogContent .changesTable .changesRow .dateApplied {
    padding: 0 20px;
    width: 30%; }
  #CogRadarProdiverLogDialog .ProdiverLogContent .changesTable .changesRow .oldValue {
    text-align: right; }
  #CogRadarProdiverLogDialog .ProdiverLogContent .changesTable .changesRow .newValue {
    padding: 0 10px; }

#cogreports-agent-accounts-audit-container md-toolbar {
  min-height: 45px;
  height: 45px; }
  #cogreports-agent-accounts-audit-container md-toolbar .md-toolbar-tools {
    height: 45px; }
  #cogreports-agent-accounts-audit-container md-toolbar .header-icon {
    font-size: 1.35em;
    margin-right: 0.5em; }
  #cogreports-agent-accounts-audit-container md-toolbar .md-button {
    font-size: 0.6em;
    padding: 0 8px;
    font-weight: 400; }
  #cogreports-agent-accounts-audit-container md-toolbar .md-raised {
    color: #c63e01;
    font-weight: 700; }

#cogreports-agent-accounts-audit-container .settingsInfoPanel {
  margin-top: 20px;
  font-size: 14px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  height: 55px;
  border-radius: 5px;
  padding: 10px 20px;
  border: 1px solid #e4e1e1;
  box-shadow: 0 8px 6px -6px #999; }
  #cogreports-agent-accounts-audit-container .settingsInfoPanel .block {
    font-size: 1.1em;
    margin-right: 25px; }
    #cogreports-agent-accounts-audit-container .settingsInfoPanel .block.header {
      text-transform: uppercase;
      font-weight: 700; }
    #cogreports-agent-accounts-audit-container .settingsInfoPanel .block .info {
      color: #c63e01;
      font-size: 1.2em;
      margin: 0 5px 0 5px;
      font-weight: 700; }
    #cogreports-agent-accounts-audit-container .settingsInfoPanel .block .hint {
      color: #003e64;
      font-weight: 700; }
  #cogreports-agent-accounts-audit-container .settingsInfoPanel .edit-settings-btn {
    margin: 0; }
    #cogreports-agent-accounts-audit-container .settingsInfoPanel .edit-settings-btn md-icon {
      margin-top: 8px;
      font-size: 1.2em;
      color: #862b00; }

#cogreports-agent-accounts-audit-container #auditTableReport tr.even {
  background-color: #f3f3f3; }

#cogreports-agent-accounts-audit-container #auditTableReport tr.odd {
  background-color: #fff; }

#cogreports-agent-accounts-audit-container #auditTableReport td {
  font-size: 1.5rem;
  padding: 0; }
  #cogreports-agent-accounts-audit-container #auditTableReport td.Percentage {
    font-weight: 700;
    color: #6e6e6e; }
    #cogreports-agent-accounts-audit-container #auditTableReport td.Percentage.high {
      color: darkred; }
    #cogreports-agent-accounts-audit-container #auditTableReport td.Percentage.medium {
      color: #cc8500; }
    #cogreports-agent-accounts-audit-container #auditTableReport td.Percentage::after {
      content: " %"; }
  #cogreports-agent-accounts-audit-container #auditTableReport td .Master {
    font-weight: 700;
    color: darkred; }
  #cogreports-agent-accounts-audit-container #auditTableReport td.AgentName {
    font-weight: 700; }
  #cogreports-agent-accounts-audit-container #auditTableReport td.AccountsChanged {
    font-weight: 700;
    color: darkred; }
    #cogreports-agent-accounts-audit-container #auditTableReport td.AccountsChanged .link {
      cursor: pointer;
      text-decoration: underline; }
  #cogreports-agent-accounts-audit-container #auditTableReport td.TotalPlayers {
    font-weight: 700;
    color: #003e64; }
  #cogreports-agent-accounts-audit-container #auditTableReport td.LastWeekCount, #cogreports-agent-accounts-audit-container #auditTableReport td.TotalInet, #cogreports-agent-accounts-audit-container #auditTableReport td.TotalViewOnly, #cogreports-agent-accounts-audit-container #auditTableReport td.TotalLocked, #cogreports-agent-accounts-audit-container #auditTableReport td.TotalLimits {
    color: #adadad; }
  #cogreports-agent-accounts-audit-container #auditTableReport td.TotalInet.highlight {
    font-weight: 700;
    color: #005507; }
  #cogreports-agent-accounts-audit-container #auditTableReport td.highlight {
    color: black; }
  #cogreports-agent-accounts-audit-container #auditTableReport td .accLink {
    cursor: pointer;
    text-decoration: underline; }

#cogreports-agent-accounts-audit-container #auditTableReport .na {
  color: #999; }

.table-expander {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap; }

.responsive-card-table {
  border-collapse: collapse;
  margin: 0px 0px 20px 0px;
  width: 100%;
  font-size: 12px;
  box-sizing: border-box; }

.responsive-card-table.unstriped tbody {
  background-color: white; }

.responsive-card-table .color:hover {
  background: #cfcbcb;
  opacity: 1; }

.responsive-card-table th {
  background-color: #253c47;
  color: white;
  padding: 5px;
  vertical-align: middle;
  width: 300px;
  text-transform: uppercase;
  font-weight: normal; }
  .responsive-card-table th md-icon {
    cursor: pointer;
    text-align: center;
    margin: auto; }

.responsive-card-table tr,
.responsive-card-table td {
  padding: 3px;
  padding-left: 10px;
  text-align: left; }
  .responsive-card-table tr .islink,
  .responsive-card-table td .islink {
    color: #4193d0;
    text-decoration: underline;
    cursor: pointer; }

@media screen and (max-width: 800px) {
  .responsive-card-table {
    text-transform: uppercase; }
  .responsive-card-table thead tr {
    position: absolute;
    top: -9999em;
    left: -9999em;
    width: 300px; }
  .responsive-card-table tr {
    display: block;
    width: 96%; }
  .responsive-card-table tr + tr {
    margin-top: 1.5rem; }
  .responsive-card-table td {
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid silver;
    padding-left: 50%;
    position: relative;
    font-weight: normal; }
  .responsive-card-table td:before {
    text-transform: uppercase;
    content: attr(data-label);
    display: inline-block;
    font-weight: bold;
    margin-left: 5%;
    width: 20%;
    position: relative;
    z-index: 1;
    font-weight: normal; }
  .responsive-card-table td:after {
    content: '';
    position: absolute;
    background: #e6e6e6;
    width: 25%;
    height: 95%;
    margin-left: -2%;
    top: 1px;
    z-index: 0; } }

#cogreport-grid .md-table thead.md-head > tr.md-row.md-row.sub-toolbar {
  height: 20px !important;
  background-color: #eccd06 !important; }
  #cogreport-grid .md-table thead.md-head > tr.md-row.md-row.sub-toolbar span {
    color: #000; }

#cogreport-grid.scroll-container {
  min-height: 200px;
  height: 600px; }

#cogreport-grid .md-table tr td:nth-child(1), #cogreport-grid .md-table tr th:nth-child(1) {
  text-align: left !important;
  width: 20%; }

#cogreport-grid .md-table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 56px 0 56px; }

/*
  Copyright 2016 Google Inc. All Rights Reserved. 
  Use of this source code is governed by an MIT-style license that can be foundin the LICENSE file at http://material.angularjs.org/HEAD/license.
  */
#cogtransactions-container table.custom {
  font-size: 11pt;
  background: #fff;
  width: 100%; }
  #cogtransactions-container table.custom thead tr th {
    border-top: 1px solid #4a6977 !important;
    padding: 0 10px 0 10px; }
  #cogtransactions-container table.custom thead .th-select, #cogtransactions-container table.custom thead md-input-container {
    margin: 0;
    display: -ms-inline-grid;
    display: inline-grid; }
  #cogtransactions-container table.custom thead md-select-value {
    color: #fff;
    border-bottom: none; }
  #cogtransactions-container table.custom tbody tr.active, #cogtransactions-container table.custom tbody tr:hover {
    background: none; }
  #cogtransactions-container table.custom tbody td {
    padding: 0 10px 0 10px; }
  #cogtransactions-container table.custom tbody td:nth-child(7) {
    white-space: nowrap; }

#cogtransactions-container .amountRed {
  color: red; }

#cogtransactions-container .amountGreen {
  color: green; }

#cogtransactions-container a {
  color: #607d8b;
  border-bottom: none;
  text-decoration: underline; }
  #cogtransactions-container a:hover {
    text-decoration: none;
    color: #000000; }

#cogtransactions-container .showInfo {
  background: url("../assets/images/reports/details_open.png") no-repeat center center;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  /* padding: 0 0px 0 30px; */
  width: 20px; }

#cogtransactions-container .hideInfo {
  background: url("../assets/images/reports/details_close.png") no-repeat center center;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  /* padding: 0 0px 0 30px; */
  width: 20px; }

#cogtransactions-container .font-style-header {
  font-size: 10pt;
  font-weight: bold;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0; }

#cogtransactions-container .font-style-position {
  margin-top: 15px; }

#cogtransactions-container .padding-left-column {
  padding-left: 10px; }

#cogtransactions-container .padding-left-10 {
  padding-left: 10px; }

#cogtransactions-container .height-100 {
  height: 100%; }

#cogtransactions-container .tools-heigth-38 {
  height: 38px;
  font-size: 11pt;
  overflow: hidden; }

#cogtransactions-container .tool-options-01 {
  font-size: 10pt;
  padding-left: 10px; }

#cogtransactions-container .heigth-0 {
  height: 0; }

#cogtransactions-container .border-bottom-0 {
  border-bottom: 1px solid #ececec !important; }

#cogtransactions-container .padding-bottom-10 {
  padding-bottom: 20px; }

#cogtransactions-container .highlight-item {
  background: #93a9b3; }

#cogtransactions-container .SSFR-multiple-options-select {
  margin-left: 11px; }
  #cogtransactions-container .SSFR-multiple-options-select md-checkbox {
    margin-top: 11px; }

#cogtransactions-container .progresbar-fix {
  position: fixed;
  z-index: 1; }

#cogtransactions-container .text-right {
  text-align: right; }

#cogtransactions-container .contentTable {
  width: 100%;
  height: 100%;
  position: relative; }
  #cogtransactions-container .contentTable .leftSide {
    position: relative;
    z-index: 1;
    display: inline; }
    #cogtransactions-container .contentTable .leftSide .left_wrapper {
      width: 200px; }
      @media screen and (max-width: 768px) {
        #cogtransactions-container .contentTable .leftSide .left_wrapper {
          width: 180px; } }
    #cogtransactions-container .contentTable .leftSide table thead th {
      background: #385563;
      white-space: nowrap;
      height: 45px; }
    #cogtransactions-container .contentTable .leftSide table tbody td {
      background: #fff;
      border-right: #dddddd 2px solid; }
  #cogtransactions-container .contentTable .rightSide {
    position: relative;
    overflow: auto;
    z-index: 0;
    display: inline;
    width: 100%; }

#cogtransactions-container .firstColumnHeader {
  position: absolute;
  z-index: 11;
  width: 200px;
  left: 0px; }
  @media screen and (max-width: 768px) {
    #cogtransactions-container .firstColumnHeader {
      width: 180px; } }
  #cogtransactions-container .firstColumnHeader table thead th {
    background: #385563;
    height: 45px; }

#cogtransactions-container .contentColumnHeader {
  position: absolute;
  overflow: hidden;
  z-index: 10;
  padding-left: 200px; }
  @media screen and (max-width: 768px) {
    #cogtransactions-container .contentColumnHeader {
      padding-left: 180px; } }

#bbRollback-container {
  /*#bbRollback_filterPanel {
        font-size: 14px;
        letter-spacing: 0.005em;
        box-sizing: border-box;
        font-weight: 400;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 55px;
        max-height: 64px;
        margin: 0;
        width: 450px;
        border-radius: 15px;
        position: absolute;
        padding: 10px;
        border: 1px solid #e4e1e1;
        box-shadow: 0 10px 6px -6px #777;
    }*/
  /*CSS for Fix Header*/
  /*end css fix header*/ }
  #bbRollback-container md-toolbar {
    min-height: 45px;
    height: 45px; }
    #bbRollback-container md-toolbar .md-toolbar-tools {
      height: 45px; }
    #bbRollback-container md-toolbar .header-icon {
      font-size: 1.35em;
      margin-right: 0.5em; }
  #bbRollback-container .refresh-btn {
    max-width: 200px;
    background-color: #ffc019;
    color: #653408;
    font-size: 0.65em;
    font-weight: 700; }
  #bbRollback-container .md-toolbar-tools-bbrollback {
    height: auto;
    max-height: none;
    background-color: #3e535f;
    color: #fafafa; }
    @media (max-width: 599px) {
      #bbRollback-container .md-toolbar-tools-bbrollback {
        padding-right: 0; } }
    #bbRollback-container .md-toolbar-tools-bbrollback > div {
      min-height: 56px; }
    #bbRollback-container .md-toolbar-tools-bbrollback > .md-button:last-child {
      margin-right: 0; }
    @media (max-width: 599px) {
      #bbRollback-container .md-toolbar-tools-bbrollback .md-button._md-nav-button {
        margin-right: 0;
        margin-left: 0; } }
    #bbRollback-container .md-toolbar-tools-bbrollback .md-datepicker-input {
      color: inherit;
      font-size: inherit; }
      @media (max-width: 1279px) {
        #bbRollback-container .md-toolbar-tools-bbrollback .md-datepicker-input {
          min-width: 0; } }
      #bbRollback-container .md-toolbar-tools-bbrollback .md-datepicker-input[disabled] {
        color: rgba(255, 255, 255, 0.38); }
    #bbRollback-container .md-toolbar-tools-bbrollback .md-icon-button + .md-datepicker-input-container {
      margin-left: 4px; }
    #bbRollback-container .md-toolbar-tools-bbrollback .md-datepicker-button {
      margin-right: 0;
      margin-left: 0; }
    #bbRollback-container .md-toolbar-tools-bbrollback .md-datepicker-calendar-icon {
      color: rgba(255, 255, 255, 0.54) !important;
      fill: rgba(255, 255, 255, 0.54) !important; }
    #bbRollback-container .md-toolbar-tools-bbrollback .md-datepicker-triangle-button .md-datepicker-expand-triangle {
      border-top-color: rgba(255, 255, 255, 0.38); }
    #bbRollback-container .md-toolbar-tools-bbrollback .md-datepicker-triangle-button:hover .md-datepicker-expand-triangle {
      border-top-color: rgba(255, 255, 255, 0.54); }
  #bbRollback-container .link {
    text-decoration: underline;
    color: #728994;
    cursor: pointer; }
  #bbRollback-container .link_changes {
    text-decoration: underline;
    color: #000;
    cursor: pointer; }
  #bbRollback-container .link_title {
    text-decoration: underline;
    color: #000;
    padding-top: 10px;
    cursor: pointer; }
  #bbRollback-container .contentTable {
    width: 100%;
    height: 100%;
    position: relative; }
    #bbRollback-container .contentTable .rightSide {
      position: relative;
      overflow: auto;
      z-index: 0;
      display: inline;
      width: 100%; }
      #bbRollback-container .contentTable .rightSide #table_rows {
        border-spacing: inherit !important;
        border-collapse: separate; }
        #bbRollback-container .contentTable .rightSide #table_rows thead {
          /*th:nth-child(3) {
                        width: 18.7%;
                    }
                    th:nth-child(4) {
                        //width: 335px;
                        width: 20%;
                    }
                    th:nth-child(5) {  
                        width: 262px;
                    }
                    th:nth-child(6) {  
                        width: 240px;
                    }
                    th:nth-child(7) {  
                        width: 251px;
                    }*/ }
          #bbRollback-container .contentTable .rightSide #table_rows thead th:first-child {
            width: 75px; }
          #bbRollback-container .contentTable .rightSide #table_rows thead th:nth-child(2) {
            width: 75px; }
          #bbRollback-container .contentTable .rightSide #table_rows thead td:first-child {
            width: 75px; }
          #bbRollback-container .contentTable .rightSide #table_rows thead td:nth-child(2) {
            width: 75px; }
          #bbRollback-container .contentTable .rightSide #table_rows thead tr {
            min-height: 42px;
            height: 42px;
            background: #154758; }
        #bbRollback-container .contentTable .rightSide #table_rows tbody tr {
          height: 42px; }
          #bbRollback-container .contentTable .rightSide #table_rows tbody tr td {
            white-space: nowrap; }
          #bbRollback-container .contentTable .rightSide #table_rows tbody tr td:nth-child(3) {
            white-space: normal !important; }
      #bbRollback-container .contentTable .rightSide .custom > tbody > tr:hover {
        background: #fff !important; }
      #bbRollback-container .contentTable .rightSide .custom > tbody > tr:hover:not(.removeBackground) {
        background: #e8f4f6 !important; }
      #bbRollback-container .contentTable .rightSide .md-data-table > tbody > tr > td {
        border-bottom: 2px solid #cecece !important; }
      #bbRollback-container .contentTable .rightSide #table_rows_mobile {
        border-spacing: inherit !important;
        border-collapse: separate; }
        #bbRollback-container .contentTable .rightSide #table_rows_mobile thead th:first-child {
          padding-left: 10px; }
        #bbRollback-container .contentTable .rightSide #table_rows_mobile thead th:last-child {
          padding-right: 10px; }
        #bbRollback-container .contentTable .rightSide #table_rows_mobile thead tr {
          min-height: 45px;
          height: 45px;
          background: #154758; }
        #bbRollback-container .contentTable .rightSide #table_rows_mobile tbody tr {
          height: 61px; }
          #bbRollback-container .contentTable .rightSide #table_rows_mobile tbody tr td {
            white-space: nowrap; }
        #bbRollback-container .contentTable .rightSide #table_rows_mobile .main_panel {
          padding-top: 9px;
          padding-bottom: 9px; }
        #bbRollback-container .contentTable .rightSide #table_rows_mobile .text_01 {
          font-size: 11px;
          font-weight: bold; }
        #bbRollback-container .contentTable .rightSide #table_rows_mobile .text_02 {
          font-size: 11px;
          font-weight: 700;
          color: #556b2f; }
        #bbRollback-container .contentTable .rightSide #table_rows_mobile .text_03 {
          font-size: 1em;
          font-weight: 600; }
        #bbRollback-container .contentTable .rightSide #table_rows_mobile .text_04 {
          font-size: 1.1em;
          color: #8b0000;
          font-weight: bold; }
        #bbRollback-container .contentTable .rightSide #table_rows_mobile .text_06 {
          font-size: 1.1em;
          font-weight: bold;
          text-decoration: underline; }
        #bbRollback-container .contentTable .rightSide #table_rows_mobile .marging-right-10 {
          margin-right: 10px; }
      #bbRollback-container .contentTable .rightSide .custom_mobile tbody > tr:hover {
        background: #e8f4f6 !important; }
  #bbRollback-container .contentColumnHeader {
    position: absolute;
    overflow: hidden;
    z-index: 10; }
    #bbRollback-container .contentColumnHeader table thead th:nth-child(3) {
      width: 18.7% !important; }
    #bbRollback-container .contentColumnHeader table thead th:nth-child(4) {
      width: 20% !important; }
    #bbRollback-container .contentColumnHeader table thead th:nth-child(5) {
      width: 262px !important; }
    #bbRollback-container .contentColumnHeader table thead th:nth-child(6) {
      width: 240px !important; }
    #bbRollback-container .contentColumnHeader table thead th:nth-child(7) {
      width: 251px !important; }
    #bbRollback-container .contentColumnHeader table thead td:first-child {
      width: 50px !important; }
    #bbRollback-container .contentColumnHeader table thead td:nth-child(2) {
      width: 50px !important; }
    #bbRollback-container .contentColumnHeader table thead th {
      background: #154758; }
    #bbRollback-container .contentColumnHeader table tr {
      height: 40px; }
    #bbRollback-container .contentColumnHeader .custom_xs thead th:first-child {
      padding-left: 10px; }
    #bbRollback-container .contentColumnHeader .custom_xs thead th:last-child {
      padding-right: 10px; }
  #bbRollback-container .table-Large-detail {
    margin: 0px 10px 0px 0;
    width: 35%;
    border-left: solid 1px #ddd;
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-spacing: inherit !important;
    border-collapse: separate; }
    #bbRollback-container .table-Large-detail tr {
      height: 40px !important; }
    #bbRollback-container .table-Large-detail tr:nth-child(even) {
      background: #f2f2f2; }
    #bbRollback-container .table-Large-detail tr:nth-child(odd) {
      background: #ececec; }
    #bbRollback-container .table-Large-detail td:first-child {
      padding-left: 5px;
      border-bottom: 1px solid #ddd !important;
      border-right: 1px solid #ddd;
      color: #223f48;
      width: 15%;
      white-space: normal !important; }
    #bbRollback-container .table-Large-detail td:nth-child(2) {
      padding-left: 5px;
      border-bottom: 1px solid #ddd !important;
      width: 10%;
      white-space: normal !important; }
    #bbRollback-container .table-Large-detail .text_done {
      color: #607d8b; }
  #bbRollback-container .table-Mobile-detail {
    margin: 0px 10px 0px 0;
    width: 25%;
    border-left: solid 1px #c5d4d6;
    border-top: solid 1px #c5d4d6;
    border-right: solid 1px #c5d4d6;
    border-spacing: inherit !important;
    border-collapse: separate; }
    #bbRollback-container .table-Mobile-detail tr {
      height: 40px !important; }
    #bbRollback-container .table-Mobile-detail tr:nth-child(even) {
      background: #f2f2f2; }
    #bbRollback-container .table-Mobile-detail tr:nth-child(odd) {
      background: #ececec; }
    #bbRollback-container .table-Mobile-detail td:first-child {
      padding-left: 5px;
      border-right: 1px solid #e0e0e0;
      border-bottom: 1px solid #ddd !important;
      color: #223f48;
      background: #FFF;
      width: 15%;
      white-space: normal !important; }
    #bbRollback-container .table-Mobile-detail td:nth-child(2) {
      padding-left: 5px;
      width: 10%;
      border-bottom: 1px solid #ddd !important;
      white-space: normal !important; }
    #bbRollback-container .table-Mobile-detail .text_done {
      color: #607d8b; }

#bbRollbackTableReport thead.md-head > tr.md-row {
  height: 40px; }

.bbRollbackContentTableReport {
  width: 100% !important; }

#cogwagers-cashout-report cog-search-bar {
  margin-right: 8px; }

#cogwagers-cashout-report .cashout-summary {
  padding: 5px;
  margin: 5px; }
  #cogwagers-cashout-report .cashout-summary .summary-container {
    font-size: 13px;
    margin-right: 30px; }
    #cogwagers-cashout-report .cashout-summary .summary-container table {
      min-width: 300px;
      background-color: #fff; }
      #cogwagers-cashout-report .cashout-summary .summary-container table thead {
        background-color: #4e4e4e;
        color: #e0e0e0; }
        #cogwagers-cashout-report .cashout-summary .summary-container table thead th {
          line-height: 26px;
          text-align: center; }
        #cogwagers-cashout-report .cashout-summary .summary-container table thead.win-header {
          background-color: #006823; }
        #cogwagers-cashout-report .cashout-summary .summary-container table thead.losses-header {
          background-color: #8c0000; }
      #cogwagers-cashout-report .cashout-summary .summary-container table tbody {
        border-left: solid 1px #bebebe;
        border-bottom: solid 1px #bebebe; }
        #cogwagers-cashout-report .cashout-summary .summary-container table tbody td {
          border-right: solid 1px #bebebe;
          text-align: center;
          padding: 5px 15px;
          min-width: 60px; }
        #cogwagers-cashout-report .cashout-summary .summary-container table tbody .amount {
          font-weight: 700;
          font-size: 1.1em;
          min-width: 150px; }
        #cogwagers-cashout-report .cashout-summary .summary-container table tbody .header {
          background-color: #ececec;
          color: #6e6e6e; }

#cogwagers-cashout-report md-date-range {
  max-width: 200px;
  font-size: 14px;
  display: block;
  background-color: #ffffff;
  color: #292929;
  height: 40px;
  border-radius: 2px; }
  #cogwagers-cashout-report md-date-range span > span:nth-child(1) {
    padding: 8px 0px 5px 12px; }
  #cogwagers-cashout-report md-date-range .md-select-value {
    border-bottom: none; }

#cogwagers-cashout-report .info-container {
  background-color: #cecece;
  border-bottom: solid 1px #b3b3b3;
  color: #5c5c5c;
  padding: 3px 15px;
  font-size: 14px; }
  #cogwagers-cashout-report .info-container .info-details {
    margin-right: 10px; }
    #cogwagers-cashout-report .info-container .info-details .detail {
      margin-right: 25px; }
    #cogwagers-cashout-report .info-container .info-details .info {
      display: inline-block;
      min-width: 80px;
      text-align: center;
      padding: 2px 12px;
      color: #000;
      font-size: 16px;
      font-weight: 700; }

#cogwagers-cashout-report td.highlight {
  font-weight: 700;
  font-size: 15px !important; }

#cogwagers-cashout-report td.cashedOut {
  color: darkred; }

#cogwagers-cashout-report td.won {
  color: darkgreen;
  font-weight: 700; }

#cogwagers-cashout-report td.cost {
  color: darkred; }

#cogwagers-cashout-report td.costPerc {
  font-weight: 700; }

#cogwagers-cashout-report td.outcome.o-win {
  color: #005994; }

#cogwagers-cashout-report td.outcome.o-lose {
  color: darkred; }

#cogwagers-cashout-report td.ticketType {
  color: #666; }

#cogwagers-cashout-report td.description {
  text-align: start !important;
  padding: 0 10px !important;
  cursor: pointer;
  text-decoration: underline; }
  #cogwagers-cashout-report td.description:hover {
    color: darkred; }

#cogwagers-cashout-report .wager-report-btn {
  max-width: 250px;
  background-color: #d3d3d3;
  color: #333;
  padding: 0 20px; }
  #cogwagers-cashout-report .wager-report-btn:hover {
    background-color: orangered;
    color: #ffffff97; }

#cogwagers-cashout-report .lstPending .logosOU {
  margin-right: 0px !important; }

#cogwagers-cashout-report #scroll-container {
  height: calc(100vh - 230px);
  overflow-x: scroll; }

#cogwagers-cashout-report .cashout-tbl {
  width: 100%; }
  @media (max-width: 425px) {
    #cogwagers-cashout-report .cashout-tbl thead {
      font-size: 0.85em; }
      #cogwagers-cashout-report .cashout-tbl thead th {
        padding: 0 3px !important; }
        #cogwagers-cashout-report .cashout-tbl thead th.bets {
          width: 80px !important; } }
  @media (max-width: 960px) {
    #cogwagers-cashout-report .cashout-tbl thead .hdrRiskAmt {
      min-width: 50px !important; }
    #cogwagers-cashout-report .cashout-tbl thead .hdrToWinAmt {
      min-width: 50px !important; } }
  #cogwagers-cashout-report .cashout-tbl thead tr {
    height: 32px !important; }
  #cogwagers-cashout-report .cashout-tbl thead th {
    text-align: center;
    padding: 0 10px;
    font-weight: normal;
    min-width: 60px;
    max-width: 100px;
    display: table-cell; }
    #cogwagers-cashout-report .cashout-tbl thead th.md-column {
      color: white;
      background-color: #53646d;
      padding: 0 5px;
      font-size: 13px; }
    #cogwagers-cashout-report .cashout-tbl thead th.cashout-date {
      min-width: 200px;
      width: 200px; }
    #cogwagers-cashout-report .cashout-tbl thead th.riskWin {
      text-align: right; }
      #cogwagers-cashout-report .cashout-tbl thead th.riskWin .hdrRiskAmt {
        min-width: 90px;
        margin-top: -5px; }
      #cogwagers-cashout-report .cashout-tbl thead th.riskWin .hdrToWinAmt {
        padding-right: 5px;
        min-width: 90px;
        margin-top: -5px; }
  #cogwagers-cashout-report .cashout-tbl tbody {
    padding: 0; }
    @media (max-width: 425px) {
      #cogwagers-cashout-report .cashout-tbl tbody {
        font-size: 0.85em; }
        #cogwagers-cashout-report .cashout-tbl tbody td.bets .md-button {
          min-width: 60px; } }
    #cogwagers-cashout-report .cashout-tbl tbody tr:nth-child(even) {
      background: #f8f8f8; }
    #cogwagers-cashout-report .cashout-tbl tbody tr:nth-child(odd) {
      background: #eaeaea; }
    #cogwagers-cashout-report .cashout-tbl tbody td {
      line-height: 20px;
      border-bottom: solid 1px #e6e6e6;
      text-align: center;
      padding: 3px;
      font-size: 13px; }
      #cogwagers-cashout-report .cashout-tbl tbody td.agent {
        cursor: pointer; }
        #cogwagers-cashout-report .cashout-tbl tbody td.agent :hover {
          text-decoration: underline; }
      #cogwagers-cashout-report .cashout-tbl tbody td.customer {
        cursor: pointer;
        font-weight: 700; }
        #cogwagers-cashout-report .cashout-tbl tbody td.customer :hover {
          color: #0051ad;
          text-decoration: underline; }
      #cogwagers-cashout-report .cashout-tbl tbody td.cashout-date {
        padding: 0 15px; }
        #cogwagers-cashout-report .cashout-tbl tbody td.cashout-date .time {
          margin-left: 10px;
          color: #005296; }
        #cogwagers-cashout-report .cashout-tbl tbody td.cashout-date .date {
          color: #000; }
  #cogwagers-cashout-report .cashout-tbl .cashout-wager-container {
    max-width: 1100px;
    padding: 5px;
    margin: 5px;
    border: solid 1px #dfdfdf;
    border-radius: 3px;
    background-color: #f8f8f8;
    box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.1); }

#Casino-BlackJack-container {
  /*CSS for Fix Header*/
  /*end css fix header*/ }
  #Casino-BlackJack-container md-toolbar {
    min-height: 45px;
    height: 45px;
    color: #e6e6e6; }
    #Casino-BlackJack-container md-toolbar .md-toolbar-tools {
      height: 45px; }
    #Casino-BlackJack-container md-toolbar .header-icon {
      font-size: 1.35em;
      margin-right: 0.5em; }
    #Casino-BlackJack-container md-toolbar .casino-type {
      color: #ffffff; }
  #Casino-BlackJack-container .casino-game-type-header {
    margin: 15px 20px 0 20px; }
    #Casino-BlackJack-container .casino-game-type-header .casino-type-selection {
      font-size: 25px;
      font-weight: 700;
      margin: 15px 20px 0 20px;
      color: #1984a8;
      min-width: 200px;
      max-width: -moz-max-content;
      max-width: max-content;
      margin: 0; }
    #Casino-BlackJack-container .casino-game-type-header .no-data {
      padding-left: 20px;
      color: #8a0000; }
  #Casino-BlackJack-container .main-container {
    width: 100%; }
  #Casino-BlackJack-container .md-toolbar-tools-bjrollback {
    height: auto;
    max-height: none;
    background-color: #a9a9a9;
    color: #000; }
    @media (max-width: 599px) {
      #Casino-BlackJack-container .md-toolbar-tools-bjrollback {
        padding-right: 0; } }
    #Casino-BlackJack-container .md-toolbar-tools-bjrollback > div {
      min-height: 56px; }
    #Casino-BlackJack-container .md-toolbar-tools-bjrollback > .md-button:last-child {
      margin-right: 0; }
    @media (max-width: 599px) {
      #Casino-BlackJack-container .md-toolbar-tools-bjrollback .md-button._md-nav-button {
        margin-right: 0;
        margin-left: 0; } }
  #Casino-BlackJack-container .HeaderList {
    font-weight: 700;
    margin-left: 20px;
    color: #013a00;
    font-size: 1.2em;
    height: 30px; }
  #Casino-BlackJack-container .PlayersWon {
    color: #006700  !important;
    font-weight: bold !important; }
  #Casino-BlackJack-container .PlayersLost {
    color: #8e1616  !important;
    font-weight: bold !important; }
  #Casino-BlackJack-container .md-errors-spacer {
    display: none; }
  #Casino-BlackJack-container .link {
    cursor: pointer;
    color: #006700 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 70px;
    border-bottom: 1px solid #ddd !important;
    background: #e9e7e7 !important;
    padding-left: 5px !important; }
  #Casino-BlackJack-container .link_title {
    text-decoration: underline;
    color: #000;
    padding-top: 10px;
    cursor: pointer; }
  #Casino-BlackJack-container .md-table thead tr th span {
    font-size: 14px;
    letter-spacing: 0.02em; }
  #Casino-BlackJack-container .md-table tbody tr td {
    font-size: 14px; }
  #Casino-BlackJack-container .contentTable {
    width: 100%;
    height: 100%;
    position: relative; }
    #Casino-BlackJack-container .contentTable .rightSide {
      position: relative;
      overflow: auto;
      z-index: 0;
      display: inline;
      width: 100%; }
      #Casino-BlackJack-container .contentTable .rightSide #table_rows {
        border-spacing: inherit !important;
        border-collapse: separate; }
        #Casino-BlackJack-container .contentTable .rightSide #table_rows thead th:first-child {
          width: 25%; }
        #Casino-BlackJack-container .contentTable .rightSide #table_rows thead th:nth-child(2) {
          width: 25%; }
        #Casino-BlackJack-container .contentTable .rightSide #table_rows thead th:nth-child(3) {
          width: 25%; }
        #Casino-BlackJack-container .contentTable .rightSide #table_rows thead th:nth-child(4) {
          width: 25%; }
        #Casino-BlackJack-container .contentTable .rightSide #table_rows thead tr {
          min-height: 42px;
          height: 42px;
          background: #154758; }
        #Casino-BlackJack-container .contentTable .rightSide #table_rows tbody tr {
          height: 42px; }
          #Casino-BlackJack-container .contentTable .rightSide #table_rows tbody tr td {
            white-space: nowrap; }
          #Casino-BlackJack-container .contentTable .rightSide #table_rows tbody tr td:nth-child(3) {
            white-space: normal !important; }
      #Casino-BlackJack-container .contentTable .rightSide .custom > tbody > tr:hover {
        background: #fff !important; }
      #Casino-BlackJack-container .contentTable .rightSide .custom > tbody > tr:hover:not(.removeBackground) {
        background: #e8f4f6 !important; }
      #Casino-BlackJack-container .contentTable .rightSide .md-data-table > tbody > tr > td {
        border-bottom: 2px solid #cecece !important; }
  #Casino-BlackJack-container .contentColumnHeader {
    position: absolute;
    overflow: hidden;
    z-index: 10; }
    #Casino-BlackJack-container .contentColumnHeader table thead th:first-child {
      width: 25%; }
    #Casino-BlackJack-container .contentColumnHeader table thead th:nth-child(2) {
      width: 25%; }
    #Casino-BlackJack-container .contentColumnHeader table thead th:nth-child(3) {
      width: 25%; }
    #Casino-BlackJack-container .contentColumnHeader table thead th:nth-child(4) {
      width: 25%; }
    #Casino-BlackJack-container .contentColumnHeader table thead th {
      background: #154758; }
    #Casino-BlackJack-container .contentColumnHeader table tr {
      height: 40px; }

#cogclickreport-container md-toolbar {
  min-height: 45px;
  height: 45px; }
  #cogclickreport-container md-toolbar .md-toolbar-tools {
    height: 45px; }
  #cogclickreport-container md-toolbar .header-icon {
    font-size: 1.35em;
    margin-right: 0.5em; }
  #cogclickreport-container md-toolbar .refresh-btn {
    max-width: 200px;
    background-color: #ffc019;
    color: #653408;
    font-size: 0.65em;
    font-weight: 700; }

#cogclickreport-container .report-view-options .view-side {
  background-color: #fff; }
  #cogclickreport-container .report-view-options .view-side .cog-datepicker {
    margin-left: 20px;
    max-width: 200px; }
    #cogclickreport-container .report-view-options .view-side .cog-datepicker md-icon {
      line-height: 23px; }
    #cogclickreport-container .report-view-options .view-side .cog-datepicker .md-menu .md-select-value {
      font-size: 0.8em; }

@media (max-width: 620px) {
  #cogclickreport-container .view-options-container .md-button.view-btn {
    margin: 0;
    padding: 0 5px;
    min-width: 65px !important;
    font-size: 0.7em; }
  #cogclickreport-container md-select {
    padding: unset;
    margin: unset;
    padding-left: 35px;
    padding-top: unset !important; } }

@media (max-width: 425px) {
  #cogclickreport-container .refresh-btn {
    line-height: 35px;
    height: 35px;
    width: 35px;
    max-width: 35px !important;
    min-width: 35px; }
  #cogclickreport-container md-icon {
    min-width: 20px;
    width: 20px; }
  #cogclickreport-container md-select {
    padding: unset;
    margin: unset;
    padding-left: 35px;
    padding-top: unset !important; } }

#cogclickreport-container .md-datepicker-input {
  font-size: 12pt; }

#cogclickreport-container md-select {
  font-size: 12pt;
  margin-left: 5px;
  padding-top: 5px; }

#cogclickreport-container .custom {
  /* max-width: 600px;
        min-width: unset;
        margin: auto;
        margin-top: 10px; */
  margin-top: 10px;
  background-color: #fff; }
  #cogclickreport-container .custom .text_sport:nth-child(2) {
    font-weight: bold; }
  #cogclickreport-container .custom .text_sport:nth-child(3) span {
    color: #5784a8;
    border-bottom: 1px dashed #5784a8; }
  #cogclickreport-container .custom tbody tr:hover:nth-child(odd), #cogclickreport-container .custom tbody tr:hover:nth-child(even) {
    background: unset; }
  #cogclickreport-container .custom .sport-action-active, #cogclickreport-container .custom .sport-action-active:hover:nth-child(odd), #cogclickreport-container .custom .sport-action-active:hover:nth-child(even) {
    background-color: #455a64; }
    #cogclickreport-container .custom .sport-action-active .text_sport, #cogclickreport-container .custom .sport-action-active .text_sport span, #cogclickreport-container .custom .sport-action-active:hover:nth-child(odd) .text_sport, #cogclickreport-container .custom .sport-action-active:hover:nth-child(odd) .text_sport span, #cogclickreport-container .custom .sport-action-active:hover:nth-child(even) .text_sport, #cogclickreport-container .custom .sport-action-active:hover:nth-child(even) .text_sport span {
      color: #fff; }

#cogclickreport-container .side_sport {
  padding-top: 10px;
  padding-bottom: 10px;
  /* .repeated-item:first-child{
            padding-top: 10px;
        } */
  /*  .md-virtual-repeat-container .md-virtual-repeat-offsetter div {
        } */ }
  #cogclickreport-container .side_sport .header {
    background: #bed1d8;
    height: 30px;
    color: #223f48;
    font-size: 14px;
    text-align: center; }
    #cogclickreport-container .side_sport .header .header-back-btn {
      min-height: unset;
      line-height: unset;
      margin: unset;
      font-size: 20px; }
  #cogclickreport-container .side_sport .log_lbl {
    font-weight: bold; }
  #cogclickreport-container .side_sport .header-h {
    background: #bed1d8;
    height: 30px;
    color: #223f48;
    padding-top: 05px;
    font-size: 14px;
    text-align: left;
    /* padding-left: 20px; */
    font-weight: bold;
    border-top: 1px solid #fff; }
    #cogclickreport-container .side_sport .header-h .header-login {
      margin-left: 20px; }
    #cogclickreport-container .side_sport .header-h .header-website {
      margin-left: 8px; }
  #cogclickreport-container .side_sport #vertical-customers {
    height: calc(100vh - 270px);
    width: 100%;
    background-color: #fff;
    /* @media (max-width: 768px) {
                height: calc(100vh - 270px);
            } */ }
  #cogclickreport-container .side_sport .repeated-item {
    box-sizing: border-box;
    min-height: 40px;
    height: 40px;
    padding-bottom: 10px;
    font-size: 10pt;
    padding-left: 16px; }
    #cogclickreport-container .side_sport .repeated-item .title_account {
      color: #223f48; }
    #cogclickreport-container .side_sport .repeated-item .title_account > div, #cogclickreport-container .side_sport .repeated-item .value_account > div {
      border: 1px solid #ddd;
      min-width: 200px;
      padding: 5px; }
    #cogclickreport-container .side_sport .repeated-item .bg_value:nth-child(odd) {
      background-color: #ececec; }
    #cogclickreport-container .side_sport .repeated-item .bg_value:nth-child(even) {
      background-color: #f3f3f3; }
    #cogclickreport-container .side_sport .repeated-item .text_clickcount {
      color: #79520b !important; }
    #cogclickreport-container .side_sport .repeated-item .text_link {
      font-weight: bold;
      color: #223f48;
      border-bottom: 1px solid;
      cursor: pointer; }
    #cogclickreport-container .side_sport .repeated-item .row-account {
      color: #223f48;
      background-color: #f3f3f3;
      padding: 5px; }
      #cogclickreport-container .side_sport .repeated-item .row-account .cell-clickcount {
        margin-left: 8px; }
  #cogclickreport-container .side_sport md-virtual-repeat-container {
    border: solid 1px #ddd; }

#cogclickreport-container .ListCustomersHeader .filteredHighlight {
  font-weight: 700; }

#cogclickreport-container .ListCustomersHeader md-input-container {
  margin: 0;
  padding: 0; }
  #cogclickreport-container .ListCustomersHeader md-input-container md-select {
    font-size: 14px;
    padding: 0; }

#cogclickreport-container .header-h .sortable {
  cursor: pointer; }

#cogclickreport-container .header-h .sort-container {
  margin: 0 10px; }

#ClickCustomerDialog .md-toolbar-tools {
  min-height: unset;
  line-height: unset; }
  #ClickCustomerDialog .md-toolbar-tools md-select {
    margin: unset;
    font-size: 10pt;
    color: #fff; }
    #ClickCustomerDialog .md-toolbar-tools md-select .md-select-value.md-select-placeholder {
      color: unset; }

#ClickCustomerDialog .text-account-name {
  font-weight: bold;
  color: #eaebec;
  font-size: 10pt; }

#ClickCustomerDialog .side_detail_click {
  min-width: 600px; }
  #ClickCustomerDialog .side_detail_click .header {
    background: #223f48;
    height: 30px;
    color: #fff;
    padding-top: 05px;
    font-size: 10pt;
    text-align: center;
    font-weight: bold; }
  #ClickCustomerDialog .side_detail_click #vertical-container-click {
    height: calc(100vh - 200px);
    width: 100%; }
    @media (max-width: 768px) {
      #ClickCustomerDialog .side_detail_click #vertical-container-click {
        height: calc(100vh - 100px); } }
  #ClickCustomerDialog .side_detail_click .repeated-item {
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    min-height: 50px;
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 9pt;
    text-align: center;
    color: #474747; }
    #ClickCustomerDialog .side_detail_click .repeated-item .title_account {
      color: #223f48; }
    #ClickCustomerDialog .side_detail_click .repeated-item .title_account > div, #ClickCustomerDialog .side_detail_click .repeated-item .value_account > div {
      border: 1px solid #ddd;
      min-width: 200px;
      padding: 5px; }
    #ClickCustomerDialog .side_detail_click .repeated-item .bg_value:nth-child(odd) {
      background-color: #ececec; }
    #ClickCustomerDialog .side_detail_click .repeated-item .bg_value:nth-child(even) {
      background-color: #f3f3f3; }
    #ClickCustomerDialog .side_detail_click .repeated-item .text_link {
      color: #223f48;
      border-bottom: 1px solid;
      cursor: pointer; }
  #ClickCustomerDialog .side_detail_click md-virtual-repeat-container {
    border: solid 1px #ddd; }

/*figure out how to implement this rule inside the component scope*/
/*however it works globally fine for XS layouts*/
@media screen and (max-width: 599px) {
  md-date-range-picker {
    overflow: hidden !important;
    overflow-y: scroll !important;
    zoom: 0.9 !important; } }

#cog-deleted-wagers-container md-autocomplete {
  border: 1px solid #CCCCCC; }
  @media screen and (max-width: 599px) {
    #cog-deleted-wagers-container md-autocomplete {
      max-width: 100% !important;
      min-width: 100% !important; } }
  #cog-deleted-wagers-container md-autocomplete md-autocomplete-wrap {
    box-shadow: none; }
    #cog-deleted-wagers-container md-autocomplete md-autocomplete-wrap button {
      margin-top: 5px !important; }

#cog-deleted-wagers-container cog-search-bar {
  width: 100vw; }
  #cog-deleted-wagers-container cog-search-bar md-autocomplete {
    max-width: 100% !important;
    min-width: 100% !important; }

#cog-deleted-wagers-container .md-toolbar-tools {
  background-color: #607d8b;
  color: #FFFFFF; }
  @media screen and (max-width: 599px) {
    #cog-deleted-wagers-container .md-toolbar-tools {
      padding: 3px 0px 3px 5px; } }

#cog-deleted-wagers-container .cogwagers-filter-container {
  font-weight: none;
  white-space: nowrap;
  padding: 5px; }
  #cog-deleted-wagers-container .cogwagers-filter-container span {
    font-size: 0.95em !important;
    color: #757575 !important; }
  #cog-deleted-wagers-container .cogwagers-filter-container * {
    margin: 0px !important; }
  #cog-deleted-wagers-container .cogwagers-filter-container md-autocomplete-wrap button {
    margin-top: 5px !important; }
  #cog-deleted-wagers-container .cogwagers-filter-container md-date-range {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px; }
    #cog-deleted-wagers-container .cogwagers-filter-container md-date-range span > span:nth-child(1) {
      padding: 8px 0px 5px 12px; }
    @media screen and (max-width: 599px) {
      #cog-deleted-wagers-container .cogwagers-filter-container md-date-range {
        width: 100vw; } }

#cog-deleted-wagers-container #cog-list-deleted-wagers-container {
  max-height: 100vh;
  height: calc(100vh - 190px);
  overflow: hidden;
  overflow-y: scroll;
  /* Let's get this party started */
  /* Track */
  /* Handle */ }
  @media screen and (max-width: 599px) {
    #cog-deleted-wagers-container #cog-list-deleted-wagers-container {
      height: calc(100vh - 160px); } }
  #cog-deleted-wagers-container #cog-list-deleted-wagers-container::-webkit-scrollbar {
    width: 10px; }
  #cog-deleted-wagers-container #cog-list-deleted-wagers-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px; }
  #cog-deleted-wagers-container #cog-list-deleted-wagers-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #939393;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
  #cog-deleted-wagers-container #cog-list-deleted-wagers-container::-webkit-scrollbar-thumb:window-inactive {
    background: #939393; }
  #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table {
    width: 100%; }
    #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr {
      background-color: #53646d !important;
      color: #FFFFFF; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th {
        position: relative;
        line-height: 28px;
        font-size: .8em;
        font-weight: 400;
        text-align: center;
        /*&:before {
                                content: attr(data-index) !important;
                                color: red !important;
                                position: absolute;
                                top: -7px;
                                left: 0px;
                                z-index: 1;
                                font-size: 0.8em;
                                padding: 2px 0px 0px 2px;
                            }*/ }
        @media screen and (max-width: 599px) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(1) {
            text-indent: -9999px; } }
        @media screen and (max-width: 599px) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(2) {
            text-indent: -9999px; } }
        #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(3) {
          width: 66%;
          text-align: left;
          text-indent: 25px; }
          @media screen and (max-width: 599px) {
            #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(3) {
              text-indent: -9999px; } }
          @media screen and (min-width: 1920px) and (max-width: 5000px) {
            #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(3) {
              width: 70%; } }
        @media screen and (max-width: 599px) and (orientation: portrait) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(4) {
            text-indent: -9999px; } }
        @media screen and (max-width: 599px) and (orientation: landscape) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(4) {
            width: 20%;
            text-indent: -9999px; } }
        @media screen and (min-width: 600px) and (max-width: 959px) and (orientation: landscape) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(4) {
            text-indent: -9999px; } }
        @media screen and (min-width: 600px) and (max-width: 959px) and (orientation: portrait) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(4) {
            text-indent: -9999px; } }
        @media screen and (max-width: 599px) and (orientation: portrait) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(5) {
            width: 20%;
            text-align: center; } }
        @media screen and (max-width: 599px) and (orientation: landscape) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(5) {
            width: 10%; } }
        @media screen and (min-width: 600px) and (max-width: 959px) and (orientation: landscape) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(5) {
            text-align: center; } }
    #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr:nth-child(even) {
      background-color: #eaeaea; }
    #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td {
      padding: 5px !important;
      text-align: center !important; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td:nth-child(1), #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td:nth-child(2),
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td p {
        font-size: 0.8em;
        text-align: left;
        margin: 0px 0px 10px 0px; }
        #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td:nth-child(1) span:nth-child(2), #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td:nth-child(2) span:nth-child(2),
        #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td p span:nth-child(2) {
          font-weight: bold; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td:nth-child(2) {
        font-weight: bold; }
    #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail {
      font-size: 0.8em;
      text-align: left;
      margin: 0px !important;
      display: block;
      width: 100%;
      padding: 0px 5px 0px 10px; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail div {
        margin-bottom: 3px; }
        #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail div:nth-child(2) div div b {
          text-indent: 5px;
          padding: 0px 0px 0px 5px; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail table {
        width: 100%; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .pendingtype {
        color: darkred; }
        #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .pendingtype .md-button {
          min-height: 20px; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .pending span {
        font-weight: 700; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .pending .pdPrice {
        font-weight: normal; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .riskAmt {
        color: #bf4040;
        font-weight: 700; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .winAmt {
        font-weight: 700; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .pendingExpand {
        width: 100%; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .pendingExpandLeg {
        width: 100%;
        padding-left: 24px; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .bm-fillspot-button {
        display: none; }

#cog-ip-checker .cog-ip-checker-component .no-permission .no-permission-label {
  text-align: center;
  text-transform: uppercase;
  color: #F44336; }

#cog-ip-checker .cog-ip-checker-component .error-messages-container .error-message-label {
  text-align: center;
  color: #F44336; }

#cog-ip-checker .cog-ip-checker-component .header {
  background-color: #3e535f;
  color: #FFFFFF;
  padding: 0; }
  #cog-ip-checker .cog-ip-checker-component .header .title {
    padding-left: 5px; }
    #cog-ip-checker .cog-ip-checker-component .header .title .title-icon {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAADBklEQVRoge2YwUtUURTGz9VEHcIhQTCNtI0R6LJoUxFMLQIRaxO1cJEbl21rYf0HbZVwFehWjEDSdW5ykwtRl6KUO82hlPi1uPfV9c57M3PfXN8YzQcD867e7/vOm3PPO+eJNNDA/w0VighQIpIXkV4RKYrIjlLqZyj+4AAUMARMAqvAIaX4BswDY0BnvT3/AVAAPscYLodjYArorqfxPuCDp3EX34EXQHPW5m8BezF3dRl4Dtw0AbYBF4BrwAPgDbAVE8gC0JGV+SfAkSX+C5gBLle5XwHDwJoTxBqnnVLmztvmt4HrKbmagVdOECtAW2jfkWCfkzarwMUAvI+cm/IOXYbDgpMHdjuEeYt73PklRkNxRwIFJ+dTpU0FjWlLYwNoCUWsOFnnZ4IQl+p0AfuWzkQo4iGL9Jgqq01Krdf2gQ5FOmmRLgchTdYacM7CJZ/9TQnrI9b39+ntVYZSakNENq2lYZ/9JQGYcnbVWvqUzpoXbI0Bn41xv0BeRHLW9W4aR56wNXp8NsYF0Otcf/W24w9bo+YAis51u7cdf9garn5ZxAWw41xn0b/bGq5+WZQEYMbAPWvpSkpTPui3vtcWgIFdFe77uvEB0CoidxO0U5OOWQ+WLU6jU/yrdc/SOiBEaw10mhYigtfDxVPL7njnQhJPWcRfOIUZFrjjtBE3QpJ3owfwCJPByDV/Hli3+GdD8kciL5079DAQ7zn0dBfhEAhf7dAz7IIldASM18iZd8wDPA7lOU6wg9K3CdNAVwqu207aRPgI5CozpIQ5DyuO6D56GCnbPQKt6FJZ6YVYqiCqru/o+vxWRJ7G/HlT9ANoV3Rj1i66PegX/ZA67/x/UUSemU/BWl8SkRGllFc/VDXQs/IoegBPi1nMgQVy5s5nl05GuAWYoDStknAAzBFT52sNouYWAT3DDouepHrMpyi6KdsRnVpLSqkfZThyIjIvWaZTaNQtnUKiEcRZQUIQi0DS/HL2kBDEYL19ecEEsWjMrwNZvGAIC6AJGPwnzTfQQAb4Dc9INk4esv3HAAAAAElFTkSuQmCC");
      text-indent: -90000px;
      width: 30px;
      height: 30px;
      background-repeat: no-repeat;
      background-size: contain;
      margin: 6px 10px 0px 0px; }
    #cog-ip-checker .cog-ip-checker-component .header .title .title-label {
      text-transform: capitalize; }
  #cog-ip-checker .cog-ip-checker-component .header .date-ranges {
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 1.5rem; }
  #cog-ip-checker .cog-ip-checker-component .header .filter-buttons-container button {
    color: #000000; }
    #cog-ip-checker .cog-ip-checker-component .header .filter-buttons-container button span:nth-child(2) {
      padding-left: 5px; }
  #cog-ip-checker .cog-ip-checker-component .header .filter-buttons-container md-icon {
    font-size: x-large; }

#cog-ip-checker .cog-ip-checker-component .no-records-label {
  text-align: center;
  text-transform: uppercase;
  color: #F44336; }

#cog-ip-checker .cog-ip-checker-component .content .tab-blacklist {
  background-color: #253c47; }

#cog-ip-checker .cog-ip-checker-component .content md-tabs-wrapper {
  background-color: #607d8b !important; }
  #cog-ip-checker .cog-ip-checker-component .content md-tabs-wrapper md-tab-item {
    color: white !important; }

#cog-ip-checker .cog-ip-checker-component .content .contentTable {
  width: 100%;
  height: 100%;
  position: relative; }
  #cog-ip-checker .cog-ip-checker-component .content .contentTable .rightSide {
    position: relative;
    overflow: auto;
    z-index: 0;
    display: inline;
    width: 100%; }

#cog-ip-checker .cog-ip-checker-component .content .filter-inputs md-autocomplete {
  min-width: 100%;
  width: 100%;
  height: 49px;
  line-height: 49px; }
  #cog-ip-checker .cog-ip-checker-component .content .filter-inputs md-autocomplete md-autocomplete-wrap {
    height: 49px;
    line-height: 49px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04), 0px 1px 1px 0px rgba(0, 0, 0, 0.04), 0px 1px 1px -1px rgba(0, 0, 0, 0.04); }

#cog-ip-checker .cog-ip-checker-component .content .filter-inputs cog-search-bar.account-input-container {
  height: 49px;
  margin-bottom: 5px; }
  #cog-ip-checker .cog-ip-checker-component .content .filter-inputs cog-search-bar.account-input-container input:not(.md-input) {
    height: 49px;
    line-height: 49px; }

#cog-ip-checker .cog-ip-checker-component .content .filter-inputs .period-container {
  margin-top: 18px;
  margin-bottom: 0;
  min-width: 100%; }
  @media screen and (max-width: 599px) {
    #cog-ip-checker .cog-ip-checker-component .content .filter-inputs .period-container {
      margin-top: 22px; } }
  #cog-ip-checker .cog-ip-checker-component .content .filter-inputs .period-container label {
    padding-left: 10px; }
  #cog-ip-checker .cog-ip-checker-component .content .filter-inputs .period-container md-select md-select-value .md-text {
    margin-left: 10px; }

#cog-ip-checker .cog-ip-checker-component .content .filter-inputs .period-filter-container {
  line-height: 46px; }
  #cog-ip-checker .cog-ip-checker-component .content .filter-inputs .period-filter-container .md-select-value {
    border-bottom-color: #e9e9e9; }

#cog-ip-checker .cog-ip-checker-component .content .filter-inputs .ipaddress-input-container {
  margin-top: 0;
  margin-bottom: 0; }
  #cog-ip-checker .cog-ip-checker-component .content .filter-inputs .ipaddress-input-container input {
    height: 49px;
    line-height: 49px;
    padding: 0 8px;
    border-right: 1px solid rgba(0, 0, 0, 0.08); }
  #cog-ip-checker .cog-ip-checker-component .content .filter-inputs .ipaddress-input-container .md-errors-spacer {
    display: none; }

#cog-ip-checker .cog-ip-checker-component .content .summary-bar {
  height: 40px; }
  @media screen and (max-width: 599px) {
    #cog-ip-checker .cog-ip-checker-component .content .summary-bar {
      height: 42px;
      min-height: 42px; }
      #cog-ip-checker .cog-ip-checker-component .content .summary-bar .show-details-button {
        min-height: 28px;
        line-height: 28px; } }
  #cog-ip-checker .cog-ip-checker-component .content .summary-bar .title-report {
    text-transform: uppercase; }
  #cog-ip-checker .cog-ip-checker-component .content .summary-bar .show-details-button {
    background-color: #6FC431;
    color: #ffffff;
    margin-right: 0px; }
  #cog-ip-checker .cog-ip-checker-component .content .summary-bar .md-toolbar-tools {
    padding: 0 10px; }

#cog-ip-checker .cog-ip-checker-component .content .table-container {
  height: calc(100vh - 295px); }
  #cog-ip-checker .cog-ip-checker-component .content .table-container.expanded {
    height: calc(100vh - 240px); }
  @media screen and (max-width: 599px) {
    #cog-ip-checker .cog-ip-checker-component .content .table-container {
      height: calc(100vh - 318px); }
      #cog-ip-checker .cog-ip-checker-component .content .table-container.expanded {
        height: calc(100vh - 202px); } }
  #cog-ip-checker .cog-ip-checker-component .content .table-container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  #cog-ip-checker .cog-ip-checker-component .content .table-container::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }

#cog-ip-checker .cog-ip-checker-component .content table .figure-cell-info {
  text-align: right !important; }

#cog-ip-checker .cog-ip-checker-component .content table thead .table-toolbar {
  height: 40px;
  background-color: #87898a;
  text-transform: uppercase; }
  #cog-ip-checker .cog-ip-checker-component .content table thead .table-toolbar th {
    color: #fff;
    padding: 0 10px;
    font-size: 13px;
    border-bottom: none; }
    @media screen and (max-width: 599px) {
      #cog-ip-checker .cog-ip-checker-component .content table thead .table-toolbar th {
        font-size: 12px; } }
    #cog-ip-checker .cog-ip-checker-component .content table thead .table-toolbar th:last-of-type {
      padding: 0 15px; }

#cog-ip-checker .cog-ip-checker-component .content table tbody tr.is-agent {
  background-color: #fff7e0; }
  #cog-ip-checker .cog-ip-checker-component .content table tbody tr.is-agent:hover, #cog-ip-checker .cog-ip-checker-component .content table tbody tr.is-agent:focus {
    background-color: #ffedb8; }

#cog-ip-checker .cog-ip-checker-component .content table tbody tr td {
  padding: 0 10px; }
  @media screen and (max-width: 599px) {
    #cog-ip-checker .cog-ip-checker-component .content table tbody tr td {
      font-size: 12px; } }
  #cog-ip-checker .cog-ip-checker-component .content table tbody tr td .data_icon {
    font-size: 24px;
    color: #b80; }
  #cog-ip-checker .cog-ip-checker-component .content table tbody tr td .data_click {
    display: inline-block;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 1em;
    padding-left: 0.125em;
    text-decoration: underline;
    color: #36526f;
    cursor: pointer; }
    #cog-ip-checker .cog-ip-checker-component .content table tbody tr td .data_click:hover, #cog-ip-checker .cog-ip-checker-component .content table tbody tr td .data_click:focus {
      color: #4b719b; }

#cog-ip-checker .cog-ip-checker-component .content table tbody tr td:last-of-type {
  padding: 0px 15px; }

#cog-ip-checker .cog-ip-checker-component .content table tbody .sub-toolbar {
  height: 30px;
  background-color: #eccd06; }
  #cog-ip-checker .cog-ip-checker-component .content table tbody .sub-toolbar td {
    color: #000000;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600; }
    @media screen and (max-width: 599px) {
      #cog-ip-checker .cog-ip-checker-component .content table tbody .sub-toolbar td {
        font-size: 12px; } }

#cog-ip-checker .cog-ip-checker-component .content table .cell-is-agent {
  width: 42px;
  text-align: center; }

#cog-ip-checker .cog-ip-checker-component .content table .vpn-dtl {
  background: #e4e4e4; }

#cog-ip-checker .cog-ip-checker-component .cog-ip-address-info-dialog {
  width: 50%; }
  @media screen and (max-width: 599px) {
    #cog-ip-checker .cog-ip-checker-component .cog-ip-address-info-dialog {
      max-width: 95%;
      width: 95%; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    #cog-ip-checker .cog-ip-checker-component .cog-ip-address-info-dialog {
      max-width: 80%;
      width: 80%; } }
  #cog-ip-checker .cog-ip-checker-component .cog-ip-address-info-dialog .ip-information-container {
    padding: 10px 0px 0px 20px;
    overflow-x: hidden; }
  #cog-ip-checker .cog-ip-checker-component .cog-ip-address-info-dialog md-dialog-actions {
    padding-left: 0px; }

#cog-ip-checker .cog-ip-checker-component .cog-wager-info-dialog {
  width: 50%; }
  @media screen and (max-width: 599px) {
    #cog-ip-checker .cog-ip-checker-component .cog-wager-info-dialog {
      max-width: 95%;
      width: 95%; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    #cog-ip-checker .cog-ip-checker-component .cog-wager-info-dialog {
      max-width: 80%;
      width: 80%; } }
  #cog-ip-checker .cog-ip-checker-component .cog-wager-info-dialog .md-dialog-content {
    padding: 10px; }
  #cog-ip-checker .cog-ip-checker-component .cog-wager-info-dialog md-dialog-actions {
    padding-left: 8px; }
  #cog-ip-checker .cog-ip-checker-component .cog-wager-info-dialog #dvPending {
    padding-bottom: 0px; }
    #cog-ip-checker .cog-ip-checker-component .cog-wager-info-dialog #dvPending .lstPending md-list-item {
      min-height: 45px; }
    #cog-ip-checker .cog-ip-checker-component .cog-wager-info-dialog #dvPending md-list-item.md-2-line::before {
      min-height: 45px; }

#cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container {
  width: 40%; }
  @media screen and (max-width: 599px) {
    #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container {
      max-width: 95%;
      width: 95%; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container {
      max-width: 80%;
      width: 80%; } }
  #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container md-dialog-content, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container md-dialog-content {
    padding: 10px; }
    #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container md-dialog-content::-webkit-scrollbar, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container md-dialog-content::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      background: rgba(0, 0, 0, 0.1);
      transition: all .2s; }
    #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container md-dialog-content::-webkit-scrollbar-thumb, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container md-dialog-content::-webkit-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.35);
      border-radius: 4px;
      transition: all .2s; }
    #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container md-dialog-content .cloneHeader, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container md-dialog-content .cloneHeader {
      width: unset !important; }
    #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container md-dialog-content table .figure-cell-info, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container md-dialog-content table .figure-cell-info {
      text-align: right !important; }
    #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container md-dialog-content table thead .table-toolbar, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container md-dialog-content table thead .table-toolbar {
      height: 40px;
      background-color: #87898a;
      text-transform: uppercase; }
      #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container md-dialog-content table thead .table-toolbar th, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container md-dialog-content table thead .table-toolbar th {
        color: #FFFFFF;
        padding: 0px 10px;
        font-size: 13px;
        border-bottom: none; }
        @media screen and (max-width: 599px) {
          #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container md-dialog-content table thead .table-toolbar th, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container md-dialog-content table thead .table-toolbar th {
            font-size: 12px; } }
    #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container md-dialog-content table tbody tr td, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container md-dialog-content table tbody tr td {
      padding: 0px 10px; }
      @media screen and (max-width: 599px) {
        #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container md-dialog-content table tbody tr td, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container md-dialog-content table tbody tr td {
          font-size: 12px; } }
      #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container md-dialog-content table tbody tr td .data_click, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container md-dialog-content table tbody tr td .data_click {
        text-decoration: underline !important;
        color: #36526f !important;
        cursor: pointer; }
    #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container md-dialog-content table tbody tr td:last-of-type, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container md-dialog-content table tbody tr td:last-of-type {
      padding: 0px 15px; }
  #cog-ip-checker .cog-ip-checker-component .cog-matches-details-dialog-container md-dialog-actions, #cog-ip-checker .cog-ip-checker-component .cog-local-details-dialog-container md-dialog-actions {
    padding-left: 0px; }

#cog-ip-checker .cog-ip-checker-component #local-table .log-date {
  margin-right: 5px; }

#cog-ip-checker .cog-ip-checker-component #local-table .log-time {
  color: #607d8b; }

#cogIPChecker-Detail-container .md-table thead.md-head > tr.md-row {
  height: 40px !important;
  background-color: #87898a !important;
  text-transform: uppercase; }

#cogIPChecker-Detail-container .md-table tbody.md-body > tr.md-row,
#cogIPChecker-Detail-container table.md-table tfoot.md-foot > tr.md-row {
  height: 40px; }

#cogIPChecker-Detail-container .md-table tbody tr td {
  font-size: inherit; }

#cogIPChecker-Detail-container .md-table tbody tr {
  height: 30px; }

#cogIPChecker-Detail-container md-toolbar {
  min-height: 45px; }

#cogIPChecker-Detail-container .ipColumnDetail {
  width: 45%;
  text-transform: uppercase;
  background: #4d7688 !important;
  color: #fff;
  font-size: 12px !important; }

#cogIPChecker-Detail-container .ipTitleText {
  font-weight: bold; }

#cogIPChecker-Detail-container .ipButtonTitleText {
  font-size: 1.0em;
  width: 110px; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container .md-table tbody tr {
  min-width: 30px;
  max-width: 60; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container > td {
  padding-left: 0px !important;
  padding-right: 0px !important; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container .widget {
  min-height: 20px; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container .ipcheckerDetail-table-detail-toolbar,
#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container .ipcheckerDetail-table-detail-toolbar:hover {
  font-size: 0.9em;
  min-height: 30px !important;
  height: 30px !important; }
  #cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container .ipcheckerDetail-table-detail-toolbar .th-toolbar,
  #cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container .ipcheckerDetail-table-detail-toolbar:hover .th-toolbar {
    background-color: #253c47; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container td.ItemIndex {
  color: red; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container td:nth-child(1) {
  max-width: 70px;
  min-width: 70px;
  padding: 0px; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container td:nth-child(2) {
  max-width: 100px;
  min-width: 100px;
  padding: 0px; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container td:nth-child(3) {
  max-width: 250px;
  min-width: 250px;
  padding: 0px; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container td:nth-child(4) {
  max-width: 250px;
  min-width: 250px;
  padding: 0px; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container td.ticketNumber {
  color: #4193d0;
  text-decoration: underline;
  cursor: pointer; }

#cogIPChecker-Detail-container .md-table thead.md-head > tr.md-row {
  height: 40px !important;
  background-color: #87898a !important;
  text-transform: uppercase; }

#cogIPChecker-Detail-container .md-table tbody.md-body > tr.md-row,
#cogIPChecker-Detail-container table.md-table tfoot.md-foot > tr.md-row {
  height: 40px; }

#cogIPChecker-Detail-container .md-table tbody tr td {
  font-size: inherit; }

#cogIPChecker-Detail-container .md-table tbody tr {
  height: 30px; }

#cogIPChecker-Detail-container md-toolbar {
  min-height: 45px; }

#cogIPChecker-Detail-container .ipColumnDetail {
  width: 45%;
  text-transform: uppercase;
  background: #4d7688 !important;
  color: #fff;
  font-size: 12px !important; }

#cogIPChecker-Detail-container .details_open_image {
  margin-top: 3px !important; }

#cogIPChecker-Detail-container .titleDescription {
  margin-top: 4px !important;
  margin-left: 5px;
  cursor: pointer; }

#cogIPChecker-Detail-container #dvPending .lstPending {
  margin: 0px 0px; }

#cogIPChecker-Detail-container #dvPending {
  padding-bottom: 0px; }

#cogIPChecker-Detail-container .table-wagers table {
  border: 0px solid grey;
  width: 100%; }

#cogIPChecker-Detail-container .table-wagers table th,
#cogIPChecker-Detail-container .table-wagers td {
  border: 0px solid grey; }

#cogIPChecker-Detail-container .table-wagers th {
  text-align: left;
  background-color: #607d8b;
  color: white;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: normal;
  height: 35px;
  vertical-align: middle;
  padding-left: 10px !important; }

#cogIPChecker-Detail-container .table-wagers td {
  text-align: left;
  width: 10%;
  font-size: 12px; }

#cogIPChecker-Detail-container .table-wagers td:nth-child(3) {
  width: 80%;
  text-align: left; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container .md-table tbody tr {
  height: 30px; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container > td {
  padding-left: 0px !important;
  padding-right: 0px !important; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container .widget {
  min-height: 20px; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container .ipcheckerDetail-table-detail-toolbar,
#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container .ipcheckerDetail-table-detail-toolbar:hover {
  font-size: 0.9em;
  min-height: 30px !important;
  height: 30px !important; }
  #cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container .ipcheckerDetail-table-detail-toolbar .th-toolbar,
  #cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container .ipcheckerDetail-table-detail-toolbar:hover .th-toolbar {
    background-color: #253c47; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container td.ItemIndex {
  color: black; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container td.DetailColumn {
  color: black; }

#cogIPChecker-Detail-container #ipcheckerDetailTableReport .ipcheckerDetail-container td.ticketNumber {
  color: #4193d0;
  text-decoration: underline;
  cursor: pointer; }

#itReport-container md-toolbar {
  min-height: 45px;
  height: 45px; }
  #itReport-container md-toolbar p {
    margin: 0 5px; }
  #itReport-container md-toolbar md-icon {
    margin: 0 5px 0 0;
    margin-top: 5px; }
  #itReport-container md-toolbar .md-toolbar-tools, #itReport-container md-toolbar md-menu-bar {
    padding-right: 0; }
  #itReport-container md-toolbar md-menu-item .md-button {
    line-height: 40px;
    height: 40px; }

#itReport-menu-content {
  padding: 0px !important;
  min-width: 180px !important; }
  #itReport-menu-content md-menu-item {
    min-height: 40px !important; }
    #itReport-menu-content md-menu-item .md-button {
      height: 40px !important; }

.it-report-toolbar {
  background-color: #203e58 !important; }

.live-wagers-report .period-filter-container {
  font-size: 14px;
  margin-left: 5px; }
  .live-wagers-report .period-filter-container md-date-range {
    max-width: 200px;
    display: block; }
    .live-wagers-report .period-filter-container md-date-range .md-select-value {
      background-color: #fff;
      color: black;
      padding: 0 10px;
      border: none;
      line-height: 40px;
      height: 40px;
      border-radius: 2px; }

.live-wagers-report .list-tbl {
  width: 100%;
  border-right: solid 1px #eaeaea; }
  .live-wagers-report .list-tbl thead {
    color: #fff;
    background-color: #53646d;
    line-height: 28px; }
    .live-wagers-report .list-tbl thead th {
      text-align: center;
      padding: 0 10px;
      font-weight: 400;
      min-width: 60px;
      max-width: 100px;
      display: table-cell;
      text-transform: uppercase; }
      .live-wagers-report .list-tbl thead th .sortHdr {
        cursor: pointer; }
        .live-wagers-report .list-tbl thead th .sortHdr:hover {
          color: rgba(255, 255, 255, 0.5); }
  .live-wagers-report .list-tbl tbody tr:nth-child(even) {
    background: #eaeaea; }
  .live-wagers-report .list-tbl tbody td {
    border-bottom: solid 1px #e6e6e6;
    padding: 6px 3px;
    text-align: center; }
  .live-wagers-report .list-tbl tbody .selected {
    background-color: rgba(0, 0, 0, 0.3) !important; }
  .live-wagers-report .list-tbl tbody .accLink {
    cursor: pointer;
    text-decoration: underline;
    color: darkgreen; }
  .live-wagers-report .list-tbl tbody .customer {
    font-weight: 600; }
    .live-wagers-report .list-tbl tbody .customer .accLink {
      color: #005e9c; }
  .live-wagers-report .list-tbl tbody .beaten .md-button {
    color: #8b0000;
    font-size: 1.2em;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    min-height: 24px;
    margin: 0; }

.live-wagers-report .cursor-pointer {
  cursor: pointer; }

.live-wagers-report .players-container {
  font-size: 0.8em;
  height: calc(100vh - 130px);
  overflow-y: auto;
  margin-right: 5px;
  width: 100%; }
  .live-wagers-report .players-container tbody .percentage, .live-wagers-report .players-container tbody .total {
    font-size: 1.1em;
    font-weight: 700; }
  .live-wagers-report .players-container tbody .live {
    color: darkred; }
  .live-wagers-report .players-container tbody .prop {
    color: #005e9c; }
  .live-wagers-report .players-container tbody .zero {
    font-size: 1em;
    font-weight: normal;
    color: #999; }
  .live-wagers-report .players-container.mobile {
    height: auto !important;
    width: 100%;
    margin: 0; }
  .live-wagers-report .players-container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .live-wagers-report .players-container::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    transition: all .2s; }
  .live-wagers-report .players-container .header-info-container {
    max-height: 30px;
    font-size: 0.9em;
    padding-right: 8px; }
    .live-wagers-report .players-container .header-info-container .info {
      line-height: 30px; }
      .live-wagers-report .players-container .header-info-container .info label {
        margin-left: 15px;
        margin-right: 5px;
        text-align: right; }
      .live-wagers-report .players-container .header-info-container .info div {
        font-weight: 700; }
      .live-wagers-report .players-container .header-info-container .info .total {
        color: #00538b; }
      .live-wagers-report .players-container .header-info-container .info .agent {
        color: rgba(0, 0, 0, 0.5);
        margin-right: 5px; }

#manageprofile-container md-toolbar {
  min-height: 45px;
  height: 45px; }
  #manageprofile-container md-toolbar .md-toolbar-tools {
    height: 45px; }
    #manageprofile-container md-toolbar .md-toolbar-tools .md-button {
      font-size: 0.6em !important; }
  #manageprofile-container md-toolbar .header-icon {
    font-size: 1.35em;
    margin-right: 0.5em; }

#manageprofile-container .refresh-btn {
  max-width: 200px;
  background-color: #ffc019;
  color: #653408;
  font-size: 0.65em;
  font-weight: 700; }

#manageprofile-container .container-grouping-players .form_group {
  margin-top: 15px;
  padding-left: 15px; }
  #manageprofile-container .container-grouping-players .form_group md-input-container {
    margin: unset;
    font-size: 0.8em; }
    #manageprofile-container .container-grouping-players .form_group md-input-container .md-errors-spacer {
      min-height: 5px; }
  #manageprofile-container .container-grouping-players .form_group .group-numbers {
    min-width: 100px;
    width: 100px; }
  #manageprofile-container .container-grouping-players .form_group .acc-srch-bar .md-whiteframe-z1 {
    box-shadow: unset; }
  #manageprofile-container .container-grouping-players .form_group .acc-srch-bar .tb-custSearchInput {
    min-width: unset !important;
    background: unset; }
  #manageprofile-container .container-grouping-players .form_group .acc-srch-bar .tb-custSearchInput md-autocomplete-wrap button {
    position: absolute;
    right: 0;
    top: -3px; }

#manageprofile-container .container-grouping-players .btn-small {
  min-height: 30px;
  line-height: 30px;
  min-width: 8px; }
  #manageprofile-container .container-grouping-players .btn-small md-icon {
    font-size: 1em; }
  #manageprofile-container .container-grouping-players .btn-small.edit {
    background: #4b7183; }
    #manageprofile-container .container-grouping-players .btn-small.edit md-icon {
      color: #fff; }

#manageprofile-container .container-grouping-players .grouping-list {
  max-height: calc(100vh - 230px);
  overflow-x: hidden; }
  #manageprofile-container .container-grouping-players .grouping-list .cursor-pointer {
    cursor: pointer; }
  #manageprofile-container .container-grouping-players .grouping-list .group-widget {
    margin: 1px;
    margin-top: 5px;
    font-size: 0.8em; }
    #manageprofile-container .container-grouping-players .grouping-list .group-widget .md-fab.md-mini {
      line-height: 4rem;
      width: 4rem;
      height: 4rem;
      position: absolute;
      right: 0;
      /* top: -6px; */ }
    #manageprofile-container .container-grouping-players .grouping-list .group-widget .md-fab.md-mini-edit {
      line-height: 4rem;
      width: 4rem;
      height: 4rem;
      position: absolute;
      right: 0;
      bottom: -8px; }
    #manageprofile-container .container-grouping-players .grouping-list .group-widget .md-whiteframe-z2 {
      box-shadow: unset; }
    #manageprofile-container .container-grouping-players .grouping-list .group-widget > div {
      min-height: 25px;
      border-radius: 6px !important; }
    #manageprofile-container .container-grouping-players .grouping-list .group-widget > div > div.widget-content {
      padding: 0 4px;
      display: -ms-flexbox;
      display: flex; }
    #manageprofile-container .container-grouping-players .grouping-list .group-widget > div md-switch {
      margin-top: 0px;
      margin-bottom: 0px;
      height: 23px; }
    #manageprofile-container .container-grouping-players .grouping-list .group-widget.group-selected > div {
      background-color: #007510 !important;
      color: #fff !important;
      /* 
                    color: #000 !important;
                    font-size: 0.8em;*/ }
    #manageprofile-container .container-grouping-players .grouping-list .group-widget.account-selected > div {
      background-color: #4b7183 !important;
      color: #fff !important; }
      #manageprofile-container .container-grouping-players .grouping-list .group-widget.account-selected > div .link-ingroup {
        color: #fff; }
    #manageprofile-container .container-grouping-players .grouping-list .group-widget .link-ingroup {
      color: #4b7183;
      border-bottom: 1px solid #cecece; }
      #manageprofile-container .container-grouping-players .grouping-list .group-widget .link-ingroup:hover {
        border-bottom: 1px dotted; }
    #manageprofile-container .container-grouping-players .grouping-list .group-widget.InGroup {
      border: 2px solid #b30a0a; }

#manageprofile-container .container-grouping-players .grouping_header {
  font-weight: 700;
  margin-left: 20px;
  color: #013a00;
  font-size: 1.2em;
  height: 45px;
  /* .md-button{
                font-size: 0.6em;
            } */ }

#manageprofile-container .container-grouping-players .accounts_header {
  font-weight: 700;
  margin-left: 20px;
  color: #013a00;
  font-size: 1.2em;
  height: 45px; }
  #manageprofile-container .container-grouping-players .accounts_header .md-button {
    font-size: 0.6em; }
  #manageprofile-container .container-grouping-players .accounts_header .account-filter {
    margin: unset;
    margin-top: 10px; }

#manageprofile-container .container-grouping-players .w-100 {
  width: 100%; }

#horseprofileTableReport thead.md-head > tr.md-row {
  height: 40px; }

.horseprofileContentTableReport {
  width: 100% !important; }

.cog-network-stats {
  background: #fff; }
  .cog-network-stats .dates-input-container md-input-container {
    margin: 0;
    padding: 10px; }
    .cog-network-stats .dates-input-container md-input-container label, .cog-network-stats .dates-input-container md-input-container .md-errors-spacer {
      min-height: 0; }
    .cog-network-stats .dates-input-container md-input-container .md-input-message-animation:not(.ng-animate) {
      opacity: 1;
      margin-top: 0px;
      color: rgba(0, 0, 0, 0.7); }
  .cog-network-stats .dates-input-container label {
    margin-top: 5px;
    margin-left: 10px;
    font-size: 14px;
    min-width: 40px; }
  .cog-network-stats .dates-input-container .activated {
    background-color: green !important; }
  .cog-network-stats .dates-input-container .label-desc {
    width: 100px !important; }
  .cog-network-stats .dates-input-container .inputs-settings {
    width: 80px !important; }
  .cog-network-stats .dates-input-container .__filter-buttons-container-gt-xs button {
    background-color: #FF9800;
    color: #000000; }
    .cog-network-stats .dates-input-container .__filter-buttons-container-gt-xs button span:nth-child(2) {
      padding-left: 5px; }
  .cog-network-stats .dates-input-container .__filter-buttons-container-gt-xs .__add-button {
    background-color: green;
    color: #FFFFFF; }
  .cog-network-stats .dates-input-container .__select-stat {
    padding-left: 10px !important;
    padding-right: 10px !important; }
  .cog-network-stats md-datepicker .md-datepicker-button {
    display: none; }
  .cog-network-stats md-datepicker .md-datepicker-input-container {
    margin: 0;
    width: 100%;
    border-bottom: 0; }
    .cog-network-stats md-datepicker .md-datepicker-input-container input {
      font-size: 16px;
      font-weight: 600;
      min-width: 100%; }
  .cog-network-stats .__header {
    background-color: #3e535f;
    color: #FFFFFF; }
    .cog-network-stats .__header .__title {
      position: absolute;
      left: 5px;
      top: 12px; }
      @media screen and (min-width: 600px) and (max-width: 959px) and (orientation: landscape) {
        .cog-network-stats .__header .__title {
          top: 5px; } }
      .cog-network-stats .__header .__title .__title-icon {
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        background-size: contain;
        margin: 6px 10px 0px 0px; }
      .cog-network-stats .__header .__title .__title-label {
        text-transform: capitalize; }
    .cog-network-stats .__header .__select-stat .md-text {
      color: #FFFF !important; }
  .cog-network-stats .chart-container {
    position: relative;
    width: 100%; }
    .cog-network-stats .chart-container .text-stamp {
      color: #ad610a; }

#Rename-Report-container {
  /*CSS for Fix Header*/
  /*end css fix header*/ }
  #Rename-Report-container md-toolbar {
    min-height: 45px;
    height: 45px; }
    #Rename-Report-container md-toolbar .md-toolbar-tools {
      height: 45px; }
    #Rename-Report-container md-toolbar .header-icon {
      font-size: 1.35em;
      margin-right: 0.5em; }
  #Rename-Report-container .main-container {
    width: 100%; }
  #Rename-Report-container .md-table thead tr th span {
    font-size: 14px;
    letter-spacing: 0.02em; }
  #Rename-Report-container .md-table tbody tr td {
    font-size: 14px; }
  #Rename-Report-container .changes_container {
    display: block !important; }
  #Rename-Report-container .contentTable {
    width: 100%;
    height: 100%;
    position: relative; }
    #Rename-Report-container .contentTable .firstBodyRowColumn {
      padding-left: 25px; }
    #Rename-Report-container .contentTable .rightSide {
      position: relative;
      overflow: auto;
      z-index: 0;
      display: inline;
      width: 100%; }
      #Rename-Report-container .contentTable .rightSide #table_rows {
        border-spacing: inherit !important;
        border-collapse: separate; }
        #Rename-Report-container .contentTable .rightSide #table_rows thead th:first-child {
          width: 20%; }
        #Rename-Report-container .contentTable .rightSide #table_rows thead th:nth-child(2) {
          width: 20%; }
        #Rename-Report-container .contentTable .rightSide #table_rows thead th:nth-child(3) {
          width: 20%; }
        #Rename-Report-container .contentTable .rightSide #table_rows thead th:nth-child(4) {
          width: 20%; }
        #Rename-Report-container .contentTable .rightSide #table_rows thead th:nth-child(5) {
          width: 20%; }
        #Rename-Report-container .contentTable .rightSide #table_rows thead tr {
          min-height: 42px;
          height: 42px;
          background: #154758; }
        #Rename-Report-container .contentTable .rightSide #table_rows tbody tr {
          height: 42px; }
          #Rename-Report-container .contentTable .rightSide #table_rows tbody tr td {
            white-space: nowrap; }
          #Rename-Report-container .contentTable .rightSide #table_rows tbody tr td:nth-child(3) {
            white-space: normal !important; }
      #Rename-Report-container .contentTable .rightSide .custom > tbody > tr:hover {
        background: #fff !important; }
      #Rename-Report-container .contentTable .rightSide .custom > tbody > tr:hover:not(.removeBackground) {
        background: #e8f4f6 !important; }
      #Rename-Report-container .contentTable .rightSide .md-data-table > tbody > tr > td {
        border-bottom: 2px solid #cecece !important; }
  #Rename-Report-container .contentColumnHeader {
    position: absolute;
    overflow: hidden;
    z-index: 10; }
    #Rename-Report-container .contentColumnHeader table thead th:first-child {
      width: 20%; }
    #Rename-Report-container .contentColumnHeader table thead th:nth-child(2) {
      width: 20%; }
    #Rename-Report-container .contentColumnHeader table thead th:nth-child(3) {
      width: 20%; }
    #Rename-Report-container .contentColumnHeader table thead th:nth-child(4) {
      width: 20%; }
    #Rename-Report-container .contentColumnHeader table thead th:nth-child(5) {
      width: 20%; }
    #Rename-Report-container .contentColumnHeader table thead th {
      background: #154758; }
    #Rename-Report-container .contentColumnHeader table tr {
      height: 40px; }

.cogwebsiteinfo-options-toolbar {
  height: auto;
  min-height: 45px; }
  .cogwebsiteinfo-options-toolbar .md-toolbar-tools {
    background-color: #3e535f; }
    @media (max-width: 959px) and (min-width: 0) and (orientation: portrait), (max-width: 959px) and (min-width: 0) and (orientation: landscape) {
      .cogwebsiteinfo-options-toolbar .md-toolbar-tools {
        height: auto;
        max-height: none; } }
    .cogwebsiteinfo-options-toolbar .md-toolbar-tools > div {
      min-height: 45px;
      line-height: 45px; }
    .cogwebsiteinfo-options-toolbar .md-toolbar-tools h2 {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 1.6rem;
      font-weight: 500; }
  .cogwebsiteinfo-options-toolbar .header-icon {
    font-size: 1.35em;
    margin-right: .5em; }
  .cogwebsiteinfo-options-toolbar .md-button {
    margin-top: 6px;
    margin-bottom: 6px;
    padding-right: 12px;
    padding-left: 12px;
    font-size: .6em; }
    .cogwebsiteinfo-options-toolbar .md-button.md-raised {
      color: #c63e01;
      font-weight: 600; }
  .cogwebsiteinfo-options-toolbar .filter-more-btn {
    width: auto;
    min-width: 45px;
    height: auto;
    min-height: 45px;
    color: #fff;
    font-weight: 600;
    line-height: 45px; }
    .cogwebsiteinfo-options-toolbar .filter-more-btn.md-fab {
      background-color: #00b0ff; }
      .cogwebsiteinfo-options-toolbar .filter-more-btn.md-fab:not([disabled]):hover {
        background-color: #56c9fe; }
      .cogwebsiteinfo-options-toolbar .filter-more-btn.md-fab[disabled] {
        color: rgba(255, 255, 255, 0.125);
        box-shadow: none; }
  @media screen and (max-width: 599px) {
    .cogwebsiteinfo-options-toolbar .md-toolbar-tools > .md-toolbar-actions {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2; } }
  .cogwebsiteinfo-options-toolbar .btn-save {
    max-width: 200px;
    font-size: .65em;
    font-weight: 600; }
    .cogwebsiteinfo-options-toolbar .btn-save.md-accent.md-raised:not([disabled]), .cogwebsiteinfo-options-toolbar .btn-save.md-accent.md-raised:not([disabled]):hover, .cogwebsiteinfo-options-toolbar .btn-save.md-accent.md-fab:not([disabled]), .cogwebsiteinfo-options-toolbar .btn-save.md-accent.md-fab:not([disabled]):hover {
      color: #653408;
      background-color: #ffc019; }
    .cogwebsiteinfo-options-toolbar .btn-save[disabled], .cogwebsiteinfo-options-toolbar .btn-save.md-raised[disabled], .cogwebsiteinfo-options-toolbar .btn-save.md-fab[disabled], .cogwebsiteinfo-options-toolbar .btn-save.md-accent[disabled], .cogwebsiteinfo-options-toolbar .btn-save.md-warn[disabled] {
      color: rgba(255, 255, 255, 0.3);
      background-color: rgba(0, 0, 0, 0.2); }
    .cogwebsiteinfo-options-toolbar .btn-save i {
      font-size: 1.4em;
      padding-right: 5px; }

.cogwebsiteinfo-options-toolbar-nav {
  overflow-x: auto; }
  @media screen and (min-width: 960px) {
    .cogwebsiteinfo-options-toolbar-nav {
      margin-left: 12px; } }

.cog-dialog-inet-details .md-progress-container {
  width: 100%;
  min-height: 5px; }

@media screen and (max-width: 599px) {
  .cog-dialog-inet-details .md-dialog-content {
    padding: 12px; } }

.cog-dialog-inet-details .md-dialog-content-list {
  padding-left: 0;
  list-style: none; }

.cog-dialog-inet-details .md-dialog-content-item {
  padding: 12px; }
  .cog-dialog-inet-details .md-dialog-content-item md-input-container {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0; }
  @media screen and (max-width: 599px) {
    .cog-dialog-inet-details .md-dialog-content-item-phone {
      min-width: 200px;
      padding-top: 0px; } }
  .cog-dialog-inet-details .md-dialog-content-item-phone .md-dialog-info-error {
    font-size: .75em; }

.cog-dialog-inet-details .md-dialog-label {
  display: block;
  min-height: 24px;
  padding-bottom: 4px;
  color: rgba(0, 0, 0, 0.5);
  font-size: .875em;
  text-transform: uppercase; }

.cog-dialog-inet-details .md-dialog-info {
  min-height: 32px;
  word-break: break-all;
  -ms-hyphens: auto;
  hyphens: auto; }

.cog-dialog-inet-details .group-button .md-button {
  height: auto;
  min-height: 32px;
  padding: 0 6px;
  font-size: 14px;
  line-height: 32px; }
  .cog-dialog-inet-details .group-button .md-button.on, .cog-dialog-inet-details .group-button .md-button.on:hover {
    font-weight: 600;
    background-color: #4caf50 !important; }
  .cog-dialog-inet-details .group-button .md-button.off, .cog-dialog-inet-details .group-button .md-button.off:hover {
    font-weight: 600;
    background-color: #d32f2f !important; }

.cog-dialog-inet-details md-dialog-actions.layout-align-end-start, .cog-dialog-inet-details md-dialog-actions.layout-align-end-center, .cog-dialog-inet-details md-dialog-actions.layout-align-end-end {
  -ms-flex-pack: end !important;
      justify-content: flex-end !important; }

.cog-dialog-inet-details md-dialog-actions .md-button.md-warn.md-raised:not([disabled]) {
  color: rgba(255, 255, 255, 0.87);
  background-color: #f44336;
  transition: background-color .4s ease-in-out; }
  .cog-dialog-inet-details md-dialog-actions .md-button.md-warn.md-raised:not([disabled]):hover {
    background-color: #e53935; }

.cog-dialog-inet-details md-dialog-actions .md-button.md-warn:not(.md-raised):not([disabled]) {
  color: #f44336;
  transition: color .4s ease-in-out; }
  .cog-dialog-inet-details md-dialog-actions .md-button.md-warn:not(.md-raised):not([disabled]):hover {
    color: #e53935; }

.cog-dialog-domains .cog-domains-report-table .cogtransaction-debit-lbl {
  color: darkred;
  font-weight: 700; }

.cog-dialog-domains .cog-domains-report-table .cogtransaction-credit-lbl {
  color: darkgreen;
  font-weight: 700; }

.cog-dialog-domains .filter-more-btn {
  width: 35px;
  height: 35px;
  line-height: 4px;
  background-color: #00b0ff !important; }
  .cog-dialog-domains .filter-more-btn i {
    color: #cef0ff;
    padding-right: 0px !important;
    margin: 0px; }
  .cog-dialog-domains .filter-more-btn span {
    color: #cef0ff;
    margin-left: -2px; }

@media (max-width: 426px) {
  .cog-dialog-domains .cogtransactions-rpt-container {
    max-height: calc(100vh - 288px); } }

.cog-dialog-domains .cogtransactions-rpt-container.filterhide {
  max-height: calc(100vh - 110px); }
  @media (max-width: 426px) {
    .cog-dialog-domains .cogtransactions-rpt-container.filterhide {
      max-height: calc(100vh - 110px); } }

@media screen and (min-width: 600px) {
  .cog-dialog-inet-agents {
    min-width: 600px;
    max-height: none; } }

.cog-dialog-inet-agents md-toolbar.toolbar-default,
.cog-dialog-inet-agents md-toolbar .md-toolbar-tools {
  height: auto;
  min-height: 56px;
  line-height: 56px; }

.cog-dialog-inet-agents md-toolbar:not(.md-menu-toolbar) {
  color: #fff;
  background-color: #607d8b; }
  .cog-dialog-inet-agents md-toolbar:not(.md-menu-toolbar) md-icon {
    color: #fff;
    fill: #fff; }

.cog-dialog-inet-agents md-toolbar .md-toolbar-tools h1,
.cog-dialog-inet-agents md-toolbar .md-toolbar-tools h2,
.cog-dialog-inet-agents md-toolbar .md-toolbar-tools h3 {
  font-size: 16px; }

.cog-dialog-inet-agents .inet-agents-header input[type=search],
.cog-dialog-inet-agents .inet-agents-header select {
  box-sizing: border-box;
  min-height: 36px;
  padding: 0 14px;
  font-size: 14px;
  line-height: 36px;
  border: 1px solid rgba(96, 125, 139, 0.75);
  border-radius: 2px; }
  @media screen and (max-width: 599px) {
    .cog-dialog-inet-agents .inet-agents-header input[type=search],
    .cog-dialog-inet-agents .inet-agents-header select {
      max-width: 160px; } }
  .cog-dialog-inet-agents .inet-agents-header input[type=search]::-webkit-input-placeholder,
  .cog-dialog-inet-agents .inet-agents-header select::-webkit-input-placeholder {
    color: #607d8b; }
  .cog-dialog-inet-agents .inet-agents-header input[type=search]::-moz-placeholder,
  .cog-dialog-inet-agents .inet-agents-header select::-moz-placeholder {
    color: #607d8b; }
  .cog-dialog-inet-agents .inet-agents-header input[type=search]:-ms-input-placeholder,
  .cog-dialog-inet-agents .inet-agents-header select:-ms-input-placeholder {
    color: #607d8b; }
  .cog-dialog-inet-agents .inet-agents-header input[type=search]:-moz-placeholder,
  .cog-dialog-inet-agents .inet-agents-header select:-moz-placeholder {
    color: #607d8b; }

.cog-dialog-inet-agents .md-subheader {
  min-height: 32px;
  color: rgba(255, 255, 255, 0.87);
  line-height: 32px;
  background-color: #3e535f; }
  .cog-dialog-inet-agents .md-subheader .md-subheader-inner {
    width: 100%;
    padding: 0 !important; }
  .cog-dialog-inet-agents .md-subheader .md-subheader-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-right: 5px; }

.cog-dialog-inet-agents .md-dialog-subheader {
  font-weight: 600; }
  .cog-dialog-inet-agents .md-dialog-subheader .inet-agents-subheader-item {
    position: relative;
    padding: 0 10px; }
    .cog-dialog-inet-agents .md-dialog-subheader .inet-agents-subheader-item:not(:last-of-type) {
      border-right: 1px solid rgba(0, 0, 0, 0.125); }
  .cog-dialog-inet-agents .md-dialog-subheader md-icon.md-sort-icon {
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    color: rgba(255, 255, 255, 0.75) !important; }

.cog-dialog-inet-agents .alert {
  margin-top: 32px;
  margin-bottom: 32px;
  text-align: center; }

.cog-dialog-inet-agents md-dialog-content {
  padding: 0; }
  .cog-dialog-inet-agents md-dialog-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .cog-dialog-inet-agents md-dialog-content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }
  .cog-dialog-inet-agents md-dialog-content .md-dialog-content-container .md-dialog-list {
    height: calc(100vh - 88px);
    overflow-y: auto; }
    @media (min-width: 960px) {
      .cog-dialog-inet-agents md-dialog-content .md-dialog-content-container .md-dialog-list {
        height: auto;
        max-height: calc(100vh - 160px); } }
    .cog-dialog-inet-agents md-dialog-content .md-dialog-content-container .md-dialog-list .odd {
      background-color: #efefef; }
    .cog-dialog-inet-agents md-dialog-content .md-dialog-content-container .md-dialog-list .even {
      background-color: #e0e0e0; }
    .cog-dialog-inet-agents md-dialog-content .md-dialog-content-container .md-dialog-list::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      background-color: rgba(0, 0, 0, 0.1);
      transition: all .2s; }
    .cog-dialog-inet-agents md-dialog-content .md-dialog-content-container .md-dialog-list::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.35);
      border-radius: 4px;
      transition: all .2s; }
  .cog-dialog-inet-agents md-dialog-content .md-dialog-content-container md-list-item.md-no-proxy,
  .cog-dialog-inet-agents md-dialog-content .md-dialog-content-container md-list-item .md-no-style {
    padding-right: 0;
    padding-left: 0; }

.cog-dialog-inet-agents .inet-agents-table {
  font-size: .875em; }

.cog-dialog-inet-agents .inet-agents-table-row {
  height: 48px;
  min-height: 48px;
  line-height: 48px; }
  .cog-dialog-inet-agents .inet-agents-table-row:nth-child(even) {
    background-color: #f9f9f9; }
  .cog-dialog-inet-agents .inet-agents-table-row .inet-agents-table-cell:not(:last-of-type) {
    border-right: 1px solid rgba(0, 0, 0, 0.03125) !important; }

.cog-dialog-inet-agents .inet-agents-table-cell.agent-name {
  font-weight: 600; }

.cog-dialog-inet-agents .inet-agents-table-cell.is-true {
  color: #2e7d32;
  font-weight: 600; }

.cog-dialog-inet-agents .inet-agents-table-cell.is-false {
  color: #f44336;
  font-weight: 600; }

.cog-dialog-inet-agents .md-progress-container {
  width: 100%;
  min-height: 5px; }

.cog-dialog-inet-agents .cell-circle {
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 5px;
  background: #fff;
  border: 2px solid #666;
  color: #666;
  font: 20px Arial, sans-serif; }

.cog-theme-picker-dialog {
  min-width: 720px;
  max-width: 900px;
  width: 80vw;
  max-height: 85vh; }
  .cog-theme-picker-dialog md-toolbar.toolbar-default,
  .cog-theme-picker-dialog md-toolbar .md-toolbar-tools {
    height: auto;
    min-height: 56px;
    line-height: 56px; }
  .cog-theme-picker-dialog md-toolbar:not(.md-menu-toolbar) {
    color: #fff;
    background-color: #607d8b; }
    .cog-theme-picker-dialog md-toolbar:not(.md-menu-toolbar) md-icon {
      color: #fff;
      fill: #fff; }
  .cog-theme-picker-dialog md-toolbar .md-toolbar-tools h1, .cog-theme-picker-dialog md-toolbar .md-toolbar-tools h2, .cog-theme-picker-dialog md-toolbar .md-toolbar-tools h3 {
    font-size: 16px; }
  .cog-theme-picker-dialog .theme-picker-variant-row {
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 14px 16px 8px;
    background: #f5f7f8; }
    .cog-theme-picker-dialog .theme-picker-variant-row .theme-picker-variant-btn {
      -ms-flex: 1;
          flex: 1;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      gap: 8px;
      padding: 10px 16px;
      background: #fff;
      border: 1px solid #cfd8dc;
      border-radius: 4px;
      font-size: 14px;
      font-weight: 600;
      color: #607d8b;
      cursor: pointer;
      transition: all 0.15s ease; }
      .cog-theme-picker-dialog .theme-picker-variant-row .theme-picker-variant-btn i {
        font-size: 16px; }
      .cog-theme-picker-dialog .theme-picker-variant-row .theme-picker-variant-btn:hover {
        border-color: #607d8b;
        color: #455a64; }
      .cog-theme-picker-dialog .theme-picker-variant-row .theme-picker-variant-btn.active {
        background: #00b0ff;
        border-color: #00b0ff;
        color: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); }
  .cog-theme-picker-dialog .theme-picker-search-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    gap: 12px;
    padding: 8px 16px 12px;
    background: #f5f7f8;
    border-bottom: 1px solid #e0e0e0; }
    .cog-theme-picker-dialog .theme-picker-search-row .theme-picker-search-label {
      font-size: 12px;
      font-weight: 600;
      color: #455a64;
      text-transform: uppercase;
      letter-spacing: 0.05em; }
    .cog-theme-picker-dialog .theme-picker-search-row .theme-picker-search-input {
      -ms-flex: 1;
          flex: 1;
      background: #fff;
      border: 1px solid #cfd8dc;
      border-radius: 4px;
      padding: 6px 12px;
      height: 34px;
      font-size: 14px;
      color: #263238; }
      .cog-theme-picker-dialog .theme-picker-search-row .theme-picker-search-input:-ms-input-placeholder {
        color: #90a4ae; }
      .cog-theme-picker-dialog .theme-picker-search-row .theme-picker-search-input::placeholder {
        color: #90a4ae; }
      .cog-theme-picker-dialog .theme-picker-search-row .theme-picker-search-input:focus {
        outline: none;
        border-color: #607d8b;
        box-shadow: 0 0 0 2px rgba(96, 125, 139, 0.12); }
  .cog-theme-picker-dialog .theme-picker-content {
    padding: 0;
    background: #fafafa; }
  .cog-theme-picker-dialog .theme-picker-list {
    padding: 0; }
  .cog-theme-picker-dialog .theme-picker-group + .theme-picker-group {
    border-top: 1px solid #e0e0e0; }
  .cog-theme-picker-dialog .theme-picker-group-header {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #eceff1;
    color: #455a64;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 6px 16px;
    border-bottom: 1px solid #cfd8dc; }
  .cog-theme-picker-dialog .theme-picker-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 8px 16px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.15s ease;
    gap: 12px; }
    .cog-theme-picker-dialog .theme-picker-item:hover {
      background: #e3f2fd; }
    .cog-theme-picker-dialog .theme-picker-item.selected {
      background: #b3e5fc;
      font-weight: 600; }
    .cog-theme-picker-dialog .theme-picker-item .theme-picker-item-icon {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      width: 34px;
      height: 22px;
      float: none;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      line-height: 22px;
      color: #607d8b;
      font-size: 18px; }
      .cog-theme-picker-dialog .theme-picker-item .theme-picker-item-icon.fa, .cog-theme-picker-dialog .theme-picker-item .theme-picker-item-icon.fas, .cog-theme-picker-dialog .theme-picker-item .theme-picker-item-icon.far, .cog-theme-picker-dialog .theme-picker-item .theme-picker-item-icon.fab {
        background: none; }
    .cog-theme-picker-dialog .theme-picker-item .theme-picker-item-name {
      -ms-flex: 1;
          flex: 1; }
    .cog-theme-picker-dialog .theme-picker-item .theme-picker-item-variant {
      font-size: 11px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      padding: 2px 8px;
      border-radius: 10px;
      background: #424242;
      color: #fff; }
    .cog-theme-picker-dialog .theme-picker-item .theme-picker-item-variant.theme-picker-item-light {
      background: #ffd54f;
      color: #5d4037; }
  .cog-theme-picker-dialog md-dialog-actions {
    border-top: 1px solid #e0e0e0;
    padding: 8px 16px; }
  .cog-theme-picker-dialog.is-dark {
    background: #1c2025;
    color: #e0e6eb; }
    .cog-theme-picker-dialog.is-dark md-toolbar:not(.md-menu-toolbar) {
      background-color: #0f1216; }
    .cog-theme-picker-dialog.is-dark .theme-picker-variant-row,
    .cog-theme-picker-dialog.is-dark .theme-picker-search-row {
      background: #161a1f;
      border-bottom-color: #2a313a; }
    .cog-theme-picker-dialog.is-dark .theme-picker-variant-btn {
      background: #2a313a;
      border-color: #3a424d;
      color: #b0bec5; }
      .cog-theme-picker-dialog.is-dark .theme-picker-variant-btn:hover {
        border-color: #607d8b;
        color: #eceff1; }
      .cog-theme-picker-dialog.is-dark .theme-picker-variant-btn.active {
        background: #00b0ff;
        border-color: #00b0ff;
        color: #fff; }
    .cog-theme-picker-dialog.is-dark .theme-picker-search-label {
      color: #90a4ae; }
    .cog-theme-picker-dialog.is-dark .theme-picker-search-input {
      background: #2a313a;
      border-color: #3a424d;
      color: #eceff1; }
      .cog-theme-picker-dialog.is-dark .theme-picker-search-input:-ms-input-placeholder {
        color: #607d8b; }
      .cog-theme-picker-dialog.is-dark .theme-picker-search-input::placeholder {
        color: #607d8b; }
      .cog-theme-picker-dialog.is-dark .theme-picker-search-input:focus {
        border-color: #00b0ff;
        box-shadow: 0 0 0 2px rgba(0, 176, 255, 0.2); }
    .cog-theme-picker-dialog.is-dark .theme-picker-content,
    .cog-theme-picker-dialog.is-dark .theme-picker-list {
      background: #1c2025; }
    .cog-theme-picker-dialog.is-dark .theme-picker-group + .theme-picker-group {
      border-top-color: #2a313a; }
    .cog-theme-picker-dialog.is-dark .theme-picker-group-header {
      background: #11151a;
      color: #90a4ae;
      border-bottom-color: #2a313a; }
    .cog-theme-picker-dialog.is-dark .theme-picker-item {
      border-bottom-color: #242a31;
      color: #e0e6eb; }
      .cog-theme-picker-dialog.is-dark .theme-picker-item:hover {
        background: #2a313a; }
      .cog-theme-picker-dialog.is-dark .theme-picker-item.selected {
        background: #01579b;
        color: #fff; }
      .cog-theme-picker-dialog.is-dark .theme-picker-item .theme-picker-item-icon {
        color: #b0bec5;
        filter: brightness(1.15) saturate(1.1); }
    .cog-theme-picker-dialog.is-dark md-dialog-actions {
      border-top-color: #2a313a;
      background: #161a1f; }
      .cog-theme-picker-dialog.is-dark md-dialog-actions .md-button {
        color: #b0bec5; }

@media screen and (min-width: 1920px) {
  .modal-signup-config[class*="flex-gt-lg-"] {
    max-width: 720px;
    -ms-flex-preferred-size: 720px;
        flex-basis: 720px; } }

.modal-signup-config md-toolbar {
  min-height: 48px; }

.modal-signup-config .md-toolbar-tools {
  height: 48px;
  max-height: 48px; }
  .modal-signup-config .md-toolbar-tools md-icon,
  .modal-signup-config .md-toolbar-tools .md-icon-button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center; }
  .modal-signup-config .md-toolbar-tools .md-icon-button {
    -ms-flex-pack: center;
        justify-content: center; }

.modal-signup-config md-dialog-content md-input-container:last-child {
  margin-bottom: 0; }

@media screen and (max-width: 599px) {
  .modal-signup-config md-dialog-content {
    -ms-flex-positive: 1;
        flex-grow: 1; } }

.modal-signup-config md-input-container.md-input-invalid > md-icon {
  color: #ff6d00; }

.modal-signup-config md-dialog-actions {
  padding-left: 8px; }
  .modal-signup-config md-dialog-actions > .md-button:first-child {
    margin-left: 0; }

.back-to-top {
  position: fixed;
  bottom: 20px;
  border-radius: 50px;
  background-color: #273236;
  transform: translateZ(0);
  will-change: transform; }
  .back-to-top md-icon {
    color: white; }

.ngb-tp .ngb-tp-spacer {
  padding-left: 5px;
  padding-right: 5px; }

.ngb-tp .ngb-tp-input {
  display: block;
  width: 30px;
  height: calc(1.5em + .75rem);
  /* padding: .375rem .75rem; */
  font-size: 12px;
  font-weight: 400;
  /* line-height: 1.5; */
  text-align: center;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: .25rem;
  margin: unset !important; }
  .ngb-tp .ngb-tp-input .md-select-icon {
    display: none !important; }
  .ngb-tp .ngb-tp-input .md-select-value {
    min-width: 30px !important; }

.ngb-tp .btn {
  color: #007bff;
  border-color: #007bff;
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #007bff;
  /*  padding: .375rem .75rem;  */
  line-height: 1;
  border-radius: .25rem;
  height: calc(1.5em + 1.2rem);
  margin-left: 5px;
  margin-right: 5px; }

#addOneAgent-container .addPlayersStep1 {
  margin-left: auto;
  margin-right: auto; }

#cmbAgentSelect {
  margin-top: 10px; }

.addOneAgent-container .Title_header {
  font-weight: 700;
  color: #013a00;
  font-size: 1.2em;
  height: 30px; }

#Office, #WebSite {
  border-color: #d8d8d8;
  border-width: thin;
  background-color: #eee;
  color: #000; }

.re-confirm md-toolbar:not(.md-menu-toolbar).md-warn,
.re-confirm .md-button.md-warn:not(.md-raised) {
  background-color: red;
  color: #fff; }

.re-confirm .md-button.md-warn:not(.md-raised) {
  font-weight: bold; }

.re-confirm .md-button.md-warn:not(.md-raised):not([disabled]):hover {
  background-color: darkred; }

.bb-info-dialog {
  max-width: 560px;
  width: 560px;
  border-radius: 10px;
  overflow: hidden; }
  .bb-info-dialog .bb-info-toolbar {
    background: linear-gradient(135deg, #2c2e40 0%, #1f2030 100%);
    min-height: 52px; }
    .bb-info-dialog .bb-info-toolbar .md-toolbar-tools {
      height: 52px;
      max-height: 52px; }
    .bb-info-dialog .bb-info-toolbar .bb-info-toolbar-icon {
      color: #ffffff;
      margin-right: 10px; }
    .bb-info-dialog .bb-info-toolbar .bb-info-title {
      color: #ffffff;
      font-size: 17px;
      font-weight: 600;
      margin: 0; }
  .bb-info-dialog md-dialog-content {
    background-color: #f5f6fa; }
  .bb-info-dialog .bb-info-content {
    padding: 16px 20px 8px 20px;
    text-align: left; }
  .bb-info-dialog .bb-info-section {
    background: #ffffff;
    border: 1px solid #e3e6ef;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 14px;
    box-shadow: 0 1px 3px rgba(44, 46, 64, 0.06); }
    .bb-info-dialog .bb-info-section .bb-info-section-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: start;
          justify-content: flex-start;
      text-align: left;
      font-size: 14px;
      font-weight: 700;
      color: #2c2e40;
      margin-bottom: 10px;
      padding-bottom: 8px;
      border-bottom: 1px solid #eef0f6; }
      .bb-info-dialog .bb-info-section .bb-info-section-header md-icon {
        color: #2c2e40;
        font-size: 16px;
        width: 16px;
        height: 16px;
        margin-right: 8px; }
  .bb-info-dialog .bb-rule {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 7px 0;
    border-bottom: 1px dashed #eef0f6; }
    .bb-info-dialog .bb-rule:last-of-type {
      border-bottom: none; }
    .bb-info-dialog .bb-rule .bb-rule-cond {
      -ms-flex: 0 0 42%;
          flex: 0 0 42%;
      font-size: 12.5px;
      font-weight: 600;
      color: #37474f;
      padding-right: 8px; }
    .bb-info-dialog .bb-rule .bb-rule-arrow {
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
      color: #9aa3c7;
      font-size: 12px;
      width: 14px;
      height: 14px;
      margin: 0 6px; }
    .bb-info-dialog .bb-rule .bb-rule-result {
      -ms-flex: 1;
          flex: 1;
      font-size: 12.5px;
      color: #546e7a;
      line-height: 1.35; }
  .bb-info-dialog .bb-info-note {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    margin-top: 10px;
    padding: 8px 10px;
    background: #eceef5;
    border-left: 3px solid #2c2e40;
    border-radius: 4px;
    font-size: 12px;
    color: #2c2e40; }
    .bb-info-dialog .bb-info-note md-icon {
      color: #2c2e40;
      font-size: 13px;
      width: 13px;
      height: 13px;
      margin-right: 8px;
      margin-top: 1px; }
  .bb-info-dialog .bb-color-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 5px 0;
    font-size: 13px; }
    .bb-info-dialog .bb-color-row .bb-color-dot {
      font-size: 14px;
      margin-right: 10px;
      line-height: 1; }
    .bb-info-dialog .bb-color-row .bb-color-label {
      font-weight: 600; }
    .bb-info-dialog .bb-color-row .hint-agent {
      color: darkred; }
    .bb-info-dialog .bb-color-row .hint-player-wager {
      color: #ff6a00; }
    .bb-info-dialog .bb-color-row .hint-player-override {
      color: #0026ff; }
    .bb-info-dialog .bb-color-row .hint-default {
      color: #000000; }
  .bb-info-dialog md-dialog-actions {
    background-color: #f5f6fa;
    border-top: 1px solid #e3e6ef;
    padding: 8px 16px; }
    .bb-info-dialog md-dialog-actions .bb-info-close {
      background-color: #2c2e40;
      color: #ffffff;
      border-radius: 6px;
      text-transform: none;
      font-weight: 600; }

.BBSend_MultipleOptionsSelect {
  margin-left: 11px !important; }

@media (max-width: 736px) {
  #bbSendDialog md-dialog-content {
    padding: 0; } }

@media (max-width: 736px) {
  #bbSendDialog .md-title {
    white-space: nowrap; } }

@media (max-width: 1440px) {
  #bbSendDialog {
    max-width: 98%; } }

#bbSendDialog #sendRowTableReport thead.md-head > tr.md-row {
  height: 40px; }

#bbSendDialog .dvHeaderConfirm {
  color: #fff;
  background-color: #f27a18;
  font-weight: 500 !important;
  text-align: center !important; }

#bbSendDialog .icnReview {
  font-size: 20px !important;
  padding: 0 8px; }

#bbSendDialog .affectedInformation {
  padding: 7px 12px;
  text-align: left;
  font-weight: 500;
  font-size: 26px; }

#bbSendDialog .affectedInformation-result {
  padding: 7px 12px;
  text-align: left;
  color: #444545;
  font-weight: 500;
  font-size: 26px; }

#bbSendDialog .md-button.cancelrayo {
  color: rgba(0, 0, 0, 0.87);
  background-color: #b0bec5; }

#bbSendDialog .md-button.cancelrayo:hover:not([disabled]) {
  background-color: #455a64;
  color: #fff; }
  #bbSendDialog .md-button.cancelrayo:hover:not([disabled]) md-icon {
    color: #fff; }

#bbSendDialog .md-button.sendrayo:disabled {
  background-color: #f7ac6fd1 !important; }
  #bbSendDialog .md-button.sendrayo:disabled md-icon {
    color: #cccccc; }

#bbSendDialog .md-button.sendrayo:not([disabled]) {
  background-color: #f27a18d1 !important;
  color: #fff; }
  #bbSendDialog .md-button.sendrayo:not([disabled]) md-icon {
    color: #fff; }

#bbSendDialog .md-button.sendrayo:hover:not([disabled]) {
  background-color: #ef6c00 !important;
  color: #fff; }
  #bbSendDialog .md-button.sendrayo:hover:not([disabled]) md-icon {
    color: #fff; }

#bbSendDialog .label-restriccions {
  color: #c32b00;
  font: bold 16px arial, helvetica, sans-serif; }

#bbSendDialog .bbSendRow-form-container .columHeaderBackColor {
  background: #6aba6a !important;
  border-style: none !important; }
  #bbSendDialog .bbSendRow-form-container .columHeaderBackColor .md-input {
    color: #ffffff !important; }

#bbSendDialog .bbSendRow-form-container .columBackColor {
  background-color: #6aba6a !important;
  color: #ffffff !important; }
  #bbSendDialog .bbSendRow-form-container .columBackColor .md-input {
    color: #ffffff !important; }

#bbSendDialog .bbSendRow-form-container .headerFilter {
  background: #ffffff !important;
  border-style: none !important;
  text-transform: uppercase; }
  #bbSendDialog .bbSendRow-form-container .headerFilter .md-select-value {
    border-bottom-style: none; }
    #bbSendDialog .bbSendRow-form-container .headerFilter .md-select-value .md-text {
      font-size: 1.2em !important; }
  #bbSendDialog .bbSendRow-form-container .headerFilter md-select {
    margin: 0px 0 0px 0; }

#bbSendDialog .bbSendRow-form-container .md-select-value > span:not(.md-select-icon) {
  margin-left: 38px; }

#bbSendDialog .bbSendRow-form-container md-coginput-container.cog-input-container {
  position: relative;
  text-transform: uppercase;
  top: 0;
  transform: none !important; }
  #bbSendDialog .bbSendRow-form-container md-coginput-container.cog-input-container div md-select, #bbSendDialog .bbSendRow-form-container md-coginput-container.cog-input-container div input, #bbSendDialog .bbSendRow-form-container md-coginput-container.cog-input-container div textarea {
    font-size: 13px; }

#bbSendDialog .bbSendRow-form-container table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), #bbSendDialog .bbSendRow-form-container table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 0px 0 0; }

#bbSendDialog .bbSendRow-form-container .titleHeader {
  padding: 0px 1px 0px 1px !important; }
  #bbSendDialog .bbSendRow-form-container .titleHeader.clickmode {
    cursor: pointer !important; }

#bbSendDialog .bbSendRow-form-container table.md-table th.md-column.customHeader > * {
  height: 30px;
  width: 200px !important;
  padding: 0 0px; }
  @media only screen and (min-width: 960px) and (max-width: 1170px) {
    #bbSendDialog .bbSendRow-form-container table.md-table th.md-column.customHeader > * {
      max-width: 150px !important; } }
  @media only screen and (max-width: 959px) {
    #bbSendDialog .bbSendRow-form-container table.md-table th.md-column.customHeader > * {
      max-width: 90px !important; } }

#bbSendDialog .bbSendRow-form-container table.md-table td.md-cell, #bbSendDialog .bbSendRow-form-container table.md-table th.md-column {
  width: 200px !important;
  padding: 0 0px;
  font-size: 0.9em !important;
  /*@media only screen and (max-width:959px) {
                max-width: 90px !important;
            }*/ }
  @media only screen and (min-width: 960px) and (max-width: 1170px) {
    #bbSendDialog .bbSendRow-form-container table.md-table td.md-cell, #bbSendDialog .bbSendRow-form-container table.md-table th.md-column {
      max-width: 150px !important; } }

#bbSendDialog .bbSendRow-form-container .hoverTable .md-title {
  text-transform: uppercase; }

#bbSendDialog .bbSendRow-form-container table.md-table th.md-column:not(.columHeaderBackColor) {
  background: #dcdcdc;
  border-color: #cccccc !important;
  border-style: solid;
  border-width: thin;
  color: rgba(0, 0, 0, 0.3) !important;
  white-space: nowrap !important;
  text-align: center !important; }

#bbSendDialog .bbSendRow-form-container .md-input-cogbackbone-container {
  display: inline-block;
  position: relative;
  margin: 0px 0;
  vertical-align: middle !important; }

#bbSendDialog .bbSendRow-form-container .backbone-input {
  width: 100px;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  border-width: 1px 1px 1px 1px;
  /*@media only screen and (max-width:736px) {
                width: 95% !important;
            }*/ }

#bbSendDialog .bbSendRow-form-container .typeHighlightColor {
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: #006700 !important;
  width: 85px;
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important; }

#bbSendDialog .bbSendRow-form-container table.md-table td.md-cell md-switch, #bbSendDialog .bbSendRow-form-container table.md-table th.md-column md-switch {
  height: 0px; }

#bbSendDialog .bbSendRow-form-container .widget {
  min-height: 0px; }

#bbSendDialog .bbSendRow-form-container #sendTableParameters td.md-cell {
  border-top: 0px; }

#bbSendDialog .bbSendRow-form-container #sendTableParameters tbody tr td {
  border-bottom: 0px; }

#bbSendDialog .bbSendRow-form-container #sendTableParameters tbody.md-body > tr.md-row {
  height: 35px; }

.BBSend_MultipleOptionsSelect {
  margin-left: 11px !important; }

#bbSendDialog {
  /*blue*/
  /*end blue*/ }
  #bbSendDialog #sendRowTableReport thead.md-head > tr.md-row {
    height: 40px; }
  #bbSendDialog .dvHeaderConfirm {
    color: #fff;
    background-color: #f27a18;
    font-weight: 500 !important;
    text-align: center !important; }
  #bbSendDialog .icnReview {
    font-size: 20px !important;
    padding: 0 8px; }
  #bbSendDialog .affectedInformation {
    padding: 7px 12px;
    text-align: left;
    font-weight: 500;
    font-size: 26px; }
  #bbSendDialog .affectedInformation-result {
    padding: 7px 12px;
    text-align: left;
    color: #444545;
    font-weight: 500;
    font-size: 26px; }
  #bbSendDialog .md-button.cancelrayo {
    color: rgba(0, 0, 0, 0.87);
    background-color: #b0bec5; }
  #bbSendDialog .md-button.cancelrayo:hover:not([disabled]) {
    background-color: #455a64;
    color: #fff; }
    #bbSendDialog .md-button.cancelrayo:hover:not([disabled]) md-icon {
      color: #fff; }
  #bbSendDialog .md-button.sendrayo:disabled {
    background-color: #f7ac6fd1 !important; }
    #bbSendDialog .md-button.sendrayo:disabled md-icon {
      color: #cccccc; }
  #bbSendDialog .md-button.sendrayo:not([disabled]) {
    background-color: #f27a18d1 !important;
    color: #fff; }
    #bbSendDialog .md-button.sendrayo:not([disabled]) md-icon {
      color: #fff; }
  #bbSendDialog .md-button.sendrayo:hover:not([disabled]) {
    background-color: #ef6c00 !important;
    color: #fff; }
    #bbSendDialog .md-button.sendrayo:hover:not([disabled]) md-icon {
      color: #fff; }
  #bbSendDialog .md-button.blue:not([disabled]) {
    background-color: #5a7c9e !important;
    border-color: #5a7c9e !important; }
  #bbSendDialog .md-button.blue:disabled {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-color: rgba(0, 0, 0, 0.5) !important; }
  #bbSendDialog .md-button.blue:hover:not([disabled]) {
    background-color: #5486b8 !important;
    border-color: #5486b8 !important; }
  #bbSendDialog .label-restriccions {
    color: #c32b00;
    font: bold 16px arial, helvetica, sans-serif;
    margin-right: 15px; }
  #bbSendDialog .bbSendRow-form-container {
    /*table.md-table td.md-cell > *, table.md-table th.md-column.customHeader > * , table.md-table th.md-column.columHeaderBackColor > *{
        table.md-table td.md-cell.customCell > *, table.md-table th.md-column.customHeader > * {*/ }
    #bbSendDialog .bbSendRow-form-container .columHeaderBackColor {
      background: #6aba6a !important;
      border-style: none !important; }
      #bbSendDialog .bbSendRow-form-container .columHeaderBackColor .md-input {
        color: #ffffff !important; }
    #bbSendDialog .bbSendRow-form-container .columBackColor {
      background-color: #6aba6a !important;
      color: #ffffff !important; }
      #bbSendDialog .bbSendRow-form-container .columBackColor .md-input {
        color: #ffffff !important; }
    #bbSendDialog .bbSendRow-form-container .headerFilter {
      background: #ffffff !important;
      border-style: none !important;
      text-transform: uppercase; }
      #bbSendDialog .bbSendRow-form-container .headerFilter .md-select-value {
        border-bottom-style: none; }
        #bbSendDialog .bbSendRow-form-container .headerFilter .md-select-value .md-text {
          font-size: 1.2em !important; }
      #bbSendDialog .bbSendRow-form-container .headerFilter md-select {
        margin: 0px 0 0px 0; }
    #bbSendDialog .bbSendRow-form-container .md-select-value > span:not(.md-select-icon) {
      margin-left: 38px; }
    #bbSendDialog .bbSendRow-form-container md-coginput-container.cog-input-container {
      position: relative;
      text-transform: uppercase;
      top: 0;
      transform: none !important; }
      #bbSendDialog .bbSendRow-form-container md-coginput-container.cog-input-container div md-select, #bbSendDialog .bbSendRow-form-container md-coginput-container.cog-input-container div input, #bbSendDialog .bbSendRow-form-container md-coginput-container.cog-input-container div textarea {
        font-size: 13px; }
    #bbSendDialog .bbSendRow-form-container table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), #bbSendDialog .bbSendRow-form-container table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
      padding: 0 0px 0 0; }
    #bbSendDialog .bbSendRow-form-container .titleHeader {
      padding: 0px 1px 0px 1px !important; }
    #bbSendDialog .bbSendRow-form-container table.md-table th.md-column.customHeader > * {
      height: 30px;
      width: 200px !important;
      padding: 0 0px; }
    #bbSendDialog .bbSendRow-form-container table.md-table td.md-cell, #bbSendDialog .bbSendRow-form-container table.md-table th.md-column {
      width: 200px !important;
      padding: 0 0px;
      font-size: 0.9em !important; }
    #bbSendDialog .bbSendRow-form-container .hoverTable .md-title {
      text-transform: uppercase; }
    #bbSendDialog .bbSendRow-form-container table.md-table th.md-column:not(.columHeaderBackColor) {
      background: #dcdcdc;
      border-color: #cccccc !important;
      border-style: solid;
      border-width: thin;
      color: rgba(0, 0, 0, 0.3) !important;
      white-space: nowrap !important;
      text-align: center !important; }
    #bbSendDialog .bbSendRow-form-container .md-input-cogbackbone-container {
      display: inline-block;
      position: relative;
      margin: 0px 0;
      vertical-align: middle !important; }
    #bbSendDialog .bbSendRow-form-container .backbone-input {
      width: 100px;
      text-align: center;
      font-size: 1.2em;
      font-weight: bold;
      border-width: 1px 1px 1px 1px; }
    #bbSendDialog .bbSendRow-form-container .typeHighlightColor {
      background-color: #efeff0 !important;
      border-right: 1px solid #ddd;
      border-left: 1px solid #ddd;
      color: #006700 !important;
      width: 85px;
      border-top: 1px solid #ddd !important;
      border-bottom: 1px solid #ddd !important; }
    #bbSendDialog .bbSendRow-form-container table.md-table td.md-cell md-switch, #bbSendDialog .bbSendRow-form-container table.md-table th.md-column md-switch {
      height: 0px; }
    #bbSendDialog .bbSendRow-form-container .widget {
      min-height: 0px; }
    #bbSendDialog .bbSendRow-form-container #sendTableParameters td.md-cell {
      border-top: 0px; }
    #bbSendDialog .bbSendRow-form-container #sendTableParameters tbody tr td {
      border-bottom: 0px; }
    #bbSendDialog .bbSendRow-form-container #sendTableParameters tbody.md-body > tr.md-row {
      height: 35px; }
    #bbSendDialog .bbSendRow-form-container .blueBackColor {
      background: #5a7c9e !important;
      color: #fff !important; }
    #bbSendDialog .bbSendRow-form-container .blueTextColor {
      color: #0026ff !important;
      font-weight: bold; }
    #bbSendDialog .bbSendRow-form-container .ddIdStore {
      min-width: 200px !important;
      max-width: 200px !important; }

#bbSendTeamTotalDialog {
  width: 450px; }
  #bbSendTeamTotalDialog .overrideClass {
    margin-top: 5px;
    margin-left: 10px;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: bold; }
    #bbSendTeamTotalDialog .overrideClass .overrideBlueClass {
      color: blue; }
  #bbSendTeamTotalDialog .highlight {
    color: blue; }

#leaguesOffDialog .overrideClass {
  margin-top: 5px;
  margin-left: 10px;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold; }
  #leaguesOffDialog .overrideClass .overrideBlueClass {
    color: blue; }

#leaguesOffDialog .md-title {
  font-size: 16px; }

#massRemoveBlueDialog {
  width: 550px; }
  #massRemoveBlueDialog .confirm-btn:disabled, #massRemoveBlueDialog .remove-btn:disabled {
    background-color: #dfdfdf !important;
    color: #c0c0c0 !important; }
  #massRemoveBlueDialog .remove-btn {
    background-color: #cc5200 !important;
    color: white !important; }
  #massRemoveBlueDialog .wagerTypeLabel {
    font-size: 18px;
    font-weight: 700;
    margin: 3px 8px 10px 8px; }
  #massRemoveBlueDialog .info, #massRemoveBlueDialog .info-confirm {
    text-align: center;
    color: #414141;
    font-size: 13px; }
    #massRemoveBlueDialog .info i, #massRemoveBlueDialog .info-confirm i {
      margin-right: 10px;
      margin-left: 15px;
      scale: 1.7; }
  #massRemoveBlueDialog .in-blue {
    color: #005baf;
    font-size: 1.3em;
    font-weight: 700; }
  #massRemoveBlueDialog .info-confirm {
    color: #832500;
    margin-top: 15px;
    font-size: 14px;
    padding: 10px 15px;
    border: solid 1px #f3dac8;
    background-color: #fff7ed;
    border-radius: 3px; }
  #massRemoveBlueDialog .amount-option, #massRemoveBlueDialog .noyes-option {
    font-weight: 700;
    margin-left: 4px;
    font-size: 1.3em; }
  #massRemoveBlueDialog .amount-option {
    color: #000000; }
  #massRemoveBlueDialog .noyes-option {
    color: #c56900; }
  #massRemoveBlueDialog .optionsContainer {
    padding: 10px;
    border: solid 1px #d6d6d6;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #fdfdfd; }
  #massRemoveBlueDialog .option-btn {
    background-color: #ffffff;
    color: #700c0c;
    width: 95%;
    font-size: 13px; }
    #massRemoveBlueDialog .option-btn:hover {
      background-color: rgba(114, 0, 0, 0.788);
      color: white; }
      #massRemoveBlueDialog .option-btn:hover .amount-option, #massRemoveBlueDialog .option-btn:hover .noyes-option {
        color: #ffffff !important; }
    #massRemoveBlueDialog .option-btn.selected {
      background-color: #242424;
      color: white; }
      #massRemoveBlueDialog .option-btn.selected i {
        scale: 1.6;
        margin-right: 12px; }
      #massRemoveBlueDialog .option-btn.selected .amount-option, #massRemoveBlueDialog .option-btn.selected .noyes-option {
        color: #abe0ff !important; }
    #massRemoveBlueDialog .option-btn i {
      scale: 1.3;
      margin-right: 8px;
      margin-top: 4px; }
  #massRemoveBlueDialog md-dialog-actions {
    padding: 10px 15px; }
    #massRemoveBlueDialog md-dialog-actions .md-button {
      margin: 4px 8px;
      border-top: solid 1px #f0f0f0;
      box-shadow: 0px 2px 1px 1px rgba(0, 0, 0, 0.08); }

#sendAttributesDialog .overrideClass {
  margin-top: 5px;
  margin-left: 10px;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold; }
  #sendAttributesDialog .overrideClass .overrideBlueClass {
    color: blue; }

#sendAttributesDialog .highlight {
  color: blue; }

.games-hisotry-table .gridHeader {
  background-color: #335c66;
  color: white; }

.games-hisotry-table .header-container {
  font-size: 15px;
  min-height: 35px;
  line-height: 2.5; }

.games-hisotry-table .footer-container {
  min-height: 35px;
  line-height: 2.1;
  padding: 0 15px;
  background-color: #fff;
  border-top: 2px #000 solid; }

.games-hisotry-table .md-accordion .expandCollapse {
  width: 30px;
  height: 30px;
  font-weight: bold;
  cursor: pointer;
  color: #000;
  display: inline;
  overflow: hidden;
  margin-right: 1.2em; }
  .games-hisotry-table .md-accordion .expandCollapse:active {
    border: 0px; }
  .games-hisotry-table .md-accordion .expandCollapse::before, .games-hisotry-table .md-accordion .expandCollapse::after {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    line-height: 34px;
    text-align: center;
    transition: .1s all ease-out; }
  .games-hisotry-table .md-accordion .expandCollapse::before {
    opacity: 1;
    transform: rotate(0deg);
    margin-left: 2px;
    margin-top: -1px;
    content: "|"; }
  .games-hisotry-table .md-accordion .expandCollapse::after {
    opacity: 1;
    transform: rotate(-90deg);
    content: "|"; }

.games-hisotry-table .md-accordion .active::before {
  opacity: 1;
  transform: rotate(90deg);
  margin-left: 3px;
  margin-top: 0px; }

.games-hisotry-table .md-accordion .dataContent {
  height: 0px;
  overflow: hidden;
  transition: .1s all ease-out; }

.games-hisotry-table .md-accordion .activeContent {
  height: auto;
  background-color: #FFF; }

.games-hisotry-table .md-accordion md-toolbar {
  cursor: pointer;
  border-bottom: 1px #d2dde2 solid; }
  .games-hisotry-table .md-accordion md-toolbar .md-toolbar-tools {
    color: #000;
    font-size: 11px;
    background-color: #f2f4fa; }

.cog-dialog-pdf-viewer {
  box-sizing: border-box;
  background-color: #f0f0f0 !important;
  overflow: hidden; }
  @media screen and (min-width: 600px) {
    .cog-dialog-pdf-viewer {
      width: calc(100% - 20px);
      max-width: calc(100% - 20px);
      height: calc(100% - 20px);
      max-height: calc(100% - 20px); } }
  @media screen and (max-width: 599px) {
    .cog-dialog-pdf-viewer.mobile-fullwidth-dialog {
      width: 100%;
      height: 100%;
      border-radius: 0 !important; } }
  .cog-dialog-pdf-viewer *,
  .cog-dialog-pdf-viewer *::before,
  .cog-dialog-pdf-viewer *::after {
    box-sizing: inherit; }
  .cog-dialog-pdf-viewer .md-button.md-warn:not(.md-raised):not([disabled]) {
    color: #f44336; }
    .cog-dialog-pdf-viewer .md-button.md-warn:not(.md-raised):not([disabled]) md-icon {
      color: inherit; }
    .cog-dialog-pdf-viewer .md-button.md-warn:not(.md-raised):not([disabled]):hover {
      color: #ef5350; }
  .cog-dialog-pdf-viewer .md-button.md-warn.md-raised:not([disabled]) {
    color: #fff;
    background-color: #f44336; }
    .cog-dialog-pdf-viewer .md-button.md-warn.md-raised:not([disabled]) md-icon {
      color: inherit; }
    .cog-dialog-pdf-viewer .md-button.md-warn.md-raised:not([disabled]):hover {
      background-color: #ef5350; }
  .cog-dialog-pdf-viewer .md-button.md-warn.md-raised[disabled] {
    color: rgba(0, 0, 0, 0.38); }
  .cog-dialog-pdf-viewer md-dialog-content {
    height: 100%; }
  .cog-dialog-pdf-viewer md-dialog-actions {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2; }
    .cog-dialog-pdf-viewer md-dialog-actions[class*="layout-align-end"] {
      -ms-flex-pack: end !important;
          justify-content: flex-end !important; }
    .cog-dialog-pdf-viewer md-dialog-actions .btn-close {
      min-width: 0; }

#addPlayers1-container .addPlayersStep1 {
  margin-left: auto;
  margin-right: auto; }

#cmbAgentSelect {
  margin-top: 10px; }

.addPlayers1-container .Title_header {
  font-weight: 700;
  color: #013a00;
  font-size: 1.2em;
  height: 30px; }

.custom-class {
  background-color: #ed1c24 !important;
  color: #FFFFFF; }

.default-color {
  color: rgba(0, 0, 0, 0.87);
  background-color: white !important; }

#addPlayers1-container .add-players-delete-btn md-icon {
  color: #920000; }

#addPlayers1-container .add-players-btn md-icon {
  color: #FFFFFF; }

#addPlayerTable thead.md-head > tr.md-row {
  height: 40px; }

#addPlayerTable thead.md-head > tr.md-row > th.md-column {
  padding: 0 10px; }

#addPlayerTable tbody.md-body > tr > td > input {
  width: 80%; }

#RowsToAdd,
#creditlimitmobile,
#wagerlimitmobile,
#StartingNumber,
#Prefix {
  border-color: #d8d8d8;
  border-width: thin;
  background-color: #eee; }

.addplayers-md-title-mobile {
  font-size: 14px; }

.ajustPadding {
  padding: 0px; }

#addPlayerTableContainer3 {
  width: 100%; }

#creditlimitmobile {
  width: 120px; }

#wagerlimitmobile {
  width: 120px; }

#StartingNumber {
  width: 120px; }

#Prefix {
  width: 100px; }

#creditlimitContainer,
#wagerlimitContainer,
#startingNumberContainer,
#PrefixContainer {
  display: inline-block; }

.RowsToAdd {
  border-color: #d8d8d8 !important;
  border-width: thin !important;
  background-color: #eee !important;
  border-style: solid;
  line-height: 26px;
  height: 30px;
  padding: 2px; }

.QuantityContainer {
  margin: 0px 0 !important; }

.HeaderContainer {
  margin: 0px 0px 15px !important; }

.buttonApplyMobil {
  margin: 5px 0 !important;
  min-height: 5px !important;
  line-height: 30px !important; }

.btnApplyDesk {
  margin-top: 0px;
  min-height: 5px !important;
  line-height: 30px !important; }

#addOnePlayer-container .addPlayersStep1 {
  margin-left: auto;
  margin-right: auto; }

#addOnePlayer-container md-input-container {
  margin: 0;
  min-height: unset; }
  #addOnePlayer-container md-input-container .md-errors-spacer {
    display: none; }

#addOnePlayer-container .txtInfo {
  font-size: 15px;
  color: #015800;
  font-weight: 600; }

#cmbAgentSelect {
  margin-top: 10px; }

.addOnePlayer-container .Title_header {
  font-weight: 700;
  color: #013a00;
  font-size: 1.2em;
  height: 30px; }

.custom-class {
  background-color: #ed1c24 !important;
  color: #FFFFFF; }

.default-color {
  color: rgba(0, 0, 0, 0.87);
  background-color: white !important; }

@media (min-width: 600px) {
  #blueLimits-column {
    min-width: 360px; } }

#blueLimits-column .scroll-container {
  min-height: 200px;
  max-height: 500px;
  height: 300px; }
  @media (max-width: 600px) {
    #blueLimits-column .scroll-container {
      height: 0; } }

#blueLimits-column .export-button {
  background-color: #fff;
  color: #223358; }
  #blueLimits-column .export-button:hover {
    color: #fff;
    background-color: #223358; }

.md-select-menu-container {
  z-index: 100; }

#report-container .cursor-pointer {
  cursor: pointer; }

#report-container md-toolbar {
  min-height: 45px;
  height: 45px; }
  #report-container md-toolbar .md-toolbar-tools {
    height: 45px; }
  #report-container md-toolbar .header-icon {
    font-size: 1.35em;
    margin-right: 0.5em; }

#report-container .srch-options {
  max-width: 250px; }
  #report-container .srch-options cog-search-bar .tb-custSearchInput {
    min-width: 140px !important;
    max-width: 250px !important; }

@media (max-width: 425px) {
  #report-container .md-toolbar-tools {
    padding-left: 10px; }
    #report-container .md-toolbar-tools md-icon {
      margin-right: 10px; }
  #report-container .refresh-btn, #report-container .filter-btn {
    line-height: 35px;
    height: 35px;
    width: 35px;
    max-width: 35px !important;
    min-width: 35px; }
    #report-container .refresh-btn i, #report-container .filter-btn i {
      padding-left: 4px; }
  #report-container md-card.report-filter-container {
    margin: 2px; }
  #report-container .range-selected {
    max-width: 100%;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px; } }

#report-container .refresh-btn {
  background-color: #ffc019;
  color: #653408;
  font-size: 0.65em;
  font-weight: 700;
  max-width: 200px; }
  #report-container .refresh-btn i {
    font-size: 1.4em;
    padding-right: 5px; }
  #report-container .refresh-btn[disabled] {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.3); }

#report-container .filter-btn {
  background-color: #383838;
  color: #d0d0d0;
  font-size: 0.65em;
  font-weight: 700;
  max-width: 90px; }
  #report-container .filter-btn i {
    font-size: 1.4em;
    padding-right: 5px; }
  #report-container .filter-btn[disabled] {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.3); }

#report-container .shortcut-button-filter {
  font-size: 13px; }

#report-container .export-excel-button, #report-container .column-filter-button {
  font-size: 13px; }
  #report-container .export-excel-button .desktop, #report-container .column-filter-button .desktop {
    margin-left: 5px; }

#report-container .report-wrapper .report-filter-container {
  min-height: 40px;
  font-size: 0.9em;
  margin: 0; }
  #report-container .report-wrapper .report-filter-container md-input-container {
    margin: 2px 0;
    min-width: 80px; }
    #report-container .report-wrapper .report-filter-container md-input-container .filter-srch-btn {
      margin: 3px;
      font-size: 0.9em;
      background-color: #bf6f21; }
      #report-container .report-wrapper .report-filter-container md-input-container .filter-srch-btn.mobile {
        color: white;
        line-height: 38px;
        width: 38px;
        height: 38px; }
  #report-container .report-wrapper .report-filter-container input[type=number]::-webkit-inner-spin-button,
  #report-container .report-wrapper .report-filter-container input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  @media (min-width: 425px) and (max-width: 600px) {
    #report-container .report-wrapper .report-filter-container .filter-srch-lbl {
      display: none; } }
  @media (max-width: 425px) {
    #report-container .report-wrapper .report-filter-container md-select {
      max-width: 100%;
      width: 100%; }
    #report-container .report-wrapper .report-filter-container .filter-srch-lbl {
      display: none; } }

#report-container .report-wrapper md-select {
  padding: 6px 5px;
  margin: 0;
  -ms-flex: 1 1 10%;
  flex: 1 1 10%;
  min-width: 150px;
  box-sizing: border-box; }
  #report-container .report-wrapper md-select:first-child {
    padding-left: 10px; }

#report-container .report-wrapper .range-selected {
  padding: 6px 5px;
  margin: 0;
  -ms-flex: 1 1 10%;
  flex: 1 1 10%;
  min-width: 150px;
  box-sizing: border-box; }
  #report-container .report-wrapper .range-selected .md-select-value {
    border-bottom-color: rgba(0, 0, 0, 0.12); }
  #report-container .report-wrapper .range-selected.range-selected-space {
    max-width: 378px; }

@media (min-width: 1200px) {
  #report-container .report-wrapper .cmb-subwager, #report-container .report-wrapper .cmb-period {
    max-width: 350px; } }

#report-container .report-wrapper .bgd-light-select {
  background-color: rgba(208, 211, 214, 0.5); }

#report-container .agenthistory-view-options {
  background-color: #a9a9a9;
  overflow-y: auto; }
  #report-container .agenthistory-view-options .md-nav-bar {
    height: 38px; }
  #report-container .agenthistory-view-options .view-options-container {
    margin: 0; }
    #report-container .agenthistory-view-options .view-options-container .bar-button-filter {
      margin: 0;
      padding: 0 10px;
      min-height: 30px;
      min-width: 100px;
      line-height: 38px;
      font-size: 0.75em;
      border-radius: 0px;
      border-right: solid 1px #999; }
      #report-container .agenthistory-view-options .view-options-container .bar-button-filter:not([disabled]):hover {
        background-color: #333;
        color: #eee; }
      #report-container .agenthistory-view-options .view-options-container .bar-button-filter:focus, #report-container .agenthistory-view-options .view-options-container .bar-button-filter:active, #report-container .agenthistory-view-options .view-options-container .bar-button-filter.md-active {
        background-color: white !important;
        color: black !important; }
      #report-container .agenthistory-view-options .view-options-container .bar-button-filter .md-ripple-container {
        display: none; }
    #report-container .agenthistory-view-options .view-options-container .desktop {
      display: block; }
    #report-container .agenthistory-view-options .view-options-container .mobile {
      display: none; }
  @media (max-width: 425px) {
    #report-container .agenthistory-view-options .view-options-container .bar-button-filter {
      margin: 0;
      padding: 0 5px;
      min-width: 70px;
      font-size: 0.7em; }
    #report-container .agenthistory-view-options .view-options-container .desktop {
      display: none; }
    #report-container .agenthistory-view-options .view-options-container .mobile {
      display: block; } }

#report-container .report-table-container .tbl-container {
  width: 100%;
  font-size: 0.8em; }
  #report-container .report-table-container .tbl-container a {
    color: inherit; }
  #report-container .report-table-container .tbl-container thead {
    color: white;
    background-color: #53646d;
    line-height: 28px; }
    @media (max-width: 425px) {
      #report-container .report-table-container .tbl-container thead {
        font-size: 1em; } }
    @media (max-width: 664px) {
      #report-container .report-table-container .tbl-container thead th {
        padding: 0 0 !important; }
        #report-container .report-table-container .tbl-container thead th:first-child {
          padding-left: 20px !important; } }
    #report-container .report-table-container .tbl-container thead tr {
      height: 40px; }
      #report-container .report-table-container .tbl-container thead tr th {
        text-align: left;
        padding: 0 20px;
        font-weight: normal;
        vertical-align: middle; }
        #report-container .report-table-container .tbl-container thead tr th.th-casino {
          width: 33%; }
          @media (max-width: 600px) {
            #report-container .report-table-container .tbl-container thead tr th.th-casino {
              width: 20%; }
              #report-container .report-table-container .tbl-container thead tr th.th-casino:first-child {
                width: 40%; } }
  #report-container .report-table-container .tbl-container tbody, #report-container .report-table-container .tbl-container tfoot {
    padding: 0; }
    @media (max-width: 664px) {
      #report-container .report-table-container .tbl-container tbody, #report-container .report-table-container .tbl-container tfoot {
        font-size: 1em; }
        #report-container .report-table-container .tbl-container tbody tr td, #report-container .report-table-container .tbl-container tfoot tr td {
          padding: 5px 0; } }
    #report-container .report-table-container .tbl-container tbody a, #report-container .report-table-container .tbl-container tfoot a {
      border-bottom: 0.4px solid;
      cursor: pointer; }
      #report-container .report-table-container .tbl-container tbody a:hover, #report-container .report-table-container .tbl-container tbody a:focus, #report-container .report-table-container .tbl-container tfoot a:hover, #report-container .report-table-container .tbl-container tfoot a:focus {
        text-decoration: none; }
    #report-container .report-table-container .tbl-container tbody tr, #report-container .report-table-container .tbl-container tfoot tr {
      height: 48px;
      font-size: 1.1em; }
    #report-container .report-table-container .tbl-container tbody tr:nth-child(even), #report-container .report-table-container .tbl-container tfoot tr:nth-child(even) {
      background: #eaeaea; }
    #report-container .report-table-container .tbl-container tbody tr.bgdhighlight:nth-child(even), #report-container .report-table-container .tbl-container tfoot tr.bgdhighlight:nth-child(even) {
      background-color: rgba(230, 190, 82, 0.2); }
    #report-container .report-table-container .tbl-container tbody tr.bgdhighlight-dark-yellow:nth-child(even), #report-container .report-table-container .tbl-container tfoot tr.bgdhighlight-dark-yellow:nth-child(even) {
      background-color: rgba(230, 190, 82, 0.4); }
    #report-container .report-table-container .tbl-container tbody td, #report-container .report-table-container .tbl-container tfoot td {
      line-height: 20px;
      border-bottom: solid 1px #e6e6e6;
      text-align: left;
      padding: 5px 20px;
      vertical-align: middle; }
  #report-container .report-table-container .tbl-container tfoot tr td:first-child {
    padding-left: 20px !important; }

#report-container .report-table-container .small-letter {
  font-size: 12px;
  font-style: italic;
  font-weight: 100; }
  #report-container .report-table-container .small-letter span {
    color: #000000; }

#report-container .report-table-container .count-customer {
  font-size: .9em;
  color: rgba(12, 12, 12, 0.39); }

#report-container .content-table-logs {
  max-width: 480px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 12px;
  padding-bottom: 12px; }
  #report-container .content-table-logs table.md-table th.md-column {
    color: inherit; }
  #report-container .content-table-logs tbody td:nth-child(even) {
    color: #8b0000; }

#report-container .amountRed {
  color: red; }

#report-container .amountGreen {
  color: green; }

#report-container .bgdhighlight {
  background-color: rgba(230, 190, 82, 0.2); }

#report-container .bgdhighlight-dark-yellow {
  background-color: rgba(230, 190, 82, 0.3); }

#report-container .note-text {
  font-style: italic; }

#report-container .showInfo {
  background: url("../assets/images/reports/details_open.png") no-repeat center center;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0px 0 30px;
  cursor: pointer; }

#report-container .hideInfo {
  background: url("../assets/images/reports/details_close.png") no-repeat center center;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0px 0 30px;
  cursor: pointer; }

#report-container .search-bar-filter {
  background-color: #1976d2;
  padding: 0 0px 0 8px;
  height: 50px; }
  #report-container .search-bar-filter .acc-srch-bar {
    height: 50px;
    width: 100% !important; }
    #report-container .search-bar-filter .acc-srch-bar .tb-custSearchInput {
      height: 50px;
      max-width: 100% !important; }
    #report-container .search-bar-filter .acc-srch-bar md-autocomplete input:not(.md-input) {
      background: #1976d2;
      color: #FFFFFF;
      height: 50px;
      font-size: 16px;
      padding: 0; }
    #report-container .search-bar-filter .acc-srch-bar md-autocomplete md-autocomplete-wrap {
      height: 50px;
      box-shadow: none; }
      #report-container .search-bar-filter .acc-srch-bar md-autocomplete md-autocomplete-wrap ::-webkit-input-placeholder {
        color: #FFFFFF; }
      #report-container .search-bar-filter .acc-srch-bar md-autocomplete md-autocomplete-wrap ::-moz-placeholder {
        color: #FFFFFF; }
      #report-container .search-bar-filter .acc-srch-bar md-autocomplete md-autocomplete-wrap :-ms-input-placeholder {
        color: #FFFFFF; }
      #report-container .search-bar-filter .acc-srch-bar md-autocomplete md-autocomplete-wrap :-moz-placeholder {
        color: #FFFFFF; }
      #report-container .search-bar-filter .acc-srch-bar md-autocomplete md-autocomplete-wrap button {
        z-index: 1;
        background: #ffc019;
        border-radius: 0;
        padding: 25px;
        margin: 0; }
    @media (max-width: 600px) {
      #report-container .search-bar-filter .acc-srch-bar {
        width: 100%; }
        #report-container .search-bar-filter .acc-srch-bar .tb-custSearchInput {
          max-width: 100% !important; } }
  #report-container .search-bar-filter .search-icon {
    color: white;
    fill: white;
    font-size: 1.35em;
    position: absolute;
    right: 15px; }

.blueLimits-container .filters-blue-limits {
  box-shadow: none;
  width: 100%; }
  .blueLimits-container .filters-blue-limits md-select {
    width: 325px; }
    @media (max-width: 600px) {
      .blueLimits-container .filters-blue-limits md-select {
        width: 100%; } }

.blueLimits-container a {
  border-bottom: 0.4px solid;
  cursor: pointer; }
  .blueLimits-container a:hover, .blueLimits-container a:focus {
    text-decoration: none; }

.closing-lines-report .sports-filters {
  background-color: #a9a9a9;
  overflow-y: auto; }
  .closing-lines-report .sports-filters::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .closing-lines-report .sports-filters::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    transition: all .2s; }
  .closing-lines-report .sports-filters .md-nav-bar {
    height: 38px; }
  .closing-lines-report .sports-filters .sports-options-container {
    margin: 0; }
    .closing-lines-report .sports-filters .sports-options-container .bar-button-filter {
      margin: 0;
      padding: 0 10px;
      min-height: 30px;
      min-width: 100px;
      line-height: 38px;
      font-size: 0.75em;
      border-radius: 0px;
      border-right: solid 1px #999; }
      .closing-lines-report .sports-filters .sports-options-container .bar-button-filter:not([disabled]):hover {
        background-color: #333;
        color: #eee; }
      .closing-lines-report .sports-filters .sports-options-container .bar-button-filter:focus, .closing-lines-report .sports-filters .sports-options-container .bar-button-filter:active, .closing-lines-report .sports-filters .sports-options-container .bar-button-filter.md-active {
        background-color: white !important;
        color: black !important; }
      .closing-lines-report .sports-filters .sports-options-container .bar-button-filter .md-ripple-container {
        display: none; }
    .closing-lines-report .sports-filters .sports-options-container .desktop {
      display: block; }
    .closing-lines-report .sports-filters .sports-options-container .mobile {
      display: none; }
  @media (max-width: 425px) {
    .closing-lines-report .sports-filters .view-options-container .bar-button-filter {
      margin: 0;
      padding: 0 5px;
      min-width: 70px;
      font-size: 0.7em; }
    .closing-lines-report .sports-filters .view-options-container .desktop {
      display: none; }
    .closing-lines-report .sports-filters .view-options-container .mobile {
      display: block; } }

.closing-lines-report .report-container .players-container {
  font-size: 0.8em;
  height: calc(100vh - 220px);
  overflow-y: auto;
  margin-right: 5px; }
  .closing-lines-report .report-container .players-container.mobile {
    height: auto !important;
    width: 100%;
    margin: 0; }
  .closing-lines-report .report-container .players-container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .closing-lines-report .report-container .players-container::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    transition: all .2s; }
  .closing-lines-report .report-container .players-container .header-info-container {
    max-height: 30px;
    font-size: 0.9em;
    padding-right: 8px; }
    .closing-lines-report .report-container .players-container .header-info-container .info {
      line-height: 30px; }
      .closing-lines-report .report-container .players-container .header-info-container .info label {
        margin-left: 15px;
        margin-right: 5px;
        font-size: .83em;
        text-align: right; }
      .closing-lines-report .report-container .players-container .header-info-container .info div {
        font-weight: 700; }
      .closing-lines-report .report-container .players-container .header-info-container .info .total {
        color: #00538b; }
      .closing-lines-report .report-container .players-container .header-info-container .info .agent {
        color: rgba(0, 0, 0, 0.5);
        margin-right: 5px; }

.closing-lines-report .report-container .lines-container {
  font-size: 0.8em;
  height: calc(100vh - 220px);
  overflow-y: auto; }
  .closing-lines-report .report-container .lines-container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .closing-lines-report .report-container .lines-container::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    transition: all .2s; }
  .closing-lines-report .report-container .lines-container .header-info-container {
    max-height: 30px;
    font-size: 0.9em;
    margin-left: 0; }
    .closing-lines-report .report-container .lines-container .header-info-container .info {
      line-height: 30px; }
      .closing-lines-report .report-container .lines-container .header-info-container .info label {
        margin-left: 15px;
        margin-right: 5px;
        min-width: 20px;
        font-size: .83em;
        max-width: 40px;
        text-align: right; }
      .closing-lines-report .report-container .lines-container .header-info-container .info div {
        font-weight: 700; }
      .closing-lines-report .report-container .lines-container .header-info-container .info .beaten {
        color: #8b0000; }
      .closing-lines-report .report-container .lines-container .header-info-container .info .agent {
        color: rgba(0, 0, 0, 0.5);
        margin-right: 5px; }
  .closing-lines-report .report-container .lines-container .player-closinglines-container td.team .line-logo {
    float: left;
    margin-right: 3px; }
    .closing-lines-report .report-container .lines-container .player-closinglines-container td.team .line-logo .logos {
      margin-top: 3px; }
  .closing-lines-report .report-container .lines-container .player-closinglines-container td.team .line-detail {
    display: flow-root;
    padding-top: 4px; }
  .closing-lines-report .report-container .lines-container .player-closinglines-container .team-chosen {
    font-size: 1.1em;
    color: #8b0000; }
  .closing-lines-report .report-container .lines-container .player-closinglines-container .logosOU {
    width: 34px;
    height: 22px;
    margin-top: -3px; }
    .closing-lines-report .report-container .lines-container .player-closinglines-container .logosOU .logo-over {
      background-image: url(../assets/images/logos/over.png);
      width: 30px;
      height: 30px; }
    .closing-lines-report .report-container .lines-container .player-closinglines-container .logosOU .logo-under {
      background-image: url(../assets/images/logos/under.png);
      width: 28px;
      height: 28px; }
  .closing-lines-report .report-container .lines-container .player-closinglines-container .clPeriod {
    color: #88803b; }
  .closing-lines-report .report-container .lines-container .player-closinglines-container .player-line .clLine, .closing-lines-report .report-container .lines-container .player-closinglines-container .closing-line .clLine {
    font-weight: 700; }
  .closing-lines-report .report-container .lines-container .player-closinglines-container .player-line .clSpreadPkLine, .closing-lines-report .report-container .lines-container .player-closinglines-container .closing-line .clSpreadPkLine {
    font-weight: normal !important;
    color: #005886;
    margin-left: 3px;
    margin-right: 3px;
    text-transform: uppercase; }
  .closing-lines-report .report-container .lines-container .player-closinglines-container .player-line .clSpreadHalfLine, .closing-lines-report .report-container .lines-container .player-closinglines-container .closing-line .clSpreadHalfLine {
    font-weight: normal !important;
    color: #676363;
    margin-left: 3px;
    margin-right: 3px; }
  .closing-lines-report .report-container .lines-container .player-closinglines-container .player-line .clSpreadPkJuice, .closing-lines-report .report-container .lines-container .player-closinglines-container .player-line .clSpreadHalfJuice, .closing-lines-report .report-container .lines-container .player-closinglines-container .closing-line .clSpreadPkJuice, .closing-lines-report .report-container .lines-container .player-closinglines-container .closing-line .clSpreadHalfJuice {
    font-weight: 700 !important;
    color: black !important; }
  .closing-lines-report .report-container .lines-container .player-closinglines-container .player-line .clPrice, .closing-lines-report .report-container .lines-container .player-closinglines-container .closing-line .clPrice {
    font-size: 12px !important;
    color: #676363; }
  .closing-lines-report .report-container .lines-container.mobile {
    height: auto !important;
    width: 100%; }
    .closing-lines-report .report-container .lines-container.mobile .list-tbl tbody {
      font-size: 0.95em; }
    .closing-lines-report .report-container .lines-container.mobile .header-info-container {
      max-height: -moz-fit-content;
      max-height: fit-content; }
    .closing-lines-report .report-container .lines-container.mobile .player-closinglines-container .player-line .clPrice, .closing-lines-report .report-container .lines-container.mobile .player-closinglines-container .closing-line .clPrice {
      font-size: 1em !important; }
    .closing-lines-report .report-container .lines-container.mobile .player-closinglines-container .line-detail {
      line-height: normal !important;
      display: inherit; }
    .closing-lines-report .report-container .lines-container.mobile .logosOU {
      margin-top: -5px; }
    .closing-lines-report .report-container .lines-container.mobile .line-detail {
      padding-top: 6px; }
  .closing-lines-report .report-container .lines-container .to-players-view-btn {
    background-color: #1976d2;
    color: rgba(255, 255, 255, 0.8);
    height: 33px;
    min-height: 30px; }

@media (max-width: 425px) {
  .closing-lines-report .report-container .players-container, .closing-lines-report .report-container .lines-container {
    font-size: 0.7em; }
    .closing-lines-report .report-container .players-container .list-tbl .md-button, .closing-lines-report .report-container .lines-container .list-tbl .md-button {
      min-width: 65px; } }

.closing-lines-report .report-container .list-tbl {
  width: 100%;
  border-right: solid 1px #eaeaea; }
  .closing-lines-report .report-container .list-tbl thead {
    color: #fff;
    background-color: #53646d;
    line-height: 28px; }
    .closing-lines-report .report-container .list-tbl thead th {
      text-align: center;
      padding: 0 10px;
      font-weight: 400;
      min-width: 60px;
      max-width: 100px;
      display: table-cell;
      text-transform: uppercase; }
      .closing-lines-report .report-container .list-tbl thead th .sortHdr {
        cursor: pointer; }
        .closing-lines-report .report-container .list-tbl thead th .sortHdr:hover {
          color: rgba(255, 255, 255, 0.5); }
  .closing-lines-report .report-container .list-tbl tbody tr:nth-child(even) {
    background: #eaeaea; }
  .closing-lines-report .report-container .list-tbl tbody td {
    border-bottom: solid 1px #e6e6e6;
    padding: 6px 3px;
    text-align: center; }
  .closing-lines-report .report-container .list-tbl tbody .selected {
    background-color: rgba(0, 0, 0, 0.3) !important; }
  .closing-lines-report .report-container .list-tbl tbody .customer {
    font-weight: 600; }
  .closing-lines-report .report-container .list-tbl tbody .beaten .md-button {
    color: #8b0000;
    font-size: 1.2em;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    min-height: 24px;
    margin: 0; }

.closing-lines-report .report-container .cursor-pointer {
  cursor: pointer; }

.closing-lines-report .report-container .mobile-line-info .info-container {
  width: 50%; }
  .closing-lines-report .report-container .mobile-line-info .info-container label {
    padding: 0 10px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5); }
  .closing-lines-report .report-container .mobile-line-info .info-container .ticket, .closing-lines-report .report-container .mobile-line-info .info-container .date {
    font-size: 12px; }

/*figure out how to implement this rule inside the component scope*/
/*however it works globally fine for XS layouts*/
@media screen and (max-width: 599px) {
  md-date-range-picker {
    overflow: hidden !important;
    overflow-y: scroll !important;
    zoom: 0.9 !important; } }

#cog-deleted-wagers-container md-autocomplete {
  border: 1px solid #CCCCCC; }
  @media screen and (max-width: 599px) {
    #cog-deleted-wagers-container md-autocomplete {
      max-width: 100% !important;
      min-width: 100% !important; } }
  #cog-deleted-wagers-container md-autocomplete md-autocomplete-wrap {
    box-shadow: none; }
    #cog-deleted-wagers-container md-autocomplete md-autocomplete-wrap button {
      margin-top: 5px !important; }

#cog-deleted-wagers-container cog-search-bar {
  width: 100vw; }
  #cog-deleted-wagers-container cog-search-bar md-autocomplete {
    max-width: 100% !important;
    min-width: 100% !important; }

#cog-deleted-wagers-container .md-toolbar-tools {
  background-color: #607d8b;
  color: #FFFFFF; }
  @media screen and (max-width: 599px) {
    #cog-deleted-wagers-container .md-toolbar-tools {
      padding: 3px 0px 3px 5px; } }

#cog-deleted-wagers-container .cogwagers-filter-container {
  font-weight: none;
  white-space: nowrap;
  padding: 5px; }
  #cog-deleted-wagers-container .cogwagers-filter-container span {
    font-size: 0.95em !important;
    color: #757575 !important; }
  #cog-deleted-wagers-container .cogwagers-filter-container * {
    margin: 0px !important; }
  #cog-deleted-wagers-container .cogwagers-filter-container md-autocomplete-wrap button {
    margin-top: 5px !important; }
  #cog-deleted-wagers-container .cogwagers-filter-container md-date-range {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px; }
    #cog-deleted-wagers-container .cogwagers-filter-container md-date-range span > span:nth-child(1) {
      padding: 8px 0px 5px 12px; }
    @media screen and (max-width: 599px) {
      #cog-deleted-wagers-container .cogwagers-filter-container md-date-range {
        width: 100vw; } }

#cog-deleted-wagers-container #cog-list-deleted-wagers-container {
  max-height: 100vh;
  height: calc(100vh - 190px);
  overflow: hidden;
  overflow-y: scroll;
  /* Let's get this party started */
  /* Track */
  /* Handle */ }
  @media screen and (max-width: 599px) {
    #cog-deleted-wagers-container #cog-list-deleted-wagers-container {
      height: calc(100vh - 160px); } }
  #cog-deleted-wagers-container #cog-list-deleted-wagers-container::-webkit-scrollbar {
    width: 10px; }
  #cog-deleted-wagers-container #cog-list-deleted-wagers-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px; }
  #cog-deleted-wagers-container #cog-list-deleted-wagers-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #939393;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
  #cog-deleted-wagers-container #cog-list-deleted-wagers-container::-webkit-scrollbar-thumb:window-inactive {
    background: #939393; }
  #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table {
    width: 100%; }
    #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr {
      background-color: #53646d !important;
      color: #FFFFFF; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th {
        position: relative;
        line-height: 28px;
        font-size: .8em;
        font-weight: 400;
        text-align: center;
        /*&:before {
                                content: attr(data-index) !important;
                                color: red !important;
                                position: absolute;
                                top: -7px;
                                left: 0px;
                                z-index: 1;
                                font-size: 0.8em;
                                padding: 2px 0px 0px 2px;
                            }*/ }
        @media screen and (max-width: 599px) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(1) {
            text-indent: -9999px; } }
        @media screen and (max-width: 599px) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(2) {
            text-indent: -9999px; } }
        #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(3) {
          width: 66%;
          text-align: left;
          text-indent: 25px; }
          @media screen and (max-width: 599px) {
            #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(3) {
              text-indent: -9999px; } }
          @media screen and (min-width: 1920px) and (max-width: 5000px) {
            #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(3) {
              width: 70%; } }
        @media screen and (max-width: 599px) and (orientation: portrait) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(4) {
            text-indent: -9999px; } }
        @media screen and (max-width: 599px) and (orientation: landscape) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(4) {
            width: 20%;
            text-indent: -9999px; } }
        @media screen and (min-width: 600px) and (max-width: 959px) and (orientation: landscape) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(4) {
            text-indent: -9999px; } }
        @media screen and (min-width: 600px) and (max-width: 959px) and (orientation: portrait) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(4) {
            text-indent: -9999px; } }
        @media screen and (max-width: 599px) and (orientation: portrait) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(5) {
            width: 20%;
            text-align: center; } }
        @media screen and (max-width: 599px) and (orientation: landscape) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(5) {
            width: 10%; } }
        @media screen and (min-width: 600px) and (max-width: 959px) and (orientation: landscape) {
          #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table thead tr th:nth-child(5) {
            text-align: center; } }
    #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr:nth-child(even) {
      background-color: #eaeaea; }
    #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td {
      padding: 5px !important;
      text-align: center !important; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td:nth-child(1), #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td:nth-child(2),
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td p {
        font-size: 0.8em;
        text-align: left;
        margin: 0px 0px 10px 0px; }
        #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td:nth-child(1) span:nth-child(2), #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td:nth-child(2) span:nth-child(2),
        #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td p span:nth-child(2) {
          font-weight: bold; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table tbody tr td:nth-child(2) {
        font-weight: bold; }
    #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail {
      font-size: 0.8em;
      text-align: left;
      margin: 0px !important;
      display: block;
      width: 100%;
      padding: 0px 5px 0px 10px; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail div {
        margin-bottom: 3px; }
        #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail div:nth-child(2) div div b {
          text-indent: 5px;
          padding: 0px 0px 0px 5px; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail table {
        width: 100%; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .pendingtype {
        color: darkred; }
        #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .pendingtype .md-button {
          min-height: 20px; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .pending span {
        font-weight: 700; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .pending .pdPrice {
        font-weight: normal; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .riskAmt {
        color: #bf4040;
        font-weight: 700; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .winAmt {
        font-weight: 700; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .pendingExpand {
        width: 100%; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .pendingExpandLeg {
        width: 100%;
        padding-left: 24px; }
      #cog-deleted-wagers-container #cog-list-deleted-wagers-container div table pending-detail .bm-fillspot-button {
        display: none; }

.ipCheckerNotification .ipBlock, .BlackList .ipBlock, .WhitelistCloud .ipBlock {
  padding: 10px;
  margin: 5px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #ddd;
  min-height: 50px; }
  .ipCheckerNotification .ipBlock:first-child, .BlackList .ipBlock:first-child, .WhitelistCloud .ipBlock:first-child {
    margin-right: 0; }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    .ipCheckerNotification .ipBlock:first-child, .BlackList .ipBlock:first-child, .WhitelistCloud .ipBlock:first-child {
      margin-right: 5px; } }
  @media screen and (max-width: 599px) {
    .ipCheckerNotification .ipBlock:first-child, .BlackList .ipBlock:first-child, .WhitelistCloud .ipBlock:first-child {
      margin-right: 5px; } }

.ipCheckerNotification h1, .BlackList h1, .WhitelistCloud h1 {
  font-size: 18px;
  margin: 3px; }

.ipCheckerNotification .ttlIps, .BlackList .ttlIps, .WhitelistCloud .ttlIps {
  font-weight: 700;
  color: darkred;
  margin-left: 10px; }

.ipCheckerNotification .ttlIpsGreen, .BlackList .ttlIpsGreen, .WhitelistCloud .ttlIpsGreen {
  font-weight: 700;
  color: green;
  margin-left: 10px; }

.ipCheckerNotification .addIpContainer md-input-container, .BlackList .addIpContainer md-input-container, .WhitelistCloud .addIpContainer md-input-container {
  margin: 0;
  height: auto; }
  .ipCheckerNotification .addIpContainer md-input-container input, .BlackList .addIpContainer md-input-container input, .WhitelistCloud .addIpContainer md-input-container input {
    padding: 3px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    border: 1px solid #ddd;
    min-height: 36px;
    text-align: center; }
  .ipCheckerNotification .addIpContainer md-input-container .md-errors-spacer, .BlackList .addIpContainer md-input-container .md-errors-spacer, .WhitelistCloud .addIpContainer md-input-container .md-errors-spacer {
    height: 0;
    min-height: 0; }

.ipCheckerNotification .addIpContainer .md-button, .BlackList .addIpContainer .md-button, .WhitelistCloud .addIpContainer .md-button {
  margin: 0 0 0 5px;
  background-color: #03A9F4;
  color: rgba(255, 255, 255, 0.8); }
  .ipCheckerNotification .addIpContainer .md-button:disabled, .BlackList .addIpContainer .md-button:disabled, .WhitelistCloud .addIpContainer .md-button:disabled {
    background-color: #f5f5f5;
    color: #dadada; }
  .ipCheckerNotification .addIpContainer .md-button:hover:not(:disabled), .BlackList .addIpContainer .md-button:hover:not(:disabled), .WhitelistCloud .addIpContainer .md-button:hover:not(:disabled) {
    background-color: #ef6c00;
    color: rgba(255, 255, 255, 0.8); }

.ipCheckerNotification .reportContainer, .BlackList .reportContainer, .WhitelistCloud .reportContainer {
  max-height: 500px; }
  .ipCheckerNotification .reportContainer md-list, .BlackList .reportContainer md-list, .WhitelistCloud .reportContainer md-list {
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 3px; }
    .ipCheckerNotification .reportContainer md-list md-list-item:not(:last-child), .BlackList .reportContainer md-list md-list-item:not(:last-child), .WhitelistCloud .reportContainer md-list md-list-item:not(:last-child) {
      border-bottom: solid 1px #dddddd; }

.ipCheckerNotification .rptListContent, .BlackList .rptListContent, .WhitelistCloud .rptListContent {
  background: none; }

.ipCheckerNotification .removeIpBtn, .BlackList .removeIpBtn, .WhitelistCloud .removeIpBtn {
  background-color: #e9e9e9;
  color: #474747;
  margin-right: 0; }
  .ipCheckerNotification .removeIpBtn:hover, .BlackList .removeIpBtn:hover, .WhitelistCloud .removeIpBtn:hover {
    background-color: darkred !important;
    color: rgba(255, 255, 255, 0.8); }

.ipCheckerNotification .rptToggleShowBtn, .BlackList .rptToggleShowBtn, .WhitelistCloud .rptToggleShowBtn {
  min-width: 30px;
  max-width: 30px;
  width: 30px;
  margin: 0;
  padding: 0;
  min-height: 30px;
  max-height: 30px;
  height: 30px;
  margin-top: 8px; }
  .ipCheckerNotification .rptToggleShowBtn md-icon, .BlackList .rptToggleShowBtn md-icon, .WhitelistCloud .rptToggleShowBtn md-icon {
    margin-top: 4px; }

.ipCheckerNotification .rptToggleSortBtn, .BlackList .rptToggleSortBtn, .WhitelistCloud .rptToggleSortBtn {
  min-width: 30px;
  max-width: 30px;
  width: 30px;
  margin: 0;
  padding: 0;
  min-height: 30px;
  max-height: 30px;
  height: 30px; }
  .ipCheckerNotification .rptToggleSortBtn md-icon, .BlackList .rptToggleSortBtn md-icon, .WhitelistCloud .rptToggleSortBtn md-icon {
    margin-top: 2px; }

.ipCheckerNotification .IpHeader, .BlackList .IpHeader, .WhitelistCloud .IpHeader {
  margin-top: 3px;
  padding: 3px 15px 3px 15px;
  color: rgba(0, 0, 0, 0.6);
  background-color: #cfd8dc;
  max-height: 36px; }
  .ipCheckerNotification .IpHeader .filterContent, .BlackList .IpHeader .filterContent, .WhitelistCloud .IpHeader .filterContent {
    margin-left: 20px; }
    .ipCheckerNotification .IpHeader .filterContent md-input-container, .BlackList .IpHeader .filterContent md-input-container, .WhitelistCloud .IpHeader .filterContent md-input-container {
      margin: 0;
      width: 140px; }
      .ipCheckerNotification .IpHeader .filterContent md-input-container .md-errors-spacer, .BlackList .IpHeader .filterContent md-input-container .md-errors-spacer, .WhitelistCloud .IpHeader .filterContent md-input-container .md-errors-spacer {
        display: none; }
      .ipCheckerNotification .IpHeader .filterContent md-input-container.md-icon-left, .BlackList .IpHeader .filterContent md-input-container.md-icon-left, .WhitelistCloud .IpHeader .filterContent md-input-container.md-icon-left {
        padding-left: 15px; }
      .ipCheckerNotification .IpHeader .filterContent md-input-container.md-icon-right, .BlackList .IpHeader .filterContent md-input-container.md-icon-right, .WhitelistCloud .IpHeader .filterContent md-input-container.md-icon-right {
        padding-right: 15px; }

.ipCheckerNotification .IpHeader-blist, .BlackList .IpHeader-blist, .WhitelistCloud .IpHeader-blist {
  margin-top: 3px;
  /* padding: 3px 15px 3px 15px; */
  /* color: rgba(0, 0, 0, 0.6); */
  /* background-color:rgb(207,216,220); */
  max-height: 36px; }
  .ipCheckerNotification .IpHeader-blist .filterContent md-input-container, .BlackList .IpHeader-blist .filterContent md-input-container, .WhitelistCloud .IpHeader-blist .filterContent md-input-container {
    margin: 0;
    /*   .md-errors-spacer {
                    display: none;
                }
                &.md-icon-left {
                    padding-left: 15px;
                }
                &.md-icon-right {
                    padding-right: 15px;
                }
                width: 140px; */ }

.ipCheckerNotification .text-adjust, .BlackList .text-adjust, .WhitelistCloud .text-adjust {
  padding: 2px; }

.ipCheckerNotification .active, .BlackList .active, .WhitelistCloud .active {
  color: green;
  margin-top: 8px; }

.ipCheckerNotification .inactive, .BlackList .inactive, .WhitelistCloud .inactive {
  color: red;
  margin-top: 8px; }

.ipCheckerNotification .st-hd, .BlackList .st-hd, .WhitelistCloud .st-hd {
  padding: 0 5px 0 0; }

.ipCheckerNotification .table-bl tbody td:nth-child(4), .BlackList .table-bl tbody td:nth-child(4), .WhitelistCloud .table-bl tbody td:nth-child(4) {
  width: 200px; }

.ipCheckerNotification .addIpBlackList md-input-container, .ipCheckerNotification .addIpBlackList .content-reason, .ipCheckerNotification .addIpWhitelistCloud md-input-container, .ipCheckerNotification .addIpWhitelistCloud .content-reason, .ipCheckerNotification .addIpWhitelistServer md-input-container, .ipCheckerNotification .addIpWhitelistServer .content-reason, .BlackList .addIpBlackList md-input-container, .BlackList .addIpBlackList .content-reason, .BlackList .addIpWhitelistCloud md-input-container, .BlackList .addIpWhitelistCloud .content-reason, .BlackList .addIpWhitelistServer md-input-container, .BlackList .addIpWhitelistServer .content-reason, .WhitelistCloud .addIpBlackList md-input-container, .WhitelistCloud .addIpBlackList .content-reason, .WhitelistCloud .addIpWhitelistCloud md-input-container, .WhitelistCloud .addIpWhitelistCloud .content-reason, .WhitelistCloud .addIpWhitelistServer md-input-container, .WhitelistCloud .addIpWhitelistServer .content-reason {
  margin: 0;
  height: auto; }
  .ipCheckerNotification .addIpBlackList md-input-container input, .ipCheckerNotification .addIpBlackList .content-reason input, .ipCheckerNotification .addIpWhitelistCloud md-input-container input, .ipCheckerNotification .addIpWhitelistCloud .content-reason input, .ipCheckerNotification .addIpWhitelistServer md-input-container input, .ipCheckerNotification .addIpWhitelistServer .content-reason input, .BlackList .addIpBlackList md-input-container input, .BlackList .addIpBlackList .content-reason input, .BlackList .addIpWhitelistCloud md-input-container input, .BlackList .addIpWhitelistCloud .content-reason input, .BlackList .addIpWhitelistServer md-input-container input, .BlackList .addIpWhitelistServer .content-reason input, .WhitelistCloud .addIpBlackList md-input-container input, .WhitelistCloud .addIpBlackList .content-reason input, .WhitelistCloud .addIpWhitelistCloud md-input-container input, .WhitelistCloud .addIpWhitelistCloud .content-reason input, .WhitelistCloud .addIpWhitelistServer md-input-container input, .WhitelistCloud .addIpWhitelistServer .content-reason input {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    border: 1px solid #ddd;
    min-height: 36px;
    text-align: left; }
  .ipCheckerNotification .addIpBlackList md-input-container .md-errors-spacer, .ipCheckerNotification .addIpBlackList .content-reason .md-errors-spacer, .ipCheckerNotification .addIpWhitelistCloud md-input-container .md-errors-spacer, .ipCheckerNotification .addIpWhitelistCloud .content-reason .md-errors-spacer, .ipCheckerNotification .addIpWhitelistServer md-input-container .md-errors-spacer, .ipCheckerNotification .addIpWhitelistServer .content-reason .md-errors-spacer, .BlackList .addIpBlackList md-input-container .md-errors-spacer, .BlackList .addIpBlackList .content-reason .md-errors-spacer, .BlackList .addIpWhitelistCloud md-input-container .md-errors-spacer, .BlackList .addIpWhitelistCloud .content-reason .md-errors-spacer, .BlackList .addIpWhitelistServer md-input-container .md-errors-spacer, .BlackList .addIpWhitelistServer .content-reason .md-errors-spacer, .WhitelistCloud .addIpBlackList md-input-container .md-errors-spacer, .WhitelistCloud .addIpBlackList .content-reason .md-errors-spacer, .WhitelistCloud .addIpWhitelistCloud md-input-container .md-errors-spacer, .WhitelistCloud .addIpWhitelistCloud .content-reason .md-errors-spacer, .WhitelistCloud .addIpWhitelistServer md-input-container .md-errors-spacer, .WhitelistCloud .addIpWhitelistServer .content-reason .md-errors-spacer {
    height: 0;
    min-height: 0; }

.ipCheckerNotification .addIpBlackList .md-button, .ipCheckerNotification .addIpWhitelistCloud .md-button, .ipCheckerNotification .addIpWhitelistServer .md-button, .BlackList .addIpBlackList .md-button, .BlackList .addIpWhitelistCloud .md-button, .BlackList .addIpWhitelistServer .md-button, .WhitelistCloud .addIpBlackList .md-button, .WhitelistCloud .addIpWhitelistCloud .md-button, .WhitelistCloud .addIpWhitelistServer .md-button {
  margin-top: 25px;
  background-color: #03A9F4;
  color: rgba(255, 255, 255, 0.8); }
  .ipCheckerNotification .addIpBlackList .md-button:disabled, .ipCheckerNotification .addIpWhitelistCloud .md-button:disabled, .ipCheckerNotification .addIpWhitelistServer .md-button:disabled, .BlackList .addIpBlackList .md-button:disabled, .BlackList .addIpWhitelistCloud .md-button:disabled, .BlackList .addIpWhitelistServer .md-button:disabled, .WhitelistCloud .addIpBlackList .md-button:disabled, .WhitelistCloud .addIpWhitelistCloud .md-button:disabled, .WhitelistCloud .addIpWhitelistServer .md-button:disabled {
    background-color: #f5f5f5;
    color: #dadada; }
  .ipCheckerNotification .addIpBlackList .md-button:hover:not(:disabled), .ipCheckerNotification .addIpWhitelistCloud .md-button:hover:not(:disabled), .ipCheckerNotification .addIpWhitelistServer .md-button:hover:not(:disabled), .BlackList .addIpBlackList .md-button:hover:not(:disabled), .BlackList .addIpWhitelistCloud .md-button:hover:not(:disabled), .BlackList .addIpWhitelistServer .md-button:hover:not(:disabled), .WhitelistCloud .addIpBlackList .md-button:hover:not(:disabled), .WhitelistCloud .addIpWhitelistCloud .md-button:hover:not(:disabled), .WhitelistCloud .addIpWhitelistServer .md-button:hover:not(:disabled) {
    background-color: #ef6c00;
    color: rgba(255, 255, 255, 0.8); }

.ipCheckerNotification .addIpBlackList .content-reason, .ipCheckerNotification .addIpWhitelistCloud .content-reason, .ipCheckerNotification .addIpWhitelistServer .content-reason, .BlackList .addIpBlackList .content-reason, .BlackList .addIpWhitelistCloud .content-reason, .BlackList .addIpWhitelistServer .content-reason, .WhitelistCloud .addIpBlackList .content-reason, .WhitelistCloud .addIpWhitelistCloud .content-reason, .WhitelistCloud .addIpWhitelistServer .content-reason {
  width: 300px; }

.ipCheckerNotificationErrMsg {
  color: darkred; }

/*figure out how to implement this rule inside the component scope*/
/*however it works globally fine for XS layouts*/
/*md-date-range-picker {
    @include xs {
        overflow: hidden !important;
        overflow-y: scroll !important;
        zoom: 0.9 !important;
    }
}*/
#cog-no-balance-container {
  /*md-autocomplete {
        border: 1px solid #CCCCCC;
        @include xs {
            max-width: 100% !important;
            min-width: 100% !important;
        }
        md-autocomplete-wrap {
            box-shadow: none;
            button {
                margin-top: 5px !important;
            }
        }
    }
    cog-search-bar {
        width: 100vw;
        md-autocomplete {
            max-width: 100% !important;
            min-width: 100% !important;
        }
    }*/
  overflow-y: hidden;
  /*.cogwagers-filter-container {
        font-weight: none;
        white-space: nowrap;
        padding: 5px;
        span {
            font-size: 0.95em !important;s
        }
        * {
            margin: 0px !important;
        }
        md-autocomplete-wrap {
            button {
                margin-top: 5px !important;
            }
        }
        md-date-range {
            background-color: #FFFFFF;
            border: 1px solid #CCCCCC;
            border-radius: 2px;
            span>span:nth-child(1) {
                padding: 8px 0px 5px 12px;
            }
            @include xs {
                width: 100vw;
            }
        }
    }*/ }
  #cog-no-balance-container .md-toolbar-tools {
    background-color: #607d8b;
    color: #FFFFFF; }
    @media screen and (max-width: 599px) {
      #cog-no-balance-container .md-toolbar-tools {
        padding: 3px 0px 3px 5px; } }
  #cog-no-balance-container #cog-list-no-balance-container {
    margin-top: 5px;
    max-height: 100vh;
    height: calc(100vh - 190px);
    overflow: hidden;
    overflow-y: scroll;
    /* Let's get this party started */
    /* Track */
    /* Handle */ }
    @media screen and (max-width: 599px) {
      #cog-no-balance-container #cog-list-no-balance-container {
        height: calc(100vh - 160px); } }
    #cog-no-balance-container #cog-list-no-balance-container::-webkit-scrollbar {
      width: 10px; }
    #cog-no-balance-container #cog-list-no-balance-container::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 10px; }
    #cog-no-balance-container #cog-list-no-balance-container::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: #939393;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
    #cog-no-balance-container #cog-list-no-balance-container::-webkit-scrollbar-thumb:window-inactive {
      background: #939393; }
    #cog-no-balance-container #cog-list-no-balance-container div {
      padding-left: 150px;
      padding-right: 150px; }
      #cog-no-balance-container #cog-list-no-balance-container div table {
        width: 100%; }
        #cog-no-balance-container #cog-list-no-balance-container div table thead tr {
          background-color: #53646d !important;
          color: #FFFFFF; }
          #cog-no-balance-container #cog-list-no-balance-container div table thead tr th {
            position: relative;
            line-height: 28px;
            font-size: .9em;
            font-weight: 400;
            text-align: center;
            text-transform: uppercase;
            /*&:nth-child(3) {
                                width: 66%;
                                text-align: left;
                                text-indent: 25px;
                                @include xs {
                                    text-indent: -9999px;
                                }
                                @include xl {
                                    width: 70%;
                                }
                            }
                            &:nth-child(4) {
                                @include xs-portrait {
                                    text-indent: -9999px;
                                }
                                @include xs-landscape {
                                    width: 20%;
                                    text-indent: -9999px;
                                }
                                @include sm-landscape {
                                    text-indent: -9999px;
                                }
                                @include sm-portrait {
                                    text-indent: -9999px;
                                }
                            }
                            &:nth-child(5) {
                                @include xs-portrait {
                                    width: 20%;
                                    text-align: center;
                                }
                                @include xs-landscape {
                                    width: 10%;
                                }
                                @include sm-landscape {
                                    text-align: center;
                                }
                            }*/ }
            @media screen and (max-width: 599px) {
              #cog-no-balance-container #cog-list-no-balance-container div table thead tr th:nth-child(1) {
                text-indent: -9999px; } }
            @media screen and (max-width: 599px) {
              #cog-no-balance-container #cog-list-no-balance-container div table thead tr th:nth-child(2) {
                text-indent: -9999px; } }
            @media screen and (max-width: 599px) {
              #cog-no-balance-container #cog-list-no-balance-container div table thead tr th:nth-child(3) {
                text-indent: -9999px; } }
            @media screen and (max-width: 599px) {
              #cog-no-balance-container #cog-list-no-balance-container div table thead tr th:nth-child(4) {
                text-indent: -9999px; } }
            @media screen and (max-width: 599px) {
              #cog-no-balance-container #cog-list-no-balance-container div table thead tr th:nth-child(5) {
                text-indent: -9999px; } }
        #cog-no-balance-container #cog-list-no-balance-container div table tbody tr:nth-child(even) {
          background-color: #eaeaea; }
        #cog-no-balance-container #cog-list-no-balance-container div table tbody tr td {
          padding: 5px !important;
          text-align: center !important;
          /*&:nth-child(2) {
                                font-weight: bold;
                            }*/ }
          #cog-no-balance-container #cog-list-no-balance-container div table tbody tr td:nth-child(1), #cog-no-balance-container #cog-list-no-balance-container div table tbody tr td:nth-child(2), #cog-no-balance-container #cog-list-no-balance-container div table tbody tr td:nth-child(3), #cog-no-balance-container #cog-list-no-balance-container div table tbody tr td:nth-child(4), #cog-no-balance-container #cog-list-no-balance-container div table tbody tr td:nth-child(5),
          #cog-no-balance-container #cog-list-no-balance-container div table tbody tr td p {
            font-size: 0.9em;
            text-align: left;
            margin: 0px 0px 10px 0px; }
            #cog-no-balance-container #cog-list-no-balance-container div table tbody tr td:nth-child(1) span:nth-child(2), #cog-no-balance-container #cog-list-no-balance-container div table tbody tr td:nth-child(2) span:nth-child(2), #cog-no-balance-container #cog-list-no-balance-container div table tbody tr td:nth-child(3) span:nth-child(2), #cog-no-balance-container #cog-list-no-balance-container div table tbody tr td:nth-child(4) span:nth-child(2), #cog-no-balance-container #cog-list-no-balance-container div table tbody tr td:nth-child(5) span:nth-child(2),
            #cog-no-balance-container #cog-list-no-balance-container div table tbody tr td p span:nth-child(2) {
              font-weight: bold; }

#cogtransactions-container .ttl-amount-container {
  font-weight: 700;
  font-size: 1.3em;
  line-height: 40px;
  text-align: center; }
  #cogtransactions-container .ttl-amount-container .ttl-label {
    padding-right: 10px; }

#cogtransactions-container .loadingMsg {
  font-size: 0.8em;
  margin: 25px 10px; }

#cogtransactions-container .enteredBy {
  font-weight: 700;
  margin-right: 3px;
  margin-left: 3px; }
  #cogtransactions-container .enteredBy.agent {
    color: darkred; }
  #cogtransactions-container .enteredBy.customer_service {
    color: #137294; }

#cogtransactions-container .sortBtn {
  font-size: 0.85em;
  color: #aeb8bd;
  width: 25px;
  cursor: pointer;
  line-height: 23px;
  text-align: center; }
  #cogtransactions-container .sortBtn.active {
    color: #ffca28; }

#cogtransactions-container .srch-options {
  max-width: 250px !important; }

#cogtransactions-container .transactions-view-options .view-side {
  background-color: #e2e2e2; }
  #cogtransactions-container .transactions-view-options .view-side .cog-datepicker {
    margin-left: 10px;
    max-width: 200px; }
    #cogtransactions-container .transactions-view-options .view-side .cog-datepicker md-icon {
      line-height: 23px; }
    #cogtransactions-container .transactions-view-options .view-side .cog-datepicker .md-menu .md-select-value {
      font-size: 0.8em; }

#cogtransactions-container .range-selected {
  margin: 6px 0px;
  -ms-flex: 1 1 10%;
  flex: 1 1 10%;
  min-width: 150px;
  box-sizing: border-box; }
  #cogtransactions-container .range-selected .md-select-value {
    border-bottom-color: rgba(0, 0, 0, 0.12); }

#cogtransactions-container .rayo-btn {
  width: 100px;
  height: 30px;
  font-size: 0.8em;
  min-height: 25px;
  min-width: 50px;
  line-height: 30px;
  background-color: #FFC107;
  color: #795548;
  font-weight: 600;
  margin: 4px 0 0 0; }
  #cogtransactions-container .rayo-btn:disabled {
    background-color: #ccc;
    color: #9E9E9E; }

@media (max-width: 620px) {
  #cogtransactions-container .view-options-container .md-button.view-btn {
    margin: 0;
    padding: 0 5px;
    min-width: 65px !important;
    font-size: 0.7em; } }

@media (max-width: 425px) {
  #cogtransactions-container .header-icon {
    display: none; }
  #cogtransactions-container .rayo-btn {
    line-height: 35px;
    height: 35px;
    width: 35px;
    max-width: 35px !important;
    min-width: 35px; }
  #cogtransactions-container .view-options-container .md-button.view-btn {
    margin: 0;
    padding: 0 10px;
    min-width: 50px !important;
    font-size: 0.7em; }
  #cogtransactions-container .view-options-container .desktop {
    display: none; }
  #cogtransactions-container .view-options-container .mobile {
    display: block; }
  #cogtransactions-container .range-selected {
    min-width: 120px; } }

@media (max-width: 345px) {
  #cogtransactions-container .view-options-container .cog-datepicker md-icon {
    display: none; } }

#cogtransactions-container .cogtransactions-rpt-container {
  max-height: calc(100vh - 208px);
  overflow-y: scroll;
  height: auto; }
  #cogtransactions-container .cogtransactions-rpt-container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  #cogtransactions-container .cogtransactions-rpt-container::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }

#cogtransactions-container .cogtransaction-more-btn {
  background-color: #5a7c9e;
  color: #cad5e0;
  margin: 0 5px;
  padding: 0px;
  font-size: 0.85em;
  height: 25px;
  line-height: 25px;
  min-height: 25px;
  width: 60px;
  min-width: 60px; }

#cogtransactions-container .cogtransaction-rpt-tbl {
  width: 100%;
  font-size: 0.8em; }
  #cogtransactions-container .cogtransaction-rpt-tbl .cogtransaction-debit-lbl {
    color: darkred;
    font-weight: 700; }
  #cogtransactions-container .cogtransaction-rpt-tbl .cogtransaction-credit-lbl {
    color: darkgreen;
    font-weight: 700; }
  #cogtransactions-container .cogtransaction-rpt-tbl thead {
    color: white;
    background-color: #53646d;
    line-height: 28px; }
    @media (max-width: 425px) {
      #cogtransactions-container .cogtransaction-rpt-tbl thead {
        font-size: 0.85em; }
        #cogtransactions-container .cogtransaction-rpt-tbl thead th {
          padding: 0 3px !important; }
        #cogtransactions-container .cogtransaction-rpt-tbl thead .transtype {
          display: none; } }
    @media (max-width: 620px) {
      #cogtransactions-container .cogtransaction-rpt-tbl thead .detail-opt, #cogtransactions-container .cogtransaction-rpt-tbl thead .enteredby, #cogtransactions-container .cogtransaction-rpt-tbl thead .pwd {
        display: none; }
      #cogtransactions-container .cogtransaction-rpt-tbl thead th.accHdr {
        min-width: 50px !important; } }
    #cogtransactions-container .cogtransaction-rpt-tbl thead .mobile {
      display: none; }
    @media (max-width: 825px) {
      #cogtransactions-container .cogtransaction-rpt-tbl thead .agent, #cogtransactions-container .cogtransaction-rpt-tbl thead .method {
        display: none; }
      #cogtransactions-container .cogtransaction-rpt-tbl thead .mobile {
        display: inline; }
      #cogtransactions-container .cogtransaction-rpt-tbl thead th {
        font-size: 0.95em; }
        #cogtransactions-container .cogtransaction-rpt-tbl thead th.accHdr {
          min-width: 130px; } }
    #cogtransactions-container .cogtransaction-rpt-tbl thead th {
      text-align: center;
      padding: 0 10px;
      font-weight: normal;
      min-width: 60px;
      max-width: 100px;
      display: table-cell; }
      #cogtransactions-container .cogtransaction-rpt-tbl thead th.amount {
        text-align: right;
        padding-right: 0px; }
      #cogtransactions-container .cogtransaction-rpt-tbl thead th.enteredby {
        text-align: right;
        padding-right: 5px; }
  #cogtransactions-container .cogtransaction-rpt-tbl tbody {
    padding: 0; }
    #cogtransactions-container .cogtransaction-rpt-tbl tbody .mobile {
      display: none; }
    @media (max-width: 825px) {
      #cogtransactions-container .cogtransaction-rpt-tbl tbody .agent, #cogtransactions-container .cogtransaction-rpt-tbl tbody .method {
        display: none; }
      #cogtransactions-container .cogtransaction-rpt-tbl tbody .mobile {
        display: block !important; }
      #cogtransactions-container .cogtransaction-rpt-tbl tbody .agent {
        color: #3f51b5; }
      #cogtransactions-container .cogtransaction-rpt-tbl tbody .opt-click {
        cursor: pointer;
        text-decoration: underline; } }
    @media (max-width: 620px) {
      #cogtransactions-container .cogtransaction-rpt-tbl tbody .detail-opt, #cogtransactions-container .cogtransaction-rpt-tbl tbody .enteredby, #cogtransactions-container .cogtransaction-rpt-tbl tbody .pwd {
        display: none; } }
    @media (max-width: 425px) {
      #cogtransactions-container .cogtransaction-rpt-tbl tbody {
        font-size: 0.9em; }
        #cogtransactions-container .cogtransaction-rpt-tbl tbody td {
          padding: 1px !important; }
        #cogtransactions-container .cogtransaction-rpt-tbl tbody .transtype {
          display: none; } }
    #cogtransactions-container .cogtransaction-rpt-tbl tbody tr:nth-child(even) {
      background: #eaeaea; }
    #cogtransactions-container .cogtransaction-rpt-tbl tbody td {
      line-height: 20px;
      border-bottom: solid 1px #e6e6e6;
      text-align: center;
      padding: 5px; }
      #cogtransactions-container .cogtransaction-rpt-tbl tbody td.date {
        min-width: 125px; }
      #cogtransactions-container .cogtransaction-rpt-tbl tbody td.account {
        min-width: 90px;
        font-weight: 700;
        background-color: #f3f3f3;
        border-bottom-color: #e0e0e0;
        color: darkgreen;
        cursor: pointer; }
      #cogtransactions-container .cogtransaction-rpt-tbl tbody td.pwd {
        min-width: 90px; }
      #cogtransactions-container .cogtransaction-rpt-tbl tbody td.transtype {
        min-width: 90px; }
      #cogtransactions-container .cogtransaction-rpt-tbl tbody td.agent {
        min-width: 90px;
        font-weight: 700;
        cursor: pointer; }
      #cogtransactions-container .cogtransaction-rpt-tbl tbody td.enteredby {
        min-width: 80px;
        text-align: right; }
      #cogtransactions-container .cogtransaction-rpt-tbl tbody td.amount {
        min-width: 80px;
        font-weight: 700;
        text-align: right; }
      #cogtransactions-container .cogtransaction-rpt-tbl tbody td.method {
        min-width: 130px;
        text-align: center; }
        #cogtransactions-container .cogtransaction-rpt-tbl tbody td.method span {
          padding-left: 5px;
          min-width: 40px;
          display: inline-block; }
      #cogtransactions-container .cogtransaction-rpt-tbl tbody td .edited {
        color: #607d8b;
        font-size: 1.3em;
        padding-right: 5px; }
        #cogtransactions-container .cogtransaction-rpt-tbl tbody td .edited.amount-changed {
          color: darkred; }

#cogtransactions-container .filter-more-btn {
  width: 35px;
  height: 35px;
  line-height: 4px;
  background-color: #00b0ff !important; }
  #cogtransactions-container .filter-more-btn i {
    color: #cef0ff;
    padding-right: 0px !important;
    margin: 0px; }
  #cogtransactions-container .filter-more-btn span {
    color: #cef0ff;
    margin-left: -2px; }

#cogtransactions-container .cogtransactions-rpt-container.filterhide {
  max-height: calc(100vh - 110px); }

@media (max-width: 426px) {
  #cogtransactions-container .cogtransactions-rpt-container {
    max-height: calc(100vh - 288px); }
    #cogtransactions-container .cogtransactions-rpt-container.filterhide {
      max-height: calc(100vh - 110px); } }

.cogtransaction-md-option {
  font-size: 0.9em; }
  .cogtransaction-md-option .cogtransaction-debit-lbl {
    color: darkred;
    font-weight: 700; }
  .cogtransaction-md-option .cogtransaction-credit-lbl {
    color: darkgreen;
    font-weight: 700; }

.freeplay-transaction-box, .freeplay-transaction-box-mobile {
  background-color: #b7d5e2;
  padding: 0 8px 0 8px !important;
  color: rgba(34, 77, 86, 0.8);
  border-radius: 10px;
  font-size: 0.9em;
  margin-left: 3px; }

.freeplay-transaction-box-mobile {
  padding: 0 5px 0 5px !important;
  text-decoration: unset !important;
  font-weight: 600;
  padding: 3px 8px 3px 8px !important; }

#cogwagers-container .cursor-pointer, #cogtransactions-container .cursor-pointer, #cogwagers-cashout-report .cursor-pointer {
  cursor: pointer; }

#cogwagers-container .sortBtn, #cogtransactions-container .sortBtn, #cogwagers-cashout-report .sortBtn {
  font-size: 0.85em;
  color: #aeb8bd;
  width: 25px;
  cursor: pointer;
  line-height: 23px;
  text-align: center; }
  #cogwagers-container .sortBtn.active, #cogtransactions-container .sortBtn.active, #cogwagers-cashout-report .sortBtn.active {
    color: #ffca28; }

#cogwagers-container md-toolbar, #cogtransactions-container md-toolbar, #cogwagers-cashout-report md-toolbar {
  min-height: 45px;
  height: 45px; }
  #cogwagers-container md-toolbar .md-toolbar-tools, #cogtransactions-container md-toolbar .md-toolbar-tools, #cogwagers-cashout-report md-toolbar .md-toolbar-tools {
    height: 45px; }
  #cogwagers-container md-toolbar .header-icon, #cogtransactions-container md-toolbar .header-icon, #cogwagers-cashout-report md-toolbar .header-icon {
    font-size: 1.35em;
    margin-right: 0.5em; }
  #cogwagers-container md-toolbar .riskAmt, #cogtransactions-container md-toolbar .riskAmt, #cogwagers-cashout-report md-toolbar .riskAmt {
    color: #ff3d00;
    text-align: right;
    margin-right: 10px; }
  #cogwagers-container md-toolbar .winAmt, #cogtransactions-container md-toolbar .winAmt, #cogwagers-cashout-report md-toolbar .winAmt {
    text-align: right;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: 90px; }
  #cogwagers-container md-toolbar .cashout-btn, #cogtransactions-container md-toolbar .cashout-btn, #cogwagers-cashout-report md-toolbar .cashout-btn {
    max-width: 180px;
    background-color: #d3d3d3;
    color: #333; }
    #cogwagers-container md-toolbar .cashout-btn:hover, #cogtransactions-container md-toolbar .cashout-btn:hover, #cogwagers-cashout-report md-toolbar .cashout-btn:hover {
      background-color: orangered;
      color: #ffffff97; }
  @media (max-width: 425px) {
    #cogwagers-container md-toolbar .md-body-2, #cogtransactions-container md-toolbar .md-body-2, #cogwagers-cashout-report md-toolbar .md-body-2 {
      font-size: 0.55em; }
    #cogwagers-container md-toolbar .riskAmt, #cogtransactions-container md-toolbar .riskAmt, #cogwagers-cashout-report md-toolbar .riskAmt {
      margin-right: 5px; }
    #cogwagers-container md-toolbar .winAmt, #cogtransactions-container md-toolbar .winAmt, #cogwagers-cashout-report md-toolbar .winAmt {
      min-width: 80px; }
    #cogwagers-container md-toolbar md-icon, #cogtransactions-container md-toolbar md-icon, #cogwagers-cashout-report md-toolbar md-icon {
      min-width: 20px;
      width: 20px; } }

#cogwagers-container cog-search-bar .tb-custSearchInput, #cogtransactions-container cog-search-bar .tb-custSearchInput, #cogwagers-cashout-report cog-search-bar .tb-custSearchInput {
  min-width: 140px !important;
  max-width: 250px !important; }

#cogwagers-container .srch-options, #cogtransactions-container .srch-options, #cogwagers-cashout-report .srch-options {
  max-width: 350px; }

@media (max-width: 425px) {
  #cogwagers-container .md-toolbar-tools, #cogtransactions-container .md-toolbar-tools, #cogwagers-cashout-report .md-toolbar-tools {
    padding-left: 10px; }
    #cogwagers-container .md-toolbar-tools md-icon, #cogtransactions-container .md-toolbar-tools md-icon, #cogwagers-cashout-report .md-toolbar-tools md-icon {
      margin-right: 3px; }
  #cogwagers-container .refresh-btn, #cogwagers-container .filter-btn, #cogtransactions-container .refresh-btn, #cogtransactions-container .filter-btn, #cogwagers-cashout-report .refresh-btn, #cogwagers-cashout-report .filter-btn {
    line-height: 35px;
    height: 35px;
    width: 35px;
    max-width: 35px !important;
    min-width: 35px; }
    #cogwagers-container .refresh-btn i, #cogwagers-container .filter-btn i, #cogtransactions-container .refresh-btn i, #cogtransactions-container .filter-btn i, #cogwagers-cashout-report .refresh-btn i, #cogwagers-cashout-report .filter-btn i {
      padding-left: 4px; }
  #cogwagers-container md-card.cogwagers-filter-container, #cogtransactions-container md-card.cogwagers-filter-container, #cogwagers-cashout-report md-card.cogwagers-filter-container {
    margin: 2px; }
  #cogwagers-container .wagers-container, #cogwagers-container .transactions-container, #cogtransactions-container .wagers-container, #cogtransactions-container .transactions-container, #cogwagers-cashout-report .wagers-container, #cogwagers-cashout-report .transactions-container {
    padding: 3px; } }

#cogwagers-container .refresh-btn, #cogtransactions-container .refresh-btn, #cogwagers-cashout-report .refresh-btn {
  background-color: #ffc019;
  color: #653408;
  font-size: 0.65em;
  font-weight: 700;
  max-width: 200px; }
  #cogwagers-container .refresh-btn i, #cogtransactions-container .refresh-btn i, #cogwagers-cashout-report .refresh-btn i {
    font-size: 1.4em;
    padding-right: 5px; }
  #cogwagers-container .refresh-btn[disabled], #cogtransactions-container .refresh-btn[disabled], #cogwagers-cashout-report .refresh-btn[disabled] {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.3); }

#cogwagers-container .filter-btn, #cogtransactions-container .filter-btn, #cogwagers-cashout-report .filter-btn {
  background-color: #383838;
  color: #d0d0d0;
  font-size: 0.65em;
  font-weight: 700;
  max-width: 90px; }
  #cogwagers-container .filter-btn i, #cogtransactions-container .filter-btn i, #cogwagers-cashout-report .filter-btn i {
    font-size: 1.4em;
    padding-right: 5px; }
  #cogwagers-container .filter-btn[disabled], #cogtransactions-container .filter-btn[disabled], #cogwagers-cashout-report .filter-btn[disabled] {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(0, 0, 0, 0.3); }

#cogwagers-container .wager-categories-list md-toolbar.md-blue-grey-theme:not(.md-menu-toolbar), #cogtransactions-container .wager-categories-list md-toolbar.md-blue-grey-theme:not(.md-menu-toolbar), #cogwagers-cashout-report .wager-categories-list md-toolbar.md-blue-grey-theme:not(.md-menu-toolbar) {
  min-height: 35px;
  height: 35px;
  color: #fff;
  background-color: #253c47;
  text-transform: uppercase; }

#cogwagers-container .logosOU, #cogtransactions-container .logosOU, #cogwagers-cashout-report .logosOU {
  margin-right: 8px !important; }
  #cogwagers-container .logosOU .logo-over, #cogtransactions-container .logosOU .logo-over, #cogwagers-cashout-report .logosOU .logo-over {
    background-image: url("../assets/images/logos/over.png");
    width: 30px;
    height: 30px; }
  #cogwagers-container .logosOU .logo-under, #cogtransactions-container .logosOU .logo-under, #cogwagers-cashout-report .logosOU .logo-under {
    background-image: url("../assets/images/logos/under.png");
    width: 28px;
    height: 28px; }

#cogwagers-container .wagers-container.view-side .cogwagers-filter-container, #cogwagers-container .transactions-container.view-side .cogwagers-filter-container, #cogtransactions-container .wagers-container.view-side .cogwagers-filter-container, #cogtransactions-container .transactions-container.view-side .cogwagers-filter-container, #cogwagers-cashout-report .wagers-container.view-side .cogwagers-filter-container, #cogwagers-cashout-report .transactions-container.view-side .cogwagers-filter-container {
  font-size: 0.82em;
  margin: 0 0 0 15px;
  min-height: 38px; }

#cogwagers-container .wagers-container .cogwagers-filter-container, #cogwagers-container .transactions-container .cogwagers-filter-container, #cogtransactions-container .wagers-container .cogwagers-filter-container, #cogtransactions-container .transactions-container .cogwagers-filter-container, #cogwagers-cashout-report .wagers-container .cogwagers-filter-container, #cogwagers-cashout-report .transactions-container .cogwagers-filter-container {
  min-height: 40px;
  font-size: 0.9em;
  padding: 0 10px 0 10px;
  margin: 5px; }
  #cogwagers-container .wagers-container .cogwagers-filter-container md-input-container, #cogwagers-container .transactions-container .cogwagers-filter-container md-input-container, #cogtransactions-container .wagers-container .cogwagers-filter-container md-input-container, #cogtransactions-container .transactions-container .cogwagers-filter-container md-input-container, #cogwagers-cashout-report .wagers-container .cogwagers-filter-container md-input-container, #cogwagers-cashout-report .transactions-container .cogwagers-filter-container md-input-container {
    margin: 2px 0;
    min-width: 80px; }
    #cogwagers-container .wagers-container .cogwagers-filter-container md-input-container .filter-srch-btn, #cogwagers-container .transactions-container .cogwagers-filter-container md-input-container .filter-srch-btn, #cogtransactions-container .wagers-container .cogwagers-filter-container md-input-container .filter-srch-btn, #cogtransactions-container .transactions-container .cogwagers-filter-container md-input-container .filter-srch-btn, #cogwagers-cashout-report .wagers-container .cogwagers-filter-container md-input-container .filter-srch-btn, #cogwagers-cashout-report .transactions-container .cogwagers-filter-container md-input-container .filter-srch-btn {
      margin: 3px;
      font-size: 0.9em;
      background-color: #bf6f21; }
      #cogwagers-container .wagers-container .cogwagers-filter-container md-input-container .filter-srch-btn.mobile, #cogwagers-container .transactions-container .cogwagers-filter-container md-input-container .filter-srch-btn.mobile, #cogtransactions-container .wagers-container .cogwagers-filter-container md-input-container .filter-srch-btn.mobile, #cogtransactions-container .transactions-container .cogwagers-filter-container md-input-container .filter-srch-btn.mobile, #cogwagers-cashout-report .wagers-container .cogwagers-filter-container md-input-container .filter-srch-btn.mobile, #cogwagers-cashout-report .transactions-container .cogwagers-filter-container md-input-container .filter-srch-btn.mobile {
        color: white;
        line-height: 38px;
        width: 38px;
        height: 38px; }
  #cogwagers-container .wagers-container .cogwagers-filter-container input[type=number]::-webkit-inner-spin-button,
  #cogwagers-container .wagers-container .cogwagers-filter-container input[type=number]::-webkit-outer-spin-button, #cogwagers-container .transactions-container .cogwagers-filter-container input[type=number]::-webkit-inner-spin-button,
  #cogwagers-container .transactions-container .cogwagers-filter-container input[type=number]::-webkit-outer-spin-button, #cogtransactions-container .wagers-container .cogwagers-filter-container input[type=number]::-webkit-inner-spin-button,
  #cogtransactions-container .wagers-container .cogwagers-filter-container input[type=number]::-webkit-outer-spin-button, #cogtransactions-container .transactions-container .cogwagers-filter-container input[type=number]::-webkit-inner-spin-button,
  #cogtransactions-container .transactions-container .cogwagers-filter-container input[type=number]::-webkit-outer-spin-button, #cogwagers-cashout-report .wagers-container .cogwagers-filter-container input[type=number]::-webkit-inner-spin-button,
  #cogwagers-cashout-report .wagers-container .cogwagers-filter-container input[type=number]::-webkit-outer-spin-button, #cogwagers-cashout-report .transactions-container .cogwagers-filter-container input[type=number]::-webkit-inner-spin-button,
  #cogwagers-cashout-report .transactions-container .cogwagers-filter-container input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  @media (min-width: 600px) and (max-width: 760px) {
    #cogwagers-container .wagers-container .cogwagers-filter-container md-select, #cogwagers-container .transactions-container .cogwagers-filter-container md-select, #cogtransactions-container .wagers-container .cogwagers-filter-container md-select, #cogtransactions-container .transactions-container .cogwagers-filter-container md-select, #cogwagers-cashout-report .wagers-container .cogwagers-filter-container md-select, #cogwagers-cashout-report .transactions-container .cogwagers-filter-container md-select {
      max-width: 120px; } }
  @media (min-width: 425px) and (max-width: 600px) {
    #cogwagers-container .wagers-container .cogwagers-filter-container md-select, #cogwagers-container .transactions-container .cogwagers-filter-container md-select, #cogtransactions-container .wagers-container .cogwagers-filter-container md-select, #cogtransactions-container .transactions-container .cogwagers-filter-container md-select, #cogwagers-cashout-report .wagers-container .cogwagers-filter-container md-select, #cogwagers-cashout-report .transactions-container .cogwagers-filter-container md-select {
      max-width: 80px; }
    #cogwagers-container .wagers-container .cogwagers-filter-container .filter-srch-lbl, #cogwagers-container .transactions-container .cogwagers-filter-container .filter-srch-lbl, #cogtransactions-container .wagers-container .cogwagers-filter-container .filter-srch-lbl, #cogtransactions-container .transactions-container .cogwagers-filter-container .filter-srch-lbl, #cogwagers-cashout-report .wagers-container .cogwagers-filter-container .filter-srch-lbl, #cogwagers-cashout-report .transactions-container .cogwagers-filter-container .filter-srch-lbl {
      display: none; } }
  @media (max-width: 425px) {
    #cogwagers-container .wagers-container .cogwagers-filter-container md-select, #cogwagers-container .transactions-container .cogwagers-filter-container md-select, #cogtransactions-container .wagers-container .cogwagers-filter-container md-select, #cogtransactions-container .transactions-container .cogwagers-filter-container md-select, #cogwagers-cashout-report .wagers-container .cogwagers-filter-container md-select, #cogwagers-cashout-report .transactions-container .cogwagers-filter-container md-select {
      max-width: 100%;
      width: 100%;
      margin-bottom: 5px;
      margin-top: 5px; }
    #cogwagers-container .wagers-container .cogwagers-filter-container .filter-srch-lbl, #cogwagers-container .transactions-container .cogwagers-filter-container .filter-srch-lbl, #cogtransactions-container .wagers-container .cogwagers-filter-container .filter-srch-lbl, #cogtransactions-container .transactions-container .cogwagers-filter-container .filter-srch-lbl, #cogwagers-cashout-report .wagers-container .cogwagers-filter-container .filter-srch-lbl, #cogwagers-cashout-report .transactions-container .cogwagers-filter-container .filter-srch-lbl {
      display: none; } }

#cogwagers-container .wagers-container md-select, #cogwagers-container .transactions-container md-select, #cogtransactions-container .wagers-container md-select, #cogtransactions-container .transactions-container md-select, #cogwagers-cashout-report .wagers-container md-select, #cogwagers-cashout-report .transactions-container md-select {
  margin: 0px; }

#cogwagers-container .wager-view-options, #cogwagers-container .transactions-view-options, #cogtransactions-container .wager-view-options, #cogtransactions-container .transactions-view-options, #cogwagers-cashout-report .wager-view-options, #cogwagers-cashout-report .transactions-view-options {
  background-color: #a9a9a9;
  overflow-y: auto; }
  #cogwagers-container .wager-view-options .md-nav-bar, #cogwagers-container .transactions-view-options .md-nav-bar, #cogtransactions-container .wager-view-options .md-nav-bar, #cogtransactions-container .transactions-view-options .md-nav-bar, #cogwagers-cashout-report .wager-view-options .md-nav-bar, #cogwagers-cashout-report .transactions-view-options .md-nav-bar {
    height: 38px; }
  #cogwagers-container .wager-view-options::-webkit-scrollbar, #cogwagers-container .transactions-view-options::-webkit-scrollbar, #cogtransactions-container .wager-view-options::-webkit-scrollbar, #cogtransactions-container .transactions-view-options::-webkit-scrollbar, #cogwagers-cashout-report .wager-view-options::-webkit-scrollbar, #cogwagers-cashout-report .transactions-view-options::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  #cogwagers-container .wager-view-options::-webkit-scrollbar-thumb, #cogwagers-container .transactions-view-options::-webkit-scrollbar-thumb, #cogtransactions-container .wager-view-options::-webkit-scrollbar-thumb, #cogtransactions-container .transactions-view-options::-webkit-scrollbar-thumb, #cogwagers-cashout-report .wager-view-options::-webkit-scrollbar-thumb, #cogwagers-cashout-report .transactions-view-options::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }
  #cogwagers-container .wager-view-options .view-options-container, #cogwagers-container .transactions-view-options .view-options-container, #cogtransactions-container .wager-view-options .view-options-container, #cogtransactions-container .transactions-view-options .view-options-container, #cogwagers-cashout-report .wager-view-options .view-options-container, #cogwagers-cashout-report .transactions-view-options .view-options-container {
    margin: 0; }
    #cogwagers-container .wager-view-options .view-options-container .md-button.view-btn, #cogwagers-container .transactions-view-options .view-options-container .md-button.view-btn, #cogtransactions-container .wager-view-options .view-options-container .md-button.view-btn, #cogtransactions-container .transactions-view-options .view-options-container .md-button.view-btn, #cogwagers-cashout-report .wager-view-options .view-options-container .md-button.view-btn, #cogwagers-cashout-report .transactions-view-options .view-options-container .md-button.view-btn {
      margin: 0;
      padding: 0 10px;
      min-height: 30px;
      min-width: 100px;
      line-height: 38px;
      font-size: 0.75em;
      border-radius: 0px;
      border-right: solid 1px #999; }
      #cogwagers-container .wager-view-options .view-options-container .md-button.view-btn:not([disabled]):hover, #cogwagers-container .transactions-view-options .view-options-container .md-button.view-btn:not([disabled]):hover, #cogtransactions-container .wager-view-options .view-options-container .md-button.view-btn:not([disabled]):hover, #cogtransactions-container .transactions-view-options .view-options-container .md-button.view-btn:not([disabled]):hover, #cogwagers-cashout-report .wager-view-options .view-options-container .md-button.view-btn:not([disabled]):hover, #cogwagers-cashout-report .transactions-view-options .view-options-container .md-button.view-btn:not([disabled]):hover {
        background-color: #333;
        color: #eee; }
      #cogwagers-container .wager-view-options .view-options-container .md-button.view-btn:focus, #cogwagers-container .wager-view-options .view-options-container .md-button.view-btn:active, #cogwagers-container .wager-view-options .view-options-container .md-button.view-btn.md-active, #cogwagers-container .transactions-view-options .view-options-container .md-button.view-btn:focus, #cogwagers-container .transactions-view-options .view-options-container .md-button.view-btn:active, #cogwagers-container .transactions-view-options .view-options-container .md-button.view-btn.md-active, #cogtransactions-container .wager-view-options .view-options-container .md-button.view-btn:focus, #cogtransactions-container .wager-view-options .view-options-container .md-button.view-btn:active, #cogtransactions-container .wager-view-options .view-options-container .md-button.view-btn.md-active, #cogtransactions-container .transactions-view-options .view-options-container .md-button.view-btn:focus, #cogtransactions-container .transactions-view-options .view-options-container .md-button.view-btn:active, #cogtransactions-container .transactions-view-options .view-options-container .md-button.view-btn.md-active, #cogwagers-cashout-report .wager-view-options .view-options-container .md-button.view-btn:focus, #cogwagers-cashout-report .wager-view-options .view-options-container .md-button.view-btn:active, #cogwagers-cashout-report .wager-view-options .view-options-container .md-button.view-btn.md-active, #cogwagers-cashout-report .transactions-view-options .view-options-container .md-button.view-btn:focus, #cogwagers-cashout-report .transactions-view-options .view-options-container .md-button.view-btn:active, #cogwagers-cashout-report .transactions-view-options .view-options-container .md-button.view-btn.md-active {
        background-color: white !important;
        color: black !important; }
      #cogwagers-container .wager-view-options .view-options-container .md-button.view-btn .md-ripple-container, #cogwagers-container .transactions-view-options .view-options-container .md-button.view-btn .md-ripple-container, #cogtransactions-container .wager-view-options .view-options-container .md-button.view-btn .md-ripple-container, #cogtransactions-container .transactions-view-options .view-options-container .md-button.view-btn .md-ripple-container, #cogwagers-cashout-report .wager-view-options .view-options-container .md-button.view-btn .md-ripple-container, #cogwagers-cashout-report .transactions-view-options .view-options-container .md-button.view-btn .md-ripple-container {
        display: none; }
    #cogwagers-container .wager-view-options .view-options-container .desktop, #cogwagers-container .transactions-view-options .view-options-container .desktop, #cogtransactions-container .wager-view-options .view-options-container .desktop, #cogtransactions-container .transactions-view-options .view-options-container .desktop, #cogwagers-cashout-report .wager-view-options .view-options-container .desktop, #cogwagers-cashout-report .transactions-view-options .view-options-container .desktop {
      display: block; }
    #cogwagers-container .wager-view-options .view-options-container .mobile, #cogwagers-container .transactions-view-options .view-options-container .mobile, #cogtransactions-container .wager-view-options .view-options-container .mobile, #cogtransactions-container .transactions-view-options .view-options-container .mobile, #cogwagers-cashout-report .wager-view-options .view-options-container .mobile, #cogwagers-cashout-report .transactions-view-options .view-options-container .mobile {
      display: none; }
  @media (max-width: 425px) {
    #cogwagers-container .wager-view-options .view-options-container .md-button.view-btn, #cogwagers-container .transactions-view-options .view-options-container .md-button.view-btn, #cogtransactions-container .wager-view-options .view-options-container .md-button.view-btn, #cogtransactions-container .transactions-view-options .view-options-container .md-button.view-btn, #cogwagers-cashout-report .wager-view-options .view-options-container .md-button.view-btn, #cogwagers-cashout-report .transactions-view-options .view-options-container .md-button.view-btn {
      margin: 0;
      padding: 0 5px;
      min-width: 70px;
      font-size: 0.7em; }
    #cogwagers-container .wager-view-options .view-options-container .desktop, #cogwagers-container .transactions-view-options .view-options-container .desktop, #cogtransactions-container .wager-view-options .view-options-container .desktop, #cogtransactions-container .transactions-view-options .view-options-container .desktop, #cogwagers-cashout-report .wager-view-options .view-options-container .desktop, #cogwagers-cashout-report .transactions-view-options .view-options-container .desktop {
      display: none; }
    #cogwagers-container .wager-view-options .view-options-container .mobile, #cogwagers-container .transactions-view-options .view-options-container .mobile, #cogtransactions-container .wager-view-options .view-options-container .mobile, #cogtransactions-container .transactions-view-options .view-options-container .mobile, #cogwagers-cashout-report .wager-view-options .view-options-container .mobile, #cogwagers-cashout-report .transactions-view-options .view-options-container .mobile {
      display: block; } }

#cogwagers-container .cog-input-container, #cogtransactions-container .cog-input-container, #cogwagers-cashout-report .cog-input-container {
  margin: 3px !important;
  padding: 4px 8px;
  border: solid 1px #E3E3E3;
  background-color: white;
  font-size: 0.95em; }
  #cogwagers-container .cog-input-container input, #cogtransactions-container .cog-input-container input, #cogwagers-cashout-report .cog-input-container input {
    border: none;
    outline: none; }
  #cogwagers-container .cog-input-container.ticketnumber-input input, #cogtransactions-container .cog-input-container.ticketnumber-input input, #cogwagers-cashout-report .cog-input-container.ticketnumber-input input {
    min-width: 80px;
    max-width: 250px;
    width: 100%; }
  #cogwagers-container .cog-input-container.ticketnumber-input.mobile, #cogtransactions-container .cog-input-container.ticketnumber-input.mobile, #cogwagers-cashout-report .cog-input-container.ticketnumber-input.mobile {
    width: 100%;
    max-width: 100%;
    padding-right: 10px; }

#cogwagers-container .category-items-container, #cogtransactions-container .category-items-container, #cogwagers-cashout-report .category-items-container {
  max-height: 450px;
  overflow-y: scroll;
  height: 0px;
  /*@media (min-width:960px) and (max-width:1129px) {
            &.expanded {
                height: calc(100vh - 190px);
            }
        }*/ }
  #cogwagers-container .category-items-container::-webkit-scrollbar, #cogtransactions-container .category-items-container::-webkit-scrollbar, #cogwagers-cashout-report .category-items-container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  #cogwagers-container .category-items-container::-webkit-scrollbar-thumb, #cogtransactions-container .category-items-container::-webkit-scrollbar-thumb, #cogwagers-cashout-report .category-items-container::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }
  #cogwagers-container .category-items-container.expanded, #cogtransactions-container .category-items-container.expanded, #cogwagers-cashout-report .category-items-container.expanded {
    max-height: 100vh;
    height: calc(100vh - 190px); }
  @media (min-width: 1280px) {
    #cogwagers-container .category-items-container.expanded, #cogtransactions-container .category-items-container.expanded, #cogwagers-cashout-report .category-items-container.expanded {
      height: calc(100vh - 205px); } }
  @media (max-width: 1129px) {
    #cogwagers-container .category-items-container.expanded, #cogtransactions-container .category-items-container.expanded, #cogwagers-cashout-report .category-items-container.expanded {
      height: calc(100vh - 190px); } }
  #cogwagers-container .category-items-container .bm-pending-del-button, #cogtransactions-container .category-items-container .bm-pending-del-button, #cogwagers-cashout-report .category-items-container .bm-pending-del-button {
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    min-height: 25px !important;
    margin: 0 5px 0 5px; }
    #cogwagers-container .category-items-container .bm-pending-del-button md-icon, #cogtransactions-container .category-items-container .bm-pending-del-button md-icon, #cogwagers-cashout-report .category-items-container .bm-pending-del-button md-icon {
      font-size: 1em;
      min-width: 10px; }
  #cogwagers-container .category-items-container .pending-tbl, #cogtransactions-container .category-items-container .pending-tbl, #cogwagers-cashout-report .category-items-container .pending-tbl {
    width: 100%;
    font-size: 0.8em; }
    #cogwagers-container .category-items-container .pending-tbl .bm-pending-header, #cogtransactions-container .category-items-container .pending-tbl .bm-pending-header, #cogwagers-cashout-report .category-items-container .pending-tbl .bm-pending-header {
      line-height: 50px !important; }
    #cogwagers-container .category-items-container .pending-tbl .bm-pending-highlight-item, #cogtransactions-container .category-items-container .pending-tbl .bm-pending-highlight-item, #cogwagers-cashout-report .category-items-container .pending-tbl .bm-pending-highlight-item {
      background-color: #ffd180; }
    @media (max-width: 525px) {
      #cogwagers-container .category-items-container .pending-tbl.view-default thead th.agent, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.customer, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.acceptedDate, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.scheduledDate, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.fname, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.nickname, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.pwd, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.category-type, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.website, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.agent, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.customer, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.acceptedDate, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.scheduledDate, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.fname, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.nickname, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.pwd, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.category-type, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.website, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.agent, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.customer, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.acceptedDate, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.scheduledDate, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.fname, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.nickname, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.pwd, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.category-type, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.website {
        display: none; }
      #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.agent, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.customer, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.acceptedDate, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.scheduledDate, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.fname, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.nickname, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.pwd, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.category-type, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.website, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.agent, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.customer, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.acceptedDate, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.scheduledDate, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.fname, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.nickname, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.pwd, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.category-type, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.website, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.agent, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.customer, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.acceptedDate, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.scheduledDate, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.fname, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.nickname, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.pwd, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.category-type, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.website {
        display: none; }
      #cogwagers-container .category-items-container .pending-tbl.view-default tbody td .mobile-other-section, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td .mobile-other-section, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td .mobile-other-section {
        text-align: right !important; } }
    @media (max-width: 768px) {
      #cogwagers-container .category-items-container .pending-tbl.view-default thead th.agent, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.agent, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.agent {
        width: 200px; }
      #cogwagers-container .category-items-container .pending-tbl.view-default thead th.customer, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.acceptedDate, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.scheduledDate, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.fname, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.nickname, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.pwd, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.category-type, #cogwagers-container .category-items-container .pending-tbl.view-default thead th.website, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.customer, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.acceptedDate, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.scheduledDate, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.fname, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.nickname, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.pwd, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.category-type, #cogtransactions-container .category-items-container .pending-tbl.view-default thead th.website, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.customer, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.acceptedDate, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.scheduledDate, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.fname, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.nickname, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.pwd, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.category-type, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default thead th.website {
        display: none; }
      #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.customer, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.acceptedDate, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.scheduledDate, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.fname, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.nickname, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.pwd, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.category-type, #cogwagers-container .category-items-container .pending-tbl.view-default tbody td.website, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.customer, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.acceptedDate, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.scheduledDate, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.fname, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.nickname, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.pwd, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.category-type, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td.website, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.customer, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.acceptedDate, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.scheduledDate, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.fname, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.nickname, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.pwd, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.category-type, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td.website {
        display: none; }
      #cogwagers-container .category-items-container .pending-tbl.view-default tbody td .mobile-other-section, #cogtransactions-container .category-items-container .pending-tbl.view-default tbody td .mobile-other-section, #cogwagers-cashout-report .category-items-container .pending-tbl.view-default tbody td .mobile-other-section {
        text-align: center; } }
    #cogwagers-container .category-items-container .pending-tbl thead, #cogtransactions-container .category-items-container .pending-tbl thead, #cogwagers-cashout-report .category-items-container .pending-tbl thead {
      color: white;
      background-color: #53646d;
      line-height: 28px; }
      @media (max-width: 425px) {
        #cogwagers-container .category-items-container .pending-tbl thead, #cogtransactions-container .category-items-container .pending-tbl thead, #cogwagers-cashout-report .category-items-container .pending-tbl thead {
          font-size: 0.85em; }
          #cogwagers-container .category-items-container .pending-tbl thead th, #cogtransactions-container .category-items-container .pending-tbl thead th, #cogwagers-cashout-report .category-items-container .pending-tbl thead th {
            padding: 0 3px !important; }
            #cogwagers-container .category-items-container .pending-tbl thead th.bets, #cogtransactions-container .category-items-container .pending-tbl thead th.bets, #cogwagers-cashout-report .category-items-container .pending-tbl thead th.bets {
              width: 80px !important; } }
      @media (max-width: 960px) {
        #cogwagers-container .category-items-container .pending-tbl thead .hdrRiskAmt, #cogtransactions-container .category-items-container .pending-tbl thead .hdrRiskAmt, #cogwagers-cashout-report .category-items-container .pending-tbl thead .hdrRiskAmt {
          min-width: 50px !important; }
        #cogwagers-container .category-items-container .pending-tbl thead .hdrToWinAmt, #cogtransactions-container .category-items-container .pending-tbl thead .hdrToWinAmt, #cogwagers-cashout-report .category-items-container .pending-tbl thead .hdrToWinAmt {
          min-width: 50px !important; } }
      #cogwagers-container .category-items-container .pending-tbl thead th, #cogtransactions-container .category-items-container .pending-tbl thead th, #cogwagers-cashout-report .category-items-container .pending-tbl thead th {
        text-align: center;
        padding: 0 10px;
        font-weight: normal;
        min-width: 60px;
        max-width: 100px;
        display: table-cell; }
        #cogwagers-container .category-items-container .pending-tbl thead th.agent, #cogtransactions-container .category-items-container .pending-tbl thead th.agent, #cogwagers-cashout-report .category-items-container .pending-tbl thead th.agent {
          width: 100px; }
        #cogwagers-container .category-items-container .pending-tbl thead th.customer, #cogtransactions-container .category-items-container .pending-tbl thead th.customer, #cogwagers-cashout-report .category-items-container .pending-tbl thead th.customer {
          width: 100px; }
        #cogwagers-container .category-items-container .pending-tbl thead th.acceptedDate, #cogtransactions-container .category-items-container .pending-tbl thead th.acceptedDate, #cogwagers-cashout-report .category-items-container .pending-tbl thead th.acceptedDate {
          width: 100px; }
        #cogwagers-container .category-items-container .pending-tbl thead th.scheduledDate, #cogtransactions-container .category-items-container .pending-tbl thead th.scheduledDate, #cogwagers-cashout-report .category-items-container .pending-tbl thead th.scheduledDate {
          width: 100px; }
        #cogwagers-container .category-items-container .pending-tbl thead th.fname, #cogwagers-container .category-items-container .pending-tbl thead th.nickname, #cogtransactions-container .category-items-container .pending-tbl thead th.fname, #cogtransactions-container .category-items-container .pending-tbl thead th.nickname, #cogwagers-cashout-report .category-items-container .pending-tbl thead th.fname, #cogwagers-cashout-report .category-items-container .pending-tbl thead th.nickname {
          width: 100px; }
        #cogwagers-container .category-items-container .pending-tbl thead th.pwd, #cogtransactions-container .category-items-container .pending-tbl thead th.pwd, #cogwagers-cashout-report .category-items-container .pending-tbl thead th.pwd {
          width: 80px; }
        #cogwagers-container .category-items-container .pending-tbl thead th.website, #cogtransactions-container .category-items-container .pending-tbl thead th.website, #cogwagers-cashout-report .category-items-container .pending-tbl thead th.website {
          width: 80px; }
        #cogwagers-container .category-items-container .pending-tbl thead th.bets, #cogtransactions-container .category-items-container .pending-tbl thead th.bets, #cogwagers-cashout-report .category-items-container .pending-tbl thead th.bets {
          width: 120px; }
        #cogwagers-container .category-items-container .pending-tbl thead th.riskWin, #cogtransactions-container .category-items-container .pending-tbl thead th.riskWin, #cogwagers-cashout-report .category-items-container .pending-tbl thead th.riskWin {
          text-align: right; }
          #cogwagers-container .category-items-container .pending-tbl thead th.riskWin .hdrRiskAmt, #cogtransactions-container .category-items-container .pending-tbl thead th.riskWin .hdrRiskAmt, #cogwagers-cashout-report .category-items-container .pending-tbl thead th.riskWin .hdrRiskAmt {
            min-width: 90px;
            margin-top: -5px; }
          #cogwagers-container .category-items-container .pending-tbl thead th.riskWin .hdrToWinAmt, #cogtransactions-container .category-items-container .pending-tbl thead th.riskWin .hdrToWinAmt, #cogwagers-cashout-report .category-items-container .pending-tbl thead th.riskWin .hdrToWinAmt {
            padding-right: 5px;
            min-width: 90px;
            margin-top: -5px; }
    #cogwagers-container .category-items-container .pending-tbl tbody, #cogtransactions-container .category-items-container .pending-tbl tbody, #cogwagers-cashout-report .category-items-container .pending-tbl tbody {
      padding: 0; }
      @media (max-width: 425px) {
        #cogwagers-container .category-items-container .pending-tbl tbody, #cogtransactions-container .category-items-container .pending-tbl tbody, #cogwagers-cashout-report .category-items-container .pending-tbl tbody {
          font-size: 0.85em; }
          #cogwagers-container .category-items-container .pending-tbl tbody td.bets .md-button, #cogtransactions-container .category-items-container .pending-tbl tbody td.bets .md-button, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td.bets .md-button {
            min-width: 60px; } }
      #cogwagers-container .category-items-container .pending-tbl tbody tr:nth-child(even), #cogtransactions-container .category-items-container .pending-tbl tbody tr:nth-child(even), #cogwagers-cashout-report .category-items-container .pending-tbl tbody tr:nth-child(even) {
        background: #eaeaea; }
      #cogwagers-container .category-items-container .pending-tbl tbody td, #cogtransactions-container .category-items-container .pending-tbl tbody td, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td {
        line-height: 20px;
        border-bottom: solid 1px #e6e6e6;
        text-align: center;
        padding: 3px; }
        #cogwagers-container .category-items-container .pending-tbl tbody td.customer, #cogtransactions-container .category-items-container .pending-tbl tbody td.customer, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td.customer {
          font-weight: 700; }
        #cogwagers-container .category-items-container .pending-tbl tbody td.bets .md-button, #cogtransactions-container .category-items-container .pending-tbl tbody td.bets .md-button, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td.bets .md-button {
          color: darkred;
          font-size: 1.2em;
          font-weight: 700;
          height: 24px;
          line-height: 24px;
          min-height: 24px;
          margin: 0; }
        #cogwagers-container .category-items-container .pending-tbl tbody td.pending-detail-container, #cogtransactions-container .category-items-container .pending-tbl tbody td.pending-detail-container, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td.pending-detail-container {
          text-align: left;
          line-height: 20px;
          min-height: 25px;
          height: 25px;
          max-width: 450px;
          min-width: 200px;
          /*.pendingExpandLeg {
                            width: 100%;
                            padding-left: 24px;
                        }*/ }
          #cogwagers-container .category-items-container .pending-tbl tbody td.pending-detail-container .Horses, #cogtransactions-container .category-items-container .pending-tbl tbody td.pending-detail-container .Horses, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td.pending-detail-container .Horses {
            font-weight: 700; }
          #cogwagers-container .category-items-container .pending-tbl tbody td.pending-detail-container pending-detail, #cogtransactions-container .category-items-container .pending-tbl tbody td.pending-detail-container pending-detail, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td.pending-detail-container pending-detail {
            display: block; }
            #cogwagers-container .category-items-container .pending-tbl tbody td.pending-detail-container pending-detail .logos, #cogtransactions-container .category-items-container .pending-tbl tbody td.pending-detail-container pending-detail .logos, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td.pending-detail-container pending-detail .logos {
              height: 20px; }
            #cogwagers-container .category-items-container .pending-tbl tbody td.pending-detail-container pending-detail .pending .flex-10, #cogtransactions-container .category-items-container .pending-tbl tbody td.pending-detail-container pending-detail .pending .flex-10, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td.pending-detail-container pending-detail .pending .flex-10 {
              max-width: -moz-fit-content;
              max-width: fit-content;
              min-width: 90px; }
            #cogwagers-container .category-items-container .pending-tbl tbody td.pending-detail-container pending-detail .pending div span, #cogtransactions-container .category-items-container .pending-tbl tbody td.pending-detail-container pending-detail .pending div span, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td.pending-detail-container pending-detail .pending div span {
              margin-right: 5px;
              float: left;
              margin-top: 2px; }
        #cogwagers-container .category-items-container .pending-tbl tbody td .category-type-data, #cogtransactions-container .category-items-container .pending-tbl tbody td .category-type-data, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td .category-type-data {
          font-weight: 700;
          color: darkgreen; }
        #cogwagers-container .category-items-container .pending-tbl tbody td .acceptedDate-data, #cogtransactions-container .category-items-container .pending-tbl tbody td .acceptedDate-data, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td .acceptedDate-data {
          color: #795548; }
        #cogwagers-container .category-items-container .pending-tbl tbody td .website-data, #cogtransactions-container .category-items-container .pending-tbl tbody td .website-data, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td .website-data {
          font-weight: 700;
          color: darkred; }
        #cogwagers-container .category-items-container .pending-tbl tbody td .passwoerd-data, #cogtransactions-container .category-items-container .pending-tbl tbody td .passwoerd-data, #cogwagers-cashout-report .category-items-container .pending-tbl tbody td .passwoerd-data {
          font-weight: 700;
          color: darkolivegreen; }

#wager-player-dialog {
  width: 1000px;
  max-width: 100%;
  height: 95%;
  max-height: 100%;
  font-size: 0.85em;
  /*.pendingExpandLeg {
        width: 100%;
        padding-left: 24px;
    }*/ }
  #wager-player-dialog md-toolbar {
    background-color: white;
    color: grey;
    min-height: 28px;
    height: 35px; }
    #wager-player-dialog md-toolbar .md-toolbar-tools h2 {
      font-size: 0.85em; }
      #wager-player-dialog md-toolbar .md-toolbar-tools h2 span {
        color: darkred;
        font-weight: 700; }
  #wager-player-dialog md-dialog-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  #wager-player-dialog md-dialog-content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }
  #wager-player-dialog md-icon {
    color: grey; }
  #wager-player-dialog md-dialog-content {
    padding: 10px; }
    #wager-player-dialog md-dialog-content md-card {
      margin: 0px;
      padding: 3px; }
    #wager-player-dialog md-dialog-content .wager-player-header {
      height: 30px;
      line-height: 30px;
      background-color: #53646d;
      color: rgba(255, 255, 255, 0.9);
      text-align: right; }
      #wager-player-dialog md-dialog-content .wager-player-header .hdrRiskAmt {
        min-width: 90px; }
      #wager-player-dialog md-dialog-content .wager-player-header .hdrToWinAmt {
        padding-right: 5px;
        min-width: 90px; }
      #wager-player-dialog md-dialog-content .wager-player-header .sortBtn {
        font-size: 0.85em;
        color: #aeb8bd;
        width: 25px;
        cursor: pointer;
        line-height: 23px;
        text-align: center; }
        #wager-player-dialog md-dialog-content .wager-player-header .sortBtn.active {
          color: #ffca28; }
      @media (max-width: 960px) {
        #wager-player-dialog md-dialog-content .wager-player-header .hdrRiskAmt {
          display: none; } }
    #wager-player-dialog md-dialog-content .info-container {
      margin-bottom: 10px; }
      #wager-player-dialog md-dialog-content .info-container .info label {
        font-size: 0.83em;
        color: grey;
        line-height: 30px;
        min-width: 60px;
        text-align: right;
        margin-right: 10px; }
        #wager-player-dialog md-dialog-content .info-container .info label:after {
          content: ":"; }
      #wager-player-dialog md-dialog-content .info-container .info div {
        line-height: 30px;
        font-weight: 700; }
    #wager-player-dialog md-dialog-content .pending-container .lstPending {
      max-height: 100vh;
      height: calc(100vh - 180px);
      overflow-y: auto;
      padding-bottom: 5px;
      border: solid 1px #c5c5c5; }
      #wager-player-dialog md-dialog-content .pending-container .lstPending::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background: rgba(0, 0, 0, 0.1);
        transition: all .2s; }
      #wager-player-dialog md-dialog-content .pending-container .lstPending::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.35);
        border-radius: 4px;
        transition: all .2s; }
      @media (max-width: 960px) {
        #wager-player-dialog md-dialog-content .pending-container .lstPending {
          height: calc(100vh - 135px); } }
      #wager-player-dialog md-dialog-content .pending-container .lstPending .odd {
        background-color: #efefef; }
      #wager-player-dialog md-dialog-content .pending-container .lstPending .even {
        background-color: #e0e0e0; }
    #wager-player-dialog md-dialog-content .pending-container md-list-item {
      padding: 0 5px;
      min-height: 30px; }
      #wager-player-dialog md-dialog-content .pending-container md-list-item .md-list-item-text {
        margin: 3px 0; }
    #wager-player-dialog md-dialog-content .pending-container md-list-item.md-2-line::before {
      min-height: 30px; }
  #wager-player-dialog .itmPadding span {
    padding-right: 2px; }
  @media (max-width: 425px) {
    #wager-player-dialog {
      width: 100%;
      height: 100%;
      font-size: 0.8em; }
      #wager-player-dialog md-toolbar .md-toolbar-tools h2 {
        font-size: 0.7em; }
      #wager-player-dialog md-dialog-content {
        padding: 0px !important; }
        #wager-player-dialog md-dialog-content md-card {
          padding: 0px; }
        #wager-player-dialog md-dialog-content .info-container .info label {
          line-height: 28px; }
        #wager-player-dialog md-dialog-content .info-container .info div {
          line-height: 28px; } }

.CogWagerPending .pendingtype {
  color: darkred; }
  .CogWagerPending .pendingtype .md-button {
    min-height: 20px; }

.CogWagerPending .pending span {
  font-weight: 700; }

.CogWagerPending .pending .pdPrice {
  font-weight: normal; }

.CogWagerPending .riskAmt {
  color: #bf4040;
  font-weight: 700; }

.CogWagerPending .winAmt {
  font-weight: 700; }

.CogWagerPending .pendingExpand div:nth-child(1) {
  min-width: 60px; }

.CogWagerPending .pendingExpandLeg {
  width: 100%;
  padding-left: 24px; }

.CogWagerPending .bm-fillspot-button {
  display: none; }

wager-detail, pending-detail {
  /*.pd-div {
        padding-right: 5px;
        .pendingtype, span:not(:last-child) {
            padding-right: 5px;
        }
    }*/
  /*.wgNBets {
        border-left: solid 1px rgb(209, 209, 209);
        border-right: solid 1px rgb(209, 209, 209);
        background-color: #f9f9f9;
        &.first {
            border-top: solid 1px rgb(209, 209, 209);
            //border-radius: 3px;
            padding-top: 10px;
            margin-top: 10px;
        }
        &.last {
            border-bottom: solid 1px rgb(209, 209, 209);
            //border-radius: 3px;
            padding-bottom: 10px;
        }
    }*/
  /*
    fulldate span {
        float: none !important;
        margin: 0 !important;
        font-weight: inherit;
    }
    .ticketType {
        padding-left: 5px;
        color: #607d8b;
    }
    */ }
  wager-detail .tmTotal, pending-detail .tmTotal {
    font-weight: normal;
    color: #666;
    text-transform: uppercase;
    line-height: normal; }
    @media screen and (max-width: 959px) {
      wager-detail .tmTotal, pending-detail .tmTotal {
        font-size: 12px !important; } }
    @media screen and (orientation: landscape) and (max-width: 960px) {
      wager-detail .tmTotal, pending-detail .tmTotal {
        line-height: 1.4em; } }
  wager-detail .pdSpreadPkLine, pending-detail .pdSpreadPkLine {
    font-weight: normal !important;
    color: #005886;
    margin-left: 3px;
    margin-right: 3px;
    text-transform: uppercase; }
  wager-detail .pdSpreadHalfLine, pending-detail .pdSpreadHalfLine {
    font-weight: normal !important;
    color: #676363;
    margin-left: 3px;
    margin-right: 3px; }
  wager-detail .pdSpreadPkJuice, wager-detail .pdSpreadHalfJuice, pending-detail .pdSpreadPkJuice, pending-detail .pdSpreadHalfJuice {
    font-weight: 700 !important;
    color: black !important; }
  wager-detail .pdPeriod, pending-detail .pdPeriod {
    margin-top: -1px;
    color: #88803b; }
  wager-detail .ml-win, pending-detail .ml-win {
    font-weight: 600;
    color: #255a79;
    text-transform: uppercase; }
  wager-detail .pdFreeplay, pending-detail .pdFreeplay {
    color: #406549;
    font-weight: normal;
    text-transform: uppercase;
    font-style: italic; }
  wager-detail .freeplay-loss .figRed, pending-detail .freeplay-loss .figRed {
    color: #c2c2c2; }
  wager-detail .freeplay-loss .freeplay-loss-hint, pending-detail .freeplay-loss .freeplay-loss-hint {
    color: #6e6e6e; }
  wager-detail .pdRegulation, pending-detail .pdRegulation {
    float: none !important;
    color: #4065ad; }
  wager-detail .smlInfo, pending-detail .smlInfo {
    margin-top: 2px !important; }
  wager-detail .ttlInfo .pdRegulation, wager-detail .ttlInfo .pdFreeplay, pending-detail .ttlInfo .pdRegulation, pending-detail .ttlInfo .pdFreeplay {
    line-height: normal; }
  wager-detail .ttlInfo.mobile .pdRegulation, wager-detail .ttlInfo.mobile .pdFreeplay, pending-detail .ttlInfo.mobile .pdRegulation, pending-detail .ttlInfo.mobile .pdFreeplay {
    line-height: 1.8em; }
    @media screen and (orientation: landscape) and (max-width: 960px) {
      wager-detail .ttlInfo.mobile .pdRegulation, wager-detail .ttlInfo.mobile .pdFreeplay, pending-detail .ttlInfo.mobile .pdRegulation, pending-detail .ttlInfo.mobile .pdFreeplay {
        line-height: 1.4em; } }
  wager-detail .pendingExpand, wager-detail .pendingExpandLeg, pending-detail .pendingExpand, pending-detail .pendingExpandLeg {
    margin-top: 5px;
    border: solid 1px #c5d4d6;
    padding: 0px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #dfe9ea; }
    wager-detail .pendingExpand .wgDetailHeader, wager-detail .pendingExpandLeg .wgDetailHeader, pending-detail .pendingExpand .wgDetailHeader, pending-detail .pendingExpandLeg .wgDetailHeader {
      font-size: 1.05em;
      padding: 5px 10px;
      background-color: #bed4d8 !important;
      white-space: normal; }
    wager-detail .pendingExpand .wgDetailLabel, wager-detail .pendingExpandLeg .wgDetailLabel, pending-detail .pendingExpand .wgDetailLabel, pending-detail .pendingExpandLeg .wgDetailLabel {
      padding: 5px;
      background-color: #fff;
      color: #223f48;
      min-width: 100px;
      border-right: solid 1px rgba(0, 0, 0, 0.1);
      white-space: normal; }
      @media screen and (max-width: 425px) {
        wager-detail .pendingExpand .wgDetailLabel, wager-detail .pendingExpandLeg .wgDetailLabel, pending-detail .pendingExpand .wgDetailLabel, pending-detail .pendingExpandLeg .wgDetailLabel {
          min-width: 75px; } }
      wager-detail .pendingExpand .wgDetailLabel.closinglineHdr, wager-detail .pendingExpandLeg .wgDetailLabel.closinglineHdr, pending-detail .pendingExpand .wgDetailLabel.closinglineHdr, pending-detail .pendingExpandLeg .wgDetailLabel.closinglineHdr {
        padding-top: 5px; }
    wager-detail .pendingExpand .wgDetailInfo, wager-detail .pendingExpandLeg .wgDetailInfo, pending-detail .pendingExpand .wgDetailInfo, pending-detail .pendingExpandLeg .wgDetailInfo {
      padding: 5px;
      white-space: normal; }
    wager-detail .pendingExpand > div:not(:last-child), wager-detail .pendingExpandLeg > div:not(:last-child), pending-detail .pendingExpand > div:not(:last-child), pending-detail .pendingExpandLeg > div:not(:last-child) {
      border-bottom: solid 1px #dddddd; }
    wager-detail .pendingExpand > div:nth-child(even), wager-detail .pendingExpandLeg > div:nth-child(even), pending-detail .pendingExpand > div:nth-child(even), pending-detail .pendingExpandLeg > div:nth-child(even) {
      background-color: #ececec; }
    wager-detail .pendingExpand > div:nth-child(odd), wager-detail .pendingExpandLeg > div:nth-child(odd), pending-detail .pendingExpand > div:nth-child(odd), pending-detail .pendingExpandLeg > div:nth-child(odd) {
      background-color: #f3f3f3; }
    @media screen and (max-width: 425px) {
      wager-detail .pendingExpand, wager-detail .pendingExpandLeg, pending-detail .pendingExpand, pending-detail .pendingExpandLeg {
        font-size: 0.95em; } }
    @media screen and (max-width: 320px) {
      wager-detail .pendingExpand, wager-detail .pendingExpandLeg, pending-detail .pendingExpand, pending-detail .pendingExpandLeg {
        font-size: 0.9em; } }
  wager-detail .pendingExpandLeg, pending-detail .pendingExpandLeg {
    margin-left: 65px;
    width: calc(100% - 67px); }
    wager-detail .pendingExpandLeg hr, pending-detail .pendingExpandLeg hr {
      display: none; }
    wager-detail .pendingExpandLeg > div:not(:last-child), pending-detail .pendingExpandLeg > div:not(:last-child) {
      border-bottom: none; }
    @media screen and (max-width: 425px) {
      wager-detail .pendingExpandLeg, pending-detail .pendingExpandLeg {
        margin-left: 45px;
        width: calc(100% - 52px); } }
    wager-detail .pendingExpandLeg .closingLine, pending-detail .pendingExpandLeg .closingLine {
      width: 100%; }
  wager-detail .wgHeaderContainer, pending-detail .wgHeaderContainer {
    background-color: #bed4d8 !important; }
    wager-detail .wgHeaderContainer .wgDeleteContainer, pending-detail .wgHeaderContainer .wgDeleteContainer {
      margin-left: auto;
      width: 35px;
      height: 31px;
      background-color: white;
      text-align: center; }
      wager-detail .wgHeaderContainer .wgDeleteContainer .bm-pending-del-button, pending-detail .wgHeaderContainer .wgDeleteContainer .bm-pending-del-button {
        cursor: pointer;
        padding: 3px 0 0 0;
        font-size: 1em;
        margin: 0; }
        wager-detail .wgHeaderContainer .wgDeleteContainer .bm-pending-del-button md-icon, pending-detail .wgHeaderContainer .wgDeleteContainer .bm-pending-del-button md-icon {
          color: #5d5d5d !important;
          text-align: center; }
        wager-detail .wgHeaderContainer .wgDeleteContainer .bm-pending-del-button :hover, pending-detail .wgHeaderContainer .wgDeleteContainer .bm-pending-del-button :hover {
          color: darkred !important; }
        wager-detail .wgHeaderContainer .wgDeleteContainer .bm-pending-del-button.md-fab, pending-detail .wgHeaderContainer .wgDeleteContainer .bm-pending-del-button.md-fab {
          box-shadow: none !important; }
        wager-detail .wgHeaderContainer .wgDeleteContainer .bm-pending-del-button.md-raised, pending-detail .wgHeaderContainer .wgDeleteContainer .bm-pending-del-button.md-raised {
          background-color: white; }
  wager-detail .wgRiskAmt, pending-detail .wgRiskAmt {
    color: darkred; }
  wager-detail .wgDateVal, pending-detail .wgDateVal {
    color: #795548;
    padding-right: 5px; }
  wager-detail .wgTimeVal, pending-detail .wgTimeVal {
    color: #333; }

.dashboard-panel-header {
  width: 100%; }
  .dashboard-panel-header .panel-options-menu md-menu .md-button {
    margin: 0;
    width: 30px; }
    .dashboard-panel-header .panel-options-menu md-menu .md-button md-icon {
      color: lightskyblue; }

.bm-edit-dialog {
  min-width: 25%; }
  .bm-edit-dialog .toolbar-default {
    min-height: 45px;
    line-height: 45px; }
  .bm-edit-dialog .md-toolbar-tools {
    font-size: 15px;
    font-weight: bold;
    max-height: 45px;
    height: 45px;
    line-height: 45px; }
  .bm-edit-dialog md-dialog-actions {
    padding-right: 24px; }
  .bm-edit-dialog md-dialog-content {
    height: 90%; }

.cpanel-user-icon {
  font-size: 1.4em;
  color: #00a3ec !important;
  padding-right: 1em; }

cog-dashboard-button {
  cursor: pointer;
  margin-top: -3px;
  margin-left: -12px;
  max-height: 42px; }
  cog-dashboard-button a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 100%; }
  cog-dashboard-button img {
    display: block;
    min-width: 36px;
    max-width: 100%;
    height: auto !important;
    max-height: 42px; }

.db-customer-date {
  font-size: 16px; }

.tb-custSearchInput {
  min-width: 320px;
  max-width: 380px !important; }

.searchAccountBox li {
  padding-left: 0;
  padding-right: 0; }

.searchAccountBox .accountInfoRow {
  padding-left: 8px;
  padding-right: 8px; }

.searchAccountBox .is-trash {
  background-color: #feeaeb; }
  .searchAccountBox .is-trash:hover, .searchAccountBox .is-trash:focus {
    background-color: #fef0f1; }
  .searchAccountBox .is-trash:active {
    background-color: #fdced1; }

.md-toolbar-tools .option-btn {
  margin-left: 0px;
  margin-right: 4px; }

#admin-panel .bm.admin-toolbar {
  min-height: 56px; }

@keyframes pulsate {
  0% {
    transform: scale(1.25);
    box-shadow: 0 0 0 0 rgba(255, 109, 0, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 109, 0, 0); }
  100% {
    transform: scale(1.25);
    box-shadow: 0 0 0 0 rgba(255, 109, 0, 0); } }

@keyframes newVersionPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 214, 0, 0.9); }
  70% {
    box-shadow: 0 0 0 9px rgba(255, 214, 0, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 214, 0, 0); } }

.cog-main-toolbar-container .new-version-alert {
  cursor: pointer;
  display: inline-block;
  margin-left: 12px;
  padding: 1px 10px 2px 8px;
  border-radius: 12px;
  background: #ffd600;
  white-space: nowrap;
  vertical-align: middle;
  animation: newVersionPulse 1.6s ease-out infinite; }
  .cog-main-toolbar-container .new-version-alert:hover {
    background: #ffea00; }
  .cog-main-toolbar-container .new-version-alert .new-version-icon {
    font-size: 15px;
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    line-height: 15px;
    color: #3d2f00 !important;
    padding-right: 0;
    margin-right: 4px;
    vertical-align: middle; }
  .cog-main-toolbar-container .new-version-alert .new-version-lbl {
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    color: #3d2f00;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    vertical-align: middle; }
  @media screen and (max-width: 600px) {
    .cog-main-toolbar-container .new-version-alert .new-version-lbl {
      display: none; } }

.cog-main-toolbar-container .btc-alert-container, .cog-main-toolbar-container .audit-alert-container {
  position: relative; }
  .cog-main-toolbar-container .btc-alert-container .new-indicator, .cog-main-toolbar-container .audit-alert-container .new-indicator {
    position: absolute;
    top: 3px;
    right: 9px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0091d4; }
  .cog-main-toolbar-container .btc-alert-container .unconfirmed-indicator, .cog-main-toolbar-container .audit-alert-container .unconfirmed-indicator {
    position: absolute;
    top: 18px;
    right: 9px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ff6d00; }
  .cog-main-toolbar-container .btc-alert-container .pulsate, .cog-main-toolbar-container .audit-alert-container .pulsate {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 1; }

.cog-main-toolbar-container .btc-alert-container .btc-info {
  position: inherit;
  cursor: help; }
  .cog-main-toolbar-container .btc-alert-container .btc-info .btc-count {
    position: absolute;
    top: -1px;
    left: 45px;
    display: block;
    font-size: 13px;
    color: #607d8b; }
  .cog-main-toolbar-container .btc-alert-container .btc-info .btc-unconfirmed {
    position: absolute;
    top: 14px;
    left: 45px;
    display: block;
    font-size: 13px;
    color: darkred; }

.cog-main-toolbar-container .audit-alert-container .audit-info {
  position: inherit; }
  .cog-main-toolbar-container .audit-alert-container .audit-info .audit-count {
    position: absolute;
    top: 12px;
    left: 35px;
    display: block;
    font-size: 14px;
    color: #607d8b; }

.cog-main-toolbar-container .audit-alert-container .audit-icon {
  color: #999; }
  .cog-main-toolbar-container .audit-alert-container .audit-icon.highlight {
    color: black; }

.CogToolBarMobile {
  padding-right: 4px; }
  .CogToolBarMobile md-autocomplete {
    min-width: 110px; }
  .CogToolBarMobile md-icon {
    display: none; }
  .CogToolBarMobile md-menu {
    width: 35px; }
    .CogToolBarMobile md-menu button {
      margin: 0px !important; }
  .CogToolBarMobile .cog-logout .md-button {
    padding: 0px;
    margin: 0px; }
  @media screen and (max-width: 480px) {
    .CogToolBarMobile .cog-logout .md-button {
      width: 30px !important;
      height: 30px;
      max-height: 30px;
      min-height: 30px; } }
  @media screen and (max-width: 480px) {
    .CogToolBarMobile .mainstate .option-btn {
      width: 30px !important;
      height: 30px;
      max-height: 30px;
      min-height: 30px; }
      .CogToolBarMobile .mainstate .option-btn md-icon {
        font-size: 1em;
        margin-right: 0px;
        margin-left: -2px; } }
  @media screen and (max-width: 480px) {
    .CogToolBarMobile .userLbl {
      display: none; } }
  .CogToolBarMobile .userName {
    font-size: 14px;
    font-weight: 700; }
  @media screen and (max-width: 900px) {
    .CogToolBarMobile .lbl {
      display: none; } }
  .CogToolBarMobile .option-btn {
    margin-left: 0;
    margin-right: 4px; }
  .CogToolBarMobile cog-dashboard-button {
    min-width: 50px;
    margin-left: -18px; }
    @media screen and (max-width: 480px) {
      .CogToolBarMobile cog-dashboard-button {
        min-width: 40px; }
        .CogToolBarMobile cog-dashboard-button img {
          width: 40px !important;
          height: 35px !important;
          margin-top: 5px; } }
  @media screen and (max-width: 430px) {
    .CogToolBarMobile .toolbarWebsite {
      text-align: right;
      padding-right: 5px; }
    .CogToolBarMobile .userName {
      font-size: 12px; } }

@media screen and (max-width: 900px) {
  .md-virtual-repeat-container {
    min-width: 230px !important; } }

.accessedhistory md-menu-item .md-button {
  font-size: 10px; }

.accessedhistory md-menu-item .md-button p {
  display: inline-block;
  margin: auto;
  font-size: 10px;
  color: red; }

.accessedhistorybutton .md-button {
  padding: 0;
  margin: 0;
  width: 20px; }
  .accessedhistorybutton .md-button md-icon {
    padding: 0;
    margin: 0;
    width: 20px; }

#dvLive .lstScores .dvScores .gameBox {
  cursor: auto; }

.custom-style div md-autocomplete {
  display: -ms-flexbox;
  display: flex; }
  .custom-style div md-autocomplete md-autocomplete-wrap {
    margin: 0 auto; }
    .custom-style div md-autocomplete md-autocomplete-wrap input {
      margin: auto;
      width: 400px;
      background: whitesmoke; }

#div-new-customer-report table.md-table thead.md-head > tr.md-row {
  height: 45px !important; }

#div-new-customer-report table {
  width: 100%;
  table-layout: fixed; }

#div-new-customer-report .md-data-table .table-toolbar {
  background-color: #607d8b; }

#div-new-customer-report .md-data-table .th-toolbar, #div-new-customer-report .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

#div-new-customer-report table.md-table thead.md-head > tr.md-row {
  height: 40px !important; }

#div-new-customer-report .AccountNameBold {
  font-weight: bold; }

#div-new-customer-report .Account {
  color: #006700 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  width: 70px;
  border-bottom: 1px solid #ddd !important;
  background: #e9e7e7 !important;
  padding-left: 5px !important; }

#div-new-customer-report .Account:hover {
  text-decoration: underline; }

.new-count-list-dialog table {
  width: 100%;
  table-layout: fixed; }

.new-count-list-dialog .table-dialog-head {
  background-color: #607d8b; }

.new-count-list-dialog table.md-table thead.md-head > tr.md-row {
  height: 45px !important; }

.new-count-list-dialog .Account {
  color: #006700 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd !important;
  background: #e9e7e7 !important;
  padding-left: 5px !important; }

.new-count-list-dialog .Account:hover {
  text-decoration: underline; }

#div-new-customer-report table.md-table thead.md-head > tr.md-row {
  height: 45px !important; }

#div-new-customer-report table {
  width: 100%;
  table-layout: fixed; }

#div-new-customer-report .md-data-table .table-toolbar {
  background-color: #607d8b; }

#div-new-customer-report .md-data-table .th-toolbar, #div-new-customer-report .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

#div-new-customer-report table.md-table thead.md-head > tr.md-row {
  height: 40px !important; }

#div-new-customer-report .AccountNameBold {
  font-weight: bold; }

#div-new-customer-report .Account {
  color: #006700 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  width: 70px;
  border-bottom: 1px solid #ddd !important;
  background: #e9e7e7 !important;
  padding-left: 5px !important; }

#div-new-customer-report .Account:hover {
  text-decoration: underline; }

.btcBalanceInfoLink {
  color: #01a501 !important;
  font-weight: bold !important; }

.btcBalanceInfo {
  font-size: 12px;
  white-space: nowrap;
  margin-left: 5px;
  margin-right: 5px; }

.btcServer {
  font-size: 13px;
  white-space: nowrap; }
  .btcServer.status {
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 3px; }
    .btcServer.status .on {
      color: green; }
    .btcServer.status .off {
      color: red; }
  .btcServer.name {
    font-weight: 700;
    text-transform: uppercase; }
  .btcServer.not-wassabi {
    color: #efbd00; }

#BTC_BalancePanel {
  overflow-x: auto; }
  #BTC_BalancePanel .BTC_Panel_Container {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 55px;
    max-height: 64px;
    margin: 0;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 8px;
    border-radius: 15px;
    padding: 10px;
    border: 1px solid #e4e1e1;
    box-shadow: 0 10px 6px -6px #777;
    top: 4px;
    text-align: center; }
  #BTC_BalancePanel .hint {
    cursor: help; }

.exchange-container {
  border: solid 1px #bbbbbb;
  border-radius: 4px;
  margin-left: 10px;
  margin-top: 5px;
  min-width: 280px; }
  .exchange-container.bct-trade .exchange-detail {
    background-color: #00212b; }
    .exchange-container.bct-trade .exchange-detail .btcServer {
      color: #b9d9f3 !important; }
  .exchange-container.bct-trade .server-container {
    background-color: #eef3f7; }
    .exchange-container.bct-trade .server-container .btcServer {
      font-size: 18px;
      color: #727272;
      margin-left: 18px; }
    .exchange-container.bct-trade .server-container .btcBalanceInfo {
      font-size: 1.2em; }
  .exchange-container .exchange-detail {
    padding: 2px 10px;
    border-radius: 3px 3px 0 0;
    background-color: #fcfcfc;
    border-bottom: solid 1px #bbbbbb; }
  .exchange-container .server-container:not(:last-child) {
    border-right: solid 1px #bbbbbb; }
  .exchange-container md-select {
    transform: translateX(-35px); }
  .exchange-container .md-select-value {
    min-width: 80px; }
  .exchange-container .ExchangeProvider {
    font-weight: 700;
    font-size: 1.05em;
    margin-left: 10px; }
    .exchange-container .ExchangeProvider .BCH {
      color: #01a501; }
  .exchange-container .server-info {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 55px;
    max-height: 64px;
    margin: 0;
    padding: 10px;
    text-align: center; }

#bitcoin-search-report-container md-toolbar .btcAddress {
  font-weight: 700;
  color: #607d8b;
  font-size: 0.9em;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 650px;
  display: inline-block;
  text-decoration: none;
  cursor: auto; }

#bitcoin-search-report-container .Title_header {
  width: 100%; }

#bitcoin-search-report-container .createdAt {
  font-size: 14px;
  margin-left: 20px; }
  #bitcoin-search-report-container .createdAt b {
    margin-left: 5px;
    font-size: 16px; }

#bitcoin-search-report-container #btcTableReport thead .entered-hdr {
  width: 150px; }

#bitcoin-search-report-container #btcTableReport thead .account-hdr {
  width: 300px; }

#bitcoin-search-report-container #btcTableReport .account {
  background-color: #efeff0;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  min-width: 150px;
  border-bottom: 1px solid #ddd;
  padding-left: 5px !important;
  cursor: pointer;
  color: #006700; }
  #bitcoin-search-report-container #btcTableReport .account:hover {
    font-weight: 700; }

#bitcoin-search-report-container #btcTableReport .btcProcessor {
  font-weight: 700; }

#bitcoin-search-report-container #btcTableReport .pending {
  color: #e66100; }

#bitcoin-search-report-container #btcTableReport .transactionAmount,
#bitcoin-search-report-container #btcTableReport .exchangeAmount,
#bitcoin-search-report-container #btcTableReport .btcAmount {
  text-align: right;
  min-width: 130px;
  padding-right: 0; }
  #bitcoin-search-report-container #btcTableReport .transactionAmount .amount,
  #bitcoin-search-report-container #btcTableReport .transactionAmount .exchange,
  #bitcoin-search-report-container #btcTableReport .transactionAmount .btc,
  #bitcoin-search-report-container #btcTableReport .exchangeAmount .amount,
  #bitcoin-search-report-container #btcTableReport .exchangeAmount .exchange,
  #bitcoin-search-report-container #btcTableReport .exchangeAmount .btc,
  #bitcoin-search-report-container #btcTableReport .btcAmount .amount,
  #bitcoin-search-report-container #btcTableReport .btcAmount .exchange,
  #bitcoin-search-report-container #btcTableReport .btcAmount .btc {
    padding-right: 23px; }
  #bitcoin-search-report-container #btcTableReport .transactionAmount .amount,
  #bitcoin-search-report-container #btcTableReport .exchangeAmount .amount,
  #bitcoin-search-report-container #btcTableReport .btcAmount .amount {
    font-weight: 700;
    color: darkgreen; }

#bitcoin-search-report-container #btcTableReport .transactionDate .time {
  margin-left: 10px; }

#bitcoin-search-report-container #btcTableReport .highlight {
  background-color: yellow; }

#bitcoin-search-report-container #btcTableReport .btcAddress {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 500px;
  display: inline-block;
  text-decoration: none;
  cursor: auto; }

#bitcoin-search-report-container .errors {
  background-color: #f7f7f7;
  padding: 10px;
  border-radius: 3px;
  border: solid 1px #bdbdbd;
  width: 600px;
  margin-left: auto;
  margin-right: auto; }

.md-data-table .table-toolbar {
  background-color: #607d8b; }

.md-data-table .th-toolbar, .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

.btcTableReport .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

.btcTableReport thead tr {
  height: 40px !important; }

#btcTableReport thead.md-head > tr.md-row {
  height: 40px; }

#btcTableReport .btcLabel, #btcTableReport .btcTxid {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer; }

#btcTableReport .settled {
  color: #004fb6;
  line-height: normal; }

#btcTableReport .entered {
  color: #4d3939;
  line-height: normal; }

#btcTableReport .entered-info {
  cursor: help; }
  #btcTableReport .entered-info i {
    padding: 0 5px;
    color: #008cc3; }
  #btcTableReport .entered-info:hover i {
    color: black; }

#btcTableReport .unconfirm-transaction {
  background-color: #f4dede !important; }
  #btcTableReport .unconfirm-transaction.oddRow {
    background-color: #fae4e4 !important; }

#btcTableReport .unconfirm-transaction-info {
  font-weight: 700;
  color: #8a0000 !important;
  text-shadow: 1px 1px 2px white; }

#btcTableReportHeaderClone {
  position: absolute;
  z-index: 9999;
  top: 0px; }
  #btcTableReportHeaderClone .th-toolbar {
    cursor: pointer; }

#btcTransactionContainer .timeContainer md-select {
  width: 100px;
  margin: 0;
  margin-left: 15px;
  font-size: 0.8em; }

#btcTransactionContainer .exportContainer {
  margin-left: 10px; }
  #btcTransactionContainer .exportContainer .export-button {
    min-width: 60px;
    background-color: #e1f1e7 !important; }
    #btcTransactionContainer .exportContainer .export-button:hover {
      background-color: #9dd8ac !important; }
    #btcTransactionContainer .exportContainer .export-button i {
      color: #008c3d !important;
      font-size: 22px;
      margin-top: 8px; }
    #btcTransactionContainer .exportContainer .export-button[disabled] {
      cursor: default;
      background-color: #dfdfdf !important;
      border: none; }
      #btcTransactionContainer .exportContainer .export-button[disabled] i {
        color: #a3a3a3 !important; }

#btcTransactionContainer .btcFilters {
  margin-right: 20px; }
  #btcTransactionContainer .btcFilters label {
    margin-right: 10px; }
  #btcTransactionContainer .btcFilters .group-button > :not(:last-child) {
    border-right: solid 1px #d5d5d5; }
  #btcTransactionContainer .btcFilters .group-button .groupX {
    min-width: 100px;
    width: 100%;
    height: 38px;
    padding: 0 15px; }
    #btcTransactionContainer .btcFilters .group-button .groupX.on {
      background-color: #78909c !important;
      color: rgba(255, 255, 255, 0.9); }

#btcTableReport-container {
  height: calc(100vh - 120px);
  width: 100%;
  background-color: #fff; }

#btc-transactions-summary {
  height: 60px;
  font-weight: 700; }
  #btc-transactions-summary .header {
    padding-left: 24px; }
  #btc-transactions-summary .ttlBtc {
    padding: 0 15px;
    min-width: 100px; }
  #btc-transactions-summary .ttlAmount {
    padding: 0 15px;
    min-width: 100px; }

.btcAddressLink {
  color: #FF0000 !important;
  border-bottom: none !important;
  font-weight: bold !important; }

.BTC_AccountHighlightColor {
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: #006700  !important;
  width: 70px;
  border-bottom: 1px solid #ddd !important;
  padding-left: 5px !important; }
  .BTC_AccountHighlightColor:hover {
    font-weight: 700; }
  .BTC_AccountHighlightColor.isPlayer {
    color: darkred !important; }

#BTC_filterPanel {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 55px;
  max-height: 64px;
  margin: 0;
  margin-left: 50px;
  border-radius: 15px;
  right: 5px;
  padding: 10px;
  border: 1px solid #e4e1e1;
  box-shadow: 0 10px 6px -6px #777;
  top: 4px; }

.btcAfterAccountTD {
  padding-left: 5px;
  font-weight: bold !important; }
  .btcAfterAccountTD.office {
    color: #607d8b; }

.btcServer {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  color: darkslategrey; }

.btcBalanceLink {
  color: #006700  !important;
  font-weight: bold !important; }

.totalClass {
  font-weight: 700 !important;
  font-size: 1em !important; }

.countcolum {
  margin-left: 5px; }

.btcAddress {
  cursor: pointer; }

#bitcoinTransactions-container .btc-balance-bar {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px; }

#bitcoinTransactions-container .md-cell:not(:first-child) {
  padding: 0 5px 0 0; }

#bitcoinTransactions-container .btcRptHeader tr.md-row {
  height: 40px; }

.btc-processor-srv-2, .btc-processor-srv-btcpay2 {
  color: #ff6d00 !important; }

.btc-processor-srv-1, .btc-processor-srv-btcpay1 {
  color: #00a3ec !important; }

.btc-processor-srv-btcpay3 {
  color: #7a7eb5 !important; }

.btc-processor-srv-bch {
  color: #01a501 !important; }

.btc-processor--1, .btc-processor-srv-manual {
  color: darkred !important; }

.btc-processor-1 {
  color: #00a3ec !important; }

.md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

.md-data-table .th-toolbar, .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

#btcTableReport thead.md-head > tr.md-row {
  height: 40px; }

.btcAddressLinkFrom {
  color: #FF0000 !important;
  border-bottom: none !important;
  font-weight: bold !important; }

.btcAddressLinkTo {
  color: #006400 !important;
  border-bottom: none !important;
  font-weight: bold !important; }

#BTC_filterPanel_Sent {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 55px;
  max-height: 64px;
  margin: 0;
  margin-left: 50px;
  border-radius: 15px;
  position: absolute;
  right: 5px;
  padding: 10px;
  border: 1px solid #e4e1e1;
  box-shadow: 0 10px 6px -6px #777;
  top: 4px; }

.Title_header_sent {
  font-weight: 700 !important;
  color: #013a00 !important;
  font-size: 1.2em !important;
  height: 30px !important; }

.btcTransactionsSent-container .balanceInfo_header {
  font-weight: 700;
  margin-left: 20px;
  color: #013a00;
  font-size: 1.6em;
  height: 30px; }

.btcBalanceLink {
  color: #006700  !important;
  font-weight: bold !important; }

#btcTableReport table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2), table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
  padding: 0 0px 0 0; }

#paymentprocessing-options-toolbar .btc-search-container input {
  font-size: 13px;
  border: 1px solid #ccc;
  height: 30px;
  max-width: 100%;
  width: 350px;
  border-radius: 3px 0 0 3px;
  text-align: right; }
  #paymentprocessing-options-toolbar .btc-search-container input:focus-visible {
    outline: none; }
  #paymentprocessing-options-toolbar .btc-search-container input:-ms-input-placeholder {
    color: #e5e5e5; }
  #paymentprocessing-options-toolbar .btc-search-container input::placeholder {
    color: #e5e5e5; }

#paymentprocessing-options-toolbar .btc-search-container .btc-search-btn {
  background-color: #add;
  min-height: 30px;
  height: 30px;
  line-height: 30px;
  min-width: 40px;
  border-radius: 0 3px 3px 0;
  margin-left: 0; }
  #paymentprocessing-options-toolbar .btc-search-container .btc-search-btn i {
    color: #525252; }
  #paymentprocessing-options-toolbar .btc-search-container .btc-search-btn:disabled {
    background-color: #56717e; }

#paymentprocessing-options-toolbar .md-toolbar-tools {
  padding-right: 0; }

#paymentprocessing-options-toolbar md-menu-bar {
  padding: 0; }

#paymentProcessingMenuBar {
  padding: 0; }
  #paymentProcessingMenuBar md-menu-item {
    height: 42px;
    border-bottom: solid 1px #e6e6e6; }
    #paymentProcessingMenuBar md-menu-item .md-button {
      margin: 0;
      height: 42px; }
    #paymentProcessingMenuBar md-menu-item .md-raised {
      background-color: #e7f0f5; }

#menuCrypto {
  padding: 0; }
  #menuCrypto md-menu-item {
    height: 48px; }
    #menuCrypto md-menu-item .md-button {
      height: 48px;
      border-bottom: solid 1px #e0e0e0; }

.crypto-management-toolbar {
  background-color: #203e58 !important;
  height: 48px;
  min-height: 48px;
  padding: 0 !important; }
  .crypto-management-toolbar .md-toolbar-tools {
    height: 45px;
    padding-right: 8px; }
    .crypto-management-toolbar .md-toolbar-tools p {
      font-size: 20px; }
  .crypto-management-toolbar .header-icon {
    font-size: 1.35em;
    margin-right: 0.5em; }
  .crypto-management-toolbar .md-button {
    padding: 0 8px;
    font-weight: 400;
    background-color: #fff !important;
    color: black;
    margin-right: 0;
    margin-left: 3px; }
    .crypto-management-toolbar .md-button:hover {
      background-color: #275c86 !important;
      color: #b2d8e4; }
    .crypto-management-toolbar .md-button.btn-bch.md-raised {
      background-color: #a7f8ac !important;
      color: #004600; }
  .crypto-management-toolbar .md-raised {
    background-color: #a4cff3 !important; }
  .crypto-management-toolbar md-menu-bar {
    padding: 0;
    margin-top: -3px; }
  .crypto-management-toolbar md-menu-bar button {
    height: 30px !important; }
  .crypto-management-toolbar .btnSmall {
    min-height: 30px !important;
    line-height: 30px !important;
    min-width: 60px !important; }
  .crypto-management-toolbar md-icon {
    margin: 0 !important;
    height: 30px;
    width: 30px;
    min-height: 30px;
    min-width: 30px; }

#mailboxsetup-container .btn-stat {
  margin-top: 5px; }

#mailboxsetup-container .active,
#mailboxsetup-container .icon-active {
  color: green !important; }

#mailboxsetup-container .inactive,
#mailboxsetup-container .icon-inactive {
  color: red !important; }

#mailboxsetup-container .MGGroup {
  font-weight: 700; }

#mailboxsetup-container .groupFilter-md-select {
  margin: 0;
  margin-top: -10px; }

#mailboxsetup-container .statusFilter-md-select {
  margin: 0;
  margin-top: -10px; }

#mailboxsetup-container .mg-delete-btn md-icon {
  color: #920000; }

#mailboxsetup-container .mg-edit-btn md-icon {
  color: #255971; }

#CogAccAddDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#CogAccAddDialog md-select {
  margin-bottom: 10px !important; }

#CogAccAddDialog md-input-container {
  margin-bottom: 10px !important; }

.custom-available-desc {
  font-weight: 600; }

.custom-reported-desc {
  color: green;
  font-weight: 600; }

.custom-assigned-desc {
  color: red;
  font-weight: 600; }

.md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

.md-data-table .th-toolbar, .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

.packageLinkActive {
  font-weight: bold;
  font-size: 1.4em;
  color: #FF0000 !important;
  text-decoration: none;
  border-bottom: 0px none !important; }

.packageLinkInActive {
  font-weight: bold;
  font-size: 1.4em; }

#mailboxTableReport thead.md-head > tr.md-row {
  height: 40px; }

.inTransitClass {
  padding-left: 20px !important; }

#MoneygramAddDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#MoneygramAddDialog md-select {
  margin-bottom: 10px !important; }

#MoneygramAddDialog md-input-container {
  margin-bottom: 10px !important; }

#moneygram-names-container .active,
.icon-active {
  color: green !important; }

#moneygram-names-container .inactive,
.icon-inactive {
  color: red !important; }

#moneygram-names-container .MGName {
  font-weight: 700; }

#moneygram-names-container .groupFilter-md-select {
  margin: 0;
  margin-top: -10px; }

#moneygram-names-container .statusFilter-md-select {
  margin: 0;
  margin-top: -10px; }

#moneygram-names-container .mg-delete-btn md-icon {
  color: #920000; }

#moneygram-names-container .mg-edit-btn md-icon {
  color: #255971; }

#CogAccAddDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#CogAccAddDialog md-select {
  margin-bottom: 10px !important; }

#CogAccAddDialog md-input-container {
  margin-bottom: 10px !important; }

.custom-available-desc {
  font-weight: 600; }

.custom-reported-desc {
  color: green;
  font-weight: 600; }

.custom-assigned-desc {
  color: red;
  font-weight: 600; }

.statusGroup {
  min-height: 45px;
  max-height: 45px;
  font-weight: 600;
  font-size: 16px !important; }

.TitleHead {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px;
  color: white !important; }

.th-toolbar, .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

.StatusClass_ASSIGNED {
  color: red; }

.StatusClass_REPORTED {
  color: green; }

.md-table tbody tr:hover {
  background: #ffffff; }

.hoverTable tbody tr:hover {
  background: #EEEEEE !important; }

.groupviewname {
  margin-left: 24px; }

#moneygramTableReport thead.md-head > tr.md-row {
  height: 40px; }

#PackageAddDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#PackageAddDialog md-select {
  margin-bottom: 10px !important; }

#PackageAddDialog md-input-container {
  margin-bottom: 10px !important; }

#packagetracker-container .active,
.icon-active {
  color: green !important; }

#packagetracker-container .inactive,
.icon-inactive {
  color: red !important; }

#packagetracker-container .MGGroup {
  font-weight: 700; }

#packagetracker-container .groupFilter-md-select {
  margin: 0;
  margin-top: -10px; }

#packagetracker-container .statusFilter-md-select {
  margin: 0;
  margin-top: -10px; }

#packagetracker-container .mg-delete-btn md-icon {
  color: #920000; }

#packagetracker-container .mg-edit-btn md-icon {
  color: #255971; }

#CogAccAddDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#CogAccAddDialog md-select {
  margin-bottom: 10px !important; }

#CogAccAddDialog md-input-container {
  margin-bottom: 10px !important; }

.custom-available-desc {
  font-weight: 600; }

.custom-reported-desc {
  color: green;
  font-weight: 600; }

.custom-assigned-desc {
  color: red;
  font-weight: 600; }

.md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

.md-data-table .th-toolbar, .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

.md-datepicker-input {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400; }

.FormatStatus_0 {
  color: #FF0000 !important;
  font-weight: bold; }

.FormatStatus_1 {
  color: #006400 !important;
  font-weight: bold; }

md-toolbar.md-blue-grey-theme:not(.md-menu-toolbar) .md-datepicker-calendar-icon, .packageDatePicker {
  color: rgba(0, 0, 0, 0.54) !important;
  fill: rgba(0, 0, 0, 0.54) !important; }

.packageDatePicker .md-datepicker-input {
  font-size: 1.6rem !important;
  width: 11px; }

#sltPackageFor .md-select-value > span:not(.md-select-icon) .md-text {
  display: inline;
  font-size: 1.6rem !important; }

#packageTableReport thead.md-head > tr.md-row {
  height: 40px; }

#packageTableReport td {
  font-size: 14px; }

#packageTableReport td.md-cell:nth-child(n+2):nth-last-child(n+2) {
  padding: 0;
  white-space: nowrap; }
  @media screen and (max-width: 1150px) {
    #packageTableReport td.md-cell:nth-child(n+2):nth-last-child(n+2) {
      padding-right: 10px; } }

.AccountHighlightColor {
  background-color: #efeff0 !important;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  width: 70px;
  color: rgba(0, 0, 0, 0.87) !important;
  border-bottom: 1px solid #ddd !important;
  padding-left: 5px !important; }
  .AccountHighlightColor.green {
    color: #006700  !important; }

.oddRow {
  background-color: #e4e1e1 !important;
  border-top: 1px solid #ddd !important;
  line-height: 4; }

.oddEven {
  background-color: #fff !important;
  border-top: 1px solid #ddd !important;
  line-height: 4; }

.PackageTrackinNumberPending {
  color: #FF0000 !important;
  border-bottom: none !important;
  font-weight: bold !important; }

.PackageTrackinNumberReceived {
  color: #006400 !important;
  border-bottom: none !important;
  font-weight: bold !important; }

.md-table tbody tr:hover:nth-child(odd) {
  background: #e4e1e1; }

.md-table tbody tr:hover:nth-child(even) {
  background: #e4e1e1; }

.hoverTable tbody tr:hover {
  background: #EEEEEE !important; }

.officeTD {
  padding-left: 5px; }

#filterPanel {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 55px;
  max-height: 64px;
  margin: 0;
  margin-left: 50px;
  border-radius: 15px;
  position: absolute;
  right: 10px;
  padding: 10px;
  border: 1px solid #e4e1e1;
  box-shadow: 0 10px 6px -6px #777;
  top: 4px; }

.groupX {
  font-size: 16px;
  margin: 20px 0;
  padding: 3px 15px 3px 15px;
  color: #312e2e;
  background-color: rgba(224, 224, 224, 0.96);
  text-transform: none;
  font-weight: 400;
  min-width: 100px; }

.md-button.left.packageBtnPending {
  border-radius: 10px 0 0 10px; }

.md-button.middle.packageBtnReceived {
  border-radius: 0;
  border-left: 1px solid rgba(230, 230, 230, 0.96);
  border-right: 1px solid rgba(230, 230, 230, 0.96); }

.md-button.right.packageBtnAll {
  border-radius: 0 10px 10px 0; }

.md-button.left.packageBtnPending:not([disabled]) {
  color: #FF0000 !important; }

.md-button.middle.packageBtnReceived:not([disabled]) {
  color: #006400 !important; }

.md-button.right.packageBtnAll:not([disabled]) {
  color: #087db1 !important; }

#DateReceived button {
  margin-left: 0px;
  padding-left: 0px; }

#DateReceived button md-icon {
  margin: unset; }

#DateReceived .md-datepicker-input-container {
  margin-left: 0px; }

#addTransactions .cogcashier-options-toolbar {
  min-height: 45px;
  height: 45px; }

#addTransactions .md-table tbody tr td {
  border: 1px solid #d8d8d8; }

#addTransactions #transactionTableData {
  overflow: visible; }
  #addTransactions #transactionTableData thead.md-head > tr.md-row {
    height: 35px; }
    #addTransactions #transactionTableData thead.md-head > tr.md-row md-select {
      margin: 0; }
    #addTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(1),
    #addTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(8) {
      width: 20%; }
    #addTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(2),
    #addTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(4),
    #addTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(5),
    #addTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(6) {
      width: 12%; }
    #addTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(3),
    #addTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(7) {
      width: 6%; }
    @media screen and (max-width: 959px) {
      #addTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(1),
      #addTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(4) {
        width: 35%; }
      #addTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(2) {
        width: 20%; }
      #addTransactions #transactionTableData thead.md-head > tr.md-row th:nth-child(3) {
        width: 10%; } }
    #addTransactions #transactionTableData thead.md-head > tr.md-row th.md-column:last-child {
      padding-right: 0; }
  #addTransactions #transactionTableData .tb-custSearchInput {
    max-width: 100% !important;
    background: transparent;
    min-width: auto; }
    #addTransactions #transactionTableData .tb-custSearchInput md-autocomplete-wrap {
      width: 80%;
      height: 26px;
      border: 1px solid #9e9797;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      box-shadow: none;
      display: inline-block; }
      #addTransactions #transactionTableData .tb-custSearchInput md-autocomplete-wrap input {
        height: 24px;
        background: white; }
      #addTransactions #transactionTableData .tb-custSearchInput md-autocomplete-wrap button {
        position: absolute;
        right: 0;
        top: -3px; }
  #addTransactions #transactionTableData .input-box {
    box-sizing: border-box;
    width: 80%;
    padding: 0 15px;
    line-height: 25px;
    height: 25px;
    text-align: right;
    border: 1px solid #9e9797;
    position: relative;
    left: 50%;
    transform: translateX(-50%); }
  #addTransactions #transactionTableData .textarea-box {
    width: 90%; }
  #addTransactions #transactionTableData .groupX {
    min-width: initial;
    width: 100%;
    height: 47px; }

#addTransactions .amountRed {
  color: red; }

#addTransactions .amountGreen {
  color: green; }

#addTransactions .btnAdd {
  background-color: #DD0011;
  color: #FFFFFF; }

#addTransactions .btnSave {
  background-color: #6FC431;
  color: #FFFFFF; }

#addTransactions .btnBlue {
  background-color: #2a76b7;
  color: #FFFFFF; }

#addTransactions input:disabled, #addTransactions button:disabled, #addTransactions textarea:disabled {
  background-color: #dedede !important;
  color: white; }

#addTransactions input.on:disabled, #addTransactions button.on:disabled, #addTransactions textarea.on:disabled {
  background-color: #a9ccaf !important;
  color: #fff; }

#addTransactions input.off:disabled, #addTransactions button.off:disabled, #addTransactions textarea.off:disabled {
  background-color: #e0acac !important;
  color: #fff; }

#addTransactions #transactionTableResult {
  overflow: visible; }
  #addTransactions #transactionTableResult thead.md-head > tr.md-row {
    height: 35px; }
    #addTransactions #transactionTableResult thead.md-head > tr.md-row md-select {
      margin: 0; }
    #addTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(1),
    #addTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(2),
    #addTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(3),
    #addTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(4),
    #addTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(5),
    #addTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(6),
    #addTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(7) {
      width: 14.28%; }
    @media screen and (max-width: 959px) {
      #addTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(1),
      #addTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(4),
      #addTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(2),
      #addTransactions #transactionTableResult thead.md-head > tr.md-row th:nth-child(3) {
        width: 20%; } }
    #addTransactions #transactionTableResult thead.md-head > tr.md-row th.md-column:last-child {
      padding-right: 0; }

.ag-dialog-compose-alt .md-toolbar-tools .title-icon {
  background-image: url(../assets/images/menu/icons.svg);
  background-size: 16px 576px; }

.ag-dialog-compose-alt .md-toolbar-tools .title-icon-mailbox-custserv {
  background-position: 0 -320px; }

.ag-dialog-compose-alt .md-toolbar-tools .title-icon-mailbox-report {
  background-position: 0 -336px; }

.ag-dialog-compose-alt .md-toolbar-tools .title-icon-mailbox-feedback {
  background-position: 0 -352px; }

.ag-dialog-compose-alt .dialog-cells {
  margin-top: 20px; }

.ag-account-sections-container, .ag-account-sections-container md-content {
  background-color: #cddcdf !important; }
  .ag-account-sections-container md-content.md-blue-grey-theme, .ag-account-sections-container md-content md-content.md-blue-grey-theme {
    background-color: #cddcdf !important; }

.ag-account-header p {
  margin: 0 !important; }

.ag-account-header .cursor-pointer {
  cursor: pointer; }

.ag-account-header .balanceTop {
  color: #006400; }

.ag-account-header .balanceRedTop {
  color: #c32b00; }

.ag-account-header .font-yellow {
  color: #efbf24; }

.ag-account-header .cogacc_agent_toolbar {
  background-color: #020703;
  padding-left: 7px; }

.ag-account-header .cogacc_toolbar {
  background-color: #010d19;
  padding-left: 7px; }

.ag-account-header .cog_header_agent {
  background-color: #020703;
  color: #ceefc4; }

.ag-account-header .headerTop {
  max-width: 600px; }

.ag-account-header .cogacc_suspend_toolbar {
  background-color: darkred; }

.ag-account-header .cog_header_suspend {
  background-color: #0e0202;
  color: #ffab00; }

.ag-account-header .menu-info md-content {
  background-color: black;
  text-transform: uppercase; }
  .ag-account-header .menu-info md-content span {
    font-size: 0.8em; }

.ag-account-header .menu-info .status_active {
  color: #24d024; }

.ag-account-header .menu-info .status_suspend {
  color: orangered; }

.ag-account-header .menu-info .status_unused {
  color: orangered; }

.ag-account-header .menu-info .status_viewonly {
  color: darkgray; }

.ag-account-header .cogacc_unused_toolbar {
  background-color: #000; }

.ag-account-header .cog_header_unused {
  background-color: #000;
  color: darkred; }

.ag-account-header .cogacc_viewonly_toolbar {
  background-color: #727171; }

.ag-account-header .cog_header_viewonly {
  background-color: #202020;
  color: lightgray; }

.ag-account-header #ag-accounts-container > md-progress-linear {
  margin-top: -5px;
  z-index: 1000; }

.ag-account-header .ag-account-sections-container {
  background: #cddcdf; }

.ag-account-header .admin-toolbar {
  z-index: 0; }
  .ag-account-header .admin-toolbar .md-toolbar-tools {
    min-height: 80px;
    height: 80px; }
    @media screen and (max-width: 599px) {
      .ag-account-header .admin-toolbar .md-toolbar-tools {
        min-height: 56px;
        height: 56px; } }
  .ag-account-header .admin-toolbar .headerBox {
    border-left: 1px solid #3798cd;
    min-height: 48px;
    padding-top: 4px;
    /* margin: 0 10px 0 10px; */
    text-align: center;
    text-transform: uppercase; }
    .ag-account-header .admin-toolbar .headerBox p {
      margin: 0px;
      color: #FFFFFF; }
      .ag-account-header .admin-toolbar .headerBox p span {
        color: #FFFFFF; }
    .ag-account-header .admin-toolbar .headerBox p:first-child {
      margin-top: 3px;
      text-transform: uppercase; }
    .ag-account-header .admin-toolbar .headerBox p:last-child {
      font-size: 10pt;
      font-weight: 700; }
    .ag-account-header .admin-toolbar .headerBox.selected p,
    .ag-account-header .admin-toolbar .headerBox.selected .text-header {
      color: #c1f1ff !important; }
    @media screen and (max-width: 900px) {
      .ag-account-header .admin-toolbar .headerBox {
        max-width: 100%; } }
    .ag-account-header .admin-toolbar .headerBox .header-link {
      color: #6299ad !important; }
    .ag-account-header .admin-toolbar .headerBox .text-header {
      color: #6299ad !important;
      margin: 0px;
      font-weight: bold;
      white-space: nowrap;
      font-size: 10pt; }
    .ag-account-header .admin-toolbar .headerBox .text-underline-header {
      text-decoration: underline; }
    .ag-account-header .admin-toolbar .headerBox .text-balance {
      color: #c1f1ff;
      margin: 0px;
      font-weight: bold;
      white-space: nowrap;
      font-size: 10pt; }
  .ag-account-header .admin-toolbar .headerBox:first-child {
    border: none; }
  .ag-account-header .admin-toolbar .more-header-info {
    max-width: 20px;
    margin-left: 5px; }
    .ag-account-header .admin-toolbar .more-header-info md-icon {
      min-width: 15px;
      font-size: 1em;
      color: #66a5b7;
      cursor: pointer; }
  .ag-account-header .admin-toolbar .account-box {
    /* max-width: 150px; */
    color: #acdae6;
    line-height: 14px;
    border-radius: 3px;
    min-height: 48px; }
    @media screen and (max-width: 425px) {
      .ag-account-header .admin-toolbar .account-box {
        padding-top: 4px; } }
  .ag-account-header .admin-toolbar .toolbar-container {
    width: 100%; }
  .ag-account-header .admin-toolbar .md-raised:not([disabled]).account-save-button {
    background-color: #088f3a;
    color: #FFFFFF; }
  .ag-account-header .admin-toolbar .md-raised[disabled].account-save-button md-icon {
    color: #505050; }
  .ag-account-header .admin-toolbar .md-raised:not([disabled]).account-save-button:hover,
  .ag-account-header .admin-toolbar .md-raised:not([disabled]).account-save-button:hover {
    background-color: #a8c1c6;
    /* background-color: #6ba4bf;  */ }
  .ag-account-header .admin-toolbar .padding-top-04 {
    padding-top: 4px; }
  .ag-account-header .admin-toolbar .more-icon-info {
    padding-left: 10px;
    padding-top: 5px;
    font-size: 16px;
    cursor: pointer;
    color: #fff; }

.ag-account-header md-toolbar {
  background: #000 !important; }

.ag-account-header md-toolbar .md-toolbar-tools .md-icon-button md-icon.zmdi-close {
  color: white; }

.ag-account-header md-toolbar .md-toolbar-tools .md-icon-button md-icon.zmdi-more-vert {
  color: #6ba4bf; }

.menu-mobile-account md-menu-item .md-button {
  background: none !important; }

.menu-mobile-account md-menu-item .md-button:not([disabled]):hover {
  background: lightgray !important; }

.ag-account-menu {
  background-color: #e5e9ea;
  font-family: 'Montserrat', "Helvetica Neue", sans-serif;
  width: 100%;
  overflow: hidden;
  height: 50px;
  border-bottom: 1px solid #b8ccd8; }
  .ag-account-menu .md-tab {
    color: #000 !important; }
  .ag-account-menu .md-active {
    background: 0 0 !important;
    border-bottom: 2px solid #6aa7bd;
    color: #0f3e4e !important; }
    .ag-account-menu .md-active .menu-icon {
      color: #000000 !important; }
  .ag-account-menu .menu-icon {
    color: #77b3c7 !important;
    font-size: 12pt; }
  .ag-account-menu md-tabs {
    min-height: 0px !important;
    padding-top: 5px; }
  .ag-account-menu md-tab-item {
    padding-left: 12px;
    padding-right: 12px;
    height: 38px;
    padding-top: 8px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.25px;
    color: #000; }
  .ag-account-menu md-tab-item:nth-child(1) {
    border-left: none;
    margin-left: 10px; }

/*

.ag-account-menu{
  background-color: #a8c1c6;
  font-family: "Rubik", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  overflow: hidden;
  height: 50px;
   
  .md-active {
      background-color: #778c91 !important; 
      color: black !important;
  }

  .menu-icon{
      color: #000 !important;
      font-size: 12pt;
  }
    
    md-tabs {
      min-height: 0px !important;
      padding-top: 5px;
    }

    md-tab-item{
        padding-left: 10px; 
        padding-right:10px;
        border-left: 1px solid #778c91;
        height: 38px;
        padding-top: 8px;     
        font-weight: 100;      
        text-transform: capitalize;
    }

    md-tab-item:nth-child(1){ 
      border-left: none;     
      margin-left: 10px;           
    }
      
}

*/
#AgChangePasswordDialogContainer {
  width: 45vw; }
  #AgChangePasswordDialogContainer .success {
    color: darkgreen; }
  #AgChangePasswordDialogContainer .error {
    color: red; }

#AgChangeContactInfoDialogContainer {
  min-width: 300px; }
  #AgChangeContactInfoDialogContainer .success {
    color: darkgreen; }
  #AgChangeContactInfoDialogContainer .error {
    color: red; }
  #AgChangeContactInfoDialogContainer .md-list-item-text h3 {
    font-size: 15px;
    font-weight: bolder; }
  #AgChangeContactInfoDialogContainer .center {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    margin: 0 auto; }
  #AgChangeContactInfoDialogContainer .md-dialog-content {
    padding-left: 15px;
    padding-right: 15px;
    -ms-overflow-style: none; }
    #AgChangeContactInfoDialogContainer .md-dialog-content::-webkit-scrollbar {
      width: 8px;
      background: rgba(0, 0, 0, 0.1);
      transition: all .2s; }
    #AgChangeContactInfoDialogContainer .md-dialog-content::-webkit-scrollbar-thumb {
      border-radius: 0px;
      background: rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      transition: all .2s; }

#NewMailAgDialog {
  min-width: 25%;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87) !important; }
  @media screen and (max-width: 1919px) and (min-width: 1280px) {
    #NewMailAgDialog {
      min-width: 40%; } }
  @media screen and (max-width: 1279px) and (min-width: 960px) {
    #NewMailAgDialog {
      min-width: 50%; } }
  @media screen and (max-width: 959px) {
    #NewMailAgDialog {
      min-width: 88%; } }
  #NewMailAgDialog .toolbar-default {
    min-height: 45px;
    line-height: 45px; }
  #NewMailAgDialog .md-toolbar-tools {
    font-size: 15px;
    font-weight: 500;
    max-height: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 14px; }
  #NewMailAgDialog md-dialog-actions {
    padding-right: 10px; }
  #NewMailAgDialog .md-dialog-content {
    padding-top: 20px;
    padding-bottom: 10px; }
  #NewMailAgDialog md-input-container.md-input-focused label,
  #NewMailAgDialog md-input-container.md-block label {
    transform-origin: center top;
    padding-left: 0px; }

#AgVipListDialogController .inputdemoIcons md-input-container.md-input-invalid > md-icon.email {
  color: red; }

#AgVipListDialogController .inputdemoIcons md-input-container:not(.md-input-invalid) > md-icon.email {
  color: rgba(0, 0, 0, 0.87); }

#AgVipListDialogController .overrideClass {
  margin-top: 5px;
  margin-left: 10px;
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: bold; }
  #AgVipListDialogController .overrideClass .overrideBlueClass {
    color: blue; }

#AgVipListDialogController .md-buttom {
  min-height: 45px;
  margin-top: auto; }

#AgVipListDialogController .md-title {
  font-size: 16px; }

#AgVipListDialogController .bg-item {
  background-color: #fafafa;
  margin-left: 3%;
  min-height: 35px;
  max-height: 35px; }

#AgVipListDialogController .max-content {
  min-height: 150px;
  margin-right: 2%;
  max-height: 150px; }

#AgVipListDialogController .padding-top-5 {
  padding-top: 10px; }

@media screen and (min-width: 413px) {
  #AgVipListDialogController .button-add-width {
    max-width: 80px;
    min-width: 80px;
    min-height: 42px;
    margin-top: auto; } }

@media screen and (max-width: 413px) {
  #AgVipListDialogController .button-add-width {
    max-width: 50px;
    min-width: 50px;
    min-height: 42px;
    margin-top: auto; } }

@media screen and (min-width: 1200px) {
  #AgVipListDialogController .p-center {
    text-align: left; }
  #AgVipListDialogController .add {
    padding-top: 3px;
    margin: 0 auto; }
  #AgVipListDialogController .md-button {
    min-width: 50px;
    min-height: 42px; }
  #AgVipListDialogController .max-content {
    margin-right: 0px; }
  #AgVipListDialogController .margin-bottom-10 {
    margin-bottom: 3px !important; }
  #AgVipListDialogController .bg-item {
    margin-top: 0px; } }

@media screen and (max-width: 1200px) {
  #AgVipListDialogController .button-add-width {
    max-width: 158px;
    min-height: 42px;
    margin-top: auto; } }

@media screen and (min-width: 1201px) {
  #AgVipListDialogController .md-button {
    min-width: 60px; }
  #AgVipListDialogController .button-add-width {
    max-width: 158px;
    min-width: 120px;
    min-height: 42px;
    margin-top: auto; } }

@media screen and (min-width: 768px) {
  #AgVipListDialogController .md-button {
    min-width: 60px; }
  #AgVipListDialogController .button-add-width {
    max-width: 158px;
    min-width: 120px;
    min-height: 42px;
    margin-top: auto; } }

@media screen and (max-width: 375px) {
  #AgVipListDialogController .md-button {
    min-width: 40px;
    min-height: 42px;
    margin-top: auto; } }

#ag-customer-list .mass-edit-green-balance {
  font-weight: 700;
  color: darkgreen; }

#ag-customer-list .mass-edit-red-balance {
  font-weight: 700;
  color: darkred; }

#ag-customer-list .cursor-pointer {
  cursor: pointer; }
  #ag-customer-list .cursor-pointer:hover {
    color: rgba(255, 255, 255, 0.5); }

#ag-customer-list #SelectedItemsBox {
  -ms-touch-action: none;
      touch-action: none; }

#ag-customer-list #ag-customer-filter-selection .back-btn {
  margin-top: 8px;
  margin-right: 0px;
  background-color: white;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.8em; }

#ag-customer-list #ag-customer-filter-selection .rpt-btn {
  margin-top: 8px;
  background-color: #136f13;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.8em; }
  #ag-customer-list #ag-customer-filter-selection .rpt-btn[disabled] {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: rgba(0, 0, 0, 0.2) !important; }
  #ag-customer-list #ag-customer-filter-selection .rpt-btn.has-changes {
    color: #5d1b00;
    background-color: #ff9800; }
  #ag-customer-list #ag-customer-filter-selection .rpt-btn .desktop-lbl {
    display: block; }
  #ag-customer-list #ag-customer-filter-selection .rpt-btn .mobile-lbl {
    display: none; }

@media screen and (max-width: 425px) {
  #ag-customer-list #ag-customer-filter-selection .back-btn {
    min-width: 50px; }
  #ag-customer-list #ag-customer-filter-selection .rpt-btn .desktop-lbl {
    display: none; }
  #ag-customer-list #ag-customer-filter-selection .rpt-btn .mobile-lbl {
    display: block; } }

#ag-customer-list #ag-customer-filter-selection .selection-options-container {
  overflow-y: auto;
  height: calc(100vh - 120px); }
  @media (max-width: 600px) {
    #ag-customer-list #ag-customer-filter-selection .selection-options-container {
      height: calc(100vh - 155px); } }

#ag-customer-list #ag-customer-filter-selection .filter-options-container {
  overflow-y: auto;
  height: calc(100vh - 70px);
  font-size: 0.9em; }
  @media (max-width: 600px) {
    #ag-customer-list #ag-customer-filter-selection .filter-options-container {
      font-size: 0.8em;
      height: calc(100vh - 105px); } }
  @media (max-width: 959px) {
    #ag-customer-list #ag-customer-filter-selection .filter-options-container .filter-options-column {
      display: contents; } }
  #ag-customer-list #ag-customer-filter-selection .filter-options-container md-list-item {
    min-height: 20px !important; }
    #ag-customer-list #ag-customer-filter-selection .filter-options-container md-list-item::before {
      min-height: 20px !important; }
  #ag-customer-list #ag-customer-filter-selection .filter-options-container .md-subheader-inner {
    background-color: #324147;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 700; }
  @media (max-width: 425px) {
    #ag-customer-list #ag-customer-filter-selection .filter-options-container {
      font-size: 0.7em; }
      #ag-customer-list #ag-customer-filter-selection .filter-options-container .filter-option-header {
        height: 32px !important; } }
  #ag-customer-list #ag-customer-filter-selection .filter-options-container .filter-option-header {
    margin: 0 0 0 10px;
    height: 40px; }
    #ag-customer-list #ag-customer-filter-selection .filter-options-container .filter-option-header .section-label {
      cursor: pointer; }
    #ag-customer-list #ag-customer-filter-selection .filter-options-container .filter-option-header .md-button {
      padding: 3px;
      height: 30px;
      width: 35px;
      margin: 0px !important; }
      #ag-customer-list #ag-customer-filter-selection .filter-options-container .filter-option-header .md-button md-icon {
        margin-top: 3px;
        height: 20px;
        width: 20px;
        min-height: 20px;
        min-width: 20px; }
    #ag-customer-list #ag-customer-filter-selection .filter-options-container .filter-option-header .hasSelected {
      padding: 0 3px;
      font-weight: 700;
      color: darkred; }
  #ag-customer-list #ag-customer-filter-selection .filter-options-container .filter-option-list {
    background-color: rgba(0, 0, 0, 0.08);
    padding: 0;
    margin: 0; }
    #ag-customer-list #ag-customer-filter-selection .filter-options-container .filter-option-list md-checkbox {
      margin: 0;
      line-height: 35px;
      border-bottom: solid 1px rgba(0, 0, 0, 0.05);
      padding-left: 8px; }
      #ag-customer-list #ag-customer-filter-selection .filter-options-container .filter-option-list md-checkbox:last-child {
        border-bottom: none; }
      #ag-customer-list #ag-customer-filter-selection .filter-options-container .filter-option-list md-checkbox .md-container {
        left: 8px !important; }
  #ag-customer-list #ag-customer-filter-selection .filter-options-container .filter-options-column md-card {
    display: -ms-flexbox;
    display: flex;
    width: stretch;
    width: -moz-available; }
  #ag-customer-list #ag-customer-filter-selection .filter-options-container .filter-options-column .md-no-style {
    min-height: 20px;
    padding: 0; }

#ag-customer-list #ag-customer-filter-selection .filter-selected-container .md-subheader-inner {
  color: #666;
  font-size: 0.9em;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.03); }

#ag-customer-list #ag-customer-filter-selection .filter-selected-container md-list-item {
  font-size: 0.95em;
  padding: 0; }
  #ag-customer-list #ag-customer-filter-selection .filter-selected-container md-list-item::before {
    margin: 0;
    min-height: 0px; }

#ag-customer-list #ag-customer-filter-selection .filter-selected-container .filter-selected-option {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -webkit-grab;
  width: 100%;
  border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
  @media (max-width: 599px) {
    #ag-customer-list #ag-customer-filter-selection .filter-selected-container .filter-selected-option {
      font-size: 0.9em; } }
  @media (max-width: 424px) {
    #ag-customer-list #ag-customer-filter-selection .filter-selected-container .filter-selected-option {
      font-size: 0.8em; } }
  #ag-customer-list #ag-customer-filter-selection .filter-selected-container .filter-selected-option:last-child {
    border-bottom: none; }
  #ag-customer-list #ag-customer-filter-selection .filter-selected-container .filter-selected-option .filter {
    color: rgba(0, 0, 0, 0.5);
    width: 30%;
    min-width: 50px;
    padding: 4px 8px;
    background-color: rgba(0, 0, 0, 0.1); }
    @media (max-width: 480px) {
      #ag-customer-list #ag-customer-filter-selection .filter-selected-container .filter-selected-option .filter {
        display: none; } }
  #ag-customer-list #ag-customer-filter-selection .filter-selected-container .filter-selected-option .option {
    padding: 4px 8px; }

#ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter {
  font-size: 0.9em; }
  @media (max-width: 599px) {
    #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter {
      font-size: 0.85em; } }
  @media (max-width: 480px) {
    #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter {
      font-size: 0.75em; }
      #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter .active-days-label {
        display: none; }
      #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter .not-active-days-label {
        display: none; }
      #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter .filterby-input-container {
        min-width: 0px !important; }
      #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter .days-input {
        max-width: 45px !important;
        margin-right: 5px; }
      #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter .active-days-input::after {
        content: "Act"; }
      #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter .not-active-days-input::after {
        content: "No.Act"; }
      #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter .filter-item {
        padding-left: 4px !important; } }
  #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter md-radio-group md-radio-button {
    margin: 0;
    min-height: 35px;
    padding-top: 7px; }
  #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter .settle-option md-checkbox {
    display: -ms-flexbox;
    display: flex;
    margin: 0px;
    height: 40px; }
    #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter .settle-option md-checkbox .md-label {
      line-height: 40px; }
  #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter .filterby-input-container {
    min-width: 115px; }
  #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter input[type=number].days-input::-webkit-inner-spin-button,
  #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter input[type=number].days-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter .days-input {
    margin-top: 3px;
    max-width: 65px;
    min-width: 25px;
    font-size: 0.85em;
    text-align: center;
    height: 20px; }
  #ag-customer-list #ag-customer-filter-selection .customerlist-selection-filter .filter-item {
    padding-left: 8px; }

#ag-customer-list #ag-customer-report-container {
  height: calc(100vh - 65px); }
  #ag-customer-list #ag-customer-report-container agent-customer-list-report md-input-container {
    min-width: 70px; }
  #ag-customer-list #ag-customer-report-container agent-customer-list-report md-datepicker .md-datepicker-input {
    min-width: 70px; }
  #ag-customer-list #ag-customer-report-container agent-customer-list-report mass-edit-input md-radio-button {
    min-width: auto; }
  #ag-customer-list #ag-customer-report-container agent-customer-list-report md-table-container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  #ag-customer-list #ag-customer-report-container agent-customer-list-report md-table-container::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    transition: all .2s; }
  #ag-customer-list #ag-customer-report-container .agent-selection-side-btn.md-icon-button {
    margin: 0 2px;
    height: 30px;
    max-height: 30px;
    min-height: 30px;
    min-width: 0;
    line-height: 20px;
    padding: 3px;
    width: 30px;
    border-radius: 50%; }
    #ag-customer-list #ag-customer-report-container .agent-selection-side-btn.md-icon-button md-icon {
      margin-top: 6px; }
  #ag-customer-list #ag-customer-report-container .agents-list-container {
    height: calc(100vh - 65px);
    max-width: 450px;
    width: 100%; }
    #ag-customer-list #ag-customer-report-container .agents-list-container::-webkit-scrollbar {
      width: 5px;
      background: rgba(0, 0, 0, 0.1);
      transition: all .2s; }
    #ag-customer-list #ag-customer-report-container .agents-list-container::-webkit-scrollbar-thumb {
      border-radius: 0px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 4px;
      transition: all .2s; }
    #ag-customer-list #ag-customer-report-container .agents-list-container md-toolbar {
      font-size: 1em;
      min-height: 40px;
      line-height: 40px;
      padding-left: 8px;
      background-color: #000;
      color: rgba(255, 255, 255, 0.8); }
    #ag-customer-list #ag-customer-report-container .agents-list-container .agent-item {
      padding: 0 10px;
      min-height: 38px;
      line-height: 38px; }
      #ag-customer-list #ag-customer-report-container .agents-list-container .agent-item md-checkbox {
        margin: 0; }
  #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .mass-edit-btn-lbl {
    font-size: 0.85em; }
  #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container {
    height: calc(100vh - 105px); }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container.edit-all-option-bar {
      height: calc(100vh - 180px); }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container::-webkit-scrollbar {
      width: 5px;
      background: rgba(0, 0, 0, 0.1);
      transition: all .2s; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container::-webkit-scrollbar-thumb {
      border-radius: 0px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 4px;
      transition: all .2s; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container .table-container .md-head {
      background-color: rgba(0, 0, 0, 0.2); }
      #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container .table-container .md-head .md-row {
        font-size: 0.9em;
        height: 35px; }
        #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container .table-container .md-head .md-row th:first-child {
          padding-left: 10px; }
      #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container .table-container .md-head .hdr-sort-icon {
        padding-top: 10px; }
        #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container .table-container .md-head .hdr-sort-icon:hover {
          color: #be2300; }
        #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container .table-container .md-head .hdr-sort-icon.inactive {
          color: rgba(0, 0, 0, 0.1); }
          #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container .table-container .md-head .hdr-sort-icon.inactive:hover {
            color: #8c8c8c; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container .table-container .md-body .md-row {
      height: 35px; }
      #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container .table-container .md-body .md-row td:first-child {
        padding-left: 10px; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-report-container .table-container md-divider {
      border-top-color: rgba(0, 0, 0, 0.85); }
  #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-header {
    background-color: #000;
    color: rgba(255, 255, 255, 0.8);
    min-height: 40px;
    max-height: 40px;
    height: 40px; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-header .md-toolbar-tools {
      font-size: 0.8em;
      height: 40px;
      padding-left: 0px; }
      #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-header .md-toolbar-tools .header-content {
        margin-left: 12px; }
  #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-subheader {
    background-color: #324147;
    color: rgba(255, 255, 255, 0.8); }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-subheader .md-subheader-inner {
      padding: 5px !important;
      min-height: 28px;
      line-height: 28px; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-subheader md-checkbox {
      margin-bottom: 0px;
      margin-left: 10px; }
      #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-subheader md-checkbox .md-icon {
        background-color: rgba(255, 255, 255, 0.5);
        border-color: #2a373c; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-subheader .expand md-icon {
      padding-right: 5px;
      width: 20px;
      min-width: 20px;
      height: 20px;
      min-height: 20px;
      line-height: 20px; }
  #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .export-excel-btn.md-icon-button {
    background-color: #ddd;
    margin: 0 2px;
    margin-right: 6px;
    height: 30px;
    max-height: 30px;
    min-height: 30px;
    min-width: 0;
    line-height: 20px;
    padding: 3px;
    width: 30px;
    border-radius: 50%; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .export-excel-btn.md-icon-button md-icon {
      font-size: 1.2em;
      margin-top: 4px; }
  #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .export-excel-btn:disabled {
    color: rgba(187, 187, 187, 0.15);
    background-color: rgba(255, 255, 255, 0.1); }
  #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .export-excel-btn.exporting {
    background-color: #bebebe !important; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .export-excel-btn.exporting md-icon {
      color: rgba(0, 0, 0, 0.5);
      padding-top: 5px !important;
      margin-top: 0px !important; }
  #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .generate-btn, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .selection-btn {
    font-size: 0.75em;
    color: rgba(0, 0, 0, 0.8);
    line-height: 30px;
    height: 30px;
    min-height: 30px; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .generate-btn.has-changes, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .selection-btn.has-changes {
      color: #5d1b00;
      background-color: #ff9800; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .generate-btn .generate-btn-icon, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .generate-btn .selection-btn-icon, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .selection-btn .generate-btn-icon, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .selection-btn .selection-btn-icon {
      display: none; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .generate-btn .generate-btn-lbl, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .generate-btn .selection-btn-lbl, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .selection-btn .generate-btn-lbl, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .selection-btn .selection-btn-lbl {
      display: block; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .generate-btn:disabled, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .selection-btn:disabled {
      color: rgba(255, 255, 255, 0.15);
      background-color: rgba(255, 255, 255, 0.1); }
  #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .generate-btn {
    color: rgba(255, 255, 255, 0.6);
    background-color: #136f13; }
  #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .mass-edit-btn {
    color: #5d1b00;
    background-color: #ff9800;
    margin: 0 3px;
    padding: 0px;
    line-height: 30px;
    height: 30px;
    min-height: 30px;
    width: 30px; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .mass-edit-btn .mass-edit-btn-icon {
      margin-top: 1px;
      color: #5d1b00;
      min-width: 15px;
      min-height: 15px;
      width: 15px;
      height: 15px; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .mass-edit-btn:disabled {
      color: rgba(255, 255, 255, 0.15);
      background-color: rgba(255, 255, 255, 0.1); }
      #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .mass-edit-btn:disabled .mass-edit-btn-icon {
        color: rgba(255, 255, 255, 0.15); }
  #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .mass-edit-selected-btn {
    background-color: rgba(158, 58, 0, 0.863);
    color: rgba(255, 255, 255, 0.8); }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .mass-edit-selected-btn .mass-edit-btn-icon {
      color: #c4840e; }
  @media screen and (max-width: 425px) {
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .agent-header .md-toolbar-tools {
      padding: 0px; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .generate-btn-lbl, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .selection-btn-lbl, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .mass-edit-btn-lbl {
      display: none; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .generate-btn.md-icon-button, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .selection-btn.md-icon-button {
      margin: 0 2px;
      height: 30px;
      max-height: 30px;
      min-height: 30px;
      min-width: 0;
      line-height: 20px;
      padding: 3px;
      width: 30px;
      border-radius: 50%; }
      #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .generate-btn.md-icon-button .generate-btn-icon, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .generate-btn.md-icon-button .selection-btn-icon, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .selection-btn.md-icon-button .generate-btn-icon, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .selection-btn.md-icon-button .selection-btn-icon {
        display: block; }
      #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .generate-btn.md-icon-button md-icon, #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .selection-btn.md-icon-button md-icon {
        margin-top: 6px; }
    #ag-customer-list #ag-customer-report-container .customerlist-rpt-container .export-excel-btn.md-icon-button {
      margin-right: 3px; } }

#ag-customer-list .table-container table thead tr th {
  padding-left: 10px; }

#ag-customer-list .table-container table thead tr th:nth-child(2) {
  padding-left: 200px; }

#ag-customer-list .table-container table thead tr th:first-child {
  background-color: #c8c8c8;
  min-width: 180px;
  position: absolute;
  width: 180px;
  line-height: 34px;
  z-index: 1; }

#ag-customer-list .table-container table thead tr th:not(:first-child) {
  min-width: 100px;
  white-space: nowrap; }

#ag-customer-list .table-container table tbody tr td {
  padding-left: 37px; }

#ag-customer-list .table-container table tbody tr td:nth-child(2) {
  padding-left: 225px; }

#ag-customer-list .table-container table tbody tr td:nth-child(2) {
  padding-left: 195px; }

#ag-customer-list .table-container table tbody tr td:first-child {
  font-weight: 700;
  text-align: left;
  padding-left: 15px !important;
  padding-right: 5px !important;
  /*background-color: rgba(0,0,0,0.08);*/
  background-color: #dadada;
  position: absolute;
  width: 170px;
  line-height: 34px;
  z-index: 1; }
  #ag-customer-list .table-container table tbody tr td:first-child md-checkbox {
    margin-bottom: 0px;
    /*
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;*/ }

.filter-selected-option.gu-transit {
  background-color: #f3b200;
  color: rgba(255, 255, 255, 0.7);
  opacity: .8; }

.filter-selected-option.gu-mirror {
  font-size: 0.95em;
  background-color: white;
  line-height: 30px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  background-color: darkgreen;
  color: #ECEFF1; }
  .filter-selected-option.gu-mirror .filter {
    width: 30%;
    padding-left: 8px;
    padding-right: 8px;
    background-color: rgba(0, 0, 0, 0.4); }
    @media (max-width: 480px) {
      .filter-selected-option.gu-mirror .filter {
        display: none; } }
  .filter-selected-option.gu-mirror .option {
    padding-left: 8px;
    padding-right: 8px; }
    @media (max-width: 480px) {
      .filter-selected-option.gu-mirror .option {
        font-size: 0.8em;
        line-height: 25px; } }

#edit-selected-header-table {
  /*&::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background: rgba(0,0,0,0.1);
        transition: all .2s
    }
    &::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background: rgba(0,0,0,0.15);
        border-radius: 4px;
        transition: all .2s
    }*/ }
  #edit-selected-header-table md-table-container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  #edit-selected-header-table md-table-container::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    transition: all .2s; }
  #edit-selected-header-table table td {
    padding-left: 10px;
    font-size: 0.8em;
    white-space: nowrap;
    min-width: 100px; }
    #edit-selected-header-table table td mass-edit-all-input {
      width: 100%; }
      #edit-selected-header-table table td mass-edit-all-input md-input-container {
        min-width: 70px; }
      #edit-selected-header-table table td mass-edit-all-input md-datepicker .md-datepicker-input {
        min-width: 70px; }
      #edit-selected-header-table table td mass-edit-all-input md-radio-button {
        min-width: auto; }
      #edit-selected-header-table table td mass-edit-all-input .input-item-elm {
        width: 100%; }
      #edit-selected-header-table table td mass-edit-all-input md-select {
        min-width: 95px; }
  #edit-selected-header-table table tbody tr td:first-child {
    padding-left: 0px;
    min-width: 190px;
    /*background-color: rgba(0, 0, 0, 0.08);*/
    background-color: #455a64;
    color: white;
    position: absolute;
    width: 180px;
    line-height: 55px;
    z-index: 1; }
  #edit-selected-header-table table tbody tr td:nth-child(2) {
    padding-left: 225; }
  #edit-selected-header-table table .mass-edit-set-btn, #edit-selected-header-table table .mass-edit-date-set-btn {
    height: 30px !important;
    padding: 0px !important;
    width: 30px !important;
    margin: 0 0 0 5px !important; }
    #edit-selected-header-table table .mass-edit-set-btn md-icon, #edit-selected-header-table table .mass-edit-date-set-btn md-icon {
      margin-top: 8px !important;
      color: darkgreen; }
    #edit-selected-header-table table .mass-edit-set-btn:disabled md-icon, #edit-selected-header-table table .mass-edit-date-set-btn:disabled md-icon {
      color: rgba(0, 0, 0, 0.15) !important; }
  #edit-selected-header-table table .md-list-item-text .input-item-elm {
    width: 100%; }
  #edit-selected-header-table table .md-list-item-text .input-item-lbl {
    width: 100%; }

@media screen and (max-width: 425px) {
  #edit-selected-header-table tbody tr td:first-child {
    min-width: 110px; }
  #edit-selected-header-table tbody tr td:nth-child(2) {
    padding-left: 0px; }
  #ag-customer-list .table-container table tbody tr td:first-child {
    padding-left: 5px !important;
    min-width: 100px;
    width: 100px;
    font-size: 0.7em; }
  #ag-customer-list .table-container table tbody tr td:nth-child(2) {
    padding-left: 110px; }
  #ag-customer-list .table-container table thead tr th:first-child {
    padding-left: 5px !important;
    min-width: 100px;
    width: 100px;
    font-size: 0.7em; }
  #ag-customer-list .table-container table thead tr th:nth-child(2) {
    padding-left: 110px; } }

#agent-hierarchy-selection-dialog, #ag-mass-edit-dialog {
  color: rgba(0, 0, 0, 0.87) !important;
  background: #ECEFF1; }
  #agent-hierarchy-selection-dialog .toolbar-default, #ag-mass-edit-dialog .toolbar-default {
    min-height: 40px;
    line-height: 40px; }
  #agent-hierarchy-selection-dialog .md-toolbar-tools, #ag-mass-edit-dialog .md-toolbar-tools {
    font-weight: bold;
    max-height: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #53646d; }
  @media screen and (min-width: 768px) {
    #agent-hierarchy-selection-dialog, #ag-mass-edit-dialog {
      min-width: 550px; } }
  #agent-hierarchy-selection-dialog md-dialog-actions, #ag-mass-edit-dialog md-dialog-actions {
    padding: 10px;
    border-top: solid 1px #bfbfbf;
    min-height: 65px; }
    #agent-hierarchy-selection-dialog md-dialog-actions .hint, #ag-mass-edit-dialog md-dialog-actions .hint {
      text-align: center;
      margin-top: 3px;
      font-size: 0.75em; }
    #agent-hierarchy-selection-dialog md-dialog-actions .md-button, #ag-mass-edit-dialog md-dialog-actions .md-button {
      font-size: 0.75em;
      margin: 0px;
      min-height: 30px;
      line-height: 30px;
      height: 30px;
      min-width: 130px;
      color: rgba(255, 255, 255, 0.7); }
      #agent-hierarchy-selection-dialog md-dialog-actions .md-button:disabled, #ag-mass-edit-dialog md-dialog-actions .md-button:disabled {
        background-color: rgba(0, 0, 0, 0.1);
        color: #999; }
    #agent-hierarchy-selection-dialog md-dialog-actions .set-btn, #ag-mass-edit-dialog md-dialog-actions .set-btn {
      background-color: #136f13; }
    #agent-hierarchy-selection-dialog md-dialog-actions .reset-btn, #ag-mass-edit-dialog md-dialog-actions .reset-btn {
      color: #666; }
    #agent-hierarchy-selection-dialog md-dialog-actions .save-btn, #ag-mass-edit-dialog md-dialog-actions .save-btn {
      color: #5d1b00;
      background-color: #ff9800; }
  #agent-hierarchy-selection-dialog .md-dialog-content, #ag-mass-edit-dialog .md-dialog-content {
    padding-left: 5px;
    padding-right: 5px;
    -ms-overflow-style: none; }
    #agent-hierarchy-selection-dialog .md-dialog-content .info-btn, #ag-mass-edit-dialog .md-dialog-content .info-btn {
      margin: 0;
      padding: 0; }
      #agent-hierarchy-selection-dialog .md-dialog-content .info-btn md-icon, #ag-mass-edit-dialog .md-dialog-content .info-btn md-icon {
        color: #008fc7; }
    #agent-hierarchy-selection-dialog .md-dialog-content::-webkit-scrollbar, #ag-mass-edit-dialog .md-dialog-content::-webkit-scrollbar {
      width: 8px;
      background: rgba(0, 0, 0, 0.1);
      transition: all .2s; }
    #agent-hierarchy-selection-dialog .md-dialog-content::-webkit-scrollbar-thumb, #ag-mass-edit-dialog .md-dialog-content::-webkit-scrollbar-thumb {
      border-radius: 0px;
      background: rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      transition: all .2s; }

mass-edit-input, mass-edit-all-input {
  width: 100%; }
  mass-edit-input .not-editable, mass-edit-all-input .not-editable {
    color: rgba(0, 0, 0, 0.2);
    min-height: 30px;
    line-height: 30px; }
  mass-edit-input .md-list-item-text, mass-edit-all-input .md-list-item-text {
    padding: 0 10px 0 10px; }
    mass-edit-input .md-list-item-text.changed, mass-edit-all-input .md-list-item-text.changed {
      background-color: #d7c8a5; }
    mass-edit-input .md-list-item-text.changed-all, mass-edit-all-input .md-list-item-text.changed-all {
      background-color: #8cd2a5; }
  mass-edit-input md-input-container, mass-edit-all-input md-input-container {
    margin: 0px; }
    mass-edit-input md-input-container .md-errors-spacer, mass-edit-all-input md-input-container .md-errors-spacer {
      min-height: 0px; }
    mass-edit-input md-input-container.input-number input, mass-edit-all-input md-input-container.input-number input {
      color: darkgreen !important;
      font-weight: 700; }
    mass-edit-input md-input-container.red input, mass-edit-all-input md-input-container.red input {
      color: darkred !important; }
  mass-edit-input.odd, mass-edit-all-input.odd {
    background-color: rgba(0, 0, 0, 0.03); }
  mass-edit-input .mass-edit-reset-btn, mass-edit-input .mass-edit-date-reset-btn, mass-edit-all-input .mass-edit-reset-btn, mass-edit-all-input .mass-edit-date-reset-btn {
    height: 30px !important;
    padding: 0px !important;
    width: 30px !important;
    margin: 0 0 0 5px !important; }
    mass-edit-input .mass-edit-reset-btn md-icon, mass-edit-input .mass-edit-date-reset-btn md-icon, mass-edit-all-input .mass-edit-reset-btn md-icon, mass-edit-all-input .mass-edit-date-reset-btn md-icon {
      margin-top: 8px !important;
      color: darkred; }
    mass-edit-input .mass-edit-reset-btn:disabled md-icon, mass-edit-input .mass-edit-date-reset-btn:disabled md-icon, mass-edit-all-input .mass-edit-reset-btn:disabled md-icon, mass-edit-all-input .mass-edit-date-reset-btn:disabled md-icon {
      color: rgba(0, 0, 0, 0.15) !important; }
  mass-edit-input .mass-edit-date-reset-btn, mass-edit-all-input .mass-edit-date-reset-btn {
    margin: 5px 0 0 0 !important;
    line-height: 20px !important;
    height: 20px !important;
    min-height: 20px; }
    mass-edit-input .mass-edit-date-reset-btn md-icon, mass-edit-all-input .mass-edit-date-reset-btn md-icon {
      margin: 0px !important;
      color: #0099ff;
      height: 20px;
      min-height: 20px; }
  mass-edit-input md-radio-button, mass-edit-all-input md-radio-button {
    min-width: 100px; }
  @media screen and (max-width: 600px) {
    mass-edit-input .md-list-item-text .input-item-elm, mass-edit-all-input .md-list-item-text .input-item-elm {
      width: 100%; }
    mass-edit-input .md-list-item-text .input-item-lbl, mass-edit-all-input .md-list-item-text .input-item-lbl {
      width: 100%;
      padding-top: 5px;
      font-size: 0.8em; } }
  mass-edit-input md-datepicker .md-datepicker-input-container, mass-edit-all-input md-datepicker .md-datepicker-input-container {
    width: calc(100% - 37px); }
    mass-edit-input md-datepicker .md-datepicker-input-container input, mass-edit-all-input md-datepicker .md-datepicker-input-container input {
      font-size: 1.1em; }
    mass-edit-input md-datepicker .md-datepicker-input-container .md-datepicker-triangle-button, mass-edit-all-input md-datepicker .md-datepicker-input-container .md-datepicker-triangle-button {
      height: 30px !important;
      min-width: 0 !important;
      line-height: 20px !important;
      min-height: 30px !important;
      padding: 0px !important;
      width: 30px !important; }
  mass-edit-input md-datepicker md-button.md-icon-button, mass-edit-all-input md-datepicker md-button.md-icon-button {
    height: 30px;
    width: 30px;
    padding: 0px; }
  mass-edit-input md-datepicker .md-datepicker-button, mass-edit-all-input md-datepicker .md-datepicker-button {
    margin: 0 0 0 -2px !important;
    height: 30px !important;
    min-width: 0 !important;
    line-height: 20px !important;
    min-height: 30px !important;
    padding: 0px !important;
    width: 25px !important; }

#ag-mass-edit-dialog md-list-item {
  font-size: 0.9em;
  min-height: 35px;
  padding: 0; }
  #ag-mass-edit-dialog md-list-item.md-2-line::before {
    min-height: 35px; }
  #ag-mass-edit-dialog md-list-item.odd {
    background-color: rgba(0, 0, 0, 0.05); }

#ag-mass-edit-dialog.dialog-modal {
  opacity: 0.2; }

#ag-mass-edit-confirm-dialog {
  max-width: 400px; }
  #ag-mass-edit-confirm-dialog md-card {
    margin: 0px; }
  #ag-mass-edit-confirm-dialog .confirm-header {
    font-size: 1.05em;
    font-weight: 700;
    margin-bottom: 20px; }
  #ag-mass-edit-confirm-dialog md-dialog-actions {
    padding: 5px; }
    #ag-mass-edit-confirm-dialog md-dialog-actions .md-button {
      margin: 5px; }

.ag-mass-edit-info-container {
  text-align: left;
  background-color: rgba(0, 0, 0, 0.87) !important;
  color: rgba(255, 255, 255, 0.8) !important;
  padding: 10px;
  font-size: 0.85em;
  max-height: 150px;
  overflow: auto; }
  .ag-mass-edit-info-container .agent-lbl {
    min-width: 130px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #ef6c00;
    font-weight: 700; }
    .ag-mass-edit-info-container .agent-lbl.full {
      color: #b7a46b; }
    .ag-mass-edit-info-container .agent-lbl .ttl {
      color: red; }
  .ag-mass-edit-info-container::-webkit-scrollbar {
    width: 6px;
    background: #666;
    transition: all .2s; }
  .ag-mass-edit-info-container::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    transition: all .2s; }
  .ag-mass-edit-info-container b {
    color: #00c400;
    padding-left: 5px;
    padding-right: 5px; }

.mass-edit-md-menu md-menu-item md-icon {
  font-size: 1.2em;
  margin: 0;
  line-height: 35px; }

.highlightSelectedAccountTtls {
  font-weight: 700;
  font-size: 1.2em;
  color: darkred;
  padding: 0 5px; }

#automoverSendDialog {
  min-width: 640px; }
  #automoverSendDialog .md-title {
    font-size: 14px;
    text-transform: uppercase; }
  #automoverSendDialog .header {
    font-weight: 700;
    margin: 10px 0; }
    #automoverSendDialog .header .store {
      color: brown; }
  #automoverSendDialog .cog-input-container .cog-input-label {
    color: #000000;
    font-weight: bold; }
  #automoverSendDialog md-coginput-container.send-option {
    min-width: 0; }
    #automoverSendDialog md-coginput-container.send-option .group-button {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }

.automover-manager-tree-container md-content {
  background-color: #fafafa !important; }

.automover-manager-tree-container .cursor-pointer {
  cursor: pointer; }

.automover-manager-tree-container md-list .md-subheader {
  width: -moz-available;
  width: stretch;
  min-height: 48px; }

.automover-manager-tree-container md-list-item .md-subheader-inner {
  background-color: white;
  padding: 5px !important; }

.automover-manager-tree-container .md-subheader .md-subheader-inner,
.automover-manager-tree-container .md-subheader .md-subheader-content,
.automover-manager-tree-container .sport-item,
.automover-manager-tree-container .league-item,
.automover-manager-tree-container .type-item,
.automover-manager-tree-container .subtype-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: inherit; }

.automover-manager-tree-container .md-subheader .md-subheader-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.automover-manager-tree-container .subtype-content md-list-item {
  padding-right: 0; }

.automover-manager-tree-container .md-subheader .md-subheader-content,
.automover-manager-tree-container .sport-item,
.automover-manager-tree-container .league-item,
.automover-manager-tree-container .type-item,
.automover-manager-tree-container .subtype-item {
  width: -moz-available;
  width: stretch; }

.automover-manager-tree-container .sport-item,
.automover-manager-tree-container .league-item,
.automover-manager-tree-container .type-item {
  padding-right: 8px;
  padding-left: 8px; }
  .automover-manager-tree-container .sport-item span,
  .automover-manager-tree-container .league-item span,
  .automover-manager-tree-container .type-item span {
    font-weight: 700; }
  .automover-manager-tree-container .sport-item .item-icon,
  .automover-manager-tree-container .league-item .item-icon,
  .automover-manager-tree-container .type-item .item-icon {
    transition: transform 0.25s ease;
    will-change: transform; }
  .automover-manager-tree-container .sport-item.is-active .item-icon,
  .automover-manager-tree-container .league-item.is-active .item-icon,
  .automover-manager-tree-container .type-item.is-active .item-icon {
    transform: rotate(90deg); }

.automover-manager-tree-container .sport-item span {
  color: #000; }

.automover-manager-tree-container .league-item span {
  color: #266394; }

.automover-manager-tree-container .type-item span {
  color: #455a64; }

.automover-manager-tree-container .subtype-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding-right: 8px;
  padding-left: 55px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  transition: background-color 0.25s ease, font-weight 0.25s ease;
  interpolate-size: allow-keywords; }
  .automover-manager-tree-container .subtype-item:hover {
    background-color: rgba(0, 0, 0, 0.0625);
    font-weight: 700; }

.automover-manager-tree-container .league-content,
.automover-manager-tree-container .type-content,
.automover-manager-tree-container .subtype-content {
  height: 0;
  overflow-y: hidden;
  transition: height 0.25s ease;
  will-change: height;
  interpolate-size: allow-keywords; }
  .automover-manager-tree-container .league-content.is-active,
  .automover-manager-tree-container .type-content.is-active,
  .automover-manager-tree-container .subtype-content.is-active {
    height: auto; }

.autopilot-wager-setup {
  margin: 0 5px; }
  .autopilot-wager-setup .provider, .autopilot-wager-setup .adjustment {
    padding: 5px 10px;
    border: solid 1px #aaa;
    min-height: 32px;
    border-radius: 3px;
    font-weight: 700; }
    .autopilot-wager-setup .provider.none, .autopilot-wager-setup .adjustment.none {
      background-color: #dadada;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.4); }
  .autopilot-wager-setup .provider {
    width: 180px;
    margin-right: 5px; }
  .autopilot-wager-setup .adjustment {
    color: #007bc7;
    width: 60px; }
  .autopilot-wager-setup .editable {
    cursor: pointer; }

#autopilotWagerSetupDialog {
  max-width: 500px; }
  #autopilotWagerSetupDialog .header {
    font-size: 1.1em;
    font-weight: 700;
    margin: 10px 10px 0px 10px; }
    #autopilotWagerSetupDialog .header .store {
      color: brown; }
  #autopilotWagerSetupDialog .setupContainer .providers {
    width: 300px;
    margin-right: 10px; }
  #autopilotWagerSetupDialog .setupContainer .fixed-points {
    white-space: nowrap; }
  #autopilotWagerSetupDialog .actionResponseContainer {
    padding: 15px 20px;
    text-align: center;
    border-radius: 5px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.03); }
    #autopilotWagerSetupDialog .actionResponseContainer .err-icon, #autopilotWagerSetupDialog .actionResponseContainer .success-icon {
      font-size: 3em;
      margin-right: 5px; }
    #autopilotWagerSetupDialog .actionResponseContainer .err-icon {
      color: darkorange; }
    #autopilotWagerSetupDialog .actionResponseContainer .success-icon {
      color: darkgreen; }
    #autopilotWagerSetupDialog .actionResponseContainer .err {
      color: darkred; }

.autopilot-tree-container md-content {
  background-color: #fafafa !important; }

.autopilot-tree-container .cursor-pointer {
  cursor: pointer; }

.autopilot-tree-container .subtype-item {
  background-color: white; }

.autopilot-tree-container md-list-item .md-subheader-inner {
  background-color: white;
  padding: 5px !important; }

.autopilot-tree-container .sport-item {
  padding: 5px 8px; }
  .autopilot-tree-container .sport-item span {
    font-weight: 700;
    color: #000; }

.autopilot-tree-container .league-item {
  padding: 5px 8px; }
  .autopilot-tree-container .league-item span {
    font-weight: 700;
    color: #266394; }

.autopilot-tree-container .type-item {
  padding: 5px 8px; }
  .autopilot-tree-container .type-item span {
    font-weight: 700;
    color: #455a64; }

.autopilot-tree-container .subtype-item {
  padding: 5px 8px 5px 55px; }
  .autopilot-tree-container .subtype-item span:hover {
    font-weight: 700; }

.autopilot-wager-setup {
  margin: 0 5px; }
  .autopilot-wager-setup .provider, .autopilot-wager-setup .adjustment {
    padding: 5px 10px;
    border: solid 1px #aaa;
    min-height: 32px;
    border-radius: 3px;
    font-weight: 700; }
    .autopilot-wager-setup .provider.none, .autopilot-wager-setup .adjustment.none {
      background-color: #dadada;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.4); }
  .autopilot-wager-setup .provider {
    width: 180px;
    margin-right: 5px; }
  .autopilot-wager-setup .adjustment {
    color: #007bc7;
    width: 60px; }
  .autopilot-wager-setup .editable {
    cursor: pointer; }

#autopilotWagerSetupDialog {
  max-width: 500px; }
  #autopilotWagerSetupDialog .header {
    font-size: 1.1em;
    font-weight: 700;
    margin: 10px 10px 0px 10px; }
    #autopilotWagerSetupDialog .header .store {
      color: brown; }
  #autopilotWagerSetupDialog .setupContainer .providers {
    width: 380px;
    margin-right: 10px; }
  #autopilotWagerSetupDialog .actionResponseContainer {
    padding: 15px 20px;
    text-align: center;
    border-radius: 5px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.03); }
    #autopilotWagerSetupDialog .actionResponseContainer .err-icon, #autopilotWagerSetupDialog .actionResponseContainer .success-icon {
      font-size: 3em;
      margin-right: 5px; }
    #autopilotWagerSetupDialog .actionResponseContainer .err-icon {
      color: darkorange; }
    #autopilotWagerSetupDialog .actionResponseContainer .success-icon {
      color: darkgreen; }
    #autopilotWagerSetupDialog .actionResponseContainer .err {
      color: darkred; }

#cogAccGetBtcAddressDialog {
  font-family: "Rubik", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  min-width: 45%;
  max-width: 45%; }
  @media screen and (min-width: 600px) {
    #cogAccGetBtcAddressDialog {
      max-width: 1200px; } }
  @media screen and (max-width: 600px) {
    #cogAccGetBtcAddressDialog {
      max-width: 100%; } }
  #cogAccGetBtcAddressDialog .toolbarTitle {
    font-weight: 700 !important;
    font-size: 0.9em; }
  #cogAccGetBtcAddressDialog .title {
    color: #fafafa !important;
    font-size: 0.8em !important;
    font-weight: normal !important; }
  #cogAccGetBtcAddressDialog table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 0 0 0 !important; }
  #cogAccGetBtcAddressDialog #BTC_Address_TableData thead tr {
    min-height: 42px;
    height: 42px;
    background: #154758; }
  #cogAccGetBtcAddressDialog #BTC_Address_TableData .time, #cogAccGetBtcAddressDialog #BTC_Address_TableData .date {
    color: #cc4100; }
    #cogAccGetBtcAddressDialog #BTC_Address_TableData .time.address-used, #cogAccGetBtcAddressDialog #BTC_Address_TableData .date.address-used {
      color: #000; }
  #cogAccGetBtcAddressDialog #BTC_Address_TableData .amount-usd {
    color: darkgreen;
    cursor: help; }
  #cogAccGetBtcAddressDialog #BTC_Address_TableData .settled {
    color: #004fb6;
    line-height: normal; }
  #cogAccGetBtcAddressDialog #BTC_Address_TableData .entered-info {
    cursor: help; }
    #cogAccGetBtcAddressDialog #BTC_Address_TableData .entered-info i {
      padding: 0 5px;
      color: #008cc3; }
    #cogAccGetBtcAddressDialog #BTC_Address_TableData .entered-info:hover i {
      color: black; }
  #cogAccGetBtcAddressDialog .md-button.close {
    color: #212121 !important;
    background-color: #fafafa !important;
    height: 45px;
    font-size: 1.2em !important;
    font-weight: normal !important; }
  #cogAccGetBtcAddressDialog .input-container-acc {
    margin: 10px; }
    #cogAccGetBtcAddressDialog .input-container-acc input.input-acc {
      border: 1px solid #ccc;
      height: 37px;
      text-align: center;
      max-width: 100%;
      width: 100%; }
      #cogAccGetBtcAddressDialog .input-container-acc input.input-acc.bonusAmount {
        height: 37px; }
  #cogAccGetBtcAddressDialog .note {
    font-size: 0.9em;
    color: rgba(0, 0, 0, 0.5); }
  #cogAccGetBtcAddressDialog .btc-processor-0 {
    color: rgba(0, 0, 0, 0.8) !important;
    font-weight: 700; }
  #cogAccGetBtcAddressDialog .btc-processor-1 {
    color: #00a3ec !important;
    font-weight: 700; }

#cogCryptoAddressDialog {
  font-family: "Rubik", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  min-width: 45%;
  max-width: 45%; }
  @media screen and (min-width: 600px) {
    #cogCryptoAddressDialog {
      max-width: 1200px; } }
  @media screen and (max-width: 600px) {
    #cogCryptoAddressDialog {
      max-width: 100%; } }
  #cogCryptoAddressDialog .toolbarTitle {
    font-weight: 700 !important;
    font-size: 0.9em; }
  #cogCryptoAddressDialog .title {
    color: #fafafa !important;
    font-size: 0.8em !important;
    font-weight: normal !important; }
  #cogCryptoAddressDialog .cryptoName {
    min-width: 120px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 700;
    background-color: #e4f1f5;
    margin-right: 10px;
    border: solid 1px #a2b9c0;
    border-radius: 3px;
    padding: 1px; }
  #cogCryptoAddressDialog table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 0 0 0 !important; }
  #cogCryptoAddressDialog .md-button-assing,
  #cogCryptoAddressDialog .AssignAddressExist {
    background-color: #008e06 !important;
    font-size: 1.2em !important;
    margin-right: 6px;
    color: #fafafa !important;
    text-transform: none; }
  #cogCryptoAddressDialog .checkingNewAddress {
    background-color: #ff9800;
    font-size: 1.2em !important;
    margin-right: 6px;
    color: rgba(0, 0, 0, 0.87);
    text-transform: none; }
  #cogCryptoAddressDialog .AssignAddressError {
    background-color: #cc4100;
    font-size: 1.2em !important;
    margin-right: 6px;
    color: #fafafa !important;
    text-transform: none; }
  #cogCryptoAddressDialog #Crypto_Address_TableData thead tr {
    min-height: 42px;
    height: 42px;
    background: #154758; }
  #cogCryptoAddressDialog #Crypto_Address_TableData .time, #cogCryptoAddressDialog #Crypto_Address_TableData .date {
    color: #cc4100; }
    #cogCryptoAddressDialog #Crypto_Address_TableData .time.address-used, #cogCryptoAddressDialog #Crypto_Address_TableData .date.address-used {
      color: #000; }
  #cogCryptoAddressDialog #Crypto_Address_TableData .amount-usd {
    color: darkgreen;
    cursor: help; }
  #cogCryptoAddressDialog #Crypto_Address_TableData .settled {
    color: #004fb6;
    line-height: normal; }
  #cogCryptoAddressDialog #Crypto_Address_TableData .entered-info {
    cursor: help; }
    #cogCryptoAddressDialog #Crypto_Address_TableData .entered-info i {
      padding: 0 5px;
      color: #008cc3; }
    #cogCryptoAddressDialog #Crypto_Address_TableData .entered-info:hover i {
      color: black; }
  #cogCryptoAddressDialog .md-button.close {
    color: #212121 !important;
    background-color: #fafafa !important;
    height: 45px;
    font-size: 1.2em !important;
    font-weight: normal !important; }
  #cogCryptoAddressDialog .input-container-acc {
    margin: 10px; }
    #cogCryptoAddressDialog .input-container-acc input.input-acc {
      border: 1px solid #ccc;
      height: 37px;
      text-align: center;
      max-width: 100%;
      width: 100%; }
      #cogCryptoAddressDialog .input-container-acc input.input-acc.bonusAmount {
        height: 37px; }
  #cogCryptoAddressDialog .note {
    font-size: 0.9em;
    color: rgba(0, 0, 0, 0.5); }
  #cogCryptoAddressDialog .Crypto-processor-0 {
    color: rgba(0, 0, 0, 0.8) !important;
    font-weight: 700; }
  #cogCryptoAddressDialog .Crypto-processor-1 {
    color: #00a3ec !important;
    font-weight: 700; }

#cogBtcManualAddressDialog {
  font-family: "Rubik", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  min-width: 45%;
  max-width: 45%; }
  #cogBtcManualAddressDialog .tabs-btns .md-button {
    font-size: 1em;
    padding: 10px 15px;
    min-height: 40px;
    min-width: 100px; }
    #cogBtcManualAddressDialog .tabs-btns .md-button.on {
      background-color: #0098f7 !important; }
  #cogBtcManualAddressDialog .err-content {
    padding: 20px;
    background-color: rgba(255, 0, 0, 0.07); }
    #cogBtcManualAddressDialog .err-content .label {
      font-weight: 700;
      padding-bottom: 10px; }
    #cogBtcManualAddressDialog .err-content .err {
      padding-left: 30px;
      color: darkred; }
  #cogBtcManualAddressDialog .btn-errs-close {
    width: 36px;
    height: 36px;
    margin-right: 0;
    position: relative;
    top: -15px;
    right: -10px; }
    #cogBtcManualAddressDialog .btn-errs-close md-icon {
      color: darkgoldenrod; }
  #cogBtcManualAddressDialog .btn-delete {
    width: 36px;
    height: 36px;
    margin-right: 0; }
    #cogBtcManualAddressDialog .btn-delete md-icon {
      color: darkred; }
  @media screen and (min-width: 600px) {
    #cogBtcManualAddressDialog {
      max-width: 800px; } }
  #cogBtcManualAddressDialog .toolbarTitle {
    font-weight: 700 !important;
    font-size: 0.9em; }
  #cogBtcManualAddressDialog .title {
    color: #fafafa !important;
    font-size: 0.8em !important;
    font-weight: normal !important; }
  #cogBtcManualAddressDialog table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 0 0 0 !important; }
  #cogBtcManualAddressDialog #BTC_Address_TableData thead tr {
    min-height: 42px;
    height: 42px;
    background: #154758; }
  #cogBtcManualAddressDialog .md-button.close {
    color: #212121 !important;
    background-color: #fafafa !important;
    height: 45px;
    font-size: 1.2em !important;
    font-weight: normal !important; }
  #cogBtcManualAddressDialog .input-container-acc {
    margin: 10px; }
    #cogBtcManualAddressDialog .input-container-acc input.input-acc {
      border: 1px solid #ccc;
      height: 37px;
      text-align: center;
      max-width: 100%;
      width: 100%; }
      #cogBtcManualAddressDialog .input-container-acc input.input-acc.bonusAmount {
        height: 37px; }
  #cogBtcManualAddressDialog .note {
    font-size: 0.9em;
    color: rgba(0, 0, 0, 0.5); }
  #cogBtcManualAddressDialog .btc-processor-0 {
    color: rgba(0, 0, 0, 0.8) !important;
    font-weight: 700; }
  #cogBtcManualAddressDialog .btc-processor-1 {
    color: #00a3ec !important;
    font-weight: 700; }

.consensus-sport-tree-container md-content {
  background-color: #fafafa !important; }

.consensus-sport-tree-container .cursor-pointer {
  cursor: pointer; }

.consensus-sport-tree-container .subtype-item {
  background-color: white; }

.consensus-sport-tree-container md-list-item .md-subheader-inner {
  background-color: white;
  padding: 5px !important; }

.consensus-sport-tree-container .sport-item {
  padding: 5px 8px; }
  .consensus-sport-tree-container .sport-item span {
    font-weight: 700;
    color: #000; }

.consensus-sport-tree-container .league-item {
  padding: 5px 8px; }
  .consensus-sport-tree-container .league-item span {
    font-weight: 700;
    color: #266394; }

.consensus-sport-tree-container .type-item {
  padding: 5px 8px; }
  .consensus-sport-tree-container .type-item span {
    font-weight: 700;
    color: #455a64; }

.consensus-sport-tree-container .subtype-item {
  padding: 5px 8px 5px 55px; }
  .consensus-sport-tree-container .subtype-item span:hover {
    font-weight: 700; }

.consensus-wager-setup {
  margin: 0 5px; }
  .consensus-wager-setup .profile {
    padding: 5px 10px;
    border: solid 1px #aaa;
    min-height: 32px;
    border-radius: 3px;
    font-weight: 700; }
    .consensus-wager-setup .profile.none {
      background-color: #dadada;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.4); }
  .consensus-wager-setup .profile {
    width: 180px;
    margin-right: 5px; }
  .consensus-wager-setup .editable {
    cursor: pointer; }

#consensusFeedRuleFormula .formulaRulesContainer md-input-container {
  min-width: 100px;
  margin: 0;
  padding: 0 10px; }
  #consensusFeedRuleFormula .formulaRulesContainer md-input-container .md-errors-spacer {
    display: none; }

#consensusFeedRuleFormula .formulaRulesContainer .formulaRulesContainerHeader,
#consensusFeedRuleFormula .formulaRulesContainer .formulaRulesContainerBottom {
  line-height: 36px;
  padding: 5px; }

#consensusFeedRuleFormula .formulaRulesContainer .formulaRulesContainerBottom {
  margin-top: 20px;
  margin-bottom: 10px; }

#consensusFeedRuleFormula .formulaRulesContainer md-table-container thead .md-row {
  height: 36px;
  font-size: 12px;
  background-color: #4c4c4c; }
  #consensusFeedRuleFormula .formulaRulesContainer md-table-container thead .md-row th {
    padding: 5px;
    color: #ffffff;
    border-bottom: solid 1px #414141; }

#consensusFeedRuleFormula .formulaRulesContainer md-table-container thead .action-column {
  width: 80px; }

#consensusFeedRuleFormula .formulaRulesContainer md-table-container thead .separator-left {
  border-left: solid 1px #5e5e5e; }

#consensusFeedRuleFormula .formulaRulesContainer md-table-container thead .separator-right {
  border-right: solid 1px #5e5e5e; }

#consensusFeedRuleFormula .formulaRulesContainer md-table-container tbody .separator-left {
  border-left: solid 1px #ebebeb; }

#consensusFeedRuleFormula .formulaRulesContainer md-table-container tbody .separator-right {
  border-right: solid 1px #ebebeb; }

#consensusFeedRuleFormula .line-value {
  font-weight: 700; }

#consensusFeedRuleFormula .juice-value {
  font-weight: 700;
  color: darkred; }

#consensusFeedRuleFormula .conversion-value {
  font-weight: 700;
  color: #195f89; }

#consensusFeedRuleFormula .clear-rules-btn,
#consensusFeedRuleFormula .create-rules-btn,
#consensusFeedRuleFormula .generate-rules-btn,
#consensusFeedRuleFormula .add-rule-btn {
  margin: 0px;
  min-height: 32px;
  line-height: 32px; }

#consensusFeedRuleFormula .clear-rule-btn,
#consensusFeedRuleFormula .close-options-btn {
  margin: 0px;
  width: 24px;
  height: 24px;
  min-height: 24px;
  line-height: 24px;
  background-color: white;
  color: #7e7e7e; }

#consensusFeedRuleFormula .clear-rules-btn {
  background-color: darkred;
  color: #ffd0d0; }

#consensusFeedRuleFormula .generate-rules-btn {
  background-color: #ffbc00;
  color: #684400; }
  #consensusFeedRuleFormula .generate-rules-btn:disabled {
    background-color: #e7e7e7;
    color: #999; }

#consensusFeedRuleFormula .close-options-btn {
  background-color: rgba(236, 126, 0, 0.719);
  color: #520000; }

#consensusFeedRuleFormula .add-rule-btn {
  background-color: #06508d; }
  #consensusFeedRuleFormula .add-rule-btn:disabled {
    background-color: #e7e7e7; }

#consensusFeedRuleFormula .create-rules-btn {
  background-color: darkgreen;
  color: #d0ecd0;
  width: 250px; }
  #consensusFeedRuleFormula .create-rules-btn:disabled {
    background-color: #d7d7d7;
    color: #adadad; }

#consensusFeedRuleFormula .wagerTypeLabel {
  font-weight: 700;
  font-size: 20px;
  padding: 5px; }

#consensusFeedRuleGenerator #consensusFeedAddContainer {
  padding: 10px; }
  #consensusFeedRuleGenerator #consensusFeedAddContainer .tmpl-card {
    padding: 0px;
    -ms-flex: auto;
        flex: auto;
    margin: 2px;
    font-size: 0.85em; }
    #consensusFeedRuleGenerator #consensusFeedAddContainer .tmpl-card legend {
      padding: 5px 10px;
      background-color: #e7e7e7;
      color: #525252; }
    #consensusFeedRuleGenerator #consensusFeedAddContainer .tmpl-card .container {
      padding: 4px 8px;
      min-height: 65px; }
  #consensusFeedRuleGenerator #consensusFeedAddContainer .tmpl-rule-btn {
    margin: 0px;
    min-height: 32px;
    line-height: 32px;
    background-color: #06508d; }
    #consensusFeedRuleGenerator #consensusFeedAddContainer .tmpl-rule-btn:disabled {
      background-color: #e7e7e7; }
  #consensusFeedRuleGenerator #consensusFeedAddContainer .wagerTypesContainer {
    margin-bottom: 10px; }
  #consensusFeedRuleGenerator #consensusFeedAddContainer .wager-type-btn {
    margin: 0px;
    min-height: 30px;
    line-height: 30px;
    background-color: #ffffff;
    color: #4c4c4c;
    margin-right: 10px;
    width: 150px; }
    #consensusFeedRuleGenerator #consensusFeedAddContainer .wager-type-btn:hover {
      background-color: #4c4c4c;
      color: #ffffff; }
    #consensusFeedRuleGenerator #consensusFeedAddContainer .wager-type-btn:disabled {
      background-color: #e9e9e9;
      color: #cfcfcf; }
    #consensusFeedRuleGenerator #consensusFeedAddContainer .wager-type-btn.selected {
      background-color: #06508d;
      color: #dce5ed; }
      #consensusFeedRuleGenerator #consensusFeedAddContainer .wager-type-btn.selected:disabled {
        background-color: #c7d2e7;
        color: #91afcc; }
  #consensusFeedRuleGenerator #consensusFeedAddContainer .headerLbl {
    line-height: 32px; }
    #consensusFeedRuleGenerator #consensusFeedAddContainer .headerLbl .hint {
      font-size: 0.7em;
      color: #666;
      margin-left: 5px; }
  #consensusFeedRuleGenerator #consensusFeedAddContainer md-input-container {
    min-width: auto;
    margin: 15px 0 0 0; }
    #consensusFeedRuleGenerator #consensusFeedAddContainer md-input-container .md-errors-spacer {
      display: none; }

#consensusProfileDialog {
  max-width: 700px;
  width: 100%; }
  #consensusProfileDialog .actionIcon {
    color: lightsteelblue; }
  #consensusProfileDialog .delete-btn {
    margin: 0;
    line-height: 30px;
    width: 35px;
    height: 30px; }
    #consensusProfileDialog .delete-btn md-icon {
      color: darkred;
      margin-top: 0px; }
  #consensusProfileDialog .providersContainer .provider-row {
    margin-top: 0px;
    margin-bottom: 6px; }
    #consensusProfileDialog .providersContainer .provider-row .drag-folder {
      background-color: #f5f5f5; }
  #consensusProfileDialog .providersContainer .providerHeader {
    font-size: 1em;
    font-weight: 700;
    padding: 5px 10px 5px 20px;
    background-color: #126b95;
    color: white; }
    #consensusProfileDialog .providersContainer .providerHeader md-icon {
      color: lightblue; }
    #consensusProfileDialog .providersContainer .providerHeader.off {
      background-color: #263238 !important;
      color: rgba(255, 255, 255, 0.7) !important; }
      #consensusProfileDialog .providersContainer .providerHeader.off md-icon {
        color: #999; }
  #consensusProfileDialog .providersContainer .edit-btn {
    margin: 0;
    margin-bottom: 10px;
    line-height: 30px;
    width: 35px;
    height: 30px; }
    #consensusProfileDialog .providersContainer .edit-btn md-icon {
      margin-top: 0px; }
  #consensusProfileDialog .providersContainer .move-btn {
    margin: 0;
    margin-right: 10px;
    line-height: 25px;
    width: 25px;
    height: 25px;
    min-height: 25px; }
    #consensusProfileDialog .providersContainer .move-btn md-icon {
      font-size: 12px;
      margin-left: -5px; }
  #consensusProfileDialog .providersContainer .providerOff, #consensusProfileDialog .providersContainer .providerOn {
    min-height: 400px;
    max-height: 400px;
    border: solid 1px #e6e6e6; }
    #consensusProfileDialog .providersContainer .providerOff .providerItem, #consensusProfileDialog .providersContainer .providerOn .providerItem {
      padding: 5px 10px; }
  #consensusProfileDialog .providersContainer .providerOff .move-btn md-icon {
    color: #66a7c1; }
  #consensusProfileDialog .providersContainer .providerOn .move-btn md-icon {
    color: #8a2020; }

.donbestOnOffBtnGroup .group-button .md-button[disabled] {
  background-color: #f7f7f7 !important;
  color: #e4e4e4;
  border-left: solid 1px #f7f7f7; }
  .donbestOnOffBtnGroup .group-button .md-button[disabled]:hover, .donbestOnOffBtnGroup .group-button .md-button[disabled].off, .donbestOnOffBtnGroup .group-button .md-button[disabled].on {
    background-color: #f7f7f7 !important;
    color: rgba(0, 0, 0, 0.1); }

.donbestRadarSportEventsContainer .eventTypesOptions {
  padding: 0px 10px; }
  .donbestRadarSportEventsContainer .eventTypesOptions .group-button .md-button {
    font-size: 13px;
    background-color: #e6e6e6;
    margin: 0;
    min-width: 80px;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.3);
    border-left: solid 1px #bdbdbd; }
    .donbestRadarSportEventsContainer .eventTypesOptions .group-button .md-button.first {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      border-left: none; }
    .donbestRadarSportEventsContainer .eventTypesOptions .group-button .md-button.last {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    .donbestRadarSportEventsContainer .eventTypesOptions .group-button .md-button.selected {
      background-color: #607d8b;
      color: rgba(255, 255, 255, 0.8); }
    .donbestRadarSportEventsContainer .eventTypesOptions .group-button .md-button:hover {
      background-color: #27404c !important;
      color: #83d5fd; }

.donbestRadarSportEventsContainer .eventLeague {
  font-size: 23px;
  padding: 0px 10px; }

.donbestRadarSportEventsContainer .eventTableContainer {
  margin: 10px 0;
  padding: 5px;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.05);
  max-height: 600px;
  overflow: auto; }
  .donbestRadarSportEventsContainer .eventTableContainer .league-header {
    padding: 5px 5px 5px 10px;
    background: #607d8b;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 3px;
    cursor: pointer; }
  .donbestRadarSportEventsContainer .eventTableContainer .main-icon {
    color: #fff;
    margin-top: 5px; }

.donbestRadarSportEventsContainer .eventDates .dateContainer {
  margin-right: 10px;
  padding: 5px 5px;
  color: rgba(0, 0, 0, 0.7); }

.donbestRadarSportEventsContainer .eventDates .startDate::before {
  content: "start: "; }

.donbestRadarSportEventsContainer .eventDates .endDate::before {
  content: "end: "; }

@media screen and (max-width: 599px) {
  .donbestRadarSportEventsContainer .eventDates {
    font-size: 14px; } }

.donbestRadarSportEventsContainer .event-refresh-btn {
  font-size: 13px;
  margin: 0;
  background-color: white !important;
  color: #0098f7 !important;
  width: 150px !important;
  max-width: 150px !important; }
  @media screen and (max-width: 960px) {
    .donbestRadarSportEventsContainer .event-refresh-btn {
      width: 100% !important;
      max-width: 100% !important; } }
  .donbestRadarSportEventsContainer .event-refresh-btn md-icon {
    color: orangered !important;
    line-height: 22px;
    width: 10px;
    min-width: 10px;
    margin-right: 5px; }
  .donbestRadarSportEventsContainer .event-refresh-btn[disabled] {
    color: rgba(0, 0, 0, 0.2) !important; }
    .donbestRadarSportEventsContainer .event-refresh-btn[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

.donbestRadarSportEventsContainer .event-btn {
  font-size: 13px;
  margin: 0;
  min-width: 120px !important;
  max-width: 150px !important; }
  @media screen and (min-width: 2100px) {
    .donbestRadarSportEventsContainer .event-btn {
      width: 150px !important; } }
  @media screen and (max-width: 960px) {
    .donbestRadarSportEventsContainer .event-btn {
      width: 100% !important;
      max-width: 100% !important; } }
  .donbestRadarSportEventsContainer .event-btn md-icon {
    line-height: 22px;
    width: 10px;
    min-width: 10px;
    margin-right: 5px; }
  .donbestRadarSportEventsContainer .event-btn[disabled] {
    color: rgba(0, 0, 0, 0.2) !important;
    background-color: white !important; }
    .donbestRadarSportEventsContainer .event-btn[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

.donbestRadarSportEventsContainer .event-reset-btn {
  color: rgba(0, 0, 0, 0.7) !important;
  background-color: #eeeeee !important;
  min-width: 80px !important;
  margin-right: 10px; }
  .donbestRadarSportEventsContainer .event-reset-btn md-icon {
    color: darkred !important; }

.donbestRadarSportEventsContainer .event-create-btn {
  color: white !important;
  background-color: #0098f7 !important;
  min-width: 120px;
  margin: 5px 0 10px 0; }
  .donbestRadarSportEventsContainer .event-create-btn md-icon {
    color: #00f0ff !important; }
  @media screen and (min-width: 960px) {
    .donbestRadarSportEventsContainer .event-create-btn {
      margin: 0px; } }

.donbestRadarSportEventsContainer .event-check-all-btn {
  color: rgba(0, 0, 0, 0.7) !important;
  background-color: #eeeeee !important; }
  .donbestRadarSportEventsContainer .event-check-all-btn md-icon {
    color: #000 !important; }

.donbestRadarSportEventsContainer .event-uncheck-all-btn {
  color: rgba(0, 0, 0, 0.7) !important;
  background-color: #eeeeee !important; }
  .donbestRadarSportEventsContainer .event-uncheck-all-btn md-icon {
    color: #000 !important; }

.donbestRadarSportEventsContainer .checkedInfo {
  min-width: 80px;
  padding-right: 10px;
  text-align: center; }

.donbestRadarSportEventsContainer #eventsTable td {
  padding: 0 10px; }

.donbestRadarSportEventsContainer #eventsTable .eventRow {
  background-color: #eeeeee;
  font-weight: 600;
  height: 38px; }

.donbestRadarSportEventsContainer #eventsTable .eventRowTeam {
  height: 38px; }

.donbestRadarSportEventsContainer #eventsTable .eventDate {
  color: darkslategray; }

.donbestRadarSportEventsContainer #eventsTable .teamRotationNumber {
  text-align: center;
  min-width: 50px; }

.donbestRadarSportEventsContainer #eventsTable .teamRotationNumberChanged {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(0, 0, 0, 0.3); }
  .donbestRadarSportEventsContainer #eventsTable .teamRotationNumberChanged.eventSelected {
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(0, 0, 0, 0.8); }

.donbestRadarSportEventsContainer #eventsTable .eventCheck {
  text-align: center; }
  .donbestRadarSportEventsContainer #eventsTable .eventCheck md-checkbox {
    margin: 0;
    width: 20px; }
    .donbestRadarSportEventsContainer #eventsTable .eventCheck md-checkbox.md-checked .md-icon {
      background-color: #4CAF50; }
      .donbestRadarSportEventsContainer #eventsTable .eventCheck md-checkbox.md-checked .md-icon::after {
        border-color: rgba(255, 255, 255, 0.8); }

@media screen and (min-width: 600px) and (max-width: 959px) {
  .donbestRadarSportEventsContainer .eventsCommonOptions div {
    margin: 0 0 10px 0; }
    .donbestRadarSportEventsContainer .eventsCommonOptions div .md-button:last-child {
      margin-right: 0 !important; } }

@media screen and (max-width: 599px) {
  .donbestRadarSportEventsContainer .eventsCommonOptions div {
    margin: 0 0 10px 0; }
    .donbestRadarSportEventsContainer .eventsCommonOptions div .md-button:last-child {
      margin-right: 0 !important; } }

.donbestLeagueSelectContainer .leagueSelectheader .filterInput {
  width: calc(100% - 14px);
  line-height: 30px;
  padding: 3px 5px; }

donbest-import-sports-settings .donbestImportSettings {
  max-width: 1200px; }
  @media screen and (min-width: 1920px) and (max-width: 1960px) {
    donbest-import-sports-settings .donbestImportSettings {
      max-width: 920px; } }
  donbest-import-sports-settings .donbestImportSettings .event-importer-options donbest-on-off-button .group-button button {
    max-width: 50px;
    min-width: 50px; }
  donbest-import-sports-settings .donbestImportSettings .event-importer-options md-input-container {
    max-width: 120px;
    min-width: 120px; }
  donbest-import-sports-settings .donbestImportSettings .event-importer-options input {
    max-width: 100px;
    min-width: 100px;
    text-align: center; }
  donbest-import-sports-settings .donbestImportSettings .event-importer-options .eventOptionLabel {
    width: 150px;
    text-align: right; }
  donbest-import-sports-settings .donbestImportSettings .event-importer-options .eventOptionRotLabel {
    width: 60px;
    text-align: right; }

donbest-import-sports-settings .header-label {
  width: 150px;
  min-width: 100px; }

donbest-import-sports-settings .radar-config-section {
  margin-bottom: 20px; }
  donbest-import-sports-settings .radar-config-section.small {
    margin-bottom: 10px; }
  donbest-import-sports-settings .radar-config-section.last {
    margin-bottom: 0; }

donbest-import-sports-settings .btn-league-rules {
  width: 100%;
  margin: 0;
  background-color: #607d8b !important;
  color: rgba(255, 255, 255, 0.9) !important; }
  donbest-import-sports-settings .btn-league-rules[disabled] {
    background-color: #e7e7e7 !important; }
  donbest-import-sports-settings .btn-league-rules.selected {
    background-color: #366eaf !important; }

donbest-import-sports-settings .rule-hint {
  text-align: right;
  margin-top: 10px;
  margin-right: 3px;
  font-size: 0.6em;
  color: #9b9b9b; }

donbest-import-sports-settings .event-rules-options label {
  text-align: right;
  width: 100%;
  font-size: 0.85em !important; }

donbest-import-sports-settings .event-rules-options .md-input {
  text-align: center; }

donbest-import-sports-settings .radar-input-container {
  background-color: #fafafa;
  border-radius: 3px;
  border: solid 1px rgba(0, 0, 0, 0.2); }
  donbest-import-sports-settings .radar-input-container.not-selected md-select md-select-value {
    border-bottom-color: rgba(252, 0, 0, 0.8); }
  donbest-import-sports-settings .radar-input-container md-input-container {
    margin: 0;
    padding: 10px;
    width: calc(100% - 20px); }
    donbest-import-sports-settings .radar-input-container md-input-container label, donbest-import-sports-settings .radar-input-container md-input-container .md-errors-spacer {
      min-height: 0; }
    donbest-import-sports-settings .radar-input-container md-input-container .md-input-message-animation:not(.ng-animate) {
      opacity: 1;
      margin-top: 0px;
      color: rgba(0, 0, 0, 0.7); }
  donbest-import-sports-settings .radar-input-container label {
    margin-top: 5px;
    padding-left: 10px;
    font-size: 14px; }
  @media screen and (min-width: 960px) {
    donbest-import-sports-settings .radar-input-container {
      margin-right: 10px; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    donbest-import-sports-settings .radar-input-container {
      margin-bottom: 5px; } }
  @media screen and (max-width: 599px) {
    donbest-import-sports-settings .radar-input-container {
      margin-bottom: 5px; } }

donbest-import-sports-settings .group-button .md-button {
  font-size: 13px;
  background-color: #e6e6e6;
  margin: 0;
  min-width: 80px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.3);
  border-left: solid 1px #bdbdbd; }
  donbest-import-sports-settings .group-button .md-button.first {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: none; }
  donbest-import-sports-settings .group-button .md-button.last {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  donbest-import-sports-settings .group-button .md-button.selected {
    background-color: #607d8b;
    color: rgba(255, 255, 255, 0.8); }
  donbest-import-sports-settings .group-button .md-button:hover {
    background-color: #27404c !important;
    color: #83d5fd; }

donbest-import-sports-settings .calculate-button {
  font-size: 13px;
  margin: 0;
  background-color: white !important;
  color: #0098f7 !important;
  min-width: 150px; }
  @media screen and (max-width: 960px) {
    donbest-import-sports-settings .calculate-button {
      width: 100%; } }
  donbest-import-sports-settings .calculate-button md-icon {
    color: orangered !important;
    line-height: 22px;
    width: 10px;
    min-width: 10px; }
  donbest-import-sports-settings .calculate-button[disabled] {
    color: rgba(0, 0, 0, 0.2) !important; }
    donbest-import-sports-settings .calculate-button[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

donbest-import-sports-settings .accumulator .md-button {
  min-width: 140px; }
  @media screen and (min-width: 600px) and (max-width: 1024px) {
    donbest-import-sports-settings .accumulator .md-button {
      min-width: 80px;
      width: 100%; } }
  @media screen and (max-width: 599px) {
    donbest-import-sports-settings .accumulator .md-button {
      min-width: 80px;
      width: 100%;
      font-size: 11px; } }

donbest-import-sports-settings .radar-on-off-container {
  padding: 20px 5px; }
  donbest-import-sports-settings .radar-on-off-container .radar-config-section .header-label {
    min-width: 80px;
    width: 130px; }

donbest-import-sports-settings .minutesCutoff {
  font-weight: 600;
  text-align: center; }

donbest-import-sports-settings .custom-rotation-container {
  width: 100%; }
  donbest-import-sports-settings .custom-rotation-container .rotation-settings {
    /*  label {
                min-width: 80px;
                text-align: right;
            } */ }
    donbest-import-sports-settings .custom-rotation-container .rotation-settings input {
      text-align: center; }
      donbest-import-sports-settings .custom-rotation-container .rotation-settings input.rotationStart {
        font-weight: 600; }
      donbest-import-sports-settings .custom-rotation-container .rotation-settings input.rotationIncrement {
        font-weight: 600;
        color: darkred; }

donbest-import-sports-settings .folder-container, donbest-import-sports-settings .header-container {
  min-height: 30px;
  height: 30px; }
  donbest-import-sports-settings .folder-container .radar-md-menu .md-button.has-listing md-icon, donbest-import-sports-settings .header-container .radar-md-menu .md-button.has-listing md-icon {
    color: white;
    background-color: rgba(0, 0, 0, 0.2); }
  donbest-import-sports-settings .folder-container .radar-md-menu .md-icon-button, donbest-import-sports-settings .header-container .radar-md-menu .md-icon-button {
    width: 24px;
    height: 24px;
    min-height: 24px;
    margin: 0;
    line-height: 15px;
    padding: 0px; }
    donbest-import-sports-settings .folder-container .radar-md-menu .md-icon-button md-icon, donbest-import-sports-settings .header-container .radar-md-menu .md-icon-button md-icon {
      font-size: 12px;
      line-height: 28px;
      margin: 0; }

donbest-import-sports-settings .relationships-container {
  width: 100%;
  padding: 2px 10px; }
  donbest-import-sports-settings .relationships-container .noneFound {
    padding: 0 0 10px 0;
    font-size: 14px;
    color: #999;
    text-align: center;
    width: 100%; }
  donbest-import-sports-settings .relationships-container .radar-config-section .radar-input-container {
    width: 100%;
    margin-right: 0; }
  donbest-import-sports-settings .relationships-container .radar-config-section .header-label {
    color: #666;
    font-size: 14px;
    padding: 10px 0 0 0;
    width: 100%; }
    donbest-import-sports-settings .relationships-container .radar-config-section .header-label.no-data {
      color: darkred; }
  donbest-import-sports-settings .relationships-container.asianRelationship .noneFound {
    padding-top: 10px;
    padding-bottom: 0; }

#donbest-folder-menu .default, #radar-header-menu .default {
  color: rgba(0, 0, 0, 0.5); }

#donbest-folder-menu md-menu-item, #radar-header-menu md-menu-item {
  min-height: 36px;
  height: 36px;
  line-height: 36px; }
  #donbest-folder-menu md-menu-item .md-button, #radar-header-menu md-menu-item .md-button {
    min-height: 36px;
    height: 36px;
    line-height: 36px; }
  #donbest-folder-menu md-menu-item:not(:last-child), #radar-header-menu md-menu-item:not(:last-child) {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

.donbest-game-tree-container .nodeItem {
  font-weight: 600; }
  .donbest-game-tree-container .nodeItem md-icon {
    height: 23px;
    line-height: 23px; }
  .donbest-game-tree-container .nodeItem .league {
    font-weight: normal;
    color: #333333; }
    .donbest-game-tree-container .nodeItem .league:hover {
      text-decoration: underline;
      font-weight: 600;
      color: #226894; }
  .donbest-game-tree-container .nodeItem .totals {
    color: #607d8b;
    font-weight: normal;
    padding-left: 5px; }

.donbest-game-tree-container td {
  background-color: #f7f7f7;
  border-color: #e2e2e2; }
  .donbest-game-tree-container td.league {
    background-color: #ffffff;
    border-color: #e2e2e2; }
    .donbest-game-tree-container td.league:hover {
      background-color: #dcdcdc; }
  .donbest-game-tree-container td.category {
    background-color: #ececec;
    color: #266394;
    border-color: #dadada; }

.donbest-game-tree-container .chk_node {
  margin-top: 10px;
  margin-right: 5px; }

#LSportEventStatusDialog {
  max-width: 450px; }
  #LSportEventStatusDialog .info-container {
    padding: 10px 0;
    border: solid 1px #d3d3d3;
    border-radius: 3px;
    background-color: #f7f7f7; }
  #LSportEventStatusDialog .status-container {
    margin: 25px 10px; }
    #LSportEventStatusDialog .status-container .eventStatus {
      min-width: 250px; }
      #LSportEventStatusDialog .status-container .eventStatus md-select {
        margin: 0;
        text-align: center; }
    #LSportEventStatusDialog .status-container .label {
      font-size: 13px; }
  #LSportEventStatusDialog .eventDate {
    color: darkslategray;
    font-size: 13px;
    margin-top: 2px; }
  #LSportEventStatusDialog .eventName {
    font-weight: 700; }

.RadarSportEventsContainer .eventLeague {
  font-size: 23px;
  padding: 0px 10px; }

.RadarSportEventsContainer .eventTableContainer {
  margin: 10px 0;
  padding: 5px;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.05);
  max-height: 600px;
  overflow: auto; }
  .RadarSportEventsContainer .eventTableContainer .league-header {
    padding: 5px 5px 5px 10px;
    background: #607d8b;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 3px;
    cursor: pointer; }
  .RadarSportEventsContainer .eventTableContainer .main-icon {
    color: #fff;
    margin-top: 5px; }

.RadarSportEventsContainer .eventDates .dateContainer {
  margin-right: 10px;
  padding: 5px 5px;
  color: rgba(0, 0, 0, 0.7); }

.RadarSportEventsContainer .eventDates .startDate::before {
  content: "start: "; }

.RadarSportEventsContainer .eventDates .endDate::before {
  content: "end: "; }

@media screen and (max-width: 599px) {
  .RadarSportEventsContainer .eventDates {
    font-size: 14px; } }

.RadarSportEventsContainer .event-refresh-btn {
  font-size: 13px;
  margin: 0;
  background-color: white !important;
  color: #0098f7 !important;
  width: 150px !important;
  max-width: 150px !important; }
  @media screen and (max-width: 960px) {
    .RadarSportEventsContainer .event-refresh-btn {
      width: 100% !important;
      max-width: 100% !important; } }
  .RadarSportEventsContainer .event-refresh-btn md-icon {
    color: orangered !important;
    line-height: 22px;
    width: 10px;
    min-width: 10px;
    margin-right: 5px; }
  .RadarSportEventsContainer .event-refresh-btn[disabled] {
    color: rgba(0, 0, 0, 0.2) !important; }
    .RadarSportEventsContainer .event-refresh-btn[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

.RadarSportEventsContainer .event-btn {
  font-size: 13px;
  margin: 0;
  min-width: 120px !important;
  max-width: 150px !important; }
  @media screen and (min-width: 2100px) {
    .RadarSportEventsContainer .event-btn {
      width: 150px !important; } }
  @media screen and (max-width: 960px) {
    .RadarSportEventsContainer .event-btn {
      width: 100% !important;
      max-width: 100% !important; } }
  .RadarSportEventsContainer .event-btn md-icon {
    line-height: 22px;
    width: 10px;
    min-width: 10px;
    margin-right: 5px; }
  .RadarSportEventsContainer .event-btn[disabled] {
    color: rgba(0, 0, 0, 0.2) !important;
    background-color: white !important; }
    .RadarSportEventsContainer .event-btn[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

.RadarSportEventsContainer .event-reset-btn {
  color: rgba(0, 0, 0, 0.7) !important;
  background-color: #eeeeee !important;
  min-width: 80px !important;
  margin-right: 10px; }
  .RadarSportEventsContainer .event-reset-btn md-icon {
    color: darkred !important; }

.RadarSportEventsContainer .event-create-btn {
  color: white !important;
  background-color: #0098f7 !important;
  min-width: 120px;
  margin: 5px 0 10px 0; }
  .RadarSportEventsContainer .event-create-btn md-icon {
    color: #00f0ff !important; }
  @media screen and (min-width: 960px) {
    .RadarSportEventsContainer .event-create-btn {
      margin: 0px; } }

.RadarSportEventsContainer .event-check-all-btn {
  color: rgba(0, 0, 0, 0.7) !important;
  background-color: #eeeeee !important; }
  .RadarSportEventsContainer .event-check-all-btn md-icon {
    color: #000 !important; }

.RadarSportEventsContainer .event-uncheck-all-btn {
  color: rgba(0, 0, 0, 0.7) !important;
  background-color: #eeeeee !important; }
  .RadarSportEventsContainer .event-uncheck-all-btn md-icon {
    color: #000 !important; }

.RadarSportEventsContainer .checkedInfo {
  min-width: 80px;
  padding-right: 10px;
  text-align: center; }

.RadarSportEventsContainer #eventsTable td {
  padding: 0 10px; }

.RadarSportEventsContainer #eventsTable .eventRow {
  background-color: #eeeeee;
  font-weight: 600;
  height: 38px; }

.RadarSportEventsContainer #eventsTable .eventRowTeam {
  height: 38px; }

.RadarSportEventsContainer #eventsTable .eventDate {
  color: darkslategray; }

.RadarSportEventsContainer #eventsTable .teamRotationNumber {
  text-align: center;
  min-width: 50px; }

.RadarSportEventsContainer #eventsTable .teamRotationNumberChanged {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(0, 0, 0, 0.3); }
  .RadarSportEventsContainer #eventsTable .teamRotationNumberChanged.eventSelected {
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(0, 0, 0, 0.8); }

.RadarSportEventsContainer #eventsTable .eventCheck {
  text-align: center; }
  .RadarSportEventsContainer #eventsTable .eventCheck md-checkbox {
    margin: 0;
    width: 20px; }
    .RadarSportEventsContainer #eventsTable .eventCheck md-checkbox.md-checked .md-icon {
      background-color: #4CAF50; }
      .RadarSportEventsContainer #eventsTable .eventCheck md-checkbox.md-checked .md-icon::after {
        border-color: rgba(255, 255, 255, 0.8); }

.RadarSportEventsContainer #eventsTable .eventStatus {
  cursor: pointer;
  background-color: #fff;
  border: solid 1px #d6d6d6;
  padding: 2px 5px;
  border-radius: 4px;
  color: #0073bb;
  min-width: 50px;
  text-align: center;
  font-size: 11px; }
  .RadarSportEventsContainer #eventsTable .eventStatus:hover {
    background-color: #233741;
    color: #d3ecfc !important; }
  .RadarSportEventsContainer #eventsTable .eventStatus.ls-status-3 {
    color: #199519; }
  .RadarSportEventsContainer #eventsTable .eventStatus.ls-status-1 {
    color: #7297b4; }
  .RadarSportEventsContainer #eventsTable .eventStatus.ls-status-2 {
    color: darkred; }

@media screen and (min-width: 600px) and (max-width: 959px) {
  .RadarSportEventsContainer .eventsCommonOptions div {
    margin: 0 0 10px 0; }
    .RadarSportEventsContainer .eventsCommonOptions div .md-button:last-child {
      margin-right: 0 !important; } }

@media screen and (max-width: 599px) {
  .RadarSportEventsContainer .eventsCommonOptions div {
    margin: 0 0 10px 0; }
    .RadarSportEventsContainer .eventsCommonOptions div .md-button:last-child {
      margin-right: 0 !important; } }

.lsportOnOffBtnGroup .group-button .md-button[disabled] {
  background-color: #f7f7f7 !important;
  color: #e4e4e4;
  border-left: solid 1px #f7f7f7; }
  .lsportOnOffBtnGroup .group-button .md-button[disabled]:hover, .lsportOnOffBtnGroup .group-button .md-button[disabled].off, .lsportOnOffBtnGroup .group-button .md-button[disabled].on {
    background-color: #f7f7f7 !important;
    color: rgba(0, 0, 0, 0.1); }

.lsportLeagueSelectContainer .leagueSelectheader .filterInput {
  width: calc(100% - 14px);
  line-height: 30px;
  padding: 3px 5px; }

lsport-import-sports-settings .LSportImportSettings {
  max-width: 1200px; }
  @media screen and (min-width: 1920px) and (max-width: 1960px) {
    lsport-import-sports-settings .LSportImportSettings {
      max-width: 920px; } }

lsport-import-sports-settings .header-label {
  width: 150px;
  min-width: 100px; }

lsport-import-sports-settings .radar-config-section {
  margin-bottom: 20px; }
  lsport-import-sports-settings .radar-config-section.small {
    margin-bottom: 10px; }
  lsport-import-sports-settings .radar-config-section.last {
    margin-bottom: 0; }

lsport-import-sports-settings .radar-input-container {
  background-color: #fafafa;
  border-radius: 3px;
  border: solid 1px rgba(0, 0, 0, 0.2); }
  lsport-import-sports-settings .radar-input-container.not-selected md-select md-select-value {
    border-bottom-color: rgba(252, 0, 0, 0.8); }
  lsport-import-sports-settings .radar-input-container md-input-container {
    margin: 0;
    padding: 10px;
    width: calc(100% - 20px); }
    lsport-import-sports-settings .radar-input-container md-input-container label, lsport-import-sports-settings .radar-input-container md-input-container .md-errors-spacer {
      min-height: 0; }
    lsport-import-sports-settings .radar-input-container md-input-container .md-input-message-animation:not(.ng-animate) {
      opacity: 1;
      margin-top: 0px;
      color: rgba(0, 0, 0, 0.7); }
  lsport-import-sports-settings .radar-input-container label {
    margin-top: 5px;
    padding-left: 10px;
    font-size: 14px; }
  @media screen and (min-width: 960px) {
    lsport-import-sports-settings .radar-input-container {
      margin-right: 10px; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    lsport-import-sports-settings .radar-input-container {
      margin-bottom: 5px; } }
  @media screen and (max-width: 599px) {
    lsport-import-sports-settings .radar-input-container {
      margin-bottom: 5px; } }

lsport-import-sports-settings .group-button .md-button {
  font-size: 13px;
  background-color: #e6e6e6;
  margin: 0;
  min-width: 80px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.3);
  border-left: solid 1px #bdbdbd; }
  lsport-import-sports-settings .group-button .md-button.first {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: none; }
  lsport-import-sports-settings .group-button .md-button.last {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  lsport-import-sports-settings .group-button .md-button.selected {
    background-color: #607d8b;
    color: rgba(255, 255, 255, 0.8); }
  lsport-import-sports-settings .group-button .md-button:hover {
    background-color: #27404c !important;
    color: #83d5fd; }

lsport-import-sports-settings .calculate-button {
  font-size: 13px;
  margin: 0;
  background-color: white !important;
  color: #0098f7 !important;
  min-width: 150px; }
  @media screen and (max-width: 960px) {
    lsport-import-sports-settings .calculate-button {
      width: 100%; } }
  lsport-import-sports-settings .calculate-button md-icon {
    color: orangered !important;
    line-height: 22px;
    width: 10px;
    min-width: 10px; }
  lsport-import-sports-settings .calculate-button[disabled] {
    color: rgba(0, 0, 0, 0.2) !important; }
    lsport-import-sports-settings .calculate-button[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

lsport-import-sports-settings .accumulator .md-button {
  min-width: 140px; }
  @media screen and (min-width: 600px) and (max-width: 1024px) {
    lsport-import-sports-settings .accumulator .md-button {
      min-width: 80px;
      width: 100%; } }
  @media screen and (max-width: 599px) {
    lsport-import-sports-settings .accumulator .md-button {
      min-width: 80px;
      width: 100%;
      font-size: 11px; } }

lsport-import-sports-settings .radar-on-off-container {
  padding: 20px 5px; }
  lsport-import-sports-settings .radar-on-off-container .radar-config-section .header-label {
    min-width: 80px;
    width: 130px; }

lsport-import-sports-settings .minutesCutoff {
  font-weight: 600;
  text-align: center; }

lsport-import-sports-settings .custom-rotation-container {
  width: 100%; }
  lsport-import-sports-settings .custom-rotation-container .rotation-settings {
    /*  label {
                min-width: 80px;
                text-align: right;
            } */ }
    lsport-import-sports-settings .custom-rotation-container .rotation-settings input {
      text-align: center; }
      lsport-import-sports-settings .custom-rotation-container .rotation-settings input.rotationStart {
        font-weight: 600; }
      lsport-import-sports-settings .custom-rotation-container .rotation-settings input.rotationIncrement {
        font-weight: 600;
        color: darkred; }

lsport-import-sports-settings .folder-container, lsport-import-sports-settings .header-container {
  min-height: 30px;
  height: 30px; }
  lsport-import-sports-settings .folder-container .radar-md-menu .md-button.has-listing md-icon, lsport-import-sports-settings .header-container .radar-md-menu .md-button.has-listing md-icon {
    color: white;
    background-color: rgba(0, 0, 0, 0.2); }
  lsport-import-sports-settings .folder-container .radar-md-menu .md-icon-button, lsport-import-sports-settings .header-container .radar-md-menu .md-icon-button {
    width: 24px;
    height: 24px;
    min-height: 24px;
    margin: 0;
    line-height: 15px;
    padding: 0px; }
    lsport-import-sports-settings .folder-container .radar-md-menu .md-icon-button md-icon, lsport-import-sports-settings .header-container .radar-md-menu .md-icon-button md-icon {
      font-size: 12px;
      line-height: 28px;
      margin: 0; }

lsport-import-sports-settings .relationships-container {
  width: 100%;
  padding: 2px 10px; }
  lsport-import-sports-settings .relationships-container .noneFound {
    padding: 0 0 10px 0;
    font-size: 14px;
    color: #999;
    text-align: center;
    width: 100%; }
  lsport-import-sports-settings .relationships-container .radar-config-section .radar-input-container {
    width: 100%;
    margin-right: 0; }
  lsport-import-sports-settings .relationships-container .radar-config-section .header-label {
    color: #666;
    font-size: 14px;
    padding: 10px 0 0 0;
    width: 100%; }
    lsport-import-sports-settings .relationships-container .radar-config-section .header-label.no-data {
      color: darkred; }
  lsport-import-sports-settings .relationships-container.asianRelationship .noneFound {
    padding-top: 10px;
    padding-bottom: 0; }

#lsport-folder-menu .default, #radar-header-menu .default {
  color: rgba(0, 0, 0, 0.5); }

#lsport-folder-menu md-menu-item, #radar-header-menu md-menu-item {
  min-height: 36px;
  height: 36px;
  line-height: 36px; }
  #lsport-folder-menu md-menu-item .md-button, #radar-header-menu md-menu-item .md-button {
    min-height: 36px;
    height: 36px;
    line-height: 36px; }
  #lsport-folder-menu md-menu-item:not(:last-child), #radar-header-menu md-menu-item:not(:last-child) {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

.game-tree-container .nodeItem {
  font-weight: 600; }
  .game-tree-container .nodeItem md-icon {
    height: 23px;
    line-height: 23px; }
  .game-tree-container .nodeItem .league {
    font-weight: normal;
    color: #333333; }
    .game-tree-container .nodeItem .league:hover {
      text-decoration: underline;
      font-weight: 600;
      color: #226894; }
  .game-tree-container .nodeItem .totals {
    color: #607d8b;
    font-weight: normal;
    padding-left: 5px; }

.game-tree-container td {
  background-color: #f7f7f7;
  border-color: #e2e2e2; }
  .game-tree-container td.league {
    background-color: #ffffff;
    border-color: #e2e2e2; }
    .game-tree-container td.league:hover {
      background-color: #dcdcdc; }
  .game-tree-container td.category {
    background-color: #ececec;
    color: #266394;
    border-color: #dadada; }

.game-tree-container .chk_node {
  margin-top: 10px;
  margin-right: 5px; }

#CogParlayPropCorrelationActionDialog {
  max-width: 500px; }
  #CogParlayPropCorrelationActionDialog md-select {
    margin-bottom: 10px !important; }
  #CogParlayPropCorrelationActionDialog md-input-container {
    margin-bottom: 10px !important; }
  #CogParlayPropCorrelationActionDialog .autocompleteMasterAgent {
    left: 10px; }
  #CogParlayPropCorrelationActionDialog .md-button:disabled, #CogParlayPropCorrelationActionDialog .md-button[disabled] {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: rgba(0, 0, 0, 0.2) !important; }

#CogParlayPropSummaryGroupingDialog {
  max-width: 800px;
  min-width: 500px; }
  #CogParlayPropSummaryGroupingDialog .md-button:disabled, #CogParlayPropSummaryGroupingDialog .md-button[disabled] {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: rgba(0, 0, 0, 0.2) !important; }
  #CogParlayPropSummaryGroupingDialog .group-info {
    font-weight: 700; }
    #CogParlayPropSummaryGroupingDialog .group-info .info-row {
      margin-bottom: 10px;
      border: solid 1px #e6e6e6;
      border-radius: 4px; }
      #CogParlayPropSummaryGroupingDialog .group-info .info-row i {
        margin-right: 3px; }
    #CogParlayPropSummaryGroupingDialog .group-info .info {
      padding: 10px; }
    #CogParlayPropSummaryGroupingDialog .group-info label {
      font-size: 15px !important;
      font-weight: normal !important;
      text-align: right;
      margin-right: 10px;
      padding: 10px;
      background-color: #e2eaeb;
      color: #46627a;
      border-radius: 4px 0 0 4px; }
      #CogParlayPropSummaryGroupingDialog .group-info label::after {
        content: ' :'; }
    #CogParlayPropSummaryGroupingDialog .group-info .group {
      color: #0066aa; }

.pinnacleOnOffBtnGroup .group-button .md-button[disabled] {
  background-color: #f7f7f7 !important;
  color: #e4e4e4;
  border-left: solid 1px #f7f7f7; }
  .pinnacleOnOffBtnGroup .group-button .md-button[disabled]:hover, .pinnacleOnOffBtnGroup .group-button .md-button[disabled].off, .pinnacleOnOffBtnGroup .group-button .md-button[disabled].on {
    background-color: #f7f7f7 !important;
    color: rgba(0, 0, 0, 0.1); }

.pinnacleLeagueSelectContainer .leagueSelectheader .filterInput {
  width: calc(100% - 14px);
  line-height: 30px;
  padding: 3px 5px; }

.cog-pinnacle-game-import .CreateNewGameTemplates {
  max-width: 2400px;
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 1920px) and (max-width: 1960px) {
    .cog-pinnacle-game-import .CreateNewGameTemplates {
      max-width: 920px; } }

.cog-pinnacle-game-import #SportEventsMainContainer {
  margin-bottom: 1rem;
  padding-top: 3rem;
  padding-bottom: 1rem; }
  @media (min-width: 600px) {
    .cog-pinnacle-game-import #SportEventsMainContainer {
      margin-top: 3rem; } }

.cog-pinnacle-game-import .radar-config-btns > .radar-input-container {
  background-color: var(--color-primary-sharp-500);
  border-color: var(--color-primary-sharp-400);
  font-size: 1.125em; }
  .cog-pinnacle-game-import .radar-config-btns > .radar-input-container,
  .cog-pinnacle-game-import .radar-config-btns > .radar-input-container label,
  .cog-pinnacle-game-import .radar-config-btns > .radar-input-container md-select .md-select-value.md-select-placeholder,
  .cog-pinnacle-game-import .radar-config-btns > .radar-input-container .template-selector {
    color: var(--color-primary-sharp-100); }
  .cog-pinnacle-game-import .radar-config-btns > .radar-input-container md-select:not([disabled]):focus .md-select-value {
    color: #fff; }
  .cog-pinnacle-game-import .radar-config-btns > .radar-input-container md-select .md-select-value {
    border-bottom-color: rgba(255, 255, 255, 0.12); }
  .cog-pinnacle-game-import .radar-config-btns > .radar-input-container label {
    transition: color 0.4s ease; }
  .cog-pinnacle-game-import .radar-config-btns > .radar-input-container.md-input-has-value label {
    color: var(--color-primary-sharp-500); }

.cog-pinnacle-game-import .radar-config-btns md-input-container,
.cog-pinnacle-game-import .radar-config-btns .md-button {
  margin-top: auto;
  margin-bottom: auto; }

.cog-pinnacle-game-import .radar-config-btns .md-button.md-warn.md-raised[disabled] {
  color: rgba(0, 0, 0, 0.38); }

.cog-pinnacle-game-import .radar-config-btns .radar-save, .cog-pinnacle-game-import .radar-config-btns .radar-save.md-primary {
  background-color: #076429;
  color: #fff; }
  .cog-pinnacle-game-import .radar-config-btns .radar-save:not([disabled]):hover, .cog-pinnacle-game-import .radar-config-btns .radar-save:not([disabled]):focus, .cog-pinnacle-game-import .radar-config-btns .radar-save.md-primary:not([disabled]):hover, .cog-pinnacle-game-import .radar-config-btns .radar-save.md-primary:not([disabled]):focus {
    background-color: #0b8d3b; }
  .cog-pinnacle-game-import .radar-config-btns .radar-save:disabled, .cog-pinnacle-game-import .radar-config-btns .radar-save.md-primary:disabled {
    background-color: #e6e6e6;
    color: rgba(0, 0, 0, 0.5); }

.cog-pinnacle-game-import .radar-config-btns .btn-save {
  min-height: 2.375em;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 1.125em; }
  .cog-pinnacle-game-import .radar-config-btns .btn-save md-icon {
    width: auto;
    height: auto;
    min-width: auto;
    min-height: auto; }
    .cog-pinnacle-game-import .radar-config-btns .btn-save md-icon + span {
      margin-left: 0.5rem; }

.cog-pinnacle-game-import .radar-config-btns ~ .event-template,
.cog-pinnacle-game-import .radar-config-btns ~ .radar-config-btns:last-of-type {
  margin-top: 2rem; }

.cog-pinnacle-game-import .template-selector {
  min-width: 332px;
  font-weight: bold; }

.cog-pinnacle-game-import .radar-input-container {
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 3px; }
  .cog-pinnacle-game-import .radar-input-container.not-selected md-select md-select-value {
    border-bottom-color: rgba(252, 0, 0, 0.8); }
  .cog-pinnacle-game-import .radar-input-container md-input-container {
    width: 100%;
    margin: 0; }
    .cog-pinnacle-game-import .radar-input-container md-input-container label,
    .cog-pinnacle-game-import .radar-input-container md-input-container .md-errors-spacer {
      min-height: 0; }
    .cog-pinnacle-game-import .radar-input-container md-input-container .md-input-message-animation:not(.ng-animate) {
      opacity: 1;
      margin-top: 0px;
      color: rgba(0, 0, 0, 0.7); }
  .cog-pinnacle-game-import .radar-input-container:not(.md-input-invalid).md-input-has-value .label-heading {
    color: inherit; }
  .cog-pinnacle-game-import .radar-input-container .label-heading.md-no-float {
    font-size: 0.75em; }
  .cog-pinnacle-game-import .radar-input-container .group-button .md-button:not([disabled]) {
    background-color: rgba(0, 0, 0, 0.0625); }
    .cog-pinnacle-game-import .radar-input-container .group-button .md-button:not([disabled]):not(.selected) {
      color: rgba(0, 0, 0, 0.875); }

.cog-pinnacle-game-import .event-template.event-template-wrap {
  margin-right: -8px;
  margin-left: -8px; }

.cog-pinnacle-game-import .event-template md-input-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 0;
  padding-top: 4px; }
  @media (max-width: 1279.98px) {
    .cog-pinnacle-game-import .event-template md-input-container {
      margin-top: 0; } }

.cog-pinnacle-game-import .template-output-header {
  color: var(--color-primary-dull-500);
  font-weight: bold; }

.cog-pinnacle-game-import .template-output {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 8px;
  line-height: 32px; }
  .cog-pinnacle-game-import .template-output.radar-input-container.radar-input-container-emphasis {
    background-color: var(--color-primary-sharp-200);
    border-color: var(--color-primary-sharp-300); }

.cog-pinnacle-game-import .placeholder-chip {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  color: var(--color-primary-dull-500);
  padding-right: 12px;
  padding-left: 12px;
  border-radius: 16px;
  margin: 4px;
  min-height: 32px; }

.cog-pinnacle-game-import .md-chip-remove {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin-left: 8px;
  padding: 0;
  opacity: 0.6; }

.cog-pinnacle-game-import .md-chip-remove:hover {
  opacity: 1; }

.cog-pinnacle-game-import .editable-text {
  display: inline-block;
  min-width: 20px;
  /* Ensure empty text is still clickable */
  outline: none;
  padding: 0 4px;
  background-color: var(--color-primary-sharp-100);
  border-bottom: 1px dashed #ccc;
  margin: 4px;
  text-align: center; }
  .cog-pinnacle-game-import .editable-text:focus {
    background-color: #fff;
    border-bottom: 1px dashed var(--color-primary-sharp-500); }

.cog-pinnacle-game-import .no-editable {
  background-color: #bdb8af;
  border-radius: 4px;
  padding: 2px 4px;
  color: #000000; }

.pinnacleRadarSportEventsContainer .eventLeague {
  font-size: 23px;
  padding: 0px 10px; }

.pinnacleRadarSportEventsContainer .eventTableContainer {
  margin: 10px 0;
  padding: 5px;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.05);
  max-height: 600px;
  overflow: auto; }
  .pinnacleRadarSportEventsContainer .eventTableContainer .league-header {
    padding: 5px 5px 5px 10px;
    background: #607d8b;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 3px;
    cursor: pointer; }
  .pinnacleRadarSportEventsContainer .eventTableContainer .main-icon {
    color: #fff;
    margin-top: 5px; }

.pinnacleRadarSportEventsContainer .eventDates .dateContainer {
  margin-right: 10px;
  padding: 5px 5px;
  color: rgba(0, 0, 0, 0.7); }

.pinnacleRadarSportEventsContainer .eventDates .startDate::before {
  content: "start: "; }

.pinnacleRadarSportEventsContainer .eventDates .endDate::before {
  content: "end: "; }

@media screen and (max-width: 599px) {
  .pinnacleRadarSportEventsContainer .eventDates {
    font-size: 14px; } }

.pinnacleRadarSportEventsContainer .event-refresh-btn {
  max-width: 96px;
  margin-left: auto; }
  .pinnacleRadarSportEventsContainer .event-refresh-btn.btn-contrast.md-button {
    border-radius: 0; }
    .pinnacleRadarSportEventsContainer .event-refresh-btn.btn-contrast.md-button.md-primary:not([disabled]) {
      color: var(--color-primary-sharp-500);
      background-color: #fff; }
      .pinnacleRadarSportEventsContainer .event-refresh-btn.btn-contrast.md-button.md-primary:not([disabled]) md-icon {
        color: orangered; }
  .pinnacleRadarSportEventsContainer .event-refresh-btn md-icon {
    line-height: 24px; }
  @media screen and (max-width: 800px) {
    .pinnacleRadarSportEventsContainer .event-refresh-btn {
      margin-right: auto; } }
  @media screen and (max-width: 960px) {
    .pinnacleRadarSportEventsContainer .event-refresh-btn {
      width: 100%; } }

.pinnacleRadarSportEventsContainer .event-btn {
  font-size: 13px;
  margin: 0;
  min-width: 120px !important;
  max-width: 150px !important; }
  @media screen and (min-width: 2100px) {
    .pinnacleRadarSportEventsContainer .event-btn {
      width: 150px !important; } }
  @media screen and (max-width: 960px) {
    .pinnacleRadarSportEventsContainer .event-btn {
      width: 100% !important;
      max-width: 100% !important; } }
  .pinnacleRadarSportEventsContainer .event-btn md-icon {
    line-height: 22px;
    width: 10px;
    min-width: 10px;
    margin-right: 5px; }
  .pinnacleRadarSportEventsContainer .event-btn[disabled] {
    color: rgba(0, 0, 0, 0.2) !important;
    background-color: white !important; }
    .pinnacleRadarSportEventsContainer .event-btn[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

.pinnacleRadarSportEventsContainer .event-reset-btn {
  color: rgba(0, 0, 0, 0.7) !important;
  background-color: #eeeeee !important;
  min-width: 80px !important;
  margin-right: 10px; }
  .pinnacleRadarSportEventsContainer .event-reset-btn md-icon {
    color: darkred !important; }

.pinnacleRadarSportEventsContainer .event-create-btn {
  color: white !important;
  background-color: #0098f7 !important;
  min-width: 120px;
  margin: 5px 0 10px 0; }
  .pinnacleRadarSportEventsContainer .event-create-btn md-icon {
    color: #00f0ff !important; }
  @media screen and (min-width: 960px) {
    .pinnacleRadarSportEventsContainer .event-create-btn {
      margin: 0px; } }

.pinnacleRadarSportEventsContainer .event-check-all-btn {
  color: rgba(0, 0, 0, 0.7) !important;
  background-color: #eeeeee !important; }
  .pinnacleRadarSportEventsContainer .event-check-all-btn md-icon {
    color: #000 !important; }

.pinnacleRadarSportEventsContainer .event-uncheck-all-btn {
  color: rgba(0, 0, 0, 0.7) !important;
  background-color: #eeeeee !important; }
  .pinnacleRadarSportEventsContainer .event-uncheck-all-btn md-icon {
    color: #000 !important; }

.pinnacleRadarSportEventsContainer .checkedInfo {
  min-width: 80px;
  padding-right: 10px;
  text-align: center; }

.pinnacleRadarSportEventsContainer #eventsTable td {
  padding: 0 10px; }

.pinnacleRadarSportEventsContainer #eventsTable .eventRow {
  background-color: #eeeeee;
  font-weight: 600;
  height: 38px; }

.pinnacleRadarSportEventsContainer #eventsTable .eventRowTeam {
  height: 38px; }

.pinnacleRadarSportEventsContainer #eventsTable .eventDate {
  color: darkslategray; }

.pinnacleRadarSportEventsContainer #eventsTable .teamRotationNumber {
  text-align: center;
  min-width: 50px; }

.pinnacleRadarSportEventsContainer #eventsTable .teamRotationNumberChanged {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(0, 0, 0, 0.3); }
  .pinnacleRadarSportEventsContainer #eventsTable .teamRotationNumberChanged.eventSelected {
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(0, 0, 0, 0.8); }

.pinnacleRadarSportEventsContainer #eventsTable .eventCheck {
  text-align: center; }
  .pinnacleRadarSportEventsContainer #eventsTable .eventCheck md-checkbox {
    margin: 0;
    width: 20px; }
    .pinnacleRadarSportEventsContainer #eventsTable .eventCheck md-checkbox.md-checked .md-icon {
      background-color: #4CAF50; }
      .pinnacleRadarSportEventsContainer #eventsTable .eventCheck md-checkbox.md-checked .md-icon::after {
        border-color: rgba(255, 255, 255, 0.8); }

@media screen and (min-width: 600px) and (max-width: 959px) {
  .pinnacleRadarSportEventsContainer .eventsCommonOptions div {
    margin: 0 0 10px 0; }
    .pinnacleRadarSportEventsContainer .eventsCommonOptions div .md-button:last-child {
      margin-right: 0 !important; } }

@media screen and (max-width: 599px) {
  .pinnacleRadarSportEventsContainer .eventsCommonOptions div {
    margin: 0 0 10px 0; }
    .pinnacleRadarSportEventsContainer .eventsCommonOptions div .md-button:last-child {
      margin-right: 0 !important; } }

.pinnacleLeagueSelectContainer .leagueSelectheader .filterInput {
  width: calc(100% - 14px);
  line-height: 30px;
  padding: 3px 5px; }

pinnacle-import-sports-settings .PinnacleImportSettings {
  max-width: 2400px;
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 1920px) and (max-width: 1960px) {
    pinnacle-import-sports-settings .PinnacleImportSettings {
      max-width: 920px; } }

pinnacle-import-sports-settings .header-label {
  min-width: 120px; }

pinnacle-import-sports-settings .radar-config-section {
  margin-bottom: 20px; }
  pinnacle-import-sports-settings .radar-config-section.small {
    margin-bottom: 10px; }
  pinnacle-import-sports-settings .radar-config-section.last {
    margin-bottom: 0; }

pinnacle-import-sports-settings .radar-config-cell:not(:first-of-type) {
  padding-bottom: 6px; }

pinnacle-import-sports-settings .radar-config-cell:not(:last-of-type) {
  padding-top: 6px; }

@media screen and (min-width: 960px) {
  pinnacle-import-sports-settings .radar-config-cell:not(:first-of-type) {
    padding-bottom: 0;
    padding-left: 6px; }
  pinnacle-import-sports-settings .radar-config-cell:not(:last-of-type) {
    padding-top: 0;
    padding-right: 6px; } }

pinnacle-import-sports-settings .btn-league-rules {
  width: 100%;
  margin: 0;
  background-color: #607d8b !important;
  color: rgba(255, 255, 255, 0.9) !important; }
  pinnacle-import-sports-settings .btn-league-rules[disabled] {
    background-color: #e7e7e7 !important; }
  pinnacle-import-sports-settings .btn-league-rules.selected {
    background-color: #366eaf !important; }

pinnacle-import-sports-settings .rule-hint {
  text-align: right;
  margin-top: 10px;
  margin-right: 3px;
  font-size: 0.6em;
  color: #9b9b9b; }

pinnacle-import-sports-settings .event-rules-options label {
  text-align: right;
  width: 100%;
  font-size: 0.85em !important; }

pinnacle-import-sports-settings .event-rules-options .md-input {
  text-align: center; }

pinnacle-import-sports-settings .radar-input-container {
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 3px; }
  pinnacle-import-sports-settings .radar-input-container.not-selected md-select md-select-value {
    border-bottom-color: rgba(252, 0, 0, 0.8); }
  pinnacle-import-sports-settings .radar-input-container md-input-container {
    width: 100%;
    margin: 0; }
    pinnacle-import-sports-settings .radar-input-container md-input-container label, pinnacle-import-sports-settings .radar-input-container md-input-container .md-errors-spacer {
      min-height: 0; }
    pinnacle-import-sports-settings .radar-input-container md-input-container .md-input-message-animation:not(.ng-animate) {
      opacity: 1;
      margin-top: 0px;
      color: rgba(0, 0, 0, 0.7); }
  pinnacle-import-sports-settings .radar-input-container .header-label {
    font-size: 14px; }
  pinnacle-import-sports-settings .radar-input-container .label-heading {
    font-size: 12px; }
  pinnacle-import-sports-settings .radar-input-container .group-button .md-button:not([disabled]) {
    background-color: rgba(0, 0, 0, 0.0625); }
    pinnacle-import-sports-settings .radar-input-container .group-button .md-button:not([disabled]):not(.selected) {
      color: rgba(0, 0, 0, 0.875); }

pinnacle-import-sports-settings .calculate-button {
  width: 100%;
  min-width: 120px;
  margin-left: auto;
  margin-right: auto; }
  pinnacle-import-sports-settings .calculate-button.btn-contrast.md-button {
    border-radius: 0; }
    pinnacle-import-sports-settings .calculate-button.btn-contrast.md-button.md-primary:not([disabled]) {
      color: var(--color-primary-sharp-500);
      background-color: #fff; }
      pinnacle-import-sports-settings .calculate-button.btn-contrast.md-button.md-primary:not([disabled]) md-icon {
        color: orangered; }
  pinnacle-import-sports-settings .calculate-button md-icon {
    line-height: 22px; }
  @media screen and (min-width: 600px) {
    pinnacle-import-sports-settings .calculate-button {
      width: auto; } }
  @media screen and (min-width: 960px) {
    pinnacle-import-sports-settings .calculate-button {
      margin-right: 0; } }

pinnacle-import-sports-settings .radar-on-off-container {
  padding: 20px 5px; }

pinnacle-import-sports-settings .minutesCutoff {
  font-weight: 600;
  text-align: center; }

pinnacle-import-sports-settings .custom-rotation-container {
  width: 100%; }
  pinnacle-import-sports-settings .custom-rotation-container .rotation-settings {
    /*  label {
                min-width: 80px;
                text-align: right;
            } */ }
    pinnacle-import-sports-settings .custom-rotation-container .rotation-settings > div + div {
      padding-left: 8px; }
    pinnacle-import-sports-settings .custom-rotation-container .rotation-settings input {
      text-align: center; }
      pinnacle-import-sports-settings .custom-rotation-container .rotation-settings input.rotationStart {
        font-weight: 600; }
      pinnacle-import-sports-settings .custom-rotation-container .rotation-settings input.rotationIncrement {
        font-weight: 600;
        color: darkred; }
    @media (min-width: 2200px) {
      pinnacle-import-sports-settings .custom-rotation-container .rotation-settings[layout-gt-xl="row"] {
        -ms-flex-direction: row;
            flex-direction: row; } }
    @media (min-width: 2200px) {
      pinnacle-import-sports-settings .custom-rotation-container .rotation-settings[layout-gt-xl="row"] > [flex-gt-xl] {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        max-width: 50%; } }

pinnacle-import-sports-settings .folder-container,
pinnacle-import-sports-settings .header-container {
  min-height: 30px;
  height: 30px; }
  pinnacle-import-sports-settings .folder-container .radar-md-menu .md-button.has-listing md-icon,
  pinnacle-import-sports-settings .header-container .radar-md-menu .md-button.has-listing md-icon {
    color: rgba(0, 0, 0, 0.2); }
  pinnacle-import-sports-settings .folder-container .radar-md-menu .md-icon-button,
  pinnacle-import-sports-settings .header-container .radar-md-menu .md-icon-button {
    width: 32px;
    height: 32px;
    min-height: 32px;
    margin-right: 0;
    margin-left: 0; }
    pinnacle-import-sports-settings .folder-container .radar-md-menu .md-icon-button > md-icon,
    pinnacle-import-sports-settings .header-container .radar-md-menu .md-icon-button > md-icon {
      width: auto;
      height: auto;
      min-width: auto;
      min-height: auto;
      margin: auto; }

pinnacle-import-sports-settings .relationships-container {
  width: 100%;
  padding: 2px 10px; }
  pinnacle-import-sports-settings .relationships-container .noneFound {
    padding: 0 0 10px 0;
    font-size: 14px;
    color: #999;
    text-align: center;
    width: 100%; }
  pinnacle-import-sports-settings .relationships-container .radar-config-section .radar-input-container {
    width: 100%;
    margin-right: 0; }
  pinnacle-import-sports-settings .relationships-container .radar-config-section .header-label {
    color: #666;
    font-size: 14px;
    padding: 10px 0 0 0;
    width: 100%; }
    pinnacle-import-sports-settings .relationships-container .radar-config-section .header-label.no-data {
      color: darkred; }
  pinnacle-import-sports-settings .relationships-container.asianRelationship .noneFound {
    padding-top: 10px;
    padding-bottom: 0; }

#pinnacle-folder-menu .default, #radar-header-menu .default {
  color: rgba(0, 0, 0, 0.5); }

#pinnacle-folder-menu md-menu-item, #radar-header-menu md-menu-item {
  min-height: 36px;
  height: 36px;
  line-height: 36px; }
  #pinnacle-folder-menu md-menu-item .md-button, #radar-header-menu md-menu-item .md-button {
    min-height: 36px;
    height: 36px;
    line-height: 36px; }
  #pinnacle-folder-menu md-menu-item:not(:last-child), #radar-header-menu md-menu-item:not(:last-child) {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

.importerLeagueRulesMdMenuContent {
  min-width: 340px;
  min-height: 400px;
  padding: 0; }
  .importerLeagueRulesMdMenuContent md-input-container {
    margin: 0; }
    .importerLeagueRulesMdMenuContent md-input-container label, .importerLeagueRulesMdMenuContent md-input-container .md-errors-spacer {
      min-height: 0; }
    .importerLeagueRulesMdMenuContent md-input-container .md-input-message-animation:not(.ng-animate) {
      opacity: 1;
      margin-top: 0px;
      color: rgba(0, 0, 0, 0.7); }
  .importerLeagueRulesMdMenuContent .new-rule-option .md-label {
    color: #006815; }
  .importerLeagueRulesMdMenuContent .new-rule-countinput {
    text-align: center;
    max-width: 100px; }
  .importerLeagueRulesMdMenuContent .options-container {
    padding: 8px 0; }
    .importerLeagueRulesMdMenuContent .options-container .md-button {
      min-height: 28px;
      font-size: 13px;
      padding: 0;
      line-height: 28px;
      width: 120px; }
      .importerLeagueRulesMdMenuContent .options-container .md-button.select-all-btn {
        background-color: #366eaf;
        color: rgba(255, 255, 255, 0.8); }
        .importerLeagueRulesMdMenuContent .options-container .md-button.select-all-btn:hover {
          background-color: #073263; }
  .importerLeagueRulesMdMenuContent md-menu-item {
    border-bottom: solid 1px #333;
    height: 32px;
    min-height: 32px;
    line-height: 32px;
    padding: 5px 10px; }
    .importerLeagueRulesMdMenuContent md-menu-item md-checkbox {
      margin: 0; }
      .importerLeagueRulesMdMenuContent md-menu-item md-checkbox.md-checked .md-icon {
        background-color: #366eaf; }
        .importerLeagueRulesMdMenuContent md-menu-item md-checkbox.md-checked .md-icon::after {
          border-color: rgba(255, 255, 255, 0.8); }

.pinnacle-game-tree-container .nodeItem md-icon {
  height: 23px;
  line-height: 23px; }

.pinnacle-game-tree-container .nodeItem .league {
  color: #333; }
  .pinnacle-game-tree-container .nodeItem .league:hover {
    text-decoration: underline;
    font-weight: 600;
    color: #226894; }

.pinnacle-game-tree-container .nodeItem .totals {
  color: #607d8b;
  font-weight: normal;
  padding-left: 5px; }

.pinnacle-game-tree-container td {
  background-color: #f7f7f7;
  border-color: #e2e2e2; }
  .pinnacle-game-tree-container td.league {
    background-color: #ffffff;
    border-color: #e2e2e2; }
    .pinnacle-game-tree-container td.league:hover {
      background-color: #dcdcdc; }
  .pinnacle-game-tree-container td.category {
    background-color: #ececec;
    color: #266394;
    border-color: #dadada; }

.pinnacle-game-tree-container .chk_node {
  margin-top: auto;
  margin-right: 5px;
  margin-bottom: auto; }
  .pinnacle-game-tree-container .chk_node.md-checked .md-icon {
    background-color: var(--color-primary-sharp-400); }
    .pinnacle-game-tree-container .chk_node.md-checked .md-icon::after {
      border-color: #fff; }

.radarOnOffBtnGroup .group-button .md-button[disabled] {
  background-color: #f7f7f7 !important;
  color: #e4e4e4;
  border-left: solid 1px #f7f7f7; }
  .radarOnOffBtnGroup .group-button .md-button[disabled]:hover, .radarOnOffBtnGroup .group-button .md-button[disabled].off, .radarOnOffBtnGroup .group-button .md-button[disabled].on {
    background-color: #f7f7f7 !important;
    color: rgba(0, 0, 0, 0.1); }

.RadarSportEventsContainer .eventLeague {
  font-size: 23px;
  padding: 0px 10px; }

.RadarSportEventsContainer .eventTableContainer {
  margin: 10px 0;
  padding: 5px;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.05);
  max-height: 600px;
  overflow: auto; }
  .RadarSportEventsContainer .eventTableContainer .league-header {
    padding: 5px 5px 5px 10px;
    background: #607d8b;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 3px;
    cursor: pointer; }
  .RadarSportEventsContainer .eventTableContainer .main-icon {
    color: #fff;
    margin-top: 5px; }

.RadarSportEventsContainer .eventDates .dateContainer {
  margin-right: 10px;
  padding: 5px 5px;
  color: rgba(0, 0, 0, 0.7); }

.RadarSportEventsContainer .eventDates .startDate::before {
  content: "start: "; }

.RadarSportEventsContainer .eventDates .endDate::before {
  content: "end: "; }

@media screen and (max-width: 599px) {
  .RadarSportEventsContainer .eventDates {
    font-size: 14px; } }

.RadarSportEventsContainer .event-refresh-btn {
  font-size: 13px;
  margin: 0;
  background-color: white !important;
  color: #0098f7 !important;
  width: 150px !important;
  max-width: 150px !important; }
  @media screen and (max-width: 960px) {
    .RadarSportEventsContainer .event-refresh-btn {
      width: 100% !important;
      max-width: 100% !important; } }
  .RadarSportEventsContainer .event-refresh-btn md-icon {
    color: orangered !important;
    line-height: 22px;
    width: 10px;
    min-width: 10px;
    margin-right: 5px; }
  .RadarSportEventsContainer .event-refresh-btn[disabled] {
    color: rgba(0, 0, 0, 0.2) !important; }
    .RadarSportEventsContainer .event-refresh-btn[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

.RadarSportEventsContainer .event-btn {
  font-size: 13px;
  margin: 0;
  min-width: 120px !important;
  max-width: 150px !important; }
  @media screen and (min-width: 2100px) {
    .RadarSportEventsContainer .event-btn {
      width: 150px !important; } }
  @media screen and (max-width: 960px) {
    .RadarSportEventsContainer .event-btn {
      width: 100% !important;
      max-width: 100% !important; } }
  .RadarSportEventsContainer .event-btn md-icon {
    line-height: 22px;
    width: 10px;
    min-width: 10px;
    margin-right: 5px; }
  .RadarSportEventsContainer .event-btn[disabled] {
    color: rgba(0, 0, 0, 0.2) !important;
    background-color: white !important; }
    .RadarSportEventsContainer .event-btn[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

.RadarSportEventsContainer .event-reset-btn {
  color: rgba(0, 0, 0, 0.7) !important;
  background-color: #eeeeee !important;
  min-width: 80px !important;
  margin-right: 10px; }
  .RadarSportEventsContainer .event-reset-btn md-icon {
    color: darkred !important; }

.RadarSportEventsContainer .event-create-btn {
  color: white !important;
  background-color: #0098f7 !important;
  min-width: 120px;
  margin: 5px 0 10px 0; }
  .RadarSportEventsContainer .event-create-btn md-icon {
    color: #00f0ff !important; }
  @media screen and (min-width: 960px) {
    .RadarSportEventsContainer .event-create-btn {
      margin: 0px; } }

.RadarSportEventsContainer .event-check-all-btn {
  color: rgba(0, 0, 0, 0.7) !important;
  background-color: #eeeeee !important; }
  .RadarSportEventsContainer .event-check-all-btn md-icon {
    color: #000 !important; }

.RadarSportEventsContainer .event-uncheck-all-btn {
  color: rgba(0, 0, 0, 0.7) !important;
  background-color: #eeeeee !important; }
  .RadarSportEventsContainer .event-uncheck-all-btn md-icon {
    color: #000 !important; }

.RadarSportEventsContainer .checkedInfo {
  min-width: 80px;
  padding-right: 10px;
  text-align: center; }

.RadarSportEventsContainer #eventsTable td {
  padding: 0 10px; }

.RadarSportEventsContainer #eventsTable .cell-check {
  width: 20px; }

.RadarSportEventsContainer #eventsTable .eventRow {
  background-color: #eeeeee;
  font-weight: 600;
  height: 38px; }

.RadarSportEventsContainer #eventsTable .eventRowTeam {
  height: 38px; }

.RadarSportEventsContainer #eventsTable .eventDate {
  color: darkslategray; }

.RadarSportEventsContainer #eventsTable .teamRotationNumber {
  text-align: center;
  min-width: 50px; }

.RadarSportEventsContainer #eventsTable .teamRotationNumberChanged {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(0, 0, 0, 0.3); }
  .RadarSportEventsContainer #eventsTable .teamRotationNumberChanged.eventSelected {
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(0, 0, 0, 0.8); }

.RadarSportEventsContainer #eventsTable .teamName {
  text-align: initial !important; }

.RadarSportEventsContainer #eventsTable .eventCheck {
  text-align: center; }
  .RadarSportEventsContainer #eventsTable .eventCheck md-checkbox {
    margin: 0;
    width: 20px; }
    .RadarSportEventsContainer #eventsTable .eventCheck md-checkbox.md-checked .md-icon {
      background-color: #4CAF50; }
      .RadarSportEventsContainer #eventsTable .eventCheck md-checkbox.md-checked .md-icon::after {
        border-color: rgba(255, 255, 255, 0.8); }

.RadarSportEventsContainer #eventsTable .teamCheck {
  text-align: initial !important; }
  .RadarSportEventsContainer #eventsTable .teamCheck md-checkbox {
    margin: 0;
    width: 5px; }
    .RadarSportEventsContainer #eventsTable .teamCheck md-checkbox.md-checked .md-icon {
      background-color: #4CAF50; }
      .RadarSportEventsContainer #eventsTable .teamCheck md-checkbox.md-checked .md-icon::after {
        border-color: rgba(255, 255, 255, 0.8); }

.RadarSportEventsContainer #eventsTable .golf-shell-tooltip .md-content {
  white-space: normal;
  max-width: 260px;
  height: auto;
  line-height: 1.4; }

@media screen and (min-width: 600px) and (max-width: 959px) {
  .RadarSportEventsContainer .eventsCommonOptions div {
    margin: 0 0 10px 0; }
    .RadarSportEventsContainer .eventsCommonOptions div .md-button:last-child {
      margin-right: 0 !important; } }

@media screen and (max-width: 599px) {
  .RadarSportEventsContainer .eventsCommonOptions div {
    margin: 0 0 10px 0; }
    .RadarSportEventsContainer .eventsCommonOptions div .md-button:last-child {
      margin-right: 0 !important; } }

.radarLeagueSelectContainer .leagueSelectheader .filterInput {
  width: calc(100% - 14px);
  line-height: 30px;
  padding: 3px 5px; }

radar-import-sports-settings .RadarGameImportSportSettings {
  max-width: 1200px; }
  @media screen and (min-width: 1920px) and (max-width: 1960px) {
    radar-import-sports-settings .RadarGameImportSportSettings {
      max-width: 920px; } }

radar-import-sports-settings .header-label {
  width: 150px;
  min-width: 100px; }

radar-import-sports-settings .radar-config-section {
  margin-bottom: 20px; }
  radar-import-sports-settings .radar-config-section.small {
    margin-bottom: 10px; }
  radar-import-sports-settings .radar-config-section.last {
    margin-bottom: 0; }

radar-import-sports-settings .radar-input-container {
  background-color: #fafafa;
  border-radius: 3px;
  border: solid 1px rgba(0, 0, 0, 0.2); }
  radar-import-sports-settings .radar-input-container.not-selected md-select md-select-value {
    border-bottom-color: rgba(252, 0, 0, 0.8); }
  radar-import-sports-settings .radar-input-container md-input-container {
    margin: 0;
    padding: 10px;
    width: calc(100% - 20px); }
    radar-import-sports-settings .radar-input-container md-input-container label, radar-import-sports-settings .radar-input-container md-input-container .md-errors-spacer {
      min-height: 0; }
    radar-import-sports-settings .radar-input-container md-input-container .md-input-message-animation:not(.ng-animate) {
      opacity: 1;
      margin-top: 0px;
      color: rgba(0, 0, 0, 0.7); }
  radar-import-sports-settings .radar-input-container label {
    margin-top: 5px;
    padding-left: 10px;
    font-size: 14px; }
  @media screen and (min-width: 960px) {
    radar-import-sports-settings .radar-input-container {
      margin-right: 10px; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    radar-import-sports-settings .radar-input-container {
      margin-bottom: 5px; } }
  @media screen and (max-width: 599px) {
    radar-import-sports-settings .radar-input-container {
      margin-bottom: 5px; } }

radar-import-sports-settings .group-button .md-button {
  font-size: 13px;
  background-color: #e6e6e6;
  margin: 0;
  min-width: 80px;
  border-radius: 0;
  color: rgba(0, 0, 0, 0.3);
  border-left: solid 1px #bdbdbd; }
  radar-import-sports-settings .group-button .md-button.first {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: none; }
  radar-import-sports-settings .group-button .md-button.last {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  radar-import-sports-settings .group-button .md-button.selected {
    background-color: #607d8b;
    color: rgba(255, 255, 255, 0.8); }
  radar-import-sports-settings .group-button .md-button:hover {
    background-color: #27404c !important;
    color: #83d5fd; }

radar-import-sports-settings .calculate-button {
  font-size: 13px;
  margin: 0;
  background-color: white !important;
  color: #0098f7 !important;
  min-width: 150px; }
  @media screen and (max-width: 960px) {
    radar-import-sports-settings .calculate-button {
      width: 100%; } }
  radar-import-sports-settings .calculate-button md-icon {
    color: orangered !important;
    line-height: 22px;
    width: 10px;
    min-width: 10px; }
  radar-import-sports-settings .calculate-button[disabled] {
    color: rgba(0, 0, 0, 0.2) !important; }
    radar-import-sports-settings .calculate-button[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

radar-import-sports-settings .accumulator .md-button {
  min-width: 140px; }
  @media screen and (min-width: 600px) and (max-width: 1024px) {
    radar-import-sports-settings .accumulator .md-button {
      min-width: 80px;
      width: 100%; } }
  @media screen and (max-width: 599px) {
    radar-import-sports-settings .accumulator .md-button {
      min-width: 80px;
      width: 100%;
      font-size: 11px; } }

radar-import-sports-settings .radar-on-off-container {
  padding: 20px 5px; }
  radar-import-sports-settings .radar-on-off-container .radar-config-section .header-label, radar-import-sports-settings .radar-on-off-container .asian-config-section .header-label {
    min-width: 80px;
    width: 130px; }

radar-import-sports-settings .minutesCutoff {
  font-weight: 600;
  text-align: center; }

radar-import-sports-settings .custom-rotation-container {
  width: 100%; }
  radar-import-sports-settings .custom-rotation-container .rotation-settings {
    /*  label {
                min-width: 80px;
                text-align: right;
            } */ }
    radar-import-sports-settings .custom-rotation-container .rotation-settings input {
      text-align: center; }
      radar-import-sports-settings .custom-rotation-container .rotation-settings input.rotationStart {
        font-weight: 600; }
      radar-import-sports-settings .custom-rotation-container .rotation-settings input.rotationIncrement {
        font-weight: 600;
        color: darkred; }

radar-import-sports-settings .folder-container, radar-import-sports-settings .header-container {
  min-height: 30px;
  height: 30px; }
  radar-import-sports-settings .folder-container .radar-md-menu .md-button.has-listing md-icon, radar-import-sports-settings .header-container .radar-md-menu .md-button.has-listing md-icon {
    color: white;
    background-color: rgba(0, 0, 0, 0.2); }
  radar-import-sports-settings .folder-container .radar-md-menu .md-icon-button, radar-import-sports-settings .header-container .radar-md-menu .md-icon-button {
    width: 24px;
    height: 24px;
    min-height: 24px;
    margin: 0;
    line-height: 15px;
    padding: 0px; }
    radar-import-sports-settings .folder-container .radar-md-menu .md-icon-button md-icon, radar-import-sports-settings .header-container .radar-md-menu .md-icon-button md-icon {
      font-size: 12px;
      line-height: 28px;
      margin: 0; }

radar-import-sports-settings .relationships-container {
  width: 100%;
  padding: 2px 10px; }
  radar-import-sports-settings .relationships-container .noneFound {
    padding: 0 0 10px 0;
    font-size: 14px;
    color: #999;
    text-align: center;
    width: 100%; }
  radar-import-sports-settings .relationships-container .radar-config-section .radar-input-container, radar-import-sports-settings .relationships-container .asian-config-section .radar-input-container {
    width: 100%;
    margin-right: 0; }
  radar-import-sports-settings .relationships-container .radar-config-section .header-label, radar-import-sports-settings .relationships-container .asian-config-section .header-label {
    color: #666;
    font-size: 14px;
    padding: 10px 0 0 0;
    width: 100%; }
    radar-import-sports-settings .relationships-container .radar-config-section .header-label.no-data, radar-import-sports-settings .relationships-container .asian-config-section .header-label.no-data {
      color: darkred; }
  radar-import-sports-settings .relationships-container.asianRelationship .noneFound {
    padding-top: 10px;
    padding-bottom: 0; }

#radar-folder-menu .default, #radar-header-menu .default {
  color: rgba(0, 0, 0, 0.5); }

#radar-folder-menu md-menu-item, #radar-header-menu md-menu-item {
  min-height: 36px;
  height: 36px;
  line-height: 36px; }
  #radar-folder-menu md-menu-item .md-button, #radar-header-menu md-menu-item .md-button {
    min-height: 36px;
    height: 36px;
    line-height: 36px; }
  #radar-folder-menu md-menu-item:not(:last-child), #radar-header-menu md-menu-item:not(:last-child) {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

.game-tree-container .nodeItem {
  font-weight: 600; }
  .game-tree-container .nodeItem md-icon {
    height: 23px;
    line-height: 23px; }
  .game-tree-container .nodeItem .league {
    font-weight: normal;
    color: #333333; }
    .game-tree-container .nodeItem .league:hover {
      text-decoration: underline;
      font-weight: 600;
      color: #226894; }
  .game-tree-container .nodeItem .totals {
    color: #607d8b;
    font-weight: normal;
    padding-left: 5px; }

.game-tree-container td {
  background-color: #f7f7f7;
  border-color: #e2e2e2; }
  .game-tree-container td.league {
    background-color: #ffffff;
    border-color: #e2e2e2; }
    .game-tree-container td.league:hover {
      background-color: #dcdcdc; }
  .game-tree-container td.category {
    background-color: #ececec;
    color: #266394;
    border-color: #dadada; }

.game-tree-container .chk_node {
  margin-top: 10px;
  margin-right: 5px; }

.LinkEventsContainer #ELinkTable .table-toolbar, .LinkEventsContainer #ELinkTable th {
  color: #fff; }

.LinkEventsContainer .eventTableContainer {
  margin: 10px 0;
  padding: 5px;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.05);
  /* min-width: 1200px; */
  overflow-x: auto; }
  .LinkEventsContainer .eventTableContainer .side_sport {
    padding-top: 10px;
    padding-bottom: 10px; }
    .LinkEventsContainer .eventTableContainer .side_sport .header-h {
      background: #d8e5ea;
      height: 30px;
      color: #223f48;
      padding-top: 5px;
      font-size: 14px;
      /* padding-left: 20px; */
      font-weight: bold;
      border-top: 1px solid #fff; }
      .LinkEventsContainer .eventTableContainer .side_sport .header-h .header-betradar {
        margin-left: 20px; }
    .LinkEventsContainer .eventTableContainer .side_sport .header-options .group-button .first, .LinkEventsContainer .eventTableContainer .side_sport .header-options .group-button .last {
      width: 50px;
      min-width: 40px;
      min-height: 30px;
      height: 30px;
      line-height: 30px;
      background-color: rgba(158, 158, 158, 0.2); }
    .LinkEventsContainer .eventTableContainer .side_sport .header-options .group-button .off[disabled] {
      background-color: #855d5b !important; }
    .LinkEventsContainer .eventTableContainer .side_sport .header-options .group-button .on[disabled] {
      background-color: #9db688 !important; }
    .LinkEventsContainer .eventTableContainer .side_sport .header-options .margin-left-0 {
      margin-left: 0 !important; }
    .LinkEventsContainer .eventTableContainer .side_sport #vertical-links {
      height: calc(100vh - 440px);
      width: 100%;
      background-color: #fff;
      /* @media (max-width: 768px) {
                    height: calc(100vh - 270px);
                } */ }
    .LinkEventsContainer .eventTableContainer .side_sport .repeated-item:first-child {
      padding-top: 5px; }
    .LinkEventsContainer .eventTableContainer .side_sport .repeated-item {
      box-sizing: border-box;
      min-height: 50px;
      padding-bottom: 5px;
      font-size: 10pt; }
      .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams {
        color: #223f48;
        background-color: #f3f3f3;
        padding-top: 5px; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams .group-button .first, .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams .group-button .last {
          width: 50px;
          min-width: 40px;
          min-height: 30px;
          height: 30px;
          line-height: 30px;
          background-color: rgba(158, 158, 158, 0.2); }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams .group-button .off[disabled] {
          background-color: #855d5b !important; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams .group-button .on[disabled] {
          background-color: #9db688 !important; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams .text-rotation {
          display: inline-block;
          width: 40px; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams .margin-left-5 {
          margin-left: 10px; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams .margin-left-0 {
          margin-left: 0 !important; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams .bg-date-left {
          background: #dbdbdb;
          color: #223f48;
          border-radius: 5px;
          padding: 3px;
          margin-left: 5px; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams .bg-date-right {
          background: #dbdbdb;
          color: #223f48;
          border-radius: 5px;
          padding: 3px;
          margin-right: 5px; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams .bg-date-locked {
          background: #7b7b7b;
          color: #fff; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams .bg-prematch {
          background: #223f48;
          border-radius: 5px;
          color: #fff;
          font-size: 8pt;
          padding: 2px 5px 2px 5px;
          margin-left: 10px; }
      .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams-mobile {
        color: #223f48;
        background-color: #f3f3f3;
        padding-top: 5px; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams-mobile .group-button .first, .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams-mobile .group-button .last {
          width: 30px;
          min-width: 40px;
          min-height: 27px;
          height: 27px;
          line-height: 27px;
          font-size: 8pt;
          margin: 6px 3px;
          background-color: rgba(158, 158, 158, 0.2); }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams-mobile .group-button .off[disabled] {
          background-color: #855d5b !important; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams-mobile .group-button .on[disabled] {
          background-color: #9db688 !important; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams-mobile .text-rotation {
          display: inline-block;
          width: 40px; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams-mobile .margin-right-10 {
          margin-right: 10px; }
        .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-teams-mobile .title-link {
          font-size: 14px;
          font-weight: bold;
          background-color: #ebebeb; }
      .LinkEventsContainer .eventTableContainer .side_sport .repeated-item .row-locked {
        background-color: #ebdede; }
    .LinkEventsContainer .eventTableContainer .side_sport md-virtual-repeat-container {
      border: solid 1px #ddd; }

.LinkEventsContainer .event-refresh-btn {
  font-size: 13px;
  margin: 0;
  margin-bottom: 5px;
  margin-left: 10px;
  background-color: white !important;
  color: #0098f7 !important;
  width: 150px !important;
  max-width: 150px !important; }
  @media screen and (max-width: 960px) {
    .LinkEventsContainer .event-refresh-btn {
      width: 100% !important;
      max-width: 100% !important; } }
  .LinkEventsContainer .event-refresh-btn md-icon {
    color: orangered !important;
    line-height: 22px;
    width: 10px;
    min-width: 10px;
    margin-right: 5px; }
  .LinkEventsContainer .event-refresh-btn[disabled] {
    color: rgba(0, 0, 0, 0.2) !important; }
    .LinkEventsContainer .event-refresh-btn[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

.LinkEventsContainer .event-refresh-save {
  font-size: 13px;
  margin: 0;
  margin-bottom: 5px;
  margin-left: 10px;
  width: 150px !important;
  max-width: 150px !important; }
  @media screen and (max-width: 960px) {
    .LinkEventsContainer .event-refresh-save {
      width: 100% !important;
      max-width: 100% !important; } }
  .LinkEventsContainer .event-refresh-save md-icon {
    color: orangered !important;
    line-height: 22px;
    width: 10px;
    min-width: 10px;
    margin-right: 5px; }
  .LinkEventsContainer .event-refresh-save[disabled] {
    color: rgba(0, 0, 0, 0.2) !important; }
    .LinkEventsContainer .event-refresh-save[disabled] md-icon {
      color: rgba(0, 0, 0, 0.2) !important; }

.LinkEventsContainer .link-input-container {
  background-color: #fafafa;
  width: 100%;
  border-radius: 3px;
  border: solid 1px rgba(0, 0, 0, 0.2); }
  .LinkEventsContainer .link-input-container.not-selected md-select md-select-value {
    border-bottom-color: rgba(252, 0, 0, 0.8); }
  .LinkEventsContainer .link-input-container md-input-container {
    margin: 0;
    padding: 10px;
    width: calc(100% - 20px); }
    .LinkEventsContainer .link-input-container md-input-container label, .LinkEventsContainer .link-input-container md-input-container .md-errors-spacer {
      min-height: 0; }
    .LinkEventsContainer .link-input-container md-input-container .md-input-message-animation:not(.ng-animate) {
      opacity: 1;
      margin-top: 0px;
      color: rgba(0, 0, 0, 0.7); }
  .LinkEventsContainer .link-input-container label {
    margin-top: 5px;
    padding-left: 10px;
    font-size: 14px; }
  @media screen and (min-width: 960px) {
    .LinkEventsContainer .link-input-container {
      margin-right: 10px; } }
  @media screen and (min-width: 600px) and (max-width: 959px) {
    .LinkEventsContainer .link-input-container {
      margin-bottom: 5px; } }
  @media screen and (max-width: 599px) {
    .LinkEventsContainer .link-input-container {
      margin-bottom: 5px; } }

.LinkEventsContainer md-datepicker .md-datepicker-button {
  display: none; }

.LinkEventsContainer md-datepicker .md-datepicker-input-container {
  margin: 0;
  width: 100%;
  border-bottom: 0; }
  .LinkEventsContainer md-datepicker .md-datepicker-input-container input {
    font-size: 16px;
    font-weight: 600;
    min-width: 100%; }

.LinkEventsContainer md-datepicker.end-date input {
  color: darkred; }

#cog-lines-manager-pilot .content-filter {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.02);
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px; }
  #cog-lines-manager-pilot .content-filter .group-button .md-button {
    font-size: 13px;
    background-color: #e6e6e6;
    margin: 0;
    min-width: 80px;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.3);
    border-left: solid 1px #bdbdbd; }
    #cog-lines-manager-pilot .content-filter .group-button .md-button.first {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      border-left: none; }
    #cog-lines-manager-pilot .content-filter .group-button .md-button.last {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    #cog-lines-manager-pilot .content-filter .group-button .md-button.selected {
      background-color: #607d8b;
      color: rgba(255, 255, 255, 0.8); }
    #cog-lines-manager-pilot .content-filter .group-button .md-button:hover {
      background-color: #27404c !important;
      color: #83d5fd; }

#cog-lines-manager-pilot .eventTableContainer {
  margin: 10px 0;
  padding: 5px;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.05);
  /* min-width: 1200px; */
  overflow-x: auto; }
  #cog-lines-manager-pilot .eventTableContainer .side_sport {
    padding-top: 10px;
    padding-bottom: 10px; }
    #cog-lines-manager-pilot .eventTableContainer .side_sport .header-h {
      background: #d8e5ea;
      height: 30px;
      color: #223f48;
      padding-top: 5px;
      font-size: 14px;
      /* padding-left: 20px; */
      font-weight: bold;
      border-top: 1px solid #fff; }
      #cog-lines-manager-pilot .eventTableContainer .side_sport .header-h .header-betradar {
        margin-left: 20px; }
    #cog-lines-manager-pilot .eventTableContainer .side_sport .header-options .group-button .first, #cog-lines-manager-pilot .eventTableContainer .side_sport .header-options .group-button .last {
      width: 50px;
      min-width: 40px;
      min-height: 30px;
      height: 30px;
      line-height: 30px;
      background-color: rgba(158, 158, 158, 0.2); }
    #cog-lines-manager-pilot .eventTableContainer .side_sport .header-options .group-button .off[disabled] {
      background-color: #855d5b !important; }
    #cog-lines-manager-pilot .eventTableContainer .side_sport .header-options .group-button .on[disabled] {
      background-color: #9db688 !important; }
    #cog-lines-manager-pilot .eventTableContainer .side_sport .header-options .margin-left-0 {
      margin-left: 0 !important; }
    #cog-lines-manager-pilot .eventTableContainer .side_sport .header-options .margin-left-20 {
      margin-left: 20px !important; }
    #cog-lines-manager-pilot .eventTableContainer .side_sport #vertical-links {
      height: calc(100vh - 440px);
      width: 100%;
      background-color: #fff;
      /* @media (max-width: 768px) {
                    height: calc(100vh - 270px);
                } */ }
    #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item:first-child {
      padding-top: 5px; }
    #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item {
      box-sizing: border-box;
      min-height: 50px;
      padding-bottom: 5px;
      font-size: 10pt; }
      #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams {
        color: #223f48;
        background-color: #f3f3f3;
        padding-top: 5px; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams .group-button .first, #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams .group-button .last {
          width: 50px;
          min-width: 40px;
          min-height: 30px;
          height: 30px;
          line-height: 30px;
          background-color: rgba(158, 158, 158, 0.2); }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams .group-button .off[disabled] {
          background-color: #855d5b !important; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams .group-button .on[disabled] {
          background-color: #9db688 !important; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams .text-rotation {
          display: inline-block;
          width: 40px; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams .margin-left-5 {
          margin-left: 10px; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams .margin-left-0 {
          margin-left: 0 !important; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams .bg-date-left {
          background: #dbdbdb;
          color: #223f48;
          border-radius: 5px;
          padding: 3px;
          margin-left: 5px; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams .bg-date-right {
          background: #dbdbdb;
          color: #223f48;
          border-radius: 5px;
          padding: 3px;
          margin-right: 5px; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams .bg-date-locked {
          background: #7b7b7b;
          color: #fff; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams .bg-prematch {
          background: #223f48;
          border-radius: 5px;
          color: #fff;
          font-size: 8pt;
          padding: 2px 5px 2px 5px;
          margin-left: 10px; }
      #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams-mobile {
        color: #223f48;
        background-color: #f3f3f3;
        padding-top: 5px; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams-mobile .group-button .first, #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams-mobile .group-button .last {
          width: 30px;
          min-width: 40px;
          min-height: 27px;
          height: 27px;
          line-height: 27px;
          font-size: 8pt;
          margin: 6px 3px;
          background-color: rgba(158, 158, 158, 0.2); }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams-mobile .group-button .off[disabled] {
          background-color: #855d5b !important; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams-mobile .group-button .on[disabled] {
          background-color: #9db688 !important; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams-mobile .text-rotation {
          display: inline-block;
          width: 40px; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams-mobile .margin-right-10 {
          margin-right: 10px; }
        #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-teams-mobile .title-link {
          font-size: 14px;
          font-weight: bold;
          background-color: #ebebeb; }
      #cog-lines-manager-pilot .eventTableContainer .side_sport .repeated-item .row-locked {
        background-color: #ebdede; }
    #cog-lines-manager-pilot .eventTableContainer .side_sport md-virtual-repeat-container {
      border: solid 1px #ddd; }

#CogAccountAuditDetail {
  max-width: 700px; }
  #CogAccountAuditDetail .md-toolbar-tools .agent {
    color: orange; }
  #CogAccountAuditDetail .md-toolbar-tools .player-view-title {
    margin: 0 5px; }
  #CogAccountAuditDetail tr.even {
    background-color: #f3f3f3; }
  #CogAccountAuditDetail tr.odd {
    background-color: #fff; }
  #CogAccountAuditDetail td {
    padding: 0; }
    #CogAccountAuditDetail td.account {
      font-weight: 700; }
    #CogAccountAuditDetail td .show-detail {
      cursor: pointer;
      color: darkred;
      font-weight: 700;
      text-decoration: underline; }
    #CogAccountAuditDetail td .link {
      cursor: pointer;
      font-weight: 700;
      text-decoration: underline; }
  #CogAccountAuditDetail .status {
    font-size: 1.3em;
    margin-top: 8px; }
    #CogAccountAuditDetail .status.on {
      color: darkgreen; }
    #CogAccountAuditDetail .status.off {
      color: rgba(0, 0, 0, 0.15); }
  #CogAccountAuditDetail .back-btn:disabled {
    opacity: 0.3; }
  #CogAccountAuditDetail .export-btn {
    background-color: #d2e2f0 !important;
    color: #172f42 !important; }
    #CogAccountAuditDetail .export-btn:hover {
      background-color: #3173ad !important;
      color: #e7f1f8 !important; }
    #CogAccountAuditDetail .export-btn:disabled {
      background-color: rgba(0, 0, 0, 0.12) !important;
      color: rgba(0, 0, 0, 0.38) !important;
      cursor: default; }

#inets-report-container .inet {
  text-transform: uppercase;
  font-weight: 700; }

/* #headerScroll .padding-left-header{
    padding-left: 10px;
} */
/* #settle-report-container table.md-table th.md-column:first-child {
    table {
        font-size: 11pt;

        thead {
            tr {

                th:nth-child(8) {
                    width: 20%;
                }
            }
        }
    }
}  */
#AccountsAffectedDialog {
  height: 850px; }
  #AccountsAffectedDialog .toolbar-default {
    min-height: 45px;
    line-height: 45px;
    background: #607d8b;
    color: #f7f7f7; }
  #AccountsAffectedDialog .md-toolbar-tools {
    font-size: 15px;
    font-weight: 500;
    max-height: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 14px; }
    #AccountsAffectedDialog .md-toolbar-tools md-icon {
      color: #f7f7f7; }
  #AccountsAffectedDialog .required_note {
    font-size: 0.7em;
    color: darkorange; }
  #AccountsAffectedDialog md-dialog-actions {
    margin-top: 0px; }
  #AccountsAffectedDialog md-select {
    margin-bottom: 10px !important; }
  #AccountsAffectedDialog md-input-container {
    margin-bottom: 10px !important; }
    #AccountsAffectedDialog md-input-container md-list-item, #AccountsAffectedDialog md-input-container md-list-item.md-2-line > .md-no-style {
      min-height: 0px;
      padding: 0 !important; }

@media screen and (min-width: 600px) {
  .cog-dialog-account-details {
    min-width: 700px;
    max-height: none; } }

.cog-dialog-account-details md-toolbar.toolbar-default,
.cog-dialog-account-details md-toolbar .md-toolbar-tools {
  height: auto;
  min-height: 56px;
  line-height: 56px; }

.cog-dialog-account-details md-toolbar:not(.md-menu-toolbar) {
  color: #fff;
  background-color: #607d8b; }
  .cog-dialog-account-details md-toolbar:not(.md-menu-toolbar) md-icon {
    color: #fff;
    fill: #fff; }

.cog-dialog-account-details md-toolbar .md-toolbar-tools h1,
.cog-dialog-account-details md-toolbar .md-toolbar-tools h2,
.cog-dialog-account-details md-toolbar .md-toolbar-tools h3 {
  font-size: 16px; }

.cog-dialog-account-details .cell-deleted:not(.md-menu-toolbar) {
  color: #fff;
  background-color: rgba(183, 28, 28, 0.75); }
  .cog-dialog-account-details .cell-deleted:not(.md-menu-toolbar) md-icon {
    color: #fff;
    fill: #fff; }

.cog-dialog-account-details md-dialog-content {
  padding: 0; }
  .cog-dialog-account-details md-dialog-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .cog-dialog-account-details md-dialog-content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }

.cog-dialog-account-details .md-progress-container {
  width: 100%;
  min-height: 5px; }

.cog-dialog-account-details .amountRed {
  color: red; }

.cog-dialog-account-details .amountGreen {
  color: green; }

.cog-dialog-account-details .check-cont {
  min-width: 30px; }

.cog-dialog-account-details .content-scroll {
  height: calc(100vh - 88px);
  overflow-y: auto; }
  @media (min-width: 960px) {
    .cog-dialog-account-details .content-scroll {
      height: auto;
      max-height: calc(100vh - 160px); } }
  .cog-dialog-account-details .content-scroll .odd {
    background-color: #efefef; }
  .cog-dialog-account-details .content-scroll .even {
    background-color: #e0e0e0; }
  .cog-dialog-account-details .content-scroll .cell-deleted {
    background-color: #d4b0ae; }
  .cog-dialog-account-details .content-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .cog-dialog-account-details .content-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }

.cog-dialog-account-details .tbl-container thead tr {
  min-height: 45px !important;
  height: 45px !important; }

.cog-dialog-account-details .tbl-container th {
  position: sticky;
  color: rgba(255, 255, 255, 0.87);
  line-height: 32px;
  background-color: #3e535f; }

.cog-dialog-account-details .tbl-container td md-checkbox {
  margin-top: 10px;
  margin-left: 10px; }

.cog-dialog-account-details .tbl-container td:first-child .tbl-trash {
  margin-left: 12px; }

.cog-dialog-account-details .tbl-container tr:hover:nth-child(odd).odd {
  background-color: #efefef; }

.cog-dialog-account-details .tbl-container tr:hover.cell-deleted, .cog-dialog-account-details .tbl-container tr:hover:nth-child(odd).cell-deleted {
  background-color: #d4b0ae; }

.cog-dialog-account-details .tbl-container th {
  position: sticky;
  top: 0;
  z-index: 2; }

.cog-dialog-account-details .tbl-container .thead-deleted {
  background-color: #929292; }

.cog-dialog-account-details .tbl-container .tbl-icon-envelope {
  font-size: 1.4em; }

#allRealReport .filters md-card {
  margin: 0; }

#allRealReport .filters md-datepicker .md-datepicker-button {
  margin: 0 5px;
  height: 24px;
  min-width: 0;
  line-height: 24px;
  padding: 2px;
  width: 24px; }

#allRealReport .filters md-datepicker .md-datepicker-triangle-button {
  margin: 2px 0 0 0;
  height: 24px;
  min-width: 0;
  line-height: 24px;
  padding: 2px;
  width: 24px;
  right: 10px; }

#allRealReport .filters md-datepicker .md-datepicker-input-container {
  margin-left: 5px;
  top: 2px; }
  #allRealReport .filters md-datepicker .md-datepicker-input-container input {
    font-size: 14px;
    padding: 0; }

#allRealReport .generate-btn {
  max-width: 200px;
  padding: 0 10px;
  background-color: #ffc019;
  color: #653408;
  font-size: 0.65em;
  font-weight: 700; }
  #allRealReport .generate-btn:disabled {
    background-color: #3d668b;
    color: #203e58; }

#allRealReport .filter-btn {
  max-width: 200px;
  padding: 0 10px;
  background-color: #ffffff;
  color: #136187;
  font-size: 0.65em;
  font-weight: 700; }
  #allRealReport .filter-btn:hover {
    background-color: #006da0;
    color: #c3f2fa; }

#allRealReport .report-card {
  max-width: 1200px; }

#allRealReport md-table-container .table-toolbar {
  height: 38px; }

#allRealReport md-table-container td {
  font-size: 14px; }

#allRealReport md-table-container .amount-value {
  font-weight: 700; }
  #allRealReport md-table-container .amount-value.red-value {
    color: darkred; }
  #allRealReport md-table-container .amount-value.green-value {
    color: darkgreen; }

#allRealReport .config-data {
  padding: 10px;
  background-color: #203e58;
  color: white; }
  #allRealReport .config-data label {
    padding-right: 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6); }
  #allRealReport .config-data .date-label {
    width: 160px;
    color: white; }

#itRushesReport .week-label {
  color: lightgreen !important; }

#itRushesReport .prevweek-label {
  color: #b9b9b9 !important; }

#itRushesReport .red-value {
  color: darkred; }

#itRushesReport .it-rush-toolbar {
  padding: 0;
  background-color: #d8d8d8; }
  #itRushesReport .it-rush-toolbar .md-toolbar-tools {
    padding: 0;
    padding-bottom: 2px; }
  #itRushesReport .it-rush-toolbar .sport-btn {
    max-width: 200px;
    padding: 0 10px;
    background-color: #1a1a1a;
    color: #f2fcff;
    font-size: 0.65em;
    font-weight: 700; }
    #itRushesReport .it-rush-toolbar .sport-btn.selected {
      color: orange; }

#itRushesReport .filters md-card {
  margin: 0; }

#itRushesReport .filters md-datepicker .md-datepicker-button {
  margin: 0 5px;
  height: 24px;
  min-width: 0;
  line-height: 24px;
  padding: 2px;
  width: 24px; }

#itRushesReport .filters md-datepicker .md-datepicker-triangle-button {
  margin: 2px 0 0 0;
  height: 24px;
  min-width: 0;
  line-height: 24px;
  padding: 2px;
  width: 24px;
  right: 10px; }

#itRushesReport .filters md-datepicker .md-datepicker-input-container {
  margin-left: 5px;
  top: 2px; }
  #itRushesReport .filters md-datepicker .md-datepicker-input-container input {
    font-size: 14px;
    padding: 0; }

#itRushesReport .generate-btn {
  max-width: 200px;
  padding: 0 10px;
  background-color: #ffc019;
  color: #653408;
  font-size: 0.65em;
  font-weight: 700; }
  #itRushesReport .generate-btn:disabled {
    background-color: #3d668b;
    color: #203e58; }

#itRushesReport .filter-btn {
  max-width: 200px;
  padding: 0 10px;
  background-color: #ffffff;
  color: #136187;
  font-size: 0.65em;
  font-weight: 700; }
  #itRushesReport .filter-btn:hover {
    background-color: #006da0;
    color: #c3f2fa; }

#itRushesReport .report-card .filters md-checkbox {
  margin: 0;
  font-size: 12px;
  color: #789daf; }
  #itRushesReport .report-card .filters md-checkbox .md-label {
    margin-top: 3px; }
  #itRushesReport .report-card .filters md-checkbox.md-checked .md-icon {
    background-color: #739db1; }
  #itRushesReport .report-card .filters md-checkbox[disabled] .md-label {
    color: #789daf; }
  #itRushesReport .report-card .filters md-checkbox[disabled] .md-icon::after {
    border-color: #326799; }

#itRushesReport md-table-container .col-current-week {
  background-color: #1a1a1a; }

#itRushesReport md-table-container .col-vs-week {
  background-color: #1a1a1a; }

#itRushesReport md-table-container .table-toolbar {
  height: 38px; }
  #itRushesReport md-table-container .table-toolbar.week-group {
    background-color: #152f46; }
    #itRushesReport md-table-container .table-toolbar.week-group th {
      border-bottom: none; }

#itRushesReport md-table-container td {
  font-size: 14px; }

#itRushesReport md-table-container .amount-value {
  font-weight: 700; }
  #itRushesReport md-table-container .amount-value.red-value {
    color: darkred; }
  #itRushesReport md-table-container .amount-value.green-value {
    color: darkgreen; }

#itRushesReport md-table-container .table-toolbar.week-group .col-divider {
  border-left: solid 1px #434f5c; }

#itRushesReport md-table-container .table-toolbar .col-divider-main {
  border-left: solid 1px #122c46; }

#itRushesReport md-table-container .table-toolbar .col-divider {
  border-left: solid 1px #4d6570; }

#itRushesReport md-table-container td.col-divider {
  border-left: solid 1px #e4e4e4; }

#itRushesReport md-table-container td.col-divider-main {
  border-left: double 1px #a3a9ac; }

#itRushesReport md-table-container td.maxbets {
  min-width: 100px;
  font-weight: 700;
  color: #00265f;
  background-color: #d5e4ec;
  border-bottom: 1px solid #c1d8e5; }

#itRushesReport md-table-container td.maxrequests {
  min-width: 100px;
  color: #136187;
  background-color: #eff6f9;
  border-bottom: 1px solid #d9e3e9; }

#itRushesReport md-table-container td.iplast {
  min-width: 100px;
  font-weight: 700;
  color: #4d4d4d;
  background-color: #f1f1f1;
  border-bottom: 1px solid #e4e4e4; }

#itRushesReport md-table-container td.customerlast {
  min-width: 100px;
  color: #5a5a5a; }

#itRushesReport md-table-container td.time {
  color: #505050; }

#itRushesReport md-table-container td.period {
  font-weight: 700; }

#itRushesReport md-table-container tbody tr:hover .maxbets, #itRushesReport md-table-container tbody tr:hover .maxrequests, #itRushesReport md-table-container tbody tr:hover .iplast, #itRushesReport md-table-container tbody tr:hover .customerlast {
  background: #e4e1e1 !important; }

#itRushesReport .config-data {
  padding: 10px;
  background-color: #203e58;
  color: white; }
  #itRushesReport .config-data label {
    padding-right: 10px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6); }
  #itRushesReport .config-data .date-label {
    width: 160px;
    color: white; }
  #itRushesReport .config-data .sport-label {
    color: orange;
    font-weight: 700; }

.cog-dialog-inet-accounts md-toolbar {
  height: 40px;
  min-height: 40px; }
  .cog-dialog-inet-accounts md-toolbar .md-title {
    font-size: 14pt; }

.cog-dialog-inet-accounts .md-toolbar-tools {
  min-height: unset;
  line-height: unset; }

.cog-dialog-inet-accounts .acc-srch-bar {
  font-size: 16px;
  padding: 0.5em;
  border-width: 0;
  border-radius: 0.25em;
  background-color: rgba(255, 255, 255, 0.75);
  mix-blend-mode: hard-light; }

.cog-dialog-inet-accounts .side_detail_click .header {
  background-color: var(--color-primary-dull-600);
  min-height: 36px;
  color: #fff;
  font-size: 0.8125em;
  font-weight: bold; }
  .cog-dialog-inet-accounts .side_detail_click .header,
  .cog-dialog-inet-accounts .side_detail_click .header .header-cell {
    position: relative; }
  .cog-dialog-inet-accounts .side_detail_click .header .header-return {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; }
    .cog-dialog-inet-accounts .side_detail_click .header .header-return > .view-btn {
      min-height: 2em;
      line-height: 2em; }
      .cog-dialog-inet-accounts .side_detail_click .header .header-return > .view-btn.md-accent:not(.md-raised):not(:hover) {
        background-color: rgba(255, 255, 255, 0.125); }
  .cog-dialog-inet-accounts .side_detail_click .header .mr-lf-20 {
    margin-left: 20px; }
  .cog-dialog-inet-accounts .side_detail_click .header .sortable,
  .cog-dialog-inet-accounts .side_detail_click .header [ng-click] {
    cursor: pointer; }
  .cog-dialog-inet-accounts .side_detail_click .header .sort-container {
    position: absolute;
    top: 0;
    right: 4px;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    opacity: 0.5;
    mix-blend-mode: plus-lighter; }
  .cog-dialog-inet-accounts .side_detail_click .header .view-btn > .icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 0.375em;
    opacity: 0.67; }

.cog-dialog-inet-accounts .side_detail_click #vertical-container-click {
  height: calc(100vh - 200px);
  width: 100%; }
  @media (max-width: 768px) {
    .cog-dialog-inet-accounts .side_detail_click #vertical-container-click {
      height: calc(100vh - 100px); } }

.cog-dialog-inet-accounts .side_detail_click .repeated-item {
  position: relative;
  border-bottom: 1px solid #ddd;
  min-height: 42px;
  font-size: 0.875em;
  text-align: center;
  color: #474747; }
  .cog-dialog-inet-accounts .side_detail_click .repeated-item.even {
    background-color: #e0e0e0; }
    .cog-dialog-inet-accounts .side_detail_click .repeated-item.even.not-inet {
      background-color: #ecec79; }
  .cog-dialog-inet-accounts .side_detail_click .repeated-item.odd {
    background-color: #efefef; }
    .cog-dialog-inet-accounts .side_detail_click .repeated-item.odd.not-inet {
      background-color: #f2f2a6; }
  .cog-dialog-inet-accounts .side_detail_click .repeated-item .is-true {
    color: #2e7d32;
    font-weight: 600; }
  .cog-dialog-inet-accounts .side_detail_click .repeated-item .is-false {
    color: #f44336;
    font-weight: 600; }
  .cog-dialog-inet-accounts .side_detail_click .repeated-item .login_name > .md-button.md-raised:not([disabled]),
  .cog-dialog-inet-accounts .side_detail_click .repeated-item .cell-players > .md-button.md-raised:not([disabled]) {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.13); }
  .cog-dialog-inet-accounts .side_detail_click .repeated-item .login_name > .md-button {
    width: calc(100% - 16px); }
  .cog-dialog-inet-accounts .side_detail_click .repeated-item .cell-players > .md-button {
    position: relative;
    font-weight: bold; }
    .cog-dialog-inet-accounts .side_detail_click .repeated-item .cell-players > .md-button.md-primary:not(.md-raised):not(:hover) {
      background-color: rgba(96, 125, 139, 0.1875); }
    .cog-dialog-inet-accounts .side_detail_click .repeated-item .cell-players > .md-button > .icon {
      position: absolute;
      top: 0;
      right: 8px;
      bottom: 0;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
          align-items: center;
      opacity: 0.67; }
  .cog-dialog-inet-accounts .side_detail_click .repeated-item > div {
    min-height: inherit; }
  .cog-dialog-inet-accounts .side_detail_click .repeated-item > .cell-loader {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0; }

.cog-dialog-inet-accounts .side_detail_click md-virtual-repeat-container {
  border: solid 1px #ddd; }

.cog-dialog-inet-accounts .cell-circle {
  border-radius: 50%;
  width: 100%;
  max-width: 32px;
  height: 100%;
  max-height: 32px;
  padding: 4px;
  background-color: #fff;
  border: 2px solid #666;
  color: #666;
  font-size: 1.5em;
  font-family: sans-serif;
  line-height: 1; }

.cog-dialog-inet-accounts .transactions-view-options {
  background-color: #a9a9a9;
  overflow-y: auto; }

.cog-dialog-inet-accounts .transactions-view-options .view-options-container .md-button.view-btn {
  margin: 0;
  padding: 0 10px;
  min-height: 30px;
  min-width: 100px;
  line-height: 38px;
  font-size: .75em;
  border-radius: 0;
  border-right: solid 1px #999; }
  .cog-dialog-inet-accounts .transactions-view-options .view-options-container .md-button.view-btn.md-active {
    background-color: #fff !important;
    color: #000 !important; }

.cog-dialog-inet-accounts md-dialog-actions {
  padding-left: 8px; }

@media screen and (min-width: 600px) {
  .cog-dialog-account-details {
    min-width: 700px;
    max-height: none; } }

.cog-dialog-account-details md-toolbar.toolbar-default,
.cog-dialog-account-details md-toolbar .md-toolbar-tools {
  height: auto;
  min-height: 56px;
  line-height: 56px; }

.cog-dialog-account-details md-toolbar:not(.md-menu-toolbar) {
  color: #fff;
  background-color: #607d8b; }
  .cog-dialog-account-details md-toolbar:not(.md-menu-toolbar) md-icon {
    color: #fff;
    fill: #fff; }

.cog-dialog-account-details md-toolbar .md-toolbar-tools h1,
.cog-dialog-account-details md-toolbar .md-toolbar-tools h2,
.cog-dialog-account-details md-toolbar .md-toolbar-tools h3 {
  font-size: 16px; }

.cog-dialog-account-details .cell-deleted:not(.md-menu-toolbar) {
  color: #fff;
  background-color: rgba(183, 28, 28, 0.75); }
  .cog-dialog-account-details .cell-deleted:not(.md-menu-toolbar) md-icon {
    color: #fff;
    fill: #fff; }

.cog-dialog-account-details md-dialog-content {
  padding: 0; }
  .cog-dialog-account-details md-dialog-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .cog-dialog-account-details md-dialog-content::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }

.cog-dialog-account-details .md-progress-container {
  width: 100%;
  min-height: 5px; }

.cog-dialog-account-details .amountRed {
  color: red; }

.cog-dialog-account-details .amountGreen {
  color: green; }

.cog-dialog-account-details .check-cont {
  min-width: 30px; }

.cog-dialog-account-details .content-scroll {
  height: calc(100vh - 88px);
  overflow-y: auto; }
  @media (min-width: 960px) {
    .cog-dialog-account-details .content-scroll {
      height: auto;
      max-height: calc(100vh - 160px); } }
  .cog-dialog-account-details .content-scroll .odd {
    background-color: #efefef; }
  .cog-dialog-account-details .content-scroll .even {
    background-color: #e0e0e0; }
  .cog-dialog-account-details .content-scroll .cell-deleted {
    background-color: #d4b0ae; }
  .cog-dialog-account-details .content-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  .cog-dialog-account-details .content-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }

.cog-dialog-account-details .tbl-container thead tr {
  min-height: 45px !important;
  height: 45px !important; }

.cog-dialog-account-details .tbl-container th {
  position: sticky;
  color: rgba(255, 255, 255, 0.87);
  line-height: 32px;
  background-color: #3e535f; }

.cog-dialog-account-details .tbl-container td md-checkbox {
  margin-top: 10px;
  margin-left: 10px; }

.cog-dialog-account-details .tbl-container td:first-child .tbl-trash {
  margin-left: 12px; }

.cog-dialog-account-details .tbl-container tr:hover:nth-child(odd).odd {
  background-color: #efefef; }

.cog-dialog-account-details .tbl-container tr:hover.cell-deleted, .cog-dialog-account-details .tbl-container tr:hover:nth-child(odd).cell-deleted {
  background-color: #d4b0ae; }

.cog-dialog-account-details .tbl-container th {
  position: sticky;
  top: 0;
  z-index: 2; }

.cog-dialog-account-details .tbl-container .thead-deleted {
  background-color: #929292; }

.cog-dialog-account-details .tbl-container .tbl-icon-envelope {
  font-size: 1.4em; }

#PrefixDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#PrefixDialog md-select {
  margin-bottom: 10px !important; }

#PrefixDialog md-input-container {
  margin-bottom: 10px !important; }

.CenterPrefixObjects {
  margin-left: auto;
  margin-right: auto; }

.ipchecker-whitelistgroup-add-dialog {
  width: 400px; }
  .ipchecker-whitelistgroup-add-dialog md-dialog-actions .md-button:last-child.delete-btn {
    background-color: darkred !important; }
  .ipchecker-whitelistgroup-add-dialog .err-message {
    text-align: center;
    color: darkred;
    background-color: #f8ece3;
    border-radius: 3px; }

.WhitelistCloud .filterContent input {
  background-color: #a0a0a0;
  border-radius: 2px; }

.WhitelistCloud .reportContainer {
  height: calc(100vh - 330px);
  max-height: 100%; }
  .WhitelistCloud .reportContainer.WL {
    height: calc(100vh - 387px); }

.WhitelistCloud .addIpWhitelistCloud .invalidIp, .WhitelistCloud .addIpWhitelistServer .invalidIp {
  background-color: #ffcfbc;
  border-color: red !important; }

.WhitelistCloud .wl-group-selected-label {
  font-size: 24px;
  color: #052f57;
  background-color: #e8eff2;
  padding: 5px 15px;
  border-radius: 3px;
  margin-bottom: 10px; }

.WhitelistCloud .whitelist-srvs {
  width: 350px; }
  .WhitelistCloud .whitelist-srvs .wl-group-item {
    background-color: #f1f1f1;
    margin-top: 5px;
    border-radius: 3px;
    cursor: pointer;
    width: 100%; }
    .WhitelistCloud .whitelist-srvs .wl-group-item:hover {
      background-color: #e4e4e4; }
  .WhitelistCloud .whitelist-srvs .wl-group-list {
    width: 100%; }
  .WhitelistCloud .whitelist-srvs .wl-groupSelected {
    background-color: #ccdde4;
    color: #052f57; }

.WhitelistCloud .wlMenu md-menu .md-icon-button {
  padding: 0 !important;
  height: 30px;
  width: 30px;
  min-width: 30px; }

.WhitelistCloud .wlGroupName {
  padding: 5px 0px 5px 15px; }

.WhitelistCloud .wl-group-item .md-list-item-inner {
  padding-right: 0; }

.WhitelistCloud .no-wl-selected {
  color: darkred; }

#weeklyFigures-container {
  background-color: #ffffff; }
  #weeklyFigures-container .view-options-container md-select {
    margin: 0; }
    #weeklyFigures-container .view-options-container md-select md-select-value {
      border-bottom-style: none; }
  #weeklyFigures-container .view-options-container .week-label-seleted {
    font-weight: 900;
    line-height: 2.31;
    padding: 0 10px;
    background: #bdbdbd; }
  #weeklyFigures-container .view-options-container .bar-button-filter {
    margin: 0;
    min-width: 44px; }
    #weeklyFigures-container .view-options-container .bar-button-filter.green {
      background: #144b28; }
    #weeklyFigures-container .view-options-container .bar-button-filter.warm {
      background: #fb8c00 !important; }
    #weeklyFigures-container .view-options-container .bar-button-filter md-icon {
      color: #ffffff; }
  #weeklyFigures-container #weekly-figures-wrapper-table {
    max-width: 1487px;
    margin: 0 auto;
    padding-top: 50px; }
    @media screen and (min-width: 600px) and (max-width: 959px) and (max-height: 599px) and (orientation: landscape) {
      #weeklyFigures-container #weekly-figures-wrapper-table {
        padding-top: 0; } }
    @media screen and (max-width: 600px) {
      #weeklyFigures-container #weekly-figures-wrapper-table {
        padding-top: 0; } }
    #weeklyFigures-container #weekly-figures-wrapper-table.report-table-container .tbl-container thead tr th {
      color: #ffffff; }
    #weeklyFigures-container #weekly-figures-wrapper-table.report-table-container .tbl-container tbody tr {
      font-size: 1em;
      height: 40px; }
    #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .leftSide .left_wrapper {
      width: -moz-max-content;
      width: max-content; }
      @media screen and (max-width: 768px) {
        #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .leftSide .left_wrapper .hideInfo, #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .leftSide .left_wrapper .showInfo {
          padding-left: 20px; } }
      @media screen and (max-width: 600px) {
        #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .leftSide .left_wrapper .small-letter {
          font-size: 10px; } }
      #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .leftSide .left_wrapper table thead tr th {
        height: 40px; }
      #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .leftSide .left_wrapper table tbody tr:nth-child(even), #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .leftSide .left_wrapper table tbody tr:nth-child(odd) {
        background: #ffffff; }
      #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .leftSide .left_wrapper table tbody tr .bgdhighlight {
        background-color: rgba(230, 190, 82, 0.08); }
      #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .leftSide .left_wrapper table tbody tr td {
        padding-right: 5px; }
    #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .rightSide {
      position: relative;
      overflow: auto;
      z-index: 0;
      display: inline;
      width: 100%; }
      #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .rightSide thead tr th {
        padding: 0px 10px;
        width: 1%;
        white-space: nowrap;
        padding: 0px 10px !important; }
      #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .rightSide tbody tr td {
        padding: 5px 10px;
        white-space: nowrap; }
        #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .rightSide tbody tr td .amount-light-blue {
          color: #00BCD4; }
        #weeklyFigures-container #weekly-figures-wrapper-table .contentTable .rightSide tbody tr td .text-decoration {
          text-decoration: underline;
          cursor: pointer; }
    #weeklyFigures-container #weekly-figures-wrapper-table .firstColumnHeader {
      position: absolute;
      z-index: 11;
      left: 0px; }
      #weeklyFigures-container #weekly-figures-wrapper-table .firstColumnHeader table thead tr, #weeklyFigures-container #weekly-figures-wrapper-table .firstColumnHeader table thead th {
        height: 40px;
        min-height: 40px; }
    #weeklyFigures-container #weekly-figures-wrapper-table .contentColumnHeader {
      position: absolute;
      overflow: hidden;
      z-index: 10; }
      #weeklyFigures-container #weekly-figures-wrapper-table .contentColumnHeader table thead tr th:first-child {
        padding-left: 0 !important; }

.activity-button {
  width: 90%;
  margin: 0 0 0 10px;
  padding: 0; }

.settings-container-popup {
  max-width: 610px; }
  .settings-container-popup md-dialog-actions {
    border-top: solid 1px #e0e0e0; }
  @media screen and (max-width: 600px) {
    .settings-container-popup {
      left: 1.5px; } }

.Recalc-btn {
  max-width: 180px;
  background-color: #218b13 !important;
  color: #333; }
  .Recalc-btn:hover {
    background-color: orangered !important;
    color: #ffffff97; }

.logs-btn {
  max-width: 60px;
  background-color: #202020 !important;
  color: #333; }
  .logs-btn:hover {
    background-color: #666564 !important;
    color: #ffffff97; }

#CogVersionLogDialog {
  max-width: 600px; }
  #CogVersionLogDialog md-card {
    margin: 0 0 8px 0;
    padding: 5px; }
  #CogVersionLogDialog.version-log-dialog {
    max-width: 1000px; }
  #CogVersionLogDialog .cog-list-items > div {
    border-bottom: 5px solid #f3f3f3; }
    #CogVersionLogDialog .cog-list-items > div .md-button.md-raised:not([disabled]) {
      box-shadow: none; }

#shift-add-dialog {
  max-width: 450px; }
  #shift-add-dialog .current-shift {
    padding: 10px;
    background-color: whitesmoke;
    margin-bottom: 15px; }
  #shift-add-dialog .shift-detail {
    margin-left: 10px; }
  #shift-add-dialog .shift-input-container {
    margin: 0;
    width: 240px; }
    #shift-add-dialog .shift-input-container md-select {
      margin: 0 !important; }
    #shift-add-dialog .shift-input-container.md-input-has-value label {
      display: none; }
  #shift-add-dialog md-dialog-content {
    min-height: 250px;
    padding: 15px; }
    #shift-add-dialog md-dialog-content md-datepicker {
      padding: 0;
      margin: 0; }
      #shift-add-dialog md-dialog-content md-datepicker .md-datepicker-input {
        top: 0; }
    #shift-add-dialog md-dialog-content md-card {
      margin: 0; }
      #shift-add-dialog md-dialog-content md-card label {
        color: rgba(0, 0, 0, 0.5); }
    #shift-add-dialog md-dialog-content cog-time-picker .ngb-tp-input {
      width: 80px;
      font-size: 18px;
      color: #000; }
    #shift-add-dialog md-dialog-content cog-time-picker .ngb-tp-meridian .btn {
      width: 60px;
      font-size: 13px;
      border-color: rgba(0, 0, 0, 0.3); }
    #shift-add-dialog md-dialog-content .time-container .hours::after, #shift-add-dialog md-dialog-content .time-container .minutes::after {
      content: ":"; }
    #shift-add-dialog md-dialog-content .shift-container {
      padding: 10px; }
    #shift-add-dialog md-dialog-content .processing {
      padding: 20px 5px;
      margin: 15px;
      text-align: center;
      color: rgba(0, 0, 0, 0.5); }
    #shift-add-dialog md-dialog-content .errors {
      text-align: center;
      padding: 20px 5px;
      margin: 15px;
      color: darkred; }

#shift-edit-dialog {
  max-width: 450px; }
  #shift-edit-dialog md-dialog-content {
    min-height: 250px;
    padding: 15px; }
    #shift-edit-dialog md-dialog-content md-datepicker {
      padding: 0;
      margin: 0; }
      #shift-edit-dialog md-dialog-content md-datepicker .md-datepicker-input {
        top: 0; }
    #shift-edit-dialog md-dialog-content md-card {
      margin: 0; }
      #shift-edit-dialog md-dialog-content md-card label {
        color: rgba(0, 0, 0, 0.5); }
    #shift-edit-dialog md-dialog-content cog-time-picker .ngb-tp-input {
      width: 80px;
      font-size: 18px;
      color: #000; }
    #shift-edit-dialog md-dialog-content cog-time-picker .ngb-tp-meridian .btn {
      width: 60px;
      font-size: 13px;
      border-color: rgba(0, 0, 0, 0.3); }
    #shift-edit-dialog md-dialog-content .time-container .hours::after, #shift-edit-dialog md-dialog-content .time-container .minutes::after {
      content: ":"; }
    #shift-edit-dialog md-dialog-content .shift-container {
      padding: 10px; }
    #shift-edit-dialog md-dialog-content .processing {
      padding: 20px 5px;
      margin: 15px;
      text-align: center;
      color: rgba(0, 0, 0, 0.5); }
    #shift-edit-dialog md-dialog-content .errors {
      text-align: center;
      padding: 20px 5px;
      margin: 15px;
      color: darkred; }

#shift-edit-dialog .current-shift, #shift-edit-info-dialog .current-shift {
  padding: 10px;
  background-color: whitesmoke;
  margin-bottom: 15px; }

#shift-edit-dialog .shift-detail, #shift-edit-info-dialog .shift-detail {
  margin-left: 10px; }

#shift-edit-dialog .mark_6, #shift-edit-dialog .red, #shift-edit-info-dialog .mark_6, #shift-edit-info-dialog .red {
  color: #FF0000; }

#shift-edit-dialog .mark_1, #shift-edit-dialog .green, #shift-edit-info-dialog .mark_1, #shift-edit-info-dialog .green {
  color: #009900; }

#shift-edit-dialog .mark_2, #shift-edit-dialog .mark_4, #shift-edit-info-dialog .mark_2, #shift-edit-info-dialog .mark_4 {
  color: #000; }

#shift-edit-dialog .mark_3, #shift-edit-dialog .mark_5, #shift-edit-info-dialog .mark_3, #shift-edit-info-dialog .mark_5 {
  color: #9c9c9c; }

#shift-edit-info-dialog {
  max-width: 450px; }
  #shift-edit-info-dialog md-dialog-content {
    min-height: 150px;
    padding: 15px; }
    #shift-edit-info-dialog md-dialog-content md-card {
      margin: 0; }
      #shift-edit-info-dialog md-dialog-content md-card label {
        color: rgba(0, 0, 0, 0.5); }

#shift-remove-dialog {
  max-width: 450px; }
  #shift-remove-dialog md-dialog-content {
    min-height: 150px;
    padding: 15px; }
    #shift-remove-dialog md-dialog-content md-card {
      margin: 0; }
      #shift-remove-dialog md-dialog-content md-card label {
        color: rgba(0, 0, 0, 0.5); }
    #shift-remove-dialog md-dialog-content .shift-container {
      padding: 10px; }
    #shift-remove-dialog md-dialog-content .processing {
      padding: 20px 5px;
      margin: 15px;
      text-align: center;
      color: rgba(0, 0, 0, 0.5); }
    #shift-remove-dialog md-dialog-content .errors {
      text-align: center;
      padding: 20px 5px;
      margin: 15px;
      color: darkred; }
  #shift-remove-dialog .current-shift {
    padding: 10px;
    background-color: whitesmoke;
    margin-bottom: 15px; }
  #shift-remove-dialog .shift-detail {
    margin-left: 10px; }
  #shift-remove-dialog .mark_6, #shift-remove-dialog .red {
    color: #FF0000; }
  #shift-remove-dialog .mark_1, #shift-remove-dialog .green {
    color: #009900; }
  #shift-remove-dialog .mark_2, #shift-remove-dialog .mark_4 {
    color: #000; }
  #shift-remove-dialog .mark_3, #shift-remove-dialog .mark_5 {
    color: #9c9c9c; }
  #shift-remove-dialog .remove-mark-btn {
    background-color: darkred !important;
    color: rgba(255, 255, 255, 0.9) !important; }
  #shift-remove-dialog md-toolbar {
    background-color: #6b0000 !important; }
    #shift-remove-dialog md-toolbar .header-title {
      font-size: 23px !important; }
  #shift-remove-dialog .alert-icon {
    font-size: 30px;
    color: darkorange;
    margin-right: 5px; }

#BTCProcessorDialog {
  max-width: 450px; }
  #BTCProcessorDialog .selectedProcessor {
    font-size: 1.5em;
    font-weight: 700;
    color: #0098f7;
    display: block;
    margin-top: 5px; }
  #BTCProcessorDialog .confirm-container {
    padding: 20px;
    text-align: center;
    border: solid 1px rgba(0, 0, 0, 0.1);
    background-color: #eaf7ff82;
    border-radius: 4px; }
  #BTCProcessorDialog .btc-info {
    padding-bottom: 25px; }
    #BTCProcessorDialog .btc-info .agent b {
      color: #0098f7; }
    #BTCProcessorDialog .btc-info .player b {
      color: #eb6400; }
  #BTCProcessorDialog .group-button button {
    font-size: 16px !important;
    padding: 10px 15px !important;
    height: 40px;
    min-height: 40px; }
  #BTCProcessorDialog .group-button .md-button.on {
    background-color: #607d8b !important; }

#SendBTCDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#SendBTCDialog md-select {
  margin-bottom: 10px !important; }

#SendBTCDialog md-input-container {
  margin-bottom: 10px !important; }

.btcpayServerOrderContainer .serversContainer {
  height: calc(100vh - 235px);
  overflow: auto;
  border-right: solid 1px #bebebe;
  max-width: 600px; }

.btcpayServerOrderContainer .serversOrderContainers {
  max-width: 1100px;
  margin-left: 10px; }

.btcpayServerOrderContainer .agentsContainer, .btcpayServerOrderContainer .playersContainer {
  margin-right: 10px;
  height: calc(100vh - 240px); }
  .btcpayServerOrderContainer .agentsContainer .header .md-toolbar-tools, .btcpayServerOrderContainer .playersContainer .header .md-toolbar-tools {
    background-color: #14548b;
    color: #d1e2f1; }

.btcpayServerOrderContainer .list-container .header .colOption,
.btcpayServerOrderContainer .list-container .item .colOption {
  text-align: center;
  width: 80px; }

.btcpayServerOrderContainer .list-container .header .colOption {
  color: #6e7f87; }

.btcpayServerOrderContainer .list-container md-toolbar {
  min-height: 32px; }

.btcpayServerOrderContainer .list-container .md-toolbar-tools {
  font-size: 16px;
  height: 46px;
  max-height: 46px; }

.btcpayServerOrderContainer .list-container md-list-item {
  font-size: 14px; }
  .btcpayServerOrderContainer .list-container md-list-item .md-button .md-no-style {
    cursor: auto; }
  .btcpayServerOrderContainer .list-container md-list-item md-checkbox {
    margin: 0;
    color: #005e7a; }
    .btcpayServerOrderContainer .list-container md-list-item md-checkbox.md-checked .md-icon {
      background-color: #54c4dd; }
      .btcpayServerOrderContainer .list-container md-list-item md-checkbox.md-checked .md-icon::after {
        border-color: #fff; }

.btcpayServerOrderContainer .list-container .nameTag {
  font-weight: 700;
  min-width: 140px;
  width: 140px;
  padding-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.btcpayServerOrderContainer .list-container .url {
  color: #660000;
  max-width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.btcpayServerOrderContainer .orderContainer {
  border-left: solid 1px #ececec;
  border-radius: 3px;
  box-shadow: 1.5px 2px 2px 0 #cfcfcf; }
  .btcpayServerOrderContainer .orderContainer .remove-btn {
    background-color: darkred;
    line-height: 24px;
    width: 24px;
    height: 24px;
    min-height: 24px; }
    .btcpayServerOrderContainer .orderContainer .remove-btn i {
      margin: 0;
      color: #ffa0a0;
      line-height: 24px; }
    .btcpayServerOrderContainer .orderContainer .remove-btn:disabled {
      opacity: 0.3; }
      .btcpayServerOrderContainer .orderContainer .remove-btn:disabled i {
        color: #c7c7c7; }

.btcpayOrderDragContainer.gu-mirror .item .colOption {
  text-align: center;
  width: 80px; }

.btcpayOrderDragContainer.gu-mirror .nameTag {
  font-weight: 700;
  min-width: 140px;
  width: 140px;
  padding-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.btcpayOrderDragContainer.gu-mirror .url {
  color: #660000;
  max-width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.btcpayOrderDragContainer.gu-mirror .remove-btn {
  display: none; }

@media screen and (max-width: 960px) {
  .btcpayserverContainer md-card {
    min-width: -moz-max-content;
    min-width: max-content; } }

.btcpayserverContainer .header {
  height: 48px;
  line-height: 48px;
  background-color: #14548b;
  color: #d1e2f1;
  padding: 0 10px; }
  .btcpayserverContainer .header span {
    margin-right: 10px; }

.btcpayserverContainer .action-btn {
  color: #5f1600 !important;
  background-color: #ffb52c !important; }
  .btcpayserverContainer .action-btn:disabled {
    color: #cdcdcd !important;
    background-color: #efefef !important; }

.btcpayserverContainer .cancel-btn {
  background-color: #c1e7f3 !important;
  line-height: 24px !important;
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important; }
  .btcpayserverContainer .cancel-btn i {
    color: #206074 !important; }

.btcpayserverContainer .delete-btn {
  background-color: #810000 !important;
  color: #fff !important; }

.btcpayserverContainer .actionInpuContainer .label {
  min-width: 105px;
  color: #585858;
  font-size: 12px;
  text-transform: uppercase; }

.btcpayserverContainer .actionInpuContainer .expirationMinutes {
  font-weight: 700;
  font-size: 1.15em;
  color: #006d05; }

.btcpayserverContainer .actionInpuContainer .maxSecondsDelay {
  font-weight: 700;
  font-size: 1.15em;
  color: #006d8f; }

.btcpayserverContainer .actionInpuContainer .baseUrl {
  color: #660000; }

.btcpayserverContainer .actionInpuContainer .apiKey {
  color: #06366d; }

.btcpayserverContainer .actionInpuContainer md-input-container {
  font-size: 13px;
  margin: 8px 0; }
  .btcpayserverContainer .actionInpuContainer md-input-container md-checkbox {
    margin: 0;
    color: #005e7a; }
    .btcpayserverContainer .actionInpuContainer md-input-container md-checkbox.md-checked .md-icon {
      background-color: #54c4dd; }
      .btcpayserverContainer .actionInpuContainer md-input-container md-checkbox.md-checked .md-icon::after {
        border-color: #fff; }
  .btcpayserverContainer .actionInpuContainer md-input-container .showOnCog md-checkbox, .btcpayserverContainer .actionInpuContainer md-input-container .isTest md-checkbox {
    color: #702400; }
    .btcpayserverContainer .actionInpuContainer md-input-container .showOnCog md-checkbox.md-checked .md-icon, .btcpayserverContainer .actionInpuContainer md-input-container .isTest md-checkbox.md-checked .md-icon {
      background-color: #ffcb7e; }
      .btcpayserverContainer .actionInpuContainer md-input-container .showOnCog md-checkbox.md-checked .md-icon::after, .btcpayserverContainer .actionInpuContainer md-input-container .isTest md-checkbox.md-checked .md-icon::after {
        border-color: #4d0000; }
  .btcpayserverContainer .actionInpuContainer md-input-container .err-msg {
    margin-top: 0;
    opacity: 1; }

.BTCPayServerDeleteHighlight {
  font-weight: 700;
  color: #5f1600;
  padding: 0 10px; }

.crypto-management-add-address-btn {
  color: antiquewhite; }
  .crypto-management-add-address-btn.md-button:hover {
    background-color: #a4cff3 !important; }

#cryptoAddressesDialog {
  min-width: 600px; }
  #cryptoAddressesDialog label {
    color: #333;
    font-size: 0.9em;
    display: block;
    margin-bottom: 5px; }
  #cryptoAddressesDialog #addressesInput {
    width: 100%;
    min-height: 250px;
    max-height: 450px; }
  #cryptoAddressesDialog .ttlAddresses {
    font-size: 1.5em;
    margin-right: 8px;
    color: darkred; }
  #cryptoAddressesDialog .errors {
    padding: 5px 10px;
    background-color: #fff7f7;
    border: solid 1px #df7e7e;
    border-radius: 3px;
    margin-bottom: 10px;
    color: #580000; }
  #cryptoAddressesDialog .warning {
    padding: 5px 10px;
    background-color: #f7f6ed;
    border: solid 1px #e4d2be;
    border-radius: 3px;
    margin-bottom: 10px;
    color: #494217;
    text-align: center; }
    #cryptoAddressesDialog .warning .warnAmount {
      font-size: 1.5em;
      font-weight: 700;
      color: #000000; }
  #cryptoAddressesDialog .addresses-list-container {
    border: solid 1px #cccccc;
    border-radius: 3px; }
    #cryptoAddressesDialog .addresses-list-container md-list-item {
      height: 36px;
      min-height: 36px;
      cursor: auto; }
      #cryptoAddressesDialog .addresses-list-container md-list-item .md-button {
        cursor: auto;
        padding: 0; }
    #cryptoAddressesDialog .addresses-list-container .idx {
      text-align: center;
      width: 70px;
      color: #999;
      font-size: 0.8em; }
  #cryptoAddressesDialog md-dialog-actions {
    padding: 0; }
    #cryptoAddressesDialog md-dialog-actions .md-button {
      margin: 0 15px 10px 15px; }
    #cryptoAddressesDialog md-dialog-actions .next-btn {
      background-color: #e28b08;
      color: #702400; }
      #cryptoAddressesDialog md-dialog-actions .next-btn:disabled {
        background-color: #eeeeee;
        color: #bbbbbb; }
    #cryptoAddressesDialog md-dialog-actions .confirm-btn {
      background-color: #147a00;
      color: #eaffba; }

#bchReport section md-card md-card-content {
  padding: 5px 5px 5px 20px; }

#bchReport #bchManagementToolbar {
  background-color: #00233f;
  height: 48px;
  min-height: 48px;
  padding: 0 0 0 15px; }
  #bchReport #bchManagementToolbar .ttlAddresses {
    margin: 0 5px;
    font-weight: 700;
    color: #ffffff90; }
  #bchReport #bchManagementToolbar .btn-btcpay {
    margin-right: 0; }
  #bchReport #bchManagementToolbar .crypto-name {
    text-align: center;
    min-width: 150px;
    color: #b3ffc6;
    font-size: 1.3em; }
  #bchReport #bchManagementToolbar .btn-view {
    min-width: 120px;
    margin-right: 0;
    background-color: #274f70;
    color: #537a99; }
    #bchReport #bchManagementToolbar .btn-view.viewSelected {
      background-color: #a4cff3;
      color: #162f44; }
      #bchReport #bchManagementToolbar .btn-view.viewSelected .ttlAddresses {
        color: #002c46; }
    #bchReport #bchManagementToolbar .btn-view:hover {
      background-color: #ffffff;
      color: #294357; }

#bchReport .errs {
  border: solid 1px #e3c19c;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #e3c19c;
  background-color: #fff1e3;
  margin: 10px;
  border-radius: 3px;
  border-top: black; }
  #bchReport .errs .err-header {
    padding: 5px 20px;
    padding-right: 5px;
    background-color: #000000;
    color: white; }
    #bchReport .errs .err-header .warning-lbl {
      color: orange; }
    #bchReport .errs .err-header .btn-close-errs {
      color: white;
      line-height: 26px;
      min-width: 0;
      width: 26px;
      height: 26px;
      min-height: 26px;
      margin: 0;
      background-color: #3d3d3d; }
      #bchReport .errs .err-header .btn-close-errs:hover {
        color: orange; }
  #bchReport .errs .err-content {
    padding: 10px 20px; }

#bchReport .items-container {
  height: calc(100vh - 205px);
  overflow: auto; }
  #bchReport .items-container thead .table-toolbar {
    height: 38px;
    min-height: 38px; }
    #bchReport .items-container thead .table-toolbar th span {
      color: #b9b9b9; }
  #bchReport .items-container thead th {
    text-align: center;
    padding: 0px 15px !important;
    padding-left: 40px !important; }
  #bchReport .items-container tbody tr.md-row {
    height: 40px; }
    #bchReport .items-container tbody tr.md-row :not(:first-child) {
      padding-right: 0; }
  #bchReport .items-container tbody td {
    text-align: center;
    padding: 0px 15px !important; }
  #bchReport .items-container .LoginName {
    background-color: #efeff0 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    color: #006700  !important;
    width: 70px;
    border-bottom: 1px solid #ddd !important;
    padding-left: 5px !important;
    cursor: pointer; }
    #bchReport .items-container .LoginName:hover {
      font-weight: 700; }
    #bchReport .items-container .LoginName.isPlayer {
      color: darkred !important; }
  #bchReport .items-container .SettleDate {
    color: #008cc3;
    line-height: normal;
    padding: 0 5px; }
  #bchReport .items-container .AddedDate {
    color: #004fb6;
    line-height: normal;
    width: 100px !important; }
  #bchReport .items-container .Usd_Amount_Received {
    color: darkgreen; }
  #bchReport .items-container .Address {
    text-align: left; }

#cryptoReport #cryptoManagementToolbar {
  padding: 0 8px 0 15px;
  background-color: #203e58;
  height: 48px;
  min-height: 48px; }
  #cryptoReport #cryptoManagementToolbar .btn-crypto {
    margin-right: 0; }
  #cryptoReport #cryptoManagementToolbar .btn-view {
    margin-right: 0;
    background-color: #a4cff3; }

#cryptoReport .action-container {
  width: 750px;
  border-left: solid 1px #bebebe; }
  @media screen and (min-width: 1651px) and (max-width: 1920px) {
    #cryptoReport .action-container {
      width: 530px; } }
  @media screen and (min-width: 961px) and (max-width: 1650px) {
    #cryptoReport .action-container {
      width: 420px; } }
  @media screen and (max-width: 960px) {
    #cryptoReport .action-container {
      width: 250px; } }

#cryptoReport .servers-container {
  height: calc(100vh - 160px);
  overflow: auto; }
  #cryptoReport .servers-container thead .table-toolbar {
    height: 38px;
    min-height: 38px; }
    #cryptoReport .servers-container thead .table-toolbar th span {
      color: #b9b9b9; }
    #cryptoReport .servers-container thead .table-toolbar th md-select .md-select-value span {
      color: #ffffff !important;
      font-size: 1.0em !important;
      font-weight: 400 !important; }
  #cryptoReport .servers-container tbody tr.md-row {
    height: 40px; }
    #cryptoReport .servers-container tbody tr.md-row :not(:first-child) {
      padding-right: 0; }

#cryptoReport .BTC_AccountHighlightColor {
  color: #000a67  !important;
  padding-left: 5px !important;
  background-color: transparent !important; }
  #cryptoReport .BTC_AccountHighlightColor:hover {
    font-weight: 700; }

#cryptoReport .tooltip-buttons {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 4px;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.92);
  border-radius: 4px;
  padding: 2px;
  white-space: nowrap; }

#cryptoReport .tooltip-container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: visible; }

#cryptoReport .acc-srch {
  min-width: none !important;
  font-size: 16px;
  padding: 0.5em;
  border-width: 0;
  border-radius: 0.25em;
  mix-blend-mode: hard-light; }

#cryptoReport .tb-custSearchInput {
  min-width: none !important; }

#cryptoReport .crypto-servers-config md-card {
  font-size: 14px; }
  #cryptoReport .crypto-servers-config md-card md-card-content {
    padding: 6px 15px;
    line-height: 32px; }

#cryptoReport .crypto-servers-config label {
  color: #666;
  margin-right: 20px; }

#cryptoReport .crypto-servers-config .config-container {
  margin-right: 20px; }
  #cryptoReport .crypto-servers-config .config-container .server {
    min-height: 28px;
    border-radius: 2px 0 0 2px;
    line-height: 28px;
    padding: 2px 10px;
    background-color: #14548b;
    color: #d1e2f1;
    box-shadow: 1.5px 2px 2px 0 #cfcfcf;
    width: 110px;
    text-align: center; }
  #cryptoReport .crypto-servers-config .config-container .mode {
    cursor: pointer;
    background-color: white;
    min-width: 120px;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 0 2px 2px 0;
    border: solid 1px #e4e4e4;
    box-shadow: 1.5px 2px 2px 0 #c2c2c263;
    min-height: 28px;
    width: 160px;
    text-align: center; }
    #cryptoReport .crypto-servers-config .config-container .mode:hover {
      color: darkred;
      font-size: 16px; }

#cryptoReport .cryptoManagementContainer .table-container .server {
  font-weight: 700; }
  #cryptoReport .cryptoManagementContainer .table-container .server .server-inline-edit-btn {
    display: inline-block;
    vertical-align: middle;
    width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    min-width: 26px !important;
    line-height: 26px !important;
    margin: 0 6px 0 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important; }
    #cryptoReport .cryptoManagementContainer .table-container .server .server-inline-edit-btn i {
      font-size: 13px;
      color: #8ab4cc; }
    #cryptoReport .cryptoManagementContainer .table-container .server .server-inline-edit-btn:hover {
      background-color: #c1e7f3 !important;
      border-radius: 50%; }
      #cryptoReport .cryptoManagementContainer .table-container .server .server-inline-edit-btn:hover i {
        color: #1565c0; }

#cryptoReport .cryptoManagementContainer .table-container .showOnCog,
#cryptoReport .cryptoManagementContainer .table-container .status {
  text-align: center;
  font-weight: normal; }
  #cryptoReport .cryptoManagementContainer .table-container .showOnCog .on,
  #cryptoReport .cryptoManagementContainer .table-container .status .on {
    color: black; }
  #cryptoReport .cryptoManagementContainer .table-container .showOnCog .off,
  #cryptoReport .cryptoManagementContainer .table-container .status .off {
    color: #d8d8d8; }

#cryptoReport .cryptoManagementContainer .table-container .storeId {
  text-align: center; }

#cryptoReport .cryptoManagementContainer .table-container .apiKey {
  color: #06366d; }

#cryptoReport .cryptoManagementContainer .table-container .notificationOnly {
  text-align: center; }
  #cryptoReport .cryptoManagementContainer .table-container .notificationOnly .checked {
    color: #000000; }
  #cryptoReport .cryptoManagementContainer .table-container .notificationOnly .unchecked {
    color: darkred; }

#cryptoReport .cryptoManagementContainer .table-container .url {
  text-align: center;
  color: #660000; }

#cryptoReport .cryptoManagementContainer .table-container .agent {
  color: #00569c; }

#cryptoReport .cryptoManagementContainer .table-container .player {
  color: #a82d00; }

#cryptoReport .cryptoManagementContainer .table-container .info-container {
  margin-right: 10px;
  min-height: 28px;
  min-width: 150px; }
  #cryptoReport .cryptoManagementContainer .table-container .info-container .label {
    min-height: 28px;
    border-radius: 2px 0 0 2px;
    line-height: 28px;
    padding: 2px 10px;
    background-color: #ebebeb;
    color: #5c5c5c;
    box-shadow: 1.5px 2px 2px 0 #cfcfcf; }
    #cryptoReport .cryptoManagementContainer .table-container .info-container .label i {
      margin-right: 5px; }
  #cryptoReport .cryptoManagementContainer .table-container .info-container .info {
    background-color: white;
    min-width: 120px;
    padding: 0 15px;
    line-height: 30px;
    border-radius: 0 2px 2px 0;
    border: solid 1px #e4e4e4;
    box-shadow: 1.5px 2px 2px 0 #c2c2c263;
    min-height: 33px; }

#cryptoReport .cryptoManagementContainer .table-container .hint {
  color: #1d1d1d; }

#cryptoReport .cryptoManagementContainer .table-container .action {
  width: 80px;
  text-align: center; }

#cryptoReport .cryptoManagementContainer .expirationMinutes .label {
  background-color: #cfe0cc;
  color: #2d7931; }

#cryptoReport .cryptoManagementContainer .expirationMinutes .info {
  font-weight: 700;
  font-size: 1.15em;
  color: #006d05; }

#cryptoReport .cryptoManagementContainer .maxSecondsDelay .label {
  background-color: #d3e7f9;
  color: #296674; }

#cryptoReport .cryptoManagementContainer .maxSecondsDelay .info {
  font-weight: 700;
  font-size: 1.15em;
  color: #006d8f; }

#cryptoReport .cryptoManagementContainer .edit-btn {
  background-color: #c1e7f3;
  line-height: 24px;
  width: 24px;
  height: 24px;
  min-height: 24px; }
  #cryptoReport .cryptoManagementContainer .edit-btn i {
    color: #206074; }

#cryptoReport .cryptoManagementContainer .remove-btn {
  background-color: #b8e7e7;
  line-height: 24px;
  width: 24px;
  height: 24px;
  min-height: 24px;
  -ms-grid-column-align: center;
      justify-items: center; }
  #cryptoReport .cryptoManagementContainer .remove-btn i {
    color: #ee1212; }

#cryptoReport .cryptoManagementContainer .status {
  font-size: 18px; }
  #cryptoReport .cryptoManagementContainer .status .on i {
    color: #34a83a; }
  #cryptoReport .cryptoManagementContainer .status .off i {
    color: red; }

#cryptoReport .cryptoManagementContainer .addresses {
  font-size: 14px;
  font-weight: 700; }
  #cryptoReport .cryptoManagementContainer .addresses .available {
    color: #2d7931; }
  #cryptoReport .cryptoManagementContainer .addresses .limit {
    color: #034ba8; }

#cryptoReport .cryptoManagementContainer .agent-srv {
  color: #015e95; }

#cryptoReport .cryptoManagementContainer .player-srv {
  color: #8c4f01; }

#cryptoReport .cryptoManagementContainer .and-lbl {
  color: #adadad; }

#cryptoReport .cryptoManagementContainer .xpub {
  color: #273f53; }

#cryptoReport .cryptoManagementContainer .crypto-type-label {
  display: inline-block;
  min-width: 64px;
  padding: 2px 10px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.3px; }

#cryptoReport .cryptoManagementContainer .crypto-type-btc {
  background-color: #ffe89a;
  color: #7a5400;
  border: 1px solid #f4cf52; }

#cryptoReport .cryptoManagementContainer .crypto-type-bch {
  background-color: #d5f6da;
  color: #0f6b2f;
  border: 1px solid #6ed989; }

#cryptoReport .cryptoManagementContainer .crypto-type-erc20 {
  background-color: #d8ecff;
  color: #0b4d7a;
  border: 1px solid #9fcbf2; }

#cryptoReport .cryptoManagementContainer .crypto-type-unknown {
  background-color: #f1f1f1;
  color: #6b6b6b;
  border: 1px solid #d0d0d0; }

#cryptoReport .cryptoManagementContainer .xpub-btn {
  font-size: 10px;
  color: #fff;
  background-color: #2b424b;
  line-height: 24px;
  height: 24px;
  min-height: 24px;
  width: 60px;
  min-width: 60px; }

#cryptoReport .cryptoManagementContainer thead th {
  padding: 0 8px; }

#cryptoReport .cryptoManagementContainer tbody td {
  border-top: none;
  border-bottom: none;
  padding-left: 5px;
  padding-right: 5px; }

#cryptoReport .cryptoManagementContainer tbody.even td {
  background-color: #f0f2f3; }

#cryptoReport .cryptoManagementContainer tbody.odd td {
  background-color: #fff; }

#cryptoReport .cryptoManagementContainer tbody:hover td {
  background-color: #dbedf8 !important; }

#cryptoReport .cryptoManagementContainer tbody:hover tr:first-child td:first-child {
  box-shadow: inset 3px 0 0 #1976d2; }

#cryptoReport .cryptoManagementContainer tbody.inactive-server td {
  opacity: 0.45;
  color: #888 !important; }

#cryptoReport .cryptoManagementContainer tbody.inactive-server:hover td {
  background-color: #e8e8e8 !important;
  opacity: 0.6; }

#cryptoReport .cryptoManagementContainer .bottom-tr {
  border-bottom: double 1px #f1f1f1; }
  #cryptoReport .cryptoManagementContainer .bottom-tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: none;
    border-bottom: none; }

#cryptoReport .test-info {
  cursor: help;
  color: #9fbcdd;
  margin-left: 3px; }
  #cryptoReport .test-info:hover {
    color: #001d29; }

.edit-server-dialog {
  min-width: 600px;
  max-width: 900px;
  width: 700px; }
  .edit-server-dialog md-toolbar {
    background-color: #203e58;
    min-height: 48px;
    height: 48px; }
    .edit-server-dialog md-toolbar h2 {
      font-size: 16px;
      font-weight: 500; }
  .edit-server-dialog md-dialog-content {
    padding: 0;
    overflow-y: auto; }
    .edit-server-dialog md-dialog-content crypto-server .header {
      display: none; }

.address-details-dialog {
  min-width: 80%;
  max-width: 1200px;
  width: 1200px;
  /* Fixed width */
  max-height: 80vh;
  max-height: 80dvh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .address-details-dialog md-dialog-content {
    -ms-flex-positive: 1;
        flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    overflow-y: hidden; }
  .address-details-dialog md-tabs {
    -ms-flex-positive: 1;
        flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .address-details-dialog md-tabs .md-tab:hover, .address-details-dialog md-tabs .md-tab:focus, .address-details-dialog md-tabs .md-tab.md-active {
      background-color: rgba(230, 191, 0, 0.1875); }
    .address-details-dialog md-tabs .md-tab.md-active {
      color: var(--color-secondary-700); }
    .address-details-dialog md-tabs md-ink-bar {
      height: 4px;
      color: var(--color-secondary-500);
      background-color: var(--color-secondary-500); }
    .address-details-dialog md-tabs md-pagination-wrapper {
      width: 100% !important; }
  .address-details-dialog md-tab-content {
    width: 100%; }
  .address-details-dialog .md-tab-content {
    padding: 16px;
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .address-details-dialog md-content {
    overflow: visible; }
  .address-details-dialog .table-container {
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  .address-details-dialog md-table-container {
    max-height: calc(80vh - 206px);
    max-height: calc(80dvh - 206px); }
  .address-details-dialog .md-table-container {
    -ms-flex: 1;
        flex: 1; }
  .address-details-dialog table.md-table {
    overflow-y: visible; }
    .address-details-dialog table.md-table tbody > tr:nth-of-type(even):not(:hover) {
      background-color: #eee; }
    .address-details-dialog table.md-table tbody > tr > td:nth-of-type(even) {
      color: var(--color-primary-dull-500); }
    .address-details-dialog table.md-table thead.md-head > tr.md-row {
      height: 2em; }
    .address-details-dialog table.md-table th.md-column {
      color: #fff; }
  .address-details-dialog thead.md-head,
  .address-details-dialog thead.md-head th {
    background-color: var(--color-primary-dull-600); }
  .address-details-dialog thead.md-head th {
    position: sticky;
    top: 0; }
  .address-details-dialog .group-totals {
    position: sticky;
    bottom: 0;
    padding: 8px;
    color: #203e58;
    background-color: #dfe6ec;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
    gap: 48px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    /* Prevent totals from shrinking */
    font-size: 1.0625em; }
    .address-details-dialog .group-totals strong {
      font-weight: bold; }
  .address-details-dialog .md-dialog-content {
    padding: 0 !important;
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    overflow: hidden;
    /* Prevent content from overflowing */ }
  .address-details-dialog md-tabs-content-wrapper {
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    /* Prevent content from overflowing */ }
  .address-details-dialog md-dialog-actions {
    padding-left: 8px; }
    .address-details-dialog md-dialog-actions .md-button {
      margin: 4px auto; }

.CryptoServerTypeHighlight {
  font-weight: 700;
  font-size: 18px;
  color: darkred;
  padding: 0 10px; }

md-tooltip .md-content .crypto-management-tooltip {
  max-width: 200px; }
  md-tooltip .md-content .crypto-management-tooltip .multiline {
    height: auto;
    padding: 0;
    white-space: initial; }

#AddMailboxDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#AddMailboxDialog md-select {
  margin-bottom: 10px !important; }

#AddMailboxDialog md-input-container {
  margin-bottom: 10px !important; }

#AssignedAgentsDialog .toolbar-default {
  min-height: 45px;
  line-height: 45px;
  background: #607d8b;
  color: #f7f7f7; }

#AssignedAgentsDialog .md-toolbar-tools {
  font-size: 15px;
  font-weight: 500;
  max-height: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 14px; }
  #AssignedAgentsDialog .md-toolbar-tools md-icon {
    color: #f7f7f7; }

#AssignedAgentsDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#AssignedAgentsDialog md-dialog-actions {
  margin-top: 0px; }

#AssignedAgentsDialog md-select {
  margin-bottom: 10px !important; }

#AssignedAgentsDialog md-input-container {
  margin-bottom: 10px !important; }
  #AssignedAgentsDialog md-input-container md-list-item, #AssignedAgentsDialog md-input-container md-list-item.md-2-line > .md-no-style {
    min-height: 0px;
    padding: 0 !important; }

#AddServicesDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#AddServicesDialog md-select {
  margin-bottom: 10px !important; }

#AddServicesDialog md-input-container {
  margin-bottom: 10px !important; }

#ServicesDialog .btn-stat {
  margin-top: 5px; }

#ServicesDialog .md-primary {
  background-color: #37474f;
  color: #fff;
  padding-right: 15px; }

#ServicesDialog .active,
#ServicesDialog .icon-active {
  color: green !important; }

#ServicesDialog .inactive,
#ServicesDialog .icon-inactive {
  color: red !important; }

#ServicesDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#ServicesDialog md-select {
  margin-bottom: 10px !important; }

#ServicesDialog md-input-container {
  margin-bottom: 10px !important; }

#MoneygramConfirmDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#MoneygramConfirmDialog md-select {
  margin-bottom: 10px !important; }

#MoneygramConfirmDialog md-input-container {
  margin-bottom: 10px !important; }

#MoneygramAddGroupsDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#MoneygramAddGroupsDialog md-select {
  margin-bottom: 10px !important; }

#MoneygramAddGroupsDialog md-input-container {
  margin-bottom: 10px !important; }

#MoneygramSearchDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#MoneygramSearchDialog md-select {
  margin-bottom: 10px !important; }

#MoneygramSearchDialog md-input-container {
  margin-bottom: 10px !important; }

#moneygram-groups-container .active,
.icon-active {
  color: green !important; }

#moneygram-groups-container .inactive,
.icon-inactive {
  color: red !important; }

#moneygram-groups-container .MGGroup {
  font-weight: 700; }

#moneygram-groups-container .groupFilter-md-select {
  margin: 0;
  margin-top: -10px; }

#moneygram-groups-container .statusFilter-md-select {
  margin: 0;
  margin-top: -10px; }

#moneygram-groups-container .mg-delete-btn md-icon {
  color: #920000; }

#moneygram-groups-container .mg-edit-btn md-icon {
  color: #255971; }

#CogAccAddDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#CogAccAddDialog md-select {
  margin-bottom: 10px !important; }

#CogAccAddDialog md-input-container {
  margin-bottom: 10px !important; }

.custom-available-desc {
  font-weight: 600; }

.custom-reported-desc {
  color: green;
  font-weight: 600; }

.custom-assigned-desc {
  color: red;
  font-weight: 600; }

.md-data-table .table-toolbar {
  background-color: #607d8b;
  min-height: 45px;
  height: 45px; }

.md-data-table .th-toolbar, .md-data-table .md-sort-icon {
  color: #ffffff !important;
  font-size: 0.8em !important;
  font-weight: 400 !important; }

#moneygramGroupsTableReport thead.md-head > tr.md-row {
  height: 40px; }

.Balance_Column {
  color: red;
  font-weight: bold; }

.Withdraw_Column {
  color: green;
  font-weight: bold; }

#MoneygramConfirmDialog .required_note {
  font-size: 0.7em;
  color: darkorange; }

#MoneygramConfirmDialog md-select {
  margin-bottom: 10px !important; }

#MoneygramConfirmDialog md-input-container {
  margin-bottom: 10px !important; }

#consensusRuleDeleteDialog {
  max-width: 500px;
  width: 100%; }
  #consensusRuleDeleteDialog .actionIcon {
    color: #ff5400; }
  #consensusRuleDeleteDialog .delete-btn {
    background-color: darkred !important; }
  #consensusRuleDeleteDialog .consensusContainer {
    padding: 10px;
    background-color: #fff; }
    #consensusRuleDeleteDialog .consensusContainer .w100 {
      width: 100%; }
    #consensusRuleDeleteDialog .consensusContainer .rule-card {
      padding: 0px;
      -ms-flex: auto;
          flex: auto;
      margin: 2px;
      font-size: 0.85em; }
      #consensusRuleDeleteDialog .consensusContainer .rule-card legend {
        padding: 5px 10px;
        background-color: #e7e7e7;
        color: #525252; }
      #consensusRuleDeleteDialog .consensusContainer .rule-card .container label {
        color: #525252;
        padding: 4px 0;
        text-align: center;
        display: block;
        background-color: #f5f5f5; }
      #consensusRuleDeleteDialog .consensusContainer .rule-card .container .info {
        padding: 10px 0;
        font-size: 14px;
        text-align: center;
        width: 100%; }
        #consensusRuleDeleteDialog .consensusContainer .rule-card .container .info.juice-value {
          font-weight: 700;
          color: darkred; }
        #consensusRuleDeleteDialog .consensusContainer .rule-card .container .info.conversion-value {
          font-weight: 700;
          color: #195f89; }
    #consensusRuleDeleteDialog .consensusContainer .wagerTypesContainer {
      margin-bottom: 10px; }
    #consensusRuleDeleteDialog .consensusContainer .wager-type-btn {
      margin: 0px;
      min-height: 30px;
      line-height: 30px;
      background-color: #ffffff;
      color: #4c4c4c;
      margin-right: 10px;
      width: 150px; }
      #consensusRuleDeleteDialog .consensusContainer .wager-type-btn:hover {
        background-color: #4c4c4c;
        color: #ffffff; }
      #consensusRuleDeleteDialog .consensusContainer .wager-type-btn:disabled {
        background-color: #e9e9e9;
        color: #cfcfcf; }
      #consensusRuleDeleteDialog .consensusContainer .wager-type-btn.selected {
        background-color: #06508d;
        color: #dce5ed; }
        #consensusRuleDeleteDialog .consensusContainer .wager-type-btn.selected:disabled {
          background-color: #c7d2e7;
          color: #91afcc; }
    #consensusRuleDeleteDialog .consensusContainer .headerLbl {
      line-height: 32px; }
      #consensusRuleDeleteDialog .consensusContainer .headerLbl .hint {
        font-size: 0.7em;
        color: #666;
        margin-left: 5px; }
    #consensusRuleDeleteDialog .consensusContainer md-input-container {
      min-width: auto;
      margin: 15px 0 0 0; }
      #consensusRuleDeleteDialog .consensusContainer md-input-container .md-errors-spacer {
        display: none; }

.w100 {
  width: 100%; }

#consensusRuleLoadTemplatesDialog {
  max-width: 700px;
  width: 100%; }
  #consensusRuleLoadTemplatesDialog #formulaRulesTableContainer {
    max-height: 300px; }
  #consensusRuleLoadTemplatesDialog .consensusRuleLoadTemplatesContainer {
    min-height: 300px; }
    #consensusRuleLoadTemplatesDialog .consensusRuleLoadTemplatesContainer h3 {
      font-size: 14px;
      text-align: center;
      margin: 0;
      padding: 5px 10px;
      background-color: #f1f1f1;
      border-bottom: solid 1px #dfdfdf;
      color: #727272; }
    #consensusRuleLoadTemplatesDialog .consensusRuleLoadTemplatesContainer .rulesContainer {
      max-height: 400px;
      overflow: auto; }
  #consensusRuleLoadTemplatesDialog .rulesContainer md-input-container {
    margin: 0;
    padding: 0 10px; }
    #consensusRuleLoadTemplatesDialog .rulesContainer md-input-container .md-errors-spacer {
      display: none; }
  #consensusRuleLoadTemplatesDialog .rulesContainer md-table-container thead .md-row {
    height: 36px;
    font-size: 12px;
    background-color: #4c4c4c; }
    #consensusRuleLoadTemplatesDialog .rulesContainer md-table-container thead .md-row th {
      padding: 5px;
      color: #ffffff;
      border-bottom: solid 1px #414141;
      text-align: center; }
  #consensusRuleLoadTemplatesDialog .rulesContainer md-table-container tbody tr {
    height: 30px; }
    #consensusRuleLoadTemplatesDialog .rulesContainer md-table-container tbody tr.line-separator td {
      border-bottom: solid 1px #bdbdbd; }
  #consensusRuleLoadTemplatesDialog .rulesContainer md-table-container tbody td {
    text-align: center;
    padding: 3px !important; }
    #consensusRuleLoadTemplatesDialog .rulesContainer md-table-container tbody td.juice-value {
      font-weight: 700;
      color: darkred; }
    #consensusRuleLoadTemplatesDialog .rulesContainer md-table-container tbody td.juice-col {
      background-color: #f7f5ef; }
    #consensusRuleLoadTemplatesDialog .rulesContainer md-table-container tbody td.conversion-value {
      font-weight: 700;
      color: #195f89; }
  #consensusRuleLoadTemplatesDialog .actionIcon {
    color: #68edff; }
  #consensusRuleLoadTemplatesDialog md-checkbox {
    margin: 0;
    font-size: 12px; }
    #consensusRuleLoadTemplatesDialog md-checkbox.md-checked .md-icon {
      background-color: darkgreen; }
      #consensusRuleLoadTemplatesDialog md-checkbox.md-checked .md-icon::after {
        border-color: #bbffbb; }
  #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer {
    padding: 10px;
    background-color: #fff; }
    #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .w100 {
      width: 100%; }
    #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .rule-card {
      padding: 0px;
      -ms-flex: auto;
          flex: auto;
      margin: 2px;
      font-size: 0.85em; }
      #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .rule-card legend {
        padding: 5px 10px;
        background-color: #e7e7e7;
        color: #525252; }
      #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .rule-card .container label {
        color: #525252;
        padding: 4px 0;
        text-align: center;
        display: block;
        background-color: #f5f5f5; }
      #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .rule-card .container .info {
        padding: 10px 0;
        font-size: 14px;
        text-align: center;
        width: 100%; }
        #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .rule-card .container .info.juice-value {
          font-weight: 700;
          color: darkred; }
        #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .rule-card .container .info.conversion-value {
          font-weight: 700;
          color: #195f89; }
    #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .wager-type-btn {
      margin: 0px;
      min-height: 30px;
      line-height: 30px;
      background-color: #ffffff;
      color: #4c4c4c;
      margin-right: 10px;
      width: 150px; }
      #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .wager-type-btn:hover {
        background-color: #4c4c4c;
        color: #ffffff; }
      #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .wager-type-btn:disabled {
        background-color: #e9e9e9;
        color: #cfcfcf; }
      #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .wager-type-btn.selected {
        background-color: #06508d;
        color: #dce5ed; }
        #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .wager-type-btn.selected:disabled {
          background-color: #c7d2e7;
          color: #91afcc; }
    #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .headerLbl {
      line-height: 32px; }
      #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer .headerLbl .hint {
        font-size: 0.7em;
        color: #666;
        margin-left: 5px; }
    #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer md-input-container {
      min-width: auto;
      margin: 15px 0 0 0; }
      #consensusRuleLoadTemplatesDialog .consensusWagerTypesContainer md-input-container .md-errors-spacer {
        display: none; }
  #consensusRuleLoadTemplatesDialog .consensusTemplatesContainer {
    margin: 10px 5px; }
    #consensusRuleLoadTemplatesDialog .consensusTemplatesContainer .templatesContainer .sport-type-btn {
      margin: 0px;
      min-height: 30px;
      line-height: 30px;
      background-color: #ffffff;
      color: #4c4c4c;
      margin-right: 10px;
      width: 150px; }
      #consensusRuleLoadTemplatesDialog .consensusTemplatesContainer .templatesContainer .sport-type-btn:hover {
        background-color: #4c4c4c;
        color: #ffffff; }
      #consensusRuleLoadTemplatesDialog .consensusTemplatesContainer .templatesContainer .sport-type-btn:disabled {
        background-color: #e9e9e9;
        color: #cfcfcf; }
      #consensusRuleLoadTemplatesDialog .consensusTemplatesContainer .templatesContainer .sport-type-btn.selected {
        background-color: darkgreen;
        color: #c0d5b6; }
        #consensusRuleLoadTemplatesDialog .consensusTemplatesContainer .templatesContainer .sport-type-btn.selected:disabled {
          background-color: #c7d2e7;
          color: #91afcc; }

#hisotry-wager-weekly-dialog {
  width: 1000px;
  max-width: 100%;
  height: 95%;
  max-height: 100%;
  font-size: 0.85em;
  /*.pendingExpandLeg {
            width: 100%;
            padding-left: 24px;
        }*/ }
  #hisotry-wager-weekly-dialog md-toolbar {
    background-color: white;
    color: grey;
    min-height: 28px;
    height: 35px; }
    #hisotry-wager-weekly-dialog md-toolbar .md-toolbar-tools h2 {
      font-size: 0.85em; }
      #hisotry-wager-weekly-dialog md-toolbar .md-toolbar-tools h2 span {
        color: darkred;
        font-weight: 700; }
  #hisotry-wager-weekly-dialog .weekly-history-tabs .history-nav-bar {
    background-color: #fff !important;
    padding-right: 10px;
    min-height: 45px; }
    #hisotry-wager-weekly-dialog .weekly-history-tabs .history-nav-bar .md-nav-bar {
      background-color: #fff;
      border-color: rgba(0, 0, 0, 0);
      height: auto; }
      #hisotry-wager-weekly-dialog .weekly-history-tabs .history-nav-bar .md-nav-bar .md-nav-item:first-of-type {
        margin-left: 0; }
      #hisotry-wager-weekly-dialog .weekly-history-tabs .history-nav-bar .md-nav-bar .md-button {
        margin: 0; }
        #hisotry-wager-weekly-dialog .weekly-history-tabs .history-nav-bar .md-nav-bar .md-button.md-active {
          color: #0e4e6d; }
      #hisotry-wager-weekly-dialog .weekly-history-tabs .history-nav-bar .md-nav-bar md-nav-ink-bar {
        color: #607d8b;
        background: #607d8b; }
  #hisotry-wager-weekly-dialog md-dialog-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, 0.1);
    transition: all .2s; }
  #hisotry-wager-weekly-dialog md-dialog-content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    transition: all .2s; }
  #hisotry-wager-weekly-dialog md-icon {
    color: grey; }
  #hisotry-wager-weekly-dialog md-dialog-content {
    padding: 10px; }
    #hisotry-wager-weekly-dialog md-dialog-content md-card {
      margin: 0px;
      padding: 3px; }
    #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container .lstWagers {
      max-height: 100vh;
      overflow-y: auto;
      border: solid 1px #c5c5c5; }
      #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container .lstWagers::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background: rgba(0, 0, 0, 0.1);
        transition: all .2s; }
      #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container .lstWagers::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.35);
        border-radius: 4px;
        transition: all .2s; }
      #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container .lstWagers .odd {
        background-color: #efefef; }
      #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container .lstWagers .even {
        background-color: #e0e0e0; }
    #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container md-list-item {
      padding: 0 5px;
      min-height: 30px; }
      #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container md-list-item .md-list-item-text {
        margin: 3px 0; }
      #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container md-list-item.straight {
        min-height: 35px;
        padding: 4px 8px !important; }
        #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container md-list-item.straight .dvPendingLogo {
          padding-right: 4px;
          margin-top: -4px; }
        #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container md-list-item.straight span:not(.team):not(.pdPrice):not(.tmTotal):not(.ticketType) {
          font-weight: 600; }
        #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container md-list-item.straight .pdPrice {
          font-size: 12px !important;
          color: #676363; }
    #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container md-list-item.md-2-line::before {
      min-height: 30px; }
    #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container .pendingtype {
      color: maroon !important; }
    #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container .pending .teamDesc {
      height: 35px; }
      #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container .pending .teamDesc .logo-over {
        background-image: url(../assets/images/logos/over.png);
        width: 30px;
        height: 30px; }
      #hisotry-wager-weekly-dialog md-dialog-content .hisotry-wager-weekly-container .pending .teamDesc .logo-under {
        background-image: url(../assets/images/logos/under.png);
        width: 28px;
        height: 28px; }
  #hisotry-wager-weekly-dialog .itmPadding span {
    padding-right: 2px; }
  @media (max-width: 425px) {
    #hisotry-wager-weekly-dialog {
      width: 100%;
      height: 100%;
      font-size: 0.8em; }
      #hisotry-wager-weekly-dialog md-toolbar .md-toolbar-tools h2 {
        font-size: 0.7em; }
      #hisotry-wager-weekly-dialog md-dialog-content {
        padding: 0px !important; }
        #hisotry-wager-weekly-dialog md-dialog-content md-card {
          padding: 0px; }
        #hisotry-wager-weekly-dialog md-dialog-content .info-container .info label {
          line-height: 28px; }
        #hisotry-wager-weekly-dialog md-dialog-content .info-container .info div {
          line-height: 28px; } }

@media screen and (max-width: 960px) {
  .cryptoserverContainer md-card {
    min-width: -moz-max-content;
    min-width: max-content; } }

.cryptoserverContainer .header {
  height: 48px;
  line-height: 48px;
  background-color: #14548b;
  color: #d1e2f1;
  padding: 0 10px; }
  .cryptoserverContainer .header span {
    margin-right: 10px; }

.cryptoserverContainer .action-btn {
  color: #5f1600 !important;
  background-color: #ffb52c !important; }
  .cryptoserverContainer .action-btn:disabled {
    color: #cdcdcd !important;
    background-color: #efefef !important; }

.cryptoserverContainer .cancel-btn {
  background-color: #c1e7f3 !important;
  line-height: 24px !important;
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important; }
  .cryptoserverContainer .cancel-btn i {
    color: #206074 !important; }

.cryptoserverContainer .delete-btn {
  background-color: #810000 !important;
  color: #fff !important; }

.cryptoserverContainer .actionInpuContainer .label {
  min-width: 105px;
  color: #585858;
  font-size: 12px;
  text-transform: uppercase; }
  .cryptoserverContainer .actionInpuContainer .label.addressesLbl {
    min-width: 60px;
    text-align: right;
    color: #1456ac; }

.cryptoserverContainer .actionInpuContainer .AvailableAddresses {
  font-weight: 700;
  font-size: 1.15em;
  color: #006d05; }

.cryptoserverContainer .actionInpuContainer .addressesVal {
  width: 80px;
  text-align: center;
  margin-left: 5px; }

.cryptoserverContainer .actionInpuContainer .Xpub-container .md-resize-wrapper {
  width: 100%; }

.cryptoserverContainer .actionInpuContainer .Xpub-container textarea.Xpub {
  border: solid 1px #ebebeb;
  border-radius: 3px;
  padding: 0 5px; }

.cryptoserverContainer .actionInpuContainer .AddressesLimit {
  width: 80px;
  font-weight: 700;
  font-size: 1.15em;
  color: #006d8f; }

.cryptoserverContainer .actionInpuContainer .AddressesOffset {
  font-weight: 700;
  font-size: 1.15em;
  color: #363636; }

.cryptoserverContainer .actionInpuContainer .baseUrl {
  color: #660000; }

.cryptoserverContainer .actionInpuContainer .apiKey {
  color: #06366d; }

.cryptoserverContainer .actionInpuContainer md-input-container {
  font-size: 13px;
  margin: 8px 0; }
  .cryptoserverContainer .actionInpuContainer md-input-container md-checkbox {
    margin: 0;
    color: #005e7a; }
    .cryptoserverContainer .actionInpuContainer md-input-container md-checkbox.md-checked .md-icon {
      background-color: #54c4dd; }
      .cryptoserverContainer .actionInpuContainer md-input-container md-checkbox.md-checked .md-icon::after {
        border-color: #fff; }
  .cryptoserverContainer .actionInpuContainer md-input-container md-switch {
    margin: 0; }
  .cryptoserverContainer .actionInpuContainer md-input-container .showOnCog md-checkbox, .cryptoserverContainer .actionInpuContainer md-input-container .isTest md-checkbox {
    color: #702400; }
    .cryptoserverContainer .actionInpuContainer md-input-container .showOnCog md-checkbox.md-checked .md-icon, .cryptoserverContainer .actionInpuContainer md-input-container .isTest md-checkbox.md-checked .md-icon {
      background-color: #ffcb7e; }
      .cryptoserverContainer .actionInpuContainer md-input-container .showOnCog md-checkbox.md-checked .md-icon::after, .cryptoserverContainer .actionInpuContainer md-input-container .isTest md-checkbox.md-checked .md-icon::after {
        border-color: #4d0000; }
  .cryptoserverContainer .actionInpuContainer md-input-container .err-msg {
    margin-top: 0;
    opacity: 1; }

.CryptoServerDeleteHighlight {
  font-weight: 700;
  color: #5f1600;
  padding: 0 10px; }

#dvLive {
  margin-top: 22px; }
  @media screen and (max-width: 959px) {
    #dvLive {
      margin-top: 0px; } }

.lstScores {
  margin-right: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }
  .lstScores .groupHeader {
    cursor: pointer; }
    .lstScores .groupHeader.md-subheader .md-subheader-inner {
      font-weight: 300;
      padding-left: 5px !important;
      padding-right: 5px !important;
      padding-top: 5px !important;
      padding-bottom: 5px !important;
      background-color: #335c66;
      transition: color, background .25s ease-in-out;
      color: #fff; }
      @media screen and (max-width: 959px) {
        .lstScores .groupHeader.md-subheader .md-subheader-inner {
          padding-top: 1px !important;
          padding-bottom: 1px !important; } }
      .lstScores .groupHeader.md-subheader .md-subheader-inner md-icon {
        color: #fff;
        vertical-align: baseline; }
      .lstScores .groupHeader.md-subheader .md-subheader-inner .md-subheader-content {
        font-size: 15px; }
        @media screen and (max-width: 959px) {
          .lstScores .groupHeader.md-subheader .md-subheader-inner .md-subheader-content {
            font-size: 14px; } }
      .lstScores .groupHeader.md-subheader .md-subheader-inner:hover {
        background-color: #407380; }
        @media screen and (max-width: 959px) {
          .lstScores .groupHeader.md-subheader .md-subheader-inner:hover {
            background-color: #335c66; } }
    .lstScores .groupHeader .groupHeaderFirstPart {
      font-weight: 500;
      padding-left: .5em;
      color: #fff; }
    .lstScores .groupHeader .groupHeaderSecondPart {
      font-weight: 500;
      padding-left: .5em;
      color: #ccc;
      /* Fallback */
      color: rgba(255, 255, 255, 0.67); }
      @media screen and (max-width: 959px) {
        .lstScores .groupHeader .groupHeaderSecondPart {
          color: #fff;
          font-weight: normal; } }
  .lstScores .dvScores {
    padding: 5px 3px;
    background-color: #fff; }
    .lstScores .dvScores .gameBox {
      padding: 0px;
      font-size: 13px;
      cursor: pointer; }
      @media screen and (max-width: 1200px) and (min-width: 960px) {
        .lstScores .dvScores .gameBox {
          font-size: 12px; } }
      @media screen and (max-width: 959px) {
        .lstScores .dvScores .gameBox {
          font-size: 12px; } }
      .lstScores .dvScores .gameBox md-card {
        background-color: transparent;
        margin: 5px;
        box-shadow: none; }
        .lstScores .dvScores .gameBox md-card md-card-title {
          padding: 2px 0;
          color: #000;
          text-align: center;
          border-top: 1px solid;
          border-left: 1px solid;
          border-right: 1px solid;
          background-color: #d5ecf2;
          border-top-color: #a7bcc2;
          border-right-color: #a7bcc2;
          border-left-color: #a7bcc2;
          transition: background .25s ease-in-out;
          border-radius: 5px 5px 0 0;
          font-weight: 500; }
          @media screen and (max-width: 959px) {
            .lstScores .dvScores .gameBox md-card md-card-title {
              font-size: 12px;
              padding: 0px; } }
          .lstScores .dvScores .gameBox md-card md-card-title.final {
            font-weight: 500;
            color: #fff;
            background: #66888f; }
          .lstScores .dvScores .gameBox md-card md-card-title.tU {
            /*border-top-color:   #871720;
                        border-right-color: #871720;
                        border-left-color:  #871720;*/
            background-color: #f2e9e9;
            color: #bb1f2c;
            font-weight: 600; }
          .lstScores .dvScores .gameBox md-card md-card-title.ht {
            border-top-color: #be6f38;
            border-right-color: #be6f38;
            border-left-color: #be6f38;
            background-color: #f2e2d6;
            color: #be6f38;
            font-weight: 600; }
        .lstScores .dvScores .gameBox md-card md-card-content {
          padding: 5px 0px 3px 0px;
          font-weight: 600;
          text-transform: uppercase;
          border-style: solid !important;
          border-color: #a7bcc2 !important;
          border: 1px solid;
          border-radius: 0 0 5px 5px;
          background-color: #fff;
          z-index: 1; }
          .lstScores .dvScores .gameBox md-card md-card-content i.fa {
            float: right;
            color: #66BB6A;
            margin-top: 1px; }
            @media screen and (max-width: 959px) {
              .lstScores .dvScores .gameBox md-card md-card-content i.fa {
                margin-top: 2px; } }
          .lstScores .dvScores .gameBox md-card md-card-content .dvScore {
            margin-right: 5px !important; }
          .lstScores .dvScores .gameBox md-card md-card-content .scoreRight {
            margin-right: 9px !important; }
          .lstScores .dvScores .gameBox md-card md-card-content div[layout="row"] {
            line-height: 28px; }
          .lstScores .dvScores .gameBox md-card md-card-content .logosCust {
            margin-right: 2px;
            margin-top: 3px; }
          .lstScores .dvScores .gameBox md-card md-card-content .teamFaded {
            color: #817D7D;
            font-weight: 500; }
          .lstScores .dvScores .gameBox md-card md-card-content .scC {
            width: auto !important;
            min-width: 30px;
            max-width: none !important;
            padding: 6px;
            text-align: center;
            line-height: normal;
            background: #bb1f2c;
            color: white;
            z-index: 10;
            border-radius: 2px !important;
            margin-top: 2px; }
          .lstScores .dvScores .gameBox md-card md-card-content.ht {
            border-color: #be6f38 !important; }
  .lstScores .lstFinals {
    margin: 0px;
    background-color: #fff; }
    .lstScores .lstFinals .finalsHeader {
      background-color: #7c8c90 !important; }
      .lstScores .lstFinals .finalsHeader .md-subheader-inner {
        padding-left: 5px !important;
        padding-right: 5px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important; }
        .lstScores .lstFinals .finalsHeader .md-subheader-inner .md-subheader-content {
          font-size: 13.5px;
          color: #fff; }
          .lstScores .lstFinals .finalsHeader .md-subheader-inner .md-subheader-content .zmdi {
            color: #fff; }
          @media screen and (max-width: 959px) {
            .lstScores .lstFinals .finalsHeader .md-subheader-inner .md-subheader-content {
              font-size: 12.5px; } }

.wager-detail-container .cashout-hint-label {
  margin-left: 5px;
  color: #4d4d4d;
  font-size: 0.75em; }
  .wager-detail-container .cashout-hint-label::after {
    content: " --"; }
  .wager-detail-container .cashout-hint-label::before {
    content: "-- "; }

.cashout-badge {
  display: inline;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  min-height: 18px;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  margin: 0 3px; }
  .cashout-badge::before {
    content: "💰";
    position: relative;
    color: #747474; }

.md-toast.error .md-toast-content {
  background-color: red; }

.md-toast.success .md-toast-content {
  background-color: green; }

/* md-tooltip fix to transition from top left to final position */
md-tooltip.md-hide {
  transition: all 0s; }

md-tooltip.md-show {
  transition: all 0s; }

.fillspotBetErrDesc {
  color: #ef6c00 !important;
  font-size: 12px !important;
  font-weight: 600 !important; }

.fillspotBetErrAccepted {
  color: darkgreen !important;
  font-weight: 600 !important;
  font-size: 12px; }

.link-pointer {
  cursor: pointer; }

#fixDialog .PeriodDesc {
  font-style: italic;
  font-size: 0.85em;
  color: #b85b00; }

#fixDialog .spot-amount {
  font-size: 14px;
  font-weight: 500; }

#fixDialog .spot-note {
  font-size: 1.4em;
  color: #607d8b;
  font-weight: 500; }

#fixDialog .spot-number {
  font-size: 1.2em;
  color: #00378a;
  font-weight: 500; }

#fixDialog md-select .md-select-value {
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  padding: 0px 0px 0px 30px;
  -ms-flex-align: unset;
      align-items: unset; }
  #fixDialog md-select .md-select-value .md-text {
    font-size: 15.5px !important; }
    #fixDialog md-select .md-select-value .md-text .lineBetDialogFillOpt .txt2 {
      font-size: 11px;
      vertical-align: text-top;
      line-height: 19px; }

#fixDialog .btn-cancel {
  min-width: 22px;
  width: 22px;
  min-height: 22px;
  line-height: 22px;
  margin-right: 5px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 2px;
  background-color: #fff !important;
  color: #bf4040 !important; }
  #fixDialog .btn-cancel .zmdi {
    font-size: 12px;
    font-weight: bold; }

#fixDialog .points {
  padding-right: 12px;
  font-size: 13px !important;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  font-weight: 500; }
  #fixDialog .points .txt2 {
    font-weight: normal;
    vertical-align: text-top;
    line-height: 14px;
    font-size: 10px; }
  #fixDialog .points.autoAccept {
    color: darkgreen !important; }
  #fixDialog .points.errAccept {
    color: #bf4040 !important; }

#fixDialog .strikeout {
  font-size: 11px !important;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  font-weight: 500;
  position: relative;
  margin-right: 12px;
  backface-visibility: hidden; }
  #fixDialog .strikeout .txt2 {
    font-weight: normal;
    vertical-align: text-top;
    line-height: 12px;
    font-size: 9px; }

#fixDialog .strikeout::after {
  border-bottom: 0.125em solid rgba(0, 0, 0, 0.87);
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
  backface-visibility: hidden; }

#fixDialog .team-data {
  padding: 5px 0px !important;
  font-size: 13px;
  font-weight: 600; }

#fixDialog .open-spot {
  font-size: 12px; }

#fixDialog .btnAcceptLine {
  min-width: 80px;
  min-height: 25px;
  line-height: 25px;
  vertical-align: middle; }

#fixDialog .selSelectInputContainer {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 5px;
  padding-top: 0px; }

#fixDialog md-dialog-content {
  padding: 5px 8px;
  min-height: 147px; }

#fixDialog .risk {
  color: #800000;
  font-size: 1.2em;
  font-weight: 500; }

#fixDialog .validation .password-box {
  border: 2px solid #d96403;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  padding: 17px; }
  @media screen and (max-width: 959px) {
    #fixDialog .validation .password-box {
      padding: 12px;
      margin: 5px 0; } }
  #fixDialog .validation .password-box .password-input {
    border-width: 2px !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    font-size: 14px;
    text-align: center; }
  #fixDialog .validation .password-box .md-block {
    margin: 2px 0 0 0; }
    #fixDialog .validation .password-box .md-block .md-errors-spacer {
      display: none; }
    @media screen and (max-width: 959px) {
      #fixDialog .validation .password-box .md-block {
        margin: 0;
        padding-top: 0px; } }

.optsFillContainer .txt2 {
  font-size: 10px;
  vertical-align: text-top;
  line-height: 15px; }

.bg-history {
  background: #f0f0f0 !important;
  font-size: 14px !important;
  margin-left: 4px;
  margin-right: 4px; }
  @media screen and (max-width: 959px) {
    .bg-history {
      margin: 8px; } }
  .bg-history md-card-content .layout-row > div {
    padding: 6px; }

md-input-container {
  min-width: 140px; }

#prevWeek {
  margin-top: -7px;
  margin-left: 5px;
  background: #f5f5f5; }

.figure {
  text-decoration: underline;
  color: black; }
  .figure.figGreen {
    color: forestgreen; }
  .figure.figRed {
    color: #bf4040; }

.regular.figGreen {
  color: forestgreen; }

.regular.figRed {
  color: #bf4040; }

#cust-figures-container {
  padding-bottom: 30px; }
  #cust-figures-container .dvOdd {
    background-color: #dfe9eb; }
  #cust-figures-container .dvCurDate {
    background-color: #ffc77f; }
  #cust-figures-container .dvFigDesktop {
    border: 1px solid rgba(0, 0, 0, 0.25);
    font-size: 13.5px; }
    #cust-figures-container .dvFigDesktop div {
      height: auto;
      /* Restore */
      line-height: normal;
      /* Restore */ }
    #cust-figures-container .dvFigDesktop .figure, #cust-figures-container .dvFigDesktop .regular {
      font-size: 15px; }
  #cust-figures-container md-divider {
    border-top-color: rgba(0, 0, 0, 0.25); }
  #cust-figures-container .dailyNote {
    font-size: 12px; }

.regular {
  white-space: nowrap;
  font-weight: 600; }
  .regular.figGreen {
    color: forestgreen; }
  .regular.figRed {
    color: #bf4040; }
  @media screen and (max-width: 959px) {
    .regular {
      font-size: 13px; } }

.gridHeader {
  background-color: #335c66;
  color: white; }

.gridRow {
  background-color: #f7f7f7; }

md-grid-list md-grid-tile.casinototal figure {
  right: 10px !important;
  left: initial; }

.bm-icon-button {
  line-height: 15px !important;
  width: 35px !important;
  height: 20px !important;
  margin: 0.05em;
  margin-bottom: 0.25em;
  margin-left: 0.4em;
  color: #000 !important;
  background-color: transparent !important;
  box-shadow: none !important; }
  @media screen and (max-width: 959px) {
    .bm-icon-button {
      line-height: 22px !important;
      width: 30px !important;
      height: 30px !important;
      min-height: 12px;
      margin: 0.05em;
      margin-bottom: 0.25em;
      margin-left: 0.05em;
      margin-right: 4px;
      font-size: 14px !important; } }
  @media screen and (max-width: 959px) {
    .bm-icon-button.rr {
      padding-top: 2px; } }

.bm-pending-del-button,
.bm-fillspot-button {
  line-height: 15px !important;
  width: 35px !important;
  height: 20px !important;
  margin: 0.05em;
  margin-bottom: 0.25em;
  margin-left: 0.4em; }
  @media screen and (max-width: 959px) {
    .bm-pending-del-button,
    .bm-fillspot-button {
      line-height: 22px !important;
      width: 28px !important;
      height: 28px !important;
      min-height: 12px;
      font-size: 12px !important; } }

.pdLogo {
  padding-top: 8px; }

#dvHistory {
  padding-bottom: 30px; }
  #dvHistory .ttlLabel {
    font-size: 13.5px; }
    @media screen and (max-width: 959px) {
      #dvHistory .ttlLabel {
        font-size: 11.5px; } }
  #dvHistory .ttlBox {
    font-size: 13.5px;
    padding-top: 10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 9px; }
    @media screen and (max-width: 959px) {
      #dvHistory .ttlBox {
        font-size: 13px;
        padding-bottom: 5px;
        padding-top: 5px; } }
  #dvHistory #dvPendTotals {
    margin-top: 0px; }
    @media screen and (max-width: 959px) {
      #dvHistory #dvPendTotals {
        margin-top: 0px; } }
    @media screen and (max-width: 959px) {
      #dvHistory #dvPendTotals .ttlTxt {
        padding-top: 5px;
        padding-bottom: 5px; } }
  #dvHistory md-progress-linear {
    padding: 0 3px; }
    @media screen and (max-width: 959px) {
      #dvHistory md-progress-linear {
        padding: 0; } }
  #dvHistory .casino-padding {
    padding-left: 3px !important;
    padding-right: 3px !important; }
  #dvHistory .casino-detail {
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 15px; }
  #dvHistory .header-container {
    font-size: 14px;
    min-height: 35px;
    line-height: 2.5; }
  #dvHistory .footer-container {
    min-height: 35px;
    line-height: 2.1;
    padding: 0 15px;
    background-color: #FFF;
    border-top: 2px #000 solid;
    font-size: 14px; }
  #dvHistory .md-accordion .expandCollapse {
    width: 30px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
    color: #000;
    display: inline;
    overflow: hidden;
    margin-right: 2em; }
    @media screen and (max-width: 959px) {
      #dvHistory .md-accordion .expandCollapse {
        margin-right: 3px; } }
    #dvHistory .md-accordion .expandCollapse:active {
      border: 0px; }
    #dvHistory .md-accordion .expandCollapse::before, #dvHistory .md-accordion .expandCollapse::after {
      width: 30px;
      height: 30px;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      line-height: 32px;
      text-align: center;
      transition: .1s all ease-out; }
      @media screen and (max-width: 959px) {
        #dvHistory .md-accordion .expandCollapse::before, #dvHistory .md-accordion .expandCollapse::after {
          width: 15px; } }
    #dvHistory .md-accordion .expandCollapse::before {
      opacity: 1;
      transform: rotate(0deg);
      margin-left: 2px;
      margin-top: -1px;
      content: "|"; }
    #dvHistory .md-accordion .expandCollapse::after {
      opacity: 1;
      transform: rotate(-90deg);
      content: "|"; }
  #dvHistory .md-accordion .active::before {
    opacity: 1;
    transform: rotate(90deg);
    margin-left: 3px;
    margin-top: 0px; }
  #dvHistory .md-accordion .dataContent {
    height: 0px;
    overflow: hidden;
    transition: .1s all ease-out; }
  #dvHistory .md-accordion .activeContent {
    height: auto;
    background-color: #FFF; }
  #dvHistory .md-accordion md-toolbar {
    cursor: pointer;
    border-bottom: 1px #d2dde2 solid;
    min-height: 35px !important; }
    #dvHistory .md-accordion md-toolbar .md-toolbar-tools {
      color: #000;
      font-size: 0.6em;
      background-color: #f7f7f7;
      min-height: 35px;
      height: 35px; }

#dvPending {
  padding-bottom: 30px; }
  #dvPending md-progress-linear {
    padding: 0 3px; }
    @media screen and (max-width: 959px) {
      #dvPending md-progress-linear {
        padding: 0; } }
  #dvPending category-detail md-progress-linear {
    padding: 0; }
  #dvPending .horses-icon {
    background-image: url("../assets/images/logos/horseblack.png");
    width: 24px;
    height: 24px;
    margin-left: 10px; }
  #dvPending .lgcursor {
    cursor: pointer; }
  #dvPending .lstPending {
    margin: 0px 3px; }
    @media screen and (max-width: 959px) {
      #dvPending .lstPending {
        margin: 0px; } }
    #dvPending .lstPending .pd-div {
      padding-right: 5px; }
      #dvPending .lstPending .pd-div .pendingtype, #dvPending .lstPending .pd-div span:not(:last-child) {
        padding-right: 5px; }
    @media screen and (max-width: 960px) {
      #dvPending .lstPending .ttlInfo {
        margin-top: -1px; } }
    #dvPending .lstPending .ttlInfo .pdRegulation, #dvPending .lstPending .ttlInfo .pdFreeplay {
      line-height: 2.4em; }
      @media screen and (orientation: landscape) and (max-width: 960px) {
        #dvPending .lstPending .ttlInfo .pdRegulation, #dvPending .lstPending .ttlInfo .pdFreeplay {
          line-height: 1.2em; } }
      @media screen and (orientation: portrait) and (max-width: 960px) {
        #dvPending .lstPending .ttlInfo .pdRegulation, #dvPending .lstPending .ttlInfo .pdFreeplay {
          line-height: 1.2em; } }
    #dvPending .lstPending .pendingtype {
      color: #800000 !important;
      font-size: 16px; }
      @media screen and (max-width: 959px) {
        #dvPending .lstPending .pendingtype {
          font-size: 11.5px;
          font-weight: 500; } }
      #dvPending .lstPending .pendingtype span {
        font-weight: 600; }
    #dvPending .lstPending .bm-pending-highlight-item {
      background-color: #ffc77f !important;
      /*@media screen and (max-width: 959px) {
                background-color: #ffc77f !important;
            }*/ }
    #dvPending .lstPending .pending {
      font-size: 13.5px; }
      @media screen and (max-width: 959px) {
        #dvPending .lstPending .pending {
          font-size: 12px !important; } }
      #dvPending .lstPending .pending .riskAmt {
        color: #bf4040;
        font-weight: 600;
        padding: 10px; }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending .pending .riskAmt {
            font-size: 12px !important; } }
      #dvPending .lstPending .pending .winAmt {
        font-weight: 600;
        padding: 10px; }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending .pending .winAmt {
            font-size: 12px !important; } }
      #dvPending .lstPending .pending .teamDesc {
        min-height: 35px; }
        #dvPending .lstPending .pending .teamDesc .logo-over {
          background-image: url("../assets/images/logos/over.png");
          width: 30px;
          height: 30px; }
        #dvPending .lstPending .pending .teamDesc .logo-under {
          background-image: url("../assets/images/logos/under.png");
          width: 28px;
          height: 28px; }
    #dvPending .lstPending .ticketType {
      text-transform: uppercase; }
    #dvPending .lstPending .pendingExpand {
      font-size: 13px !important; }
      @media screen and (max-width: 959px) {
        #dvPending .lstPending .pendingExpand {
          font-size: 12px !important; } }
    #dvPending .lstPending .pendingbg {
      background-color: #f2f4fa;
      padding-left: 5px;
      height: auto; }
      #dvPending .lstPending .pendingbg.even {
        border-left: 1px solid rgba(0, 0, 0, 0.05);
        border-right: 1px solid rgba(0, 0, 0, 0.05); }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending .pendingbg.even {
            border: none; } }
    #dvPending .lstPending .itmPadding {
      padding-top: 2px;
      padding-bottom: 5px; }
    #dvPending .lstPending md-list-item.rr {
      min-height: 35px;
      padding: 0px 8px 0px 2px !important; }
      @media screen and (max-width: 959px) {
        #dvPending .lstPending md-list-item.rr {
          padding: 5px 2px !important;
          font-size: 12px !important; } }
      #dvPending .lstPending md-list-item.rr.md-2-line::before {
        min-height: 35px; }
    #dvPending .lstPending md-list-item.straight {
      min-height: 35px;
      padding: 4px 8px !important; }
      @media screen and (max-width: 959px) {
        #dvPending .lstPending md-list-item.straight {
          padding: 3px 2px !important;
          font-size: 12px !important; } }
      #dvPending .lstPending md-list-item.straight .md-list-item-text {
        overflow: unset; }
      #dvPending .lstPending md-list-item.straight.md-2-line::before {
        min-height: 35px; }
      #dvPending .lstPending md-list-item.straight span:not(.team):not(.pdPrice):not(.tmTotal):not(.ticketType) {
        font-weight: 600; }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending md-list-item.straight span:not(.team):not(.pdPrice):not(.tmTotal):not(.ticketType) {
            font-size: 12px !important; } }
      #dvPending .lstPending md-list-item.straight .pdPrice {
        font-size: 12px !important;
        color: #676363; }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending md-list-item.straight .pdPrice {
            vertical-align: text-top;
            line-height: 16px;
            font-size: 10px !important; } }
      @media screen and (max-width: 959px) {
        #dvPending .lstPending md-list-item.straight .tmttl {
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px; } }
      #dvPending .lstPending md-list-item.straight .team .tmTotal {
        font-weight: normal;
        font-size: 0.75em;
        color: #666;
        text-transform: uppercase; }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending md-list-item.straight .team .tmTotal {
            font-size: 12px !important; } }
      #dvPending .lstPending md-list-item.straight .dvPendingLogo {
        padding-right: 4px;
        margin-top: -4px; }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending md-list-item.straight .dvPendingLogo {
            margin-top: 0px; } }
      #dvPending .lstPending md-list-item.straight .regNote {
        font-size: 13px; }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending md-list-item.straight .regNote {
            font-size: 11.5px; } }
      #dvPending .lstPending md-list-item.straight .logosOU {
        width: 34px;
        height: 28px;
        padding: 0;
        float: left; }
    #dvPending .lstPending md-list-item {
      min-height: 65px;
      padding: 5px 8px 5px 2px !important; }
      @media screen and (max-width: 959px) {
        #dvPending .lstPending md-list-item {
          padding: 2px 2px 5px 3px !important;
          font-size: 12px !important; } }
      #dvPending .lstPending md-list-item.md-2-line::before {
        min-height: 65px; }
      #dvPending .lstPending md-list-item .pdPriceLeg {
        vertical-align: text-top;
        line-height: 14px;
        font-size: 10px !important;
        color: #676363;
        font-weight: 500; }
      #dvPending .lstPending md-list-item .tmLeg {
        font-weight: 600;
        font-size: 14px; }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending md-list-item .tmLeg {
            font-size: 12.5px; } }
        #dvPending .lstPending md-list-item .tmLeg span {
          padding-right: 3px; }
        #dvPending .lstPending md-list-item .tmLeg .logo-over {
          background-image: url("../assets/images/logos/over.png");
          width: 30px;
          height: 30px;
          margin-top: -3px; }
        #dvPending .lstPending md-list-item .tmLeg .logo-under {
          background-image: url("../assets/images/logos/under.png");
          width: 30px;
          height: 30px;
          margin-top: -2px; }
      #dvPending .lstPending md-list-item .tmOpen {
        font-weight: 600;
        font-size: 14px;
        color: #676363; }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending md-list-item .tmOpen {
            font-weight: normal;
            font-size: 12.5px; } }
        #dvPending .lstPending md-list-item .tmOpen span {
          padding-right: 3px; }
          #dvPending .lstPending md-list-item .tmOpen span .fa {
            font-size: 20px;
            margin-left: 9px; }
            @media screen and (max-width: 959px) {
              #dvPending .lstPending md-list-item .tmOpen span .fa {
                margin-top: -2px; } }
      #dvPending .lstPending md-list-item div .Win {
        color: #008000; }
      #dvPending .lstPending md-list-item div .Loss {
        color: #bf4040; }
      #dvPending .lstPending md-list-item div .Cancelled {
        color: #000000; }
      #dvPending .lstPending md-list-item .pendingExpandLeg {
        font-size: 12px !important;
        margin-left: 25px;
        width: 90%; }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending md-list-item .pendingExpandLeg {
            font-size: 11px !important; } }
        #dvPending .lstPending md-list-item .pendingExpandLeg hr {
          display: block;
          height: 1px;
          border: 0;
          border-top: 1px solid rgba(0, 0, 0, 0.09);
          padding: 0; }
      #dvPending .lstPending md-list-item .dvPendingLogo {
        padding-right: 4px;
        margin-top: -4px; }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending md-list-item .dvPendingLogo {
            margin-top: 0px; } }
      #dvPending .lstPending md-list-item .regNote {
        font-size: 13px; }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending md-list-item .regNote {
            font-size: 11.5px; } }
      #dvPending .lstPending md-list-item .dvPendingHorses {
        width: 44px;
        text-align: center; }
        @media screen and (max-width: 959px) {
          #dvPending .lstPending md-list-item .dvPendingHorses {
            width: 37px; } }
      #dvPending .lstPending md-list-item .logosOU {
        margin-top: -3px;
        width: 34px;
        height: 25px;
        padding: 0;
        float: left; }

[tabindex='0']:focus {
  outline: none; }

#dvPendTotals {
  padding-right: 8px;
  margin: 0px 3px;
  background-color: #99b8bf;
  background-image: linear-gradient(to right, #99b8bf 0%, #b8d2d9 51%, #99b8bf 99%);
  border-radius: 0 0 3px 3px; }
  @media screen and (max-width: 959px) {
    #dvPendTotals {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
      padding-right: 2px !important;
      padding-left: 10px !important;
      font-size: 13px !important;
      margin: 0px; } }
  #dvPendTotals .ttlTxt {
    padding-top: 10px;
    padding-left: 45px;
    font-size: 13.5px !important; }
    @media screen and (max-width: 959px) {
      #dvPendTotals .ttlTxt {
        font-size: 13px !important;
        padding-top: 0px;
        padding-left: 30px; } }
  #dvPendTotals .ttlTxtCat {
    padding-top: 10px;
    padding-left: 38px;
    font-size: 13.5px !important; }
    @media screen and (max-width: 959px) {
      #dvPendTotals .ttlTxtCat {
        font-size: 13px !important;
        padding-top: 0px;
        padding-left: 27px; } }
  #dvPendTotals .ttlRisk {
    color: #bf4040;
    font-weight: 600;
    padding-right: 10px !important;
    font-size: 13px !important; }
  #dvPendTotals .riskAmt {
    color: #bf4040;
    font-weight: 600;
    padding: 10px;
    font-size: 13.5px !important; }
    @media screen and (max-width: 959px) {
      #dvPendTotals .riskAmt {
        font-size: 13px !important;
        padding-top: 0px; } }
  #dvPendTotals .winAmt {
    font-weight: 600;
    padding: 10px;
    font-size: 13.5px !important; }
    @media screen and (max-width: 959px) {
      #dvPendTotals .winAmt {
        font-size: 13px !important;
        padding-top: 0px; } }

.amount-detail-dialog {
  -ms-flex-item-align: start;
      align-self: flex-start;
  top: 22%;
  min-width: 380px; }
  @media screen and (max-width: 959px) {
    .amount-detail-dialog {
      min-width: 88%; } }
  .amount-detail-dialog md-input-container.md-input-focused label,
  .amount-detail-dialog md-input-container.md-block label {
    transform-origin: center top;
    padding-left: 0px; }
  .amount-detail-dialog input[type=number]::-webkit-inner-spin-button,
  .amount-detail-dialog input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .amount-detail-dialog .toolbar-default {
    min-height: 40px;
    line-height: 40px; }
  .amount-detail-dialog .md-toolbar-tools {
    font-size: 17px;
    font-weight: 500;
    max-height: 45px;
    height: 40px;
    line-height: 40px;
    padding-left: 8px;
    padding-right: 8px; }
    @media screen and (max-width: 959px) {
      .amount-detail-dialog .md-toolbar-tools {
        font-size: 13px;
        font-weight: bold; } }
  .amount-detail-dialog md-dialog-content {
    padding-left: 8px;
    padding-right: 8px; }
  .amount-detail-dialog md-dialog-actions.btnCenter {
    -ms-flex-pack: center !important;
        justify-content: center !important; }
  .amount-detail-dialog md-input-container .md-errors-spacer {
    min-height: unset; }
  .amount-detail-dialog .btnFreePlay {
    font-size: 13px;
    text-transform: capitalize;
    font-weight: normal; }
    .amount-detail-dialog .btnFreePlay.btnSelected {
      background-color: #3C8757 !important;
      color: #fff; }
      .amount-detail-dialog .btnFreePlay.btnSelected:hover {
        background-color: #3C8757 !important;
        color: #fff; }

.md-button, md-radio-button .md-container, md-radio-button .md-label {
  backface-visibility: hidden; }

.lstBetConfirm > md-list-item {
  backface-visibility: hidden; }
  .lstBetConfirm > md-list-item md-divider {
    backface-visibility: hidden; }
  .lstBetConfirm > md-list-item div .md-button {
    backface-visibility: hidden; }
  .lstBetConfirm > md-list-item .teamdesc {
    color: #000;
    font-size: 15px; }
  .lstBetConfirm > md-list-item .btnClose {
    margin-top: 7px; }
  .lstBetConfirm > md-list-item .btn-small {
    min-width: 60px;
    margin-right: 1.5em !important;
    margin-bottom: 1em;
    vertical-align: middle; }
  .lstBetConfirm > md-list-item .btn-smallRR {
    min-width: 60px;
    margin-right: 3.5em !important;
    margin-bottom: 1em;
    vertical-align: middle; }
  .lstBetConfirm > md-list-item .bet-amount {
    font-size: 1.2em;
    color: #00378a;
    font-weight: bold; }
  .lstBetConfirm > md-list-item .md-secondary-container {
    white-space: nowrap !important; }
  .lstBetConfirm > md-list-item .md-list-item-text p {
    line-height: 2.2em; }
    .lstBetConfirm > md-list-item .md-list-item-text p .logosOU img {
      width: 30px !important;
      height: 30px !important;
      display: inline !important;
      float: left; }

.lstBetConfirm md-card-content div .md-body-1 .bet-amount {
  font-size: 1.2em;
  color: #00378a;
  font-weight: bold; }

.lstBetConfirm span.perioddesc {
  color: #b85b00;
  font-style: italic;
  font-weight: 700;
  margin-left: 5px; }

.lstBetConfirm span.itemline {
  font-size: 0.8em; }

.lstBetConfirm .headerRR {
  margin-left: 5px;
  font-style: italic;
  color: #00378a; }

.lstBetConfirm .amtZero {
  color: #bf4040;
  font-size: 1.2em;
  font-weight: bold; }

.lstBetConfirm .bet-amount {
  font-size: 1.2em;
  color: #00378a;
  font-weight: bold; }

.lstBetConfirm .teamdesc {
  color: #000;
  font-size: 15px;
  font-weight: 600; }
  .lstBetConfirm .teamdesc .txt2 {
    font-weight: normal;
    vertical-align: text-top;
    line-height: 18px;
    font-size: 13px; }

.lstBetConfirm .regNote {
  text-decoration: underline;
  color: #000; }

.lstBetConfirm .logo-over {
  background-image: url("../assets/images/logos/over.png");
  width: 30px;
  height: 30px; }

.lstBetConfirm .logo-under {
  background-image: url("../assets/images/logos/under.png");
  width: 28px;
  height: 28px; }