@charset "UTF-8";

.dcae-main-container {

  /* Colors */
  .sdc-bc-blue {
    background-color: #009fdb; }

  .sdc-bc-dark-blue {
    background-color: #0568ae; }

  .sdc-bc-light-blue {
    background-color: #71c5e8; }

  .sdc-bc-green {
    background-color: #4ca90c; }

  .sdc-bc-dark-green {
    background-color: #007a3e; }

  .sdc-bc-light-green {
    background-color: #b5bd00; }

  .sdc-bc-orange {
    background-color: #ea7400; }

  .sdc-bc-yellow {
    background-color: #ffb81c; }

  .sdc-bc-dark-purple {
    background-color: #702f8a; }

  .sdc-bc-purple {
    background-color: #9063cd; }

  .sdc-bc-light-purple {
    background-color: #caa2dd; }

  .sdc-bc-black {
    background-color: #000000; }

  .sdc-bc-dark-gray {
    background-color: #5a5a5a; }

  .sdc-bc-gray {
    background-color: #959595; }

  .sdc-bc-light-gray {
    background-color: #d2d2d2; }

  .sdc-bc-white {
    background-color: #ffffff; }

  /* Prefix */
  /* Value Prefix*/
  /* Box sizing */
  /* Borders & Shadows */
  /* Opacity */
  /* Ellipsis */
  /* Vertical placement of multuple lines of text */
  /* transform-rotate */
  /* transform-translate */
  /* transform-scale */
  /**/
  /**/
  /*body {*/
    /*-webkit-touch-callout: none;*/
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none; }*/

  html {
    font-size: 100%;
    height: 100%; }

  body {
    /* scrollbar styling for Internet Explorer */
    scrollbar-face-color: #191919;
    scrollbar-track-color: #191919;
    height: 100%; }

  /* scrollbar styling for Google Chrome | Safari | Opera */
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px; }

  ::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px; }

  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d2d2d2;
    border-right: 2px solid #ffffff; }

  /* Mozilla Firefox currently doesn't support scrollbar styling */
  ul {
    list-style: none; }

  h1, h2, h3, h4, h5, h6, ul {
    margin: 0;
    padding: 0; }

  .disabled {
    opacity: 0.7 !important; }

  fieldset {
    border: none; }

  fieldset label {
    display: inline-block; }

  .nav-tabs > li > a:focus,
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus {
    outline: none; }

  /* Fonts */
  .text-lowercase {
    text-transform: lowercase; }

  .text-uppercase, .heading-3-light, .heading-3, .heading-3-medium {
    text-transform: uppercase; }

  .text-capitalize {
    text-transform: capitalize; }

  .heading-1 {
    font-weight: 300;
    font-size: 36px; }

  .heading-2 {
    font-weight: 300;
    font-size: 24px; }

  .heading-3-light {
    font-weight: 300;
    font-size: 20px; }

  .heading-3 {
    font-weight: 400;
    font-size: 20px; }

  .heading-3-medium {
    font-weight: 600;
    font-size: 20px; }

  .heading-4 {
    font-weight: 400;
    font-size: 18px; }

  .heading-4-medium {
    font-weight: 600;
    font-size: 18px; }

  .heading-5 {
    font-weight: 400;
    font-size: 16px; }

  .heading-5-medium, .catalog-tile .catalog-tile-top .catalog-tile-item-name, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-item-name {
    font-weight: 400;
    line-height: 16px;
    font-size: 16px; }

  .body-1 {
    font-weight: 400;
    font-size: 14px; }

  .body-1-medium {
    font-weight: 600;
    font-size: 14px; }

  .body-1-light {
    font-weight: 300;
    font-size: 14px; }

  .body-2, .catalog-tile .catalog-tile-top .catalog-tile-entity-details .catalog-tile-version-info .catalog-tile-item-version, .catalog-tile .catalog-tile-content .catalog-tile-locking-user-name, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-version-info .sdc-tile-content-info-version-info-text, .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-text {
    font-weight: 400;
    font-size: 13px; }

  .body-2-medium, .catalog-tile .catalog-tile-content {
    font-weight: 600;
    font-size: 13px; }

  .body-3 {
    font-weight: 400;
    font-size: 12px; }

  .body-3-medium, .catalog-tile .catalog-tile-top .catalog-tile-entity-details .catalog-tile-vendor-name, .catalog-tile.vendor-type .catalog-tile-top .catalog-tile-vsp-count, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-vendor-name {
    font-weight: 600;
    font-size: 12px; }

  .body-3-light {
    font-weight: 300;
    font-size: 12px; }

  .circle-icon-text {
    font-weight: 600;
    font-size: 14px; }

  .sdc-icon {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 16px;
    height: 16px; }

  .sdc-icon-locked {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='15' viewBox='0 0 11 15' id='locked_icon'>  <metadata><?xpacket begin='' id='W5M0MpCehiHzreSzNTczkc9d'?><x:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01        '>   <rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'>      <rdf:Description rdf:about=''/>   </rdf:RDF></x:xmpmeta><?xpacket end='w'?></metadata><defs>    <style>      .cls-1 {        fill: #959595;        fill-rule: evenodd;      }    </style>  </defs>  <path id='Shape_77_copy_10' data-name='Shape 77 copy 10' class='cls-1' d='M445,359a16.71,16.71,0,0,0-2.1-.009c-1.945.045-3.195,0.049-3.9,0.009v-5a1.743,1.743,0,0,1,2-2h1a1.743,1.743,0,0,1,2,2v5c0.474,0.063.343-.073,1,0,0.266,0.029,0,.279,0,0v-5a2.726,2.726,0,0,0-3-3h-1.142c-1.72-.125-2.715,1.562-2.858,3,0.088,0.009,0,7.338,0,5h0a1.891,1.891,0,0,0-2,1.689v3.461A1.823,1.823,0,0,0,437.775,366h7.448A1.823,1.823,0,0,0,447,364.15v-3.461A2.018,2.018,0,0,0,445,359Z' transform='translate(-436 -351)'/></svg>");
    background-repeat: no-repeat; }

  .sdc-icon-plus {
    background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><svg version='1.1' id='plus_icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 19' style='enable-background:new 0 0 19 19;' xml:space='preserve'><g><rect y='8' width='19' height='3'/><path id='Rectangle_2139_copy' d='M8,19V0h3v19H8z'/></g></svg>");
    background-repeat: no-repeat; }

  .sdc-icon-unlocked {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='18' viewBox='0 0 11 18' id='unlocked_icon'>  <metadata><?xpacket begin='' id='W5M0MpCehiHzreSzNTczkc9d'?><x:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01        '>   <rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'>      <rdf:Description rdf:about=''/>   </rdf:RDF></x:xmpmeta><?xpacket end='w'?></metadata><defs>    <style>      .cls-1 {        fill: #959595;        fill-rule: evenodd;      }    </style>  </defs>  <path id='Shape_77_copy_16' data-name='Shape 77 copy 16' class='cls-1' d='M663,358a16.723,16.723,0,0,0-2.1-.009c-1.944.045-3.194,0.049-3.9,0.009v-7a1.743,1.743,0,0,1,2-2h1a1.743,1.743,0,0,1,2,2v2c0.474,0.064.343-.073,1,0,0.266,0.029,0,.279,0,0v-2a2.726,2.726,0,0,0-3-3h-1.142c-1.72-.125-2.715,1.562-2.858,3,0.088,0.009,0,9.338,0,7h0a1.891,1.891,0,0,0-2,1.689v4.461a1.823,1.823,0,0,0,1.775,1.85h7.448A1.823,1.823,0,0,0,665,364.15v-4.461A2.018,2.018,0,0,0,663,358Zm1.05,6.15a0.827,0.827,0,0,1-.8.836H655.8a0.827,0.827,0,0,1-.8-0.836l0-4.15a1.164,1.164,0,0,1,.8-1.147h7.448A1.129,1.129,0,0,1,664,360Z' transform='translate(-654 -348)'/></svg>");
    background-repeat: no-repeat; }

  .sdc-icon-vendor {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53 47'  id='vendor_icon'><title>vendor</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M49,7,38.5,7V5.92A5.92,5.92,0,0,0,32.58,0H20.42A5.92,5.92,0,0,0,14.5,5.92V7.15L4,7.2a3.8,3.8,0,0,0-4,3.5V43.5C0,45.4,2,47,4.2,47L49,46.8a3.8,3.8,0,0,0,4-3.5V10.5A3.8,3.8,0,0,0,49,7ZM16.5,5.92A3.92,3.92,0,0,1,20.42,2H32.58A3.92,3.92,0,0,1,36.5,5.92V7.06l-20,.09ZM2,10.8A1.9,1.9,0,0,1,4,9l45-.2a1.9,1.9,0,0,1,2,1.8v8.87L32.94,24.18a6.49,6.49,0,0,0-12.89,0L2,19.51V10.8ZM31,25a4.5,4.5,0,1,1-4.5-4.5A4.5,4.5,0,0,1,31,25ZM49,45,4,45.2A1.9,1.9,0,0,1,2,43.4V21.57l18.13,4.73a6.5,6.5,0,0,0,12.74,0L51,21.53V43.21A1.9,1.9,0,0,1,49,45Z'/></g></g></svg>");
    background-repeat: no-repeat; }

  .sdc-icon-vlm {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 53'><title>vlm_new_icon</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M41,2a2,2,0,0,1,2,2l.19,45a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2L1.81,4a2,2,0,0,1,2-2H41m-.15-2H4A4.2,4.2,0,0,0,0,4.24L.19,49a4,4,0,0,0,4,4H41a4,4,0,0,0,4-4L44.81,4a4,4,0,0,0-4-4Z'/><rect x='14' y='11' width='17' height='2'/><rect x='14' y='18' width='10' height='2'/><polygon points='20.56 38.85 13.87 33.14 15.16 31.62 20.39 36.08 29.08 26.63 30.55 27.98 20.56 38.85'/></g></g></svg>");
    background-repeat: no-repeat; }

  .sdc-icon-vsp {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.5 40' id='vsp_icon'><title>vsp_new_icon</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M58.28,30.74c-1.49-1.82-3-2.7-4.67-2.74a8.5,8.5,0,0,0-16.22-2.44,6.93,6.93,0,0,0-4.06.66A7.23,7.23,0,0,0,36.42,40H53.5a6,6,0,0,0,6-6A5.18,5.18,0,0,0,58.28,30.74ZM53.5,38H36.42a5.25,5.25,0,0,1-5.21-5.91,5.32,5.32,0,0,1,3-4.06,5,5,0,0,1,2.21-.53,5.25,5.25,0,0,1,1.35.18l.92.24L39,27A6.5,6.5,0,0,1,51.67,29v1.3l1.17-.2c1-.17,2.17-.17,3.91,2a3.18,3.18,0,0,1,.76,2A4,4,0,0,1,53.5,38Z'/><path d='M49,0,4,.17A3.79,3.79,0,0,0,0,3.69V7.94H0v2H0V36.31C0,38.35,2,40,4.25,40l20.84-.08a1,1,0,0,0,0-1.92L4,38.08a1.89,1.89,0,0,1-2-1.76V10H51v7a1,1,0,0,0,2,0V3.53A3.79,3.79,0,0,0,49,0ZM2,8V3.76A1.89,1.89,0,0,1,4,2l45-.16a1.89,1.89,0,0,1,2,1.76V8Z'/></g></g></svg>");
    background-repeat: no-repeat; }

  .svg-icon.purple {
    fill: #9063cd; }

  .svg-icon.purple-hover {
    fill: #9063cd; }
    .svg-icon.purple-hover:hover {
      fill: #caa2dd; }

  .svg-icon.blue {
    fill: #009fdb; }

  .svg-icon.blue-hover {
    fill: #009fdb; }
    .svg-icon.blue-hover:hover {
      fill: #71c5e8; }

  .svg-icon.gray {
    fill: #959595; }

  .svg-icon.gray-hover {
    fill: #000000; }
    .svg-icon.gray-hover:hover {
      fill: #d2d2d2; }

  .svg-icon.black {
    fill: #000000; }

  .svg-icon.black-hover {
    fill: #000000; }
    .svg-icon.black-hover:hover {
      fill: #d2d2d2; }

  .sdc-tile, .sdc-tile-catalog {
    box-sizing: border-box;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #eaeaea;
    box-shadow: 0.5px 0.8px 4px 0 rgba(24, 24, 25, 0.05); }
    .sdc-tile:active, .sdc-tile-catalog:active {
      border: 1px solid #71c5e8; }
    .sdc-tile:hover, .sdc-tile-catalog:hover {
      box-shadow: 0.3px 5px 12.8px 1.3px rgba(24, 24, 25, 0.15);
      border: 1px solid #d2d2d2; }
    .sdc-tile .sdc-tile-header, .sdc-tile-catalog .sdc-tile-header {
      position: relative;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .sdc-tile .sdc-tile-content, .sdc-tile-catalog .sdc-tile-content {
      position: relative;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow: auto;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .sdc-tile .sdc-tile-footer, .sdc-tile-catalog .sdc-tile-footer {
      position: relative;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }

  .sdc-tile-catalog {
    width: 204px;
    height: 200px; }
    .sdc-tile-catalog .sdc-tile-header {
      line-height: 16px; }
      .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type {
        font-size: 16px;
        text-transform: uppercase; }
        .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type.purple {
          color: #9063cd; }
        .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type.blue {
          color: #009fdb; }
    .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-icon {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      padding-top: 25px; }
      .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-icon svg {
        width: 60px;
        height: 40px; }
    .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info {
      padding-bottom: 4px;
      width: 180px;
      overflow: hidden;
      text-overflow: ellipsis;
      width: auto;
      white-space: nowrap;
      display: inline-block;
      max-width: 178px; }
      .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-vendor-name {
        color: #959595;
        line-height: 12px; }
      .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-item-name {
        color: #191919; }
      .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-version-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
    .sdc-tile-catalog .sdc-tile-footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      border-top: 1px solid #eaeaea;
      padding: 0;
      width: 180px;
      height: 20px; }
      .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-text {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding-top: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: auto;
        white-space: nowrap;
        display: inline-block;
        max-width: 164px; }
      .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-icon {
        -ms-flex-negative: 1;
            flex-shrink: 1;
        overflow: hidden;
        padding-top: 5px; }
        .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-icon svg {
          width: 16px;
          height: 20px; }

  /* You can add global styles to this file, and also import other style files */
  .sdc-main-container {
    width: 100%;
    height: 100%;
  }
  /* Fonts */
  /*----------------------------------------------    General    ----------------------------------------------*/
  /* Main Colors */
  /* Functional Colors */
  /* Tlv Colors */
  /*---------------------------------------------- Parameters ----------------------------------------------*/
  /*----------------------------------------------    General    ----------------------------------------------*/
  /* Colors */
  /* Color hover */
  /* to check if can delete */
  /* Fonts */
  .f-color .a {
    color: #009fdb;
  }
  .f-color .b {
    color: #056bae;
  }
  .f-color .c {
    color: #71c5eb;
  }
  .f-color .d {
    color: #4ca90c;
  }
  .f-color .e {
    color: #007a3e;
  }
  .f-color .f {
    color: #b5bd00;
  }
  .f-color .g {
    color: #ea7499;
  }
  .f-color .h {
    color: #ffb81c;
  }
  .f-color .i {
    color: #702f8a;
  }
  .f-color .j {
    color: #9063cd;
  }
  .f-color .k {
    color: #caa2dd;
  }
  .f-color .l {
    color: #000000;
  }
  .f-color .m {
    color: #5a5a5a;
  }
  .f-color .n {
    color: #959595;
  }
  .f-color .o {
    color: #d2d2d2;
  }
  .f-color .p {
    color: #ffffff;
  }
  .f-color .q {
    color: #cf2a2a;
  }
  .f-color .r {
    color: #f2f2f2;
  }
  .f-color .s {
    color: #191919;
  }
  .f-color .t {
    color: #f8f8f8;
  }
  .f-color .u {
    color: #eaeaea;
  }
  .f-color .v {
    color: #e6f6fb;
  }
  .f-type ._36 {
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .f-type ._24 {
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .f-type ._18_r {
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .f-type ._18_m {
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .f-type ._16_r {
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .f-type ._16_m {
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .f-type ._14_r {
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .f-type ._14_m {
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .f-type ._14_i {
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .f-type ._13_r {
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .f-type ._13_m {
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .f-type ._13_i {
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .f-type ._12_r {
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .f-type ._12_m {
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .f-type ._12_i {
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .a_36 {
    color: #009fdb;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .a_24 {
    color: #009fdb;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .a_18_r {
    color: #009fdb;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .a_18_m {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .a_16_r {
    color: #009fdb;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .a_16_m {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .a_14_r {
    color: #009fdb;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .a_14_m {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .a_14_i {
    color: #009fdb;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .a_13_r {
    color: #009fdb;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .a_13_m {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .a_13_i {
    color: #009fdb;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .a_12_r {
    color: #009fdb;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .a_12_m {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .a_12_i {
    color: #009fdb;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .b_36 {
    color: #056bae;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .b_24 {
    color: #056bae;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .b_18_r {
    color: #056bae;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .b_18_m {
    color: #056bae;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .b_16_r {
    color: #056bae;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .b_16_m {
    color: #056bae;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .b_14_r {
    color: #056bae;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .b_14_m {
    color: #056bae;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .b_14_i {
    color: #056bae;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .b_13_r {
    color: #056bae;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .b_13_m {
    color: #056bae;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .b_13_i {
    color: #056bae;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .b_12_r {
    color: #056bae;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .b_12_m {
    color: #056bae;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .b_12_i {
    color: #056bae;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .c_36 {
    color: #71c5eb;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .c_24 {
    color: #71c5eb;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .c_18_r {
    color: #71c5eb;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .c_18_m {
    color: #71c5eb;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .c_16_r {
    color: #71c5eb;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .c_16_m {
    color: #71c5eb;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .c_14_r {
    color: #71c5eb;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .c_14_m {
    color: #71c5eb;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .c_14_i {
    color: #71c5eb;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .c_13_r {
    color: #71c5eb;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .c_13_m {
    color: #71c5eb;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .c_13_i {
    color: #71c5eb;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .c_12_r {
    color: #71c5eb;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .c_12_m {
    color: #71c5eb;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .c_12_i {
    color: #71c5eb;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .d_36 {
    color: #4ca90c;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .d_24 {
    color: #4ca90c;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .d_18_r {
    color: #4ca90c;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .d_18_m {
    color: #4ca90c;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .d_16_r {
    color: #4ca90c;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .d_16_m {
    color: #4ca90c;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .d_14_r {
    color: #4ca90c;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .d_14_m {
    color: #4ca90c;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .d_14_i {
    color: #4ca90c;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .d_13_r {
    color: #4ca90c;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .d_13_m {
    color: #4ca90c;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .d_13_i {
    color: #4ca90c;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .d_12_r {
    color: #4ca90c;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .d_12_m {
    color: #4ca90c;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .d_12_i {
    color: #4ca90c;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .e_36 {
    color: #007a3e;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .e_24 {
    color: #007a3e;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .e_18_r {
    color: #007a3e;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .e_18_m {
    color: #007a3e;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .e_16_r {
    color: #007a3e;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .e_16_m {
    color: #007a3e;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .e_14_r {
    color: #007a3e;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .e_14_m {
    color: #007a3e;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .e_14_i {
    color: #007a3e;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .e_13_r {
    color: #007a3e;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .e_13_m {
    color: #007a3e;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .e_13_i {
    color: #007a3e;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .e_12_r {
    color: #007a3e;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .e_12_m {
    color: #007a3e;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .e_12_i {
    color: #007a3e;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .f_36 {
    color: #b5bd00;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .f_24 {
    color: #b5bd00;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .f_18_r {
    color: #b5bd00;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .f_18_m {
    color: #b5bd00;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .f_16_r {
    color: #b5bd00;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .f_16_m {
    color: #b5bd00;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .f_14_r {
    color: #b5bd00;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .f_14_m {
    color: #b5bd00;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .f_14_i {
    color: #b5bd00;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .f_13_r {
    color: #b5bd00;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .f_13_m {
    color: #b5bd00;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .f_13_i {
    color: #b5bd00;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .f_12_r {
    color: #b5bd00;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .f_12_m {
    color: #b5bd00;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .f_12_i {
    color: #b5bd00;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .g_36 {
    color: #ea7499;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .g_24 {
    color: #ea7499;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .g_18_r {
    color: #ea7499;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .g_18_m {
    color: #ea7499;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .g_16_r {
    color: #ea7499;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .g_16_m {
    color: #ea7499;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .g_14_r {
    color: #ea7499;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .g_14_m {
    color: #ea7499;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .g_14_i {
    color: #ea7499;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .g_13_r {
    color: #ea7499;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .g_13_m {
    color: #ea7499;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .g_13_i {
    color: #ea7499;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .g_12_r {
    color: #ea7499;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .g_12_m {
    color: #ea7499;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .g_12_i {
    color: #ea7499;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .h_36 {
    color: #ffb81c;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .h_24 {
    color: #ffb81c;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .h_18_r {
    color: #ffb81c;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .h_18_m {
    color: #ffb81c;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .h_16_r {
    color: #ffb81c;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .h_16_m {
    color: #ffb81c;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .h_14_r {
    color: #ffb81c;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .h_14_m {
    color: #ffb81c;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .h_14_i {
    color: #ffb81c;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .h_13_r {
    color: #ffb81c;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .h_13_m {
    color: #ffb81c;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .h_13_i {
    color: #ffb81c;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .h_12_r {
    color: #ffb81c;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .h_12_m {
    color: #ffb81c;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .h_12_i {
    color: #ffb81c;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .i_36 {
    color: #702f8a;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .i_24 {
    color: #702f8a;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .i_18_r {
    color: #702f8a;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .i_18_m {
    color: #702f8a;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .i_16_r {
    color: #702f8a;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .i_16_m {
    color: #702f8a;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .i_14_r {
    color: #702f8a;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .i_14_m {
    color: #702f8a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .i_14_i {
    color: #702f8a;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .i_13_r {
    color: #702f8a;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .i_13_m {
    color: #702f8a;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .i_13_i {
    color: #702f8a;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .i_12_r {
    color: #702f8a;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .i_12_m {
    color: #702f8a;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .i_12_i {
    color: #702f8a;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .j_36 {
    color: #9063cd;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .j_24 {
    color: #9063cd;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .j_18_r {
    color: #9063cd;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .j_18_m {
    color: #9063cd;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .j_16_r {
    color: #9063cd;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .j_16_m {
    color: #9063cd;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .j_14_r {
    color: #9063cd;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .j_14_m {
    color: #9063cd;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .j_14_i {
    color: #9063cd;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .j_13_r {
    color: #9063cd;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .j_13_m {
    color: #9063cd;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .j_13_i {
    color: #9063cd;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .j_12_r {
    color: #9063cd;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .j_12_m {
    color: #9063cd;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .j_12_i {
    color: #9063cd;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .k_36 {
    color: #caa2dd;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .k_24 {
    color: #caa2dd;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .k_18_r {
    color: #caa2dd;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .k_18_m {
    color: #caa2dd;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .k_16_r {
    color: #caa2dd;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .k_16_m {
    color: #caa2dd;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .k_14_r {
    color: #caa2dd;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .k_14_m {
    color: #caa2dd;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .k_14_i {
    color: #caa2dd;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .k_13_r {
    color: #caa2dd;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .k_13_m {
    color: #caa2dd;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .k_13_i {
    color: #caa2dd;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .k_12_r {
    color: #caa2dd;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .k_12_m {
    color: #caa2dd;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .k_12_i {
    color: #caa2dd;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .l_36 {
    color: #000000;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .l_24 {
    color: #000000;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .l_18_r {
    color: #000000;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .l_18_m {
    color: #000000;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .l_16_r {
    color: #000000;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .l_16_m {
    color: #000000;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .l_14_r {
    color: #000000;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .l_14_m {
    color: #000000;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .l_14_i {
    color: #000000;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .l_13_r {
    color: #000000;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .l_13_m {
    color: #000000;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .l_13_i {
    color: #000000;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .l_12_r {
    color: #000000;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .l_12_m {
    color: #000000;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .l_12_i {
    color: #000000;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .m_36 {
    color: #5a5a5a;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .m_24 {
    color: #5a5a5a;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .m_18_r {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .m_18_m {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .m_16_r {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .m_16_m {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .m_14_r {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .m_14_m {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .m_14_i {
    color: #5a5a5a;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .m_13_r {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .m_13_m {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .m_13_i {
    color: #5a5a5a;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .m_12_r {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .m_12_m {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .m_12_i {
    color: #5a5a5a;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .n_36 {
    color: #959595;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .n_24 {
    color: #959595;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .n_18_r {
    color: #959595;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .n_18_m {
    color: #959595;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .n_16_r {
    color: #959595;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .n_16_m {
    color: #959595;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .n_14_r {
    color: #959595;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .n_14_m {
    color: #959595;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .n_14_i {
    color: #959595;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .n_13_r {
    color: #959595;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .n_13_m {
    color: #959595;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .n_13_i {
    color: #959595;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .n_12_r {
    color: #959595;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .n_12_m {
    color: #959595;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .n_12_i {
    color: #959595;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .o_36 {
    color: #d2d2d2;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .o_24 {
    color: #d2d2d2;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .o_18_r {
    color: #d2d2d2;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .o_18_m {
    color: #d2d2d2;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .o_16_r {
    color: #d2d2d2;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .o_16_m {
    color: #d2d2d2;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .o_14_r {
    color: #d2d2d2;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .o_14_m {
    color: #d2d2d2;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .o_14_i {
    color: #d2d2d2;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .o_13_r {
    color: #d2d2d2;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .o_13_m {
    color: #d2d2d2;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .o_13_i {
    color: #d2d2d2;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .o_12_r {
    color: #d2d2d2;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .o_12_m {
    color: #d2d2d2;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .o_12_i {
    color: #d2d2d2;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .p_36 {
    color: #ffffff;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .p_24 {
    color: #ffffff;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .p_18_r {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .p_18_m {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .p_16_r {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .p_16_m {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .p_14_r {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .p_14_m {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .p_14_i {
    color: #ffffff;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .p_13_r {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .p_13_m {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .p_13_i {
    color: #ffffff;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .p_12_r {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .p_12_m {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .p_12_i {
    color: #ffffff;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .q_36 {
    color: #cf2a2a;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .q_24 {
    color: #cf2a2a;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .q_18_r {
    color: #cf2a2a;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .q_18_m {
    color: #cf2a2a;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .q_16_r {
    color: #cf2a2a;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .q_16_m {
    color: #cf2a2a;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .q_14_r {
    color: #cf2a2a;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .q_14_m {
    color: #cf2a2a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .q_14_i {
    color: #cf2a2a;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .q_13_r {
    color: #cf2a2a;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .q_13_m {
    color: #cf2a2a;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .q_13_i {
    color: #cf2a2a;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .q_12_r {
    color: #cf2a2a;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .q_12_m {
    color: #cf2a2a;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .q_12_i {
    color: #cf2a2a;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .r_36 {
    color: #f2f2f2;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .r_24 {
    color: #f2f2f2;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .r_18_r {
    color: #f2f2f2;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .r_18_m {
    color: #f2f2f2;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .r_16_r {
    color: #f2f2f2;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .r_16_m {
    color: #f2f2f2;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .r_14_r {
    color: #f2f2f2;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .r_14_m {
    color: #f2f2f2;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .r_14_i {
    color: #f2f2f2;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .r_13_r {
    color: #f2f2f2;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .r_13_m {
    color: #f2f2f2;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .r_13_i {
    color: #f2f2f2;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .r_12_r {
    color: #f2f2f2;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .r_12_m {
    color: #f2f2f2;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .r_12_i {
    color: #f2f2f2;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .s_36 {
    color: #191919;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .s_24 {
    color: #191919;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .s_18_r {
    color: #191919;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .s_18_m {
    color: #191919;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .s_16_r {
    color: #191919;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .s_16_m {
    color: #191919;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .s_14_r {
    color: #191919;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .s_14_m {
    color: #191919;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .s_14_i {
    color: #191919;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .s_13_r {
    color: #191919;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .s_13_m {
    color: #191919;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .s_13_i {
    color: #191919;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .s_12_r {
    color: #191919;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .s_12_m {
    color: #191919;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .s_12_i {
    color: #191919;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .t_36 {
    color: #f8f8f8;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .t_24 {
    color: #f8f8f8;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .t_18_r {
    color: #f8f8f8;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .t_18_m {
    color: #f8f8f8;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .t_16_r {
    color: #f8f8f8;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .t_16_m {
    color: #f8f8f8;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .t_14_r {
    color: #f8f8f8;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .t_14_m {
    color: #f8f8f8;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .t_14_i {
    color: #f8f8f8;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .t_13_r {
    color: #f8f8f8;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .t_13_m {
    color: #f8f8f8;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .t_13_i {
    color: #f8f8f8;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .t_12_r {
    color: #f8f8f8;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .t_12_m {
    color: #f8f8f8;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .t_12_i {
    color: #f8f8f8;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .u_36 {
    color: #eaeaea;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .u_24 {
    color: #eaeaea;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .u_18_r {
    color: #eaeaea;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .u_18_m {
    color: #eaeaea;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .u_16_r {
    color: #eaeaea;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .u_16_m {
    color: #eaeaea;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .u_14_r {
    color: #eaeaea;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .u_14_m {
    color: #eaeaea;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .u_14_i {
    color: #eaeaea;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .u_13_r {
    color: #eaeaea;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .u_13_m {
    color: #eaeaea;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .u_13_i {
    color: #eaeaea;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .u_12_r {
    color: #eaeaea;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .u_12_m {
    color: #eaeaea;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .u_12_i {
    color: #eaeaea;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .v_36 {
    color: #e6f6fb;
    font-family: omnes-light, sans-serif;
    font-size: 36px;
  }
  .v_24 {
    color: #e6f6fb;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
  }
  .v_18_r {
    color: #e6f6fb;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .v_18_m {
    color: #e6f6fb;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .v_16_r {
    color: #e6f6fb;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .v_16_m {
    color: #e6f6fb;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .v_14_r {
    color: #e6f6fb;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .v_14_m {
    color: #e6f6fb;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .v_14_i {
    color: #e6f6fb;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 14px;
  }
  .v_13_r {
    color: #e6f6fb;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .v_13_m {
    color: #e6f6fb;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .v_13_i {
    color: #e6f6fb;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 13px;
  }
  .v_12_r {
    color: #e6f6fb;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .v_12_m {
    color: #e6f6fb;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .v_12_i {
    color: #e6f6fb;
    font-family: omnes-medium-italic, sans-serif;
    font-size: 12px;
  }
  .disabled {
    opacity: 0.4 !important;
    cursor: auto;
    background-color: transparent;
    pointer-events: none;
  }
  /* I'm not using hidden name, can not override bower_components/bootstrap/dist/css/less/responsive-utilities.less */
  .hideme {
    visibility: hidden;
  }
  .view-mode {
    opacity: 1;
    border: solid 1px #d2d2d2;
    background-color: #f8f8f8;
    cursor: auto;
  }
  .view-mode + .view-mode:not(.icons-text),
  .view-mode.no-border-top {
    border-top: none;
  }
  .no-pointer-events {
    pointer-events: none;
  }
  .unselectable {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .selectable {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }
  .font-color .a {
    color: #3b7b9b;
  }
  .font-color .b {
    color: #666666;
  }
  .font-color .c {
    color: #ffffff;
  }
  .font-color .d {
    color: #1d9a95;
  }
  .font-color .e {
    color: #cdcdcd;
  }
  .font-color .f {
    color: #506472;
  }
  .font-color .g {
    color: #263d4d;
  }
  .font-color .h {
    color: #da1f3d;
  }
  .font-color .i {
    color: #445663;
  }
  .font-color .j {
    color: #D3DBE0;
  }
  .font-color .k {
    color: #e1e7ec;
  }
  .font-color .l {
    color: #1e9a33;
  }
  .font-color .m {
    color: #a8b3b9;
  }
  .font-color .n {
    color: #ECEFF3;
  }
  .font-color .o {
    color: #798996;
  }
  .font-color .p {
    color: #8c8c8c;
  }
  .font-color .q {
    color: #b5b5b5;
  }
  .font-color .r {
    color: #e85858;
  }
  .font-color .s {
    color: #000000;
  }
  .font-color .t {
    color: #3196c9;
  }
  .font-color .u {
    color: #3196c9;
  }
  .font-color .v {
    color: #3196c9;
  }
  .font-color .w {
    color: #3196c9;
  }
  .font-color .x {
    color: #3196c9;
  }
  .font-color .y {
    color: #3196c9;
  }
  .font-color .z {
    color: #28bd6e;
  }
  .font-color .zz {
    color: #93deb6;
  }
  .font-color .hover .a {
    color: #2d5e76;
  }
  .font-color .hover .b {
    color: #4d4d4d;
  }
  .font-color .hover .c {
    color: #e6e6e6;
  }
  .font-color .hover .d {
    color: #156f6b;
  }
  .font-color .hover .e {
    color: #b4b4b4;
  }
  .font-color .hover .f {
    color: #3b4a54;
  }
  .font-color .hover .g {
    color: #15222b;
  }
  .font-color .hover .h {
    color: #ad1931;
  }
  .font-color .hover .i {
    color: #2f3c45;
  }
  .font-color .hover .j {
    color: #b5c3cb;
  }
  .font-color .hover .k {
    color: #c2ced8;
  }
  .font-color .hover .l {
    color: #166f25;
  }
  .font-color .hover .m {
    color: #8c9aa2;
  }
  .font-color .hover .n {
    color: #cdd5df;
  }
  .font-color .hover .o {
    color: #616f7b;
  }
  .font-color .hover .p {
    color: #737373;
  }
  .font-color .hover .q {
    color: #9c9c9c;
  }
  .font-color .hover .r {
    color: #e22b2b;
  }
  .font-color .hover .s {
    color: #000000;
  }
  .font-color .hover .t {
    color: #2777a0;
  }
  .font-color .hover .u {
    color: #1a804a;
  }
  .font-color .hover .v {
    color: #115b58;
  }
  .font-color .hover .w {
    color: #232d34;
  }
  .font-color .hover .x {
    color: #9c172c;
  }
  .font-color .hover .y {
    color: #53606a;
  }
  .font-color .hover .z {
    color: #1f9356;
  }
  .font-color .hover .zz {
    color: #6cd29c;
  }
  .font-type ._1 {
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .font-type ._2 {
    font-family: omnes-regular, sans-serif;
    font-size: 20px;
  }
  .font-type ._3 {
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .font-type ._4 {
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .font-type ._5 {
    font-family: omnes-medium, sans-serif;
    font-size: 30px;
  }
  .font-type ._6 {
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .font-type ._7 {
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .font-type ._8 {
    font-family: omnes-regular, sans-serif;
    font-size: 11px;
  }
  .font-type ._9 {
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .font-type ._10 {
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .font-type ._11 {
    font-family: omnes-medium, sans-serif;
    font-size: 20px;
  }
  .font-type ._12 {
    font-family: omnes-medium, sans-serif;
    font-size: 17px;
  }
  .font-type ._13 {
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .font-type ._14 {
    font-family: omnes-medium, sans-serif;
    font-size: 11px;
  }
  .font-type ._15 {
    font-family: omnes-medium, sans-serif;
    font-size: 24px;
  }
  .font-type ._16 {
    font-family: omnes-regular, sans-serif;
    font-size: 10px;
  }
  .font-type ._17 {
    font-family: omnes-medium, sans-serif;
    font-size: 15px;
  }
  .font-type ._18 {
    font-family: omnes-regular, sans-serif;
    font-size: 15px;
  }
  .font-type ._19 {
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .a_1 {
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .a_2 {
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 20px;
  }
  .a_3 {
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .a_4 {
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .a_5 {
    color: #3b7b9b;
    font-family: omnes-medium, sans-serif;
    font-size: 30px;
  }
  .a_6 {
    color: #3b7b9b;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .a_7 {
    color: #3b7b9b;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .a_8 {
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 11px;
  }
  .a_9 {
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .a_10 {
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .a_15 {
    color: #3b7b9b;
    font-family: omnes-medium, sans-serif;
    font-size: 24px;
  }
  .b_1 {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .b_3 {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .b_4 {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .b_5 {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 30px;
  }
  .b_6 {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .b_7 {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .b_9 {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .b_10 {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .b_11 {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 20px;
  }
  .b_13 {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .b_15 {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 24px;
  }
  .b_17 {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 15px;
  }
  .b_19 {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
  }
  .c_1 {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .c_2 {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 20px;
  }
  .c_3 {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .c_4 {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .c_5 {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 30px;
  }
  .c_6 {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .c_7 {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .c_8 {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 11px;
  }
  .c_9 {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .c_10 {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .c_11 {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 20px;
  }
  .c_15 {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 24px;
  }
  .c_16 {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 10px;
  }
  .c_17 {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 15px;
  }
  .c_18 {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 15px;
  }
  .d_1 {
    color: #1d9a95;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .d_2 {
    color: #1d9a95;
    font-family: omnes-regular, sans-serif;
    font-size: 20px;
  }
  .d_3 {
    color: #1d9a95;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .d_4 {
    color: #1d9a95;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .d_5 {
    color: #1d9a95;
    font-family: omnes-medium, sans-serif;
    font-size: 30px;
  }
  .d_6 {
    color: #1d9a95;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .d_12 {
    color: #1d9a95;
    font-family: omnes-medium, sans-serif;
    font-size: 17px;
  }
  .e_1 {
    color: #cdcdcd;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .e_2 {
    color: #cdcdcd;
    font-family: omnes-regular, sans-serif;
    font-size: 20px;
  }
  .e_3 {
    color: #cdcdcd;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .e_4 {
    color: #cdcdcd;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .e_5 {
    color: #cdcdcd;
    font-family: omnes-medium, sans-serif;
    font-size: 30px;
  }
  .e_6 {
    color: #cdcdcd;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .e_7 {
    color: #cdcdcd;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .f_1 {
    color: #506472;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .f_2 {
    color: #506472;
    font-family: omnes-regular, sans-serif;
    font-size: 20px;
  }
  .g_1 {
    color: #263d4d;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .g_2 {
    color: #263d4d;
    font-family: omnes-regular, sans-serif;
    font-size: 20px;
  }
  .g_3 {
    color: #263d4d;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .g_4 {
    color: #263d4d;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .g_5 {
    color: #263d4d;
    font-family: omnes-medium, sans-serif;
    font-size: 30px;
  }
  .g_6 {
    color: #263d4d;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .g_7 {
    color: #263d4d;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .g_8 {
    color: #263d4d;
    font-family: omnes-regular, sans-serif;
    font-size: 11px;
  }
  .g_9 {
    color: #263d4d;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .g_10 {
    color: #263d4d;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
  }
  .g_13 {
    color: #263d4d;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .g_14 {
    color: #263d4d;
    font-family: omnes-medium, sans-serif;
    font-size: 11px;
  }
  .h_1 {
    color: #da1f3d;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .h_7 {
    color: #da1f3d;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .h_9 {
    color: #da1f3d;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .i_1 {
    color: #445663;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .i_6 {
    color: #445663;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .i_11 {
    color: #445663;
    font-family: omnes-medium, sans-serif;
    font-size: 20px;
  }
  .i_17 {
    color: #445663;
    font-family: omnes-medium, sans-serif;
    font-size: 15px;
  }
  .l_1 {
    color: #1e9a33;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .l_9 {
    color: #1e9a33;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .m_4 {
    color: #a8b3b9;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
  }
  .m_7 {
    color: #a8b3b9;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .p_1 {
    color: #8c8c8c;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .p_3 {
    color: #8c8c8c;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .p_9 {
    color: #8c8c8c;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .q_7 {
    color: #b5b5b5;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .q_9 {
    color: #b5b5b5;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .q_11 {
    color: #b5b5b5;
    font-family: omnes-medium, sans-serif;
    font-size: 20px;
  }
  .r_12 {
    color: #e85858;
    font-family: omnes-medium, sans-serif;
    font-size: 17px;
  }
  .t_1 {
    color: #3196c9;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .t_7 {
    color: #3196c9;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .t_15 {
    color: #3196c9;
    font-family: omnes-medium, sans-serif;
    font-size: 24px;
  }
  /* Added by ikram - */
  .s_12 {
    color: #000000;
    font-family: omnes-medium, sans-serif;
    font-size: 17px;
  }
  .z_9 {
    color: #28bd6e;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .backgroundColor .a {
    background-color: #3b7b9b;
  }
  .backgroundColor .b {
    background-color: #666666;
  }
  .backgroundColor .c {
    background-color: #ffffff;
  }
  .backgroundColor .d {
    background-color: #1d9a95;
  }
  .backgroundColor .e {
    background-color: #cdcdcd;
  }
  .backgroundColor .f {
    background-color: #506472;
  }
  .backgroundColor .g {
    background-color: #263d4d;
  }
  .backgroundColor .h {
    background-color: #da1f3d;
  }
  .backgroundColor .i {
    background-color: #445663;
  }
  .backgroundColor .j {
    background-color: #D3DBE0;
  }
  .backgroundColor .k {
    background-color: #e1e7ec;
  }
  .backgroundColor .l {
    background-color: #1e9a33;
  }
  .backgroundColor .m {
    background-color: #a8b3b9;
  }
  .backgroundColor .n {
    background-color: #ECEFF3;
  }
  .backgroundColor .o {
    background-color: #798996;
  }
  .backgroundColor .p {
    background-color: #8c8c8c;
  }
  .backgroundColor .q {
    background-color: #b5b5b5;
  }
  .backgroundColor .r {
    background-color: #e85858;
  }
  .backgroundColor .s {
    background-color: #000000;
  }
  .backgroundColor .t {
    background-color: #3196c9;
  }
  .backgroundColor .u {
    background-color: #23aa63;
  }
  .backgroundColor .v {
    background-color: #198682;
  }
  .backgroundColor .w {
    background-color: #384752;
  }
  .backgroundColor .x {
    background-color: #c91d39;
  }
  .backgroundColor .y {
    background-color: #697a87;
  }
  .backgroundColor .z {
    background-color: #28bd6e;
  }
  .backgroundColor .zz {
    background-color: #93deb6;
  }
  .backgroundColor .hover .a {
    background-color: #2d5e76;
  }
  .backgroundColor .hover .b {
    background-color: #4d4d4d;
  }
  .backgroundColor .hover .c {
    background-color: #e6e6e6;
  }
  .backgroundColor .hover .d {
    background-color: #156f6b;
  }
  .backgroundColor .hover .e {
    background-color: #b4b4b4;
  }
  .backgroundColor .hover .f {
    background-color: #3b4a54;
  }
  .backgroundColor .hover .g {
    background-color: #15222b;
  }
  .backgroundColor .hover .h {
    background-color: #ad1931;
  }
  .backgroundColor .hover .i {
    background-color: #2f3c45;
  }
  .backgroundColor .hover .j {
    background-color: #b5c3cb;
  }
  .backgroundColor .hover .k {
    background-color: #c2ced8;
  }
  .backgroundColor .hover .l {
    background-color: #166f25;
  }
  .backgroundColor .hover .m {
    background-color: #8c9aa2;
  }
  .backgroundColor .hover .n {
    background-color: #cdd5df;
  }
  .backgroundColor .hover .o {
    background-color: #616f7b;
  }
  .backgroundColor .hover .p {
    background-color: #737373;
  }
  .backgroundColor .hover .q {
    background-color: #9c9c9c;
  }
  .backgroundColor .hover .r {
    background-color: #e22b2b;
  }
  .backgroundColor .hover .s {
    background-color: #000000;
  }
  .backgroundColor .hover .t {
    background-color: #2777a0;
  }
  .backgroundColor .hover .u {
    background-color: #1a804a;
  }
  .backgroundColor .hover .v {
    background-color: #115b58;
  }
  .backgroundColor .hover .w {
    background-color: #232d34;
  }
  .backgroundColor .hover .x {
    background-color: #9c172c;
  }
  .backgroundColor .hover .y {
    background-color: #53606a;
  }
  .backgroundColor .hover .z {
    background-color: #1f9356;
  }
  .backgroundColor .hover .zz {
    background-color: #6cd29c;
  }
  .bg_a {
    background-color: #3b7b9b;
  }
  .bg_b {
    background-color: #666666;
  }
  .bg_c {
    background-color: #ffffff;
  }
  .bg_d {
    background-color: #1d9a95;
  }
  .bg_e {
    background-color: #cdcdcd;
  }
  .bg_f {
    background-color: #506472;
  }
  .bg_g {
    background-color: #263d4d;
  }
  .bg_h {
    background-color: #da1f3d;
  }
  .bg_i {
    background-color: #445663;
  }
  .bg_j {
    background-color: #D3DBE0;
  }
  .bg_k {
    background-color: #e1e7ec;
  }
  .bg_l {
    background-color: #1e9a33;
  }
  .bg_m {
    background-color: #a8b3b9;
  }
  .bg_n {
    background-color: #ECEFF3;
  }
  .bg_o {
    background-color: #798996;
  }
  .bg_p {
    background-color: #8c8c8c;
  }
  .bg_q {
    background-color: #b5b5b5;
  }
  .bg_r {
    background-color: #e85858;
  }
  .bg_s {
    background-color: #000000;
  }
  .bg_t {
    background-color: #3196c9;
  }
  .bg_u {
    background-color: #23aa63;
  }
  .bg_v {
    background-color: #198682;
  }
  .bg_w {
    background-color: #384752;
  }
  .bg_x {
    background-color: #c91d39;
  }
  .bg_y {
    background-color: #697a87;
  }
  .bg_z {
    background-color: #28bd6e;
  }
  .bg_zz {
    background-color: #93deb6;
  }
  .bg_a_hover {
    background-color: #2d5e76;
  }
  .bg_b_hover {
    background-color: #4d4d4d;
  }
  .bg_c_hover {
    background-color: #e6e6e6;
  }
  .bg_d_hover {
    background-color: #156f6b;
  }
  .bg_e_hover {
    background-color: #b4b4b4;
  }
  .bg_f_hover {
    background-color: #3b4a54;
  }
  .bg_g_hover {
    background-color: #15222b;
  }
  .bg_h_hover {
    background-color: #ad1931;
  }
  .bg_i_hover {
    background-color: #2f3c45;
  }
  .bg_j_hover {
    background-color: #b5c3cb;
  }
  .bg_l_hover {
    background-color: #166f25;
  }
  .bg_m_hover {
    background-color: #8c9aa2;
  }
  .bg_n_hover {
    background-color: #cdd5df;
  }
  .bg_o_hover {
    background-color: #616f7b;
  }
  .bg_p_hover {
    background-color: #737373;
  }
  .bg_q_hover {
    background-color: #9c9c9c;
  }
  .bg_r_hover {
    background-color: #e22b2b;
  }
  .bg_s_hover {
    background-color: #000000;
  }
  .bg_t_hover {
    background-color: #2777a0;
  }
  .bg_u_hover {
    background-color: #1a804a;
  }
  .bg_v_hover {
    background-color: #115b58;
  }
  .bg_w_hover {
    background-color: #232d34;
  }
  .bg_x_hover {
    background-color: #9c172c;
  }
  .bg_y_hover {
    background-color: #53606a;
  }
  .bg_z_hover {
    background-color: #1f9356;
  }
  .bg_zz_hover {
    background-color: #6cd29c;
  }
  .center {
    margin: 0 auto;
  }
  .vcenter {
    display: table-cell;
    vertical-align: middle;
  }
  .left {
    float: left;
  }
  .right {
    float: right;
  }
  .hand {
    cursor: pointer;
  }
  .default-pointer {
    cursor: default;
  }
  .text-center {
    text-align: center;
  }
  .display-none {
    display: none;
  }
  .nowrap {
    white-space: nowrap;
  }
  .bold {
    font-weight: bold;
  }
  .full-height {
    height: 100%;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .selfClear:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
  }
  .selfClear {
    display: inline-block;
  }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
  }
  .clearfix {
    display: inline-block;
    clear: both;
  }
  .hyphenate {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
  }
  .perfect-scrollbar {
    position: relative;
    overflow: hidden;
  }
  .noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .sdc-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
  }
  html {
    height: 100%;
  }
  body {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    height: 100%;
    margin: auto;
    position: relative;
  }
  * {
    box-sizing: border-box;
    margin: 0;
  }
  html,
  body {
    height: 100%;
    overflow: hidden;
  }
  a {
    text-decoration: none;
  }
  canvas {
    outline: none;
  }
  .download-artifact {
    cursor: pointer;
  }
  html .w-sdc-resource-container {
    padding: 20px 0;
  }
  html .ui-notification.clickable:hover {
    opacity: 1;
  }
  .sprite {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
  }
  .sprite.logo {
    background-position: -50px -100px;
    width: 39px;
    height: 32px;
  }
  .sprite.white-arrow-down {
    background-position: -50px -200px;
    width: 15px;
    height: 9px;
  }
  .sprite.white-arrow-up {
    background-position: -100px -200px;
    width: 15px;
    height: 9px;
  }
  .arrow-left {
    background-position: -262px -4041px;
    width: 11px;
    height: 10px;
  }
  .sprite.tab-info {
    background-position: -50px -300px;
    width: 18px;
    height: 20px;
  }
  .sprite.edit {
    background-position: -51px -689px;
    width: 31px;
    height: 30px;
  }
  .sprite.details {
    background-position: -50px -900px;
    width: 19px;
    height: 19px;
  }
  .sprite.structure {
    background-position: -212px -3880px;
    width: 23px;
    height: 21px;
  }
  .sprite.artifacts {
    background-position: -50px -1098px;
    width: 20px;
    height: 20px;
  }
  .sprite.menu {
    background-position: -50px -1200px;
    width: 17px;
    height: 14px;
  }
  .sprite.catalog {
    background-position: -53px -1303px;
    width: 20px;
    height: 20px;
  }
  .sprite.distribution {
    background-position: -50px -1400px;
    width: 24px;
    height: 14px;
  }
  .sprite.support {
    background-position: -50px -1500px;
    width: 22px;
    height: 22px;
  }
  .sprite.filter {
    background-position: -50px -1600px;
    width: 15px;
    height: 16px;
  }
  .sprite.card-menu {
    background-position: -50px -2000px;
    width: 4px;
    height: 16px;
  }
  .sprite.relationships {
    background-position: -50px -2097px;
    width: 26px;
    height: 19px;
  }
  .sprite.lifecycle {
    background-position: -50px -2200px;
    width: 20px;
    height: 20px;
  }
  .sprite.properties {
    background-position: -50px -2300px;
    width: 19px;
    height: 19px;
  }
  .sprite.e-sdc-small-icon-delete {
    background-position: -64px -2771px;
    width: 11px;
    height: 13px;
  }
  .sprite.magnification-glass {
    background-position: -49px -3138px;
    width: 12px;
    height: 12px;
  }
  .sprite.clear-text {
    background-position: -104px -4040px;
    width: 10px;
    height: 11px;
  }
  /*new tabs icons*/
  .sprite.info {
    background-position: -105px -3583px;
    width: 18px;
    height: 18px;
  }
  .sprite.information-artifacts {
    background-position: -105px -3632px;
    width: 20px;
    height: 21px;
  }
  .sprite.deployment-artifacts {
    background-position: -105px -3682px;
    width: 19px;
    height: 19px;
  }
  .sprite.properties {
    background-position: -105px -3733px;
    width: 18px;
    height: 18px;
  }
  .sprite.relations {
    background-position: -105px -3781px;
    width: 20px;
    height: 20px;
  }
  .sprite.inputs {
    background-position: -104px -3887px;
    width: 18px;
    height: 14px;
  }
  .sprite.api {
    background-position: -104px -3930px;
    width: 25px;
    height: 21px;
  }
  .sprite.NOT_CERTIFIED_CHECKOUT {
    background-position: -54px -2887px;
    width: 13px;
    height: 13px;
  }
  .sprite.CERTIFICATION_IN_PROGRESS {
    background-position: -54px -2934px;
    width: 13px;
    height: 16px;
  }
  .sprite.NOT_CERTIFIED_CHECKIN {
    background-position: -54px -2985px;
    width: 13px;
    height: 15px;
  }
  .sprite.CERTIFIED {
    background-position: -54px -3034px;
    width: 13px;
    height: 16px;
  }
  .sprite.READY_FOR_CERTIFICATION {
    background-position: -49px -3087px;
    width: 23px;
    height: 16px;
  }
  .message-DEBUG {
    background-position: -51px -3187px;
    width: 47px;
    height: 47px;
  }
  .message-INFO {
    background-position: -51px -3187px;
    width: 47px;
    height: 47px;
  }
  .message-WARNING {
    background-position: -51px -3187px;
    width: 47px;
    height: 47px;
  }
  .message-ERROR {
    background-position: -51px -3187px;
    width: 47px;
    height: 47px;
  }
  .e-sdc-small-icon-eye {
    background-position: -60px -2722px;
    width: 20px;
    height: 20px;
  }
  .e-sdc-small-icon-pencil {
    background-position: -51px -3339px;
    width: 12px;
    height: 12px;
  }
  .e-sdc-small-icon-pad {
    background-position: -157px -2772px;
    width: 15px;
    height: 12px;
  }
  .sprite.e-sdc-small-icon-trash {
    background-position: -48px -300px;
    width: 20px;
    height: 20px;
  }
  .sprite.e-sdc-small-check {
    background-position: -48px -399px;
    width: 20px;
    height: 20px;
  }
  .sprite.e-sdc-small-clone {
    background-position: -49px -501px;
    width: 20px;
    height: 20px;
  }
  .sprite.e-sdc-small-print-screen {
    background-position: -49px -351px;
    width: 19px;
    height: 20px;
  }
  .sprite.e-sdc-small-certification {
    background-position: -48px -602px;
    width: 20px;
    height: 20px;
  }
  .sprite.e-sdc-small-download {
    background-position: -51px -3390px;
    width: 12px;
    height: 11px;
  }
  .sprite.e-sdc-cloud {
    background-position: -51px -3278px;
    width: 24px;
    height: 23px;
  }
  .sprite.e-sdc-pencil {
    background-position: -53px -2404px;
    width: 16px;
    height: 16px;
  }
  .sprite.e-sdc-green-save {
    background-position: -157px -4089px;
    width: 12px;
    height: 12px;
  }
  /* canvas items non-certified indicator */
  .s-sdc-state-non-certified {
    background-position: -157px -3386px;
    width: 15px;
    height: 15px;
  }
  /* dashboard card main icons */
  .s-sdc-service {
    background-position: -60px -2654px;
    width: 14px;
    height: 17px;
  }
  .s-sdc-resource {
    background-position: -54px -2585px;
    width: 16px;
    height: 16px;
  }
  /* dashboard card statuses icons */
  .s-sdc-state.NOT_CERTIFIED_CHECKIN {
    background-position: -47px -2839px;
    width: 20px;
    height: 19px;
  }
  .s-sdc-state.NOT_CERTIFIED_CHECKIN.green {
    background-position: -70px -2839px;
  }
  .s-sdc-state.NOT_CERTIFIED_CHECKIN.red {
    background-position: -93px -2839px;
  }
  .s-sdc-state.NOT_CERTIFIED_CHECKOUT {
    background-position: -53px -2889px;
    width: 14px;
    height: 14px;
  }
  .s-sdc-state.NOT_CERTIFIED_CHECKOUT.green {
    background-position: -76px -2889px;
  }
  .s-sdc-state.NOT_CERTIFIED_CHECKOUT.red {
    background-position: -99px -2889px;
  }
  .s-sdc-state.CERTIFIED {
    background-position: -53px -3034px;
    width: 14px;
    height: 16px;
  }
  .s-sdc-state.CERTIFIED.green {
    background-position: -76px -3034px;
  }
  .s-sdc-state.CERTIFIED.red {
    background-position: -99px -3034px;
  }
  .s-sdc-state.READY_FOR_CERTIFICATION {
    background-position: -53px -2985px;
    width: 14px;
    height: 16px;
  }
  .s-sdc-state.READY_FOR_CERTIFICATION.green {
    background-position: -76px -2985px;
  }
  .s-sdc-state.READY_FOR_CERTIFICATION.red {
    background-position: -99px -2985px;
  }
  .s-sdc-state.CERTIFICATION_IN_PROGRESS {
    background-position: -53px -2934px;
    width: 14px;
    height: 16px;
  }
  .s-sdc-state.CERTIFICATION_IN_PROGRESS.green {
    background-position: -76px -2934px;
  }
  .s-sdc-state.CERTIFICATION_IN_PROGRESS.red {
    background-position: -99px -2934px;
  }
  .s-sdc-state.DISTRIBUTED {
    background-position: -43px -3087px;
    width: 24px;
    height: 14px;
  }
  .s-sdc-state.DISTRIBUTED.green {
    background-position: -76px -3087px;
  }
  .s-sdc-state.DISTRIBUTED.red {
    background-position: -113px -3087px;
  }
  .sprite.e-sdc-small-blue-down-arrow {
    background-position: -51px -3262px;
    width: 10px;
    height: 7px;
  }
  .sprite.e-sdc-small-blue-up-arrow {
    background-position: -111px -3262px;
    width: 10px;
    height: 7px;
  }
  .e-checkbox-unchecked {
    background-position: -51px -3490px;
    width: 12px;
    height: 11px;
  }
  .e-checkbox-checked {
    background-position: -103px -3490px;
    width: 12px;
    height: 11px;
  }
  .e-checkbox-unchecked-disabled {
    background-position: -265px -3490px;
    width: 12px;
    height: 11px;
  }
  /* viewer modal */
  .sprite.x-btn {
    background-position: -50px -3438px;
    width: 14px;
    height: 13px;
  }
  .sprite.x-btn:hover {
    background-position: -103px -3438px;
    width: 14px;
    height: 13px;
  }
  .sprite.x-btn-white {
    background-position: -157px -3437px;
    width: 14px;
    height: 13px;
  }
  .sprite.x-btn-white:hover {
    background-position: -211px -3438px;
    width: 14px;
    height: 13px;
  }
  .sprite.x-btn-black {
    background-position: -52px -4041px;
    width: 10px;
    height: 11px;
  }
  .sprite.x-btn-black:hover {
    background-position: -104px -4041px;
    width: 10px;
    height: 11px;
  }
  .sprite.small-x-btn-black {
    background-position: -157px -4044px;
    width: 8px;
    height: 8px;
  }
  .sprite.small-x-btn-black:hover {
    background-position: -211px -4044px;
    width: 8px;
    height: 8px;
  }
  /* input file upload icons */
  .sprite.upload-icon {
    background-position: -51px -3286px;
    width: 16px;
    height: 15px;
  }
  .sprite.upload-icon-hover {
    background-position: -104px -3286px;
  }
  .sprite.uploaded {
    background-position: -143px -3283px;
    width: 18px;
    height: 18px;
  }
  .sprite.change-file {
    background-position: -261px -3285px;
    width: 22px;
    height: 16px;
  }
  .sprite.change-file-hover {
    background-position: -211px -3285px;
  }
  .sprite.e-sdc-small-icon-upload {
    background-position: -104px -4188px;
    width: 12px;
    height: 13px;
  }
  /* error messages icons */
  .exclamation-mark-white-icon {
    background-position: -51px -3990px;
    width: 13px;
    height: 11px;
  }
  .exclamation-mark-red-icon {
    background-position: -212px -3990px;
    width: 13px;
    height: 11px;
  }
  .question-message-icon-gray {
    background-position: -104px -3987px;
    width: 14px;
    height: 14px;
  }
  .question-message-icon-white {
    background-position: -158px -3987px;
    width: 14px;
    height: 14px;
  }
  /* wizard icons */
  .sprite.table-arrow {
    background-position: -57px -4241px;
    width: 7px;
    height: 10px;
  }
  .sprite.table-arrow.opened {
    background-position: -54px -4295px;
    width: 10px;
    height: 6px;
  }
  .sprite-green-tick {
    background-position: -157px -3290px;
    width: 15px;
    height: 11px;
  }
  /* tags category relation icon*/
  .sprite.relation-icon {
    background-position: -100px -4351px;
    width: 24px;
    height: 24px;
  }
  .sprite.relation-icon-hover {
    background-position: -52px -4351px;
    width: 24px;
    height: 24px;
  }
  .sprite-new {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
  }
  .add-icon {
    background-position: -50px -77px;
    width: 23px;
    height: 23px;
  }
  .add-icon-hover {
    background-position: -150px -77px;
    width: 23px;
    height: 23px;
  }
  .import-icon {
    background-position: -100px -81px;
    width: 23px;
    height: 23px;
  }
  .add-icon-blue {
    background-position: -350px -125px;
    width: 18px;
    height: 18px;
  }
  .add-icon-blue-hover {
    background-position: -400px -125px;
    width: 18px;
    height: 18px;
  }
  .video-icon {
    background-position: -54px -113px;
    width: 33px;
    height: 26px;
  }
  .video-icon_1 {
    background-position: -104px -113px;
    width: 33px;
    height: 26px;
  }
  .video-icon_2 {
    background-position: -154px -113px;
    width: 33px;
    height: 26px;
  }
  .video-icon_disabled {
    background-position: -204px -113px;
    width: 33px;
    height: 26px;
  }
  .video-icon_focus {
    background-position: -250px -111px;
    width: 41px;
    height: 32px;
  }
  .vsp-list-icon {
    background-position: -54px -143px;
    width: 26px;
    height: 29px;
  }
  .vsp-list-icon-active {
    background-position: -104px -143px;
    width: 26px;
    height: 29px;
  }
  .vsp-list-icon:active:not(.disable) {
    background-position: -104px -143px;
    width: 26px;
    height: 29px;
  }
  .vsp-list-icon-hover {
    background-position: -154px -143px;
    width: 26px;
    height: 29px;
  }
  .vsp-list-icon:hover:not(.disable) {
    background-position: -154px -143px;
    width: 26px;
    height: 29px;
  }
  .vsp-list-icon.disable {
    background-position: -204px -143px;
    width: 26px;
    height: 29px;
  }
  .info-icon {
    background-position: -50px -179px;
    width: 14px;
    height: 14px;
  }
  .info-icon_1 {
    background-position: -100px -179px;
    width: 14px;
    height: 14px;
  }
  .plus-icon {
    background-position: -50px -231px;
    width: 12px;
    height: 12px;
  }
  .plus-icon-hover {
    background-position: -100px -231px;
    width: 12px;
    height: 12px;
  }
  .delete-icon {
    background-position: -675px -231px;
    width: 11px;
    height: 13px;
  }
  .delete-icon-hover {
    background-position: -702px -231px;
    width: 11px;
    height: 13px;
  }
  .arrow-up {
    background-position: -350px -236px;
    width: 12px;
    height: 7px;
  }
  .arrow-up-hover {
    background-position: -400px -236px;
    width: 12px;
    height: 7px;
  }
  .arrow-up-small {
    background-position: -250px -237px;
    width: 12px;
    height: 6px;
  }
  .arrow-up-small-hover {
    background-position: -300px -237px;
    width: 12px;
    height: 6px;
  }
  .sort-arrows {
    background-position: -450px -231px;
    width: 8px;
    height: 12px;
  }
  .sort-arrows-hover {
    background-position: -500px -231px;
    width: 8px;
    height: 12px;
  }
  .arrow-right {
    background-position: -550px -235px;
    width: 5px;
    height: 8px;
  }
  .arrow-right-hover {
    background-position: -600px -235px;
    width: 5px;
    height: 8px;
  }
  .menu-open-left {
    background-position: -350px -283px;
    width: 6px;
    height: 10px;
  }
  .menu-open-right {
    background-position: -400px -283px;
    width: 6px;
    height: 10px;
  }
  .private-status-icon {
    background-position: -50px -326px;
    width: 21px;
    height: 17px;
  }
  .in-design-status-icon {
    background-position: -307px -327px;
    width: 16px;
    height: 16px;
  }
  .checkout-editable-status-icon {
    background-position: -100px -326px;
    width: 24px;
    height: 17px;
  }
  .checkin-status-icon {
    background-position: -200px -326px;
    width: 24px;
    height: 17px;
  }
  .checkout-not-editable-status-icon {
    background-position: -150px -326px;
    width: 24px;
    height: 17px;
  }
  .x-btn {
    background-position: -50px -419px;
    width: 24px;
    height: 24px;
  }
  .x-btn:hover {
    background-position: -50px -447px;
    width: 24px;
    height: 24px;
  }
  .x-btn:active {
    background-position: -50px -479px;
    width: 24px;
    height: 24px;
  }
  .delete-btn {
    background-position: -140px -419px;
    width: 24px;
    height: 24px;
  }
  .delete-btn:hover:not(.disable) {
    background-position: -140px -447px;
    width: 24px;
    height: 24px;
  }
  .delete-btn:active:not(.disable) {
    background-position: -140px -479px;
    width: 24px;
    height: 24px;
  }
  .delete-btn.disable {
    background-position: -140px -539px;
    width: 24px;
    height: 24px;
  }
  .save-btn {
    background-position: -230px -419px;
    width: 24px;
    height: 24px;
  }
  .save-btn:hover:not(.disable) {
    background-position: -230px -447px;
    width: 24px;
    height: 24px;
  }
  .save-btn:active:not(.disable) {
    background-position: -230px -479px;
    width: 24px;
    height: 24px;
  }
  .save-btn.disable {
    background-position: -230px -539px;
    width: 24px;
    height: 24px;
  }
  .revert-btn {
    background-position: -200px -419px;
    width: 24px;
    height: 24px;
  }
  .revert-btn:hover:not(.disable) {
    background-position: -200px -447px;
    width: 24px;
    height: 24px;
  }
  .revert-btn:active:not(.disable) {
    background-position: -200px -479px;
    width: 24px;
    height: 24px;
  }
  .revert-btn.disable {
    background-position: -200px -539px;
    width: 24px;
    height: 24px;
  }
  .success-circle {
    background-position: -50px -703px;
    width: 20px;
    height: 20px;
  }
  .success-circle-small {
    background-position: -170px -706px;
    width: 12px;
    height: 12px;
  }
  .sdc-success {
    background-position: -101px -707px;
    width: 10px;
    height: 10px;
  }
  .sdc-error {
    background-position: -151px -707px;
    width: 10px;
    height: 10px;
  }
  .print-screen-btn {
    background-position: -259px -419px;
    width: 24px;
    height: 24px;
  }
  .print-screen-btn:hover:not(.disable) {
    background-position: -259px -447px;
    width: 24px;
    height: 24px;
  }
  .print-screen-btn:active:not(.disable) {
    background-position: -259px -479px;
    width: 24px;
    height: 24px;
  }
  .print-screen-btn.disable {
    background-position: -259px -539px;
    width: 24px;
    height: 24px;
  }
  .url-btn {
    background-position: -636px -424px;
    width: 19px;
    height: 19px;
  }
  .url-btn:hover {
    background-position: -636px -424px;
    width: 19px;
    height: 19px;
  }
  .url-btn:active {
    background-position: -636px -482px;
    width: 19px;
    height: 19px;
  }
  /*new tabs icons*/
  .sprite-new.info {
    background-position: -51px -631px;
    width: 18px;
    height: 18px;
  }
  .sprite-new.info:active {
    background-position: -51px -669px;
    width: 18px;
    height: 18px;
  }
  .active > .sprite-new.info {
    background-position: -51px -669px;
    width: 18px;
    height: 18px;
  }
  .sprite-new.structure {
    background-position: -101px -630px;
    width: 18px;
    height: 17px;
  }
  .sprite-new.structure:active {
    background-position: -101px -668px;
    width: 18px;
    height: 17px;
  }
  .active > .sprite-new.structure {
    background-position: -101px -668px;
    width: 18px;
    height: 17px;
  }
  .sprite-new.deployment-artifacts {
    background-position: -150px -629px;
    width: 17px;
    height: 19px;
  }
  .sprite-new.deployment-artifacts:active {
    background-position: -150px -667px;
    width: 17px;
    height: 19px;
  }
  .active > .deployment-artifacts {
    background-position: -150px -667px;
    width: 17px;
    height: 19px;
  }
  .sprite-new.inputs {
    background-position: -200px -634px;
    width: 20px;
    height: 12px;
  }
  .sprite-new.inputs:active {
    background-position: -200px -672px;
    width: 20px;
    height: 12px;
  }
  .active > .sprite-new.inputs {
    background-position: -200px -672px;
    width: 20px;
    height: 12px;
  }
  .sprite-new.information-artifacts {
    background-position: -250px -631px;
    width: 17px;
    height: 19px;
  }
  .sprite-new.information-artifacts:active {
    background-position: -250px -669px;
    width: 17px;
    height: 19px;
  }
  .active > .sprite-new.information-artifacts {
    background-position: -250px -669px;
    width: 17px;
    height: 19px;
  }
  .sprite-new.relations {
    background-position: -300px -632px;
    width: 20px;
    height: 20px;
  }
  .sprite-new.relations:active {
    background-position: -300px -632px;
    width: 20px;
    height: 20px;
  }
  .active > .sprite-new.relations {
    background-position: -300px -632px;
    width: 20px;
    height: 20px;
  }
  .sprite-new.api {
    background-position: -400px -631px;
    width: 23px;
    height: 19px;
  }
  .sprite-new.api:active {
    background-position: -400px -671px;
    width: 23px;
    height: 19px;
  }
  .active > .sprite-new.api {
    background-position: -400px -671px;
    width: 23px;
    height: 19px;
  }
  .sprite-new.properties {
    background-position: -350px -631px;
    width: 19px;
    height: 19px;
  }
  .sprite-new.properties:active {
    background-position: -350px -671px;
    width: 19px;
    height: 19px;
  }
  .active > .sprite-new.properties {
    background-position: -350px -671px;
    width: 19px;
    height: 19px;
  }
  .sprite-new.distribution-bth {
    background-position: -399px -716px;
    width: 55px;
    height: 21px;
  }
  .sprite-new.distribution-bth.disable {
    background-position: -464px -716px;
    width: 55px;
    height: 21px;
  }
  .Distributed {
    background-position: -547px -718px;
    width: 16px;
    height: 16px;
  }
  .Deployed {
    background-position: -573px -718px;
    width: 16px;
    height: 16px;
  }
  .error-icon {
    background-position: -51px -751px;
    width: 13px;
    height: 11px;
  }
  .asdc-warning {
    background-position: -100px -748px;
    width: 17px;
    height: 15px;
  }
  .link-btn {
    background-position: -636px -424px;
    width: 19px;
    height: 19px;
  }
  .link-btn:hover {
    background-position: -636px -453px;
    width: 19px;
    height: 19px;
  }
  .link-btn:active {
    background-position: -636px -482px;
    width: 19px;
    height: 19px;
  }
  .refresh-btn {
    background-position: -293px -419px;
    width: 24px;
    height: 24px;
  }
  .refresh-btn:hover:not(.disable) {
    background-position: -293px -447px;
    width: 24px;
    height: 24px;
  }
  .refresh-btn:active:not(.disable) {
    background-position: -293px -479px;
    width: 24px;
    height: 24px;
  }
  .refresh-btn.focus {
    background-position: -293px -508px;
    width: 24px;
    height: 24px;
  }
  .refresh-btn.disable {
    background-position: -293px -539px;
    width: 24px;
    height: 24px;
  }
  .download-btn {
    background-position: -530px -419px;
    width: 24px;
    height: 24px;
  }
  .download-btn:hover:not(.disable) {
    background-position: -530px -448px;
    width: 24px;
    height: 24px;
  }
  .download-btn:active:not(.disable) {
    background-position: -530px -479px;
    width: 24px;
    height: 24px;
  }
  .download-btn.focus {
    background-position: -530px -508px;
    width: 24px;
    height: 24px;
  }
  .download-btn.disable {
    background-position: -530px -539px;
    width: 24px;
    height: 24px;
  }
  .expand-collapse-plus-icon {
    background-position: -334px -888px;
    width: 14px;
    height: 14px;
  }
  .expand-collapse-plus-icon:hover {
    background-position: -422px -888px;
    width: 14px;
    height: 14px;
  }
  .expand-collapse-minus-icon {
    background-position: -378px -888px;
    width: 14px;
    height: 14px;
  }
  .expand-collapse-minus-icon:hover {
    background-position: -466px -888px;
    width: 14px;
    height: 14px;
  }
  .close-open-left-arrow {
    background-position: -507px -942px;
    width: 6px;
    height: 10px;
  }
  .close-open-right-arrow {
    background-position: -506px -922px;
    width: 6px;
    height: 10px;
  }
  .hierarchy {
    background-position: -560px -887px;
    width: 21px;
    height: 15px;
  }
  .hierarchy.hover {
    background-position: -500px -887px;
    width: 21px;
    height: 15px;
  }
  .hierarchy.disable {
    background-position: -531px -887px;
    width: 21px;
    height: 15px;
  }
  .hierarchy.selected {
    background-position: -500px -887px;
    width: 21px;
    height: 15px;
  }
  .refresh-small-btn {
    background-position: -598px -419px;
    width: 24px;
    height: 24px;
  }
  .refresh-small-btn:hover:not(.disable) {
    background-position: -598px -448px;
    width: 24px;
    height: 24px;
  }
  .refresh-small-btn:active:not(.disable) {
    background-position: -598px -479px;
    width: 24px;
    height: 24px;
  }
  .refresh-small-btn.focus {
    background-position: -598px -508px;
    width: 24px;
    height: 24px;
  }
  .refresh-small-btn.disable {
    background-position: -598px -539px;
    width: 24px;
    height: 24px;
  }
  .download-file-btn {
    background-position: -673px -419px;
    width: 24px;
    height: 24px;
  }
  .download-file-btn:hover:not(.disable) {
    background-position: -673px -448px;
    width: 24px;
    height: 24px;
  }
  .download-file-btn:active:not(.disable) {
    background-position: -673px -479px;
    width: 24px;
    height: 24px;
  }
  .download-file-btn.focus {
    background-position: -673px -508px;
    width: 24px;
    height: 24px;
  }
  .download-file-btn.disable {
    background-position: -673px -539px;
    width: 24px;
    height: 24px;
  }
  .refresh-file-btn {
    background-position: -707px -419px;
    width: 24px;
    height: 24px;
  }
  .refresh-file-btn:hover:not(.disable) {
    background-position: -707px -448px;
    width: 24px;
    height: 24px;
  }
  .refresh-file-btn:active:not(.disable) {
    background-position: -707px -479px;
    width: 24px;
    height: 24px;
  }
  .refresh-file-btn.focus {
    background-position: -707px -508px;
    width: 24px;
    height: 24px;
  }
  .refresh-file-btn.disable {
    background-position: -707px -539px;
    width: 24px;
    height: 24px;
  }
  .import-file-btn {
    background-position: -745px -419px;
    width: 24px;
    height: 24px;
  }
  .import-file-btn:hover:not(.disable) {
    background-position: -745px -448px;
    width: 24px;
    height: 24px;
  }
  .import-file-btn:active:not(.disable) {
    background-position: -745px -479px;
    width: 24px;
    height: 24px;
  }
  .import-file-btn.focus {
    background-position: -745px -508px;
    width: 24px;
    height: 24px;
  }
  .import-file-btn.disable {
    background-position: -745px -539px;
    width: 24px;
    height: 24px;
  }
  .left-arrow {
    background-position: -590px -876px;
    width: 26px;
    height: 26px;
  }
  .left-arrow:hover {
    background-position: -662px -876px;
    width: 26px;
    height: 26px;
  }
  .right-arrow {
    background-position: -626px -876px;
    width: 26px;
    height: 26px;
  }
  .right-arrow:hover {
    background-position: -698px -876px;
    width: 26px;
    height: 26px;
  }
  .search-white-icon {
    background-position: -434px -128px;
    width: 14px;
    height: 14px;
  }
  .blue-right-arrow-circle {
    background-position: -650px -619px;
    width: 29px;
    height: 29px;
  }
  .blue-right-arrow-circle:hover {
    background-position: -689px -619px;
    width: 29px;
    height: 29px;
  }
  .small-x-button {
    background-position: -190px -282px;
    width: 11px;
    height: 11px;
  }
  .small-x-button:hover {
    background-position: -210px -283px;
    width: 11px;
    height: 11px;
  }
  .close-info-tooltip-button {
    background-position: -190px -282px;
    width: 11px;
    height: 11px;
  }
  .close-info-tooltip-button:hover {
    background-position: -230px -283px;
    width: 11px;
    height: 11px;
  }
  .expand-all {
    background-position: -500px -420px;
    width: 20px;
    height: 22px;
  }
  .expand-all:hover {
    background-position: -500px -449px;
    width: 20px;
    height: 22px;
  }
  .collapse-all {
    background-position: -465px -420px;
    width: 20px;
    height: 22px;
  }
  .collapse-all:hover {
    background-position: -465px -449px;
    width: 20px;
    height: 22px;
  }
  .delete-param:hover {
    background-position: -702px -231px;
    width: 12px;
    height: 13px;
  }
  .delete-param {
    background-position: -675px -231px;
    width: 12px;
    height: 13px;
  }
  .revert-param:hover {
    background-position: -700px -48px;
    width: 12px;
    height: 11px;
  }
  .revert-param {
    background-position: -676px -48px;
    width: 12px;
    height: 11px;
  }
  .show-desc:hover {
    background-position: -635px -75px;
    width: 13px;
    height: 14px;
  }
  .show-desc {
    background-position: -599px -75px;
    width: 13px;
    height: 14px;
  }
  .expand-list {
    background-position: -812px -66px;
    width: 21px;
    height: 21px;
  }
  .expand-list:hover {
    background-position: -812px -96px;
    width: 21px;
    height: 21px;
  }
  .expand-list.open {
    background-position: -853px -66px;
    width: 21px;
    height: 21px;
  }
  .expand-list.open:hover {
    background-position: -853px -96px;
    width: 21px;
    height: 21px;
  }
  .search-icon:hover,
  .search-icon.selected {
    background-position: -894px -101px;
    width: 14px;
    height: 14px;
  }
  .search-icon {
    background-position: -894px -71px;
    width: 14px;
    height: 14px;
  }
  .asc {
    background-position: -924px -71px;
    width: 8px;
    height: 12px;
  }
  .desc {
    background-position: -924px -101px;
    width: 8px;
    height: 12px;
  }
  .delete-item-icon {
    background-position: -140px -1119px;
    width: 11px;
    height: 15px;
  }
  .delete-item-icon:hover {
    background-position: -167px -1119px;
    width: 11px;
    height: 15px;
  }
  .filter-icon {
    background-position: -48px -1040px;
    width: 19px;
    height: 20px;
  }
  .filter-icon:hover {
    background-position: -99px -1040px;
    width: 19px;
    height: 20px;
  }
  .filled-checkbox-icon {
    background-position: -100px -1079px;
    width: 14px;
    height: 14px;
  }
  .round-checked-icon {
    background-position: -50px -1157px;
    width: 16px;
    height: 18px;
  }
  .round-checked-icon.disabled {
    background-position: -100px -1157px;
    width: 16px;
    height: 18px;
  }
  .round-expand-icon {
    background-position: -50px -1188px;
    width: 15px;
    height: 15px;
  }
  .round-expand-icon:hover {
    background-position: -100px -1188px;
    width: 15px;
    height: 15px;
  }
  .round-expand-icon.open {
    background-position: -50px -1216px;
    width: 15px;
    height: 15px;
  }
  .round-expand-icon.open:hover {
    background-position: -100px -1216px;
    width: 15px;
    height: 15px;
  }
  /*
  .sprite-new.expand-asset-icon {  background-position: -740px -590px;  width: 40px;  height: 40px; }
  .sprite-new.view-info-icon {  background-position: -739px -621px;  width: 40px;  height: 40px; }
  .sprite-new.cp-icon {  background-position: -741px -652px;  width: 40px;  height: 40px; }
  .sprite-new.vl-icon {  background-position: -740px -682px;  width: 40px;  height:40px; }
  .sprite-new.trash-icon {  background-position: -740px -712px;  width: 40px;  height: 40px; }

  .sprite-new.expand-asset-icon:hover {  background-position: -780px -590px;  }
  .sprite-new.view-info-icon:hover {  background-position: -779px -621px;  }
  .sprite-new.cp-icon:hover {  background-position: -781px -652px; }
  .sprite-new.vl-icon:hover {  background-position: -780px -682px; }
  .sprite-new.trash-icon:hover {  background-position: -780px -712px; }

  .sprite-new.expand-asset-icon:active, .sprite-new.expand-asset-icon.disabled-icon {  background-position: -820px -590px;}
  .sprite-new.view-info-icon:active, .sprite-new.view-info-icon.disabled-icon {  background-position: -819px -621px;  }
  .sprite-new.cp-icon:active, .sprite-new.cp-icon.disabled-icon {  background-position: -821px -652px;  }
  .sprite-new.vl-icon:active, .sprite-new.vl-icon.disabled-icon {  background-position: -820px -682px; }
  .sprite-new.trash-icon:active, .sprite-new.trash-icon.disabled-icon {  background-position: -820px -712px; }
  */
  .sprite-product-icons {
    background-image: url(/sdc1/scripts/images/sprite-product-icons.b8058459efff5dc1dca7.png);
    display: inline-block;
  }
  .sprite-product-icons.disable {
    opacity: 0.5;
  }
  .sprite-product-icons.setting {
    background-position: -291px -102px;
    width: 61px;
    height: 67px;
  }
  .sprite-product-icons.setting.small {
    background-position: -217px -142px;
    width: 29px;
    height: 28px;
  }
  .sprite-product-icons.setting.medium {
    background-position: -148px -130px;
    width: 41px;
    height: 40px;
  }
  .sprite-product-icons.setting.large {
    background-position: -77px -110px;
    width: 60px;
    height: 60px;
  }
  .sprite-product-icons.cloud {
    background-position: -290px -215px;
    width: 64px;
    height: 43px;
  }
  .sprite-product-icons.cloud.small {
    background-position: -217px -232px;
    width: 29px;
    height: 28px;
  }
  .sprite-product-icons.cloud.medium {
    background-position: -148px -220px;
    width: 41px;
    height: 40px;
  }
  .sprite-product-icons.cloud.large {
    background-position: -77px -200px;
    width: 60px;
    height: 60px;
  }
  .sprite-product-icons.security {
    background-position: -289px -293px;
    width: 50px;
    height: 57px;
  }
  .sprite-product-icons.security.small {
    background-position: -217px -321px;
    width: 29px;
    height: 28px;
  }
  .sprite-product-icons.security.medium {
    background-position: -148px -310px;
    width: 41px;
    height: 40px;
  }
  .sprite-product-icons.security.large {
    background-position: -77px -290px;
    width: 60px;
    height: 60px;
  }
  .sprite-product-icons.network {
    background-position: -290px -383px;
    width: 56px;
    height: 57px;
  }
  .sprite-product-icons.network.small {
    background-position: -217px -411px;
    width: 29px;
    height: 29px;
  }
  .sprite-product-icons.network.medium {
    background-position: -148px -399px;
    width: 41px;
    height: 41px;
  }
  .sprite-product-icons.network.large {
    background-position: -77px -380px;
    width: 60px;
    height: 60px;
  }
  .sprite-product-icons.orphan {
    background-position: -290px -478px;
    width: 52px;
    height: 52px;
  }
  .sprite-product-icons.orphan.small {
    background-position: -217px -500px;
    width: 29px;
    height: 29px;
  }
  .sprite-product-icons.orphan.medium {
    background-position: -148px -488px;
    width: 41px;
    height: 41px;
  }
  .sprite-product-icons.orphan.large {
    background-position: -77px -470px;
    width: 60px;
    height: 60px;
  }
  .sprite-product-icons.defaulticon {
    background-position: -290px -478px;
    width: 52px;
    height: 52px;
  }
  .sprite-product-icons.defaulticon.small {
    background-position: -217px -500px;
    width: 29px;
    height: 29px;
  }
  .sprite-product-icons.defaulticon.medium {
    background-position: -148px -488px;
    width: 41px;
    height: 41px;
  }
  .sprite-product-icons.defaulticon.large {
    background-position: -77px -470px;
    width: 60px;
    height: 60px;
  }
  .sprite-product-icons.vfw {
    background-position: -289px -548px;
    width: 73px;
    height: 73px;
  }
  .sprite-product-icons.vfw.small {
    background-position: -217px -591px;
    width: 29px;
    height: 29px;
  }
  .sprite-product-icons.vfw.medium {
    background-position: -148px -580px;
    width: 41px;
    height: 41px;
  }
  .sprite-product-icons.vfw.large {
    background-position: -77px -560px;
    width: 60px;
    height: 61px;
  }
  .sprite-product-icons.wanx {
    background-position: -290px -664px;
    width: 59px;
    height: 47px;
  }
  .sprite-product-icons.wanx.small {
    background-position: -217px -681px;
    width: 30px;
    height: 30px;
  }
  .sprite-product-icons.wanx.medium {
    background-position: -148px -670px;
    width: 41px;
    height: 41px;
  }
  .sprite-product-icons.wanx.large {
    background-position: -77px -651px;
    width: 60px;
    height: 60px;
  }
  .sprite-product-icons.vrouter {
    background-position: -289px -758px;
    width: 69px;
    height: 43px;
  }
  .sprite-product-icons.vrouter.small {
    background-position: -217px -772px;
    width: 29px;
    height: 29px;
  }
  .sprite-product-icons.vrouter.medium {
    background-position: -148px -760px;
    width: 41px;
    height: 41px;
  }
  .sprite-product-icons.vrouter.large {
    background-position: -77px -741px;
    width: 60px;
    height: 60px;
  }
  .sprite-product-icons.ucpe {
    background-position: -289px -832px;
    width: 59px;
    height: 60px;
  }
  .sprite-product-icons.ucpe.small {
    background-position: -217px -862px;
    width: 28px;
    height: 29px;
  }
  .sprite-product-icons.ucpe.medium {
    background-position: -148px -849px;
    width: 41px;
    height: 41px;
  }
  .sprite-product-icons.ucpe.large {
    background-position: -77px -831px;
    width: 60px;
    height: 61px;
  }
  .sprite-product-icons.mobility {
    background-position: -288px -919px;
    width: 64px;
    height: 62px;
  }
  .sprite-product-icons.mobility.small {
    background-position: -216px -952px;
    width: 29px;
    height: 29px;
  }
  .sprite-product-icons.mobility.medium {
    background-position: -147px -940px;
    width: 41px;
    height: 41px;
  }
  .sprite-product-icons.mobility.large {
    background-position: -76px -921px;
    width: 60px;
    height: 60px;
  }
  .sprite-product-icons.wanx_customer_managed {
    background-position: -290px -1024px;
    width: 58px;
    height: 62px;
  }
  .sprite-product-icons.wanx.small_customer_managed {
    background-position: -217px -1041px;
    width: 30px;
    height: 38px;
  }
  .sprite-product-icons.wanx.medium_customer_managed {
    background-position: -148px -1030px;
    width: 42px;
    height: 47px;
  }
  .sprite-product-icons.wanx.large_customer_managed {
    background-position: -77px -1011px;
    width: 61px;
    height: 66px;
  }
  .sprite-product-icons.wanx_attr_managed {
    background-position: -290px -1114px;
    width: 59px;
    height: 62px;
  }
  .sprite-product-icons.wanx.small_att_managed {
    background-position: -218px -1131px;
    width: 31px;
    height: 36px;
  }
  .sprite-product-icons.wanx.medium_att_managed {
    background-position: -149px -1120px;
    width: 42px;
    height: 47px;
  }
  .sprite-product-icons.wanx.large_att_managed {
    background-position: -77px -1101px;
    width: 60px;
    height: 67px;
  }
  .sprite-resource-icons {
    background-image: url(/sdc1/scripts/images/sprite-resource-icons.96bcf003ae43a918aab0.png);
    display: inline-block;
  }
  .sprite-resource-icons.disable {
    opacity: 0.5;
  }
  .sprite-resource-icons.borderElement {
    background-position: -282px -41px;
    width: 66px;
    height: 58px;
  }
  .sprite-resource-icons.borderElement.small {
    background-position: -210px -71px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.borderElement.medium {
    background-position: -140px -59px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.borderElement.large {
    background-position: -70px -39px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.router {
    background-position: -282px -109px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.router.small {
    background-position: -210px -141px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.router.medium {
    background-position: -140px -129px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.router.large {
    background-position: -70px -109px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.database {
    background-position: -282px -180px;
    width: 63px;
    height: 56px;
  }
  .sprite-resource-icons.database.small {
    background-position: -210px -211px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.database.medium {
    background-position: -140px -199px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.database.large {
    background-position: -70px -179px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.network {
    background-position: -282px -252px;
    width: 57px;
    height: 57px;
  }
  .sprite-resource-icons.network.small {
    background-position: -210px -281px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.network.medium {
    background-position: -140px -269px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.network.large {
    background-position: -70px -249px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.applicationServer {
    background-position: -282px -327px;
    width: 37px;
    height: 51px;
  }
  .sprite-resource-icons.applicationServer.small {
    background-position: -210px -351px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.applicationServer.medium {
    background-position: -140px -339px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.applicationServer.large {
    background-position: -70px -319px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.server {
    background-position: -282px -398px;
    width: 31px;
    height: 51px;
  }
  .sprite-resource-icons.server.small {
    background-position: -210px -421px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.server.medium {
    background-position: -140px -409px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.server.large {
    background-position: -70px -389px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.port {
    background-position: -281px -484px;
    width: 41px;
    height: 35px;
  }
  .sprite-resource-icons.port.small {
    background-position: -210px -491px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.port.medium {
    background-position: -140px -479px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.port.large {
    background-position: -70px -459px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.loadBalancer {
    background-position: -282px -539px;
    width: 45px;
    height: 49px;
  }
  .sprite-resource-icons.loadBalancer.small {
    background-position: -210px -561px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.loadBalancer.medium {
    background-position: -140px -549px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.loadBalancer.large {
    background-position: -70px -529px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.objectStorage {
    background-position: -282px -611px;
    width: 50px;
    height: 47px;
  }
  .sprite-resource-icons.objectStorage.small {
    background-position: -210px -631px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.objectStorage.medium {
    background-position: -140px -619px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.objectStorage.large {
    background-position: -70px -599px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.compute {
    background-position: -282px -683px;
    width: 45px;
    height: 45px;
  }
  .sprite-resource-icons.compute.small {
    background-position: -210px -701px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.compute.medium {
    background-position: -141px -688px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.compute.large {
    background-position: -70px -669px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.gateway {
    background-position: -282px -758px;
    width: 45px;
    height: 41px;
  }
  .sprite-resource-icons.gateway.small {
    background-position: -210px -772px;
    width: 28px;
    height: 27px;
  }
  .sprite-resource-icons.gateway.medium {
    background-position: -140px -759px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.gateway.large {
    background-position: -70px -739px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.connector {
    background-position: -282px -830px;
    width: 44px;
    height: 38px;
  }
  .sprite-resource-icons.connector.small {
    background-position: -210px -842px;
    width: 28px;
    height: 27px;
  }
  .sprite-resource-icons.connector.medium {
    background-position: -140px -829px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.connector.large {
    background-position: -70px -809px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.brocade {
    background-position: -282px -922px;
    width: 91px;
    height: 16px;
  }
  .sprite-resource-icons.brocade.small {
    background-position: -210px -911px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.brocade.medium {
    background-position: -140px -899px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.brocade.large {
    background-position: -70px -879px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.cisco {
    background-position: -282px -975px;
    width: 63px;
    height: 33px;
  }
  .sprite-resource-icons.cisco.small {
    background-position: -210px -981px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.cisco.medium {
    background-position: -140px -969px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.cisco.large {
    background-position: -70px -949px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.ericsson {
    background-position: -282px -1059px;
    width: 101px;
    height: 20px;
  }
  .sprite-resource-icons.ericsson.small {
    background-position: -210px -1051px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.ericsson.medium {
    background-position: -140px -1039px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.ericsson.large {
    background-position: -70px -1019px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.tropo {
    background-position: -282px -1109px;
    width: 48px;
    height: 39px;
  }
  .sprite-resource-icons.tropo.small {
    background-position: -210px -1121px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.tropo.medium {
    background-position: -140px -1109px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.tropo.large {
    background-position: -70px -1089px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.mySql {
    background-position: -282px -1172px;
    width: 89px;
    height: 46px;
  }
  .sprite-resource-icons.mySql.small {
    background-position: -210px -1191px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.mySql.medium {
    background-position: -140px -1179px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.mySql.large {
    background-position: -70px -1159px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.oracle {
    background-position: -282px -1277px;
    width: 97px;
    height: 11px;
  }
  .sprite-resource-icons.oracle.small {
    background-position: -210px -1261px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.oracle.medium {
    background-position: -140px -1249px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.oracle.large {
    background-position: -70px -1229px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.defaulticon {
    background-position: -282px -2069px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.defaulticon.small {
    background-position: -210px -2101px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.defaulticon.medium {
    background-position: -141px -2089px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.defaulticon.large {
    background-position: -70px -2069px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.fortinet {
    background-position: -282px -1419px;
    width: 94px;
    height: 10px;
  }
  .sprite-resource-icons.fortinet.small {
    background-position: -210px -1401px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.fortinet.medium {
    background-position: -140px -1389px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.fortinet.large {
    background-position: -70px -1369px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.nokia_siemens {
    background-position: -281px -1474px;
    width: 89px;
    height: 25px;
  }
  .sprite-resource-icons.nokia_siemens.small {
    background-position: -210px -1471px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.nokia_siemens.medium {
    background-position: -140px -1459px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.nokia_siemens.large {
    background-position: -70px -1439px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.att {
    background-position: -281px -1538px;
    width: 77px;
    height: 31px;
  }
  .sprite-resource-icons.att.small {
    background-position: -210px -1541px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.att.medium {
    background-position: -140px -1529px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.att.large {
    background-position: -70px -1509px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.juniper {
    background-position: -281px -1609px;
    width: 93px;
    height: 31px;
  }
  .sprite-resource-icons.juniper.small {
    background-position: -210px -1611px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.juniper.medium {
    background-position: -140px -1599px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.juniper.large {
    background-position: -70px -1579px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.cloud {
    background-position: -281px -1664px;
    width: 44px;
    height: 45px;
  }
  .sprite-resource-icons.cloud.small {
    background-position: -210px -1681px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.cloud.medium {
    background-position: -140px -1669px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.cloud.large {
    background-position: -70px -1649px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.call_controll {
    background-position: -278px -1739px;
    width: 35px;
    height: 40px;
  }
  .sprite-resource-icons.call_controll.small {
    background-position: -210px -1751px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.call_controll.medium {
    background-position: -140px -1739px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.call_controll.large {
    background-position: -70px -1719px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.broadsoft {
    background-position: -282px -1824px;
    width: 108px;
    height: 22px;
  }
  .sprite-resource-icons.broadsoft.small {
    background-position: -210px -1821px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.broadsoft.medium {
    background-position: -140px -1809px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.broadsoft.large {
    background-position: -70px -1789px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.alcatelLucent {
    background-position: -281px -1901px;
    width: 118px;
    height: 25px;
  }
  .sprite-resource-icons.alcatelLucent.small {
    background-position: -210px -1891px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.alcatelLucent.medium {
    background-position: -140px -1879px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.alcatelLucent.large {
    background-position: -70px -1859px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.metaswitch {
    background-position: -282px -1961px;
    width: 115px;
    height: 27px;
  }
  .sprite-resource-icons.metaswitch.small {
    background-position: -210px -1961px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.metaswitch.medium {
    background-position: -140px -1949px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.metaswitch.large {
    background-position: -70px -1929px;
    width: 61px;
    height: 60px;
  }
  .sprite-resource-icons.aricent {
    background-position: -282px -2046px;
    width: 93px;
    height: 13px;
  }
  .sprite-resource-icons.aricent.small {
    background-position: -210px -2031px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.aricent.medium {
    background-position: -140px -2019px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.aricent.large {
    background-position: -70px -1999px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.cp {
    background-position: -90px -4038px;
    width: 21px;
    height: 21px;
  }
  .sprite-resource-icons.cp.small {
    background-position: -90px -4038px;
    width: 21px;
    height: 21px;
  }
  .sprite-resource-icons.cp.medium {
    background-position: -151px -4048px;
    width: 21px;
    height: 21px;
  }
  .sprite-resource-icons.cp.large {
    background-position: -194px -4034px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.vl {
    background-position: -210px -2591px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.vl.small {
    background-position: -210px -2591px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.vl.medium {
    background-position: -141px -2579px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.vl.large {
    background-position: -70px -2560px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.cloudep {
    background-position: -282px -2225px;
    width: 63px;
    height: 43px;
  }
  .sprite-resource-icons.cloudep.small {
    background-position: -209px -2241px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.cloudep.medium {
    background-position: -141px -2229px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.cloudep.large {
    background-position: -70px -2209px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.personep {
    background-position: -282px -2292px;
    width: 47px;
    height: 47px;
  }
  .sprite-resource-icons.personep.small {
    background-position: -210px -2311px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.personep.medium {
    background-position: -141px -2299px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.personep.large {
    background-position: -70px -2279px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.premisesep {
    background-position: -281px -2360px;
    width: 41px;
    height: 50px;
  }
  .sprite-resource-icons.premisesep.small {
    background-position: -210px -2380px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.premisesep.medium {
    background-position: -141px -2368px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.premisesep.large {
    background-position: -70px -2349px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.ossep {
    background-position: -281px -2420px;
    width: 67px;
    height: 59px;
  }
  .sprite-resource-icons.ossep.small {
    background-position: -210px -2451px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.ossep.medium {
    background-position: -141px -2439px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.ossep.large {
    background-position: -70px -2419px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.firewall {
    background-position: -282px -3257px;
    width: 73px;
    height: 74px;
  }
  .sprite-resource-icons.firewall.small {
    background-position: -210px -3301px;
    width: 29px;
    height: 29px;
  }
  .sprite-resource-icons.firewall.medium {
    background-position: -141px -3289px;
    width: 41px;
    height: 41px;
  }
  .sprite-resource-icons.firewall.large {
    background-position: -70px -3270px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.vfw {
    background-position: -282px -3257px;
    width: 73px;
    height: 74px;
  }
  .sprite-resource-icons.vfw.small {
    background-position: -210px -3301px;
    width: 29px;
    height: 29px;
  }
  .sprite-resource-icons.vfw.medium {
    background-position: -141px -3289px;
    width: 41px;
    height: 41px;
  }
  .sprite-resource-icons.vfw.large {
    background-position: -70px -3270px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.ucpe {
    background-position: -282px -3120px;
    width: 59px;
    height: 60px;
  }
  .sprite-resource-icons.ucpe.small {
    background-position: -210px -3150px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.ucpe.medium {
    background-position: -141px -3137px;
    width: 41px;
    height: 41px;
  }
  .sprite-resource-icons.ucpe.large {
    background-position: -70px -3119px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.vrouter {
    background-position: -282px -3066px;
    width: 69px;
    height: 43px;
  }
  .sprite-resource-icons.vrouter.small {
    background-position: -210px -3080px;
    width: 29px;
    height: 29px;
  }
  .sprite-resource-icons.vrouter.medium {
    background-position: -141px -3068px;
    width: 41px;
    height: 41px;
  }
  .sprite-resource-icons.vrouter.large {
    background-position: -70px -3049px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.wanx {
    background-position: -283px -2992px;
    width: 58px;
    height: 47px;
  }
  .sprite-resource-icons.wanx.small {
    background-position: -210px -3009px;
    width: 30px;
    height: 30px;
  }
  .sprite-resource-icons.wanx.medium {
    background-position: -141px -2998px;
    width: 41px;
    height: 41px;
  }
  .sprite-resource-icons.wanx.large {
    background-position: -70px -2979px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.networkrules {
    background-position: -282px -4731px;
    width: 49px;
    height: 58px;
  }
  .sprite-resource-icons.networkrules.small {
    background-position: -210px -4749px;
    width: 31px;
    height: 36px;
  }
  .sprite-resource-icons.networkrules.medium {
    background-position: -141px -4737px;
    width: 42px;
    height: 47px;
  }
  .sprite-resource-icons.networkrules.large {
    background-position: -70px -4718px;
    width: 60px;
    height: 67px;
  }
  .sprite-resource-icons.securityrules {
    background-position: -282px -4651px;
    width: 49px;
    height: 58px;
  }
  .sprite-resource-icons.securityrules.small {
    background-position: -210px -4669px;
    width: 31px;
    height: 36px;
  }
  .sprite-resource-icons.securityrules.medium {
    background-position: -141px -4657px;
    width: 42px;
    height: 47px;
  }
  .sprite-resource-icons.securityrules.large {
    background-position: -70px -4638px;
    width: 60px;
    height: 67px;
  }
  .sprite-resource-icons.dcae_source {
    background-position: -282px -4563px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.dcae_source.small {
    background-position: -210px -4588px;
    width: 29px;
    height: 29px;
  }
  .sprite-resource-icons.dcae_source.medium {
    background-position: -141px -4576px;
    width: 41px;
    height: 41px;
  }
  .sprite-resource-icons.dcae_source.large {
    background-position: -70px -4558px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.dcae_collector {
    background-position: -280px -4500px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.dcae_collector.small {
    background-position: -210px -4508px;
    width: 29px;
    height: 29px;
  }
  .sprite-resource-icons.dcae_collector.medium {
    background-position: -141px -4496px;
    width: 41px;
    height: 41px;
  }
  .sprite-resource-icons.dcae_collector.large {
    background-position: -69px -4477px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.dcae_utilty {
    background-position: -283px -4246px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.dcae_utilty.small {
    background-position: -210px -4268px;
    width: 29px;
    height: 29px;
  }
  .sprite-resource-icons.dcae_utilty.medium {
    background-position: -141px -4256px;
    width: 41px;
    height: 41px;
  }
  .sprite-resource-icons.dcae_utilty.large {
    background-position: -70px -4238px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.dcae_microservice {
    background-position: -281px -4167px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.dcae_microservice.small {
    background-position: -210px -4188px;
    width: 28px;
    height: 28px;
  }
  .sprite-resource-icons.dcae_microservice.medium {
    background-position: -140px -4176px;
    width: 41px;
    height: 41px;
  }
  .sprite-resource-icons.dcae_microservice.large {
    background-position: -71px -4157px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.dcae_analytics {
    background-position: -282px -4409px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.dcae_analytics.small {
    background-position: -210px -4424px;
    width: 29px;
    height: 29px;
  }
  .sprite-resource-icons.dcae_analytics.medium {
    background-position: -141px -4413px;
    width: 41px;
    height: 41px;
  }
  .sprite-resource-icons.dcae_analytics.large {
    background-position: -70px -4394px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.dcae_database {
    background-position: -282px -180px;
    width: 63px;
    height: 56px;
  }
  .sprite-resource-icons.dcae_database.small {
    background-position: -210px -211px;
    width: 29px;
    height: 29px;
  }
  .sprite-resource-icons.dcae_database.medium {
    background-position: -140px -199px;
    width: 40px;
    height: 40px;
  }
  .sprite-resource-icons.dcae_database.large {
    background-position: -70px -179px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.dcae_policy {
    background-position: -282px -4332px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.dcae_policy.small {
    background-position: -210px -4348px;
    width: 29px;
    height: 29px;
  }
  .sprite-resource-icons.dcae_policy.medium {
    background-position: -141px -4336px;
    width: 41px;
    height: 41px;
  }
  .sprite-resource-icons.dcae_policy.large {
    background-position: -70px -4317px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.monitoring_template {
    background-position: -283px -4824px;
    width: 54px;
    height: 36px;
  }
  .sprite-resource-icons.monitoring_template.small {
    background-position: -211px -4831px;
    width: 29px;
    height: 29px;
  }
  .sprite-resource-icons.monitoring_template.medium {
    background-position: -142px -4819px;
    width: 41px;
    height: 41px;
  }
  .sprite-resource-icons.monitoring_template.large {
    background-position: -71px -4800px;
    width: 60px;
    height: 60px;
  }
  .sprite-resource-icons.allotted_resource {
    background-position: -283px -4896px;
    width: 44px;
    height: 44px;
  }
  .sprite-resource-icons.allotted_resource.small {
    background-position: -210px -4910px;
    width: 29px;
    height: 29px;
  }
  .sprite-resource-icons.allotted_resource.medium {
    background-position: -141px -4898px;
    width: 41px;
    height: 41px;
  }
  .sprite-resource-icons.allotted_resource.large {
    background-position: -70px -4879px;
    width: 60px;
    height: 60px;
  }
  .sprite-services-icons {
    background-image: url(/sdc1/scripts/images/sprite-services-icons.638019588f5319701849.png);
    display: inline-block;
  }
  .sprite-services-icons.disable {
    opacity: 0.5;
  }
  .sprite-services-icons.compute {
    background-position: -282px -46px;
    width: 55px;
    height: 53px;
  }
  .sprite-services-icons.compute.small {
    background-position: -210px -71px;
    width: 29px;
    height: 28px;
  }
  .sprite-services-icons.compute.medium {
    background-position: -140px -59px;
    width: 41px;
    height: 40px;
  }
  .sprite-services-icons.compute.large {
    background-position: -70px -41px;
    width: 61px;
    height: 60px;
  }
  .sprite-services-icons.platform {
    background-position: -282px -122px;
    width: 55px;
    height: 45px;
  }
  .sprite-services-icons.platform.small {
    background-position: -210px -140px;
    width: 29px;
    height: 29px;
  }
  .sprite-services-icons.platform.medium {
    background-position: -140px -128px;
    width: 41px;
    height: 41px;
  }
  .sprite-services-icons.platform.large {
    background-position: -70px -109px;
    width: 61px;
    height: 60px;
  }
  .sprite-services-icons.storage {
    background-position: -282px -194px;
    width: 55px;
    height: 44px;
  }
  .sprite-services-icons.storage.small {
    background-position: -210px -210px;
    width: 29px;
    height: 29px;
  }
  .sprite-services-icons.storage.medium {
    background-position: -140px -198px;
    width: 41px;
    height: 41px;
  }
  .sprite-services-icons.storage.large {
    background-position: -70px -178px;
    width: 61px;
    height: 61px;
  }
  .sprite-services-icons.call_controll {
    background-position: -282px -268px;
    width: 36px;
    height: 41px;
  }
  .sprite-services-icons.call_controll.small {
    background-position: -210px -280px;
    width: 29px;
    height: 29px;
  }
  .sprite-services-icons.call_controll.medium {
    background-position: -140px -268px;
    width: 41px;
    height: 41px;
  }
  .sprite-services-icons.call_controll.large {
    background-position: -70px -248px;
    width: 61px;
    height: 61px;
  }
  .sprite-services-icons.collaboration {
    background-position: -282px -335px;
    width: 43px;
    height: 44px;
  }
  .sprite-services-icons.collaboration.small {
    background-position: -210px -350px;
    width: 29px;
    height: 29px;
  }
  .sprite-services-icons.collaboration.medium {
    background-position: -140px -338px;
    width: 41px;
    height: 41px;
  }
  .sprite-services-icons.collaboration.large {
    background-position: -70px -318px;
    width: 61px;
    height: 61px;
  }
  .sprite-services-icons.collaboration1 {
    background-position: -280px -417px;
    width: 49px;
    height: 32px;
  }
  .sprite-services-icons.collaboration1.small {
    background-position: -209px -419px;
    width: 29px;
    height: 29px;
  }
  .sprite-services-icons.collaboration1.medium {
    background-position: -140px -408px;
    width: 41px;
    height: 41px;
  }
  .sprite-services-icons.collaboration1.large {
    background-position: -70px -388px;
    width: 61px;
    height: 61px;
  }
  .sprite-services-icons.messaging {
    background-position: -282px -482px;
    width: 43px;
    height: 40px;
  }
  .sprite-services-icons.messaging.small {
    background-position: -210px -491px;
    width: 28px;
    height: 28px;
  }
  .sprite-services-icons.messaging.medium {
    background-position: -140px -478px;
    width: 41px;
    height: 41px;
  }
  .sprite-services-icons.messaging.large {
    background-position: -70px -458px;
    width: 61px;
    height: 61px;
  }
  .sprite-services-icons.notification {
    background-position: -282px -538px;
    width: 43px;
    height: 52px;
  }
  .sprite-services-icons.notification.small {
    background-position: -210px -561px;
    width: 28px;
    height: 28px;
  }
  .sprite-services-icons.notification.medium {
    background-position: -140px -548px;
    width: 41px;
    height: 41px;
  }
  .sprite-services-icons.notification.large {
    background-position: -70px -528px;
    width: 60px;
    height: 60px;
  }
  .sprite-services-icons.mobility {
    background-position: -282px -598px;
    width: 64px;
    height: 62px;
  }
  .sprite-services-icons.mobility.small {
    background-position: -210px -630px;
    width: 29px;
    height: 29px;
  }
  .sprite-services-icons.mobility.medium {
    background-position: -140px -618px;
    width: 41px;
    height: 41px;
  }
  .sprite-services-icons.mobility.large {
    background-position: -70px -601px;
    width: 60px;
    height: 60px;
  }
  .sprite-services-icons.network_l_1-3 {
    background-position: -282px -672px;
    width: 63px;
    height: 57px;
  }
  .sprite-services-icons.network_l_1-3.small {
    background-position: -210px -701px;
    width: 28px;
    height: 28px;
  }
  .sprite-services-icons.network_l_1-3.medium {
    background-position: -139px -688px;
    width: 41px;
    height: 41px;
  }
  .sprite-services-icons.network_l_1-3.large {
    background-position: -70px -671px;
    width: 60px;
    height: 60px;
  }
  .sprite-services-icons.network_l_4 {
    background-position: -286px -744px;
    width: 63px;
    height: 57px;
  }
  .sprite-services-icons.network_l_4.small {
    background-position: -210px -771px;
    width: 28px;
    height: 28px;
  }
  .sprite-services-icons.network_l_4.medium {
    background-position: -140px -758px;
    width: 41px;
    height: 41px;
  }
  .sprite-services-icons.network_l_4.large {
    background-position: -70px -740px;
    width: 61px;
    height: 61px;
  }
  .sprite-services-icons.defaulticon {
    background-position: -270px -810px;
    width: 60px;
    height: 60px;
  }
  .sprite-services-icons.defaulticon.small {
    background-position: -220px -842px;
    width: 28px;
    height: 28px;
  }
  .sprite-services-icons.defaulticon.medium {
    background-position: -169px -830px;
    width: 40px;
    height: 40px;
  }
  .sprite-services-icons.defaulticon.large {
    background-position: -70px -809px;
    width: 60px;
    height: 60px;
  }
  /* ============ flash ============ */
  @-webkit-keyframes flash {
    0% {
      opacity: 1;
    }
    20% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    80% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
  /* Safari, Chrome and Opera > 12.1 */
  /* Firefox < 16 */
  /* Opera < 12.1 */
  /* Internet Explorer */
  @keyframes flash {
    0% {
      opacity: 1;
    }
    20% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    80% {
      opacity: 1;
    }
    100% {
      opacity: 1;
    }
  }
  /* ============ fadein ============ */
  @-webkit-keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  /* Safari, Chrome and Opera > 12.1 */
  /* Firefox < 16 */
  /* Opera < 12.1 */
  /* Internet Explorer */
  @keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  /* ============ fadeout ============ */
  @-webkit-keyframes fadeout {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  /* Safari, Chrome and Opera > 12.1 */
  /* Firefox < 16 */
  /* Opera < 12.1 */
  /* Internet Explorer */
  @keyframes fadeout {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .w-sdc-btn {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    border: 0;
    height: 38px;
    line-height: 38px;
    width: 195px;
    margin: 0 6px;
    padding: 0;
    vertical-align: middle;
    outline: none;
  }
  .w-sdc-btn:disabled {
    background-color: #cdcdcd;
  }
  .w-sdc-btn-small {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
    border: 0;
    height: 30px;
    line-height: 30px;
    width: 71px;
    margin: 0 6px;
    padding: 0;
    outline: none;
    vertical-align: middle;
    position: relative;
  }
  .w-sdc-btn-small:disabled {
    background-color: #cdcdcd;
  }
  .w-sdc-btn-red-small {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
    border: 0;
    height: 30px;
    line-height: 30px;
    width: 71px;
    margin: 0 6px;
    padding: 0;
    outline: none;
    vertical-align: middle;
    position: relative;
    background-color: #da1f3d;
    padding-left: 15px;
  }
  .w-sdc-btn-red-small:disabled {
    background-color: #cdcdcd;
  }
  .w-sdc-btn-red-small:hover:enabled {
    background-color: #ad1931;
  }
  .w-sdc-btn-red-small span {
    position: absolute;
    top: 7px;
    left: 10px;
  }
  .w-sdc-btn-green-small {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
    border: 0;
    height: 30px;
    line-height: 30px;
    width: 71px;
    margin: 0 6px;
    padding: 0;
    outline: none;
    vertical-align: middle;
    position: relative;
    background-color: #28bd6e;
  }
  .w-sdc-btn-green-small:disabled {
    background-color: #cdcdcd;
  }
  .w-sdc-btn-green-small:hover:enabled {
    background-color: #1f9356;
  }
  .w-sdc-btn-light-green {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    border: 0;
    height: 38px;
    line-height: 38px;
    width: 195px;
    margin: 0 6px;
    padding: 0;
    vertical-align: middle;
    outline: none;
    background-color: #28bd6e;
  }
  .w-sdc-btn-light-green:disabled {
    background-color: #cdcdcd;
  }
  .w-sdc-btn-light-green:hover:enabled {
    background-color: #1f9356;
  }
  .w-sdc-btn-green {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    border: 0;
    height: 38px;
    line-height: 38px;
    width: 195px;
    margin: 0 6px;
    padding: 0;
    vertical-align: middle;
    outline: none;
    background-color: #1d9a95;
  }
  .w-sdc-btn-green:disabled {
    background-color: #cdcdcd;
  }
  .w-sdc-btn-green:hover:enabled {
    background-color: #156f6b;
  }
  .w-sdc-btn-blue {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    border: 0;
    height: 38px;
    line-height: 38px;
    width: 195px;
    margin: 0 6px;
    padding: 0;
    vertical-align: middle;
    outline: none;
    background-color: #3b7b9b;
  }
  .w-sdc-btn-blue:disabled {
    background-color: #cdcdcd;
  }
  .w-sdc-btn-blue:hover:enabled {
    background-color: #2d5e76;
  }
  .w-sdc-btn-dark-gray {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    border: 0;
    height: 38px;
    line-height: 38px;
    width: 195px;
    margin: 0 6px;
    padding: 0;
    vertical-align: middle;
    outline: none;
    background-color: #445663;
  }
  .w-sdc-btn-dark-gray:disabled {
    background-color: #cdcdcd;
  }
  .w-sdc-btn-dark-gray:hover:enabled {
    background-color: #2f3c45;
  }
  .w-sdc-form-action {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
    background-color: #28bd6e;
    border-radius: 5px;
    cursor: pointer;
    border: 0;
    height: 38px;
    line-height: 38px;
    width: 264px;
  }
  .w-sdc-form-action:hover {
    background-color: #23aa63;
  }
  .w-sdc-form-action:disabled {
    background-color: #93deb6;
  }
  /*
  CLASSIC BUTTON
  Examples:
  -------------------------------------------------------------------
  <button class="w-sdc-classic-btn blue">Text 1</button>
  <button class="w-sdc-classic-btn green">Text 1</button>
  <button class="w-sdc-classic-btn gray">Text 1</button>
  <button class="w-sdc-classic-btn white">Text 1</button>
  <button class="w-sdc-classic-btn blue disabled">Text 5</button>
  */
  .w-sdc-classic-btn {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    width: 94px;
    height: 30px;
    display: block;
    vertical-align: middle;
    line-height: 30px;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
  }
  .w-sdc-classic-btn:focus,
  .w-sdc-classic-btn:active:focus {
    outline: 0 none;
  }
  .w-sdc-classic-btn.primary {
    border-color: #056bae;
    background-color: #009fdb;
    color: #ffffff;
  }
  .w-sdc-classic-btn.primary:hover {
    background-color: #1ec2ff;
  }
  .w-sdc-classic-btn.blue {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    border-color: #036698;
    background-color: #3b7b9b;
    box-shadow: 0px 1px 0.99px 0.01px #023c59;
  }
  .w-sdc-classic-btn.blue:hover {
    border-color: #036698;
    background-color: #458eb2;
    box-shadow: 0px 1px 0.99px 0.01px #023c59;
  }
  .w-sdc-classic-btn.blue:active {
    border-color: #036698;
    background-color: #336c88;
    box-shadow: 0px 1px 0.99px 0.01px #023c59;
  }
  .w-sdc-classic-btn.blue:focus:before {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: -1px;
    border: 1px solid #ffffff;
    z-index: 1;
    border-radius: 2px;
  }
  .w-sdc-classic-btn.blue:disabled,
  .w-sdc-classic-btn.blue.disabled {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    opacity: 0.3;
    border-color: #036698;
    background-color: #3b7b9b;
    box-shadow: 0px 1px 0.99px 0.01px #023c59;
  }
  .w-sdc-classic-btn.green {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    border-color: #25a762;
    background-color: #28bd6e;
    box-shadow: 0px 1px 0.99px 0.01px #235600;
  }
  .w-sdc-classic-btn.green:hover {
    border-color: #25a762;
    background-color: #2bcd77;
    box-shadow: 0px 1px 0.99px 0.01px #235600;
  }
  .w-sdc-classic-btn.green:active {
    border-color: #45a006;
    background-color: #24a862;
    box-shadow: 0px 1px 0.99px 0.01px #235600;
  }
  .w-sdc-classic-btn.green:focus:before {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: -1px;
    border: 1px solid #ffffff;
    z-index: 1;
    border-radius: 2px;
  }
  .w-sdc-classic-btn.green:disabled,
  .w-sdc-classic-btn.green.disabled {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    opacity: 0.3;
    border-color: #45a006;
    background-color: #28bd6e;
    box-shadow: 0px 1px 0.99px 0.01px #235600;
  }
  .w-sdc-classic-btn.gray {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    border-color: #d8d8d8;
    background-color: #f6f6f6;
    box-shadow: 0px 1px 0.99px 0.01px #aaaaaa;
  }
  .w-sdc-classic-btn.gray:hover {
    border-color: #d8d8d8;
    background-color: #ececec;
    box-shadow: 0px 1px 0.99px 0.01px #aaaaaa;
  }
  .w-sdc-classic-btn.gray:active {
    border-color: #d8d8d8;
    background-color: #d7d7d7;
    box-shadow: 0px 1px 0.99px 0.01px #aaaaaa;
  }
  .w-sdc-classic-btn.gray:focus:before {
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -2px;
    border: 1px solid #666666;
    z-index: 1;
    border-radius: 2px;
  }
  .w-sdc-classic-btn.gray:disabled,
  .w-sdc-classic-btn.gray.disabled {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    opacity: 0.3;
    border-color: #d8d8d8;
    background-color: #f6f6f6;
    box-shadow: 0px 1px 0.99px 0.01px #aaaaaa;
  }
  .w-sdc-classic-btn.white {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    border-color: #d8d8d8;
    background-color: #ffffff;
    box-shadow: 0px 1px 0.99px 0.01px #aaaaaa;
  }
  .w-sdc-classic-btn.white:hover {
    border-color: #d8d8d8;
    background-color: #f6f6f6;
    box-shadow: 0px 1px 0.99px 0.01px #aaaaaa;
  }
  .w-sdc-classic-btn.white:active {
    border-color: #d8d8d8;
    background-color: #ececec;
    box-shadow: 0px 1px 0.99px 0.01px #aaaaaa;
  }
  .w-sdc-classic-btn.white:focus:before {
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -2px;
    border: 1px solid #666666;
    z-index: 1;
    border-radius: 2px;
  }
  .w-sdc-classic-btn.white:disabled,
  .w-sdc-classic-btn.white.disabled {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    opacity: 0.3;
    border-color: #d8d8d8;
    background-color: #ffffff;
    box-shadow: 0px 1px 0.99px 0.01px #aaaaaa;
  }
  /*
  WIZARD STEP CIRCLE BUTTON
  Examples:
  -------------------------------------------------------------------
  <button class="w-sdc-wizard-step-btn">1</button>
  <button class="w-sdc-wizard-step-btn selected">2</button>
  <button class="w-sdc-wizard-step-btn valid">3</button>
  <button class="w-sdc-wizard-step-btn">4</button>
  <button class="w-sdc-wizard-step-btn disabled">5</button>
  */
  .w-sdc-wizard-step-btn {
    background-color: #f6f6f6;
    border-radius: 50%;
    color: #ffffff;
    content: '';
    height: 36px;
    width: 36px;
    text-align: center;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0 none;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    vertical-align: middle;
    border: none;
    box-shadow: inset 0px 0px 0px 1px #d8d8d8;
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 15px;
  }
  .w-sdc-wizard-step-btn:active {
    box-shadow: none;
    background-color: #eaeaea;
  }
  .w-sdc-wizard-step-btn.disabled {
    color: #a8b3b9;
    cursor: default;
  }
  .w-sdc-wizard-step-btn.disabled:active {
    box-shadow: inset 0px 0px 0px 1px #d8d8d8;
    background-color: #f6f6f6;
  }
  .w-sdc-wizard-step-btn.valid {
    background-color: #ffffff;
    border-radius: 50%;
    color: #ffffff;
    content: '';
    height: 36px;
    width: 36px;
    text-align: center;
    display: block;
    box-shadow: inset 0px 0px 0px 2px #28bd6e;
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 15px;
  }
  .w-sdc-wizard-step-btn.selected {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 15px;
    background-color: #3b7b9b;
    box-shadow: none;
  }
  .w-sdc-wizard-step-btn.selected:active {
    background-color: #336c88;
  }
  .w-sdc-dark-header {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 20px;
    background-color: #445663;
    height: 94px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .w-sdc-dark-header .w-sdc-dark-header-logo {
    cursor: pointer;
    height: 92px;
    width: 240px;
    padding: 28px 28px 28px 60px;
    -ms-flex-preferred-size: 240px;
        flex-basis: 240px;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .w-sdc-dark-header .w-sdc-dark-header-logo .w-sdc-dark-header-logo-icon {
    display: inline-block;
    margin-right: 8px;
    vertical-align: -6px;
  }
  .w-sdc-dark-header .w-sdc-dark-header-logo a.w-sdc-dark-header-logo-link {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 30px;
    text-decoration: none;
  }
  .w-sdc-dark-header .w-sdc-dark-header-logo .w-sdc-dark-header-version {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 10px;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
    opacity: 0.6;
  }
  .w-sdc-dark-header .i-sdc-dark-header-caption {
    min-width: 175px;
    text-align: left;
    cursor: default;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
    padding-left: 27px;
    white-space: nowrap;
  }
  .w-sdc-dark-header .i-sdc-dark-header-caption .i-sdc-dark-header-caption-text {
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .w-sdc-dark-header .w-sdc-header-user-container {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  @font-face {
    font-family: omnes-italic;
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02Italic.92ae9d8d38675c8ce81b.eot);
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02Italic.92ae9d8d38675c8ce81b.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02Italic.71faeb25a3e646f1f582.ttf);
  }
  @font-face {
    font-family: omnes-light;
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02Light.266078b8b4f60ce325d6.eot);
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02Light.266078b8b4f60ce325d6.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02Light.2e91f88ec67c43a8d74e.ttf);
  }
  @font-face {
    font-family: omnes-light-italic;
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02LightItalic.466b2c6938e44a0493d4.eot);
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02LightItalic.466b2c6938e44a0493d4.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02LightItalic.ad98ee7578e718507898.ttf);
  }
  @font-face {
    font-family: omnes-medium;
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02Medium.0009fcca5ac8f2cec489.eot);
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02Medium.0009fcca5ac8f2cec489.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02Medium.ca4734481095ac177dfb.ttf);
  }
  @font-face {
    font-family: omnes-medium-italic;
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02MediumItalic.2677fce2a36bc2e3affd.eot);
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02MediumItalic.2677fce2a36bc2e3affd.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02MediumItalic.763cd1721c06205c692c.ttf);
  }
  @font-face {
    font-family: omnes-regular;
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02.6272f8a5338048798717.eot);
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02.6272f8a5338048798717.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02.2e3bc36d7f8cc45d419b.ttf);
  }
  @font-face {
    font-family: omnes-bold;
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02Bold.1a6357a3b57418a36cc9.eot);
    src: url(/sdc1/scripts/fonts/Omnes_ATTW02Bold.1a6357a3b57418a36cc9.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/Omnes_ATTW02Bold.4640921ff47586654de8.ttf);
  }
  @font-face {
    font-family: omnes-bold-italic;
    src: url(/sdc1/scripts/fonts/OmnesATTW02BoldItalic.f3f71dc7a8f1c8a49547.eot);
    src: url(/sdc1/scripts/fonts/OmnesATTW02BoldItalic.f3f71dc7a8f1c8a49547.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/OmnesATTW02BoldItalic.3e6fb2d2d79bfbc4282a.ttf);
  }
  @font-face {
    font-family: clearview-book;
    src: url(/sdc1/scripts/fonts/ClearviewATT-Bk.607c223b4dd673a27e94.eot);
    src: url(/sdc1/scripts/fonts/ClearviewATT-Bk.607c223b4dd673a27e94.eot?#iefix) format('embedded-opentype'), url(/sdc1/scripts/images/ClearviewATT-Bk.5fcd57f750c5e22fdf43.ttf);
  }
  .w-sdc-form {
    padding: 0;
  }
  .w-sdc-form .w-sdc-form-actions-container {
    margin: 20px auto;
    width: 100%;
  }
  .w-sdc-form .w-sdc-form-columns-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .w-sdc-form .w-sdc-form-columns-wrapper .w-sdc-form-column {
    width: 100%;
    margin: 0;
    padding: 0 6% 0 0;
    text-align: left;
  }
  .w-sdc-form .w-sdc-form-columns-wrapper .w-sdc-form-column:last-child {
    padding: 0;
  }
  .w-sdc-form .i-sdc-form-item {
    margin-bottom: 10px;
    position: relative;
    text-align: left;
  }
  .w-sdc-form .i-sdc-form-item.error input[type="text"],
  .w-sdc-form .i-sdc-form-item.error input[type="url"],
  .w-sdc-form .i-sdc-form-item.error input[type="number"],
  .w-sdc-form .i-sdc-form-item.error input[type="password"],
  .w-sdc-form .i-sdc-form-item.error select,
  .w-sdc-form .i-sdc-form-item.error textarea {
    color: #da1f3d;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    border-color: #ea7499;
    outline: none;
    box-sizing: border-box;
  }
  .w-sdc-form .i-sdc-form-item.error input[type="text"]:hover,
  .w-sdc-form .i-sdc-form-item.error input[type="url"]:hover,
  .w-sdc-form .i-sdc-form-item.error input[type="number"]:hover,
  .w-sdc-form .i-sdc-form-item.error input[type="password"]:hover,
  .w-sdc-form .i-sdc-form-item.error select:hover,
  .w-sdc-form .i-sdc-form-item.error textarea:hover {
    color: #da1f3d;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    border-color: #ea7499;
  }
  .w-sdc-form .i-sdc-form-item.error label {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-form .i-sdc-form-item label {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    margin: 0 0 2px 0;
    padding: 0;
    display: block;
  }
  .w-sdc-form .i-sdc-form-item label.required::before {
    color: #f33;
    content: '*';
    margin: 0 4px 0 0;
  }
  .w-sdc-form .i-sdc-form-item input[type="text"],
  .w-sdc-form .i-sdc-form-item input[type="url"],
  .w-sdc-form .i-sdc-form-item input[type="number"],
  .w-sdc-form .i-sdc-form-item input[type="password"],
  .w-sdc-form .i-sdc-form-item select,
  .w-sdc-form .i-sdc-form-item textarea {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 2px;
    margin: 0;
    padding: 0;
    border: solid 1px #d2d2d2;
    height: 30px;
    width: 100%;
    display: block;
    /* Safari, Chrome and Opera */
    /* Firefox 18- */
    /* Firefox 19+ */
    /* IE 10+ */
    /* Edge */
  }
  .w-sdc-form .i-sdc-form-item input[type="text"]::-webkit-input-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="url"]::-webkit-input-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="number"]::-webkit-input-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="password"]::-webkit-input-placeholder,
  .w-sdc-form .i-sdc-form-item select::-webkit-input-placeholder,
  .w-sdc-form .i-sdc-form-item textarea::-webkit-input-placeholder {
    font-style: italic;
  }
  .w-sdc-form .i-sdc-form-item input[type="text"]:-moz-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="url"]:-moz-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="number"]:-moz-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="password"]:-moz-placeholder,
  .w-sdc-form .i-sdc-form-item select:-moz-placeholder,
  .w-sdc-form .i-sdc-form-item textarea:-moz-placeholder {
    font-style: italic;
  }
  .w-sdc-form .i-sdc-form-item input[type="text"]::-moz-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="url"]::-moz-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="number"]::-moz-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="password"]::-moz-placeholder,
  .w-sdc-form .i-sdc-form-item select::-moz-placeholder,
  .w-sdc-form .i-sdc-form-item textarea::-moz-placeholder {
    font-style: italic;
  }
  .w-sdc-form .i-sdc-form-item input[type="text"]:-ms-input-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="url"]:-ms-input-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="number"]:-ms-input-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="password"]:-ms-input-placeholder,
  .w-sdc-form .i-sdc-form-item select:-ms-input-placeholder,
  .w-sdc-form .i-sdc-form-item textarea:-ms-input-placeholder {
    font-style: italic;
  }
  .w-sdc-form .i-sdc-form-item input[type="text"]:-ms-input-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="url"]:-ms-input-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="number"]:-ms-input-placeholder,
  .w-sdc-form .i-sdc-form-item input[type="password"]:-ms-input-placeholder,
  .w-sdc-form .i-sdc-form-item select:-ms-input-placeholder,
  .w-sdc-form .i-sdc-form-item textarea:-ms-input-placeholder {
    font-style: italic;
  }
  .w-sdc-form .i-sdc-form-item input[type="text"]:disabled,
  .w-sdc-form .i-sdc-form-item input[type="url"]:disabled,
  .w-sdc-form .i-sdc-form-item input[type="number"]:disabled,
  .w-sdc-form .i-sdc-form-item input[type="password"]:disabled,
  .w-sdc-form .i-sdc-form-item select:disabled,
  .w-sdc-form .i-sdc-form-item textarea:disabled {
    opacity: 0.4;
  }
  .w-sdc-form .i-sdc-form-item input[type="text"].view-mode,
  .w-sdc-form .i-sdc-form-item input[type="url"].view-mode,
  .w-sdc-form .i-sdc-form-item input[type="number"].view-mode,
  .w-sdc-form .i-sdc-form-item input[type="password"].view-mode,
  .w-sdc-form .i-sdc-form-item select.view-mode,
  .w-sdc-form .i-sdc-form-item textarea.view-mode {
    opacity: 1;
    border: solid 1px #d2d2d2;
    background-color: #f8f8f8 !important;
    pointer-events: none;
    cursor: auto;
  }
  .w-sdc-form .i-sdc-form-item input[type="text"],
  .w-sdc-form .i-sdc-form-item input[type="url"],
  .w-sdc-form .i-sdc-form-item input[type="number"],
  .w-sdc-form .i-sdc-form-item input[type="password"] {
    padding: 4px 10px;
  }
  .w-sdc-form .i-sdc-form-item select {
    padding: 4px 7px;
  }
  .w-sdc-form .i-sdc-form-item textarea {
    padding: 6px 10px;
  }
  .w-sdc-form .i-sdc-form-item select optgroup {
    color: #3b7b9b;
  }
  .w-sdc-form .i-sdc-form-item select optgroup option {
    color: #666666;
  }
  .w-sdc-form .i-sdc-form-item textarea {
    min-height: 110px;
    resize: none;
  }
  .w-sdc-form .i-sdc-form-item-error-icon {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -212px -3990px;
    width: 13px;
    height: 11px;
    position: absolute;
  }
  .w-sdc-form .i-sdc-form-item-error-icon .i-sdc-form-item-error-message {
    background-color: #da1f3d;
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
    cursor: default;
    position: absolute;
    top: -10px;
    left: -8px;
    height: 30px;
    padding: 6px 10px 6px 30px;
    z-index: 999;
    text-align: left;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0px 1px 1px 0px rgba(24, 24, 25, 0.43);
  }
  .w-sdc-form .i-sdc-form-item-error-icon .i-sdc-form-item-error-message:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-right: 5px solid #da1f3d;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }
  .w-sdc-form .i-sdc-form-item-error-icon .i-sdc-form-item-error-message span {
    white-space: nowrap;
  }
  .w-sdc-form .i-sdc-form-item-error-icon .i-sdc-form-item-error-message span.error {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -212px -3990px;
    width: 13px;
    height: 11px;
    position: absolute;
    top: 9px;
    left: 8px;
  }
  .w-sdc-form .i-sdc-form-item-error-icon .i-sdc-form-item-error-message span.ok {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    text-decoration: underline;
  }
  .w-sdc-form .i-sdc-form-item-error-icon .i-sdc-form-item-error-message .i-sdc-form-item-error-icon-open {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -51px -3990px;
    width: 13px;
    height: 11px;
    position: absolute;
    top: 9px;
    left: 8px;
  }
  .w-sdc-form .input-error {
    color: #cf2a2a;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
    text-align: left;
  }
  .w-sdc-form .input-error-file-upload {
    color: #cf2a2a;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
    text-align: left;
    margin-top: -10px;
    margin-bottom: 10px;
  }
  .w-sdc-header {
    background-color: #D3DBE0;
    border-bottom: 1px solid #C1CDD5;
    height: 94px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .w-sdc-header-logo {
    background-color: #445663;
    cursor: pointer;
    border-bottom: 1px solid #1D3A52;
    height: 94px;
    width: 240px;
    padding: 28px;
    -ms-flex-preferred-size: 240px;
        flex-basis: 240px;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    z-index: 1020;
  }
  .w-sdc-header-logo-icon {
    display: inline-block;
    margin-right: 8px;
    vertical-align: -6px;
  }
  a.w-sdc-header-logo-link {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 30px;
    text-decoration: none;
  }
  .w-sdc-header-version {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 10px;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
    opacity: 0.6;
  }
  .i-sdc-header-caption {
    min-width: 175px;
    text-align: left;
    cursor: default;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
    padding-left: 27px;
    white-space: nowrap;
  }
  .i-sdc-header-caption .i-sdc-header-caption-text {
    color: #445663;
    font-family: omnes-medium, sans-serif;
    font-size: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .i-sdc-header-caption .i-sdc-header-help {
    color: #445663;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    cursor: pointer;
    margin-left: 26px;
    position: relative;
    display: inline-block;
  }
  .i-sdc-header-caption .i-sdc-header-help::before {
    background-color: #3b7b9b;
    border-radius: 50%;
    color: #ffffff;
    content: '?';
    display: block;
    height: 20px;
    position: absolute;
    left: -26px;
    text-align: center;
    width: 20px;
  }
  .sdc-error-403-container-title {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 20px;
  }
  .full-height {
    height: 100%;
    background-color: #000000;
  }
  .w-sdc-main-container {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 89px;
  }
  .w-sdc-main-container .w-sdc-main-right-container {
    background-color: #ECEFF3;
    bottom: 0;
    padding: 22px 12px;
    position: absolute;
    left: 240px;
    right: 0;
    top: 0;
    overflow: hidden;
  }
  .w-sdc-main-container .w-sdc-main-right-container > div:first-child {
    padding-bottom: 80px;
  }
  .w-sdc-main-container .w-sdc-main-right-container .sdc-tile-catalog {
    margin: 10px;
  }
  .w-sdc-row-flex-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .sdc-loading-page {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .sdc-loading-page .caption1 {
    color: #ffffff;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
    text-align: center;
  }
  .sdc-loading-page .caption2 {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
    display: block;
  }
  .main-loader .loader {
    position: relative;
    margin: 0px auto;
    width: 80px;
  }
  .main-loader .loader:before {
    content: '';
    display: block;
    padding-top: 100%;
  }
  .main-loader .circular {
    -webkit-animation: rotate 2s linear infinite;
            animation: rotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .main-loader .path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
            animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
  }
  @-webkit-keyframes rotate {
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes rotate {
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @-webkit-keyframes dash {
    0% {
      stroke-dasharray: 1,200;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -35px;
    }
    100% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -124px;
    }
  }
  @keyframes dash {
    0% {
      stroke-dasharray: 1,200;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -35px;
    }
    100% {
      stroke-dasharray: 89,200;
      stroke-dashoffset: -124px;
    }
  }
  @-webkit-keyframes color {
    100%,
    0% {
      stroke: #eeeeee;
    }
    40% {
      stroke: #dddddd;
    }
    66% {
      stroke: #cccccc;
    }
    80%,
    90% {
      stroke: #bbbbbb;
    }
  }
  @keyframes color {
    100%,
    0% {
      stroke: #eeeeee;
    }
    40% {
      stroke: #dddddd;
    }
    66% {
      stroke: #cccccc;
    }
    80%,
    90% {
      stroke: #bbbbbb;
    }
  }
  .w-sdc-left-sidebar {
    width: 242px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 1px 0px 4px 0px rgba(24, 24, 25, 0.17);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 12px 18px;
    z-index: 1;
  }
  .w-sdc-left-sidebar-menu {
    margin: 0;
    padding: 0;
  }
  .w-sdc-left-sidebar-menu ul {
    margin: 0;
    padding: 0;
  }
  /* Catalog */
  .i-sdc-left-sidebar-nav-item {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    width: 220px;
    height: 60px;
    line-height: 19px;
    margin: 0 auto 10px;
    padding: 20px 10px 20px 60px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    text-align: left;
  }
  .i-sdc-left-sidebar-nav-item::before {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    content: '';
    position: absolute;
    left: 50px;
    top: 18px;
  }
  .i-sdc-left-sidebar-nav-item.catalog {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
    background-color: #3b7b9b;
    text-transform: uppercase;
    position: relative;
    text-indent: 20px;
  }
  .i-sdc-left-sidebar-nav-item.catalog:hover {
    background-color: #2d5e76;
  }
  .i-sdc-left-sidebar-nav-item.catalog::before {
    background-position: -53px -1303px;
    width: 20px;
    height: 20px;
  }
  .i-sdc-left-sidebar-nav-item.distribution {
    background-color: #798996;
    display: none;
    position: relative;
  }
  .i-sdc-left-sidebar-nav-item.distribution::before {
    background-position: -50px -1400px;
    width: 24px;
    height: 14px;
  }
  .i-sdc-left-sidebar-nav-item.support {
    background-color: #3b7b9b;
    position: relative;
  }
  .i-sdc-left-sidebar-nav-item.support::before {
    background-position: -50px -1500px;
    width: 22px;
    height: 22px;
  }
  /*  */
  .i-sdc-left-sidebar-nav-item-hierachy {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    width: 220px;
    height: 60px;
    line-height: 19px;
    margin: 0 auto 10px;
    padding: 20px 10px 20px 60px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    text-align: left;
  }
  .i-sdc-left-sidebar-nav-item-hierachy::before {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    content: '';
    position: absolute;
    left: 50px;
    top: 18px;
  }
  .i-sdc-left-sidebar-nav-item-hierachy.catalog {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
    background-color: #3b7b9b;
    text-transform: uppercase;
    position: relative;
    text-indent: 20px;
  }
  .i-sdc-left-sidebar-nav-item-hierachy.catalog:hover {
    background-color: #2d5e76;
  }
  .i-sdc-left-sidebar-nav-item-hierachy.catalog::before {
    background-position: -53px -1303px;
    width: 20px;
    height: 20px;
  }
  .i-sdc-left-sidebar-nav-item-hierachy.distribution {
    background-color: #798996;
    display: none;
    position: relative;
  }
  .i-sdc-left-sidebar-nav-item-hierachy.distribution::before {
    background-position: -50px -1400px;
    width: 24px;
    height: 14px;
  }
  .i-sdc-left-sidebar-nav-item-hierachy.support {
    background-color: #3b7b9b;
    position: relative;
  }
  .i-sdc-left-sidebar-nav-item-hierachy.support::before {
    background-position: -50px -1500px;
    width: 22px;
    height: 22px;
  }
  /* Dashboard (Non Catalog) */
  .i-sdc-left-sidebar-item {
    list-style: none;
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    line-height: 24px;
    /*&.selectedLink {
          .c_7;
      }*/
  }
  .i-sdc-left-sidebar-item.category-title {
    text-transform: uppercase;
    color: #000000;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    line-height: 30px;
  }
  .i-sdc-left-sidebar-item input[type="checkbox"] {
    margin-right: 10px;
    vertical-align: sub;
  }
  .i-sdc-left-sidebar-item .i-sdc-left-sidebar-item-state-count {
    float: right;
  }
  .i-sdc-left-sidebar-item .sdc-element-checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .i-sdc-left-sidebar-item-seperator {
    border-bottom: solid 1px #f2f2f2;
    width: 208px;
  }
  /* -----------------------------------------------------
  OVERRIDE BOOTSTRAP TO CENTER MODAL VERTICALLY.
  ----------------------------------------------------- */
  .modal {
    text-align: center;
    padding: 0!important;
  }
  .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
  }
  /* -----------------------------------------------------
  MODAL SIZES
  ----------------------------------------------------- */
  .modal-dialog.modal-sdc-xl {
    width: 1200px;
  }
  .modal-dialog.modal-sdc-l {
    width: 875px;
  }
  .modal-dialog.modal-sdc-md {
    width: 650px;
  }
  .modal-dialog.modal-sdc-sm {
    width: 552px;
  }
  .modal-dialog.modal-sdc-xsm {
    width: 432px;
  }
  /* -----------------------------------------------------
  MODAL WRAPPER
  ----------------------------------------------------- */
  .modal-dialog {
    /*
      margin-top: 110px;
      width: 1000px;
      */
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
  .modal-content {
    /*.border-radius(4px);
      background-color:  #ffffff;
      box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
      min-height: 200px;*/
  }
  .modal-backdrop {
    background-color: #111922;
  }
  /* -----------------------------------------------------
  PREVIOUS MODAL
  ----------------------------------------------------- */
  /*.w-sdc-modal,
  .modal-dialog,
  .w-sdc-modal-confirmation {

      .w-sdc-modal-head {
          .s_18_r;
          height: 48px;
          line-height: 48px;
          text-align: center;
      }

      .w-sdc-modal-body {
          height: auto;
          padding: 20px 40px 20px 40px;
          border-bottom: solid 1px @color_a;
          position: relative;
      }

      .w-sdc-modal-body-content {
          .b_1;
          padding: 10px 0 0 0;
      }

      .w-sdc-modal-icon {
          display: inline-block;
      }

      .w-sdc-modal-icon-DEBUG { .sprite; .message-DEBUG;}
      .w-sdc-modal-icon-INFO { .sprite; .message-INFO;}
      .w-sdc-modal-icon-WARNING { .sprite; .message-WARNING;}
      .w-sdc-modal-icon-ERROR { .sprite; .message-ERROR;}

      .w-sdc-modal-caption {
          .a_6;
          display: inline-block;
          padding: 0 0 0 25px;
          vertical-align: top;
      }

      .w-sdc-modal-action {
          height: 99px;
          text-align: center;
          vertical-align: middle;
          line-height: 105px;
      }

      .sdc-resource-viewer-modal-head {
          .c_2;
          border-radius: 6px 6px 0 0;
          height: 30px;
          line-height: 30px;
          text-align: center;
      }

      .w-sdc-modal-close {
          background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAYAAACdKY9CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZDQUM1MUVFMDg1NDExRTVBMzdBQ0IxMzM2OTYwNjM2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZDQUM1MUVGMDg1NDExRTVBMzdBQ0IxMzM2OTYwNjM2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkNBQzUxRUMwODU0MTFFNUEzN0FDQjEzMzY5NjA2MzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkNBQzUxRUQwODU0MTFFNUEzN0FDQjEzMzY5NjA2MzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4EGRD0AAAAhElEQVR42mL8/+8fAxAIAvF7BvwArIYJSKQB8V0gNsajGKEGaMMZIP4PxO+A2BhkIxpOg8qDcAdIQBCPJmTFM8HOh0pg04ShGFkDNk0YitE1wDTdRVK8Ct1P+DyINSAY8HgQa0DgDA1coYdLMc7QQ464mVgiDV0TPOLKcShG1gRWAxBgACObyGI1tr+eAAAAAElFTkSuQmCC');
          color: #3499F7; //TODO: Replace the color, should be sprite
          .hand;
          position: absolute;
          right: 20px;
          top: 20px;
          display: block;
          height: 13px;
          width: 12px;
          border-radius: 50%;
      }

      .w-sdc-resource-viewer-modal-close {
          color: #3499F7; //TODO: Replace the color, should be sprite
          .hand;
          position: absolute;
          right: 20px;
          top: 5px;
          display: block;
          line-height: normal;
          font-size: 18px;
          font-weight: bold;
      }

  }*/
  /* -----------------------------------------------------
  NEW DESIGN MODAL
  ----------------------------------------------------- */
  .modal-type-standard.w-sdc-classic-modal .w-sdc-modal-head {
    border-bottom: solid 3px #009fdb;
  }
  .modal-type-error.w-sdc-classic-modal .w-sdc-modal-head {
    border-bottom: solid 3px #cf2a2a;
  }
  .modal-type-alert.w-sdc-classic-modal .w-sdc-modal-head {
    border-bottom: solid 3px #ffb81c;
  }
  .w-sdc-classic-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    min-height: 165px;
    min-width: 430px;
    word-wrap: break-word;
  }
  .w-sdc-classic-modal .w-sdc-modal-head {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    color: #191919;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    border-bottom: solid 3px #009fdb;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-head-text {
    color: #191919;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
    -webkit-box-flex: 999;
        -ms-flex-positive: 999;
            flex-grow: 999;
  }
  .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -52px -4041px;
    width: 10px;
    height: 11px;
    cursor: pointer;
  }
  .w-sdc-classic-modal .w-sdc-modal-body {
    -webkit-box-flex: 999;
        -ms-flex-positive: 999;
            flex-grow: 999;
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    padding-top: 20px;
    position: relative;
    border-bottom: none;
  }
  .w-sdc-classic-modal .w-sdc-modal-footer {
    clear: both;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    border-radius: 6px;
    background-color: #f8f8f8;
  }
  .w-sdc-classic-modal .w-sdc-modal-footer button {
    display: block;
    margin-right: 11px;
  }
  .w-sdc-classic-modal .w-sdc-modal-footer button:last-child {
    margin-right: 0;
  }
  .w-sdc-classic-top-line-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    min-height: 165px;
    min-width: 430px;
    border-top: solid 3px #009fdb;
  }
  .w-sdc-classic-top-line-modal .w-sdc-modal-head {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    color: #191919;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .w-sdc-classic-top-line-modal .w-sdc-modal-head .w-sdc-modal-head-text {
    color: #191919;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
    -webkit-box-flex: 999;
        -ms-flex-positive: 999;
            flex-grow: 999;
  }
  .w-sdc-classic-top-line-modal .w-sdc-modal-head .w-sdc-modal-close {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -52px -4041px;
    width: 10px;
    height: 11px;
    cursor: pointer;
  }
  .w-sdc-classic-top-line-modal .w-sdc-modal-body {
    -webkit-box-flex: 999;
        -ms-flex-positive: 999;
            flex-grow: 999;
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    padding-top: 10px;
    position: relative;
    border-bottom: none;
  }
  .w-sdc-classic-top-line-modal .w-sdc-modal-footer {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .w-sdc-classic-top-line-modal .w-sdc-modal-footer button {
    display: block;
    margin-right: 11px;
  }
  .w-sdc-classic-top-line-modal .w-sdc-modal-footer button:last-child {
    margin-right: 0;
  }
  .modal-sdc-xl .w-sdc-classic-modal {
    padding: 0 40px;
  }
  .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-head {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
  }
  .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-head-text {
    -webkit-box-flex: 999;
        -ms-flex-positive: 999;
            flex-grow: 999;
  }
  .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close {
    top: 27px;
    right: 41px;
  }
  .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-footer {
    height: 80px;
    margin: 0 -40px;
    padding: 0 40px;
    background-color: #f2f2f2;
  }
  .modal-sdc-xl .w-sdc-classic-top-line-modal,
  .modal-sdc-l .w-sdc-classic-top-line-modal,
  .modal-sdc-md .w-sdc-classic-top-line-modal,
  .modal-sdc-sm .w-sdc-classic-top-line-modal,
  .modal-sdc-xsm .w-sdc-classic-top-line-modal {
    padding: 0 30px;
  }
  .modal-sdc-xl .w-sdc-classic-top-line-modal .w-sdc-modal-footer,
  .modal-sdc-l .w-sdc-classic-top-line-modal .w-sdc-modal-footer,
  .modal-sdc-md .w-sdc-classic-top-line-modal .w-sdc-modal-footer,
  .modal-sdc-sm .w-sdc-classic-top-line-modal .w-sdc-modal-footer,
  .modal-sdc-xsm .w-sdc-classic-top-line-modal .w-sdc-modal-footer {
    margin: 0 -30px;
    padding: 17px 30px;
  }
  .modal-sdc-xl .w-sdc-classic-modal,
  .modal-sdc-l .w-sdc-classic-modal,
  .modal-sdc-md .w-sdc-classic-modal,
  .modal-sdc-sm .w-sdc-classic-modal,
  .modal-sdc-xsm .w-sdc-classic-modal {
    padding: 0 30px;
  }
  .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-head,
  .modal-sdc-l .w-sdc-classic-modal .w-sdc-modal-head,
  .modal-sdc-md .w-sdc-classic-modal .w-sdc-modal-head,
  .modal-sdc-sm .w-sdc-classic-modal .w-sdc-modal-head,
  .modal-sdc-xsm .w-sdc-classic-modal .w-sdc-modal-head {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
  }
  .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close,
  .modal-sdc-l .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close,
  .modal-sdc-md .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close,
  .modal-sdc-sm .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close,
  .modal-sdc-xsm .w-sdc-classic-modal .w-sdc-modal-head .w-sdc-modal-close {
    top: 21px;
    right: 30px;
  }
  .modal-sdc-xl .w-sdc-classic-modal .w-sdc-modal-footer,
  .modal-sdc-l .w-sdc-classic-modal .w-sdc-modal-footer,
  .modal-sdc-md .w-sdc-classic-modal .w-sdc-modal-footer,
  .modal-sdc-sm .w-sdc-classic-modal .w-sdc-modal-footer,
  .modal-sdc-xsm .w-sdc-classic-modal .w-sdc-modal-footer {
    margin: 0 -30px;
    padding: 17px 30px;
  }
  .first-level {
    background-color: #eaeaea;
    padding: 8px 20px 8px 8px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.7);
    height: 40px;
  }
  .second-level {
    background-color: #f8f8f8;
    padding: 4px 20px 4px 37px !important;
    border-bottom: 1px solid #d2d2d2;
    height: 30px;
  }
  .expand-collapse-title-icon,
  .expand-collapse-title-text {
    vertical-align: middle;
  }
  .expanded .first-level,
  .expanded .second-level {
    background-color: #e6f6fb;
    border-left: solid #009fdb 4px;
    box-shadow: 0 0px 3px -1px rgba(0, 0, 0, 0.3);
    margin-bottom: 2px;
  }
  .expanded .first-level {
    padding-left: 4px !important;
  }
  .expanded .second-level {
    padding-left: 33px !important;
  }
  .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    background-color: #666666;
    border-radius: 0px;
    opacity: 1;
    width: 6px;
    margin: 0 2px;
  }
  .ps-container > .ps-scrollbar-y-rail {
    border-radius: 0px;
    width: 10px ;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1000;
  }
  .table-container-flex {
    /* height: 650px; */
    margin-top: 35px;
    clear: both;
  }
  .table-container-flex .table {
    width: 100%;
    border: 1px solid #d8d8d8;
  }
  .table-container-flex .table .head {
    background-color: #eaeaea;
  }
  .table-container-flex .table .head .head-row {
    color: #333333;
    font-weight: bold;
    text-align: center;
    border-right: 1px solid rgba(120, 136, 148, 0.26);
    padding: 8px 15px;
  }
  .table-container-flex .table .head .head-row:last-child {
    border-right: none;
  }
  .table-container-flex .table .head .head-row .table-header-sort-arrow {
    display: inline-block;
    background-color: transparent;
    border: none;
    color: #AAA;
    margin: 8px 0 0 5px;
  }
  .table-container-flex .table .head .head-row .table-header-sort-arrow.up {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid;
  }
  .table-container-flex .table .head .head-row .table-header-sort-arrow.down {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
  }
  .table-container-flex .table .body {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .table-container-flex .table .body .scrollbar-container {
    max-height: 430px;
    position: relative;
    overflow: hidden;
  }
  .table-container-flex .table .body .data-row {
    border-bottom: 1px solid rgba(120, 136, 148, 0.26);
  }
  .table-container-flex .table .body .data-row div {
    border-right: 1px solid rgba(120, 136, 148, 0.26);
  }
  .table-container-flex .table .body .data-row div:last-child {
    border-right: none;
  }
  .table-container-flex .table .body .data-row div .table-role-select {
    background-color: transparent;
    border: 0;
    width: 100%;
  }
  .table-container-flex .table .body .data-row div .table-role-label {
    margin-left: 4px;
  }
  .table-container-flex .table .body .data-row.selected {
    background-color: #e6f6fb;
  }
  .table-container-flex .table .body .data-row + div.item-opened {
    border-bottom: 1px solid rgba(120, 136, 148, 0.26);
    padding: 10px 23px;
    text-align: left;
    word-break: break-all;
  }
  .table-container-flex .table .body .data-row:hover {
    background-color: #D3DBE0;
  }
  .table-container-flex .table .body button.add-button {
    margin: 10px auto;
    display: block;
    border: 1px solid #eaeaea;
    background-color: #f2f2f2;
    box-shadow: 0px 1px 1px 0px rgba(24, 24, 25, 0.05);
    width: 297px;
    height: 39px;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
  }
  .table-container-flex .table .body button.add-button:before {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -350px -125px;
    width: 18px;
    height: 18px;
    float: left;
    margin-left: 5px;
    content: "";
  }
  .table-container-flex .table .no-row-text {
    text-align: center;
    margin-top: 25px;
  }
  .table-container-flex .table .no-row-text a {
    cursor: pointer;
  }
  .table-container-flex .table .table-btn-col {
    line-height: 0px;
    text-align: center;
  }
  .table-container-flex .table .table-btn-col .table-delete-btn {
    background-color: transparent;
    border: none;
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -64px -2771px;
    width: 11px;
    height: 13px;
    opacity: 0.8;
  }
  .table-container-flex .table .table-btn-col .table-edit-btn {
    background-color: transparent;
    border: none;
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -51px -3339px;
    width: 12px;
    height: 12px;
    opacity: 0.8;
    margin-right: 10px;
  }
  .table-container-flex .table .table-btn-col .table-save-btn {
    background-color: transparent;
    border: none;
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -157px -4089px;
    width: 12px;
    height: 12px;
  }
  .table-container-flex .table .table-btn-col .table-download-btn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin-left: 10px;
    opacity: 0.8;
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -51px -3390px;
    width: 12px;
    height: 11px;
  }
  .table-container-flex .no-row-text {
    text-align: center;
    font-size: 15px;
    border-bottom: 1px solid #d8d8d8;
    width: 300px;
    margin: 26px auto;
    padding-bottom: 22px;
  }
  .table-container-flex .flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .table-container-flex .flex-item {
    width: 10px;
    line-height: 25px;
    padding: 5px 15px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-align: left;
  }
  .tlv-btn {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-family: omnes-medium, Sans-Serif;
    height: 32px;
    min-width: 96px;
    line-height: 30px;
    padding: 0 16px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
  }
  .tlv-btn:disabled {
    opacity: .4;
    pointer-events: none;
  }
  .tlv-btn.blue {
    background-color: #009fdb;
    border: 1px solid #0091c8;
    color: #fff;
  }
  .tlv-btn.blue:hover {
    background-color: #1ec2ff;
  }
  .tlv-btn.blue:active {
    background-color: #0091c7;
    border: 1px solid #006186;
    outline: none;
  }
  .tlv-btn.blue:focus {
    border-color: #009fdb;
    box-shadow: inset 0 0 0 1px #fff;
    outline: none;
  }
  .tlv-btn.white {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    color: #959595;
  }
  .tlv-btn.white:hover {
    border-color: #959595;
  }
  .tlv-btn.white:active {
    background-color: #f2f2f2;
    border: 1px solid #595959;
    outline: none;
  }
  .tlv-btn.white:focus {
    border-color: #959595;
    box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #959595;
    outline: none;
  }
  .tlv-btn.grey {
    background-color: #f8f8f8;
    border: 1px solid #d8d8d8;
    color: #000;
  }
  .tlv-btn.grey:hover {
    border-color: #959595;
  }
  .tlv-btn.grey:active {
    background-color: #d7d7d7;
    border: 1px solid #595959;
    outline: none;
  }
  .tlv-btn.grey:focus {
    background-color: #f8f8f8;
    border-color: #959595;
    box-shadow: inset 0 0 0 1px #ffffff, inset 0 0 0 2px #959595;
    outline: none;
  }
  .tlv-btn.green {
    background-color: #4ca90c;
    border: 1px solid #45a006;
    color: #fff;
  }
  .tlv-btn.green:hover {
    background-color: #5ec616;
  }
  .tlv-btn.green:active {
    background-color: #3f8c0a;
    border: 1px solid #2c6604;
    outline: none;
  }
  .tlv-btn.green:focus {
    box-shadow: inset 0 0 0 1px #fff;
    outline: none;
  }
  .tlv-btn.red {
    background-color: #fc2727;
    border: 1px solid #a01a1a;
    color: #fff;
  }
  .tlv-btn.red:hover {
    background-color: #fc2727;
  }
  .tlv-btn.red:active {
    background-color: #a01a1a;
    border: 1px solid #730202;
    outline: none;
  }
  .tlv-btn.red:focus {
    box-shadow: inset 0 0 0 1px #ffffff;
    outline: none;
  }
  .tlv-btn.outline.blue {
    background-color: #fff;
    border: 1px solid #009fdb;
    color: #009fdb;
  }
  .tlv-btn.outline.blue:hover {
    background-color: #e5f5fb;
  }
  .tlv-btn.outline.blue:active {
    background-color: #b2e2f4;
    border: 1px solid #009fdb;
    outline: none;
  }
  .tlv-btn.outline.blue:focus {
    background-color: #fff;
    border-color: #009fdb;
    box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #009fdb;
    outline: none;
  }
  .tlv-btn.outline.grey {
    background-color: #ffffff;
    border: 1px solid #959595;
    color: #5a5a5a;
  }
  .tlv-btn.outline.grey:hover {
    background-color: #f4f4f4;
    border-color: #959595;
  }
  .tlv-btn.outline.grey:active {
    background-color: #dfdfdf;
    border: 1px solid #959595;
    outline: none;
  }
  .tlv-btn.outline.grey:focus {
    background-color: #fff;
    border-color: #959595;
    box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #959595;
    outline: none;
  }
  .tlv-btn.outline.green {
    background-color: #ffffff;
    border: 1px solid #4ca90c;
    color: #4ca90c;
  }
  .tlv-btn.outline.green:hover {
    background-color: #edf6e6;
    border-color: #4ca90c;
  }
  .tlv-btn.outline.green:active {
    background-color: #c9e5b6;
    border: 1px solid #4ca90c;
    outline: none;
  }
  .tlv-btn.outline.green:focus {
    background-color: #fff;
    border-color: #4ca90c;
    box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #4ca90c;
    outline: none;
  }
  .tlv-btn.outline.red {
    background-color: #ffffff;
    border: 1px solid #cf2a2a;
    color: #cf2a2a;
  }
  .tlv-btn.outline.red:hover {
    background-color: #fae9e9;
    border-color: #cf2a2a;
  }
  .tlv-btn.outline.red:active {
    background-color: #c9e5b6;
    border: 1px solid #cf2a2a;
    outline: none;
  }
  .tlv-btn.outline.red:focus {
    background-color: #fff;
    border-color: #cf2a2a;
    box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 2px #cf2a2a;
    outline: none;
  }
  .tlv-checkbox {
    font-family: clearview-book, Sans-Serif;
    font-size: 14px;
    display: inline-block;
  }
  .tlv-checkbox .tlv-checkbox-i {
    height: 0;
    /*visibility: hidden;*/
    display: none;
    width: 0;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before {
    background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png);
    display: inline-block;
    vertical-align: middle;
    background-position: -10px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before.logo-blue,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before.logo-blue {
    background-position: -10px -20px;
    width: 28px;
    height: 28px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before.user,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before.user {
    background-position: -50px -20px;
    width: 15px;
    height: 20px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .facebook,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .facebook {
    background-position: -10px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .facebook-hover,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .facebook-hover {
    background-position: -10px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .twitter,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .twitter {
    background-position: -50px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .twitter-hover,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .twitter-hover {
    background-position: -50px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .linkedin,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .linkedin {
    background-position: -89px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .linkedin-hover,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .linkedin-hover {
    background-position: -89px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .youtube,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .youtube {
    background-position: -130px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .youtube-hover,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .youtube-hover {
    background-position: -130px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .footer-open,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .footer-open {
    background-position: -250px -59px;
    width: 14px;
    height: 10px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .footer-open-hover,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .footer-open-hover {
    background-position: -250px -79px;
    width: 14px;
    height: 10px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .footer-close,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .footer-close {
    background-position: -230px -59px;
    width: 14px;
    height: 10px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .footer-close-hover,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .footer-close-hover {
    background-position: -230px -79px;
    width: 14px;
    height: 10px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .checkbox-disadbled,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .checkbox-disadbled {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .checkbox,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .checkbox {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .checkbox-hover,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .checkbox-hover {
    background-position: -10px -100px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .checkbox-checked,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .checkbox-checked {
    background-position: -10px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .radio-disabled,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .radio-disabled {
    background-position: -50px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .radio,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .radio {
    background-position: -50px -80px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:checked ~ .tlv-checkbox-label::before .radio-checked,
  .tlv-checkbox .tlv-checkbox-i:checked:hover ~ .tlv-checkbox-label::before .radio-checked {
    background-position: -50px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:disabled ~ .tlv-checkbox-label {
    pointer-events: none;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before {
    background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png);
    display: inline-block;
    vertical-align: middle;
    background-position: -10px -100px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before.logo-blue {
    background-position: -10px -20px;
    width: 28px;
    height: 28px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before.user {
    background-position: -50px -20px;
    width: 15px;
    height: 20px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .facebook {
    background-position: -10px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .facebook-hover {
    background-position: -10px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .twitter {
    background-position: -50px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .twitter-hover {
    background-position: -50px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .linkedin {
    background-position: -89px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .linkedin-hover {
    background-position: -89px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .youtube {
    background-position: -130px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .youtube-hover {
    background-position: -130px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .footer-open {
    background-position: -250px -59px;
    width: 14px;
    height: 10px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .footer-open-hover {
    background-position: -250px -79px;
    width: 14px;
    height: 10px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .footer-close {
    background-position: -230px -59px;
    width: 14px;
    height: 10px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .footer-close-hover {
    background-position: -230px -79px;
    width: 14px;
    height: 10px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .checkbox-disadbled {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .checkbox {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .checkbox-hover {
    background-position: -10px -100px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .checkbox-checked {
    background-position: -10px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .radio-disabled {
    background-position: -50px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .radio {
    background-position: -50px -80px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-i:hover ~ .tlv-checkbox-label::before .radio-checked {
    background-position: -50px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-label {
    /*display: inline-block;*/
    display: block;
    vertical-align: middle;
  }
  .tlv-checkbox .tlv-checkbox-label::before {
    background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png);
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
    content: '';
    display: inline-block;
    margin-right: 4px;
    margin-top: -2px;
    vertical-align: middle;
  }
  .tlv-checkbox .tlv-checkbox-label::before.logo-blue {
    background-position: -10px -20px;
    width: 28px;
    height: 28px;
  }
  .tlv-checkbox .tlv-checkbox-label::before.user {
    background-position: -50px -20px;
    width: 15px;
    height: 20px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .facebook {
    background-position: -10px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .facebook-hover {
    background-position: -10px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .twitter {
    background-position: -50px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .twitter-hover {
    background-position: -50px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .linkedin {
    background-position: -89px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .linkedin-hover {
    background-position: -89px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .youtube {
    background-position: -130px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .youtube-hover {
    background-position: -130px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .footer-open {
    background-position: -250px -59px;
    width: 14px;
    height: 10px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .footer-open-hover {
    background-position: -250px -79px;
    width: 14px;
    height: 10px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .footer-close {
    background-position: -230px -59px;
    width: 14px;
    height: 10px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .footer-close-hover {
    background-position: -230px -79px;
    width: 14px;
    height: 10px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .checkbox-disadbled {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .checkbox {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .checkbox-hover {
    background-position: -10px -100px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .checkbox-checked {
    background-position: -10px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .radio-disabled {
    background-position: -50px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .radio {
    background-position: -50px -80px;
    width: 14px;
    height: 14px;
  }
  .tlv-checkbox .tlv-checkbox-label::before .radio-checked {
    background-position: -50px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio {
    font-size: 14px;
    display: inline-block;
  }
  .tlv-radio .tlv-radio-i {
    height: 0;
    visibility: hidden;
    width: 0;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before {
    background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png);
    display: inline-block;
    vertical-align: middle;
    background-position: -50px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before.logo-blue {
    background-position: -10px -20px;
    width: 28px;
    height: 28px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before.user {
    background-position: -50px -20px;
    width: 15px;
    height: 20px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .facebook {
    background-position: -10px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .facebook-hover {
    background-position: -10px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .twitter {
    background-position: -50px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .twitter-hover {
    background-position: -50px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .linkedin {
    background-position: -89px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .linkedin-hover {
    background-position: -89px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .youtube {
    background-position: -130px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .youtube-hover {
    background-position: -130px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .footer-open {
    background-position: -250px -59px;
    width: 14px;
    height: 10px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .footer-open-hover {
    background-position: -250px -79px;
    width: 14px;
    height: 10px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .footer-close {
    background-position: -230px -59px;
    width: 14px;
    height: 10px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .footer-close-hover {
    background-position: -230px -79px;
    width: 14px;
    height: 10px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .checkbox-disadbled {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .checkbox {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .checkbox-hover {
    background-position: -10px -100px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .checkbox-checked {
    background-position: -10px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .radio-disabled {
    background-position: -50px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .radio {
    background-position: -50px -80px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-i:checked ~ .tlv-radio-label::before .radio-checked {
    background-position: -50px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-i:disabled ~ .tlv-radio-label {
    opacity: .6;
  }
  .tlv-radio .tlv-radio-label {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
  }
  .tlv-radio .tlv-radio-label::before {
    background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png);
    background-position: -50px -80px;
    width: 14px;
    height: 14px;
    content: '';
    display: inline-block;
    margin-right: 4px;
    margin-top: -2px;
    vertical-align: middle;
  }
  .tlv-radio .tlv-radio-label::before.logo-blue {
    background-position: -10px -20px;
    width: 28px;
    height: 28px;
  }
  .tlv-radio .tlv-radio-label::before.user {
    background-position: -50px -20px;
    width: 15px;
    height: 20px;
  }
  .tlv-radio .tlv-radio-label::before .facebook {
    background-position: -10px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-label::before .facebook-hover {
    background-position: -10px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-label::before .twitter {
    background-position: -50px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-label::before .twitter-hover {
    background-position: -50px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-label::before .linkedin {
    background-position: -89px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-label::before .linkedin-hover {
    background-position: -89px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-label::before .youtube {
    background-position: -130px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-label::before .youtube-hover {
    background-position: -130px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-radio .tlv-radio-label::before .footer-open {
    background-position: -250px -59px;
    width: 14px;
    height: 10px;
  }
  .tlv-radio .tlv-radio-label::before .footer-open-hover {
    background-position: -250px -79px;
    width: 14px;
    height: 10px;
  }
  .tlv-radio .tlv-radio-label::before .footer-close {
    background-position: -230px -59px;
    width: 14px;
    height: 10px;
  }
  .tlv-radio .tlv-radio-label::before .footer-close-hover {
    background-position: -230px -79px;
    width: 14px;
    height: 10px;
  }
  .tlv-radio .tlv-radio-label::before .checkbox-disadbled {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-label::before .checkbox {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-label::before .checkbox-hover {
    background-position: -10px -100px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-label::before .checkbox-checked {
    background-position: -10px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-label::before .radio-disabled {
    background-position: -50px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-label::before .radio {
    background-position: -50px -80px;
    width: 14px;
    height: 14px;
  }
  .tlv-radio .tlv-radio-label::before .radio-checked {
    background-position: -50px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-loader {
    height: 63px;
    width: 63px;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .tlv-loader.small {
    -webkit-transform: scale(0.26);
            transform: scale(0.26);
    margin-top: -36.5px;
    margin-left: -36.5px;
  }
  .tlv-loader.medium {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    margin-top: -26.5px;
    margin-left: -26.5px;
  }
  .tlv-loader.large {
    -webkit-transform: scale(1);
            transform: scale(1);
    margin-top: -10.5px;
    margin-left: -10.5px;
  }
  .tlv-loader::before {
    background-color: #eaeaea;
    border-radius: 50%;
    box-shadow: 21px 21px 0px 0px #eaeaea, 0px 42px 0px 0px #eaeaea, -21px 21px 0px 0px #eaeaea;
    content: '';
    display: block;
    height: 21px;
    width: 21px;
    position: absolute;
    left: 50%;
    margin-left: -10.5px;
  }
  .tlv-loader::after {
    border-radius: 50%;
    content: '';
    display: block;
    position: absolute;
    height: 21px;
    width: 21px;
    -webkit-animation: dot-move-2 4.5s infinite ease-in;
            animation: dot-move-2 4.5s infinite ease-in;
  }
  @-webkit-keyframes dot-move {
    0% {
      background-color: #3bb2df;
      left: 21px;
      top: 0;
    }
    25% {
      background-color: #ffb81c;
      left: 42px;
      top: 21px;
    }
    50% {
      background-color: #caa2dd;
      left: 21px;
      top: 42px;
    }
    75% {
      background-color: #d9e51c;
      left: 0;
      top: 21px;
    }
    100% {
      background-color: #3bb2df;
      left: 21px;
      top: 0;
    }
  }
  @keyframes dot-move {
    0% {
      background-color: #3bb2df;
      left: 21px;
      top: 0;
    }
    25% {
      background-color: #ffb81c;
      left: 42px;
      top: 21px;
    }
    50% {
      background-color: #caa2dd;
      left: 21px;
      top: 42px;
    }
    75% {
      background-color: #d9e51c;
      left: 0;
      top: 21px;
    }
    100% {
      background-color: #3bb2df;
      left: 21px;
      top: 0;
    }
  }
  @-webkit-keyframes dot-move-2 {
    0% {
      background-color: #3bb2df;
      left: 21px;
      top: 0;
    }
    6.25% {
      background-color: #3bb2df;
      left: 42px;
      top: 21px;
    }
    12.5% {
      background-color: #3bb2df;
      left: 21px;
      top: 42px;
    }
    18.75% {
      background-color: #3bb2df;
      left: 0;
      top: 21px;
    }
    25% {
      background-color: #ffb81c;
      left: 21px;
      top: 0;
    }
    31.25% {
      background-color: #ffb81c;
      left: 42px;
      top: 21px;
    }
    37.5% {
      background-color: #ffb81c;
      left: 21px;
      top: 42px;
    }
    43.75% {
      background-color: #ffb81c;
      left: 0;
      top: 21px;
    }
    50% {
      background-color: #caa2dd;
      left: 21px;
      top: 0;
    }
    56.25% {
      background-color: #caa2dd;
      left: 42px;
      top: 21px;
    }
    62.5% {
      background-color: #caa2dd;
      left: 21px;
      top: 42px;
    }
    68.75% {
      background-color: #caa2dd;
      left: 0;
      top: 21px;
    }
    75% {
      background-color: #d9e51c;
      left: 21px;
      top: 0;
    }
    81.25% {
      background-color: #d9e51c;
      left: 42px;
      top: 21px;
    }
    87.5% {
      background-color: #d9e51c;
      left: 21px;
      top: 42px;
    }
    93.75% {
      background-color: #d9e51c;
      left: 0;
      top: 21px;
    }
    100% {
      background-color: #3bb2df;
      left: 21px;
      top: 0;
    }
  }
  @keyframes dot-move-2 {
    0% {
      background-color: #3bb2df;
      left: 21px;
      top: 0;
    }
    6.25% {
      background-color: #3bb2df;
      left: 42px;
      top: 21px;
    }
    12.5% {
      background-color: #3bb2df;
      left: 21px;
      top: 42px;
    }
    18.75% {
      background-color: #3bb2df;
      left: 0;
      top: 21px;
    }
    25% {
      background-color: #ffb81c;
      left: 21px;
      top: 0;
    }
    31.25% {
      background-color: #ffb81c;
      left: 42px;
      top: 21px;
    }
    37.5% {
      background-color: #ffb81c;
      left: 21px;
      top: 42px;
    }
    43.75% {
      background-color: #ffb81c;
      left: 0;
      top: 21px;
    }
    50% {
      background-color: #caa2dd;
      left: 21px;
      top: 0;
    }
    56.25% {
      background-color: #caa2dd;
      left: 42px;
      top: 21px;
    }
    62.5% {
      background-color: #caa2dd;
      left: 21px;
      top: 42px;
    }
    68.75% {
      background-color: #caa2dd;
      left: 0;
      top: 21px;
    }
    75% {
      background-color: #d9e51c;
      left: 21px;
      top: 0;
    }
    81.25% {
      background-color: #d9e51c;
      left: 42px;
      top: 21px;
    }
    87.5% {
      background-color: #d9e51c;
      left: 21px;
      top: 42px;
    }
    93.75% {
      background-color: #d9e51c;
      left: 0;
      top: 21px;
    }
    100% {
      background-color: #3bb2df;
      left: 21px;
      top: 0;
    }
  }
  .tlv-sprite {
    background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png);
    display: inline-block;
    vertical-align: middle;
  }
  .tlv-sprite.logo-blue {
    background-position: -10px -20px;
    width: 28px;
    height: 28px;
  }
  .tlv-sprite.user {
    background-position: -50px -20px;
    width: 15px;
    height: 20px;
  }
  .tlv-sprite .facebook {
    background-position: -10px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-sprite .facebook-hover {
    background-position: -10px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-sprite .twitter {
    background-position: -50px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-sprite .twitter-hover {
    background-position: -50px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-sprite .linkedin {
    background-position: -89px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-sprite .linkedin-hover {
    background-position: -89px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-sprite .youtube {
    background-position: -130px -260px;
    width: 36px;
    height: 36px;
  }
  .tlv-sprite .youtube-hover {
    background-position: -130px -300px;
    width: 36px;
    height: 36px;
  }
  .tlv-sprite .footer-open {
    background-position: -250px -59px;
    width: 14px;
    height: 10px;
  }
  .tlv-sprite .footer-open-hover {
    background-position: -250px -79px;
    width: 14px;
    height: 10px;
  }
  .tlv-sprite .footer-close {
    background-position: -230px -59px;
    width: 14px;
    height: 10px;
  }
  .tlv-sprite .footer-close-hover {
    background-position: -230px -79px;
    width: 14px;
    height: 10px;
  }
  .tlv-sprite .checkbox-disadbled {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-sprite .checkbox {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-sprite .checkbox-hover {
    background-position: -10px -100px;
    width: 14px;
    height: 14px;
  }
  .tlv-sprite .checkbox-checked {
    background-position: -10px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-sprite .radio-disabled {
    background-position: -50px -60px;
    width: 14px;
    height: 14px;
  }
  .tlv-sprite .radio {
    background-position: -50px -80px;
    width: 14px;
    height: 14px;
  }
  .tlv-sprite .radio-checked {
    background-position: -50px -120px;
    width: 14px;
    height: 14px;
  }
  .tlv-x-btn,
  .tlv-x-btn:hover {
    background-position: -17px -147px;
    width: 10px;
    height: 10px;
  }
  div.tooltips {
    position: relative;
    display: inline;
    float: right;
    z-index: 1;
    top: 30px;
    left: 85px;
  }
  div.tooltips span {
    background-color: #000000;
    position: absolute;
    width: 230px;
    color: #ffffff;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
    visibility: hidden;
  }
  div.tooltips span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-right: 8px solid #000000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
  }
  .w-sdc-canvas-tooltip {
    position: absolute;
    z-index: 100;
  }
  .w-sdc-canvas-tooltip .w-sdc-custom-tooltip {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    position: relative;
    color: white;
    padding: 10px;
    height: 25px;
    min-width: 100px;
    background-color: rgba(80, 99, 113, 0.9);
    border-radius: 2px;
    line-height: 2px;
    text-align: center;
  }
  .w-sdc-canvas-tooltip .w-sdc-custom-tooltip .w-sdc-tooltip-arrow {
    position: absolute;
    bottom: 25px;
    right: 20px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(80, 99, 113, 0.9);
    border-top: transparent;
    border-width: 7px;
    border-style: solid;
  }
  .qtip-custom {
    border-radius: 2px;
    background-color: #506371;
    border-color: #506371;
    color: white;
    font-size: 13px;
  }
  .tooltip-custom {
    background-color: rgba(80, 99, 113, 0.9);
    z-index: 1100;
    border-radius: 2px;
    max-width: 280px;
    text-align: center;
    word-break: normal;
    word-wrap: break-word;
    padding-right: 10px;
    padding-left: 10px;
  }
  ._720kb-tooltip-caret:before {
    border: 6px solid rgba(80, 99, 113, 0.9);
  }
  .tooltip-rightside {
    right: 2px;
    left: initial !important;
  }
  .tooltip-rightside ._720kb-tooltip-caret:before {
    right: 21px;
    left: initial;
  }
  .tab-tooltip {
    max-width: 220px;
    white-space: nowrap;
  }
  .break-word-tooltip {
    word-break: break-all;
    margin-right: 2px;
  }
  .icon-tooltip {
    margin-left: 12px;
    right: initial !important;
  }
  .icon-tooltip ._720kb-tooltip-caret:before {
    left: 44px;
    right: initial;
  }
  .uib-custom-tooltip {
    z-index: 999999;
  }
  .uib-custom-tooltip .tooltip-inner {
    background-color: rgba(80, 99, 113, 0.9);
    padding: 5px 10px 5px 10px;
    border-radius: 2px;
  }
  .tooltip {
    /* &.right {
          white-space: nowrap;
          max-width: none;
          .tooltip-arrow {
              border-right-color: rgba(80, 99, 113, 0.9);
          }
      }
      &.left {
          white-space:nowrap;
          max-width:none;
          .tooltip-arrow {
              border-left-color: rgba(80, 99, 113, 0.9);
          }
      }*/
  }
  .tooltip.bottom .tooltip-arrow {
    margin-left: -6px !important;
    border-width: 0 6px 6px !important;
    border-bottom-color: rgba(80, 99, 113, 0.9) !important;
  }
  .sprite-welcome {
    background-image: url(/sdc1/scripts/images/sprite.4ac353404a50a330a3e4.png);
    display: inline-block;
    vertical-align: middle;
  }
  .sprite-welcome.logo {
    background-position: 0 0;
    width: 149px;
    height: 47px;
    position: absolute;
    top: 25px;
    left: 20px;
  }
  .sprite-welcome.play {
    background-position: 0 -60px;
    width: 120px;
    height: 120px;
  }
  .sprite-welcome.close {
    background-position: -166px -11px;
    width: 25px;
    height: 25px;
  }
  .sprite-welcome.close_white {
    background-position: -166px -37px;
    width: 25px;
    height: 25px;
  }
  .sprite-welcome.recycle {
    background-position: -125px -60px;
    width: 24px;
    height: 24px;
  }
  .sprite-welcome.idea {
    background-position: -159px -57px;
    width: 23px;
    height: 25px;
  }
  .sprite-welcome.jigsaw {
    background-position: -125px -94px;
    width: 25px;
    height: 25px;
  }
  .sprite-welcome.ball {
    background-position: -159px -95px;
    width: 23px;
    height: 23px;
  }
  html,
  body {
    height: 100%;
  }
  * {
    box-sizing: border-box;
  }
  .sdc-welcome-new-page {
    opacity: 0;
    height: 100%;
    background-color: #ffffff;
  }
  .sdc-welcome-new-page .sdc-welcome-close {
    position: absolute;
    right: 38px;
    top: 30px;
    z-index: 101;
    cursor: pointer;
    background-image: url(/sdc1/scripts/images/sprite.4ac353404a50a330a3e4.png);
    display: inline-block;
    vertical-align: middle;
    background-position: -166px -11px;
    width: 25px;
    height: 25px;
  }
  .sdc-welcome-new-page .sdc-welcome-close.logo {
    background-position: 0 0;
    width: 149px;
    height: 47px;
    position: absolute;
    top: 25px;
    left: 20px;
  }
  .sdc-welcome-new-page .sdc-welcome-close.play {
    background-position: 0 -60px;
    width: 120px;
    height: 120px;
  }
  .sdc-welcome-new-page .sdc-welcome-close.close {
    background-position: -166px -11px;
    width: 25px;
    height: 25px;
  }
  .sdc-welcome-new-page .sdc-welcome-close.close_white {
    background-position: -166px -37px;
    width: 25px;
    height: 25px;
  }
  .sdc-welcome-new-page .sdc-welcome-close.recycle {
    background-position: -125px -60px;
    width: 24px;
    height: 24px;
  }
  .sdc-welcome-new-page .sdc-welcome-close.idea {
    background-position: -159px -57px;
    width: 23px;
    height: 25px;
  }
  .sdc-welcome-new-page .sdc-welcome-close.jigsaw {
    background-position: -125px -94px;
    width: 25px;
    height: 25px;
  }
  .sdc-welcome-new-page .sdc-welcome-close.ball {
    background-position: -159px -95px;
    width: 23px;
    height: 23px;
  }
  .sdc-welcome-new-page .sdc-welcome-close:hover {
    background-position: -166px -37px;
    width: 25px;
    height: 25px;
  }
  .sdc-welcome-new-page .sdc-welcome-wrapper {
    height: 100vh;
    width: 100%;
    background-size: cover;
    position: relative;
    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;
    background-image: url(/sdc1/scripts/images/002.0e8b873c6341b047550f.png);
  }
  .sdc-welcome-new-page .sdc-welcome-main {
    text-align: center;
    position: absolute;
    bottom: 40%;
    z-index: 1;
    color: #fff;
    left: 0;
    width: 100%;
  }
  .sdc-welcome-new-page .sdc-welcome-cover {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(14, 13, 12, 0.8);
    z-index: 0;
  }
  .footer-wrapper {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #222222;
    color: #ffffff;
    font-family: "Arial";
    font-size: 11px;
    height: 89px;
  }
  .footer-wrapper a {
    color: #ffffff;
    margin: 0;
    padding: 0;
    text-decoration: underline;
  }
  .divider-footer-bottom {
    margin: 0 auto;
    width: 1020px;
  }
  .footer-copyright-text {
    display: inline-block;
    width: 612px;
    margin-top: 18px;
    margin-left: 50px;
    text-align: left;
    vertical-align: top;
  }
  .footer-logo1 {
    display: inline-block;
    margin-top: 20px;
    margin-left: 124px;
  }
  .footer-logo2 {
    margin-top: 22px;
    margin-left: 9px;
    display: inline-block;
    font-size: 24px;
    vertical-align: top;
  }
  .sdc-header-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    /* LEVEL 1 */
    /* LEVEL 2 */
    /* LEVEL 3 */
    /* LEVEL 4 */
  }
  .sdc-header-wrapper ul {
    margin: 0;
    padding: 0;
  }
  .sdc-header-wrapper .sdc-header {
    background-color: #067ab4;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 20px;
  }
  .sdc-header-wrapper .sdc-header .sdc-menu {
    -webkit-box-flex: 98;
        -ms-flex-positive: 98;
            flex-grow: 98;
  }
  .sdc-header-wrapper .sdc-menu-top-level {
    list-style: none;
  }
  .sdc-header-wrapper .sdc-menu-top-level .sdc-menu-top-level-item:first-child {
    margin-left: 0;
  }
  .sdc-header-wrapper .sdc-menu-top-level .sdc-menu-top-level-item {
    display: inline-block;
    margin: 0 20px;
    position: relative;
  }
  .sdc-header-wrapper .sdc-menu-top-level .sdc-menu-top-level-item a {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    text-decoration: none;
  }
  .sdc-header-wrapper .sdc-menu-top-level .sdc-menu-top-level-item span.selected {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #f8f8f8;
  }
  .sdc-header-wrapper .sdc-menu-second-level {
    background-color: #f8f8f8;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.33);
    height: 60px;
    list-style: none;
    line-height: 60px;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 20px;
    position: fixed;
    left: 0;
    right: 0;
  }
  .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item:first-child {
    margin-left: 0;
  }
  .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item {
    display: inline-block;
    height: 60px;
    line-height: 60px;
  }
  .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item.sdc-menu-item-hover {
    border-bottom: 4px solid #067ab4;
  }
  .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item a {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    padding: 0 20px;
    display: block;
    /* fix jump when hovering text */
  }
  .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item a:hover {
    color: #191919;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    font-weight: bold;
  }
  .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item a:active {
    font-weight: bold;
  }
  .sdc-header-wrapper .sdc-menu-second-level .sdc-menu-second-level-item a:after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
  }
  .sdc-header-wrapper ul.sdc-menu-third-level {
    background-color: #ffffff;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    min-height: 370px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    /*flex-wrap: wrap;*/
    position: fixed;
    top: 120px;
    left: 0;
    right: 0;
    padding: 0 40px;
  }
  .sdc-header-wrapper ul.sdc-menu-third-level li.sdc-menu-third-level-item {
    height: 40px;
    line-height: 40px;
    position: relative;
    /*width: @max-item-width;*/
    max-width: 250px;
  }
  .sdc-header-wrapper ul.sdc-menu-third-level li.sdc-menu-third-level-item .sdc-menu-third-level-title {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
    display: block;
    padding: 0 20px;
    line-height: 20px;
    margin-top: 20px;
    font-weight: bold;
    cursor: pointer;
  }
  .sdc-header-wrapper ul.sdc-menu-third-level li.sdc-menu-third-level-item .sdc-menu-four-level-seperator {
    position: absolute;
    border-right: solid 1px #e5e5e5;
    height: 350px;
    top: 10px;
  }
  .sdc-header-wrapper ul.sdc-menu-third-level li.sdc-menu-third-level-item:first-child .sdc-menu-four-level-seperator {
    border: none;
  }
  .sdc-header-wrapper ul.sdc-menu-four-level {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 10px;
  }
  .sdc-header-wrapper ul.sdc-menu-four-level li.sdc-menu-four-level-item {
    display: block;
    /*width: @max-item-width;*/
    max-width: 250px;
    line-height: 20px;
  }
  .sdc-header-wrapper ul.sdc-menu-four-level li.sdc-menu-four-level-item a {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
    display: block;
  }
  .sdc-header-wrapper ul.sdc-menu-four-level li.sdc-menu-four-level-item a:hover {
    color: #191919;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    font-weight: bold;
  }
  .sdc-logo-wrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
    white-space: nowrap;
    min-width: 210px;
    text-align: left;
    position: relative;
  }
  .sdc-logo-wrapper .sdc-logo {
    background-image: url("/assets/styles/images/att_logo_white.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 55px;
    height: 55px;
  }
  .sdc-logo-wrapper .sdc-header-version {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 10px;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    position: absolute;
    top: 34px;
    line-height: 20px;
    left: 56px;
  }
  .sdc-logo-wrapper a.sdc-header-title {
    color: #ffffff;
    font-family: omnes-light, sans-serif;
    font-size: 24px;
    text-decoration: none;
  }
  .sdc-user-wrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
  }
  .sdc-user-wrapper .sdc-user-icon {
    margin-right: 20px;
    background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png);
    display: inline-block;
    vertical-align: middle;
    background-position: -50px -20px;
    width: 15px;
    height: 20px;
  }
  .sdc-user-wrapper .sdc-user-icon.logo-blue {
    background-position: -10px -20px;
    width: 28px;
    height: 28px;
  }
  .sdc-user-wrapper .sdc-user-icon.user {
    background-position: -50px -20px;
    width: 15px;
    height: 20px;
  }
  .sdc-user-wrapper .sdc-user-icon .facebook {
    background-position: -10px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-user-wrapper .sdc-user-icon .facebook-hover {
    background-position: -10px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-user-wrapper .sdc-user-icon .twitter {
    background-position: -50px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-user-wrapper .sdc-user-icon .twitter-hover {
    background-position: -50px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-user-wrapper .sdc-user-icon .linkedin {
    background-position: -89px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-user-wrapper .sdc-user-icon .linkedin-hover {
    background-position: -89px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-user-wrapper .sdc-user-icon .youtube {
    background-position: -130px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-user-wrapper .sdc-user-icon .youtube-hover {
    background-position: -130px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-user-wrapper .sdc-user-icon .footer-open {
    background-position: -250px -59px;
    width: 14px;
    height: 10px;
  }
  .sdc-user-wrapper .sdc-user-icon .footer-open-hover {
    background-position: -250px -79px;
    width: 14px;
    height: 10px;
  }
  .sdc-user-wrapper .sdc-user-icon .footer-close {
    background-position: -230px -59px;
    width: 14px;
    height: 10px;
  }
  .sdc-user-wrapper .sdc-user-icon .footer-close-hover {
    background-position: -230px -79px;
    width: 14px;
    height: 10px;
  }
  .sdc-user-wrapper .sdc-user-icon .checkbox-disadbled {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .sdc-user-wrapper .sdc-user-icon .checkbox {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .sdc-user-wrapper .sdc-user-icon .checkbox-hover {
    background-position: -10px -100px;
    width: 14px;
    height: 14px;
  }
  .sdc-user-wrapper .sdc-user-icon .checkbox-checked {
    background-position: -10px -120px;
    width: 14px;
    height: 14px;
  }
  .sdc-user-wrapper .sdc-user-icon .radio-disabled {
    background-position: -50px -60px;
    width: 14px;
    height: 14px;
  }
  .sdc-user-wrapper .sdc-user-icon .radio {
    background-position: -50px -80px;
    width: 14px;
    height: 14px;
  }
  .sdc-user-wrapper .sdc-user-icon .radio-checked {
    background-position: -50px -120px;
    width: 14px;
    height: 14px;
  }
  .sdc-user-wrapper .sdc-user-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sdc-user-wrapper .sdc-user-details-name-role {
    line-height: 20px;
  }
  .sdc-user-wrapper .sdc-user-details-name-role .sdc-user-details-name {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    font-weight: bold;
    display: inline-block;
  }
  .sdc-user-wrapper .sdc-user-details-name-role .sdc-user-details-role {
    font-weight: bold;
    display: inline-block;
    margin-left: 6px;
  }
  .sdc-user-wrapper .sdc-user-details-name-role .sdc-user-details-role:before {
    content: '';
    margin-right: 8px;
    border-left: 1px solid #a8b3b9;
  }
  .sdc-user-wrapper .sdc-user-details-last-login {
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
    display: block;
    line-height: 20px;
    height: 20px;
  }
  .edit-name-popover {
    max-width: none;
    width: 310px;
    left: initial !important;
    right: 10px;
    z-index: 100;
  }
  .edit-name-popover .arrow {
    left: 95% !important;
    border-width: 7px;
    bottom: -8px !important;
  }
  .popover {
    border-radius: 0;
  }
  .popover .top > .arrow {
    bottom: -8px !important;
  }
  .popover .popover-title {
    background-color: transparent;
    border-bottom: 2px solid #40b7e4;
    margin-left: 20px;
    margin-right: 20px;
    padding: 8px 14px 8px 0px;
    font-family: omnes-medium, sans-serif;
    font-weight: bold;
  }
  .popover .popover-content {
    width: inherit;
    padding: 9px 20px;
  }
  .popover .form-group {
    margin-top: 9px;
  }
  .popover .popover-btn {
    float: right;
    margin-left: 10px;
    margin-bottom: 20px;
  }
  .popover .close-popover-btn {
    position: absolute;
    top: 11px;
    right: 25px;
  }
  .popover .close-popover-btn:hover {
    cursor: pointer;
  }
  .popover .popover-input {
    height: 47px;
    margin-bottom: 5px;
  }
  .popover .popover-label {
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    margin-bottom: 10px;
    font-family: omnes-medium, sans-serif;
    color: #000000;
  }
  .popover .w-sdc-form .i-sdc-form-item {
    margin-bottom: 0px;
  }
  label.tlv-checkbox {
    font-weight: normal;
  }
  /*
  input[type="checkbox"] {
      display:none;
  }

  input[type="checkbox"] + label span {
      margin-right: 6px;
      vertical-align: text-bottom;
      .sprite-new;
      .checkbox_unchecked;
      cursor:pointer;
  }

  input[type="checkbox"]:checked + label span {
      vertical-align: text-bottom;
      .sprite-new;
      .checkbox_checked;
  }

  input[type="checkbox"]:focus + label span {
      vertical-align: text-bottom;
      .sprite-new;
      .checkbox_focus;
  }

  input[type="checkbox"][disabled] + label{
      vertical-align: text-bottom;
      .sprite-new;
      .checkbox_disabled;
  }
  */
  .ellipsis-directive-more-less {
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    float: right;
    margin-right: 17px;
    line-height: 23px;
    text-decoration: underline;
    text-align: left;
  }
  .i-sdc-form-file-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    width: 100%;
    color: #8c8c8c;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 2px;
    border: solid 1px #cfcfcf;
    height: 30px;
  }
  .i-sdc-form-file-upload input[type="file"] {
    cursor: inherit;
    display: block;
    filter: alpha(opacity=0);
    width: 100px;
    height: 30px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
  }
  .i-sdc-form-file-upload .i-sdc-form-file-name {
    -webkit-box-flex: 999;
        -ms-flex-positive: 999;
            flex-grow: 999;
    text-align: left;
    padding: 3px 10px;
    opacity: 0.6;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .i-sdc-form-file-upload .i-sdc-form-file-upload-x-btn {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -157px -4044px;
    width: 8px;
    height: 8px;
    cursor: pointer;
    top: 10px;
    right: 9px;
    width: 10px;
    position: relative;
  }
  .i-sdc-form-file-upload .i-sdc-form-file-upload-label {
    float: right;
    width: 100px;
    height: 100%;
    background-color: #ECEFF3;
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .i-sdc-form-file-upload .i-sdc-form-file-upload-label .file-upload-browse-btn {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 4px 6px;
    cursor: pointer;
    z-index: 999;
    position: absolute;
    width: 100px;
    height: 28px;
    text-align: center;
  }
  .i-sdc-form-file-upload .i-sdc-form-file-upload-label .file-upload-browse-btn.disabled {
    cursor: default;
  }
  .i-sdc-form-file-upload.error {
    border-color: #da1f3d;
    outline: none;
    box-sizing: border-box;
  }
  composition-graph {
    display: block;
    height: 100%;
    width: 100%;
  }
  composition-graph .sdc-composition-graph-wrapper {
    height: 100%;
    width: 100%;
  }
  composition-graph .view-only {
    background-color: #f8f8f8;
  }
  deployment-graph {
    display: block;
    height: 100%;
    width: 100%;
  }
  deployment-graph .sdc-deployment-graph-wrapper {
    height: 100%;
    width: 100%;
  }
  deployment-graph .view-only {
    background-color: #f8f8f8;
  }
  .drag-icon-border {
    border: 7px solid red;
    border-radius: 500px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    width: 53px;
    height: 53px;
  }
  .drag-icon-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
  }
  .drag-icon-circle .sprite-resource-icons {
    position: absolute;
    top: 10px;
    left: 10px;
  }
  .drag-icon-circle.red {
    background: rgba(218, 31, 61, 0.3);
  }
  .drag-icon-circle.green {
    background: rgba(29, 154, 149, 0.3);
  }
  .node-substitute {
    display: none;
    position: absolute;
    z-index: 9999;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    text-align: center;
  }
  .node-substitute span {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .node-substitute img {
    height: 40px;
    width: 40px;
    box-shadow: 0 0 0 10px rgba(29, 154, 149, 0.3);
    border-radius: 50%;
    -webkit-user-drag: none;
    -moz-user-drag: none;
    user-drag: none;
  }
  .node-substitute.red img {
    box-shadow: 0 0 0 10px rgba(218, 31, 61, 0.3);
  }
  .node-substitute.bounce img {
    -webkit-animation: bounceOut 0.3s linear;
    animation: bounceOut 0.3s linear;
  }
  @keyframes bounceOut {
    0% {
      box-shadow: 0 0 0 10px rgba(29, 154, 149, 0.3);
      width: 40px;
      height: 40px;
    }
    60% {
      box-shadow: 0 0 0 0px rgba(29, 154, 149, 0.3);
      width: 60px;
      height: 60px;
    }
    85% {
      box-shadow: 0 0 0 0px rgba(29, 154, 149, 0.3);
      width: 75px;
      height: 75px;
    }
    100% {
      box-shadow: 0 0 0 0px rgba(29, 154, 149, 0.3);
      width: 60px;
      height: 60px;
    }
  }
  @-webkit-keyframes bounceOut {
    0% {
      box-shadow: 0 0 0 10px rgba(29, 154, 149, 0.3);
      width: 40px;
      height: 40px;
    }
    60% {
      box-shadow: 0 0 0 0px rgba(29, 154, 149, 0.3);
      width: 60px;
      height: 60px;
    }
    85% {
      box-shadow: 0 0 0 0px rgba(29, 154, 149, 0.3);
      width: 75px;
      height: 75px;
    }
    100% {
      box-shadow: 0 0 0 0px rgba(29, 154, 149, 0.3);
      width: 60px;
      height: 60px;
    }
  }
  .link-menu-open {
    display: block !important;
    color: #5a5a5a;
    font-size: 14px;
    position: absolute;
    z-index: 99999;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
    width: 460px;
    height: 418px;
  }
  .link-menu-open h4 {
    width: 50%;
    float: left;
    background-color: #eaeaea;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
    margin: 0;
    padding: 0 15px;
  }
  .link-menu-open h4 + h4 {
    border-left: #d8d8d8 1px solid;
  }
  .link-menu-open p {
    clear: both;
    text-indent: 15px;
    border-bottom: #d8d8d8 1px solid;
    line-height: 34px;
    margin: 0;
    color: #191919;
  }
  .link-menu-open .scrollbar-container {
    height: 232px;
    width: 50%;
    float: left;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
  }
  .link-menu-open .scrollbar-container + .scrollbar-container {
    border-left: #d8d8d8 1px solid;
  }
  .link-menu-open .scrollbar-container .inner-title {
    width: 189px;
    margin: 5px auto 3px auto;
    color: #191919;
    text-transform: uppercase;
    font-weight: bold;
  }
  .link-menu-open .scrollbar-container .link-item {
    padding: 0 10px;
    line-height: 23px;
    height: 23px;
    text-indent: 5px;
    cursor: pointer;
  }
  .link-menu-open .scrollbar-container .link-item.selected {
    background-color: #e6f6fb;
  }
  .link-menu-open .vl-type {
    height: 33px;
    border-top: #d8d8d8 solid 1px;
    clear: both;
    padding: 0 10px;
    line-height: 32px;
    color: #5a5a5a;
  }
  .link-menu-open .vl-type.disabled {
    background-color: #f2f2f2;
    color: #a8b3b9;
  }
  .link-menu-open .vl-type .info-icon {
    float: right;
    margin-top: 9px;
  }
  .link-menu-open .vl-type .tlv-radio {
    margin-right: 10px;
  }
  .link-menu-open .result {
    background-color: #5a5a5a;
    line-height: 29px;
    color: #ffffff;
    padding: 0 15px;
  }
  .link-menu-open button {
    float: right;
    margin-top: 9px;
    margin-right: 10px;
  }
  .link-menu-item {
    cursor: pointer;
    line-height: 24px;
    padding: 0 10px;
  }
  .link-menu-item:hover {
    color: #3b7b9b;
  }
  .link-menu::before {
    right: inherit !important;
    left: 50px;
  }
  .i-sdc-designer-sidebar-capabilities-requirements {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .i-sdc-designer-sidebar-capabilities-requirements.description {
    margin-top: 28px;
    white-space: normal;
    word-wrap: break-word;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px 10px 10px 18px;
    position: relative;
    cursor: default;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations .i-sdc-designer-sidebar-section-content-item-button {
    top: 15px;
    line-height: 10px;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations:hover {
    background-color: #ffffff;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations:hover .i-sdc-designer-sidebar-section-content-item-button {
    display: block;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .w-sdc-designer-sidebar-section-relations:not(:last-child) .i-sdc-designer-sidebar-section-content-item-relations-group:last-child .i-sdc-designer-sidebar-section-content-item-relations:last-child {
    border-bottom: none;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations.hand {
    cursor: pointer;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-name {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
    max-width: 240px;
    display: inline-block;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-ownerName {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-ownerName:before {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -262px -4041px;
    width: 11px;
    height: 10px;
    content: '';
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-desc {
    color: #8c8c8c;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    line-height: 14px;
    word-wrap: break-word;
    white-space: normal;
    max-width: 265px;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-desc .i-sdc-designer-sidebar-section-content-item-relations-details-indent-box {
    border-left: 1px #848586 solid;
    height: 40px;
    margin-left: 2px;
    margin-top: 5px;
    border-bottom: 1px #848586 solid;
    width: 25px;
    float: left;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-desc .i-sdc-designer-sidebar-section-content-item-relations-details-child {
    margin-top: 30px;
    float: left;
    padding-left: 10px;
    max-width: 230px;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-details-desc-label {
    font-family: omnes-medium, sans-serif;
  }
  .i-sdc-designer-sidebar-capabilities-requirements .i-sdc-designer-sidebar-section-content-item-relations-view {
    position: absolute;
    right: 0;
    top: 22px;
    display: none;
  }
  .info-tooltip {
    position: fixed;
    z-index: 1070;
    display: block;
    width: 250px;
  }
  .info-tooltip .info-tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #009fdb transparent;
    position: relative;
    left: 2px;
  }
  .info-tooltip .info-tooltip-content {
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.5);
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    border-top: 3px solid #009fdb;
    position: relative;
    background-color: white;
  }
  .info-tooltip .info-tooltip-content.right {
    left: -13px;
  }
  .info-tooltip .info-tooltip-content.left {
    left: -223px;
  }
  .info-tooltip .info-tooltip-content .close-tooltip {
    float: right;
    margin: 5px;
  }
  .info-tooltip .info-tooltip-content .info-tooltip-message {
    margin: 15px;
    word-break: normal;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    line-height: normal;
  }
  .expanded .input-row {
    background-color: #e6f6fb;
  }
  .input-row {
    padding-left: 45px;
    background: #f8f8f8;
    border: #d2d2d2 solid 1px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    margin: 1px 0px 1px 0px;
  }
  .input-row.selected {
    background-color: #e6f6fb;
  }
  .input-row .flex-item {
    min-height: 60px;
    padding: 0 15px;
  }
  .input-row .input-check-box {
    padding-right: 10px;
    margin-top: 9px;
  }
  .input-row > .title-text {
    text-align: start;
    padding: 4px 35px 0 35px;
  }
  .input-row .expand-collapse-inputs-table-icon {
    margin-top: 15px;
  }
  .input-row .delete {
    width: 50px;
    padding: 0;
    position: relative;
  }
  .input-row .remove-input-icon {
    position: absolute;
    top: 12px;
    right: 18px;
  }
  .input-row .remove-input-icon:hover {
    background-position: -702px -231px;
    width: 11px;
    height: 13px;
  }
  .input-row:hover {
    background-color: #D3DBE0;
  }
  .property-row {
    border-bottom: 1px solid rgba(120, 136, 148, 0.26);
    padding-left: 10px;
  }
  .property-row .property-name-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .property-row .type-schema-container {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    border-left: 1px solid rgba(120, 136, 148, 0.26);
    text-align: left;
    line-height: 30px;
    text-transform: capitalize;
    width: 10px;
  }
  .property-row .property-check-box {
    padding-right: 10px;
    margin-top: 9px;
  }
  .property-row:hover {
    background-color: #f2f2f2;
  }
  .expanded .flex-container .expand-collapse-inputs-table-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    left: 0px;
  }
  .top-nav {
    position: fixed;
    top: 0px;
    background-color: #ffffff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.33);
    width: 100%;
    height: 50px;
    line-height: 50px;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .top-nav .asdc-app-title-wrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    line-height: 16px;
    margin: 0 20px;
  }
  .top-nav .asdc-app-title-wrapper a.asdc-app-title {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 18px;
    text-decoration: none;
  }
  .top-nav .asdc-app-title-wrapper .asdc-version {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    line-height: 14px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .top-nav ul.top-menu {
    list-style-type: none;
    margin: 0 0 0 20px;
    padding: 0;
    -webkit-box-flex: 999;
        -ms-flex-positive: 999;
            flex-grow: 999;
  }
  .top-nav ul.top-menu > li {
    float: left;
    cursor: pointer;
    line-height: 50px;
    height: 50px;
    padding: 0 20px;
    /*&:hover {
                  border-bottom: solid 4px @main_color_a;
              }*/
  }
  .top-nav ul.top-menu > li.selected {
    border-bottom: solid 4px #009fdb;
  }
  .top-nav ul.top-menu > li.selected a {
    color: #191919;
  }
  .top-nav ul.top-menu > li a {
    font-family: omnes-medium, sans-serif;
    color: #5a5a5a;
    font-size: 18px;
    display: block;
    text-align: center;
    text-decoration: none;
  }
  .top-nav ul.top-menu > li.triangle-dropdown {
    padding: 0;
    position: relative;
  }
  .top-nav ul.top-menu > li.triangle-dropdown div.triangle {
    margin-top: 15px;
    border-radius: 2px;
    width: 17px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 10px;
  }
  .top-nav ul.top-menu > li.triangle-dropdown div.triangle:hover {
    background-color: rgba(156, 156, 156, 0.2);
  }
  .top-nav ul.top-menu > li.triangle-dropdown div.triangle:hover span {
    background-position: -600px -235px;
    width: 5px;
    height: 8px;
  }
  .top-nav ul.top-menu > li.triangle-dropdown + li a {
    font-size: 16px;
  }
  .top-nav ul.top-menu > li.triangle-dropdown .ps-container {
    position: relative;
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 1;
    overflow: hidden;
    max-height: 0;
    transition: max-height 200ms ease-in;
  }
  .top-nav ul.top-menu > li.triangle-dropdown .ps-container div ul {
    padding: 0;
    background-color: white;
  }
  .top-nav ul.top-menu > li.triangle-dropdown .ps-container div ul li {
    height: 35px;
    background-color: white;
    font-size: 13px;
    width: 150px;
    line-height: 35px;
    padding: 0 10px;
  }
  .top-nav ul.top-menu > li.triangle-dropdown .ps-container div ul li.disabled {
    opacity: 1;
  }
  .top-nav ul.top-menu > li.triangle-dropdown .ps-container div ul li.selected {
    background-color: #e6f6fb;
    font-weight: bold;
  }
  .top-nav ul.top-menu > li.triangle-dropdown .ps-container div ul li:hover {
    color: #009fdb;
  }
  .top-nav ul.top-menu > li.triangle-dropdown .ps-container div ul li span {
    height: 35px;
    width: 130px;
    display: inline-block;
  }
  .top-nav ul.top-menu > li.triangle-dropdown.item-click:hover .ps-container,
  .top-nav ul.top-menu > li.triangle-dropdown.item-click:active .ps-container {
    max-height: 500px;
    border: 1px solid #0568ae;
    border-radius: 2px;
    box-shadow: 0px 2px 2px 0px rgba(24, 24, 25, 0.1);
  }
  .top-nav .top-search {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0 20px;
  }
  .top-nav .top-search input.search-text {
    border-radius: 2px;
    width: 245px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #d2d2d2;
    outline: none;
    text-indent: 10px;
    /* Safari, Chrome and Opera */
    /* Firefox 18- */
    /* Firefox 19+ */
    /* IE 10+ */
    /* Edge */
    /*   font-style: italic;
              }*/
    /* Firefox 18- */
    /* Firefox 19+ */
    /* IE 10+ */
    /* Edge */
  }
  .top-nav .top-search input.search-text::-webkit-input-placeholder {
    font-style: italic;
  }
  .top-nav .top-search input.search-text:-moz-placeholder {
    font-style: italic;
  }
  .top-nav .top-search input.search-text::-moz-placeholder {
    font-style: italic;
  }
  .top-nav .top-search input.search-text:-ms-input-placeholder {
    font-style: italic;
  }
  .top-nav .top-search input.search-text:-ms-input-placeholder {
    font-style: italic;
  }
  .top-nav .top-search input.search-text::-moz-placeholder {
    font-style: italic;
  }
  .top-nav .top-search input.search-text:-ms-input-placeholder {
    font-style: italic;
  }
  .top-nav .top-search input.search-text:-ms-input-placeholder {
    font-style: italic;
  }
  .top-nav .top-search .magnification {
    position: absolute;
    top: 19px;
    right: 26px;
  }
  .top-nav .notification-icon {
    cursor: pointer;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0 10px 6px 0;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -54px -143px;
    width: 26px;
    height: 29px;
  }
  .top-nav .notification-icon:hover {
    background-position: -154px -143px;
    width: 26px;
    height: 29px;
  }
  .top-nav .notification-icon:active {
    background-position: -104px -143px;
    width: 26px;
    height: 29px;
  }
  .top-progress {
    text-align: left;
  }
  .top-progress .sdc-progress-title {
    color: #959595;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
    height: 17px;
    display: block;
  }
  .top-progress .sdc-progress-title .progress-percentage {
    float: right;
  }
  .top-progress .sdc-progress {
    position: relative;
    display: block;
    height: 6px;
    background-color: #d2d2d2;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  }
  .top-progress .sdc-progress .progress-bar {
    border-radius: 3px;
    background-color: #009fdb;
  }
  .top-progress .sdc-progress-success-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .top-progress .sdc-progress-success-wrapper .sdc-progress-success-title {
    color: #4ca90c;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
    margin-left: 10px;
  }
  .top-progress .sdc-progress-success-wrapper .sdc-progress-success {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -50px -703px;
    width: 20px;
    height: 20px;
  }
  .top-progress .sdc-progress-error-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .top-progress .sdc-progress-error-wrapper .sdc-progress-error-title {
    color: #cf2a2a;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
    margin-left: 10px;
  }
  .top-progress .sdc-progress-error-wrapper .sdc-progress-error {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -51px -751px;
    width: 13px;
    height: 11px;
  }
  .tlv-loader-back {
    background-color: #ffffff;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0.5;
  }
  .tlv-loader-relative {
    position: absolute;
    top: 0;
  }
  .tlv-loader {
    z-index: 10002;
  }
  @keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 0.8;
    }
  }
  /* Firefox < 16 */
  /* Safari, Chrome and Opera > 12.1 */
  @-webkit-keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 0.8;
    }
  }
  /* Internet Explorer */
  /* Opera < 12.1 */
  @keyframes fadeout {
    from {
      opacity: 0.8;
    }
    to {
      opacity: 0;
    }
  }
  /* Firefox < 16 */
  /* Safari, Chrome and Opera > 12.1 */
  @-webkit-keyframes fadeout {
    from {
      opacity: 0.8;
    }
    to {
      opacity: 0;
    }
  }
  /* Internet Explorer */
  /* Opera < 12.1 */
  .ellipsis-directive-more-less {
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    float: right;
    margin-right: 17px;
    line-height: 23px;
    text-decoration: underline;
    text-align: left;
  }
  .data-type-fields-structure {
    background-color: #e6f6fb;
    padding: 10px;
    display: table-caption;
  }
  .data-type-fields-structure .open-close {
    position: relative;
  }
  .data-type-fields-structure .open-close .open-close-button {
    position: absolute;
    top: 50%;
    margin-top: -7px;
  }
  .data-type-fields-structure .open-close .open-close-button.expand {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -378px -888px;
    width: 14px;
    height: 14px;
  }
  .data-type-fields-structure .open-close .open-close-button.collapse {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -334px -888px;
    width: 14px;
    height: 14px;
  }
  .data-type-fields-structure .data-type-name {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
    margin-left: 22px;
  }
  .data-type-fields-structure .i-sdc-form-input:disabled {
    opacity: 0.4 !important;
    cursor: auto;
    background-color: transparent;
    pointer-events: none;
  }
  .data-type-fields-structure .property {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 365px;
    min-height: 46px;
  }
  .data-type-fields-structure .property input[type="text"],
  .data-type-fields-structure .property select {
    width: 170px;
  }
  .data-type-fields-structure .property .property-name {
    float: left;
    margin-top: 8px;
  }
  .data-type-fields-structure .property .primitive-value-field {
    float: right;
    margin-top: 8px;
    margin-left: 10px;
  }
  .data-type-fields-structure .property .inner-structure {
    display: -webkit-box;
  }
  .data-type-fields-structure [ng-switch-when="map"] {
    margin-top: 8px;
    margin-left: 10px;
  }
  .data-type-fields-structure [ng-switch-when="map"] .map-item {
    border: solid 1px #d2d2d2;
    min-width: 401px;
    min-height: 69px;
    float: none !important;
  }
  .data-type-fields-structure [ng-switch-when="map"] .add-map-item {
    width: auto;
    float: none;
  }
  .data-type-fields-structure [ng-switch-when="map"] .add-map-item:nth-child(1) {
    position: relative;
    top: 6px;
  }
  .data-type-fields-structure [ng-switch-when="map"] .add-map-item .add-btn {
    float: none;
  }
  .data-type-fields-structure [ng-switch-when="list"] {
    float: left;
    margin-top: 8px;
    margin-left: 10px;
    min-width: 280px;
  }
  .data-type-fields-structure [ng-switch-when="list"] .dt-list-item {
    border: solid 1px #d2d2d2;
  }
  .data-type-fields-structure [ng-switch-when="list"] .list-value-items {
    width: 280px;
  }
  .list-new-item {
    float: left;
    width: 50%;
    min-width: 221px;
    margin-right: 15px;
  }
  .list-new-item input {
    min-width: 221px;
  }
  .list-value-items {
    border-radius: 2px;
    border: 1px solid #d2d2d2;
    padding-bottom: 10px;
    min-height: 100px;
    clear: both;
    background-color: white;
  }
  .list-value-items .list-value-item {
    display: inline-block;
    background-color: #e6f6fb;
    margin: 10px 0 0 10px;
    padding: 0 8px;
  }
  .list-value-items .list-value-item .delete-list-item {
    margin: 0 0 0 2px;
    cursor: pointer;
  }
  .add-btn {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    cursor: pointer;
  }
  .add-btn.add-list-item {
    float: left;
    margin-top: 5px;
    width: 44px;
  }
  .add-btn:before {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -50px -231px;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    content: "";
  }
  .add-btn:hover {
    color: #056bae;
  }
  .add-btn:hover:before {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -100px -231px;
    width: 12px;
    height: 12px;
  }
  .dt-list {
    display: table-caption;
  }
  .dt-list .dt-list-item {
    border-radius: 3px;
    background-color: #e6f6fb;
    display: inline-block;
  }
  .dt-list .dt-list-item .delete-dt-list-item {
    float: right;
    position: relative;
    top: 5px;
    right: 5px;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -675px -231px;
    width: 11px;
    height: 13px;
  }
  .dt-list .dt-list-item .delete-dt-list-item:hover {
    background-position: -702px -231px;
    width: 11px;
    height: 13px;
  }
  .dt-list .dt-list-item .data-type-name {
    margin-right: 16px;
  }
  .dt-list > .add-list-item {
    float: none;
  }
  .add-map-item {
    width: 400px;
  }
  .add-map-item:nth-child(odd) {
    float: right;
  }
  .add-map-item:nth-child(1) {
    float: none;
  }
  .add-map-item:nth-child(1) .add-btn {
    float: none;
  }
  .add-map-item .add-btn {
    width: 44px;
    float: right;
  }
  .add-map-item.schema-data-type {
    float: none;
  }
  .add-map-item.schema-data-type .add-btn {
    float: none;
  }
  .add-btn {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    cursor: pointer;
  }
  .add-btn:before {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -50px -231px;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    content: "";
  }
  .add-btn:hover {
    color: #056bae;
  }
  .add-btn:hover:before {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -100px -231px;
    width: 12px;
    height: 12px;
  }
  .map-item {
    min-width: 389px;
    min-height: 65px;
    background-color: #e6f6fb;
    border-radius: 3px;
    margin-bottom: 8px;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .map-item:nth-child(even).primitive-value-map {
    float: right;
  }
  .map-item .delete-map-item {
    float: right;
    position: relative;
    top: 5px;
    right: 5px;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -675px -231px;
    width: 11px;
    height: 13px;
  }
  .map-item .delete-map-item:hover {
    background-position: -702px -231px;
    width: 11px;
    height: 13px;
  }
  .map-item .map-item-field {
    margin: 7px 12px !important;
    float: left;
    min-width: 170px;
    min-height: 50px;
  }
  .map-item .map-item-field select {
    width: 171px;
  }
  .map-item .map-item-field input[type="text"] {
    width: 170px;
  }
  .map-item .map-item-field > .data-type-fields-structure {
    padding: 0;
  }
  .sdc-tabs-body {
    height: 100%;
    width: 330px;
  }
  .sdc-tabs-body .sdc-tabs {
    display: inline-block;
    width: 40px;
    vertical-align: top;
    position: relative;
    z-index: 99;
  }
  .sdc-tabs-body .sdc-tabs .sdc-tab-arrow {
    cursor: pointer;
    width: 40px;
    height: 20px;
    background-color: #eaeaea;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.17);
    text-align: center;
    padding: 1px 4px 0px 0px;
  }
  .sdc-tabs-body .sdc-tabs .sdc-tab-arrow:hover {
    background-color: #d2d2d2;
  }
  .sdc-tabs-body .sdc-tabs .sdc-tab {
    cursor: pointer;
    width: 40px;
    height: 43px;
    background-color: #eaeaea;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.17);
    text-align: center;
  }
  .sdc-tabs-body .sdc-tabs .sdc-tab .sdc-tab-icon {
    margin-top: 12px;
  }
  .sdc-tabs-body .sdc-tabs .selected {
    background-color: #f8f8f8;
  }
  .sdc-tabs-body .sdc-tabs .last-tab {
    border-bottom-left-radius: 12px;
  }
  .sdc-tabs-body .not-active {
    position: absolute;
    right: 0px;
  }
  .sdc-tabs-body .sdc-single-tab-content {
    padding: 15px 0px 0px 0px;
    width: 290px;
    background-color: #f8f8f8;
    height: 100%;
    display: inline-block;
    bottom: 0;
    top: 0;
    position: absolute;
    box-shadow: 0.3px 1px 3px rgba(24, 24, 25, 0.42);
  }
  .sdc-tabs-body .sdc-single-tab-content .sdc-single-tab-content-body {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .selectPropertyType .tlv-radio-label {
    margin-top: -7px;
  }
  .data-type-fields-structure {
    background-color: #e6f6fb;
    padding: 10px;
    display: table-caption;
  }
  .data-type-fields-structure .open-close {
    position: relative;
  }
  .data-type-fields-structure .open-close .open-close-button {
    position: absolute;
    top: 50%;
    margin-top: -7px;
  }
  .data-type-fields-structure .open-close .open-close-button.expand {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -378px -888px;
    width: 14px;
    height: 14px;
  }
  .data-type-fields-structure .open-close .open-close-button.collapse {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -334px -888px;
    width: 14px;
    height: 14px;
  }
  .data-type-fields-structure .existInputContainer {
    height: 30px;
    width: 20px;
    position: relative;
  }
  .data-type-fields-structure .existInput {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -101px -707px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 18px;
    left: 3px;
  }
  .data-type-fields-structure .data-type-name {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
    margin-left: 22px;
  }
  .data-type-fields-structure .i-sdc-form-input:disabled {
    opacity: 0.4 !important;
    cursor: auto;
    background-color: transparent;
    pointer-events: none;
  }
  .data-type-fields-structure .i-sdc-form-input:disabled[type="text"] {
    opacity: 1 !important;
    background-color: #f8f8f8;
    color: black;
  }
  .data-type-fields-structure .property {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 365px;
    min-height: 46px;
  }
  .data-type-fields-structure .property input[type="text"],
  .data-type-fields-structure .property select {
    width: 170px;
  }
  .data-type-fields-structure .property .property-name {
    float: left;
    margin-top: 8px;
  }
  .data-type-fields-structure .property .primitive-value-field {
    float: right;
    margin-top: 8px;
    margin-left: 10px;
  }
  .data-type-fields-structure .property .inner-structure {
    display: -webkit-box;
  }
  .data-type-fields-structure [ng-switch-when="map"] {
    margin-top: 8px;
    margin-left: 10px;
  }
  .data-type-fields-structure [ng-switch-when="map"] .map-item {
    border: solid 1px #d2d2d2;
    min-width: 401px;
    min-height: 69px;
    float: none !important;
  }
  .data-type-fields-structure [ng-switch-when="map"] .add-map-item {
    width: auto;
    float: none;
  }
  .data-type-fields-structure [ng-switch-when="map"] .add-map-item:nth-child(1) {
    position: relative;
    top: 6px;
  }
  .data-type-fields-structure [ng-switch-when="map"] .add-map-item .add-btn {
    float: none;
  }
  .data-type-fields-structure [ng-switch-when="list"] {
    float: left;
    margin-top: 8px;
    margin-left: 10px;
    min-width: 280px;
  }
  .data-type-fields-structure [ng-switch-when="list"] .dt-list-item {
    border: solid 1px #d2d2d2;
  }
  .data-type-fields-structure [ng-switch-when="list"] .list-value-items {
    width: 280px;
  }
  .list-new-item {
    float: left;
    width: 50%;
    min-width: 221px;
    margin-right: 15px;
  }
  .list-new-item input {
    min-width: 221px;
  }
  .list-value-items {
    border-radius: 2px;
    border: 1px solid #d2d2d2;
    padding-bottom: 10px;
    min-height: 100px;
    clear: both;
    background-color: white;
  }
  .list-value-items .list-value-item {
    display: inline-block;
    background-color: #e6f6fb;
    margin: 10px 0 0 10px;
    padding: 0 8px;
  }
  .list-value-items .list-value-item .delete-list-item {
    margin: 0 0 0 2px;
    cursor: pointer;
  }
  .add-btn {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    cursor: pointer;
  }
  .add-btn.add-list-item {
    float: left;
    margin-top: 5px;
    width: 44px;
  }
  .add-btn:before {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -50px -231px;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    content: "";
  }
  .add-btn:hover {
    color: #056bae;
  }
  .add-btn:hover:before {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -100px -231px;
    width: 12px;
    height: 12px;
  }
  .dt-list {
    display: table-caption;
  }
  .dt-list .dt-list-item {
    border-radius: 3px;
    background-color: #e6f6fb;
    display: inline-block;
  }
  .dt-list .dt-list-item .delete-dt-list-item {
    float: right;
    position: relative;
    top: 5px;
    right: 5px;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -675px -231px;
    width: 11px;
    height: 13px;
  }
  .dt-list .dt-list-item .delete-dt-list-item:hover {
    background-position: -702px -231px;
    width: 11px;
    height: 13px;
  }
  .dt-list .dt-list-item .data-type-name {
    margin-right: 16px;
  }
  .dt-list > .add-list-item {
    float: none;
  }
  .add-map-item {
    width: 400px;
  }
  .add-map-item:nth-child(odd) {
    float: right;
  }
  .add-map-item:nth-child(1) {
    float: none;
  }
  .add-map-item:nth-child(1) .add-btn {
    float: none;
  }
  .add-map-item .add-btn {
    width: 44px;
    float: right;
  }
  .add-map-item.schema-data-type {
    float: none;
  }
  .add-map-item.schema-data-type .add-btn {
    float: none;
  }
  .add-btn {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    cursor: pointer;
  }
  .add-btn:before {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -50px -231px;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    content: "";
  }
  .add-btn:hover {
    color: #056bae;
  }
  .add-btn:hover:before {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -100px -231px;
    width: 12px;
    height: 12px;
  }
  .map-item {
    min-width: 389px;
    min-height: 65px;
    background-color: #e6f6fb;
    border-radius: 3px;
    margin-bottom: 8px;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .map-item:nth-child(even).primitive-value-map {
    float: right;
  }
  .map-item .delete-map-item {
    float: right;
    position: relative;
    top: 5px;
    right: 5px;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -675px -231px;
    width: 11px;
    height: 13px;
  }
  .map-item .delete-map-item:hover {
    background-position: -702px -231px;
    width: 11px;
    height: 13px;
  }
  .map-item .map-item-field {
    margin: 7px 12px !important;
    float: left;
    min-width: 170px;
    min-height: 50px;
  }
  .map-item .map-item-field select {
    width: 171px;
  }
  .map-item .map-item-field input[type="text"] {
    width: 170px;
  }
  .map-item .map-item-field > .data-type-fields-structure {
    padding: 0;
  }
  .structure-tree {
    padding: 9px 0px 10px 30px;
    position: relative;
  }
  .structure-tree ul {
    position: relative;
    list-style: none;
    padding-left: 25px;
  }
  .structure-tree ul ::before {
    content: "";
    position: absolute;
    left: -27px;
  }
  .structure-tree ul ::after {
    content: "";
    position: absolute;
    left: -27px;
  }
  .structure-tree ul li {
    position: relative;
  }
  .structure-tree ul li::before {
    border-top: 1px solid #666666;
    top: 20px;
    width: 10px;
    height: 0;
  }
  .structure-tree ul li::after {
    border-left: 1px solid #666666;
    height: 100%;
    width: 0px;
    top: -2px;
  }
  .structure-tree ul li:last-child::after {
    height: 23px;
  }
  .structure-tree .component-container {
    display: inline-block;
    margin: 6px 0px 0px -16px;
  }
  .structure-tree .component-container-icon {
    display: inline-block;
  }
  .structure-tree .component-container-text {
    padding-left: 8px;
    float: right;
    text-overflow: ellipsis;
    max-width: 120px;
    display: inline-block;
    white-space: nowrap;
    font-size: 13px;
    color: #666666;
    overflow: hidden;
    line-height: 28px;
    float: none;
  }
  .structure-tree .non-certified {
    position: relative;
    left: 18px;
    bottom: 8px;
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -157px -3386px;
    width: 15px;
    height: 15px;
    display: block;
  }
  .sdc-tag {
    background-color: #F2F2F2 ;
    border-radius: 4px;
    min-width: 150px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px;
    margin: 2px;
  }
  .sdc-tag .tag {
    display: inline-block;
  }
  .sdc-tag .category {
    margin-right: 4px;
    margin-left: 25px;
    width: 25px;
  }
  .sdc-tag .relation-categoty-icon {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -100px -4351px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    vertical-align: middle;
  }
  .sdc-tag .relation-categoty-icon:hover {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -52px -4351px;
    width: 24px;
    height: 24px;
  }
  .sdc-tag .delete-icon {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -52px -4041px;
    width: 10px;
    height: 11px;
    cursor: pointer;
    vertical-align: middle;
  }
  .tag-tooltip-wrap {
    background-color: rgba(80, 99, 113, 0.9);
    position: relative;
    display: inline-block;
    margin: -5px -14px 0px -14px;
  }
  .w-sdc-header-user-container {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    width: 400px;
    -ms-flex-preferred-size: 400px;
        flex-basis: 400px;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .w-sdc-header-user-icon {
    background: no-repeat url('/assets/styles/images/anonymous.jpg');
    border-radius: 50%;
    height: 47px;
    width: 47px;
    background-size: cover;
    border: solid 2px #a8b3b9;
    -ms-flex-preferred-size: 47px;
        flex-basis: 47px;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .w-sdc-header-user-details {
    padding: 4px 4px 4px 14px;
    display: table-cell;
    vertical-align: middle;
  }
  .w-sdc-header-user-name {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    font-weight: bold;
    display: inline-block;
  }
  .w-sdc-header-user-role {
    font-weight: bold;
    display: inline-block;
    margin-left: 6px;
  }
  .w-sdc-header-user-role:before {
    content: '';
    margin-right: 8px;
    border-left: 1px solid #a8b3b9;
  }
  .w-sdc-header-user-last-login {
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
    display: block;
  }
  .w-sdc-header-logout-icon {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE5RjgxM0QxMDgzQTExRTVBQzA2OTg5ODlFNDVBNTZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE5RjgxM0QyMDgzQTExRTVBQzA2OTg5ODlFNDVBNTZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTlGODEzQ0YwODNBMTFFNUFDMDY5ODk4OUU0NUE1NkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTlGODEzRDAwODNBMTFFNUFDMDY5ODk4OUU0NUE1NkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Riq1bAAAA20lEQVR42mJ0CUv+z0Aa+AvEertXzrmGLMgCpZcD8S4iDfoDxHfQBWEGnQLasICBAsDEQCUwcAa5hqeEAHEKNVykB8SzgYZVUGpQPRDPAOJ2oGHNZBsEjF1QussC4mlAXAM0rAM5+tHDwQJIVRBh7m0gLgeql6ZarLHgcP4JIBWAJ+YYgdQUIPYH4k6g+gpyop8RGj6gcGoGGYLTRQRAIxBnAHEl0JAOvF4jAC4BcSrQkDkEw4hA9K8ZGpkW5jUzYGwkkFCwrQJ68Rc2gyKhmNii9hwQoxS1AAEGAO5PP/+ClIDAAAAAAElFTkSuQmCC');
    height: 20px;
    width: 18px;
    position: absolute;
    right: 20px;
    top: 29px;
  }
  .main-wrap {
    text-align: center;
  }
  .main-wrap .header {
    background-color: #c6e6f2;
    height: 42px;
    border-bottom: 1px solid rgba(0, 159, 219, 0.6);
    border-top: 1px solid rgba(0, 159, 219, 0.6);
  }
  .main-wrap .header .title {
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    line-height: 42px;
    padding-left: 18px;
    float: left;
  }
  .main-wrap .header .buttons {
    float: right;
    padding-right: 11px;
    line-height: 42px;
  }
  .main-wrap .header .buttons span {
    vertical-align: middle;
  }
  .main-wrap .header .buttons .search,
  .main-wrap .header .buttons .order-by {
    margin-right: 5px;
  }
  .main-wrap .header .buttons .search {
    display: none;
  }
  .main-wrap .search-box {
    border-radius: 2px;
    height: 30px;
    width: 275px;
    border: 1px #067ab4 solid;
    margin: 8px 0;
    padding: 0 5px;
  }
  .expand-collapse-menu-box {
    line-height: 20px;
    background-color: #f8f8f8;
  }
  .expand-collapse-menu-box .expand-collapse-header {
    border-bottom: 1px solid #d2d2d2;
    height: 53px;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .expand-collapse-menu-box .expand-collapse-menu-box-title {
    font-family: omnes-medium, sans-serif;
    font-size: 18px;
    color: #009fdb;
    cursor: pointer;
  }
  .expand-collapse-menu-box .expand-collapse-menu-box-title .w-sdc-designer-sidebar-section-title-text {
    max-width: 185px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    padding: 8px 0;
  }
  .expand-collapse-menu-box .expand-collapse-menu-box-title.expanded .expand-collapse-menu-box-title-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .expand-collapse-menu-box .expand-collapse-menu-box-title-icon {
    cursor: pointer;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -350px -236px;
    width: 12px;
    height: 7px;
    margin-right: 6px;
    transition: .3s all;
    position: relative;
    vertical-align: text-top;
    margin-left: 14px;
    vertical-align: 14px;
  }
  .expand-collapse-menu-box .w-sdc-designer-sidebar-section-content {
    overflow: hidden;
  }
  .expand-collapse-menu-box .w-sdc-designer-sidebar-section-content .expand-collapse-menu-box-item {
    cursor: pointer;
    padding-left: 14px;
    font-family: omnes-medium, sans-serif;
    color: #5a5a5a;
    line-height: 18px;
  }
  .expand-collapse-menu-box .w-sdc-designer-sidebar-section-content .expand-collapse-menu-box-item.selected {
    background-color: #009fdb;
    color: #ffffff;
  }
  .ellipsis-directive-more-less {
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    float: right;
    margin-right: 10px;
    line-height: 23px;
    text-decoration: underline;
    text-align: left;
  }
  .tags-box {
    height: 116px;
    background-color: #ffffff;
  }
  .tags-box .perfect-scrollbar {
    height: 85px;
  }
  .tags-box .new-tag-input {
    display: block;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border: solid 1px #d8d8d8;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 2px 10px;
    outline: none;
  }
  .tags-box .tags-wrapper {
    padding: 10px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border: solid 1px #d8d8d8;
    border-top: none;
  }
  .tags-box .tags-wrapper .group-tag {
    display: inline-block;
  }
  .tags-box .tags-wrapper .group-tag .sdc-tag {
    border: solid 1px #959595;
    background-color: #ffffff;
    min-width: auto;
  }
  .tags-box .tags-wrapper .group-tag .sdc-tag .tag {
    margin-right: 10px;
  }
  .tags-box .tags-wrapper.view-mode .group-tag {
    opacity: 1;
    background-color: #f8f8f8 !important;
  }
  .tags-box .tags-wrapper.view-mode .group-tag .sdc-tag {
    background: none;
    border-color: #d2d2d2;
  }
  .sdc-admin-container {
    height: 100%;
  }
  .sdc-admin-container .sdc-admin-top-bar-menu {
    background-color: #e1e7ec;
    height: 44px;
    padding-left: 260px;
    box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.33);
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 2;
  }
  .sdc-admin-container .sdc-admin-top-bar-menu .sdc-admin-top-bar-menu-tab {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 15px;
    cursor: pointer;
    height: 44px;
    background-color: transparent;
    position: relative;
    padding: 0px 10px 0px 10px;
    border: none;
    outline: none;
    margin-right: 15px;
  }
  .sdc-admin-container .sdc-admin-top-bar-menu .sdc-admin-top-bar-menu-tab.selected {
    outline: none;
    border-bottom: solid 4px #3196c9;
  }
  .sdc-admin-container .sdc-admin-top-bar-menu .sdc-admin-top-bar-menu-monitor-btn {
    background-color: #3b7b9b;
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
    float: right;
    border: none;
    position: relative;
    padding: 11px 24px;
  }
  .sdc-admin-container .sdc-admin-body {
    background-color: #ECEFF3;
    padding: 40px 260px 60px 260px;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .category-management .row {
    display: table;
    width: 70%;
    min-width: 800px;
    margin: auto;
  }
  .category-management .row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
    background-color: white;
    border: 1px solid #c1c1c1;
    padding: 0;
  }
  .category-management .row [class*="col-"]:not(:last-child) {
    border-right: none;
  }
  .category-management .row [class*="col-"] h4 {
    float: left;
    color: white;
    background-color: #9ba8b0;
    margin: 0;
    padding: 0px 0px 0px 16px;
    width: 100%;
    height: 31px;
    font-size: 15px;
  }
  .category-management .row [class*="col-"] h4 span {
    display: inline-block;
    line-height: 30px;
    margin-right: 5px;
    padding: 0 7px;
  }
  .category-management .row [class*="col-"] h4 span.selected {
    border-bottom: 2px #067ab4 solid;
  }
  .category-management .row [class*="col-"] h4 + span {
    cursor: pointer;
    float: right;
    display: inline-block;
    background-color: #3b7c9c;
    text-align: center;
    padding: 5.5px 0px;
    width: 60px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    color: white;
  }
  .category-management .row [class*="col-"] .perfect-scrollbar {
    width: 100%;
    height: 500px;
    margin-top: 40px;
    margin-bottom: 15px;
  }
  .category-management .row [class*="col-"] ul {
    clear: both;
    margin: 5px 0 10px 0;
    list-style-type: none;
    padding: 0;
    position: relative;
  }
  .category-management .row [class*="col-"] ul li {
    cursor: pointer;
    padding: 0 8px;
    text-indent: 9px;
    font-size: 13px;
    line-height: 25px;
    border: 1px solid white;
    border-right: none;
    border-left: none;
    margin-right: 5px;
  }
  .category-management .row [class*="col-"] ul li button {
    background-color: transparent;
    border: none;
    float: right;
    margin: 5px 3px;
    display: none;
  }
  .category-management .row [class*="col-"] ul li:hover {
    background-color: #d9e6ec;
    color: #3b7b9b;
    border-color: #d9e6ec;
  }
  .category-management .row [class*="col-"] ul li:hover button {
    display: inline-block;
  }
  .category-management .row [class*="col-"] ul li.selected {
    background-color: #dbe6ec;
    color: #3b7b9b;
    border-color: rgba(59, 123, 155, 0.42);
  }
  .category-management .row [class*="col-"] ul li.selected.gray {
    background-color: rgba(155, 168, 176, 0.09);
    border-color: white;
  }
  .sdc-user-management-top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .sdc-user-management-top-bar label {
    color: #445663;
    font-family: omnes-medium, sans-serif;
    font-size: 15px;
  }
  .sdc-user-management-top-bar .sdc-user-management-top-bar-form-input,
  .sdc-user-management-top-bar .sdc-user-management-top-bar-form-select {
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    color: #666666;
    height: 28px;
    padding-left: 10px;
    border-radius: 2px;
    border: 1px solid #cfcfcf;
  }
  .sdc-user-management-top-bar .sdc-user-management-top-bar-search-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    width: 400px;
  }
  .sdc-user-management-top-bar .sdc-user-management-top-bar-search-container label {
    margin-bottom: 20px;
  }
  .sdc-user-management-top-bar .sdc-user-management-top-bar-search-container .w-sdc-search-icon {
    right: 11px;
    top: 49px;
  }
  .sdc-user-management-top-bar .vertical-border-container {
    min-width: 50px;
    margin: 0px auto;
  }
  .sdc-user-management-top-bar .vertical-border-container .vertical-border {
    width: 1px;
    height: 70px;
    background-color: #cdcdcd;
    display: table;
    margin: 0 auto;
  }
  .sdc-user-management-top-bar .sdc-user-management-top-bar-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sdc-user-management-top-bar .sdc-user-management-top-bar-title {
    color: #445663;
    font-family: omnes-medium, sans-serif;
    font-size: 15px;
    font-weight: bold;
  }
  .sdc-user-management-top-bar .sdc-user-management-top-bar-create-user-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    float: right;
    padding-top: 0px;
    text-align: left;
    width: 650px;
  }
  .sdc-user-management-top-bar .sdc-user-management-top-bar-create-user-container label {
    margin-bottom: 20px;
  }
  .sdc-user-management-top-bar .sdc-user-management-top-bar-create-user-container .sdc-user-management-top-bar-form-container {
    width: 233px;
    margin-right: 35px;
  }
  .sdc-user-management-top-bar .sdc-user-management-top-bar-create-user-container .sdc-user-management-top-bar-create-btn {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    border: 0;
    height: 38px;
    line-height: 38px;
    width: 195px;
    margin: 0 6px;
    padding: 0;
    vertical-align: middle;
    outline: none;
    background-color: #28bd6e;
    height: 30px;
    width: 100px;
    line-height: 0px;
    padding-bottom: 3px;
    margin-right: 0px;
  }
  .sdc-user-management-top-bar .sdc-user-management-top-bar-create-user-container .sdc-user-management-top-bar-create-btn:disabled {
    background-color: #cdcdcd;
  }
  .sdc-user-management-top-bar .sdc-user-management-top-bar-create-user-container .sdc-user-management-top-bar-create-btn:hover:enabled {
    background-color: #1f9356;
  }
  .sdc-user-management-table-container-flex {
    height: 650px;
    margin-top: 35px;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table {
    width: 100%;
    border: 1px solid #a8b3b9;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .head {
    background-color: #a8b3b9;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .head .head-row {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 15px;
    font-weight: bold;
    border-right: 1px solid rgba(120, 136, 148, 0.26);
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .head .head-row .sdc-user-management-table-header-sort-arrow {
    display: inline-block;
    background-color: transparent;
    border: none;
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    width: 0;
    height: 0;
    float: right;
    margin: 8px 8px 0px 0px;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .head .head-row .sdc-user-management-table-header-sort-arrow.up {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .head .head-row .sdc-user-management-table-header-sort-arrow.down {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .head .sdc-user-management-table-header:hover {
    background-color: #D3DBE0;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .body {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .body .scrollbar-container {
    max-height: 421px;
    position: relative;
    overflow: hidden;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row:nth-of-type(odd) {
    background-color: #ffffff;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row.sdc-user-management-table-new-user-row {
    -webkit-animation: change 7s step-end both;
            animation: change 7s step-end both;
  }
  @-webkit-keyframes change {
    from {
      color: #28bd6e;
    }
    to {
      color: #666666;
    }
  }
  @keyframes change {
    from {
      color: #28bd6e;
    }
    to {
      color: #666666;
    }
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row.sdc-user-management-table-row-edit-mode {
    background-color: #D3DBE0;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row div {
    border-right: 1px solid rgba(120, 136, 148, 0.26);
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row div:last-child {
    border-right: none;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row div .sdc-user-management-table-role-select {
    background-color: transparent;
    border: 0;
    width: 100%;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row div .sdc-user-management-table-role-label {
    margin-left: 4px;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .body .data-row:hover {
    background-color: #D3DBE0;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .sdc-user-management-table-btn-col {
    line-height: 0px;
    text-align: center;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .sdc-user-management-table-btn-col .sdc-user-management-table-delete-btn {
    background-color: transparent;
    border: none;
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -64px -2771px;
    width: 11px;
    height: 13px;
    opacity: 0.7;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .sdc-user-management-table-btn-col .sdc-user-management-table-edit-btn {
    background-color: transparent;
    border: none;
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -51px -3339px;
    width: 12px;
    height: 12px;
    opacity: 0.7;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-table .sdc-user-management-table-btn-col .sdc-user-management-table-save-btn {
    background-color: transparent;
    border: none;
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -157px -4089px;
    width: 12px;
    height: 12px;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-flex-item {
    width: 10px;
    padding: 5px;
    text-align: center;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(1) {
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(2) {
    -webkit-box-flex: 7;
        -ms-flex-positive: 7;
            flex-grow: 7;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(3) {
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(4) {
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(5) {
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(6) {
    -webkit-box-flex: 8;
        -ms-flex-positive: 8;
            flex-grow: 8;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(7) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .sdc-user-management-table-container-flex .sdc-user-management-flex-item:nth-child(8) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .sdc-catalog-container {
    /*Added by - Ikram */
  }
  .sdc-catalog-container .i-sdc-categories-list-item {
    font-weight: normal;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul {
    padding: 0;
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul .i-sdc-catalog-subcategories-checkbox {
    padding: 0 0 0 20px;
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul .i-sdc-catalog-subcategories-checkbox .i-sdc-catalog-grouping-checkbox {
    padding: 0 0 0 20px;
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-content-li:last-child .i-sdc-categories-list-item {
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-categories-list-item {
    display: block;
    vertical-align: top;
    font-weight: bold;
  }
  .sdc-catalog-container .i-sdc-subcategories-list-item {
    display: block;
    vertical-align: top;
    font-weight: normal;
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-product-input,
  .sdc-catalog-container .i-sdc-product-select {
    border: 1px solid #cfcfcf;
    min-height: 30px;
    padding: 0;
    width: 100%;
    margin: 1px 0;
    background-color: #F2F2F2;
    outline: none;
  }
  .sdc-catalog-container .i-sdc-product-input:disabled,
  .sdc-catalog-container .i-sdc-product-select:disabled {
    opacity: 0.4 !important;
    cursor: auto;
    background-color: transparent;
    pointer-events: none;
  }
  .sdc-catalog-container .i-sdc-product-input optgroup,
  .sdc-catalog-container .i-sdc-product-select optgroup {
    color: #23aa63;
  }
  .sdc-catalog-container .i-sdc-product-input optgroup option,
  .sdc-catalog-container .i-sdc-product-select optgroup option {
    color: #666666;
  }
  .sdc-catalog-container .i-sdc-categories-list-item-icon {
    display: inline-block;
    float: right;
    position: relative;
    right: -8px;
    top: 6px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item {
    margin-top: 7px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.NOT_CERTIFIED_CHECKOUT .i-sdc-categories-list-item-icon,
  .sdc-catalog-container .i-sdc-categories-list-item.NOT_CERTIFIED_CHECKIN .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2889px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.CERTIFIED .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -3034px;
    width: 14px;
    height: 16px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.READY_FOR_CERTIFICATION .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2985px;
    width: 14px;
    height: 16px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.CERTIFICATION_IN_PROGRESS .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2934px;
    width: 14px;
    height: 16px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.DISTRIBUTED .i-sdc-categories-list-item-icon,
  .sdc-catalog-container .i-sdc-categories-list-item.TBD .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -43px -3087px;
    width: 24px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-categories-list-input {
    margin: 8px;
  }
  .sdc-catalog-container .i-sdc-subcategories-list-input {
    margin: 8px;
  }
  .sdc-catalog-container .i-sdc-subcategories-list-input-container {
    margin: 0px 0px 0px 20px;
    padding: 2px;
  }
  .sdc-catalog-container .w-sdc-header-catalog-search-container {
    display: table;
    padding: 21px 0;
    position: relative;
  }
  .sdc-catalog-container .w-sdc-header-catalog-search-container .w-sdc-designer-leftbar-search-input {
    color: #000;
    width: 300px;
  }
  .sdc-catalog-container .w-sdc-catalog-main {
    padding: 10px 12px;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-header {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    display: inline-block;
    font-style: italic;
    font-weight: bold;
    padding-left: 10px;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-header-order {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    font-weight: 800;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-sort {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    font-weight: bold;
    white-space: pre;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-sort:hover {
    cursor: pointer;
    text-decoration: none;
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-sort.blue {
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .sdc-catalog-container .w-sdc-catalog-sort-arrow {
    display: inline-block;
  }
  .sdc-catalog-container .w-sdc-catalog-sort-arrow.up {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid ;
  }
  .sdc-catalog-container .w-sdc-catalog-sort-arrow.down {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-header-right {
    float: right;
    display: inline-block;
    padding-right: 34px;
  }
  .sdc-catalog-container .w-sdc-header-catalog-search-input {
    width: 420px;
    display: table-cell;
    padding: 0 25px 1px 10px;
    border: 1px solid #bcbcbc;
    border-radius: 10px;
    height: 30px;
    margin: 10px 30px;
    outline: none;
  }
  .sdc-catalog-container .sdc-catalog-type-filter-container {
    margin-top: -1px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title {
    text-transform: uppercase;
    color: #000000;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    line-height: 30px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon {
    cursor: pointer;
    background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png);
    display: inline-block;
    vertical-align: middle;
    background-position: -230px -59px;
    width: 14px;
    height: 10px;
    transition: .3s all;
    margin-top: -4px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon.logo-blue {
    background-position: -10px -20px;
    width: 28px;
    height: 28px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon.user {
    background-position: -50px -20px;
    width: 15px;
    height: 20px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .facebook {
    background-position: -10px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .facebook-hover {
    background-position: -10px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .twitter {
    background-position: -50px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .twitter-hover {
    background-position: -50px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .linkedin {
    background-position: -89px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .linkedin-hover {
    background-position: -89px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .youtube {
    background-position: -130px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .youtube-hover {
    background-position: -130px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-open {
    background-position: -250px -59px;
    width: 14px;
    height: 10px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-open-hover {
    background-position: -250px -79px;
    width: 14px;
    height: 10px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-close {
    background-position: -230px -59px;
    width: 14px;
    height: 10px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-close-hover {
    background-position: -230px -79px;
    width: 14px;
    height: 10px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-disadbled {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-hover {
    background-position: -10px -100px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-checked {
    background-position: -10px -120px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio-disabled {
    background-position: -50px -60px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio {
    background-position: -50px -80px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio-checked {
    background-position: -50px -120px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-text {
    margin-left: 20px;
  }
  .sdc-catalog-container .seperator-left,
  .sdc-catalog-container .seperator-right {
    border-right: solid 1px #a8b3b9;
    display: table-cell;
    width: 2px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title.expanded .i-sdc-designer-leftbar-section-title-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title + .i-sdc-designer-leftbar-section-content {
    max-height: 0px;
    margin: 0 auto;
    transition: all .3s;
    overflow: hidden;
    padding: 0 10px 0 18px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title.expanded + .i-sdc-designer-leftbar-section-content {
    max-height: 9999px;
    margin: 0 auto 1px;
    transition: all .3s;
    padding: 10px 18px 10px 18px;
    overflow: hidden;
  }
  .w-sdc-search-icon {
    position: absolute;
    right: 40px;
    top: 40px;
  }
  .w-sdc-search-icon.leftbar {
    top: 19px;
    right: 18px;
  }
  .w-sdc-search-icon.magnification {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -49px -3138px;
    width: 12px;
    height: 12px;
    cursor: pointer;
  }
  .w-sdc-search-icon.cancel {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -104px -4040px;
    width: 10px;
    height: 11px;
    cursor: pointer;
  }
  .sdc-dashboard-container .tlv-loader {
    top: -110px;
    left: 80px;
  }
  .sdc-dashboard-container .sdc-hide-popover .popover {
    display: none !important;
  }
  .w-sdc-left-sidebar-nav {
    margin-top: 46px;
  }
  .w-sdc-main-right-container-element {
    float: left;
    height: 217px;
    width: 217px;
    margin: 10px;
    position: relative;
  }
  .w-sdc-main-right-container-element-details-container {
    position: absolute;
    top: 165px;
    left: 50px;
  }
  .w-sdc-main-right-container-element-name {
    font-weight: bold;
  }
  .w-sdc-dashboard-card-new {
    border: 2px dashed #a8b3b9;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    height: 198px;
    margin: 11px;
    position: relative;
    vertical-align: middle;
    width: 202px;
  }
  .w-sdc-dashboard-card-new-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  .w-sdc-dashboard-card-new-content-plus {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -50px -77px;
    width: 23px;
    height: 23px;
    position: relative;
    margin-bottom: 20px;
  }
  .w-sdc-dashboard-card-new-content-plus:after {
    color: #959595;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    content: 'ADD';
    position: absolute;
    top: 25px;
    left: -3px;
    vertical-align: -50%;
  }
  .w-sdc-dashboard-card-import-content-plus {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -100px -81px;
    width: 23px;
    height: 23px;
    position: relative;
    margin-bottom: 20px;
  }
  .w-sdc-dashboard-card-import-content-plus:after {
    color: #959595;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    content: 'IMPORT';
    position: absolute;
    top: 25px;
    left: -16px;
    vertical-align: -50%;
  }
  .sdc-dashboard-create-element-container,
  .sdc-dashboard-import-element-container {
    width: 140px;
  }
  .sdc-dashboard-create-element-container .tlv-btn.import-dcae,
  .sdc-dashboard-import-element-container .tlv-btn.import-dcae {
    padding: 0;
  }
  .sdc-dashboard-create-element-container .tlv-btn,
  .sdc-dashboard-import-element-container .tlv-btn {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .sdc-dashboard-create-element-container .tlv-btn:last-child,
  .sdc-dashboard-import-element-container .tlv-btn:last-child {
    margin-bottom: 0;
  }
  .sdc-dashboard-create-element-container input[type="file"],
  .sdc-dashboard-import-element-container input[type="file"] {
    cursor: inherit;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 138px;
    height: 30px;
  }
  .w-sdc-dashboard-card {
    width: 204px;
    height: 200px;
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0px 2px 2px 0px rgba(24, 24, 25, 0.05);
    display: inline-block;
    margin: 10px;
    position: relative;
    vertical-align: middle;
    border: solid 1px #ffffff;
  }
  .w-sdc-dashboard-card:hover {
    border: solid 1px #d2d2d2;
    box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05);
  }
  .w-sdc-dashboard-card:active {
    border: solid 1px #71c5eb;
    box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05);
  }
  .w-sdc-dashboard-card-body {
    cursor: pointer;
    border-bottom: 1px solid #D3DBE0;
    height: 155px;
    position: relative;
    text-align: center;
  }
  .w-sdc-dashboard-card-description {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
    cursor: pointer;
    background-color: rgba(57, 73, 84, 0.9);
    border-radius: 4px 4px 0 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    word-wrap: break-word;
    z-index: 4;
    min-height: 100px;
    overflow: hidden;
  }
  .w-sdc-dashboard-card-schema {
    margin-top: 30px;
  }
  .w-sdc-dashboard-card-edit {
    cursor: pointer;
    position: absolute;
    right: 13px;
    top: 15px;
    z-index: 2;
  }
  .w-sdc-dashboard-card-footer {
    padding: 3px 12px 10px 12px;
    position: relative;
  }
  .w-sdc-dashboard-card-avatar {
    text-transform: uppercase;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -6px;
    text-align: center;
    top: -6px;
  }
  .w-sdc-dashboard-card-avatar span {
    background-color: #ffffff;
    border-radius: 15px;
    color: #ffffff;
    content: '';
    height: 30px;
    text-align: center;
    display: block;
    border: solid 2px #ECEFF3;
    padding: 3px 10px 2px 10px;
  }
  .w-sdc-dashboard-card-avatar span.VF {
    color: #9063cd;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-dashboard-card-avatar span.VF::before {
    content: 'VF';
  }
  .w-sdc-dashboard-card-avatar span.VFC {
    color: #9063cd;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-dashboard-card-avatar span.VFC::before {
    content: 'VFC';
  }
  .w-sdc-dashboard-card-avatar span.CP {
    color: #9063cd;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-dashboard-card-avatar span.CP::before {
    content: 'CP';
  }
  .w-sdc-dashboard-card-avatar span.VL {
    color: #9063cd;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-dashboard-card-avatar span.VL::before {
    content: 'VL';
  }
  .w-sdc-dashboard-card-avatar span.SERVICE {
    color: #71c5eb;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-dashboard-card-avatar span.SERVICE::before {
    content: 'S';
  }
  .w-sdc-dashboard-card-avatar span.PRODUCT {
    color: #056bae;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-dashboard-card-avatar span.PRODUCT::before {
    content: 'P';
  }
  .w-sdc-dashboard-card-avatar span.green {
    color: #1d9a95;
    font-family: omnes-medium, sans-serif;
    font-size: 17px;
  }
  .w-sdc-dashboard-card-avatar span.green::before {
    content: 'R';
  }
  .w-sdc-dashboard-card-avatar span.red {
    color: #e85858;
    font-family: omnes-medium, sans-serif;
    font-size: 17px;
  }
  .w-sdc-dashboard-card-avatar span.red::before {
    content: 'S';
  }
  .w-sdc-dashboard-card-avatar span.dblack {
    color: #000000;
    font-family: omnes-medium, sans-serif;
    font-size: 17px;
  }
  .w-sdc-dashboard-card-avatar span.dblack::before {
    content: 'P';
  }
  .w-sdc-dashboard-card-info {
    display: inline-block;
    vertical-align: middle;
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .w-sdc-dashboard-card-info-name-container {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 0 2px 10px;
  }
  .w-sdc-dashboard-card-info-name {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .w-sdc-dashboard-card-info-lifecycleState {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .w-sdc-dashboard-card-info-user {
    color: #959595;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
  .w-sdc-dashboard-card-menu-button {
    display: inline-block;
    padding: 12px 0 0 10px;
    position: absolute;
    right: 12px;
    top: 8px;
    border-left: solid 1px #e1e7ec;
    height: 42px;
  }
  .w-sdc-dashboard-card-menu-button:hover .w-sdc-dashboard-card-menu {
    display: block;
  }
  .w-sdc-dashboard-card-menu {
    background-color: #ffffff;
    border-radius: 0 0 4px 4px;
    border-top: 3px solid #3b7b9b;
    box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2);
    color: #000000;
    display: none;
    min-height: 30px;
    padding: 9px 0;
    position: absolute;
    right: -27px;
    width: 208px;
    z-index: 9;
    max-height: 164px;
  }
  .w-sdc-dashboard-card-menu::before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1OTIzNDI1MENFQjExRTU4ODRERTI1MDM2REZCOUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1OTIzNDI2MENFQjExRTU4ODRERTI1MDM2REZCOUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTU5MjM0MjMwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTU5MjM0MjQwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gBXTlAAAAOElEQVR42mK0rp7NgASMgZgFiE/CBJjQJPcA8U4gNkdXAJMUAGJ+ZEVMaJIwAFfEhEUSRRFAgAEAVtgJyiLAPWAAAAAASUVORK5CYII=');
    content: '';
    display: block;
    height: 21px;
    position: absolute;
    right: 24px;
    top: -24px;
    width: 184px;
    background-repeat: no-repeat;
    background-position: 175px 16px;
  }
  .i-sdc-dashboard-card-menu-item {
    cursor: pointer;
    line-height: 24px;
    padding: 0 10px;
  }
  .i-sdc-dashboard-card-menu-item:hover {
    color: #3b7b9b;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-dashboard-card-info-lifecycleState-icon {
    position: absolute;
    bottom: 18px;
    right: 10px;
  }
  .w-sdc-dashboard-card-schema-image {
    position: absolute;
    top: 41%;
    height: 45px;
    width: 53px;
    background-repeat: no-repeat;
    margin: auto;
    left: 0;
    right: 0;
    top: -10px;
    bottom: 0;
  }
  /* dashboard card main icons */
  .w-sdc-dashboard-card-schema-image.service {
    background-position: -60px -2654px;
    width: 14px;
    height: 17px;
  }
  .w-sdc-dashboard-card-schema-image.resource {
    background-position: -54px -2585px;
    width: 16px;
    height: 16px;
  }
  /* dashboard card statuses icons */
  .w-sdc-dashboard-card-edit.NOT_CERTIFIED_CHECKIN {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -47px -2839px;
    width: 20px;
    height: 19px;
  }
  .w-sdc-dashboard-card-edit.NOT_CERTIFIED_CHECKOUT {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -53px -2889px;
    width: 14px;
    height: 14px;
  }
  .w-sdc-dashboard-card-edit.CERTIFIED {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -53px -3034px;
    width: 14px;
    height: 16px;
  }
  .w-sdc-dashboard-card-edit.READY_FOR_CERTIFICATION {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -53px -2985px;
    width: 14px;
    height: 16px;
  }
  .w-sdc-dashboard-card-edit.CERTIFICATION_IN_PROGRESS {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -53px -2934px;
    width: 14px;
    height: 16px;
  }
  .w-sdc-dashboard-card-edit.DISTRIBUTED {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -43px -3087px;
    width: 24px;
    height: 14px;
  }
  .w-sdc-dashboard-card-avatar.green + .w-sdc-dashboard-card-edit.NOT_CERTIFIED_CHECKIN {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -70px -2839px;
  }
  .w-sdc-dashboard-card-avatar.green + .w-sdc-dashboard-card-edit.NOT_CERTIFIED_CHECKOUT {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -76px -2889px;
  }
  .w-sdc-dashboard-card-avatar.green + .w-sdc-dashboard-card-edit.CERTIFIED {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -76px -3034px;
  }
  .w-sdc-dashboard-card-avatar.green + .w-sdc-dashboard-card-edit.READY_FOR_CERTIFICATION {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -76px -2985px;
  }
  .w-sdc-dashboard-card-avatar.green + .w-sdc-dashboard-card-edit.CERTIFICATION_IN_PROGRESS {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -76px -2934px;
  }
  .w-sdc-dashboard-card-avatar.green + .w-sdc-dashboard-card-edit.DISTRIBUTED {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -76px -3087px;
  }
  .w-sdc-dashboard-card-avatar.red + .w-sdc-dashboard-card-edit.NOT_CERTIFIED_CHECKIN {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -93px -2839px;
  }
  .w-sdc-dashboard-card-avatar.red + .w-sdc-dashboard-card-edit.NOT_CERTIFIED_CHECKOUT {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -99px -2889px;
  }
  .w-sdc-dashboard-card-avatar.red + .w-sdc-dashboard-card-edit.CERTIFIED {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -99px -3034px;
  }
  .w-sdc-dashboard-card-avatar.red + .w-sdc-dashboard-card-edit.READY_FOR_CERTIFICATION {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -99px -2985px;
  }
  .w-sdc-dashboard-card-avatar.red + .w-sdc-dashboard-card-edit.CERTIFICATION_IN_PROGRESS {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -99px -2934px;
  }
  .w-sdc-dashboard-card-avatar.red + .w-sdc-dashboard-card-edit.DISTRIBUTED {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -113px -3087px;
  }
  .sdc-catalog-container {
    /*Added by - Ikram */
  }
  .sdc-catalog-container .i-sdc-categories-list-item {
    font-weight: normal;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul {
    padding: 0;
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul .i-sdc-catalog-subcategories-checkbox {
    padding: 0 0 0 20px;
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul .i-sdc-catalog-subcategories-checkbox .i-sdc-catalog-grouping-checkbox {
    padding: 0 0 0 20px;
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-content-li:last-child .i-sdc-categories-list-item {
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-categories-list-item {
    display: block;
    vertical-align: top;
    font-weight: bold;
  }
  .sdc-catalog-container .i-sdc-subcategories-list-item {
    display: block;
    vertical-align: top;
    font-weight: normal;
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-product-input,
  .sdc-catalog-container .i-sdc-product-select {
    border: 1px solid #cfcfcf;
    min-height: 30px;
    padding: 0;
    width: 100%;
    margin: 1px 0;
    background-color: #F2F2F2;
    outline: none;
  }
  .sdc-catalog-container .i-sdc-product-input:disabled,
  .sdc-catalog-container .i-sdc-product-select:disabled {
    opacity: 0.4 !important;
    cursor: auto;
    background-color: transparent;
    pointer-events: none;
  }
  .sdc-catalog-container .i-sdc-product-input optgroup,
  .sdc-catalog-container .i-sdc-product-select optgroup {
    color: #23aa63;
  }
  .sdc-catalog-container .i-sdc-product-input optgroup option,
  .sdc-catalog-container .i-sdc-product-select optgroup option {
    color: #666666;
  }
  .sdc-catalog-container .i-sdc-categories-list-item-icon {
    display: inline-block;
    float: right;
    position: relative;
    right: -8px;
    top: 6px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item {
    margin-top: 7px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.NOT_CERTIFIED_CHECKOUT .i-sdc-categories-list-item-icon,
  .sdc-catalog-container .i-sdc-categories-list-item.NOT_CERTIFIED_CHECKIN .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2889px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.CERTIFIED .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -3034px;
    width: 14px;
    height: 16px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.READY_FOR_CERTIFICATION .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2985px;
    width: 14px;
    height: 16px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.CERTIFICATION_IN_PROGRESS .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2934px;
    width: 14px;
    height: 16px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.DISTRIBUTED .i-sdc-categories-list-item-icon,
  .sdc-catalog-container .i-sdc-categories-list-item.TBD .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -43px -3087px;
    width: 24px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-categories-list-input {
    margin: 8px;
  }
  .sdc-catalog-container .i-sdc-subcategories-list-input {
    margin: 8px;
  }
  .sdc-catalog-container .i-sdc-subcategories-list-input-container {
    margin: 0px 0px 0px 20px;
    padding: 2px;
  }
  .sdc-catalog-container .w-sdc-header-catalog-search-container {
    display: table;
    padding: 21px 0;
    position: relative;
  }
  .sdc-catalog-container .w-sdc-header-catalog-search-container .w-sdc-designer-leftbar-search-input {
    color: #000;
    width: 300px;
  }
  .sdc-catalog-container .w-sdc-catalog-main {
    padding: 10px 12px;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-header {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    display: inline-block;
    font-style: italic;
    font-weight: bold;
    padding-left: 10px;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-header-order {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    font-weight: 800;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-sort {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    font-weight: bold;
    white-space: pre;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-sort:hover {
    cursor: pointer;
    text-decoration: none;
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-sort.blue {
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .sdc-catalog-container .w-sdc-catalog-sort-arrow {
    display: inline-block;
  }
  .sdc-catalog-container .w-sdc-catalog-sort-arrow.up {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid ;
  }
  .sdc-catalog-container .w-sdc-catalog-sort-arrow.down {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-header-right {
    float: right;
    display: inline-block;
    padding-right: 34px;
  }
  .sdc-catalog-container .w-sdc-header-catalog-search-input {
    width: 420px;
    display: table-cell;
    padding: 0 25px 1px 10px;
    border: 1px solid #bcbcbc;
    border-radius: 10px;
    height: 30px;
    margin: 10px 30px;
    outline: none;
  }
  .sdc-catalog-container .sdc-catalog-type-filter-container {
    margin-top: -1px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title {
    text-transform: uppercase;
    color: #000000;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    line-height: 30px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon {
    cursor: pointer;
    background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png);
    display: inline-block;
    vertical-align: middle;
    background-position: -230px -59px;
    width: 14px;
    height: 10px;
    transition: .3s all;
    margin-top: -4px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon.logo-blue {
    background-position: -10px -20px;
    width: 28px;
    height: 28px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon.user {
    background-position: -50px -20px;
    width: 15px;
    height: 20px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .facebook {
    background-position: -10px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .facebook-hover {
    background-position: -10px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .twitter {
    background-position: -50px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .twitter-hover {
    background-position: -50px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .linkedin {
    background-position: -89px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .linkedin-hover {
    background-position: -89px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .youtube {
    background-position: -130px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .youtube-hover {
    background-position: -130px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-open {
    background-position: -250px -59px;
    width: 14px;
    height: 10px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-open-hover {
    background-position: -250px -79px;
    width: 14px;
    height: 10px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-close {
    background-position: -230px -59px;
    width: 14px;
    height: 10px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-close-hover {
    background-position: -230px -79px;
    width: 14px;
    height: 10px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-disadbled {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-hover {
    background-position: -10px -100px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-checked {
    background-position: -10px -120px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio-disabled {
    background-position: -50px -60px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio {
    background-position: -50px -80px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio-checked {
    background-position: -50px -120px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-text {
    margin-left: 20px;
  }
  .sdc-catalog-container .seperator-left,
  .sdc-catalog-container .seperator-right {
    border-right: solid 1px #a8b3b9;
    display: table-cell;
    width: 2px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title.expanded .i-sdc-designer-leftbar-section-title-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title + .i-sdc-designer-leftbar-section-content {
    max-height: 0px;
    margin: 0 auto;
    transition: all .3s;
    overflow: hidden;
    padding: 0 10px 0 18px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title.expanded + .i-sdc-designer-leftbar-section-content {
    max-height: 9999px;
    margin: 0 auto 1px;
    transition: all .3s;
    padding: 10px 18px 10px 18px;
    overflow: hidden;
  }
  .w-sdc-search-icon {
    position: absolute;
    right: 40px;
    top: 40px;
  }
  .w-sdc-search-icon.leftbar {
    top: 19px;
    right: 18px;
  }
  .w-sdc-search-icon.magnification {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -49px -3138px;
    width: 12px;
    height: 12px;
    cursor: pointer;
  }
  .w-sdc-search-icon.cancel {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -104px -4040px;
    width: 10px;
    height: 11px;
    cursor: pointer;
  }
  .sdc-edit-artifact-form-container .w-sdc-form-note {
    color: #da1f3d;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    display: block;
    position: relative;
    top: 13px;
  }
  .sdc-edit-artifact-form-container .i-sdc-form-textarea {
    min-height: 95px;
  }
  .sdc-edit-artifact-form-container .i-sdc-form-url {
    padding-bottom: 0px;
  }
  .sdc-edit-artifact-form-container.mandatory-artifact .w-sdc-form-column {
    width: 100%;
    padding: 0;
    min-height: initial;
  }
  .sdc-edit-artifact-form-container .w-sdc-form .i-sdc-form-item.upload input[type="file"] {
    display: none;
  }
  .sdc-edit-artifact-form-container .artifact-info {
    text-align: left;
    color: #8c8c8c;
    font-size: 13px;
    margin-top: -10px;
    margin-bottom: 5px;
    width: 100%;
    min-height: initial;
  }
  .sdc-edit-artifact-form-container .artifact-info span {
    color: #666666;
    padding-left: 4px;
  }
  .sdc-env-form-container .w-sdc-modal-body {
    padding: 20px 10px 2px 10px;
  }
  .sdc-env-form-container .w-sdc-modal-body-content {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
    display: block;
  }
  .sdc-env-form-container .env-file-generation-label {
    color: #8c8c8c;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .w-sdc-env-form-container {
    height: 650px;
  }
  .w-sdc-env-form-container .w-sdc-env-search {
    padding: 10px 20px 20px 0;
    white-space: nowrap;
    position: relative;
    width: 60%;
    height: 64px;
  }
  .w-sdc-env-form-container .w-sdc-env-search .env-search-icon {
    top: 9px;
    right: 11px;
  }
  .w-sdc-env-form-container .w-sdc-env-search .magnification-white {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -434px -128px;
    width: 14px;
    height: 14px;
    cursor: pointer;
  }
  .w-sdc-env-form-container .w-sdc-env-search .search-icon-container {
    width: 35px;
    height: 30px;
    background-color: #009fdb;
    white-space: nowrap;
    float: right;
    position: relative;
    bottom: 31px;
    right: 1px;
    border-radius: 0px 4px 4px 0px;
    cursor: pointer;
  }
  .w-sdc-env-form-container .w-sdc-env-search .w-sdc-env-search-input {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    height: 32px;
    margin: 0;
    padding: 0px 28px 3px 10px;
    vertical-align: 4px;
    width: 100%;
    outline: none;
    font-style: italic;
  }
  .w-sdc-env-form-container .table-container-flex {
    height: 570px;
  }
  .w-sdc-env-form-container .table-container-flex .table {
    height: 100%;
  }
  .w-sdc-env-form-container .table-container-flex .table .flex-item:nth-child(1) {
    -webkit-box-flex: 20;
        -ms-flex-positive: 20;
            flex-grow: 20;
  }
  .w-sdc-env-form-container .table-container-flex .table .flex-item:nth-child(1) .show-desc {
    float: right;
    top: 10px;
    position: relative;
  }
  .w-sdc-env-form-container .table-container-flex .table .flex-item:nth-child(2) {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .w-sdc-env-form-container .table-container-flex .table .flex-item:nth-child(3) {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .w-sdc-env-form-container .table-container-flex .table .scrollbar-container {
    max-height: 527px;
  }
  .w-sdc-env-form-container .table-container-flex .table .left-column-container .required-symbol {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    color: #f33;
    display: none;
    position: relative;
    left: -4px;
    top: 3px;
  }
  .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item {
    border-right: none;
    margin: 0px;
  }
  .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item .input-parameter {
    border: none;
    height: 30px;
    width: 254px;
    float: right;
  }
  .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item .input-parameter input {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-right: 33px;
  }
  .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item .input-parameter .action-button {
    border-left: solid 1px #d2d2d2;
    position: relative;
    height: 20px;
    width: 25px;
    top: -25px;
    left: 228px;
    padding-left: 6px;
    background-color: #ffffff;
  }
  .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item .input-parameter .action-button div:not(.disable) {
    cursor: pointer;
  }
  .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item.required .required-symbol {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item.required .input-parameter {
    width: 250px;
  }
  .w-sdc-env-form-container .table-container-flex .table .left-column-container .i-sdc-form-item.required .action-button {
    left: 224px;
  }
  .w-sdc-env-form-container .table-container-flex .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
  }
  .w-sdc-env-form-container .parameter-description {
    background-color: #f2f2f2;
    border-left: 4px solid #009fdb;
    padding: 10px 30px;
  }
  .header-info {
    float: right;
  }
  .parameter-description-popover {
    z-index: 1100;
    min-width: 210px;
  }
  .parameter-description-popover .arrow {
    left: 20px !important;
    border-width: 7px;
    bottom: -8px !important;
  }
  .parameter-description-popover .popover-content {
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .sdc-edit-property-container .scrollbar-container {
    height: 415px;
    width: 830px;
    position: relative;
    overflow: hidden;
  }
  .sdc-edit-property-container form {
    width: 813px;
  }
  .sdc-edit-property-container form [name="description"] {
    min-height: 50px;
  }
  .sdc-edit-property-container .sdc-modal-top-bar {
    height: 40px;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons {
    float: right;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter) {
    vertical-align: middle;
    cursor: pointer;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter).sprite-new {
    text-indent: 100%;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter).disabled,
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter):hover.disabled {
    pointer-events: none;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons .delete-btn {
    margin-right: 6px;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons .left-arrow {
    margin-right: 8px;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons .delimiter {
    height: 20px;
    width: 1px;
    background-color: #959595;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .sdc-edit-property-container .w-sdc-form-note {
    color: #da1f3d;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    display: block;
    position: relative;
    top: 13px;
  }
  .sdc-edit-property-container .default-value-section {
    border-top: solid 1px #009fdb;
    padding-top: 15px;
    margin-top: 15px;
  }
  .sdc-edit-property-container .scrollbar-container {
    height: 415px;
    width: 830px;
    position: relative;
    overflow: hidden;
  }
  .sdc-edit-property-container form {
    width: 813px;
  }
  .sdc-edit-property-container form [name="description"] {
    min-height: 50px;
  }
  .sdc-edit-property-container .sdc-modal-top-bar {
    height: 40px;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons {
    float: right;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter) {
    vertical-align: middle;
    cursor: pointer;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter).sprite-new {
    text-indent: 100%;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter).disabled,
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons > span:not(.delimiter):hover.disabled {
    pointer-events: none;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons .delete-btn {
    margin-right: 6px;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons .left-arrow {
    margin-right: 8px;
  }
  .sdc-edit-property-container .sdc-modal-top-bar .sdc-modal-top-bar-buttons .delimiter {
    height: 20px;
    width: 1px;
    background-color: #959595;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .sdc-edit-property-container .w-sdc-form-note {
    color: #da1f3d;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    display: block;
    position: relative;
    top: 13px;
  }
  .sdc-edit-property-container .default-value-section {
    border-top: solid 1px #009fdb;
    padding-top: 15px;
    margin-top: 15px;
  }
  .w-sdc-modal-resource-instance-name .w-sdc-modal-body {
    overflow: visible;
  }
  .w-sdc-modal-resource-instance-name .w-sdc-modal-action {
    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;
  }
  .w-sdc-modal-resource-instance-name .w-sdc-modal-resource-instance-input {
    color: #8c8c8c;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    border: solid 1px #8c8c8c;
    height: 45px;
    padding: 0 20px;
    margin: 0 auto 0 auto;
    display: block;
  }
  .w-sdc-modal-resource-instance-name .w-sdc-modal-body {
    border-bottom: none;
  }
  .w-sdc-modal-resource-instance-name .w-sdc-form .i-sdc-form-item.error::after {
    top: 13px;
  }
  .w-sdc-modal-confirmation form.w-sdc-form {
    padding: 0;
  }
  .w-sdc-modal-confirmation .w-sdc-modal-body-content {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
    word-break: break-word;
  }
  .w-sdc-modal-confirmation .w-sdc-modal-body {
    height: auto;
    /* padding: 47px 60px 20px 60px; */
    border-bottom: none;
  }
  .w-sdc-modal-confirmation .w-sdc-modal-body-content {
    padding: 0;
  }
  .w-sdc-modal-confirmation .w-sdc-modal-body-comment {
    width: 430px;
    height: 127px;
    border: solid 1px #cdcdcd;
    margin: 20px 0 0 0;
    padding: 15px;
  }
  .w-sdc-modal-confirmation .w-sdc-modal-label {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    text-align: left;
  }
  .w-sdc-modal-email .w-sdc-modal-body {
    border-bottom: none;
  }
  .w-sdc-modal-email form.w-sdc-form {
    padding: 0;
    /* I made the subject and to fields as input (for future use), but for now they look like labels: */
  }
  .w-sdc-modal-email form.w-sdc-form .i-sdc-form-item {
    clear: both;
  }
  .w-sdc-modal-email form.w-sdc-form .i-sdc-form-item label {
    min-height: 30px;
    padding-top: 4px;
  }
  .w-sdc-modal-email form.w-sdc-form .i-sdc-form-item .col-sm-10 {
    padding-right: 0;
  }
  .w-sdc-modal-email form.w-sdc-form .w-sdc-modal-body-email {
    border-style: solid;
    border-width: 1px;
    border-color: #cdcdcd;
    box-sizing: border-box;
    width: 100%;
    height: 127px;
    margin-bottom: 20px;
  }
  .w-sdc-modal-email form.w-sdc-form label {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    text-align: left;
  }
  .w-sdc-modal-email form.w-sdc-form input {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .w-sdc-modal-email form.w-sdc-form textarea {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .w-sdc-modal-email form.w-sdc-form input:disabled {
    background-color: #ffffff;
    border: none;
  }
  .w-sdc-modal-email .w-sdc-modal-action {
    background-color: #ffffff;
    padding: 0 13px 0 0;
    height: 90px;
    line-height: 65px;
  }
  .w-sdc-modal-email .w-sdc-modal-action button {
    width: 174px;
  }
  .w-sdc-modal-email .w-sdc-form .i-sdc-form-item label.required::before {
    position: absolute;
    left: -13px;
  }
  .sdc-error-403-container {
    background-color: #ECEFF3;
    width: 700px;
    height: 400px;
    margin: auto;
    margin-top: 196px;
  }
  .sdc-error-403-container .w-sdc-error-403-text {
    color: #b5b5b5;
    font-family: omnes-medium, sans-serif;
    font-size: 20px;
    margin-top: 20px;
  }
  .w-sdc-modal-onboarding {
    width: 100%;
    display: inline-block;
  }
  .w-sdc-modal-onboarding .general-info-button {
    position: relative;
    top: -40px;
    left: 86px;
    float: left;
  }
  .w-sdc-modal-onboarding .title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .w-sdc-modal-onboarding .title-wrapper .sub-title {
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    float: left;
  }
  .w-sdc-modal-onboarding .w-sdc-classic-btn {
    float: right;
    margin-bottom: 10px;
  }
  .w-sdc-modal-onboarding .table {
    height: 472px;
    margin-bottom: 0;
  }
  .w-sdc-modal-onboarding .table-container-flex {
    margin-top: 10px;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened {
    word-wrap: break-word;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 0;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-description-title,
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata-title {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-description,
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata1,
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata2,
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata3 {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    overflow: hidden;
    padding: 5px 15px;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-description .th,
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata1 .th,
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata2 .th,
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata3 .th {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-description,
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata3 {
    border-right: 1px solid #d2d2d2;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata2 {
    word-break: break-word;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata2 .note {
    color: #cf2a2a;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-icon {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    overflow: hidden;
    padding: 5px 15px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-description {
    -webkit-box-flex: 25;
        -ms-flex-positive: 25;
            flex-grow: 25;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata1 {
    -webkit-box-flex: 25;
        -ms-flex-positive: 25;
            flex-grow: 25;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata2 {
    -webkit-box-flex: 30;
        -ms-flex-positive: 30;
            flex-grow: 30;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata3 {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-metadata3 .info-button {
    float: right;
  }
  .w-sdc-modal-onboarding .table-container-flex .table .body .data-row + div.item-opened .item-opened-icon {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .w-sdc-modal-onboarding .table-container-flex .flex-item:nth-child(1) {
    -webkit-box-flex: 25;
        -ms-flex-positive: 25;
            flex-grow: 25;
    cursor: pointer;
  }
  .w-sdc-modal-onboarding .table-container-flex .flex-item:nth-child(1) span.table-arrow {
    margin-right: 7px;
  }
  .w-sdc-modal-onboarding .table-container-flex .flex-item:nth-child(2) {
    -webkit-box-flex: 25;
        -ms-flex-positive: 25;
            flex-grow: 25;
  }
  .w-sdc-modal-onboarding .table-container-flex .flex-item:nth-child(3) {
    -webkit-box-flex: 30;
        -ms-flex-positive: 30;
            flex-grow: 30;
  }
  .w-sdc-modal-onboarding .table-container-flex .flex-item:nth-child(4) {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
    text-align: center;
  }
  .w-sdc-modal-onboarding .table-container-flex .flex-item:nth-child(5) {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .w-sdc-modal-onboarding .download-file-btn {
    cursor: pointer;
    margin-left: 4px;
  }
  .w-sdc-modal-onboarding .refresh-file-btn,
  .w-sdc-modal-onboarding .import-file-btn {
    cursor: pointer;
    margin-left: 20px;
  }
  .w-sdc-modal-onboarding .top-search {
    float: right;
    position: relative;
  }
  .w-sdc-modal-onboarding .top-search input.search-text {
    border-radius: 2px;
    width: 245px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #d2d2d2;
    margin: 0;
    outline: none;
    text-indent: 10px;
    /* Safari, Chrome and Opera */
    /* Firefox 18- */
    /* Firefox 19+ */
    /* IE 10+ */
    /* Edge */
  }
  .w-sdc-modal-onboarding .top-search input.search-text::-webkit-input-placeholder {
    font-style: italic;
  }
  .w-sdc-modal-onboarding .top-search input.search-text:-moz-placeholder {
    font-style: italic;
  }
  .w-sdc-modal-onboarding .top-search input.search-text::-moz-placeholder {
    font-style: italic;
  }
  .w-sdc-modal-onboarding .top-search input.search-text:-ms-input-placeholder {
    font-style: italic;
  }
  .w-sdc-modal-onboarding .top-search input.search-text:-ms-input-placeholder {
    font-style: italic;
  }
  .w-sdc-modal-onboarding .top-search .magnification {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .sdc-catalog-container {
    /*Added by - Ikram */
  }
  .sdc-catalog-container .i-sdc-categories-list-item {
    font-weight: normal;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul {
    padding: 0;
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul .i-sdc-catalog-subcategories-checkbox {
    padding: 0 0 0 20px;
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-content-ul .i-sdc-catalog-subcategories-checkbox .i-sdc-catalog-grouping-checkbox {
    padding: 0 0 0 20px;
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-content-li:last-child .i-sdc-categories-list-item {
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-categories-list-item {
    display: block;
    vertical-align: top;
    font-weight: bold;
  }
  .sdc-catalog-container .i-sdc-subcategories-list-item {
    display: block;
    vertical-align: top;
    font-weight: normal;
    margin: 0;
  }
  .sdc-catalog-container .i-sdc-product-input,
  .sdc-catalog-container .i-sdc-product-select {
    border: 1px solid #cfcfcf;
    min-height: 30px;
    padding: 0;
    width: 100%;
    margin: 1px 0;
    background-color: #F2F2F2;
    outline: none;
  }
  .sdc-catalog-container .i-sdc-product-input:disabled,
  .sdc-catalog-container .i-sdc-product-select:disabled {
    opacity: 0.4 !important;
    cursor: auto;
    background-color: transparent;
    pointer-events: none;
  }
  .sdc-catalog-container .i-sdc-product-input optgroup,
  .sdc-catalog-container .i-sdc-product-select optgroup {
    color: #23aa63;
  }
  .sdc-catalog-container .i-sdc-product-input optgroup option,
  .sdc-catalog-container .i-sdc-product-select optgroup option {
    color: #666666;
  }
  .sdc-catalog-container .i-sdc-categories-list-item-icon {
    display: inline-block;
    float: right;
    position: relative;
    right: -8px;
    top: 6px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item {
    margin-top: 7px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.NOT_CERTIFIED_CHECKOUT .i-sdc-categories-list-item-icon,
  .sdc-catalog-container .i-sdc-categories-list-item.NOT_CERTIFIED_CHECKIN .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2889px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.CERTIFIED .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -3034px;
    width: 14px;
    height: 16px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.READY_FOR_CERTIFICATION .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2985px;
    width: 14px;
    height: 16px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.CERTIFICATION_IN_PROGRESS .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -53px -2934px;
    width: 14px;
    height: 16px;
  }
  .sdc-catalog-container .i-sdc-categories-list-item.DISTRIBUTED .i-sdc-categories-list-item-icon,
  .sdc-catalog-container .i-sdc-categories-list-item.TBD .i-sdc-categories-list-item-icon {
    background: url('/assets/styles/images/sprites/sprite-global-old.png') no-repeat -43px -3087px;
    width: 24px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-categories-list-input {
    margin: 8px;
  }
  .sdc-catalog-container .i-sdc-subcategories-list-input {
    margin: 8px;
  }
  .sdc-catalog-container .i-sdc-subcategories-list-input-container {
    margin: 0px 0px 0px 20px;
    padding: 2px;
  }
  .sdc-catalog-container .w-sdc-header-catalog-search-container {
    display: table;
    padding: 21px 0;
    position: relative;
  }
  .sdc-catalog-container .w-sdc-header-catalog-search-container .w-sdc-designer-leftbar-search-input {
    color: #000;
    width: 300px;
  }
  .sdc-catalog-container .w-sdc-catalog-main {
    padding: 10px 12px;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-header {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    display: inline-block;
    font-style: italic;
    font-weight: bold;
    padding-left: 10px;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-header-order {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    font-weight: 800;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-sort {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    font-weight: bold;
    white-space: pre;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-sort:hover {
    cursor: pointer;
    text-decoration: none;
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-sort.blue {
    color: #3b7b9b;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
  }
  .sdc-catalog-container .w-sdc-catalog-sort-arrow {
    display: inline-block;
  }
  .sdc-catalog-container .w-sdc-catalog-sort-arrow.up {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid ;
  }
  .sdc-catalog-container .w-sdc-catalog-sort-arrow.down {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
  }
  .sdc-catalog-container .w-sdc-dashboard-catalog-header-right {
    float: right;
    display: inline-block;
    padding-right: 34px;
  }
  .sdc-catalog-container .w-sdc-header-catalog-search-input {
    width: 420px;
    display: table-cell;
    padding: 0 25px 1px 10px;
    border: 1px solid #bcbcbc;
    border-radius: 10px;
    height: 30px;
    margin: 10px 30px;
    outline: none;
  }
  .sdc-catalog-container .sdc-catalog-type-filter-container {
    margin-top: -1px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title {
    text-transform: uppercase;
    color: #000000;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    line-height: 30px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon {
    cursor: pointer;
    background-image: url(/sdc1/scripts/images/tlv-sprite.068743809b588c3fce24.png);
    display: inline-block;
    vertical-align: middle;
    background-position: -230px -59px;
    width: 14px;
    height: 10px;
    transition: .3s all;
    margin-top: -4px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon.logo-blue {
    background-position: -10px -20px;
    width: 28px;
    height: 28px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon.user {
    background-position: -50px -20px;
    width: 15px;
    height: 20px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .facebook {
    background-position: -10px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .facebook-hover {
    background-position: -10px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .twitter {
    background-position: -50px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .twitter-hover {
    background-position: -50px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .linkedin {
    background-position: -89px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .linkedin-hover {
    background-position: -89px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .youtube {
    background-position: -130px -260px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .youtube-hover {
    background-position: -130px -300px;
    width: 36px;
    height: 36px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-open {
    background-position: -250px -59px;
    width: 14px;
    height: 10px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-open-hover {
    background-position: -250px -79px;
    width: 14px;
    height: 10px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-close {
    background-position: -230px -59px;
    width: 14px;
    height: 10px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .footer-close-hover {
    background-position: -230px -79px;
    width: 14px;
    height: 10px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-disadbled {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox {
    background-position: -10px -60px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-hover {
    background-position: -10px -100px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .checkbox-checked {
    background-position: -10px -120px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio-disabled {
    background-position: -50px -60px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio {
    background-position: -50px -80px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-icon .radio-checked {
    background-position: -50px -120px;
    width: 14px;
    height: 14px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title-text {
    margin-left: 20px;
  }
  .sdc-catalog-container .seperator-left,
  .sdc-catalog-container .seperator-right {
    border-right: solid 1px #a8b3b9;
    display: table-cell;
    width: 2px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title.expanded .i-sdc-designer-leftbar-section-title-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title + .i-sdc-designer-leftbar-section-content {
    max-height: 0px;
    margin: 0 auto;
    transition: all .3s;
    overflow: hidden;
    padding: 0 10px 0 18px;
  }
  .sdc-catalog-container .i-sdc-designer-leftbar-section-title.expanded + .i-sdc-designer-leftbar-section-content {
    max-height: 9999px;
    margin: 0 auto 1px;
    transition: all .3s;
    padding: 10px 18px 10px 18px;
    overflow: hidden;
  }
  .w-sdc-search-icon {
    position: absolute;
    right: 40px;
    top: 40px;
  }
  .w-sdc-search-icon.leftbar {
    top: 19px;
    right: 18px;
  }
  .w-sdc-search-icon.magnification {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -49px -3138px;
    width: 12px;
    height: 12px;
    cursor: pointer;
  }
  .w-sdc-search-icon.cancel {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -104px -4040px;
    width: 10px;
    height: 11px;
    cursor: pointer;
  }
  .w-sdc-left-sidebar-in-progress,
  .w-sdc-left-sidebar-following {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-left-sidebar-following {
    padding: 13px 0;
  }
  .sdc-general-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .sdc-general-tab .sdc-edit-icon {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -51px -3339px;
    width: 12px;
    height: 12px;
  }
  .sdc-general-tab .sdc-general-tab-title {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    padding: 0px 0px 15px 20px;
    border-bottom: 1px solid #d2d2d2;
  }
  .sdc-general-tab .sdc-general-tab-sub-title {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    padding: 15px 20px 15px 20px;
  }
  .sdc-general-tab .general-tab-scrollbar-container {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .sdc-general-tab .general-tab-expand-collapse.expanded .expand-collapse-title .expand-collapse-title-icon {
    background-position: -378px -888px;
    width: 14px;
    height: 14px;
  }
  .sdc-general-tab .general-tab-expand-collapse .expand-collapse-title {
    padding: 8px 20px 4px 20px;
    cursor: pointer;
  }
  .sdc-general-tab .general-tab-expand-collapse .expand-collapse-title:hover {
    background-color: #d2d2d2;
  }
  .sdc-general-tab .general-tab-expand-collapse .expand-collapse-title .expand-collapse-title-icon {
    cursor: pointer;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -334px -888px;
    width: 14px;
    height: 14px;
  }
  .sdc-general-tab .general-tab-expand-collapse .expand-collapse-title .expand-collapse-title-text {
    max-width: 225px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    line-height: 15px;
  }
  .sdc-general-tab .general-tab-expand-collapse .selected {
    background-color: #009fdb;
    color: #ffffff;
  }
  .sdc-general-tab .expand-collapse-sub-title {
    max-width: 190px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 0 0 43px;
  }
  .sdc-general-tab .resizable-container {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 90%;
  }
  .sdc-general-tab .resizable-container .resizable-section {
    min-height: 50px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .sdc-general-tab .resizable-container .resizable-section.resizable {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
  }
  .sdc-general-tab .resizable-container .rg-top span {
    margin-top: -5px;
    border-top: 1px dotted #5a5a5a;
    border-bottom: 1px dotted #5a5a5a;
    width: 39px;
    height: 4px;
  }
  .sdc-general-tab .resizable-container .rg-top span:before {
    border-top: 1px dotted #5a5a5a;
    content: '';
    display: inline-block;
    width: 39px;
    height: 6px;
  }
  .hierarchy-tab {
    width: 100%;
  }
  .hierarchy-tab .hierarchy-module-list-container {
    padding: 0px 20px 0px 20px;
  }
  .hierarchy-tab .module-data-container {
    width: 100%;
    height: 100%;
    background-color: #e6f6fb;
    border: 1px solid #009fdb;
    border-top: 4px solid #009fdb;
    box-shadow: 0.3px 1px 2px rgba(24, 24, 25, 0.32);
  }
  .hierarchy-tab .module-data-container .module-data {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    color: #009fdb;
    padding: 10px 0px 10px 0px;
    margin: 0px 20px 0px 20px;
  }
  .hierarchy-tab .module-data-container .module-data .module-name {
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    width: 87%;
  }
  .hierarchy-tab .module-data-container .module-data .small-font {
    font-size: 12px;
  }
  .hierarchy-tab .module-data-container .list-item {
    padding: 10px 0px 10px 0px;
    margin: 0px 20px 0px 20px;
  }
  .hierarchy-tab .module-data-container .list-item:not(.last) {
    border-bottom: 1px solid rgba(0, 159, 219, 0.6);
  }
  .hierarchy-tab .module-data-container .artifact-data {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
    color: #5a5a5a;
  }
  .hierarchy-tab .module-data-container .artifact-data .artifact-name {
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    font-weight: bold;
  }
  .hierarchy-tab .module-data-container .property-data .property-name {
    width: 100%;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #009fdb;
  }
  .hierarchy-tab .module-data-container .property-data .property-info {
    color: #191919;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    width: 100%;
  }
  .hierarchy-tab .module-data-container .module-text-overflow {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .hierarchy-tab .hierarchy-modules-list .expand-collapse-title .expand-collapse-title-text {
    max-width: 202px;
  }
  .hierarchy-tab .hierarchy-module-member-list {
    overflow: hidden;
    background-color: #ffffff;
  }
  .hierarchy-tab .edit-name-container {
    float: right;
    border-left: 1px solid #5cc1e7;
    height: 20px;
    width: 12%;
  }
  .hierarchy-tab .edit-name-container .sdc-edit-icon {
    float: right;
    cursor: pointer;
    position: relative;
    top: 4px;
    right: 5px;
  }
  .sdc-tutorial-end-page {
    background-color: #000000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: url('/assets/styles/images/welcome.png');
    background-repeat: no-repeat;
    background-position: bottom left;
  }
  .sdc-tutorial-end-page .sdc-tutorial-end-page-main {
    width: 600px;
    height: 400px;
    margin: 100px auto 100px auto;
    padding: 80px;
  }
  .sdc-tutorial-end-page h2 {
    color: #3196c9;
    font-family: omnes-medium, sans-serif;
    font-size: 24px;
    margin: 0;
  }
  .sdc-tutorial-end-page .sdc-tutorial-end-page-description1 {
    color: #ffffff;
    font-family: omnes-regular, sans-serif;
    font-size: 20px;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    margin-top: 10px;
    line-height: 22px;
  }
  .sdc-tutorial-end-page .w-sdc-btn-blue {
    margin: 40px 10px 0 0;
  }
  .activity-log {
    margin-top: 30px;
  }
  .activity-log .title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .activity-log .table-container-flex .table .body .scrollbar-container {
    max-height: 448px;
  }
  .activity-log .view-mode {
    background-color: #ffffff;
  }
  .activity-log .table {
    height: 490px;
    margin-bottom: 0;
  }
  .activity-log .table-container-flex {
    margin-top: 10px;
  }
  .activity-log .table-container-flex .flex-item:nth-child(1) {
    width: 200px;
  }
  .activity-log .table-container-flex .flex-item:nth-child(2) {
    -webkit-box-flex: 20;
        -ms-flex-positive: 20;
            flex-grow: 20;
  }
  .activity-log .table-container-flex .flex-item:nth-child(3) {
    -webkit-box-flex: 30;
        -ms-flex-positive: 30;
            flex-grow: 30;
  }
  .activity-log .table-container-flex .flex-item:nth-child(4) {
    -webkit-box-flex: 20;
        -ms-flex-positive: 20;
            flex-grow: 20;
  }
  .activity-log .table-container-flex .flex-item:nth-child(5) {
    width: 80px;
  }
  .activity-log .table-container-flex .success {
    position: absolute;
    top: 11px;
    right: 20px;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -101px -707px;
    width: 10px;
    height: 10px;
  }
  .activity-log .table-container-flex .error {
    position: absolute;
    top: 11px;
    right: 20px;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -151px -707px;
    width: 10px;
    height: 10px;
  }
  .activity-log .data-row {
    position: relative;
  }
  .activity-log .top-search {
    float: right;
    position: relative;
  }
  .activity-log .top-search input.search-text {
    border-radius: 2px;
    width: 245px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #d2d2d2;
    margin: 0;
    outline: none;
    text-indent: 10px;
    /* Safari, Chrome and Opera */
    /* Firefox 18- */
    /* Firefox 19+ */
    /* IE 10+ */
    /* Edge */
  }
  .activity-log .top-search input.search-text::-webkit-input-placeholder {
    font-style: italic;
  }
  .activity-log .top-search input.search-text:-moz-placeholder {
    font-style: italic;
  }
  .activity-log .top-search input.search-text::-moz-placeholder {
    font-style: italic;
  }
  .activity-log .top-search input.search-text:-ms-input-placeholder {
    font-style: italic;
  }
  .activity-log .top-search input.search-text:-ms-input-placeholder {
    font-style: italic;
  }
  .activity-log .top-search .magnification {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .workspace-attributes {
    width: 93%;
    display: inline-block;
  }
  .workspace-attributes .w-sdc-classic-btn {
    float: right;
    margin-bottom: 10px;
  }
  .workspace-attributes .table {
    height: 490px;
    margin-bottom: 0;
  }
  .workspace-attributes .table-container-flex {
    margin-top: 27px;
  }
  .workspace-attributes .table-container-flex .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
  }
  .workspace-attributes .table-container-flex .flex-item:nth-child(1) {
    -webkit-box-flex: 15;
        -ms-flex-positive: 15;
            flex-grow: 15;
    cursor: pointer;
  }
  .workspace-attributes .table-container-flex .flex-item:nth-child(1) span.table-arrow {
    margin-right: 7px;
  }
  .workspace-attributes .table-container-flex .flex-item:nth-child(2) {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .workspace-attributes .table-container-flex .flex-item:nth-child(3) {
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .workspace-attributes .table-container-flex .flex-item:nth-child(4) {
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
    padding-top: 10px;
  }
  .workspace-attributes .table-container-flex .flex-item:nth-child(5) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .composition .sdc-workspace-container .w-sdc-main-container .w-sdc-main-right-container {
    left: 0;
  }
  .composition .sdc-workspace-container .w-sdc-main-container .w-sdc-main-right-container .sdc-workspace-top-bar {
    padding-left: 295px;
  }
  .composition .sdc-workspace-container .w-sdc-main-container .w-sdc-main-right-container .sdc-workspace-top-bar .not-latest {
    left: 270px;
  }
  .composition .sdc-workspace-container .w-sdc-main-container .w-sdc-main-right-container .w-sdc-main-container-body-content {
    padding: 0 0 0 247px;
  }
  .composition .sdc-workspace-container .w-sdc-main-container .w-sdc-main-right-container > div:first-child {
    padding: 0;
  }
  .workspace-composition {
    height: 100%;
    display: block;
    text-align: left;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    padding: 0;
    /*
      .i-sdc-composition-leftbar-section-content-item-icon {
          background-image: url('../../../styles/images/resource-icons/default.png');
          // position: absolute;
          right: 20px;
          top: 10px;
          height: 40px;
          width: 40px;
          background-size: 40px;
      }
      */
  }
  .workspace-composition .w-sdc-designer-sidebar-toggle {
    background-color: #ffffff;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    height: 21px;
    position: absolute;
    right: 0;
    top: 53px;
    width: 17px;
    transition: right 0.2s;
    z-index: 10;
    box-shadow: -1px 1px 3px 0 #959595;
  }
  .workspace-composition .w-sdc-designer-sidebar-toggle.active {
    right: 302px;
  }
  .workspace-composition .w-sdc-designer-sidebar-toggle.active .w-sdc-designer-sidebar-toggle-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .workspace-composition .w-sdc-designer-sidebar-toggle-icon {
    margin-left: 6px;
    margin-top: 6px;
  }
  .workspace-composition .w-sdc-designer-sidebar {
    background-color: #ffffff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom: 89px;
    position: fixed;
    right: -302px;
    width: 302px;
    top: 102px;
    transition: right 0.2s;
    z-index: 9;
    box-shadow: -7px -3px 6px -8px #959595;
  }
  .workspace-composition .w-sdc-designer-sidebar-toggle.active + .w-sdc-designer-sidebar {
    right: 0;
  }
  .workspace-composition .w-sdc-designer-sidebar-head {
    padding: 36px 30px 30px 30px;
    height: 120px;
  }
  .workspace-composition .w-sdc-designer-sidebar-logo-ph {
    display: inline-block;
    vertical-align: middle;
    line-height: 48px;
    height: 48px;
  }
  .workspace-composition .w-sdc-designer-sidebar-logo {
    color: #263d4d;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
    display: inline-block;
    margin-left: 10px;
    font-weight: 500;
  }
  .workspace-composition .w-sdc-designer-sidebar-logo-title {
    color: #191919;
    font-family: omnes-regular, sans-serif;
    font-size: 16px;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    vertical-align: middle;
    text-overflow: ellipsis;
    max-width: 167px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
  }
  .workspace-composition .w-sdc-designer-update-resource-icon {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 10px;
  }
  .workspace-composition .w-sdc-designer-delete-resource-icon {
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: 10px;
  }
  .workspace-composition .w-sdc-designer-sidebar-tabs {
    background-color: #cdcdcd;
  }
  .workspace-composition .w-sdc-designer-sidebar-tabs::after {
    clear: both;
    content: '';
    display: table;
  }
  .workspace-composition .i-sdc-designer-sidebar-tab {
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    border-left: none;
    display: inline-block;
    float: left;
    height: 36px;
    padding-top: 9px;
    text-align: center;
    width: 60px;
    cursor: pointer;
    /*for tooltip on disabled buttons*/
  }
  .workspace-composition .i-sdc-designer-sidebar-tab:focus {
    outline: none;
  }
  .workspace-composition .i-sdc-designer-sidebar-tab.tab-disabled {
    /* .disabled; */
  }
  .workspace-composition .i-sdc-designer-sidebar-tab.active,
  .workspace-composition .i-sdc-designer-sidebar-tab:hover:enabled {
    background-color: #eaeaea;
  }
  .workspace-composition .i-sdc-designer-sidebar-tab.active .i-sdc-designer-sidebar-tab-icon,
  .workspace-composition .i-sdc-designer-sidebar-tab:hover:enabled .i-sdc-designer-sidebar-tab-icon {
    opacity: 1;
  }
  div.workspace-composition .i-sdc-designer-sidebar-tab {
    padding-top: 0;
  }
  .workspace-composition .i-sdc-designer-sidebar-tab-icon {
    margin-top: 5px ;
  }
  .workspace-composition .w-sdc-designer-sidebar-tab-content {
    position: relative;
    overflow: hidden;
    height: 100%;
  }
  .workspace-composition .w-sdc-designer-sidebar-tab-content-view {
    position: absolute;
    top: 156px;
    bottom: 0;
    width: 100%;
    padding-bottom: 10px;
  }
  .workspace-composition .w-sdc-designer-sidebar-section-title {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    background-color: #eaeaea;
    cursor: pointer;
    clear: both;
    height: 32px;
    line-height: 32px;
    margin-top: 1px;
    padding: 0 40px 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    width: 100%;
    display: block;
  }
  .workspace-composition .w-sdc-designer-sidebar-section-title.expanded .w-sdc-designer-sidebar-section-title-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .workspace-composition .w-sdc-designer-sidebar-section-title-text {
    max-width: 240px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
  }
  .workspace-composition .w-sdc-designer-sidebar-section-title-icon {
    cursor: pointer;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -350px -236px;
    width: 12px;
    height: 7px;
    right: 16px;
    top: 10px;
    transition: .3s all;
    position: absolute;
  }
  .workspace-composition .w-sdc-designer-sidebar-section-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .workspace-composition .w-sdc-designer-sidebar-section-title + .w-sdc-designer-sidebar-section-content {
    margin: 0 auto;
  }
  .workspace-composition .w-sdc-designer-sidebar-section-title.expanded + .w-sdc-designer-sidebar-section-content {
    margin: 0 auto 1px;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item.description {
    margin-top: 28px;
    white-space: normal;
    word-wrap: break-word;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-tag {
    color: #263d4d;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 4px;
    display: inline-block;
    line-height: 25px;
    margin: 0 4px 6px 0;
    min-width: 50px;
    padding: 0 9px;
    text-align: center;
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .workspace-composition .w-sdc-designer-sidebar-section-footer {
    margin-top: 10px;
    text-align: center;
    width: 100%;
  }
  .workspace-composition .w-sdc-designer-sidebar-section-footer-action {
    width: 180px;
    margin-top: 10px;
  }
  .workspace-composition .w-sdc-designer-sidebar-section-requirements {
    border-bottom: 1px solid #cdcdcd;
    margin: 0 13px 20px 13px;
    padding: 15px 0 0;
  }
  .workspace-composition .w-sdc-designer-sidebar-section-requirements-item {
    margin-bottom: 20px;
  }
  .workspace-composition .w-sdc-designer-sidebar-section-requirements-label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 102px;
  }
  .workspace-composition .w-sdc-designer-sidebar-section-requirements-select {
    border: 1px solid #cdcdcd;
    min-height: 30px;
    padding: 4px 13px;
    width: 168px;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-property-and-attribute {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #cdcdcd;
    min-height: 72px;
    padding: 15px 10px 10px 18px;
    position: relative;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-property-and-attribute:hover {
    background-color: #ffffff;
    transition: all .3s;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-property-and-attribute:hover .i-sdc-designer-sidebar-section-content-item-button {
    display: block;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-property-and-attribute-label {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
    display: inline-block;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-property-and-attribute-label:hover {
    color: #3b7b9b;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-property-value {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    display: inline-block;
    white-space: nowrap;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-button {
    display: none;
    position: absolute;
    top: 25px;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-button.update {
    background-color: transparent;
    border: 0;
    right: 60px;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-button.delete {
    background-color: transparent;
    border: 0;
    right: 13px;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-button.download {
    background-color: transparent;
    border: 0;
    right: 35px;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-button.download-env {
    background-color: transparent;
    border: 0;
    right: 35px;
    margin-top: 65px;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-button.update-env {
    background-color: transparent;
    border: 0;
    right: 15px;
    margin-top: 65px;
  }
  .workspace-composition .i-sdc-designer-sidebar-section-content-item-button.attach {
    background-color: transparent;
    border: 0;
    right: 15px;
  }
  .workspace-composition .w-sdc-designer-canvas {
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ffffff;
    bottom: 0;
  }
  .workspace-composition .w-sdc-designer-canvas .view-mode {
    background-color: #f8f8f8;
    border: 0;
  }
  .workspace-composition .w-sdc-designer-element {
    cursor: pointer;
    width: 200px;
    height: 100px;
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: -200px;
    left: 50%;
    margin-left: -50px;
  }
  .workspace-composition .w-sdc-designer-resource-label {
    color: #b5b5b5;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .workspace-composition .w-sdc-designer-resource-label-indicator {
    background-color: #b5b5b5;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin-right: 6px;
    vertical-align: middle;
    width: 10px;
  }
  .workspace-composition .w-sdc-designer-resource-label-indicator.valid {
    background-color: #1e9a33;
  }
  .workspace-composition .w-sdc-designer-resource-label-indicator.invalid {
    background-color: #da1f3d;
  }
  .workspace-composition .w-sdc-designer-leftbar {
    background-color: #ffffff;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    width: 244px;
    box-shadow: 7px -3px 6px -8px #959595;
  }
  .workspace-composition .w-sdc-designer-leftbar-title {
    color: #ffffff;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
    background-color: #959595;
    line-height: 40px;
    padding: 0 17px;
  }
  .workspace-composition .w-sdc-designer-leftbar-title-count {
    float: right;
  }
  .workspace-composition .w-sdc-designer-leftbar-search {
    background-color: #eaeaea;
    padding: 10px;
    white-space: nowrap;
    position: relative;
  }
  .workspace-composition .w-sdc-designer-leftbar-search-input {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    height: 30px;
    margin: 0;
    padding: 0px 28px 3px 10px;
    vertical-align: 4px;
    width: 100%;
    outline: none;
    font-style: italic;
  }
  .workspace-composition .i-sdc-designer-leftbar-section {
    cursor: pointer;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-title {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    background-color: #eaeaea;
    cursor: pointer;
    clear: both;
    height: 40px;
    line-height: 40px;
    margin-top: 1px;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-title-icon {
    cursor: pointer;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -350px -236px;
    width: 12px;
    height: 7px;
    width: 15px;
    height: 9px;
    position: absolute;
    right: 13px;
    top: 18px;
    transition: .3s all;
  }
  .workspace-composition .i-sdc-designer-leftbar-section.expanded .i-sdc-designer-leftbar-section-title-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    margin-right: 2px;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content {
    background-color: #d2d2d2;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content-item {
    background-color: #ffffff;
    overflow: hidden;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content-item:hover {
    background-color: #ffffff;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content-item .cp {
    margin: 6px;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content-item .vl {
    margin: 6px;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content-subcat {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    background-color: #f8f8f8;
    line-height: 35px;
    padding: 0 10px;
    cursor: default;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content-subcat:hover {
    background-color: #f2f2f2;
  }
  .workspace-composition .i-sdc-designer-leftbar-section .i-sdc-designer-leftbar-section-content .i-sdc-designer-leftbar-section-content-item {
    max-height: 0px;
    margin: 0 auto;
    transition: all .3s;
  }
  .workspace-composition .i-sdc-designer-leftbar-section.expanded .i-sdc-designer-leftbar-section-content .i-sdc-designer-leftbar-section-content-item {
    max-height: 64px;
    margin: 0 auto 1px auto;
  }
  .workspace-composition .i-sdc-designer-leftbar-section.expanded .i-sdc-designer-leftbar-section-content .i-sdc-designer-leftbar-section-content-subcat {
    margin: 0;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content-item-icon-ph {
    display: inline-block;
    margin: 12px 0 12px 10px;
    pointer-events: auto;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content-item-icon-ph .non-certified {
    position: relative;
    left: 27px;
    bottom: 6px;
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -157px -3386px;
    width: 15px;
    height: 15px;
    display: block;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content-item-icon-ph .non-certified.smaller-icon {
    bottom: 6px;
    left: 13px;
  }
  .workspace-composition .non-certified {
    position: relative;
    left: 43px;
    bottom: 3px;
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -157px -3386px;
    width: 15px;
    height: 15px;
    display: block;
  }
  .workspace-composition .non-certified.smaller-icon {
    left: 35px;
    bottom: -14px;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content-item-info {
    display: inline-block;
    width: 160px;
    padding: 0 0 0 10px;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content-item-info-title {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    max-width: 120px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: bottom;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content-item-info-text {
    color: #8c8c8c;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .workspace-composition .i-sdc-designer-leftbar-section-content-item-info-text-link {
    color: #000000;
    text-decoration: underline;
    float: right;
    position: absolute;
    right: 17px;
  }
  .workspace-composition .w-sdc-form-actions-container.add-property {
    text-align: center;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 12px;
  }
  .workspace-composition .w-sdc-form-actions-container.add-property .w-sdc-form-action {
    width: 245px;
  }
  .workspace-composition .w-sdc-form-actions-container.add-property .w-sdc-form-action.add-property-add-another {
    background-color: #3b7b9b;
    margin-left: 35px;
  }
  .workspace-composition .w-sdc-form-actions-container.add-property .w-sdc-form-action.add-property-done {
    margin-left: 312px;
  }
  .workspace-composition .w-sdc-form-actions-container.add-property .w-sdc-form-action.save {
    margin-left: 327px;
    margin-bottom: 30px;
  }
  .workspace-composition .w-sdc-header-menu {
    padding: 25px 0;
    text-align: center;
    white-space: nowrap;
  }
  .workspace-composition .i-sdc-header-menu-item {
    cursor: pointer;
    display: inline-block;
    height: 43px;
    min-width: 93px;
    padding: 0 38px;
    position: relative;
    vertical-align: middle;
  }
  .workspace-composition .i-sdc-header-menu-item::after {
    border-right: 1px solid #a8b3b9;
    content: '';
    display: block;
    height: 43px;
    right: 0;
    position: absolute;
    top: 0;
    width: 2px;
  }
  .workspace-composition .i-sdc-header-menu-item:first-child::before {
    border-right: 1px solid #a8b3b9;
    content: '';
    display: block;
    height: 43px;
    left: 0;
    position: absolute;
    top: 0;
    width: 2px;
  }
  .workspace-composition .i-sdc-header-menu-item-icon {
    display: inline-block;
    height: 20px;
    width: 28px;
  }
  .workspace-composition .i-sdc-header-menu-item-label {
    color: #263d4d;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }
  .workspace-composition .w-sdc-canvas-menu {
    position: fixed;
    z-index: 100;
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: 0px 2px 2px 0px rgba(24, 24, 25, 0.1);
    width: 91px;
    /*        &.vl-type-select{
                      width: 173px;
                  }
          */
  }
  .workspace-composition .w-sdc-canvas-menu h3 {
    color: #191919;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 7px 11px;
    border-bottom: 1px solid #e5e5e5;
  }
  .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content {
    padding: 5px 5px;
  }
  .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content.vl-select {
    border-bottom: #d8d8d8 solid 1px;
    line-height: 15px;
  }
  .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content.vl-select .tlv-radio {
    padding: 3px 0px;
  }
  .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content.vl-select .tlv-radio .tlv-radio-label {
    padding: 3px 0px;
  }
  .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content.vl-select .tlv-radio .tlv-radio-label::before {
    margin-right: 10px;
  }
  .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content .w-sdc-canvas-menu-content-update-button {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -64px -2771px;
    width: 11px;
    height: 13px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 10px;
  }
  .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-content .w-sdc-canvas-menu-content-delete-button {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -64px -2771px;
    width: 11px;
    height: 13px;
    cursor: pointer;
    margin: 0 8px 0 6px;
  }
  .workspace-composition .w-sdc-canvas-menu .w-sdc-canvas-menu-arrow {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1OTIzNDI1MENFQjExRTU4ODRERTI1MDM2REZCOUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1OTIzNDI2MENFQjExRTU4ODRERTI1MDM2REZCOUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTU5MjM0MjMwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTU5MjM0MjQwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gBXTlAAAAOElEQVR42mK0rp7NgASMgZgFiE/CBJjQJPcA8U4gNkdXAJMUAGJ+ZEVMaJIwAFfEhEUSRRFAgAEAVtgJyiLAPWAAAAAASUVORK5CYII=');
    content: '';
    display: block;
    height: 21px;
    position: absolute;
    right: 12px;
    top: -24px;
    width: 184px;
    background-repeat: no-repeat;
    background-position: 175px 16px;
  }
  /*.right-tab-loader {
      border: 16px solid #f3f3f3; !* Light grey *!
      border-top: 16px solid #3498db; !* Blue *!
      border-radius: 50%;
      width: 120px;
      height: 120px;
      animation: spin 2s linear infinite;
  }*/
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact.hand {
    cursor: pointer;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .w-sdc-designer-sidebar-section-content {
    padding: 0;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .w-sdc-designer-sidebar-section-title.expanded {
    margin-bottom: 0;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-details {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    width: 180px;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-details.heat {
    line-height: 18px;
    width: 250px;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-details-name {
    color: #263d4d;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
    display: inline-block;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-details-name.enabled:hover {
    color: #3b7b9b;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-heat-env {
    color: #263d4d;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    margin-top: 6px;
    line-height: 42px;
    padding-top: 10px;
    border-top: 1px solid #c8cdd1;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-heat-env .enabled:hover {
    cursor: pointer;
    color: #3b7b9b;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-filename {
    color: #263d4d;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 225px;
    display: inline-block;
    font-weight: bold;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-filename.enabled:hover {
    color: #3b7b9b;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-file-link {
    border-left: 1px #848586 solid;
    height: 58px;
    margin-left: -11px;
    margin-top: 11px;
    border-top: 1px #848586 solid;
    border-bottom: 1px #848586 solid;
    width: 12px;
    float: left;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-details-desc {
    display: none;
    line-height: 16px;
    word-wrap: break-word;
    white-space: normal;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact-details-desc-label {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact {
    border-bottom: 1px solid #c8cdd1;
    padding: 5px 10px 5px 18px;
    position: relative;
    min-height: 61px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact .i-sdc-designer-sidebar-section-content-item-button {
    top: 20px;
    line-height: 10px;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact:hover {
    background-color: #ffffff;
    transition: all .3s;
  }
  .w-sdc-designer-sidebar-tab-content.artifacts .i-sdc-designer-sidebar-section-content-item-artifact:hover .i-sdc-designer-sidebar-section-content-item-button {
    display: block;
  }
  .i-sdc-designer-sidebar-section-content-item-lm {
    color: #666666;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    border-bottom: 1px solid #cdcdcd;
    cursor: pointer;
    height: 65px;
    padding: 22px 0;
    position: relative;
  }
  .i-sdc-designer-sidebar-section-content-item-lm:hover {
    background-color: #e6e6e6;
    margin-left: -10px;
    margin-right: -10px;
    padding: 22px 10px;
  }
  .i-sdc-designer-sidebar-section-content-item-lm:hover .i-sdc-designer-sidebar-section-content-item-lm-icon {
    right: 16px;
  }
  .i-sdc-designer-sidebar-section-content-item-lm:first-child {
    margin-top: -18px;
  }
  .i-sdc-designer-sidebar-section-content-item-lm-icon {
    position: absolute;
    right: 6px;
  }
  .i-sdc-designer-sidebar-section-content-item-lm-icon.icon-view {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdGMDNBRUJDMDkxNjExRTVCMjRBOEI5QzMxQTlBQjY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdGMDNBRUJEMDkxNjExRTVCMjRBOEI5QzMxQTlBQjY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0YwM0FFQkEwOTE2MTFFNUIyNEE4QjlDMzFBOUFCNjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0YwM0FFQkIwOTE2MTFFNUIyNEE4QjlDMzFBOUFCNjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4U2decAAABRUlEQVR42pyRPUvDUBSG39t2UyyaBgvWQZMqKoFq4lBH0U0UqXSxKPaPieCoWPAPKIgdjG1ohaghOrSR1iaLKMXpmnMhQVfPcLmc8zxwPhjnHFE4rx3eMO/w4rr4+vwQuZHRMcwqClaMVeRnplnEskg8O7/g96YJSZLgBz5+R0bKIAgC6IaBvdKukBP0HJ+cctu2cVCtQsrIUFUVlcp+LE6EItWIIVaIV9c3/PnRRqlcxkJeYV2vi+/hEO/9QSx6b56oEUMsOal6/TacQcXinCpaGE+n0QnljufFIuUoiAlZTk6iWFyD6zpoWi3RwvrmBlLJZCzRn3IUxBBLjlgO9e06T9ja3sGyrqPX66NtWQLWCgVks5Owmg1c1mpQ8vM4OqywP1s1w1PkpnJY0jTIsizy/sDHQ7sFmt0ITxJtlf33jj8CDADhB52tEX6ifAAAAABJRU5ErkJggg==');
    height: 9px;
    top: 29px;
    width: 14px;
  }
  .i-sdc-designer-sidebar-section-content-item-lm-icon.icon-alert {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAYAAAB2HjRBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhBM0YxQTBCMDkyMDExRTVBNzlCQUYxNEYwMDUwOTQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhBM0YxQTBDMDkyMDExRTVBNzlCQUYxNEYwMDUwOTQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEEzRjFBMDkwOTIwMTFFNUE3OUJBRjE0RjAwNTA5NDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEEzRjFBMEEwOTIwMTFFNUE3OUJBRjE0RjAwNTA5NDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7exgceAAAB5klEQVR42oySy2tTQRTGfzN3cpvbpFTaUlzUjeCuVFyJf4DuCl34wL/CrbpUunLnwpUuFFy48IFiwYWhpYuW+gCLrbWKBQumaRIba5ub3MccJ5WECCV44MDMme873/lmBhGhnZulcn/3/sfrO7J/45R017pT0xUS2bC93vy2LAOLt5DfCeUn14RD4h/ysbHRDii/8pyo7DmFiP7VZ4Rbu9KT3I7i+qJklp7ibQt2J6HeNOhXV/gv8tDcbaLtXYLJKeTcZfxqSPPzvGu6ID3J1Q8z0ny/hIkM5swF8qenUFUfwixHCtd7Kwez04jOgEmc+hq6tuZ8N9E6xG5U+Pn2kRxKLs7eE7tRc0XlToRM2sD+2sGmDiY+kWsSFG528Kr1Xgfjfn0n5uElvFrrzVqVDHqkiTKjxCsV9LBx08QkgcY/eZH+89Oqo+x9eumkwQaQaoPEKWpsHHN8ArItgLt5UdiG6736mFLxixyQt+bviik8QPuaNFRIkjqQRZ2YJDo6QWydjTRtOcGPPdJKgnlxFfN9fVmGNhecR4U3mLrL6nPTRTQHXZO5+4jyyI4Iqs99GJvgBiKjcySlj3897y6/kbreI4w0QS7ASxrsa4/cXkxkIzK5PKmNqRMw7NfdeczA+Fn1R4ABAPnMAeCjkgf5AAAAAElFTkSuQmCC');
    height: 13px;
    top: 27px;
    width: 15px;
  }
  .w-sdc-designer-sidebar-tab-content.details .w-sdc-designer-sidebar-section-title + .w-sdc-designer-sidebar-section-content {
    padding: 0 10px 0 18px;
  }
  .w-sdc-designer-sidebar-tab-content.details .w-sdc-designer-sidebar-section-title.expanded + .w-sdc-designer-sidebar-section-content {
    padding: 10px 10px 10px 18px;
  }
  .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-label {
    font-weight: bold;
  }
  .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-label.additional-information {
    max-width: 100px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: bottom;
  }
  .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value {
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 160px;
    vertical-align: bottom;
    font-weight: normal;
  }
  .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value.vendor-model-number {
    max-width: 110px;
  }
  .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value.additional-information {
    max-width: 160px;
    display: inline-block;
  }
  .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value.i-sdc-form-select {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    border: 1px solid #cfcfcf;
    width: 210px;
    max-width: 210px;
    padding-left: 4px;
  }
  .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value.i-sdc-form-select .select-instance-version {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value.i-sdc-form-select .select-instance-version.minor {
    color: #da1f3d;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-item-value.minor {
    color: #da1f3d;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
  }
  .w-sdc-designer-sidebar-tab-content.details .i-sdc-designer-sidebar-section-content-description-item-value {
    max-width: none;
    font-weight: normal;
  }
  .w-sdc-designer-sidebar-tab-content.details .customization-uuid {
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .w-sdc-designer-sidebar-tab-content.details .w-sdc-designer-sidebar-section.tags .i-sdc-designer-sidebar-section-content-item {
    white-space: normal;
  }
  .w-sdc-designer-sidebar-tab-content.properties .i-sdc-designer-sidebar-section-content-item-property-and-attribute-label {
    font-weight: bold;
  }
  .w-sdc-designer-sidebar-tab-content.properties .i-sdc-designer-sidebar-section-content-item-button.update {
    right: 17px;
  }
  .w-sdc-designer-sidebar-tab-content.properties .i-sdc-designer-sidebar-section-content-item-button.delete {
    right: 35px;
  }
  .w-sdc-designer-sidebar-tab-content.properties .w-sdc-designer-sidebar-properties-disabled {
    color: #191919;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    padding: 20px 20px;
  }
  .w-sdc-designer-sidebar-tab-content.properties .vfci-properties-group {
    background-color: #f2f2f2;
  }
  .w-sdc-designer-sidebar-tab-content.properties .expand-collapse-title-icon {
    cursor: pointer;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -334px -888px;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin: 0 6px;
  }
  .w-sdc-designer-sidebar-tab-content.properties .expanded .expand-collapse-title-icon {
    background-position: -378px -888px;
    width: 14px;
    height: 14px;
  }
  .w-sdc-designer-sidebar-tab-content.properties .w-sdc-designer-sidebar-section-title-text {
    vertical-align: middle;
  }
  .w-sdc-designer-sidebar-tab-content.relations .w-sdc-designer-sidebar-section-content {
    padding: 0;
  }
  .w-sdc-designer-sidebar-tab-content.relations .w-sdc-designer-sidebar-section-title.expanded {
    margin-bottom: 0;
  }
  .workspace-deployment-artifact {
    width: 93%;
    display: inline-block;
  }
  .workspace-deployment-artifact .table-container-flex .table .body .data-row + div.item-opened {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 40px 10px 30px;
  }
  .workspace-deployment-artifact .w-sdc-classic-btn {
    float: right;
    margin-bottom: 10px;
  }
  .workspace-deployment-artifact .heat-env-connect-container {
    background-color: white;
    position: absolute;
    height: 70px;
    width: 20px;
    left: 0;
    top: 0;
  }
  .workspace-deployment-artifact .heat-env-connect-container-view-mode {
    background-color: #f8f8f8;
  }
  .workspace-deployment-artifact .heat-env-connect {
    border-left: 1px #848586 solid;
    height: 50px;
    margin-left: 10px;
    margin-top: 10px;
    border-top: 1px #848586 solid;
    border-bottom: 1px #848586 solid;
    width: 11px;
    float: left;
  }
  .workspace-deployment-artifact .artifact-name {
    width: 85%;
  }
  .workspace-deployment-artifact .table-container-flex .table .body .data-row div .heat-env-connect-container {
    border-right: none;
  }
  .workspace-deployment-artifact .i-sdc-designer-sidebar-section-content-item-file-link::before {
    content: "";
    background-color: white;
    width: 12px;
  }
  .workspace-deployment-artifact .table {
    height: 490px;
    margin-bottom: 0;
  }
  .workspace-deployment-artifact .parameter-description {
    background-color: #8c8c8c;
    border-radius: 50%;
    color: #ffffff;
    content: '';
    height: 18px;
    width: 18px;
    text-align: center;
    display: block;
    content: '?';
    line-height: 18px;
    vertical-align: middle;
    margin-left: 5px;
    cursor: default;
    display: inline-block;
    position: absolute;
    top: 16px;
  }
  .workspace-deployment-artifact .table-container-flex {
    margin-top: 27px;
  }
  .workspace-deployment-artifact .table-container-flex .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
  }
  .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(1) {
    -webkit-box-flex: 15;
        -ms-flex-positive: 15;
            flex-grow: 15;
    cursor: pointer;
    padding-left: 30px;
    position: relative;
  }
  .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(1) span.table-arrow {
    margin-right: 7px;
  }
  .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(1) .description-popover-icon {
    float: right;
    margin-top: 6px;
  }
  .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(2) {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(3) {
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9;
  }
  .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(4) {
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(5) {
    -webkit-box-flex: 20;
        -ms-flex-positive: 20;
            flex-grow: 20;
  }
  .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(6) {
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(6).table-btn-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(6).table-btn-col button {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    background-color: transparent;
    border: 0;
    margin: 0;
  }
  .workspace-deployment-artifact .table-container-flex .flex-item:nth-child(6).table-btn-col .edit-paramtes-button {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .workspace-deployment-artifact .w-sdc-form {
    text-align: left;
  }
  .workspace-deployment-artifact .w-sdc-form .w-sdc-env-params {
    border-top: 1px solid #cdcdcd;
    margin: 25px 0 10px 0;
  }
  .workspace-deployment-artifact .w-sdc-form .i-sdc-form-textarea {
    border: 1px solid #cdcdcd;
    min-height: 60px;
    padding: 10px 13px;
    width: 100%;
    resize: none;
  }
  .workspace-deployment-artifact .w-sdc-form .w-sdc-form-item.error .i-sdc-form-input,
  .workspace-deployment-artifact .w-sdc-form .w-sdc-form-item.error .i-sdc-form-select,
  .workspace-deployment-artifact .w-sdc-form .w-sdc-form-item.error .i-sdc-form-textarea {
    border-color: #da1f3d;
    outline: none;
    box-sizing: border-box;
  }
  .workspace-deployment-artifact .w-sdc-form .i-sdc-env-form-label {
    font-family: omnes-medium, sans-serif;
    color: #5a5a5a;
    overflow: hidden;
    max-width: 450px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    margin-top: 14px;
  }
  .workspace-deployment-artifact .w-sdc-form .i-sdc-env-form-label.required::before {
    color: #f33;
    content: '*';
    margin-right: 4px;
  }
  .table-container-flex .table .body .scrollbar-container {
    overflow-x: auto !important;
  }
  .parameter-description-popover.deployment-artifact-view {
    margin-left: -22px;
    z-index: 1040;
    min-width: 300px;
  }
  .parameter-description-popover.deployment-artifact-view .input-error {
    color: #cf2a2a;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
  }
  .parameter-description-popover.deployment-artifact-view .error textarea {
    border-color: #ea7499;
    color: #da1f3d;
    outline: none;
  }
  .parameter-description-popover.deployment-artifact-view .popover-content textarea {
    width: 100%;
  }
  .deployment-view {
    display: inline-block;
    text-align: left;
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    padding: 0;
    width: 100%;
    height: 100%;
  }
  .deployment-view .w-sdc-deployment-canvas {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ffffff;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .deployment-view .w-sdc-deployment-canvas .view-mode {
    background-color: #f8f8f8;
    border: 0;
  }
  .deployment-view .w-sdc-deployment-right-bar {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom: 0;
    position: absolute;
    right: 0px;
    transition: right 0.2s;
    z-index: 10000;
    top: 53px;
  }
  .w-sdc-classic-top-line-modal .w-sdc-distribution-view .actions-buttons {
    height: 29px;
    padding: 0 25px 0 0px;
  }
  .w-sdc-classic-top-line-modal .w-sdc-distribution-view .actions-buttons span {
    float: right;
  }
  .w-sdc-classic-top-line-modal .w-sdc-distribution-view .w-sdc-distribution-view-content {
    height: 500px;
  }
  .w-sdc-classic-top-line-modal .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block .omf-component-row .w-sdc-distribute-status-block {
    margin-left: 0;
  }
  .w-sdc-classic-top-line-modal .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block div {
    padding-left: 0;
  }
  .w-sdc-distribution-view {
    text-align: left;
    color: #263d4d;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    min-height: 500px;
    background-color: #ffffff;
    vertical-align: top;
    padding: 30px 10px;
    width: 100%;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-distributed-green-text {
    color: #1e9a33;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    font-weight: bold;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-distributed-error-red-text {
    color: #da1f3d;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    font-weight: bold;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    margin: 0 25px 5px 40px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-header .header-spacer {
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
  }
  .w-sdc-distribution-view .top-search {
    position: relative;
  }
  .w-sdc-distribution-view .top-search input.search-text {
    height: 26px;
    line-height: 26px;
    margin: 0 18px 4px 20px;
    padding-right: 25px;
  }
  .w-sdc-distribution-view .top-search .magnification {
    top: 8px;
    right: 25px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content {
    padding: 0 25px 0 0px;
    margin-bottom: 25px;
    height: 700px;
    overflow: hidden;
    position: relative;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-title {
    color: #191919;
    font-family: omnes-regular, sans-serif;
    font-size: 14px;
    line-height: 30px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-title span {
    padding-left: 5px;
  }
  .w-sdc-distribution-view .blue-font {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-distribution-view .red-font {
    color: #cf2a2a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-block div {
    display: inline-block;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section ul {
    list-style-type: none;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .distribution-bth {
    cursor: pointer;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .distribution-bth.disabled {
    cursor: none;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .copy-link {
    padding-right: 19px;
    margin-left: 8px;
    cursor: pointer;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-row-extends {
    border-Left: solid 4px transparent;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-row-extends.extends {
    border-left: solid 4px #71c5eb;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 10px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block {
    border: 1px solid #d2d2d2;
    width: 100%;
    margin-bottom: 6px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .status-icon {
    vertical-align: middle;
    margin-bottom: 4px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block.extends {
    background-color: #f8f8f8;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block :not(.disable-hover):hover {
    background-color: #eaeaea;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .title-section {
    display: inline-block;
    margin-right: 10px;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .title {
    color: #000000;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
    font-weight: bold;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 10px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribution-arrow-btn {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -250px -237px;
    width: 12px;
    height: 6px;
    margin: 0 6px;
    display: inline-table;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .extends.w-sdc-distribution-arrow-btn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content {
    margin: 15px 31px 10px 0;
    width: 100%;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content .w-sdc-distribute-status-block {
    border-top: solid 1px #d2d2d2;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content .item-1 {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content .item-2 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content .item-3 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content .item-4 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-row .w-sdc-distribute-row-content .item-5 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 10px 5px 0 5px;
    padding: 5px 5px 0 5px;
    width: 100%;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block div {
    border-left: 1px solid #d2d2d2;
    padding: 0 12px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block .link {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    cursor: pointer;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block .link:hover {
    text-decoration: underline;
    color: #056bae;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block span {
    padding: 2px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block .deployed {
    margin-left: 10px;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -170px -706px;
    width: 12px;
    height: 12px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block .error {
    color: #cf2a2a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
    margin-left: 10px;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -51px -751px;
    width: 13px;
    height: 11px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block .status-item-1 {
    border-left: 0;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-status-block .status-item-6 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    border-left: none;
    text-align: right;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block {
    padding: 0;
    padding-bottom: 5px;
    list-style-type: none;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block li {
    margin: 5px 2px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block .omf-component-row {
    border: 1px solid #cfcfcf;
    padding-left: 3px;
    background-color: white;
    margin: 0 30px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block .omf-component-row.extends {
    padding-left: 0;
    border-Left: solid 4px #71c5eb;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block .omf-component-row .w-sdc-distribute-status-block {
    margin: 5px;
    padding: 5px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block .omf-component-row .blue-font {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 16px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-components-block .omf-component-row:hover {
    background-color: #eaeaea;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block {
    background-color: white;
    margin: 0 30px;
    padding: 8px 10px;
    border: 1px solid #cfcfcf;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-head {
    margin-bottom: 5px;
    background-color: #eaeaea;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-head .title {
    padding: 6px 10px;
    border-left: 1px solid #cfcfcf;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-head .title:first-child {
    border: none;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-row {
    border-bottom: 1px solid #cfcfcf;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-row.row-0 {
    border-top: 1px solid #cfcfcf;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-row .w-sdc-distribute-cell {
    padding: 10px;
    border-left: 1px solid #cfcfcf;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-row .w-sdc-distribute-cell:last-child {
    border-right: 1px solid #cfcfcf;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .omfComponent-table-row .w-sdc-distribute-cell.item-5 {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .w-sdc-distribute-row.extends {
    border-Left: solid 4px #71c5eb;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .w-sdc-distribute-row.extends .item-1 {
    border: none;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .item-1 {
    width: 20%;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .item-2 {
    width: 20%;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .item-3 {
    width: 24%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .item-4 {
    width: 18%;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-omfComponent-block .item-5 {
    width: 18%;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-url-block {
    padding: 10px 15px;
    border: none;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    width: 100%;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-url-block li {
    border: none;
  }
  .w-sdc-distribution-view .w-sdc-distribution-view-content-section .w-sdc-distribute-parent-block .w-sdc-distribute-url-block li span {
    padding-right: 30px;
    color: #5a5a5a;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
  }
  .sdc-workspace-general-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sdc-workspace-general-step .w-sdc-form {
    padding: 0;
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .sdc-workspace-general-step .w-sdc-form .i-sdc-form-file-upload input[type="button"] {
    cursor: pointer;
    display: block;
    filter: alpha(opacity=0);
    width: 100px;
    height: 30px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
  }
  .sdc-workspace-general-step .w-sdc-form .i-sdc-form-file-upload .file-upload-browse-btn {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ECEFF3;
    padding: 4px 6px;
    cursor: pointer;
    z-index: 999;
    width: 100px;
    height: 28px;
    text-align: center;
  }
  .sdc-workspace-general-step .w-sdc-form .i-sdc-form-file-upload .file-upload-browse-btn.disabled {
    cursor: default;
  }
  .sdc-workspace-general-step .w-sdc-form .description {
    height: 116px;
  }
  .sdc-workspace-general-step .w-sdc-form .w-sdc-form-section-container {
    text-align: center;
  }
  .sdc-workspace-general-step .w-sdc-form .i-sdc-form-item {
    margin-bottom: 15px;
  }
  .sdc-workspace-general-step .w-sdc-form .i-sdc-form-item.upload {
    margin-top: 0;
    width: auto;
    padding: 10px;
  }
  .sdc-workspace-general-step .w-sdc-form .template-desc {
    border: 1px dashed #cfcfcf;
    height: 130px;
    overflow: hidden;
    padding: 10px 6px 6px 6px;
    margin-top: 10px;
  }
  .sdc-workspace-general-step .w-sdc-form .sdc-tag .tag {
    max-width: 225px;
  }
  .sdc-workspace-general-step .meta-data {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding-left: 6%;
    text-align: left;
    margin-top: 20px;
  }
  .sdc-workspace-general-step .meta-data .meta-data-item-value {
    padding-bottom: 20px;
  }
  .workspace-icons {
    width: 89%;
    display: inline-block;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .workspace-icons .w-sdc-form {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .workspace-icons .w-sdc-form .selected-icon-container {
    text-align: left;
    border: 1px solid #cfcfcf;
    clear: both;
    margin-bottom: 30px;
    padding: 2px 0px 5px 5px;
  }
  .workspace-icons .w-sdc-form .selected-icon-container .selected-icon {
    margin: 8px 5px 0px 6px;
  }
  .workspace-icons .w-sdc-form .suggested-icons-container {
    text-align: left;
    border: 1px solid #cfcfcf;
    clear: both;
    padding: 2px 0px 5px 5px;
    height: 340px;
    margin-bottom: 0px;
  }
  .workspace-icons .w-sdc-form .suggested-icons-container .suggested-icon-wrapper {
    margin: 8px 5px 0px 6px;
    display: inline-block;
  }
  .workspace-icons .w-sdc-form .suggested-icons-container .suggested-icon-wrapper.selected {
    border: 2px solid #009fdb;
    border-radius: 35px;
    display: inline-block;
    line-height: 0px;
    padding: 3px;
  }
  .workspace-icons .w-sdc-form .suggested-icons-container .suggested-icon {
    display: inline-block;
  }
  .workspace-icons .w-sdc-form .suggested-icons-container .suggested-icon.disable {
    opacity: 0.4;
  }
  .workspace-icons .w-sdc-form .icons-label {
    float: left;
  }
  .workspace-icons .w-sdc-form .icons-text {
    text-align: left;
    line-height: 32px;
    padding-left: 10px;
    width: 100%;
    border: 1px solid #cfcfcf;
    border-bottom: none;
  }
  .workspace-information-artifact {
    width: 93%;
    display: inline-block;
  }
  .workspace-information-artifact .w-sdc-classic-btn {
    float: right;
    margin-bottom: 10px;
  }
  .workspace-information-artifact .table {
    height: 490px;
    margin-bottom: 0;
  }
  .workspace-information-artifact .table-container-flex {
    margin-top: 27px;
  }
  .workspace-information-artifact .table-container-flex .item-opened {
    word-wrap: break-word;
  }
  .workspace-information-artifact .table-container-flex .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
  }
  .workspace-information-artifact .table-container-flex .flex-item:nth-child(1) {
    -webkit-box-flex: 15;
        -ms-flex-positive: 15;
            flex-grow: 15;
    cursor: pointer;
  }
  .workspace-information-artifact .table-container-flex .flex-item:nth-child(1) span.table-arrow {
    margin-right: 7px;
  }
  .workspace-information-artifact .table-container-flex .flex-item:nth-child(2) {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .workspace-information-artifact .table-container-flex .flex-item:nth-child(3) {
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
  }
  .workspace-information-artifact .table-container-flex .flex-item:nth-child(4) {
    -webkit-box-flex: 20;
        -ms-flex-positive: 20;
            flex-grow: 20;
  }
  .workspace-information-artifact .table-container-flex .flex-item:nth-child(5) {
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
    padding-top: 10px;
  }
  .workspace-inputs {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .workspace-inputs .sdc-workspace-container .w-sdc-main-right-container .w-sdc-main-container-body-content {
    padding: 25px 8% 25px 8%;
  }
  .workspace-inputs .w-sdc-main-container .w-sdc-main-right-container > div:first-child {
    /* scroll fix */
    padding-bottom: 0px;
  }
  .workspace-inputs .text {
    padding-left: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .workspace-inputs .title-text {
    color: #5a5a5a;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .workspace-inputs .no-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .workspace-inputs .title-blue-text {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 13px;
  }
  .workspace-inputs .title-blue-text.property-name-text {
    padding-right: 13px;
    border-right: 1px solid rgba(120, 136, 148, 0.26);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .workspace-inputs .instance-name-text {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .workspace-inputs ng-include {
    width: 45%;
  }
  .workspace-inputs .w-sdc-inputs-search {
    padding: 10px 20px 20px 0;
    white-space: nowrap;
    position: relative;
    width: 60%;
    height: 64px;
  }
  .workspace-inputs .w-sdc-inputs-search .inputs-search-icon {
    top: 9px;
    right: 11px;
  }
  .workspace-inputs .w-sdc-inputs-search .magnification-white {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -434px -128px;
    width: 14px;
    height: 14px;
    cursor: pointer;
  }
  .workspace-inputs .w-sdc-inputs-search .search-icon-container {
    width: 35px;
    height: 30px;
    background-color: #009fdb;
    white-space: nowrap;
    float: right;
    position: relative;
    bottom: 31px;
    right: 1px;
    border-radius: 0px 4px 4px 0px;
    cursor: pointer;
  }
  .workspace-inputs .total-inputs-count {
    width: 100%;
    font-weight: bold;
    text-align: left;
  }
  .workspace-inputs .new-input-button {
    margin: 9px 0 0 0;
  }
  .workspace-inputs .w-sdc-inputs-search-input {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    height: 32px;
    margin: 0;
    padding: 0px 28px 3px 10px;
    vertical-align: 4px;
    width: 100%;
    outline: none;
    font-style: italic;
  }
  .workspace-inputs .w-sdc-classic-btn {
    float: right;
    margin-bottom: 10px;
  }
  .workspace-inputs .prop-to-input-button {
    position: absolute;
    top: 50%;
    margin-right: -20px;
    margin-bottom: -10px;
  }
  .workspace-inputs .table-container-flex .flex-item {
    line-height: 22px;
  }
  .workspace-inputs .table-container-flex .expand-collapse-table-row .data-row {
    background: #eaeaea;
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 12px;
    margin: 1px 0px 1px 0px;
    min-height: 40px;
  }
  .workspace-inputs .table-container-flex .expand-collapse-table-row .data-row:hover {
    background-color: #D3DBE0;
  }
  .workspace-inputs .table {
    height: 640px;
    margin-bottom: 0;
    clear: both;
  }
  .workspace-inputs .table .empty-row {
    padding: 3px;
  }
  .workspace-inputs .table .flex-item {
    line-height: 22px;
  }
  .workspace-inputs .table .table-header {
    line-height: 14px;
    background-color: #009fdb;
    color: #ffffff;
    text-align: left;
    padding: 7px 5px 7px 10px;
    font-family: omnes-medium, sans-serif;
    font-size: 14px;
  }
  .workspace-inputs .table .head {
    background-color: #e6e6e6;
  }
  .workspace-inputs .table .body .scrollbar-container {
    position: relative;
    overflow: hidden;
    max-height: 610px;
  }
  .workspace-inputs .table .body .expand-collapse-inputs-table-icon {
    cursor: pointer;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -350px -236px;
    width: 12px;
    height: 7px;
    transition: .3s all;
    position: relative;
    left: 8px;
    border: none !important;
    padding: 0px 10px 0px 10px;
  }
  .workspace-inputs .table .body .table-col-text {
    margin-left: 14px;
  }
  .workspace-inputs .inputs-header {
    width: 100%;
    position: relative;
    bottom: 31px;
  }
  .workspace-inputs .inputs-tables-container {
    width: 100%;
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .workspace-inputs .inputs-button-container {
    width: 8%;
    min-width: 8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .workspace-inputs .inputs-button-container .right-arrow-btn {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -650px -619px;
    width: 29px;
    height: 29px;
    margin: auto;
    cursor: pointer;
  }
  .workspace-inputs .table-container-flex {
    margin-top: 27px;
    width: 46%;
    min-width: 46%;
    display: inline-block;
    float: left;
  }
  .workspace-inputs .property-row .input-check-box {
    text-align: center;
  }
  .workspace-inputs .service-inputs-view .table-container-flex {
    width: 100% !important;
  }
  .workspace-inputs .service-inputs-view .table-loader {
    position: relative;
    top: 215px;
  }
  .workspace-inputs .infinite-scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 400px;
  }
  .workspace-inputs .class_with_css_props_leading_to_a_scroll {
    height: 100%;
    overflow-y: auto;
  }
  .workspace-inputs .table-container-flex .expand-collapse-table-row .service-input-row {
    padding-left: 15px;
    border: none;
    border-bottom: rgba(120, 136, 148, 0.26) solid 1px;
  }
  .workspace-inputs .table-container-flex .expand-collapse-table-row .service-input-row.service-input-row {
    background: #eaeaea;
  }
  .workspace-inputs .table-container-flex .expand-collapse-table-row .service-input-row.service-input-row.new-input {
    background: #e6f6fb;
  }
  .workspace-hierarchy {
    display: inline-block;
    width: 93%;
  }
  .workspace-hierarchy .scrollbar-container {
    max-height: 400px;
    position: relative;
    overflow: hidden;
  }
  .workspace-hierarchy .dropdown-container {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .workspace-hierarchy .dropdown-container:after {
    top: 47%;
    right: 1%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: black;
    border-width: 4px;
    margin-left: -4px;
  }
  .workspace-hierarchy .dropdown-container .dropdown-input-text {
    width: 100%;
    padding: 4px 10px;
  }
  .workspace-hierarchy .dropdown-container .dropdown-content {
    position: relative;
    border: 1px solid #d8d8d8;
    display: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    background-color: #ffffff;
    max-height: 400px;
    z-index: 999999;
  }
  .workspace-hierarchy .dropdown-container .dropdown-content .dropdown-option {
    border-bottom: 1px solid #d8d8d8;
    display: inline-block;
    width: 100%;
  }
  .workspace-hierarchy .dropdown-container .dropdown-content .category-container {
    width: 250px;
    float: left;
    padding-left: 5px;
  }
  .workspace-hierarchy .dropdown-container .dropdown-content .category-container .category {
    font-weight: bold;
    padding: 3px 3px 2px 3px;
  }
  .workspace-hierarchy .dropdown-container .dropdown-content .category-container .category:after {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -262px -4041px;
    width: 11px;
    height: 10px;
    content: '';
    margin-left: 5px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .workspace-hierarchy .dropdown-container .dropdown-content .category-container .subcategory {
    padding-left: 3px;
  }
  .workspace-hierarchy .dropdown-container .dropdown-content .groupings-container {
    display: inline-block;
    width: 424px;
    border-left: 1px solid #d8d8d8;
    min-height: 55px;
  }
  .workspace-hierarchy .dropdown-container .dropdown-content .groupings-container .group {
    padding: 3px 3px 3px 10px;
  }
  .workspace-hierarchy .dropdown-container .dropdown-content .groupings-container .group:hover {
    cursor: pointer;
    background-color: #ECEFF3;
  }
  .workspace-hierarchy .dropdown-container .dropdown-content .groupings-container .group.disabled-group {
    opacity: 0.5;
  }
  .workspace-hierarchy .dropdown-container .dropdown-content .groupings-container .group.disabled-group:hover {
    cursor: auto;
    background-color: #ffffff;
  }
  .workspace-hierarchy .dropdown-container .dropdown-content .seperator {
    height: 1px;
    width: 100%;
    background-color: #D3DBE0;
    margin: 5px 0px;
  }
  .workspace-hierarchy .dropdown-container .show {
    display: block;
  }
  .workspace-hierarchy .hierarchy-groups-container {
    color: #666666;
    font-family: omnes-regular, sans-serif;
    font-size: 13px;
    width: 100%;
    border: 1px solid #d8d8d8;
    height: 425px;
    padding: 15px;
    text-align: center;
  }
  .workspace-hierarchy .hierarchy-groups-container .scrollbar-container {
    z-index: 0;
  }
  .workspace-hierarchy .hierarchy-groups-container .no-group-text {
    text-align: center;
    margin-top: 25px;
  }
  .workspace-hierarchy .hierarchy-groups-container .no-group-text a {
    cursor: pointer;
  }
  .workspace-hierarchy .hierarchy-groups-container .group-tag {
    display: inline-block;
    float: left;
  }
  .workspace-properties {
    width: 93%;
    display: inline-block;
  }
  .workspace-properties #left-top-bar {
    float: left;
    width: 155px;
  }
  .workspace-properties #left-top-bar ::-webkit-input-placeholder {
    font-style: italic;
  }
  .workspace-properties #left-top-bar :-moz-placeholder {
    font-style: italic;
  }
  .workspace-properties #left-top-bar ::-moz-placeholder {
    font-style: italic;
  }
  .workspace-properties #left-top-bar :-ms-input-placeholder {
    font-style: italic;
  }
  .workspace-properties #left-top-bar #properties-count {
    font-weight: bold;
    float: left;
  }
  .workspace-properties #left-top-bar #search-by-name {
    border-radius: 2px;
    width: 245px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #d2d2d2;
    text-indent: 10px;
  }
  .workspace-properties #left-top-bar .search-button {
    cursor: pointer;
    float: right;
    position: relative;
    top: -22px;
    right: -80px;
  }
  .workspace-properties .add-btn {
    margin: 36px 0 0 0;
  }
  .workspace-properties .delete-col-header {
    background-image: url(/sdc1/scripts/images/sprite-global-old.36e32171fc7d958da86b.png);
    display: inline-block;
    background-position: -64px -2771px;
    width: 11px;
    height: 13px;
  }
  .workspace-properties .w-sdc-classic-btn {
    float: right;
    margin-bottom: 10px;
  }
  .workspace-properties .table {
    height: 490px;
    margin-bottom: 0;
  }
  .workspace-properties .data-row .table-delete-btn {
    display: none !important;
  }
  .workspace-properties .data-row:hover .table-delete-btn {
    display: inline-block !important;
  }
  .workspace-properties .table-container-flex {
    margin-top: 27px;
  }
  .workspace-properties .table-container-flex .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
  }
  .workspace-properties .table-container-flex .flex-item:nth-child(1) {
    -webkit-box-flex: 15;
        -ms-flex-positive: 15;
            flex-grow: 15;
  }
  .workspace-properties .table-container-flex .flex-item:nth-child(1) a {
    cursor: pointer;
  }
  .workspace-properties .table-container-flex .flex-item:nth-child(2) {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .workspace-properties .table-container-flex .flex-item:nth-child(3) {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .workspace-properties .table-container-flex .flex-item:nth-child(4) {
    -webkit-box-flex: 20;
        -ms-flex-positive: 20;
            flex-grow: 20;
  }
  .workspace-properties .table-container-flex .flex-item:nth-child(5) {
    -webkit-box-flex: 3;
        -ms-flex-positive: 3;
            flex-grow: 3;
    padding-top: 10px;
  }
  .workspace-req-and-cap {
    width: 93%;
    display: inline-block;
  }
  .workspace-req-and-cap .tabs {
    float: left;
    position: relative;
    top: 6px;
  }
  .workspace-req-and-cap .tabs button {
    float: left;
    width: 233px;
    height: 38px;
    background-color: #f8f8f8;
    border: 1px solid #d2d2d2;
    color: black;
  }
  .workspace-req-and-cap .tabs button:nth-child(1) {
    border-radius: 10px 0 0 0;
  }
  .workspace-req-and-cap .tabs button:nth-child(2) {
    border-radius: 0 10px 0 0;
  }
  .workspace-req-and-cap .tabs button.selected {
    background-color: #009fdb;
    border: 1px solid #009fdb;
    color: white;
  }
  .workspace-req-and-cap .search {
    margin-bottom: 12px;
    float: right;
  }
  .workspace-req-and-cap .search ::-webkit-input-placeholder {
    font-style: italic;
  }
  .workspace-req-and-cap .search :-moz-placeholder {
    font-style: italic;
  }
  .workspace-req-and-cap .search ::-moz-placeholder {
    font-style: italic;
  }
  .workspace-req-and-cap .search :-ms-input-placeholder {
    font-style: italic;
  }
  .workspace-req-and-cap .search #search-box {
    border-radius: 2px 0 0 2px;
    width: 213px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #d2d2d2;
    text-indent: 10px;
    float: left;
  }
  .workspace-req-and-cap .search .search-icon-container {
    background-color: #009fdb;
    height: 32px;
    width: 32px;
    border-radius: 0 2px 2px 0;
    float: left;
  }
  .workspace-req-and-cap .search .search-icon-container .search-icon {
    position: relative;
    top: 9px;
  }
  .workspace-req-and-cap .expand-collapse-buttons {
    float: right;
    width: 44px;
    margin-left: 11px;
    margin-top: 10px;
  }
  .workspace-req-and-cap .expand-collapse-buttons span {
    vertical-align: bottom;
    cursor: pointer;
  }
  .workspace-req-and-cap .table {
    height: 490px;
    margin-bottom: 0;
  }
  .workspace-req-and-cap .arrow-up-small.opened {
    background-position: -300px -237px;
    width: 12px;
    height: 6px;
  }
  .workspace-req-and-cap .item-opened {
    background-color: #f8f8f8;
  }
  .workspace-req-and-cap .properties-title {
    margin: 0;
    font-weight: bold;
  }
  .workspace-req-and-cap .table-container-flex {
    margin-top: 10px;
  }
  .workspace-req-and-cap .table-container-flex .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
  }
  .workspace-req-and-cap .table-container-flex.requirements-table {
    border-top: 4px solid #009fdb;
  }
  .workspace-req-and-cap .table-container-flex.requirements-table .flex-item:nth-child(1) {
    -webkit-box-flex: 20;
        -ms-flex-positive: 20;
            flex-grow: 20;
  }
  .workspace-req-and-cap .table-container-flex.requirements-table .flex-item:nth-child(2) {
    -webkit-box-flex: 20;
        -ms-flex-positive: 20;
            flex-grow: 20;
  }
  .workspace-req-and-cap .table-container-flex.requirements-table .flex-item:nth-child(3) {
    -webkit-box-flex: 20;
        -ms-flex-positive: 20;
            flex-grow: 20;
  }
  .workspace-req-and-cap .table-container-flex.requirements-table .flex-item:nth-child(4) {
    -webkit-box-flex: 20;
        -ms-flex-positive: 20;
            flex-grow: 20;
  }
  .workspace-req-and-cap .table-container-flex.requirements-table .flex-item:nth-child(5) {
    -webkit-box-flex: 20;
        -ms-flex-positive: 20;
            flex-grow: 20;
  }
  .workspace-req-and-cap .table-container-flex.requirements-table .flex-item:nth-child(6) {
    -webkit-box-flex: 20;
        -ms-flex-positive: 20;
            flex-grow: 20;
  }
  .workspace-req-and-cap .table-container-flex.capabilities-table {
    border-top: 4px solid #009fdb;
  }
  .workspace-req-and-cap .table-container-flex.capabilities-table .selected .flex-item:nth-child(1) {
    border-left: 4px solid #009fdb;
    padding-right: 11px;
  }
  .workspace-req-and-cap .table-container-flex.capabilities-table .flex-item:nth-child(1) {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .workspace-req-and-cap .table-container-flex.capabilities-table .flex-item:nth-child(2) {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .workspace-req-and-cap .table-container-flex.capabilities-table .flex-item:nth-child(3) {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .workspace-req-and-cap .table-container-flex.capabilities-table .flex-item:nth-child(4) {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .workspace-req-and-cap .table-container-flex.capabilities-table .flex-item:nth-child(5) {
    -webkit-box-flex: 10;
        -ms-flex-positive: 10;
            flex-grow: 10;
  }
  .workspace-req-and-cap .table-container-flex.properties-table .table {
    height: auto;
  }
  .workspace-req-and-cap .table-container-flex.properties-table .flex-item:nth-child(1) {
    -webkit-box-flex: 15;
        -ms-flex-positive: 15;
            flex-grow: 15;
  }
  .workspace-req-and-cap .table-container-flex.properties-table .flex-item:nth-child(1) a {
    cursor: pointer;
  }
  .workspace-req-and-cap .table-container-flex.properties-table .flex-item:nth-child(2) {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .workspace-req-and-cap .table-container-flex.properties-table .flex-item:nth-child(3) {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .workspace-req-and-cap .table-container-flex.properties-table .flex-item:nth-child(4) {
    -webkit-box-flex: 20;
        -ms-flex-positive: 20;
            flex-grow: 20;
  }
  .workspace-tosca-artifact {
    width: 93%;
    display: inline-block;
  }
  .workspace-tosca-artifact .w-sdc-classic-btn {
    float: right;
    margin-bottom: 10px;
  }
  .workspace-tosca-artifact .details-title {
    font-weight: bold;
    margin-right: 5px;
  }
  .workspace-tosca-artifact .table {
    height: 490px;
    margin-bottom: 0;
  }
  .workspace-tosca-artifact .table-container-flex {
    margin-top: 27px;
  }
  .workspace-tosca-artifact .table-container-flex .item-opened {
    word-wrap: break-word;
  }
  .workspace-tosca-artifact .table-container-flex .flex-item:nth-child(1) {
    -webkit-box-flex: 15;
        -ms-flex-positive: 15;
            flex-grow: 15;
    cursor: pointer;
  }
  .workspace-tosca-artifact .table-container-flex .flex-item:nth-child(1) span.table-arrow {
    margin-right: 7px;
  }
  .workspace-tosca-artifact .table-container-flex .flex-item:nth-child(2) {
    -webkit-box-flex: 6;
        -ms-flex-positive: 6;
            flex-grow: 6;
  }
  .workspace-tosca-artifact .table-container-flex .flex-item:nth-child(3) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .workspace-tosca-artifact .table-container-flex .flex-item:nth-child(4) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .workspace-tosca-artifact .table-container-flex .table-download-btn.tosca {
    margin-left: 0;
    margin-top: 8px;
  }
  .workspace-tosca-artifact .table-container-flex .download-icon-container {
    position: relative;
  }
  .workspace-tosca-artifact .table-container-flex .download-icon-container .loader {
    left: 60%;
    top: 45px;
    border: none;
    background-color: transparent;
    height: 0px;
    width: 63px;
    outline: none;
  }
  .sdc-workspace-container {
    background-color: #8c8c8c;
  }
  .sdc-workspace-container .add-btn {
    color: #009fdb;
    font-family: omnes-medium, sans-serif;
    font-size: 12px;
    cursor: pointer;
    float: right;
    margin-bottom: 15px;
  }
  .sdc-workspace-container .add-btn:before {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -50px -231px;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    content: "";
  }
  .sdc-workspace-container .add-btn:hover {
    color: #056bae;
  }
  .sdc-workspace-container .add-btn:hover:before {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -100px -231px;
    width: 12px;
    height: 12px;
  }
  .sdc-workspace-container .w-sdc-left-sidebar {
    padding: 3px 3px 0px 0px;
    background-color: #ffffff;
    box-shadow: 7px -3px 6px -8px #959595;
    z-index: 2;
  }
  .sdc-workspace-container .sdc-asset-creation-info {
    color: #959595;
    font-family: omnes-regular, sans-serif;
    font-size: 12px;
    float: right;
    margin: 8px 20px 0 0;
  }
  .sdc-workspace-container .w-sdc-main-right-container {
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
    z-index: 1;
  }
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar {
    height: 53px;
    padding: 12px 10px 0px 50px;
    border-bottom: 1px solid #d2d2d2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .progress-container {
    -webkit-box-flex: 4;
        -ms-flex-positive: 4;
            flex-grow: 4;
    z-index: 10000000;
  }
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .progress-container .general-view-top-progress {
    width: 30%;
    margin: 0 auto;
    min-width: 200px;
  }
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .not-latest {
    position: absolute;
    left: 24px;
    top: 20px;
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
    background-position: -100px -748px;
    width: 17px;
    height: 15px;
  }
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > button,
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > span:not(.delimiter) {
    margin-right: 10px;
    vertical-align: middle;
    cursor: pointer;
  }
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > button.sprite-new,
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > span:not(.delimiter).sprite-new {
    text-indent: 100%;
  }
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > button.disabled,
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > span:not(.delimiter).disabled,
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > button:hover.disabled,
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons > span:not(.delimiter):hover.disabled {
    pointer-events: none;
  }
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .sdc-workspace-top-bar-buttons .delimiter {
    height: 32px;
    width: 1px;
    background-color: #959595;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
  }
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .lifecycle-state {
    padding: 7px 0 0 10px;
    margin: 2px 0 7px 10px;
    border-left: 1px solid #d2d2d2;
    line-height: 15px;
    font-family: omnes-medium, sans-serif;
    color: #5a5a5a;
  }
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .lifecycle-state .lifecycle-state-icon {
    background-image: url(/sdc1/scripts/images/sprite-global.8f8166754d12e1088a25.png);
    display: inline-block;
  }
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .lifecycle-state .lifecycle-state-text {
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: top;
    padding: 3px;
  }
  .sdc-workspace-container .w-sdc-main-right-container .sdc-workspace-top-bar .version-selector {
    background-color: transparent;
    border: none;
    margin-top: 6px;
  }
  .sdc-workspace-container .w-sdc-main-right-container .w-sdc-main-container-body-content {
    height: calc(100% - 53px);
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 40px 14% 20px 14%;
  }
  .sdc-workspace-container .w-sdc-main-right-container .w-sdc-main-container-body-content.third-party {
    text-align: left;
    padding: 0;
    position: absolute;
    top: 53px;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .properties-assignment .sdc-workspace-container .w-sdc-main-right-container .w-sdc-main-container-body-content {
    padding: 80px 2% 40px 2%;
  }
  @charset "UTF-8";
  /* Colors */
  .sdc-bc-blue {
    background-color: #009fdb; }

  .sdc-bc-dark-blue {
    background-color: #0568ae; }

  .sdc-bc-light-blue {
    background-color: #71c5e8; }

  .sdc-bc-green {
    background-color: #4ca90c; }

  .sdc-bc-dark-green {
    background-color: #007a3e; }

  .sdc-bc-light-green {
    background-color: #b5bd00; }

  .sdc-bc-orange {
    background-color: #ea7400; }

  .sdc-bc-yellow {
    background-color: #ffb81c; }

  .sdc-bc-dark-purple {
    background-color: #702f8a; }

  .sdc-bc-purple {
    background-color: #9063cd; }

  .sdc-bc-light-purple {
    background-color: #caa2dd; }

  .sdc-bc-black {
    background-color: #000000; }

  .sdc-bc-dark-gray {
    background-color: #5a5a5a; }

  .sdc-bc-gray {
    background-color: #959595; }

  .sdc-bc-light-gray {
    background-color: #d2d2d2; }

  .sdc-bc-white {
    background-color: #ffffff; }

  /* Prefix */
  /* Value Prefix*/
  /* Box sizing */
  /* Borders & Shadows */
  /* Opacity */
  /* Ellipsis */
  /* Vertical placement of multuple lines of text */
  /* transform-rotate */
  /* transform-translate */
  /* transform-scale */
  /**/
  /**/
  /*body {*/
    /*-webkit-touch-callout: none;*/
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none; }*/

  html {
    font-size: 100%;
    height: 100%; }

  body {
    /* scrollbar styling for Internet Explorer */
    scrollbar-face-color: #191919;
    scrollbar-track-color: #191919;
    height: 100%; }

  /* scrollbar styling for Google Chrome | Safari | Opera */
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px; }

  ::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px; }

  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d2d2d2;
    border-right: 2px solid #ffffff; }

  /* Mozilla Firefox currently doesn't support scrollbar styling */
  ul {
    list-style: none; }

  h1, h2, h3, h4, h5, h6, ul {
    margin: 0;
    padding: 0; }

  .disabled {
    opacity: 0.7 !important; }

  fieldset {
    border: none; }

  fieldset label {
    display: inline-block; }

  .nav-tabs > li > a:focus,
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus {
    outline: none; }

  /* Fonts */
  .text-lowercase {
    text-transform: lowercase; }

  .text-uppercase, .heading-3-light, .heading-3, .heading-3-medium {
    text-transform: uppercase; }

  .text-capitalize {
    text-transform: capitalize; }

  .heading-1 {
    font-weight: 300;
    font-size: 36px; }

  .heading-2 {
    font-weight: 300;
    font-size: 24px; }

  .heading-3-light {
    font-weight: 300;
    font-size: 20px; }

  .heading-3 {
    font-weight: 400;
    font-size: 20px; }

  .heading-3-medium {
    font-weight: 600;
    font-size: 20px; }

  .heading-4 {
    font-weight: 400;
    font-size: 18px; }

  .heading-4-medium {
    font-weight: 600;
    font-size: 18px; }

  .heading-5 {
    font-weight: 400;
    font-size: 16px; }

  .heading-5-medium, .catalog-tile .catalog-tile-top .catalog-tile-item-name, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-item-name {
    font-weight: 400;
    line-height: 16px;
    font-size: 16px; }

  .body-1 {
    font-weight: 400;
    font-size: 14px; }

  .body-1-medium {
    font-weight: 600;
    font-size: 14px; }

  .body-1-light {
    font-weight: 300;
    font-size: 14px; }

  .body-2, .catalog-tile .catalog-tile-top .catalog-tile-entity-details .catalog-tile-version-info .catalog-tile-item-version, .catalog-tile .catalog-tile-content .catalog-tile-locking-user-name, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-version-info .sdc-tile-content-info-version-info-text, .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-text {
    font-weight: 400;
    font-size: 13px; }

  .body-2-medium, .catalog-tile .catalog-tile-content {
    font-weight: 600;
    font-size: 13px; }

  .body-3 {
    font-weight: 400;
    font-size: 12px; }

  .body-3-medium, .catalog-tile .catalog-tile-top .catalog-tile-entity-details .catalog-tile-vendor-name, .catalog-tile.vendor-type .catalog-tile-top .catalog-tile-vsp-count, .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-vendor-name {
    font-weight: 600;
    font-size: 12px; }

  .body-3-light {
    font-weight: 300;
    font-size: 12px; }

  .circle-icon-text {
    font-weight: 600;
    font-size: 14px; }

  .sdc-icon {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 16px;
    height: 16px; }

  .sdc-icon-locked {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='15' viewBox='0 0 11 15' id='locked_icon'>  <metadata><?xpacket begin='' id='W5M0MpCehiHzreSzNTczkc9d'?><x:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01        '>   <rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'>      <rdf:Description rdf:about=''/>   </rdf:RDF></x:xmpmeta><?xpacket end='w'?></metadata><defs>    <style>      .cls-1 {        fill: #959595;        fill-rule: evenodd;      }    </style>  </defs>  <path id='Shape_77_copy_10' data-name='Shape 77 copy 10' class='cls-1' d='M445,359a16.71,16.71,0,0,0-2.1-.009c-1.945.045-3.195,0.049-3.9,0.009v-5a1.743,1.743,0,0,1,2-2h1a1.743,1.743,0,0,1,2,2v5c0.474,0.063.343-.073,1,0,0.266,0.029,0,.279,0,0v-5a2.726,2.726,0,0,0-3-3h-1.142c-1.72-.125-2.715,1.562-2.858,3,0.088,0.009,0,7.338,0,5h0a1.891,1.891,0,0,0-2,1.689v3.461A1.823,1.823,0,0,0,437.775,366h7.448A1.823,1.823,0,0,0,447,364.15v-3.461A2.018,2.018,0,0,0,445,359Z' transform='translate(-436 -351)'/></svg>");
    background-repeat: no-repeat; }

  .sdc-icon-plus {
    background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><svg version='1.1' id='plus_icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19 19' style='enable-background:new 0 0 19 19;' xml:space='preserve'><g><rect y='8' width='19' height='3'/><path id='Rectangle_2139_copy' d='M8,19V0h3v19H8z'/></g></svg>");
    background-repeat: no-repeat; }

  .sdc-icon-unlocked {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='18' viewBox='0 0 11 18' id='unlocked_icon'>  <metadata><?xpacket begin='' id='W5M0MpCehiHzreSzNTczkc9d'?><x:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01        '>   <rdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#'>      <rdf:Description rdf:about=''/>   </rdf:RDF></x:xmpmeta><?xpacket end='w'?></metadata><defs>    <style>      .cls-1 {        fill: #959595;        fill-rule: evenodd;      }    </style>  </defs>  <path id='Shape_77_copy_16' data-name='Shape 77 copy 16' class='cls-1' d='M663,358a16.723,16.723,0,0,0-2.1-.009c-1.944.045-3.194,0.049-3.9,0.009v-7a1.743,1.743,0,0,1,2-2h1a1.743,1.743,0,0,1,2,2v2c0.474,0.064.343-.073,1,0,0.266,0.029,0,.279,0,0v-2a2.726,2.726,0,0,0-3-3h-1.142c-1.72-.125-2.715,1.562-2.858,3,0.088,0.009,0,9.338,0,7h0a1.891,1.891,0,0,0-2,1.689v4.461a1.823,1.823,0,0,0,1.775,1.85h7.448A1.823,1.823,0,0,0,665,364.15v-4.461A2.018,2.018,0,0,0,663,358Zm1.05,6.15a0.827,0.827,0,0,1-.8.836H655.8a0.827,0.827,0,0,1-.8-0.836l0-4.15a1.164,1.164,0,0,1,.8-1.147h7.448A1.129,1.129,0,0,1,664,360Z' transform='translate(-654 -348)'/></svg>");
    background-repeat: no-repeat; }

  .sdc-icon-vendor {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53 47'  id='vendor_icon'><title>vendor</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M49,7,38.5,7V5.92A5.92,5.92,0,0,0,32.58,0H20.42A5.92,5.92,0,0,0,14.5,5.92V7.15L4,7.2a3.8,3.8,0,0,0-4,3.5V43.5C0,45.4,2,47,4.2,47L49,46.8a3.8,3.8,0,0,0,4-3.5V10.5A3.8,3.8,0,0,0,49,7ZM16.5,5.92A3.92,3.92,0,0,1,20.42,2H32.58A3.92,3.92,0,0,1,36.5,5.92V7.06l-20,.09ZM2,10.8A1.9,1.9,0,0,1,4,9l45-.2a1.9,1.9,0,0,1,2,1.8v8.87L32.94,24.18a6.49,6.49,0,0,0-12.89,0L2,19.51V10.8ZM31,25a4.5,4.5,0,1,1-4.5-4.5A4.5,4.5,0,0,1,31,25ZM49,45,4,45.2A1.9,1.9,0,0,1,2,43.4V21.57l18.13,4.73a6.5,6.5,0,0,0,12.74,0L51,21.53V43.21A1.9,1.9,0,0,1,49,45Z'/></g></g></svg>");
    background-repeat: no-repeat; }

  .sdc-icon-vlm {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 53'><title>vlm_new_icon</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M41,2a2,2,0,0,1,2,2l.19,45a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2L1.81,4a2,2,0,0,1,2-2H41m-.15-2H4A4.2,4.2,0,0,0,0,4.24L.19,49a4,4,0,0,0,4,4H41a4,4,0,0,0,4-4L44.81,4a4,4,0,0,0-4-4Z'/><rect x='14' y='11' width='17' height='2'/><rect x='14' y='18' width='10' height='2'/><polygon points='20.56 38.85 13.87 33.14 15.16 31.62 20.39 36.08 29.08 26.63 30.55 27.98 20.56 38.85'/></g></g></svg>");
    background-repeat: no-repeat; }

  .sdc-icon-vsp {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.5 40' id='vsp_icon'><title>vsp_new_icon</title><g id='Layer_2' data-name='Layer 2'><g id='vlm_icon' data-name='vlm icon'><path d='M58.28,30.74c-1.49-1.82-3-2.7-4.67-2.74a8.5,8.5,0,0,0-16.22-2.44,6.93,6.93,0,0,0-4.06.66A7.23,7.23,0,0,0,36.42,40H53.5a6,6,0,0,0,6-6A5.18,5.18,0,0,0,58.28,30.74ZM53.5,38H36.42a5.25,5.25,0,0,1-5.21-5.91,5.32,5.32,0,0,1,3-4.06,5,5,0,0,1,2.21-.53,5.25,5.25,0,0,1,1.35.18l.92.24L39,27A6.5,6.5,0,0,1,51.67,29v1.3l1.17-.2c1-.17,2.17-.17,3.91,2a3.18,3.18,0,0,1,.76,2A4,4,0,0,1,53.5,38Z'/><path d='M49,0,4,.17A3.79,3.79,0,0,0,0,3.69V7.94H0v2H0V36.31C0,38.35,2,40,4.25,40l20.84-.08a1,1,0,0,0,0-1.92L4,38.08a1.89,1.89,0,0,1-2-1.76V10H51v7a1,1,0,0,0,2,0V3.53A3.79,3.79,0,0,0,49,0ZM2,8V3.76A1.89,1.89,0,0,1,4,2l45-.16a1.89,1.89,0,0,1,2,1.76V8Z'/></g></g></svg>");
    background-repeat: no-repeat; }

  .svg-icon.purple {
    fill: #9063cd; }

  .svg-icon.purple-hover {
    fill: #9063cd; }
    .svg-icon.purple-hover:hover {
      fill: #caa2dd; }

  .svg-icon.blue {
    fill: #009fdb; }

  .svg-icon.blue-hover {
    fill: #009fdb; }
    .svg-icon.blue-hover:hover {
      fill: #71c5e8; }

  .svg-icon.gray {
    fill: #959595; }

  .svg-icon.gray-hover {
    fill: #000000; }
    .svg-icon.gray-hover:hover {
      fill: #d2d2d2; }

  .svg-icon.black {
    fill: #000000; }

  .svg-icon.black-hover {
    fill: #000000; }
    .svg-icon.black-hover:hover {
      fill: #d2d2d2; }

  .sdc-tile, .sdc-tile-catalog {
    box-sizing: border-box;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #eaeaea;
    box-shadow: 0.5px 0.8px 4px 0 rgba(24, 24, 25, 0.05); }
    .sdc-tile:active, .sdc-tile-catalog:active {
      border: 1px solid #71c5e8; }
    .sdc-tile:hover, .sdc-tile-catalog:hover {
      box-shadow: 0.3px 5px 12.8px 1.3px rgba(24, 24, 25, 0.15);
      border: 1px solid #d2d2d2; }
    .sdc-tile .sdc-tile-header, .sdc-tile-catalog .sdc-tile-header {
      position: relative;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .sdc-tile .sdc-tile-content, .sdc-tile-catalog .sdc-tile-content {
      position: relative;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow: auto;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .sdc-tile .sdc-tile-footer, .sdc-tile-catalog .sdc-tile-footer {
      position: relative;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }

  .sdc-tile-catalog {
    width: 204px;
    height: 200px; }
    .sdc-tile-catalog .sdc-tile-header {
      line-height: 16px; }
      .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type {
        font-size: 16px;
        text-transform: uppercase; }
        .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type.purple {
          color: #9063cd; }
        .sdc-tile-catalog .sdc-tile-header .sdc-tile-header-type.blue {
          color: #009fdb; }
    .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-icon {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      padding-top: 25px; }
      .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-icon svg {
        width: 60px;
        height: 40px; }
    .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info {
      padding-bottom: 4px;
      width: 180px;
      overflow: hidden;
      text-overflow: ellipsis;
      width: auto;
      white-space: nowrap;
      display: inline-block;
      max-width: 178px; }
      .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-vendor-name {
        color: #959595;
        line-height: 12px; }
      .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-item-name {
        color: #191919; }
      .sdc-tile-catalog .sdc-tile-content .sdc-tile-content-info .sdc-tile-content-info-version-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
    .sdc-tile-catalog .sdc-tile-footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      border-top: 1px solid #eaeaea;
      padding: 0;
      width: 180px;
      height: 20px; }
      .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-text {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        padding-top: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: auto;
        white-space: nowrap;
        display: inline-block;
        max-width: 164px; }
      .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-icon {
        -ms-flex-negative: 1;
            flex-shrink: 1;
        overflow: hidden;
        padding-top: 5px; }
        .sdc-tile-catalog .sdc-tile-footer .sdc-tile-footer-icon svg {
          width: 16px;
          height: 20px; }
}