@charset "UTF-8";
/* Import site custom font */
@font-face {
  font-family: 'SegoeUI';
  src: url("/MaterialDesign2/fonts/SegoeUI.eot");
  src: local("SegoeUI"), url("/MaterialDesign2/fonts/SegoeUI.eot?#iefix") format("embedded-opentype"), url("/MaterialDesign2/fonts/SegoeUI.woff2") format("woff2"), url("/MaterialDesign2/fonts/SegoeUI.woff") format("woff"), url("/MaterialDesign2/fonts/SegoeUI.ttf") format("truetype");
  font-style: normal;
  font-display: swap; }

/* Iport custom variables */
/* Variables */
/* Colors */
/* Label color */
/* Border */
/* Navbar */
/* Menu */
/* Side Menu */
/* Buttons */
/* Inputs */
/* Fonty */
/* Font sizes */
/* Line heights */
/* Flex grids */
/* Tables */
/* Spinner styles */
/* Break points */
/* Customer Logo Visibility */
/* Iport default variables */
/* Import MD2 styles */
/* Fonts */
/*Font weights*/
/* Headers */
h1 {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 1.2rem 0 1.2rem 0; }
  h1 span, h1 p, h1 em {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 1.2rem 0 1.2rem 0; }

h2 {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin: .8rem 0 .8rem 0; }

h3 {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2;
  margin: .6rem 0 .6rem 0; }

h4 {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.2;
  margin: .6rem 0 .4rem 0; }

/* Paragraphs */
p {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 .6rem 0; }
  p.error-msg {
    margin: 0 !important; }

/* div, span, section */
div, span, section {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2; }

strong {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.2;
  font-weight: 700 !important; }

small {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.2;
  font-size: 1.2rem; }

ul {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2; }
  ul li {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: .9rem; }

a {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none; }

/* Inputs */
.md2-input[type="text"], .md2-input[type="password"], .md2-input[type="email"], .md2-input[type="number"], .md2-input[datepicker], .md2-input[type="file"] {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400; }

.md2-select {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400; }

.md2-textarea {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400; }

label {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2; }

.md2-subheader {
  vertical-align: middle;
  width: 100%;
  font-size: 1.6rem;
  color: #284581;
  font-weight: 600;
  margin: 1.2rem 0 .6rem 0 !important; }
  .md2-subheader .material-icons {
    vertical-align: middle; }

.md2-text-mutted {
  color: #999;
  font-weight: 300; }

/* Aligments */
.md2-left {
  text-align: left;
  vertical-align: middle; }

.md2-right {
  text-align: right;
  vertical-align: middle; }

.md2-center {
  text-align: center;
  vertical-align: middle; }

.md2-justify {
  text-align: justify;
  vertical-align: middle; }

