Skip to content
Snippets Groups Projects
Select Git revision
  • main default protected
1 result

semantic.css

Blame
  • semantic.css 178.65 KiB
    /*!
     * # Semantic UI 2.2.13 - Container
     * http://github.com/semantic-org/semantic-ui/
     *
     *
     * Released under the MIT license
     * http://opensource.org/licenses/MIT
     *
     */
    
    /*******************************
                Container
    *******************************/
    
    /* All Sizes */
    
    .ui.container {
      display: block;
      max-width: 100% !important;
    }
    
    /* Mobile */
    
    @media only screen and (max-width: 767px) {
      .ui.container {
        width: auto !important;
        margin-left: 1em !important;
        margin-right: 1em !important;
      }
    
      .ui.grid.container {
        width: auto !important;
      }
    
      .ui.relaxed.grid.container {
        width: auto !important;
      }
    
      .ui.very.relaxed.grid.container {
        width: auto !important;
      }
    }
    
    /* Tablet */
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ui.container {
        width: 723px;
        margin-left: auto !important;
        margin-right: auto !important;
      }
    
      .ui.grid.container {
        width: calc( 723px  +  2rem ) !important;
      }
    
      .ui.relaxed.grid.container {
        width: calc( 723px  +  3rem ) !important;
      }
    
      .ui.very.relaxed.grid.container {
        width: calc( 723px  +  5rem ) !important;
      }
    }
    
    /* Small Monitor */
    
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ui.container {
        width: 933px;
        margin-left: auto !important;
        margin-right: auto !important;
      }
    
      .ui.grid.container {
        width: calc( 933px  +  2rem ) !important;
      }
    
      .ui.relaxed.grid.container {
        width: calc( 933px  +  3rem ) !important;
      }
    
      .ui.very.relaxed.grid.container {
        width: calc( 933px  +  5rem ) !important;
      }
    }
    
    /* Large Monitor */
    
    @media only screen and (min-width: 1200px) {
      .ui.container {
        width: 1127px;
        margin-left: auto !important;
        margin-right: auto !important;
      }
    
      .ui.grid.container {
        width: calc( 1127px  +  2rem ) !important;
      }
    
      .ui.relaxed.grid.container {
        width: calc( 1127px  +  3rem ) !important;
      }
    
      .ui.very.relaxed.grid.container {
        width: calc( 1127px  +  5rem ) !important;
      }
    }
    
    /*******************************
                 Types
    *******************************/
    
    /* Text Container */
    
    .ui.text.container {
      font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
      max-width: 700px !important;
      line-height: 1.5;
    }
    
    .ui.text.container {
      font-size: 1.14285714rem;
    }
    
    /* Fluid */
    
    .ui.fluid.container {
      width: 100%;
    }
    
    /*******************************
               Variations
    *******************************/
    
    .ui[class*="left aligned"].container {
      text-align: left;
    }
    
    .ui[class*="center aligned"].container {
      text-align: center;
    }
    
    .ui[class*="right aligned"].container {
      text-align: right;
    }
    
    .ui.justified.container {
      text-align: justify;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
    }
    /*!
     * # Semantic UI 2.2.13 - Image
     * http://github.com/semantic-org/semantic-ui/
     *
     *
     * Released under the MIT license
     * http://opensource.org/licenses/MIT
     *
     */
    
    /*******************************
                 Image
    *******************************/
    
    .ui.image {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      max-width: 100%;
      background-color: transparent;
    }
    
    img.ui.image {
      display: block;
    }
    
    .ui.image svg,
    .ui.image img {
      display: block;
      max-width: 100%;
      height: auto;
    }
    
    /*******************************
                States
    *******************************/
    
    .ui.hidden.images,
    .ui.hidden.image {
      display: none;
    }
    
    .ui.hidden.transition.images,
    .ui.hidden.transition.image {
      display: block;
      visibility: hidden;
    }
    
    .ui.disabled.images,
    .ui.disabled.image {
      cursor: default;
      opacity: 0.45;
    }
    
    /*******************************
              Variations
    *******************************/
    
    /*--------------
         Inline
    ---------------*/
    
    .ui.inline.image,
    .ui.inline.image svg,
    .ui.inline.image img {
      display: inline-block;
    }
    
    /*------------------
      Vertical Aligned
    -------------------*/
    
    .ui.top.aligned.images .image,
    .ui.top.aligned.image,
    .ui.top.aligned.image svg,
    .ui.top.aligned.image img {
      display: inline-block;
      vertical-align: top;
    }
    
    .ui.middle.aligned.images .image,
    .ui.middle.aligned.image,
    .ui.middle.aligned.image svg,
    .ui.middle.aligned.image img {
      display: inline-block;
      vertical-align: middle;
    }
    
    .ui.bottom.aligned.images .image,
    .ui.bottom.aligned.image,
    .ui.bottom.aligned.image svg,
    .ui.bottom.aligned.image img {
      display: inline-block;
      vertical-align: bottom;
    }
    
    /*--------------
         Rounded
    ---------------*/
    
    .ui.rounded.images .image,
    .ui.rounded.image,
    .ui.rounded.images .image > *,
    .ui.rounded.image > * {
      border-radius: 0.3125em;
    }
    
    /*--------------
        Bordered
    ---------------*/
    
    .ui.bordered.images .image,
    .ui.bordered.images img,
    .ui.bordered.images svg,
    .ui.bordered.image img,
    .ui.bordered.image svg,
    img.ui.bordered.image {
      border: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    /*--------------
        Circular
    ---------------*/
    
    .ui.circular.images,
    .ui.circular.image {
      overflow: hidden;
    }
    
    .ui.circular.images .image,
    .ui.circular.image,
    .ui.circular.images .image > *,
    .ui.circular.image > * {
      border-radius: 500rem;
    }
    
    /*--------------
         Fluid
    ---------------*/
    
    .ui.fluid.images,
    .ui.fluid.image,
    .ui.fluid.images img,
    .ui.fluid.images svg,
    .ui.fluid.image svg,
    .ui.fluid.image img {
      display: block;
      width: 100%;
      height: auto;
    }
    
    /*--------------
         Avatar
    ---------------*/
    
    .ui.avatar.images .image,
    .ui.avatar.images img,
    .ui.avatar.images svg,
    .ui.avatar.image img,
    .ui.avatar.image svg,
    .ui.avatar.image {
      margin-right: 0.25em;
      display: inline-block;
      width: 2em;
      height: 2em;
      border-radius: 500rem;
    }
    
    /*-------------------
           Spaced
    --------------------*/
    
    .ui.spaced.image {
      display: inline-block !important;
      margin-left: 0.5em;
      margin-right: 0.5em;
    }
    
    .ui[class*="left spaced"].image {
      margin-left: 0.5em;
      margin-right: 0em;
    }
    
    .ui[class*="right spaced"].image {
      margin-left: 0em;
      margin-right: 0.5em;
    }
    
    /*-------------------
           Floated
    --------------------*/
    
    .ui.floated.image,
    .ui.floated.images {
      float: left;
      margin-right: 1em;
      margin-bottom: 1em;
    }
    
    .ui.right.floated.images,
    .ui.right.floated.image {
      float: right;
      margin-right: 0em;
      margin-bottom: 1em;
      margin-left: 1em;
    }
    
    .ui.floated.images:last-child,
    .ui.floated.image:last-child {
      margin-bottom: 0em;
    }
    
    .ui.centered.images,
    .ui.centered.image {
      margin-left: auto;
      margin-right: auto;
    }
    
    /*--------------
         Sizes
    ---------------*/
    
    .ui.mini.images .image,
    .ui.mini.images img,
    .ui.mini.images svg,
    .ui.mini.image {
      width: 35px;
      height: auto;
      font-size: 0.78571429rem;
    }
    
    .ui.tiny.images .image,
    .ui.tiny.images img,
    .ui.tiny.images svg,
    .ui.tiny.image {
      width: 80px;
      height: auto;
      font-size: 0.85714286rem;
    }
    
    .ui.small.images .image,
    .ui.small.images img,
    .ui.small.images svg,
    .ui.small.image {
      width: 150px;
      height: auto;
      font-size: 0.92857143rem;
    }
    
    .ui.medium.images .image,
    .ui.medium.images img,
    .ui.medium.images svg,
    .ui.medium.image {
      width: 300px;
      height: auto;
      font-size: 1rem;
    }
    
    .ui.large.images .image,
    .ui.large.images img,
    .ui.large.images svg,
    .ui.large.image {
      width: 450px;
      height: auto;
      font-size: 1.14285714rem;
    }
    
    .ui.big.images .image,
    .ui.big.images img,
    .ui.big.images svg,
    .ui.big.image {
      width: 600px;
      height: auto;
      font-size: 1.28571429rem;
    }
    
    .ui.huge.images .image,
    .ui.huge.images img,
    .ui.huge.images svg,
    .ui.huge.image {
      width: 800px;
      height: auto;
      font-size: 1.42857143rem;
    }
    
    .ui.massive.images .image,
    .ui.massive.images img,
    .ui.massive.images svg,
    .ui.massive.image {
      width: 960px;
      height: auto;
      font-size: 1.71428571rem;
    }
    
    /*******************************
                  Groups
    *******************************/
    
    .ui.images {
      font-size: 0em;
      margin: 0em -0.25rem 0rem;
    }
    
    .ui.images .image,
    .ui.images img,
    .ui.images svg {
      display: inline-block;
      margin: 0em 0.25rem 0.5rem;
    }
    
    /*******************************
             Theme Overrides
    *******************************/
    
    /*******************************
             Site Overrides
    *******************************/
    /*!
     * # Semantic UI 2.2.13 - List
     * http://github.com/semantic-org/semantic-ui/
     *
     *
     * Released under the MIT license
     * http://opensource.org/licenses/MIT
     *
     */
    
    /*******************************
                List
    *******************************/
    
    ul.ui.list,
    ol.ui.list,
    .ui.list {
      list-style-type: none;
      margin: 1em 0em;
      padding: 0em 0em;
    }
    
    ul.ui.list:first-child,
    ol.ui.list:first-child,
    .ui.list:first-child {
      margin-top: 0em;
      padding-top: 0em;
    }
    
    ul.ui.list:last-child,
    ol.ui.list:last-child,
    .ui.list:last-child {
      margin-bottom: 0em;
      padding-bottom: 0em;
    }
    
    /*******************************
                Content
    *******************************/
    
    /* List Item */
    
    ul.ui.list li,
    ol.ui.list li,
    .ui.list > .item,
    .ui.list .list > .item {
      display: list-item;
      table-layout: fixed;
      list-style-type: none;
      list-style-position: outside;
      padding: 0.21428571em 0em;
      line-height: 1.14285714em;
    }
    
    ul.ui.list > li:first-child:after,
    ol.ui.list > li:first-child:after,
    .ui.list > .list > .item,
    .ui.list > .item:after {
      content: '';
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }
    
    ul.ui.list li:first-child,
    ol.ui.list li:first-child,
    .ui.list .list > .item:first-child,
    .ui.list > .item:first-child {
      padding-top: 0em;
    }
    
    ul.ui.list li:last-child,
    ol.ui.list li:last-child,
    .ui.list .list > .item:last-child,
    .ui.list > .item:last-child {
      padding-bottom: 0em;
    }
    
    /* Child List */
    
    ul.ui.list ul,
    ol.ui.list ol,
    .ui.list .list {
      clear: both;
      margin: 0em;
      padding: 0.75em 0em 0.25em 0.5em;
    }
    
    /* Child Item */
    
    ul.ui.list ul li,
    ol.ui.list ol li,
    .ui.list .list > .item {
      padding: 0.14285714em 0em;
      line-height: inherit;
    }
    
    /* Icon */
    
    .ui.list .list > .item > i.icon,
    .ui.list > .item > i.icon {
      display: table-cell;
      margin: 0em;
      padding-top: 0em;
      padding-right: 0.28571429em;
      vertical-align: top;
      -webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
    }
    
    .ui.list .list > .item > i.icon:only-child,
    .ui.list > .item > i.icon:only-child {
      display: inline-block;
      vertical-align: top;
    }
    
    /* Image */
    
    .ui.list .list > .item > .image,
    .ui.list > .item > .image {
      display: table-cell;
      background-color: transparent;
      margin: 0em;
      vertical-align: top;
    }
    
    .ui.list .list > .item > .image:not(:only-child):not(img),
    .ui.list > .item > .image:not(:only-child):not(img) {
      padding-right: 0.5em;
    }
    
    .ui.list .list > .item > .image img,
    .ui.list > .item > .image img {
      vertical-align: top;
    }
    
    .ui.list .list > .item > img.image,
    .ui.list .list > .item > .image:only-child,
    .ui.list > .item > img.image,
    .ui.list > .item > .image:only-child {
      display: inline-block;
    }
    
    /* Content */
    
    .ui.list .list > .item > .content,
    .ui.list > .item > .content {
      line-height: 1.14285714em;
    }
    
    .ui.list .list > .item > .image + .content,
    .ui.list .list > .item > .icon + .content,
    .ui.list > .item > .image + .content,
    .ui.list > .item > .icon + .content {
      display: table-cell;
      padding: 0em 0em 0em 0.5em;
      vertical-align: top;
    }
    
    .ui.list .list > .item > img.image + .content,
    .ui.list > .item > img.image + .content {
      display: inline-block;
    }
    
    .ui.list .list > .item > .content > .list,
    .ui.list > .item > .content > .list {
      margin-left: 0em;
      padding-left: 0em;
    }
    
    /* Header */
    
    .ui.list .list > .item .header,
    .ui.list > .item .header {
      display: block;
      margin: 0em;
      font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.87);
    }
    
    /* Description */
    
    .ui.list .list > .item .description,
    .ui.list > .item .description {
      display: block;
      color: rgba(0, 0, 0, 0.7);
    }
    
    /* Child Link */
    
    .ui.list > .item a,
    .ui.list .list > .item a {
      cursor: pointer;
    }
    
    /* Linking Item */
    
    .ui.list .list > a.item,
    .ui.list > a.item {
      cursor: pointer;
      color: #4183C4;
    }
    
    .ui.list .list > a.item:hover,
    .ui.list > a.item:hover {
      color: #1e70bf;
    }
    
    /* Linked Item Icons */
    
    .ui.list .list > a.item i.icon,
    .ui.list > a.item i.icon {
      color: rgba(0, 0, 0, 0.4);
    }
    
    /* Header Link */
    
    .ui.list .list > .item a.header,
    .ui.list > .item a.header {
      cursor: pointer;
      color: #4183C4 !important;
    }
    
    .ui.list .list > .item a.header:hover,
    .ui.list > .item a.header:hover {
      color: #1e70bf !important;
    }
    
    /* Floated Content */
    
    .ui[class*="left floated"].list {
      float: left;
    }
    
    .ui[class*="right floated"].list {
      float: right;
    }
    
    .ui.list .list > .item [class*="left floated"],
    .ui.list > .item [class*="left floated"] {
      float: left;
      margin: 0em 1em 0em 0em;
    }
    
    .ui.list .list > .item [class*="right floated"],
    .ui.list > .item [class*="right floated"] {
      float: right;
      margin: 0em 0em 0em 1em;
    }
    
    /*******************************
                Coupling
    *******************************/
    
    .ui.menu .ui.list > .item,
    .ui.menu .ui.list .list > .item {
      display: list-item;
      table-layout: fixed;
      background-color: transparent;
      list-style-type: none;
      list-style-position: outside;
      padding: 0.21428571em 0em;
      line-height: 1.14285714em;
    }
    
    .ui.menu .ui.list .list > .item:before,
    .ui.menu .ui.list > .item:before {
      border: none;
      background: none;
    }
    
    .ui.menu .ui.list .list > .item:first-child,
    .ui.menu .ui.list > .item:first-child {
      padding-top: 0em;
    }
    
    .ui.menu .ui.list .list > .item:last-child,
    .ui.menu .ui.list > .item:last-child {
      padding-bottom: 0em;
    }
    
    /*******************************
                Types
    *******************************/
    
    /*-------------------
          Horizontal
    --------------------*/
    
    .ui.horizontal.list {
      display: inline-block;
      font-size: 0em;
    }
    
    .ui.horizontal.list > .item {
      display: inline-block;
      margin-left: 1em;
      font-size: 1rem;
    }
    
    .ui.horizontal.list:not(.celled) > .item:first-child {
      margin-left: 0em !important;
      padding-left: 0em !important;
    }
    
    .ui.horizontal.list .list {
      padding-left: 0em;
      padding-bottom: 0em;
    }
    
    .ui.horizontal.list > .item > .image,
    .ui.horizontal.list .list > .item > .image,
    .ui.horizontal.list > .item > .icon,
    .ui.horizontal.list .list > .item > .icon,
    .ui.horizontal.list > .item > .content,
    .ui.horizontal.list .list > .item > .content {
      vertical-align: middle;
    }
    
    /* Padding on all elements */
    
    .ui.horizontal.list > .item:first-child,
    .ui.horizontal.list > .item:last-child {
      padding-top: 0.21428571em;
      padding-bottom: 0.21428571em;
    }
    
    /* Horizontal List */
    
    .ui.horizontal.list > .item > i.icon {
      margin: 0em;
      padding: 0em 0.25em 0em 0em;
    }
    
    .ui.horizontal.list > .item > .icon,
    .ui.horizontal.list > .item > .icon + .content {
      float: none;
      display: inline-block;
    }
    
    /*******************************
                 States
    *******************************/
    
    /*-------------------
           Disabled
    --------------------*/
    
    .ui.list .list > .disabled.item,
    .ui.list > .disabled.item {
      pointer-events: none;
      color: rgba(40, 40, 40, 0.3) !important;
    }
    
    .ui.inverted.list .list > .disabled.item,
    .ui.inverted.list > .disabled.item {
      color: rgba(225, 225, 225, 0.3) !important;
    }
    
    /*-------------------
            Hover
    --------------------*/
    
    .ui.list .list > a.item:hover .icon,
    .ui.list > a.item:hover .icon {
      color: rgba(0, 0, 0, 0.87);
    }
    
    /*******************************
               Variations
    *******************************/
    
    /*-------------------
           Inverted
    --------------------*/
    
    .ui.inverted.list .list > a.item > .icon,
    .ui.inverted.list > a.item > .icon {
      color: rgba(255, 255, 255, 0.7);
    }
    
    .ui.inverted.list .list > .item .header,
    .ui.inverted.list > .item .header {
      color: rgba(255, 255, 255, 0.9);
    }
    
    .ui.inverted.list .list > .item .description,
    .ui.inverted.list > .item .description {
      color: rgba(255, 255, 255, 0.7);
    }
    
    /* Item Link */
    
    .ui.inverted.list .list > a.item,
    .ui.inverted.list > a.item {
      cursor: pointer;
      color: rgba(255, 255, 255, 0.9);
    }
    
    .ui.inverted.list .list > a.item:hover,
    .ui.inverted.list > a.item:hover {
      color: #1e70bf;
    }
    
    /* Linking Content */
    
    .ui.inverted.list .item a:not(.ui) {
      color: rgba(255, 255, 255, 0.9) !important;
    }
    
    .ui.inverted.list .item a:not(.ui):hover {
      color: #1e70bf !important;
    }
    
    /*-------------------
           Aligned
    --------------------*/
    
    .ui.list[class*="top aligned"] .image,
    .ui.list[class*="top aligned"] .content,
    .ui.list [class*="top aligned"] {
      vertical-align: top !important;
    }
    
    .ui.list[class*="middle aligned"] .image,
    .ui.list[class*="middle aligned"] .content,
    .ui.list [class*="middle aligned"] {
      vertical-align: middle !important;
    }
    
    .ui.list[class*="bottom aligned"] .image,
    .ui.list[class*="bottom aligned"] .content,
    .ui.list [class*="bottom aligned"] {
      vertical-align: bottom !important;
    }
    
    /*-------------------
           Link
    --------------------*/
    
    .ui.link.list .item,
    .ui.link.list a.item,
    .ui.link.list .item a:not(.ui) {
      color: rgba(0, 0, 0, 0.4);
      -webkit-transition: 0.1s color ease;
      transition: 0.1s color ease;
    }
    
    .ui.link.list a.item:hover,
    .ui.link.list .item a:not(.ui):hover {
      color: rgba(0, 0, 0, 0.8);
    }
    
    .ui.link.list a.item:active,
    .ui.link.list .item a:not(.ui):active {
      color: rgba(0, 0, 0, 0.9);
    }
    
    .ui.link.list .active.item,
    .ui.link.list .active.item a:not(.ui) {
      color: rgba(0, 0, 0, 0.95);
    }
    
    /* Inverted */
    
    .ui.inverted.link.list .item,
    .ui.inverted.link.list a.item,
    .ui.inverted.link.list .item a:not(.ui) {
      color: rgba(255, 255, 255, 0.5);
    }
    
    .ui.inverted.link.list a.item:hover,
    .ui.inverted.link.list .item a:not(.ui):hover {
      color: #ffffff;
    }
    
    .ui.inverted.link.list a.item:active,
    .ui.inverted.link.list .item a:not(.ui):active {
      color: #ffffff;
    }
    
    .ui.inverted.link.list a.active.item,
    .ui.inverted.link.list .active.item a:not(.ui) {
      color: #ffffff;
    }
    
    /*-------------------
          Selection
    --------------------*/
    
    .ui.selection.list .list > .item,
    .ui.selection.list > .item {
      cursor: pointer;
      background: transparent;
      padding: 0.5em 0.5em;
      margin: 0em;
      color: rgba(0, 0, 0, 0.4);
      border-radius: 0.5em;
      -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
      transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
    }
    
    .ui.selection.list .list > .item:last-child,
    .ui.selection.list > .item:last-child {
      margin-bottom: 0em;
    }
    
    .ui.selection.list.list > .item:hover,
    .ui.selection.list > .item:hover {
      background: rgba(0, 0, 0, 0.03);
      color: rgba(0, 0, 0, 0.8);
    }
    
    .ui.selection.list .list > .item:active,
    .ui.selection.list > .item:active {
      background: rgba(0, 0, 0, 0.05);
      color: rgba(0, 0, 0, 0.9);
    }
    
    .ui.selection.list .list > .item.active,
    .ui.selection.list > .item.active {
      background: rgba(0, 0, 0, 0.05);
      color: rgba(0, 0, 0, 0.95);
    }
    
    /* Inverted */
    
    .ui.inverted.selection.list > .item,
    .ui.inverted.selection.list > .item {
      background: transparent;
      color: rgba(255, 255, 255, 0.5);
    }
    
    .ui.inverted.selection.list > .item:hover,
    .ui.inverted.selection.list > .item:hover {
      background: rgba(255, 255, 255, 0.02);
      color: #ffffff;
    }
    
    .ui.inverted.selection.list > .item:active,
    .ui.inverted.selection.list > .item:active {
      background: rgba(255, 255, 255, 0.08);
      color: #ffffff;
    }
    
    .ui.inverted.selection.list > .item.active,
    .ui.inverted.selection.list > .item.active {
      background: rgba(255, 255, 255, 0.08);
      color: #ffffff;
    }
    
    /* Celled / Divided Selection List */
    
    .ui.celled.selection.list .list > .item,
    .ui.divided.selection.list .list > .item,
    .ui.celled.selection.list > .item,
    .ui.divided.selection.list > .item {
      border-radius: 0em;
    }
    
    /*-------------------
           Animated
    --------------------*/
    
    .ui.animated.list > .item {
      -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
      transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
    }
    
    .ui.animated.list:not(.horizontal) > .item:hover {
      padding-left: 1em;
    }
    
    /*-------------------
           Fitted
    --------------------*/
    
    .ui.fitted.list:not(.selection) .list > .item,
    .ui.fitted.list:not(.selection) > .item {
      padding-left: 0em;
      padding-right: 0em;
    }
    
    .ui.fitted.selection.list .list > .item,
    .ui.fitted.selection.list > .item {
      margin-left: -0.5em;
      margin-right: -0.5em;
    }
    
    /*-------------------
          Bulleted
    --------------------*/
    
    ul.ui.list,
    .ui.bulleted.list {
      margin-left: 1.25rem;
    }
    
    ul.ui.list li,
    .ui.bulleted.list .list > .item,
    .ui.bulleted.list > .item {
      position: relative;
    }
    
    ul.ui.list li:before,
    .ui.bulleted.list .list > .item:before,
    .ui.bulleted.list > .item:before {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      position: absolute;
      top: auto;
      left: auto;
      font-weight: normal;
      margin-left: -1.25rem;
      content: '•';
      opacity: 1;
      color: inherit;
      vertical-align: top;
    }
    
    ul.ui.list li:before,
    .ui.bulleted.list .list > a.item:before,
    .ui.bulleted.list > a.item:before {
      color: rgba(0, 0, 0, 0.87);
    }
    
    ul.ui.list ul,
    .ui.bulleted.list .list {
      padding-left: 1.25rem;
    }
    
    /* Horizontal Bulleted */
    
    ul.ui.horizontal.bulleted.list,
    .ui.horizontal.bulleted.list {
      margin-left: 0em;
    }
    
    ul.ui.horizontal.bulleted.list li,
    .ui.horizontal.bulleted.list > .item {
      margin-left: 1.75rem;
    }
    
    ul.ui.horizontal.bulleted.list li:first-child,
    .ui.horizontal.bulleted.list > .item:first-child {
      margin-left: 0em;
    }
    
    ul.ui.horizontal.bulleted.list li::before,
    .ui.horizontal.bulleted.list > .item::before {
      color: rgba(0, 0, 0, 0.87);
    }
    
    ul.ui.horizontal.bulleted.list li:first-child::before,
    .ui.horizontal.bulleted.list > .item:first-child::before {
      display: none;
    }
    
    /*-------------------
           Ordered
    --------------------*/
    
    ol.ui.list,
    .ui.ordered.list,
    .ui.ordered.list .list,
    ol.ui.list ol {
      counter-reset: ordered;
      margin-left: 1.25rem;
      list-style-type: none;
    }
    
    ol.ui.list li,
    .ui.ordered.list .list > .item,
    .ui.ordered.list > .item {
      list-style-type: none;
      position: relative;
    }
    
    ol.ui.list li:before,
    .ui.ordered.list .list > .item:before,
    .ui.ordered.list > .item:before {
      position: absolute;
      top: auto;
      left: auto;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none;
      margin-left: -1.25rem;
      counter-increment: ordered;
      content: counters(ordered, ".") " ";
      text-align: right;
      color: rgba(0, 0, 0, 0.87);
      vertical-align: middle;
      opacity: 0.8;
    }
    
    ol.ui.inverted.list li:before,
    .ui.ordered.inverted.list .list > .item:before,
    .ui.ordered.inverted.list > .item:before {
      color: rgba(255, 255, 255, 0.7);
    }
    
    /* Value */
    
    .ui.ordered.list > .list > .item[data-value],
    .ui.ordered.list > .item[data-value] {
      content: attr(data-value);
    }
    
    ol.ui.list li[value]:before {
      content: attr(value);
    }
    
    /* Child Lists */
    
    ol.ui.list ol,
    .ui.ordered.list .list {
      margin-left: 1em;
    }
    
    ol.ui.list ol li:before,
    .ui.ordered.list .list > .item:before {
      margin-left: -2em;
    }
    
    /* Horizontal Ordered */
    
    ol.ui.horizontal.list,
    .ui.ordered.horizontal.list {
      margin-left: 0em;
    }
    
    ol.ui.horizontal.list li:before,
    .ui.ordered.horizontal.list .list > .item:before,
    .ui.ordered.horizontal.list > .item:before {
      position: static;
      margin: 0em 0.5em 0em 0em;
    }
    
    /*-------------------
           Divided
    --------------------*/
    
    .ui.divided.list > .item {
      border-top: 1px solid rgba(34, 36, 38, 0.15);
    }
    
    .ui.divided.list .list > .item {
      border-top: none;
    }
    
    .ui.divided.list .item .list > .item {
      border-top: none;
    }
    
    .ui.divided.list .list > .item:first-child,
    .ui.divided.list > .item:first-child {
      border-top: none;
    }
    
    /* Sub Menu */
    
    .ui.divided.list:not(.horizontal) .list > .item:first-child {
      border-top-width: 1px;
    }
    
    /* Divided bulleted */
    
    .ui.divided.bulleted.list:not(.horizontal),
    .ui.divided.bulleted.list .list {
      margin-left: 0em;
      padding-left: 0em;
    }
    
    .ui.divided.bulleted.list > .item:not(.horizontal) {
      padding-left: 1.25rem;
    }
    
    /* Divided Ordered */
    
    .ui.divided.ordered.list {
      margin-left: 0em;
    }
    
    .ui.divided.ordered.list .list > .item,
    .ui.divided.ordered.list > .item {
      padding-left: 1.25rem;
    }
    
    .ui.divided.ordered.list .item .list {
      margin-left: 0em;
      margin-right: 0em;
      padding-bottom: 0.21428571em;
    }
    
    .ui.divided.ordered.list .item .list > .item {
      padding-left: 1em;
    }
    
    /* Divided Selection */
    
    .ui.divided.selection.list .list > .item,
    .ui.divided.selection.list > .item {
      margin: 0em;
      border-radius: 0em;
    }
    
    /* Divided horizontal */
    
    .ui.divided.horizontal.list {
      margin-left: 0em;
    }
    
    .ui.divided.horizontal.list > .item:not(:first-child) {
      padding-left: 0.5em;
    }
    
    .ui.divided.horizontal.list > .item:not(:last-child) {
      padding-right: 0.5em;
    }
    
    .ui.divided.horizontal.list > .item {
      border-top: none;
      border-left: 1px solid rgba(34, 36, 38, 0.15);
      margin: 0em;
      line-height: 0.6;
    }
    
    .ui.horizontal.divided.list > .item:first-child {
      border-left: none;
    }
    
    /* Inverted */
    
    .ui.divided.inverted.list > .item,
    .ui.divided.inverted.list > .list,
    .ui.divided.inverted.horizontal.list > .item {
      border-color: rgba(255, 255, 255, 0.1);
    }
    
    /*-------------------
            Celled
    --------------------*/
    
    .ui.celled.list > .item,
    .ui.celled.list > .list {
      border-top: 1px solid rgba(34, 36, 38, 0.15);
      padding-left: 0.5em;
      padding-right: 0.5em;
    }
    
    .ui.celled.list > .item:last-child {
      border-bottom: 1px solid rgba(34, 36, 38, 0.15);
    }
    
    /* Padding on all elements */
    
    .ui.celled.list > .item:first-child,
    .ui.celled.list > .item:last-child {
      padding-top: 0.21428571em;
      padding-bottom: 0.21428571em;
    }
    
    /* Sub Menu */
    
    .ui.celled.list .item .list > .item {
      border-width: 0px;
    }
    
    .ui.celled.list .list > .item:first-child {
      border-top-width: 0px;
    }
    
    /* Celled Bulleted */
    
    .ui.celled.bulleted.list {
      margin-left: 0em;
    }
    
    .ui.celled.bulleted.list .list > .item,
    .ui.celled.bulleted.list > .item {
      padding-left: 1.25rem;
    }
    
    .ui.celled.bulleted.list .item .list {
      margin-left: -1.25rem;
      margin-right: -1.25rem;
      padding-bottom: 0.21428571em;
    }
    
    /* Celled Ordered */
    
    .ui.celled.ordered.list {
      margin-left: 0em;
    }
    
    .ui.celled.ordered.list .list > .item,
    .ui.celled.ordered.list > .item {
      padding-left: 1.25rem;
    }
    
    .ui.celled.ordered.list .item .list {
      margin-left: 0em;
      margin-right: 0em;
      padding-bottom: 0.21428571em;
    }
    
    .ui.celled.ordered.list .list > .item {
      padding-left: 1em;
    }
    
    /* Celled Horizontal */
    
    .ui.horizontal.celled.list {
      margin-left: 0em;
    }
    
    .ui.horizontal.celled.list .list > .item,
    .ui.horizontal.celled.list > .item {
      border-top: none;
      border-left: 1px solid rgba(34, 36, 38, 0.15);
      margin: 0em;
      padding-left: 0.5em;
      padding-right: 0.5em;
      line-height: 0.6;
    }
    
    .ui.horizontal.celled.list .list > .item:last-child,
    .ui.horizontal.celled.list > .item:last-child {
      border-bottom: none;
      border-right: 1px solid rgba(34, 36, 38, 0.15);
    }
    
    /* Inverted */
    
    .ui.celled.inverted.list > .item,
    .ui.celled.inverted.list > .list {
      border-color: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .ui.celled.inverted.horizontal.list .list > .item,
    .ui.celled.inverted.horizontal.list > .item {
      border-color: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    /*-------------------
           Relaxed
    --------------------*/
    
    .ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
      padding-top: 0.42857143em;
    }
    
    .ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
      padding-bottom: 0.42857143em;
    }
    
    .ui.horizontal.relaxed.list .list > .item:not(:first-child),
    .ui.horizontal.relaxed.list > .item:not(:first-child) {
      padding-left: 1rem;
    }
    
    .ui.horizontal.relaxed.list .list > .item:not(:last-child),
    .ui.horizontal.relaxed.list > .item:not(:last-child) {
      padding-right: 1rem;
    }
    
    /* Very Relaxed */
    
    .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
      padding-top: 0.85714286em;
    }
    
    .ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
      padding-bottom: 0.85714286em;
    }
    
    .ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
    .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
      padding-left: 1.5rem;
    }
    
    .ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
    .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
      padding-right: 1.5rem;
    }
    
    /*-------------------
          Sizes
    --------------------*/
    
    .ui.mini.list {
      font-size: 0.78571429em;
    }
    
    .ui.tiny.list {
      font-size: 0.85714286em;
    }
    
    .ui.small.list {
      font-size: 0.92857143em;
    }
    
    .ui.list {
      font-size: 1em;
    }
    
    .ui.large.list {
      font-size: 1.14285714em;
    }
    
    .ui.big.list {
      font-size: 1.28571429em;
    }
    
    .ui.huge.list {
      font-size: 1.42857143em;
    }
    
    .ui.massive.list {
      font-size: 1.71428571em;
    }
    
    .ui.mini.horizontal.list .list > .item,
    .ui.mini.horizontal.list > .item {
      font-size: 0.78571429rem;
    }
    
    .ui.tiny.horizontal.list .list > .item,
    .ui.tiny.horizontal.list > .item {
      font-size: 0.85714286rem;
    }
    
    .ui.small.horizontal.list .list > .item,
    .ui.small.horizontal.list > .item {
      font-size: 0.92857143rem;
    }
    
    .ui.horizontal.list .list > .item,
    .ui.horizontal.list > .item {
      font-size: 1rem;
    }
    
    .ui.large.horizontal.list .list > .item,
    .ui.large.horizontal.list > .item {
      font-size: 1.14285714rem;
    }
    
    .ui.big.horizontal.list .list > .item,
    .ui.big.horizontal.list > .item {
      font-size: 1.28571429rem;
    }
    
    .ui.huge.horizontal.list .list > .item,
    .ui.huge.horizontal.list > .item {
      font-size: 1.42857143rem;
    }
    
    .ui.massive.horizontal.list .list > .item,
    .ui.massive.horizontal.list > .item {
      font-size: 1.71428571rem;
    }
    
    /*******************************
             Theme Overrides
    *******************************/
    
    /*******************************
        User Variable Overrides
    *******************************/
    /*!
     * # Semantic UI 2.2.13 - Segment
     * http://github.com/semantic-org/semantic-ui/
     *
     *
     * Released under the MIT license
     * http://opensource.org/licenses/MIT
     *
     */
    
    /*******************************
                Segment
    *******************************/
    
    .ui.segment {
      position: relative;
      background: #FFFFFF;
      -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
      box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
      margin: 1rem 0em;
      padding: 1em 1em;
      border-radius: 0.28571429rem;
      border: 1px solid rgba(34, 36, 38, 0.15);
    }
    
    .ui.segment:first-child {
      margin-top: 0em;
    }
    
    .ui.segment:last-child {
      margin-bottom: 0em;
    }
    
    /* Vertical */
    
    .ui.vertical.segment {
      margin: 0em;
      padding-left: 0em;
      padding-right: 0em;
      background: none transparent;
      border-radius: 0px;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
      border-bottom: 1px solid rgba(34, 36, 38, 0.15);
    }
    
    .ui.vertical.segment:last-child {
      border-bottom: none;
    }
    
    /*-------------------
        Loose Coupling
    --------------------*/
    
    /* Header */
    
    .ui.inverted.segment > .ui.header {
      color: #FFFFFF;
    }
    
    /* Label */
    
    .ui[class*="bottom attached"].segment > [class*="top attached"].label {
      border-top-left-radius: 0em;
      border-top-right-radius: 0em;
    }
    
    .ui[class*="top attached"].segment > [class*="bottom attached"].label {
      border-bottom-left-radius: 0em;
      border-bottom-right-radius: 0em;
    }
    
    .ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
      border-top-left-radius: 0em;
      border-top-right-radius: 0em;
    }
    
    .ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
      border-bottom-left-radius: 0em;
      border-bottom-right-radius: 0em;
    }
    
    /* Grid */
    
    .ui.page.grid.segment,
    .ui.grid > .row > .ui.segment.column,
    .ui.grid > .ui.segment.column {
      padding-top: 2em;
      padding-bottom: 2em;
    }
    
    .ui.grid.segment {
      margin: 1rem 0em;
      border-radius: 0.28571429rem;
    }
    
    /* Table */
    
    .ui.basic.table.segment {
      background: #FFFFFF;
      border: 1px solid rgba(34, 36, 38, 0.15);
      -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
      box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
    }
    
    .ui[class*="very basic"].table.segment {
      padding: 1em 1em;
    }
    
    /*******************************
                 Types
    *******************************/
    
    /*-------------------
            Piled
    --------------------*/
    
    .ui.piled.segments,
    .ui.piled.segment {
      margin: 3em 0em;
      -webkit-box-shadow: '';
      box-shadow: '';
      z-index: auto;
    }
    
    .ui.piled.segment:first-child {
      margin-top: 0em;
    }
    
    .ui.piled.segment:last-child {
      margin-bottom: 0em;
    }
    
    .ui.piled.segments:after,
    .ui.piled.segments:before,
    .ui.piled.segment:after,
    .ui.piled.segment:before {
      background-color: #FFFFFF;
      visibility: visible;
      content: '';
      display: block;
      height: 100%;
      left: 0px;
      position: absolute;
      width: 100%;
      border: 1px solid rgba(34, 36, 38, 0.15);
      -webkit-box-shadow: '';
      box-shadow: '';
    }
    
    .ui.piled.segments:before,
    .ui.piled.segment:before {
      -webkit-transform: rotate(-1.2deg);
      transform: rotate(-1.2deg);
      top: 0;
      z-index: -2;
    }
    
    .ui.piled.segments:after,
    .ui.piled.segment:after {
      -webkit-transform: rotate(1.2deg);
      transform: rotate(1.2deg);
      top: 0;
      z-index: -1;
    }
    
    /* Piled Attached */
    
    .ui[class*="top attached"].piled.segment {
      margin-top: 3em;
      margin-bottom: 0em;
    }
    
    .ui.piled.segment[class*="top attached"]:first-child {
      margin-top: 0em;
    }
    
    .ui.piled.segment[class*="bottom attached"] {
      margin-top: 0em;
      margin-bottom: 3em;
    }
    
    .ui.piled.segment[class*="bottom attached"]:last-child {
      margin-bottom: 0em;
    }
    
    /*-------------------
           Stacked
    --------------------*/
    
    .ui.stacked.segment {
      padding-bottom: 1.4em;
    }
    
    .ui.stacked.segments:before,
    .ui.stacked.segments:after,
    .ui.stacked.segment:before,
    .ui.stacked.segment:after {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 0%;
      border-top: 1px solid rgba(34, 36, 38, 0.15);
      background: rgba(0, 0, 0, 0.03);
      width: 100%;
      height: 6px;
      visibility: visible;
    }
    
    .ui.stacked.segments:before,
    .ui.stacked.segment:before {
      display: none;
    }
    
    /* Add additional page */
    
    .ui.tall.stacked.segments:before,
    .ui.tall.stacked.segment:before {
      display: block;
      bottom: 0px;
    }
    
    /* Inverted */
    
    .ui.stacked.inverted.segments:before,
    .ui.stacked.inverted.segments:after,
    .ui.stacked.inverted.segment:before,
    .ui.stacked.inverted.segment:after {
      background-color: rgba(0, 0, 0, 0.03);
      border-top: 1px solid rgba(34, 36, 38, 0.35);
    }
    
    /*-------------------
           Padded
    --------------------*/
    
    .ui.padded.segment {
      padding: 1.5em;
    }
    
    .ui[class*="very padded"].segment {
      padding: 3em;
    }
    
    /* Padded vertical */
    
    .ui.padded.segment.vertical.segment,
    .ui[class*="very padded"].vertical.segment {
      padding-left: 0px;
      padding-right: 0px;
    }
    
    /*-------------------
           Compact
    --------------------*/
    
    .ui.compact.segment {
      display: table;
    }
    
    /* Compact Group */
    
    .ui.compact.segments {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
    }
    
    .ui.compact.segments .segment,
    .ui.segments .compact.segment {
      display: block;
      -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
    }
    
    /*-------------------
           Circular
    --------------------*/
    
    .ui.circular.segment {
      display: table-cell;
      padding: 2em;
      text-align: center;
      vertical-align: middle;
      border-radius: 500em;
    }
    
    /*-------------------
           Raised
    --------------------*/
    
    .ui.raised.segments,
    .ui.raised.segment {
      -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
      box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
    }
    
    /*******************************
                Groups
    *******************************/
    
    /* Group */
    
    .ui.segments {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: relative;
      margin: 1rem 0em;
      border: 1px solid rgba(34, 36, 38, 0.15);
      -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
      box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
      border-radius: 0.28571429rem;
    }
    
    .ui.segments:first-child {
      margin-top: 0em;
    }
    
    .ui.segments:last-child {
      margin-bottom: 0em;
    }
    
    /* Nested Segment */
    
    .ui.segments > .segment {
      top: 0px;
      bottom: 0px;
      border-radius: 0px;
      margin: 0em;
      width: auto;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
      border-top: 1px solid rgba(34, 36, 38, 0.15);
    }
    
    .ui.segments:not(.horizontal) > .segment:first-child {
      border-top: none;
      margin-top: 0em;
      bottom: 0px;
      margin-bottom: 0em;
      top: 0px;
      border-radius: 0.28571429rem 0.28571429rem 0em 0em;
    }
    
    /* Bottom */
    
    .ui.segments:not(.horizontal) > .segment:last-child {
      top: 0px;
      bottom: 0px;
      margin-top: 0em;
      margin-bottom: 0em;
      -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
      box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
      border-radius: 0em 0em 0.28571429rem 0.28571429rem;
    }
    
    /* Only */
    
    .ui.segments:not(.horizontal) > .segment:only-child {
      border-radius: 0.28571429rem;
    }
    
    /* Nested Group */
    
    .ui.segments > .ui.segments {
      border-top: 1px solid rgba(34, 36, 38, 0.15);
      margin: 1rem 1rem;
    }
    
    .ui.segments > .segments:first-child {
      border-top: none;
    }
    
    .ui.segments > .segment + .segments:not(.horizontal) {
      margin-top: 0em;
    }
    
    /* Horizontal Group */
    
    .ui.horizontal.segments {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      background-color: transparent;
      border-radius: 0px;
      padding: 0em;
      background-color: #FFFFFF;
      -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
      box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
      margin: 1rem 0em;
      border-radius: 0.28571429rem;
      border: 1px solid rgba(34, 36, 38, 0.15);
    }
    
    /* Nested Horizontal Group */
    
    .ui.segments > .horizontal.segments {
      margin: 0em;
      background-color: transparent;
      border-radius: 0px;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-top: 1px solid rgba(34, 36, 38, 0.15);
    }
    
    /* Horizontal Segment */
    
    .ui.horizontal.segments > .segment {
      -webkit-box-flex: 1;
      flex: 1 1 auto;
      -ms-flex: 1 1 0px;
      /* Solves #2550 MS Flex */
      margin: 0em;
      min-width: 0px;
      background-color: transparent;
      border-radius: 0px;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-left: 1px solid rgba(34, 36, 38, 0.15);
    }
    
    /* Border Fixes */
    
    .ui.segments > .horizontal.segments:first-child {
      border-top: none;
    }
    
    .ui.horizontal.segments > .segment:first-child {
      border-left: none;
    }
    
    /*******************************
                States
    *******************************/
    
    /*--------------
        Disabled
    ---------------*/
    
    .ui.disabled.segment {
      opacity: 0.45;
      color: rgba(40, 40, 40, 0.3);
    }
    
    /*--------------
        Loading
    ---------------*/
    
    .ui.loading.segment {
      position: relative;
      cursor: default;
      pointer-events: none;
      text-shadow: none !important;
      color: transparent !important;
      -webkit-transition: all 0s linear;
      transition: all 0s linear;
    }
    
    .ui.loading.segment:before {
      position: absolute;
      content: '';
      top: 0%;
      left: 0%;
      background: rgba(255, 255, 255, 0.8);
      width: 100%;
      height: 100%;
      border-radius: 0.28571429rem;
      z-index: 100;
    }
    
    .ui.loading.segment:after {
      position: absolute;
      content: '';
      top: 50%;
      left: 50%;
      margin: -1.5em 0em 0em -1.5em;
      width: 3em;
      height: 3em;
      -webkit-animation: segment-spin 0.6s linear;
      animation: segment-spin 0.6s linear;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      border-radius: 500rem;
      border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
      border-style: solid;
      border-width: 0.2em;
      -webkit-box-shadow: 0px 0px 0px 1px transparent;
      box-shadow: 0px 0px 0px 1px transparent;
      visibility: visible;
      z-index: 101;
    }
    
    @-webkit-keyframes segment-spin {
      from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
    
      to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    
    @keyframes segment-spin {
      from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
    
      to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    
    /*******************************
               Variations
    *******************************/
    
    /*-------------------
           Basic
    --------------------*/
    
    .ui.basic.segment {
      background: none transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
      border-radius: 0px;
    }
    
    /*-------------------
           Clearing
    --------------------*/
    
    .ui.clearing.segment:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }
    
    /*-------------------
           Aligned
    --------------------*/
    
    .ui[class*="left aligned"].segment {
      text-align: left;
    }
    
    .ui[class*="right aligned"].segment {
      text-align: right;
    }
    
    .ui[class*="center aligned"].segment {
      text-align: center;
    }
    
    /*-------------------
           Floated
    --------------------*/
    
    .ui.floated.segment,
    .ui[class*="left floated"].segment {
      float: left;
      margin-right: 1em;
    }
    
    .ui[class*="right floated"].segment {
      float: right;
      margin-left: 1em;
    }
    
    /*-------------------
          Inverted
    --------------------*/
    
    .ui.inverted.segment {
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    .ui.inverted.segment,
    .ui.primary.inverted.segment {
      background: #1B1C1D;
      color: rgba(255, 255, 255, 0.9);
    }
    
    /* Nested */
    
    .ui.inverted.segment .segment {
      color: rgba(0, 0, 0, 0.87);
    }
    
    .ui.inverted.segment .inverted.segment {
      color: rgba(255, 255, 255, 0.9);
    }
    
    /* Attached */
    
    .ui.inverted.attached.segment {
      border-color: #555555;
    }
    
    /*-------------------
         Emphasis
    --------------------*/
    
    /* Secondary */
    
    .ui.secondary.segment {
      background: #F3F4F5;
      color: rgba(0, 0, 0, 0.6);
    }
    
    .ui.secondary.inverted.segment {
      background: #4c4f52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));
      background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
      background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
      color: rgba(255, 255, 255, 0.8);
    }
    
    /* Tertiary */
    
    .ui.tertiary.segment {
      background: #DCDDDE;
      color: rgba(0, 0, 0, 0.6);
    }
    
    .ui.tertiary.inverted.segment {
      background: #717579 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35)));
      background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
      background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
      color: rgba(255, 255, 255, 0.8);
    }
    
    /*-------------------
          Attached
    --------------------*/
    
    /* Middle */
    
    .ui.attached.segment {
      top: 0px;
      bottom: 0px;
      border-radius: 0px;
      margin: 0em -1px;
      width: calc(100% +  2px );
      max-width: calc(100% +  2px );
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 1px solid #D4D4D5;
    }
    
    .ui.attached:not(.message) + .ui.attached.segment:not(.top) {
      border-top: none;
    }
    
    /* Top */
    
    .ui[class*="top attached"].segment {
      bottom: 0px;
      margin-bottom: 0em;
      top: 0px;
      margin-top: 1rem;
      border-radius: 0.28571429rem 0.28571429rem 0em 0em;
    }
    
    .ui.segment[class*="top attached"]:first-child {
      margin-top: 0em;
    }
    
    /* Bottom */
    
    .ui.segment[class*="bottom attached"] {
      bottom: 0px;
      margin-top: 0em;
      top: 0px;
      margin-bottom: 1rem;
      -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
      box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
      border-radius: 0em 0em 0.28571429rem 0.28571429rem;
    }
    
    .ui.segment[class*="bottom attached"]:last-child {
      margin-bottom: 0em;
    }
    
    /*-------------------
            Size
    --------------------*/
    
    .ui.mini.segments .segment,
    .ui.mini.segment {
      font-size: 0.78571429rem;
    }
    
    .ui.tiny.segments .segment,
    .ui.tiny.segment {
      font-size: 0.85714286rem;
    }
    
    .ui.small.segments .segment,
    .ui.small.segment {
      font-size: 0.92857143rem;
    }
    
    .ui.segments .segment,
    .ui.segment {
      font-size: 1rem;
    }
    
    .ui.large.segments .segment,
    .ui.large.segment {
      font-size: 1.14285714rem;
    }
    
    .ui.big.segments .segment,
    .ui.big.segment {
      font-size: 1.28571429rem;
    }
    
    .ui.huge.segments .segment,
    .ui.huge.segment {
      font-size: 1.42857143rem;
    }
    
    .ui.massive.segments .segment,
    .ui.massive.segment {
      font-size: 1.71428571rem;
    }
    
    /*******************************
             Theme Overrides
    *******************************/
    
    /*******************************
             Site Overrides
    *******************************/
    /*!
     * # Semantic UI 2.2.13 - Grid
     * http://github.com/semantic-org/semantic-ui/
     *
     *
     * Released under the MIT license
     * http://opensource.org/licenses/MIT
     *
     */
    
    /*******************************
                Standard
    *******************************/
    
    .ui.grid {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      padding: 0em;
    }
    
    /*----------------------
          Remove Gutters
    -----------------------*/
    
    .ui.grid {
      margin-top: -1rem;
      margin-bottom: -1rem;
      margin-left: -1rem;
      margin-right: -1rem;
    }
    
    .ui.relaxed.grid {
      margin-left: -1.5rem;
      margin-right: -1.5rem;
    }
    
    .ui[class*="very relaxed"].grid {
      margin-left: -2.5rem;
      margin-right: -2.5rem;
    }
    
    /* Preserve Rows Spacing on Consecutive Grids */
    
    .ui.grid + .grid {
      margin-top: 1rem;
    }
    
    /*-------------------
           Columns
    --------------------*/
    
    /* Standard 16 column */
    
    .ui.grid > .column:not(.row),
    .ui.grid > .row > .column {
      position: relative;
      display: inline-block;
      width: 6.25%;
      padding-left: 1rem;
      padding-right: 1rem;
      vertical-align: top;
    }
    
    .ui.grid > * {
      padding-left: 1rem;
      padding-right: 1rem;
    }
    
    /*-------------------
            Rows
    --------------------*/
    
    .ui.grid > .row {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
      justify-content: inherit;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      width: 100% !important;
      padding: 0rem;
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    
    /*-------------------
           Columns
    --------------------*/
    
    /* Vertical padding when no rows */
    
    .ui.grid > .column:not(.row) {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    
    .ui.grid > .row > .column {
      margin-top: 0em;
      margin-bottom: 0em;
    }
    
    /*-------------------
          Content
    --------------------*/
    
    .ui.grid > .row > img,
    .ui.grid > .row > .column > img {
      max-width: 100%;
    }
    
    /*-------------------
        Loose Coupling
    --------------------*/
    
    /* Collapse Margin on Consecutive Grid */
    
    .ui.grid > .ui.grid:first-child {
      margin-top: 0em;
    }
    
    .ui.grid > .ui.grid:last-child {
      margin-bottom: 0em;
    }
    
    /* Segment inside Aligned Grid */
    
    .ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached),
    .ui.aligned.grid .column > .segment:not(.compact):not(.attached) {
      width: 100%;
    }
    
    /* Align Dividers with Gutter */
    
    .ui.grid .row + .ui.divider {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin: 1rem 1rem;
    }
    
    .ui.grid .column + .ui.vertical.divider {
      height: calc(50% -  1rem );
    }
    
    /* Remove Border on Last Horizontal Segment */
    
    .ui.grid > .row > .column:last-child > .horizontal.segment,
    .ui.grid > .column:last-child > .horizontal.segment {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    /*******************************
               Variations
    *******************************/
    
    /*-----------------------
           Page Grid
    -------------------------*/
    
    @media only screen and (max-width: 767px) {
      .ui.page.grid {
        width: auto;
        padding-left: 0em;
        padding-right: 0em;
        margin-left: 0em;
        margin-right: 0em;
      }
    }
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ui.page.grid {
        width: auto;
        margin-left: 0em;
        margin-right: 0em;
        padding-left: 2em;
        padding-right: 2em;
      }
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ui.page.grid {
        width: auto;
        margin-left: 0em;
        margin-right: 0em;
        padding-left: 3%;
        padding-right: 3%;
      }
    }
    
    @media only screen and (min-width: 1200px) and (max-width: 1919px) {
      .ui.page.grid {
        width: auto;
        margin-left: 0em;
        margin-right: 0em;
        padding-left: 15%;
        padding-right: 15%;
      }
    }
    
    @media only screen and (min-width: 1920px) {
      .ui.page.grid {
        width: auto;
        margin-left: 0em;
        margin-right: 0em;
        padding-left: 23%;
        padding-right: 23%;
      }
    }
    
    /*-------------------
         Column Count
    --------------------*/
    
    /* Assume full width with one column */
    
    .ui.grid > .column:only-child,
    .ui.grid > .row > .column:only-child {
      width: 100%;
    }
    
    /* Grid Based */
    
    .ui[class*="one column"].grid > .row > .column,
    .ui[class*="one column"].grid > .column:not(.row) {
      width: 100%;
    }
    
    .ui[class*="two column"].grid > .row > .column,
    .ui[class*="two column"].grid > .column:not(.row) {
      width: 50%;
    }
    
    .ui[class*="three column"].grid > .row > .column,
    .ui[class*="three column"].grid > .column:not(.row) {
      width: 33.33333333%;
    }
    
    .ui[class*="four column"].grid > .row > .column,
    .ui[class*="four column"].grid > .column:not(.row) {
      width: 25%;
    }
    
    .ui[class*="five column"].grid > .row > .column,
    .ui[class*="five column"].grid > .column:not(.row) {
      width: 20%;
    }
    
    .ui[class*="six column"].grid > .row > .column,
    .ui[class*="six column"].grid > .column:not(.row) {
      width: 16.66666667%;
    }
    
    .ui[class*="seven column"].grid > .row > .column,
    .ui[class*="seven column"].grid > .column:not(.row) {
      width: 14.28571429%;
    }
    
    .ui[class*="eight column"].grid > .row > .column,
    .ui[class*="eight column"].grid > .column:not(.row) {
      width: 12.5%;
    }
    
    .ui[class*="nine column"].grid > .row > .column,
    .ui[class*="nine column"].grid > .column:not(.row) {
      width: 11.11111111%;
    }
    
    .ui[class*="ten column"].grid > .row > .column,
    .ui[class*="ten column"].grid > .column:not(.row) {
      width: 10%;
    }
    
    .ui[class*="eleven column"].grid > .row > .column,
    .ui[class*="eleven column"].grid > .column:not(.row) {
      width: 9.09090909%;
    }
    
    .ui[class*="twelve column"].grid > .row > .column,
    .ui[class*="twelve column"].grid > .column:not(.row) {
      width: 8.33333333%;
    }
    
    .ui[class*="thirteen column"].grid > .row > .column,
    .ui[class*="thirteen column"].grid > .column:not(.row) {
      width: 7.69230769%;
    }
    
    .ui[class*="fourteen column"].grid > .row > .column,
    .ui[class*="fourteen column"].grid > .column:not(.row) {
      width: 7.14285714%;
    }
    
    .ui[class*="fifteen column"].grid > .row > .column,
    .ui[class*="fifteen column"].grid > .column:not(.row) {
      width: 6.66666667%;
    }
    
    .ui[class*="sixteen column"].grid > .row > .column,
    .ui[class*="sixteen column"].grid > .column:not(.row) {
      width: 6.25%;
    }
    
    /* Row Based Overrides */
    
    .ui.grid > [class*="one column"].row > .column {
      width: 100% !important;
    }
    
    .ui.grid > [class*="two column"].row > .column {
      width: 50% !important;
    }
    
    .ui.grid > [class*="three column"].row > .column {
      width: 33.33333333% !important;
    }
    
    .ui.grid > [class*="four column"].row > .column {
      width: 25% !important;
    }
    
    .ui.grid > [class*="five column"].row > .column {
      width: 20% !important;
    }
    
    .ui.grid > [class*="six column"].row > .column {
      width: 16.66666667% !important;
    }
    
    .ui.grid > [class*="seven column"].row > .column {
      width: 14.28571429% !important;
    }
    
    .ui.grid > [class*="eight column"].row > .column {
      width: 12.5% !important;
    }
    
    .ui.grid > [class*="nine column"].row > .column {
      width: 11.11111111% !important;
    }
    
    .ui.grid > [class*="ten column"].row > .column {
      width: 10% !important;
    }
    
    .ui.grid > [class*="eleven column"].row > .column {
      width: 9.09090909% !important;
    }
    
    .ui.grid > [class*="twelve column"].row > .column {
      width: 8.33333333% !important;
    }
    
    .ui.grid > [class*="thirteen column"].row > .column {
      width: 7.69230769% !important;
    }
    
    .ui.grid > [class*="fourteen column"].row > .column {
      width: 7.14285714% !important;
    }
    
    .ui.grid > [class*="fifteen column"].row > .column {
      width: 6.66666667% !important;
    }
    
    .ui.grid > [class*="sixteen column"].row > .column {
      width: 6.25% !important;
    }
    
    /* Celled Page */
    
    .ui.celled.page.grid {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    /*-------------------
        Column Width
    --------------------*/
    
    /* Sizing Combinations */
    
    .ui.grid > .row > [class*="one wide"].column,
    .ui.grid > .column.row > [class*="one wide"].column,
    .ui.grid > [class*="one wide"].column,
    .ui.column.grid > [class*="one wide"].column {
      width: 6.25% !important;
    }
    
    .ui.grid > .row > [class*="two wide"].column,
    .ui.grid > .column.row > [class*="two wide"].column,
    .ui.grid > [class*="two wide"].column,
    .ui.column.grid > [class*="two wide"].column {
      width: 12.5% !important;
    }
    
    .ui.grid > .row > [class*="three wide"].column,
    .ui.grid > .column.row > [class*="three wide"].column,
    .ui.grid > [class*="three wide"].column,
    .ui.column.grid > [class*="three wide"].column {
      width: 18.75% !important;
    }
    
    .ui.grid > .row > [class*="four wide"].column,
    .ui.grid > .column.row > [class*="four wide"].column,
    .ui.grid > [class*="four wide"].column,
    .ui.column.grid > [class*="four wide"].column {
      width: 25% !important;
    }
    
    .ui.grid > .row > [class*="five wide"].column,
    .ui.grid > .column.row > [class*="five wide"].column,
    .ui.grid > [class*="five wide"].column,
    .ui.column.grid > [class*="five wide"].column {
      width: 31.25% !important;
    }
    
    .ui.grid > .row > [class*="six wide"].column,
    .ui.grid > .column.row > [class*="six wide"].column,
    .ui.grid > [class*="six wide"].column,
    .ui.column.grid > [class*="six wide"].column {
      width: 37.5% !important;
    }
    
    .ui.grid > .row > [class*="seven wide"].column,
    .ui.grid > .column.row > [class*="seven wide"].column,
    .ui.grid > [class*="seven wide"].column,
    .ui.column.grid > [class*="seven wide"].column {
      width: 43.75% !important;
    }
    
    .ui.grid > .row > [class*="eight wide"].column,
    .ui.grid > .column.row > [class*="eight wide"].column,
    .ui.grid > [class*="eight wide"].column,
    .ui.column.grid > [class*="eight wide"].column {
      width: 50% !important;
    }
    
    .ui.grid > .row > [class*="nine wide"].column,
    .ui.grid > .column.row > [class*="nine wide"].column,
    .ui.grid > [class*="nine wide"].column,
    .ui.column.grid > [class*="nine wide"].column {
      width: 56.25% !important;
    }
    
    .ui.grid > .row > [class*="ten wide"].column,
    .ui.grid > .column.row > [class*="ten wide"].column,
    .ui.grid > [class*="ten wide"].column,
    .ui.column.grid > [class*="ten wide"].column {
      width: 62.5% !important;
    }
    
    .ui.grid > .row > [class*="eleven wide"].column,
    .ui.grid > .column.row > [class*="eleven wide"].column,
    .ui.grid > [class*="eleven wide"].column,
    .ui.column.grid > [class*="eleven wide"].column {
      width: 68.75% !important;
    }
    
    .ui.grid > .row > [class*="twelve wide"].column,
    .ui.grid > .column.row > [class*="twelve wide"].column,
    .ui.grid > [class*="twelve wide"].column,
    .ui.column.grid > [class*="twelve wide"].column {
      width: 75% !important;
    }
    
    .ui.grid > .row > [class*="thirteen wide"].column,
    .ui.grid > .column.row > [class*="thirteen wide"].column,
    .ui.grid > [class*="thirteen wide"].column,
    .ui.column.grid > [class*="thirteen wide"].column {
      width: 81.25% !important;
    }
    
    .ui.grid > .row > [class*="fourteen wide"].column,
    .ui.grid > .column.row > [class*="fourteen wide"].column,
    .ui.grid > [class*="fourteen wide"].column,
    .ui.column.grid > [class*="fourteen wide"].column {
      width: 87.5% !important;
    }
    
    .ui.grid > .row > [class*="fifteen wide"].column,
    .ui.grid > .column.row > [class*="fifteen wide"].column,
    .ui.grid > [class*="fifteen wide"].column,
    .ui.column.grid > [class*="fifteen wide"].column {
      width: 93.75% !important;
    }
    
    .ui.grid > .row > [class*="sixteen wide"].column,
    .ui.grid > .column.row > [class*="sixteen wide"].column,
    .ui.grid > [class*="sixteen wide"].column,
    .ui.column.grid > [class*="sixteen wide"].column {
      width: 100% !important;
    }
    
    /*----------------------
        Width per Device
    -----------------------*/
    
    /* Mobile Sizing Combinations */
    
    @media only screen and (min-width: 320px) and (max-width: 767px) {
      .ui.grid > .row > [class*="one wide mobile"].column,
      .ui.grid > .column.row > [class*="one wide mobile"].column,
      .ui.grid > [class*="one wide mobile"].column,
      .ui.column.grid > [class*="one wide mobile"].column {
        width: 6.25% !important;
      }
    
      .ui.grid > .row > [class*="two wide mobile"].column,
      .ui.grid > .column.row > [class*="two wide mobile"].column,
      .ui.grid > [class*="two wide mobile"].column,
      .ui.column.grid > [class*="two wide mobile"].column {
        width: 12.5% !important;
      }
    
      .ui.grid > .row > [class*="three wide mobile"].column,
      .ui.grid > .column.row > [class*="three wide mobile"].column,
      .ui.grid > [class*="three wide mobile"].column,
      .ui.column.grid > [class*="three wide mobile"].column {
        width: 18.75% !important;
      }
    
      .ui.grid > .row > [class*="four wide mobile"].column,
      .ui.grid > .column.row > [class*="four wide mobile"].column,
      .ui.grid > [class*="four wide mobile"].column,
      .ui.column.grid > [class*="four wide mobile"].column {
        width: 25% !important;
      }
    
      .ui.grid > .row > [class*="five wide mobile"].column,
      .ui.grid > .column.row > [class*="five wide mobile"].column,
      .ui.grid > [class*="five wide mobile"].column,
      .ui.column.grid > [class*="five wide mobile"].column {
        width: 31.25% !important;
      }
    
      .ui.grid > .row > [class*="six wide mobile"].column,
      .ui.grid > .column.row > [class*="six wide mobile"].column,
      .ui.grid > [class*="six wide mobile"].column,
      .ui.column.grid > [class*="six wide mobile"].column {
        width: 37.5% !important;
      }
    
      .ui.grid > .row > [class*="seven wide mobile"].column,
      .ui.grid > .column.row > [class*="seven wide mobile"].column,
      .ui.grid > [class*="seven wide mobile"].column,
      .ui.column.grid > [class*="seven wide mobile"].column {
        width: 43.75% !important;
      }
    
      .ui.grid > .row > [class*="eight wide mobile"].column,
      .ui.grid > .column.row > [class*="eight wide mobile"].column,
      .ui.grid > [class*="eight wide mobile"].column,
      .ui.column.grid > [class*="eight wide mobile"].column {
        width: 50% !important;
      }
    
      .ui.grid > .row > [class*="nine wide mobile"].column,
      .ui.grid > .column.row > [class*="nine wide mobile"].column,
      .ui.grid > [class*="nine wide mobile"].column,
      .ui.column.grid > [class*="nine wide mobile"].column {
        width: 56.25% !important;
      }
    
      .ui.grid > .row > [class*="ten wide mobile"].column,
      .ui.grid > .column.row > [class*="ten wide mobile"].column,
      .ui.grid > [class*="ten wide mobile"].column,
      .ui.column.grid > [class*="ten wide mobile"].column {
        width: 62.5% !important;
      }
    
      .ui.grid > .row > [class*="eleven wide mobile"].column,
      .ui.grid > .column.row > [class*="eleven wide mobile"].column,
      .ui.grid > [class*="eleven wide mobile"].column,
      .ui.column.grid > [class*="eleven wide mobile"].column {
        width: 68.75% !important;
      }
    
      .ui.grid > .row > [class*="twelve wide mobile"].column,
      .ui.grid > .column.row > [class*="twelve wide mobile"].column,
      .ui.grid > [class*="twelve wide mobile"].column,
      .ui.column.grid > [class*="twelve wide mobile"].column {
        width: 75% !important;
      }
    
      .ui.grid > .row > [class*="thirteen wide mobile"].column,
      .ui.grid > .column.row > [class*="thirteen wide mobile"].column,
      .ui.grid > [class*="thirteen wide mobile"].column,
      .ui.column.grid > [class*="thirteen wide mobile"].column {
        width: 81.25% !important;
      }
    
      .ui.grid > .row > [class*="fourteen wide mobile"].column,
      .ui.grid > .column.row > [class*="fourteen wide mobile"].column,
      .ui.grid > [class*="fourteen wide mobile"].column,
      .ui.column.grid > [class*="fourteen wide mobile"].column {
        width: 87.5% !important;
      }
    
      .ui.grid > .row > [class*="fifteen wide mobile"].column,
      .ui.grid > .column.row > [class*="fifteen wide mobile"].column,
      .ui.grid > [class*="fifteen wide mobile"].column,
      .ui.column.grid > [class*="fifteen wide mobile"].column {
        width: 93.75% !important;
      }
    
      .ui.grid > .row > [class*="sixteen wide mobile"].column,
      .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
      .ui.grid > [class*="sixteen wide mobile"].column,
      .ui.column.grid > [class*="sixteen wide mobile"].column {
        width: 100% !important;
      }
    }
    
    /* Tablet Sizing Combinations */
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ui.grid > .row > [class*="one wide tablet"].column,
      .ui.grid > .column.row > [class*="one wide tablet"].column,
      .ui.grid > [class*="one wide tablet"].column,
      .ui.column.grid > [class*="one wide tablet"].column {
        width: 6.25% !important;
      }
    
      .ui.grid > .row > [class*="two wide tablet"].column,
      .ui.grid > .column.row > [class*="two wide tablet"].column,
      .ui.grid > [class*="two wide tablet"].column,
      .ui.column.grid > [class*="two wide tablet"].column {
        width: 12.5% !important;
      }
    
      .ui.grid > .row > [class*="three wide tablet"].column,
      .ui.grid > .column.row > [class*="three wide tablet"].column,
      .ui.grid > [class*="three wide tablet"].column,
      .ui.column.grid > [class*="three wide tablet"].column {
        width: 18.75% !important;
      }
    
      .ui.grid > .row > [class*="four wide tablet"].column,
      .ui.grid > .column.row > [class*="four wide tablet"].column,
      .ui.grid > [class*="four wide tablet"].column,
      .ui.column.grid > [class*="four wide tablet"].column {
        width: 25% !important;
      }
    
      .ui.grid > .row > [class*="five wide tablet"].column,
      .ui.grid > .column.row > [class*="five wide tablet"].column,
      .ui.grid > [class*="five wide tablet"].column,
      .ui.column.grid > [class*="five wide tablet"].column {
        width: 31.25% !important;
      }
    
      .ui.grid > .row > [class*="six wide tablet"].column,
      .ui.grid > .column.row > [class*="six wide tablet"].column,
      .ui.grid > [class*="six wide tablet"].column,
      .ui.column.grid > [class*="six wide tablet"].column {
        width: 37.5% !important;
      }
    
      .ui.grid > .row > [class*="seven wide tablet"].column,
      .ui.grid > .column.row > [class*="seven wide tablet"].column,
      .ui.grid > [class*="seven wide tablet"].column,
      .ui.column.grid > [class*="seven wide tablet"].column {
        width: 43.75% !important;
      }
    
      .ui.grid > .row > [class*="eight wide tablet"].column,
      .ui.grid > .column.row > [class*="eight wide tablet"].column,
      .ui.grid > [class*="eight wide tablet"].column,
      .ui.column.grid > [class*="eight wide tablet"].column {
        width: 50% !important;
      }
    
      .ui.grid > .row > [class*="nine wide tablet"].column,
      .ui.grid > .column.row > [class*="nine wide tablet"].column,
      .ui.grid > [class*="nine wide tablet"].column,
      .ui.column.grid > [class*="nine wide tablet"].column {
        width: 56.25% !important;
      }
    
      .ui.grid > .row > [class*="ten wide tablet"].column,
      .ui.grid > .column.row > [class*="ten wide tablet"].column,
      .ui.grid > [class*="ten wide tablet"].column,
      .ui.column.grid > [class*="ten wide tablet"].column {
        width: 62.5% !important;
      }
    
      .ui.grid > .row > [class*="eleven wide tablet"].column,
      .ui.grid > .column.row > [class*="eleven wide tablet"].column,
      .ui.grid > [class*="eleven wide tablet"].column,
      .ui.column.grid > [class*="eleven wide tablet"].column {
        width: 68.75% !important;
      }
    
      .ui.grid > .row > [class*="twelve wide tablet"].column,
      .ui.grid > .column.row > [class*="twelve wide tablet"].column,
      .ui.grid > [class*="twelve wide tablet"].column,
      .ui.column.grid > [class*="twelve wide tablet"].column {
        width: 75% !important;
      }
    
      .ui.grid > .row > [class*="thirteen wide tablet"].column,
      .ui.grid > .column.row > [class*="thirteen wide tablet"].column,
      .ui.grid > [class*="thirteen wide tablet"].column,
      .ui.column.grid > [class*="thirteen wide tablet"].column {
        width: 81.25% !important;
      }
    
      .ui.grid > .row > [class*="fourteen wide tablet"].column,
      .ui.grid > .column.row > [class*="fourteen wide tablet"].column,
      .ui.grid > [class*="fourteen wide tablet"].column,
      .ui.column.grid > [class*="fourteen wide tablet"].column {
        width: 87.5% !important;
      }
    
      .ui.grid > .row > [class*="fifteen wide tablet"].column,
      .ui.grid > .column.row > [class*="fifteen wide tablet"].column,
      .ui.grid > [class*="fifteen wide tablet"].column,
      .ui.column.grid > [class*="fifteen wide tablet"].column {
        width: 93.75% !important;
      }
    
      .ui.grid > .row > [class*="sixteen wide tablet"].column,
      .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
      .ui.grid > [class*="sixteen wide tablet"].column,
      .ui.column.grid > [class*="sixteen wide tablet"].column {
        width: 100% !important;
      }
    }
    
    /* Computer/Desktop Sizing Combinations */
    
    @media only screen and (min-width: 992px) {
      .ui.grid > .row > [class*="one wide computer"].column,
      .ui.grid > .column.row > [class*="one wide computer"].column,
      .ui.grid > [class*="one wide computer"].column,
      .ui.column.grid > [class*="one wide computer"].column {
        width: 6.25% !important;
      }
    
      .ui.grid > .row > [class*="two wide computer"].column,
      .ui.grid > .column.row > [class*="two wide computer"].column,
      .ui.grid > [class*="two wide computer"].column,
      .ui.column.grid > [class*="two wide computer"].column {
        width: 12.5% !important;
      }
    
      .ui.grid > .row > [class*="three wide computer"].column,
      .ui.grid > .column.row > [class*="three wide computer"].column,
      .ui.grid > [class*="three wide computer"].column,
      .ui.column.grid > [class*="three wide computer"].column {
        width: 18.75% !important;
      }
    
      .ui.grid > .row > [class*="four wide computer"].column,
      .ui.grid > .column.row > [class*="four wide computer"].column,
      .ui.grid > [class*="four wide computer"].column,
      .ui.column.grid > [class*="four wide computer"].column {
        width: 25% !important;
      }
    
      .ui.grid > .row > [class*="five wide computer"].column,
      .ui.grid > .column.row > [class*="five wide computer"].column,
      .ui.grid > [class*="five wide computer"].column,
      .ui.column.grid > [class*="five wide computer"].column {
        width: 31.25% !important;
      }
    
      .ui.grid > .row > [class*="six wide computer"].column,
      .ui.grid > .column.row > [class*="six wide computer"].column,
      .ui.grid > [class*="six wide computer"].column,
      .ui.column.grid > [class*="six wide computer"].column {
        width: 37.5% !important;
      }
    
      .ui.grid > .row > [class*="seven wide computer"].column,
      .ui.grid > .column.row > [class*="seven wide computer"].column,
      .ui.grid > [class*="seven wide computer"].column,
      .ui.column.grid > [class*="seven wide computer"].column {
        width: 43.75% !important;
      }
    
      .ui.grid > .row > [class*="eight wide computer"].column,
      .ui.grid > .column.row > [class*="eight wide computer"].column,
      .ui.grid > [class*="eight wide computer"].column,
      .ui.column.grid > [class*="eight wide computer"].column {
        width: 50% !important;
      }
    
      .ui.grid > .row > [class*="nine wide computer"].column,
      .ui.grid > .column.row > [class*="nine wide computer"].column,
      .ui.grid > [class*="nine wide computer"].column,
      .ui.column.grid > [class*="nine wide computer"].column {
        width: 56.25% !important;
      }
    
      .ui.grid > .row > [class*="ten wide computer"].column,
      .ui.grid > .column.row > [class*="ten wide computer"].column,
      .ui.grid > [class*="ten wide computer"].column,
      .ui.column.grid > [class*="ten wide computer"].column {
        width: 62.5% !important;
      }
    
      .ui.grid > .row > [class*="eleven wide computer"].column,
      .ui.grid > .column.row > [class*="eleven wide computer"].column,
      .ui.grid > [class*="eleven wide computer"].column,
      .ui.column.grid > [class*="eleven wide computer"].column {
        width: 68.75% !important;
      }
    
      .ui.grid > .row > [class*="twelve wide computer"].column,
      .ui.grid > .column.row > [class*="twelve wide computer"].column,
      .ui.grid > [class*="twelve wide computer"].column,
      .ui.column.grid > [class*="twelve wide computer"].column {
        width: 75% !important;
      }
    
      .ui.grid > .row > [class*="thirteen wide computer"].column,
      .ui.grid > .column.row > [class*="thirteen wide computer"].column,
      .ui.grid > [class*="thirteen wide computer"].column,
      .ui.column.grid > [class*="thirteen wide computer"].column {
        width: 81.25% !important;
      }
    
      .ui.grid > .row > [class*="fourteen wide computer"].column,
      .ui.grid > .column.row > [class*="fourteen wide computer"].column,
      .ui.grid > [class*="fourteen wide computer"].column,
      .ui.column.grid > [class*="fourteen wide computer"].column {
        width: 87.5% !important;
      }
    
      .ui.grid > .row > [class*="fifteen wide computer"].column,
      .ui.grid > .column.row > [class*="fifteen wide computer"].column,
      .ui.grid > [class*="fifteen wide computer"].column,
      .ui.column.grid > [class*="fifteen wide computer"].column {
        width: 93.75% !important;
      }
    
      .ui.grid > .row > [class*="sixteen wide computer"].column,
      .ui.grid > .column.row > [class*="sixteen wide computer"].column,
      .ui.grid > [class*="sixteen wide computer"].column,
      .ui.column.grid > [class*="sixteen wide computer"].column {
        width: 100% !important;
      }
    }
    
    /* Large Monitor Sizing Combinations */
    
    @media only screen and (min-width: 1200px) and (max-width: 1919px) {
      .ui.grid > .row > [class*="one wide large screen"].column,
      .ui.grid > .column.row > [class*="one wide large screen"].column,
      .ui.grid > [class*="one wide large screen"].column,
      .ui.column.grid > [class*="one wide large screen"].column {
        width: 6.25% !important;
      }
    
      .ui.grid > .row > [class*="two wide large screen"].column,
      .ui.grid > .column.row > [class*="two wide large screen"].column,
      .ui.grid > [class*="two wide large screen"].column,
      .ui.column.grid > [class*="two wide large screen"].column {
        width: 12.5% !important;
      }
    
      .ui.grid > .row > [class*="three wide large screen"].column,
      .ui.grid > .column.row > [class*="three wide large screen"].column,
      .ui.grid > [class*="three wide large screen"].column,
      .ui.column.grid > [class*="three wide large screen"].column {
        width: 18.75% !important;
      }
    
      .ui.grid > .row > [class*="four wide large screen"].column,
      .ui.grid > .column.row > [class*="four wide large screen"].column,
      .ui.grid > [class*="four wide large screen"].column,
      .ui.column.grid > [class*="four wide large screen"].column {
        width: 25% !important;
      }
    
      .ui.grid > .row > [class*="five wide large screen"].column,
      .ui.grid > .column.row > [class*="five wide large screen"].column,
      .ui.grid > [class*="five wide large screen"].column,
      .ui.column.grid > [class*="five wide large screen"].column {
        width: 31.25% !important;
      }
    
      .ui.grid > .row > [class*="six wide large screen"].column,
      .ui.grid > .column.row > [class*="six wide large screen"].column,
      .ui.grid > [class*="six wide large screen"].column,
      .ui.column.grid > [class*="six wide large screen"].column {
        width: 37.5% !important;
      }
    
      .ui.grid > .row > [class*="seven wide large screen"].column,
      .ui.grid > .column.row > [class*="seven wide large screen"].column,
      .ui.grid > [class*="seven wide large screen"].column,
      .ui.column.grid > [class*="seven wide large screen"].column {
        width: 43.75% !important;
      }
    
      .ui.grid > .row > [class*="eight wide large screen"].column,
      .ui.grid > .column.row > [class*="eight wide large screen"].column,
      .ui.grid > [class*="eight wide large screen"].column,
      .ui.column.grid > [class*="eight wide large screen"].column {
        width: 50% !important;
      }
    
      .ui.grid > .row > [class*="nine wide large screen"].column,
      .ui.grid > .column.row > [class*="nine wide large screen"].column,
      .ui.grid > [class*="nine wide large screen"].column,
      .ui.column.grid > [class*="nine wide large screen"].column {
        width: 56.25% !important;
      }
    
      .ui.grid > .row > [class*="ten wide large screen"].column,
      .ui.grid > .column.row > [class*="ten wide large screen"].column,
      .ui.grid > [class*="ten wide large screen"].column,
      .ui.column.grid > [class*="ten wide large screen"].column {
        width: 62.5% !important;
      }
    
      .ui.grid > .row > [class*="eleven wide large screen"].column,
      .ui.grid > .column.row > [class*="eleven wide large screen"].column,
      .ui.grid > [class*="eleven wide large screen"].column,
      .ui.column.grid > [class*="eleven wide large screen"].column {
        width: 68.75% !important;
      }
    
      .ui.grid > .row > [class*="twelve wide large screen"].column,
      .ui.grid > .column.row > [class*="twelve wide large screen"].column,
      .ui.grid > [class*="twelve wide large screen"].column,
      .ui.column.grid > [class*="twelve wide large screen"].column {
        width: 75% !important;
      }
    
      .ui.grid > .row > [class*="thirteen wide large screen"].column,
      .ui.grid > .column.row > [class*="thirteen wide large screen"].column,
      .ui.grid > [class*="thirteen wide large screen"].column,
      .ui.column.grid > [class*="thirteen wide large screen"].column {
        width: 81.25% !important;
      }
    
      .ui.grid > .row > [class*="fourteen wide large screen"].column,
      .ui.grid > .column.row > [class*="fourteen wide large screen"].column,
      .ui.grid > [class*="fourteen wide large screen"].column,
      .ui.column.grid > [class*="fourteen wide large screen"].column {
        width: 87.5% !important;
      }
    
      .ui.grid > .row > [class*="fifteen wide large screen"].column,
      .ui.grid > .column.row > [class*="fifteen wide large screen"].column,
      .ui.grid > [class*="fifteen wide large screen"].column,
      .ui.column.grid > [class*="fifteen wide large screen"].column {
        width: 93.75% !important;
      }
    
      .ui.grid > .row > [class*="sixteen wide large screen"].column,
      .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
      .ui.grid > [class*="sixteen wide large screen"].column,
      .ui.column.grid > [class*="sixteen wide large screen"].column {
        width: 100% !important;
      }
    }
    
    /* Widescreen Sizing Combinations */
    
    @media only screen and (min-width: 1920px) {
      .ui.grid > .row > [class*="one wide widescreen"].column,
      .ui.grid > .column.row > [class*="one wide widescreen"].column,
      .ui.grid > [class*="one wide widescreen"].column,
      .ui.column.grid > [class*="one wide widescreen"].column {
        width: 6.25% !important;
      }
    
      .ui.grid > .row > [class*="two wide widescreen"].column,
      .ui.grid > .column.row > [class*="two wide widescreen"].column,
      .ui.grid > [class*="two wide widescreen"].column,
      .ui.column.grid > [class*="two wide widescreen"].column {
        width: 12.5% !important;
      }
    
      .ui.grid > .row > [class*="three wide widescreen"].column,
      .ui.grid > .column.row > [class*="three wide widescreen"].column,
      .ui.grid > [class*="three wide widescreen"].column,
      .ui.column.grid > [class*="three wide widescreen"].column {
        width: 18.75% !important;
      }
    
      .ui.grid > .row > [class*="four wide widescreen"].column,
      .ui.grid > .column.row > [class*="four wide widescreen"].column,
      .ui.grid > [class*="four wide widescreen"].column,
      .ui.column.grid > [class*="four wide widescreen"].column {
        width: 25% !important;
      }
    
      .ui.grid > .row > [class*="five wide widescreen"].column,
      .ui.grid > .column.row > [class*="five wide widescreen"].column,
      .ui.grid > [class*="five wide widescreen"].column,
      .ui.column.grid > [class*="five wide widescreen"].column {
        width: 31.25% !important;
      }
    
      .ui.grid > .row > [class*="six wide widescreen"].column,
      .ui.grid > .column.row > [class*="six wide widescreen"].column,
      .ui.grid > [class*="six wide widescreen"].column,
      .ui.column.grid > [class*="six wide widescreen"].column {
        width: 37.5% !important;
      }
    
      .ui.grid > .row > [class*="seven wide widescreen"].column,
      .ui.grid > .column.row > [class*="seven wide widescreen"].column,
      .ui.grid > [class*="seven wide widescreen"].column,
      .ui.column.grid > [class*="seven wide widescreen"].column {
        width: 43.75% !important;
      }
    
      .ui.grid > .row > [class*="eight wide widescreen"].column,
      .ui.grid > .column.row > [class*="eight wide widescreen"].column,
      .ui.grid > [class*="eight wide widescreen"].column,
      .ui.column.grid > [class*="eight wide widescreen"].column {
        width: 50% !important;
      }
    
      .ui.grid > .row > [class*="nine wide widescreen"].column,
      .ui.grid > .column.row > [class*="nine wide widescreen"].column,
      .ui.grid > [class*="nine wide widescreen"].column,
      .ui.column.grid > [class*="nine wide widescreen"].column {
        width: 56.25% !important;
      }
    
      .ui.grid > .row > [class*="ten wide widescreen"].column,
      .ui.grid > .column.row > [class*="ten wide widescreen"].column,
      .ui.grid > [class*="ten wide widescreen"].column,
      .ui.column.grid > [class*="ten wide widescreen"].column {
        width: 62.5% !important;
      }
    
      .ui.grid > .row > [class*="eleven wide widescreen"].column,
      .ui.grid > .column.row > [class*="eleven wide widescreen"].column,
      .ui.grid > [class*="eleven wide widescreen"].column,
      .ui.column.grid > [class*="eleven wide widescreen"].column {
        width: 68.75% !important;
      }
    
      .ui.grid > .row > [class*="twelve wide widescreen"].column,
      .ui.grid > .column.row > [class*="twelve wide widescreen"].column,
      .ui.grid > [class*="twelve wide widescreen"].column,
      .ui.column.grid > [class*="twelve wide widescreen"].column {
        width: 75% !important;
      }
    
      .ui.grid > .row > [class*="thirteen wide widescreen"].column,
      .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,
      .ui.grid > [class*="thirteen wide widescreen"].column,
      .ui.column.grid > [class*="thirteen wide widescreen"].column {
        width: 81.25% !important;
      }
    
      .ui.grid > .row > [class*="fourteen wide widescreen"].column,
      .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,
      .ui.grid > [class*="fourteen wide widescreen"].column,
      .ui.column.grid > [class*="fourteen wide widescreen"].column {
        width: 87.5% !important;
      }
    
      .ui.grid > .row > [class*="fifteen wide widescreen"].column,
      .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,
      .ui.grid > [class*="fifteen wide widescreen"].column,
      .ui.column.grid > [class*="fifteen wide widescreen"].column {
        width: 93.75% !important;
      }
    
      .ui.grid > .row > [class*="sixteen wide widescreen"].column,
      .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,
      .ui.grid > [class*="sixteen wide widescreen"].column,
      .ui.column.grid > [class*="sixteen wide widescreen"].column {
        width: 100% !important;
      }
    }
    
    /*----------------------
            Centered
    -----------------------*/
    
    .ui.centered.grid,
    .ui.centered.grid > .row,
    .ui.grid > .centered.row {
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
    .ui.centered.grid > .row > .column:not(.aligned):not(.justified),
    .ui.grid .centered.row > .column:not(.aligned):not(.justified) {
      text-align: left;
    }
    
    .ui.grid > .centered.column,
    .ui.grid > .row > .centered.column {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
    
    /*----------------------
            Relaxed
    -----------------------*/
    
    .ui.relaxed.grid > .column:not(.row),
    .ui.relaxed.grid > .row > .column,
    .ui.grid > .relaxed.row > .column {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
    
    .ui[class*="very relaxed"].grid > .column:not(.row),
    .ui[class*="very relaxed"].grid > .row > .column,
    .ui.grid > [class*="very relaxed"].row > .column {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
    
    /* Coupling with UI Divider */
    
    .ui.relaxed.grid .row + .ui.divider,
    .ui.grid .relaxed.row + .ui.divider {
      margin-left: 1.5rem;
      margin-right: 1.5rem;
    }
    
    .ui[class*="very relaxed"].grid .row + .ui.divider,
    .ui.grid [class*="very relaxed"].row + .ui.divider {
      margin-left: 2.5rem;
      margin-right: 2.5rem;
    }
    
    /*----------------------
            Padded
    -----------------------*/
    
    .ui.padded.grid:not(.vertically):not(.horizontally) {
      margin: 0em !important;
    }
    
    [class*="horizontally padded"].ui.grid {
      margin-left: 0em !important;
      margin-right: 0em !important;
    }
    
    [class*="vertically padded"].ui.grid {
      margin-top: 0em !important;
      margin-bottom: 0em !important;
    }
    
    /*----------------------
           "Floated"
    -----------------------*/
    
    .ui.grid [class*="left floated"].column {
      margin-right: auto;
    }
    
    .ui.grid [class*="right floated"].column {
      margin-left: auto;
    }
    
    /*----------------------
            Divided
    -----------------------*/
    
    .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
    .ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
      -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
      box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
    }
    
    /* Swap from padding to margin on columns to have dividers align */
    
    .ui[class*="vertically divided"].grid > .column:not(.row),
    .ui[class*="vertically divided"].grid > .row > .column {
      margin-top: 1rem;
      margin-bottom: 1rem;
      padding-top: 0rem;
      padding-bottom: 0rem;
    }
    
    .ui[class*="vertically divided"].grid > .row {
      margin-top: 0em;
      margin-bottom: 0em;
    }
    
    /* No divider on first column on row */
    
    .ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
    .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    /* No space on top of first row */
    
    .ui[class*="vertically divided"].grid > .row:first-child > .column {
      margin-top: 0em;
    }
    
    /* Divided Row */
    
    .ui.grid > .divided.row > .column {
      -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
      box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
    }
    
    .ui.grid > .divided.row > .column:first-child {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    /* Vertically Divided */
    
    .ui[class*="vertically divided"].grid > .row {
      position: relative;
    }
    
    .ui[class*="vertically divided"].grid > .row:before {
      position: absolute;
      content: "";
      top: 0em;
      left: 0px;
      width: calc(100% -  2rem );
      height: 1px;
      margin: 0% 1rem;
      -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
      box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
    }
    
    /* Padded Horizontally Divided */
    
    [class*="horizontally padded"].ui.divided.grid,
    .ui.padded.divided.grid:not(.vertically):not(.horizontally) {
      width: 100%;
    }
    
    /* First Row Vertically Divided */
    
    .ui[class*="vertically divided"].grid > .row:first-child:before {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    /* Inverted Divided */
    
    .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
    .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
      -webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
      box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
    }
    
    .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
    .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    .ui.inverted[class*="vertically divided"].grid > .row:before {
      -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
      box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
    }
    
    /* Relaxed */
    
    .ui.relaxed[class*="vertically divided"].grid > .row:before {
      margin-left: 1.5rem;
      margin-right: 1.5rem;
      width: calc(100% -  3rem );
    }
    
    .ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
      margin-left: 5rem;
      margin-right: 5rem;
      width: calc(100% -  5rem );
    }
    
    /*----------------------
             Celled
    -----------------------*/
    
    .ui.celled.grid {
      width: 100%;
      margin: 1em 0em;
      -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5;
      box-shadow: 0px 0px 0px 1px #D4D4D5;
    }
    
    .ui.celled.grid > .row {
      width: 100% !important;
      margin: 0em;
      padding: 0em;
      -webkit-box-shadow: 0px -1px 0px 0px #D4D4D5;
      box-shadow: 0px -1px 0px 0px #D4D4D5;
    }
    
    .ui.celled.grid > .column:not(.row),
    .ui.celled.grid > .row > .column {
      -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
      box-shadow: -1px 0px 0px 0px #D4D4D5;
    }
    
    .ui.celled.grid > .column:first-child,
    .ui.celled.grid > .row > .column:first-child {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    .ui.celled.grid > .column:not(.row),
    .ui.celled.grid > .row > .column {
      padding: 1em;
    }
    
    .ui.relaxed.celled.grid > .column:not(.row),
    .ui.relaxed.celled.grid > .row > .column {
      padding: 1.5em;
    }
    
    .ui[class*="very relaxed"].celled.grid > .column:not(.row),
    .ui[class*="very relaxed"].celled.grid > .row > .column {
      padding: 2em;
    }
    
    /* Internally Celled */
    
    .ui[class*="internally celled"].grid {
      -webkit-box-shadow: none;
      box-shadow: none;
      margin: 0em;
    }
    
    .ui[class*="internally celled"].grid > .row:first-child {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    .ui[class*="internally celled"].grid > .row > .column:first-child {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    /*----------------------
       Vertically Aligned
    -----------------------*/
    
    /* Top Aligned */
    
    .ui[class*="top aligned"].grid > .column:not(.row),
    .ui[class*="top aligned"].grid > .row > .column,
    .ui.grid > [class*="top aligned"].row > .column,
    .ui.grid > [class*="top aligned"].column:not(.row),
    .ui.grid > .row > [class*="top aligned"].column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      vertical-align: top;
      -ms-flex-item-align: start !important;
      align-self: flex-start !important;
    }
    
    /* Middle Aligned */
    
    .ui[class*="middle aligned"].grid > .column:not(.row),
    .ui[class*="middle aligned"].grid > .row > .column,
    .ui.grid > [class*="middle aligned"].row > .column,
    .ui.grid > [class*="middle aligned"].column:not(.row),
    .ui.grid > .row > [class*="middle aligned"].column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      vertical-align: middle;
      -ms-flex-item-align: center !important;
      align-self: center !important;
    }
    
    /* Bottom Aligned */
    
    .ui[class*="bottom aligned"].grid > .column:not(.row),
    .ui[class*="bottom aligned"].grid > .row > .column,
    .ui.grid > [class*="bottom aligned"].row > .column,
    .ui.grid > [class*="bottom aligned"].column:not(.row),
    .ui.grid > .row > [class*="bottom aligned"].column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      vertical-align: bottom;
      -ms-flex-item-align: end !important;
      align-self: flex-end !important;
    }
    
    /* Stretched */
    
    .ui.stretched.grid > .row > .column,
    .ui.stretched.grid > .column,
    .ui.grid > .stretched.row > .column,
    .ui.grid > .stretched.column:not(.row),
    .ui.grid > .row > .stretched.column {
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
      -ms-flex-item-align: stretch;
      align-self: stretch;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .ui.stretched.grid > .row > .column > *,
    .ui.stretched.grid > .column > *,
    .ui.grid > .stretched.row > .column > *,
    .ui.grid > .stretched.column:not(.row) > *,
    .ui.grid > .row > .stretched.column > * {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
    }
    
    /*----------------------
      Horizontally Centered
    -----------------------*/
    
    /* Left Aligned */
    
    .ui[class*="left aligned"].grid > .column,
    .ui[class*="left aligned"].grid > .row > .column,
    .ui.grid > [class*="left aligned"].row > .column,
    .ui.grid > [class*="left aligned"].column.column,
    .ui.grid > .row > [class*="left aligned"].column.column {
      text-align: left;
      -ms-flex-item-align: inherit;
      align-self: inherit;
    }
    
    /* Center Aligned */
    
    .ui[class*="center aligned"].grid > .column,
    .ui[class*="center aligned"].grid > .row > .column,
    .ui.grid > [class*="center aligned"].row > .column,
    .ui.grid > [class*="center aligned"].column.column,
    .ui.grid > .row > [class*="center aligned"].column.column {
      text-align: center;
      -ms-flex-item-align: inherit;
      align-self: inherit;
    }
    
    .ui[class*="center aligned"].grid {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    /* Right Aligned */
    
    .ui[class*="right aligned"].grid > .column,
    .ui[class*="right aligned"].grid > .row > .column,
    .ui.grid > [class*="right aligned"].row > .column,
    .ui.grid > [class*="right aligned"].column.column,
    .ui.grid > .row > [class*="right aligned"].column.column {
      text-align: right;
      -ms-flex-item-align: inherit;
      align-self: inherit;
    }
    
    /* Justified */
    
    .ui.justified.grid > .column,
    .ui.justified.grid > .row > .column,
    .ui.grid > .justified.row > .column,
    .ui.grid > .justified.column.column,
    .ui.grid > .row > .justified.column.column {
      text-align: justify;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto;
    }
    
    /*----------------------
             Colored
    -----------------------*/
    
    .ui.grid > .row > .red.column,
    .ui.grid > .row > .orange.column,
    .ui.grid > .row > .yellow.column,
    .ui.grid > .row > .olive.column,
    .ui.grid > .row > .green.column,
    .ui.grid > .row > .teal.column,
    .ui.grid > .row > .blue.column,
    .ui.grid > .row > .violet.column,
    .ui.grid > .row > .purple.column,
    .ui.grid > .row > .pink.column,
    .ui.grid > .row > .brown.column,
    .ui.grid > .row > .grey.column,
    .ui.grid > .row > .black.column {
      margin-top: -1rem;
      margin-bottom: -1rem;
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    
    /* Red */
    
    .ui.grid > .red.row,
    .ui.grid > .red.column,
    .ui.grid > .row > .red.column {
      background-color: #DB2828 !important;
      color: #FFFFFF;
    }
    
    /* Orange */
    
    .ui.grid > .orange.row,
    .ui.grid > .orange.column,
    .ui.grid > .row > .orange.column {
      background-color: #F2711C !important;
      color: #FFFFFF;
    }
    
    /* Yellow */
    
    .ui.grid > .yellow.row,
    .ui.grid > .yellow.column,
    .ui.grid > .row > .yellow.column {
      background-color: #FBBD08 !important;
      color: #FFFFFF;
    }
    
    /* Olive */
    
    .ui.grid > .olive.row,
    .ui.grid > .olive.column,
    .ui.grid > .row > .olive.column {
      background-color: #B5CC18 !important;
      color: #FFFFFF;
    }
    
    /* Green */
    
    .ui.grid > .green.row,
    .ui.grid > .green.column,
    .ui.grid > .row > .green.column {
      background-color: #21BA45 !important;
      color: #FFFFFF;
    }
    
    /* Teal */
    
    .ui.grid > .teal.row,
    .ui.grid > .teal.column,
    .ui.grid > .row > .teal.column {
      background-color: #00B5AD !important;
      color: #FFFFFF;
    }
    
    /* Blue */
    
    .ui.grid > .blue.row,
    .ui.grid > .blue.column,
    .ui.grid > .row > .blue.column {
      background-color: #2185D0 !important;
      color: #FFFFFF;
    }
    
    /* Violet */
    
    .ui.grid > .violet.row,
    .ui.grid > .violet.column,
    .ui.grid > .row > .violet.column {
      background-color: #6435C9 !important;
      color: #FFFFFF;
    }
    
    /* Purple */
    
    .ui.grid > .purple.row,
    .ui.grid > .purple.column,
    .ui.grid > .row > .purple.column {
      background-color: #A333C8 !important;
      color: #FFFFFF;
    }
    
    /* Pink */
    
    .ui.grid > .pink.row,
    .ui.grid > .pink.column,
    .ui.grid > .row > .pink.column {
      background-color: #E03997 !important;
      color: #FFFFFF;
    }
    
    /* Brown */
    
    .ui.grid > .brown.row,
    .ui.grid > .brown.column,
    .ui.grid > .row > .brown.column {
      background-color: #A5673F !important;
      color: #FFFFFF;
    }
    
    /* Grey */
    
    .ui.grid > .grey.row,
    .ui.grid > .grey.column,
    .ui.grid > .row > .grey.column {
      background-color: #767676 !important;
      color: #FFFFFF;
    }
    
    /* Black */
    
    .ui.grid > .black.row,
    .ui.grid > .black.column,
    .ui.grid > .row > .black.column {
      background-color: #1B1C1D !important;
      color: #FFFFFF;
    }
    
    /*----------------------
          Equal Width
    -----------------------*/
    
    .ui[class*="equal width"].grid > .column:not(.row),
    .ui[class*="equal width"].grid > .row > .column,
    .ui.grid > [class*="equal width"].row > .column {
      display: inline-block;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
    }
    
    .ui[class*="equal width"].grid > .wide.column,
    .ui[class*="equal width"].grid > .row > .wide.column,
    .ui.grid > [class*="equal width"].row > .wide.column {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
    }
    
    /*----------------------
            Reverse
    -----------------------*/
    
    /* Mobile */
    
    @media only screen and (max-width: 767px) {
      .ui[class*="mobile reversed"].grid,
      .ui[class*="mobile reversed"].grid > .row,
      .ui.grid > [class*="mobile reversed"].row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
      }
    
      .ui[class*="mobile vertically reversed"].grid,
      .ui.stackable[class*="mobile reversed"] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
      }
    
      /* Divided Reversed */
    
      .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
      .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
        -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
        box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
      }
    
      .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
      .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
    
      /* Vertically Divided Reversed */
    
      .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
        -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
        box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
      }
    
      .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
    
      /* Celled Reversed */
    
      .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
        -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
        box-shadow: -1px 0px 0px 0px #D4D4D5;
      }
    
      .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
    }
    
    /* Tablet */
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ui[class*="tablet reversed"].grid,
      .ui[class*="tablet reversed"].grid > .row,
      .ui.grid > [class*="tablet reversed"].row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
      }
    
      .ui[class*="tablet vertically reversed"].grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
      }
    
      /* Divided Reversed */
    
      .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
      .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
        -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
        box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
      }
    
      .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
      .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
    
      /* Vertically Divided Reversed */
    
      .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
        -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
        box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
      }
    
      .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
    
      /* Celled Reversed */
    
      .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
        -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
        box-shadow: -1px 0px 0px 0px #D4D4D5;
      }
    
      .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
    }
    
    /* Computer */
    
    @media only screen and (min-width: 992px) {
      .ui[class*="computer reversed"].grid,
      .ui[class*="computer reversed"].grid > .row,
      .ui.grid > [class*="computer reversed"].row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
      }
    
      .ui[class*="computer vertically reversed"].grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
      }
    
      /* Divided Reversed */
    
      .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
      .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
        -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
        box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
      }
    
      .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
      .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
    
      /* Vertically Divided Reversed */
    
      .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
        -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
        box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
      }
    
      .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
    
      /* Celled Reversed */
    
      .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
        -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5;
        box-shadow: -1px 0px 0px 0px #D4D4D5;
      }
    
      .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
        -webkit-box-shadow: none;
        box-shadow: none;
      }
    }
    
    /*-------------------
          Doubling
    --------------------*/
    
    /* Tablet Only */
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ui.doubling.grid {
        width: auto;
      }
    
      .ui.grid > .doubling.row,
      .ui.doubling.grid > .row {
        margin: 0em !important;
        padding: 0em !important;
      }
    
      .ui.grid > .doubling.row > .column,
      .ui.doubling.grid > .row > .column {
        display: inline-block !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        margin: 0em;
      }
    
      .ui[class*="two column"].doubling.grid > .row > .column,
      .ui[class*="two column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="two column"].doubling.row.row > .column {
        width: 100% !important;
      }
    
      .ui[class*="three column"].doubling.grid > .row > .column,
      .ui[class*="three column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="three column"].doubling.row.row > .column {
        width: 50% !important;
      }
    
      .ui[class*="four column"].doubling.grid > .row > .column,
      .ui[class*="four column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="four column"].doubling.row.row > .column {
        width: 50% !important;
      }
    
      .ui[class*="five column"].doubling.grid > .row > .column,
      .ui[class*="five column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="five column"].doubling.row.row > .column {
        width: 33.33333333% !important;
      }
    
      .ui[class*="six column"].doubling.grid > .row > .column,
      .ui[class*="six column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="six column"].doubling.row.row > .column {
        width: 33.33333333% !important;
      }
    
      .ui[class*="seven column"].doubling.grid > .row > .column,
      .ui[class*="seven column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="seven column"].doubling.row.row > .column {
        width: 33.33333333% !important;
      }
    
      .ui[class*="eight column"].doubling.grid > .row > .column,
      .ui[class*="eight column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="eight column"].doubling.row.row > .column {
        width: 25% !important;
      }
    
      .ui[class*="nine column"].doubling.grid > .row > .column,
      .ui[class*="nine column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="nine column"].doubling.row.row > .column {
        width: 25% !important;
      }
    
      .ui[class*="ten column"].doubling.grid > .row > .column,
      .ui[class*="ten column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="ten column"].doubling.row.row > .column {
        width: 20% !important;
      }
    
      .ui[class*="eleven column"].doubling.grid > .row > .column,
      .ui[class*="eleven column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="eleven column"].doubling.row.row > .column {
        width: 20% !important;
      }
    
      .ui[class*="twelve column"].doubling.grid > .row > .column,
      .ui[class*="twelve column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="twelve column"].doubling.row.row > .column {
        width: 16.66666667% !important;
      }
    
      .ui[class*="thirteen column"].doubling.grid > .row > .column,
      .ui[class*="thirteen column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="thirteen column"].doubling.row.row > .column {
        width: 16.66666667% !important;
      }
    
      .ui[class*="fourteen column"].doubling.grid > .row > .column,
      .ui[class*="fourteen column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="fourteen column"].doubling.row.row > .column {
        width: 14.28571429% !important;
      }
    
      .ui[class*="fifteen column"].doubling.grid > .row > .column,
      .ui[class*="fifteen column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="fifteen column"].doubling.row.row > .column {
        width: 14.28571429% !important;
      }
    
      .ui[class*="sixteen column"].doubling.grid > .row > .column,
      .ui[class*="sixteen column"].doubling.grid > .column:not(.row),
      .ui.grid > [class*="sixteen column"].doubling.row.row > .column {
        width: 12.5% !important;
      }
    }
    
    /* Mobile Only */
    
    @media only screen and (max-width: 767px) {
      .ui.grid > .doubling.row,
      .ui.doubling.grid > .row {
        margin: 0em !important;
        padding: 0em !important;
      }
    
      .ui.grid > .doubling.row > .column,
      .ui.doubling.grid > .row > .column {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        margin: 0em !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
      }
    
      .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {
        width: 100% !important;
      }
    
      .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {
        width: 50% !important;
      }
    
      .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {
        width: 50% !important;
      }
    
      .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {
        width: 50% !important;
      }
    
      .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {
        width: 50% !important;
      }
    
      .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {
        width: 50% !important;
      }
    
      .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {
        width: 50% !important;
      }
    
      .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {
        width: 33.33333333% !important;
      }
    
      .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {
        width: 33.33333333% !important;
      }
    
      .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {
        width: 33.33333333% !important;
      }
    
      .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {
        width: 33.33333333% !important;
      }
    
      .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {
        width: 33.33333333% !important;
      }
    
      .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {
        width: 25% !important;
      }
    
      .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {
        width: 25% !important;
      }
    
      .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
      .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),
      .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {
        width: 25% !important;
      }
    }
    
    /*-------------------
          Stackable
    --------------------*/
    
    @media only screen and (max-width: 767px) {
      .ui.stackable.grid {
        width: auto;
        margin-left: 0em !important;
        margin-right: 0em !important;
      }
    
      .ui.stackable.grid > .row > .wide.column,
      .ui.stackable.grid > .wide.column,
      .ui.stackable.grid > .column.grid > .column,
      .ui.stackable.grid > .column.row > .column,
      .ui.stackable.grid > .row > .column,
      .ui.stackable.grid > .column:not(.row),
      .ui.grid > .stackable.stackable.row > .column {
        width: 100% !important;
        margin: 0em 0em !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding: 1rem 1rem !important;
      }
    
      .ui.stackable.grid:not(.vertically) > .row {
        margin: 0em;
        padding: 0em;
      }
    
      /* Coupling */
    
      .ui.container > .ui.stackable.grid > .column,
      .ui.container > .ui.stackable.grid > .row > .column {
        padding-left: 0em !important;
        padding-right: 0em !important;
      }
    
      /* Don't pad inside segment or nested grid */
    
      .ui.grid .ui.stackable.grid,
      .ui.segment:not(.vertical) .ui.stackable.page.grid {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
      }
    
      /* Divided Stackable */
    
      .ui.stackable.divided.grid > .row:first-child > .column:first-child,
      .ui.stackable.celled.grid > .row:first-child > .column:first-child,
      .ui.stackable.divided.grid > .column:not(.row):first-child,
      .ui.stackable.celled.grid > .column:not(.row):first-child {
        border-top: none !important;
      }
    
      .ui.inverted.stackable.celled.grid > .column:not(.row),
      .ui.inverted.stackable.divided.grid > .column:not(.row),
      .ui.inverted.stackable.celled.grid > .row > .column,
      .ui.inverted.stackable.divided.grid > .row > .column {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
      }
    
      .ui.stackable.celled.grid > .column:not(.row),
      .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
      .ui.stackable.celled.grid > .row > .column,
      .ui.stackable.divided:not(.vertically).grid > .row > .column {
        border-top: 1px solid rgba(34, 36, 38, 0.15);
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
      }
    
      .ui.stackable.celled.grid > .row {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
      }
    
      .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
      .ui.stackable.divided:not(.vertically).grid > .row > .column {
        padding-left: 0em !important;
        padding-right: 0em !important;
      }
    }
    
    /*----------------------
         Only (Device)
    -----------------------*/
    
    /* These include arbitrary class repetitions for forced specificity */
    
    /* Mobile Only Hide */
    
    @media only screen and (max-width: 767px) {
      .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
      .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
      .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
      .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
        display: none !important;
      }
    
      .ui[class*="computer only"].grid.grid.grid:not(.mobile),
      .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
      .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
      .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
        display: none !important;
      }
    
      .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
      .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
      .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
      .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
        display: none !important;
      }
    
      .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
      .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
      .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
      .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
        display: none !important;
      }
    }
    
    /* Tablet Only Hide */
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
      .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
      .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
      .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
        display: none !important;
      }
    
      .ui[class*="computer only"].grid.grid.grid:not(.tablet),
      .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
      .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
      .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
        display: none !important;
      }
    
      .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
      .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
      .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
      .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
        display: none !important;
      }
    
      .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
      .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
      .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
      .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
        display: none !important;
      }
    }
    
    /* Computer Only Hide */
    
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ui[class*="mobile only"].grid.grid.grid:not(.computer),
      .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
      .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
      .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
        display: none !important;
      }
    
      .ui[class*="tablet only"].grid.grid.grid:not(.computer),
      .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
      .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
      .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
        display: none !important;
      }
    
      .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
      .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
      .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
      .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
        display: none !important;
      }
    
      .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
      .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
      .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
      .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
        display: none !important;
      }
    }
    
    /* Large Screen Only Hide */
    
    @media only screen and (min-width: 1200px) and (max-width: 1919px) {
      .ui[class*="mobile only"].grid.grid.grid:not(.computer),
      .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
      .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
      .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
        display: none !important;
      }
    
      .ui[class*="tablet only"].grid.grid.grid:not(.computer),
      .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
      .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
      .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
        display: none !important;
      }
    
      .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
      .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
      .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
      .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
        display: none !important;
      }
    }
    
    /* Widescreen Only Hide */
    
    @media only screen and (min-width: 1920px) {
      .ui[class*="mobile only"].grid.grid.grid:not(.computer),
      .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
      .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
      .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
        display: none !important;
      }
    
      .ui[class*="tablet only"].grid.grid.grid:not(.computer),
      .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
      .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
      .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
        display: none !important;
      }
    }
    
    /*******************************
             Theme Overrides
    *******************************/
    
    /*******************************
             Site Overrides
    *******************************/
    /*
     * # Semantic - Menu
     * http://github.com/semantic-org/semantic-ui/
     *
     *
     * Copyright 2015 Contributor
     * Released under the MIT license
     * http://opensource.org/licenses/MIT
     *
     */
    
    /*******************************
                Standard
    *******************************/
    
    /*--------------
          Menu
    ---------------*/
    
    .ui.menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 1rem 0em;
      font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
      background: #FFFFFF;
      font-weight: normal;
      border: 1px solid rgba(34, 36, 38, 0.15);
      -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
      box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
      border-radius: 0.28571429rem;
      min-height: 2.85714286em;
    }
    
    .ui.menu:after {
      content: '';
      display: block;
      height: 0px;
      clear: both;
      visibility: hidden;
    }
    
    .ui.menu:first-child {
      margin-top: 0rem;
    }
    
    .ui.menu:last-child {
      margin-bottom: 0rem;
    }
    
    /*--------------
        Sub-Menu
    ---------------*/
    
    .ui.menu .menu {
      margin: 0em;
    }
    
    .ui.menu:not(.vertical) > .menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    
    /*--------------
          Item
    ---------------*/
    
    .ui.menu:not(.vertical) .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    
    .ui.menu .item {
      position: relative;
      vertical-align: middle;
      line-height: 1;
      text-decoration: none;
      -webkit-tap-highlight-color: transparent;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      background: none;
      padding: 0.92857143em 1.14285714em;
      text-transform: none;
      color: rgba(0, 0, 0, 0.87);
      font-weight: normal;
      -webkit-transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
      transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
      transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
      transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
    }
    
    .ui.menu > .item:first-child {
      border-radius: 0.28571429rem 0px 0px 0.28571429rem;
    }
    
    /* Border */
    
    .ui.menu .item:before {
      position: absolute;
      content: '';
      top: 0%;
      right: 0px;
      height: 100%;
      width: 1px;
      background: rgba(34, 36, 38, 0.1);
    }
    
    /*--------------
      Text Content
    ---------------*/
    
    .ui.menu .text.item > *,
    .ui.menu .item > a:not(.ui),
    .ui.menu .item > p:only-child {
      -webkit-user-select: text;
      -moz-user-select: text;
      -ms-user-select: text;
      user-select: text;
      line-height: 1.3;
    }
    
    .ui.menu .item > p:first-child {
      margin-top: 0;
    }
    
    .ui.menu .item > p:last-child {
      margin-bottom: 0;
    }
    
    /*--------------
          Icons
    ---------------*/
    
    .ui.menu .item > i.icon {
      opacity: 0.9;
      float: none;
      margin: 0em 0.35714286em 0em 0em;
    }
    
    /*--------------
         Button
    ---------------*/
    
    .ui.menu:not(.vertical) .item > .button {
      position: relative;
      top: 0em;
      margin: -0.5em 0em;
      padding-bottom: 0.78571429em;
      padding-top: 0.78571429em;
      font-size: 1em;
    }
    
    /*----------------
     Grid / Container
    -----------------*/
    
    .ui.menu > .grid,
    .ui.menu > .container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: inherit;
      -ms-flex-align: inherit;
      align-items: inherit;
      -webkit-box-orient: inherit;
      -webkit-box-direction: inherit;
      -ms-flex-direction: inherit;
      flex-direction: inherit;
    }
    
    /*--------------
         Inputs
    ---------------*/
    
    .ui.menu .item > .input {
      width: 100%;
    }
    
    .ui.menu:not(.vertical) .item > .input {
      position: relative;
      top: 0em;
      margin: -0.5em 0em;
    }
    
    .ui.menu .item > .input input {
      font-size: 1em;
      padding-top: 0.57142857em;
      padding-bottom: 0.57142857em;
    }
    
    /*--------------
         Header
    ---------------*/
    
    .ui.menu .header.item,
    .ui.vertical.menu .header.item {
      margin: 0em;
      background: '';
      text-transform: normal;
      font-weight: bold;
    }
    
    .ui.vertical.menu .item > .header:not(.ui) {
      margin: 0em 0em 0.5em;
      font-size: 1em;
      font-weight: bold;
    }
    
    /*--------------
        Dropdowns
    ---------------*/
    
    /* Dropdown Icon */
    
    .ui.menu .item > i.dropdown.icon {
      padding: 0em;
      float: right;
      margin: 0em 0em 0em 1em;
    }
    
    /* Menu */
    
    .ui.menu .dropdown.item .menu {
      min-width: calc(100% - 1px);
      border-radius: 0em 0em 0.28571429rem 0.28571429rem;
      background: #FFFFFF;
      margin: 0em 0px 0px;
      -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
      -webkit-box-orient: vertical !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important;
    }
    
    /* Menu Items */
    
    .ui.menu .ui.dropdown .menu > .item {
      margin: 0;
      text-align: left;
      font-size: 1em !important;
      padding: 0.78571429em 1.14285714em !important;
      background: transparent !important;
      color: rgba(0, 0, 0, 0.87) !important;
      text-transform: none !important;
      font-weight: normal !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      -webkit-transition: none !important;
      transition: none !important;
    }
    
    .ui.menu .ui.dropdown .menu > .item:hover {
      background: rgba(0, 0, 0, 0.05) !important;
      color: rgba(0, 0, 0, 0.95) !important;
    }
    
    .ui.menu .ui.dropdown .menu > .selected.item {
      background: rgba(0, 0, 0, 0.05) !important;
      color: rgba(0, 0, 0, 0.95) !important;
    }
    
    .ui.menu .ui.dropdown .menu > .active.item {
      background: rgba(0, 0, 0, 0.03) !important;
      font-weight: bold !important;
      color: rgba(0, 0, 0, 0.95) !important;
    }
    
    .ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
      display: block;
    }
    
    .ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
      display: inline-block;
      font-size: 1em !important;
      float: none;
      margin: 0em 0.75em 0em 0em;
    }
    
    /* Secondary */
    
    .ui.secondary.menu .dropdown.item > .menu,
    .ui.text.menu .dropdown.item > .menu {
      border-radius: 0.28571429rem;
      margin-top: 0.35714286em;
    }
    
    /* Pointing */
    
    .ui.menu .pointing.dropdown.item .menu {
      margin-top: 0.75em;
    }
    
    /* Inverted */
    
    .ui.inverted.menu .search.dropdown.item > .search,
    .ui.inverted.menu .search.dropdown.item > .text {
      color: rgba(255, 255, 255, 0.9);
    }
    
    /* Vertical */
    
    .ui.vertical.menu .dropdown.item > .icon {
      float: right;
      content: "\f0da";
      margin-left: 1em;
    }
    
    .ui.vertical.menu .dropdown.item .menu {
      left: 100%;
      min-width: 0;
      margin: 0em 0em 0em 0em;
      -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
      box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
      border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem;
    }
    
    .ui.vertical.menu .dropdown.item.upward .menu {
      bottom: 0;
    }
    
    .ui.vertical.menu .dropdown.item:not(.upward) .menu {
      top: 0;
    }
    
    .ui.vertical.menu .active.dropdown.item {
      border-top-right-radius: 0em;
      border-bottom-right-radius: 0em;
    }
    
    .ui.vertical.menu .dropdown.active.item {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    /* Evenly Divided */
    
    .ui.item.menu .dropdown .menu .item {
      width: 100%;
    }
    
    /*--------------
         Labels
    ---------------*/
    
    .ui.menu .item > .label {
      background: #999999;
      color: #FFFFFF;
      margin-left: 1em;
      padding: 0.3em 0.78571429em;
    }
    
    .ui.vertical.menu .item > .label {
      background: #999999;
      color: #FFFFFF;
      margin-top: -0.15em;
      margin-bottom: -0.15em;
      padding: 0.3em 0.78571429em;
    }
    
    .ui.menu .item > .floating.label {
      padding: 0.3em 0.78571429em;
    }
    
    /*--------------
         Images
    ---------------*/
    
    .ui.menu .item > img:not(.ui) {
      display: inline-block;
      vertical-align: middle;
      margin: -0.3em 0em;
      width: 2.5em;
    }
    
    .ui.vertical.menu .item > img:not(.ui):only-child {
      display: block;
      max-width: 100%;
      width: auto;
    }
    
    /*******************************
              Coupling
    *******************************/
    
    /*--------------
         Sidebar
    ---------------*/
    
    /* Show vertical dividers below last */
    
    .ui.vertical.sidebar.menu > .item:first-child:before {
      display: block !important;
    }
    
    .ui.vertical.sidebar.menu > .item::before {
      top: auto;
      bottom: 0px;
    }
    
    /*--------------
        Container
    ---------------*/
    
    @media only screen and (max-width: 767px) {
      .ui.menu > .ui.container {
        width: 100% !important;
        margin-left: 0em !important;
        margin-right: 0em !important;
      }
    }
    
    @media only screen and (min-width: 768px) {
      .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
        border-left: 1px solid rgba(34, 36, 38, 0.1);
      }
    }
    
    /*******************************
                 States
    *******************************/
    
    /*--------------
          Hover
    ---------------*/
    
    .ui.link.menu .item:hover,
    .ui.menu .dropdown.item:hover,
    .ui.menu .link.item:hover,
    .ui.menu a.item:hover {
      cursor: pointer;
      background: rgba(0, 0, 0, 0.03);
      color: rgba(0, 0, 0, 0.95);
    }
    
    /*--------------
         Pressed
    ---------------*/
    
    .ui.link.menu .item:active,
    .ui.menu .link.item:active,
    .ui.menu a.item:active {
      background: rgba(0, 0, 0, 0.03);
      color: rgba(0, 0, 0, 0.95);
    }
    
    /*--------------
         Active
    ---------------*/
    
    .ui.menu .active.item {
      background: rgba(0, 0, 0, 0.05);
      color: rgba(0, 0, 0, 0.95);
      font-weight: normal;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    .ui.menu .active.item > i.icon {
      opacity: 1;
    }
    
    /*--------------
      Active Hover
    ---------------*/
    
    .ui.menu .active.item:hover,
    .ui.vertical.menu .active.item:hover {
      background-color: rgba(0, 0, 0, 0.05);
      color: rgba(0, 0, 0, 0.95);
    }
    
    /*--------------
         Disabled
    ---------------*/
    
    .ui.menu .item.disabled,
    .ui.menu .item.disabled:hover {
      cursor: default;
      background-color: transparent !important;
      color: rgba(40, 40, 40, 0.3);
    }
    
    /*******************************
                 Types
    *******************************/
    
    /*------------------
    Floated Menu / Item
    -------------------*/
    
    /* Left Floated */
    
    .ui.menu:not(.vertical) .left.item,
    .ui.menu:not(.vertical) .left.menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: auto !important;
    }
    
    /* Right Floated */
    
    .ui.menu:not(.vertical) .right.item,
    .ui.menu:not(.vertical) .right.menu {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: auto !important;
    }
    
    /* Swapped Borders */
    
    .ui.menu .right.item::before,
    .ui.menu .right.menu > .item::before {
      right: auto;
      left: 0;
    }
    
    /*--------------
        Vertical
    ---------------*/
    
    .ui.vertical.menu {
      display: block;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      background: #FFFFFF;
      -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
      box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
    }
    
    /*--- Item ---*/
    
    .ui.vertical.menu .item {
      display: block;
      background: none;
      border-top: none;
      border-right: none;
    }
    
    .ui.vertical.menu > .item:first-child {
      border-radius: 0.28571429rem 0.28571429rem 0px 0px;
    }
    
    .ui.vertical.menu > .item:last-child {
      border-radius: 0px 0px 0.28571429rem 0.28571429rem;
    }
    
    /*--- Label ---*/
    
    .ui.vertical.menu .item > .label {
      float: right;
      text-align: center;
    }
    
    /*--- Icon ---*/
    
    .ui.vertical.menu .item > i.icon {
      width: 1.18em;
      float: right;
      margin: 0em 0em 0em 0.5em;
    }
    
    .ui.vertical.menu .item > .label + i.icon {
      float: none;
      margin: 0em 0.5em 0em 0em;
    }
    
    /*--- Border ---*/
    
    .ui.vertical.menu .item:before {
      position: absolute;
      content: '';
      top: 0%;
      left: 0px;
      width: 100%;
      height: 1px;
      background: rgba(34, 36, 38, 0.1);
    }
    
    .ui.vertical.menu .item:first-child:before {
      display: none !important;
    }
    
    /*--- Sub Menu ---*/
    
    .ui.vertical.menu .item > .menu {
      margin: 0.5em -1.14285714em 0em;
    }
    
    .ui.vertical.menu .menu .item {
      background: none;
      padding: 0.5em 1.33333333em;
      font-size: 0.85714286em;
      color: rgba(0, 0, 0, 0.5);
    }
    
    .ui.vertical.menu .item .menu a.item:hover,
    .ui.vertical.menu .item .menu .link.item:hover {
      color: rgba(0, 0, 0, 0.85);
    }
    
    .ui.vertical.menu .menu .item:before {
      display: none;
    }
    
    /* Vertical Active */
    
    .ui.vertical.menu .active.item {
      background: rgba(0, 0, 0, 0.05);
      border-radius: 0em;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    .ui.vertical.menu > .active.item:first-child {
      border-radius: 0.28571429rem 0.28571429rem 0em 0em;
    }
    
    .ui.vertical.menu > .active.item:last-child {
      border-radius: 0em 0em 0.28571429rem 0.28571429rem;
    }
    
    .ui.vertical.menu > .active.item:only-child {
      border-radius: 0.28571429rem;
    }
    
    .ui.vertical.menu .active.item .menu .active.item {
      border-left: none;
    }
    
    .ui.vertical.menu .item .menu .active.item {
      background-color: transparent;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.95);
    }
    
    /*--------------
         Tabular
    ---------------*/
    
    .ui.tabular.menu {
      border-radius: 0em;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border: none;
      background: none transparent;
      border-bottom: 1px solid #D4D4D5;
    }
    
    .ui.tabular.fluid.menu {
      width: calc(100% +  2px ) !important;
    }
    
    .ui.tabular.menu .item {
      background: transparent;
      border-bottom: none;
      border-left: 1px solid transparent;
      border-right: 1px solid transparent;
      border-top: 2px solid transparent;
      padding: 0.92857143em 1.42857143em;
      color: rgba(0, 0, 0, 0.87);
    }
    
    .ui.tabular.menu .item:before {
      display: none;
    }
    
    /* Hover */
    
    .ui.tabular.menu .item:hover {
      background-color: transparent;
      color: rgba(0, 0, 0, 0.8);
    }
    
    /* Active */
    
    .ui.tabular.menu .active.item {
      background: none #FFFFFF;
      color: rgba(0, 0, 0, 0.95);
      border-top-width: 1px;
      border-color: #D4D4D5;
      font-weight: bold;
      margin-bottom: -1px;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0.28571429rem 0.28571429rem 0px 0px !important;
    }
    
    /* Coupling with segment for attachment */
    
    .ui.tabular.menu + .attached:not(.top).segment,
    .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
      border-top: none;
      margin-left: 0px;
      margin-top: 0px;
      margin-right: 0px;
      width: 100%;
    }
    
    .top.attached.segment + .ui.bottom.tabular.menu {
      position: relative;
      width: calc(100% +  2px );
      left: -1px;
    }
    
    /* Bottom Vertical Tabular */
    
    .ui.bottom.tabular.menu {
      background: none transparent;
      border-radius: 0em;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border-bottom: none;
      border-top: 1px solid #D4D4D5;
    }
    
    .ui.bottom.tabular.menu .item {
      background: none;
      border-left: 1px solid transparent;
      border-right: 1px solid transparent;
      border-bottom: 1px solid transparent;
      border-top: none;
    }
    
    .ui.bottom.tabular.menu .active.item {
      background: none #FFFFFF;
      color: rgba(0, 0, 0, 0.95);
      border-color: #D4D4D5;
      margin: -1px 0px 0px 0px;
      border-radius: 0px 0px 0.28571429rem 0.28571429rem !important;
    }
    
    /* Vertical Tabular (Left) */
    
    .ui.vertical.tabular.menu {
      background: none transparent;
      border-radius: 0em;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border-bottom: none;
      border-right: 1px solid #D4D4D5;
    }
    
    .ui.vertical.tabular.menu .item {
      background: none;
      border-left: 1px solid transparent;
      border-bottom: 1px solid transparent;
      border-top: 1px solid transparent;
      border-right: none;
    }
    
    .ui.vertical.tabular.menu .active.item {
      background: none #FFFFFF;
      color: rgba(0, 0, 0, 0.95);
      border-color: #D4D4D5;
      margin: 0px -1px 0px 0px;
      border-radius: 0.28571429rem 0px 0px 0.28571429rem !important;
    }
    
    /* Vertical Right Tabular */
    
    .ui.vertical.right.tabular.menu {
      background: none transparent;
      border-radius: 0em;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border-bottom: none;
      border-right: none;
      border-left: 1px solid #D4D4D5;
    }
    
    .ui.vertical.right.tabular.menu .item {
      background: none;
      border-right: 1px solid transparent;
      border-bottom: 1px solid transparent;
      border-top: 1px solid transparent;
      border-left: none;
    }
    
    .ui.vertical.right.tabular.menu .active.item {
      background: none #FFFFFF;
      color: rgba(0, 0, 0, 0.95);
      border-color: #D4D4D5;
      margin: 0px 0px 0px -1px;
      border-radius: 0px 0.28571429rem 0.28571429rem 0px !important;
    }
    
    /* Dropdown */
    
    .ui.tabular.menu .active.dropdown.item {
      margin-bottom: 0px;
      border-left: 1px solid transparent;
      border-right: 1px solid transparent;
      border-top: 2px solid transparent;
      border-bottom: none;
    }
    
    /*--------------
       Pagination
    ---------------*/
    
    .ui.pagination.menu {
      margin: 0em;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      vertical-align: middle;
    }
    
    .ui.pagination.menu .item:last-child {
      border-radius: 0em 0.28571429rem 0.28571429rem 0em;
    }
    
    .ui.compact.menu .item:last-child {
      border-radius: 0em 0.28571429rem 0.28571429rem 0em;
    }
    
    .ui.pagination.menu .item:last-child:before {
      display: none;
    }
    
    .ui.pagination.menu .item {
      min-width: 3em;
      text-align: center;
    }
    
    .ui.pagination.menu .icon.item i.icon {
      vertical-align: top;
    }
    
    /* Active */
    
    .ui.pagination.menu .active.item {
      border-top: none;
      padding-top: 0.92857143em;
      background-color: rgba(0, 0, 0, 0.05);
      color: rgba(0, 0, 0, 0.95);
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    /*--------------
       Secondary
    ---------------*/
    
    .ui.secondary.menu {
      background: none;
      margin-left: -0.35714286em;
      margin-right: -0.35714286em;
      border-radius: 0em;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    /* Item */
    
    .ui.secondary.menu .item {
      -ms-flex-item-align: center;
      align-self: center;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
      padding: 0.78571429em 0.92857143em;
      margin: 0em 0.35714286em;
      background: none;
      -webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
      border-radius: 0.28571429rem;
    }
    
    /* No Divider */
    
    .ui.secondary.menu .item:before {
      display: none !important;
    }
    
    /* Header */
    
    .ui.secondary.menu .header.item {
      border-radius: 0em;
      border-right: none;
      background: none transparent;
    }
    
    /* Image */
    
    .ui.secondary.menu .item > img:not(.ui) {
      margin: 0em;
    }
    
    /* Hover */
    
    .ui.secondary.menu .dropdown.item:hover,
    .ui.secondary.menu .link.item:hover,
    .ui.secondary.menu a.item:hover {
      background: rgba(0, 0, 0, 0.05);
      color: rgba(0, 0, 0, 0.95);
    }
    
    /* Active */
    
    .ui.secondary.menu .active.item {
      -webkit-box-shadow: none;
      box-shadow: none;
      background: rgba(0, 0, 0, 0.05);
      color: rgba(0, 0, 0, 0.95);
      border-radius: 0.28571429rem;
    }
    
    /* Active Hover */
    
    .ui.secondary.menu .active.item:hover {
      -webkit-box-shadow: none;
      box-shadow: none;
      background: rgba(0, 0, 0, 0.05);
      color: rgba(0, 0, 0, 0.95);
    }
    
    /* Inverted */
    
    .ui.secondary.inverted.menu .link.item,
    .ui.secondary.inverted.menu a.item {
      color: rgba(255, 255, 255, 0.7) !important;
    }
    
    .ui.secondary.inverted.menu .dropdown.item:hover,
    .ui.secondary.inverted.menu .link.item:hover,
    .ui.secondary.inverted.menu a.item:hover {
      background: rgba(255, 255, 255, 0.08);
      color: #ffffff !important;
    }
    
    .ui.secondary.inverted.menu .active.item {
      background: rgba(255, 255, 255, 0.15);
      color: #ffffff !important;
    }
    
    /* Fix item margins */
    
    .ui.secondary.item.menu {
      margin-left: 0em;
      margin-right: 0em;
    }
    
    .ui.secondary.item.menu .item:last-child {
      margin-right: 0em;
    }
    
    .ui.secondary.attached.menu {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    /* Sub Menu */
    
    .ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
      margin: 0em -0.92857143em;
    }
    
    .ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
      margin: 0em;
      padding: 0.5em 1.33333333em;
    }
    
    /*---------------------
       Secondary Vertical
    -----------------------*/
    
    .ui.secondary.vertical.menu > .item {
      border: none;
      margin: 0em 0em 0.35714286em;
      border-radius: 0.28571429rem !important;
    }
    
    .ui.secondary.vertical.menu > .header.item {
      border-radius: 0em;
    }
    
    /* Sub Menu */
    
    .ui.vertical.secondary.menu .item > .menu .item {
      background-color: transparent;
    }
    
    /* Inverted */
    
    .ui.secondary.inverted.menu {
      background-color: transparent;
    }
    
    /*---------------------
       Secondary Pointing
    -----------------------*/
    
    .ui.secondary.pointing.menu {
      margin-left: 0em;
      margin-right: 0em;
      border-bottom: 2px solid rgba(34, 36, 38, 0.15);
    }
    
    .ui.secondary.pointing.menu .item {
      border-bottom-color: transparent;
      border-bottom-style: solid;
      border-radius: 0em;
      -ms-flex-item-align: end;
      align-self: flex-end;
      margin: 0em 0em -2px;
      padding: 0.85714286em 1.14285714em;
      border-bottom-width: 2px;
      -webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
    }
    
    /* Item Types */
    
    .ui.secondary.pointing.menu .header.item {
      color: rgba(0, 0, 0, 0.85) !important;
    }
    
    .ui.secondary.pointing.menu .text.item {
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }
    
    .ui.secondary.pointing.menu .item:after {
      display: none;
    }
    
    /* Hover */
    
    .ui.secondary.pointing.menu .dropdown.item:hover,
    .ui.secondary.pointing.menu .link.item:hover,
    .ui.secondary.pointing.menu a.item:hover {
      background-color: transparent;
      color: rgba(0, 0, 0, 0.87);
    }
    
    /* Pressed */
    
    .ui.secondary.pointing.menu .dropdown.item:active,
    .ui.secondary.pointing.menu .link.item:active,
    .ui.secondary.pointing.menu a.item:active {
      background-color: transparent;
      border-color: rgba(34, 36, 38, 0.15);
    }
    
    /* Active */
    
    .ui.secondary.pointing.menu .active.item {
      background-color: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-color: #1B1C1D;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.95);
    }
    
    /* Active Hover */
    
    .ui.secondary.pointing.menu .active.item:hover {
      border-color: #1B1C1D;
      color: rgba(0, 0, 0, 0.95);
    }
    
    /* Active Dropdown */
    
    .ui.secondary.pointing.menu .active.dropdown.item {
      border-color: transparent;
    }
    
    /* Vertical Pointing */
    
    .ui.secondary.vertical.pointing.menu {
      border-bottom-width: 0px;
      border-right-width: 2px;
      border-right-style: solid;
      border-right-color: rgba(34, 36, 38, 0.15);
    }
    
    .ui.secondary.vertical.pointing.menu .item {
      border-bottom: none;
      border-right-style: solid;
      border-right-color: transparent;
      border-radius: 0em !important;
      margin: 0em -2px 0em 0em;
      border-right-width: 2px;
    }
    
    /* Vertical Active */
    
    .ui.secondary.vertical.pointing.menu .active.item {
      border-color: #1B1C1D;
    }
    
    /* Inverted */
    
    .ui.secondary.inverted.pointing.menu {
      border-color: rgba(255, 255, 255, 0.1);
    }
    
    .ui.secondary.inverted.pointing.menu {
      border-width: 2px;
      border-color: rgba(34, 36, 38, 0.15);
    }
    
    .ui.secondary.inverted.pointing.menu .item {
      color: rgba(255, 255, 255, 0.9);
    }
    
    .ui.secondary.inverted.pointing.menu .header.item {
      color: #FFFFFF !important;
    }
    
    /* Hover */
    
    .ui.secondary.inverted.pointing.menu .link.item:hover,
    .ui.secondary.inverted.pointing.menu a.item:hover {
      color: rgba(0, 0, 0, 0.95);
    }
    
    /* Active */
    
    .ui.secondary.inverted.pointing.menu .active.item {
      border-color: #FFFFFF;
      color: #ffffff;
    }
    
    /*--------------
        Text Menu
    ---------------*/
    
    .ui.text.menu {
      background: none transparent;
      border-radius: 0px;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: none;
      margin: 1em -0.5em;
    }
    
    .ui.text.menu .item {
      border-radius: 0px;
      -webkit-box-shadow: none;
      box-shadow: none;
      -ms-flex-item-align: center;
      align-self: center;
      margin: 0em 0em;
      padding: 0.35714286em 0.5em;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.6);
      -webkit-transition: opacity 0.1s ease;
      transition: opacity 0.1s ease;
    }
    
    /* Border */
    
    .ui.text.menu .item:before,
    .ui.text.menu .menu .item:before {
      display: none !important;
    }
    
    /* Header */
    
    .ui.text.menu .header.item {
      background-color: transparent;
      opacity: 1;
      color: rgba(0, 0, 0, 0.85);
      font-size: 0.92857143em;
      text-transform: uppercase;
      font-weight: bold;
    }
    
    /* Image */
    
    .ui.text.menu .item > img:not(.ui) {
      margin: 0em;
    }
    
    /*--- fluid text ---*/
    
    .ui.text.item.menu .item {
      margin: 0em;
    }
    
    /*--- vertical text ---*/
    
    .ui.vertical.text.menu {
      margin: 1em 0em;
    }
    
    .ui.vertical.text.menu:first-child {
      margin-top: 0rem;
    }
    
    .ui.vertical.text.menu:last-child {
      margin-bottom: 0rem;
    }
    
    .ui.vertical.text.menu .item {
      margin: 0.57142857em 0em;
      padding-left: 0em;
      padding-right: 0em;
    }
    
    .ui.vertical.text.menu .item > i.icon {
      float: none;
      margin: 0em 0.35714286em 0em 0em;
    }
    
    .ui.vertical.text.menu .header.item {
      margin: 0.57142857em 0em 0.71428571em;
    }
    
    /* Vertical Sub Menu */
    
    .ui.vertical.text.menu .item:not(.dropdown) > .menu {
      margin: 0em;
    }
    
    .ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
      margin: 0em;
      padding: 0.5em 0em;
    }
    
    /*--- hover ---*/
    
    .ui.text.menu .item:hover {
      opacity: 1;
      background-color: transparent;
    }
    
    /*--- active ---*/
    
    .ui.text.menu .active.item {
      background-color: transparent;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.95);
    }
    
    /*--- active hover ---*/
    
    .ui.text.menu .active.item:hover {
      background-color: transparent;
    }
    
    /* Disable Bariations */
    
    .ui.text.pointing.menu .active.item:after {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    .ui.text.attached.menu {
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    /* Inverted */
    
    .ui.inverted.text.menu,
    .ui.inverted.text.menu .item,
    .ui.inverted.text.menu .item:hover,
    .ui.inverted.text.menu .active.item {
      background-color: transparent !important;
    }
    
    /* Fluid */
    
    .ui.fluid.text.menu {
      margin-left: 0em;
      margin-right: 0em;
    }
    
    /*--------------
        Icon Only
    ---------------*/
    
    /* Vertical Menu */
    
    .ui.vertical.icon.menu {
      display: inline-block;
      width: auto;
    }
    
    /* Item */
    
    .ui.icon.menu .item {
      height: auto;
      text-align: center;
      color: #1B1C1D;
    }
    
    /* Icon */
    
    .ui.icon.menu .item > .icon:not(.dropdown) {
      margin: 0;
      opacity: 1;
    }
    
    /* Icon Gylph */
    
    .ui.icon.menu .icon:before {
      opacity: 1;
    }
    
    /* (x) Item Icon */
    
    .ui.menu .icon.item > .icon {
      width: auto;
      margin: 0em auto;
    }
    
    /* Vertical Icon */
    
    .ui.vertical.icon.menu .item > .icon:not(.dropdown) {
      display: block;
      opacity: 1;
      margin: 0em auto;
      float: none;
    }
    
    /* Inverted */
    
    .ui.inverted.icon.menu .item {
      color: #FFFFFF;
    }
    
    /*--------------
       Labeled Icon
    ---------------*/
    
    /* Menu */
    
    .ui.labeled.icon.menu {
      text-align: center;
    }
    
    /* Item */
    
    .ui.labeled.icon.menu .item {
      min-width: 6em;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    /* Icon */
    
    .ui.labeled.icon.menu .item > .icon:not(.dropdown) {
      height: 1em;
      display: block;
      font-size: 1.71428571em !important;
      margin: 0em auto 0.5rem !important;
    }
    
    /* Fluid */
    
    .ui.fluid.labeled.icon.menu > .item {
      min-width: 0em;
    }
    
    /*******************************
               Variations
    *******************************/
    
    /*--------------
        Stackable
    ---------------*/
    
    @media only screen and (max-width: 767px) {
      .ui.stackable.menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    
      .ui.stackable.menu .item {
        width: 100% !important;
      }
    
      .ui.stackable.menu .item:before {
        position: absolute;
        content: '';
        top: auto;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 1px;
        background: rgba(34, 36, 38, 0.1);
      }
    
      .ui.stackable.menu .left.menu,
      .ui.stackable.menu .left.item {
        margin-right: 0 !important;
      }
    
      .ui.stackable.menu .right.menu,
      .ui.stackable.menu .right.item {
        margin-left: 0 !important;
      }
    
      .ui.stackable.menu .right.menu,
      .ui.stackable.menu .left.menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
    }
    
    /*--------------
         Colors
    ---------------*/
    
    /*--- Standard Colors  ---*/
    
    .ui.menu .red.active.item,
    .ui.red.menu .active.item {
      border-color: #DB2828 !important;
      color: #DB2828 !important;
    }
    
    .ui.menu .orange.active.item,
    .ui.orange.menu .active.item {
      border-color: #F2711C !important;
      color: #F2711C !important;
    }
    
    .ui.menu .yellow.active.item,
    .ui.yellow.menu .active.item {
      border-color: #FBBD08 !important;
      color: #FBBD08 !important;
    }
    
    .ui.menu .olive.active.item,
    .ui.olive.menu .active.item {
      border-color: #B5CC18 !important;
      color: #B5CC18 !important;
    }
    
    .ui.menu .green.active.item,
    .ui.green.menu .active.item {
      border-color: #21BA45 !important;
      color: #21BA45 !important;
    }
    
    .ui.menu .teal.active.item,
    .ui.teal.menu .active.item {
      border-color: #00B5AD !important;
      color: #00B5AD !important;
    }
    
    .ui.menu .blue.active.item,
    .ui.blue.menu .active.item {
      border-color: #2185D0 !important;
      color: #2185D0 !important;
    }
    
    .ui.menu .violet.active.item,
    .ui.violet.menu .active.item {
      border-color: #6435C9 !important;
      color: #6435C9 !important;
    }
    
    .ui.menu .purple.active.item,
    .ui.purple.menu .active.item {
      border-color: #A333C8 !important;
      color: #A333C8 !important;
    }
    
    .ui.menu .pink.active.item,
    .ui.pink.menu .active.item {
      border-color: #E03997 !important;
      color: #E03997 !important;
    }
    
    .ui.menu .brown.active.item,
    .ui.brown.menu .active.item {
      border-color: #A5673F !important;
      color: #A5673F !important;
    }
    
    .ui.menu .grey.active.item,
    .ui.grey.menu .active.item {
      border-color: #767676 !important;
      color: #767676 !important;
    }
    
    /*--------------
        Inverted
    ---------------*/
    
    .ui.inverted.menu {
      border: 0px solid transparent;
      background: #1B1C1D;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    /* Menu Item */
    
    .ui.inverted.menu .item,
    .ui.inverted.menu .item > a:not(.ui) {
      background: transparent;
      color: rgba(255, 255, 255, 0.9);
    }
    
    .ui.inverted.menu .item.menu {
      background: transparent;
    }
    
    /*--- Border ---*/
    
    .ui.inverted.menu .item:before {
      background: rgba(255, 255, 255, 0.08);
    }
    
    .ui.vertical.inverted.menu .item:before {
      background: rgba(255, 255, 255, 0.08);
    }
    
    /* Sub Menu */
    
    .ui.vertical.inverted.menu .menu .item,
    .ui.vertical.inverted.menu .menu .item a:not(.ui) {
      color: rgba(255, 255, 255, 0.5);
    }
    
    /* Header */
    
    .ui.inverted.menu .header.item {
      margin: 0em;
      background: transparent;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    /* Disabled */
    
    .ui.inverted.menu .item.disabled,
    .ui.inverted.menu .item.disabled:hover {
      color: rgba(225, 225, 225, 0.3);
    }
    
    /*--- Hover ---*/
    
    .ui.link.inverted.menu .item:hover,
    .ui.inverted.menu .dropdown.item:hover,
    .ui.inverted.menu .link.item:hover,
    .ui.inverted.menu a.item:hover {
      background: rgba(255, 255, 255, 0.08);
      color: #ffffff;
    }
    
    .ui.vertical.inverted.menu .item .menu a.item:hover,
    .ui.vertical.inverted.menu .item .menu .link.item:hover {
      background: transparent;
      color: #ffffff;
    }
    
    /*--- Pressed ---*/
    
    .ui.inverted.menu a.item:active,
    .ui.inverted.menu .link.item:active {
      background: rgba(255, 255, 255, 0.08);
      color: #ffffff;
    }
    
    /*--- Active ---*/
    
    .ui.inverted.menu .active.item {
      background: rgba(255, 255, 255, 0.15);
      color: #ffffff !important;
    }
    
    .ui.inverted.vertical.menu .item .menu .active.item {
      background: transparent;
      color: #FFFFFF;
    }
    
    .ui.inverted.pointing.menu .active.item:after {
      background: #3D3E3F !important;
      margin: 0em !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      border: none !important;
    }
    
    /*--- Active Hover ---*/
    
    .ui.inverted.menu .active.item:hover {
      background: rgba(255, 255, 255, 0.15);
      color: #FFFFFF !important;
    }
    
    .ui.inverted.pointing.menu .active.item:hover:after {
      background: #3D3E3F !important;
    }
    
    /*--------------
         Floated
    ---------------*/
    
    .ui.floated.menu {
      float: left;
      margin: 0rem 0.5rem 0rem 0rem;
    }
    
    .ui.floated.menu .item:last-child:before {
      display: none;
    }
    
    .ui.right.floated.menu {
      float: right;
      margin: 0rem 0rem 0rem 0.5rem;
    }
    
    /*--------------
        Inverted
    ---------------*/
    
    /* Red */
    
    .ui.inverted.menu .red.active.item,
    .ui.inverted.red.menu {
      background-color: #DB2828;
    }
    
    .ui.inverted.red.menu .item:before {
      background-color: rgba(34, 36, 38, 0.1);
    }
    
    .ui.inverted.red.menu .active.item {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Orange */
    
    .ui.inverted.menu .orange.active.item,
    .ui.inverted.orange.menu {
      background-color: #F2711C;
    }
    
    .ui.inverted.orange.menu .item:before {
      background-color: rgba(34, 36, 38, 0.1);
    }
    
    .ui.inverted.orange.menu .active.item {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Yellow */
    
    .ui.inverted.menu .yellow.active.item,
    .ui.inverted.yellow.menu {
      background-color: #FBBD08;
    }
    
    .ui.inverted.yellow.menu .item:before {
      background-color: rgba(34, 36, 38, 0.1);
    }
    
    .ui.inverted.yellow.menu .active.item {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Olive */
    
    .ui.inverted.menu .olive.active.item,
    .ui.inverted.olive.menu {
      background-color: #B5CC18;
    }
    
    .ui.inverted.olive.menu .item:before {
      background-color: rgba(34, 36, 38, 0.1);
    }
    
    .ui.inverted.olive.menu .active.item {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Green */
    
    .ui.inverted.menu .green.active.item,
    .ui.inverted.green.menu {
      background-color: #21BA45;
    }
    
    .ui.inverted.green.menu .item:before {
      background-color: rgba(34, 36, 38, 0.1);
    }
    
    .ui.inverted.green.menu .active.item {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Teal */
    
    .ui.inverted.menu .teal.active.item,
    .ui.inverted.teal.menu {
      background-color: #00B5AD;
    }
    
    .ui.inverted.teal.menu .item:before {
      background-color: rgba(34, 36, 38, 0.1);
    }
    
    .ui.inverted.teal.menu .active.item {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Blue */
    
    .ui.inverted.menu .blue.active.item,
    .ui.inverted.blue.menu {
      background-color: #2185D0;
    }
    
    .ui.inverted.blue.menu .item:before {
      background-color: rgba(34, 36, 38, 0.1);
    }
    
    .ui.inverted.blue.menu .active.item {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Violet */
    
    .ui.inverted.menu .violet.active.item,
    .ui.inverted.violet.menu {
      background-color: #6435C9;
    }
    
    .ui.inverted.violet.menu .item:before {
      background-color: rgba(34, 36, 38, 0.1);
    }
    
    .ui.inverted.violet.menu .active.item {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Purple */
    
    .ui.inverted.menu .purple.active.item,
    .ui.inverted.purple.menu {
      background-color: #A333C8;
    }
    
    .ui.inverted.purple.menu .item:before {
      background-color: rgba(34, 36, 38, 0.1);
    }
    
    .ui.inverted.purple.menu .active.item {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Pink */
    
    .ui.inverted.menu .pink.active.item,
    .ui.inverted.pink.menu {
      background-color: #E03997;
    }
    
    .ui.inverted.pink.menu .item:before {
      background-color: rgba(34, 36, 38, 0.1);
    }
    
    .ui.inverted.pink.menu .active.item {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Brown */
    
    .ui.inverted.menu .brown.active.item,
    .ui.inverted.brown.menu {
      background-color: #A5673F;
    }
    
    .ui.inverted.brown.menu .item:before {
      background-color: rgba(34, 36, 38, 0.1);
    }
    
    .ui.inverted.brown.menu .active.item {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Grey */
    
    .ui.inverted.menu .grey.active.item,
    .ui.inverted.grey.menu {
      background-color: #767676;
    }
    
    .ui.inverted.grey.menu .item:before {
      background-color: rgba(34, 36, 38, 0.1);
    }
    
    .ui.inverted.grey.menu .active.item {
      background-color: rgba(0, 0, 0, 0.1) !important;
    }
    
    /*--------------
         Fitted
    ---------------*/
    
    .ui.fitted.menu .item,
    .ui.fitted.menu .item .menu .item,
    .ui.menu .fitted.item {
      padding: 0em;
    }
    
    .ui.horizontally.fitted.menu .item,
    .ui.horizontally.fitted.menu .item .menu .item,
    .ui.menu .horizontally.fitted.item {
      padding-top: 0.92857143em;
      padding-bottom: 0.92857143em;
    }
    
    .ui.vertically.fitted.menu .item,
    .ui.vertically.fitted.menu .item .menu .item,
    .ui.menu .vertically.fitted.item {
      padding-left: 1.14285714em;
      padding-right: 1.14285714em;
    }
    
    /*--------------
       Borderless
    ---------------*/
    
    .ui.borderless.menu .item:before,
    .ui.borderless.menu .item .menu .item:before,
    .ui.menu .borderless.item:before {
      background: none !important;
    }
    
    /*-------------------
           Compact
    --------------------*/
    
    .ui.compact.menu {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin: 0em;
      vertical-align: middle;
    }
    
    .ui.compact.vertical.menu {
      display: inline-block;
    }
    
    .ui.compact.menu .item:last-child {
      border-radius: 0em 0.28571429rem 0.28571429rem 0em;
    }
    
    .ui.compact.menu .item:last-child:before {
      display: none;
    }
    
    .ui.compact.vertical.menu {
      width: auto !important;
    }
    
    .ui.compact.vertical.menu .item:last-child::before {
      display: block;
    }
    
    /*-------------------
            Fluid
    --------------------*/
    
    .ui.menu.fluid,
    .ui.vertical.menu.fluid {
      width: 100% !important;
    }
    
    /*-------------------
          Evenly Sized
    --------------------*/
    
    .ui.item.menu,
    .ui.item.menu .item {
      width: 100%;
      padding-left: 0em !important;
      padding-right: 0em !important;
      margin-left: 0em !important;
      margin-right: 0em !important;
      text-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .ui.attached.item.menu {
      margin: 0em -1px !important;
    }
    
    .ui.item.menu .item:last-child:before {
      display: none;
    }
    
    .ui.menu.two.item .item {
      width: 50%;
    }
    
    .ui.menu.three.item .item {
      width: 33.333%;
    }
    
    .ui.menu.four.item .item {
      width: 25%;
    }
    
    .ui.menu.five.item .item {
      width: 20%;
    }
    
    .ui.menu.six.item .item {
      width: 16.666%;
    }
    
    .ui.menu.seven.item .item {
      width: 14.285%;
    }
    
    .ui.menu.eight.item .item {
      width: 12.500%;
    }
    
    .ui.menu.nine.item .item {
      width: 11.11%;
    }
    
    .ui.menu.ten.item .item {
      width: 10.0%;
    }
    
    .ui.menu.eleven.item .item {
      width: 9.09%;
    }
    
    .ui.menu.twelve.item .item {
      width: 8.333%;
    }
    
    /*--------------
         Fixed
    ---------------*/
    
    .ui.menu.fixed {
      position: fixed;
      z-index: 101;
      margin: 0em;
      width: 100%;
    }
    
    .ui.menu.fixed,
    .ui.menu.fixed .item:first-child,
    .ui.menu.fixed .item:last-child {
      border-radius: 0px !important;
    }
    
    .ui.fixed.menu,
    .ui[class*="top fixed"].menu {
      top: 0px;
      left: 0px;
      right: auto;
      bottom: auto;
    }
    
    .ui[class*="top fixed"].menu {
      border-top: none;
      border-left: none;
      border-right: none;
    }
    
    .ui[class*="right fixed"].menu {
      border-top: none;
      border-bottom: none;
      border-right: none;
      top: 0px;
      right: 0px;
      left: auto;
      bottom: auto;
      width: auto;
      height: 100%;
    }
    
    .ui[class*="bottom fixed"].menu {
      border-bottom: none;
      border-left: none;
      border-right: none;
      bottom: 0px;
      left: 0px;
      top: auto;
      right: auto;
    }
    
    .ui[class*="left fixed"].menu {
      border-top: none;
      border-bottom: none;
      border-left: none;
      top: 0px;
      left: 0px;
      right: auto;
      bottom: auto;
      width: auto;
      height: 100%;
    }
    
    /* Coupling with Grid */
    
    .ui.fixed.menu + .ui.grid {
      padding-top: 2.75rem;
    }
    
    /*-------------------
           Pointing
    --------------------*/
    
    .ui.pointing.menu .item:after {
      visibility: hidden;
      position: absolute;
      content: '';
      top: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
      transform: translateX(-50%) translateY(-50%) rotate(45deg);
      background: none;
      margin: 0.5px 0em 0em;
      width: 0.57142857em;
      height: 0.57142857em;
      border: none;
      border-bottom: 1px solid #D4D4D5;
      border-right: 1px solid #D4D4D5;
      z-index: 2;
      -webkit-transition: background 0.1s ease;
      transition: background 0.1s ease;
    }
    
    .ui.vertical.pointing.menu .item:after {
      position: absolute;
      top: 50%;
      right: 0%;
      bottom: auto;
      left: auto;
      -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
      transform: translateX(50%) translateY(-50%) rotate(45deg);
      margin: 0em -0.5px 0em 0em;
      border: none;
      border-top: 1px solid #D4D4D5;
      border-right: 1px solid #D4D4D5;
    }
    
    /* Active */
    
    .ui.pointing.menu .active.item:after {
      visibility: visible;
    }
    
    .ui.pointing.menu .active.dropdown.item:after {
      visibility: hidden;
    }
    
    /* Don't double up pointers */
    
    .ui.pointing.menu .dropdown.active.item:after,
    .ui.pointing.menu .active.item .menu .active.item:after {
      display: none;
    }
    
    /* Colors */
    
    .ui.pointing.menu .active.item:hover:after {
      background-color: #F2F2F2;
    }
    
    .ui.pointing.menu .active.item:after {
      background-color: #F2F2F2;
    }
    
    .ui.pointing.menu .active.item:hover:after {
      background-color: #F2F2F2;
    }
    
    .ui.vertical.pointing.menu .active.item:hover:after {
      background-color: #F2F2F2;
    }
    
    .ui.vertical.pointing.menu .active.item:after {
      background-color: #F2F2F2;
    }
    
    .ui.vertical.pointing.menu .menu .active.item:after {
      background-color: #FFFFFF;
    }
    
    /*--------------
        Attached
    ---------------*/
    
    /* Middle */
    
    .ui.attached.menu {
      top: 0px;
      bottom: 0px;
      border-radius: 0px;
      margin: 0em -1px;
      width: calc(100% +  2px );
      max-width: calc(100% +  2px );
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    
    .ui.attached + .ui.attached.menu:not(.top) {
      border-top: none;
    }
    
    /* Top */
    
    .ui[class*="top attached"].menu {
      bottom: 0px;
      margin-bottom: 0em;
      top: 0px;
      margin-top: 1rem;
      border-radius: 0.28571429rem 0.28571429rem 0em 0em;
    }
    
    .ui.menu[class*="top attached"]:first-child {
      margin-top: 0em;
    }
    
    /* Bottom */
    
    .ui[class*="bottom attached"].menu {
      bottom: 0px;
      margin-top: 0em;
      top: 0px;
      margin-bottom: 1rem;
      -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
      box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
      border-radius: 0em 0em 0.28571429rem 0.28571429rem;
    }
    
    .ui[class*="bottom attached"].menu:last-child {
      margin-bottom: 0em;
    }
    
    /* Attached Menu Item */
    
    .ui.top.attached.menu > .item:first-child {
      border-radius: 0.28571429rem 0em 0em 0em;
    }
    
    .ui.bottom.attached.menu > .item:first-child {
      border-radius: 0em 0em 0em 0.28571429rem;
    }
    
    /* Tabular Attached */
    
    .ui.attached.menu:not(.tabular) {
      border: 1px solid #D4D4D5;
    }
    
    .ui.attached.inverted.menu {
      border: none;
    }
    
    .ui.attached.tabular.menu {
      margin-left: 0;
      margin-right: 0;
      width: 100%;
    }
    
    /*--------------
         Sizes
    ---------------*/
    
    /* Mini */
    
    .ui.mini.menu {
      font-size: 0.78571429rem;
    }
    
    .ui.mini.vertical.menu {
      width: 9rem;
    }
    
    /* Tiny */
    
    .ui.tiny.menu {
      font-size: 0.85714286rem;
    }
    
    .ui.tiny.vertical.menu {
      width: 11rem;
    }
    
    /* Small */
    
    .ui.small.menu {
      font-size: 0.92857143rem;
    }
    
    .ui.small.vertical.menu {
      width: 13rem;
    }
    
    /* Medium */
    
    .ui.menu {
      font-size: 1rem;
    }
    
    .ui.vertical.menu {
      width: 15rem;
    }
    
    /* Large */
    
    .ui.large.menu {
      font-size: 1.07142857rem;
    }
    
    .ui.large.vertical.menu {
      width: 18rem;
    }
    
    /* Huge */
    
    .ui.huge.menu {
      font-size: 1.14285714rem;
    }
    
    .ui.huge.vertical.menu {
      width: 20rem;
    }
    
    /* Big */
    
    .ui.big.menu {
      font-size: 1.21428571rem;
    }
    
    .ui.big.vertical.menu {
      width: 22rem;
    }
    
    /* Massive */
    
    .ui.massive.menu {
      font-size: 1.28571429rem;
    }
    
    .ui.massive.vertical.menu {
      width: 25rem;
    }
    
    /*******************************
             Theme Overrides
    *******************************/
    
    /*******************************
             Site Overrides
    *******************************/
    /*!
     * # Semantic UI 2.2.13 - Item
     * http://github.com/semantic-org/semantic-ui/
     *
     *
     * Released under the MIT license
     * http://opensource.org/licenses/MIT
     *
     */
    
    /*******************************
                Standard
    *******************************/
    
    /*--------------
          Card
    ---------------*/
    
    .ui.cards > .card,
    .ui.card {
      max-width: 100%;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 290px;
      min-height: 0px;
      background: #FFFFFF;
      padding: 0em;
      border: none;
      border-radius: 0.28571429rem;
      -webkit-box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
      box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
      -webkit-transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
      transition: -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
      transition: box-shadow 0.1s ease, transform 0.1s ease;
      transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
      z-index: '';
    }
    
    .ui.card {
      margin: 1em 0em;
    }
    
    .ui.cards > .card a,
    .ui.card a {
      cursor: pointer;
    }
    
    .ui.card:first-child {
      margin-top: 0em;
    }
    
    .ui.card:last-child {
      margin-bottom: 0em;
    }
    
    /*--------------
          Cards
    ---------------*/
    
    .ui.cards {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: -0.875em -0.5em;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    .ui.cards > .card {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0.875em 0.5em;
      float: none;
    }
    
    /* Clearing */
    
    .ui.cards:after,
    .ui.card:after {
      display: block;
      content: ' ';
      height: 0px;
      clear: both;
      overflow: hidden;
      visibility: hidden;
    }
    
    /* Consecutive Card Groups Preserve Row Spacing */
    
    .ui.cards ~ .ui.cards {
      margin-top: 0.875em;
    }
    
    /*--------------
      Rounded Edges
    ---------------*/
    
    .ui.cards > .card > :first-child,
    .ui.card > :first-child {
      border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
      border-top: none !important;
    }
    
    .ui.cards > .card > :last-child,
    .ui.card > :last-child {
      border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
    }
    
    .ui.cards > .card > :only-child,
    .ui.card > :only-child {
      border-radius: 0.28571429rem !important;
    }
    
    /*--------------
         Images
    ---------------*/
    
    .ui.cards > .card > .image,
    .ui.card > .image {
      position: relative;
      display: block;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding: 0em;
      background: rgba(0, 0, 0, 0.05);
    }
    
    .ui.cards > .card > .image > img,
    .ui.card > .image > img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: inherit;
    }
    
    .ui.cards > .card > .image:not(.ui) > img,
    .ui.card > .image:not(.ui) > img {
      border: none;
    }
    
    /*--------------
         Content
    ---------------*/
    
    .ui.cards > .card > .content,
    .ui.card > .content {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      border: none;
      border-top: 1px solid rgba(34, 36, 38, 0.1);
      background: none;
      margin: 0em;
      padding: 1em 1em;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-size: 1em;
      border-radius: 0em;
    }
    
    .ui.cards > .card > .content:after,
    .ui.card > .content:after {
      display: block;
      content: ' ';
      height: 0px;
      clear: both;
      overflow: hidden;
      visibility: hidden;
    }
    
    .ui.cards > .card > .content > .header,
    .ui.card > .content > .header {
      display: block;
      margin: '';
      font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
      color: rgba(0, 0, 0, 0.85);
    }
    
    /* Default Header Size */
    
    .ui.cards > .card > .content > .header:not(.ui),
    .ui.card > .content > .header:not(.ui) {
      font-weight: bold;
      font-size: 1.28571429em;
      margin-top: -0.21425em;
      line-height: 1.28571429em;
    }
    
    .ui.cards > .card > .content > .meta + .description,
    .ui.cards > .card > .content > .header + .description,
    .ui.card > .content > .meta + .description,
    .ui.card > .content > .header + .description {
      margin-top: 0.5em;
    }
    
    /*----------------
     Floated Content
    -----------------*/
    
    .ui.cards > .card [class*="left floated"],
    .ui.card [class*="left floated"] {
      float: left;
    }
    
    .ui.cards > .card [class*="right floated"],
    .ui.card [class*="right floated"] {
      float: right;
    }
    
    /*--------------
         Aligned
    ---------------*/
    
    .ui.cards > .card [class*="left aligned"],
    .ui.card [class*="left aligned"] {
      text-align: left;
    }
    
    .ui.cards > .card [class*="center aligned"],
    .ui.card [class*="center aligned"] {
      text-align: center;
    }
    
    .ui.cards > .card [class*="right aligned"],
    .ui.card [class*="right aligned"] {
      text-align: right;
    }
    
    /*--------------
      Content Image
    ---------------*/
    
    .ui.cards > .card .content img,
    .ui.card .content img {
      display: inline-block;
      vertical-align: middle;
      width: '';
    }
    
    .ui.cards > .card img.avatar,
    .ui.cards > .card .avatar img,
    .ui.card img.avatar,
    .ui.card .avatar img {
      width: 2em;
      height: 2em;
      border-radius: 500rem;
    }
    
    /*--------------
       Description
    ---------------*/
    
    .ui.cards > .card > .content > .description,
    .ui.card > .content > .description {
      clear: both;
      color: rgba(0, 0, 0, 0.68);
    }
    
    /*--------------
        Paragraph
    ---------------*/
    
    .ui.cards > .card > .content p,
    .ui.card > .content p {
      margin: 0em 0em 0.5em;
    }
    
    .ui.cards > .card > .content p:last-child,
    .ui.card > .content p:last-child {
      margin-bottom: 0em;
    }
    
    /*--------------
          Meta
    ---------------*/
    
    .ui.cards > .card .meta,
    .ui.card .meta {
      font-size: 1em;
      color: rgba(0, 0, 0, 0.4);
    }
    
    .ui.cards > .card .meta *,
    .ui.card .meta * {
      margin-right: 0.3em;
    }
    
    .ui.cards > .card .meta :last-child,
    .ui.card .meta :last-child {
      margin-right: 0em;
    }
    
    .ui.cards > .card .meta [class*="right floated"],
    .ui.card .meta [class*="right floated"] {
      margin-right: 0em;
      margin-left: 0.3em;
    }
    
    /*--------------
          Links
    ---------------*/
    
    /* Generic */
    
    .ui.cards > .card > .content a:not(.ui),
    .ui.card > .content a:not(.ui) {
      color: '';
      -webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
    }
    
    .ui.cards > .card > .content a:not(.ui):hover,
    .ui.card > .content a:not(.ui):hover {
      color: '';
    }
    
    /* Header */
    
    .ui.cards > .card > .content > a.header,
    .ui.card > .content > a.header {
      color: rgba(0, 0, 0, 0.85);
    }
    
    .ui.cards > .card > .content > a.header:hover,
    .ui.card > .content > a.header:hover {
      color: #1e70bf;
    }
    
    /* Meta */
    
    .ui.cards > .card .meta > a:not(.ui),
    .ui.card .meta > a:not(.ui) {
      color: rgba(0, 0, 0, 0.4);
    }
    
    .ui.cards > .card .meta > a:not(.ui):hover,
    .ui.card .meta > a:not(.ui):hover {
      color: rgba(0, 0, 0, 0.87);
    }
    
    /*--------------
         Buttons
    ---------------*/
    
    .ui.cards > .card > .buttons,
    .ui.card > .buttons,
    .ui.cards > .card > .button,
    .ui.card > .button {
      margin: 0px -1px;
      width: calc(100% +  2px );
    }
    
    /*--------------
          Dimmer
    ---------------*/
    
    .ui.cards > .card .dimmer,
    .ui.card .dimmer {
      background-color: '';
      z-index: 10;
    }
    
    /*----------------
      Extra Content
    -----------------*/
    
    .ui.cards > .card > .extra,
    .ui.card > .extra {
      max-width: 100%;
      min-height: 0em !important;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
      position: static;
      background: none;
      width: auto;
      margin: 0em 0em;
      padding: 0.75em 1em;
      top: 0em;
      left: 0em;
      color: rgba(0, 0, 0, 0.4);
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
    }
    
    .ui.cards > .card > .extra a:not(.ui),
    .ui.card > .extra a:not(.ui) {
      color: rgba(0, 0, 0, 0.4);
    }
    
    .ui.cards > .card > .extra a:not(.ui):hover,
    .ui.card > .extra a:not(.ui):hover {
      color: #1e70bf;
    }
    
    /*******************************
               Variations
    *******************************/
    
    /*-------------------
           Raised
    --------------------*/
    
    .ui.raised.cards > .card,
    .ui.raised.card {
      -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
      box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
    }
    
    .ui.raised.cards a.card:hover,
    .ui.link.cards .raised.card:hover,
    a.ui.raised.card:hover,
    .ui.link.raised.card:hover {
      -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
      box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
    }
    
    .ui.raised.cards > .card,
    .ui.raised.card {
      -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
      box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
    }
    
    /*-------------------
           Centered
    --------------------*/
    
    .ui.centered.cards {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
    
    .ui.centered.card {
      margin-left: auto;
      margin-right: auto;
    }
    
    /*-------------------
            Fluid
    --------------------*/
    
    .ui.fluid.card {
      width: 100%;
      max-width: 9999px;
    }
    
    /*-------------------
            Link
    --------------------*/
    
    .ui.cards a.card,
    .ui.link.cards .card,
    a.ui.card,
    .ui.link.card {
      -webkit-transform: none;
      transform: none;
    }
    
    .ui.cards a.card:hover,
    .ui.link.cards .card:hover,
    a.ui.card:hover,
    .ui.link.card:hover {
      cursor: pointer;
      z-index: 5;
      background: #FFFFFF;
      border: none;
      -webkit-box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
      box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
      -webkit-transform: translateY(-3px);
      transform: translateY(-3px);
    }
    
    /*--------------
       Card Count
    ---------------*/
    
    .ui.one.cards {
      margin-left: 0em;
      margin-right: 0em;
    }
    
    .ui.one.cards > .card {
      width: 100%;
    }
    
    .ui.two.cards {
      margin-left: -1em;
      margin-right: -1em;
    }
    
    .ui.two.cards > .card {
      width: calc( 50%  -  2em );
      margin-left: 1em;
      margin-right: 1em;
    }
    
    .ui.three.cards {
      margin-left: -1em;
      margin-right: -1em;
    }
    
    .ui.three.cards > .card {
      width: calc( 33.33333333%  -  2em );
      margin-left: 1em;
      margin-right: 1em;
    }
    
    .ui.four.cards {
      margin-left: -0.75em;
      margin-right: -0.75em;
    }
    
    .ui.four.cards > .card {
      width: calc( 25%  -  1.5em );
      margin-left: 0.75em;
      margin-right: 0.75em;
    }
    
    .ui.five.cards {
      margin-left: -0.75em;
      margin-right: -0.75em;
    }
    
    .ui.five.cards > .card {
      width: calc( 20%  -  1.5em );
      margin-left: 0.75em;
      margin-right: 0.75em;
    }
    
    .ui.six.cards {
      margin-left: -0.75em;
      margin-right: -0.75em;
    }
    
    .ui.six.cards > .card {
      width: calc( 16.66666667%  -  1.5em );
      margin-left: 0.75em;
      margin-right: 0.75em;
    }
    
    .ui.seven.cards {
      margin-left: -0.5em;
      margin-right: -0.5em;
    }
    
    .ui.seven.cards > .card {
      width: calc( 14.28571429%  -  1em );
      margin-left: 0.5em;
      margin-right: 0.5em;
    }
    
    .ui.eight.cards {
      margin-left: -0.5em;
      margin-right: -0.5em;
    }
    
    .ui.eight.cards > .card {
      width: calc( 12.5%  -  1em );
      margin-left: 0.5em;
      margin-right: 0.5em;
      font-size: 11px;
    }
    
    .ui.nine.cards {
      margin-left: -0.5em;
      margin-right: -0.5em;
    }
    
    .ui.nine.cards > .card {
      width: calc( 11.11111111%  -  1em );
      margin-left: 0.5em;
      margin-right: 0.5em;
      font-size: 10px;
    }
    
    .ui.ten.cards {
      margin-left: -0.5em;
      margin-right: -0.5em;
    }
    
    .ui.ten.cards > .card {
      width: calc( 10%  -  1em );
      margin-left: 0.5em;
      margin-right: 0.5em;
    }
    
    /*-------------------
          Doubling
    --------------------*/
    
    /* Mobile Only */
    
    @media only screen and (max-width: 767px) {
      .ui.two.doubling.cards {
        margin-left: 0em;
        margin-right: 0em;
      }
    
      .ui.two.doubling.cards > .card {
        width: 100%;
        margin-left: 0em;
        margin-right: 0em;
      }
    
      .ui.three.doubling.cards {
        margin-left: -1em;
        margin-right: -1em;
      }
    
      .ui.three.doubling.cards > .card {
        width: calc( 50%  -  2em );
        margin-left: 1em;
        margin-right: 1em;
      }
    
      .ui.four.doubling.cards {
        margin-left: -1em;
        margin-right: -1em;
      }
    
      .ui.four.doubling.cards > .card {
        width: calc( 50%  -  2em );
        margin-left: 1em;
        margin-right: 1em;
      }
    
      .ui.five.doubling.cards {
        margin-left: -1em;
        margin-right: -1em;
      }
    
      .ui.five.doubling.cards > .card {
        width: calc( 50%  -  2em );
        margin-left: 1em;
        margin-right: 1em;
      }
    
      .ui.six.doubling.cards {
        margin-left: -1em;
        margin-right: -1em;
      }
    
      .ui.six.doubling.cards > .card {
        width: calc( 50%  -  2em );
        margin-left: 1em;
        margin-right: 1em;
      }
    
      .ui.seven.doubling.cards {
        margin-left: -1em;
        margin-right: -1em;
      }
    
      .ui.seven.doubling.cards > .card {
        width: calc( 33.33333333%  -  2em );
        margin-left: 1em;
        margin-right: 1em;
      }
    
      .ui.eight.doubling.cards {
        margin-left: -1em;
        margin-right: -1em;
      }
    
      .ui.eight.doubling.cards > .card {
        width: calc( 33.33333333%  -  2em );
        margin-left: 1em;
        margin-right: 1em;
      }
    
      .ui.nine.doubling.cards {
        margin-left: -1em;
        margin-right: -1em;
      }
    
      .ui.nine.doubling.cards > .card {
        width: calc( 33.33333333%  -  2em );
        margin-left: 1em;
        margin-right: 1em;
      }
    
      .ui.ten.doubling.cards {
        margin-left: -1em;
        margin-right: -1em;
      }
    
      .ui.ten.doubling.cards > .card {
        width: calc( 33.33333333%  -  2em );
        margin-left: 1em;
        margin-right: 1em;
      }
    }
    
    /* Tablet Only */
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ui.two.doubling.cards {
        margin-left: 0em;
        margin-right: 0em;
      }
    
      .ui.two.doubling.cards > .card {
        width: 100%;
        margin-left: 0em;
        margin-right: 0em;
      }
    
      .ui.three.doubling.cards {
        margin-left: -1em;
        margin-right: -1em;
      }
    
      .ui.three.doubling.cards > .card {
        width: calc( 50%  -  2em );
        margin-left: 1em;
        margin-right: 1em;
      }
    
      .ui.four.doubling.cards {
        margin-left: -1em;
        margin-right: -1em;
      }
    
      .ui.four.doubling.cards > .card {
        width: calc( 50%  -  2em );
        margin-left: 1em;
        margin-right: 1em;
      }
    
      .ui.five.doubling.cards {
        margin-left: -1em;
        margin-right: -1em;
      }
    
      .ui.five.doubling.cards > .card {
        width: calc( 33.33333333%  -  2em );
        margin-left: 1em;
        margin-right: 1em;
      }
    
      .ui.six.doubling.cards {
        margin-left: -1em;
        margin-right: -1em;
      }
    
      .ui.six.doubling.cards > .card {
        width: calc( 33.33333333%  -  2em );
        margin-left: 1em;
        margin-right: 1em;
      }
    
      .ui.eight.doubling.cards {
        margin-left: -1em;
        margin-right: -1em;
      }
    
      .ui.eight.doubling.cards > .card {
        width: calc( 33.33333333%  -  2em );
        margin-left: 1em;
        margin-right: 1em;
      }
    
      .ui.eight.doubling.cards {
        margin-left: -0.75em;
        margin-right: -0.75em;
      }
    
      .ui.eight.doubling.cards > .card {
        width: calc( 25%  -  1.5em );
        margin-left: 0.75em;
        margin-right: 0.75em;
      }
    
      .ui.nine.doubling.cards {
        margin-left: -0.75em;
        margin-right: -0.75em;
      }
    
      .ui.nine.doubling.cards > .card {
        width: calc( 25%  -  1.5em );
        margin-left: 0.75em;
        margin-right: 0.75em;
      }
    
      .ui.ten.doubling.cards {
        margin-left: -0.75em;
        margin-right: -0.75em;
      }
    
      .ui.ten.doubling.cards > .card {
        width: calc( 20%  -  1.5em );
        margin-left: 0.75em;
        margin-right: 0.75em;
      }
    }
    
    /*-------------------
          Stackable
    --------------------*/
    
    @media only screen and (max-width: 767px) {
      .ui.stackable.cards {
        display: block !important;
      }
    
      .ui.stackable.cards .card:first-child {
        margin-top: 0em !important;
      }
    
      .ui.stackable.cards > .card {
        display: block !important;
        height: auto !important;
        margin: 1em 1em;
        padding: 0 !important;
        width: calc( 100%  -  2em ) !important;
      }
    }
    
    /*--------------
          Size
    ---------------*/
    
    .ui.cards > .card {
      font-size: 1em;
    }
    
    /*******************************
             Theme Overrides
    *******************************/
    
    /*******************************
        User Variable Overrides
    *******************************/
    /*!
     * # Semantic UI 2.2.13 - Item
     * http://github.com/semantic-org/semantic-ui/
     *
     *
     * Released under the MIT license
     * http://opensource.org/licenses/MIT
     *
     */
    
    /*******************************
                Standard
    *******************************/
    
    /*--------------
          Item
    ---------------*/
    
    .ui.items > .item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 1em 0em;
      width: 100%;
      min-height: 0px;
      background: transparent;
      padding: 0em;
      border: none;
      border-radius: 0rem;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition: -webkit-box-shadow 0.1s ease;
      transition: -webkit-box-shadow 0.1s ease;
      transition: box-shadow 0.1s ease;
      transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
      z-index: '';
    }
    
    .ui.items > .item a {
      cursor: pointer;
    }
    
    /*--------------
          Items
    ---------------*/
    
    .ui.items {
      margin: 1.5em 0em;
    }
    
    .ui.items:first-child {
      margin-top: 0em !important;
    }
    
    .ui.items:last-child {
      margin-bottom: 0em !important;
    }
    
    /*--------------
          Item
    ---------------*/
    
    .ui.items > .item:after {
      display: block;
      content: ' ';
      height: 0px;
      clear: both;
      overflow: hidden;
      visibility: hidden;
    }
    
    .ui.items > .item:first-child {
      margin-top: 0em;
    }
    
    .ui.items > .item:last-child {
      margin-bottom: 0em;
    }
    
    /*--------------
         Images
    ---------------*/
    
    .ui.items > .item > .image {
      position: relative;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      display: block;
      float: none;
      margin: 0em;
      padding: 0em;
      max-height: '';
      -ms-flex-item-align: top;
      align-self: top;
    }
    
    .ui.items > .item > .image > img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 0.125rem;
      border: none;
    }
    
    .ui.items > .item > .image:only-child > img {
      border-radius: 0rem;
    }
    
    /*--------------
         Content
    ---------------*/
    
    .ui.items > .item > .content {
      display: block;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      background: none;
      margin: 0em;
      padding: 0em;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-size: 1em;
      border: none;
      border-radius: 0em;
    }
    
    .ui.items > .item > .content:after {
      display: block;
      content: ' ';
      height: 0px;
      clear: both;
      overflow: hidden;
      visibility: hidden;
    }
    
    .ui.items > .item > .image + .content {
      min-width: 0;
      width: auto;
      display: block;
      margin-left: 0em;
      -ms-flex-item-align: top;
      align-self: top;
      padding-left: 1.5em;
    }
    
    .ui.items > .item > .content > .header {
      display: inline-block;
      margin: -0.21425em 0em 0em;
      font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.85);
    }
    
    /* Default Header Size */
    
    .ui.items > .item > .content > .header:not(.ui) {
      font-size: 1.28571429em;
    }
    
    /*--------------
         Floated
    ---------------*/
    
    .ui.items > .item [class*="left floated"] {
      float: left;
    }
    
    .ui.items > .item [class*="right floated"] {
      float: right;
    }
    
    /*--------------
      Content Image
    ---------------*/
    
    .ui.items > .item .content img {
      -ms-flex-item-align: middle;
      align-self: middle;
      width: '';
    }
    
    .ui.items > .item img.avatar,
    .ui.items > .item .avatar img {
      width: '';
      height: '';
      border-radius: 500rem;
    }
    
    /*--------------
       Description
    ---------------*/
    
    .ui.items > .item > .content > .description {
      margin-top: 0.6em;
      max-width: auto;
      font-size: 1em;
      line-height: 1.4285em;
      color: rgba(0, 0, 0, 0.87);
    }
    
    /*--------------
        Paragraph
    ---------------*/
    
    .ui.items > .item > .content p {
      margin: 0em 0em 0.5em;
    }
    
    .ui.items > .item > .content p:last-child {
      margin-bottom: 0em;
    }
    
    /*--------------
          Meta
    ---------------*/
    
    .ui.items > .item .meta {
      margin: 0.5em 0em 0.5em;
      font-size: 1em;
      line-height: 1em;
      color: rgba(0, 0, 0, 0.6);
    }
    
    .ui.items > .item .meta * {
      margin-right: 0.3em;
    }
    
    .ui.items > .item .meta :last-child {
      margin-right: 0em;
    }
    
    .ui.items > .item .meta [class*="right floated"] {
      margin-right: 0em;
      margin-left: 0.3em;
    }
    
    /*--------------
          Links
    ---------------*/
    
    /* Generic */
    
    .ui.items > .item > .content a:not(.ui) {
      color: '';
      -webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
    }
    
    .ui.items > .item > .content a:not(.ui):hover {
      color: '';
    }
    
    /* Header */
    
    .ui.items > .item > .content > a.header {
      color: rgba(0, 0, 0, 0.85);
    }
    
    .ui.items > .item > .content > a.header:hover {
      color: #1e70bf;
    }
    
    /* Meta */
    
    .ui.items > .item .meta > a:not(.ui) {
      color: rgba(0, 0, 0, 0.4);
    }
    
    .ui.items > .item .meta > a:not(.ui):hover {
      color: rgba(0, 0, 0, 0.87);
    }
    
    /*--------------
         Labels
    ---------------*/
    
    /*-----Star----- */
    
    /* Icon */
    
    .ui.items > .item > .content .favorite.icon {
      cursor: pointer;
      opacity: 0.75;
      -webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
    }
    
    .ui.items > .item > .content .favorite.icon:hover {
      opacity: 1;
      color: #FFB70A;
    }
    
    .ui.items > .item > .content .active.favorite.icon {
      color: #FFE623;
    }
    
    /*-----Like----- */
    
    /* Icon */
    
    .ui.items > .item > .content .like.icon {
      cursor: pointer;
      opacity: 0.75;
      -webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
    }
    
    .ui.items > .item > .content .like.icon:hover {
      opacity: 1;
      color: #FF2733;
    }
    
    .ui.items > .item > .content .active.like.icon {
      color: #FF2733;
    }
    
    /*----------------
      Extra Content
    -----------------*/
    
    .ui.items > .item .extra {
      display: block;
      position: relative;
      background: none;
      margin: 0.5rem 0em 0em;
      width: 100%;
      padding: 0em 0em 0em;
      top: 0em;
      left: 0em;
      color: rgba(0, 0, 0, 0.4);
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transition: color 0.1s ease;
      transition: color 0.1s ease;
      border-top: none;
    }
    
    .ui.items > .item .extra > * {
      margin: 0.25rem 0.5rem 0.25rem 0em;
    }
    
    .ui.items > .item .extra > [class*="right floated"] {
      margin: 0.25rem 0em 0.25rem 0.5rem;
    }
    
    .ui.items > .item .extra:after {
      display: block;
      content: ' ';
      height: 0px;
      clear: both;
      overflow: hidden;
      visibility: hidden;
    }
    
    /*******************************
              Responsive
    *******************************/
    
    /* Default Image Width */
    
    .ui.items > .item > .image:not(.ui) {
      width: 175px;
    }
    
    /* Tablet Only */
    
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ui.items > .item {
        margin: 1em 0em;
      }
    
      .ui.items > .item > .image:not(.ui) {
        width: 150px;
      }
    
      .ui.items > .item > .image + .content {
        display: block;
        padding: 0em 0em 0em 1em;
      }
    }
    
    /* Mobile Only */
    
    @media only screen and (max-width: 767px) {
      .ui.items:not(.unstackable) > .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 2em 0em;
      }
    
      .ui.items:not(.unstackable) > .item > .image {
        display: block;
        margin-left: auto;
        margin-right: auto;
      }
    
      .ui.items:not(.unstackable) > .item > .image,
      .ui.items:not(.unstackable) > .item > .image > img {
        max-width: 100% !important;
        width: auto !important;
        max-height: 250px !important;
      }
    
      .ui.items:not(.unstackable) > .item > .image + .content {
        display: block;
        padding: 1.5em 0em 0em;
      }
    }
    
    /*******************************
               Variations
    *******************************/
    
    /*-------------------
           Aligned
    --------------------*/
    
    .ui.items > .item > .image + [class*="top aligned"].content {
      -ms-flex-item-align: start;
      align-self: flex-start;
    }
    
    .ui.items > .item > .image + [class*="middle aligned"].content {
      -ms-flex-item-align: center;
      align-self: center;
    }
    
    .ui.items > .item > .image + [class*="bottom aligned"].content {
      -ms-flex-item-align: end;
      align-self: flex-end;
    }
    
    /*--------------
         Relaxed
    ---------------*/
    
    .ui.relaxed.items > .item {
      margin: 1.5em 0em;
    }
    
    .ui[class*="very relaxed"].items > .item {
      margin: 2em 0em;
    }
    
    /*-------------------
          Divided
    --------------------*/
    
    .ui.divided.items > .item {
      border-top: 1px solid rgba(34, 36, 38, 0.15);
      margin: 0em;
      padding: 1em 0em;
    }
    
    .ui.divided.items > .item:first-child {
      border-top: none;
      margin-top: 0em !important;
      padding-top: 0em !important;
    }
    
    .ui.divided.items > .item:last-child {
      margin-bottom: 0em !important;
      padding-bottom: 0em !important;
    }
    
    /* Relaxed Divided */
    
    .ui.relaxed.divided.items > .item {
      margin: 0em;
      padding: 1.5em 0em;
    }
    
    .ui[class*="very relaxed"].divided.items > .item {
      margin: 0em;
      padding: 2em 0em;
    }
    
    /*-------------------
            Link
    --------------------*/
    
    .ui.items a.item:hover,
    .ui.link.items > .item:hover {
      cursor: pointer;
    }
    
    .ui.items a.item:hover .content .header,
    .ui.link.items > .item:hover .content .header {
      color: #1e70bf;
    }
    
    /*--------------
          Size
    ---------------*/
    
    .ui.items > .item {
      font-size: 1em;
    }
    
    /*---------------
       Unstackable
    ----------------*/
    
    @media only screen and (max-width: 767px) {
      .ui.unstackable.items > .item > .image,
      .ui.unstackable.items > .item > .image > img {
        width: 125px !important;
      }
    }