/*Accents*/
.md2-danger {
  color: #CC0000 !important; }

.md2-info {
  color: #0099CC !important; }

.md2-warrning {
  color: #ff6a00 !important; }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/MaterialDesign2/fonts/material2icons.woff2) format("woff2"); }

.material-icons {
  font-family: 'Material Icons' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align: middle; }
  .material-icons.md2-primary-color {
    color: #2e4f94; }
  .material-icons.spin {
    vertical-align: middle;
    transform-origin: center center;
    animation: spin 1.5s infinite linear; }
  .material-icons.icon-2x {
    font-size: 3.6rem;
    margin-right: .6rem; }

.svg-icon {
  width: 3.2rem;
  height: auto;
  vertical-align: middle;
  margin: 0 .6rem; }

.light-fill {
  fill: #aabde4; }

.dark-fill {
  fill: #2e4f94; }

.white-fill {
  fill: #FFFFFF; }

@keyframes menuToggleOpen {
  0% {
    transform: rotate(0);
    filter: blur(0);
    opacity: 1; }
  50% {
    transform: rotate(180deg);
    filter: blur(1px);
    opacity: .66; }
  85% {
    transform: rotate(180deg);
    filter: blur(0);
    opacity: 1; }
  100% {
    transform: rotate(180deg);
    filter: blur(0);
    opacity: 1; } }

@keyframes menuToggleClose {
  0% {
    transform: rotate(0);
    filter: blur(0);
    opacity: 1; }
  50% {
    transform: rotate(180deg);
    filter: blur(1px);
    opacity: .66; }
  85% {
    transform: rotate(180deg);
    filter: blur(0);
    opacity: 1; }
  100% {
    transform: rotate(180deg);
    filter: blur(0);
    opacity: 1; } }

@keyframes dropDownOpen {
  0% {
    transform: rotate(-180deg);
    filter: blur(0);
    opacity: 1; }
  50% {
    filter: blur(1px);
    opacity: .66; }
  100% {
    transform: rotate(0);
    filter: blur(0);
    opacity: 1; } }

@keyframes dropDownClose {
  0% {
    transform: rotate(180deg);
    filter: blur(0);
    opacity: 1; }
  50% {
    filter: blur(1px);
    opacity: .66; }
  100% {
    transform: rotate(0);
    filter: blur(0);
    opacity: 1; } }

@keyframes clickAnimation {
  0% {
    background-color: transparent;
    background-size: 0 0;
    background-position: center; }
  80% {
    background-image: radial-gradient(rgba(46, 79, 148, 0.3), transparent, transparent);
    background-size: 200% 200%;
    background-position: center; }
  100% {
    background-color: transparent;
    background-size: 0 0;
    background-position: center; } }

@keyframes collapseOn {
  0% {
    transform: rotate(0);
    filter: blur(0);
    opacity: 1; }
  50% {
    filter: blur(1px);
    opacity: .66; }
  100% {
    transform: rotate(180deg);
    filter: blur(0);
    opacity: 1; } }

@keyframes collapseOff {
  0% {
    transform: rotate(180deg);
    filter: blur(0);
    opacity: 1; }
  50% {
    filter: blur(1px);
    opacity: .66; }
  100% {
    transform: rotate(0);
    filter: blur(0);
    opacity: 1; } }

@keyframes spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

@keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg); } }

@keyframes colors {
  0% {
    stroke: #2e4f94; }
  25% {
    stroke: #8ea7dc; }
  50% {
    stroke: #2e4f94; }
  75% {
    stroke: #8ea7dc; }
  100% {
    stroke: #2e4f94; } }

@keyframes buttonClick {
  0% {
    transform: scale(0, 0);
    opacity: 1; }
  20% {
    transform: scale(25, 25);
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale(40, 40); } }

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0; }
  to {
    top: 0;
    opacity: 1; } }

.content-loader {
  position: fixed;
  transform-origin: center center;
  top: calc(50% - 3.3rem);
  left: calc(50% - 3.3rem);
  z-index: 666; }

.spinner {
  animation: spinner 1.4s infinite;
  stroke: #2e4f94; }

.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; }

* {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  *::-webkit-scrollbar {
    height: 6px;
    width: 6px; }
  *::-webkit-scrollbar-track {
    background: transparent; }
  *::-webkit-scrollbar-thumb {
    width: 6px;
    background: #CCC;
    border-radius: 3px; }
  *::-webkit-scrollbar-thumb:hover {
    background: #999; }

stepper {
  width: 100% !important; }

.stepper {
  display: flex;
  width: 100%;
  margin: 1.2rem auto;
  padding: 0;
  list-style: none;
  height: 2.6rem; }
  .stepper li div {
    display: flex;
    width: auto;
    min-width: 12rem;
    color: #CCC;
    font-size: 1.2rem;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle !important;
    height: 2.6rem;
    padding: .7rem 0;
    border: 0 !important;
    border-radius: 1.3rem;
    gap: .6rem; }
    .stepper li div::after {
      content: '';
      flex: 1;
      margin-left: 0;
      height: .1rem;
      width: 100%;
      margin-top: .7rem;
      background-color: #ededed; }
    .stepper li div .step-number {
      display: inline-flex;
      padding: .6rem 0 !important;
      width: 2.6rem;
      height: 2.6rem;
      margin: -.7rem 0;
      align-items: center;
      justify-content: center;
      text-align: center;
      vertical-align: middle !important;
      border-radius: 1.3rem;
      color: white; }
      .stepper li div .step-number .material-icons {
        vertical-align: middle !important;
        font-size: 1.4rem;
        margin: 0;
        padding: 0;
        color: white; }
    .stepper li div.step-default {
      color: #CCC !important; }
      .stepper li div.step-default .step-number {
        background: #999 !important; }
    .stepper li div.step-error {
      color: #CCC !important; }
      .stepper li div.step-error .step-number {
        background: #999 !important; }
    .stepper li div.step-success {
      color: #999 !important;
      font-weight: bold; }
      .stepper li div.step-success .step-number {
        background: #1c305a !important; }
    .stepper li div.active {
      /*color: $main-color !important;*/
      color: #333 !important;
      font-weight: bold; }
      .stepper li div.active .step-number {
        background: #2e4f94 !important; }
    .stepper li div:hover {
      opacity: .85; }
  .stepper li:last-child div::after {
    display: none; }

stepper {
  border: .1rem solid #ededed;
  border-radius: 2.6rem;
  padding: .6rem;
  background-color: #fdfdfd;
  /* background-color: lighten($main-color, $md2-table-brightness);
    filter: grayscale(.5);*/ }
  stepper .stepper {
    margin: 0 !important; }
    stepper .stepper li div .step-number {
      margin: -.7rem 0 !important; }

.cart-button-container .popover {
  min-width: 71rem;
  max-width: none;
  height: auto !important;
  max-height: none !important;
  padding: 0;
  position: absolute;
  left: .1rem !important;
  background-color: #FFF !important; }
  .cart-button-container .popover .popover-content {
    padding: 0;
    background-color: #FFF !important; }
  .cart-button-container .popover .close-cart-btn {
    border: none;
    border-left: .1rem solid #cccccc;
    background-color: transparent; }
  .cart-button-container .popover .arrow {
    left: 15px;
    box-shadow: none;
    border-bottom-color: #999; }
    .cart-button-container .popover .arrow:after {
      box-shadow: none;
      border-bottom-color: #efefef; }
  .cart-button-container .popover .dropOff-info {
    font-size: 1.2rem;
    z-index: 1;
    padding: 0;
    margin: 0; }
    .cart-button-container .popover .dropOff-info img {
      height: 2.4rem;
      width: auto; }

.cart-button-container {
  position: relative;
  z-index: 777; }
  .cart-button-container .popover {
    width: calc(100% - 6.4rem) !important;
    height: auto !important;
    min-width: 48rem !important;
    max-width: 72rem !important;
    padding: 0;
    position: absolute;
    left: .1rem !important;
    background-color: #FFF;
    border: 0.1rem solid #ededed;
    box-shadow: 0 3px 6px #ccc;
    z-index: 555; }
    @media screen and (max-width: 539px) {
      .cart-button-container .popover {
        min-width: 36rem !important; } }

.popover-header {
  background-color: #f8f8f8;
  border-bottom: .1rem solid #ededed; }
  .popover-header .title-col h1 {
    font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.4rem !important;
    color: #000;
    text-align: left;
    font-weight: 600 !important;
    margin: .8rem 0; }
  .popover-header .button-col {
    text-align: right; }

universal-grid-grid-mode, universal-grid-tiles-mode, .universal-grid-items-card {
  width: 100% !important; }
  universal-grid-grid-mode .virtual-scroll-container, universal-grid-tiles-mode .virtual-scroll-container, .universal-grid-items-card .virtual-scroll-container {
    width: 100% !important;
    height: calc(100vh - 46rem) !important; }
    universal-grid-grid-mode .virtual-scroll-container form, universal-grid-tiles-mode .virtual-scroll-container form, .universal-grid-items-card .virtual-scroll-container form {
      width: 100% !important; }
      universal-grid-grid-mode .virtual-scroll-container form .md2-row, universal-grid-tiles-mode .virtual-scroll-container form .md2-row, .universal-grid-items-card .virtual-scroll-container form .md2-row {
        padding: 1.2rem;
        flex-direction: row;
        align-items: stretch;
        justify-content: stretch;
        flex-wrap: wrap; }
  universal-grid-grid-mode .md2-card, universal-grid-tiles-mode .md2-card, .universal-grid-items-card .md2-card {
    border-color: #ededed;
    border-width: .1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding: 0 !important;
    padding-top: .5rem !important;
    opacity: .75;
    box-shadow: 0 0 3.2rem #ededed; }
    universal-grid-grid-mode .md2-card .md2-row, universal-grid-tiles-mode .md2-card .md2-row, .universal-grid-items-card .md2-card .md2-row {
      margin: 0; }
      universal-grid-grid-mode .md2-card .md2-row.bottom-position, universal-grid-tiles-mode .md2-card .md2-row.bottom-position, .universal-grid-items-card .md2-card .md2-row.bottom-position {
        padding: 0 !important; }
    universal-grid-grid-mode .md2-card .md2-info-panel, universal-grid-tiles-mode .md2-card .md2-info-panel, .universal-grid-items-card .md2-card .md2-info-panel {
      padding: .6rem 1.2rem; }
      universal-grid-grid-mode .md2-card .md2-info-panel .thumbnail, universal-grid-tiles-mode .md2-card .md2-info-panel .thumbnail, .universal-grid-items-card .md2-card .md2-info-panel .thumbnail {
        margin: -.6rem -1.2rem 0 -1.2rem; }
      universal-grid-grid-mode .md2-card .md2-info-panel .md2-card-row, universal-grid-tiles-mode .md2-card .md2-info-panel .md2-card-row, .universal-grid-items-card .md2-card .md2-info-panel .md2-card-row {
        margin-bottom: .6rem; }
    universal-grid-grid-mode .md2-card .md2-buttons-panel, universal-grid-tiles-mode .md2-card .md2-buttons-panel, .universal-grid-items-card .md2-card .md2-buttons-panel {
      position: relative;
      bottom: 0; }
      universal-grid-grid-mode .md2-card .md2-buttons-panel .md2-col-50:first-child, universal-grid-tiles-mode .md2-card .md2-buttons-panel .md2-col-50:first-child, .universal-grid-items-card .md2-card .md2-buttons-panel .md2-col-50:first-child {
        padding-right: 0; }
        universal-grid-grid-mode .md2-card .md2-buttons-panel .md2-col-50:first-child .md2-button, universal-grid-tiles-mode .md2-card .md2-buttons-panel .md2-col-50:first-child .md2-button, .universal-grid-items-card .md2-card .md2-buttons-panel .md2-col-50:first-child .md2-button {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
      universal-grid-grid-mode .md2-card .md2-buttons-panel .md2-col-50:last-child, universal-grid-tiles-mode .md2-card .md2-buttons-panel .md2-col-50:last-child, .universal-grid-items-card .md2-card .md2-buttons-panel .md2-col-50:last-child {
        padding-left: 0; }
        universal-grid-grid-mode .md2-card .md2-buttons-panel .md2-col-50:last-child .md2-button, universal-grid-tiles-mode .md2-card .md2-buttons-panel .md2-col-50:last-child .md2-button, .universal-grid-items-card .md2-card .md2-buttons-panel .md2-col-50:last-child .md2-button {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
    universal-grid-grid-mode .md2-card .md2-button, universal-grid-tiles-mode .md2-card .md2-button, .universal-grid-items-card .md2-card .md2-button {
      width: 100%; }
    universal-grid-grid-mode .md2-card.md2-small-grid, universal-grid-tiles-mode .md2-card.md2-small-grid, .universal-grid-items-card .md2-card.md2-small-grid {
      width: 100%;
      max-width: 27rem;
      min-width: 18rem;
      flex-basis: 14.5%;
      flex-grow: 1;
      margin: 1%; }
      universal-grid-grid-mode .md2-card.md2-small-grid .md2-button, universal-grid-tiles-mode .md2-card.md2-small-grid .md2-button, .universal-grid-items-card .md2-card.md2-small-grid .md2-button {
        font-size: 1.2rem !important;
        padding: .3rem .6rem !important;
        height: 2.6rem; }
        universal-grid-grid-mode .md2-card.md2-small-grid .md2-button .material-icons, universal-grid-tiles-mode .md2-card.md2-small-grid .md2-button .material-icons, .universal-grid-items-card .md2-card.md2-small-grid .md2-button .material-icons {
          font-size: 1.6rem;
          vertical-align: middle; }
      @media screen and (min-width: 540px) and (max-width: 719px) {
        universal-grid-grid-mode .md2-card.md2-small-grid, universal-grid-tiles-mode .md2-card.md2-small-grid, .universal-grid-items-card .md2-card.md2-small-grid {
          width: 100%;
          max-width: 31.2rem;
          min-width: none;
          flex-basis: 24%;
          flex-grow: 1;
          margin: .5%; } }
      @media screen and (max-width: 539px) {
        universal-grid-grid-mode .md2-card.md2-small-grid, universal-grid-tiles-mode .md2-card.md2-small-grid, .universal-grid-items-card .md2-card.md2-small-grid {
          width: 100%;
          max-width: 100%;
          min-width: 24rem;
          flex-basis: 99%;
          flex-grow: 1;
          margin: .5%; } }
    universal-grid-grid-mode .md2-card.md2-large-grid, universal-grid-tiles-mode .md2-card.md2-large-grid, .universal-grid-items-card .md2-card.md2-large-grid {
      width: 100%;
      max-width: 100%;
      min-width: 24rem;
      flex-basis: 24%;
      flex-grow: 1;
      margin: .5%; }
      @media screen and (min-width: 540px) and (max-width: 719px) {
        universal-grid-grid-mode .md2-card.md2-large-grid, universal-grid-tiles-mode .md2-card.md2-large-grid, .universal-grid-items-card .md2-card.md2-large-grid {
          width: 100%;
          max-width: 100%;
          min-width: 24rem;
          flex-basis: 32%;
          flex-grow: 1;
          margin: .5%; } }
      @media screen and (max-width: 539px) {
        universal-grid-grid-mode .md2-card.md2-large-grid, universal-grid-tiles-mode .md2-card.md2-large-grid, .universal-grid-items-card .md2-card.md2-large-grid {
          width: 100%;
          min-width: 24rem;
          flex-basis: 99%;
          flex-grow: 1;
          margin: .5%; } }
    universal-grid-grid-mode .md2-card.md2-tile-card, universal-grid-tiles-mode .md2-card.md2-tile-card, .universal-grid-items-card .md2-card.md2-tile-card {
      width: 100%;
      min-width: 24rem;
      flex-basis: 23.9%;
      flex-grow: 1;
      margin: .5%; }
      universal-grid-grid-mode .md2-card.md2-tile-card .md2-info-panel, universal-grid-tiles-mode .md2-card.md2-tile-card .md2-info-panel, .universal-grid-items-card .md2-card.md2-tile-card .md2-info-panel {
        padding: 0 !important; }
        universal-grid-grid-mode .md2-card.md2-tile-card .md2-info-panel .md2-col, universal-grid-tiles-mode .md2-card.md2-tile-card .md2-info-panel .md2-col, .universal-grid-items-card .md2-card.md2-tile-card .md2-info-panel .md2-col {
          flex-direction: column !important;
          align-items: start !important; }
        universal-grid-grid-mode .md2-card.md2-tile-card .md2-info-panel .tile-title, universal-grid-tiles-mode .md2-card.md2-tile-card .md2-info-panel .tile-title, .universal-grid-items-card .md2-card.md2-tile-card .md2-info-panel .tile-title {
          width: 100%; }
    universal-grid-grid-mode .md2-card:hover, universal-grid-tiles-mode .md2-card:hover, .universal-grid-items-card .md2-card:hover {
      opacity: 1;
      border: 0.1rem solid white;
      box-shadow: 0 0 3.2rem #e0e0e0; }
    universal-grid-grid-mode .md2-card.selected, universal-grid-tiles-mode .md2-card.selected, .universal-grid-items-card .md2-card.selected {
      border-color: #ededed;
      border-top-color: #d9d9d9;
      border-top-width: .6rem !important;
      padding-top: 0 !important;
      box-shadow: 0 0 3.2rem #e0e0e0; }
      universal-grid-grid-mode .md2-card.selected:hover, universal-grid-tiles-mode .md2-card.selected:hover, .universal-grid-items-card .md2-card.selected:hover {
        border-top-color: #d9d9d9;
        border-top-width: .6rem !important;
        padding-top: 0 !important; }
    universal-grid-grid-mode .md2-card.invalid, universal-grid-tiles-mode .md2-card.invalid, .universal-grid-items-card .md2-card.invalid {
      border-color: #ededed;
      border-top-color: #CC0000;
      border-top-width: .6rem !important;
      padding-top: 0 !important;
      background: repeating-linear-gradient(45deg, #fff5f5, #fff5f5 10px, transparent 10px, transparent 20px);
      box-shadow: 0px 0px 3.2rem #ffe9e9; }
      universal-grid-grid-mode .md2-card.invalid:hover, universal-grid-tiles-mode .md2-card.invalid:hover, .universal-grid-items-card .md2-card.invalid:hover {
        border-top-color: #CC0000;
        border-top-width: .6rem !important;
        padding-top: 0 !important;
        box-shadow: 0px 0px 3.2rem #ffefef; }
    universal-grid-grid-mode .md2-card.bordered, universal-grid-tiles-mode .md2-card.bordered, .universal-grid-items-card .md2-card.bordered {
      padding-top: 0 !important; }
      universal-grid-grid-mode .md2-card.bordered:hover, universal-grid-tiles-mode .md2-card.bordered:hover, .universal-grid-items-card .md2-card.bordered:hover {
        padding-top: 0 !important; }

.md2-card {
  position: relative; }
  .md2-card.md2-filter-card {
    border: .1rem solid #ededed !important;
    border-radius: 0.5rem;
    border-top: 0.3rem solid #2e4f94 !important;
    box-shadow: 0 .3rem .6rem #CCC !important;
    padding: 1.6rem 1.2rem 1.2rem !important;
    margin-bottom: 1.2rem; }
    .md2-card.md2-filter-card .md2-row {
      justify-content: flex-start !important;
      align-items: center; }
      .md2-card.md2-filter-card .md2-row .md2-col {
        min-width: 20rem; }
      .md2-card.md2-filter-card .md2-row.md2-filter-row {
        justify-content: start !important;
        align-items: center; }
    .md2-card.md2-filter-card:hover {
      border: .1rem solid #ededed !important;
      border-radius: 0.5rem;
      border-top: 0.3rem solid #2e4f94 !important;
      box-shadow: 0 .3rem .6rem #CCC !important;
      padding: 1.6rem 1.2rem 1.2rem !important; }
  .md2-card.cart-row {
    width: 100%;
    min-width: 24rem;
    max-width: 100% !important;
    flex-direction: row !important;
    justify-content: flex-start !important; }

universal-grid-column-filter-custom {
  display: block;
  width: 100%; }

universal-grid-nav li {
  border: none !important; }

order-product-tile-coca-cola .md2-row {
  padding: .3rem .6rem !important;
  margin: 0 !important; }

order-product-tile-coca-cola .md2-col {
  padding: 0 !important; }
  order-product-tile-coca-cola .md2-col.md2-col-75 {
    padding-left: 6px !important;
    justify-content: stretch;
    align-content: flex-start; }

order-product-tile-coca-cola .cart-add-panel {
  padding: 0 !important;
  margin: 0 !important;
  margin-top: .9rem !important;
  background-color: #FFF !important;
  border: .1rem solid #CCC !important; }
  order-product-tile-coca-cola .cart-add-panel .md2-button-square {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: .1rem solid #CCC !important; }
    order-product-tile-coca-cola .cart-add-panel .md2-button-square:hover {
      border-left: .1rem solid #CCC !important; }
  order-product-tile-coca-cola .cart-add-panel .md2-input {
    min-width: 3rem;
    border-radius: .3rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center;
    padding-right: 0 !important; }

order-product-tile-coca-cola .md2-thumbnail {
  margin: 0; }
  order-product-tile-coca-cola .md2-thumbnail img {
    margin: 0 auto;
    vertical-align: middle;
    max-height: 5.5rem;
    height: 100%;
    width: auto; }

order-product-tile-coca-cola .inpost-info {
  max-height: 24px;
  height: 100%;
  width: auto; }

order-product-tile-coca-cola .md2-tile-validation {
  position: relative;
  transform: translateY(-102%);
  margin-bottom: -100%;
  z-index: 666; }

.dropOff-info {
  border: 0 !important;
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start; }

.md2-button.card-info-button {
  position: absolute;
  right: 0;
  bottom: 0; }

.md2-button.clear-cart {
  position: absolute;
  top: .6rem;
  right: 5.6rem; }

.cart-footer-container {
  border-top: .1rem solid #ededed;
  background-color: #FFF; }

.cart-info .md2-badge {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2rem;
  display: block;
  width: 1.8rem;
  text-align: center;
  height: 1.8rem;
  color: #FFF;
  background: #2e4f94;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%; }

.universal-grid-items-card .md2-row.cart-container {
  height: auto !important;
  max-height: 37.9rem !important;
  overflow-y: auto; }
  .universal-grid-items-card .md2-row.cart-container .clear-button {
    align-self: center; }
  .universal-grid-items-card .md2-row.cart-container .md2-dialog {
    width: 75%;
    position: absolute;
    bottom: 1.2rem;
    z-index: 777 !important;
    min-height: 12rem; }
    .universal-grid-items-card .md2-row.cart-container .md2-dialog .material-icons {
      max-width: 2.4rem; }
  .universal-grid-items-card .md2-row.cart-container .md2-cart-image {
    width: 100%;
    height: auto;
    max-width: 12rem !important;
    object-fit: contain; }
  .universal-grid-items-card .md2-row.cart-container .md2-col-25 p {
    display: block;
    width: 100%; }
  @media screen and (min-width: 540px) and (max-width: 719px) {
    .universal-grid-items-card .md2-row.cart-container {
      height: 100%;
      max-height: 40rem !important;
      margin: 0;
      padding: 0; }
      .universal-grid-items-card .md2-row.cart-container .cart-item-label {
        margin-right: 1.2rem !important; }
      .universal-grid-items-card .md2-row.cart-container .md2-xs-col-33 {
        padding: 0 .6rem; }
        .universal-grid-items-card .md2-row.cart-container .md2-xs-col-33 p {
          display: block;
          width: 100%; }
      .universal-grid-items-card .md2-row.cart-container .md2-dialog {
        bottom: unset !important; } }
  @media screen and (max-width: 539px) {
    .universal-grid-items-card .md2-row.cart-container {
      height: 100%;
      max-height: 40rem !important;
      margin: 0;
      padding: 0; }
      .universal-grid-items-card .md2-row.cart-container .cart-item-label {
        margin-right: 1.2rem !important; }
      .universal-grid-items-card .md2-row.cart-container .md2-xs-col-33 {
        padding: 0 .6rem; }
        .universal-grid-items-card .md2-row.cart-container .md2-xs-col-33 p {
          display: block;
          width: 100%; }
      .universal-grid-items-card .md2-row.cart-container .md2-dialog {
        bottom: unset !important; } }

.universal-grid-items-card table {
  display: table;
  width: 100% !important;
  background: #FFF !important;
  font-size: 1.4rem;
  border-spacing: 0 !important;
  border: 0 solid transparent !important;
  border-collapse: unset !important; }
  .universal-grid-items-card table thead {
    height: 4.2rem;
    padding: 1.2rem !important; }
    .universal-grid-items-card table thead tr {
      background-color: #f6f6f6;
      border-bottom: 0.1rem solid #d4d4d4 !important; }
      .universal-grid-items-card table thead tr td, .universal-grid-items-card table thead tr th {
        height: 4.2rem;
        padding: 1.2rem;
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.4rem;
        font-weight: 700 !important;
        white-space: nowrap !important;
        text-align: left;
        background-color: #f6f6f6;
        border-bottom: 0.1rem solid #d4d4d4 !important;
        /*&:first-child {
                    border-left: .6rem solid transparent !important;
                    }*/ }
        .universal-grid-items-card table thead tr td.dxgvHeader, .universal-grid-items-card table thead tr th.dxgvHeader {
          background: #f6f6f6;
          padding: 0 !important;
          border: .1rem solid #FFF !important;
          border-bottom: 0.1rem solid #d4d4d4 !important; }
          .universal-grid-items-card table thead tr td.dxgvHeader:hover, .universal-grid-items-card table thead tr td.dxgvHeader:active, .universal-grid-items-card table thead tr th.dxgvHeader:hover, .universal-grid-items-card table thead tr th.dxgvHeader:active {
            outline: none !important;
            border-right: 0.1rem dashed #d4d4d4 !important;
            border-left: 0.1rem dashed #d4d4d4 !important;
            color: #2e4f94 !important;
            background-color: #f6f6f6 !important; }
        .universal-grid-items-card table thead tr td .material-icons, .universal-grid-items-card table thead tr th .material-icons {
          font-family: "Material Icons";
          vertical-align: middle; }
        .universal-grid-items-card table thead tr td .md2-checkbox, .universal-grid-items-card table thead tr th .md2-checkbox {
          border: 2px solid #2e4f94; }
      .universal-grid-items-card table thead tr:hover, .universal-grid-items-card table thead tr:active {
        background-color: #f6f6f6 !important;
        outline: none !important;
        color: #333 !important; }
  .universal-grid-items-card table tbody tr {
    border-bottom: 0.1rem solid #ededed !important; }
    .universal-grid-items-card table tbody tr td {
      height: 4.2rem;
      padding: 1.2rem;
      border: 0 !important;
      border-bottom: 0.1rem solid #ededed !important;
      background-color: transparent !important; }
      .universal-grid-items-card table tbody tr td.dxgvHeader {
        background: #FFF;
        padding: 0 !important;
        border: .1rem solid #FFF !important;
        border-bottom: 0.1rem solid #ededed !important; }
        .universal-grid-items-card table tbody tr td.dxgvHeader:hover, .universal-grid-items-card table tbody tr td.dxgvHeader:active {
          background: #FFF;
          outline: none !important;
          border-right: 0.1rem dashed #ededed !important;
          border-left: 0.1rem dashed #ededed !important; }
          .universal-grid-items-card table tbody tr td.dxgvHeader:hover:first-child, .universal-grid-items-card table tbody tr td.dxgvHeader:active:first-child {
            border-left: .6rem solid transparent !important; }
      .universal-grid-items-card table tbody tr td:first-child {
        border-left: .6rem solid transparent !important; }
    .universal-grid-items-card table tbody tr:nth-child(odd) {
      background-color: #f9f9f9 !important; }
    .universal-grid-items-card table tbody tr:nth-child(even) {
      background-color: #f6f6f6 !important; }
    .universal-grid-items-card table tbody tr:hover {
      background-color: #f3f6fb !important;
      color: #223a6d !important; }
    .universal-grid-items-card table tbody tr.selected {
      background-color: #ecf0f9 !important;
      border-bottom: 0.1rem solid #e4eaf7 !important; }
      .universal-grid-items-card table tbody tr.selected td {
        border-bottom: 0.1rem solid #e4eaf7 !important; }
      .universal-grid-items-card table tbody tr.selected.invalid {
        background-color: #FFF !important;
        background-image: repeating-linear-gradient(45deg, #fff5f5, #fff5f5 10px, transparent 10px, transparent 20px) !important; }
        .universal-grid-items-card table tbody tr.selected.invalid td:first-child {
          border-left: 0.6rem solid #CC0000 !important;
          border-radius: 0;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
        .universal-grid-items-card table tbody tr.selected.invalid:hover {
          background-color: #FFF !important;
          background-image: repeating-linear-gradient(45deg, #ffebeb, #ffebeb 10px, transparent 10px, transparent 20px) !important; }
          .universal-grid-items-card table tbody tr.selected.invalid:hover td {
            color: #000 !important; }
    .universal-grid-items-card table tbody tr.selected-row {
      background-color: #ecf0f9 !important; }
      .universal-grid-items-card table tbody tr.selected-row td {
        background-color: #ecf0f9 !important;
        color: #2e4f94 !important; }
      .universal-grid-items-card table tbody tr.selected-row.invalid {
        background-color: #FFF !important;
        background-image: repeating-linear-gradient(45deg, #fff5f5, #fff5f5 10px, transparent 10px, transparent 20px) !important; }
        .universal-grid-items-card table tbody tr.selected-row.invalid td:first-child {
          border-left: 0.6rem solid #CC0000 !important;
          border-radius: 0;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
        .universal-grid-items-card table tbody tr.selected-row.invalid:hover {
          background-color: #FFF !important;
          background-image: repeating-linear-gradient(45deg, #ffebeb, #ffebeb 10px, transparent 10px, transparent 20px) !important; }
          .universal-grid-items-card table tbody tr.selected-row.invalid:hover td {
            color: #000 !important; }
    .universal-grid-items-card table tbody tr.invalid {
      background-color: #FFF !important;
      background-image: repeating-linear-gradient(45deg, #fff5f5, #fff5f5 10px, transparent 10px, transparent 20px) !important; }
      .universal-grid-items-card table tbody tr.invalid td:first-child {
        border-left: 0.6rem solid #CC0000 !important;
        border-radius: 0;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
      .universal-grid-items-card table tbody tr.invalid:hover {
        background-color: #FFF !important;
        background-image: repeating-linear-gradient(45deg, #ffebeb, #ffebeb 10px, transparent 10px, transparent 20px) !important; }
        .universal-grid-items-card table tbody tr.invalid:hover td {
          color: #000 !important; }
  .universal-grid-items-card table tfoot tr {
    border-top: 0.1rem solid #d4d4d4 !important;
    background-color: transparent !important; }
    .universal-grid-items-card table tfoot tr td {
      height: 4.2rem;
      background-color: transparent !important; }
    .universal-grid-items-card table tfoot tr:first-child td {
      border-top: 0.1rem solid #d4d4d4 !important; }
    .universal-grid-items-card table tfoot tr:nth-child(odd), .universal-grid-items-card table tfoot tr:nth-child(even), .universal-grid-items-card table tfoot tr:hover, .universal-grid-items-card table tfoot tr:selected {
      background-color: transparent !important; }

.cart-item-title {
  font-size: 1.4rem;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  margin: 0 !important;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }

#list-filter {
  display: flex;
  /*&[hidden] {
        display: none;
    }*/ }
  #list-filter div {
    width: 100%; }

.advenced-filter {
  padding-bottom: 1.2rem !important;
  margin-bottom: 1.2rem !important;
  border-bottom: .1rem dashed #ededed !important; }
  .advenced-filter .md2-col:first-child strong {
    width: 100%;
    padding-left: 1.2rem; }
  .advenced-filter .md2-col:first-child .material-icons {
    color: #2e4f94; }

ug-selected-items h1, ug-selected-items h2, ug-selected-items h3, ug-selected-items h4 {
  font-size: 1.4rem !important;
  vertical-align: middle !important;
  margin: 0 !important; }

universal-filter-column-filter-custom {
  width: 100%; }

.cart-item-label {
  color: #666 !important;
  font-size: 1.2rem;
  font-weight: 400;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Calibri;
  vertical-align: top; }

.cart-item-value {
  color: #000 !important;
  font-size: 1.2rem;
  font-weight: 600;
  display: block;
  font-family: Calibri;
  white-space: normal;
  word-wrap: break-word;
  vertical-align: top; }

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
  html body {
    background: url(Images/main_bg.png) right bottom no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* Typography */
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
    font-size: 1.4rem;
    /* Material Styles */ }
    html body #aspnetForm {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      align-items: stretch; }
    html body * {
      box-sizing: border-box; }
    html body .main-container {
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: stretch;
      flex-wrap: nowrap;
      height: 100%;
      width: 100%;
      overflow-x: hidden; }
      html body .main-container .menu-container {
        display: flex;
        flex-direction: column;
        background: #FFF;
        height: 100%;
        width: 0;
        border-left: 1px solid #ededed;
        box-shadow: 0 0 .8rem #999;
        z-index: 999; }
        html body .main-container .menu-container.opened {
          width: 66%;
          max-width: 32rem;
          opacity: 1;
          filter: blur(0);
          transition: all ease-in-out .1s; }
        html body .main-container .menu-container.closed {
          width: 0;
          max-width: 0;
          opacity: 0;
          filter: blur(1px);
          transition: all ease-in-out .1s; }
      html body .main-container .content-container {
        width: 100%;
        padding: 1.2rem 2.4rem;
        height: 100%;
        overflow: auto;
        background-color: #FFF; }
        html body .main-container .content-container:empty {
          background-color: transparent; }
        html body .main-container .content-container.opened {
          width: 100%;
          transition: all ease-in-out 1s; }
        html body .main-container .content-container.closed {
          width: 100%;
          transition: all ease-in-out 1s; }
        html body .main-container .content-container h2 {
          margin-top: 0;
          color: #2e4f94; }
        html body .main-container .content-container a {
          color: #223a6d;
          text-decoration: none; }
          html body .main-container .content-container a:hover {
            opacity: .75; }
        @media screen and (max-width: 539px) {
          html body .main-container .content-container {
            padding: 1.2rem !important; } }
      html body .main-container .sidebar-container {
        background: #FFF;
        display: flex;
        flex-direction: column;
        position: absolute;
        right: 0;
        overflow: hidden;
        height: 100%;
        width: 0;
        border-left: 1px solid #ededed;
        box-shadow: 0 0 .8rem #999;
        z-index: 777; }
        html body .main-container .sidebar-container.opened {
          width: 66%;
          max-width: 32rem;
          filter: blure(0);
          transition: all ease-in-out 1s; }
        html body .main-container .sidebar-container.closed {
          width: 0;
          max-width: 0;
          filter: blure(1px);
          transition: all ease-in-out 1s; }
      html body .main-container.push .menu-container {
        overflow: hidden;
        width: 0;
        height: 100%;
        z-index: 666;
        background-color: #FFF;
        border-left: 1px solid #ededed;
        box-shadow: 0 0 .8rem #999;
        display: flex;
        flex-direction: column; }
        html body .main-container.push .menu-container.opened {
          width: 66%;
          max-width: 32rem;
          opacity: 1;
          filter: blur(0);
          transition: all ease-in-out .1s; }
        html body .main-container.push .menu-container.closed {
          width: 0;
          max-width: 0;
          opacity: 0;
          filter: blur(1px);
          transition: all ease-in-out .1s; }
      html body .main-container.push .content-container {
        display: inline-block;
        width: 100%;
        padding: 1.2rem 2.4rem;
        height: 100%;
        overflow: auto;
        background-color: #FFF; }
        html body .main-container.push .content-container:empty {
          background-color: transparent; }
        html body .main-container.push .content-container.opened {
          width: 100%;
          transition: all ease-in-out 1s; }
        html body .main-container.push .content-container.closed {
          width: 100%;
          transition: all ease-in-out 1s; }
        html body .main-container.push .content-container h2 {
          margin-top: 0;
          color: #2e4f94; }
        html body .main-container.push .content-container a {
          color: #223a6d;
          text-decoration: none; }
          html body .main-container.push .content-container a:hover {
            opacity: .75; }
      html body .main-container.push .sidebar-container {
        background: #FFF;
        display: flex;
        position: absolute;
        right: 0;
        overflow: hidden;
        height: 100%;
        width: 0;
        border-left: 1px solid #ededed;
        box-shadow: 0 0 .8rem #999;
        /*top: $md2-navbar-height + $md2-navbar-border-bottom;*/
        z-index: 333; }
        html body .main-container.push .sidebar-container.opened {
          width: 66%;
          max-width: 32rem;
          filter: blure(0);
          transition: all ease-in-out 1s; }
        html body .main-container.push .sidebar-container.closed {
          width: 0;
          max-width: 0;
          filter: blure(1px);
          transition: all ease-in-out 1s; }
      html body .main-container.cover .menu-container {
        overflow: hidden;
        position: absolute;
        width: 0;
        height: 100%;
        max-height: calc(100% - 5.8rem);
        left: 0;
        z-index: 999;
        background-color: #FFF;
        border-left: 1px solid #ededed;
        box-shadow: 0 0 .8rem #999;
        display: flex;
        flex-direction: column; }
        html body .main-container.cover .menu-container.opened {
          width: 74.976%;
          max-width: 32rem;
          opacity: 1;
          filter: blur(0);
          transition: all ease-in-out .1s; }
        html body .main-container.cover .menu-container.closed {
          width: 0;
          max-width: 0;
          opacity: 0;
          filter: blur(1px);
          transition: all ease-in-out .1s; }
      html body .main-container.cover .content-container {
        display: inline-block;
        width: 100%;
        padding: 1.2rem 2.4rem;
        height: 100%;
        overflow: auto;
        background-color: #FFF; }
        html body .main-container.cover .content-container:empty {
          background-color: transparent; }
        html body .main-container.cover .content-container.opened {
          width: 100%;
          transition: all ease-in-out 1s; }
        html body .main-container.cover .content-container.closed {
          width: 100%;
          transition: all ease-in-out 1s; }
        html body .main-container.cover .content-container h2 {
          margin-top: 0;
          color: #2e4f94; }
        html body .main-container.cover .content-container a {
          color: #223a6d;
          text-decoration: none; }
          html body .main-container.cover .content-container a:hover {
            opacity: .75; }
      html body .main-container.cover .sidebar-container {
        background: #FFF;
        display: flex;
        position: absolute;
        right: 0;
        overflow: hidden;
        height: 100%;
        max-height: calc(100% - 5.8rem);
        width: 0;
        border-left: 1px solid #ededed;
        box-shadow: 0 0 .8rem #999;
        z-index: 333; }
        html body .main-container.cover .sidebar-container.opened {
          width: 66%;
          max-width: 32rem;
          filter: blure(0);
          transition: all ease-in-out 1s; }
        html body .main-container.cover .sidebar-container.closed {
          width: 0;
          max-width: 0;
          filter: blure(1px);
          transition: all ease-in-out 1s; }

#ctl00_Content_ASPxHtmlEditor .dxheControl {
  margin-bottom: 0 !important;
  background-color: transparent !important;
  border: 0px solid transparent !important; }

#ctl00_Content_ASPxHtmlEditor .dxheContentArea, #ctl00_Content_ASPxHtmlEditor dxtbControl {
  background-color: transparent !important; }

.md2-small-font {
  font-size: 1.2rem; }

.grid-mode-active {
  color: #2e4f94 !important; }

.md2-vertical {
  display: flex;
  flex-direction: column; }

.md2-horizontal {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: stretch;
  justify-items: center;
  align-items: center; }

hr.default-separator {
  height: .1rem;
  border: none;
  background-color: #f6f6f6; }

hr.colored-separator {
  height: .1rem;
  border: none;
  background-color: #8ea7dc; }

.md2-pannel.exports-pannel {
  width: 100%;
  padding-bottom: .6rem;
  border-bottom: .1rem dashed #ededed;
  margin-bottom: 2.4rem; }

ul.md2-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.md2-pagination li {
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    width: auto;
    font-size: 1.4rem; }

.md2-navbar-option {
  display: none !important; }

.promo-category {
  width: 100%;
  margin: 0;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border: .1rem solid #ededed;
  border-radius: 0.5rem;
  flex-wrap: nowrap;
  background-color: #f9f9f9;
  padding: .6rem;
  text-align: left; }
  .promo-category strong {
    margin-right: 1.2rem; }
  .promo-category .filters-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .9rem; }
  .promo-category div {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap; }
  .promo-category .promo-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    background-color: #FFF;
    padding-right: .6rem;
    border-radius: .5rem;
    border-bottom: 0.1rem solid #2e4f94;
    box-shadow: 0 .2rem .5rem #c6c6c6; }
    .promo-category .promo-label input {
      margin: .6rem !important; }

/* material design 2 - navbar */
.md2-top-navbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(0deg, #FFF, #FFF);
  border-bottom: 0.2rem solid #2e4f94;
  box-shadow: 0 0 .8rem #999;
  height: 5.6rem;
  width: 100%;
  padding: 1.6rem;
  margin: 0; }
  .md2-top-navbar.fixed-navbar {
    position: fixed;
    top: 0;
    z-index: 300; }
  .md2-top-navbar .md2-left-navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start; }
  .md2-top-navbar .md2-center-navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
  .md2-top-navbar .md2-right-navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end; }
  .md2-top-navbar .menu-toggle-btn {
    padding: 0;
    display: inline-flex;
    margin: 0 3.2rem 0 0; }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-top-navbar .menu-toggle-btn {
        margin: 0 1.6rem 0 0; } }
    @media screen and (max-width: 539px) {
      .md2-top-navbar .menu-toggle-btn {
        margin: 0 .8rem 0 0; } }
  .md2-top-navbar .md2-navbar-logo {
    display: inline-flex; }
    .md2-top-navbar .md2-navbar-logo .logo {
      display: block;
      height: 2.4rem;
      line-height: 1;
      width: auto; }
      .md2-top-navbar .md2-navbar-logo .logo path {
        fill: #999 !important; }
  .md2-top-navbar .md2-navbar-title {
    display: inline-flex;
    color: #333;
    margin: 0 1.2rem 0 1.8rem;
    font-size: 2rem;
    line-height: 2.4rem; }
  .md2-top-navbar .md2-navbar-item {
    display: inline-flex;
    margin: 0 1.2rem;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #333; }
  .md2-top-navbar .md2-navbar-customer-logo {
    display: inline-flex;
    margin: 0 1.2rem; }
    .md2-top-navbar .md2-navbar-customer-logo .customer-logo {
      display: block;
      height: 2.4rem;
      line-height: 1;
      width: auto; }
  .md2-top-navbar .md2-navbar-user {
    display: inline-flex;
    margin: 0 1.2rem; }
    .md2-top-navbar .md2-navbar-user #ctl00_PasswordPanel {
      display: inline; }
  .md2-top-navbar .md2-navbar-option {
    float: right;
    display: inline-block;
    margin: 0 1.2rem;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #333; }
  .md2-top-navbar .md2-navbar-btn {
    cursor: pointer;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 2.4rem;
    line-height: 1;
    width: 2.4rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    .md2-top-navbar .md2-navbar-btn i {
      font-size: 2.4rem;
      color: #333;
      width: 2.4rem; }
    .md2-top-navbar .md2-navbar-btn.opened i {
      animation: menuToggleOpen;
      animation-duration: .5s;
      animation-fill-mode: forwards; }
    .md2-top-navbar .md2-navbar-btn.closed i {
      animation: menuToggleClose;
      animation-duration: .5s;
      animation-fill-mode: forwards; }

.menu-footer {
  position: relative;
  bottom: 0;
  text-align: center;
  padding: 0 1.2rem 1.2rem 1.2rem;
  width: 100%;
  padding: 0.6rem 1.2rem;
  border-radius: 0;
  background-image: linear-gradient(90deg, #fefefe, #efefef);
  /*background-color: rgba(red($main-color), green($main-color), blue($main-color), .04);*/ }
  .menu-footer small {
    font-size: 1rem;
    white-space: normal; }
    .menu-footer small span {
      font-size: 1rem;
      white-space: normal; }
  .menu-footer .bottom-logo {
    display: block;
    width: 100%; }
    .menu-footer .bottom-logo img {
      max-height: 3rem; }
  .menu-footer .md2-button.md2-button-square {
    position: absolute;
    top: .6rem;
    right: .6rem; }
  .xbs-group .menu-footer {
    background-image: linear-gradient(90deg, #ffffff, #d6d6d6) !important; }

.menu-content {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-image: linear-gradient(90deg, #fefefe, #efefef);
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .menu-content .md2-menu {
    width: 100%;
    max-width: 31.6rem !important;
    padding: 0;
    display: flex;
    flex-direction: column; }
    .menu-content .md2-menu .md2-menu-group {
      border-bottom: 0.1rem solid #ededed; }
      .menu-content .md2-menu .md2-menu-group .md2-menu-group-header {
        transition: all ease-in-out .2s;
        cursor: pointer;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: .9rem 1.2rem; }
        .menu-content .md2-menu .md2-menu-group .md2-menu-group-header span {
          font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
          font-size: 1.5rem;
          line-height: 1;
          font-weight: 600; }
        .menu-content .md2-menu .md2-menu-group .md2-menu-group-header i {
          font-size: 2.4rem;
          line-height: 1; }
          .menu-content .md2-menu .md2-menu-group .md2-menu-group-header i.icon-right {
            float: right;
            color: #000; }
        .menu-content .md2-menu .md2-menu-group .md2-menu-group-header.opened {
          border-top: 0.1rem solid #2e4f94;
          color: #000;
          filter: saturate(0.5);
          background-image: linear-gradient(90deg, #efefef, #ececec);
          border-bottom: 0.1rem solid #e5e5e5; }
          .menu-content .md2-menu .md2-menu-group .md2-menu-group-header.opened i.icon-right {
            transform: rotate(180deg);
            color: #333;
            animation: collapseOn .3s; }
        .menu-content .md2-menu .md2-menu-group .md2-menu-group-header.closed {
          border-top: .1rem solid transparent;
          color: #333;
          border-radius: 0;
          background-image: linear-gradient(90deg, #fefefe, #efefef); }
          .menu-content .md2-menu .md2-menu-group .md2-menu-group-header.closed i.icon-right {
            color: #333;
            animation: collapseOff .6s; }
        .menu-content .md2-menu .md2-menu-group .md2-menu-group-header:hover {
          background-image: linear-gradient(90deg, #fefefe, #f6f6f6) !important; }
      .menu-content .md2-menu .md2-menu-group:first-child .md2-menu-group-header {
        border-top: 0; }
      .menu-content .md2-menu .md2-menu-group .md2-menu-group-items {
        transition: all ease-in-out .2s; }
        .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.closed {
          display: none;
          filter: blur(2px);
          opacity: 0.1; }
          .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.closed .md2-menu-group-item {
            transition: all ease-in-out .2s;
            display: block;
            padding: 0 !important;
            visibility: hidden;
            opacity: 0;
            overflow: hidden;
            margin: 0;
            margin-left: .6rem;
            border-left: .6rem solid transparent; }
            .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.closed .md2-menu-group-item a {
              padding: .8rem 0 .8rem 0;
              overflow: hidden;
              padding: .8rem;
              height: 4rem;
              display: block;
              text-decoration: none;
              font-size: 1.4rem;
              color: #666;
              border-radius: 0;
              vertical-align: top;
              text-overflow: ellipsis;
              white-space: nowrap;
              border-bottom: 0.1rem solid #f8f8f8; }
              .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.closed .md2-menu-group-item a i {
                font-size: 2.4rem;
                margin: 0 1.6rem 0 0;
                vertical-align: middle; }
              .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.closed .md2-menu-group-item a span {
                line-height: .8;
                vertical-align: middle; }
              .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.closed .md2-menu-group-item a:hover, .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.closed .md2-menu-group-item a:active {
                background-color: #f9f9f9;
                color: #000; }
            .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.closed .md2-menu-group-item.active a {
              background-color: #f9f9f9;
              color: #2e4f94; }
            .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.closed .md2-menu-group-item:first-child {
              margin-top: .6rem; }
            .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.closed .md2-menu-group-item:last-child {
              margin-bottom: .6rem; }
        .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.opened {
          filter: blur(0);
          display: flex;
          flex-direction: column;
          opacity: 1; }
          .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.opened .md2-menu-group-item {
            transition: all ease-in-out .2s;
            display: block;
            padding: 0 !important;
            visibility: visible;
            border-left: .6rem solid transparent;
            opacity: 1;
            /*&:first-child {
                            margin-top: .6rem;
                        }

                        &:last-child {
                            margin-bottom: .6rem;
                        }*/ }
            .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.opened .md2-menu-group-item a {
              width: 100%;
              overflow: hidden;
              padding: .9rem;
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: space-between;
              text-decoration: none;
              font-size: 1.4rem;
              color: #666;
              border-radius: 0;
              vertical-align: middle;
              text-overflow: ellipsis;
              flex-wrap: nowrap;
              white-space: nowrap;
              border-top: .1rem solid transparent;
              border-bottom: 0.1rem solid #ededed; }
              .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.opened .md2-menu-group-item a i {
                font-size: 2rem;
                vertical-align: middle; }
                .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.opened .md2-menu-group-item a i.md2-right {
                  font-size: 2.2rem; }
              .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.opened .md2-menu-group-item a span {
                display: flex;
                flex-direction: row;
                justify-content: start;
                align-items: center;
                gap: .9rem; }
            .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.opened .md2-menu-group-item:hover {
              background-color: #f9f9f9;
              border-left: .6rem solid #ededed; }
            .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.opened .md2-menu-group-item.active {
              background-color: #f9f9f9;
              border-left: 0.6rem solid #2e4f94; }
              .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.opened .md2-menu-group-item.active a {
                border-top: 0.1rem solid #e5e5e5;
                border-bottom: 0.1rem solid #e5e5e5;
                color: #2e4f94 !important; }
  .menu-content::-webkit-scrollbar {
    width: 4px; }
  .menu-content::-webkit-scrollbar-track {
    background: #ededed; }
  .menu-content::-webkit-scrollbar-thumb {
    width: 4px;
    background: #CCC;
    border-radius: 8px; }
  .menu-content::-webkit-scrollbar-thumb:hover {
    background: #999; }
  .xbs-group .menu-content {
    background-image: linear-gradient(90deg, #ffffff, #d6d6d6) !important;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .xbs-group .menu-content .md2-menu .md2-menu-group .md2-menu-group-header.closed {
      border-top: .2rem solid transparent !important;
      background-image: linear-gradient(90deg, #f3f3f3, #c3c3c3) !important;
      border-bottom: .1rem solid #c3c3c3; }
    .xbs-group .menu-content .md2-menu .md2-menu-group .md2-menu-group-header.opened {
      filter: saturate(1) !important;
      border-top: 0.2rem solid #2e4f94 !important;
      background-image: linear-gradient(90deg, #f3f3f3, #c3c3c3) !important;
      border-bottom: .1rem solid #c3c3c3; }
    .xbs-group .menu-content .md2-menu .md2-menu-group .md2-menu-group-items {
      background-image: linear-gradient(90deg, #ffffff, #d6d6d6) !important; }
      .xbs-group .menu-content .md2-menu .md2-menu-group .md2-menu-group-items.opened .md2-menu-group-item a {
        border-bottom: .1rem solid #d3d3d3 !important; }
    .xbs-group .menu-content::-webkit-scrollbar {
      width: 4px; }
    .xbs-group .menu-content::-webkit-scrollbar-track {
      background: #c3c3c3; }
    .xbs-group .menu-content::-webkit-scrollbar-thumb {
      width: 4px;
      background: #c1c1c1;
      border-radius: 8px; }
    .xbs-group .menu-content::-webkit-scrollbar-thumb:hover {
      background: #888; }

#login-page {
  background: url(Images/login_bg.png) center top no-repeat;
  background-size: auto !important;
  margin: 0;
  width: 100%;
  height: 100vh !important; }
  #login-page #aspnetForm {
    width: 100%;
    height: 100%; }
  #login-page .login-container {
    display: block;
    width: 100%;
    height: 100%;
    padding: 2.4rem;
    overflow: auto; }
    #login-page .login-container .epos-logo-container {
      text-align: center; }
      #login-page .login-container .epos-logo-container .logo {
        height: 4.8rem;
        width: auto;
        margin: auto; }
    #login-page .login-container .customer-logo-top-container {
      text-align: center; }
      #login-page .login-container .customer-logo-top-container .customer-logo img {
        display: none;
        max-width: 22rem;
        width: 100%;
        height: auto; }
    #login-page .login-container .login-top-logo {
      display: block;
      height: 0px;
      width: 0px;
      margin: 0;
      padding: 0; }
    #login-page .login-container .login-bottom-logo {
      display: block;
      width: 100%;
      max-width: 16rem;
      height: auto;
      margin: 3.6rem auto 0 auto; }
    #login-page .login-container #LoginContent .MessagePanelLabeled, #login-page .login-container #LoginContent .MessagePanel {
      width: 30%;
      display: block;
      margin: 1.2rem auto; }
      #login-page .login-container #LoginContent .MessagePanelLabeled .md2-dialog, #login-page .login-container #LoginContent .MessagePanel .md2-dialog {
        padding: 1.2rem 0 1.2rem 1.2rem;
        box-shadow: 0 .3rem .6rem #666; }
        #login-page .login-container #LoginContent .MessagePanelLabeled .md2-dialog .material-icons, #login-page .login-container #LoginContent .MessagePanel .md2-dialog .material-icons {
          display: none; }
        #login-page .login-container #LoginContent .MessagePanelLabeled .md2-dialog .md2-button-close span, #login-page .login-container #LoginContent .MessagePanel .md2-dialog .md2-button-close span {
          z-index: -1;
          margin: 0; }
        #login-page .login-container #LoginContent .MessagePanelLabeled .md2-dialog .Message, #login-page .login-container #LoginContent .MessagePanel .md2-dialog .Message {
          padding: 0 3.6rem 0 0;
          font-weight: 400;
          color: #222;
          display: block;
          height: auto;
          max-height: 9.8rem;
          overflow-x: hidden;
          white-space: normal;
          word-break: break-all;
          overflow-y: auto;
          font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
          font-size: 1.4rem;
          font-weight: 400;
          line-height: 1.2; }
      @media screen and (max-width: 1200px) {
        #login-page .login-container #LoginContent .MessagePanelLabeled, #login-page .login-container #LoginContent .MessagePanel {
          position: relative;
          z-index: 666;
          width: 90%; } }
    #login-page .login-container #LoginContent #LoginPanel {
      max-width: 320px;
      margin: auto;
      padding: 15px; }
      #login-page .login-container #LoginContent #LoginPanel #WelcomeText1 {
        text-align: center;
        background: none; }
        #login-page .login-container #LoginContent #LoginPanel #WelcomeText1 h4 {
          color: #2e4f94;
          font-weight: bolder;
          font-size: 2.4rem;
          margin-top: 4.2rem; }
      #login-page .login-container #LoginContent #LoginPanel .reminder-link {
        text-align: center; }
        #login-page .login-container #LoginContent #LoginPanel .reminder-link a {
          color: #2e4f94;
          text-decoration: none;
          cursor: pointer; }
          #login-page .login-container #LoginContent #LoginPanel .reminder-link a:hover {
            opacity: .5; }
      #login-page .login-container #LoginContent #LoginPanel .form-group label {
        text-align: center;
        display: block;
        font-weight: normal;
        color: #2e4f94; }
      #login-page .login-container #LoginContent #LoginPanel .form-group .input-icon {
        position: absolute;
        margin: 4px 16px;
        width: 2.4rem;
        align-self: flex-start;
        text-align: left; }
      #login-page .login-container #LoginContent #LoginPanel .form-group input {
        padding: 9px;
        padding-left: 52px; }
      #login-page .login-container #LoginContent #LoginPanel .form-group input[type="submit"] {
        display: block;
        width: 100% !important;
        border-radius: 0;
        height: 3.2rem;
        margin-bottom: 10px; }
      #login-page .login-container #LoginContent #LoginPanel input[type="submit"] {
        display: block;
        width: 100%;
        border-radius: 0.5rem;
        height: 3.2rem;
        border: 0;
        margin: 1rem 0;
        width: 100%;
        padding: 0.6rem 1.2rem !important; }
      #login-page .login-container #LoginContent #LoginPanel .btn.btn-custom {
        background-color: #2e4f94;
        border: 2px solid #284581;
        border-collapse: collapse !important;
        min-width: 64px;
        height: 3.2rem !important;
        border-radius: 0.5rem;
        color: #FFF;
        font-size: 1.4rem;
        padding: 0.6rem 1.2rem; }
        #login-page .login-container #LoginContent #LoginPanel .btn.btn-custom img {
          vertical-align: top !important;
          height: 2.4rem !important;
          width: auto !important; }
      #login-page .login-container #LoginContent #LoginPanel .text-center {
        text-align: center !important; }
    #login-page .login-container #LoginContent #RemaindPanel {
      max-width: 320px;
      margin: auto;
      padding: 15px; }
      #login-page .login-container #LoginContent #RemaindPanel .md2-buttons-row .md2-col {
        padding: 1.2rem 0 !important; }
        #login-page .login-container #LoginContent #RemaindPanel .md2-buttons-row .md2-col:last-child {
          text-align: right;
          justify-content: end; }
      #login-page .login-container #LoginContent #RemaindPanel #WelcomeText1 {
        text-align: center;
        background: none; }
        #login-page .login-container #LoginContent #RemaindPanel #WelcomeText1 h4 {
          color: #2e4f94;
          font-weight: bolder;
          font-size: 2.4rem;
          margin-top: 4.2rem; }
      #login-page .login-container #LoginContent #RemaindPanel #PasswordReminder {
        text-align: center !important;
        margin: 0; }
        #login-page .login-container #LoginContent #RemaindPanel #PasswordReminder h4 {
          color: #2e4f94;
          font-weight: bolder;
          font-size: 2.4rem;
          margin-top: 4.2rem;
          margin-bottom: 1.2rem; }
      #login-page .login-container #LoginContent #RemaindPanel .or-separator {
        margin-bottom: 1.4rem;
        color: #CCC; }
      #login-page .login-container #LoginContent #RemaindPanel .form-group label {
        text-align: center;
        display: block;
        font-weight: normal;
        color: #2e4f94; }
      #login-page .login-container #LoginContent #RemaindPanel .form-group .input-icon {
        display: block;
        position: absolute;
        margin: 4px 16px; }
      #login-page .login-container #LoginContent #RemaindPanel .form-group input {
        padding: 9px;
        padding-left: 52px;
        border-radius: 0 !important; }
      #login-page .login-container #LoginContent #RemaindPanel .form-group input[type="submit"] {
        display: block;
        width: 100% !important;
        border-radius: 0;
        height: 3.2rem;
        margin-bottom: 10px; }
      #login-page .login-container #LoginContent #RemaindPanel .form-group input[type="text"], #login-page .login-container #LoginContent #RemaindPanel .form-group input[type="password"] {
        display: block;
        width: 100%;
        border-radius: 0.5rem;
        height: 3.2rem;
        border: 1px solid #999;
        margin-bottom: 10px; }
      #login-page .login-container #LoginContent #RemaindPanel input[type="submit"] {
        display: block;
        width: 100%;
        border-radius: 0.5rem;
        height: 3.2rem;
        border: 0 !important;
        margin: 1rem 0;
        width: 100%;
        padding: 0.6rem 1.2rem !important; }
      #login-page .login-container #LoginContent #RemaindPanel .btn.btn-custom {
        background-color: #2e4f94;
        border: 2px solid #284581;
        border-collapse: collapse !important;
        min-width: 64px;
        height: 3.2rem !important;
        border-radius: 0.5rem;
        color: #FFF;
        padding: 0.6rem 1.2rem;
        font-size: 1.4rem; }
        #login-page .login-container #LoginContent #RemaindPanel .btn.btn-custom img {
          vertical-align: top !important;
          height: 2.4rem !important;
          width: auto !important; }
    #login-page .login-container #LoginContent .change-password {
      max-width: 32rem;
      margin: auto;
      padding: 1.6rem;
      text-align: center; }
      #login-page .login-container #LoginContent .change-password .ErrorPanel {
        text-align: center;
        font-weight: normal;
        margin: .6rem auto !important;
        padding: 1.4rem !important;
        max-width: 32rem !important;
        color: #C00 !important; }
      #login-page .login-container #LoginContent .change-password h4 {
        color: #2e4f94;
        font-weight: bolder;
        font-size: 2.4rem;
        margin-top: 6.4rem; }
      #login-page .login-container #LoginContent .change-password .md2-row, #login-page .login-container #LoginContent .change-password .md2-col {
        padding: 0;
        margin: 0; }
      #login-page .login-container #LoginContent .change-password .password-panel {
        padding-top: 1.6rem; }
      #login-page .login-container #LoginContent .change-password .form-group {
        width: 100%; }
        #login-page .login-container #LoginContent .change-password .form-group label {
          text-align: center;
          display: block;
          font-weight: normal;
          color: #2e4f94; }
        #login-page .login-container #LoginContent .change-password .form-group .input-icon {
          display: block;
          position: absolute;
          margin: 4px 16px; }
        #login-page .login-container #LoginContent .change-password .form-group input {
          padding: 9px;
          padding-left: 52px;
          border-radius: 0 !important; }
        #login-page .login-container #LoginContent .change-password .form-group input[type="submit"] {
          display: block;
          width: 100% !important;
          border-radius: 0;
          height: 3.2rem;
          margin-bottom: 10px; }
        #login-page .login-container #LoginContent .change-password .form-group input[type="text"], #login-page .login-container #LoginContent .change-password .form-group input[type="password"] {
          display: block;
          width: 100%;
          border-radius: 0.5rem;
          height: 3.2rem;
          border: 1px solid #999;
          margin-bottom: 10px; }
  #login-page .footer-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 2.4rem;
    position: fixed;
    bottom: 0;
    background: transparent; }
    #login-page .footer-container .copyright-container {
      background: transparent;
      text-align: center; }
      #login-page .footer-container .copyright-container a {
        text-decoration: none;
        color: #999; }
      #login-page .footer-container .copyright-container .absysco-logo {
        vertical-align: middle;
        height: 2.4rem;
        width: auto; }
    #login-page .footer-container .version-container {
      background: transparent;
      text-align: center; }
      #login-page .footer-container .version-container a {
        text-decoration: none;
        color: #999;
        font-size: 1.2rem; }

.md2-button {
  position: relative;
  display: inline-flex;
  height: 3.2rem;
  padding: 0.6rem 1.2rem;
  gap: .6rem;
  border-radius: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  outline: none;
  cursor: pointer;
  box-shadow: none; }
  .md2-button i.material-icons, .md2-button span.material-icons {
    font-size: 2rem;
    /*margin-left: -.4rem;
            margin-top: -.35rem;*/ }
  .md2-button.md2-text-button {
    color: #2e4f94;
    border-color: transparent;
    background-color: transparent;
    border-radius: 0.5rem;
    overflow: hidden;
    font-weight: 700;
    text-decoration: none; }
    .md2-button.md2-text-button:hover {
      border-color: transparent;
      background-color: rgba(46, 79, 148, 0.08); }
    .md2-button.md2-text-button:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 5px;
      height: 5px;
      background: rgba(46, 79, 148, 0.25);
      opacity: 0;
      border-radius: 100%;
      transform: scale(1, 1) translate(-50%);
      transform-origin: 50% 50%; }
    .md2-button.md2-text-button:focus:not(:active)::after {
      animation: buttonClick 1s ease-out; }
  .md2-button.md2-outlined-button {
    color: #2e4f94;
    border: 1px solid #efefef;
    background-color: #FFFFFF;
    border-radius: 0.5rem;
    overflow: hidden;
    font-weight: 400;
    text-decoration: none; }
    .md2-button.md2-outlined-button:hover {
      border: 1px solid #efefef;
      background-color: rgba(46, 79, 148, 0.08); }
    .md2-button.md2-outlined-button .material-icons {
      font-size: 1.8rem; }
    .md2-button.md2-outlined-button:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 5px;
      height: 5px;
      background: rgba(46, 79, 148, 0.25);
      opacity: 0;
      border-radius: 100%;
      transform: scale(1, 1) translate(-50%);
      transform-origin: 50% 50%; }
    .md2-button.md2-outlined-button:focus:not(:active)::after {
      animation: buttonClick 1s ease-out; }
    .md2-button.md2-outlined-button[disabled] {
      border-color: #ededed;
      color: #CCC;
      cursor: not-allowed; }
      .md2-button.md2-outlined-button[disabled]:hover {
        border: 1px solid #efefef;
        background-color: #fefefe;
        color: #eee; }
  .md2-button.md2-anchor-button {
    color: #2e4f94;
    border: 1px solid #efefef;
    background-color: transparent;
    border-radius: 0.5rem;
    overflow: hidden;
    font-weight: 400;
    text-decoration: none;
    /*.material-icons {
            
            vertical-align: middle;
            font-size: 1.8rem;
        }

        i {
            margin-top: .6rem;
            vertical-align: middle;
        }*/ }
    .md2-button.md2-anchor-button a {
      margin: 0;
      vertical-align: middle; }
    .md2-button.md2-anchor-button:hover {
      border: 1px solid #efefef;
      background-color: rgba(46, 79, 148, 0.08); }
    .md2-button.md2-anchor-button:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 5px;
      height: 5px;
      background: rgba(46, 79, 148, 0.25);
      opacity: 0;
      border-radius: 100%;
      transform: scale(1, 1) translate(-50%);
      transform-origin: 50% 50%; }
    .md2-button.md2-anchor-button:focus:not(:active)::after {
      animation: buttonClick 1s ease-out; }
  .md2-button.md2-contained-button {
    color: #FFF;
    border: none;
    border-color: transparent;
    background-color: #2e4f94;
    border-radius: 0.5rem;
    overflow: hidden;
    font-weight: normal;
    text-decoration: none; }
    .md2-button.md2-contained-button:hover {
      border-color: transparent;
      background-color: rgba(46, 79, 148, 0.8); }
    .md2-button.md2-contained-button:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 5px;
      height: 5px;
      background-color: rgba(46, 79, 148, 0.66);
      opacity: 0;
      border-radius: 100%;
      transform: scale(1, 1) translate(-50%);
      transform-origin: 50% 50%; }
    .md2-button.md2-contained-button.md2-dark-button {
      background-color: #1b2e56; }
      .md2-button.md2-contained-button.md2-dark-button:hover {
        border-color: transparent;
        background-color: rgba(27, 46, 86, 0.8); }
      .md2-button.md2-contained-button.md2-dark-button:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 5px;
        height: 5px;
        background-color: rgba(27, 46, 86, 0.66);
        opacity: 0;
        border-radius: 100%;
        transform: scale(1, 1) translate(-50%);
        transform-origin: 50% 50%; }
    .md2-button.md2-contained-button:focus:not(:active)::after {
      animation: buttonClick 1s ease-out; }
    .md2-button.md2-contained-button[disabled] {
      background-color: #ededed;
      color: #999;
      cursor: not-allowed; }
    .md2-button.md2-contained-button tbody {
      padding: 0;
      border: 0;
      margin: 0;
      display: table;
      width: 100%; }
      .md2-button.md2-contained-button tbody tr {
        padding: 0;
        border: 0;
        margin: 0;
        display: inline-flex;
        width: 100%;
        align-items: center; }
        .md2-button.md2-contained-button tbody tr td {
          padding: 0;
          border: 0;
          margin: 0;
          display: inline-flex;
          width: 100%; }
          .md2-button.md2-contained-button tbody tr td.dxbButton {
            display: inline-flex;
            padding: 0 !important;
            border: 0 !important;
            border-color: transparent !important;
            margin: 0 !important;
            border-spacing: 0 !important;
            background-color: transparent !important;
            background: transparent !important;
            width: 100%;
            justify-content: center;
            align-items: center; }
            .md2-button.md2-contained-button tbody tr td.dxbButton .dxb {
              line-height: 1 !important;
              width: 100%;
              display: flex;
              flex-direction: row;
              align-items: center;
              font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
              font-size: 1.4rem;
              font-weight: 400 !important;
              color: #FFF !important;
              padding: 0 !important;
              border: 0 !important;
              border-color: transparent !important;
              margin: 0 auto !important;
              border-spacing: 0 !important;
              background-color: transparent !important;
              vertical-align: middle !important;
              text-transform: uppercase;
              height: auto !important; }
              .md2-button.md2-contained-button tbody tr td.dxbButton .dxb img {
                width: 2.4rem !important;
                height: 2.4rem !important; }
  .md2-button.md2-button-square {
    display: inline-flex !important;
    width: 3.2rem !important;
    height: 3.2rem !important;
    min-width: unset !important;
    min-height: unset !important;
    padding: 0 !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    vertical-align: middle !important;
    margin: 0;
    border-color: transparent !important;
    text-decoration: none;
    justify-content: center;
    align-items: center !important; }
    .md2-button.md2-button-square .material-icons {
      color: #2e4f94 !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      font-size: 2rem !important;
      margin: 0 .4rem !important;
      padding: 0 !important; }
    .md2-button.md2-button-square:hover {
      background: rgba(46, 79, 148, 0.08) !important;
      border-color: transparent !important; }
      .md2-button.md2-button-square:hover .material-icons {
        color: #284581 !important;
        transition: ease-in-out .3s; }
    .md2-button.md2-button-square.md2-img-delete {
      justify-content: center !important;
      box-shadow: 0 0 .3rem #CCC !important;
      background: #FFF !important;
      position: absolute;
      top: .3rem;
      right: .3rem; }
      .md2-button.md2-button-square.md2-img-delete:hover {
        background: #FFF !important;
        opacity: .9 !important; }
    .md2-button.md2-button-square.close-cart-btn {
      justify-content: start !important; }
  .md2-button.md2-button-file {
    position: relative;
    overflow: hidden;
    border: 1px solid #efefef;
    background-color: transparent;
    border-radius: 0.5rem; }
    .md2-button.md2-button-file i, .md2-button.md2-button-file span {
      vertical-align: middle;
      font-size: 2rem; }
    .md2-button.md2-button-file input[type=file] {
      position: absolute;
      top: 0;
      right: 0;
      min-width: 100%;
      min-height: 100%;
      height: 3.2rem;
      margin-bottom: 1.2rem;
      text-align: right;
      filter: alpha(opacity=0);
      opacity: 0;
      outline: none;
      background: white;
      cursor: inherit;
      display: block; }
    .md2-button.md2-button-file:hover {
      border: 1px solid #efefef;
      background-color: rgba(46, 79, 148, 0.08);
      color: #2e4f94; }
    .md2-button.md2-button-file:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 5px;
      height: 5px;
      background: rgba(46, 79, 148, 0.25);
      opacity: 0;
      border-radius: 100%;
      transform: scale(1, 1) translate(-50%);
      transform-origin: 50% 50%; }
    .md2-button.md2-button-file:focus:not(:active)::after {
      animation: buttonClick 1s ease-out; }
  .md2-button.md2-navbar-btn {
    width: 3.2rem !important;
    height: 3.2rem !important;
    min-width: unset !important;
    min-height: unset !important;
    padding: 0.15rem !important;
    gap: 0.15rem !important;
    background: transparent;
    cursor: pointer;
    margin: 0;
    border: none;
    outline: none;
    font-size: 2.4rem;
    line-height: 1;
    width: 2.4rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    .md2-button.md2-navbar-btn i {
      font-size: 2.4rem;
      color: #333;
      width: 2.4rem; }
    .md2-button.md2-navbar-btn.opened i {
      animation: menuToggleOpen;
      animation-duration: .5s;
      animation-fill-mode: forwards; }
    .md2-button.md2-navbar-btn.closed i {
      animation: menuToggleClose;
      animation-duration: .5s;
      animation-fill-mode: forwards; }

a.md2-button {
  position: relative;
  vertical-align: middle;
  display: inline-flex;
  height: 3.2rem;
  padding: 0.6rem 1.2rem;
  gap: .6rem;
  border-radius: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  outline: none;
  cursor: pointer;
  box-shadow: none; }
  a.md2-button i.material-icons, a.md2-button span.material-icons {
    font-size: 2rem;
    /*margin-right: .8rem !important;*/
    /*margin-left: -.4rem !important;*/
    /*vertical-align: middle;*/ }
  a.md2-button.md2-text-button {
    color: #2e4f94;
    border-color: transparent;
    background-color: transparent;
    border-radius: 0.5rem;
    overflow: hidden;
    font-weight: 700;
    text-decoration: none; }
    a.md2-button.md2-text-button:hover {
      border-color: transparent;
      background-color: rgba(46, 79, 148, 0.08); }
    a.md2-button.md2-text-button:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 5px;
      height: 5px;
      background: rgba(46, 79, 148, 0.25);
      opacity: 0;
      border-radius: 100%;
      transform: scale(1, 1) translate(-50%);
      transform-origin: 50% 50%; }
    a.md2-button.md2-text-button:focus:not(:active)::after {
      animation: buttonClick 1s ease-out; }
  a.md2-button.md2-outlined-button {
    color: #2e4f94;
    border: 1px solid #efefef;
    background-color: #ffffff;
    border-radius: 0.5rem;
    overflow: hidden;
    font-weight: 400;
    text-decoration: none;
    /*.material-icons {
                vertical-align: middle;
            }*/ }
    a.md2-button.md2-outlined-button:hover {
      border: 1px solid #efefef;
      background-color: rgba(46, 79, 148, 0.08); }
    a.md2-button.md2-outlined-button:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 5px;
      height: 5px;
      background: rgba(46, 79, 148, 0.25);
      opacity: 0;
      border-radius: 100%;
      transform: scale(1, 1) translate(-50%);
      transform-origin: 50% 50%; }
    a.md2-button.md2-outlined-button:focus:not(:active)::after {
      animation: buttonClick 1s ease-out; }
  a.md2-button.md2-contained-button {
    color: #FFF !important;
    border: none;
    border-color: transparent;
    background-color: #2e4f94;
    border-radius: 0.5rem;
    overflow: hidden;
    font-weight: 400;
    text-decoration: none;
    /*.material-icons {
                vertical-align: middle;
            }*/ }
    a.md2-button.md2-contained-button a {
      margin: 0;
      vertical-align: middle; }
    a.md2-button.md2-contained-button:hover {
      border-color: transparent;
      background-color: rgba(46, 79, 148, 0.92); }
    a.md2-button.md2-contained-button:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 5px;
      height: 5px;
      background: rgba(46, 79, 148, 0.82);
      opacity: 0;
      border-radius: 100%;
      transform: scale(1, 1) translate(-50%);
      transform-origin: 50% 50%; }
    a.md2-button.md2-contained-button:focus:not(:active)::after {
      animation: buttonClick 1s ease-out; }
  a.md2-button.md2-button-square {
    width: 3.2rem !important;
    height: 3.2rem !important;
    min-width: unset !important;
    min-height: unset !important;
    padding: 0 !important;
    gap: 0 !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    vertical-align: middle !important;
    margin: 0 !important;
    border-color: transparent !important;
    text-decoration: none;
    justify-content: center;
    align-items: center !important; }
    a.md2-button.md2-button-square .material-icons {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      color: #2e4f94 !important;
      font-size: 2rem !important;
      margin: 0 .4rem !important;
      padding: 0 !important; }
    a.md2-button.md2-button-square:hover {
      background: rgba(46, 79, 148, 0.08) !important;
      border-color: transparent !important; }
      a.md2-button.md2-button-square:hover .material-icons {
        color: #284581 !important;
        transition: ease-in-out .3s; }
  a.md2-button clientsideevents {
    display: inline-flex;
    gap: .6rem;
    white-space: nowrap;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
    text-overflow: ellipsis;
    font-size: 1.4rem;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start; }

/* ASPx Material Design 2 Styles */
.ASPxButton {
  height: 3.2rem !important;
  display: inline-block;
  padding: 0 !important;
  color: #FFF !important;
  border-color: transparent !important;
  background-color: #2e4f94 !important;
  border-radius: 0.5rem;
  overflow: hidden !important; }
  .ASPxButton:hover {
    border-color: transparent !important;
    background-color: rgba(46, 79, 148, 0.85) !important; }
  .ASPxButton:after {
    content: '' !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: rgba(46, 79, 148, 0.7) !important;
    opacity: 0;
    border-radius: 100%;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%; }
  .ASPxButton:focus:not(:active)::after {
    animation: buttonClick 1s ease-out !important; }
  .ASPxButton tbody {
    border: 0;
    margin: 0;
    display: table; }
    .ASPxButton tbody tr {
      border: 0;
      margin: 0;
      display: table-row; }
      .ASPxButton tbody tr td {
        border: 0;
        margin: 0;
        display: inline-flex; }
        .ASPxButton tbody tr td.dxbButton {
          display: inline-flex;
          height: 3.2rem !important;
          padding: 0.6rem 1.2rem !important;
          gap: .6rem !important;
          border: 0 !important;
          border-color: transparent !important;
          margin: 0 !important;
          border-spacing: 0 !important;
          background-color: transparent !important;
          background: transparent !important; }
          .ASPxButton tbody tr td.dxbButton .dxb {
            display: inline-flex;
            font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
            font-size: 1.4rem;
            line-height: 1.4;
            font-weight: normal !important;
            color: #FFF;
            padding: 0 !important;
            border: 0 !important;
            border-color: transparent !important;
            margin: 0 !important;
            border-spacing: 0 !important;
            background-color: transparent !important;
            vertical-align: middle !important;
            height: 1.8rem !important; }
            .ASPxButton tbody tr td.dxbButton .dxb img {
              width: 1.8rem !important;
              height: 1.8rem !important;
              vertical-align: middle;
              margin-right: .2rem .2rem .8rem .2rem; }

table.md2-button tbody {
  height: 1.6rem !important; }

table.md2-button.md2-contained-button {
  background-color: #2e4f94 !important; }
  table.md2-button.md2-contained-button .dxbButton:hover, table.md2-button.md2-contained-button .dxb:hover {
    color: #FFF !important; }
    table.md2-button.md2-contained-button .dxbButton:hover span, table.md2-button.md2-contained-button .dxb:hover span {
      color: #FFF !important; }

.md2-select .dxeButtonEditButton .dxbebt .dx {
  height: auto !important;
  max-height: 1.6rem !important; }

.close, .md2-button-close {
  position: relative;
  vertical-align: middle;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  width: 3.2rem !important;
  height: 3.2rem !important;
  min-width: unset !important;
  min-height: unset !important;
  border-radius: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  outline: none;
  cursor: pointer;
  box-shadow: none;
  padding: 0 !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  margin: 0 !important;
  border-color: transparent !important;
  text-decoration: none; }
  .close i, .close span, .close .material-icons, .md2-button-close i, .md2-button-close span, .md2-button-close .material-icons {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    color: #2e4f94 !important;
    font-size: 1.8rem !important;
    margin: .6rem; }
  .close:hover, .md2-button-close:hover {
    background: rgba(46, 79, 148, 0.08) !important;
    border-color: transparent !important; }
    .close:hover i, .close:hover span, .close:hover .material-icons, .md2-button-close:hover i, .md2-button-close:hover span, .md2-button-close:hover .material-icons {
      color: #284581 !important;
      transition: ease-in-out .3s; }
  .modal-header .close, .modal-header .md2-button-close {
    float: right; }

.md2-button-group {
  display: inline-flex;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  flex-wrap: nowrap; }
  .md2-button-group .md2-button, .md2-button-group .ASPxButton, .md2-button-group .md2-input {
    margin: 0 .3rem; }
    .md2-button-group .md2-button:first-child, .md2-button-group .ASPxButton:first-child, .md2-button-group .md2-input:first-child {
      margin-left: 0 !important; }
    .md2-button-group .md2-button:last-child, .md2-button-group .ASPxButton:last-child, .md2-button-group .md2-input:last-child {
      margin-right: 0 !important; }
  .md2-button-group .md2-input[type="File"] {
    max-width: 50%; }

.md2-button-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: .6rem; }
  @media screen and (min-width: 540px) and (max-width: 719px) {
    .md2-button-panel {
      margin-bottom: .6rem !important; } }
  @media screen and (max-width: 539px) {
    .md2-button-panel {
      margin-bottom: .6rem !important; } }

.md2-header-button-panel {
  /*display: block;
    text-align: right;
    vertical-align: middle;*/
  width: 100%;
  display: flex;
  margin: .6rem 0;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: .6rem; }
  .md2-header-button-panel.md2-list-header {
    justify-content: space-between; }
    .md2-header-button-panel.md2-list-header .md2-buttons {
      gap: .6rem;
      display: flex; }
    @media screen and (max-width: 539px) {
      .md2-header-button-panel.md2-list-header .md2-buttons, .md2-header-button-panel.md2-list-header .md2-options {
        margin-bottom: .6rem; } }
  .md2-header-button-panel.right-buttons-panel {
    justify-content: flex-end; }
  .md2-header-button-panel.md2-move-top {
    position: relative;
    top: -3.8rem; }
  .md2-header-button-panel .md2-button {
    position: relative;
    z-index: 666; }

.buttons-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: .3rem;
  margin: .6rem 0;
  flex-wrap: wrap; }
  .buttons-panel.right-buttons-panel {
    justify-content: flex-end; }

.top-buttons-panel {
  width: 100%;
  display: flex;
  margin: .6rem 0;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: .6rem; }
  .top-buttons-panel.right-buttons-panel {
    justify-content: flex-end !important; }
  .tab-content .top-buttons-panel {
    margin: -5.2rem 0 .6rem .6rem; }

.bottom-buttons-panel {
  width: 100%;
  display: flex;
  margin: .6rem 0 1.2rem 0;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: .3rem; }
  .bottom-buttons-panel.right-buttons-panel {
    justify-content: flex-end; }

.md2-bottom-button-panel {
  width: 100%;
  display: flex;
  margin: .6rem 0 2.4rem 0;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: .3rem; }
  .md2-bottom-button-panel.md2-right-buttons-panel {
    justify-content: flex-end; }

.md2-buttons-panel {
  width: 100%;
  display: flex;
  margin: 0;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem; }
  universal-grid-tiles-mode .md2-buttons-panel, universal-grid-grid-mode .md2-buttons-panel {
    margin-top: .6rem !important; }

.fileinput {
  margin: .3rem; }
  .fileinput:first-child {
    margin-left: 0 !important; }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .fileinput:first-child {
        margin-left: 0 !important; } }
    @media screen and (max-width: 539px) {
      .fileinput:first-child {
        margin-left: 0 !important; } }

/*
.md2-img-delete {
    .product-details-add & {
        background: #FFF !important;
        position: absolute;
        top: .3rem;
        right: .3rem;
    }
}*/
.md2-dialog {
  position: relative;
  display: block;
  padding: 1.2rem;
  background-color: #fefefe;
  border: .1rem solid #dedede;
  border-radius: 0.5rem;
  box-shadow: 0 0 .3rem #efefef;
  margin: 0 0 .9rem 0 !important; }
  .md2-dialog .md2-button-close {
    position: absolute;
    top: 0 !important;
    right: 0 !important;
    margin: .6rem !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    .md2-dialog .md2-button-close span {
      margin: 0; }
    .md2-dialog .md2-button-close .close-icon path {
      fill: #666; }
    .md2-dialog .md2-button-close:hover .close-icon path {
      fill: #2e4f94; }
  .md2-dialog h5 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    font-size: 1.6rem;
    color: #666; }
  .md2-dialog.md2-dialog-danger {
    border-left: 0.6rem solid #CC0000; }
    .md2-dialog.md2-dialog-danger i, .md2-dialog.md2-dialog-danger span, .md2-dialog.md2-dialog-danger h5 {
      color: #990000; }
  .md2-dialog.md2-dialog-info {
    border-left: 0.6rem solid #0099CC; }
  .md2-dialog.md2-dialog-warning {
    border-left: 0.6rem solid #ff6a00; }
  matrix .md2-dialog p {
    font-size: 1.2rem; }
  .md2-dialog .material-icons {
    color: #999 !important;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1.6rem; }
  .md2-dialog .ErrorPanel {
    display: inline-block;
    width: auto;
    vertical-align: middle; }

.ErrorPanel, .MessagePanelLabeled, .MessagePanel {
  width: 100%; }

.modal-open {
  overflow: hidden; }

.md2-popup {
  position: fixed;
  max-height: 90vh;
  width: 100% !important;
  max-width: 80% !important;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%); }
  .md2-popup.dxpcControl table {
    width: 100% !important; }

.md2-popup-header {
  padding: 1.6rem !important;
  border-bottom: 1px solid #e5e5e5;
  height: 5.6rem;
  font-size: 1.4rem;
  width: 100% !important;
  background-color: white;
  background-image: linear-gradient(90deg, transparent, rgba(46, 79, 148, 0.1)); }
  .md2-popup-header .dxpcCloseButton #ctl00_Content_ConfirmPopPopup_HCB-1Img, .md2-popup-header .dxpcCloseButton #ctl00_Content_ConfirmDrapPopup_HCB-1Img {
    content: url(../../Images/cancel.svg) !important;
    background-image: none !important;
    width: 2.4rem;
    height: 2.4rem; }
  .md2-popup-header .dxpcCloseButton:hover #ctl00_Content_ConfirmPopPopup_HCB-1Img, .md2-popup-header .dxpcCloseButton:hover #ctl00_Content_ConfirmDrapPopup_HCB-1Img {
    opacity: .66;
    transform: scale(1.1);
    fill: #2e4f94 !important; }
    .md2-popup-header .dxpcCloseButton:hover #ctl00_Content_ConfirmPopPopup_HCB-1Img path, .md2-popup-header .dxpcCloseButton:hover #ctl00_Content_ConfirmDrapPopup_HCB-1Img path {
      fill: #2e4f94 !important; }

.dxpcControl {
  border: none !important; }

.md2-popup-content {
  border: 1px solid white !important;
  border-top: none !important;
  position: relative;
  padding: 15px;
  width: 100% !important;
  max-height: calc(90vh - 5.6rem);
  overflow-y: auto !important;
  font-size: 1.4rem;
  background-color: #FFF; }
  .md2-popup-content .dxpc-ddSys.dxpclW {
    position: relative !important;
    top: -16px !important;
    left: 50% !important;
    transform: translateX(-50%) !important; }
  .md2-popup-content .dxeErrorFrame {
    width: 100%; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  -o-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%); }

.modal.in .modal-dialog {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: hidden; }

.modal.modal-info .modal-dialog {
  height: auto !important; }

.modal.modal-grid .modal-dialog {
  height: auto !important;
  max-height: 95%; }

.modal-dialog {
  position: absolute;
  width: auto;
  margin: 0;
  bottom: 0;
  left: 50%;
  max-height: 95%; }

.modal-content {
  height: 100%;
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem 0.5rem 0 0;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0; }

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5; }

.modal-header {
  padding: 1.6rem !important;
  border-bottom: .1rem solid #e5e5e5;
  min-height: 5.6rem;
  font-size: 1.4rem;
  background-color: white;
  background-image: linear-gradient(90deg, transparent, rgba(46, 79, 148, 0.1)); }

.modal-header .close {
  margin-top: -.6rem !important; }

.modal-title {
  margin: 0;
  line-height: 1.42857143; }
  .modal-title .material-icons {
    margin-top: -.3rem;
    vertical-align: middle;
    color: #2e4f94; }

.modal-body {
  position: relative;
  padding: 15px;
  max-height: 75vh;
  height: auto;
  overflow-y: auto; }
  .modal-body img.md2-image {
    width: 100%;
    height: auto;
    max-width: fit-content;
    max-height: 80vh;
    padding: 0;
    margin: 0 auto;
    display: block; }
  .modal-body .material-icons {
    /*width: 2.4rem;
        height: 2.4rem;*/
    vertical-align: middle; }

.modal-footer {
  text-align: right;
  border-top: 1px solid #e5e5e5;
  background-color: #fCfCfC;
  padding: .8rem;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-end; }
  .modal-footer div {
    width: auto;
    display: inline-flex;
    margin-right: .6rem; }
  .modal-footer .bottom-buttons-panel {
    margin: .6rem !important; }

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.address-modal {
  height: 100%; }
  .address-modal .modal-body {
    display: block;
    height: 100%;
    max-height: 85vh !important;
    overflow-y: auto; }
  .address-modal .top-buttons-panel {
    margin: .6rem !important; }

@media screen and (max-width: 767px) {
  .modal-dialog {
    width: 100%;
    max-width: 90%; } }

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 90% !important;
    margin: 30px auto 0 auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 75%; } }

@media screen and (min-width: 992px) {
  .modal-lg {
    width: 90%; } }

.md2-card {
  border: .1rem solid #ededed;
  padding: .6rem;
  border-radius: 0.5rem;
  width: 100%;
  margin-bottom: .6rem;
  box-shadow: 0 .3rem .9rem #f3f3f3; }
  .md2-card .md2-card-header {
    margin: -.6rem;
    margin-bottom: .6rem;
    padding: .6rem;
    background-color: #f6f6f6; }
    .md2-card .md2-card-header h4 {
      margin: .6rem 0 !important; }
  .md2-card .md2-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    vertical-align: middle;
    width: 100%;
    margin: -.6rem;
    padding: 0; }
    .md2-card .md2-row .md2-col {
      vertical-align: middle;
      padding: .6rem;
      /*&.md2-col-25 {
                flex-basis: 25%;
                width: 25%;
            }

            &.md2-col-33 {
                flex-basis: 33%;
                width: 33%;
            }

            &.md2-col-50 {
                flex-basis: 50%;
                width: 50%;
            }

            &.md2-col-auto {
                flex-basis: auto;
                width: auto;
            }*/ }
  .md2-card.md2-info-card {
    border-left: 0.3rem solid #0099CC; }
  .md2-card.md2-default-card {
    border-left: .3rem solid #CCC; }
  .md2-card.md2-alert-card {
    border-left: 0.3rem solid #CC0000; }
  .md2-card.md2-warrning-card {
    border-left: 0.3rem solid #ff6a00; }
  .md2-card.md2-filter-card {
    background-color: #f9f9f9 !important;
    border: .1rem solid #ededed;
    border-radius: 0.5rem;
    border-top: 0.3rem solid #2e4f94;
    box-shadow: 0 .3rem .6rem #CCC;
    padding: 1.6rem 1.2rem 1.2rem; }
  .md2-card.filter-panel {
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0; }
  .md2-card.user-limits .md2-col-33 {
    display: flex;
    align-items: center; }
  .md2-card.md2-gray-card {
    border: .1rem solid transparent !important;
    background-color: #ffffff !important;
    box-shadow: none; }
    .md2-card.md2-gray-card .md2-card-header {
      border: .1rem solid transparent !important; }
    .md2-card.md2-gray-card .md2-row {
      margin: 0 !important; }
    .md2-card.md2-gray-card .md2-input, .md2-card.md2-gray-card .md2-select {
      background-color: #FFF !important;
      margin-bottom: .9rem; }
  .md2-card.md2-message-card .exposure-summary .md2-row {
    margin: 0 !important; }
    .md2-card.md2-message-card .exposure-summary .md2-row:nth-child(odd) {
      background-color: #f6f6f6; }
  .xbs-group .md2-card.md2-gray-card {
    background-color: #f6f6f6 !important; }
    .xbs-group .md2-card.md2-gray-card .md2-card-header {
      border: .1rem solid #ededed !important; }
    .xbs-group .md2-card.md2-gray-card .md2-row {
      margin: 0 !important; }
    .xbs-group .md2-card.md2-gray-card .md2-input, .xbs-group .md2-card.md2-gray-card .md2-select {
      background-color: #FFF !important;
      margin-bottom: .9rem; }
  .oex-group .md2-card.md2-gray-card {
    border: .1rem solid transparent !important;
    background-color: #ffffff !important;
    box-shadow: none; }
    .oex-group .md2-card.md2-gray-card .md2-card-header {
      border: .1rem solid transparent !important; }
    .oex-group .md2-card.md2-gray-card .md2-row {
      margin: 0 !important; }
    .oex-group .md2-card.md2-gray-card .md2-input, .oex-group .md2-card.md2-gray-card .md2-select {
      background-color: #FFF !important;
      margin-bottom: .9rem; }

.md2-row {
  /*background-color: #fefefe;*/
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: stretch;
  align-items: center;
  vertical-align: middle;
  width: 100%;
  padding: 0;
  /*&:nth-child(odd) {
        background-color: #FFFFFF !important;
    }

    &:nth-child(even) {
        background-color: #F9F9F9 !important;
    }*/ }
  .md2-row.md2-cards-row {
    padding: .3rem;
    align-items: stretch; }
  .md2-row.md2-list-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: stretch;
    align-items: stretch;
    width: 100%;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 539px) {
      .md2-row.md2-list-row {
        flex-direction: column-reverse !important; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row.md2-list-row {
        flex-direction: column-reverse !important; } }
    .md2-row.md2-list-row .md2-col-max-100 {
      align-items: flex-start !important; }
  .md2-row .md2-subrow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: stretch;
    align-items: center;
    vertical-align: middle;
    width: 100%;
    padding: 0; }
  .md2-row .md2-col {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: .6rem 1.2rem;
    width: 100%;
    align-items: center; }
    .md2-row .md2-col.md2-align-start {
      align-items: start !important; }
    .md2-row .md2-col.md2-align-end {
      align-items: end !important; }
    .md2-row .md2-col.md2-col-0 {
      display: none !important; }
    .md2-row .md2-col.md2-col-10 {
      flex-basis: 10%;
      width: 10%; }
    .md2-row .md2-col.md2-col-12 {
      flex-basis: 12.5%;
      width: 12.5%; }
    .md2-row .md2-col.md2-col-15 {
      flex-basis: 15%;
      width: 15%; }
    .md2-row .md2-col.md2-col-20 {
      flex-basis: 20%;
      width: 20%; }
    .md2-row .md2-col.md2-col-25 {
      flex-basis: 25%;
      width: 25%; }
    .md2-row .md2-col.md2-col-30 {
      flex-basis: 30%;
      width: 30%; }
    .md2-row .md2-col.md2-col-33 {
      flex-basis: 33.33%;
      width: 33.33%; }
    .md2-row .md2-col.md2-col-40 {
      flex-basis: 40%;
      width: 40%; }
    .md2-row .md2-col.md2-col-50 {
      flex-basis: 50%;
      width: 50%; }
    .md2-row .md2-col.md2-col-60 {
      flex-basis: 60%;
      width: 60%; }
    .md2-row .md2-col.md2-col-66 {
      flex-basis: 66.66%;
      width: 66.66%; }
    .md2-row .md2-col.md2-col-70 {
      flex-basis: 70%;
      width: 70%; }
    .md2-row .md2-col.md2-col-75 {
      flex-basis: 75%;
      width: 75%; }
    .md2-row .md2-col.md2-col-80 {
      flex-basis: 80%;
      width: 80%; }
    .md2-row .md2-col.md2-col-85 {
      flex-basis: 85%;
      width: 85%; }
    .md2-row .md2-col.md2-col-90 {
      flex-basis: 90%;
      width: 90%; }
    .md2-row .md2-col.md2-col-100 {
      flex-basis: 100%;
      width: 100%; }
    .md2-row .md2-col.md2-col-auto {
      flex-basis: auto;
      width: auto;
      max-width: 100%; }
    .md2-row .md2-col.md2-col-fill {
      flex-basis: auto;
      width: 100%;
      max-width: auto; }
    .md2-row .md2-col.md2-col-fit {
      flex-basis: auto;
      width: 100%;
      max-width: 100%;
      max-width: fit-content; }
    .md2-row .md2-col.md2-col-wrap {
      flex-wrap: wrap !important; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-0 {
        display: none !important; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-10 {
        flex-basis: 10%;
        width: 10%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-12 {
        flex-basis: 12.5%;
        width: 12.5%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-15 {
        flex-basis: 15%;
        width: 15%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-20 {
        flex-basis: 20%;
        width: 20%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-25 {
        flex-basis: 25%;
        width: 25%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-30 {
        flex-basis: 30%;
        width: 30%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-33 {
        flex-basis: 33.33%;
        width: 33.33%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-40 {
        flex-basis: 40%;
        width: 40%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-50 {
        flex-basis: 50%;
        width: 50%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-60 {
        flex-basis: 60%;
        width: 60%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-66 {
        flex-basis: 66.66%;
        width: 66.66%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-70 {
        flex-basis: 70%;
        width: 70%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-75 {
        flex-basis: 75%;
        width: 75%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-80 {
        flex-basis: 80%;
        width: 80%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-85 {
        flex-basis: 85%;
        width: 85%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-90 {
        flex-basis: 90%;
        width: 90%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-100 {
        flex-basis: 100%;
        width: 100%; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-auto {
        flex-basis: auto;
        width: auto; } }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-wrap {
        flex-wrap: wrap !important; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-0 {
        display: none !important; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-10 {
        flex-basis: 10%;
        width: 10%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-12 {
        flex-basis: 12.5%;
        width: 12.5%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-15 {
        flex-basis: 15%;
        width: 15%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-20 {
        flex-basis: 20%;
        width: 20%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-25 {
        flex-basis: 25%;
        width: 25%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-30 {
        flex-basis: 30%;
        width: 30%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-33 {
        flex-basis: 33.33%;
        width: 33.33%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-40 {
        flex-basis: 40%;
        width: 40%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-50 {
        flex-basis: 50%;
        width: 50%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-60 {
        flex-basis: 60%;
        width: 60%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-66 {
        flex-basis: 66.66%;
        width: 66.66%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-70 {
        flex-basis: 70%;
        width: 70%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-75 {
        flex-basis: 75%;
        width: 75%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-80 {
        flex-basis: 80%;
        width: 80%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-85 {
        flex-basis: 85%;
        width: 85%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-90 {
        flex-basis: 90%;
        width: 90%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-100 {
        flex-basis: 100%;
        width: 100%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-auto {
        flex-basis: auto;
        width: auto; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-wrap {
        flex-wrap: wrap !important; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-0 {
        display: none !important; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-0 {
        display: none !important; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-10 {
        flex-basis: 10%;
        width: 10%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-10 {
        flex-basis: 10%;
        width: 10%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-12 {
        flex-basis: 12.5%;
        width: 12.5%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-12 {
        flex-basis: 12.5%;
        width: 12.5%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-15 {
        flex-basis: 15%;
        width: 15%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-15 {
        flex-basis: 15%;
        width: 15%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-20 {
        flex-basis: 20%;
        width: 20%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-20 {
        flex-basis: 20%;
        width: 20%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-25 {
        flex-basis: 25%;
        width: 25%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-25 {
        flex-basis: 25%;
        width: 25%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-30 {
        flex-basis: 30%;
        width: 30%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-30 {
        flex-basis: 30%;
        width: 30%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-33 {
        flex-basis: 33.33%;
        width: 33.33%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-33 {
        flex-basis: 33.33%;
        width: 33.33%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-40 {
        flex-basis: 40%;
        width: 40%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-40 {
        flex-basis: 40%;
        width: 40%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-50 {
        flex-basis: 50%;
        width: 50%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-50 {
        flex-basis: 50%;
        width: 50%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-60 {
        flex-basis: 60%;
        width: 60%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-60 {
        flex-basis: 60%;
        width: 60%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-66 {
        flex-basis: 66.66%;
        width: 66.66%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-66 {
        flex-basis: 66.66%;
        width: 66.66%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-70 {
        flex-basis: 70%;
        width: 70%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-70 {
        flex-basis: 70%;
        width: 70%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-75 {
        flex-basis: 75%;
        width: 75%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-75 {
        flex-basis: 75%;
        width: 75%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-80 {
        flex-basis: 80%;
        width: 80%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-80 {
        flex-basis: 80%;
        width: 80%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-85 {
        flex-basis: 85%;
        width: 85%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-85 {
        flex-basis: 85%;
        width: 85%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-90 {
        flex-basis: 90%;
        width: 90%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-90 {
        flex-basis: 90%;
        width: 90%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-100 {
        flex-basis: 100%;
        width: 100%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-100 {
        flex-basis: 100%;
        width: 100%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-auto {
        flex-basis: auto;
        width: auto; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-auto {
        flex-basis: auto;
        width: auto; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-wrap {
        flex-wrap: wrap !important; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-wrap {
        flex-wrap: wrap !important; } }
    .md2-row .md2-col.md2-col-max-10 {
      flex: 0 1 10%;
      max-width: 10%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-10 {
        flex: auto;
        width: 100%;
        max-width: 10%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-10 {
        flex: auto;
        width: 100%;
        max-width: 10%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-10 {
        flex: auto;
        width: 100%;
        max-width: 10%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-10 {
        flex: auto;
        width: 100%;
        max-width: 10%; } }
    .md2-row .md2-col.md2-col-max-12 {
      flex: auto;
      width: 100%;
      max-width: 12.5%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-12 {
        flex: auto;
        width: 100%;
        max-width: 12.5%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-12 {
        flex: auto;
        width: 100%;
        max-width: 12.5%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-12 {
        flex: auto;
        width: 100%;
        max-width: 12.5%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-12 {
        flex: auto;
        width: 100%;
        max-width: 12.5%; } }
    .md2-row .md2-col.md2-col-max-15 {
      flex: auto;
      width: 100%;
      max-width: 15%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-15 {
        flex: auto;
        width: 100%;
        max-width: 15%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-15 {
        flex: auto;
        width: 100%;
        max-width: 15%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-15 {
        flex: auto;
        width: 100%;
        max-width: 15%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-15 {
        flex: auto;
        width: 100%;
        max-width: 15%; } }
    .md2-row .md2-col.md2-col-max-20 {
      flex: auto;
      width: 100%;
      max-width: 20%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-20 {
        flex: auto;
        width: 100%;
        max-width: 20%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-20 {
        flex: auto;
        width: 100%;
        max-width: 20%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-20 {
        flex: auto;
        width: 100%;
        max-width: 20%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-20 {
        flex: auto;
        width: 100%;
        max-width: 20%; } }
    .md2-row .md2-col.md2-col-max-25 {
      flex: auto;
      width: 100%;
      max-width: 25%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-25 {
        flex: auto;
        width: 100%;
        max-width: 25%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-25 {
        flex: auto;
        width: 100%;
        max-width: 25%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-25 {
        flex: auto;
        width: 100%;
        max-width: 25%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-25 {
        flex: auto;
        width: 100%;
        max-width: 25%; } }
    .md2-row .md2-col.md2-col-max-30 {
      flex: auto;
      width: 100%;
      max-width: 30%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-30 {
        flex: auto;
        width: 100%;
        max-width: 30%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-30 {
        flex: auto;
        width: 100%;
        max-width: 25%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-30 {
        flex: auto;
        width: 100%;
        max-width: 25%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-30 {
        flex: auto;
        width: 100%;
        max-width: 25%; } }
    .md2-row .md2-col.md2-col-max-33 {
      flex: auto;
      width: 100%;
      max-width: 33.33%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-33 {
        flex: auto;
        width: 100%;
        max-width: 33.33%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-33 {
        flex: auto;
        width: 100%;
        max-width: 33.33%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-33 {
        flex: auto;
        width: 100%;
        max-width: 33.33%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-33 {
        flex: auto;
        width: 100%;
        max-width: 33.33%; } }
    .md2-row .md2-col.md2-col-max-37 {
      flex: auto;
      width: 100%;
      max-width: 37.5%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-37 {
        flex: auto;
        width: 100%;
        max-width: 37.5%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-37 {
        flex: auto;
        width: 100%;
        max-width: 37.5%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-37 {
        flex: auto;
        width: 100%;
        max-width: 37.5%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-37 {
        flex: auto;
        width: 100%;
        max-width: 37.5%; } }
    .md2-row .md2-col.md2-col-max-40 {
      flex: auto;
      width: 100%;
      max-width: 40%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-40 {
        flex: auto;
        width: 100%;
        max-width: 40%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-40 {
        flex: auto;
        width: 100%;
        max-width: 40%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-40 {
        flex: auto;
        width: 100%;
        max-width: 40%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-40 {
        flex: auto;
        width: 100%;
        max-width: 40%; } }
    .md2-row .md2-col.md2-col-max-48 {
      flex: auto;
      width: 100%;
      max-width: 48%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-48 {
        flex: auto;
        width: 100%;
        max-width: 48%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-48 {
        flex: auto;
        width: 100%;
        max-width: 48%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-48 {
        flex: auto;
        width: 100%;
        max-width: 48%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-48 {
        flex: auto;
        width: 100%;
        max-width: 48%; } }
    .md2-row .md2-col.md2-col-max-50 {
      flex: auto;
      width: 100%;
      max-width: 50%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-50 {
        flex: auto;
        width: 100%;
        max-width: 50%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-50 {
        flex: auto;
        width: 100%;
        max-width: 50%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-50 {
        flex: auto;
        width: 100%;
        max-width: 50%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-50 {
        flex: auto;
        width: 100%;
        max-width: 50%; } }
    .md2-row .md2-col.md2-col-max-60 {
      flex: auto;
      width: 100%;
      max-width: 60%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-60 {
        flex: auto;
        width: 100%;
        max-width: 60%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-60 {
        flex: auto;
        width: 100%;
        max-width: 60%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-60 {
        flex: auto;
        width: 100%;
        max-width: 60%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-60 {
        flex: auto;
        width: 100%;
        max-width: 60%; } }
    .md2-row .md2-col.md2-col-max-62 {
      flex: auto;
      width: 100%;
      max-width: 62.5%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-62 {
        flex: auto;
        width: 100%;
        max-width: 62.5%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-62 {
        flex: auto;
        width: 100%;
        max-width: 62.5%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-62 {
        flex: auto;
        width: 100%;
        max-width: 62.5%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-62 {
        flex: auto;
        width: 100%;
        max-width: 62.5%; } }
    .md2-row .md2-col.md2-col-max-66 {
      flex: auto;
      width: 100%;
      max-width: 66.66%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-66 {
        flex: auto;
        width: 100%;
        max-width: 66.66%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-66 {
        flex: auto;
        width: 100%;
        max-width: 66.66%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-66 {
        flex: auto;
        width: 100%;
        max-width: 66.66%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-66 {
        flex: auto;
        width: 100%;
        max-width: 66.66%; } }
    .md2-row .md2-col.md2-col-max-70 {
      flex: auto;
      width: 100%;
      max-width: 70%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-70 {
        flex: auto;
        width: 100%;
        max-width: 70%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-70 {
        flex: auto;
        width: 100%;
        max-width: 70%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-70 {
        flex: auto;
        width: 100%;
        max-width: 70%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-70 {
        flex: auto;
        width: 100%;
        max-width: 70%; } }
    .md2-row .md2-col.md2-col-max-75 {
      flex: auto;
      width: 100%;
      max-width: 75%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-75 {
        flex: auto;
        width: 100%;
        max-width: 75%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-75 {
        flex: auto;
        width: 100%;
        max-width: 75%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-75 {
        flex: auto;
        width: 100%;
        max-width: 75%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-75 {
        flex: auto;
        width: 100%;
        max-width: 75%; } }
    .md2-row .md2-col.md2-col-max-80 {
      flex: auto;
      width: 100%;
      max-width: 80%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-80 {
        flex: auto;
        width: 100%;
        max-width: 80%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-80 {
        flex: auto;
        width: 100%;
        max-width: 80%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-80 {
        flex: auto;
        width: 100%;
        max-width: 80%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-80 {
        flex: auto;
        width: 100%;
        max-width: 80%; } }
    .md2-row .md2-col.md2-col-max-85 {
      flex: auto;
      width: 100%;
      max-width: 85%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-85 {
        flex: auto;
        width: 100%;
        max-width: 85%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-85 {
        flex: auto;
        width: 100%;
        max-width: 85%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-85 {
        flex: auto;
        width: 100%;
        max-width: 85%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-85 {
        flex: auto;
        width: 100%;
        max-width: 85%; } }
    .md2-row .md2-col.md2-col-max-87 {
      flex: auto;
      width: 100%;
      max-width: 87.5%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-87 {
        flex: auto;
        width: 100%;
        max-width: 87.5%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-87 {
        flex: auto;
        width: 100%;
        max-width: 87.5%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-87 {
        flex: auto;
        width: 100%;
        max-width: 87.5%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-87 {
        flex: auto;
        width: 100%;
        max-width: 87.5%; } }
    .md2-row .md2-col.md2-col-max-90 {
      flex: auto;
      width: 100%;
      max-width: 90%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-90 {
        flex: auto;
        width: 100%;
        max-width: 90%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-90 {
        flex: auto;
        width: 100%;
        max-width: 90%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-90 {
        flex: auto;
        width: 100%;
        max-width: 90%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-90 {
        flex: auto;
        width: 100%;
        max-width: 90%; } }
    .md2-row .md2-col.md2-col-max-100 {
      flex: auto;
      width: 100%;
      max-width: 100%; }
    @media screen and (min-width: 960px) and (max-width: 1319px) {
      .md2-row .md2-col.md2-md-col-max-100 {
        flex: auto;
        width: 100%;
        max-width: 100%; } }
    @media screen and (min-width: 720px) and (max-width: 959px) {
      .md2-row .md2-col.md2-sm-col-max-100 {
        flex: auto;
        width: 100%;
        max-width: 100%; } }
    @media screen and (max-width: 539px) {
      .md2-row .md2-col.md2-xs-col-max-100 {
        flex: auto;
        width: 100%;
        max-width: 100%; } }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-row .md2-col.md2-xs-col-max-100 {
        flex: auto;
        width: 100%;
        max-width: 100%; } }
    .md2-row .md2-col:empty {
      padding: 0 !important; }
  .md2-row.md2-filter-row {
    justify-content: start !important; }
  .md2-row.wrap {
    flex-wrap: wrap; }
  .md2-row.md2-wrap {
    flex-wrap: wrap; }
  .md2-row.md2-nowrap {
    flex-wrap: nowrap !important; }
  .md2-row.md2-align-start {
    align-items: start !important; }
  .md2-row.md2-align-center {
    align-items: center !important; }
  .md2-row.md2-align-end {
    align-items: end !important; }
  .md2-row.md2-items-stretch {
    align-items: stretch !important; }

.md2-dropdown, .dropdown {
  position: relative; }
  @media screen and (max-width: 539px) {
    .md2-dropdown, .dropdown {
      position: relative; } }

.md2-dropdown-header, .dropdown-toggle {
  border: 0;
  margin: 0;
  height: 3.2rem;
  display: flex;
  justify-content: end;
  align-items: center;
  text-decoration: none;
  font-size: 1.2rem;
  line-height: 2.4rem;
  color: #333;
  cursor: pointer;
  background-color: transparent;
  position: relative;
  outline: 0; }
  .md2-dropdown-header i:first-child, .dropdown-toggle i:first-child {
    padding-right: 1.2rem; }
    @media screen and (max-width: 480px) {
      .md2-dropdown-header i:first-child, .dropdown-toggle i:first-child {
        padding-right: 0;
        margin: 0; } }
  .md2-dropdown-header i.expand-icon, .dropdown-toggle i.expand-icon {
    float: right; }
    .md2-dropdown-header i.expand-icon.arrowup, .dropdown-toggle i.expand-icon.arrowup {
      transform: rotate(180deg); }
  @media screen and (max-width: 768px) {
    .md2-dropdown-header, .dropdown-toggle {
      width: auto !important; } }

.dropdown-toggle:focus {
  outline: 0; }

.md2-dropdown-content, .dropdown-menu {
  box-sizing: border-box;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  padding: .6rem;
  margin: .4rem 0 0 0;
  font-size: 1.4rem;
  text-align: left;
  list-style: none;
  height: auto;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #FFF;
  border-radius: 0.5rem;
  box-shadow: 0 0 .8rem #999; }
  @media screen and (min-width: 540px) and (max-width: 719px) {
    .md2-dropdown-content, .dropdown-menu {
      left: auto;
      right: 0; } }
  @media screen and (max-width: 539px) {
    .md2-dropdown-content, .dropdown-menu {
      width: calc(100% - 2.4rem);
      margin: 0 1.2rem;
      position: fixed;
      left: 0;
      top: 5.6rem;
      right: 0; } }
  .md2-dropdown-content .content, .dropdown-menu .content {
    display: block;
    margin: 1.2rem; }
    .md2-dropdown-content .content .md2-row, .md2-dropdown-content .content .md2-col, .dropdown-menu .content .md2-row, .dropdown-menu .content .md2-col {
      padding: 0 !important;
      margin: 0 !important; }

.md2-filter-card .dropdown-select {
  position: relative;
  width: 100%; }
  .md2-filter-card .dropdown-select .dropdown-content {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    font-size: 1.4rem;
    text-align: left;
    list-style: none;
    height: auto;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: #FFF;
    border-radius: 0.5rem;
    box-shadow: 0 0 .8rem #999; }
    @media screen and (min-width: 540px) and (max-width: 719px) {
      .md2-filter-card .dropdown-select .dropdown-content {
        left: auto;
        right: 0; } }
    @media screen and (max-width: 539px) {
      .md2-filter-card .dropdown-select .dropdown-content {
        width: calc(100% - 2.4rem);
        margin: 0 1.2rem;
        position: fixed;
        left: 0;
        top: 5.6rem;
        right: 0; } }
    .md2-filter-card .dropdown-select .dropdown-content .dropdown-item {
      padding: .6rem; }
      .md2-filter-card .dropdown-select .dropdown-content .dropdown-item:nth-child(odd) {
        background-color: #f6f6f6 !important; }
      .md2-filter-card .dropdown-select .dropdown-content .dropdown-item:hover {
        background-color: #f3f6fb !important; }
        .md2-filter-card .dropdown-select .dropdown-content .dropdown-item:hover .md2-label {
          color: #2e4f94 !important; }

.md2-filter-card .dropdown-menu {
  padding: 0 !important; }
  .md2-filter-card .dropdown-menu .dropdown-item {
    padding: .6rem; }
    .md2-filter-card .dropdown-menu .dropdown-item:nth-child(odd) {
      background-color: #f6f6f6 !important; }
    .md2-filter-card .dropdown-menu .dropdown-item:hover {
      background-color: #f3f6fb !important; }
      .md2-filter-card .dropdown-menu .dropdown-item:hover .md2-label {
        color: #2e4f94 !important; }

.md2-dropdown-content.pull-right {
  right: 0;
  left: auto; }

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

.md2-dropdown-content > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #00136f;
  white-space: nowrap; }

.md2-dropdown-content > li > a:hover,
.md2-dropdown-content > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5; }

.md2-dropdown-content > .active > a,
.md2-dropdown-content > .active > a:hover,
.md2-dropdown-content > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0; }

.md2-dropdown-content > .disabled > a,
.md2-dropdown-content > .disabled > a:hover,
.md2-dropdown-content > .disabled > a:focus {
  color: #777; }

.md2-dropdown-content > .disabled > a:hover,
.md2-dropdown-content > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.md2-dropdown-content .menu-buttons .md2-button {
  font-size: 1.4rem !important; }

.md2-dropdown-content.show {
  display: block; }

.dropdown.open .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.pull-right > .md2-dropdown-content {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid #999; }

.dropup .md2-dropdown-content,
.navbar-fixed-bottom .dropdown .md2-dropdown-content {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

/*
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
}*/
.thumbnail div {
  display: block;
  position: relative;
  overflow: hidden; }
  .thumbnail div .md2-image.md2-image-thumbnail {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

universal-grid-list-mode .thumbnail div {
  width: 5.2rem;
  height: 5.2rem;
  border: 0.1rem solid #ededed;
  border-radius: 0.5rem; }
  universal-grid-list-mode .thumbnail div:hover {
    border: 0.1rem solid #8ea7dc; }

.md2-image {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  object-fit: contain; }
  .md2-image.md2-image-graysacle {
    filter: grayscale(0); }
  .md2-image.md2-image-thumbnail {
    width: 5.2rem;
    padding: .2rem; }

.md2-list-image {
  width: 100%;
  height: 100%;
  padding: 1.6rem !important; }
  .md2-list-image img {
    object-fit: contain;
    max-width: 48rem !important; }

/* Główny kontener galerii */
.gallery-container {
  width: 100%;
  padding: .3rem;
  box-sizing: border-box;
  /* Siatka miniaturek */ }
  .gallery-container .gallery-grid {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.6rem;
    /* Pojedyncza miniaturka */ }
    .gallery-container .gallery-grid .gallery-item {
      width: 6rem;
      overflow: hidden;
      border-radius: .7rem;
      cursor: pointer;
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: transform 0.3s ease;
      box-shadow: 0 0.15rem 3rem #ededed; }
      .gallery-container .gallery-grid .gallery-item:hover {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px); }
      .gallery-container .gallery-grid .gallery-item img {
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block; }
      @media screen and (min-width: 960px) and (max-width: 1319px) {
        .gallery-container .gallery-grid .gallery-item {
          width: 6rem; } }
      @media screen and (min-width: 720px) and (max-width: 959px) {
        .gallery-container .gallery-grid .gallery-item {
          width: 6rem; } }
      @media screen and (min-width: 540px) and (max-width: 719px) {
        .gallery-container .gallery-grid .gallery-item {
          width: 4.8rem; } }
      @media screen and (max-width: 539px) {
        .gallery-container .gallery-grid .gallery-item {
          width: 4.8rem; } }

/* LIGHTBOX */
.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.95);
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .lightbox img {
    max-width: 90%;
    max-height: 90vh;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

/* Przyciski nawigacyjne */
.nav-btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  border: none;
  font-size: 48px;
  width: 60px;
  height: 60px;
  cursor: pointer;
  border-radius: 50%;
  outline: none; }

.nav-btn:hover {
  background-color: rgba(255, 255, 255, 0.4); }

.nav-btn.prev {
  left: 30px; }

.nav-btn.next {
  right: 30px; }

/* Przycisk zamknięcia */
.close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  color: white;
  font-size: 40px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.close-btn:hover {
  color: #ff4444; }

/* Responsive */
@media (max-width: 768px) {
  .gallery-item {
    width: calc(50% - 8px); }
  .nav-btn {
    width: 45px;
    height: 45px;
    font-size: 32px; } }

@media (max-width: 480px) {
  .gallery-item {
    width: 100%; } }

/* Material design 2 - checkboxes */
.md2-checkbox-container {
  width: 100%;
  display: block; }
  .md2-checkbox-container i, .md2-checkbox-container label {
    vertical-align: middle; }

ul.md2-checkbox-list {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.md2-checkbox-list li {
    display: inline-block;
    padding-right: 2.4rem;
    min-width: 24%; }
    @media screen and (max-width: 1400px) {
      ul.md2-checkbox-list li {
        min-width: 33%; } }
    @media screen and (max-width: 1200px) {
      ul.md2-checkbox-list li {
        min-width: 49%; } }
    @media screen and (max-width: 640px) {
      ul.md2-checkbox-list li {
        min-width: 100%; } }

.md2-checkbox-list {
  width: 100%; }

input[type="radio"] {
  position: absolute;
  opacity: 0; }
  input[type="radio"] + .md2-radio-text:before {
    content: '';
    background: transparent;
    border-radius: 100%;
    border: 1px solid #999;
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    position: relative;
    top: 0rem;
    margin-right: 1rem;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease; }
  input[type="radio"]:checked + .md2-radio-text {
    color: #2e4f94; }
    input[type="radio"]:checked + .md2-radio-text:before {
      background-color: #2e4f94;
      box-shadow: inset 0 0 0 .4rem #FFF; }
  input[type="radio"]:focus + .md2-radio-text:before {
    outline: none;
    border-color: #2e4f94; }
  input[type="radio"]:disabled + .md2-radio-text:before {
    box-shadow: inset 0 0 0 4px #2e4f94;
    border-color: #101b33;
    background: #101b33; }
  input[type="radio"] + .md2-radio-text:empty:before {
    margin-right: 0; }

/* custom checkbox */
.md2-checkbox {
  height: 1.8rem;
  width: 1.8rem;
  min-width: 1.8rem;
  min-height: 1.8rem;
  margin: 2px 10px 2px 2px;
  padding: 0;
  opacity: 1;
  appearance: none;
  border: 2px solid #999;
  border-radius: 3px;
  background: #fff;
  position: relative;
  margin-right: 10px;
  vertical-align: middle;
  cursor: pointer;
  transition: all ease .4s; }
  .md2-checkbox:checked {
    border: 0.2rem solid #2e4f94;
    background: #2e4f94 !important;
    background-color: #2e4f94 !important;
    transition: all ease .4s; }
    .md2-checkbox:checked::before, .md2-checkbox:checked::after {
      content: "";
      position: absolute;
      height: .2rem;
      background: #fff; }
    .md2-checkbox:checked::before {
      width: 0.6rem;
      top: 0.8rem;
      left: 0.1rem;
      transform: rotate(44deg); }
    .md2-checkbox:checked::after {
      width: 1.2rem;
      top: 0.6rem;
      left: 0.3rem;
      transform: rotate(-55deg); }
  .md2-checkbox:disabled {
    filter: grayscale(1) !important;
    opacity: .33 !important; }
  .md2-checkbox:focus {
    outline: none; }

.md2-aspx-checkbox label {
  color: #999; }

.md2-aspx-checkbox input {
  height: 1.8rem;
  width: 1.8rem;
  min-width: 1.8rem;
  min-height: 1.8rem;
  margin: 2px 10px 2px 2px;
  padding: 0;
  opacity: 1;
  appearance: none;
  border: 2px solid #999;
  border-radius: 3px;
  background: #fff;
  position: relative;
  margin-right: 10px;
  vertical-align: middle;
  cursor: pointer;
  transition: all ease .4s; }
  .md2-aspx-checkbox input:checked {
    border: 0.2rem solid #2e4f94;
    background: #2e4f94 !important;
    background-color: #2e4f94 !important;
    transition: all ease .4s; }
    .md2-aspx-checkbox input:checked::before, .md2-aspx-checkbox input:checked::after {
      content: "";
      position: absolute;
      height: .2rem;
      background: #fff; }
    .md2-aspx-checkbox input:checked::before {
      width: 0.6rem;
      top: 0.8rem;
      left: 0.1rem;
      transform: rotate(44deg); }
    .md2-aspx-checkbox input:checked::after {
      width: 1.2rem;
      top: 0.6rem;
      left: 0.3rem;
      transform: rotate(-55deg); }
  .md2-aspx-checkbox input:disabled {
    filter: grayscale(1) !important;
    opacity: .33 !important; }
  .md2-aspx-checkbox input:focus {
    outline: none; }

.md2-asp-checkbox, .md2-checkbox-list {
  margin-right: 1.2rem; }

.dxWeb_edtCheckBoxUnchecked {
  background: none !important;
  width: 2.4rem;
  height: 2.4rem;
  font-family: 'Material Icons';
  content: ''; }

.dxWeb_edtCheckBoxChecked {
  background: none !important;
  width: 2.4rem;
  height: 2.4rem;
  font-family: 'Material Icons';
  content: ''; }

.dxICheckBox.dxWeb_edtCheckBoxUnchecked::before {
  font-family: 'Material Icons' !important;
  content: "check_box_outline_blank" !important;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 2.4rem;
  color: #999; }

.dxICheckBox.dxWeb_edtCheckBoxChecked::before {
  font-family: 'Material Icons' !important;
  content: "check_box" !important;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 2.4rem;
  color: #2e4f94; }

.md2-input-file {
  display: inline-block;
  width: auto;
  height: 3.6rem;
  padding: .6rem 0;
  margin-top: -2.2rem !important; }
  .md2-input-file .md2-input {
    width: 0.1px;
    height: 0.01rem;
    background-color: #FFF;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
  .md2-input-file label {
    display: block; }
    .md2-input-file label i {
      color: #2e4f94;
      margin: .3rem .6rem .3rem .3rem;
      vertical-align: middle; }
    .md2-input-file label span {
      font-family: "Roboto",sans-serif;
      font-weight: normal !important;
      color: #5f4b8b;
      vertical-align: middle;
      text-transform: uppercase; }

.md2-input {
  /*ASPX input styles*/ }
  .md2-input[type="text"], .md2-input[type="password"], .md2-input[type="email"], .md2-input[type="number"], .md2-input[datepicker] {
    border: none !important;
    border-bottom: .1rem solid !important;
    border-radius: 0;
    border-color: #ededed !important;
    background-color: #FFF;
    outline: none;
    box-shadow: none;
    padding: .8rem .4rem;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 400;
    height: 3.2rem;
    width: 100%; }
    .md2-input[type="text"]:focus, .md2-input[type="password"]:focus, .md2-input[type="email"]:focus, .md2-input[type="number"]:focus, .md2-input[datepicker]:focus {
      border-color: #2e4f94 !important; }
    .md2-input[type="text"]::placeholder, .md2-input[type="password"]::placeholder, .md2-input[type="email"]::placeholder, .md2-input[type="number"]::placeholder, .md2-input[datepicker]::placeholder {
      color: #999 !important;
      font-weight: 100 !important; }
    .md2-input[type="text"]:disabled, .md2-input[type="password"]:disabled, .md2-input[type="email"]:disabled, .md2-input[type="number"]:disabled, .md2-input[datepicker]:disabled {
      background-color: #fCfCfC;
      border-color: #ededed !important;
      cursor: not-allowed;
      opacity: .75; }
    .top-buttons-panel .md2-input[type="text"], .top-buttons-panel .md2-input[type="password"], .top-buttons-panel .md2-input[type="email"], .top-buttons-panel .md2-input[type="number"], .top-buttons-panel .md2-input[datepicker] {
      margin-bottom: 0 !important;
      min-width: 24rem !important; }
  .md2-input[type="file"] {
    border: none !important;
    border-bottom: .1rem solid !important;
    border-color: #ededed !important;
    background: transparent;
    outline: none;
    box-shadow: none;
    padding: 0.4rem 0.6rem !important;
    height: 3.2rem;
    width: 100%;
    margin-bottom: 1.2rem; }
    .md2-input[type="file"]:focus, .md2-input[type="file"]:hover, .md2-input[type="file"]:active {
      border-color: #2e4f94 !important; }
    .md2-input[type="file"]::-webkit-file-upload-button {
      color: #FFF !important;
      border: none;
      border-color: transparent;
      background-color: #2e4f94;
      border-radius: 0.5rem;
      overflow: hidden;
      min-height: 2.4rem;
      font-weight: 400;
      font-size: 1rem;
      text-decoration: none; }
    .md2-input[type="file"]::-ms-browse {
      color: #FFF !important;
      border: none;
      border-color: transparent;
      background-color: #2e4f94;
      border-radius: 0.5rem;
      overflow: hidden;
      font-weight: 400;
      font-size: 1rem;
      text-decoration: none; }
  .md2-input[type="color"] {
    border: .1rem solid !important;
    border-radius: 0;
    border-color: #ededed !important;
    outline: none;
    box-shadow: none;
    padding: 0 !important;
    height: 3.2rem;
    width: 100%; }
  .md2-input.dxeButtonEditSys {
    width: 100%;
    display: inline-block;
    height: 3.2rem;
    border: 0 solid transparent !important;
    border-bottom: 0.1rem solid #ededed !important;
    border-radius: 0; }
    .md2-input.dxeButtonEditSys:focus {
      border-color: #2e4f94 !important;
      outline: none !important; }
    .md2-input.dxeButtonEditSys tr {
      width: 100%;
      display: inline-flex; }
    .md2-input.dxeButtonEditSys td.dxic {
      padding: .8rem; }
    .md2-input.dxeButtonEditSys input {
      padding: .6rem .4rem; }
      .md2-input.dxeButtonEditSys input:focus {
        border-color: #2e4f94 !important;
        outline: none !important; }
    .md2-input.dxeButtonEditSys.dxeButtonEdit tbody tr {
      display: inline-flex !important; }
      .md2-input.dxeButtonEditSys.dxeButtonEdit tbody tr td.dxic input {
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.4rem;
        line-height: 1;
        font-weight: 400; }
      .md2-input.dxeButtonEditSys.dxeButtonEdit tbody tr td .dxbebt .dxEditors_edtDropDown {
        background-position: -95px 6px; }
    .md2-input.dxeButtonEditSys .dxeButtonEditButton {
      border: 0 !important;
      background: none !important; }
  .md2-input .dxeSBC table {
    height: 3.2rem;
    /*transform: scale(.8) !important;
            transform-origin: top right !important;*/ }
    .md2-input .dxeSBC table tr {
      height: 1.6rem; }
      .md2-input .dxeSBC table tr .dxEditors_edtSpinEditIncrementImage {
        background-position: -150px 6px; }
      .md2-input .dxeSBC table tr .dxEditors_edtSpinEditDecrementImage {
        background-position: -132px -10px; }

.StepLabel .md2-label {
  font-size: 1.2rem;
  color: #999; }

.md2-label {
  color: #060a14;
  margin-bottom: .3rem; }
  .md2-label .material-icons {
    vertical-align: middle; }
  .md2-label.md2-group-label {
    margin-bottom: .6rem; }

.check-all .md2-checkbox {
  border: 0.2rem solid #2e4f94 !important; }

super-checkbox .material-icons {
  vertical-align: middle !important; }

.md2-textbox input[type="text"] {
  width: 100%;
  border: none !important;
  border-bottom: .1rem solid !important;
  border-color: #ededed !important;
  background-color: #FFF;
  outline: none;
  box-shadow: none;
  padding: .8rem .4rem; }
  .md2-textbox input[type="text"]:focus {
    border-color: #2e4f94 !important; }

.md2-textarea {
  border: none !important;
  border-bottom: .1rem solid !important;
  border-color: #ededed !important;
  background-color: #FFF;
  outline: none;
  box-shadow: none;
  padding: .8rem .4rem;
  width: 100%;
  min-height: 12rem; }
  .md2-textarea::placeholder {
    color: #999 !important;
    font-weight: 100 !important; }

.md2-select {
  border: none !important;
  border-bottom: .1rem solid !important;
  border-radius: 0;
  border-color: #ededed !important;
  background-color: #FFF;
  outline: none;
  box-shadow: none;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  height: 3.2rem;
  width: 100%;
  /*ASPX input styles*/ }
  .md2-select:focus {
    border-color: #2e4f94 !important; }
  .md2-select:disabled {
    background-color: #fCfCfC;
    border-color: #ededed !important;
    cursor: not-allowed;
    opacity: .75; }
  .md2-select.dxeButtonEditSys {
    width: 100%;
    display: inline-block;
    height: 3.2rem;
    border: 0 solid transparent !important;
    border-bottom: 0.1rem solid #ededed !important;
    border-radius: 0; }
    .md2-select.dxeButtonEditSys:focus {
      border-color: #2e4f94 !important;
      outline: none !important; }
    .md2-select.dxeButtonEditSys tr {
      width: 100%;
      display: inline-flex; }
    .md2-select.dxeButtonEditSys td.dxic {
      padding: .8rem; }
    .md2-select.dxeButtonEditSys input {
      padding: .6rem .4rem; }
      .md2-select.dxeButtonEditSys input:focus {
        border-color: #2e4f94 !important;
        outline: none !important; }
    .md2-select.dxeButtonEditSys.dxeButtonEdit tr {
      display: inline-flex !important; }
    .md2-select.dxeButtonEditSys .dxeButtonEditButton {
      border: 0 !important;
      background: none !important; }

select.md2-select {
  border: none !important;
  border-bottom: .1rem solid !important;
  border-radius: 0;
  border-color: #ededed !important;
  background-color: #FFF;
  outline: none;
  box-shadow: none;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  height: 3.2rem;
  width: 100%; }
  select.md2-select:focus {
    border-color: #2e4f94 !important; }
  select.md2-select:disabled {
    background-color: #fCfCfC;
    border-color: #ededed !important;
    cursor: not-allowed;
    opacity: .75; }

.dxeTextBox.md2-input {
  border: none;
  width: 100%; }
  .dxeTextBox.md2-input input[type="text"] {
    border: none !important;
    border-bottom: .1rem solid !important;
    border-radius: 0;
    border-color: #ededed !important;
    background: transparent;
    outline: none;
    box-shadow: none;
    padding: .6rem .4rem !important;
    margin-bottom: 1.2rem;
    height: 3.2rem;
    width: 100%; }
    .dxeTextBox.md2-input input[type="text"]:focus {
      border-color: #2e4f94 !important; }

.dxeButtonEdit {
  width: 100%;
  display: inline-block;
  border: 0 solid transparent !important;
  border-bottom: 0.1rem solid #ededed !important;
  border-radius: 0;
  overflow: hidden; }
  .dxeButtonEdit:hover {
    border-color: #e0e0e0 !important; }
  .dxeButtonEdit:focus {
    border-color: #2e4f94 !important;
    outline: none !important; }
  .dxeButtonEdit tbody {
    border: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 3.2rem; }
    .dxeButtonEdit tbody tr {
      border: 0;
      margin: 0;
      display: table-row; }
      .dxeButtonEdit tbody tr td {
        border: 0;
        margin: 0;
        display: inline-flex; }
        .dxeButtonEdit tbody tr td.dxeButtonEditButton {
          height: 3.2rem;
          width: 2.4rem;
          background: transparent !important; }
          .dxeButtonEdit tbody tr td.dxeButtonEditButton img {
            background-position: -95px 9px;
            width: 18px;
            height: 20px; }
        .dxeButtonEdit tbody tr td.dxic {
          border: 0;
          margin: 0;
          padding: 0; }
          .dxeButtonEdit tbody tr td.dxic input {
            border: 0;
            margin: 0;
            padding: 0;
            outline: none !important;
            background: transparent !important; }
  .dxeButtonEdit.dxeButtonEditSysWithSpacing.md2-select tbody {
    border: 0;
    margin: 0;
    display: block;
    width: 100%;
    height: 3.2rem; }
    .dxeButtonEdit.dxeButtonEditSysWithSpacing.md2-select tbody tr td.dxic {
      padding: 0;
      width: 100%;
      height: 3.2rem !important; }
      .dxeButtonEdit.dxeButtonEditSysWithSpacing.md2-select tbody tr td.dxic input {
        height: 2.8rem !important; }
    .dxeButtonEdit.dxeButtonEditSysWithSpacing.md2-select tbody tr td.dxeButtonEditButton img {
      background-position: -95px 0px !important; }

my-date-picker.md2-select {
  position: relative;
  width: 100%;
  padding: 0 !important;
  margin: 0;
  height: 3.2rem !important;
  border: none !important;
  border-bottom: .1rem solid !important;
  border-radius: 0;
  border-color: #ededed !important;
  background-color: #FFF;
  outline: none;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400; }
  my-date-picker.md2-select .mydp {
    border: none !important;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 400; }
    my-date-picker.md2-select .mydp .selectiongroup {
      position: relative;
      background-color: transparent; }
      my-date-picker.md2-select .mydp .selectiongroup input {
        border: none !important;
        border-bottom: .1rem solid !important;
        border-radius: 0;
        border-color: transparent !important;
        background-color: #FFF;
        display: flex;
        align-items: center;
        padding: .6rem;
        box-shadow: none;
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.4rem;
        line-height: 1;
        font-weight: 400;
        height: 3.1rem !important;
        width: 100%; }
        my-date-picker.md2-select .mydp .selectiongroup input:focus {
          border-color: #2e4f94 !important; }
      my-date-picker.md2-select .mydp .selectiongroup .selbtngroup {
        height: 3.2rem !important;
        line-height: 1 !important; }
        my-date-picker.md2-select .mydp .selectiongroup .selbtngroup .btnpicker {
          max-height: 3.2rem;
          background-color: transparent !important; }
      my-date-picker.md2-select .mydp .selectiongroup .selectiondisabled {
        background-color: #fCfCfC;
        border-color: #ededed;
        cursor: not-allowed;
        opacity: .75; }

.Required {
  color: red !important; }

.md2-input-group {
  display: inline-flex;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 0;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  min-height: 3.3rem;
  padding-left: .3rem !important;
  border: 0.1rem solid #ededed !important;
  border-radius: 0.5rem !important;
  background-color: #FFF !important; }
  .md2-input-group .md2-label {
    margin: 0 .6rem;
    line-height: 1 !important;
    margin-bottom: 0; }
  .md2-input-group .md2-input {
    border-bottom: .1rem solid transparent !important;
    margin-bottom: 0 !important; }
    .md2-input-group .md2-input:focus {
      border-bottom-: 0.1rem solid #2e4f94 !important; }
    .md2-input-group .md2-input[datepicker] {
      margin-right: .3rem !important; }
  .md2-input-group .md2-button-group {
    position: relative;
    white-space: nowrap; }
    .md2-input-group .md2-button-group .md2-button.md2-button-square {
      width: 3.2rem !important;
      justify-content: center !important;
      align-items: center !important;
      border-radius: 0 !important;
      margin: 0 !important; }
      .md2-input-group .md2-button-group .md2-button.md2-button-square:last-child {
        border-radius: 0 0.5rem 0.5rem 0 !important; }
      .md2-input-group .md2-button-group .md2-button.md2-button-square .material-icons {
        vertical-align: middle;
        align-items: center;
        margin: 0 !important; }
  .md2-input-group .dropdown .dropdown-menu {
    border-top: 0.3rem solid #2e4f94;
    position: absolute;
    top: 2.8rem;
    transform: translateX(calc(-100% + 3.2rem));
    box-shadow: 0 .3rem .6rem #CCC !important;
    max-height: 32rem;
    overflow: auto;
    min-width: none !important; }
  .md2-input-group .dropdown.open.unselected .dropdown-menu {
    transform: translateX(calc(-100% + 3.2rem)); }
  .md2-input-group .dropdown.open.selected .dropdown-menu {
    transform: translateX(calc(-100% + 6.4rem)); }
  .md2-input-group .material-icons {
    vertical-align: middle;
    align-items: center;
    margin-right: .6rem;
    color: #666; }
  .md2-input-group .md2-radio-label {
    /*margin-bottom: .6rem;*/
    margin-left: .6rem; }
    .md2-input-group .md2-radio-label .md2-radio {
      vertical-align: middle; }
  .product-details-add .md2-input-group .md2-radio-label label {
    font-size: 1.2rem !important; }
  .md2-options .md2-input-group .md2-input {
    margin-right: .3rem !important; }
  .md2-input-group .input-group-addon {
    margin: 0 .6rem;
    color: #060a14;
    white-space: nowrap; }
  .md2-input-group my-date-picker.md2-select {
    position: relative;
    width: 100%;
    padding: 0 !important;
    margin: 0;
    margin-right: .3rem !important;
    height: 3.2rem !important;
    border: none !important;
    border-bottom: .1rem solid !important;
    border-radius: 0;
    border-color: transparent !important;
    background-color: #FFF;
    outline: none;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 400; }
    .md2-input-group my-date-picker.md2-select .mydp {
      border: none !important;
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      font-size: 1.4rem;
      line-height: 1;
      font-weight: 400; }
      .md2-input-group my-date-picker.md2-select .mydp .selectiongroup {
        position: relative;
        background-color: transparent; }
        .md2-input-group my-date-picker.md2-select .mydp .selectiongroup input {
          border: none !important;
          border-bottom: .1rem solid !important;
          border-radius: 0;
          border-color: transparent !important;
          background-color: #FFF;
          display: flex;
          align-items: center;
          padding: .6rem;
          box-shadow: none;
          font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
          font-size: 1.4rem;
          line-height: 1;
          font-weight: 400;
          height: 3.2rem !important;
          width: 100%; }
          .md2-input-group my-date-picker.md2-select .mydp .selectiongroup input:focus {
            border-color: #2e4f94 !important; }
        .md2-input-group my-date-picker.md2-select .mydp .selectiongroup .selbtngroup {
          height: 3.2rem !important;
          line-height: 1 !important; }
          .md2-input-group my-date-picker.md2-select .mydp .selectiongroup .selbtngroup .btnpicker {
            max-height: 3.2rem;
            background-color: transparent !important; }
        .md2-input-group my-date-picker.md2-select .mydp .selectiongroup .selectiondisabled {
          background-color: #fCfCfC;
          border-color: transparent !important;
          cursor: not-allowed;
          opacity: .75; }

.product-details-add .md2-radio-label label {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  gap: .6rem;
  font-size: 1rem; }
  .product-details-add .md2-radio-label label::before {
    min-width: 1.7rem !important;
    margin-right: 0; }

.md2-form-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start; }
  .modal-body .md2-form-item {
    padding: 1.2rem;
    border-bottom: 0.1rem solid #ededed; }

input:-webkit-autofill {
  -webkit-text-fill-color: #666666 !important;
  -webkit-box-shadow: 0 0 0 3rem white inset !important; }

.md2-radio-list {
  width: 100%; }

input[type="radio"] {
  position: absolute;
  opacity: 0; }
  input[type="radio"] + label:before {
    content: '';
    background: #ffffff;
    border-radius: 100%;
    border: 0.1rem solid #ededed;
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    position: relative;
    top: 0rem;
    margin-right: 1rem;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease; }
  input[type="radio"]:checked + label {
    color: #2e4f94; }
    input[type="radio"]:checked + label:before {
      background-color: #2e4f94;
      box-shadow: inset 0 0 0 .4rem #FFF; }
  input[type="radio"]:focus + label:before {
    outline: none;
    border-color: #2e4f94; }
  input[type="radio"]:disabled + label:before {
    box-shadow: inset 0 0 0 4px #2e4f94;
    border-color: #101b33;
    background: #101b33; }
  input[type="radio"] + label:empty:before {
    margin-right: 0; }

table.dxheControl {
  border: 0.1rem solid #ededed !important;
  border-radius: 0.5rem !important; }

table.md2-html-editor {
  width: 100%;
  border: 0.1rem solid #ededed !important; }
  table.md2-html-editor .dxtbControl {
    width: 100% !important;
    border-color: #ededed !important;
    background-color: #f0f0f0; }
  table.md2-html-editor .dx table {
    width: 100% !important; }

.fileinput.fileinput-new {
  display: flex;
  flex-direction: row;
  gap: .6rem;
  align-items: center;
  justify-content: flex-start; }

.dropdown-menu .dropdown-item {
  display: block;
  padding: .6rem 0;
  border-bottom: 0.1rem solid #ededed;
  background-color: #FFF; }
  .dropdown-menu .dropdown-item .md2-label {
    color: #060a14 !important; }
  .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0 solid transparent; }
  .dropdown-menu .dropdown-item:hover {
    background-color: #f6f6f6 !important; }

.ngui-auto-complete-wrapper {
  width: 100%; }

.dxeButtonEditSys.md2-select {
  padding: 0 .4rem !important; }
  .dxeButtonEditSys.md2-select .dxbebt {
    padding: .6rem .4rem !important; }

matrix .md2-table thead tr th div .md2-input {
  border-bottom: 0.1rem solid #ededed !important;
  background: #FFF !important; }
  matrix .md2-table thead tr th div .md2-input:focus {
    border-bottom: 0.1rem solid #2e4f94 !important; }
  matrix .md2-table thead tr th div .md2-input[matrix-valid="1"] {
    background: #FFF !important; }
    matrix .md2-table thead tr th div .md2-input[matrix-valid="1"]:focus {
      border-bottom: 0.1rem solid #2e4f94 !important; }
  matrix .md2-table thead tr th div .md2-input[matrix-valid="0"] {
    background-color: #ffe9e9 !important;
    border-bottom: 0.1rem solid #ededed !important; }
    matrix .md2-table thead tr th div .md2-input[matrix-valid="0"]:focus {
      border-bottom: 0.1rem solid #ededed !important; }

matrix .md2-table thead tr th div.md2-checkbox-grup {
  margin-top: .6rem !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start; }

matrix .md2-table tbody td div .md2-input {
  border-bottom: 0.1rem solid #ededed !important;
  background: #FFF !important; }
  matrix .md2-table tbody td div .md2-input:focus {
    border-bottom: 0.1rem solid #2e4f94 !important; }
  matrix .md2-table tbody td div .md2-input[matrix-valid="1"], matrix .md2-table tbody td div .md2-input.md2-valid {
    background: #FFF !important; }
    matrix .md2-table tbody td div .md2-input[matrix-valid="1"]:focus, matrix .md2-table tbody td div .md2-input.md2-valid:focus {
      border-bottom: 0.1rem solid #2e4f94 !important; }
  matrix .md2-table tbody td div .md2-input[matrix-valid="0"], matrix .md2-table tbody td div .md2-input.md2-invalid {
    background-color: #ffe9e9 !important;
    border-bottom: 0.1rem solid #ededed !important; }
    matrix .md2-table tbody td div .md2-input[matrix-valid="0"]:focus, matrix .md2-table tbody td div .md2-input.md2-invalid:focus {
      border-bottom: 0.1rem solid #ededed !important; }

.md2-list {
  margin: 0; }
  .md2-list li {
    margin: .6rem 0;
    padding: .3rem;
    border-bottom: .1rem solid #f6f6f6; }
    .md2-list li a {
      cursor: pointer !important; }
  .md2-list.md2-list-inline {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .md2-list.md2-list-inline li {
      margin: 0 .6rem;
      display: inline-flex; }
      .md2-list.md2-list-inline li a {
        cursor: pointer !important; }
  .md2-list.md2-clear-list {
    list-style: none; }
  .md2-list.md2-nowrap {
    flex-wrap: nowrap !important; }
  .modal-content .md2-list.md2-clear-list {
    margin: 0 !important;
    padding: 1.6rem;
    width: 100%;
    list-style: none !important; }
    .modal-content .md2-list.md2-clear-list li {
      border-bottom: 0 solid transparent !important;
      padding: 0 !important;
      margin: 0 !important; }
      .modal-content .md2-list.md2-clear-list li .md2-list-content h1, .modal-content .md2-list.md2-clear-list li .md2-list-content h4, .modal-content .md2-list.md2-clear-list li .md2-list-content div {
        width: 100%;
        padding-bottom: .6rem !important;
        border-bottom: .1rem solid #efefef; }
        .modal-content .md2-list.md2-clear-list li .md2-list-content h1.md2-label, .modal-content .md2-list.md2-clear-list li .md2-list-content h4.md2-label, .modal-content .md2-list.md2-clear-list li .md2-list-content div.md2-label {
          padding-top: .6rem !important;
          padding-bottom: 0 !important;
          border-bottom: 0 solid transparent !important; }
  universal-grid-nav .md2-list {
    height: 3.2rem; }
    universal-grid-nav .md2-list a {
      color: #666 !important; }
      universal-grid-nav .md2-list a:hover {
        color: #3a64bb !important; }
      universal-grid-nav .md2-list a.grid-mode-active {
        color: #2e4f94 !important;
        cursor: default !important; }

.md2-list-row {
  padding: 1.6rem !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: stretch !important; }
  .md2-list-row .md2-list-content {
    padding: .9rem !important;
    height: 100%;
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-content: stretch !important;
    align-items: stretch !important; }
    .md2-list-row .md2-list-content h1, .md2-list-row .md2-list-content h4, .md2-list-row .md2-list-content div {
      width: 100%;
      padding-bottom: .6rem !important;
      border-bottom: .1rem solid #efefef; }
      .md2-list-row .md2-list-content h1.md2-label, .md2-list-row .md2-list-content h4.md2-label, .md2-list-row .md2-list-content div.md2-label {
        padding-top: .6rem !important;
        padding-bottom: 0 !important;
        border-bottom: 0 solid transparent !important; }
    .md2-list-row .md2-list-content:empty {
      display: none !important; }
  .md2-list-row .md2-col:empty {
    display: none !important; }

table {
  width: 100%; }
  table.dxgvControl, table .dxgvDisabled {
    border: none !important;
    width: 100%; }
    table.dxgvControl #ctl00_Content_ProductDetailsGrid_DXHeadersRow0:hover, table .dxgvDisabled #ctl00_Content_ProductDetailsGrid_DXHeadersRow0:hover {
      background-color: #FFF !important; }
  table.md2-table {
    display: table;
    width: 100% !important;
    background: #FFF;
    font-size: 1.4rem;
    border-spacing: 0 !important;
    border: 0 solid transparent;
    border-collapse: unset !important; }
    table.md2-table tr {
      background-color: #FFFFFF;
      border-bottom: 0.1rem solid #ededed !important;
      min-height: 2.6rem !important; }
      table.md2-table tr td, table.md2-table tr th {
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.4rem;
        height: 4.2rem;
        padding: 1.2rem !important;
        border: 0;
        min-width: 5rem !important;
        border-bottom: 0.1rem solid #ededed !important;
        background-color: transparent !important; }
        table.md2-table tr td:first-child, table.md2-table tr th:first-child {
          border-left: .6rem solid transparent;
          border-top-left-radius: .5rem;
          border-bottom-left-radius: .5rem; }
        table.md2-table tr td.index, table.md2-table tr th.index {
          max-width: 6.4rem !important; }
      table.md2-table tr th {
        height: 4.2rem;
        min-height: 2.6rem !important;
        font-weight: 700 !important;
        text-align: left !important;
        font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.4rem;
        line-height: 1.2;
        color: #2e4f94 !important; }
        table.md2-table tr th p, table.md2-table tr th span, table.md2-table tr th strong, table.md2-table tr th div, table.md2-table tr th em {
          font-weight: 700 !important;
          font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
          font-size: 1.4rem;
          line-height: 1.2;
          white-space: nowrap !important;
          color: #2e4f94 !important; }
        table.md2-table tr th:first-child {
          border-left: .6rem solid transparent;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      table.md2-table tr:nth-child(odd) {
        background-color: #f9f9f9; }
      table.md2-table tr:nth-child(even) {
        background-color: #f6f6f6; }
      table.md2-table tr:hover {
        background-color: #f3f6fb;
        color: #223a6d !important; }
      table.md2-table tr.selected {
        background-color: #ecf0f9 !important;
        border-bottom: 0.1rem solid #a2b7e2 !important; }
        table.md2-table tr.selected td {
          border-bottom: 0.1rem solid #a2b7e2 !important; }
          table.md2-table tr.selected td:first-child {
            border-left: .6rem solid transparent; }
            table.md2-table tr.selected td:first-child.invalid {
              background-color: #FFF !important;
              background-image: repeating-linear-gradient(45deg, #fff5f5, #fff5f5 10px, transparent 10px, transparent 20px) !important; }
              table.md2-table tr.selected td:first-child.invalid td:first-child {
                border-left: 0.6rem solid #CC0000;
                border-radius: 0;
                border-top-left-radius: .5rem;
                border-bottom-left-radius: .5rem; }
              table.md2-table tr.selected td:first-child.invalid:hover {
                background-color: #FFF !important;
                background-image: repeating-linear-gradient(45deg, #ffebeb, #ffebeb 10px, transparent 10px, transparent 20px) !important; }
                table.md2-table tr.selected td:first-child.invalid:hover td {
                  color: #000 !important; }
      table.md2-table tr.dxgvFocusedRow, table.md2-table tr.dxgvSelectedRow {
        background-color: #ecf0f9 !important;
        color: #2e4f94 !important; }
        table.md2-table tr.dxgvFocusedRow td, table.md2-table tr.dxgvSelectedRow td {
          background-color: #ecf0f9 !important;
          color: #2e4f94 !important; }
        table.md2-table tr.dxgvFocusedRow.invalid, table.md2-table tr.dxgvSelectedRow.invalid {
          background-color: #FFF !important;
          background-image: repeating-linear-gradient(45deg, #fff5f5, #fff5f5 10px, transparent 10px, transparent 20px) !important; }
          table.md2-table tr.dxgvFocusedRow.invalid td:first-child, table.md2-table tr.dxgvSelectedRow.invalid td:first-child {
            border-left: 0.6rem solid #CC0000;
            border-radius: 0;
            border-top-left-radius: .5rem;
            border-bottom-left-radius: .5rem; }
          table.md2-table tr.dxgvFocusedRow.invalid:hover, table.md2-table tr.dxgvSelectedRow.invalid:hover {
            background-color: #FFF !important;
            background-image: repeating-linear-gradient(45deg, #ffebeb, #ffebeb 10px, transparent 10px, transparent 20px) !important; }
            table.md2-table tr.dxgvFocusedRow.invalid:hover td, table.md2-table tr.dxgvSelectedRow.invalid:hover td {
              color: #000 !important; }
      table.md2-table tr.selected-row {
        background-color: #ecf0f9 !important; }
        table.md2-table tr.selected-row td {
          background-color: #ecf0f9 !important;
          color: #2e4f94 !important; }
        table.md2-table tr.selected-row.invalid {
          background-color: #FFF !important;
          background-image: repeating-linear-gradient(45deg, #fff5f5, #fff5f5 10px, transparent 10px, transparent 20px) !important; }
          table.md2-table tr.selected-row.invalid td:first-child {
            border-left: 0.6rem solid #CC0000;
            border-radius: 0;
            border-top-left-radius: .5rem;
            border-bottom-left-radius: .5rem; }
          table.md2-table tr.selected-row.invalid:hover {
            background-color: #FFF !important;
            background-image: repeating-linear-gradient(45deg, #ffebeb, #ffebeb 10px, transparent 10px, transparent 20px) !important; }
            table.md2-table tr.selected-row.invalid:hover td {
              color: #000 !important; }
      table.md2-table tr.invalid {
        background-color: #FFF !important;
        background-image: repeating-linear-gradient(45deg, #fff5f5, #fff5f5 10px, transparent 10px, transparent 20px) !important; }
        table.md2-table tr.invalid td:first-child {
          border-left: 0.6rem solid #CC0000;
          border-radius: 0;
          border-top-left-radius: .5rem;
          border-bottom-left-radius: .5rem; }
        table.md2-table tr.invalid:hover {
          background-color: #FFF !important;
          background-image: repeating-linear-gradient(45deg, #ffebeb, #ffebeb 10px, transparent 10px, transparent 20px) !important; }
          table.md2-table tr.invalid:hover td {
            color: #000 !important; }
      table.md2-table tr.dxgvFilterRow {
        background-color: #f6f6f6 !important; }
        table.md2-table tr.dxgvFilterRow table, table.md2-table tr.dxgvFilterRow td, table.md2-table tr.dxgvFilterRow tr, table.md2-table tr.dxgvFilterRow .dxgv {
          background-color: #f6f6f6 !important;
          color: #2e4f94 !important; }
          table.md2-table tr.dxgvFilterRow table .dxic, table.md2-table tr.dxgvFilterRow td .dxic, table.md2-table tr.dxgvFilterRow tr .dxic, table.md2-table tr.dxgvFilterRow .dxgv .dxic {
            background-color: #f6f6f6 !important; }
            table.md2-table tr.dxgvFilterRow table .dxic input.dxeEditArea, table.md2-table tr.dxgvFilterRow td .dxic input.dxeEditArea, table.md2-table tr.dxgvFilterRow tr .dxic input.dxeEditArea, table.md2-table tr.dxgvFilterRow .dxgv .dxic input.dxeEditArea {
              background-color: #FFF !important;
              margin: .3rem auto !important;
              border: .1rem solid #dedede !important; }
      table.md2-table tr .dxgvCommandColumn {
        border-bottom: .1rem solid #ededed !important; }
    table.md2-table thead {
      position: sticky;
      z-index: 6;
      top: 0;
      padding: 1.2rem !important; }
      table.md2-table thead tr {
        background-color: #f6f6f6 !important;
        border-bottom: 0.1rem solid #d4d4d4 !important;
        min-height: 2.6rem !important; }
        table.md2-table thead tr td, table.md2-table thead tr th {
          height: 4.2rem;
          padding: 1.2rem !important;
          font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
          font-size: 1.4rem;
          min-width: 5rem !important;
          text-align: left;
          font-weight: 700 !important;
          border-bottom: 0.1rem solid #d4d4d4 !important;
          color: #2e4f94 !important; }
          table.md2-table thead tr td .md2-checkbox, table.md2-table thead tr th .md2-checkbox {
            border: 2px solid #2e4f94; }
        table.md2-table thead tr th {
          height: 4.2rem;
          min-height: 2.6rem !important;
          font-weight: 700 !important;
          text-align: left !important;
          font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
          font-size: 1.4rem;
          line-height: 1.2;
          color: #2e4f94 !important; }
          table.md2-table thead tr th p, table.md2-table thead tr th span, table.md2-table thead tr th strong, table.md2-table thead tr th div, table.md2-table thead tr th em {
            font-weight: 700 !important;
            font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
            font-size: 1.4rem;
            line-height: 1.2;
            white-space: nowrap !important;
            color: #2e4f94 !important; }
          table.md2-table thead tr th:first-child {
            border-left: .6rem solid transparent;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0; }
        table.md2-table thead tr:hover, table.md2-table thead tr:active {
          outline: none !important;
          color: #2e4f94 !important; }
    table.md2-table tbody tr {
      border-bottom: 0.1rem solid #ededed !important; }
      table.md2-table tbody tr td {
        height: 4.2rem;
        padding: 1.2rem !important;
        border: 0;
        border-bottom: 0.1rem solid #ededed !important;
        background-color: transparent !important; }
        table.md2-table tbody tr td:first-child {
          border-left: .6rem solid transparent;
          border-top-left-radius: .5rem;
          border-bottom-left-radius: .5rem; }
      table.md2-table tbody tr:nth-child(odd) {
        background-color: #f9f9f9; }
      table.md2-table tbody tr:nth-child(even) {
        background-color: #f6f6f6; }
      table.md2-table tbody tr:hover {
        background-color: #f3f6fb !important;
        color: #223a6d !important; }
      table.md2-table tbody tr.selected {
        background-color: #ecf0f9 !important;
        border-bottom: 0.1rem solid #e4eaf7 !important; }
        table.md2-table tbody tr.selected td {
          border-bottom: 0.1rem solid #e4eaf7 !important; }
        table.md2-table tbody tr.selected.invalid {
          background-color: #FFF !important;
          background-image: repeating-linear-gradient(45deg, #fff5f5, #fff5f5 10px, transparent 10px, transparent 20px) !important; }
          table.md2-table tbody tr.selected.invalid td:first-child {
            border-left: 0.6rem solid #CC0000;
            border-radius: 0;
            border-top-left-radius: .5rem;
            border-bottom-left-radius: .5rem; }
          table.md2-table tbody tr.selected.invalid:hover {
            background-color: #FFF !important;
            background-image: repeating-linear-gradient(45deg, #ffebeb, #ffebeb 10px, transparent 10px, transparent 20px) !important; }
            table.md2-table tbody tr.selected.invalid:hover td {
              color: #000 !important; }
      table.md2-table tbody tr.selected-row {
        background-color: #ecf0f9 !important; }
        table.md2-table tbody tr.selected-row td {
          background-color: #ecf0f9 !important;
          color: #2e4f94 !important; }
        table.md2-table tbody tr.selected-row.invalid {
          background-color: #FFF !important;
          background-image: repeating-linear-gradient(45deg, #fff5f5, #fff5f5 10px, transparent 10px, transparent 20px) !important; }
          table.md2-table tbody tr.selected-row.invalid td:first-child {
            border-left: 0.6rem solid #CC0000;
            border-radius: 0;
            border-top-left-radius: .5rem;
            border-bottom-left-radius: .5rem; }
          table.md2-table tbody tr.selected-row.invalid:hover {
            background-color: #FFF !important;
            background-image: repeating-linear-gradient(45deg, #ffebeb, #ffebeb 10px, transparent 10px, transparent 20px) !important; }
            table.md2-table tbody tr.selected-row.invalid:hover td {
              color: #000 !important; }
      table.md2-table tbody tr.invalid {
        background-color: #FFF !important;
        background-image: repeating-linear-gradient(45deg, #fff5f5, #fff5f5 10px, transparent 10px, transparent 20px) !important; }
        table.md2-table tbody tr.invalid td:first-child {
          border-left: 0.6rem solid #CC0000;
          border-radius: 0;
          border-top-left-radius: .5rem;
          border-bottom-left-radius: .5rem; }
        table.md2-table tbody tr.invalid:hover {
          background-color: #FFF !important;
          background-image: repeating-linear-gradient(45deg, #ffebeb, #ffebeb 10px, transparent 10px, transparent 20px) !important; }
          table.md2-table tbody tr.invalid:hover td {
            color: #000 !important; }
    table.md2-table tfoot tr {
      border-top: 0.1rem solid #d4d4d4 !important;
      background-color: transparent !important; }
      table.md2-table tfoot tr td {
        height: 4.2rem;
        background-color: transparent !important; }
      table.md2-table tfoot tr:first-child td {
        border-top: 0.1rem solid #d4d4d4 !important; }
      table.md2-table tfoot tr:nth-child(odd), table.md2-table tfoot tr:nth-child(even), table.md2-table tfoot tr:hover, table.md2-table tfoot tr:selected {
        background-color: transparent !important; }
    table.md2-table .md2-button tbody tr {
      background: transparent !important;
      background-color: transparent !important; }
    table.md2-table .md2-button.md2-button-square {
      justify-content: center !important; }
  table.dxgvTable {
    width: 100%;
    overflow-x: auto;
    display: block; }
    table.dxgvTable tbody {
      width: 100%;
      display: table; }

.md2-table-row {
  display: block;
  overflow-x: auto;
  width: 100%; }

.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv {
  height: 3.6rem !important;
  border: 0 !important;
  padding: 0 1.2rem !important;
  border-bottom: 0.1rem solid #ededed !important;
  /*fonty*/
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
  vertical-align: middle;
  position: relative;
  text-align: left;
  /*checkbox*/ }
  .dxgvEditFormDisplayRow td.dxgv .dxICheckBox, .dxgvDataRow td.dxgv .dxICheckBox, .dxgvDataRowAlt td.dxgv .dxICheckBox, .dxgvSelectedRow td.dxgv .dxICheckBox, .dxgvFocusedRow td.dxgv .dxICheckBox {
    position: absolute;
    top: .4rem;
    right: auto !important;
    left: auto !important; }
    .dxgvEditFormDisplayRow td.dxgv .dxICheckBox.dxWeb_edtCheckBoxUnchecked::before, .dxgvDataRow td.dxgv .dxICheckBox.dxWeb_edtCheckBoxUnchecked::before, .dxgvDataRowAlt td.dxgv .dxICheckBox.dxWeb_edtCheckBoxUnchecked::before, .dxgvSelectedRow td.dxgv .dxICheckBox.dxWeb_edtCheckBoxUnchecked::before, .dxgvFocusedRow td.dxgv .dxICheckBox.dxWeb_edtCheckBoxUnchecked::before {
      position: relative;
      right: 1.2rem; }
    .dxgvEditFormDisplayRow td.dxgv .dxICheckBox.dxWeb_edtCheckBoxChecked::before, .dxgvDataRow td.dxgv .dxICheckBox.dxWeb_edtCheckBoxChecked::before, .dxgvDataRowAlt td.dxgv .dxICheckBox.dxWeb_edtCheckBoxChecked::before, .dxgvSelectedRow td.dxgv .dxICheckBox.dxWeb_edtCheckBoxChecked::before, .dxgvFocusedRow td.dxgv .dxICheckBox.dxWeb_edtCheckBoxChecked::before {
      position: relative;
      right: 1.2rem; }

.dxgvSelectedRow, .dxgvFocusedRow {
  background-color: #ecf0f9 !important;
  border-bottom: 0.1rem solid #e4eaf7 !important; }
  .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv {
    color: #2e4f94 !important; }

.dxgvFilterRow {
  background-color: #f6f6f6 !important; }
  .dxgvFilterRow td.dxgv {
    padding: .6rem !important;
    border-right: .1rem solid transparent !important;
    color: #2e4f94 !important; }

.dxgvDataRow:nth-child(even) {
  background-color: #f6f6f6; }

.dxgvDataRow:hover {
  background-color: #f3f6fb; }

.dxgvHeader {
  height: 4.2rem !important;
  border: 0 !important;
  border-bottom: 0.1rem solid #ededed !important;
  background-color: #f6f6f6 !important;
  /*fonty*/
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
  vertical-align: middle;
  position: relative;
  color: #2e4f94 !important;
  text-align: left; }
  .dxgvHeader table tbody tr {
    background: transparent !important; }
    .dxgvHeader table tbody tr td {
      background: transparent !important;
      color: #2e4f94 !important; }

.dxeTextBox {
  height: 100%;
  border: none !important;
  background: transparent !important; }
  .dxeTextBox .dxic input[type="text"].dxeEditArea, .dxeTextBox .dxic input[type="password"].dxeEditArea {
    height: 2.8rem;
    min-width: 5rem !important;
    background-color: #FFF;
    border-bottom: 0.1rem solid #ededed !important;
    margin-bottom: 0px; }

.dxgvHeader, .dxgvFilterRow {
  background-color: #f6f6f6 !important;
  color: #2e4f94 !important; }
  .dxgvHeader table tbody, .dxgvHeader table tr, .dxgvHeader table td, .dxgvHeader table th, .dxgvHeader table .dxgvFilterRow, .dxgvHeader table .dxgv, .dxgvHeader table .dxgvCommandColumn, .dxgvFilterRow table tbody, .dxgvFilterRow table tr, .dxgvFilterRow table td, .dxgvFilterRow table th, .dxgvFilterRow table .dxgvFilterRow, .dxgvFilterRow table .dxgv, .dxgvFilterRow table .dxgvCommandColumn {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.4rem;
    font-weight: 700 !important;
    background-color: #f6f6f6 !important;
    color: #2e4f94 !important;
    border: none !important; }

.dxgvPagerBottomPanel {
  background-color: #FFF !important;
  border-top: .1rem solid #ddd !important; }

.dxeListBox {
  border-color: #ededed !important; }

.dxeListBoxItemRow .dxeListBoxItemHover, .dxeListBoxItemRow .dxh1h {
  background-color: #d0dbf1 !important; }

.dxeListBoxItemRow .dxeListBoxItemSelected, .dxeListBoxItemRow .dxh2s {
  background-color: #3a64bb !important; }

universal-grid-list-mode .md2-table tr td, ag-selected-items .md2-table tr td {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  font-weight: normal !important;
  background-color: transparent !important;
  padding: 0.3rem 1.2rem !important; }
  universal-grid-list-mode .md2-table tr td strong, universal-grid-list-mode .md2-table tr td p, universal-grid-list-mode .md2-table tr td h1, universal-grid-list-mode .md2-table tr td h4, universal-grid-list-mode .md2-table tr td div, universal-grid-list-mode .md2-table tr td small, ag-selected-items .md2-table tr td strong, ag-selected-items .md2-table tr td p, ag-selected-items .md2-table tr td h1, ag-selected-items .md2-table tr td h4, ag-selected-items .md2-table tr td div, ag-selected-items .md2-table tr td small {
    font-size: 1.4rem;
    font-weight: normal !important;
    margin: 0; }
  universal-grid-list-mode .md2-table tr td .md2-input[type="number"], universal-grid-list-mode .md2-table tr td .md2-input[type="text"], universal-grid-list-mode .md2-table tr td .md2-input[type="file"], ag-selected-items .md2-table tr td .md2-input[type="number"], ag-selected-items .md2-table tr td .md2-input[type="text"], ag-selected-items .md2-table tr td .md2-input[type="file"] {
    margin-bottom: 0 !important; }
  universal-grid-list-mode .md2-table tr td:first-child, ag-selected-items .md2-table tr td:first-child {
    min-width: fit-content; }
  universal-grid-list-mode .md2-table tr td:nth-child(3) strong, universal-grid-list-mode .md2-table tr td:nth-child(3) p, universal-grid-list-mode .md2-table tr td:nth-child(3) h1, universal-grid-list-mode .md2-table tr td:nth-child(3) h4, universal-grid-list-mode .md2-table tr td:nth-child(3) div, universal-grid-list-mode .md2-table tr td:nth-child(3) small, ag-selected-items .md2-table tr td:nth-child(3) strong, ag-selected-items .md2-table tr td:nth-child(3) p, ag-selected-items .md2-table tr td:nth-child(3) h1, ag-selected-items .md2-table tr td:nth-child(3) h4, ag-selected-items .md2-table tr td:nth-child(3) div, ag-selected-items .md2-table tr td:nth-child(3) small {
    word-break: break-all; }

universal-grid-list-mode .md2-table tr th, ag-selected-items .md2-table tr th {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.4rem;
  font-weight: bold !important;
  text-align: left;
  color: #2e4f94 !important;
  /*strong, p, h1, h4, div, small {
                    color: $main-color !important;
                    font-weight: bold !important;
                }*/ }
  universal-grid-list-mode .md2-table tr th span, universal-grid-list-mode .md2-table tr th p, universal-grid-list-mode .md2-table tr th div, universal-grid-list-mode .md2-table tr th small, universal-grid-list-mode .md2-table tr th strong, universal-grid-list-mode .md2-table tr th em, ag-selected-items .md2-table tr th span, ag-selected-items .md2-table tr th p, ag-selected-items .md2-table tr th div, ag-selected-items .md2-table tr th small, ag-selected-items .md2-table tr th strong, ag-selected-items .md2-table tr th em {
    margin: 0;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.4rem;
    font-weight: 700 !important;
    white-space: nowrap !important;
    color: #2e4f94 !important; }

universal-grid-list-mode .md2-table tr.selected td strong, universal-grid-list-mode .md2-table tr.selected td p, universal-grid-list-mode .md2-table tr.selected td h1, universal-grid-list-mode .md2-table tr.selected td h4, universal-grid-list-mode .md2-table tr.selected td div, universal-grid-list-mode .md2-table tr.selected td small, ag-selected-items .md2-table tr.selected td strong, ag-selected-items .md2-table tr.selected td p, ag-selected-items .md2-table tr.selected td h1, ag-selected-items .md2-table tr.selected td h4, ag-selected-items .md2-table tr.selected td div, ag-selected-items .md2-table tr.selected td small {
  color: #000 !important; }

universal-grid-list-mode .md2-table tr.invalid, ag-selected-items .md2-table tr.invalid {
  background-color: #FFF !important;
  background-image: repeating-linear-gradient(45deg, #fff5f5, #fff5f5 10px, transparent 10px, transparent 20px) !important; }
  universal-grid-list-mode .md2-table tr.invalid td:first-child, ag-selected-items .md2-table tr.invalid td:first-child {
    border-left: 0.6rem solid #CC0000;
    border-radius: 0;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem; }
  universal-grid-list-mode .md2-table tr.invalid:hover, ag-selected-items .md2-table tr.invalid:hover {
    background-color: #FFF !important;
    background-image: repeating-linear-gradient(45deg, #ffebeb, #ffebeb 10px, transparent 10px, transparent 20px) !important; }
    universal-grid-list-mode .md2-table tr.invalid:hover td, ag-selected-items .md2-table tr.invalid:hover td {
      color: #2e4f94 !important; }

address-list universal-grid universal-grid-list-mode .md2-table tr td:first-child, productitem-list universal-grid universal-grid-list-mode .md2-table tr td:first-child {
  min-width: 15rem !important; }

/*Matrix styles*/
matrix {
  display: block;
  width: 100%;
  overflow-x: auto; }
  matrix .matrix.md2-table {
    border: none; }
    matrix .matrix.md2-table thead tr th {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      font-size: 1.4rem;
      font-weight: bold !important;
      color: #2e4f94 !important; }
      matrix .matrix.md2-table thead tr th strong, matrix .matrix.md2-table thead tr th p, matrix .matrix.md2-table thead tr th h1, matrix .matrix.md2-table thead tr th h4, matrix .matrix.md2-table thead tr th div, matrix .matrix.md2-table thead tr th small {
        color: #2e4f94 !important;
        white-space: normal !important; }
      matrix .matrix.md2-table thead tr th div {
        margin: 0 !important; }
      matrix .matrix.md2-table thead tr th .md2-image-header {
        margin: 0 !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: start; }
        matrix .matrix.md2-table thead tr th .md2-image-header .correlated-products {
          line-height: 1.2 !important; }
          matrix .matrix.md2-table thead tr th .md2-image-header .correlated-products .correlated-products-label {
            font-weight: 700 !important;
            color: #5c80cc; }
      matrix .matrix.md2-table thead tr th matrix-header[name="Name"] {
        min-width: 24rem; }
      matrix .matrix.md2-table thead tr th matrix-header[name="ContactPhone"] {
        min-width: 15rem; }
      matrix .matrix.md2-table thead tr th matrix-header[name="ContactPerson"] {
        min-width: 18rem; }
    matrix .matrix.md2-table thead tr td strong, matrix .matrix.md2-table thead tr td p, matrix .matrix.md2-table thead tr td h1, matrix .matrix.md2-table thead tr td h4, matrix .matrix.md2-table thead tr td div, matrix .matrix.md2-table thead tr td small {
      margin: 0; }
    matrix .matrix.md2-table thead tr td small {
      color: #000; }
    matrix .matrix.md2-table thead tr.md2-theader-row td {
      padding: 0 1.2rem !important;
      background-color: #f7f9fd !important;
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
      font-size: 1.4rem !important;
      font-weight: bold !important;
      color: #2e4f94 !important; }
    matrix .matrix.md2-table tbody .input-group .btn {
      height: 34px;
      padding: 9px 12px; }
    matrix .matrix.md2-table tbody .input-group .form-control {
      width: 100%;
      text-overflow: ellipsis !important; }
    matrix .matrix.md2-table tbody .form-control {
      width: 100%;
      text-overflow: ellipsis !important; }

/* ePos table */
.matrixV tr td:first-child {
  background-color: #ededed;
  font-weight: bold !important;
  color: #000;
  width: auto;
  margin-right: 2px solid #333 !important; }
  .matrixV tr td:first-child p {
    color: #000 !important; }
  .matrixV tr td:first-child span {
    color: #999; }

.matrixV tr td input {
  width: 100% !important; }

input[type="checkbox"] {
  display: inline-block; }

.form-control[disabled] {
  background-color: #eee !important;
  cursor: not-allowed;
  display: inline-block;
  width: calc(100% - 35px);
  text-overflow: ellipsis !important; }

th .form-control {
  display: inline-block;
  width: calc(100% - 35px);
  text-overflow: ellipsis !important; }

th div {
  margin-top: 10px; }

/*End Matrix styles*/
.virtual-scroll-container {
  width: 100% !important;
  height: auto !important;
  max-height: calc(100vh - 45.6rem) !important;
  overflow-y: auto; }
  @media screen and (max-width: 768px) {
    .virtual-scroll-container {
      max-height: calc(100vh - 45.6rem) !important; } }
  productitem-list .virtual-scroll-container, address-list .virtual-scroll-container {
    max-height: calc(100vh - 28rem) !important; }
  .product-visibility .virtual-scroll-container {
    max-height: calc(100vh - 24rem) !important; }
  .virtual-scroll-container .awizo {
    max-height: calc(100vh - 33rem) !important; }
  @media screen and (max-height: 680px) {
    .virtual-scroll-container {
      min-height: 36rem !important; } }

.matrix-scroll-wrap {
  width: 100% !important;
  height: auto !important;
  max-height: calc(100vh - 25rem) !important;
  position: relative; }
  .matrix-scroll-wrap .md2-table tfoot {
    position: sticky;
    bottom: 0;
    background-color: #FFF;
    /* Ważne: tło, aby treść nie przenikała */
    z-index: 1;
    /* Opcjonalnie: aby stopka była nad treścią */ }

universal-grid, universal-grid-nav {
  width: 100% !important; }

.md2-table-content {
  width: 100% !important;
  height: auto;
  display: block;
  overflow-x: auto; }

.dxeListBoxItemRow .dxeListBoxItem {
  color: #000 !important; }
  .dxeListBoxItemRow .dxeListBoxItem.dxeListBoxItemSelected {
    background-color: #ecf0f9 !important;
    color: #2e4f94 !important; }

table.dxeButtonEditSys.dxeButtonEditSysWithSpacing.dxeButtonEdit tbody tr {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  table.dxeButtonEditSys.dxeButtonEditSysWithSpacing.dxeButtonEdit tbody tr td.dxeSBC table tbody tr table.dxdbt, table.dxeButtonEditSys.dxeButtonEditSysWithSpacing.dxeButtonEdit tbody tr td.dxic table tbody tr table.dxdbt {
    height: 2.1rem; }
    table.dxeButtonEditSys.dxeButtonEditSysWithSpacing.dxeButtonEdit tbody tr td.dxeSBC table tbody tr table.dxdbt .dx img .dxEditors_edtSpinEditIncrementImage, table.dxeButtonEditSys.dxeButtonEditSysWithSpacing.dxeButtonEdit tbody tr td.dxic table tbody tr table.dxdbt .dx img .dxEditors_edtSpinEditIncrementImage {
      background-position: -150px 6px !important; }
    table.dxeButtonEditSys.dxeButtonEditSysWithSpacing.dxeButtonEdit tbody tr td.dxeSBC table tbody tr table.dxdbt .dx img.dxEditors_edtSpinEditDecrementImage, table.dxeButtonEditSys.dxeButtonEditSysWithSpacing.dxeButtonEdit tbody tr td.dxic table tbody tr table.dxdbt .dx img.dxEditors_edtSpinEditDecrementImage {
      background-position: -132px -1px !important; }

table.dxgvControl {
  border: none !important;
  width: 100%; }

table.dxgvDisabled {
  border: none !important;
  width: 100%; }

table.dxgvTable {
  border: none !important;
  width: 100%; }

table tr.dxgvSelectedRow {
  background-color: #ecf0f9 !important;
  color: #2e4f94 !important; }

table tr.dxgvFocusedRow {
  background-color: #ecf0f9 !important;
  color: #2e4f94 !important; }

/* Style the tab */
.md2-tabs {
  overflow: hidden;
  border-bottom: 1px solid #ededed;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
  /* Style the buttons inside the tab */
  /*@media screen and (max-width: "480px") {
        flex-direction: column;

        .md2-tab {
            width: 100%;
        }
    }*/ }
  .md2-tabs .md2-tab {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 1.2rem 2.4rem;
    font-size: 1.4rem;
    margin: 0 .1rem;
    margin-bottom: .3rem;
    background-color: transparent; }
    .md2-tabs .md2-tab a {
      color: #666 !important; }
    .md2-tabs .md2-tab:hover {
      border-bottom: .3rem solid #CCC;
      margin-bottom: 0; }
      .md2-tabs .md2-tab:hover a {
        color: #999 !important; }
    .md2-tabs .md2-tab.active {
      border-bottom: 0.3rem solid #2e4f94;
      margin-bottom: 0; }
      .md2-tabs .md2-tab.active a {
        color: #2e4f94 !important; }
  @media screen and (max-width: 539px) {
    .md2-tabs {
      margin-top: 0.9rem;
      border-top: .1rem solid #ededed;
      flex-direction: column; }
      .md2-tabs .md2-tab {
        width: 100%; } }

.md2-tab-container {
  width: 100%;
  height: 100%; }

.nav-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-bottom: 1px solid #ededed;
  background-color: transparent; }
  .nav-tabs div {
    float: left;
    margin: 0;
    padding: 0; }

.nav-tabs > li, .nav-tabs div > li {
  float: left;
  margin: 0 .1rem; }

.nav-tabs > li > a, .nav-tabs div > li > a {
  display: block;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 1.2rem 2.4rem;
  margin-bottom: .3rem;
  color: #666 !important;
  text-decoration: none; }
  .nav-tabs > li > a:hover, .nav-tabs div > li > a:hover {
    border-bottom: .3rem solid #CCC;
    margin-bottom: 0;
    color: #999 !important; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-tabs div > li.active > a,
.nav-tabs div > li.active > a:hover,
.nav-tabs div > li.active > a:focus {
  border-bottom: 0.3rem solid #2e4f94;
  margin-bottom: 0;
  color: #2e4f94 !important; }

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0; }

.nav-tabs.nav-justified > li {
  float: none; }

.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center; }

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0; } }

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd; }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff; } }

.nav-pills > li {
  float: left; }

.nav-pills > li > a {
  border-radius: 4px; }

.nav-pills > li + li {
  margin-left: 2px; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7; }

.nav-tabs-justified {
  border-bottom: 0; }

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd; }

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  padding-top: 1.2rem;
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.tabs button.active {
  border-bottom: 0.2rem solid #2e4f94 !important;
  font-weight: bold; }

/*AG Grid custom styles*/
aggridepos {
  width: auto !important;
  height: calc(100% - 8rem) !important; }
  aggridepos ag-grid-angular {
    margin-top: 1rem;
    width: 100% !important;
    height: calc(100vh - 22.4rem) !important; }
    aggridepos ag-grid-angular.md2-move-top {
      position: relative;
      margin-top: -3.8rem !important;
      height: calc(100vh - 18.6rem) !important; }
    aggridepos ag-grid-angular .ag-header {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      font-size: 1.4rem;
      font-weight: 700 !important;
      background-color: #f6f6f6 !important;
      color: #2e4f94 !important; }
      aggridepos ag-grid-angular .ag-header .ag-header-cell-label {
        width: 100%; }
        aggridepos ag-grid-angular .ag-header .ag-header-cell-label .ag-header-cell-text {
          font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
          font-size: 1.4rem;
          font-weight: 700 !important;
          display: flex;
          align-items: center;
          color: #2e4f94 !important; }
      aggridepos ag-grid-angular .ag-header .ag-header-row {
        min-width: 100% !important; }
        aggridepos ag-grid-angular .ag-header .ag-header-row .ag-header-cell {
          border-right: .1rem dashed transparent;
          border-left: .1rem dashed transparent;
          display: flex;
          align-items: center; }
          aggridepos ag-grid-angular .ag-header .ag-header-row .ag-header-cell:focus {
            outline: none !important; }
          aggridepos ag-grid-angular .ag-header .ag-header-row .ag-header-cell:hover, aggridepos ag-grid-angular .ag-header .ag-header-row .ag-header-cell:active {
            outline: none !important;
            border-right: .1rem dashed #efefef;
            border-left: .1rem dashed #efefef; }
          aggridepos ag-grid-angular .ag-header .ag-header-row .ag-header-cell .ag-floating-filter-body {
            display: flex;
            align-items: center;
            width: calc(100% - 4.2rem) !important; }
            aggridepos ag-grid-angular .ag-header .ag-header-row .ag-header-cell .ag-floating-filter-body div {
              width: 100%; }
            aggridepos ag-grid-angular .ag-header .ag-header-row .ag-header-cell .ag-floating-filter-body input.ag-floating-filter-input {
              background-color: #FFF;
              border-color: #d4d4d4 !important;
              height: 3.4rem !important;
              display: flex;
              align-items: center;
              width: 100% !important;
              padding: .6rem !important;
              margin: .2rem 0 !important; }
              aggridepos ag-grid-angular .ag-header .ag-header-row .ag-header-cell .ag-floating-filter-body input.ag-floating-filter-input:focus {
                border-color: #2e4f94 !important;
                outline: none; }
          aggridepos ag-grid-angular .ag-header .ag-header-row .ag-header-cell .ag-floating-filter-button {
            margin-top: .8rem !important;
            margin-left: .6rem !important; }
            aggridepos ag-grid-angular .ag-header .ag-header-row .ag-header-cell .ag-floating-filter-button button {
              outline: none; }
              aggridepos ag-grid-angular .ag-header .ag-header-row .ag-header-cell .ag-floating-filter-button button .ag-icon-filter {
                color: #2e4f94 !important; }
                aggridepos ag-grid-angular .ag-header .ag-header-row .ag-header-cell .ag-floating-filter-button button .ag-icon-filter path {
                  fill: #2e4f94 !important; }
    aggridepos ag-grid-angular .ag-body {
      vertical-align: middle;
      min-width: 100% !important; }
      aggridepos ag-grid-angular .ag-body .ag-body-container {
        min-width: 100% !important; }
        aggridepos ag-grid-angular .ag-body .ag-body-container .ag-row {
          width: 100% !important;
          border: .1rem solid transparent;
          border-bottom: .1rem solid #dedede; }
          aggridepos ag-grid-angular .ag-body .ag-body-container .ag-row .ag-cell {
            display: flex;
            align-items: center;
            line-height: 1;
            font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif !important;
            font-size: 1.4rem !important;
            font-weight: 400 !important; }
            aggridepos ag-grid-angular .ag-body .ag-body-container .ag-row .ag-cell.ag-cell-focus {
              border: .1rem solid transparent !important; }
            aggridepos ag-grid-angular .ag-body .ag-body-container .ag-row .ag-cell .btn-square {
              width: 3.2rem !important;
              height: 3.2rem !important;
              min-width: unset !important;
              min-height: unset !important;
              padding: 0.6rem 1.2rem !important;
              background: transparent !important;
              outline: none;
              box-shadow: none;
              vertical-align: middle;
              margin: 0 !important;
              box-shadow: none; }
              aggridepos ag-grid-angular .ag-body .ag-body-container .ag-row .ag-cell .btn-square .material-icons {
                color: #2e4f94 !important;
                font-size: 1.8rem !important; }
              aggridepos ag-grid-angular .ag-body .ag-body-container .ag-row .ag-cell .btn-square:hover {
                background: rgba(46, 148, 79, 0.08) !important;
                border-color: transparent !important; }
                aggridepos ag-grid-angular .ag-body .ag-body-container .ag-row .ag-cell .btn-square:hover .material-icons {
                  color: #284581 !important;
                  transition: ease-in-out .3s; }
          aggridepos ag-grid-angular .ag-body .ag-body-container .ag-row.ag-row-odd {
            background-color: #f9f9f9; }
          aggridepos ag-grid-angular .ag-body .ag-body-container .ag-row.ag-row-even {
            background-color: #f6f6f6; }
          aggridepos ag-grid-angular .ag-body .ag-body-container .ag-row.ag-row-hover {
            background-color: #f3f6fb !important;
            color: #223a6d; }
    aggridepos ag-grid-angular .ag-body-viewport {
      /* width */
      /* Track */
      /* Handle */
      /* Handle on hover */ }
      aggridepos ag-grid-angular .ag-body-viewport::-webkit-scrollbar {
        height: .4rem;
        width: .4rem; }
      aggridepos ag-grid-angular .ag-body-viewport::-webkit-scrollbar-track {
        background: transparent; }
      aggridepos ag-grid-angular .ag-body-viewport::-webkit-scrollbar-thumb {
        width: .4rem;
        background: #CCC;
        border-radius: .8rem; }
      aggridepos ag-grid-angular .ag-body-viewport::-webkit-scrollbar-thumb:hover {
        background: #999; }
    @media screen and (max-height: 560px) {
      aggridepos ag-grid-angular {
        min-height: 36rem !important; } }

.ag-filter .ag-filter-body-wrapper .ag-filter-select {
  border-width: 0 0 .1rem 0 !important;
  border-color: #CCC;
  padding: .6rem 0 !important; }
  .ag-filter .ag-filter-body-wrapper .ag-filter-select:focus {
    border-color: #2e4f94 !important; }

.ag-filter .ag-filter-body {
  padding: 6px; }
  .ag-filter .ag-filter-body .ag-filter-filter {
    border-width: 0 0 .1rem 0 !important; }
    .ag-filter .ag-filter-body .ag-filter-filter:focus {
      border-color: #2e4f94 !important; }

.ag-filter .ag-filter-condition {
  padding: .6rem; }
  .ag-filter .ag-filter-condition .ag-filter-body {
    padding: 0; }
  .ag-filter .ag-filter-condition .ag-filter-select {
    padding: 0; }
  .ag-filter .ag-filter-condition input[type="radio"] {
    color: #2e4f94 !important; }

@media screen and (max-width: 539px) {
  .mat-tree {
    width: 100%;
    overflow-x: auto; } }

.mat-tree-node {
  min-height: 3.2rem !important; }
  .mat-tree-node .node-row-grid {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
    align-items: center;
    gap: 0;
    /* zmniejszone z 2px na 1px */
    font-family: monospace;
    padding: 0 12px 0 0 !important;
    /* zmniejszone z 4px na 2px po bokach */
    line-height: 20px;
    /* mniejsza wysokość linii */
    min-height: 22px;
    /* mniejsza minimalna wysokość wiersza */
    transition: background-color 0.2s ease; }
    .mat-tree-node .node-row-grid .tree-lines {
      height: 3.2rem;
      white-space: pre;
      color: #999;
      user-select: none;
      padding-right: .2rem;
      /* zmniejszone z 4px na 2px */ }
      .mat-tree-node .node-row-grid .tree-lines .l-line {
        margin-left: 1.4rem;
        display: inline-block;
        height: 3.2rem;
        width: 3.2rem;
        border-left: .1rem solid #ededed;
        /*z-index: 10;
                position: relative;*/
        transform: translate(0, -14px); }
        .mat-tree-node .node-row-grid .tree-lines .l-line::after {
          content: "";
          display: inline-block;
          height: 3.2rem;
          border-bottom: .1rem solid #ededed;
          width: 3.2rem;
          z-index: 10;
          position: relative; }
      .mat-tree-node .node-row-grid .tree-lines .t-line {
        margin-left: 1.4rem;
        display: inline-block;
        height: 3.2rem;
        width: 3.2rem;
        border-left: .1rem solid #ededed; }
        .mat-tree-node .node-row-grid .tree-lines .t-line::after {
          content: "";
          display: inline-block;
          height: 3.2rem;
          border-bottom: .1rem solid #ededed;
          width: 3.2rem;
          z-index: 10;
          position: relative;
          transform: translate(0, -1.6rem); }
      .mat-tree-node .node-row-grid .tree-lines .v-line {
        margin-left: 1.4rem;
        display: inline-block;
        height: 3.2rem;
        width: 3.2rem;
        border-left: .1rem solid #ededed; }
      .mat-tree-node .node-row-grid .tree-lines .last-l-line {
        display: inline-block;
        height: 3.2rem;
        width: 3.2rem;
        border-left: .1rem solid #ededed;
        border-bottom: .1rem solid #ededed;
        transform: translate(0, -12px); }
      .mat-tree-node .node-row-grid .tree-lines .space {
        display: inline-block;
        height: 3.2rem;
        width: 4.6rem; }
    .mat-tree-node .node-row-grid .mat-icon-button {
      width: 2.4rem;
      height: 2.4rem;
      line-height: 2.4rem; }
    .mat-tree-node .node-row-grid .md2-checkbox {
      margin: .2rem 0 .2rem .6rem !important; }

.tree-actions {
  padding: .6rem 0;
  display: flex;
  gap: .6rem;
  flex-direction: row;
  align-items: center; }
  @media screen and (max-width: 539px) {
    .tree-actions {
      flex-wrap: wrap; } }

.sr-only {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  padding: 0;
  margin: -0.1rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

@media screen and (max-width: 539px) {
  .hidden-xs {
    display: none !important; } }

@media screen and (min-width: 540px) and (max-width: 719px) {
  .hidden-xs {
    display: none !important; } }

@media screen and (min-width: 720px) and (max-width: 959px) {
  .hidden-sm {
    display: none !important; } }

@media screen and (min-width: 960px) and (max-width: 1319px) {
  .hidden-md {
    display: none !important; } }

@media screen and (min-width: 1320px) {
  .hidden-lg {
    display: none !important; } }

.hidden {
  display: none !important; }

.md2-right {
  float: right;
  text-align: right;
  justify-content: flex-end; }

@media screen and (min-width: 1320px) {
  .md2-lg-right {
    float: right;
    text-align: right;
    justify-content: flex-end; } }

@media screen and (min-width: 960px) and (max-width: 1319px) {
  .md2-md-right {
    float: right;
    text-align: right;
    justify-content: flex-end; } }

@media screen and (min-width: 720px) and (max-width: 959px) {
  .md2-sm-right {
    float: right;
    text-align: right;
    justify-content: flex-end; } }

@media screen and (max-width: 539px) {
  .md2-xs-right {
    float: right;
    text-align: right;
    justify-content: flex-end; } }

@media screen and (min-width: 540px) and (max-width: 719px) {
  .md2-xs-right {
    float: right;
    text-align: right;
    justify-content: flex-end; } }

.md2-left {
  float: left;
  text-align: left;
  justify-content: flex-start; }

@media screen and (min-width: 1320px) {
  .md2-lg-left {
    float: left;
    text-align: left;
    justify-content: flex-start; } }

@media screen and (min-width: 960px) and (max-width: 1319px) {
  .md2-md-left {
    float: left;
    text-align: left;
    justify-content: flex-start; } }

@media screen and (min-width: 720px) and (max-width: 959px) {
  .md2-sm-left {
    float: left;
    text-align: left;
    justify-content: flex-start; } }

@media screen and (max-width: 539px) {
  .md2-xs-left {
    float: left;
    text-align: left;
    justify-content: flex-start; } }

@media screen and (min-width: 540px) and (max-width: 719px) {
  .md2-xs-left {
    float: left;
    text-align: left;
    justify-content: flex-start; } }

.md2-center {
  text-align: center;
  justify-content: center;
  margin: auto; }

@media screen and (min-width: 1320px) {
  .md2-lg-center {
    text-align: center;
    justify-content: center;
    margin: auto; } }

@media screen and (min-width: 960px) and (max-width: 1319px) {
  .md2-md-center {
    text-align: center;
    justify-content: center;
    margin: auto; } }

@media screen and (min-width: 720px) and (max-width: 959px) {
  .md2-sm-center {
    text-align: center;
    justify-content: center;
    margin: auto; } }

@media screen and (max-width: 539px) {
  .md2-xs-center {
    text-align: center;
    justify-content: center;
    margin: auto; } }

@media screen and (min-width: 540px) and (max-width: 719px) {
  .md2-xs-center {
    text-align: center;
    justify-content: center;
    margin: auto; } }

.md2-gap {
  gap: 0.6rem !important; }

.md2-empty-hide:empty {
  display: none !important; }

.md2-separator {
  height: .1rem;
  background-color: #ededed;
  border: 0;
  width: 100%;
  margin: .6rem 0; }

.md2-required, .text-danger {
  color: #CC0000 !important; }

.md2-font-xl {
  font-size: 1.8rem !important; }

.md2-font-md {
  font-size: 1.6rem !important; }

.md2-font-noraml {
  font-size: 1.4rem !important; }

.md2-font-sm {
  font-size: 1.2rem !important; }

.md2-font-xs {
  font-size: 1rem !important; }

.md2-items-start {
  align-items: start !important; }

.md2-items-center {
  align-items: center !important; }

.md2-items-end {
  align-items: end !important; }

.md2-items-stretch {
  align-items: stretch !important; }

.md2-justify-start {
  justify-content: start !important; }

.md2-justify-center {
  justify-content: center !important; }

.md2-justify-between {
  justify-content: space-between !important; }

.md2-justify-end {
  justify-content: end !important; }

.md2-justify-stretch {
  justify-content: stretch !important; }

.md2-full {
  width: 100%;
  max-width: 100%; }

.md2-block {
  display: block; }

.md2-inline-block {
  display: inline-block; }

.md2-flex {
  display: flex; }

.md2-inline-flex {
  display: inline-flex; }

.md2-relative {
  position: relative; }

.md2-absolute {
  position: absolute; }

.md2-fixed {
  position: fixed; }

.md2-sticky {
  position: sticky; }

/* Override styles */
/* Override default styles */
#login-page {
  background-color: #FFF;
  background-position: center center !important; }
  #login-page #LoginContent {
    padding: 0 !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: url(Images/login_bg2.png) center center no-repeat; }
  #login-page #ctl00_ContentPlaceHolder1_SignInPanel {
    height: 100%;
    width: 100%; }
  #login-page .login-container {
    padding: 0 !important; }
  #login-page .epos-logo-container {
    background: linear-gradient(180deg, white, transparent);
    padding: 2.4rem 0; }
    #login-page .epos-logo-container path {
      fill: #000; }
  #login-page #RemaindPanel,
  #login-page #LoginPanel {
    max-width: none !important;
    width: 42rem;
    height: 42rem;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #FFF;
    border-radius: 50%;
    padding: 4rem 8rem !important;
    box-shadow: 0 0 3.6rem #069; }
  #login-page #WelcomeText1 h4 {
    margin: 1.4rem auto !important; }
  #login-page #LoginError {
    position: fixed;
    width: 32rem;
    top: 2.4rem; }
    #login-page #LoginError .Error {
      text-align: left !important; }
      #login-page #LoginError .Error p:empty {
        display: none; }
  #login-page input:-webkit-autofill {
    background-color: transparent;
    -webkit-text-fill-color: #666666 !important;
    -webkit-box-shadow: 0 0 0 30px white inset !important; }
  #login-page input[type="text"], #login-page input[type="password"] {
    border: none !important;
    border-bottom: .1rem solid !important;
    border-color: #CCC !important;
    background: transparent;
    outline: none;
    box-shadow: none;
    padding: .8rem .4rem;
    font-size: 1.4rem; }
    #login-page input[type="text"]:focus, #login-page input[type="password"]:focus {
      border-color: #2e4f94 !important; }
  #login-page input[type="submit"] {
    background-color: #4871c6; }
  #login-page .form-group label {
    display: none !important; }
  #login-page .reminder-link a {
    color: #999 !important; }
    #login-page .reminder-link a:hover {
      opacity: .5; }
  #login-page .login-panel-logo {
    width: 100%;
    max-width: 16rem;
    height: auto;
    margin: 3.6rem auto 0 auto !important; }
  #login-page .customer-login-logo {
    display: none; }
  #login-page .login-bottom-logo {
    max-width: 120px !important;
    margin: 32px auto 0 auto !important; }
  #login-page .info-text {
    display: block;
    margin-bottom: 2.6rem !important; }
  #login-page .footer-container {
    margin: 3.6rem auto 0 auto !important; }
    #login-page .footer-container .copyright-container, #login-page .footer-container .version-container {
      width: 100%;
      text-align: center; }
      #login-page .footer-container .copyright-container a, #login-page .footer-container .version-container a {
        font-size: 1rem;
        color: #333;
        vertical-align: middle; }

.customer-logo {
  height: 4.2rem !important;
  margin-top: -.8rem; }

body {
  background-size: contain !important;
  background-position: center center !important; }

#universalGridSelectedItemModal h1 {
  font-weight: bold;
  font-size: 1.4rem !important;
  margin: 0;
  padding: 0; }

#universalGridSelectedItemModal p, #universalGridSelectedItemModal div, #universalGridSelectedItemModal h4 {
  font-weight: normal;
  font-size: 1.4rem !important;
  margin: 0;
  padding: 0; }

.circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.circles li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: radial-gradient(ellipse farthest-corner at right center, #FFF 0%, #FFF 50%, #0662ab 100%);
  animation: animate 25s linear infinite;
  bottom: -150px;
  border: 0.1rem solid #0662ab;
  border-radius: 50%; }

.circles li:nth-child(1) {
  left: 25%;
  width: 15px;
  height: 15px;
  animation-delay: 0s; }

.circles li:nth-child(2) {
  left: 10%;
  width: 5px;
  height: 5px;
  animation-delay: 2s;
  animation-duration: 12s; }

.circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s; }

.circles li:nth-child(4) {
  left: 40%;
  width: 10px;
  height: 10px;
  animation-delay: 0s;
  animation-duration: 18s; }

.circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s; }

.circles li:nth-child(6) {
  left: 75%;
  width: 8px;
  height: 8px;
  animation-delay: 3s; }

.circles li:nth-child(7) {
  left: 35%;
  width: 4px;
  height: 4px;
  animation-delay: 7s; }

.circles li:nth-child(8) {
  left: 50%;
  width: 12px;
  height: 12px;
  animation-delay: 15s;
  animation-duration: 45s; }

.circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s; }

.circles li:nth-child(10) {
  left: 85%;
  width: 16px;
  height: 16px;
  animation-delay: 0s;
  animation-duration: 11s; }

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    /*border-radius: 60% 40% 60% 40%;*/ }
  /*33% {
        border-radius: 40% 60% 40% 60%;
    }
    */
  66% {
    /*  border-radius: 60% 40% 60% 40%;*/
    opacity: 0; }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    /*border-radius: 50% 50% 50% 50%;*/ } }